body.bkbg-template-canvas{margin:0;padding:0;background:#fff;overflow-x:clip}
.bkbg-template-page{margin:0!important;width:100%;max-width:none!important;overflow-x:clip}
/* Preserve vertical overflow of transformed footer sections; clip horizontal overflow at the canvas boundary. */
body.bkbg-template-canvas .bkbg-template-page{overflow:visible!important}
.bkbg-template-page *, .bkbg-template-page *::before,.bkbg-template-page *::after{box-sizing:border-box}
.bkbg-template-page .bkbg-tpl-element{margin-block-start:0;margin-block-end:0}
.bkbg-template-page .bkbg-template-marquee-track{display:flex;flex-wrap:nowrap;width:max-content;animation:none}
.bkbg-template-page .bkbg-template-marquee-track[data-pause="1"]:hover{animation-play-state:paused}
@keyframes bkbg-template-marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.bkbg-template-page .bkbg-template-marquee-track{animation:none}}
/* InnerBlocks uses the layout's own wrapper; editor selection remains available. */
.editor-styles-wrapper .bkbg-template-page{font-family:Inter,sans-serif}
.editor-styles-wrapper .bkbg-template-page .bkbg-tpl-element.block-editor-block-list__block{margin-top:0;margin-bottom:0;max-width:none}
.editor-styles-wrapper .bkbg-template-page .bkbg-tpl-widget-wrap.block-editor-block-list__layout{display:flex;flex-wrap:wrap}
.editor-styles-wrapper .bkbg-template-page .bkbg-tpl-container.block-editor-block-list__layout{display:flex}
.editor-styles-wrapper .bkbg-template-page .bkbg-tpl-widget{cursor:text}
.editor-styles-wrapper .bkbg-template-page .bkbg-template-marquee-track{animation:none}
/* The canvas must not inherit the active theme's heading tracking. Template-specific rules remain more specific. */
.bkbg-template-page h1,.bkbg-template-page h2,.bkbg-template-page h3,.bkbg-template-page h4,.bkbg-template-page h5,.bkbg-template-page h6{letter-spacing:normal}
/* Gutenberg's selection styles otherwise turn decorative absolute columns into normal-flow blocks. */
.editor-styles-wrapper .bkbg-template-page .bkbg-tpl-absolute{position:absolute!important;pointer-events:none}
.editor-styles-wrapper .bkbg-template-page .bkbg-tpl-widget-image{pointer-events:none}
.editor-styles-wrapper .bkbg-template-page .bkbg-tpl-widget-image img{pointer-events:auto;cursor:pointer}
.editor-styles-wrapper .bkbg-template-page .bkbg-tpl-widget-wrap{pointer-events:none!important}
.editor-styles-wrapper .bkbg-template-page .bkbg-tpl-widget:not(.bkbg-tpl-widget-image){pointer-events:auto!important}
.editor-styles-wrapper .bkbg-template-page .bkbg-tpl-widget-image img{pointer-events:auto!important}

.bkbg-template-page .bkbg-template-marquee-track[data-ready="1"]{animation:bkbg-template-marquee var(--bkbg-marquee-duration,40s) linear infinite}
@media(prefers-reduced-motion:reduce){.bkbg-template-page .bkbg-template-marquee-track[data-ready="1"]{animation:none!important}}

/* Template text keeps source wrapping instead of the active theme's balancing/pretty rules. */
[data-bkbg-template] :is(h1,h2,h3,h4,h5,h6){text-wrap:wrap;text-transform:none}
[data-bkbg-template] p{text-wrap:wrap}

/* Preserve the source Odometer's equal digit slots for every font. */
[data-bkbg-template] .bkbg-counter-digit{display:inline-block;width:var(--bkbg-digit-width,1ch);text-align:center;letter-spacing:normal}

/* A carousel track must not enlarge a legacy column past its side margins. */
[data-bkbg-template] .bkbg-tpl-widget-wrap:has(>.bkbg-tpl-widget-image-carousel){min-width:0;width:calc(100% - (var(--e-column-margin-left,0px) + var(--e-column-margin-right,0px)))}
/* The runtime used to inject these layers; their native equivalents preserve the design. */
[data-bkbg-template] .bkbg-template-background-slides{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
[data-bkbg-template] .bkbg-template-background-slide{position:absolute;inset:0;opacity:0;transition:opacity var(--bkbg-slide-transition,500ms)}
[data-bkbg-template] .bkbg-template-background-slide.is-active{opacity:1}
[data-bkbg-template] .bkbg-template-background-slide>.bkbg-tpl-background-slideshow__slide__image{position:absolute;inset:0;background-size:cover;background-position:center}
[data-bkbg-template] .bkbg-kenburns-in .is-active>.bkbg-tpl-background-slideshow__slide__image{animation:bkbg-template-kenburns-in var(--bkbg-slide-duration,5500ms) linear both}
[data-bkbg-template] .bkbg-kenburns-out .is-active>.bkbg-tpl-background-slideshow__slide__image{animation:bkbg-template-kenburns-out var(--bkbg-slide-duration,5500ms) linear both}
@keyframes bkbg-template-kenburns-in{from{transform:scale(1)}to{transform:scale(1.3)}}
@keyframes bkbg-template-kenburns-out{from{transform:scale(1.3)}to{transform:scale(1)}}
[data-bkbg-template] .bkbg-template-background-video{width:100%;height:100%;object-fit:cover;max-width:none}
[data-bkbg-template] .bkbg-template-form-honeypot{position:absolute!important;left:-10000px!important;opacity:0!important;width:1px!important;height:1px!important;overflow:hidden!important}
[data-bkbg-template] .bkbg-template-form-result{padding:12px;margin-top:12px;border:1px solid currentColor}

/* Preserve directional background transitions from the source designs. */
[data-bkbg-template] [class*="bkbg-background-slide-"][data-bkbg-advancing] .bkbg-template-background-slide.is-active{z-index:1;animation-duration:var(--bkbg-slide-transition,500ms);animation-fill-mode:both;animation-timing-function:ease;transition:none}
[data-bkbg-template] [class*="bkbg-background-slide-"] .bkbg-template-background-slide.is-leaving{opacity:1;animation-duration:var(--bkbg-slide-transition,500ms);animation-fill-mode:both;animation-timing-function:ease;transition:none}
[data-bkbg-template] .bkbg-background-slide-right[data-bkbg-advancing] .is-active{animation-name:bkbg-background-enter-right}
[data-bkbg-template] .bkbg-background-slide-right .is-leaving{animation-name:bkbg-background-exit-right}
@keyframes bkbg-background-enter-right{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes bkbg-background-exit-right{from{transform:translateX(0)}to{transform:translateX(100%)}}
[data-bkbg-template] .bkbg-background-slide-left[data-bkbg-advancing] .is-active{animation-name:bkbg-background-enter-left}
[data-bkbg-template] .bkbg-background-slide-left .is-leaving{animation-name:bkbg-background-exit-left}
@keyframes bkbg-background-enter-left{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes bkbg-background-exit-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}
[data-bkbg-template] .bkbg-background-slide-up[data-bkbg-advancing] .is-active{animation-name:bkbg-background-enter-up}
[data-bkbg-template] .bkbg-background-slide-up .is-leaving{animation-name:bkbg-background-exit-up}
@keyframes bkbg-background-enter-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes bkbg-background-exit-up{from{transform:translateY(0)}to{transform:translateY(-100%)}}
[data-bkbg-template] .bkbg-background-slide-down[data-bkbg-advancing] .is-active{animation-name:bkbg-background-enter-down}
[data-bkbg-template] .bkbg-background-slide-down .is-leaving{animation-name:bkbg-background-exit-down}
@keyframes bkbg-background-enter-down{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@keyframes bkbg-background-exit-down{from{transform:translateY(0)}to{transform:translateY(100%)}}
@media(prefers-reduced-motion:reduce){[data-bkbg-template] .bkbg-template-background-slide{animation:none!important;transition:none!important}}

/* Inline SVG baseline descent must not stretch a circular text badge into an oval. */
.bkbg-template-circular-text .e-text-path{line-height:0}
.bkbg-template-circular-text .e-text-path svg{vertical-align:top}

/* The source markup contains indentation. RichText's pre-wrap must not turn it
   into visible gaps or line breaks that do not exist on the frontend. */
.editor-styles-wrapper .bkbg-template-page [contenteditable="true"]{white-space:normal!important}
.editor-styles-wrapper .bkbg-template-page .bkbg-tpl-invisible{visibility:visible!important;opacity:1!important}
.editor-styles-wrapper .bkbg-template-page .bkbg-tpl-widget-text-editor .block-editor-rich-text__editable{margin:0}

/* Imported canvas pages have their own padding. Theme padding changes their
   column widths and breakpoints inside the Gutenberg iframe. */
.editor-styles-wrapper .is-root-container:has(>.bkbg-template-page){padding-inline:0!important}