.scif-showcase{margin:0}.scif-showcase__frame{position:relative;container-type:size;aspect-ratio:var(--scif-showcase-ratio, 1 / 1);max-height:min(76svh,46rem);background:var(--color-background-deep);border:1px solid var(--color-hairline-soft);overflow:hidden}.scif-showcase__frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:repeating-linear-gradient(125deg,rgb(255 255 255 / .014) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 45%,rgb(255 255 255 / .055) 0%,transparent 62%);pointer-events:none;transition:opacity .12s var(--ease)}.scif-showcase__placeholder,.scif-showcase__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.scif-showcase__stage{z-index:2;opacity:0;transition:opacity .4s var(--ease)}.scif-showcase[data-ready] .scif-showcase__stage{opacity:1}.scif-showcase__placeholder>picture{display:contents}.scif-showcase__still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.scif-showcase__placeholder{transition:opacity .4s var(--ease)}.scif-showcase__placeholder[hidden]{display:grid;opacity:0;pointer-events:none}.scif-showcase__stage scif-configurator{display:block;width:100%;height:100%;--scif-canvas: transparent;--scif-stage: transparent}@property --showcase-tint{syntax: "<color>"; inherits: true; initial-value: #1e1e20;}.scif-showcase{transition:--showcase-tint .6s var(--ease)}.scif-showcase__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse 75% 65% at 50% 45%,var(--color-panel-raised) 0%,var(--color-background) 78%)}.scif-showcase__backdrop:after,.scif-showcase__light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.scif-showcase__backdrop:after{z-index:1;background:#000;transition:opacity .12s var(--ease)}.scif-showcase[data-mood=blackout] .scif-showcase__backdrop:after{opacity:1;transition-duration:.9s}.scif-showcase[data-mood=blackout] .scif-showcase__frame:before{opacity:0;transition-duration:.9s}.scif-showcase__light--spot{background:radial-gradient(ellipse 46% 56% at 50% 44%,rgb(255 226 180 / .22),transparent 72%);transform:scale(.6)}.scif-showcase[data-mood=spot] .scif-showcase__light--spot,.scif-showcase[data-mood=sweep] .scif-showcase__light--spot{animation:scif-showcase-bloom 1.4s var(--ease) forwards}@keyframes scif-showcase-bloom{0%{opacity:0;transform:scale(.8)}12%{opacity:1}to{opacity:1;transform:scale(1)}}.scif-showcase__light--sweep{background:linear-gradient(100deg,transparent 36%,rgb(255 236 206 / .12) 50%,transparent 64%);transform:translate(-70%)}.scif-showcase[data-mood=sweep] .scif-showcase__light--sweep{opacity:1;animation:scif-showcase-sweep 4.8s linear infinite}@keyframes scif-showcase-sweep{0%{transform:translate(-70%)}to{transform:translate(70%)}}.scif-showcase__light--tint{background:radial-gradient(ellipse 62% 72% at 50% 48%,color-mix(in srgb,var(--showcase-tint) 75%,transparent),transparent 74%);transition:opacity .6s var(--ease)}.scif-showcase[data-mood=tint] .scif-showcase__light--tint{opacity:1}.scif-showcase[data-held] .scif-showcase__backdrop *{animation-play-state:paused}.scif-showcase__flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#fff6e8;opacity:0;pointer-events:none}.scif-showcase__flash.is-flashing{animation:scif-showcase-flash .32s ease-out}@keyframes scif-showcase-flash{0%{opacity:.3}to{opacity:0}}@media(prefers-reduced-motion:reduce){.scif-showcase__backdrop *,.scif-showcase__backdrop:after,.scif-showcase__frame:before{animation:none!important;transition:none!important}.scif-showcase__flash{display:none}}.scif-showcase[data-motion=reduced] .scif-showcase__backdrop *,.scif-showcase[data-motion=reduced] .scif-showcase__backdrop:after,.scif-showcase[data-motion=reduced] .scif-showcase__frame:before{animation:none!important;transition:none!important}.scif-showcase[data-motion=reduced] .scif-showcase__flash{display:none}.scif-showcase__bar{display:flex;align-items:center;gap:1rem;margin-top:.875rem}.scif-showcase__handoff{display:inline-flex;align-items:center;min-height:var(--tap);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--color-foreground);text-decoration:underline;text-decoration-color:var(--color-hairline);text-underline-offset:.4em;transition:text-decoration-color var(--speed) var(--ease)}.scif-showcase__handoff:hover,.scif-showcase__handoff:focus-visible{text-decoration-color:currentColor}.scif-showcase__toggle{flex:none;display:grid;place-items:center;width:var(--tap);height:var(--tap);margin-inline-start:auto;padding:0;background:transparent;color:var(--color-foreground);border:1px solid var(--color-hairline);border-radius:var(--style-border-radius-inputs);cursor:pointer;transition:border-color var(--speed) var(--ease)}.scif-showcase__toggle:hover{border-color:var(--color-foreground)}.scif-showcase__toggle svg{width:14px;height:14px}.scif-showcase[data-pause=corner]{position:relative}.scif-showcase[data-pause=corner] .scif-showcase__bar{position:absolute;right:4px;bottom:4px;z-index:5;margin:0}.scif-showcase[data-pause=corner] .scif-showcase__toggle{color:#efeaddc7;border-color:transparent}.scif-showcase[data-pause=corner] .scif-showcase__toggle:hover{color:var(--color-foreground);border-color:transparent}.scif-showcase[data-pause=corner] .scif-showcase__toggle svg{width:11px;height:11px}.scif-showcase[data-pause=corner] .scif-showcase__caption{padding-right:calc(var(--tap) + 1rem)}.scif-showcase__toggle[aria-pressed=true] .scif-showcase__icon-pause,.scif-showcase__toggle:not([aria-pressed=true]) .scif-showcase__icon-play{display:none}.scif-showcase__chrome{--chrome-ink: rgb(239 234 221 / .78);--chrome-edge: rgb(239 234 221 / .4);--chrome-inset: 12px;--chrome-gutter: clamp(20px, 6cqmin, 32px);position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;font-family:var(--font-mono);text-transform:uppercase;color:var(--chrome-ink);background:linear-gradient(var(--chrome-edge),var(--chrome-edge)) left var(--chrome-inset) top var(--chrome-inset) / 14px 1px no-repeat,linear-gradient(var(--chrome-edge),var(--chrome-edge)) left var(--chrome-inset) top var(--chrome-inset) / 1px 14px no-repeat,linear-gradient(var(--chrome-edge),var(--chrome-edge)) right var(--chrome-inset) top var(--chrome-inset) / 14px 1px no-repeat,linear-gradient(var(--chrome-edge),var(--chrome-edge)) right var(--chrome-inset) top var(--chrome-inset) / 1px 14px no-repeat,linear-gradient(var(--chrome-edge),var(--chrome-edge)) left var(--chrome-inset) bottom var(--chrome-inset) / 14px 1px no-repeat,linear-gradient(var(--chrome-edge),var(--chrome-edge)) left var(--chrome-inset) bottom var(--chrome-inset) / 1px 14px no-repeat,linear-gradient(var(--chrome-edge),var(--chrome-edge)) right var(--chrome-inset) bottom var(--chrome-inset) / 14px 1px no-repeat,linear-gradient(var(--chrome-edge),var(--chrome-edge)) right var(--chrome-inset) bottom var(--chrome-inset) / 1px 14px no-repeat}.scif-showcase__marker,.scif-showcase__count{position:absolute;top:26px;font-size:clamp(9px,2.2cqmin,11px);letter-spacing:var(--tracking-meta)}.scif-showcase__marker{left:var(--chrome-gutter)}.scif-showcase__count{right:var(--chrome-gutter);font-variant-numeric:tabular-nums}.scif-showcase__progress{position:absolute;top:8px;left:var(--chrome-gutter);right:var(--chrome-gutter);display:flex;gap:4px;margin:0;padding:0;list-style:none}.scif-showcase__progress li{position:relative;flex:1;height:14px}.scif-showcase__progress.is-live li{pointer-events:auto;cursor:pointer}.scif-showcase__progress li:before,.scif-showcase__progress li:after{content:"";position:absolute;top:6px;left:0;right:0;height:2px;background:#efeadd33}.scif-showcase__progress li:after{background:var(--chrome-ink);transform:scaleX(0);transform-origin:left}.scif-showcase__progress li.is-done:after{transform:scaleX(1)}.scif-showcase__progress li.is-current:after{animation:scif-showcase-segment var(--segment-ms, 3s) linear forwards}@keyframes scif-showcase-segment{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.scif-showcase__caption{position:absolute;right:0;bottom:0;left:0;margin:0;padding:3.5rem var(--chrome-gutter) clamp(18px,5cqmin,26px);font-size:clamp(11px,2.7cqmin,13px);line-height:1.3;letter-spacing:.08em;color:var(--color-foreground);background:linear-gradient(to top,rgb(0 0 0 / .55),transparent)}.scif-showcase__caption:after{content:"";display:inline-block;width:.6em;height:1.05em;margin-inline-start:.2em;vertical-align:-.18em;background:currentColor;animation:scif-showcase-cursor 1s steps(1) infinite}@keyframes scif-showcase-cursor{50%{opacity:0}}.scif-showcase__stamp{position:absolute;right:var(--chrome-gutter);bottom:clamp(52px,14.5cqmin,76px);margin:0;padding:.4em .75em;font-size:clamp(10px,2.9cqmin,15px);font-weight:700;letter-spacing:.16em;color:var(--color-accent);border:2px solid currentColor;opacity:0;transform:rotate(-7deg);transition:filter .9s var(--ease)}.scif-showcase__stamp.is-stamped{animation:scif-showcase-stamp .42s cubic-bezier(.2,.9,.3,1.25) 1.2s both}@keyframes scif-showcase-stamp{0%{opacity:0;transform:rotate(-7deg) scale(1.7)}70%{opacity:1;transform:rotate(-7deg) scale(.94)}to{opacity:1;transform:rotate(-7deg) scale(1)}}.scif-showcase[data-mood=blackout] .scif-showcase__stamp{filter:opacity(0)}.scif-showcase[data-held] .scif-showcase__chrome *,.scif-showcase[data-held] .scif-showcase__chrome *:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.scif-showcase__chrome *,.scif-showcase__chrome *:after{animation:none!important}.scif-showcase__stamp.is-stamped{opacity:1}}.scif-showcase[data-motion=reduced] .scif-showcase__chrome *,.scif-showcase[data-motion=reduced] .scif-showcase__chrome *:after{animation:none!important}.scif-showcase[data-motion=reduced] .scif-showcase__stamp.is-stamped{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/3/assets/scif-showcase.css.map */