.seg-film{--seg-ease:cubic-bezier(.16,1,.3,1);--fog:#b9b9b9;--ash:#929292;--rule:#303030;padding-block:clamp(56px,6vw,96px)}.seg-canvas{align-items:center;padding:clamp(12px,1.6vw,24px);display:flex}.seg-canvas .seg-scene{aspect-ratio:760/660;width:100%;height:auto;max-height:640px;display:block}.seg-scene text{font-variant-numeric:tabular-nums;font-family:IBM Plex Sans,IBM Plex Sans Fallback,Arial,sans-serif}.seg-scene .fx{transition:opacity .55s var(--seg-ease) var(--d,0s),transform .95s var(--seg-ease) var(--d,0s),fill .4s var(--seg-ease) var(--d,0s),stroke .4s var(--seg-ease) var(--d,0s)}.seg-scene [data-in]{opacity:0}.seg-film[data-at~="0"] [data-in="0"],.seg-film[data-at~="1"] [data-in="1"],.seg-film[data-at~="2"] [data-in="2"],.seg-film[data-at~="3"] [data-in="3"],.seg-film[data-at~="4"] [data-in="4"]{opacity:var(--o,1)}.seg-film[data-at~="1"] [data-out="1"],.seg-film[data-at~="2"] [data-out="2"],.seg-film[data-at~="3"] [data-out="3"],.seg-film[data-at~="4"] [data-out="4"]{opacity:0}.seg-scene .mv{transform:translate(var(--x0,0px),var(--y0,0px))}.seg-film[data-at~="1"] .mv[data-mv~="1"]{transform:translate(var(--x1,0px),var(--y1,0px))}.seg-film[data-at~="2"] .mv[data-mv~="2"]{transform:translate(var(--x2,0px),var(--y2,0px))}.seg-film[data-at~="3"] .mv[data-mv~="3"]{transform:translate(var(--x3,0px),var(--y3,0px))}.seg-film[data-at~="4"] .mv[data-mv~="4"]{transform:translate(var(--x4,0px),var(--y4,0px))}.seg-scene .draw{stroke-dasharray:1 1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.1s var(--seg-ease) var(--d,0s),opacity .5s var(--seg-ease) var(--d,0s)}.seg-film[data-at~="1"] .draw[data-draw="1"],.seg-film[data-at~="2"] .draw[data-draw="2"],.seg-film[data-at~="3"] .draw[data-draw="3"],.seg-film[data-at~="4"] .draw[data-draw="4"]{stroke-dashoffset:0}.seg-scene .paper{fill:#f7f7f7}.seg-scene .paper-shadow{fill:#1c1c1c}.seg-scene .ink{fill:#000}.seg-scene .ink-2{fill:#595959}.seg-scene .ink-3{fill:#8a8a8a}.seg-scene .frame{stroke:var(--rule);stroke-width:1.2px;fill:#000}.seg-scene .frame-lit{stroke:#fff;stroke-width:1.4px;fill:none}.seg-scene .t-1{fill:#fff}.seg-scene .t-2{fill:var(--fog)}.seg-scene .t-3{fill:var(--ash)}.seg-scene .route{stroke:#fff;stroke-width:1.6px;fill:none}.seg-scene .manual{stroke:#8a8a8a;stroke-width:1.4px;stroke-dasharray:3 5;fill:none}.seg-scene .chip-bg{fill:#fff}.seg-scene .chip-t{fill:#000}.seg-scene .hatch{fill:url(#seg-hatch)}.seg-scene .seg-hatch-line{stroke:#3a3a3a;stroke-width:1.2px}.seg-film:not([data-playing]) .seg-scene *{animation-play-state:paused!important}@keyframes seg-flow{to{stroke-dashoffset:-48px}}@keyframes seg-blink{0%,to{opacity:.35}50%{opacity:1}}@keyframes seg-sweep{0%{opacity:0;transform:translateY(0)}12%{opacity:1}88%{opacity:1}to{transform:translateY(var(--sweep,200px));opacity:0}}@media (max-width:860px){.seg-canvas .seg-scene{max-height:min(640px,62svh)}}@media (prefers-reduced-motion:reduce){.seg-film *,.seg-film :before,.seg-film :after{transition:none!important;animation:none!important}}.seg-scene .seg-switch-track{fill:#000;stroke:#fff;stroke-width:1.4px}.seg-scene .seg-knob{fill:#fff;transform:translate(0)}.seg-film[data-at~="4"] .seg-switch[data-on="4"] .seg-switch-track,.seg-film[data-at~="3"] .seg-switch[data-on="3"] .seg-switch-track{fill:#fff;transition-delay:.35s}.seg-film[data-at~="4"] .seg-switch[data-on="4"] .seg-knob,.seg-film[data-at~="3"] .seg-switch[data-on="3"] .seg-knob{fill:#000;transition-delay:.3s;transform:translate(18px)}.seg-scene .seg-draft{fill:#000;stroke:#9a9a9a;stroke-width:1.3px;stroke-dasharray:6 5}
