@property --ck-frame{syntax:"<number>";inherits:true;initial-value:1}@property --ck-screen{syntax:"<number>";inherits:true;initial-value:1}@property --ck-ui{syntax:"<number>";inherits:true;initial-value:1}@property --ck-amb{syntax:"<number>";inherits:true;initial-value:1}@property --ck-sound{syntax:"<number>";inherits:true;initial-value:1}@property --ck-cam{syntax:"<number>";inherits:true;initial-value:0}@property --ck-scan{syntax:"<number>";inherits:true;initial-value:0}@property --ck-scan-o{syntax:"<number>";inherits:true;initial-value:0}@property --ck-labels{syntax:"<number>";inherits:true;initial-value:0}@property --ck-sweep{syntax:"<number>";inherits:true;initial-value:0}.ck-state{--ck-amb-rgb:227 0 15;transition:--ck-screen .9s var(--ease-lux), --ck-ui .9s var(--ease-lux), --ck-amb 1.4s var(--ease-lux), --ck-sound .8s var(--ease-lux), --ck-cam .7s var(--ease-lux), --ck-labels .6s var(--ease-lux)}.ck-state.ck-scrub{transition:none}.ck{width:100%;height:100%;overflow:visible}.ck-line:not([fill]){fill:none}.ck-line{stroke:rgba(245, 245, 245, calc(.06 + var(--ck-frame) * .12));stroke-width:1.2px;vector-effect:non-scaling-stroke}.ck-strong{stroke:rgba(245, 245, 245, calc(.1 + var(--ck-frame) * .2))}.ck-faint{stroke:rgba(245, 245, 245, calc(.03 + var(--ck-frame) * .06))}.ck-bokeh{opacity:calc(.35 + var(--ck-frame) * .4)}.ck-gauge{fill:none;stroke:rgb(var(--ck-amb-rgb));stroke-width:3px;stroke-dasharray:.72 1;stroke-dashoffset:calc(.72 - var(--ck-screen) * .72);opacity:calc(var(--ck-screen) * .8);transform-box:fill-box;transform-origin:50%;transform:rotate(125deg)}.ck-needle{stroke:rgba(245, 245, 245, calc(.2 + var(--ck-screen) * .6));stroke-width:2.4px;stroke-linecap:round}.ck-cluster{opacity:calc(.35 + var(--ck-screen) * .65)}.ck-cluster-big{font:600 34px var(--font-sans);letter-spacing:-.02em;fill:rgba(245, 245, 245, calc(.15 + var(--ck-screen) * .85))}.ck-cluster-small{font:500 10px var(--font-mono);letter-spacing:.18em;fill:rgba(160, 160, 160, calc(.2 + var(--ck-screen) * .8))}.ck-cluster-med{font:600 13px var(--font-sans);fill:rgba(245, 245, 245, calc(.2 + var(--ck-screen) * .8))}.ck-cluster-gear{font:600 10px var(--font-mono);letter-spacing:.3em;fill:#4a4a4e}.ck-cluster-hl{fill:rgb(var(--ck-amb-rgb))}.ck-cluster-icon{stroke:rgba(245, 245, 245, calc(.2 + var(--ck-screen) * .8));stroke-width:2px;stroke-linecap:round}.ck-rpm{fill:none;stroke:rgb(var(--ck-amb-rgb));stroke-width:6px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--ck-screen) * .22);opacity:calc(.2 + var(--ck-screen) * .8)}.ck-tick{fill:#f5f5f559}.ck-range{fill:rgb(var(--ck-amb-rgb));opacity:calc(.2 + var(--ck-screen) * .8)}.ck-clim{font:500 12px var(--font-mono);fill:rgba(245, 245, 245, calc(.25 + var(--ck-screen) * .6))}.ck-badge{font:600 20px var(--font-sans);letter-spacing:.1em;fill:#8a8a8e}.ck-ui-strong{font:600 11px var(--font-sans);fill:#f5f5f5}.ck-ui-soft{font:500 10px var(--font-sans);fill:#9a9aa0}.ck-route{stroke-dasharray:1 1;animation:3.5s cubic-bezier(.22,1,.36,1) infinite alternate ck-route}@keyframes ck-route{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.ck-spill{opacity:calc(var(--ck-amb) * .9)}.ck-wheel{transform-box:view-box;transform-origin:300px 745px}.ck-dyn{transform-box:fill-box;transform-origin:50% 100%}[data-cam=on] .ck-wheel{animation:5s ease-in-out infinite ck-steer}[data-cam=on] .ck-dyn{animation:5s ease-in-out infinite ck-dyn}@keyframes ck-steer{0%,to{transform:rotate(0)}25%{transform:rotate(-40deg)}75%{transform:rotate(40deg)}}@keyframes ck-dyn{0%,to{transform:skew(0)}25%{transform:skew(18deg)}75%{transform:skew(-18deg)}}[data-cam=on] .ck-stripes{animation:.9s linear infinite ck-reverse}@keyframes ck-reverse{0%{transform:translateY(0)}to{transform:translateY(22px)}}.ck-cone{transform-box:fill-box;transform-origin:50%}[data-sound=on] .ck-cone{animation:.625s cubic-bezier(.2,.9,.3,1) infinite ck-beat}@keyframes ck-beat{0%{transform:scale(1.09)}60%,to{transform:scale(1)}}.ck-screen-on{opacity:var(--ck-screen)}.ck-boot{opacity:calc(1 - var(--ck-ui))}.ck-boot-mark{fill:none;stroke:#f5f5f5;stroke-width:3px;stroke-linecap:round;opacity:.9}.ck-boot-bar{stroke:#e3000f;stroke-width:2px;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--ck-screen))}.ck-ui{opacity:calc(var(--ck-ui) * var(--ck-screen))}.ck-tile{opacity:clamp(0, calc(var(--ck-ui) * 9 - var(--i) * .9), 1)}.ck-ui-time{font:500 12px var(--font-mono);fill:#f5f5f5;letter-spacing:.08em}.ck-progress{transform-box:fill-box;transform-origin:0;animation:6s linear infinite ck-progress}@keyframes ck-progress{0%{transform:scaleX(.1)}to{transform:scaleX(1.8)}}.ck-cam{opacity:calc(var(--ck-cam) * var(--ck-screen))}.ck-bezel{filter:drop-shadow(0 0 calc(var(--ck-screen) * 24px) rgb(var(--ck-amb-rgb) / calc(var(--ck-screen) * .18)))}.ck-amb{fill:none;stroke:rgb(var(--ck-amb-rgb));stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--ck-amb))}.ck-amb-wide{stroke-width:26px;opacity:calc(var(--ck-amb) * .07)}.ck-amb-mid{stroke-width:9px;opacity:calc(var(--ck-amb) * .22)}.ck-amb-core{stroke-width:2.4px;opacity:calc(.15 + var(--ck-amb) * .85);stroke:color-mix(in srgb, rgb(var(--ck-amb-rgb)) 70%, white)}.ck-foot{opacity:calc(var(--ck-amb) * .9)}.ck-sweep{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-dasharray:.12 1.2;stroke-dashoffset:calc(.12 - var(--ck-sweep) * 1.32);opacity:calc(min(var(--ck-sweep), 1 - var(--ck-sweep)) * 3)}.ck-waves circle{fill:none;stroke:rgb(var(--ck-amb-rgb));stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:0;transform-box:fill-box;transform-origin:50%}[data-sound=on] .ck-waves circle{animation:ck-wave 1.8s var(--ease-lux) infinite}[data-sound=on] .ck-waves circle:nth-child(2){animation-delay:.6s}[data-sound=on] .ck-waves circle:nth-child(3){animation-delay:1.2s}@keyframes ck-wave{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.1)}}.ck-zone-sound .ck-hl{stroke:rgb(var(--ck-amb-rgb) / calc(.12 + var(--ck-sound) * .7))}.ck-zone-camera .ck-hl{stroke:rgba(245, 245, 245, calc(.15 + var(--ck-cam) * .3))}.ck-zone-camera .ck-lens{fill:rgb(var(--ck-amb-rgb) / calc(var(--ck-cam) * .9))}.ck-scanner{transform:translateX(calc(var(--ck-scan) * 1820px - 110px));opacity:var(--ck-scan-o)}.ck-labels{opacity:var(--ck-labels)}.ck-label path{fill:none;stroke:#f5f5f559;stroke-width:1px;vector-effect:non-scaling-stroke}.ck-label circle{fill:#f5f5f5}.ck-label text{font:500 17px var(--font-mono);letter-spacing:.16em;fill:#a0a0a0}.ck-label .ck-label-sub{fill:#555;font-size:12px}.ck-label{opacity:.45;transition:opacity .5s}[data-step=screen] .ck-label-screen,[data-step=ambient] .ck-label-ambient,[data-step=sound] .ck-label-sound,[data-step=camera] .ck-label-camera,[data-step=complete] .ck-label{opacity:1}[data-step=screen] .ck-label-screen text:first-of-type,[data-step=ambient] .ck-label-ambient text:first-of-type,[data-step=sound] .ck-label-sound text:first-of-type,[data-step=camera] .ck-label-camera text:first-of-type{fill:#f5f5f5}[data-step=screen] .ck-label-screen circle,[data-step=ambient] .ck-label-ambient circle,[data-step=sound] .ck-label-sound circle,[data-step=camera] .ck-label-camera circle{fill:#e3000f}@media (prefers-reduced-motion:reduce){.ck-progress,.ck-route,[data-sound=on] .ck-waves circle,[data-sound=on] .ck-cone,[data-cam=on] .ck-wheel,[data-cam=on] .ck-dyn,[data-cam=on] .ck-stripes{animation:none}}[data-step=scan] .ck-route,[data-step=scan] .ck-progress{animation-play-state:paused}
