[data-public-root] .media{box-sizing:border-box;border-radius:var(--radius-md);width:100%;box-shadow:none;background-color:#0000;display:block;position:relative;overflow:visible}[data-public-root] .media[data-shadow=true][data-shell=none],[data-public-root] .media[data-shadow=true][data-shell=light]{box-shadow:var(--shadow-media-raised)}[data-public-root] .media[data-content-elev=light]{--media-content-shadow:var(--shadow-media)}[data-public-root] .media[data-content-elev=dark]{--media-content-shadow:var(--shadow-media-inverse)}[data-public-root] .media[data-aspect="16/9"]{aspect-ratio:16/9}[data-public-root] .media[data-aspect="4/3"]{aspect-ratio:4/3}[data-public-root] .media[data-aspect="3/2"]{aspect-ratio:3/2}[data-public-root] .media[data-aspect="2/1"]{aspect-ratio:2}[data-public-root] .media[data-aspect="1/1"]{aspect-ratio:1}[data-public-root] .media[data-aspect=source]{aspect-ratio:auto;height:auto}[data-public-root] .media[data-aspect=source] .media__frame{flex:none;height:auto;min-height:0}[data-public-root] .media[data-aspect=source] .media__frame>*{width:100%;height:auto;display:block}[data-public-root] .media[data-aspect=fill]:not([data-height=card]){aspect-ratio:auto;height:100%;min-height:0}[data-public-root] .media[data-height=card]{aspect-ratio:auto;height:var(--size-media-height);max-height:var(--size-media-height);flex:0 0 var(--size-media-height)}[data-public-root] .media[data-surface=white]{background-color:var(--color-surface-default)}[data-public-root] .media[data-surface=gray]{background-color:var(--color-surface-muted)}[data-public-root] .media[data-surface=pastel]{background-color:var(--color-surface-pastel);position:relative}[data-public-root] .media[data-surface=pastel]:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 130% 130% at 81% 81%, color-mix(in srgb, var(--prv-palette-brand-end) 18%, white) 0%, color-mix(in srgb, var(--prv-palette-brand-mid) 55%, white) 50%, color-mix(in srgb, var(--prv-palette-brand-mid) 72%, white) 75%, var(--prv-palette-brand-mid) 100%);position:absolute;inset:0}[data-public-root] .media[data-surface=pastel]>.media__frame{z-index:1;position:relative}[data-public-root] .media[data-surface=none]{background-color:#0000}[data-public-root] .media[data-radius=none]{--media-radius:0px;border-radius:0}[data-public-root] .media[data-radius=xs]{--media-radius:var(--radius-xs);border-radius:var(--radius-xs)}[data-public-root] .media[data-radius=sm]{--media-radius:var(--radius-sm);border-radius:var(--radius-sm)}[data-public-root] .media[data-radius=md]{--media-radius:var(--radius-md);border-radius:var(--radius-md)}[data-public-root] .media[data-radius=lg]{--media-radius:var(--radius-lg);border-radius:var(--radius-lg)}[data-public-root] .media[data-radius=xl]{--media-radius:var(--radius-xl);border-radius:var(--radius-xl)}[data-public-root] .media[data-empty]:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background-color:color-mix(in srgb, var(--prv-palette-ink) 4%, var(--color-surface-muted));background-image:repeating-linear-gradient(-45deg, transparent, transparent 5px, color-mix(in srgb, var(--prv-palette-ink) 10%, transparent) 5px, color-mix(in srgb, var(--prv-palette-ink) 10%, transparent) 6px);position:absolute;inset:0}[data-public-root] .media[data-empty][data-tone=inverse]:before{background-color:color-mix(in srgb, var(--prv-palette-white) 6%, transparent);background-image:repeating-linear-gradient(-45deg, transparent, transparent 5px, color-mix(in srgb, var(--prv-palette-white) 14%, transparent) 5px, color-mix(in srgb, var(--prv-palette-white) 14%, transparent) 6px)}[data-public-root] .media[data-inset=padded][data-empty]:before{content:none}[data-public-root] .media__frame{z-index:1;border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}[data-public-root] .media__frame>img,[data-public-root] .media__frame>picture,[data-public-root] .media__frame>video,[data-public-root] .media__frame>.media-playback{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}[data-public-root] .media[data-fit=contain] .media__frame>img,[data-public-root] .media[data-fit=contain] .media__frame>picture{object-fit:contain;object-position:center center}[data-public-root] .media__label{box-sizing:border-box;width:100%;height:100%;padding:var(--prv-space-24);text-align:center;color:color-mix(in srgb, var(--prv-palette-ink) 40%, transparent);justify-content:center;align-items:center;display:flex}[data-public-root] .media[data-tone=inverse] .media__label{color:color-mix(in srgb, var(--prv-palette-white) 50%, transparent)}[data-public-root] .media__backdrop{z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}[data-public-root] .media__backdrop>img,[data-public-root] .media__backdrop>picture,[data-public-root] .media__backdrop>video{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}[data-public-root] .media__backdrop>*{width:100%;height:100%}[data-public-root] .media[data-inset=padded]{padding:var(--prv-space-48);flex-direction:column;display:flex}[data-public-root] .media[data-inset=padded]>.media__frame{z-index:1;box-sizing:border-box;border-radius:var(--radius-sm);background-color:var(--color-surface-default);width:100%;height:100%;min-height:0;box-shadow:var(--media-content-shadow);flex:auto;position:relative;overflow:hidden}[data-public-root] .media[data-inset=padded][data-empty]>.media__frame{background-image:repeating-linear-gradient(-45deg, transparent, transparent 5px, color-mix(in srgb, var(--prv-palette-ink) 6%, transparent) 5px, color-mix(in srgb, var(--prv-palette-ink) 6%, transparent) 6px)}[data-public-root] .media[data-inset=padded][data-empty]>.media__frame .media__label{color:color-mix(in srgb, var(--prv-palette-ink) 40%, transparent)}
.demo-cursor{z-index:2;pointer-events:none;will-change:transform;transition:opacity .5s;position:absolute;inset-block-start:0;inset-inline-start:0}.demo-cursor__body{transform-origin:0 0;scale:calc(1 / var(--demo-host-scale,1));display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.demo-cursor__arrow{filter:drop-shadow(0 2px 6px #00000047);display:block;position:relative;inset-block-start:-3.2px;inset-inline-start:-5.5px}.demo-cursor__ring{opacity:0;border:2px solid #11111173;border-radius:50%;width:24px;height:24px;position:absolute;inset-block-start:-12px;inset-inline-start:-12px}@media (prefers-reduced-motion:reduce){.demo-cursor{display:none}}.demo-cursor__extent{pointer-events:none;visibility:hidden;position:absolute}
.demo-scene{box-sizing:border-box;position:relative}.demo-scene__space{position:absolute;inset:0}.demo-scene__plane{transform-style:preserve-3d;position:absolute;inset:0}[data-demo-measuring] .demo-scene__plane{transform:var(--demo-rest-transform,none)!important}.demo-scene__backdrop{width:100%;height:100%;transition:left .6s cubic-bezier(.65,0,.35,1),top .6s cubic-bezier(.65,0,.35,1),width .6s cubic-bezier(.65,0,.35,1),height .6s cubic-bezier(.65,0,.35,1),opacity .6s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0}.demo-scene__backdrop>*{width:100%;height:100%}.demo-scene__layer{transform-origin:50%;pointer-events:none;position:absolute}.demo-scene__layer[data-interactive]{pointer-events:auto}.demo-scene__body{height:100%}.demo-scene__body--leaving{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.demo-scene__twin{visibility:hidden;pointer-events:none;position:absolute;transition:none!important;animation:none!important}.demo-scene__extent{visibility:hidden;pointer-events:none;position:absolute}.demo-scene__layer{transition:transform .6s cubic-bezier(.65,0,.35,1),opacity .6s cubic-bezier(.65,0,.35,1)}.demo-scene__layer[data-appearing]{transition:opacity .6s cubic-bezier(.65,0,.35,1)}.demo-scene__layer[data-entering],.demo-scene__backdrop{animation:.6s cubic-bezier(.65,0,.35,1) both demo-scene-in}.demo-scene__backdrop[data-off]{opacity:0;animation:.6s cubic-bezier(.65,0,.35,1) both demo-scene-out}.demo-scene__layer[data-leaving],.demo-scene__backdrop[data-leaving]{opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(.65,0,.35,1);animation:.6s cubic-bezier(.65,0,.35,1) both demo-scene-out}@keyframes demo-scene-in{0%{opacity:0}}@keyframes demo-scene-out{0%{opacity:1}to{opacity:0}}.demo-scene__layer[data-hidden]{opacity:0;pointer-events:none}.demo-host[data-demo-hover] .demo-scene__layer[data-reacts],.demo-scene__layer[data-active]{--demo-layer-lift:-16px}@media (prefers-reduced-motion:reduce){.demo-scene__layer,.demo-scene__backdrop{transition:none;animation:none}}.demo-scene__layer[data-shadow=soft]{filter:drop-shadow(0 max(0px, calc(8px + var(--demo-elev,0) * .08px)) max(0px, calc(24px + var(--demo-elev,0) * .22px)) #00000024)}.demo-scene__layer[data-shadow=lifted]{filter:drop-shadow(0 max(0px, calc(24px + var(--demo-elev,0) * .16px)) max(0px, calc(60px + var(--demo-elev,0) * .3px)) #00000042)}.demo-scene__plane[data-tilted] .demo-scene__layer{backface-visibility:hidden}.composed-demo__ghosts{visibility:hidden;pointer-events:none;position:absolute;top:0;left:-100000px}.demo-scene__overlay{transform-origin:50%;pointer-events:none;backface-visibility:hidden;transition:transform .6s cubic-bezier(.65,0,.35,1);position:absolute}.demo-scene__overlay-body{pointer-events:none;position:absolute;inset:0}.demo-scene__overlay-body>*{pointer-events:auto}.demo-host[data-demo-hover] .demo-scene__overlay[data-reacts],.demo-scene__overlay[data-active]{--demo-layer-lift:-16px}.demo-scene__layer[data-overlaid]:not([data-hidden]),.demo-scene__overlay[data-overlaid]>.demo-scene__overlay-body{opacity:.5}.demo-scene__overlay-body{transition:opacity .6s cubic-bezier(.65,0,.35,1)}@media (prefers-reduced-motion:reduce){.demo-scene__overlay{transition:none}}.composed-demo__scene{transition:opacity .5s}.composed-demo__scene--veiled{opacity:0}
[data-public-root] .browser-media{box-sizing:border-box;width:100%;padding:var(--space-content-y) var(--space-gap-xs) var(--space-gap-xs);border-radius:var(--radius-md);box-shadow:none;background-color:#0000;flex-direction:column;display:flex;position:relative;overflow:visible}[data-public-root] .browser-media[data-shadow=true]{box-shadow:var(--shadow-media-raised)}[data-public-root] .browser-media__backdrop{z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}[data-public-root] .browser-media__backdrop>*{width:100%;height:100%}[data-public-root] .browser-media__chrome{z-index:1;top:var(--space-inset-sm);left:var(--space-inset-sm);align-items:center;gap:var(--space-gap-tight);pointer-events:none;display:flex;position:absolute}[data-public-root] .browser-media__chrome-dot{width:var(--space-gap-sm);height:var(--space-gap-sm);border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--color-accent) 22%, var(--color-surface-default));flex-shrink:0}[data-public-root] .browser-media__window{z-index:1;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--prv-palette-ink) 12%, transparent);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--prv-radius-16);border-bottom-right-radius:var(--prv-radius-16);background-color:var(--color-surface-default);width:100%;position:relative;overflow:hidden}[data-public-root] .browser-media[data-aspect="16/9"] .browser-media__window{aspect-ratio:16/9}[data-public-root] .browser-media[data-aspect="4/3"] .browser-media__window{aspect-ratio:4/3}[data-public-root] .browser-media[data-aspect="3/2"] .browser-media__window{aspect-ratio:3/2}[data-public-root] .browser-media[data-aspect="2/1"] .browser-media__window{aspect-ratio:2}[data-public-root] .browser-media[data-aspect="1/1"] .browser-media__window{aspect-ratio:1}[data-public-root] .browser-media[data-aspect=fill]:not([data-height=card]) .browser-media__window{aspect-ratio:auto;height:100%;min-height:0}[data-public-root] .browser-media[data-aspect=source] .browser-media__window{aspect-ratio:auto;height:auto}[data-public-root] .browser-media[data-height=card] .browser-media__window{aspect-ratio:auto;height:var(--size-media-height);max-height:var(--size-media-height)}[data-public-root] .browser-media[data-surface=white] .browser-media__window{background-color:var(--color-surface-default)}[data-public-root] .browser-media[data-surface=gray] .browser-media__window{background-color:var(--color-surface-muted)}[data-public-root] .browser-media[data-surface=pastel] .browser-media__window{background-color:var(--color-surface-soft)}[data-public-root] .browser-media[data-surface=none] .browser-media__window{background-color:#0000;border:none}[data-public-root] .browser-media__media{width:100%;height:100%;border-radius:0!important}[data-public-root] .browser-media[data-aspect=source] .browser-media__media{height:auto}
.site-canvas{background-color:color-mix(in srgb, var(--prv-palette-orange) 6.5%, transparent);border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.site-canvas:after{content:"";pointer-events:none;background:linear-gradient(#fff0 68.3%,#ffffff2e 100%);position:absolute;inset:0}.site-canvas__chrome{align-items:center;gap:.340909cqw;display:flex;position:absolute;top:1.6275cqw;left:1.63466cqw}.site-canvas__dot{background:color-mix(in srgb, var(--prv-palette-orange) 8.5%, transparent);border-radius:50%;flex-shrink:0;width:clamp(7px,1.13636cqw,10px);height:clamp(7px,1.13636cqw,10px)}.site-canvas__hero{background:color-mix(in srgb, var(--prv-palette-orange) 8.5%, transparent);border-radius:clamp(10px,1.81818cqw,16px);width:86.3636cqw;height:34.6591cqw;position:absolute;top:7.5cqw;left:6.81818cqw}.site-canvas__row{justify-content:flex-start;align-items:stretch;gap:6.74477cqw;width:85.9832cqw;height:clamp(10px,1.65875cqw,15px);display:flex;position:absolute;left:6.65045cqw}.site-canvas__row[data-row="1"]{opacity:.75;top:47.1751cqw}.site-canvas__row[data-row="2"]{opacity:.45;top:50.3423cqw}.site-canvas__row[data-row="3"]{opacity:.24;top:53.5086cqw}.site-canvas__line{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--prv-palette-orange) 6.2%, transparent);flex-shrink:0;height:100%;display:block}.site-canvas__line[data-side=left]{width:40.034cqw}.site-canvas__line[data-side=right]{width:38.3749cqw}[data-public-root] .site-backdrop-frame{background:var(--prv-palette-ink-50)}[data-public-root] .site-backdrop-frame .browser-media__window{background:linear-gradient(180deg, color-mix(in srgb, var(--prv-palette-ink-50) 45%, var(--prv-palette-white)) 0%, var(--prv-palette-ink-50) 100%)}[data-public-root] .site-backdrop-frame .browser-media__window .media,[data-public-root] .site-backdrop-frame .browser-media__window .media__frame{background:0 0}[data-public-root] .site-backdrop-frame .browser-media__chrome{gap:5px}[data-public-root] .site-backdrop-frame .browser-media__chrome-dot{width:8px;height:8px}[data-public-root] .site-backdrop-frame .browser-media__chrome-dot:first-child{background-color:var(--prv-palette-red)}[data-public-root] .site-backdrop-frame .browser-media__chrome-dot:nth-child(2){background-color:var(--prv-palette-yellow)}[data-public-root] .site-backdrop-frame .browser-media__chrome-dot:nth-child(3){background-color:var(--prv-palette-green)}.site-backdrop{gap:var(--prv-space-16);padding:var(--prv-space-28) var(--prv-space-32);flex-direction:column;display:flex}.site-backdrop__bar{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--prv-palette-ink) 10%, transparent);height:10px}.site-backdrop__bar[data-w=short]{width:30%}.site-backdrop__bar[data-w=mid]{width:58%}.site-backdrop__hero{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--prv-palette-ink) 5%, transparent);height:150px}.site-backdrop__grid{gap:var(--prv-space-16);grid-template-columns:repeat(3,1fr);display:grid}.site-backdrop__tile{border-radius:var(--radius-md);background:color-mix(in srgb, var(--prv-palette-ink) 6%, transparent);height:92px}
[data-public-root] .icon-tile{box-sizing:border-box;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}[data-public-root] .icon-tile[data-accent=primary]{color:var(--color-accent)}[data-public-root] .icon-tile[data-accent=brand],[data-public-root] .icon-tile[data-accent=purple]{color:var(--color-accent-purple)}[data-public-root] .icon-tile[data-accent=magenta]{color:var(--color-accent-magenta)}[data-public-root] .icon-tile[data-accent=success]{color:var(--color-success)}[data-public-root] .icon-tile[data-accent=warning]{color:var(--color-warning)}[data-public-root] .icon-tile[data-accent=danger]{color:var(--color-danger)}[data-public-root] .icon-tile[data-inverse=true]{color:var(--color-fg-inverse)}[data-public-root] .icon-tile[data-surface=none]{width:var(--size-icon);height:var(--size-icon);box-shadow:none;background:0 0;border:none;padding:0}[data-public-root] .icon-tile[data-surface=soft]{width:var(--size-icon-tile);height:var(--size-icon-tile);background-image:var(--gradient-soft-primary);background-color:var(--color-accent);box-shadow:none;color:var(--color-fg-inverse);border:none;padding:0;position:relative;overflow:hidden}[data-public-root] .icon-tile[data-surface=soft][data-accent=brand]{background-image:var(--gradient-surface-brand);background-color:var(--color-accent-purple)}[data-public-root] .icon-tile[data-surface=soft][data-accent=purple]{background-image:var(--gradient-soft-purple);background-color:var(--color-accent-purple)}[data-public-root] .icon-tile[data-surface=soft][data-accent=magenta]{background-image:var(--gradient-soft-magenta);background-color:var(--color-accent-magenta)}[data-public-root] .icon-tile[data-surface=soft][data-accent=success]{background-image:var(--gradient-soft-success);background-color:var(--color-success)}[data-public-root] .icon-tile[data-surface=soft][data-accent=warning]{background-image:var(--gradient-soft-warning);background-color:var(--color-warning)}[data-public-root] .icon-tile[data-surface=soft][data-accent=danger]{background-image:var(--gradient-soft-danger);background-color:var(--color-danger)}[data-public-root] .icon-tile[data-surface=outline]{--size-icon:var(--size-icon-tile-glyph);width:var(--size-icon-tile);height:var(--size-icon-tile);background:var(--color-surface-default);border:1px solid var(--color-border-subtle);box-shadow:none;padding:0;position:relative;overflow:hidden}[data-public-root] .icon-tile:is([data-surface=soft],[data-surface=outline])[data-shape=rounded]{border-radius:var(--size-icon-tile-radius,var(--prv-radius-16))}[data-public-root] .icon-tile:is([data-surface=soft],[data-surface=outline])[data-shape=circle]{border-radius:var(--radius-pill)}[data-public-root] .icon-tile:is([data-surface=soft],[data-surface=outline]) .icon-tile__glyph{width:var(--size-icon-tile-glyph);height:var(--size-icon-tile-glyph)}[data-public-root] .icon-tile[data-surface=soft] .icon-tile__glyph>svg{-webkit-mask-image:var(--gradient-glyph-sheen);-webkit-mask-image:var(--gradient-glyph-sheen);mask-image:var(--gradient-glyph-sheen);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-public-root] .icon-tile__glyph{width:var(--size-icon);height:var(--size-icon);justify-content:center;align-items:center;display:flex}[data-public-root] .icon-tile__glyph>svg,[data-public-root] .icon-tile[data-surface=none]>svg{width:100%;height:100%;display:block}[data-public-root] .icon-tile__glyph>img,[data-public-root] .icon-tile[data-surface=none]>img{object-fit:contain;width:100%;height:100%;display:block}
.demo-tile[data-tinted] .icon-tile[data-surface=soft]{background-image:none;background-color:var(--demo-tile-tint)}.demo-tile .icon-tile__glyph,.demo-tile .icon-tile{color:var(--demo-tile-ink,inherit)}.demo-tile[data-tinted] .icon-tile[data-surface=soft] .icon-tile__glyph>svg{-webkit-mask-image:none;mask-image:none}
[data-public-root] .demo-host{box-sizing:border-box;--demo-host-height-mode:box;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:visible}:is([data-public-root] .media:has(>.media__frame>[data-public=demo-host]),[data-public-root] .media:has([data-public=demo-host]),[data-public-root] .browser-media:has([data-public=demo-host])),:is([data-public-root] .media .media__frame:has(>[data-public=demo-host]),[data-public-root] .browser-media .browser-media__window:has([data-public=demo-host])){padding:0}[data-public-root] .demo-host__layout{flex:none;position:relative;overflow:visible}[data-public-root] .demo-host__stage{box-sizing:border-box;transform:scale(var(--demo-host-scale,1));transform-origin:0 0;position:absolute;top:0;left:0;overflow:visible}[data-public-root] .demo-host[data-demo-fitted] .demo-host__layout{transition:width .6s cubic-bezier(.65,0,.35,1),height .6s cubic-bezier(.65,0,.35,1)}[data-public-root] .demo-host[data-demo-fitted] .demo-host__stage{transition:transform .6s cubic-bezier(.65,0,.35,1),left .6s cubic-bezier(.65,0,.35,1),top .6s cubic-bezier(.65,0,.35,1)}@media (prefers-reduced-motion:reduce){[data-public-root] .demo-host[data-demo-fitted] .demo-host__layout,[data-public-root] .demo-host[data-demo-fitted] .demo-host__stage{transition:none}}[data-public-root] .media .media__frame>[data-public=demo-host]{width:100%;height:100%;display:flex}[data-public-root] .media[data-aspect=source] .media__frame>[data-public=demo-host]{--demo-host-height-mode:content;height:auto}[data-public-root] .media .media__frame:has(>[data-public=demo-host]){overflow:visible}.demo-host[data-demo-kind=static] .demo-host__stage,.demo-host[data-demo-kind=player] .demo-host__stage{pointer-events:none}.demo-host[data-demo-kind=hover]{cursor:default}.demo-host[data-demo-kind=player]:not([data-demo-playing]) .demo-host__stage,.demo-host[data-demo-kind=player]:not([data-demo-playing]) .demo-host__stage *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.demo-host[data-demo-playing]{--demo-motion:none}}
.demo-frame[data-site=fill]{box-sizing:border-box;border-radius:inherit;width:100%;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.demo-frame__backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.demo-frame__backdrop .site-canvas,.demo-frame__backdrop .site-backdrop-frame{border-radius:0}.demo-frame__stand{inset:var(--demo-site-pad,8%);z-index:1;position:absolute}.demo-frame__host{width:100%;height:100%;min-height:0;position:relative}[data-public-root] .media:has(>.media__frame>.demo-frame){padding:0}[data-public-root] .media .media__frame:has(>.demo-frame){padding:0;overflow:hidden}[data-public-root] .media .media__frame>.demo-frame[data-site=fill]{width:100%;height:100%;position:absolute;inset:0}
.vg-poster{z-index:3;object-fit:contain;pointer-events:none;opacity:1;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}[data-public=demo-host][data-demo-fitted]~.vg-poster:not([data-hold]){opacity:0}.media__frame:has(>.vg-poster[data-hold])>[data-public=demo-host]{visibility:hidden}@media (prefers-reduced-motion:reduce){.vg-poster{transition:none}}