[data-j3w1-controls]{color-scheme:dark;background:var(--color-surface-canvas);color:var(--color-text-default);font-family:var(--font-family-mono);font-size:var(--font-size-ui-md);line-height:var(--font-line-height-ui-md)}[data-j3w1-controls],[data-j3w1-controls] *,[data-j3w1-controls] :before,[data-j3w1-controls] :after{box-sizing:border-box}[data-j3w1-controls] :where(button,input,select,textarea):where(:not([class])){font:inherit}[data-j3w1-controls] ::selection{background:var(--color-interaction-text-selection-bg);color:var(--color-interaction-text-selection-text)}[data-j3w1-controls] .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}[data-j3w1-controls] :where([data-j3w1-controls] *)[hidden]{display:none!important}[data-j3w1-controls] :where([data-j3w1-controls] *):where(button,input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea):where(:not([class])){min-height:var(--density-control-height,24px);padding:var(--space-8) var(--density-control-padding-x,8px);border:var(--border-width-default) solid var(--color-border-control);border-radius:var(--radius-none);background:var(--color-surface-input);color:var(--color-text-default);font:inherit}[data-j3w1-controls] :where([data-j3w1-controls] *):where(button,input:not([type=checkbox]):not([type=radio]):not([type=range])):where(:not([class])){padding-block:0}[data-j3w1-controls] :where([data-j3w1-controls] *):where(button,input,textarea):where(:not([class])):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}[data-j3w1-controls] :where([data-j3w1-controls] *):where(button,input,textarea):where(:not([class])):disabled{color:var(--color-text-disabled);background:var(--color-interaction-disabled-bg);border-color:var(--color-border-disabled);opacity:1}[data-j3w1-controls] :where([data-j3w1-controls] *):where(input,textarea):where(:not([class]))::placeholder{color:var(--color-text-placeholder);opacity:1}[data-j3w1-controls] :where([data-j3w1-controls] *):where(fieldset):where(:not([class])){min-width:0;padding:var(--space-16);border:var(--border-width-default) solid var(--color-border-control)}[data-j3w1-controls] .j3w1-temporal{min-width:0;max-width:100%;display:block}[data-j3w1-controls] .j3w1-temporal-row{border:var(--border-width-default) solid var(--color-border-control);background:var(--color-surface-input);align-items:stretch;min-width:0;display:flex}[data-j3w1-controls] .j3w1-temporal-input{width:100%;min-width:0;padding:0 var(--density-control-padding-x,8px);border-radius:var(--radius-none);background:var(--color-surface-input);color:var(--color-text-default);font:inherit;border:0}[data-j3w1-controls] .j3w1-temporal-action{min-width:var(--space-32);border:0;border-inline-start:var(--border-width-default) solid var(--color-border-control);border-radius:var(--radius-none);background:var(--color-surface-raised);color:var(--color-text-bright);font:inherit;cursor:pointer;flex:none}[data-j3w1-controls] .j3w1-temporal-hint{color:var(--color-text-muted);font-size:var(--font-size-ui-sm);margin-block-start:var(--space-4);display:block}[data-j3w1-controls] .j3w1-temporal :focus-visible,[data-j3w1-controls] .j3w1-calendar :focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}[data-j3w1-controls] .j3w1-temporal [aria-invalid=true]{border:var(--border-width-emphasis) solid var(--color-status-danger-border)}[data-j3w1-controls] .j3w1-temporal [aria-invalid=true]:focus-visible{outline:var(--focus-ring-container)}[data-j3w1-controls] .j3w1-temporal-row:focus-within{border-color:var(--color-border-active)}[data-j3w1-controls] .j3w1-temporal-input:hover:not(:disabled):not([readonly]){background:var(--color-interaction-hover-bg)}[data-j3w1-controls] .j3w1-temporal :disabled{color:var(--color-text-disabled);background:var(--color-interaction-disabled-bg);cursor:not-allowed}[data-j3w1-controls] .j3w1-temporal-input[readonly]{background:var(--color-surface-canvas)}[data-j3w1-controls] .j3w1-temporal-row:has([readonly]){border:0;border-block-end:var(--border-width-default) solid var(--color-border-divider);background:var(--color-surface-canvas)}[data-j3w1-controls] .j3w1-temporal-row:has([readonly])>.j3w1-temporal-action{display:none}[data-j3w1-controls] .j3w1-temporal-row:has(input:disabled){border-color:var(--color-border-disabled)}[data-j3w1-controls] .j3w1-calendar{box-sizing:border-box;width:min(calc(var(--font-size-ui-md) * 22),calc(100vw - var(--space-16)));padding:var(--space-12);border:var(--border-width-default) solid var(--color-border-overlay);border-radius:var(--radius-none);background:var(--color-surface-raised);color:var(--color-text-default);font:inherit;z-index:var(--z-popover);margin:0;display:block}[data-j3w1-controls] .j3w1-calendar[hidden]{display:none}[data-j3w1-controls] .j3w1-calendar-heading{justify-content:space-between;align-items:center;gap:var(--space-8);margin-block-end:var(--space-12);display:flex}[data-j3w1-controls] .j3w1-calendar-week{gap:var(--space-4);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}[data-j3w1-controls] .j3w1-calendar [role=columnheader]{text-align:center;color:var(--color-text-muted);padding-block:var(--space-4)}[data-j3w1-controls] .j3w1-calendar button{width:100%;padding:var(--space-8) var(--space-4);border:var(--border-width-default) solid var(--color-border-control);border-radius:var(--radius-none);background:var(--color-surface-input);color:var(--color-text-default);font:inherit;cursor:pointer}[data-j3w1-controls] .j3w1-calendar [data-month]{width:auto;min-width:var(--space-32)}[data-j3w1-controls] .j3w1-calendar [aria-pressed=true]{background:var(--color-interaction-selection-bg);color:var(--color-interaction-selection-text)}[data-j3w1-controls] .j3w1-calendar [aria-pressed=true]:focus-visible{outline:var(--focus-ring-container)}[data-j3w1-controls] .j3w1-calendar button:disabled{color:var(--color-text-disabled);background:var(--color-interaction-disabled-bg);cursor:not-allowed}[data-j3w1-controls] .j3w1-choice{min-width:min(calc(var(--font-size-ui-md) * 12), calc(100vw - var(--space-32)));max-width:100%;color:var(--color-text-default);font:inherit;display:block}[data-j3w1-controls] .j3w1-choice-trigger{justify-content:space-between;align-items:center;gap:var(--space-12);width:100%;min-height:var(--density-control-height,24px);padding:0 var(--density-control-padding-x,8px);border:var(--border-width-default) solid var(--color-border-control);background:var(--color-surface-input);color:var(--color-text-default);border-radius:var(--radius-none);font:inherit;text-align:start;cursor:pointer;display:flex}[data-j3w1-controls] .j3w1-choice-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-j3w1-controls] .j3w1-choice-chevron{width:var(--icon-size-md);height:var(--icon-size-md);color:var(--color-text-accent);flex:none}[data-j3w1-controls] .j3w1-choice-trigger:hover{background:var(--color-interaction-hover-bg)}[data-j3w1-controls] .j3w1-choice-trigger:focus-visible,[data-j3w1-controls] .j3w1-choice-list:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}[data-j3w1-controls] .j3w1-choice-list{box-sizing:border-box;min-width:0;max-width:calc(100vw - var(--space-16));max-height:calc(var(--font-size-ui-md) * 18);background:var(--color-surface-raised);color:var(--color-text-default);border:var(--border-width-default) solid var(--color-border-overlay);border-radius:var(--radius-none);font:inherit;z-index:var(--z-popover);margin:0;padding:0;display:block;overflow:auto}[data-j3w1-controls] .j3w1-choice-list[popover]{inset:auto}[data-j3w1-controls] .j3w1-choice-list[hidden]{display:none}[data-j3w1-controls] .j3w1-choice-option{align-items:center;gap:var(--space-8);min-height:var(--density-control-height,24px);padding:0 var(--space-8);border-inline-start:var(--border-width-emphasis) solid transparent;cursor:pointer;overflow-wrap:anywhere;display:flex}[data-j3w1-controls] .j3w1-choice-check{width:var(--icon-size-md);visibility:hidden;flex:none}[data-j3w1-controls] .j3w1-choice-option[aria-selected=true]{background:var(--color-interaction-selection-bg);color:var(--color-interaction-selection-text);border-inline-start-color:var(--color-border-selected-indicator)}[data-j3w1-controls] .j3w1-choice-option[aria-selected=true] .j3w1-choice-check{visibility:visible}[data-j3w1-controls] .j3w1-choice-option[data-active],[data-j3w1-controls] .j3w1-choice-option:hover{outline:var(--focus-ring);outline-offset:calc(-1 * var(--space-2))}[data-j3w1-controls] .j3w1-choice-option[aria-selected=true][data-active],[data-j3w1-controls] .j3w1-choice-option[aria-selected=true]:hover{outline:var(--focus-ring)}[data-j3w1-controls] .j3w1-choice-option[aria-disabled=true]{color:var(--color-text-disabled);cursor:not-allowed}[data-j3w1-controls] .j3w1-choice-trigger:disabled,[data-j3w1-controls] .j3w1-choice-list[aria-disabled=true]{color:var(--color-text-disabled);background:var(--color-interaction-disabled-bg);border-color:var(--color-border-disabled);cursor:not-allowed}[data-j3w1-controls] .j3w1-choice-group{display:block}[data-j3w1-controls] .j3w1-choice-group-label{padding:var(--space-8);color:var(--color-text-muted);font-size:var(--font-size-ui-sm);display:block}[data-j3w1-controls] .j3w1-choice-error{color:var(--color-status-danger-text);margin-block-start:var(--space-4);display:block}[data-j3w1-controls] .j3w1-choice [aria-invalid=true]{border:var(--border-width-emphasis) solid var(--color-status-danger-border)}[data-j3w1-controls] .select-root:has(.j3w1-choice)>.select-chevron{display:none}[data-j3w1-controls] :where([data-j3w1-controls] *)::selection{color:var(--color-interaction-text-selection-text);background:var(--color-interaction-text-selection-bg)}[data-j3w1-controls] :where([data-j3w1-controls] *):where(button,input,textarea):where(:not([class])){accent-color:var(--color-interaction-selection-bg);font:inherit;border-radius:var(--radius-none)}[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=checkbox]:not([class]),[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=radio]:not([class]){appearance:none;width:var(--density-icon,12px);height:var(--density-icon,12px);vertical-align:middle;border:var(--border-width-default) solid var(--color-border-control);background:var(--color-surface-input);place-content:center;padding:0;display:inline-grid}[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=checkbox]:not([class]):checked,[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=radio]:not([class]):checked{background:var(--color-interaction-selection-bg);color:var(--color-interaction-selection-text)}[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=checkbox]:not([class]):checked:after{content:"✓";font-size:calc(var(--density-icon,12px) * .75);line-height:1}[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=radio]:not([class]):checked:after{content:"";width:calc(var(--density-icon,12px) / 2);height:calc(var(--density-icon,12px) / 2);background:var(--color-interaction-selection-text)}[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=file]:where(:not([class]))::file-selector-button{font:inherit;padding:var(--space-8) var(--space-12);border:var(--border-width-default) solid var(--color-border-control);border-radius:var(--radius-none);color:var(--color-text-default);background:var(--color-surface-raised);margin-inline-end:var(--space-12)}[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=number]:where(:not([class])){appearance:textfield}[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=number]:where(:not([class]))::-webkit-inner-spin-button,[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=number]:where(:not([class]))::-webkit-outer-spin-button{appearance:none;margin:0}[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=range]:where(:not([class])){appearance:none;background:var(--color-surface-input)}[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=range]:where(:not([class]))::-webkit-slider-runnable-track{height:var(--space-4);background:var(--color-border-control)}[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=range]:where(:not([class]))::-moz-range-track{height:var(--space-4);background:var(--color-border-control)}[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=range]:where(:not([class]))::-webkit-slider-thumb{appearance:none;width:var(--icon-size-md);height:var(--icon-size-md);margin-top:calc((var(--space-4) - var(--icon-size-md)) / 2);border:var(--border-width-default) solid var(--color-border-control);border-radius:var(--radius-none);background:var(--color-action-primary-bg)}[data-j3w1-controls] input:where([data-j3w1-controls] *)[type=range]:where(:not([class]))::-moz-range-thumb{width:var(--icon-size-md);height:var(--icon-size-md);border:var(--border-width-default) solid var(--color-border-control);border-radius:var(--radius-none);background:var(--color-action-primary-bg)}:root{--_rail:calc(5 * var(--space-48));--_topbar:var(--space-48)}[hidden]:not(.demo *){display:none!important}.site-topbar{z-index:var(--z-popover);align-items:center;gap:var(--space-12);min-height:var(--_topbar);padding:var(--space-8) var(--space-24);background:var(--color-surface-chrome);border-bottom:var(--border-width-default) solid var(--color-border-default);display:flex;position:sticky;top:0}.site-menu,.site-command{background:0 0}.site-menu{display:none}.site-wordmark{color:var(--color-text-bright);font-size:var(--font-size-h2);line-height:var(--font-line-height-h2);font-weight:var(--font-weight-bold);white-space:nowrap;text-decoration:none}.site-wordmark span{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.site-version{color:var(--color-text-muted);font-size:var(--font-size-ui-sm);line-height:var(--font-line-height-ui-sm)}.site-command{margin-inline-start:auto}.site-command>.command-palette{display:contents}.site-command .command-palette-dialog:modal{width:min(40rem, calc(100vw - var(--space-32)));max-height:70vh;inset:15vh auto auto 50%;transform:translate(-50%)}.site-command [role=option]{gap:var(--space-12);padding:var(--space-8);grid-template-columns:8ch minmax(0,1fr);display:grid}.site-command-label{overflow-wrap:anywhere}.site-command-value{display:block}.site-frame{min-height:calc(100vh - var(--_topbar));grid-template-columns:minmax(0,1fr);display:grid}.site-rail{max-width:none}.site-column{flex-direction:column;min-width:0;display:flex}.site-main{width:100%;max-width:var(--layout-app-max);padding:var(--space-32) var(--space-48) var(--space-48);flex:1 0 auto}.site-main>.breadcrumbs{margin-bottom:var(--space-24)}.site-footer{padding:var(--space-24) var(--space-48) var(--space-48);border-top:var(--border-width-default) solid var(--color-border-default);color:var(--color-text-muted);font-size:var(--font-size-ui-sm);line-height:var(--font-line-height-ui-sm)}.site-footer p{margin:0 0 var(--space-8)}@media (width>=900px){.site-frame{grid-template-columns:var(--_rail) minmax(0, 1fr)}.site-rail{top:var(--_topbar);height:calc(100vh - var(--_topbar));align-self:start;position:sticky;overflow-y:auto}}@media (width>=900px) and (width<=1279.98px){:root{--_rail:var(--space-48)}.site-rail{width:100%}}@media (width<=899.98px){html.js .site-rail{display:none}html.js .site-menu{display:block}.site-rail{border-inline-end:0;border-bottom:var(--border-width-default) solid var(--color-border-divider)}.site-topbar{padding-inline:var(--space-16)}.site-main,.site-footer{padding:var(--space-24) var(--space-16) var(--space-48)}}@media (width<=599.98px){.site-version,.site-command .button-label,.site-command kbd,.site-menu .button-label{display:none}}.site-intro{margin-bottom:var(--space-32)}.site-intro h1{font-size:var(--font-size-title);line-height:var(--font-line-height-title)}.site-hero h1,.site-metric{font-size:var(--font-size-display);line-height:var(--font-line-height-display)}.site-intro p{max-width:72ch;margin:var(--space-12) 0 0;color:var(--color-text-prose);font-size:var(--font-size-reading);line-height:var(--font-line-height-reading)}.site-intro .site-stamp{color:var(--color-text-muted);font-size:var(--font-size-ui-sm);line-height:var(--font-line-height-ui-sm);overflow-wrap:anywhere}html:not(.js) .js-only{display:none}.site-filters{align-items:end;gap:var(--space-12) var(--space-16);margin-block:var(--space-16);flex-wrap:wrap;display:flex}.site-form{gap:var(--space-12);max-width:var(--layout-content-max);display:grid}.site-kit-components{gap:var(--space-4) var(--space-12);grid-template-columns:repeat(auto-fill,minmax(min(100%,22ch),1fr));display:grid}.site-filters>:is(.text-field,.select){min-width:min(100%,14rem)}.site-section{margin-block:var(--space-48)}.site-section>h2,.site-prose h2{margin-bottom:var(--space-16);font-size:var(--font-size-h1);line-height:var(--font-line-height-h1)}.site-section h3{margin-block:var(--space-24) var(--space-8)}.site-actions{align-items:center;gap:var(--space-8) var(--space-16);margin-block:var(--space-16);flex-wrap:wrap;display:flex}.site-cards{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));display:grid}.site-cards-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.site-cards>.card{align-content:start;max-width:none}.site-cards-fit.site-swatches{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.site-metric{color:var(--color-text-bright);font-weight:var(--font-weight-bold);display:block}.site-swatch{height:var(--space-48);border:var(--border-width-default) solid var(--color-border-control)}.site-example{min-width:0;padding:var(--space-24);border:var(--border-width-default) solid var(--color-border-default);background:var(--color-surface-default);overflow:auto}.site-code{white-space:pre;max-height:32rem;overflow:auto}.site-source{border:var(--border-width-default) solid var(--color-border-default);margin-block-end:var(--space-24)}.site-example+.site-source{border-top:0}.site-source-bar{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);border-bottom:var(--border-width-default) solid var(--color-border-divider);color:var(--color-text-muted);font-size:var(--font-size-ui-sm);line-height:var(--font-line-height-ui-sm);display:flex}.site-source>pre{border:0;margin:0}.site-note{max-width:72ch;border-inline-start:var(--border-width-emphasis) solid var(--color-border-strong);color:var(--color-text-muted);padding-inline-start:var(--space-16)}.site-prose>:is(p,ul,ol,blockquote,dl){max-width:72ch}.site-prose h2,.site-prose h3{margin-block:var(--space-32) var(--space-12)}.site-table-wrap{overflow-x:auto}.usage-section .table-cell:first-child,.site-main :is(.table-scroll,.site-table-wrap)>table :is(th,td){overflow-wrap:normal}.usage-section .table-cell:last-child{min-width:24ch}@media (width>=600px){.usage-section .table-cell:first-child{white-space:nowrap}}@media (width<=599.98px){.site-main :is(.table-scroll,.site-table-wrap)>table{width:max-content;min-width:100%}.site-main :is(.table-scroll,.site-table-wrap)>table :is(th,td){max-width:36ch}.usage-section .table-cell:first-child{width:24ch}}@media print{.site-topbar,.site-rail,.site-footer{display:none}.site-frame{display:block}.site-main{padding:0}html,body{background:var(--color-surface-canvas)}.controls,.skip-link,.inspector{display:none!important}.layout{grid-template-columns:minmax(0,1fr)}.toc{border-right:0;max-height:none;position:static;overflow:visible}.component,.specimen{break-inside:avoid}a[href^=http]:after{content:" (" attr(href) ")";color:var(--color-text-muted);font-size:var(--font-size-caption)}.matrix th{position:static}}