@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";:root{--main-hue:120;--special-hue:mod(calc(var(--main-hue) + 135), 360);--color-tint-0:oklch(.99 .008 var(--main-hue));--color-tint-25:oklch(.98 .01 var(--main-hue));--color-tint-50:oklch(.96 .015 var(--main-hue));--color-tint-100:oklch(.935 .018 var(--main-hue));--color-tint-150:oklch(.9 .03 var(--main-hue));--color-tint-200:oklch(.82 .06 var(--main-hue));--color-tint-300:oklch(.72 .07 var(--main-hue));--color-tint-400:oklch(.64 .08 var(--main-hue));--color-tint-500:oklch(.6 .09 var(--main-hue));--color-tint-550:oklch(.54 .093 var(--main-hue));--color-tint-600:oklch(.48 .095 var(--main-hue));--color-tint-700:oklch(.39 .06 var(--main-hue));--color-tint-750:oklch(.27 .04 var(--main-hue));--color-tint-800:oklch(.25 .035 var(--main-hue));--color-tint-850:oklch(.24 .032 var(--main-hue));--color-tint-900:oklch(.2 .03 var(--main-hue));--color-tint-925:oklch(.18 .028 var(--main-hue));--color-tint-950:oklch(.15 .022 var(--main-hue));--color-special-tint-0:oklch(1 .009 var(--special-hue));--color-special-tint-25:oklch(.97 .019 var(--special-hue));--color-special-tint-50:oklch(.95 .02 var(--special-hue));--color-special-tint-100:oklch(.95 .04 var(--special-hue));--color-special-tint-150:oklch(.9 .072 var(--special-hue));--color-special-tint-200:oklch(.82 .09 var(--special-hue));--color-special-tint-300:oklch(.72 .09 var(--special-hue));--color-special-tint-400:oklch(.64 .09 var(--special-hue));--color-special-tint-500:oklch(.58 .1 var(--special-hue));--color-special-tint-550:oklch(.52 .1 var(--special-hue));--color-special-tint-600:oklch(.48 .1 var(--special-hue));--color-special-tint-700:oklch(.39 .1 var(--special-hue));--color-special-tint-800:oklch(.25 .09 var(--special-hue));--color-special-tint-900:oklch(.2 .068 var(--special-hue));--color-special-tint-950:oklch(.1 .038 var(--special-hue));--color-special-helptext:oklch(.25 .009 var(--special-hue));--color-error:oklch(60% .25 30);--text-heading-1:var(--color-tint-900);--text-heading-2:var(--color-tint-700);--text-heading-3:var(--color-tint-600);--bg-surface:var(--color-tint-25);--bg-surface-off:var(--color-tint-25);--bg-surface-tint:var(--color-tint-50);--bg-surface-tint-contrast:var(--color-tint-100);--bg-sidebar:var(--color-tint-100);--demo-surface:var(--color-special-tint-0);--demo-surface-tint:var(--color-special-tint-50);--text-default:var(--color-tint-950);--text-muted:var(--color-tint-700);--text-tinted:var(--color-tint-400);--link-focus:var(--color-tint-600);--border-default:var(--color-tint-200);--btn-plain-text:var(--color-tint-600);--btn-plain-text-hover:var(--color-tint-700);--btn-plain-hover-bg:oklch(from var(--color-tint-500) l c h / .1);--btn-primary-bg-normal:var(--color-tint-600);--btn-primary-text-normal:var(--color-tint-0);--btn-primary-stroke-normal:var(--color-tint-600);--btn-primary-bg-current:var(--color-special-tint-0);--btn-primary-text-current:var(--color-special-tint-700);--btn-primary-stroke-current:var(--color-special-tint-700);--btn-primary-bg-hover:var(--color-tint-700);--btn-primary-text-hover:var(--color-tint-0);--btn-primary-stroke-hover:var(--color-tint-700);--doc-code-transparent:oklch(from var(--color-tint-700) l c h / .08);--special-demoblock:var(--color-special-tint-300);--special-normal:var(--color-special-tint-600);--special-hover:var(--color-special-tint-700);--special-active:var(--color-special-tint-700);--special-shadow:oklch(from var(--special-normal) l c h / .33);--special-shadow-dark:oklch(from var(--special-normal) calc(l * .1) calc(c * 2) h / .2);--tab-text-normal:var(--color-tint-600);--tab-text-hover:var(--color-tint-700);--tab-text-active:var(--color-tint-600);--tab-underline-hover:var(--color-tint-300);--tab-underline-active:var(--color-tint-600)}:root .demo{--border-default:var(--color-special-tint-400);--text-tinted:var(--color-special-tint-400);--link-focus:var(--color-special-tint-400);--btn-plain-text:var(--color-special-tint-600);--btn-plain-text-hover:var(--color-special-tint-700);--btn-plain-hover-bg:oklch(from var(--color-special-tint-500) l c h / .1);--text-heading-1:var(--color-special-tint-900);--text-heading-2:var(--color-special-tint-700);--text-heading-3:var(--color-special-tint-600);--text-muted:var(--color-special-tint-800);--ps-spinner-color:var(--color-special-tint-600);--tab-text-normal:var(--color-special-tint-550);--tab-text-hover:var(--color-special-tint-600);--tab-text-active:var(--color-special-tint-700);--tab-underline-hover:var(--color-special-tint-300);--tab-underline-active:var(--color-special-tint-600);--btn-primary-bg-normal:var(--color-special-tint-25);--btn-primary-text-normal:var(--color-special-tint-600);--btn-primary-stroke-normal:var(--color-special-tint-600);--btn-primary-bg-current:var(--color-special-tint-0);--btn-primary-text-current:var(--color-special-tint-700);--btn-primary-stroke-current:var(--color-special-tint-700);--btn-primary-bg-hover:var(--color-special-tint-0);--btn-primary-text-hover:var(--color-special-tint-700);--btn-primary-stroke-hover:var(--color-special-tint-700)}:root{--sidebar-item-text:var(--color-tint-700);--sidebar-item-hover-bg:var(--color-tint-25);--sidebar-item-hover-text:var(--color-tint-950);--sidebar-item-active-text:var(--color-tint-600);--sidebar-item-active-bg:var(--color-tint-150);--demo-btn-bg:white;--demo-btn-bg-off:var(--color-special-tint-25)}@media (prefers-color-scheme:dark){:root{--color-special-helptext:oklch(.9 .009 var(--special-hue));--color-error:oklch(60% .18 25);--text-heading-1:var(--color-tint-100);--text-heading-2:var(--color-tint-200);--text-heading-3:var(--color-tint-300);--bg-surface:var(--color-tint-925);--bg-surface-off:var(--color-tint-900);--bg-surface-tint:var(--color-tint-850);--bg-surface-tint-contrast:var(--color-tint-750);--bg-sidebar:var(--color-tint-800);--demo-surface:var(--color-special-tint-950);--demo-surface-tint:var(--color-special-tint-900);--text-default:var(--color-tint-50);--text-muted:var(--color-tint-300);--link-focus:var(--color-tint-200);--border-default:var(--color-tint-700);--btn-plain-text:var(--color-tint-200);--btn-plain-text-hover:var(--color-tint-200);--btn-plain-hover-bg:oklch(from var(--color-tint-400) l c h / .15);--btn-primary-text:var(--color-tint-50);--btn-primary-hover:var(--color-tint-600);--text-tinted:var(--color-tint-300);--doc-code-transparent:oklch(from var(--color-tint-100) l c h / .1);--sidebar-item-text:var(--color-tint-200);--sidebar-item-hover-bg:oklch(from var(--color-tint-400) l c h / .15);--sidebar-item-hover-text:var(--color-tint-25);--sidebar-item-active-text:var(--color-tint-50);--sidebar-item-active-bg:var(--color-tint-700);--demo-btn-bg:var(--color-special-tint-900);--demo-btn-bg-off:var(--color-special-tint-800);--special-normal:var(--color-special-tint-300);--special-hover:var(--color-special-tint-25);--special-shadow:oklch(from var(--special-normal) l c h / .25);--tab-text-normal:var(--color-tint-300);--tab-text-hover:var(--color-tint-200);--tab-text-active:var(--color-tint-50);--tab-underline-hover:var(--color-tint-300);--tab-underline-active:var(--color-tint-50)}:root .demo{--border-default:var(--color-special-tint-700);--text-tinted:var(--color-special-tint-200);--link-focus:var(--color-special-tint-200);--btn-plain-text:var(--color-special-tint-300);--btn-plain-text-hover:var(--color-special-tint-100);--btn-plain-hover-bg:oklch(from var(--color-special-tint-400) l c h / .15);--text-heading-1:var(--color-special-tint-100);--text-heading-2:var(--color-special-tint-200);--text-heading-3:var(--color-special-tint-300);--text-muted:var(--color-special-tint-300);--ps-spinner-track-color:#ffffff1a;--ps-spinner-color:var(--color-special-tint-300);--tab-text-normal:var(--color-special-tint-300);--tab-text-hover:var(--color-special-tint-200);--tab-text-active:var(--color-special-tint-100);--tab-underline-hover:var(--color-special-tint-400);--tab-underline-active:var(--color-special-tint-100);--btn-primary-bg-normal:var(--color-special-tint-800);--btn-primary-text-normal:var(--color-special-tint-100);--btn-primary-stroke-normal:var(--color-special-tint-200);--btn-primary-bg-current:var(--color-special-tint-700);--btn-primary-text-current:var(--color-special-tint-25);--btn-primary-stroke-current:var(--color-special-tint-100);--btn-primary-bg-hover:var(--color-special-tint-700);--btn-primary-text-hover:var(--color-special-tint-25);--btn-primary-stroke-hover:var(--color-special-tint-100)}}:root{--doc-max-width:1000px;--doc-sidebar-width:200px;--padding-large:1.25rem;--padding-medium:1rem;--padding-small:.75rem;--standard-padding:var(--padding-small)}@media (width>=480px){:root{--standard-padding:var(--padding-medium)}}@media (width>=769px){:root{--standard-padding:var(--padding-large);--doc-sidebar-width:256px}}body{background:var(--bg-surface)}::selection{background:color-mix(in srgb, var(--text-tinted), transparent 70%)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-default);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Source Sans 3",sans-serif;font-size:1rem;font-weight:400;line-height:1.5}button{touch-action:manipulation;font-family:inherit}*{-webkit-tap-highlight-color:transparent}em{font-style:italic;font-weight:500}code,.code{font-family:JetBrains Mono,monospace}.code-block code,.code-block .code{font-size:.9em;line-height:1.6}.text-muted{color:var(--text-muted)}h1,h2,h3,h4{line-height:1.2}h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0}h1,h2,h3,h4{padding:0}.code-block+h3,.code-block+.title-text,*+h3{padding-top:var(--padding-small)}strong{font-weight:600}h1{color:var(--text-heading-1);font-weight:300}h2,h3,h4{color:var(--text-heading-2);font-weight:500}h1{font-size:2.5rem}@media (width>=769px){h1{font-size:3rem}}.index h1{font-size:3rem}@media (width>=769px){.index h1{font-size:5rem;font-weight:200}}h2{font-size:1.7rem}h3,h3.code{font-size:1.33rem}h4{font-size:1.15rem}h5,.h5,h5 code,.h5 code{color:var(--text-heading-2)}.h5{font-size:1em;font-weight:700;line-height:1.5}.demo-title{color:var(--text-heading-2);padding:0;font-size:1.33rem;font-weight:500;line-height:1.2}.demo-title:first-child{margin-top:0}.demo h3+ul,.demo h3+ol,.demo-title+ul,.demo-title+ol{padding-top:var(--padding-small)}a{color:var(--btn-plain-text);margin-left:-.1em;margin-right:-.1em;padding-left:.2em;padding-right:.2em;font-weight:500;text-decoration:none}a:hover{color:var(--btn-plain-text-hover);background:var(--btn-plain-hover-bg);text-decoration:underline}p.small,span.small{font-size:75%}p a,dl a,ol a,ul a{text-decoration:underline}.card ul,.card ol,.lane ul,.lane ol,section ul,section ol{counter-reset:list;--li-gap:.33em;--col-gap:4em;margin:0;padding:0 0 0 1em;list-style:none;position:relative}.card ul li,.card ol li,.lane ul li,.lane ol li,section ul li,section ol li{padding-left:0;position:relative}.card ul li+li,.card ol li+li,.lane ul li+li,.lane ol li+li,section ul li+li,section ol li+li{margin-top:.125em}.card ul li:before,.card ol li:before,.lane ul li:before,.lane ol li:before,section ul li:before,section ol li:before{color:var(--text-tinted);margin-left:-1rem;position:absolute}.card ul li:before,.lane ul li:before,section ul li:before{content:"•";margin-left:-1em;font-weight:700;left:1px}.card ol li,.lane ol li,section ol li{margin-bottom:0}.card ol li:before,.lane ol li:before,section ol li:before{counter-increment:list;content:counter(list) ".";font-weight:500;left:0}.card .table,.lane .table,section .table{border-collapse:collapse;width:100%}.card .table th,.card .table td,.lane .table th,.lane .table td,section .table th,section .table td{padding:var(--padding-small);text-align:left;vertical-align:top;border-bottom:1px solid var(--border-default)}.card .table th code,.card .table td code,.lane .table th code,.lane .table td code,section .table th code,section .table td code{font-size:.9em}.card .table th,.lane .table th,section .table th{border-bottom-width:2px;font-weight:600}.twocol{--li-gap:.33em;--col-gap:4em;text-align:left;column-count:2;column-gap:var(--col-gap);column-fill:balance;margin:0;padding:0 0 0 1em;list-style:none;position:relative;overflow:hidden}.twocol li{gap:calc(var(--li-gap) * 2);padding-top:.5em;display:flex;position:relative}.twocol li:before{content:"•";color:var(--text-tinted);margin-left:-1em;font-weight:700;display:flex;position:absolute}.twocol:after{content:"";width:1px;height:calc(100% - var(--li-gap));background:var(--border-default);position:absolute;top:0;left:50%}@media (width<=768px){.twocol{column-count:1}.twocol:after{display:none}}@media (width<=576px){.borderbox:has(.twocol){width:100%;max-width:none}}.heading-anchor{display:inline-flex}.heading-anchor a{opacity:0;contain:layout;will-change:opacity;background:0 0;justify-content:center;align-items:center;min-width:24px;min-height:24px;margin-left:.2em;padding-left:.2em;text-decoration:none;transition:opacity .15s;display:inline-flex;overflow:visible}.heading-anchor a:after{content:attr(data-tooltip);white-space:nowrap;background:var(--btn-primary-bg-hover);color:var(--bg-surface);pointer-events:none;opacity:0;border-radius:4px;padding:.2em .5em;font-family:inherit;font-size:.9rem;font-weight:400;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.heading-anchor a:hover{color:var(--btn-primary-hover);background:var(--btn-plain-hover-bg)}.heading-anchor a:hover:after,.heading-anchor a:focus-visible:after,.heading-anchor a.is-copied:after,.heading-anchor a:focus,.heading-anchor a.is-copied{opacity:1}.heading-anchor a.is-copied:after{background:var(--btn-primary-hover)}@media (hover:none){.heading-anchor a{opacity:1}}.heading-anchor svg{width:.75em;min-width:16px;height:.75em;min-height:16px}.heading-anchor:hover a{opacity:1;text-decoration:none}:focus-visible{outline:2px solid var(--link-focus)}h1,h2,h3,h4,h5,a,button{outline-offset:0;border-radius:4px;outline:3px solid #0000;transition:all .125s ease-in-out}h3,h4,h5,p a,.heading-anchor a{outline:2px solid #0000}h3:focus-visible,h4:focus-visible,h5:focus-visible,p a:focus-visible,.heading-anchor a:focus-visible{outline:2px solid var(--link-focus)}input{font-size:inherit;border:1px solid var(--border-default);font-family:inherit;line-height:150%;font-weight:inherit;outline-offset:0;color:inherit;background:0 0;border-radius:4px;outline:2px solid #0000;padding:2px 6px;transition:all .25s ease-in-out}input:focus,input:focus-visible{border-color:var(--color-special-tint-600);outline:2px solid var(--color-special-tint-600)}input:focus::placeholder,input:focus-visible::placeholder{opacity:0}*+input{margin-top:.5rem}.docs-sidebar a,button,.btn{line-height:1.5rem}button{appearance:none;border:none;border-radius:4px;padding:.25em .75em;font-size:.865rem}p+button{margin-top:.5rem}hr{background:var(--border-default);border:none;height:1px;margin-top:1rem;margin-bottom:1rem;position:relative}hr.no-margin{margin-top:0;margin-bottom:0}.callout{border:1px solid var(--color-error);background:oklch(from var(--color-error) l c h/.05);border-radius:.25rem;padding:.5rem .5rem .5rem 2.5rem;position:relative}.callout svg{stroke-width:1.44px;color:oklch(from var(--color-error) l c h/.8);width:24px;height:24px;position:absolute;left:.5rem}.callout a{color:inherit}.card .callout code{background:var(--doc-code-transparent)}code,.code{background:var(--bg-surface-tint-contrast)}.card code,.card .code{background:var(--bg-surface);background:var(--doc-code-transparent)}.card .card code,.card .card .code{background:var(--doc-code-transparent)}code,.code{border-radius:3px;padding:.2em .4em;font-size:1em;display:inline-block}.card .card{border-radius:4px}p code,li code,dl code,dt.code,td code,h3 code{background:var(--doc-code-transparent);padding:0 .3em;font-size:.9em}p code,li code,h3.code,dt.code{align-self:start;display:inline}pre{border-radius:6px;margin-bottom:1rem;padding:1rem;overflow-x:auto}pre code{background:0 0;padding:0}@media (prefers-color-scheme:dark){pre code{opacity:.8}}.card pre,.card code,.code-block pre{white-space:pre-wrap;overflow-wrap:break-word;overflow-x:visible}dl.horizontal{grid-template-columns:max-content auto;gap:1rem;display:grid}.code-block{background:var(--bg-surface-tint-contrast);border-radius:6px;position:relative}.card .code-block{background:var(--bg-surface-off)}.card .tab-content .code-block,.card.indented .code-block,.card-content .code-block{background:var(--bg-surface-tint-contrast)}.code-block .code-header{border-bottom:1px solid var(--border-default);color:var(--text-muted);border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;padding:.5rem .5rem .5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.code-block pre{border-radius:0 0 6px 6px;margin:0}pre code.live-code{tab-size:2;background:0 0;padding:0}.hljs{tab-size:2}pre .hljs:is(code){background:0 0;padding:0}.hljs-ln td.hljs-ln-numbers{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;text-align:right;color:var(--text-muted);opacity:.5;vertical-align:top;padding-right:1.5rem}.hljs-ln-code{padding-left:10px}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-section,.hljs-title{font-weight:600}.hljs-code,.hljs-comment,.hljs-formula{color:var(--text-muted);opacity:.8}@media (prefers-color-scheme:dark){.hljs-code,.hljs-comment,.hljs-formula{color:#fff}}button.copy{background:var(--btn-primary-bg);color:var(--btn-primary-text);cursor:pointer;outline-offset:2px;border:none;border-radius:3px;outline-width:2px;padding:.2rem .5rem;font-size:1rem;font-weight:400;transition:background .125s,color .125s}button.copy:hover{background:var(--btn-primary-hover)}.card,.indented{flex-direction:column;flex:1;gap:1rem;display:flex;position:relative}.card ul+*,.indented ul+*{margin-top:var(--padding-small)}.card .card,.indented .card{background:var(--bg-surface)}.card *+h3,.card *+h4,.indented *+h3,.indented *+h4{margin-top:var(--padding-small)}.card h3+p,.card h4+p,.card h4+dl,.indented h3+p,.indented h4+p,.indented h4+dl{margin-top:-.5rem}.card{--card-stroke-width:0px;background:var(--bg-surface-tint-contrast);border:var(--card-stroke-width) solid transparent;border-radius:1rem}.card .card{background:var(--bg-surface)}.card hr{margin:0}.indented{background:var(--bg-surface-tint);border-left:3px solid var(--border-default);padding:1.5rem}.indented+.indented{margin-top:1.5rem}.indented hr{margin:.5rem 0}.indented dl{background:var(--bg-surface-tint-contrast);border-radius:4px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.indented dl dd+dt{margin-top:.5rem}.indented dl.no-bg{background:0 0;border:none;padding:0}.bg-surface{background:var(--bg-surface)}.bg-surface-tint{background:var(--bg-surface-tint)}.bg-surface-tint-contrast{background:var(--bg-surface-tint-contrast)}dl.bg-surface,dl.bg-surface-tint,dl.bg-surface-tint-contrast{border-radius:4px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}dl.bg-surface dd+dt,dl.bg-surface-tint dd+dt,dl.bg-surface-tint-contrast dd+dt{margin-top:1rem}dl.bg-surface.no-bg,dl.bg-surface-tint.no-bg,dl.bg-surface-tint-contrast.no-bg{background:0 0;border:none;padding:0}.card h3,.card h4{color:var(--text-heading-3)}.card-row{flex-direction:column;gap:1.5rem;display:flex}@container (width>=800px){.card-row{flex-direction:row}.card-row .card{word-break:break-word}}.card-trigger{cursor:pointer;text-align:left;outline-offset:6px;z-index:0;margin-left:calc(-1 * var(--card-stroke-width));margin-right:calc(-1 * var(--card-stroke-width));margin-top:calc(-1 * var(--card-stroke-width));margin-bottom:calc(-1 * var(--card-stroke-width));background:0 0;border:none;border-radius:0;outline-color:#0000;justify-content:space-between;align-items:center;gap:1rem;padding:.25rem 0;display:flex;position:relative;overflow:hidden}.card-trigger:before{content:"";z-index:-1;opacity:.5;background:0 0;border-bottom:1px solid #0000;border-radius:.5rem;width:100%;height:calc(100% - 1px);transition:background-color .15s ease-in-out;position:absolute;top:0;left:0}.card-trigger:focus-visible{outline:3px solid var(--link-focus)}.card-trigger:hover:before{background:var(--btn-plain-hover-bg)}.card-trigger h3,.card-trigger h4{flex:1;align-self:start;margin-bottom:0}.card-trigger .chevron{transition:transform var(--ps-open-speed) var(--ps-open-timing);color:var(--text-muted);flex-shrink:0;transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.card-trigger .chevron{transition:none!important}}.card-trigger[aria-expanded=true] .chevron{transform:rotate(90deg)}.card-trigger[aria-expanded=true]:before{border-color:var(--border-default);border-radius:.5rem .5rem 0 0}.card.no-padding{transition:all var(--ps-open-speed) var(--ps-open-timing);border-radius:.5rem;gap:0;padding:0}.card.no-padding.border{background:var(--bg-surface-tint);border-color:var(--bg-surface-tint-contrast)}.card.no-padding:has(>button[aria-expanded=true]){background:var(--bg-surface-tint);border-color:var(--bg-surface-tint-contrast)}.card.no-padding button.card-trigger{padding:var(--standard-padding)}.card.no-padding button.card-trigger h3,.card.no-padding button.card-trigger h4{color:var(--text-muted);background:0 0;padding:0;line-height:1.5}.card.no-padding>[data-panel]>.panel-wrapper,.card.no-padding [data-panelset]>.panel-wrapper{padding-top:0}.card.no-padding>.tabs{border-bottom:1px solid var(--border-default)}.card.no-padding .card{background:var(--bg-surface-tint-contrast)}@media (prefers-color-scheme:dark){.card.no-padding .card{background:var(--bg-surface-tint-contrast)}}.card.no-padding .card-content{padding:var(--standard-padding);flex-direction:column;gap:.5rem;display:flex}.card.no-padding .card-content h3+p{margin-top:0}.card.no-padding .card-content .code-block{background:var(--bg-surface-off)}:is(:has(>[data-panel].is-restored),:has(>[data-panel].is-restored) *){transition:none!important}.standard-padding{padding:var(--standard-padding)}.api h3.code{color:var(--btn-primary-hover);font-size:1.2rem}.api h4{font-size:1.1rem}.api h4.code{color:var(--btn-primary-hover)}.api dt{margin-top:.5rem;font-size:.9em;font-weight:600;display:inline-block}.api dt:not(:first-child){margin-top:1rem}.column{flex-direction:column;display:flex}.gap-1{gap:1rem}.gap-2{gap:2rem}.card,.demo,[data-panelset]>.panel-wrappers>[role=tabpanel]{padding:var(--standard-padding)}@container (width>=480px){.card,.demo,[data-panelset]>.panel-wrappers>[role=tabpanel]{padding:var(--padding-medium)}}@container (width>=769px){.card,.demo,[data-panelset]>.panel-wrappers>[role=tabpanel]{padding:var(--padding-large)}}.demo,.card.demo{background:var(--demo-surface-tint);border:3px solid var(--special-demoblock);border-radius:8px;position:relative}.example.demo{background:var(--demo-surface-tint)}.demo{z-index:1}.grid-2,.grid-3{grid-column-gap:var(--standard-padding);grid-row-gap:var(--standard-padding);grid-template-rows:1fr;display:grid}.grid-2>div,.grid-3>div{flex-direction:column;flex:1;gap:1rem;display:flex}.grid-2.gap-h-1,.grid-3.gap-h-1{grid-column-gap:1rem}.grid-2.gap-v-1,.grid-3.gap-v-1{grid-row-gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@container (width<=600px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn.bottom,.bottom:not(.column){margin-top:auto}.btn{cursor:pointer;border:none;border-radius:4px;min-height:40px;padding:.5rem 1rem;font-size:1rem;font-weight:500;line-height:1.5;transition:all .125s ease-in-out}.btn.solid{background:var(--btn-primary-bg-normal);color:var(--btn-primary-text-normal);outline-offset:2px;transition:background-color .125s}.btn.solid:hover{background:var(--btn-primary-bg-hover)}.btn.chevron{flex-direction:row;justify-content:space-between;align-self:flex-start;align-items:center;gap:.5rem;padding-right:.5rem;display:flex}.card .btn.chevron,.btn.chevron.block,.btn.chevron.mobileblock{align-self:auto}@container (width>=480px){.btn.chevron.mobileblock{align-self:flex-start}}.btn.chevron svg.chevron{stroke-width:1.44px;will-change:transform;transition:transform .125s ease-in-out;transform:translate(-4px)}.btn.chevron:not(:has(svg)){padding-right:1rem}.btn.chevron.back{padding-left:.5rem;padding-right:1rem}.btn.chevron.back svg.chevron{transform:translate(4px)}.btn.chevron.icon-left{padding-left:.5rem}.btn:hover{text-decoration:none}.btn:hover svg.chevron{transform:translate(4px)}.btn:hover.back svg.chevron{transform:translate(-4px)}.demo-controls{gap:.5rem;display:flex}@container (width>=480px){.demo-controls{gap:.75rem}}@container (width>=769px){.demo-controls{gap:1rem}}.demo-controls{flex-wrap:wrap}.demo-controls.center{justify-content:center}[data-panelset]+.demo-controls{padding-top:var(--standard-padding);margin-bottom:0}.demo-controls+hr{margin-top:var(--standard-padding)}.demo button{background:var(--btn-primary-bg-normal);border:3px solid var(--btn-primary-stroke-normal);color:var(--btn-primary-text-normal);cursor:pointer;outline-offset:1px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;border-radius:24px;padding:.25rem 1rem;font-size:1rem;font-weight:600;transition:color .125s,background-color .125s,box-shadow .125s,border-color .125s}.demo button:has(.chevron){padding-right:.6rem}.demo button[aria-expanded=true],.demo button[aria-expanded=false],.demo button[aria-selected=true],.demo button[aria-current=true]{background:var(--btn-primary-bg-current);color:var(--btn-primary-text-current);border-color:var(--btn-primary-stroke-current)}.demo button:hover{box-shadow:0 4px 8px var(--special-shadow);background:var(--btn-primary-bg-hover);color:var(--btn-primary-text-hover)}.demo button[aria-selected=true]:hover,.demo button[aria-current=true]:hover{box-shadow:none}.demo button:not([aria-disabled=true]):hover,.demo button:not([aria-disabled=true]):focus-visible{border-color:var(--btn-primary-stroke-hover)}.demo button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.demo:has([data-panelset]) [aria-current=true]:hover{cursor:default}.demo:has([data-panelset][inert]) [aria-current=true]:not(:hover){background:var(--btn-primary-bg-normal);border-color:var(--btn-primary-stroke-normal);color:var(--btn-primary-text-hover)}[data-closeable]>button[aria-selected=true],[data-closeable]>button[aria-current=true]{pointer-events:auto;cursor:pointer}.demo .tabs{background:var(--demo-surface-tint)}.demo .tabs button,.demo .tabs button:hover,.demo .tabs button[aria-selected=true]{box-shadow:none;background:0 0}button[aria-expanded=false] .when-open,button[aria-expanded=true] .when-closed{display:none}.demo h3+p{margin-top:.5rem}.img-transitions path,.img-transitions rect{stroke-linecap:round;stroke-linejoin:round}.img-transitions .sw-2{stroke-width:2px}.img-transitions .sw-3{stroke-width:3px}.img-transitions .sw-4{stroke-width:4px}.img-transitions .cont{stroke:var(--btn-plain-text)}.img-transitions .wrap{fill:var(--special-normal);fill-opacity:.33;stroke:var(--special-normal)}.img-transitions .panel,.img-transitions .anim-indicator{stroke:var(--btn-plain-text)}.img-transitions path.indicator{stroke:var(--text-default)}.img-transitions circle.indicator{fill:var(--text-default)}.img-transitions text{fill:var(--text-default);font-family:"Source Sans 3",sans-serif;font-size:16px}.alignment-demos{gap:2rem;container-type:inline-size}.alignment-demos .demo{flex-direction:column;display:flex;overflow:hidden}.alignment-demos .demo:has([data-panel-axis=horizontal]){flex-direction:row}.alignment-demos .demo-body{flex:1;min-width:0}.alignment-demos .demo-body,.alignment-demos [data-panel] .panel-wrapper{padding:1rem}.alignment-demos [data-panel]{--ps-open-timing:ease-in-out;--ps-close-timing:ease-in-out;--ps-panel-width:200px;background:var(--demo-surface)}.alignment-demos [data-panel].is-open,.alignment-demos [data-panel].is-opening,.alignment-demos [data-panel].is-closing{border-bottom:1px solid var(--border-default)}.alignment-demos [data-panel][data-panel-axis=horizontal]{border-bottom:none;flex-shrink:0}.alignment-demos [data-panel][data-panel-axis=horizontal].is-open,.alignment-demos [data-panel][data-panel-axis=horizontal].is-opening,.alignment-demos [data-panel][data-panel-axis=horizontal].is-closing{border-right:1px solid var(--border-default)}.alignment-demos [data-panel-body]+[data-panel-axis=horizontal].is-open,.alignment-demos [data-panel-body]+[data-panel-axis=horizontal].is-opening,.alignment-demos [data-panel-body]+[data-panel-axis=horizontal].is-closing{border-right:none;border-left:1px solid var(--border-default)}.flex{gap:1rem;display:flex}.flex.vertical{flex-direction:column}#async-panel-recipe hr{opacity:.5;height:1px;margin-top:0;margin-bottom:1rem}.recipe{grid-column-gap:2rem;grid-row-gap:0;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;display:grid}img.recipe-image{object-fit:cover;border-radius:8px;grid-area:1/1/2/2;width:100%;max-width:256px;margin:0 auto}.recipe-ingredients{grid-area:1/2/2/3}.recipe-meta{background:var(--demo-surface);border-radius:8px;gap:16px;margin:16px 0;padding:12px;display:flex}.recipe-meta span{font-size:14px}img.testimage{width:100%;margin-top:1em;display:block}@media (width<=768px){.recipe{flex-direction:column;display:flex}.recipe img{width:100%;max-width:unset;max-height:256px}.recipe-ingredients{width:100%;margin-top:2rem}}.demo-controls button[aria-controls],.tabs[data-closeable] button[aria-controls]{align-items:center;gap:.4em;display:flex}.demo-controls button[aria-controls] svg,.tabs[data-closeable] button[aria-controls] svg{will-change:transform;transition:transform var(--ps-close-speed,.25s) var(--ps-close-timing,ease-in-out);flex-shrink:0;transform:rotate(-180deg)}@media (prefers-reduced-motion:reduce){.demo-controls button[aria-controls] svg,.tabs[data-closeable] button[aria-controls] svg{transition:none!important}}.demo-controls button[aria-controls][aria-selected=true] svg,.demo-controls button[aria-controls][aria-current=true] svg,.tabs[data-closeable] button[aria-controls][aria-selected=true] svg,.tabs[data-closeable] button[aria-controls][aria-current=true] svg{transform:rotate(0)}.demo:has([data-panelset][data-closable]:not(.is-open):not(.is-opening)) .demo-controls button[aria-controls] svg{transform:rotate(-180deg)}.demo:has([data-panelset][data-closable]:not(.is-open):not(.is-opening)) .tabs[data-closeable] button[aria-controls] svg{transform:rotate(-180deg)}.demo:has([data-panelset].is-closing) .demo-controls button[aria-controls] svg{transform:rotate(-180deg)}.demo:has([data-panelset].is-closing) .tabs[data-closeable] button[aria-controls] svg{transform:rotate(-180deg)}.demo{--demo-border-width:2px}.demo hr{height:var(--demo-border-width);background:var(--special-demoblock);border-radius:var(--demo-border-width);border:none;position:relative}.demo.horizontal{display:flex}#demo-closable,#megamenu,#mm{--ps-wrapper-delay:0s;--ps-open-timing:cubic-bezier(.34, 1.56, .64, 1);--ps-close-timing:cubic-bezier(.36, 0, .66, -.56);--ps-transition-timing:cubic-bezier(.34, 1.56, .64, 1);--ps-open-transition-extra:box-shadow var(--ps-open-speed) var(--ps-open-timing);--ps-close-transition-extra:box-shadow var(--ps-close-speed) var(--ps-close-timing);z-index:-1;box-shadow:inset 0 0 0 2px var(--special-demoblock), 0 0 0 var(--special-shadow-dark);background:var(--demo-surface);border-radius:0 0 8px 8px;margin-top:-2px;position:absolute;left:1.75rem;right:1.75rem}#demo-closable.is-opening,#demo-closable.is-open,#megamenu.is-opening,#megamenu.is-open,#mm.is-opening,#mm.is-open{box-shadow:inset 0 0 0 2px var(--special-demoblock), 0 8px 20px var(--special-shadow-dark)}#demo-closable [role=tabpanel],#megamenu [role=tabpanel],#mm [role=tabpanel]{padding:1rem}.static-demo{--demo-stroke:var(--color-special-tint-600);--demo-stroke-hover:var(--color-special-tint-700)}@media (prefers-color-scheme:dark){.static-demo{--demo-stroke:var(--color-special-tint-400);--demo-stroke-hover:var(--color-special-tint-300)}}.static-resizer{width:fit-content;max-width:100%;position:relative}.static-handle{cursor:col-resize;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;width:32px;display:flex;position:absolute;top:0;bottom:0;right:-14.5px}.static-handle:before{content:"";box-sizing:border-box;background:var(--demo-surface);border:2px solid var(--demo-stroke);width:32px;height:32px;transition:border-color var(--ps-open-speed) var(--ps-open-timing);border-radius:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.static-handle:after{content:"";border-left:2px solid var(--demo-stroke);border-right:2px solid var(--demo-stroke);width:2px;height:13px;transition:border-color var(--ps-open-speed) var(--ps-open-timing);position:relative}.static-handle:hover:before,.static-handle[data-dragging]:before,.static-handle:hover:after,.static-handle[data-dragging]:after{border-color:var(--demo-stroke-hover)}.static-handle:focus-visible{outline:none}.static-handle:focus-visible:before{outline:2px solid var(--color-special-tint-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){.static-handle:before,.static-handle:after{transition:none}}.static-box{box-sizing:border-box;border:3px solid var(--special-demoblock);background:var(--demo-surface-tint);border-radius:8px;flex:0 auto;width:226px;min-width:226px;display:flex;overflow:hidden}.static-box .demo-body{flex:1;min-width:0;padding:1rem}.static-box #static-panel{--ps-panel-width:110px;background:var(--demo-surface);flex-shrink:0}.static-box #static-panel .panel-wrapper{padding:1rem}.static-box #static-panel.is-open,.static-box #static-panel.is-opening,.static-box #static-panel.is-closing,.static-box #static-panel[data-ps-static]{border-right:1px solid var(--border-default)}.static-box p{margin:0}.static-box button{color:inherit;background:var(--demo-surface);border:2px solid var(--demo-stroke);cursor:pointer;transition:background var(--ps-open-speed) var(--ps-open-timing), border-color var(--ps-open-speed) var(--ps-open-timing);border-radius:6px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.4em .9em;font-size:.875rem;font-weight:500;display:inline-flex}.static-box button:hover{background:var(--color-special-tint-050);border-color:var(--demo-stroke-hover)}.static-box button:focus-visible{outline:2px solid var(--color-special-tint-500);outline-offset:2px}@media (prefers-color-scheme:dark){.static-box button:hover{background:var(--color-special-tint-800)}}@media (prefers-reduced-motion:reduce){.static-box button{transition:none}}.static-readout{opacity:.75;font-variant-numeric:tabular-nums;margin-top:.75rem;font-size:.9rem}.static-markup code{white-space:pre-wrap;display:block}.static-markup mark{color:inherit;background:#ffd60059;border-radius:2px;padding:0 .15em}.static-markup .not-rendered{opacity:.4}.static-markup code[data-removed]:not([data-removed=""]):after{content:attr(data-removed);opacity:.7;margin-top:.75rem;font-size:.85em;display:block}@media (prefers-color-scheme:dark){.static-markup mark{background:#ffd60038}}html,body{margin:0;padding:0}.lane,section{padding:3rem 0}.lane.hr{padding:0}.no-gap{gap:0}.no-margin{margin:0}.no-padding{padding:0}section .container:first-child{position:relative}section .container:first-child:before{content:"";top:-3rem;left:var(--standard-padding);right:var(--standard-padding);width:calc(100% - var(--standard-padding) * 2);background:var(--border-default);height:1px;position:absolute}section.no-hr .container:first-child:before{display:none}section+hr{margin:0}.container{width:100%;max-width:1024px;padding:0 var(--standard-padding);flex-direction:column;gap:1rem;margin:0 auto;display:flex;container-type:inline-size}.container+.container{margin-top:2rem}.avatar{border:5px solid var(--border-default);aspect-ratio:1;border-radius:.5rem;max-width:230px;position:relative;overflow:hidden}.avatar:before{content:"";background:var(--border-default);mix-blend-mode:screen;opacity:.7;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.avatar:after{content:"";background:var(--border-default);mix-blend-mode:color;opacity:.5;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.avatar:before,.avatar:after{transition:opacity .25s cubic-bezier(.4,0,.2,1)}.avatar img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.avatar:hover:before,.avatar:active:before,.avatar:hover:after,.avatar:active:after{opacity:0}@media (width<=768px){.avatar{max-width:300px;max-height:300px;margin-left:auto;margin-right:auto}}.docs-content{flex-direction:column;flex:1;display:flex;width:100%!important}.docs-content .page-header .lead{color:var(--text-muted);font-size:1.5rem;font-weight:350}@media (width<=768px){.docs-content{min-width:300px;width:100%!important}}.borderbox{border:1px solid var(--border-default);border-radius:16px;padding:1rem}button+[data-panel] .panel-wrapper,button+ps-panel .panel-wrapper,.demo-controls+[data-panelset]>.panel-wrapper>[role=tabpanel],.demo-controls+[data-panelset-trackheight]>[data-panelset]>.panel-wrapper>[role=tabpanel],[data-closable] [role=tabpanel]{padding:0;padding-top:var(--standard-padding)}a.github-corner{z-index:2;outline-offset:2px;background:0 0;border:0;outline-width:2px;align-self:end;margin:0 0 -80px;padding:0;display:flex;position:relative}a.github-corner .triangle{fill:var(--btn-primary-bg-normal);transition:fill .125s ease-in-out}a.github-corner .octo-body,a.github-corner .octo-arm{fill:var(--bg-surface)}a.github-corner .octo-arm{transform-origin:42px 34px}a.github-corner:hover .octo-arm,a.github-corner:focus-visible .octo-arm{animation:.56s ease-in-out octocat-wave}a.github-corner:hover .triangle,a.github-corner:focus-visible .triangle{fill:var(--btn-primary-bg-hover)}@media (prefers-reduced-motion:reduce){a.github-corner .octo-arm{animation:none!important}}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (width<=500px){a.github-corner:hover .octo-arm{animation:none}a.github-corner .octo-arm{animation:.56s ease-in-out octocat-wave}}html.index{width:100%;height:100%;margin:0;padding:0}html.index body{flex-direction:column;width:100%;height:100%;margin:0;padding:0;display:flex}html.index a.btn{place-self:center;width:100%}@media (width>=480px){html.index a.btn{width:auto}}html.index .demo,html.index footer{margin-top:var(--standard-padding)}html.index h1{margin-top:calc(var(--standard-padding) * 2)}html.index .docs-content{padding:var(--standard-padding);text-align:center;flex:1}html.index .docs-content .container{gap:var(--standard-padding);width:100%;margin:auto}html.index .docs-content .card{text-align:left}html.index .docs-content p.lead{opacity:.9;font-size:1.25rem}html.index .docs-content .card ul{padding-top:var(--padding-small)}:root{--nav-padding:var(--padding-small);--nav-border:1px;--nav-item-h:2.5rem;--nav-header-h:calc(var(--nav-item-h) + 2 * var(--nav-padding) + var(--nav-border));--nav-speed:.2s;--nav-child-speed:var(--ps-open-speed)}.docs-layout{grid-template-columns:var(--doc-sidebar-width) minmax(0, 1fr);min-height:100dvh;display:grid}.docs-sidebar{background:var(--bg-sidebar);flex-direction:column;display:flex}.docs-sidebar>header{box-sizing:border-box;height:var(--nav-header-h);padding:0 var(--nav-padding);background:var(--bg-sidebar);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;display:flex}#main-nav{background:var(--bg-sidebar)}#main-nav [data-panel]{--ps-wrapper-transform-from:translateY(-.25rem)}#main-nav>.panel-wrapper>*{--ps-open-speed:var(--nav-child-speed);--ps-close-speed:var(--nav-child-speed)}#main-nav>.panel-wrapper{box-sizing:border-box;height:100%;padding:var(--nav-padding);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}#main-nav .sidebar-about-wrap{flex-shrink:0}.nav-toggle{width:var(--nav-item-h);height:var(--nav-item-h);color:var(--sidebar-item-text);cursor:pointer;transition:background var(--nav-speed) var(--ps-open-timing), color var(--nav-speed) var(--ps-open-timing);background:0 0;border:0;flex-shrink:0;justify-content:center;padding:0}.nav-toggle:hover{background:var(--sidebar-item-hover-bg);color:var(--sidebar-item-hover-text)}.burger line{transform-box:view-box;transform-origin:50%;transition:transform var(--nav-speed) var(--ps-open-timing), opacity var(--nav-speed) var(--ps-open-timing)}[aria-expanded=true] .burger .burger-top{transform:rotate(45deg)translateY(6px)}[aria-expanded=true] .burger .burger-mid{opacity:0}[aria-expanded=true] .burger .burger-bot{transform:rotate(-45deg)translateY(-6px)}@media (prefers-reduced-motion:reduce){.nav-toggle,.burger line{transition:none}}@media (width>=769px){#main-nav:not([data-ps-static]){width:auto;height:auto;overflow:visible}#main-nav:not([data-ps-static])>.panel-wrapper{opacity:1;pointer-events:auto;transform:none}.docs-sidebar{height:100dvh;position:sticky;top:0}#main-nav{flex:1;overflow:hidden}#main-nav>.panel-wrapper{width:100%;min-width:0}}@media (width<=768px){.docs-layout{grid-template-columns:minmax(0,1fr)}.docs-sidebar{z-index:20;position:sticky;top:0}.docs-sidebar>header{z-index:2;border-bottom:var(--nav-border) solid var(--border-default);position:relative}.docs-sidebar:after{content:"";z-index:0;pointer-events:none;box-shadow:0 0 16px var(--special-shadow-dark);position:absolute;inset:0}#main-nav{--ps-panel-width:min(320px, 84vw);--ps-open-speed:var(--nav-speed);--ps-close-speed:var(--nav-speed);top:var(--nav-header-h);z-index:1;position:fixed;bottom:0;right:0}}@media (width<=768px) and (width<=420px){#main-nav{--ps-panel-width:100vw}}@media (width<=768px){#main-nav.is-opening,#main-nav.is-open,#main-nav.is-closing{box-shadow:0 0 12px #0003}body:has(.nav-toggle[aria-expanded=true]){overflow:hidden}body:before{content:"";opacity:0;z-index:10;pointer-events:none;transition:opacity var(--nav-speed) var(--ps-open-timing);background:#000;position:fixed;inset:0}body:has(.nav-toggle[aria-expanded=true]):before{opacity:.25;pointer-events:auto}}@media (width<=768px) and (prefers-reduced-motion:reduce){body:before{transition:none}}.logoicon{stroke-width:1.6px}h1 .logoicon{stroke-width:1.1px;vertical-align:-.1em;width:.9em;height:.9em;margin-right:.25em}@media (width>=769px){h1 .logoicon{stroke-width:.75px}}.logo .logoicon{stroke-width:2px;margin-right:.25em}.docs-sidebar a,.docs-sidebar button{border-radius:.25rem;align-items:center;font-weight:500;display:flex}.docs-sidebar a svg,.docs-sidebar button svg{stroke-width:1.6px;width:20px;height:20px}.docs-sidebar .logo,.docs-sidebar a.logo{flex-shrink:0;font-size:1.5rem;font-weight:400;line-height:32px}.docs-sidebar .logo:hover,.docs-sidebar a.logo:hover{background:0 0;text-decoration:none}.docs-sidebar nav{gap:var(--padding-medium);color:var(--sidebar-item-text);flex-direction:column;display:flex}.docs-sidebar nav a{color:inherit;padding:.25em .75em;text-decoration:none;display:block}.docs-sidebar nav a:hover{background:var(--sidebar-item-hover-bg);color:var(--sidebar-item-hover-text);text-decoration:none}.docs-sidebar nav a.active{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-text);pointer-events:none;font-weight:600}.docs-sidebar nav a.main-link-sep{position:relative}.docs-sidebar nav a.main-link-sep:before{content:"";top:calc(-.5 * var(--padding-medium));border-top:1px solid var(--border-default);pointer-events:none;position:absolute;left:0;right:0}.docs-sidebar .nav-section{position:relative}.docs-sidebar .nav-section:before{content:"";top:calc(-.5 * var(--padding-medium));border-top:1px solid var(--border-default);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.docs-sidebar .nav-section-toggle{cursor:pointer;color:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;font-family:inherit;font-size:1rem;display:flex}.docs-sidebar .nav-section-toggle span{line-height:1.5}.docs-sidebar .nav-section-toggle svg{transition:transform var(--ps-open-speed,.25s) var(--ps-open-timing,ease-in-out);flex-shrink:0;transform:rotate(-180deg)}@media (prefers-reduced-motion:reduce){.docs-sidebar .nav-section-toggle svg{transition:none!important}}.docs-sidebar .nav-section-toggle[aria-expanded=false] svg{transform:rotate(0)}.docs-sidebar .nav-section-toggle.active{color:var(--sidebar-item-active-text);font-weight:600}.docs-sidebar .nav-section-toggle:hover{background:var(--sidebar-item-hover-bg);color:var(--sidebar-item-hover-text)}.docs-sidebar .sidebar-about-wrap{padding-top:var(--padding-medium);color:var(--sidebar-item-text);margin-top:auto;position:relative}.docs-sidebar .sidebar-about-wrap:before{content:"";top:calc(.5 * var(--padding-medium));border-top:1px solid var(--border-default);pointer-events:none;position:absolute;left:0;right:0}.docs-sidebar .sidebar-about{color:var(--sidebar-item-text);padding:.25em .75em}.docs-sidebar .sidebar-about:hover{background:var(--sidebar-item-hover-bg);color:var(--sidebar-item-hover-text);text-decoration:none}.docs-sidebar .sidebar-about.active{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-text);pointer-events:none;font-weight:600}.docs-sidebar .sidebar-about svg{margin:0 .25em}.docs-sidebar [data-panel] .panel-wrapper{padding:.5rem 0}.docs-sidebar [data-panel] .panel-wrapper .section-links{border-left:1px solid var(--border-default);flex-direction:column;gap:.5rem;margin-left:.75em;padding-left:.5rem;display:flex}.docs-sidebar [data-panel] .panel-wrapper .section-links ul{flex-direction:column;gap:.25rem;padding:0;list-style:none;display:flex}.docs-sidebar [data-panel] .panel-wrapper .section-links .nav-examples-label{border-top:1px solid var(--border-default);color:var(--sidebar-item-text);opacity:.8;margin:0;padding:1rem .75rem 0;font-size:.9rem}.docs-sidebar .is-opening *,.docs-sidebar .is-closing *{pointer-events:none}ul[data-panel-group]{gap:0;margin:0;padding:0;list-style:none}ul[data-panel-group] button[aria-controls]{font-size:1.2rem;font-weight:500}ul[data-panel-group] button[aria-controls]:hover{box-shadow:none}ul[data-panel-group]>li:before{display:none}ul[data-panel-group]>li button.accordion-trigger{text-align:left;width:100%;padding:var(--padding-small) var(--padding-medium);color:inherit;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;gap:1rem;display:flex}ul[data-panel-group]>li button.accordion-trigger .chevron{transition:transform var(--ps-open-speed) var(--ps-open-timing);stroke-width:1.44px;flex-shrink:0}@media (prefers-reduced-motion:reduce){ul[data-panel-group]>li button.accordion-trigger .chevron{transition:none!important}}ul[data-panel-group]>li button.accordion-trigger .chevron{transform:rotate(-90deg)}ul[data-panel-group]>li button.accordion-trigger[aria-expanded=true] .chevron{transform:rotate(90deg)}ul[data-panel-group]>li .panel-wrapper{padding:var(--padding-medium);padding-top:0}ul[data-panel-group]>li+li{border-top:1px solid var(--border-default);border-top:1px solid oklch(from var(--border-default) l c h/.5)}.demo-collapse .panel-wrapper{flex-direction:column;gap:1rem;display:flex}button.close,button[data-panel-close]{color:var(--text-muted);--close-stroke-color:currentColor;--close-stroke-width:1.2;--close-mainlength:16px;display:flex}button.close:hover,button[data-panel-close]:hover{color:var(--text-default)}button.close,button[data-panel-close]{cursor:pointer;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-weight:400;position:absolute;top:.5em;right:.5em}button.close:before,button[data-panel-close]:before{content:"";pointer-events:none;z-index:-1;background:0 0;border-radius:50%;width:24px;height:24px;transition:all 67.5ms linear;position:absolute}button.close svg,button[data-panel-close] svg{width:24px;height:24px}button.close svg line,button[data-panel-close] svg line{stroke:var(--close-stroke-color);stroke-linecap:round;stroke-width:1.25px;transition:all 67.5ms linear}button.close svg line,button.close:active:hover svg line,button[data-panel-close] svg line,button[data-panel-close]:active:hover svg line{stroke-dasharray:16 8;stroke-dashoffset:-4px}button.close:hover:before,button.close:focus:before,button[data-panel-close]:hover:before,button[data-panel-close]:focus:before{background:var(--color-tint-100);width:32px;height:32px}button.close:hover svg line,button[data-panel-close]:hover svg line{stroke-dasharray:20 4;stroke-dashoffset:-2px}button.close:focus,button[data-panel-close]:focus{outline:2px solid var(--text-tinted);outline-offset:2px}button.close:focus:not(:focus-visible),button[data-panel-close]:focus:not(:focus-visible){box-shadow:none;outline:0}.tab-content{background:var(--bg-surface);border-radius:6px;padding:1.5rem}.demo .tab-content{background:var(--demo-surface)}.tabs,.rail{padding-left:.5rem;padding-right:.5rem;display:flex}.tabs button,.rail button{background:0 0;border:none;padding:.75rem 1rem}@container (width>=512px){.tabs button,.rail button{padding:.75rem 1.5rem}}.tabs button,.rail button{outline-offset:3px;color:var(--tab-text-normal);cursor:pointer;border-radius:1px;outline-width:3px;font-size:1.1rem;font-weight:600;transition:color .125s;position:relative}.tabs button:before,.rail button:before{content:"";opacity:1;z-index:1;background:0 0;width:100%;height:3px;transition:background-color .125s;position:absolute;inset:auto 0 0}.tabs button:focus-visible,.rail button:focus-visible{z-index:1}.tabs button[aria-selected=true],.rail button[aria-selected=true]{font-weight:600}.tabs button:not([aria-disabled=true]):hover,.rail button:not([aria-disabled=true]):hover{box-shadow:none;background:0 0}.tabs button:not([aria-selected=true]):not([aria-disabled=true]):hover,.rail button:not([aria-selected=true]):not([aria-disabled=true]):hover{color:var(--tab-text-hover)}.tabs button:not([aria-selected=true]):not([aria-disabled=true]):hover:before,.rail button:not([aria-selected=true]):not([aria-disabled=true]):hover:before{background:var(--tab-underline-hover)}.tabs button[aria-selected=true],.rail button[aria-selected=true]{color:var(--tab-text-active);background:0 0}.tabs button[aria-selected=true]:before,.rail button[aria-selected=true]:before{background:var(--tab-underline-active)}.tabs[data-closeable] button[aria-selected=true],.rail[data-closeable] button[aria-selected=true]{pointer-events:auto;cursor:pointer}.tabs[aria-orientation=vertical],.rail{padding-left:0;padding-right:0}.tabs[aria-orientation=vertical] button,.rail button{text-align:left;padding:.66rem 1.25rem;font-weight:500}.tabs[aria-orientation=vertical] button:before,.rail button:before{width:3px;height:100%;top:0;bottom:auto;left:0}.tabs[aria-orientation=vertical] button[aria-selected=true],.rail button[aria-selected=true]{font-weight:600}.rail{flex-direction:column;flex:0 0 7rem;align-items:stretch}@container (width>=800px){.rail{flex:0 0 10rem}}.rail h3,.rail h4{text-transform:uppercase;letter-spacing:.04em;opacity:.6;color:var(--color-special-helptext);border-radius:0;margin-top:.25rem;margin-bottom:.75rem;font-size:.8rem}.rail button+h4{margin-top:1rem}.background-wrapper{background:var(--demo-surface);border-radius:.25rem;flex:1}.background-wrapper [data-panelset]>.panel-wrapper>[role=tabpanel]{padding:var(--standard-padding)}@container (width>=480px){.background-wrapper [data-panelset]>.panel-wrapper>[role=tabpanel]{padding:var(--padding-medium)}}@container (width>=769px){.background-wrapper [data-panelset]>.panel-wrapper>[role=tabpanel]{padding:var(--padding-large)}}.raw-demo,.raw-demo :not(:where([data-panel],[data-panelset],ps-panel,ps-panelset,[role=tabpanel],.panel-wrapper)),.raw-demo:before,.raw-demo:after,.raw-demo :before,.raw-demo :after{all:revert}.raw-demo{padding:2px;font-family:Georgia,Times New Roman,serif}.raw-demo [data-panel],.raw-demo [data-panelset]{z-index:-1;background:#fff}.raw-demo [data-panel] .panel-wrapper,.raw-demo [data-panelset] .panel-wrapper{padding-top:0}.raw-demo [role=tabpanel]{gap:0}.raw-demo button,.raw-demo button[aria-selected=true],.raw-demo button[aria-current=true],.raw-demo button[aria-expanded=true],.raw-demo button[aria-expanded=false],.raw-demo button:hover{all:revert;margin-right:.1rem}.raw-demo button::-moz-focus-inner{border:0;padding:0}.raw-demo button[aria-selected=true]::-moz-focus-inner{border:0;padding:0}.raw-demo button[aria-current=true]::-moz-focus-inner{border:0;padding:0}.raw-demo button[aria-expanded=true]::-moz-focus-inner{border:0;padding:0}.raw-demo button[aria-expanded=false]::-moz-focus-inner{border:0;padding:0}.raw-demo button:hover::-moz-focus-inner{border:0;padding:0}.raw-demo button,.raw-demo button[aria-selected=true],.raw-demo button[aria-current=true],.raw-demo button[aria-expanded=true],.raw-demo button[aria-expanded=false],.raw-demo button:hover{border-radius:.1px;font-family:Georgia,Times New Roman,serif;font-size:1rem}.raw-demo button:hover,.raw-demo button[aria-selected=true]:hover,.raw-demo button[aria-current=true]:hover,.raw-demo button[aria-expanded=true]:hover,.raw-demo button[aria-expanded=false]:hover,.raw-demo button:hover:hover{box-shadow:none;border-color:#fff;text-decoration:underline}.raw-demo button:focus,.raw-demo button:focus-visible,.raw-demo button[aria-selected=true]:focus,.raw-demo button[aria-selected=true]:focus-visible,.raw-demo button[aria-current=true]:focus,.raw-demo button[aria-current=true]:focus-visible,.raw-demo button[aria-expanded=true]:focus,.raw-demo button[aria-expanded=true]:focus-visible,.raw-demo button[aria-expanded=false]:focus,.raw-demo button[aria-expanded=false]:focus-visible,.raw-demo button:hover:focus,.raw-demo button:hover:focus-visible{outline-offset:2px;border-color:#000;outline:2px solid #000}@media (prefers-color-scheme:dark){.raw-demo button:focus,.raw-demo button:focus-visible,.raw-demo button[aria-selected=true]:focus,.raw-demo button[aria-selected=true]:focus-visible,.raw-demo button[aria-current=true]:focus,.raw-demo button[aria-current=true]:focus-visible,.raw-demo button[aria-expanded=true]:focus,.raw-demo button[aria-expanded=true]:focus-visible,.raw-demo button[aria-expanded=false]:focus,.raw-demo button[aria-expanded=false]:focus-visible,.raw-demo button:hover:focus,.raw-demo button:hover:focus-visible{outline-color:#fff}}.raw-demo h1,.raw-demo h2,.raw-demo h3,.raw-demo h4{color:var(--text-default);margin:unset!important;padding:unset!important}.raw-demo .raw-demo-triggers{display:block}.raw-demo ul,.raw-demo ul li{all:revert!important}.raw-demo ul li:before{display:none}@media (prefers-color-scheme:dark){.raw-demo [data-panel],.raw-demo [data-panelset]{background:#000}}.grid-2>.techcell{gap:.25rem}.techlabel{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .5rem;font-size:.75rem;font-weight:700}.techtoggle,.pstrigger{align-items:center;gap:.4em;display:flex}.techtoggle .chevron,.pstrigger .chevron{transition:transform var(--ps-open-speed) var(--ps-open-timing);will-change:transform;flex-shrink:0;display:flex;transform:rotate(-180deg)}.techtoggle[aria-expanded=true] .chevron,.pstrigger[aria-current=true] .chevron,.pstrigger[aria-selected=true] .chevron{transform:rotate(0)}.techbody{padding-top:.6rem}.techbody p{margin:0 0 .4rem}.techregion[data-tech=lib]{--ps-open-speed:.3s;--ps-close-speed:.3s}.techregion[data-tech=panelset]{--ps-panel-in-speed:.15s;--ps-panel-out-speed:.15s;--ps-panel-in-delay:.15s}.no-nudge{--ps-gpu-nudge:none}.js-collapse{height:0;overflow:hidden}.grid-collapse{transition:grid-template-rows .3s var(--ps-open-timing);grid-template-rows:0fr;display:grid}.grid-collapse.open{grid-template-rows:1fr}.grid-collapse>*{min-height:0;overflow:hidden}.js-collapse>.panel-wrapper,.grid-collapse>.panel-wrapper{opacity:0;transition:opacity .3s var(--ps-open-timing)}.js-collapse.open>.panel-wrapper,.grid-collapse.open>.panel-wrapper{opacity:1}.techreadout{color:var(--text-muted);margin:.7rem 0 0;font-size:.9rem}.techout{font-variant-numeric:tabular-nums;color:var(--text-default);--techout-warn:oklch(53% .15 62);--techout-bad:oklch(52% .2 27);font-weight:700}.techout.is-warn{color:var(--techout-warn)}.techout.is-bad{color:var(--techout-bad)}@media (prefers-color-scheme:dark){.techout{--techout-warn:oklch(80% .15 75);--techout-bad:oklch(72% .18 25)}}.card.install-wizard .tabs{margin-top:3px;padding-left:0;padding-right:0}.card.install-wizard .tabs button{flex:1}@container (width>=512px){.card.install-wizard .tabs button{flex-grow:0;min-width:160px}}@container (width>=768px){.card.install-wizard .card-content{padding:2rem}}.arrowdown{color:var(--border-default);width:100%;position:relative}.arrowdown svg{margin:-.5rem auto -1rem;display:block;transform:scale(.8)}.arrowdown:before,.arrowdown:after{content:"";border-bottom:1px solid;width:calc(50% - 16px);height:50%;position:absolute;top:0}.arrowdown:before{left:0}.arrowdown:after{right:0}.styled-select{appearance:none;font:inherit}.styled-select,.styled-select button{font-size:1rem}.styled-select{color:var(--sidebar-item-text);border:1px solid var(--border-default);cursor:pointer;background:0 0;background-color:var(--bg-sidebar);border-radius:.25rem;padding:calc(.5rem - 1px) calc(1rem - 1px)}.card .styled-select{background-color:var(--bg-surface)}.styled-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234C461D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75em center;background-repeat:no-repeat;background-size:20px 20px;padding-inline-end:2.25em;font-weight:500;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}.styled-select:hover{border-color:var(--link-focus)}.styled-select[disabled],.styled-select[aria-disabled=true]{cursor:default;opacity:.65;background-color:#0000}.styled-select[disabled]:hover,.styled-select[aria-disabled=true]:hover{border-color:var(--border-default)}@supports (appearance:base-select){.styled-select{appearance:base-select;text-align:left;background-image:none;justify-content:space-between;align-items:center;width:100%;padding-inline-end:.75em;font-weight:500;display:flex}.styled-select:focus-visible{border-color:#0000}.styled-select::picker-icon{display:none}.styled-select .chevron{stroke-width:1.6px;width:20px;height:20px;transition:transform var(--ps-open-speed,.15s) var(--ps-open-timing,ease-in-out);flex-shrink:0}@media (prefers-reduced-motion:reduce){.styled-select .chevron{transition:none!important}}.styled-select:open .chevron{transform:rotate(-180deg)}.styled-select::picker(select){appearance:base-select;border:1px solid var(--border-default);box-shadow:0 8px 20px var(--special-shadow-dark);opacity:0;--picker-height-transition: ;background:#fff;border-radius:.25rem;height:0;margin-block-start:2px;padding:.5rem;overflow:clip}@supports (height:calc-size(auto, size)){.styled-select::picker(select){--picker-height-transition:, height var(--ps-open-speed,.15s) var(--ps-open-timing,ease-in-out) allow-discrete}}.styled-select::picker(select){transform:var(--ps-wrapper-transform-from,translateY(-.25rem));transition:opacity var(--ps-open-speed,.15s) var(--ps-open-timing,ease-in-out), transform var(--ps-open-speed,.15s) var(--ps-open-timing,ease-in-out), display var(--ps-open-speed,.15s) var(--ps-open-timing,ease-in-out) allow-discrete, overlay var(--ps-open-speed,.15s) var(--ps-open-timing,ease-in-out) allow-discrete var(--picker-height-transition)}@media (prefers-reduced-motion:reduce){.styled-select::picker(select){transition:none!important}}.styled-select:open::picker(select){opacity:1;height:auto;transform:none}@supports (height:calc-size(auto, size)){.styled-select:open::picker(select){height:calc-size(auto, size)}}.styled-select:open::picker(select){overflow:auto}@starting-style{.styled-select:open::picker(select){opacity:0;height:0;transform:var(--ps-wrapper-transform-from,translateY(-.25rem))}}.styled-select option{color:var(--sidebar-item-text);border-radius:.25rem;align-items:center;gap:.5rem;padding:.25em .75em;text-decoration:none;display:flex}.styled-select option:hover{background:var(--sidebar-item-hover-bg);color:var(--sidebar-item-hover-text)}.styled-select option:checked{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-text);font-weight:600}.styled-select option:not(.choice){color:var(--text-muted);font-weight:400}.styled-select option::checkmark{display:none}}.control-row{flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;display:flex}.control-item{flex-direction:column;gap:.35rem;display:flex}.control-item.mobileblock{width:100%}@container (width>=480px){.control-item.mobileblock{width:auto}}.control-item>label{color:var(--text-muted);font-size:.85rem;font-weight:600}.control-item .styled-select{width:auto;min-inline-size:12rem}.control-item:last-child .styled-select::picker(select){left:auto;right:anchor(right)}