:root{--site-header-h:3.5rem;--site-max:90rem;--site-gutter:clamp(1rem, 3vw, 2rem);--site-sidebar:16rem;--site-toc:14rem;--site-text:var(--pico-color);--site-bg:var(--pico-background-color);--site-surface:color-mix(in oklab, var(--site-bg), var(--site-text) 3%);--site-hover:color-mix(in oklab, var(--site-text) 6%, transparent);--site-tint:var(--pico-primary-subtle-background);--site-focus:var(--pico-primary-focus)}html{--site-sticky:var(--site-header-h);scroll-padding-block-start:calc(var(--site-sticky) + 1rem)}@media (768px<=width<1024px){html:has(.docs-bar){--site-sticky:calc(var(--site-header-h) + 2.75rem)}}html:has(.token-filter){scroll-padding-block-start:calc(var(--site-sticky) + 5rem)}body{background-color:var(--site-bg)}body>header,body>main,body>footer{padding-block:0}.site-container{box-sizing:border-box;inline-size:100%;max-inline-size:var(--site-max);padding-inline:var(--site-gutter);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--site-bg);border-radius:var(--pico-border-radius);padding:.5rem 1rem;position:absolute;inset-block-start:.5rem;inset-inline-start:var(--pico-spacing)}.skip-link:not(:focus){opacity:0;translate:0 -200%}.skip-link:focus{box-shadow:var(--pico-dropdown-box-shadow)}pre,code,kbd,samp{font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0}:where(.icon-button,.search-trigger,.search-field,.page-action,.docs-sidebar a,.docs-toc a,.docs-toc-inline summary,.header-links a,.nav-drawer-links a,.pager a,.link-card a,.gallery-card a,.site-footer a,.example-expand,.swatch,.segmented label):focus-visible{outline:var(--pico-outline-width) solid var(--site-focus);outline-offset:2px}.segmented label:has(input:focus-visible){outline:var(--pico-outline-width) solid var(--site-focus);outline-offset:1px}.icon-button{border-radius:var(--pico-border-radius);block-size:2.25rem;inline-size:2.25rem;box-shadow:none;color:var(--pico-muted-color);cursor:pointer;transition:background-color var(--pico-transition), color var(--pico-transition);background:0 0;border:0;flex:none;place-items:center;margin:0;padding:0;line-height:1;text-decoration:none;display:inline-grid}.icon-button:hover,.icon-button:active{background:var(--site-hover);color:var(--site-text)}.icon-button:is(:hover,:active,:focus){--pico-box-shadow:none;box-shadow:none;transform:none}.site-header{z-index:50;background:color-mix(in oklab, var(--site-bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:var(--pico-border-width) solid var(--pico-muted-border-color);position:sticky;inset-block-start:0}.header-row{block-size:var(--site-header-h);align-items:center;gap:.5rem;display:flex}.brand{color:var(--site-text);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.brand:hover{color:var(--site-text)}.brand-mark{flex:none}.version-pill{font-variant-numeric:tabular-nums;font-size:.6875rem}.header-links{margin-inline-start:1rem;display:none}.header-links ul{gap:.25rem;margin:0;display:flex}.header-links li{padding:0}.header-links li a{color:var(--pico-muted-color);margin:0;padding:.375rem .625rem;font-size:.875rem;font-weight:500}.header-links li a:hover{color:var(--site-text)}:is(.header-links,.nav-drawer-links,.docs-sidebar) li a[aria-current=page]{background:var(--site-tint);color:var(--pico-primary-hover);font-weight:500}.header-tools{align-items:center;gap:.25rem;margin-inline-start:auto;display:flex}.menu-button{margin-inline-start:-.5rem}@media (min-width:1024px){.header-links{display:block}.header-row>.menu-button{display:none}}@media not (min-width:420px){.version-pill{display:none}}.search-trigger{border-radius:var(--pico-border-radius);block-size:2.25rem;inline-size:2.25rem;box-shadow:none;color:var(--pico-muted-color);cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;font-size:.875rem;font-weight:400;display:inline-grid}.search-trigger:hover{background:var(--site-hover);color:var(--site-text)}.search-trigger-label,.search-trigger kbd{display:none}@media (min-width:1024px){.search-trigger{border:var(--pico-border-width) solid var(--pico-muted-border-color);background:var(--pico-form-element-background-color);align-items:center;gap:.5rem;inline-size:16rem;margin-inline-end:.25rem;padding:0 .375rem 0 .75rem;display:inline-flex}.search-trigger:hover{border-color:color-mix(in oklab, var(--pico-muted-border-color), var(--site-text) 20%);background:var(--pico-form-element-background-color);color:var(--pico-muted-color)}.search-trigger-label{text-align:start;flex:1;display:inline}.search-trigger kbd{display:inline-block}}@media (pointer:coarse){.search-trigger kbd{display:none}}.search-trigger kbd,.search-foot kbd,.search-esc{border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:calc(var(--pico-border-radius) * .75);box-shadow:none;color:var(--pico-muted-color);font-family:var(--pico-font-family-sans-serif);background:0 0;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;line-height:1.4}dialog.search-dialog{align-items:flex-start}.search-dialog>article{border:var(--pico-border-width) solid var(--pico-dropdown-border-color);flex-direction:column;max-block-size:min(36rem,76vh);inline-size:min(40rem,100% - 2rem);max-inline-size:none;margin:12vh auto 0;padding:0;display:flex;overflow:hidden}.search-dialog .search-head{border-block-end:var(--pico-border-width) solid var(--pico-muted-border-color);color:var(--pico-muted-color);background:0 0;align-items:center;gap:.75rem;margin:0;padding:0 .75rem 0 1rem;display:flex}.search-head input[type=search]{block-size:3.25rem;box-shadow:none;color:var(--site-text);background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:0;font-size:1rem}.search-head input[type=search]:focus{box-shadow:none;outline:none}.search-head input::-webkit-search-cancel-button{display:none}.search-esc{cursor:pointer;flex:none;inline-size:auto;margin:0}.search-esc:hover{color:var(--site-text)}.search-body{flex-direction:column;flex:1;min-block-size:0;padding:.5rem;display:flex}.search-caption,.search-empty{color:var(--pico-muted-color);margin:.5rem .625rem;font-size:.75rem;font-weight:500}.search-empty{text-align:center;padding-block:2rem;font-size:.875rem;font-weight:400}.search-empty strong{color:var(--site-text)}.search-results{border-radius:var(--pico-border-radius);flex:1;min-block-size:0;margin:0;padding:0;list-style:none;overflow:auto}.search-results li{border-radius:var(--pico-border-radius);color:var(--site-text);cursor:pointer;align-items:center;gap:.625rem;margin:0;padding:.5rem .625rem;font-size:.875rem;list-style:none;display:flex}.search-results li>svg{color:var(--pico-muted-color);flex:none}.search-results li>span{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.search-results li[data-kind=text]{align-items:flex-start}.search-results li[data-kind=text]>span{-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}.search-results li[data-kind=page]{font-weight:500}.search-results li[data-kind=page]:not(:first-child){margin-block-start:.25rem}.search-results li:not([data-kind=page]){color:var(--pico-muted-color);padding-inline-start:2rem}.search-results li[aria-selected=true]{background:var(--pico-dropdown-hover-background-color);color:var(--site-text)}.search-results mark{color:var(--pico-primary);background:0 0;padding:0;font-weight:600}.search-dialog .search-foot{border-block-start:var(--pico-border-width) solid var(--pico-muted-border-color);color:var(--pico-muted-color);background:0 0;gap:1rem;margin:0;padding:.625rem 1rem;font-size:.75rem;display:flex}.search-foot span{align-items:center;gap:.25rem;display:inline-flex}@media (pointer:coarse){.search-dialog .search-foot{display:none}}.theme-panel[popover]{inset:calc(var(--site-header-h) + .25rem) max(var(--site-gutter), (100vw - var(--site-max)) / 2 + var(--site-gutter)) auto auto;border:var(--pico-border-width) solid var(--pico-dropdown-border-color);border-radius:var(--pico-card-border-radius);background:var(--pico-dropdown-background-color);inline-size:17rem;box-shadow:var(--pico-dropdown-box-shadow);margin:0;padding:1rem;position:fixed}.theme-panel-label{color:var(--pico-muted-color);margin:0 0 .5rem;font-size:.75rem;font-weight:500}.theme-panel-label:not(:first-child){margin-block-start:1rem}.segmented{background:var(--pico-secondary-background);border-radius:999px;grid-template-columns:repeat(3,1fr);gap:.125rem;padding:.1875rem;display:grid}.segmented label{box-sizing:border-box;block-size:2rem;inline-size:100%;color:var(--pico-muted-color);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.375rem;margin:0;font-size:.8125rem;font-weight:500;display:flex}.segmented label:hover{color:var(--site-text)}.segmented input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}.segmented label:has(input:checked){background:var(--pico-dropdown-background-color);box-shadow:0 0 0 1px var(--pico-muted-border-color), 0 1px 2px #00000014;color:var(--site-text)}@supports (color:lab(0% 0 0)){.segmented label:has(input:checked){box-shadow:0 0 0 1px var(--pico-muted-border-color), 0 1px 2px lab(0% 0 0/.08)}}:root[data-theme=dark] .segmented label:has(input:checked){background:color-mix(in oklab, var(--site-bg), white 16%);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px color-mix(in oklab, var(--site-text) 18%, transparent)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .segmented label:has(input:checked){box-shadow:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.1), 0 0 0 1px color-mix(in oklab, var(--site-text) 18%, transparent)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .segmented label:has(input:checked){background:color-mix(in oklab, var(--site-bg), white 16%);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px color-mix(in oklab, var(--site-text) 18%, transparent)}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]) .segmented label:has(input:checked){box-shadow:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.1), 0 0 0 1px color-mix(in oklab, var(--site-text) 18%, transparent)}}}.swatches{box-shadow:none;border-radius:0;grid-template-columns:repeat(5,1.75rem);justify-content:space-between;gap:.625rem 0;display:grid}.swatch{cursor:pointer;block-size:1.75rem;inline-size:1.75rem;transition:transform var(--pico-transition);border:0;border-radius:50%;margin:0;padding:0;box-shadow:inset 0 0 0 1px #0000001f;box-shadow:inset 0 0 0 1px lab(0% 0 0/.12)}.swatch:hover{box-shadow:inset 0 0 0 1px #0000001f;box-shadow:inset 0 0 0 1px lab(0% 0 0/.12)}@media (prefers-reduced-motion:no-preference){.swatch:hover{transform:scale(1.08)}}.swatch:is(:focus,:active){--pico-box-shadow:none}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--site-bg), 0 0 0 4px var(--pico-contrast-background)}.theme-panel .swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--pico-dropdown-background-color), 0 0 0 4px var(--pico-contrast-background)}.theme-name{color:var(--pico-muted-color);margin:.875rem 0 0;font-size:.8125rem}.theme-name strong{color:var(--site-text);text-transform:capitalize;font-weight:500}dialog.nav-drawer{overscroll-behavior:contain;border-inline-end:var(--pico-border-width) solid var(--pico-muted-border-color);background:var(--site-bg);-webkit-backdrop-filter:none;backdrop-filter:none;block-size:100dvh;min-block-size:0;max-block-size:none;inline-size:min(20rem,85vw);min-inline-size:0;max-inline-size:none;box-shadow:var(--pico-dropdown-box-shadow);flex-direction:column;justify-content:flex-start;align-items:stretch;margin:0;padding:0 0 2rem;display:none;inset:0 auto 0 0;inset-inline:0 auto;overflow:auto}dialog.nav-drawer[open]{display:flex}dialog.nav-drawer::backdrop{background:var(--pico-modal-overlay-background-color)}@media (prefers-reduced-motion:no-preference){dialog.nav-drawer[open]{transition:translate .2s cubic-bezier(.2,0,0,1)}@starting-style{dialog.nav-drawer[open]{translate:-100%}}}.nav-drawer-head{z-index:1;min-block-size:var(--site-header-h);border-block-end:var(--pico-border-width) solid var(--pico-muted-border-color);background:var(--site-bg);justify-content:space-between;align-items:center;padding:0 .75rem 0 1.25rem;display:flex;position:sticky;inset-block-start:0}.nav-drawer-title{font-weight:600}.nav-drawer-links{padding:.75rem .75rem 0;display:block}.nav-drawer-links ul{margin:0;display:block}.nav-drawer-links li{padding:0;display:block}.nav-drawer-links li a{min-block-size:2.5rem;color:var(--site-text);align-items:center;margin:0;padding:0 .625rem;font-weight:500;display:flex}.nav-drawer .docs-sidebar{padding:0 .75rem}.docs-bar{z-index:40;border-block-end:var(--pico-border-width) solid var(--pico-muted-border-color);background:color-mix(in oklab, var(--site-bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:static}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header,.docs-bar{background:var(--site-bg)}}.docs-bar .site-container{align-items:center;gap:.25rem;block-size:2.75rem;padding-inline-start:calc(var(--site-gutter) + .25rem);display:flex}.docs-bar p{min-inline-size:0;color:var(--pico-muted-color);white-space:nowrap;gap:.5rem;margin:0;font-size:.8125rem;display:flex;overflow:hidden}.docs-bar strong{color:var(--site-text);text-overflow:ellipsis;font-weight:500;overflow:hidden}@media (min-width:768px){.docs-bar{position:sticky;inset-block-start:var(--site-header-h)}}@media (min-width:1024px){.docs-bar{display:none}}.docs-shell{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.docs-aside,.docs-toc-aside{display:none}@media (min-width:1024px){.docs-shell{grid-template-columns:var(--site-sidebar) minmax(0, 1fr);column-gap:3rem}.docs-aside{max-block-size:calc(100dvh - var(--site-header-h) - 2rem);scrollbar-width:thin;overscroll-behavior:contain;margin-block-start:1rem;margin-inline-start:-.625rem;display:block;position:sticky;inset-block-start:calc(var(--site-header-h) + 1rem);overflow:auto}}@media (min-width:1280px){.docs-shell{grid-template-columns:var(--site-sidebar) minmax(0, 1fr) var(--site-toc)}.docs-toc-aside{max-block-size:calc(100dvh - var(--site-header-h) - 3rem);scrollbar-width:thin;margin-block-start:2.5rem;display:block;position:sticky;inset-block-start:calc(var(--site-header-h) + 1.5rem);overflow:auto}.docs-toc-inline{display:none}}nav.docs-sidebar{padding-block:.5rem 2rem;display:block}.docs-sidebar section{margin:0}.docs-sidebar ul,.docs-sidebar li{margin:0;padding:0;display:block}.docs-sidebar li:before{content:none}.sidebar-title{color:var(--pico-muted-color);letter-spacing:.06em;text-transform:uppercase;margin:1.25rem 0 .375rem;padding-inline:.625rem;font-size:.75rem;font-weight:600}.docs-sidebar li a{border-radius:var(--pico-border-radius);color:var(--pico-muted-color);margin:0;padding:.3rem .625rem;font-size:.875rem;line-height:1.45;text-decoration:none;display:block}.docs-sidebar li a:hover{background:color-mix(in oklab, var(--site-text) 5%, transparent);color:var(--site-text)}.docs-sidebar.is-drawer li a{align-items:center;min-block-size:2.5rem;display:flex}nav.docs-toc{font-size:.8125rem;display:block}.toc-title{color:var(--site-text);margin:0 0 .5rem;font-size:.8125rem;font-weight:600}:is(.docs-toc,.docs-toc-inline) ul,:is(.docs-toc,.docs-toc-inline) li{margin:0;padding:0;display:block}:is(.docs-toc,.docs-toc-inline) li:before{content:none}:is(.docs-toc,.docs-toc-inline) li a{border-inline-start:2px solid var(--pico-muted-border-color);color:var(--pico-muted-color);text-wrap:balance;border-radius:0;margin:0;padding:.25rem 0 .25rem .75rem;text-decoration:none;display:block}:is(.docs-toc,.docs-toc-inline) li a:hover{color:var(--site-text);background:0 0}.docs-toc li a[aria-current]{border-inline-start-color:var(--pico-primary-background);color:var(--site-text);font-weight:500}:is(.docs-toc,.docs-toc-inline) li[data-depth="3"] a{padding-inline-start:1.5rem}:is(.docs-toc,.docs-toc-inline) li[data-depth="4"] a{padding-inline-start:2.25rem}.docs-toc-inline{border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);margin:1.25rem 0 0;padding:0;font-size:.875rem}.docs-toc-inline>summary{color:var(--site-text);margin:0;padding:.5rem .875rem;font-weight:500;line-height:1.5}.docs-toc-inline[open]>summary{border-block-end:var(--pico-border-width) solid var(--pico-muted-border-color);margin:0}.docs-toc-inline>nav{padding:.5rem .875rem .75rem;display:block}.docs-toc-inline[open]{padding-bottom:0}.docs-main{min-inline-size:0;padding-block:1.5rem 0}@media (min-width:1024px){.docs-main{padding-block-start:2rem}}.docs-article>:where(p,ul,ol,h2,h3,h4,blockquote,dl:not(.ref-list)){max-inline-size:46rem}.docs-article{max-inline-size:56rem}.docs-header{margin-block-end:2rem}.docs-breadcrumb{margin-block-end:.75rem;font-size:.8125rem;display:none}@media (min-width:1024px){nav.docs-breadcrumb{display:flex}}.docs-breadcrumb ul li{padding-block:0}.docs-breadcrumb ul li a{color:var(--pico-muted-color)}.docs-breadcrumb ul li a:hover{color:var(--site-text);background:0 0}.docs-breadcrumb [aria-current=page]{color:var(--site-text)}.docs-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1rem;display:flex}.docs-title-row h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.875rem,1.5rem + 1.2vw,2.375rem)}.docs-header .lead{max-inline-size:44rem;color:var(--pico-muted-color);text-wrap:pretty;margin:.625rem 0 0;font-size:1.125rem;line-height:1.55}.docs-article h2{margin-block-start:3rem;padding-block-start:0}.docs-article h3{margin-block-start:2rem}.docs-article :is(h2,h3,h4){position:relative}.heading-anchor{color:var(--pico-muted-color);opacity:0;transition:opacity var(--pico-transition);margin-inline-start:.5rem;font-weight:400;text-decoration:none}:is(h2,h3,h4):hover>.heading-anchor{opacity:1}.docs-article>p,.docs-article li{line-height:1.7}.docs-article :not(pre)>code{white-space:nowrap;font-size:.85em}.docs-article :not(pre)>code.code-break{white-space:normal}.docs-article code.code-break>span{white-space:pre}.page-actions{border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);flex:none;margin-block-start:.375rem;display:inline-flex;position:relative}.page-action{inline-size:auto;box-shadow:none;color:var(--site-text);background:0 0;border:0;border-radius:0;align-items:center;gap:.375rem;margin:0;padding:.25rem .625rem;font-size:.8125rem;font-weight:500;line-height:1.5;display:inline-flex}.page-action:hover,.page-action:active{background:var(--site-hover);color:var(--site-text)}.page-action:is(:hover,:active,:focus){--pico-box-shadow:none;box-shadow:none;transform:none}.page-action:first-child{border-start-start-radius:inherit;border-end-start-radius:inherit}.page-action-more{border-inline-start:var(--pico-border-width) solid var(--pico-muted-border-color);border-start-end-radius:inherit;border-end-end-radius:inherit;padding-inline:.375rem}ul.page-menu[popover]{font-size:.875rem;position:fixed;inset:auto}@supports not (anchor-name:--a){ul.page-menu[popover]{inset:calc(var(--site-header-h) + .5rem) var(--site-gutter) auto auto}}.docs-footer{max-inline-size:56rem;margin-block-start:4rem}.docs-meta{color:var(--pico-muted-color);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-block-end:1.5rem;font-size:.8125rem;display:flex}.docs-meta a{color:var(--pico-muted-color)}.docs-meta a:hover{color:var(--site-text)}nav.pager{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){nav.pager{grid-template-columns:1fr 1fr}}.pager a{border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-card-border-radius);color:var(--site-text);transition:border-color var(--pico-transition);gap:.25rem;padding:1rem 1.25rem;text-decoration:none;display:grid}.pager a:hover{border-color:var(--pico-primary-background);color:var(--site-text)}.pager a[rel=next]{text-align:end;grid-column:-2}.pager small{color:var(--pico-muted-color);align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}.pager a[rel=next] small{justify-content:flex-end}.pager span{font-weight:600}.code-figure{margin:0 0 var(--pico-typography-spacing-vertical);border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background:var(--pico-code-background-color);position:relative;overflow:hidden}.code-bar{border-block-end:var(--pico-border-width) solid var(--pico-muted-border-color);block-size:2.25rem;color:var(--pico-muted-color);justify-content:space-between;align-items:center;padding-inline:1rem .25rem;font-size:.75rem;font-weight:500;display:flex}.code-bar .icon-button{block-size:1.875rem;inline-size:1.875rem}.code-figure pre,.example-code pre{scrollbar-width:thin;background:linear-gradient(to left, var(--pico-code-background-color) .75rem, transparent 3rem) local, var(--pico-code-background-color);border-radius:0;margin:0;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.65}.code-figure pre>code,.example-code pre>code{font-size:inherit;background:0 0;padding:0}.code-figure.wrap pre{white-space:pre-wrap;word-break:break-all}.shiki,.shiki span{color:var(--shiki-light)}:root[data-theme=dark] .shiki,:root[data-theme=dark] .shiki span{color:var(--shiki-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shiki,:root:not([data-theme=light]) .shiki span{color:var(--shiki-dark)}}pre.shiki{background-color:var(--pico-code-background-color)}.shiki span[style*="--shiki-light:#22863A" i]{--shiki-light:#116329!important}.shiki span[style*="--shiki-light:#D73A49" i]{--shiki-light:#b31d28!important}.shiki span[style*="--shiki-light:#E36209" i]{--shiki-light:#953800!important}.shiki span[style*="--shiki-light:#6A737D" i]{--shiki-light:#57606a!important}.shiki span[style*="--shiki-light:#6F42C1" i]{--shiki-light:#6331b0!important}.shiki span[style*="--shiki-light:#005CC5" i]{--shiki-light:#0550ae!important}.shiki span[style*="--shiki-dark:#6A737D" i]{--shiki-dark:#959da5!important}.shiki span[style*="--shiki-dark:#F97583" i]{--shiki-dark:#ff8e99!important}.shiki span[style*="--shiki-dark:#B392F0" i]{--shiki-dark:#c2a8f5!important}.example{border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-card-border-radius);background:var(--site-bg);margin:0 0 2rem;overflow:hidden}.example-bar{border-block-end:var(--pico-border-width) solid var(--pico-muted-border-color);justify-content:space-between;align-items:center;gap:1rem;min-block-size:2.5rem;padding-inline:1rem .375rem;display:flex}.example-bar figcaption{color:var(--site-text);margin:0;padding:0;font-size:.8125rem;font-weight:500}.example-actions{gap:.125rem;display:flex}.example-actions .icon-button{block-size:1.875rem;inline-size:1.875rem}.example-stage{background-color:var(--site-surface);background-image:radial-gradient(color-mix(in oklab, var(--site-text) 10%, transparent) 1px, transparent 1px);background-repeat:repeat;background-size:16px 16px;position:relative;overflow-x:auto}.example-stage[data-width=full] .example-frame{min-inline-size:800px}.example-stage[data-state=loading]{background-image:linear-gradient(90deg, var(--pico-code-background-color) 25%, color-mix(in oklab, var(--pico-code-background-color), var(--site-text) 4%) 50%, var(--pico-code-background-color) 75%);background-size:200% 100%}.example-stage[data-state=loading]:after{content:"Loading preview";color:var(--pico-muted-color);pointer-events:none;place-items:center;font-size:.8125rem;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.example-stage[data-state=loading],.thumb[data-state=loading]{animation:1.2s linear infinite site-shimmer}}@keyframes site-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.example-frame{background:0 0;border:0;inline-size:100%;display:block}@media (prefers-reduced-motion:no-preference){.example-frame{transition:height .15s ease-out}}.example-code{border-block-start:var(--pico-border-width) solid var(--pico-muted-border-color);position:relative}.example-code[data-collapsed] pre{max-block-size:17.0875rem;overflow:hidden}.example-code[data-collapsed]:after{content:"";background:linear-gradient(transparent, var(--pico-code-background-color) 70%);pointer-events:none;block-size:4.5rem;position:absolute;inset:auto 0 0}.example-expand{z-index:1;border:var(--pico-border-width) solid var(--pico-muted-border-color);background:var(--site-bg);inline-size:auto;box-shadow:var(--pico-box-shadow);color:var(--site-text);border-radius:999px;margin:0;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;position:absolute;inset-block-end:.625rem;inset-inline-start:50%;translate:-50%}.example-expand:hover{background:var(--site-bg);color:var(--pico-primary)}.example-code:not([data-collapsed]) .example-expand{margin:.5rem auto .75rem;display:block;position:static;translate:none}.example-code:not([data-collapsed]):has(.example-expand){background:var(--pico-code-background-color)}.ref-list{border-block-start:var(--pico-border-width) solid var(--pico-muted-border-color);margin:0 0 2rem;padding:0}.ref-row{border-block-end:var(--pico-border-width) solid var(--pico-muted-border-color);gap:.375rem;padding-block:.75rem;display:grid}.ref-row[hidden],.ref-list[hidden]{display:none}.ref-row dt{scrollbar-width:thin;margin:0;font-weight:500;overflow-x:auto}.ref-row dt code{color:var(--site-text);white-space:nowrap;background:0 0;padding:0;font-size:.8125rem;font-weight:500}.ref-row dd{margin:0}.ref-meta{color:var(--pico-muted-color);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.ref-chip{border:var(--pico-border-width) solid var(--pico-muted-border-color);color:var(--pico-muted-color);overflow-wrap:anywhere;background:0 0;border-radius:.25rem;padding:.0625rem .375rem;font-size:.75rem}.ref-default{align-items:center;gap:.375rem;display:inline-flex}.swatch-pair{display:inline-flex}.swatch-pair span{block-size:.75rem;inline-size:.75rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--site-text) 25%, transparent);border-radius:50%}.swatch-pair span+span{margin-inline-start:-.1875rem}.ref-desc{color:var(--site-text);font-size:.875rem;line-height:1.6}.ref-meta .ref-chip{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}.ref-meta{flex-wrap:nowrap;min-inline-size:0}@media not (min-width:1024px){.ref-row{flex-wrap:wrap;align-items:baseline;gap:.375rem .75rem;display:flex}.ref-row>dt{max-inline-size:100%}.ref-row>.ref-meta{flex:0 auto;min-inline-size:0;max-inline-size:100%}.ref-row>.ref-desc{flex-basis:100%}}@media (min-width:1024px){.ref-list{grid-template-columns:auto minmax(6rem,12rem) minmax(14rem,1fr);column-gap:1.25rem;display:grid}.ref-row{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;padding-block:.625rem}.ref-row>dt{grid-column:1}.ref-row>.ref-meta{grid-column:2}.ref-row>.ref-desc{grid-column:3}}.token-filter{z-index:5;background:var(--site-bg);margin-block:-.5rem 1rem;padding-block:.5rem;position:sticky;inset-block-start:var(--site-header-h)}@media (768px<=width<1024px){.token-filter{inset-block-start:calc(var(--site-header-h) + 2.75rem)}}.token-filter input{margin:0}.token-filter-count{color:var(--pico-muted-color);margin:.25rem 0 0;font-size:.8125rem}.token-filter-count:empty{display:none}.table-wrap{background:linear-gradient(to left, var(--site-bg) .75rem, transparent 3rem) local, var(--site-bg);margin-block-end:var(--pico-typography-spacing-vertical)}.table-wrap table{margin:0;font-size:.875rem}@media not (min-width:576px){.table-wrap table:has(th:nth-child(3)){min-inline-size:34rem}}.callout{--pico-alert-accent:var(--pico-primary);border:var(--pico-border-width) solid color-mix(in oklab, var(--pico-alert-accent) 35%, transparent);border-radius:var(--pico-card-border-radius);background-color:color-mix(in oklab, var(--pico-alert-accent) 8%, var(--site-bg));color:var(--site-text);margin:0 0 1.5rem;padding:.875rem 1rem;font-size:.9375rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .callout{background-color:color-mix(in oklab, var(--pico-alert-accent) 14%, var(--site-bg))}}:root[data-theme=dark] .callout{background-color:color-mix(in oklab, var(--pico-alert-accent) 14%, var(--site-bg))}.callout[data-variant=tip]{--pico-alert-accent:var(--pico-form-element-valid-border-color)}.callout[data-variant=warning]{--pico-alert-accent:var(--pico-alert-warning-accent,#d98b09);--site-callout-title-mix:50%}@supports (color:lab(0% 0 0)){.callout[data-variant=warning]{--pico-alert-accent:var(--pico-alert-warning-accent,lab(64.8649% 24.5976 68.6789))}}.callout>:last-child{margin-block-end:0}.callout>p{line-height:1.6}.callout-title{color:color-mix(in oklab, var(--pico-alert-accent) var(--site-callout-title-mix,70%), var(--site-text));margin-block-end:.25rem;font-weight:600}.docs-article>.callout{max-inline-size:none}.install-tabs{margin-block-end:0}@media not (min-width:480px){.install-tabs>input[type=radio]+label{padding-inline:.625rem}}.install-tabs>section{border-block-start:0;padding-block-start:1rem}.install-tabs .code-figure{margin:0}.hero{isolation:isolate;padding-block:3.5rem 4rem;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.hero:before{background:radial-gradient(ellipse 70% 60% at 50% 0%, color-mix(in oklab, var(--pico-primary-background) 12%, transparent), transparent 70%)}.hero:after{background-image:radial-gradient(color-mix(in oklab, var(--site-text) 12%, transparent) 1px, transparent 1px);background-repeat:repeat;background-size:20px 20px;-webkit-mask-image:radial-gradient(at top,#000,#0000 70%);mask-image:radial-gradient(at top,#000,#0000 70%)}.hero-grid{align-items:start;gap:3rem;display:grid}@media (min-width:1024px){.hero{padding-block:5rem 5.5rem}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:4rem}.hero-copy{padding-block-start:2.5rem}}.hero-chip{border:var(--pico-border-width) solid var(--pico-muted-border-color);background:var(--site-bg);color:var(--site-text);transition:border-color var(--pico-transition);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.hero-chip:hover{border-color:color-mix(in oklab, var(--pico-primary-background) 50%, var(--pico-muted-border-color));color:var(--site-text)}.hero-chip [data-badge]{margin:0}.hero-chip-arrow{color:var(--pico-muted-color);font-size:1.125em;line-height:1}.hero h1{letter-spacing:-.035em;text-wrap:balance;margin-block:1rem 1.25rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:650;line-height:1.05}.hero-lead{max-inline-size:34rem;color:var(--pico-muted-color);font-size:1.125rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-block:2rem 1.5rem;display:flex}.hero-actions [role=button]{inline-size:auto;padding-inline:1.25rem}.install-line{border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background:var(--pico-code-background-color);align-items:center;gap:.5rem;max-inline-size:26rem;padding:.25rem .25rem .25rem 1rem;display:flex}.install-line code{min-inline-size:0;color:var(--site-text);white-space:nowrap;scrollbar-width:none;background:0 0;flex:1;padding:0;font-size:.8125rem;overflow-x:auto}.install-line code span{color:var(--pico-muted-color);-webkit-user-select:none;user-select:none}.hero-preview{min-inline-size:0}.hero-preview .example{box-shadow:var(--pico-dropdown-box-shadow);margin-block-end:1.25rem}.hero-themes{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.hero-themes-label{color:var(--pico-muted-color);font-size:.8125rem;font-weight:500}.hero-swatches{grid-template-columns:repeat(10,1.5rem);justify-content:start;gap:.5rem;margin:0}.hero-swatches .swatch{block-size:1.5rem;inline-size:1.5rem}@media (pointer:coarse){.hero-swatches{grid-template-columns:repeat(auto-fill,1.75rem);inline-size:100%}.hero-swatches .swatch{block-size:1.75rem;inline-size:1.75rem}}.stats dl{border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-card-border-radius);background:var(--site-bg);grid-template-columns:repeat(2,1fr);margin:0;padding:1rem 0;display:grid}@media (min-width:768px){.stats dl{grid-template-columns:repeat(4,1fr)}}.stats dl>div{flex-direction:column;gap:.25rem;padding:.75rem 1.25rem;display:flex}.stats dl>div+div{border-inline-start:var(--pico-border-width) solid var(--pico-muted-border-color)}@media not (min-width:768px){.stats dl>div:nth-child(3){border-inline-start:0}}.stats dt{color:var(--pico-muted-color);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:500}.stats dd{color:var(--pico-h1-color);font-variant-numeric:tabular-nums;letter-spacing:-.035em;white-space:nowrap;margin:0;font-size:clamp(1.5rem,1rem + 1.6vw,2.25rem);font-weight:650;line-height:1.15}.home-section{margin-block-start:clamp(3rem,8vw,6rem)}.home-section>h2{letter-spacing:-.03em;margin-block-end:.5rem;font-size:clamp(1.625rem,1.25rem + 1.2vw,2.125rem)}.section-lead{max-inline-size:40rem;color:var(--pico-muted-color);margin-block-end:2rem;font-size:1.0625rem}.card-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}}article.link-card{border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-card-border-radius);background:var(--site-bg);box-shadow:none;transition:border-color var(--pico-transition), translate var(--pico-transition);margin:0;padding:1.5rem;position:relative}article.link-card:hover{border-color:color-mix(in oklab, var(--pico-primary-background) 40%, var(--pico-muted-border-color))}@media (prefers-reduced-motion:no-preference){article.link-card:hover{translate:0 -1px}}article.link-card:has(a:focus-visible){outline:var(--pico-outline-width) solid var(--site-focus);outline-offset:2px}.link-card a:focus-visible{outline:none}.link-card h3{letter-spacing:-.01em;margin:1rem 0 .375rem;font-size:1rem;font-weight:600}.link-card h3 a{color:var(--site-text);text-decoration:none}.link-card h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.link-card p{color:var(--pico-muted-color);margin:0;font-size:.875rem;line-height:1.6}.icon-tile{border-radius:var(--pico-border-radius);background:var(--site-tint);block-size:2rem;inline-size:2rem;color:var(--pico-primary);place-items:center;display:inline-grid}.link-card.wide{align-items:flex-start;gap:1rem;display:flex}.link-card.wide h3{margin-block-start:.25rem}@media not (min-width:640px){article.link-card{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:.875rem;padding:1rem;display:grid}article.link-card>.icon-tile{grid-row:span 2}article.link-card h3{margin:.25rem 0}}@media (min-width:640px){.link-card.wide{grid-column:1/-1}}.split{align-items:stretch;gap:1.5rem;display:grid}.split .example{flex-direction:column;display:flex}.split .example-stage{flex:1;align-items:center;display:flex}@media (min-width:1024px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.split .code-figure,.split .example{margin:0}.docs-index{padding-block:3rem 0}.docs-index-head{margin-block-end:3rem}.docs-index-head h1,.page-head h1{letter-spacing:-.03em;margin-block-end:.75rem;font-size:clamp(2rem,1.5rem + 1.5vw,2.75rem)}.docs-index .lead,.page-head .lead{max-inline-size:44rem;color:var(--pico-muted-color);font-size:1.125rem}.search-field{border:var(--pico-border-width) solid var(--pico-form-element-border-color);border-radius:var(--pico-border-radius);background:var(--pico-form-element-background-color);block-size:3rem;inline-size:100%;max-inline-size:36rem;box-shadow:none;color:var(--pico-muted-color);text-align:start;align-items:center;gap:.75rem;margin:1.5rem 0 0;padding:0 1rem;font-size:1rem;font-weight:400;display:flex}.search-field:hover,.search-field:active{border-color:color-mix(in oklab, var(--pico-form-element-border-color), var(--site-text) 30%);background:var(--pico-form-element-background-color);color:var(--pico-muted-color)}.search-field:is(:hover,:active,:focus){--pico-box-shadow:none;box-shadow:none;transform:none}.section-label{color:var(--pico-muted-color);letter-spacing:.06em;text-transform:uppercase;margin-block:0 1rem;font-size:.75rem;font-weight:600}.docs-index section+section{margin-block-start:3.5rem}@media not (min-width:640px){.docs-index .card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.docs-index .card-grid.four article.link-card{grid-template-columns:auto minmax(0,1fr);align-items:center;padding:.75rem}.docs-index .card-grid.four .icon-tile{grid-row:auto}.docs-index .card-grid.four h3{margin:0;font-size:.9375rem}.docs-index .card-grid.four p{display:none}.docs-index section+section{margin-block-start:2.5rem}}.docs-index-h2{letter-spacing:-.02em;margin-block:0 1.25rem;font-size:1.375rem}.section-columns{columns:2;column-gap:1rem}@media (min-width:640px){.section-columns{columns:3}}@media (min-width:1024px){.section-columns{columns:4}}.section-columns nav,.section-columns ul{margin:0;display:block}.section-columns nav{break-inside:avoid;margin-block-end:2rem}.section-columns .sidebar-title{margin:0 0 .5rem;padding:0}.section-columns li{padding:.25rem 0;display:block}.section-columns li:before{content:none}.section-columns li a{color:var(--site-text);margin:0;padding:0;font-size:.9375rem;text-decoration:none}.section-columns li a:hover{color:var(--pico-primary);background:0 0}.example-preview .example-bar span{font-size:.8125rem;font-weight:500}.example-preview .example-bar a{padding-inline-end:.625rem;font-size:.8125rem}.example-preview-thumb .thumb{aspect-ratio:16/9;border-block-end:0}.version-picker{border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-card-border-radius);background:var(--site-surface);margin-block-end:2rem;padding:1.25rem}.version-picker .grid{margin-block-end:0}.version-picker-out{border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background:var(--pico-code-background-color);align-items:flex-start;gap:.5rem;padding:.625rem .5rem .625rem .875rem;display:flex}.docs-article .version-picker-out code{min-inline-size:0;color:var(--site-text);white-space:normal;overflow-wrap:anywhere;background:0 0;flex:1;padding:0;font-size:.8125rem;line-height:1.6}.version-picker-note{color:var(--pico-muted-color);margin:0;font-size:.875rem}.examples-page{padding-block:3rem 0}.page-head{margin-block-end:2.5rem}.gallery{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.gallery{grid-template-columns:repeat(4,1fr)}}article.gallery-card{border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-card-border-radius);background:var(--site-bg);box-shadow:none;transition:border-color var(--pico-transition);flex-direction:column;margin:0;padding:0;display:flex;position:relative;overflow:hidden}article.gallery-card:hover{border-color:color-mix(in oklab, var(--pico-primary-background) 40%, var(--pico-muted-border-color))}.thumb{aspect-ratio:16/10;border-block-end:var(--pico-border-width) solid var(--pico-muted-border-color);background:var(--site-surface);position:relative;overflow:hidden}.thumb[data-state=loading]{background-image:linear-gradient(90deg, var(--pico-code-background-color) 25%, color-mix(in oklab, var(--pico-code-background-color), var(--site-text) 4%) 50%, var(--pico-code-background-color) 75%);background-size:200% 100%}.thumb iframe{transform-origin:0 0;pointer-events:none;border:0;block-size:200%;inline-size:200%;max-inline-size:none;position:absolute;inset:0;transform:scale(.5);-webkit-mask-image:linear-gradient(#000 72%,#0000 98%);mask-image:linear-gradient(#000 72%,#0000 98%)}.thumb[data-state=loading] iframe{opacity:0}.gallery-body{flex-direction:column;flex:1;padding:1rem 1.25rem 1.125rem;display:flex}.gallery-body h2{margin:0 0 .25rem;font-size:1rem;font-weight:600}.gallery-body h2 a{color:var(--site-text);text-decoration:none}.gallery-body h2 a:after{content:"";position:absolute;inset:0}.gallery-body p{color:var(--pico-muted-color);margin:0;font-size:.875rem}.gallery-links{z-index:1;gap:1rem;margin-block-start:auto;padding-block-start:.75rem;display:flex;position:relative}.gallery-body p.gallery-links a{border:var(--pico-border-width) solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);color:var(--pico-muted-color);align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.gallery-body p.gallery-links a:hover{border-color:color-mix(in oklab, var(--site-text) 30%, var(--pico-muted-border-color));color:var(--site-text)}article.gallery-card:has(h2 a:focus-visible){outline:var(--pico-outline-width) solid var(--site-focus);outline-offset:2px}.gallery-body h2 a:focus-visible{outline:none}.site-footer{border-block-start:var(--pico-border-width) solid var(--pico-muted-border-color);margin-block-start:6rem;padding-block:3rem 2rem;font-size:.875rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr);gap:2rem 1rem}}.footer-brand{grid-column:1/-1}@media (min-width:768px){.footer-brand{grid-column:auto}}.footer-brand p{color:var(--pico-muted-color);margin:0 0 .5rem}.footer-brand .footer-name{color:var(--site-text);align-items:center;gap:.5rem;margin-block-end:.75rem;font-weight:600;display:flex}.site-footer nav,.site-footer nav ul{margin:0;display:block}.site-footer nav li{padding:.25rem 0;display:block}.site-footer nav li:before{content:none}.footer-title{color:var(--pico-muted-color);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.site-footer nav li a{color:var(--pico-muted-color);margin:0;padding:0;text-decoration:none}.site-footer nav li a:hover{color:var(--site-text);background:0 0}.footer-bottom{border-block-start:var(--pico-border-width) solid var(--pico-muted-border-color);color:var(--pico-muted-color);margin:2.5rem 0 0;padding-block-start:1.5rem;font-size:.8125rem}.footer-bottom a{color:var(--pico-muted-color)}.not-found{text-align:center;padding-block:6rem 0}.not-found p:last-child{justify-content:center;gap:.75rem;display:flex}.not-found [role=button]{inline-size:auto}