:root,[data-devvy-theme]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dvy-background:#fff;--dvy-glass-tint:255 255 255;--dvy-foreground:#18251f;--dvy-surface:#f3f6f4;--dvy-muted:#52645a;--dvy-border:#7a8c81;--dvy-brand:#087565;--dvy-on-brand:#fff;--dvy-danger:#b42336;--dvy-on-danger:#fff;--dvy-focus:#087565;--dvy-radius-sm:.25rem;--dvy-radius-md:.5rem;--dvy-radius-lg:.75rem;--dvy-control-height:2.5rem;--dvy-font:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dvy-font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--dvy-shadow:0 2px 6px #0f1e140a;--dvy-space-1:.25rem;--dvy-space-2:.5rem;--dvy-space-3:.75rem;--dvy-space-4:1rem;--dvy-space-6:1.5rem;--dvy-space-8:2rem}[data-devvy-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dvy-background:#101713;--dvy-glass-tint:16 23 19;--dvy-foreground:#ecf3ee;--dvy-surface:#18221c;--dvy-muted:#a6b9ad;--dvy-border:#637d6c;--dvy-brand:#65deba;--dvy-on-brand:#10271f;--dvy-danger:#ff96a5;--dvy-on-danger:#350c16;--dvy-focus:#65deba;--dvy-shadow:0 2px 6px #00000024}@media (prefers-color-scheme:dark){:root:not([data-devvy-theme=light]):not([data-devvy-theme=dark]),[data-devvy-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dvy-background:#101713;--dvy-glass-tint:16 23 19;--dvy-foreground:#ecf3ee;--dvy-surface:#18221c;--dvy-muted:#a6b9ad;--dvy-border:#637d6c;--dvy-brand:#65deba;--dvy-on-brand:#10271f;--dvy-danger:#ff96a5;--dvy-on-danger:#350c16;--dvy-focus:#65deba;--dvy-shadow:0 2px 6px #00000024}}[data-devvy-density=compact]{--dvy-control-height:2rem}[data-devvy-density=comfortable]{--dvy-control-height:3rem}[data-devvy-typography=mono]{--dvy-font:var(--dvy-font-mono)}[data-devvy-contrast=high]{--dvy-border:currentColor;--dvy-shadow:none}
:root:has(.dvy-dialog[open]){overflow:hidden}.dvy-dialog{box-sizing:border-box;border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-lg);background:var(--dvy-background);width:min(32rem,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--dvy-foreground);font-family:var(--dvy-font);padding:0;overflow-y:auto}.dvy-dialog::backdrop{background:#000f0a8c}.dvy-dialog:not([open]):not(.dvy-dialog-inline){display:none}.dvy-dialog-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 1.5rem 0;display:flex}.dvy-dialog-title{letter-spacing:-.025em;margin:0;font-size:1.25rem;line-height:1.4}.dvy-dialog-description{color:var(--dvy-muted);margin:.5rem 0 0;font-size:.875rem;line-height:1.6}.dvy-dialog-content{padding:1.5rem}.dvy-dialog-inline{margin-block:1rem}.dvy-dialog-fallback-note{color:var(--dvy-muted);padding:1rem 1.5rem 0;font-size:.8rem}.dvy-dock,.dvy-floating-nav{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-lg);background:var(--dvy-surface);flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;width:fit-content;max-width:100%;padding:.5rem;display:flex}.dvy-dock[data-floating=true]{inset-inline:0;bottom:max(1rem, env(safe-area-inset-bottom));z-index:20;max-width:calc(100% - 2rem);margin-inline:auto;position:fixed}.dvy-dock :where(a,button),.dvy-floating-nav a{min-height:2.75rem;color:var(--dvy-foreground);border-radius:var(--dvy-radius-md);font:500 .8125rem/1.4 var(--dvy-font);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .875rem;text-decoration:none;display:inline-flex}.dvy-dock :where([aria-current=page],[aria-pressed=true]),.dvy-floating-nav a[aria-current=page]{background:var(--dvy-brand);color:var(--dvy-on-brand)}.dvy-dock :where(a,button):focus-visible,.dvy-floating-nav a:focus-visible{outline:3px solid var(--dvy-focus);outline-offset:2px}.dvy-button,.dvy-input,.dvy-card,.dvy-badge{font-family:var(--dvy-font,system-ui, sans-serif)}.dvy-button{appearance:none;border-radius:var(--dvy-radius-md,.625rem);background:var(--dvy-brand,#4255e7);min-height:2.5rem;color:var(--dvy-on-brand,white);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.25;transition:background-color .12s,border-color .12s,opacity .12s;display:inline-flex}.dvy-button[data-size=sm]{min-height:2rem;padding:.375rem .75rem;font-size:.8125rem}.dvy-button[data-size=lg]{min-height:3rem;padding:.75rem 1.25rem;font-size:1rem}.dvy-button[data-tone=neutral][data-variant=solid]{background:var(--dvy-foreground);color:var(--dvy-background)}.dvy-button[data-tone=danger][data-variant=solid]{background:var(--dvy-danger);color:var(--dvy-on-danger)}.dvy-button[data-variant=outline]{border-color:var(--dvy-border);color:var(--dvy-foreground);background:0 0}.dvy-button[data-variant=ghost]{color:var(--dvy-foreground);background:0 0}.dvy-button:hover:not(:disabled){filter:brightness(.94)}.dvy-button:disabled{opacity:.5;cursor:not-allowed}.dvy-button:focus-visible,.dvy-input:focus-visible{outline:3px solid var(--dvy-focus,#7086ff);outline-offset:2px}.dvy-input{box-sizing:border-box;border:1px solid var(--dvy-border,#d9dee6);border-radius:var(--dvy-radius-md,.625rem);background:var(--dvy-background,#fff);width:100%;min-height:2.5rem;color:var(--dvy-foreground,#141820);padding:.55rem .75rem;font-size:.875rem;line-height:1.4;display:block}.dvy-input::placeholder{color:var(--dvy-muted,#5c6470)}.dvy-input:disabled{opacity:.6;cursor:not-allowed}.dvy-badge{border:1px solid var(--dvy-border,#d9dee6);min-height:1.4rem;color:var(--dvy-foreground,#141820);background:var(--dvy-surface,#f8fafc);border-radius:9999px;align-items:center;padding:.125rem .6rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.dvy-badge[data-tone=brand]{border-color:var(--dvy-brand);color:var(--dvy-brand)}.dvy-badge[data-tone=danger]{border-color:var(--dvy-danger);color:var(--dvy-danger)}.dvy-card{background:var(--dvy-surface,#f8fafc);color:var(--dvy-foreground,#141820);border:1px solid var(--dvy-border,#d9dee6);border-radius:var(--dvy-radius-lg,1rem);box-shadow:var(--dvy-shadow,0 8px 24px #00000014);overflow:hidden}.dvy-card-header{gap:.3rem;padding:1.25rem 1.25rem 0;display:grid}.dvy-card-title{margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.dvy-card-description{color:var(--dvy-muted,#5c6470);margin:0;font-size:.9rem;line-height:1.5}.dvy-card-content{padding:1.25rem}.dvy-card-footer{gap:.5rem;padding:0 1.25rem 1.25rem;display:flex}.dvy-separator{background:var(--dvy-border,#d9dee6);flex-shrink:0}.dvy-separator[data-orientation=horizontal]{width:100%;height:1px}.dvy-separator[data-orientation=vertical]{align-self:stretch;width:1px}@media (prefers-reduced-motion:reduce){.dvy-button{transition:none}}.dvy-button,.dvy-input{min-height:var(--dvy-control-height)}.dvy-label{font:600 .875rem/1.5 var(--dvy-font);color:var(--dvy-foreground)}.dvy-textarea{resize:vertical;min-height:6rem}.dvy-input[aria-invalid=true]{border-color:var(--dvy-danger)}.dvy-checkbox,.dvy-switch{box-sizing:border-box;vertical-align:middle;cursor:pointer;accent-color:var(--dvy-brand)}.dvy-checkbox{width:1.125rem;height:1.125rem;margin:.25rem}.dvy-switch{appearance:none;border:1px solid var(--dvy-border);background:var(--dvy-surface);border-radius:2rem;width:2.5rem;height:1.5rem;margin:.25rem;padding:.125rem}.dvy-switch:before{content:"";background:var(--dvy-muted);border-radius:50%;width:1.125rem;height:1.125rem;transition:transform .12s;display:block}.dvy-switch:checked{background:var(--dvy-brand);border-color:var(--dvy-brand)}.dvy-switch:checked:before{background:var(--dvy-on-brand);transform:translate(1rem)}[dir=rtl] .dvy-switch:checked:before{transform:translate(-1rem)}.dvy-checkbox:disabled,.dvy-switch:disabled{opacity:.5;cursor:not-allowed}.dvy-checkbox:focus-visible,.dvy-switch:focus-visible,.dvy-tab:focus-visible,.dvy-tab-panel:focus-visible{outline:3px solid var(--dvy-focus);outline-offset:3px}.dvy-tab-list{border-bottom:1px solid var(--dvy-border);gap:.25rem;display:flex;overflow-x:auto}.dvy-tab{appearance:none;color:var(--dvy-muted);font:600 .875rem/1.5 var(--dvy-font);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:.75rem 1rem}.dvy-tab[aria-selected=true]{color:var(--dvy-brand);border-color:var(--dvy-brand)}.dvy-tab:disabled{opacity:.5;cursor:not-allowed}.dvy-tab-panel{padding-block:1.25rem}.dvy-tab-panel[hidden]{display:none}.dvy-tabs[data-orientation=vertical]{gap:1rem;display:flex}.dvy-tabs[data-orientation=vertical]>.dvy-tab-list{border-bottom:0;border-inline-end:1px solid var(--dvy-border);flex-direction:column}.dvy-tabs[data-orientation=vertical] .dvy-tab{border-bottom:0;border-inline-end:2px solid #0000}.dvy-tabs[data-orientation=vertical] .dvy-tab[aria-selected=true]{border-color:var(--dvy-brand)}.dvy-spinner{border:2px solid;border-inline-end-color:#0000;border-radius:50%;width:.875rem;height:.875rem;animation:.75s linear infinite dvy-spin}@keyframes dvy-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dvy-switch:before{transition:none}.dvy-spinner{animation:none}}@media (forced-colors:active){.dvy-button,.dvy-input,.dvy-switch,.dvy-badge,.dvy-card{border:1px solid buttontext}.dvy-switch{appearance:auto;width:1.25rem;height:1.25rem}.dvy-switch:before{display:none}.dvy-tab[aria-selected=true]{color:highlight;border-color:highlight}.dvy-separator{background:canvastext}}.dvy-chart{--dvy-chart-color:var(--dvy-brand);--dvy-chart-series-1:var(--dvy-brand);--dvy-chart-series-2:var(--dvy-foreground);--dvy-chart-series-3:var(--dvy-muted);--dvy-chart-series-4:var(--dvy-border);min-width:0;color:var(--dvy-foreground);font-family:var(--dvy-font);margin:0}.dvy-chart-heading{gap:var(--dvy-space-1);display:grid}.dvy-chart-heading strong{font-size:1rem;font-weight:600}.dvy-chart-heading span{color:var(--dvy-muted);font-size:.8125rem}.dvy-chart-plot{width:100%;height:auto;margin-block:var(--dvy-space-4);display:block;overflow:visible}.dvy-chart-grid line{stroke:var(--dvy-border);stroke-opacity:.25;stroke-dasharray:3 5}.dvy-chart-grid text,.dvy-chart-axis{fill:var(--dvy-muted);font:12px var(--dvy-font)}.dvy-chart-baseline{stroke:var(--dvy-border)}.dvy-chart-bar,.dvy-chart-point{fill:var(--dvy-chart-color)}.dvy-chart-line{stroke:var(--dvy-chart-color);stroke-width:3px;fill:none;stroke-linejoin:round;stroke-linecap:round}.dvy-chart-area{fill:var(--dvy-chart-color);fill-opacity:.12}.dvy-chart-track{stroke:var(--dvy-surface)}.dvy-chart-segment{stroke:var(--dvy-chart-series-1)}.dvy-chart-segment[data-shade="1"]{stroke:var(--dvy-chart-series-2)}.dvy-chart-segment[data-shade="2"]{stroke:var(--dvy-chart-series-3)}.dvy-chart-segment[data-shade="3"]{stroke:var(--dvy-chart-series-4)}.dvy-chart-legend{gap:var(--dvy-space-2);margin:var(--dvy-space-4) 0;padding:0;list-style:none;display:grid}.dvy-chart-legend li{align-items:center;gap:var(--dvy-space-2);font-size:.8125rem;display:flex}.dvy-chart-legend strong{font-variant-numeric:tabular-nums;margin-inline-start:auto}.dvy-chart-key{background:var(--dvy-chart-series-1);border-radius:50%;flex:none;width:.625rem;height:.625rem}.dvy-chart-key[data-shade="1"]{background:var(--dvy-chart-series-2)}.dvy-chart-key[data-shade="2"]{background:var(--dvy-chart-series-3)}.dvy-chart-key[data-shade="3"]{background:var(--dvy-chart-series-4)}.dvy-chart-data{border-top:1px solid var(--dvy-border);font-size:.8125rem}.dvy-chart-data summary{cursor:pointer;width:fit-content;min-height:2.75rem;padding-block:.75rem}.dvy-chart-table{overflow:auto}.dvy-chart-table table{border-collapse:collapse;text-align:start;width:100%}.dvy-chart-table caption{text-align:start;color:var(--dvy-muted);padding-block:var(--dvy-space-2)}.dvy-chart-table th,.dvy-chart-table td{padding:var(--dvy-space-2);border-bottom:1px solid var(--dvy-border);overflow-wrap:anywhere}.dvy-chart-table td{font-variant-numeric:tabular-nums;text-align:end}.dvy-chart-empty{padding-block:var(--dvy-space-8);color:var(--dvy-muted)}.dvy-navbar{align-items:center;gap:var(--dvy-space-4);padding:var(--dvy-space-3) var(--dvy-space-4);border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-background);color:var(--dvy-foreground);font-family:var(--dvy-font);flex-wrap:wrap;display:flex}.dvy-navbar-brand{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:1.125rem;font-weight:700}.dvy-navbar-brand a{color:inherit;text-decoration:none}.dvy-navbar-content{align-items:center;gap:var(--dvy-space-4);flex-wrap:wrap;flex:1;min-width:0;display:flex}.dvy-navbar-links{align-items:center;gap:var(--dvy-space-1);flex-wrap:wrap;display:flex}.dvy-navbar-links>a,.dvy-sidebar>a{justify-content:space-between;align-items:center;gap:var(--dvy-space-2);border-radius:var(--dvy-radius-sm);min-height:2.75rem;color:var(--dvy-muted);overflow-wrap:anywhere;padding:.625rem .75rem;font-size:.875rem;text-decoration:none;display:flex}.dvy-navbar-links>a:hover,.dvy-sidebar>a:hover{background:var(--dvy-surface);color:var(--dvy-foreground)}.dvy-navbar-links>a[aria-current=page],.dvy-sidebar>a[aria-current=page]{background:var(--dvy-surface);color:var(--dvy-brand);box-shadow:inset 0 -2px var(--dvy-brand);font-weight:600}.dvy-navbar-actions{margin-inline-start:auto}.dvy-navbar-toggle{align-items:center;gap:var(--dvy-space-2);border:1px solid var(--dvy-border);background:var(--dvy-surface);min-height:2.75rem;color:var(--dvy-foreground);font:inherit;border-radius:var(--dvy-radius-sm);cursor:pointer;margin-inline-start:auto;padding:.5rem .75rem;display:none}.dvy-sidebar{gap:var(--dvy-space-1);padding:var(--dvy-space-3);background:var(--dvy-surface);min-width:0;color:var(--dvy-foreground);border-radius:var(--dvy-radius-md);font-family:var(--dvy-font);flex-direction:column;display:flex}.dvy-sidebar-heading{padding:var(--dvy-space-3);letter-spacing:.08em;color:var(--dvy-muted);font-size:.6875rem;font-weight:600;display:block}.dvy-sidebar>a[aria-current=page]{background:var(--dvy-background);box-shadow:inset 2px 0 var(--dvy-brand)}.dvy-breadcrumbs{font:.8125rem/1.5 var(--dvy-font);color:var(--dvy-muted)}.dvy-breadcrumbs ol{align-items:center;gap:var(--dvy-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.dvy-breadcrumbs li{gap:var(--dvy-space-2);overflow-wrap:anywhere;align-items:baseline;min-width:0;display:flex}.dvy-breadcrumbs a{min-height:2.75rem;color:inherit;text-underline-offset:.2em;align-items:center;display:inline-flex}.dvy-breadcrumbs [aria-current=page]{color:var(--dvy-foreground);font-weight:500}.dvy-breadcrumb-divider{opacity:.5}.dvy-navbar a:focus-visible,.dvy-navbar button:focus-visible,.dvy-sidebar a:focus-visible,.dvy-breadcrumbs a:focus-visible,.dvy-chart-data summary:focus-visible{outline:3px solid var(--dvy-focus);outline-offset:3px}@media (max-width:40rem){.dvy-navbar-toggle{display:inline-flex}.dvy-navbar-content{flex-basis:100%;display:none}.dvy-navbar[data-open] .dvy-navbar-content{flex-direction:column;align-items:stretch;display:flex}.dvy-navbar-links{flex-direction:column;align-items:stretch}.dvy-navbar-actions{margin-inline-start:0}}@media (forced-colors:active){.dvy-chart-bar,.dvy-chart-point{fill:canvastext}.dvy-chart-line,.dvy-chart-baseline,.dvy-chart-segment{stroke:canvastext}.dvy-chart-grid line{stroke:graytext}.dvy-chart-grid text,.dvy-chart-axis,.dvy-chart-area{fill:canvastext}.dvy-navbar-links>a[aria-current=page],.dvy-sidebar>a[aria-current=page]{outline:1px solid highlight}}
.example-glass-toggle{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.example-material[data-devvy-material=glass]{background:radial-gradient(ellipse at 20% 10%, #4f9e86, transparent 60%), var(--dvy-surface);border-radius:1.5rem;padding:2rem 1rem}:root{font-family:var(--dvy-font);color:var(--dvy-foreground);background:var(--dvy-background)}*{box-sizing:border-box}body{margin:0}.playground{width:min(44rem,100% - 2rem);margin:3rem auto}.playground>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.eyebrow,.preview-eyebrow{letter-spacing:.1em;color:var(--dvy-brand);font-size:.7rem;font-weight:700}h1{letter-spacing:-.06em;margin:2rem 0 1rem;font-size:clamp(3rem,10vw,5rem);line-height:1.05}.lead,footer,.save-status{color:var(--dvy-muted)}.showcase{width:100%;max-width:31rem;margin-inline:auto}.showcase .dvy-card{background:var(--dvy-background)}.preview-eyebrow{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-mark{background:var(--dvy-brand);width:2rem;height:2rem;color:var(--dvy-on-brand);background:#18221c;border-radius:.5rem;place-items:center;font-size:1.125rem;display:grid}.project-mark img{object-fit:contain}.example-brand{align-items:center;gap:.75rem;display:flex}.example-brand>img{background:#18221c;border-radius:.5rem;padding:.25rem}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.field{gap:.5rem;margin-bottom:1rem;display:grid}.optional{color:var(--dvy-muted);font-weight:400}.preference{justify-content:space-between;align-items:center;gap:1rem;margin:1.25rem 0;display:flex}.preference p{color:var(--dvy-muted);margin:.25rem 0;font-size:.8rem}.check-label{align-items:center;gap:.5rem;display:flex}.preview-actions{gap:.5rem;margin-top:1.5rem;display:flex}.save-status{min-height:1rem;margin-bottom:0;font-size:.75rem}.showcase .dvy-separator{margin-block:1.5rem}.showcase .dvy-textarea{min-height:4.5rem}.showcase .dvy-card-title{font-size:1.25rem}.members{min-height:20rem}footer{margin-top:2rem;font-size:.8rem}
:root{font-family:var(--dvy-font);background:var(--dvy-background);color:var(--dvy-foreground)}*{box-sizing:border-box}body{background:color-mix(in srgb, var(--dvy-surface) 22%, var(--dvy-background));min-height:100dvh;margin:0;font-size:.9375rem;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,select:focus-visible{outline:3px solid var(--dvy-focus);outline-offset:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--dvy-brand);color:var(--dvy-on-brand);z-index:10;padding:.5rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border:1px solid color-mix(in srgb, var(--dvy-border) 28%, transparent);background:var(--dvy-background);z-index:5;border-radius:1rem;align-items:center;gap:2rem;width:min(96rem,100% - 2rem);height:4.25rem;margin:.75rem auto;padding:0 1.25rem;display:flex;position:sticky;top:.75rem;box-shadow:0 3px 16px #0f1e1408}.wordmark{letter-spacing:-.04em;align-items:center;gap:.375rem;font-size:1.375rem;font-weight:700;display:flex}.wordmark-title{align-items:baseline;display:inline-flex}.wordmark-ui{color:var(--dvy-brand);margin-left:.125rem;font-weight:400}.brand-symbol{background:#18221c;border-radius:.5rem;place-items:center;width:2.25rem;height:2.25rem;margin-right:.5rem;padding:.125rem;display:grid;box-shadow:0 2px 6px #0000001f}.brand-symbol img{object-fit:contain;width:1.875rem;height:1.875rem}.alpha-tag{font:600 .625rem/1.2 var(--dvy-font-mono);letter-spacing:.05em;margin-left:.375rem}.header-actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.header-icon-link{border-radius:var(--dvy-radius-md);width:2.25rem;height:2.25rem;color:var(--dvy-muted);place-items:center;transition:color .15s,background-color .15s;display:grid}.header-icon-link:hover{color:var(--dvy-foreground);background:var(--dvy-surface)}.site-header>nav{color:var(--dvy-muted);gap:.25rem;font-size:.8125rem;display:flex}.site-header>nav a{border-radius:.5rem;padding:.5rem .875rem;transition:background-color .16s cubic-bezier(.2,.8,.2,1),color .16s}.site-header>nav a[aria-current=page]{color:var(--dvy-foreground);background:var(--dvy-surface);font-weight:600}.site-header a:hover,.article a:hover{color:var(--dvy-brand)}.theme-control{flex-shrink:0;width:8.25rem}.theme-control .docs-select{min-height:2.5rem;box-shadow:none;background:var(--dvy-surface);border-color:#0000}.docs-shell{grid-template-columns:15.5rem minmax(0,1fr);max-width:96rem;margin:auto;display:grid}.sidebar{border-inline-end:1px solid color-mix(in srgb, var(--dvy-border) 25%, transparent);height:calc(100dvh - 6rem);padding:1.75rem 1.25rem 2rem 1.5rem;position:sticky;top:6rem;overflow-y:auto}.sidebar-search{position:relative}.sidebar-search>svg{inset-inline-start:.75rem;color:var(--dvy-muted);pointer-events:none;position:absolute;top:.8125rem}.sidebar-search>.dvy-input{background:var(--dvy-surface);border-color:#0000;border-radius:.625rem;min-height:2.75rem;padding-inline-start:2.375rem;font-size:.75rem}.mobile-nav-toggle{display:none}.nav-heading{letter-spacing:.125em;color:var(--dvy-muted);margin:2rem .625rem .75rem;font-size:.625rem;font-weight:700}.nav-component-heading{justify-content:space-between;display:flex}.sidebar nav a{color:var(--dvy-muted);border-radius:.5rem;justify-content:space-between;align-items:center;margin-block:.125rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.sidebar nav a:hover{color:var(--dvy-brand);background:var(--dvy-surface)}.sidebar nav a[aria-current=page]{background:color-mix(in srgb, var(--dvy-brand) 8%, var(--dvy-background));color:var(--dvy-brand);font-weight:600}.nav-new{background:color-mix(in srgb, var(--dvy-brand) 8%, var(--dvy-background));color:var(--dvy-brand);border-radius:.25rem;padding:.0625rem .375rem;font-size:.5625rem;font-weight:600}.nav-count-badge{min-height:1.125rem;padding:.0625rem .375rem;font-size:.625rem}.nav-enhancement-indicator{color:var(--dvy-brand);margin-left:auto;padding-left:.25rem;font-size:.625rem}.sidebar-status-pill{color:var(--dvy-foreground);align-items:center;gap:.375rem;font-weight:600;display:flex}.sidebar-version-tag{color:var(--dvy-muted);margin-top:.25rem;display:block}.nav-component-heading>span{letter-spacing:0;background:var(--dvy-surface);border-radius:.25rem;padding-inline:.375rem;font-size:.5625rem}.nav-dot{background:var(--dvy-muted);opacity:.6;border-radius:50%;width:.25rem;height:.25rem}.sidebar-note{color:var(--dvy-foreground);border-top:1px solid color-mix(in srgb, var(--dvy-border) 30%, transparent);margin:2rem .625rem 0;padding-top:1.25rem;font-size:.6875rem;line-height:1.9}.sidebar-note>span:last-child{color:var(--dvy-muted)}.status-dot{background:var(--dvy-brand);vertical-align:middle;border-radius:50%;width:.375rem;height:.375rem;margin-right:.375rem;display:inline-block}.main-content{min-width:0;max-width:78rem;padding:2rem 3.5rem 0}.breadcrumb{font-size:.6875rem;font-family:var(--dvy-font-mono);color:var(--dvy-muted);text-transform:capitalize;margin-bottom:2.25rem}.breadcrumb span{color:var(--dvy-foreground);padding-left:.5rem}.release-note{letter-spacing:.08em;color:var(--dvy-brand);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.6875rem;font-weight:700;display:flex}.release-note-label{font-family:var(--dvy-font-mono);letter-spacing:.08em}.release-note .dvy-badge{font:600 .6875rem/1.2 var(--dvy-font-mono)}.home-intro h1{letter-spacing:-.04em;margin:.75rem 0 1.25rem;font-size:clamp(2rem,3.8vw,3.5rem);font-weight:750;line-height:1.15}.home-intro em{color:var(--dvy-brand);font-style:normal}.intro-copy{color:var(--dvy-muted);max-width:44rem;margin:0 0 2rem;font-size:1.0625rem;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin:0 0 1.75rem;display:flex}.hero-primary-btn{gap:.5rem;padding-inline:1.25rem}.hero-secondary-btn{padding-inline:1.25rem}.primary-link{background:var(--dvy-brand);color:var(--dvy-on-brand);border-radius:2rem;align-items:center;gap:1.5rem;padding:.5rem .5rem .5rem 1.125rem;font-size:.8125rem;font-weight:600;display:inline-flex}.primary-link>span{background:#ffffff26;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;display:grid}.site-header .primary-link:hover,.article a.primary-link:hover{color:var(--dvy-on-brand)}.secondary-link{font-size:.8125rem;font-weight:500}.secondary-link span{margin-left:.625rem}.hero-facts{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.section-divider{margin-block:3.5rem}.section-label{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.25rem;display:flex}.section-label h2{letter-spacing:-.025em;color:var(--dvy-foreground);margin:0;font-size:1.25rem;font-weight:700}.section-subtext,.section-caption{color:var(--dvy-muted);margin:.25rem 0 0;font-size:.875rem;line-height:1.5}.section-label>span{color:var(--dvy-muted);font:.5625rem/1.5 var(--dvy-font-mono);letter-spacing:.1em}.workbench{border:1px solid color-mix(in srgb, var(--dvy-border) 45%, transparent);border-radius:1rem;overflow:hidden}.workbench-toolbar{border-bottom:1px solid color-mix(in srgb, var(--dvy-border) 35%, transparent);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem;display:flex}.workbench-toolbar .dvy-button{min-height:1.75rem;font-size:.6875rem;font-weight:500}.view-buttons,.preview-options{gap:.25rem;display:flex}.view-buttons button[aria-pressed=true]{background:var(--dvy-surface);font-weight:650}.preview-canvas{background-color:var(--dvy-surface);background-image:radial-gradient(color-mix(in srgb, var(--dvy-border) 35%, transparent) .5px, transparent .5px);color:var(--dvy-foreground);background-size:.75rem .75rem;min-height:34rem;padding:2.5rem 1.5rem}.preview-mobile .showcase{max-width:20rem}.preview-canvas .dvy-card{border-color:color-mix(in srgb, var(--dvy-border) 50%, transparent);box-shadow:0 3px 12px #0f1e140d}.preview-canvas .dvy-card-header{padding:1.5rem 1.5rem 0}.preview-canvas .dvy-card-content{padding:1.25rem 1.5rem .25rem}.preview-canvas .dvy-card-title{letter-spacing:-.035em;font-weight:650}.preview-canvas .dvy-card-description{font-size:.75rem}.preview-canvas .dvy-tab{padding:.5rem .75rem;font-size:.75rem}.preview-canvas .dvy-tab-panel{padding-block:1.25rem}.preview-canvas .dvy-label,.preview-canvas .dvy-input{font-size:.75rem}.preview-canvas .check-label{font-size:.6875rem}.preview-canvas .dvy-button{font-size:.75rem}.showcase .dvy-card{border-radius:.5rem}.workbench-footer{color:var(--dvy-muted);border-top:1px solid color-mix(in srgb, var(--dvy-border) 30%, transparent);justify-content:space-between;align-items:center;padding:.625rem 1rem;font-size:.625rem;display:flex}.workbench-footer .dvy-badge{min-height:1rem;padding:.125rem .375rem;font-size:.5625rem}.workbench-code{min-height:34rem;padding:1.5rem}.principles{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:1.5rem 0 3rem;display:grid}.principles-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:1.5rem 0;display:grid}.principle-card{border-color:color-mix(in srgb, var(--dvy-border) 40%, transparent);flex-direction:column;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s,box-shadow .16s;display:flex;box-shadow:0 2px 8px #0000000a}.principle-card:hover{border-color:color-mix(in srgb, var(--dvy-brand) 45%, var(--dvy-border));box-shadow:0 6px 20px #00000012}.principle-card-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.principle-number{font-family:var(--dvy-font-mono);color:var(--dvy-muted);font-size:.75rem;font-weight:700}.principle-card .dvy-card-title{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.125rem}.principle-card .dvy-card-description{font-size:.8125rem;line-height:1.5}.principle-card .dvy-card-content{margin-top:auto;padding-top:.75rem}.principle-card .dvy-card-content p{color:var(--dvy-muted);margin:0;font-size:.8125rem;line-height:1.6}.principles h2{letter-spacing:-.02em;margin:.5rem 0;font-size:.875rem;font-weight:600}.principles p{color:var(--dvy-muted);margin:0;font-size:.75rem;line-height:1.8}.local-start{border-top:1px solid color-mix(in srgb, var(--dvy-border) 30%, transparent);grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding-block:2rem;display:grid}.local-start-card{background:color-mix(in srgb, var(--dvy-surface) 60%, var(--dvy-background));border-color:color-mix(in srgb, var(--dvy-border) 45%, transparent);margin-top:2rem;padding:0;display:block}.local-start-card .dvy-card-header{padding-bottom:.5rem}.quickstart-header-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.local-start-footer{flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.local-start h2{letter-spacing:-.04em;margin:.5rem 0;font-size:1.375rem;font-weight:600}.local-start p{color:var(--dvy-muted);font-size:.75rem}.alpha-disclosure-box{background:var(--dvy-surface);border:1px solid color-mix(in srgb, var(--dvy-border) 35%, transparent);border-radius:var(--dvy-radius-md);align-items:center;gap:.625rem;margin-top:2rem;padding:.875rem 1.25rem;display:flex}.alpha-disclosure-box .alpha-disclosure{color:var(--dvy-muted);margin:0;font-size:.8125rem;line-height:1.5}.eyebrow{font-size:.625rem;font-family:var(--dvy-font-mono);letter-spacing:.08em;color:var(--dvy-muted);font-weight:700}.code-block{border:1px solid color-mix(in srgb, var(--dvy-border) 40%, transparent);background:var(--dvy-surface);border-radius:.75rem;min-width:0;padding:1.25rem;font-size:.75rem;position:relative}.code-block pre{line-height:1.9;font-family:var(--dvy-font-mono);tab-size:2;margin:1.5rem 0 0;overflow-x:auto}.code-block .dvy-button{min-height:1.5rem;padding:.25rem .5rem;font-size:.625rem;position:absolute;top:.375rem;right:.5rem}.copy-status{color:var(--dvy-brand);min-height:1rem;margin-top:.375rem;font-size:.6875rem;display:block}.alpha-disclosure{color:var(--dvy-muted);font-size:.6875rem}.footer-separator{margin-top:4rem}.site-footer{color:var(--dvy-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0 2.5rem;font-size:.75rem;display:flex}.footer-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.footer-sep{opacity:.5}.site-footer a{color:var(--dvy-foreground);letter-spacing:.02em;font-size:.75rem;font-weight:600}.article h1{letter-spacing:-.04em;margin:1rem 0;font-size:clamp(2.25rem,4vw,3.5rem);font-weight:700;line-height:1.15}.page-lead{color:var(--dvy-muted);max-width:44rem;margin-bottom:2rem;font-size:1.0625rem;line-height:1.7}.article h2{letter-spacing:-.02em;margin-top:2rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.article p,.article li{color:var(--dvy-muted);font-size:.875rem;line-height:1.7}.article a:not(.primary-link):not(.component-card-link):not(.dvy-button){color:var(--dvy-brand)}.article .primary-link{margin-top:1rem}.table-card{border-color:color-mix(in srgb, var(--dvy-border) 40%, transparent);margin-top:1rem;box-shadow:0 2px 8px #0000000a}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:start;width:100%;font-size:.8125rem}td,th{border-bottom:1px solid color-mix(in srgb, var(--dvy-border) 25%, transparent);vertical-align:top;padding:.875rem 1rem}th{background:var(--dvy-surface);color:var(--dvy-foreground);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:650}td{color:var(--dvy-muted)}.prop-cell-name{font-family:var(--dvy-font-mono);color:var(--dvy-foreground);font-size:.8125rem;font-weight:600}.prop-cell-type{font-family:var(--dvy-font-mono);color:var(--dvy-brand);font-size:.75rem}.component-grid{border-top:none;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.component-card-link{color:inherit;border-bottom:none;text-decoration:none;display:block}.component-card-link:hover{color:inherit}.component-card-link:focus-visible{outline:none}.component-card-link:focus-visible .component-catalog-card{outline:3px solid var(--dvy-focus);outline-offset:2px}.component-catalog-card{border-color:color-mix(in srgb, var(--dvy-border) 40%, transparent);flex-direction:column;justify-content:space-between;height:100%;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s,box-shadow .16s;display:flex;box-shadow:0 2px 8px #0000000a}.component-card-link:hover .component-catalog-card{border-color:var(--dvy-brand);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.component-card-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.component-catalog-card .dvy-card-title{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.125rem}.component-catalog-card .dvy-card-description{font-size:.8125rem;line-height:1.5}.component-card-footer{border-top:1px solid color-mix(in srgb, var(--dvy-border) 25%, transparent);color:var(--dvy-brand);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;font-size:.8125rem;font-weight:500;display:flex}.component-card-link:hover .inspect-arrow{transition:transform .14s;transform:translate(3px)}.component-page-header{margin-bottom:1.5rem}.component-badges{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.a11y-callout-card{border-inline-start:4px solid var(--dvy-brand);margin-top:1rem}.preview-container{margin-top:1.5rem}.component-doc-section h2{letter-spacing:-.02em;margin-top:0;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.component-directory{border-top:1px solid color-mix(in srgb, var(--dvy-border) 35%, transparent)}.component-directory>a{border-bottom:1px solid color-mix(in srgb, var(--dvy-border) 35%, transparent);align-items:start;gap:1.5rem;padding-block:1.25rem;display:flex}.component-directory.component-grid{border-top:none}.component-directory.component-grid>a{border-bottom:none;padding-block:0}.component-directory h2{margin:0;font-size:1rem}.component-directory p{margin:.25rem 0 0;font-size:.75rem}.component-directory>a>span:last-child{margin-left:auto}.component-index{font:.75rem/1 var(--dvy-font-mono);color:var(--dvy-muted);font-weight:700}.component-preview{background:var(--dvy-surface);border:1px solid color-mix(in srgb, var(--dvy-border) 50%, transparent);border-radius:var(--dvy-radius-lg);align-content:center;min-height:10rem;padding:2rem;display:grid;box-shadow:0 2px 8px #00000008}.component-preview .field{max-width:25rem}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.control-stack{gap:.75rem;display:grid}.control-stack label{align-items:center;gap:.5rem;display:flex}.component-preview p{margin-block:1rem}.not-found{max-width:40rem;margin:5rem auto;padding:1rem}@media (min-width:1600px){.main-content{padding-inline:5rem}}@media (max-width:1100px){.main-content{padding-inline:2rem}.site-header{gap:1.5rem}.docs-shell{grid-template-columns:14rem minmax(0,1fr)}.sidebar{padding-inline:1rem}.principles{gap:1.25rem}}@media (max-width:800px){.site-header{gap:1.5rem;padding-inline:1.25rem}.site-header>nav{gap:0}.site-header>nav a{padding-inline:.5rem;font-size:.75rem}.docs-shell{grid-template-columns:12rem minmax(0,1fr)}.main-content{padding:1.5rem}.home-intro h1{font-size:3.5rem}.principles,.principles-cards,.local-start{grid-template-columns:1fr;gap:1.5rem}.section-label>span{display:none}.preview-canvas{padding:1.5rem 1rem}}@media (max-width:900px){.site-header{flex-wrap:wrap;gap:.5rem;width:calc(100% - 1.5rem);height:auto;min-height:4.5rem;padding:.75rem;top:.5rem}.wordmark{font-size:1.5rem}.site-header>nav{order:3;justify-content:space-between;gap:0;width:100%;font-size:.75rem}.site-header>nav a:last-child,.docs-shell{display:block}.sidebar{border:0;height:auto;padding:0 1rem;position:static}.mobile-nav-toggle{width:100%;min-height:2.75rem;color:var(--dvy-muted);border:0;border-bottom:1px solid color-mix(in srgb, var(--dvy-border) 28%, transparent);font:500 .75rem/1.5 var(--dvy-font);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:.625rem .25rem;display:flex}.mobile-nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.sidebar[data-expanded=false] .sidebar-content{display:none}.sidebar-content{padding-top:1rem}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .5rem;display:grid}.sidebar nav .nav-heading{grid-column:1/-1;margin-top:1.5rem}.sidebar nav a{min-height:2.75rem;font-size:.75rem}.sidebar-note{margin-bottom:1rem}.theme-control{width:7.5rem}.main-content{padding:1.5rem 1rem 0}.breadcrumb{margin-bottom:1.75rem}.home-intro h1{font-size:clamp(2.5rem,10vw,3.75rem)}.intro-copy{font-size:.875rem}.hero-actions{gap:1rem}.hero-facts{gap:.75rem;font-size:.625rem}.section-label{margin-top:2.5rem}.preview-canvas{padding:1.25rem .625rem}.preview-canvas .dvy-card-header{padding:1rem 1rem 0}.preview-canvas .dvy-card-content{padding-inline:1rem}.preview-canvas .dvy-card-title{font-size:1.125rem}.preview-canvas .dvy-tab{padding-inline:.5rem}.preview-options{gap:0}.workbench-toolbar{padding-inline:.375rem}.workbench-toolbar .dvy-button{padding-inline:.5rem;font-size:.625rem}.preview-canvas .check-label{align-items:flex-start}.component-preview{padding:1rem}.component-directory>a{gap:1rem}}@media (min-width:601px) and (max-width:900px){.main-content{padding:2rem 2rem 0}.site-header>nav{justify-content:flex-start;gap:.5rem}.sidebar{padding-inline:2rem}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:400px){.alpha-tag{display:none}.site-header>nav a{padding-inline:.375rem;font-size:.6875rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto}}.component-collection{margin-block:3rem}.component-collection-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;margin-block-start:1.5rem;display:grid}.component-collection-example{border:1px solid color-mix(in srgb, var(--dvy-border) 35%, transparent);border-radius:var(--dvy-radius-lg);background:var(--dvy-background);min-width:0;padding:1.25rem}.component-collection-label{letter-spacing:.06em;color:var(--dvy-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:1.5rem;font-size:.625rem;display:flex}.data-preview,.navigation-preview-navbar{width:100%;min-width:0}.data-preview-toolbar{background:var(--dvy-surface);border-radius:var(--dvy-radius-md);gap:.25rem;width:fit-content;margin-block-end:1.25rem;padding:.25rem;display:flex}.data-preview-toolbar button{min-height:2.75rem;color:var(--dvy-muted);border-radius:var(--dvy-radius-sm);text-transform:capitalize;font:500 .8125rem var(--dvy-font);cursor:pointer;background:0 0;border:0;padding:.5rem .875rem}.data-preview-toolbar button[aria-pressed=true]{background:var(--dvy-background);color:var(--dvy-foreground);box-shadow:var(--dvy-shadow)}.data-preview-toolbar button:focus-visible{outline:3px solid var(--dvy-focus);outline-offset:2px}.navigation-preview-workspace{grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:1rem;width:100%;display:grid}.navigation-preview-content{overflow-wrap:anywhere;min-width:0;padding:1rem .25rem}.navigation-preview-content h3{margin:.75rem 0;font-size:1.25rem}.navigation-preview-content p,.navigation-preview-navbar>p{color:var(--dvy-muted);font-size:.8125rem}:is(.component-preview:has(.data-preview),.component-preview:has(.navigation-preview-workspace),.component-preview:has(.navigation-preview-navbar)){display:block}.component-collection .dvy-navbar,.component-collection .dvy-navbar-content{gap:.5rem}@media (max-width:70rem){.component-collection-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:32rem){.navigation-preview-workspace{grid-template-columns:minmax(0,1fr)}.component-collection-example{padding:.75rem}.data-preview-toolbar button{padding-inline:.625rem}}
.select-field{align-content:start;gap:.5rem;min-width:0;display:grid}.select-label{color:var(--dvy-muted);letter-spacing:.01em;font-size:.6875rem;font-weight:600}.select-shell{min-width:0;position:relative}.docs-select{appearance:none;border:1px solid color-mix(in srgb, var(--dvy-border) 70%, transparent);background:var(--dvy-background);width:100%;min-height:2.75rem;color:var(--dvy-foreground);cursor:pointer;border-radius:.625rem;margin:0;padding:.625rem 2.5rem .625rem .875rem;font-size:.8125rem;font-weight:500;line-height:1.4;transition:border-color .16s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 1px 2px #0f1e1408}.select-shell[data-has-icon] .docs-select{padding-inline-start:2.5rem}.select-leading,.select-chevron{color:var(--dvy-muted);pointer-events:none;align-items:center;display:flex;position:absolute;inset-block:0}.select-leading{inset-inline-start:.875rem}.select-chevron{inset-inline-end:.75rem}.select-chevron svg{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.select-shell:has(select:open) .select-chevron svg{transform:rotate(180deg)}.docs-select:hover{border-color:var(--dvy-border)}.docs-select:focus-visible{outline:2px solid var(--dvy-focus);outline-offset:3px}.docs-select:disabled{cursor:not-allowed;opacity:.6}.select-description{color:var(--dvy-muted);margin:0;font-size:.6875rem;line-height:1.6}.atmosphere-swatch{background:#087565;border-radius:50%;width:.875rem;height:.875rem;box-shadow:inset 0 0 0 1px #0000001f,0 0 0 3px #0875651f}.atmosphere-swatch[data-atmosphere=ocean]{background:#165d9a;box-shadow:inset 0 0 0 1px #0000001f,0 0 0 3px #165d9a1f}.atmosphere-swatch[data-atmosphere=amber]{background:#a36120;box-shadow:inset 0 0 0 1px #0000001f,0 0 0 3px #a361201f}@media (hover:hover) and (pointer:fine) and (min-width:600px){@supports (appearance:base-select) and selector(::picker(select)){.docs-select{appearance:base-select}.docs-select::picker(select){appearance:base-select}.docs-select{align-items:center}.docs-select::picker-icon{display:none}.docs-select::picker(select){border:1px solid color-mix(in srgb, var(--dvy-border) 55%, transparent);background:var(--dvy-background);color:var(--dvy-foreground);border-radius:.875rem;max-block-size:18rem;margin-block-start:.5rem;padding:.375rem;overflow:auto;box-shadow:0 12px 40px #0000001f,0 2px 6px #0000000a}.docs-select option{cursor:pointer;border-radius:.5rem;align-items:center;gap:1.5rem;min-height:2.75rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:450;display:flex}.docs-select option::checkmark{color:var(--dvy-brand);order:1;margin-inline-start:auto}.docs-select option:hover,.docs-select option:focus-visible{background:var(--dvy-surface);outline:2px solid var(--dvy-focus);outline-offset:-2px}.docs-select option:checked{background:color-mix(in srgb, var(--dvy-brand) 10%, var(--dvy-background));color:var(--dvy-brand);font-weight:600}}}@media (prefers-reduced-motion:reduce){.docs-select,.select-chevron svg{transition:none}}@media (forced-colors:active){.docs-select{color:fieldtext;box-shadow:none;background:field;border-color:buttontext}.select-leading,.select-chevron{color:buttontext}.atmosphere-swatch{box-shadow:none;border:1px solid buttontext}}
.code-playground{margin-top:4rem;scroll-margin-top:8rem}.customize-heading h2{letter-spacing:-.04em;margin:.5rem 0 1rem;font-size:1.75rem;line-height:1.2}.customize-heading p{max-width:38rem;margin-bottom:1.5rem}.code-playground-grid{background:var(--dvy-surface);border:1px solid color-mix(in srgb, var(--dvy-border) 35%, transparent);border-radius:1rem;grid-template-columns:1fr 1fr;gap:.5rem;padding:.375rem;display:grid}.code-playground-editor,.code-playground-preview{border:1px solid color-mix(in srgb, var(--dvy-border) 35%, transparent);background:var(--dvy-background);border-radius:.75rem;min-width:0;overflow:hidden}.editor-heading{border-bottom:1px solid color-mix(in srgb, var(--dvy-border) 30%, transparent);min-height:3.5rem;font:500 .6875rem/1.5 var(--dvy-font-mono);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.editor-language{color:var(--dvy-muted);letter-spacing:.075em;font-size:.5rem}.code-playground .editor-heading{min-height:4.25rem}.editor-files{gap:.25rem;display:flex}.editor-files button{min-height:2.75rem;color:var(--dvy-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.5rem .75rem}.editor-files button[aria-pressed=true]{color:var(--dvy-foreground);background:var(--dvy-surface)}.code-input{resize:vertical;width:100%;min-height:26rem;max-height:70rem;color:var(--dvy-foreground);background:var(--dvy-background);font:.75rem/1.8 var(--dvy-font-mono);tab-size:2;white-space:pre;border:0;border-radius:0;margin:0;padding:1.25rem;display:block;overflow:auto}.code-input:focus-visible{outline:2px solid var(--dvy-focus);outline-offset:-3px}.editor-run{border-top:1px solid color-mix(in srgb, var(--dvy-border) 30%, transparent);color:var(--dvy-muted);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.625rem;display:flex}.code-playground-preview{flex-direction:column;display:flex}.code-playground-preview iframe{background:var(--dvy-background);border:0;flex:1;width:100%;min-height:29rem;display:block}.editor-help,.article .editor-help{color:var(--dvy-muted);margin:1rem 0;font-size:.75rem;line-height:1.8}.editor-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.editor-actions>[role=status]{width:100%;min-height:1.5rem;color:var(--dvy-muted);font-size:.75rem}.editor-actions .dvy-button{min-height:2.75rem}.source-editor{border:1px solid color-mix(in srgb, var(--dvy-border) 40%, transparent);border-radius:.875rem;overflow:hidden}.source-editor .editor-help,.source-editor .editor-actions{background:var(--dvy-surface);margin:0;padding:1rem}.source-editor .editor-actions{padding-top:0}.glass-customize-link{color:var(--dvy-brand);align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;font-weight:500;display:inline-flex}@media (max-width:1100px){.code-playground-grid{grid-template-columns:1fr}}@media (max-width:600px){.code-input{min-height:22rem;padding:1rem;font-size:1rem}.code-playground-grid{padding:.25rem}.editor-heading{padding-inline:.75rem}.editor-language{display:none}}
:root,[data-devvy-theme]{--dvy-background:#f5f3ee;--dvy-surface:#eae7e0;--dvy-foreground:#242321;--dvy-muted:#62605b;--dvy-border:#98948b;--dvy-brand:#282724;--dvy-on-brand:#f8f6f1;--dvy-focus:#242321;--dvy-glass-tint:245 243 238;--dvy-shadow:0 1px 2px #1e1c180d;--dvy-radius-sm:.1875rem;--dvy-radius-md:.375rem;--dvy-radius-lg:.5rem}[data-devvy-theme=dark]{--dvy-background:#1b1a18;--dvy-surface:#262522;--dvy-foreground:#eeeae2;--dvy-muted:#bbb6ac;--dvy-border:#817b70;--dvy-brand:#eeeae2;--dvy-on-brand:#242321;--dvy-focus:#eeeae2;--dvy-glass-tint:27 26 24;--dvy-shadow:0 1px 2px #00000014}@media (prefers-color-scheme:dark){:root:not([data-devvy-theme=light]):not([data-devvy-theme=dark]),[data-devvy-theme=system]{--dvy-background:#1b1a18;--dvy-surface:#262522;--dvy-foreground:#eeeae2;--dvy-muted:#bbb6ac;--dvy-border:#817b70;--dvy-brand:#eeeae2;--dvy-on-brand:#242321;--dvy-focus:#eeeae2;--dvy-glass-tint:27 26 24;--dvy-shadow:0 1px 2px #00000014}}body{background:var(--dvy-background)}.site-header{border:0;border-bottom:1px solid color-mix(in srgb, var(--dvy-border) 38%, transparent);width:min(96rem,100%);box-shadow:none;background:var(--dvy-background);border-radius:0;min-height:4.75rem;margin-block:0;top:0}.brand-symbol,.project-mark{box-shadow:none;background:#242321;border-radius:.25rem}.brand-symbol img,.project-mark img{filter:grayscale()}.wordmark-ui{color:var(--dvy-muted)}.site-header>nav a{border-radius:.25rem}.site-header>nav a[aria-current=page]{text-underline-offset:.5rem;background:0 0;text-decoration:underline}.sidebar{height:calc(100dvh - 4.75rem);top:4.75rem}.sidebar nav a{border-radius:.1875rem}.sidebar nav a[aria-current=page]{background:var(--dvy-surface);box-shadow:inset 2px 0 var(--dvy-foreground)}.sidebar-search>.dvy-input{border-color:color-mix(in srgb, var(--dvy-border) 65%, transparent);background:0 0;border-radius:.25rem}.home-intro{padding-block:1.5rem .5rem}.home-intro h1{letter-spacing:-.055em;margin-block:1.5rem;font-size:clamp(2.75rem,5.4vw,5rem);font-weight:650;line-height:1.03}.home-intro h1 span{display:block}.home-intro h1 span+span{color:var(--dvy-muted)}.intro-copy{max-width:38rem;font-size:1rem;line-height:1.8}.hero-facts{gap:.5rem 1.25rem}.hero-facts .dvy-badge{color:var(--dvy-muted);background:0 0;border:0;padding:0;font-size:.6875rem;font-weight:500}.hero-facts .dvy-badge:before{content:"✓";color:var(--dvy-foreground);margin-inline-end:.375rem}.release-note{color:var(--dvy-muted);font-weight:500}.release-note .dvy-badge{color:var(--dvy-foreground);border-color:var(--dvy-border);background:0 0}.section-divider{background:color-mix(in srgb, var(--dvy-border) 38%, transparent)}.section-label h2{letter-spacing:-.035em;font-size:1.375rem;font-weight:600}.section-label>.dvy-badge{color:var(--dvy-muted);font-family:var(--dvy-font-mono);background:0 0;border:0;padding:0;font-size:.625rem;font-weight:400}.workbench{border-radius:.375rem;box-shadow:0 2px 3px #1e1c1808}.workbench-toolbar{background:var(--dvy-background)}.preview-canvas{background-image:none;background-color:var(--dvy-surface)}.preview-canvas .dvy-card{box-shadow:0 6px 18px #1e1c180d}.component-collection-grid{border-block:1px solid color-mix(in srgb, var(--dvy-border) 38%, transparent);gap:0}.component-collection-example{background:0 0;border:0;border-radius:0;padding:1.5rem}.component-collection-example+.component-collection-example{border-inline-start:1px solid color-mix(in srgb, var(--dvy-border) 38%, transparent)}.component-collection-label{font-family:var(--dvy-font-mono);font-size:.625rem}.data-preview-toolbar{background:var(--dvy-surface);border-radius:.25rem}.data-preview-toolbar button{border-radius:.1875rem}.dvy-chart{--dvy-chart-color:var(--dvy-foreground)}.principles-cards{gap:2rem}.principle-card,.principle-card:hover{border:0;border-top:1px solid color-mix(in srgb, var(--dvy-border) 50%, transparent);box-shadow:none;background:0 0;border-radius:0}.principle-card .dvy-card-header{padding:1.25rem 0 0}.principle-card .dvy-card-content{padding:.75rem 0 0}.principle-card .dvy-badge{color:var(--dvy-muted);font-size:.625rem;font-family:var(--dvy-font-mono);background:0 0;border:0;padding:0}.local-start-card{background:var(--dvy-surface);box-shadow:none;border-radius:.375rem}.alpha-disclosure-box{background:0 0;border:0;border-radius:0;padding-inline:0}.component-catalog-card,.table-card,.a11y-callout-card{box-shadow:none}.component-catalog-card:hover{box-shadow:none;transform:none}.component-catalog-card{background:0 0;border-radius:.375rem}.code-block{border-radius:.25rem}@media (max-width:70rem){.component-collection-example+.component-collection-example{border-inline-start:0;border-top:1px solid color-mix(in srgb, var(--dvy-border) 38%, transparent)}}@media (max-width:900px){.sidebar{height:auto;top:auto}}@media (max-width:600px){.site-header{min-height:4.5rem}.home-intro{padding-block-start:.5rem}.home-intro h1{font-size:clamp(2.5rem,9.5vw,3.75rem)}.component-collection-example{padding:1.25rem .5rem}}