@layer theme;@layer base{.dash{--dash-bg:#fff;--dash-fill:#f2f2f0;--dash-fill-strong:#e6e6e3;--dash-text:#111;--dash-muted:#5f5f5f;--dash-line:#1111111a;--dash-line-strong:#11111147;--dash-accent:#ffd21f;--dash-accent-strong:#e9b000;--dash-on-accent:#111;--dash-danger:#b42318;--dash-on-danger:#fff;--dash-focus:#111;--dash-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;background:var(--dash-bg);color:var(--dash-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=dark] .dash,.dash[data-theme=dark]{--dash-bg:#0f0f0f;--dash-fill:#1c1c1c;--dash-fill-strong:#2a2a2a;--dash-text:#ededed;--dash-muted:#a3a3a3;--dash-line:#ffffff17;--dash-line-strong:#ffffff4d;--dash-danger:#ff8a7a;--dash-on-danger:#111;--dash-focus:#ffd21f}html:has(>body.dash){scrollbar-color:var(--dash-muted) transparent}.dash ::selection{background-color:var(--dash-accent);color:var(--dash-on-accent)}.dash :focus-visible,.dash :is(.dash-field,.dash-number,.dash-code):has(input:focus-visible){outline:2px dashed var(--dash-focus);outline-offset:3px}.dash :is(.dash-field,.dash-number,.dash-code) input:focus-visible,.dash [tabindex="-1"]:focus{outline:none}}@layer components{.dash-mono{font-family:var(--dash-mono)}.dash-page-title{font-family:var(--font-heading);text-decoration:underline 5px var(--dash-accent);text-underline-offset:7px;margin-bottom:10px;font-size:26px}.dash-section-title{font-family:var(--font-heading);align-items:center;gap:8px;font-size:15px;display:flex;&:before{content:"";background:var(--dash-accent-strong);width:7px;height:7px}}.dash-link{color:var(--dash-text);text-underline-offset:2px;text-decoration:underline}.dash-input,.dash-field,.dash-number{background:var(--dash-fill);border-bottom:2px solid var(--dash-line-strong);transition:border-color .12s,background-color .12s;&:hover{border-bottom-color:var(--dash-muted)}&:focus,&:focus-within{background:var(--dash-fill-strong);border-bottom-color:var(--dash-text)}&[aria-invalid=true],&:has([aria-invalid=true]){border-bottom-color:var(--dash-danger)}& input{background:0 0}& ::placeholder{color:var(--dash-muted)}}.dash-input{width:100%;padding:9px 12px;font-size:14px;line-height:1.6}.dash-field{cursor:text;flex-wrap:wrap;align-items:center;gap:6px;width:100%;padding:6px;font-size:14px;display:flex;& input{flex:1;min-width:8rem;padding:3px 6px}}.dash-chip{background:var(--dash-text);color:var(--dash-bg);align-items:center;gap:2px;padding:2px 2px 2px 9px;font-size:13px;display:inline-flex}.dash-chip-remove{width:22px;height:22px;color:var(--dash-bg);opacity:.7;place-items:center;display:grid;&:hover{opacity:1}}.dash-number{flex-shrink:0;align-items:stretch;display:inline-flex;& input{width:6rem;font-family:var(--dash-mono);appearance:textfield;padding:7px 10px;font-size:14px}& input::-webkit-inner-spin-button,& input::-webkit-outer-spin-button{appearance:none}}.dash-switch{background:var(--dash-fill-strong);flex-shrink:0;width:40px;height:22px;transition:background-color .12s;position:relative;&:after{content:"";background:var(--dash-muted);width:14px;height:14px;transition:transform .12s steps(3,end),background-color .12s;position:absolute;top:4px;left:4px}&[aria-checked=true]{background:var(--dash-accent)}&[aria-checked=true]:after{background:var(--dash-on-accent);transform:translate(18px)}}.dash-button{font-family:var(--font-heading);align-items:center;gap:8px;padding:7px 14px;font-size:13px;text-decoration:none;transition:background-color .12s;display:inline-flex;&:disabled{opacity:.5}}.dash-button-primary{background:var(--dash-accent);color:var(--dash-on-accent);&:hover:not(:disabled){background:var(--dash-accent-strong)}}.dash-button-secondary{background:var(--dash-fill);color:var(--dash-text);&:hover:not(:disabled){background:var(--dash-fill-strong)}}.dash-button-quiet{color:var(--dash-text);&:hover:not(:disabled){background:var(--dash-fill)}}.dash-button-danger{background:var(--dash-danger);color:var(--dash-on-danger);&:hover:not(:disabled){filter:brightness(.92)}}.dash-dialog{background:var(--dash-bg);width:min(28rem,100vw - 2rem);color:var(--dash-text);border:1px solid var(--dash-line-strong);margin:auto;padding:0;box-shadow:0 16px 48px #0000003d;&::backdrop{background:#00000073}}.dash-tablist{background:var(--dash-fill);align-self:flex-start;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.dash-tab{font-family:var(--font-heading);color:var(--dash-muted);flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex;&:hover,&[aria-selected=true]{color:var(--dash-text)}&[aria-selected=true]{background:var(--dash-bg);box-shadow:inset 0 -3px 0 var(--dash-accent-strong)}}.dash-count{min-width:18px;font-family:var(--dash-mono);text-align:center;background:var(--dash-fill-strong);color:var(--dash-text);padding:0 5px;font-size:11px;line-height:18px}.dash-nav-item{width:100%;font-family:var(--font-heading);color:var(--dash-muted);white-space:nowrap;align-items:center;gap:10px;padding:8px 12px;font-size:13px;text-decoration:none;display:flex;&:hover{color:var(--dash-text);background:var(--dash-fill)}&[aria-current=page]{background:var(--dash-accent);color:var(--dash-on-accent)}}.dash-code-cell{background:var(--dash-fill);border-bottom:2px solid var(--dash-line-strong);height:52px;font-family:var(--dash-mono);place-items:center;font-size:22px;transition:border-color .12s,background-color .12s;display:grid;&.is-active{background:var(--dash-fill-strong);border-bottom-color:var(--dash-accent-strong)}&.is-invalid{border-bottom-color:var(--dash-danger)}}}@layer utilities;