:root{--page-bg:#ebe5e3;--page-surface:#e1dad7;--page-surface-strong:#d6cdc9;--page-raised:#f7f4f2;--page-ink:#2b2622;--page-muted:#5e5551;--page-accent:#a8201a;--page-accent-ink:#fff;--page-inverse-bg:#2b2622;--page-inverse-ink:#ece5e2;--page-control-edge:#5e5551;--font-text:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-code:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--step-small:.875rem;--step-body:clamp(1rem, .96rem + .2vw, 1.125rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(1.875rem, 1.3rem + 2.4vw, 3.25rem);--step-display:clamp(2.25rem, 1.4rem + 3.8vw, 4.75rem);--gutter:clamp(1rem, 4vw, 2.5rem);--content-max:76rem;--section-space:clamp(4.5rem, 10vw, 9rem);--radius:.25rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--page-bg:#1c1917;--page-surface:#262220;--page-surface-strong:#322c29;--page-raised:#2a2624;--page-ink:#ece5e2;--page-muted:#a89f9b;--page-accent:#ffb4a9;--page-accent-ink:#3b0d08;--page-inverse-bg:#ece5e2;--page-inverse-ink:#1c1917;--page-control-edge:#a89f9b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page-bg:#1c1917;--page-surface:#262220;--page-surface-strong:#322c29;--page-raised:#2a2624;--page-ink:#ece5e2;--page-muted:#a89f9b;--page-accent:#ffb4a9;--page-accent-ink:#3b0d08;--page-inverse-bg:#ece5e2;--page-inverse-ink:#1c1917;--page-control-edge:#a89f9b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1.5rem}body{background:var(--page-bg);color:var(--page-ink);font-family:var(--font-text);font-size:var(--step-body);letter-spacing:-.005em;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:500;line-height:1.02}h3{font-size:var(--step-lead);letter-spacing:-.02em;line-height:1.15}p{text-wrap:pretty;margin:0}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.14em}:focus-visible{outline:2px solid var(--page-ink);outline-offset:3px}code,pre{font-family:var(--font-code);font-size:.875em}:not(pre)>code{border-radius:var(--radius);background:var(--page-surface);padding:.1em .3em}pre{border-radius:var(--radius);background:var(--page-surface);tab-size:2;margin:0;padding:1rem 1.25rem;line-height:1.6;overflow-x:auto}::selection{background:var(--page-accent);color:var(--page-accent-ink)}.wrap{width:100%;max-width:var(--content-max);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-space)}.section-title{font-size:var(--step-head)}.section-lead{max-width:40rem;font-size:var(--step-lead);letter-spacing:-.015em;margin-top:1.25rem;line-height:1.35}.muted{color:var(--page-muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:10;border-radius:var(--radius);background:var(--page-inverse-bg);color:var(--page-inverse-ink);padding:.75rem 1rem;position:absolute;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}main:focus{outline:none}.noscript{padding:var(--gutter)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header__inner{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding-block:1.25rem;display:flex}.wordmark{letter-spacing:-.02em;align-items:baseline;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.wordmark__version{color:var(--page-muted);font-size:var(--step-small);font-variant-numeric:tabular-nums;font-weight:400}.site-nav{flex-basis:100%;order:3}.site-nav ul{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:var(--page-muted);padding-block:.5rem;text-decoration:none;display:inline-block}.site-nav a:hover{color:var(--page-ink)}.theme-switch{border-radius:var(--radius);background:var(--page-surface);border:0;margin:0 0 0 auto;padding:.25rem;display:flex}.theme-switch__option{position:relative}.theme-switch__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.theme-switch__option span{border-radius:calc(var(--radius) - 1px);font-size:var(--step-small);color:var(--page-muted);padding:.5rem .625rem;font-weight:500;display:block}.theme-switch__option input:checked+span{background:var(--page-ink);color:var(--page-bg)}.theme-switch__option input:focus-visible+span{outline:2px solid var(--page-ink);outline-offset:2px}@media (width>=60rem){.site-nav{flex-basis:auto;order:0;margin-left:auto}.theme-switch{margin-left:0}}.hero{padding-block:clamp(2.5rem,8vw,7rem) clamp(3rem,6vw,5rem)}.hero__grid{align-items:center;gap:clamp(2.5rem,6vw,5rem);display:grid}.hero h1{max-width:13ch;font-size:var(--step-display)}.hero__lede{max-width:34rem;font-size:var(--step-lead);letter-spacing:-.015em;margin-top:1.5rem;line-height:1.4}.hero__lede strong{font-weight:600}.install{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.install__command{align-items:center;min-height:2.75rem;font-size:.9375rem;display:inline-flex;padding:.5rem 1rem!important}.hero__status,.confirm__status,.snippet__status{min-height:1.5em;color:var(--page-muted);font-size:var(--step-small);margin-top:.5rem}.hero__links{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.5rem;display:flex}.hero__demo{margin:0}.confirm{background:var(--page-raised);border-radius:.5rem;max-width:30rem;padding:clamp(1.25rem,3vw,2rem)}.confirm__title{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.confirm__body{color:var(--page-muted);margin-top:.5rem;font-size:.9375rem}.confirm__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.hero__demo figcaption{max-width:30rem;font-size:var(--step-small);margin-top:1rem}@media (width>=60rem){.hero__grid{grid-template-columns:7fr 5fr}}.intro{background:var(--page-surface)}.intro__lead{max-width:52rem;font-size:var(--step-lead);letter-spacing:-.015em;margin-top:1.5rem;line-height:1.35}.intro__columns{gap:2rem 1.5rem;margin-top:clamp(2.5rem,5vw,4.5rem);display:grid}.intro__columns strong{color:var(--page-ink);font-weight:600}@media (width>=40rem){.intro__columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.intro__columns{grid-template-columns:repeat(4,minmax(0,1fr))}}.label-field{margin-top:clamp(2rem,4vw,3rem)}.label-field__label{color:var(--page-muted);font-size:var(--step-small);font-weight:500;display:block}.label-field__input{border:0;border-bottom:2px solid var(--page-control-edge);width:100%;color:var(--page-ink);caret-color:var(--page-accent);font:inherit;letter-spacing:-.04em;text-overflow:ellipsis;background:0 0;border-radius:0;margin-top:.25rem;padding:.1em 0 .15em;font-size:clamp(2.25rem,1.2rem + 5vw,5.5rem);font-weight:500;line-height:1.1;display:block}.label-field__input:focus-visible{outline:2px solid var(--page-ink);outline-offset:4px;border-bottom-color:var(--page-ink);border-bottom-width:4px;margin-bottom:-2px}.examples{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.playground__grid{gap:1.5rem;margin-top:clamp(2rem,4vw,3rem);display:grid}.stage{background:var(--page-raised);border-radius:.5rem;flex-wrap:wrap;align-content:center;align-items:center;gap:.75rem;min-height:12rem;padding:clamp(1.25rem,4vw,3rem);display:flex}.stage>*{max-width:100%}.controls{align-content:start;gap:1.5rem;display:grid}.choice{border:0;min-width:0;margin:0;padding:0}.choice__legend{font-size:var(--step-small);color:var(--page-muted);margin-bottom:.5rem;padding:0;font-weight:500}.choice__options{flex-wrap:wrap;gap:.375rem;display:flex}.choice__option{border-radius:var(--radius);background:var(--page-surface);cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;padding:.375rem .875rem .375rem .5rem;font-size:.9375rem;font-weight:500;transition:background-color .16s ease-out;display:inline-flex;position:relative}.choice__option:hover{background:var(--page-surface-strong)}.choice__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice__option:has(input:checked){background:var(--page-ink);color:var(--page-bg)}.choice__option:has(input:focus-visible){outline:2px solid var(--page-ink);outline-offset:2px}.choice__swatch{background:var(--swatch);outline-offset:-2px;border-radius:50%;outline:2px solid #ffffff80;width:1.5rem;height:1.5rem}:root[data-theme=dark] .choice__swatch{background:var(--swatch-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .choice__swatch{background:var(--swatch-dark)}}.choice__corner{border-top-left-radius:min(var(--corner), .875rem);border-top:3px solid;border-left:3px solid;width:1.5rem;height:1.5rem}.snippet{margin-top:1.5rem}.snippet__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}@media (width>=60rem){.playground__grid{grid-template-columns:7fr 5fr}.stage{min-height:16rem}}.components__setup{max-width:40rem;margin-top:1.5rem}.component-doc{gap:1.5rem 3rem;margin-top:clamp(3.5rem,7vw,6rem);display:grid}.component-doc__intro p{max-width:30rem;margin-top:.75rem}.component-doc__examples{background:var(--page-raised);border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1.5rem;display:flex}.component-doc__api{gap:1rem;min-width:0;display:grid}@media (width>=60rem){.component-doc{grid-template-columns:5fr 7fr}}.table-scroll{border-radius:var(--radius);max-width:100%;overflow-x:auto}.table-scroll:focus-visible{outline-offset:2px}.api-table,.token-table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.45}.api-table th,.api-table td,.token-table th,.token-table td{text-align:left;vertical-align:top;padding:.75rem 1rem .75rem 0}.api-table thead th,.token-table thead th{color:var(--page-muted);font-size:var(--step-small);font-weight:500}.api-table tbody tr,.token-table tbody tr{border-top:1px solid var(--page-surface-strong)}.api-table tbody th,.token-table tbody th{white-space:nowrap;font-weight:400}.api-table{min-width:34rem}.tokens{background:var(--page-surface)}.tokens :not(pre)>code{background:var(--page-surface-strong)}.tokens__groups{grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,4rem);margin-top:clamp(2.5rem,5vw,4rem);display:grid}.token-group{min-width:0}.token-group h3{margin-bottom:.75rem}.token-table{min-width:36rem}.token-table__value{white-space:nowrap}.token-value{align-items:center;gap:.5rem;display:flex}.token-value+.token-value{margin-top:.375rem}.token-value__swatch{outline-offset:-1px;border-radius:50%;outline:1px solid #7f7f7f73;flex-shrink:0;width:1rem;height:1rem}@media (width<=39.99rem){.api-table,.token-table{min-width:0}.api-table thead,.token-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.api-table tr,.token-table tr{gap:.25rem;padding-block:.875rem;display:grid}.api-table th,.api-table td,.token-table th,.token-table td{padding:0;display:block}.api-table tr{grid-template-columns:auto 1fr;column-gap:.75rem}.api-table th,.api-table td:last-child{grid-column:1/-1}.api-table td:nth-child(2),.api-table td:nth-child(3){color:var(--page-muted);font-size:var(--step-small)}.token-table__value{white-space:normal;flex-wrap:wrap;gap:.25rem 1rem;display:flex!important}.token-value+.token-value{margin-top:0}}.faq__grid{gap:2rem 3rem;display:grid}.faq__list{gap:.5rem;min-width:0;display:grid}.faq__item{border-radius:var(--radius);background:var(--page-surface);transition:background-color .2s ease-out}.faq__question{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:1rem 1.25rem;font-size:1.125rem;font-weight:500;list-style:none;display:flex}.faq__question::-webkit-details-marker{display:none}.faq__question:focus-visible{outline-offset:-2px;border-radius:var(--radius)}.faq__sign{flex-shrink:0;width:1rem;height:1rem;position:relative}.faq__sign:before,.faq__sign:after{content:"";width:100%;height:3px;transition:transform .2s var(--ease-out);background:currentColor;border-radius:2px;position:absolute;top:calc(50% - 1.5px);left:0}.faq__sign:after{transform:rotate(90deg)}.faq__item[open] .faq__sign:after{transform:rotate(0)}.faq__answer{gap:1rem;padding:0 1.25rem 1.25rem;display:grid}.faq__answer p{max-width:52ch}.faq__answer pre{background:var(--page-raised)}@media (width>=60rem){.faq__grid{grid-template-columns:4fr 8fr;align-items:start}.faq__title{position:sticky;top:6rem}}.site-footer{padding-block:var(--section-space) var(--gutter)}.footer-board{grid-template-columns:repeat(12,minmax(0,1fr));gap:.5rem;display:grid}.footer-tile{border-radius:var(--radius);background:var(--page-surface);flex-direction:column;grid-column:1/-1;justify-content:space-between;gap:1.5rem;min-height:9rem;margin:0;padding:1.25rem;display:flex}.footer-tile__lead{max-width:22ch;font-size:var(--step-lead);letter-spacing:-.02em;line-height:1.2}.footer-tile__small{color:var(--page-muted);font-size:var(--step-small)}.footer-tile ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.footer-tile ul a{padding-block:.25rem;display:inline-block}.footer-tile--wordmark{background:var(--page-inverse-bg);min-height:10rem;color:var(--page-inverse-ink);white-space:nowrap;letter-spacing:-.05em;justify-content:center;align-items:center;font-size:clamp(2.5rem,7vw,6.5rem);font-weight:500;line-height:1;overflow:hidden}.footer-tile--accent{background:var(--page-accent);color:var(--page-accent-ink);font-size:var(--step-lead);letter-spacing:-.02em;transition:transform .2s var(--ease-out);font-weight:500;text-decoration:none}.footer-tile--accent svg{width:2.5rem;height:2.5rem;transition:transform .2s var(--ease-out);align-self:flex-end}.footer-tile--accent:hover svg{transform:translate(.25rem,-.25rem)}.footer-tile--accent:focus-visible{outline-offset:4px}@media (width>=48rem){.footer-tile--statement{grid-column:span 6;min-height:13.75rem}.footer-tile--nav,.footer-tile--install{grid-column:span 3;min-height:13.75rem}.footer-tile--wordmark{grid-column:span 8;min-height:20rem}.footer-tile--accent{grid-column:span 4}}.legal{padding-block:clamp(2.5rem, 8vw, 6rem) var(--section-space)}.legal__body{max-width:46rem}.legal__title{font-size:var(--step-head)}.legal__updated{color:var(--page-muted);font-size:var(--step-small);margin-top:1rem}.legal__body h2{font-size:var(--step-lead);letter-spacing:-.02em;margin-top:2.75rem;line-height:1.2}.legal__body p,.legal__body ul{margin-top:1rem}.legal__body ul{padding-left:1.25rem}.legal__body li+li{margin-top:.5rem}@keyframes rise{0%{opacity:0;transform:translateY(1.25rem)}}@media (prefers-reduced-motion:no-preference){.hero__copy>*,.hero__demo{animation:rise .7s var(--ease-out) both}.hero__copy>:nth-child(2){animation-delay:70ms}.hero__copy>:nth-child(n+3){animation-delay:.14s}.hero__demo{animation-delay:.22s}@supports (animation-timeline:view()){.section-title,.section-lead,.intro__lead,.intro__columns>p,.label-field,.stage,.controls,.component-doc,.token-group,.faq__item,.footer-tile{animation:linear both rise;animation-timeline:view();animation-range:entry entry 35%}}}