.bfbe-show{--bfbe-sc-split: 55%;--bfbe-show-gap: 40vh;--bfbe-show-gap-stacked: var(--bfbe-gap-lg, 24px);--bfbe-show-top: 10vh;--bfbe-show-radius: var(--bfbe-radius, 12px);--bfbe-show-ratio: 4 / 3;--bfbe-show-fit: cover;--bfbe-show-dim: .4;--bfbe-show-btn: 2.25em;--bfbe-show-btn-offset: 8px;display:grid;column-gap:calc(var(--bfbe-gap-lg, 24px) * 2);align-self:stretch}.bfbe-show--right{grid-template-columns:minmax(0,1fr) var(--bfbe-sc-split)}.bfbe-show--left{grid-template-columns:var(--bfbe-sc-split) minmax(0,1fr)}.bfbe-show:not(:has(.bfbe-show__sticky)){grid-template-columns:1fr}.bfbe-show--left .bfbe-show__steps{order:2}.bfbe-show--left .bfbe-show__sticky{order:1}.bfbe-show--behind{--bfbe-show-top: 0px;--bfbe-show-gap: 0px;--bfbe-show-radius: 0px;--bfbe-show-height: 100vh;--bfbe-show-width: 480px;--bfbe-show-inset: 40px;grid-template-columns:1fr}.bfbe-show--behind>*{grid-area:1 / 1}.bfbe-show--behind .bfbe-show__steps{position:relative;z-index:1;align-items:flex-start}.bfbe-show--behind .bfbe-show__step{display:flex;flex-direction:column;justify-content:var(--bfbe-show-place, center);box-sizing:border-box;min-block-size:var(--bfbe-show-slot, var(--bfbe-show-height));inline-size:100%;max-inline-size:var(--bfbe-show-width);padding:var(--bfbe-show-inset)}.bfbe-show--behind .bfbe-show__media{aspect-ratio:auto;block-size:var(--bfbe-show-height)}.bfbe-show__steps{display:flex;flex-direction:column;gap:var(--bfbe-show-gap);padding-block:var(--bfbe-show-top)}.bfbe-show__step{transition:opacity var(--bfbe-duration) var(--bfbe-ease)}.bfbe-show--dim .bfbe-show__step:not(.is-active){opacity:var(--bfbe-show-dim)}.bfbe-show--dim .bfbe-show__step{will-change:opacity}.bfbe-show__inline{display:none;position:relative}.bfbe-show__sticky{position:relative}.bfbe-show__media{position:sticky;inset-block-start:var(--bfbe-show-top);display:grid;aspect-ratio:var(--bfbe-show-ratio);border-radius:var(--bfbe-show-radius);overflow:hidden;background:var(--bfbe-surface);box-shadow:var(--bfbe-shadow)}.bfbe-show__slide{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity var(--bfbe-duration) var(--bfbe-ease),visibility 0s linear var(--bfbe-duration)}.bfbe-show__slide.is-active{opacity:1;visibility:visible;transition:opacity var(--bfbe-duration) var(--bfbe-ease),visibility 0s}.bfbe-show__overlay{grid-area:1 / 1;z-index:1;pointer-events:none}.bfbe-show__img,.bfbe-show__vid,.bfbe-show__inline img,.bfbe-show__inline video{inline-size:100%;block-size:100%;object-fit:var(--bfbe-show-fit);display:block}.bfbe-show__inline img,.bfbe-show__inline video{block-size:auto;aspect-ratio:var(--bfbe-show-ratio);border-radius:var(--bfbe-show-radius)}.bfbe-show__pause{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--bfbe-show-btn);block-size:var(--bfbe-show-btn);padding:0;border:1px solid var(--bfbe-line);border-radius:var(--bfbe-radius-pill, 999px);background:var(--bfbe-surface);color:inherit;cursor:pointer;box-shadow:var(--bfbe-shadow);transition:background var(--bfbe-duration) var(--bfbe-ease)}.bfbe-show__pause:hover,.bfbe-show__pause:focus-visible{background:var(--bfbe-surface-hover)}.bfbe-show__pause--top-right{inset-block-start:var(--bfbe-show-btn-offset);inset-inline-end:var(--bfbe-show-btn-offset)}.bfbe-show__pause--top-left{inset-block-start:var(--bfbe-show-btn-offset);inset-inline-start:var(--bfbe-show-btn-offset)}.bfbe-show__pause--bottom-right{inset-block-end:var(--bfbe-show-btn-offset);inset-inline-end:var(--bfbe-show-btn-offset)}.bfbe-show__pause--bottom-left{inset-block-end:var(--bfbe-show-btn-offset);inset-inline-start:var(--bfbe-show-btn-offset)}.bfbe-show__ico{inline-size:40%;block-size:40%;fill:currentColor}.bfbe-show__ico--play,.bfbe-show.is-paused .bfbe-show__ico--pause{display:none}.bfbe-show.is-paused .bfbe-show__ico--play{display:block}.bfbe-show--no-pause .bfbe-show__pause{display:none}.bfbe-show--pin-words{--bfbe-show-gap: var(--bfbe-gap-lg, 24px);--bfbe-show-mark-size: 8px}.bfbe-show--pin-words.bfbe-show--right{grid-template-columns:minmax(0,1fr) var(--bfbe-sc-split)}.bfbe-show--pin-words.bfbe-show--right .bfbe-show__steps{order:2}.bfbe-show--pin-words.bfbe-show--right .bfbe-show__sticky{order:1}.bfbe-show--pin-words.bfbe-show--left{grid-template-columns:var(--bfbe-sc-split) minmax(0,1fr)}.bfbe-show--pin-words.bfbe-show--left .bfbe-show__steps{order:1}.bfbe-show--pin-words.bfbe-show--left .bfbe-show__sticky{order:2}.bfbe-show--pin-words .bfbe-show__inline{display:block;position:relative}.bfbe-show--pin-words .bfbe-show__steps{padding-block:0}.bfbe-show--pin-words .bfbe-show__step{position:relative}.bfbe-show__panel{position:sticky;inset-block-start:calc(var(--bfbe-show-top) + var(--bfbe-show-pad, 0px));display:flex;flex-direction:column;gap:var(--bfbe-show-panel-gap, var(--bfbe-gap-lg, 24px));border-radius:var(--bfbe-radius, 12px);box-sizing:border-box}.bfbe-show__slot{display:grid;flex:1 1 auto;align-content:var(--bfbe-show-words-place, stretch)}.bfbe-show__slot>.bfbe-show__body{grid-area:1 / 1;transition:opacity var(--bfbe-duration) var(--bfbe-ease),visibility 0s linear var(--bfbe-duration),translate var(--bfbe-duration) var(--bfbe-ease)}.bfbe-show--words-fade .bfbe-show__slot>.bfbe-show__body,.bfbe-show--words-rise .bfbe-show__slot>.bfbe-show__body{opacity:0;visibility:hidden}.bfbe-show--words-rise .bfbe-show__slot>.bfbe-show__body{translate:0 12px}.bfbe-show--words-fade .bfbe-show__slot>.bfbe-show__body.is-active,.bfbe-show--words-rise .bfbe-show__slot>.bfbe-show__body.is-active{opacity:1;visibility:visible;translate:none;transition:opacity var(--bfbe-duration) var(--bfbe-ease),visibility 0s,translate var(--bfbe-duration) var(--bfbe-ease)}.bfbe-show--words-none .bfbe-show__slot>.bfbe-show__body{display:none}.bfbe-show--words-none .bfbe-show__slot>.bfbe-show__body.is-active{display:block}.bfbe-show__marks{display:flex;align-items:center;justify-content:var(--bfbe-show-mark-place, flex-start);gap:var(--bfbe-show-mark-gap, var(--bfbe-gap-sm, 8px))}.bfbe-show__mark{padding:0;border:0;background:var(--bfbe-show-mark, var(--bfbe-line, currentColor));color:inherit;font:inherit;line-height:1;cursor:pointer;block-size:var(--bfbe-show-mark-size);inline-size:var(--bfbe-show-mark-size);border-radius:var(--bfbe-radius-pill, 999px);transition:background var(--bfbe-duration) var(--bfbe-ease),color var(--bfbe-duration) var(--bfbe-ease),inline-size var(--bfbe-duration) var(--bfbe-ease)}.bfbe-show__mark.is-active{background:var(--bfbe-show-mark-on, currentColor)}.bfbe-show__marks--dots .bfbe-show__mark.is-active{scale:1.5}.bfbe-show__marks .bfbe-show__mark:hover,.bfbe-show__marks .bfbe-show__mark:focus-visible{background:var(--bfbe-show-mark-on, currentColor)}.bfbe-show__marks--lines .bfbe-show__mark{inline-size:calc(var(--bfbe-show-mark-size) * 3);border-radius:var(--bfbe-radius-sm, 8px)}.bfbe-show__marks--lines .bfbe-show__mark.is-active{inline-size:calc(var(--bfbe-show-mark-size) * 6)}.bfbe-show__marks--numbers .bfbe-show__mark{inline-size:auto;block-size:auto;padding:.2em .6em;background:none;color:var(--bfbe-show-mark, color-mix(in srgb, currentColor 45%, transparent))}.bfbe-show__marks--numbers .bfbe-show__mark.is-active,.bfbe-show__marks--numbers .bfbe-show__mark:hover,.bfbe-show__marks--numbers .bfbe-show__mark:focus-visible{background:none;color:var(--bfbe-show-mark-on, currentColor)}.bfbe-show__marks--numbers .bfbe-show__mark.is-active{font-weight:600}html:has(.bfbe-show--snap){scroll-snap-type:y proximity}@media(min-width:769px)and (max-width:992px){html:has(.bfbe-show--snap){scroll-snap-type:none}html:has(.bfbe-show--snap:not([data-bfbe-stack="992"])){scroll-snap-type:y proximity}}@media(min-width:641px)and (max-width:768px){html:has(.bfbe-show--snap){scroll-snap-type:none}html:has(.bfbe-show--snap:not([data-bfbe-stack="992"]):not([data-bfbe-stack="768"])){scroll-snap-type:y proximity}}@media(min-width:481px)and (max-width:640px){html:has(.bfbe-show--snap){scroll-snap-type:none}html:has(.bfbe-show--snap:not([data-bfbe-stack="992"]):not([data-bfbe-stack="768"]):not([data-bfbe-stack="640"])){scroll-snap-type:y proximity}}@media(max-width:480px){html:has(.bfbe-show--snap){scroll-snap-type:none}html:has(.bfbe-show--snap:not([data-bfbe-stack="992"]):not([data-bfbe-stack="768"]):not([data-bfbe-stack="640"]):not([data-bfbe-stack="480"])){scroll-snap-type:y proximity}}html.bfbe-snap-on:has(.bfbe-show--snap-always){scroll-snap-type:y mandatory}.bfbe-show--snap.bfbe-show--snap-always .bfbe-show__step{scroll-snap-align:none;scroll-snap-stop:always}.bfbe-show--snap-always{--bfbe-show-step: calc(100dvh - var(--bfbe-show-top) - var(--bfbe-show-gap))}.bfbe-show--snap-always .bfbe-show__inline{aspect-ratio:auto;block-size:var(--bfbe-show-step)}.bfbe-show--snap-always .bfbe-show__inline img,.bfbe-show--snap-always .bfbe-show__inline video{block-size:100%;aspect-ratio:auto}.bfbe-show--snap-always.bfbe-show--pin-words .bfbe-show__panel{block-size:var(--bfbe-show-step);min-block-size:0}.bfbe-show--snap-always{--bfbe-show-room: max(0px, calc(100dvh - var(--bfbe-show-top) - var(--bfbe-show-pad, 0px) - var(--bfbe-show-step)))}.bfbe-show--snap-always .bfbe-show__steps{padding-block-end:var(--bfbe-show-room)}.bfbe-show--snap-always .bfbe-show__sticky{margin-block-end:var(--bfbe-show-room)}.bfbe-show--snap-always .bfbe-show__step:before{content:"";display:block;block-size:1px;margin-block-end:-1px;scroll-snap-align:none;scroll-snap-stop:always;scroll-margin-block-start:var(--bfbe-show-top)}.bfbe-show--snap-always.is-holding .bfbe-show__step:before{scroll-snap-align:var(--bfbe-show-snap-align, start)}.bfbe-show--snap-always{position:relative}.bfbe-show--snap-always.is-holding:before,.bfbe-show--snap-always.is-holding:after{content:"";position:absolute;inset-inline-start:0;inline-size:1px;block-size:1px;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always}.bfbe-show--snap-always.is-holding:before{inset-block-start:-100dvh}.bfbe-show--snap-always.is-holding:after{inset-block-start:100%}.bfbe-show--snap .bfbe-show__step{scroll-snap-align:var(--bfbe-show-snap-align, start);scroll-margin-block-start:var(--bfbe-show-top)}.bfbe-show__card{--bfbe-card-inset: 20px;--bfbe-card-x: 0px;--bfbe-card-y: 0px;position:absolute;z-index:2;inset-block-end:var(--bfbe-card-inset);inset-inline-start:var(--bfbe-card-inset);max-inline-size:calc(100% - var(--bfbe-card-inset) * 2);box-sizing:border-box;border-radius:var(--bfbe-radius, 12px);translate:var(--bfbe-card-x) var(--bfbe-card-y)}.bfbe-show__card[data-bfbe-place=bottom],.bfbe-show__card[data-bfbe-place=top]{inset-inline-start:50%;translate:calc(-50% + var(--bfbe-card-x)) var(--bfbe-card-y)}.bfbe-show__card[data-bfbe-place$=-right]{inset-inline:auto var(--bfbe-card-inset)}.bfbe-show__card[data-bfbe-place^=top]{inset-block:var(--bfbe-card-inset) auto}.bfbe-show__card[data-bfbe-place=centre]{inset-block-end:50%;inset-inline-start:50%;translate:calc(-50% + var(--bfbe-card-x)) calc(50% + var(--bfbe-card-y))}.bfbe-show__card:dir(rtl):not([data-bfbe-stay]):is([data-bfbe-place=bottom],[data-bfbe-place=top]){translate:calc(50% + var(--bfbe-card-x)) var(--bfbe-card-y)}.bfbe-show__card[data-bfbe-place=centre]:dir(rtl):not([data-bfbe-stay]){translate:calc(50% + var(--bfbe-card-x)) calc(50% + var(--bfbe-card-y))}.bfbe-show__card[data-bfbe-wide="1"]{inline-size:calc(100% - var(--bfbe-card-inset) * 2)}.bfbe-show__card[data-bfbe-stay]{position:static;translate:none;max-inline-size:none}@media(max-width:480px){.bfbe-show[data-bfbe-stack="480"]{grid-template-columns:1fr;--bfbe-show-slot: 0px;--bfbe-show-inset: 0px;--bfbe-show-snap-align: none}.bfbe-show[data-bfbe-stack="480"] .bfbe-show__sticky{display:none}.bfbe-show[data-bfbe-stack="480"] .bfbe-show__steps{gap:var(--bfbe-show-gap-stacked);padding-block:0}.bfbe-show[data-bfbe-stack="480"] .bfbe-show__inline{display:block;margin-block-end:var(--bfbe-gap, 16px)}.bfbe-show[data-bfbe-stack="480"].bfbe-show--snap-always .bfbe-show__inline{aspect-ratio:var(--bfbe-show-ratio);block-size:auto}.bfbe-show[data-bfbe-stack="480"].bfbe-show--dim .bfbe-show__step:not(.is-active){opacity:1}}@media(max-width:640px){.bfbe-show[data-bfbe-stack="640"]{grid-template-columns:1fr;--bfbe-show-slot: 0px;--bfbe-show-inset: 0px;--bfbe-show-snap-align: none}.bfbe-show[data-bfbe-stack="640"] .bfbe-show__sticky{display:none}.bfbe-show[data-bfbe-stack="640"] .bfbe-show__steps{gap:var(--bfbe-show-gap-stacked);padding-block:0}.bfbe-show[data-bfbe-stack="640"] .bfbe-show__inline{display:block;margin-block-end:var(--bfbe-gap, 16px)}.bfbe-show[data-bfbe-stack="640"].bfbe-show--snap-always .bfbe-show__inline{aspect-ratio:var(--bfbe-show-ratio);block-size:auto}.bfbe-show[data-bfbe-stack="640"].bfbe-show--dim .bfbe-show__step:not(.is-active){opacity:1}}@media(max-width:768px){.bfbe-show[data-bfbe-stack="768"]{grid-template-columns:1fr;--bfbe-show-slot: 0px;--bfbe-show-inset: 0px;--bfbe-show-snap-align: none}.bfbe-show[data-bfbe-stack="768"] .bfbe-show__sticky{display:none}.bfbe-show[data-bfbe-stack="768"] .bfbe-show__steps{gap:var(--bfbe-show-gap-stacked);padding-block:0}.bfbe-show[data-bfbe-stack="768"] .bfbe-show__inline{display:block;margin-block-end:var(--bfbe-gap, 16px)}.bfbe-show[data-bfbe-stack="768"].bfbe-show--snap-always .bfbe-show__inline{aspect-ratio:var(--bfbe-show-ratio);block-size:auto}.bfbe-show[data-bfbe-stack="768"].bfbe-show--dim .bfbe-show__step:not(.is-active){opacity:1}}@media(max-width:992px){.bfbe-show[data-bfbe-stack="992"]{grid-template-columns:1fr;--bfbe-show-slot: 0px;--bfbe-show-inset: 0px;--bfbe-show-snap-align: none}.bfbe-show[data-bfbe-stack="992"] .bfbe-show__sticky{display:none}.bfbe-show[data-bfbe-stack="992"] .bfbe-show__steps{gap:var(--bfbe-show-gap-stacked);padding-block:0}.bfbe-show[data-bfbe-stack="992"] .bfbe-show__inline{display:block;margin-block-end:var(--bfbe-gap, 16px)}.bfbe-show[data-bfbe-stack="992"].bfbe-show--snap-always .bfbe-show__inline{aspect-ratio:var(--bfbe-show-ratio);block-size:auto}.bfbe-show[data-bfbe-stack="992"].bfbe-show--dim .bfbe-show__step:not(.is-active){opacity:1}}@media(prefers-reduced-motion:reduce){.bfbe-show__slide,.bfbe-show__step{transition:none}.bfbe-show__pause{display:none}}.bfbe-show--canvas .bfbe-show__media{position:static}.bfbe-show--canvas.bfbe-show--behind .bfbe-show__media{position:absolute;inset:0;block-size:auto}.bfbe-show--canvas.bfbe-show--dim .bfbe-show__step{opacity:1}.bfbe-show--canvas .bfbe-show__panel{position:static}.bfbe-show--canvas .bfbe-show__slot{display:block}.bfbe-show--canvas .bfbe-show__slot>.bfbe-show__body{display:block;opacity:1;visibility:visible;translate:none}.bfbe-show--canvas .bfbe-show__slot>.bfbe-show__body+.bfbe-show__body{margin-block-start:var(--bfbe-gap, 16px)}