/* Design renderer (shared/render.js): the same rules in the editor, viewer, present mode and exports */
.db-page { position: relative; overflow: hidden; box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; }
.db-content { position: absolute; }
.db-el { position: absolute; box-sizing: border-box; transform-origin: 50% 50%; }
.db-inner { position: absolute; inset: 0; }
.db-text { position: absolute; inset: 0; display: flex; flex-direction: column; box-sizing: border-box; overflow-wrap: break-word; word-break: normal; white-space: normal; }
.db-tx { outline: none; min-height: 1em; }
.db-tx p, .db-tx div { margin: 0; }
.db-tx ul, .db-tx ol { margin: 0; padding-left: 1.2em; }
.db-tx.list-bullet > div, .db-tx.list-number > div { display: list-item; margin-left: 1.1em; }
.db-tx.list-bullet > div { list-style: disc outside; }
.db-tx.list-number { counter-reset: none; }
.db-tx.list-number > div { list-style: decimal outside; }
.db-tx a { color: inherit; text-decoration: underline; }
.db-hl { -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.db-curve { position: absolute; inset: 0; overflow: visible; }
.db-shape-text { pointer-events: none; }
.db-inner > svg, .db-inner > div > svg { display: block; overflow: visible; }
.db-img { position: absolute; inset: 0; overflow: hidden; }
.db-img img { display: block; }
.db-vignette { position: absolute; inset: 0; pointer-events: none; }
.db-border { position: absolute; inset: 0; pointer-events: none; }
.db-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.db-placeholder { background: #e5e7eb; display: flex; align-items: center; justify-content: center; }
.db-ph-ic { width: 22%; height: 22%; max-width: 72px; max-height: 72px; background: #9ca3af; -webkit-mask: url(/vendor/icons/image-plus.svg) center / contain no-repeat; mask: url(/vendor/icons/image-plus.svg) center / contain no-repeat; }
.db-grid { position: absolute; inset: 0; display: grid; }
.db-grid > .db-img { position: relative; inset: auto; }
.db-icon, .db-svg, .db-chart, .db-qr { position: absolute; inset: 0; }
.db-icon svg, .db-svg svg, .db-chart svg, .db-qr svg { width: 100%; height: 100%; display: block; }
.db-table { position: absolute; inset: 0; width: 100%; height: 100%; border-collapse: collapse; table-layout: fixed; }
.db-table td { padding: .35em .55em; vertical-align: middle; overflow: hidden; overflow-wrap: anywhere; line-height: 1.25; }
.db-link { position: absolute; inset: 0; }
.db-hidden { opacity: .25; }
.db-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.db-lottie { position: absolute; inset: 0; }
.db-lottie svg { width: 100% !important; height: 100% !important; display: block; }
.db-u { display: inline-block; white-space: pre; }