.demo[data-astro-cid-i3f5pmhm]{border:1px solid var(--rule);border-radius:8px;background:#fff;overflow:hidden}.on-dark .demo[data-astro-cid-i3f5pmhm]{background:color-mix(in oklab,#fff 7%,transparent);border-color:var(--rule-dark)}.chrome[data-astro-cid-i3f5pmhm]{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;justify-content:space-between;padding:.85rem clamp(1rem,.85rem + .8vw,1.5rem);border-bottom:1px solid var(--rule);background:var(--color-cloud)}.on-dark .chrome[data-astro-cid-i3f5pmhm]{background:color-mix(in oklab,#fff 5%,transparent);border-bottom-color:var(--rule-dark)}.src[data-astro-cid-i3f5pmhm]{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-slate)}.on-dark .src[data-astro-cid-i3f5pmhm]{color:var(--color-teal-light)}.controls[data-astro-cid-i3f5pmhm]{display:flex;gap:.5rem;flex-wrap:wrap}.ctl[data-astro-cid-i3f5pmhm]{display:inline-flex;align-items:center;gap:.4rem;min-height:2.25rem;padding:.4rem .8rem;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--color-navy);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color var(--dur-fast),border-color var(--dur-fast)}.ctl[data-astro-cid-i3f5pmhm]:hover{border-color:var(--color-teal)}.ctl[data-astro-cid-i3f5pmhm].is-primary{background:var(--color-teal-deep);border-color:var(--color-teal-deep);color:#fff}.ctl[data-astro-cid-i3f5pmhm].is-primary:hover{background:var(--color-ink);border-color:var(--color-ink)}.paper[data-astro-cid-i3f5pmhm]{padding:clamp(1.25rem,1rem + 1.2vw,2rem)}.listing[data-astro-cid-i3f5pmhm]{margin:0;font-size:clamp(1.0625rem,1rem + .4vw,1.25rem);line-height:1.65;color:var(--color-navy);max-width:46rem}.on-dark .listing[data-astro-cid-i3f5pmhm]{color:var(--color-cloud)}.f[data-astro-cid-i3f5pmhm]{position:relative;display:inline;background-image:linear-gradient(var(--color-teal),var(--color-teal));background-repeat:no-repeat;background-position:0 100%;background-size:0% 2px;padding-bottom:2px}.w[data-astro-cid-i3f5pmhm]{display:inline-block}.badge[data-astro-cid-i3f5pmhm]{display:inline-flex;align-items:center;gap:.45rem;margin:1.5rem 0 0;padding:.4rem .75rem;border-radius:999px;background:var(--color-mist);color:var(--color-teal-deep);font-size:.8125rem;font-weight:600;opacity:0;transform:scale(.9)}.on-dark .badge[data-astro-cid-i3f5pmhm]{background:color-mix(in oklab,var(--color-teal-light) 18%,transparent);color:var(--color-teal-light)}.why[data-astro-cid-i3f5pmhm]{list-style:none;margin:0;padding:clamp(1.25rem,1rem + 1.2vw,2rem);padding-top:0;display:grid;gap:.75rem}.why[data-astro-cid-i3f5pmhm] li[data-astro-cid-i3f5pmhm]{display:flex;gap:.75rem;align-items:flex-start;opacity:0}.marker[data-astro-cid-i3f5pmhm]{width:3px;align-self:stretch;border-radius:2px;background:var(--color-teal);flex:none}.why[data-astro-cid-i3f5pmhm] p[data-astro-cid-i3f5pmhm]{margin:0;font-size:.875rem;color:var(--color-slate)}.why[data-astro-cid-i3f5pmhm] strong[data-astro-cid-i3f5pmhm]{color:var(--color-navy);font-weight:600}.on-dark .why[data-astro-cid-i3f5pmhm] p[data-astro-cid-i3f5pmhm]{color:color-mix(in oklab,var(--color-cloud) 78%,var(--color-teal-pale))}.on-dark .why[data-astro-cid-i3f5pmhm] strong[data-astro-cid-i3f5pmhm]{color:#fff}.disclaimer[data-astro-cid-i3f5pmhm]{margin:0;padding:clamp(1rem,.85rem + .8vw,1.5rem);border-top:1px solid var(--rule);background:var(--color-cloud);font-size:.8125rem;color:var(--color-slate);max-width:none}.on-dark .disclaimer[data-astro-cid-i3f5pmhm]{background:color-mix(in oklab,#fff 5%,transparent);border-top-color:var(--rule-dark);color:color-mix(in oklab,var(--color-cloud) 76%,var(--color-teal-pale))}@media(prefers-reduced-motion:no-preference){.demo[data-astro-cid-i3f5pmhm][data-playing] .type[data-astro-cid-i3f5pmhm]{animation:type-in 1.15s steps(44,end) both;clip-path:inset(0 100% 0 0)}.demo[data-astro-cid-i3f5pmhm][data-playing] .f[data-astro-cid-i3f5pmhm]{animation:underline .42s var(--ease-out-quart) both}.demo[data-astro-cid-i3f5pmhm][data-playing] .f[data-astro-cid-i3f5pmhm][data-f=a]{animation-delay:1.3s}.demo[data-astro-cid-i3f5pmhm][data-playing] .f[data-astro-cid-i3f5pmhm][data-f=b]{animation-delay:1.45s}.demo[data-astro-cid-i3f5pmhm][data-playing] .f[data-astro-cid-i3f5pmhm][data-f=c]{animation-delay:1.6s}.demo[data-astro-cid-i3f5pmhm][data-playing] .f[data-astro-cid-i3f5pmhm][data-f=d]{animation-delay:1.75s}.demo[data-astro-cid-i3f5pmhm][data-playing] .w[data-astro-cid-i3f5pmhm]{animation:lift .42s var(--ease-out-quart) both}.demo[data-astro-cid-i3f5pmhm][data-playing] .w[data-astro-cid-i3f5pmhm][data-w=a]{animation-delay:1.3s}.demo[data-astro-cid-i3f5pmhm][data-playing] .w[data-astro-cid-i3f5pmhm][data-w=b]{animation-delay:1.45s}.demo[data-astro-cid-i3f5pmhm][data-playing] .w[data-astro-cid-i3f5pmhm][data-w=c]{animation-delay:1.6s}.demo[data-astro-cid-i3f5pmhm][data-playing] .w[data-astro-cid-i3f5pmhm][data-w=d]{animation-delay:1.75s}.demo[data-astro-cid-i3f5pmhm][data-playing] .badge[data-astro-cid-i3f5pmhm]{animation:badge-in .42s var(--ease-out-expo) 2s both}.demo[data-astro-cid-i3f5pmhm][data-playing] .why[data-astro-cid-i3f5pmhm] li[data-astro-cid-i3f5pmhm]{animation:why-in .38s var(--ease-out-quart) both}.demo[data-astro-cid-i3f5pmhm][data-playing] .why[data-astro-cid-i3f5pmhm] li[data-astro-cid-i3f5pmhm]:nth-child(1){animation-delay:2.15s}.demo[data-astro-cid-i3f5pmhm][data-playing] .why[data-astro-cid-i3f5pmhm] li[data-astro-cid-i3f5pmhm]:nth-child(2){animation-delay:2.27s}.demo[data-astro-cid-i3f5pmhm][data-playing] .why[data-astro-cid-i3f5pmhm] li[data-astro-cid-i3f5pmhm]:nth-child(3){animation-delay:2.39s}.demo[data-astro-cid-i3f5pmhm][data-playing] .why[data-astro-cid-i3f5pmhm] li[data-astro-cid-i3f5pmhm]:nth-child(4){animation-delay:2.51s}}.demo[data-astro-cid-i3f5pmhm]:not([data-playing]) .f[data-astro-cid-i3f5pmhm]{background-size:100% 2px}.demo[data-astro-cid-i3f5pmhm]:not([data-playing]) .badge[data-astro-cid-i3f5pmhm]{opacity:1;transform:none}.demo[data-astro-cid-i3f5pmhm]:not([data-playing]) .why[data-astro-cid-i3f5pmhm] li[data-astro-cid-i3f5pmhm]{opacity:1}@keyframes type-in{to{clip-path:inset(0 0 0 0)}}@keyframes underline{0%{background-size:0% 2px}to{background-size:100% 2px}}@keyframes lift{0%{transform:none}45%{transform:translateY(-4px)}to{transform:none}}@keyframes badge-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes why-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.demo[data-astro-cid-i3f5pmhm][data-rewritten] .f[data-astro-cid-i3f5pmhm]{background-image:linear-gradient(var(--color-teal-light),var(--color-teal-light));background-size:100% 2px}.demo[data-astro-cid-i3f5pmhm][data-rewritten] .badge[data-astro-cid-i3f5pmhm]{background:color-mix(in oklab,var(--color-teal) 18%,transparent)}.demo[data-astro-cid-i3f5pmhm][data-rewritten] .why[data-astro-cid-i3f5pmhm] li[data-astro-cid-i3f5pmhm]{opacity:.45}@property --n{syntax: "<integer>"; inherits: false; initial-value: 0;}.count[data-astro-cid-h5gdof6i]{font-variant-numeric:tabular-nums}.anim[data-astro-cid-h5gdof6i]{display:none}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.plain[data-astro-cid-h5gdof6i]{display:none}.anim[data-astro-cid-h5gdof6i]{display:inline-block;--n: var(--to);animation:count-up linear both;animation-timeline:view();animation-range:entry 25% entry 95%}.anim[data-astro-cid-h5gdof6i]:after{counter-reset:n var(--n);content:counter(n)}}}@keyframes count-up{0%{--n: 0}to{--n: var(--to)}}