[data-slot=s4-word]{--lit:var(--color-foreground);color:var(--lit)}[data-slot=s4-word][data-sp="1"]{--lit:var(--color-primary)}[data-slot=s4-word][data-sp="2"]{--lit:var(--color-accent-foreground)}@keyframes s1-shrink{0%{transform:scale(1)}to{transform:scale(.18)}}@keyframes s1-draw{0%{transform:scaleX(0)}to{transform:none}}@keyframes s1-head{0%{opacity:0;transform:translateX(0)}1%{opacity:1}97%{opacity:1;transform:translateX(97%)}to{opacity:0;transform:translateX(100%)}}@keyframes s1-lift{0%{transform:none}to{transform:translateY(-8px)}}@keyframes s1-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sp-fade{0%{opacity:0}to{opacity:1}}@keyframes s3-in-l{0%{transform:translateX(calc(var(--x) * -100%))}to{transform:none}}@keyframes s3-in-r{0%{transform:translateX(calc((1 - var(--x) - var(--w)) * 100%))}to{transform:none}}@keyframes s3-result{0%{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes s4-collapse{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(35%) scale(.4)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){html[data-layer=full]{@media (width >= 48rem) and (not (pointer:coarse)){@supports (timeline-scope:--x){& main:has([data-slot=s1]){timeline-scope:--hero}& [data-slot=hero]{view-timeline:--hero block}& [data-slot=s1]{--s1-r:exit;--s1-o:30%;--s1-k:0.7}}@supports not (timeline-scope:--x){& [data-slot=s1]{view-timeline:--hero block;--s1-r:cover;--s1-o:18%;--s1-k:0.42}}& [data-slot=s1] [data-s1]{animation-timeline:--hero;animation-fill-mode:both;animation-timing-function:linear;animation-duration:auto}& [data-slot=s1] [data-s1=poster]{animation-name:s1-shrink;animation-timing-function:var(--ease-in-out);animation-range:var(--s1-r) calc(var(--s1-o) + 0% * var(--s1-k)) var(--s1-r) calc(var(--s1-o) + 40% * var(--s1-k))}& [data-slot=s1] [data-s1=strip]{animation-name:s1-draw;animation-timing-function:var(--ease-in-out);animation-range:var(--s1-r) calc(var(--s1-o) + 0% * var(--s1-k)) var(--s1-r) calc(var(--s1-o) + 40% * var(--s1-k))}& [data-slot=s1] [data-s1=ticks]{animation-name:sp-fade;animation-range:var(--s1-r) calc(var(--s1-o) + 30% * var(--s1-k)) var(--s1-r) calc(var(--s1-o) + 40% * var(--s1-k))}& [data-slot=s1] [data-s1=playhead]{animation-name:s1-head;animation-range:var(--s1-r) calc(var(--s1-o) + 40% * var(--s1-k)) var(--s1-r) calc(var(--s1-o) + 80% * var(--s1-k))}& [data-slot=s1] [data-s1=lit]{animation-name:sp-fade;animation-range:var(--s1-r) calc(var(--s1-o) + var(--rs) * var(--s1-k)) var(--s1-r) calc(var(--s1-o) + var(--re) * var(--s1-k))}& [data-slot=s1] [data-s1=segment]{animation-name:s1-lift;animation-timing-function:var(--ease-out);animation-range:var(--s1-r) calc(var(--s1-o) + 80% * var(--s1-k)) var(--s1-r) calc(var(--s1-o) + 90% * var(--s1-k))}& [data-slot=s1] [data-s1=count]{animation-name:s1-rise;animation-timing-function:var(--ease-out);animation-range:var(--s1-r) calc(var(--s1-o) + 80% * var(--s1-k)) var(--s1-r) calc(var(--s1-o) + 90% * var(--s1-k))}& [data-slot=s1].is-live :is([data-s1=poster],[data-s1=strip]){will-change:transform}}& [data-slot=m2][data-s3]{view-timeline:--s3 block}& [data-s3] [data-slot=m2-dim]{visibility:hidden}& [data-s3] :is([data-slot=s3-panel],[data-slot=m2-window],[data-slot=m2-result]){animation-timeline:--s3;animation-fill-mode:both;animation-duration:auto;animation-timing-function:var(--ease-in-out)}& [data-s3] [data-slot=s3-panel]{display:block;animation-range:cover 35% cover 60%}& [data-s3] [data-slot=s3-panel][data-side=l]{animation-name:s3-in-l}& [data-s3] [data-slot=s3-panel][data-side=r]{animation-name:s3-in-r}& [data-s3] [data-slot=m2-window]{animation-name:sp-fade;animation-range:cover 55% cover 60%}& [data-s3] [data-slot=m2-result]{animation-name:s3-result;animation-range:cover 55% cover 70%}& [data-s3].is-live [data-slot=s3-panel]{will-change:transform}& [data-slot=s4]{min-height:100svh}@media (width >= 48rem){& [data-slot=s4]{min-height:120svh}}& [data-slot=s4-read]{view-timeline:--s4 block}& [data-slot=s4-word]{position:relative;color:color-mix(in oklab,var(--color-foreground) 26%,transparent)}& [data-slot=s4-word]:after{content:attr(data-w) /"";position:absolute;top:0;left:0;color:var(--lit);animation:sp-fade auto linear both;animation-timeline:--s4;animation-range:cover var(--rs) cover var(--re)}& [data-slot=s4-text]{animation:s4-collapse auto var(--ease-in-out) both;animation-timeline:--s4;animation-range:cover 70% cover 85%}& [data-slot=s4].is-live [data-slot=s4-text]{will-change:transform,opacity}}}}[data-slot=s7] :is([data-slot=pin-skip],[data-slot=s7-hold]){display:none}@keyframes s6-print{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes s7-wipe{0%{transform:none}to{transform:translateX(101%)}}@keyframes s7-tick{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes s7-sweep{0%{--split:50%}33.333%{--split:20%}66.667%{--split:80%}to{--split:50%}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){html[data-layer=full]{& [data-slot=s6-receipt]{view-timeline:--s6 block}& [data-slot=s6-line]>:is(dt,dd){animation:s6-print auto var(--ease-out) both;animation-timeline:--s6;animation-range:entry var(--rs) entry var(--re)}& [data-slot=s6-total]{animation:sp-fade auto linear both;animation-timeline:--s6;animation-range:entry var(--rs) entry var(--re)}& [data-slot=s7] [data-slot=m5-wipe]{display:block;animation:s7-wipe auto linear both;animation-timeline:view();animation-range:cover calc(6% + var(--k) * 4%) cover calc(16% + var(--k) * 4%)}& [data-slot=s7] [data-slot=m5-tick]{animation:s7-tick auto var(--ease-out) both;animation-timeline:view();animation-range:cover calc(14% + var(--j) * 3%) cover calc(18% + var(--j) * 3%)}@media (width >= 48rem) and (not (pointer:coarse)){& [data-slot=s7]{--s7-top:5.5rem;view-timeline:--s7 block}& [data-slot=s7-stage]{position:sticky;top:var(--s7-top)}& [data-slot=s7] [data-slot=s7-hold]{display:block;height:50svh}& [data-slot=s7] [data-slot=pin-skip]{display:block}& [data-slot=s7] [data-slot=split-compare]:not([data-held]){animation-name:s7-sweep;animation-duration:auto;animation-fill-mode:none;animation-timing-function:var(--ease-in-out);animation-timeline:--s7;animation-range:cover calc(100svh - var(--s7-top) + 2.5svh) cover calc(100svh - var(--s7-top) + 45svh)}}}}}:is([data-slot=s2-source],[data-slot=s2-tc]){opacity:0}[data-slot=s2] :is([data-slot=s2-hold],[data-slot=pin-skip]){display:none}@keyframes s2-peel{0%{transform:translateY(45%) rotate(calc((var(--i) - 1) * 3deg)) scale(.85,.035)}to{transform:none}}@keyframes s2-out{0%{opacity:1}to{opacity:0}}@keyframes s2-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){html[data-layer=full]{& [data-slot=s2][data-peel] [data-slot=examples-stage]{view-timeline:--s2s block}@media (pointer:coarse),(width < 48rem){& [data-slot=s2][data-peel] [data-slot=example-tile]{animation:s2-rise auto var(--ease-out) both;animation-timeline:--s2s;animation-range:entry calc(10% + var(--i) * 8%) entry calc(50% + var(--i) * 8%)}}@media (width >= 48rem) and (not (pointer:coarse)){& [data-slot=s2][data-peel=single]{& [data-slot=example-tile]:not([data-peel]){animation:s2-rise auto var(--ease-out) both;animation-timeline:--s2s;animation-range:entry 20% entry 60%}& [data-peel] [data-slot=example-frame]{animation:s2-peel auto var(--ease-in-out) both;animation-timeline:--s2s;animation-range:entry var(--rs) entry var(--re)}& [data-peel] :is([data-slot=s2-source],[data-slot=s2-tc]){animation:s2-out auto linear both;animation-timeline:--s2s;animation-range:entry 60% entry 85%}}& [data-slot=s2][data-peel=full]{view-timeline:--s2 block;& [data-slot=s2-stage]{position:sticky;top:0;min-height:100svh;padding-top:4.5rem;justify-content:center}& :is([data-slot=s2-hold],[data-slot=pin-skip]){display:block}& [data-slot=s2-hold]{height:50svh}& [data-peel] [data-slot=example-frame]{animation:s2-peel auto var(--ease-in-out) both;animation-timeline:--s2;animation-range:contain var(--rs) contain var(--re)}& [data-peel] :is([data-slot=s2-source],[data-slot=s2-tc]){animation:s2-out auto linear both;animation-timeline:--s2;animation-range:contain 60% contain 85%}}& [data-slot=s2] [data-slot=examples-stage].is-live [data-peel] [data-slot=example-frame]{will-change:transform}}}}}::view-transition-group(example-stage),::view-transition-new(example-stage),::view-transition-old(example-stage){animation-duration:var(--dur-enter);animation-timing-function:var(--ease-out)}@media (prefers-reduced-motion:no-preference){html:not([data-layer=off]) [data-slot=examples-grid][data-fade]{animation:sp-fade var(--dur-enter) var(--ease-out) both}}html[data-layer=off]::view-transition-group(*),html[data-layer=off]::view-transition-new(*),html[data-layer=off]::view-transition-old(*){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none}}@media print{*{animation-timeline:none!important}}