@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}:root{--red:#9c1220;--ink:#242323;--white:#fff;--paper:#f5f4f2;--rose:#ffd9dc;--quiet:#625c5c;--stage:#242323;--stage-muted:#c4c0bc;--line:#d7d2d0;--display:"Barlow Condensed", sans-serif;--gutter:clamp(20px, 4vw, 56px);--small:14px;--body:18px;--lead:clamp(20px, 1.7vw, 24px);--heading:clamp(36px, 4.5vw, 64px);--hero:clamp(72px, 9.7vw, 140px);--radius:6px;color:var(--white);background:var(--red);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Barlow,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button,a{transition:background-color .16s,color .16s,opacity .16s}a:hover{text-decoration-thickness:2px}button:active{transform:translateY(1px)}:focus-visible{outline-offset:5px;outline:3px solid}input:focus-visible{outline-offset:4px}::selection{color:var(--ink);background:var(--rose)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty;font-size:var(--body);line-height:1.5}section[id],main[id]{scroll-margin-top:24px}.frame{width:min(100%,1512px);padding-inline:var(--gutter);margin-inline-start:auto;margin-inline-end:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:5;color:var(--ink);background:var(--white);padding:12px 20px;position:fixed;top:12px;left:20px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.header{justify-content:space-between;align-items:center;gap:32px;height:96px;display:flex}.wordmark{letter-spacing:-1.6px;align-items:center;gap:5px;font-size:32px;font-weight:600;text-decoration:none;display:flex}.wordmark span{font-size:36px;font-weight:400;display:inline-block}.header nav{gap:40px;display:flex}.header a:not(.wordmark){padding-block-start:12px;padding-block-end:12px;font-size:16px;text-decoration:none}.header a:hover{opacity:.75}.header-npm{border-bottom:1px solid}.hero{padding-top:24px}.hero-heading{grid-template-columns:1.45fr 1fr;align-items:end;gap:64px;display:grid}h1{font-family:var(--display);font-size:var(--hero);letter-spacing:-.025em;font-weight:700;line-height:.91}.hero-intro{max-width:390px;padding-bottom:8px}.hero-intro p{font-size:var(--lead);margin-bottom:28px;line-height:1.4}.button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:28px;min-height:48px;padding:12px 20px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.primary{color:var(--red);background:var(--rose)}.primary:hover{background:var(--white)}.hero-note{font-size:var(--small);color:var(--rose);margin-top:16px;display:block}.package-facts{flex-wrap:wrap;gap:28px;margin-top:28px;margin-bottom:24px;font-size:16px;display:flex}.package-facts span{align-items:center;gap:10px;display:inline-flex}.package-facts span:before{content:"+";color:var(--rose);font-size:18px}.playground{grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:40px;display:grid}.stage{background:var(--stage);border-radius:var(--radius);min-width:0;padding:24px}.stage-top,.stage-bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.stage-top{margin-bottom:24px}.stage-top h2{font-size:18px;font-weight:500}.stage-status{color:var(--stage-muted);font-size:var(--small);text-align:right}.demo-carousel{border-radius:2px;gap:16px;align-items:stretch!important}.demo-carousel:focus-visible{outline-color:var(--rose);outline-offset:7px}.slide{flex-direction:column;flex-basis:264px;justify-content:space-between;width:264px;min-height:300px;padding:24px;display:flex}.slide-kicker,.poster-foot{font-size:var(--small);line-height:1.35}.poster strong,.link-slide strong{font-family:var(--display);letter-spacing:-.025em;font-size:76px;font-weight:700;line-height:.83}.poster-make{--slide-bg:#f0ff6a;--slide-ink:#262923}.poster-less{--slide-bg:#e9d6fb;--slide-ink:#453156}.poster-loop{--slide-bg:#f4a976;--slide-ink:#502f22}.poster-yours{--slide-bg:#a4d3c5;--slide-ink:#213c32}.poster{background:var(--slide-bg);color:var(--slide-ink)}.stage-bottom{color:var(--stage-muted);font-size:var(--small);margin-top:20px}.carousel-buttons{flex-shrink:0;gap:8px;display:flex}.icon-button{border-radius:var(--radius);width:44px;height:44px;color:var(--white);background:0 0;border:1px solid #726d69;place-items:center;display:grid}.icon-button:hover{background:var(--white);color:var(--ink);border-color:var(--white)}.playground-controls{padding-block-start:20px;padding-block-end:8px}.playground-controls h3{letter-spacing:-.7px;font-size:28px;font-weight:500}.playground-controls>p{margin-top:8px;font-size:16px;line-height:1.5}.mode-control{border:0;min-width:0;margin:24px 0;padding:0}.mode-control legend{font-size:var(--small);margin-bottom:10px;padding:0}.segmented{border-radius:var(--radius);border:1px solid #d5828a;gap:4px;padding:3px;display:flex}.segmented label{cursor:pointer;flex:1;position:relative}.segmented input{opacity:0;width:1px;height:1px;position:absolute}.segmented span{min-height:40px;font-size:var(--small);border-radius:3px;justify-content:center;align-items:center;padding-inline-start:6px;padding-inline-end:6px;transition:background-color .16s;display:flex}.segmented input:checked+span{background:var(--white);color:var(--red);font-weight:500}.segmented input:focus-visible+span{outline:3px solid var(--rose);outline-offset:5px}.segmented label:hover span{background:#fff2}.segmented label:hover input:checked+span{background:var(--rose)}.range-label{font-size:var(--small);justify-content:space-between;margin-bottom:8px;display:flex}.range-label output{font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:32px;accent-color:var(--rose);cursor:pointer;margin:0}.check-label{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-block-start:8px;margin-block-end:16px;font-size:16px;display:flex}input[type=checkbox]{width:20px;height:20px;accent-color:var(--white);cursor:pointer}.playback{background:var(--rose);width:100%;color:var(--red);justify-content:space-between}.playback:hover:not(:disabled){background:var(--white)}.playground-controls p.control-note{color:var(--rose);font-size:var(--small);margin-top:12px;line-height:1.45}.text-link{margin-top:16px;padding-block-start:8px;padding-block-end:8px;font-size:16px;display:inline-block}.hero-bottom{font-size:var(--small);color:var(--rose);justify-content:space-between;gap:16px;margin-top:20px;display:flex}.interactive-slide{color:#262923;background:#f0ff6a}.counter-value{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:120px;line-height:1}.counter-button{color:#f0ff6a;background:#262923;justify-content:space-between}.counter-button:hover{background:#464b40}.interactive-slide p,.input-slide p,.link-slide p{font-size:var(--small);margin-top:16px;line-height:1.4}.input-slide{color:#453156;background:#e9d6fb}.input-slide label{margin-bottom:16px;font-size:24px;font-weight:500;line-height:1.1;display:block}.input-slide input{border-radius:var(--radius);background:var(--white);width:100%;min-width:0;height:48px;color:var(--ink);border:1px solid #766184;padding:10px;font-size:16px}.link-slide{color:#213c32;background:#a4d3c5}.link-slide strong{font-size:58px}.link-slide a{color:var(--white);background:#213c32;gap:8px;padding-inline-start:12px;padding-inline-end:12px}.link-slide a:hover{background:#345e4d}.footprint{grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;padding-block-start:120px;padding-block-end:120px;display:grid}.footprint h2,.getting-started h2,.section-heading h2,.example h2,.questions h2{font:700 var(--heading)/.98 var(--display);letter-spacing:-.02em}.size-number{font:700 112px/.9 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.size-number span{letter-spacing:-.02em;margin-left:8px;font-size:40px}.footprint-proof p{margin-block-start:16px;margin-block-end:16px;font-size:16px}.footprint-proof a{font-size:var(--small)}.docs-field{color:var(--ink);background:var(--paper);padding-block-start:104px;padding-block-end:120px}.getting-started{grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;display:grid}.section-label{font-size:var(--small);color:var(--red);margin-bottom:16px;font-weight:600;display:block}.getting-started p{max-width:420px;margin-top:24px}.getting-started .compat-note{color:var(--quiet);margin-top:24px;font-size:16px}.compat-note a{color:var(--red)}.install-panel,.code-panel{background:var(--white);border-radius:var(--radius);min-width:0;overflow:hidden}.code-header{min-height:68px;color:var(--quiet);font-size:var(--small);justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;display:flex}.copy-button{min-height:44px;font-size:var(--small);background:var(--paper);color:var(--ink);gap:12px;padding:8px 12px}.copy-button:hover{background:var(--rose);color:var(--red)}pre{-moz-tab-size:2;tab-size:2;margin:0;font-size:15px;line-height:1.65;overflow:auto}pre code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.install-panel pre{color:var(--ink);padding:28px 28px 48px;font-size:20px}.code-muted{color:var(--quiet)}.install-details{border-top:1px solid var(--line);color:var(--quiet);font-size:var(--small);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-inline-start:24px;margin-inline-end:24px;padding-block-start:20px;padding-block-end:20px;display:flex}.install-details a{color:var(--red)}.example{grid-template-columns:1fr 1.2fr;gap:80px;padding-top:120px;display:grid}.example-intro p{max-width:380px;margin-top:24px}.code-panel pre{color:#51282d;padding:16px 28px 32px}.api{padding-top:120px}.section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:80px;margin-bottom:40px;display:grid}.section-heading p{max-width:470px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:16px}th,td{border-bottom:1px solid var(--line);vertical-align:top;padding:20px 16px}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}thead{color:var(--quiet);font-size:var(--small)}th{font-weight:500}tbody th code{color:var(--red)}table code{font-size:var(--small);white-space:nowrap}td:last-child{width:47%}.questions{grid-template-columns:1fr 1.2fr;gap:80px;padding-top:120px;display:grid}.answers details{border-bottom:1px solid var(--line);padding-block-start:20px;padding-block-end:20px}.answers details:first-child{padding-top:0}.answers summary{cursor:pointer;padding-block-start:8px;padding-block-end:8px;font-size:20px;font-weight:500;line-height:1.4}.answers p{color:var(--quiet);margin-block-start:12px;margin-block-end:8px}.footer{padding-top:80px;overflow:hidden}.footer-top{justify-content:space-between;align-items:center;gap:32px;margin-bottom:64px;display:flex}.footer-top p{font:700 var(--heading)/.98 var(--display);letter-spacing:-.02em}.footer-links{font-size:var(--small);justify-content:space-between;gap:24px;display:flex}.footer-links>div{flex-wrap:wrap;gap:28px;display:flex}.footer-wordmark{letter-spacing:-.07em;white-space:nowrap;margin-top:32px;padding-bottom:20px;font-size:clamp(90px,19.4vw,280px);font-weight:600;line-height:1}.footer-wordmark span{letter-spacing:-.1em;font-weight:400}@media (min-width:1600px){.hero-heading{grid-template-columns:1.3fr 1fr}}@media (max-width:1100px){.header{height:96px}.hero{padding-top:32px}.hero-heading{grid-template-columns:1.2fr 1fr;gap:32px}.hero-intro p{font-size:20px}.playground{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.stage{padding:20px}.slide{min-height:320px}.footprint,.getting-started,.example,.questions,.section-heading{gap:40px}.header nav{gap:24px}}@media (max-width:800px){.header-npm{display:none}.hero-heading{grid-template-columns:1.4fr 1fr;gap:24px}h1{font-size:clamp(64px,9vw,74px)}.hero-intro p{font-size:18px}.hero-intro{padding-bottom:0}.hero-note{font-size:13px}.hero-intro .button{min-height:44px;padding:10px 16px}.package-facts{gap:20px;margin-top:32px;font-size:14px}.playground{grid-template-columns:1fr;gap:0}.playground-controls{grid-template-columns:1fr 1fr;gap:0 40px;padding-top:32px;display:grid}.playground-controls h3{grid-column:1}.playground-controls>p:first-of-type{grid-area:2/1}.mode-control{grid-area:1/2/3;align-self:center;margin:0}.range-label{grid-column:1;margin-top:24px}#interval{grid-column:1}.check-label{grid-area:3/2/5;margin-block-start:24px;margin-block-end:0}.playback{grid-column:1;margin-top:20px}.playground-controls p.control-note{grid-area:5/2;align-self:center}.text-link{grid-column:1;margin-top:8px}.hero-bottom{margin-top:20px}.footprint{grid-template-columns:1fr 1fr;gap:32px;padding-block-start:88px;padding-block-end:88px}.size-number{font-size:96px}.getting-started,.example{grid-template-columns:1fr;gap:32px}.getting-started>div:first-child{grid-template-columns:1fr 1fr;gap:0 32px;display:grid}.section-label{grid-column:1/-1}.getting-started p{margin-top:0}.getting-started .compat-note{grid-column:2;margin-top:12px}.getting-started h2{grid-row:2/4}.docs-field{padding-block-start:80px;padding-block-end:80px}.example,.api,.questions{padding-top:88px}.example-intro{grid-template-columns:1fr 1fr;gap:32px;display:grid}.example-intro p{margin-top:0}.section-heading{gap:32px}.questions{grid-template-columns:1fr;gap:24px}.footer{padding-top:64px}}@media (max-width:540px){:root{--hero:clamp(76px, 19vw, 100px);--heading:42px}h1{font-size:var(--hero)}.header{gap:20px;height:88px}.wordmark{font-size:27px}.wordmark span{font-size:30px}.header nav{gap:16px}.header a:not(.wordmark){font-size:14px}.header nav a:first-child{display:none}.hero{padding-top:24px}.hero-heading{display:block}.hero-intro{max-width:100%;margin-top:24px}.hero-intro p{max-width:360px;margin-bottom:20px;font-size:18px}.hero-intro .button{min-height:48px}.hero-note{margin-left:16px;font-size:13px;display:inline}.package-facts{gap:10px 20px;margin-block-start:24px;margin-block-end:20px;font-size:13px}.package-facts span:before{font-size:14px}.package-facts span{gap:6px}.stage{padding:16px}.stage-top{margin-bottom:16px}.stage-top h2{font-size:16px}.stage-status{font-size:13px}.slide{flex-basis:252px;width:252px;min-height:318px;padding:22px}.poster strong{font-size:76px}.stage-bottom{gap:12px;margin-top:16px;font-size:13px}.stage-bottom>span{max-width:174px;line-height:1.4}.icon-button{width:44px;height:44px}.playground-controls{padding-top:28px;display:block}.playground-controls h3{font-size:26px}.playground-controls>p:first-of-type br{display:none}.mode-control{margin-block-start:24px;margin-block-end:24px}.range-label{margin-top:0}.check-label{margin-block-start:8px;margin-block-end:16px}.playback{margin-top:0}.playground-controls p.control-note{max-width:320px}.hero-bottom{font-size:13px}.footprint{grid-template-columns:1fr;gap:36px;padding-block-start:80px;padding-block-end:80px}.footprint h2{max-width:330px}.size-number{font-size:104px}.footprint-proof p{margin-block-start:12px;margin-block-end:12px}.docs-field{padding-block-start:72px;padding-block-end:72px}.getting-started>div:first-child{display:block}.getting-started p,.getting-started .compat-note{margin-top:20px}.install-panel pre{padding:24px 20px 32px;font-size:17px}.code-header{padding-inline-start:16px;padding-inline-end:16px}.copy-button{gap:8px;padding-inline-start:10px;padding-inline-end:10px;font-size:13px}.install-details{margin-inline-start:20px;margin-inline-end:20px}.example,.api,.questions{padding-top:80px}.example-intro{display:block}.example-intro p{margin-top:20px}.code-panel pre{padding-inline-start:16px;padding-inline-end:16px;font-size:13px}.section-heading{margin-bottom:24px;display:block}.section-heading p{margin-top:20px}table{min-width:680px}th,td{padding-block-start:16px;padding-block-end:16px}.answers summary{font-size:18px}.answers p{font-size:16px}.footer-top{margin-bottom:40px;display:block}.footer-top .button{margin-top:28px}.footer-links{line-height:1.5;display:block}.footer-links>div{gap:16px;margin-top:16px}.footer-wordmark{margin-top:32px;padding-bottom:20px;font-size:19vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}}.release-preview{background:var(--rose);color:var(--red);padding-block-start:12px;padding-block-end:12px;font-size:16px}