@layer components{.asm{block-size:2000vh;position:relative}.asm-stage{place-items:center;block-size:100vh;display:grid;position:sticky;inset-block-start:0;overflow:hidden}.asm-frame{inline-size:min(100%, var(--container-page,76rem));border-radius:var(--radius-lg,3px);background:var(--color-ink);block-size:min(76vh,620px);position:relative;overflow:hidden}.asm-canvas{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.asm-scrim{pointer-events:none;background:linear-gradient(0deg, color-mix(in srgb, var(--color-paper-950) 92%, transparent) 0%, color-mix(in srgb, var(--color-paper-950) 88%, transparent) 34%, color-mix(in srgb, var(--color-paper-950) 46%, transparent) 68%, transparent 100%);block-size:34%;position:absolute;inset-block-end:0;inset-inline:0}.asm-layer{display:grid;position:absolute;inset-block-end:0;inset-inline:0}.asm-body{flex-direction:column;gap:10px;padding:clamp(20px,4vw,44px) clamp(20px,4vw,44px) clamp(30px,4vw,46px);display:flex;position:relative}.asm-phase{color:var(--color-text-inverse-muted);letter-spacing:.1em;text-transform:uppercase}.asm-phase:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-transform:none;letter-spacing:0}.asm-num{font-family:var(--font-mono,inherit);font-variant-numeric:tabular-nums;color:var(--color-accent-on-dark)}.asm-rail{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--color-azure-300) 18%, transparent);block-size:3px;position:absolute;inset-block-end:0;inset-inline:clamp(20px,4vw,44px);overflow:hidden}.asm-rail>i{transform-origin:0;background:var(--grad-cyan);block-size:100%;inline-size:100%;display:block}.asm-rail:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>i{transform-origin:100%}@supports (view-timeline-name:--x) and (animation-timeline:--x){.asm[data-mode=scroll]{view-timeline-name:--asm;view-timeline-axis:block}.asm[data-mode=scroll] .asm-layer{opacity:0;animation:linear both asm-in;animation-timeline:--asm}@keyframes asm-in{0%{opacity:0;translate:0 18px}9.091%{opacity:1;translate:0}90.909%{opacity:1;translate:0}to{opacity:0;translate:0 -18px}}@keyframes asm-first{0%{opacity:1;translate:0}90.909%{opacity:1;translate:0}to{opacity:0;translate:0 -18px}}@keyframes asm-last{0%{opacity:0;translate:0 18px}10%{opacity:1;translate:0}to{opacity:1;translate:0}}.asm[data-mode=scroll] .asm-layer:nth-child(1 of .asm-layer){animation-name:asm-first;animation-range:contain contain 2.75%}.asm[data-mode=scroll] .asm-layer:nth-child(2 of .asm-layer){animation-range:contain 2.5% contain 5.25%}.asm[data-mode=scroll] .asm-layer:nth-child(3 of .asm-layer){animation-range:contain 5% contain 7.75%}.asm[data-mode=scroll] .asm-layer:nth-child(4 of .asm-layer){animation-range:contain 7.5% contain 10.25%}.asm[data-mode=scroll] .asm-layer:nth-child(5 of .asm-layer){animation-range:contain 10% contain 12.75%}.asm[data-mode=scroll] .asm-layer:nth-child(6 of .asm-layer){animation-range:contain 12.5% contain 15.25%}.asm[data-mode=scroll] .asm-layer:nth-child(7 of .asm-layer){animation-range:contain 15% contain 17.75%}.asm[data-mode=scroll] .asm-layer:nth-child(8 of .asm-layer){animation-range:contain 17.5% contain 20.25%}.asm[data-mode=scroll] .asm-layer:nth-child(9 of .asm-layer){animation-range:contain 20% contain 22.75%}.asm[data-mode=scroll] .asm-layer:nth-child(10 of .asm-layer){animation-range:contain 22.5% contain 25.25%}.asm[data-mode=scroll] .asm-layer:nth-child(11 of .asm-layer){animation-range:contain 25% contain 27.75%}.asm[data-mode=scroll] .asm-layer:nth-child(12 of .asm-layer){animation-range:contain 27.5% contain 30.25%}.asm[data-mode=scroll] .asm-layer:nth-child(13 of .asm-layer){animation-range:contain 30% contain 32.75%}.asm[data-mode=scroll] .asm-layer:nth-child(14 of .asm-layer){animation-range:contain 32.5% contain 35.25%}.asm[data-mode=scroll] .asm-layer:nth-child(15 of .asm-layer){animation-range:contain 35% contain 37.75%}.asm[data-mode=scroll] .asm-layer:nth-child(16 of .asm-layer){animation-range:contain 37.5% contain 40.25%}.asm[data-mode=scroll] .asm-layer:nth-child(17 of .asm-layer){animation-range:contain 40% contain 42.75%}.asm[data-mode=scroll] .asm-layer:nth-child(18 of .asm-layer){animation-range:contain 42.5% contain 45.25%}.asm[data-mode=scroll] .asm-layer:nth-child(19 of .asm-layer){animation-range:contain 45% contain 47.75%}.asm[data-mode=scroll] .asm-layer:nth-child(20 of .asm-layer){animation-range:contain 47.5% contain 50.25%}.asm[data-mode=scroll] .asm-layer:nth-child(21 of .asm-layer){animation-range:contain 50% contain 52.75%}.asm[data-mode=scroll] .asm-layer:nth-child(22 of .asm-layer){animation-range:contain 52.5% contain 55.25%}.asm[data-mode=scroll] .asm-layer:nth-child(23 of .asm-layer){animation-range:contain 55% contain 57.75%}.asm[data-mode=scroll] .asm-layer:nth-child(24 of .asm-layer){animation-range:contain 57.5% contain 60.25%}.asm[data-mode=scroll] .asm-layer:nth-child(25 of .asm-layer){animation-range:contain 60% contain 62.75%}.asm[data-mode=scroll] .asm-layer:nth-child(26 of .asm-layer){animation-range:contain 62.5% contain 65.25%}.asm[data-mode=scroll] .asm-layer:nth-child(27 of .asm-layer){animation-range:contain 65% contain 67.75%}.asm[data-mode=scroll] .asm-layer:nth-child(28 of .asm-layer){animation-range:contain 67.5% contain 70.25%}.asm[data-mode=scroll] .asm-layer:nth-child(29 of .asm-layer){animation-range:contain 70% contain 72.75%}.asm[data-mode=scroll] .asm-layer:nth-child(30 of .asm-layer){animation-range:contain 72.5% contain 75.25%}.asm[data-mode=scroll] .asm-layer:nth-child(31 of .asm-layer){animation-range:contain 75% contain 77.75%}.asm[data-mode=scroll] .asm-layer:nth-child(32 of .asm-layer){animation-range:contain 77.5% contain 80.25%}.asm[data-mode=scroll] .asm-layer:nth-child(33 of .asm-layer){animation-range:contain 80% contain 82.75%}.asm[data-mode=scroll] .asm-layer:nth-child(34 of .asm-layer){animation-range:contain 82.5% contain 85.25%}.asm[data-mode=scroll] .asm-layer:nth-child(35 of .asm-layer){animation-range:contain 85% contain 87.75%}.asm[data-mode=scroll] .asm-layer:nth-child(36 of .asm-layer){animation-range:contain 87.5% contain 90.25%}.asm[data-mode=scroll] .asm-layer:nth-child(37 of .asm-layer){animation-range:contain 90% contain 92.75%}.asm[data-mode=scroll] .asm-layer:nth-child(38 of .asm-layer){animation-range:contain 92.5% contain 95.25%}.asm[data-mode=scroll] .asm-layer:nth-child(39 of .asm-layer){animation-range:contain 95% contain 97.75%}.asm[data-mode=scroll] .asm-layer:nth-child(40 of .asm-layer){animation-name:asm-last;animation-range:contain 97.5%}.asm[data-mode=scroll] .asm-rail>i{animation:linear both asm-rail;animation-timeline:--asm;animation-range:contain;scale:0 1}@keyframes asm-rail{to{scale:1}}.asm[data-mode=scroll] .asm-frame{animation:linear both asm-zoom;animation-timeline:--asm;animation-range:cover}@keyframes asm-zoom{0%{border-radius:var(--radius-lg,3px);scale:.6}4.762%{border-radius:0;scale:1}88%{border-radius:0;scale:1}95%{border-radius:var(--radius-lg,3px);scale:.6}to{border-radius:var(--radius-lg,3px);scale:.6}}.asm[data-mode=play]{view-timeline-name:--asmplay;view-timeline-axis:block}.asm[data-mode=play] .asm-frame{animation:linear both asm-zoom-play;animation-timeline:--asmplay;animation-range:cover}@keyframes asm-zoom-play{0%{border-radius:var(--radius-lg,3px);scale:.7}35%{border-radius:var(--radius-lg,3px);scale:1}65%{border-radius:var(--radius-lg,3px);scale:1}to{border-radius:var(--radius-lg,3px);scale:.7}}}.asm[data-mode=play]{--asm-unit:1s;--asm-span:1.1s;block-size:auto}.asm[data-mode=play] .asm-stage{block-size:auto;position:static;overflow:visible}.asm[data-mode=play] .asm-frame{block-size:min(64vh,520px)}.asm[data-mode=play] .asm-layer{opacity:0;animation-name:asm-in;animation-duration:var(--asm-span);animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both}.asm[data-mode=play][data-playing=true] .asm-layer{animation-play-state:running}.asm[data-mode=play] .asm-rail>i{animation:linear both asm-rail;animation-duration:calc(var(--asm-unit) * 40);animation-play-state:paused;scale:0 1}.asm[data-mode=play][data-playing=true] .asm-rail>i{animation-play-state:running}.asm[data-mode=play] .asm-layer:nth-child(1 of .asm-layer){animation-name:asm-first;animation-delay:0s}.asm[data-mode=play] .asm-layer:nth-child(2 of .asm-layer){animation-delay:calc(var(--asm-unit) * 1)}.asm[data-mode=play] .asm-layer:nth-child(3 of .asm-layer){animation-delay:calc(var(--asm-unit) * 2)}.asm[data-mode=play] .asm-layer:nth-child(4 of .asm-layer){animation-delay:calc(var(--asm-unit) * 3)}.asm[data-mode=play] .asm-layer:nth-child(5 of .asm-layer){animation-delay:calc(var(--asm-unit) * 4)}.asm[data-mode=play] .asm-layer:nth-child(6 of .asm-layer){animation-delay:calc(var(--asm-unit) * 5)}.asm[data-mode=play] .asm-layer:nth-child(7 of .asm-layer){animation-delay:calc(var(--asm-unit) * 6)}.asm[data-mode=play] .asm-layer:nth-child(8 of .asm-layer){animation-delay:calc(var(--asm-unit) * 7)}.asm[data-mode=play] .asm-layer:nth-child(9 of .asm-layer){animation-delay:calc(var(--asm-unit) * 8)}.asm[data-mode=play] .asm-layer:nth-child(10 of .asm-layer){animation-delay:calc(var(--asm-unit) * 9)}.asm[data-mode=play] .asm-layer:nth-child(11 of .asm-layer){animation-delay:calc(var(--asm-unit) * 10)}.asm[data-mode=play] .asm-layer:nth-child(12 of .asm-layer){animation-delay:calc(var(--asm-unit) * 11)}.asm[data-mode=play] .asm-layer:nth-child(13 of .asm-layer){animation-delay:calc(var(--asm-unit) * 12)}.asm[data-mode=play] .asm-layer:nth-child(14 of .asm-layer){animation-delay:calc(var(--asm-unit) * 13)}.asm[data-mode=play] .asm-layer:nth-child(15 of .asm-layer){animation-delay:calc(var(--asm-unit) * 14)}.asm[data-mode=play] .asm-layer:nth-child(16 of .asm-layer){animation-delay:calc(var(--asm-unit) * 15)}.asm[data-mode=play] .asm-layer:nth-child(17 of .asm-layer){animation-delay:calc(var(--asm-unit) * 16)}.asm[data-mode=play] .asm-layer:nth-child(18 of .asm-layer){animation-delay:calc(var(--asm-unit) * 17)}.asm[data-mode=play] .asm-layer:nth-child(19 of .asm-layer){animation-delay:calc(var(--asm-unit) * 18)}.asm[data-mode=play] .asm-layer:nth-child(20 of .asm-layer){animation-delay:calc(var(--asm-unit) * 19)}.asm[data-mode=play] .asm-layer:nth-child(21 of .asm-layer){animation-delay:calc(var(--asm-unit) * 20)}.asm[data-mode=play] .asm-layer:nth-child(22 of .asm-layer){animation-delay:calc(var(--asm-unit) * 21)}.asm[data-mode=play] .asm-layer:nth-child(23 of .asm-layer){animation-delay:calc(var(--asm-unit) * 22)}.asm[data-mode=play] .asm-layer:nth-child(24 of .asm-layer){animation-delay:calc(var(--asm-unit) * 23)}.asm[data-mode=play] .asm-layer:nth-child(25 of .asm-layer){animation-delay:calc(var(--asm-unit) * 24)}.asm[data-mode=play] .asm-layer:nth-child(26 of .asm-layer){animation-delay:calc(var(--asm-unit) * 25)}.asm[data-mode=play] .asm-layer:nth-child(27 of .asm-layer){animation-delay:calc(var(--asm-unit) * 26)}.asm[data-mode=play] .asm-layer:nth-child(28 of .asm-layer){animation-delay:calc(var(--asm-unit) * 27)}.asm[data-mode=play] .asm-layer:nth-child(29 of .asm-layer){animation-delay:calc(var(--asm-unit) * 28)}.asm[data-mode=play] .asm-layer:nth-child(30 of .asm-layer){animation-delay:calc(var(--asm-unit) * 29)}.asm[data-mode=play] .asm-layer:nth-child(31 of .asm-layer){animation-delay:calc(var(--asm-unit) * 30)}.asm[data-mode=play] .asm-layer:nth-child(32 of .asm-layer){animation-delay:calc(var(--asm-unit) * 31)}.asm[data-mode=play] .asm-layer:nth-child(33 of .asm-layer){animation-delay:calc(var(--asm-unit) * 32)}.asm[data-mode=play] .asm-layer:nth-child(34 of .asm-layer){animation-delay:calc(var(--asm-unit) * 33)}.asm[data-mode=play] .asm-layer:nth-child(35 of .asm-layer){animation-delay:calc(var(--asm-unit) * 34)}.asm[data-mode=play] .asm-layer:nth-child(36 of .asm-layer){animation-delay:calc(var(--asm-unit) * 35)}.asm[data-mode=play] .asm-layer:nth-child(37 of .asm-layer){animation-delay:calc(var(--asm-unit) * 36)}.asm[data-mode=play] .asm-layer:nth-child(38 of .asm-layer){animation-delay:calc(var(--asm-unit) * 37)}.asm[data-mode=play] .asm-layer:nth-child(39 of .asm-layer){animation-delay:calc(var(--asm-unit) * 38)}.asm[data-mode=play] .asm-layer:nth-child(40 of .asm-layer){animation-name:asm-last;animation-delay:calc(var(--asm-unit) * 39)}.asm-controls{align-items:center;gap:12px;margin-block-start:14px;display:flex}.asm-replay{block-size:var(--spacing-touch,2.75rem);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm,2px);background:var(--color-elevated);color:var(--color-text-primary);font:inherit;font-size:var(--text-sm,.875rem);cursor:pointer;transition:border-color var(--duration-base,.2s), color var(--duration-base,.2s);align-items:center;gap:8px;padding-inline:20px;font-weight:600;display:inline-flex}.asm-replay:hover{border-color:var(--color-accent);color:var(--color-accent)}.asm-replay:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.asm-step{font-size:var(--text-meta,.75rem);font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-weight:600}.asm[data-mode=scroll] .asm-stage{padding-block:7rem 1.5rem;padding-inline:1rem}.asm[data-mode=scroll] .asm-frame{block-size:min(100vh - 8.5rem,105vw,1040px);inline-size:min(100%,112rem);margin-inline:auto}@media (prefers-reduced-motion:reduce){.asm{block-size:auto}.asm-stage{block-size:auto;position:static}.asm-frame{block-size:auto}.asm-scrim{display:none}.asm-layer{position:static;opacity:1!important;animation:none!important;translate:none!important}.asm-layer+.asm-layer{margin-block-start:4px}.asm-canvas{block-size:clamp(240px,44vh,420px);position:static}.asm-body>*{opacity:1!important;animation:none!important;translate:none!important}.asm-rail{display:none}}}