.site-film{margin:0;position:relative}.site-film__scene{isolation:isolate}.site-film__replay{animation:site-film-replay-in var(--site-motion-enter)var(--site-motion-ease-respond)both;position:absolute;inset-block-end:var(--site-space-3);inset-inline-end:var(--site-space-3)}@keyframes site-film-replay-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.site-film__replay{animation:none}}.site-film__scene[data-paused] *,.site-film__scene[data-paused] :before,.site-film__scene[data-paused] :after{animation-play-state:paused!important}.site-film.site-film--developer .site-scene,.site-film.site-film--developer .site-film__scene{background:0 0;border-radius:0;overflow:visible}.site-film__developer{z-index:200;border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text);font-family:var(--site-font);border-radius:12px;margin-top:20px;padding:14px 16px;position:relative;box-shadow:0 8px 24px #00000012}.site-film__developer-info{justify-content:space-between;gap:12px;font-size:11px;display:flex}.site-film__developer-info output{font-variant-numeric:tabular-nums;white-space:nowrap}.site-film__developer-track{align-items:center;gap:10px;margin-block:8px;display:flex}.site-film__developer-track input{width:100%;accent-color:var(--site-accent);cursor:ew-resize}.site-film__developer-track button{border:1px solid var(--site-border);width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.site-film__developer-track button:disabled{opacity:.35;cursor:default}.site-film__developer code{color:var(--site-text-muted);font-size:10px}
.site-reveal[data-reveal=armed]{opacity:0}.site-reveal[data-reveal=revealed]{transition:opacity var(--site-motion-reveal)var(--site-motion-ease-respond);transition-delay:calc(var(--site-reveal-step,0)*var(--site-motion-reveal-stagger))}@media (prefers-reduced-motion:no-preference) and (update:fast){.site-reveal[data-reveal=armed]{transform:translateY(var(--site-motion-reveal-distance))}.site-reveal[data-reveal=revealed]{transition-property:opacity,transform}}
.site-lottie{inline-size:100%;display:block}.site-lottie>svg{block-size:100%;inline-size:100%;display:block}.site-lottie .ink[fill]:not([fill=none]),.site-lottie .ink [fill]:not([fill=none]){fill:var(--site-text)}.site-lottie .ink[stroke]:not([stroke=none]),.site-lottie .ink [stroke]:not([stroke=none]){stroke:var(--site-text)}.site-lottie .ink-soft[fill]:not([fill=none]),.site-lottie .ink-soft [fill]:not([fill=none]){fill:var(--site-text-secondary)}.site-lottie .ink-soft[stroke]:not([stroke=none]),.site-lottie .ink-soft [stroke]:not([stroke=none]){stroke:var(--site-text-secondary)}.site-lottie .ink-faint[fill]:not([fill=none]),.site-lottie .ink-faint [fill]:not([fill=none]){fill:var(--site-text-tertiary)}.site-lottie .ink-faint[stroke]:not([stroke=none]),.site-lottie .ink-faint [stroke]:not([stroke=none]){stroke:var(--site-text-tertiary)}.site-lottie .accent[fill]:not([fill=none]),.site-lottie .accent [fill]:not([fill=none]){fill:var(--site-accent)}.site-lottie .accent[stroke]:not([stroke=none]),.site-lottie .accent [stroke]:not([stroke=none]){stroke:var(--site-accent)}.site-lottie .accent-soft[fill]:not([fill=none]),.site-lottie .accent-soft [fill]:not([fill=none]){fill:var(--site-accent-subtle)}.site-lottie .accent-soft[stroke]:not([stroke=none]),.site-lottie .accent-soft [stroke]:not([stroke=none]){stroke:var(--site-accent-subtle)}.site-lottie .surface[fill]:not([fill=none]),.site-lottie .surface [fill]:not([fill=none]){fill:var(--site-surface)}.site-lottie .surface[stroke]:not([stroke=none]),.site-lottie .surface [stroke]:not([stroke=none]){stroke:var(--site-surface)}.site-lottie .sunken[fill]:not([fill=none]),.site-lottie .sunken [fill]:not([fill=none]){fill:var(--site-surface-sunken)}.site-lottie .sunken[stroke]:not([stroke=none]),.site-lottie .sunken [stroke]:not([stroke=none]){stroke:var(--site-surface-sunken)}.site-lottie .line[fill]:not([fill=none]),.site-lottie .line [fill]:not([fill=none]){fill:var(--site-border)}.site-lottie .line[stroke]:not([stroke=none]),.site-lottie .line [stroke]:not([stroke=none]){stroke:var(--site-border)}
.site-scene{--site-scene-ratio:5/3;inline-size:100%;aspect-ratio:var(--site-scene-ratio);border-radius:var(--site-radius-xl);background:var(--site-surface-sunken);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}@media (max-width:900px){.site-scene{--site-scene-ratio:3/2}}@media (max-width:680px){.site-scene{--site-scene-ratio:5/4}}@media (max-width:480px){.site-scene{--site-scene-ratio:1/1;border-radius:var(--site-radius-lg)}}
:root:has([data-site-page]){view-transition-name:none}::view-transition-group(.site-page){animation-duration:calc(var(--site-motion-page)*.7);animation-timing-function:var(--site-motion-ease-hold)}::view-transition-old(.site-page){animation:site-page-out calc(var(--site-motion-page)*.6)var(--site-motion-ease-move)both}::view-transition-new(.site-page){animation:site-page-in var(--site-motion-page)var(--site-motion-ease-move)calc(var(--site-motion-page)*.8)both}@keyframes site-page-out{0%{opacity:1}to{opacity:0}}@keyframes site-page-in{0%{opacity:0}to{opacity:1}}