.explainer-film{--film-cream:#faf8f5;--film-paper:#efe9df;--film-ink:#151515;--film-ink-soft:#2b2b2b;--film-gray:#6f6a63;--film-rule:#15151524;--film-red:#c62828;--film-blue:#1565c0;--film-gold:#ffb300;--film-green:#2e7d32;--film-code-bg:#17191d;--film-ease:cubic-bezier(.2, .75, .2, 1);--film-ease-in:cubic-bezier(.55, 0, .8, .35);--film-sans:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--film-mono:"JetBrains Mono", "Source Code Pro", ui-monospace, monospace;--film-serif:Georgia, "Times New Roman", serif;color:#faf8f5;isolation:isolate;background:#191919;margin:0}.explainer-film-stage{background:var(--film-ink);position:relative;overflow:hidden}.film-root{aspect-ratio:16/9;background:var(--film-cream);width:100%;color:var(--film-ink);font-family:var(--film-sans);-webkit-font-smoothing:antialiased;line-height:1.25;position:relative;overflow:hidden;container-type:inline-size}.film-root>*,.film-sequence>*{position:absolute;inset:0}.film-root>*{font-size:1.25cqw}.film-root [hidden]{display:none!important}.film-layer{pointer-events:none}.explainer-film:not([data-ready]) .film-root *{animation-play-state:paused!important}.explainer-film:not([data-ready]) .film-sequence>:not(:first-child){display:none}.film-scene{overflow:hidden}.film-scene-body{position:absolute;inset:0}.film-tone-cream{background:var(--film-cream);color:var(--film-ink)}.film-tone-paper{background:var(--film-paper);color:var(--film-ink)}.film-tone-ink{background:var(--film-ink);color:var(--film-cream)}.film-tone-red{background:var(--film-red);color:#fff}.film-tone-blue{background:var(--film-blue);color:#fff}.film-tone-gold{background:var(--film-gold);color:var(--film-ink)}.film-scene[data-enter=fade],.film-scene[data-enter=rise],.film-scene[data-enter=wipe],.film-scene[data-enter=zoom]{animation-duration:var(--film-enter,var(--ef-transition-duration,.5s));animation-timing-function:var(--film-ease);animation-fill-mode:backwards}.film-scene[data-enter=fade]{animation-name:film-fade}.film-scene[data-enter=rise]{animation-name:film-scene-rise}.film-scene[data-enter=wipe]{animation-name:film-wipe}.film-scene[data-enter=zoom]{animation-name:film-zoom}.film-scene[data-exit=fade]>.film-scene-body{animation:film-fade .4s var(--film-ease-in) var(--ef-transition-out-start,calc(var(--ef-duration) - .4s)) reverse forwards}.film-reveal,.film-word{animation-name:var(--fx,film-rise), var(--fx-out,none);animation-duration:var(--dur,.6s), var(--dur-out,.4s);animation-delay:var(--at,0s), var(--out,0s);animation-timing-function:var(--film-ease), var(--film-ease-in);animation-direction:normal,reverse;animation-fill-mode:backwards,forwards}.film-words{display:block}.film-word{animation-delay:calc(var(--at,0s) + var(--i,0) * var(--stagger,70ms)), var(--out,0s);display:inline-block}.film-word-accent{color:var(--film-accent,var(--film-red))}.film-count{font-variant-numeric:tabular-nums}.film-meter{background:var(--film-meter-track,var(--film-rule));height:.5em;display:block;overflow:hidden}.film-meter>i{background:var(--film-meter-fill,currentColor);transform-origin:0;height:100%;animation:film-grow var(--dur,1s) var(--film-meter-ease,linear) var(--at,0s) both;display:block}.film-cursor{z-index:30;pointer-events:none;width:1.6em;height:1.6em;position:absolute}.film-cursor svg{fill:#fff;width:100%;height:100%;stroke:var(--film-ink);stroke-width:1.4px;stroke-linejoin:round;filter:drop-shadow(0 .12em .2em #00000059);display:block}.film-click{z-index:29;border:.18em solid var(--film-red);opacity:0;pointer-events:none;width:2.6em;height:2.6em;animation:film-click .52s ease-out var(--at,0s) forwards;border-radius:50%;position:absolute}.film-code{background:var(--film-code-bg);color:#e9e6e1;font-family:var(--film-mono);border-radius:.5em;overflow:hidden;box-shadow:0 1.6em 3em -1.8em #0000008c}.film-code-bar{color:#9d9990;background:#101215;align-items:center;gap:.6em;padding:.6em 1em;font-size:.72em;display:flex}.film-code-bar:before{content:"";background:var(--film-red);width:.6em;height:.6em}.film-code pre{font:inherit;white-space:pre;margin:0;padding:.9em 1.2em 1.1em;line-height:1.6}.explainer-film .film-code pre{max-width:none;font-size:inherit;line-height:1.6;overflow:visible}.film-code-line{width:max-content;min-width:100%;min-height:1.6em;display:block}.film-code-line[data-typing]{width:max-content;min-width:0;animation:film-type var(--dur) steps(var(--chars), end) var(--at) backwards}.film-code-line[data-mark]{box-shadow:inset .2em 0 0 var(--film-gold);background:#ffb30024}.tok-tag{color:#ff8a80}.tok-attr{color:#ffd180}.tok-str{color:#b9e4a8}.tok-kw{color:#8ab4ff}.tok-fn{color:#ffe08a}.tok-com{color:#7f7b74;font-style:italic}.tok-num{color:#f7a8c8}.tok-punct{color:#a3a09a}.tok-prop{color:#8fe3ee}.film-timeline{--label-w:6.5em;color:#dcd8d1;font-family:var(--film-mono);background:#1c1e22;border-radius:.4em;padding:.6em .8em .8em;font-size:.72em;position:relative}.film-timeline-ruler{height:1.7em;margin-left:var(--label-w);color:#8e8a83;border-bottom:1px solid #ffffff1a;position:relative}.film-timeline-ruler span{border-left:1px solid #ffffff2e;padding-left:.3em;line-height:1;position:absolute;bottom:.35em}.film-timeline-row{grid-template-columns:var(--label-w) 1fr;align-items:center;height:2.3em;display:grid}.film-timeline-label{color:#aaa59e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.film-timeline-lane{height:1.7em;position:relative}.film-clip{color:#fff;white-space:nowrap;transform-origin:0;animation:film-clip .45s var(--film-ease) var(--at,0s) backwards;border-radius:.25em;align-items:center;padding:0 .6em;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.film-track-video .film-clip{background:var(--film-blue)}.film-track-text .film-clip{background:var(--film-red)}.film-track-audio .film-clip{background:#2f6b45}.film-track-image .film-clip{background:var(--film-gold);color:var(--film-ink)}.film-track-html .film-clip{background:#3a3e46;box-shadow:inset 0 0 0 1px #ffffff29}.film-clip-wave{align-items:center;gap:8%;width:100%;height:70%;display:flex}.film-clip-wave i{background:#ffffffb3;flex:1}.film-playhead-area{top:.6em;bottom:.8em;right:.8em;left:calc(.8em + var(--label-w));pointer-events:none;position:absolute}.film-playhead{top:0;bottom:0;left:var(--from,0%);background:var(--film-gold);width:2px;animation:film-playhead var(--dur) linear var(--at) both;position:absolute}.film-playhead:before{content:"";background:var(--film-gold);width:.7em;height:.7em;position:absolute;top:-.2em;left:50%;transform:translate(-50%)rotate(45deg)}.film-window{border:1px solid var(--film-rule);color:var(--film-ink);background:#fff;border-radius:.5em;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1.8em 3.4em -2em #15151580}.film-window[data-tone=dark]{color:#e9e6e1;background:#1c1e22;border-color:#ffffff14}.film-window-bar{border-bottom:1px solid var(--film-rule);color:var(--film-gray);font-family:var(--film-mono);align-items:center;gap:.55em;padding:.55em .85em;font-size:.72em;display:flex}.film-window[data-tone=dark] .film-window-bar{color:#9d9990;border-color:#ffffff14}.film-window-bar:before{content:"";background:var(--film-red);width:.6em;height:.6em}.film-window-body{flex:1;min-height:0;position:relative}.film-lanes{font-family:var(--film-mono);gap:.45em;font-size:.72em;display:grid}.film-lane{grid-template-columns:var(--film-lane-label-w,6.5em) 1fr var(--film-lane-detail-w,7em);align-items:center;gap:.9em;display:grid}.film-lane-detail{text-align:right}.film-lane .film-meter{height:.9em}.film-lane-label,.film-lane-detail{color:var(--film-lane-text,var(--film-gray));white-space:nowrap}.daybreak{--db-bg:#1f150f;--db-ink:#fff3da;--db-accent:#e9c982;aspect-ratio:16/9;background:var(--db-bg);color:var(--db-ink);font-family:var(--film-serif);position:relative;overflow:hidden;container-type:inline-size}.daybreak[data-aspect=square]{aspect-ratio:1}.daybreak[data-aspect=tall]{aspect-ratio:9/16}.daybreak[data-palette=jade]{--db-bg:#0f2a24;--db-ink:#eefaf3;--db-accent:#9fe0c8}.daybreak[data-palette=dawn]{--db-bg:#2c1830;--db-ink:#fff0e8;--db-accent:#f6b38e}.daybreak[data-palette=ember]{--db-bg:#2b120c;--db-ink:#fff1ea;--db-accent:#ff8a65}.daybreak-media{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.daybreak-wash{background:linear-gradient(90deg, color-mix(in srgb, var(--db-bg) 94%, transparent) 0%, color-mix(in srgb, var(--db-bg) 60%, transparent) 42%, transparent 78%);position:absolute;inset:0}.daybreak[data-aspect=square] .daybreak-wash,.daybreak[data-aspect=tall] .daybreak-wash{background:linear-gradient(0deg, color-mix(in srgb, var(--db-bg) 95%, transparent) 0%, color-mix(in srgb, var(--db-bg) 55%, transparent) 46%, transparent 72%)}.daybreak-copy{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:1.8cqw;display:flex;position:absolute;inset:6cqw}.daybreak-brand{color:var(--db-accent);font:700 1.9cqw/1 var(--film-sans);letter-spacing:.3em;text-transform:uppercase;align-items:center;gap:1.2cqw;display:flex;position:absolute;top:0;left:0}.daybreak-brand i{background:var(--db-accent);border-radius:2.6cqw 2.6cqw 0 0;width:2.6cqw;height:1.3cqw}.daybreak-title{max-width:62%;font:italic 400 7.2cqw/1.02 var(--film-serif);letter-spacing:-.01em;display:block}.daybreak-rule{background:var(--db-accent);width:9cqw;height:.45cqw;display:block}.daybreak-detail{color:color-mix(in srgb, var(--db-ink) 84%, transparent);font:500 2.2cqw/1.3 var(--film-sans);display:block}.daybreak[data-aspect=square] .daybreak-title{max-width:100%;font-size:10cqw}.daybreak[data-aspect=tall] .daybreak-copy{gap:3cqw;inset:9cqw 8cqw 12cqw}.daybreak[data-aspect=tall] .daybreak-brand{gap:2.4cqw;font-size:3.8cqw}.daybreak[data-aspect=tall] .daybreak-brand i{width:5.2cqw;height:2.6cqw}.daybreak[data-aspect=tall] .daybreak-title{max-width:100%;font-size:14cqw}.daybreak[data-aspect=tall] .daybreak-rule{width:18cqw;height:.9cqw}.daybreak[data-aspect=square] .daybreak-detail,.daybreak[data-aspect=tall] .daybreak-detail{font-size:4.2cqw}.explainer-film-poster-play{background:var(--film-red);color:#fff;cursor:pointer;border:0;place-items:center;width:3.25rem;height:3.25rem;font-size:1.1rem;display:grid;position:absolute;bottom:1.25rem;left:1.25rem;box-shadow:0 .5rem 1.5rem -.5rem #00000080}.explainer-film-bar{font:500 .75rem/1.4 var(--film-sans);gap:.35rem;padding:.6rem .9rem .7rem;display:grid}.explainer-film-transport{align-items:center;gap:.6rem;display:flex}.explainer-film-transport button,.explainer-film-chapters button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.explainer-film-transport button{place-items:center;min-width:2rem;min-height:2rem;font-size:.9rem;display:grid}.explainer-film-transport .explainer-film-export{font-variant-numeric:tabular-nums;border:1px solid #faf8f547;min-width:7.5rem;padding:0 .7rem;font-size:.72rem}.explainer-film-scrubber{min-width:0;height:1.5rem;accent-color:var(--film-gold);cursor:pointer;flex:1}.explainer-film output{color:#bdbab4;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;min-width:5.5rem}.explainer-film-chapters{flex-wrap:wrap;gap:0 1.1rem;display:flex}.explainer-film-chapters button{color:#b3afa8;padding:.2rem 0;font-size:.72rem}.explainer-film-chapters button[aria-current=true]{color:var(--film-gold)}.explainer-film button:disabled,.explainer-film input:disabled{opacity:.4;cursor:default}.explainer-film button:focus-visible,.explainer-film input:focus-visible,.explainer-film summary:focus-visible{outline:2px solid var(--film-gold);outline-offset:3px}.explainer-film-note{color:#d8d4cd;margin:0}.explainer-film-transcript{color:#b3afa8;font:400 .75rem/1.6 var(--film-sans);border-top:1px solid #ffffff14;padding:.6rem .9rem .8rem}.explainer-film-transcript summary{cursor:pointer}.explainer-film-transcript ol{margin:.8rem 0 .2rem;padding-left:1.2rem}.explainer-film-transcript li{max-width:46rem;margin:.4rem 0}.explainer-film-transcript strong{color:#faf8f5;font-weight:650}.explainer-film-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.explainer-film:fullscreen{flex-direction:column;width:100%;height:100%;display:flex}.explainer-film:fullscreen .explainer-film-stage{flex:1;place-items:center;min-height:0;display:grid}.explainer-film:fullscreen .film-root{width:min(100%,177.778vh - 10.6667rem)}.explainer-film:fullscreen .explainer-film-transcript{display:none}@media (max-width:640px){.explainer-film-poster-play{width:2rem;height:2rem;font-size:.8rem;bottom:.5rem;left:.5rem}.explainer-film-transport{flex-wrap:wrap;gap:.3rem .5rem}.explainer-film-scrubber{flex-basis:100%;order:5}.explainer-film-transport .explainer-film-export{margin-left:auto}}@keyframes film-fade{0%{opacity:0}}@keyframes film-rise{0%{opacity:0;transform:translateY(.8em)}}@keyframes film-drop{0%{opacity:0;transform:translateY(-.8em)}}@keyframes film-left{0%{opacity:0;transform:translate(-1.4em)}}@keyframes film-right{0%{opacity:0;transform:translate(1.4em)}}@keyframes film-scale{0%{opacity:0;transform:scale(.92)}}@keyframes film-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes film-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes film-blur{0%{opacity:0;filter:blur(.6em)}}@keyframes film-scene-rise{0%{transform:translateY(100%)}}@keyframes film-zoom{0%{opacity:0;transform:scale(1.06)}}@keyframes film-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes film-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes film-click{0%{opacity:.9;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}@keyframes film-clip{0%{opacity:0;transform:scaleX(.2)}}@keyframes film-playhead{0%{left:var(--from,0%)}to{left:var(--to,100%)}}
