: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-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}}.dvy-select{appearance:auto;box-sizing:border-box;width:100%;min-width:0;min-height:var(--dvy-control-height,2.5rem);border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-background);color:var(--dvy-foreground);font:400 .875rem/1.4 var(--dvy-font);padding:.55rem .75rem;padding-inline-end:2.5rem;display:block}.dvy-select[data-size=sm]{min-height:2rem;padding-block:.375rem}.dvy-select[data-size=lg]{min-height:3rem;padding-block:.75rem;font-size:1rem}.dvy-select[data-variant=filled]{background:var(--dvy-surface)}.dvy-select:focus-visible{outline:3px solid var(--dvy-focus);outline-offset:2px}.dvy-select[aria-invalid=true]{border-color:var(--dvy-danger)}.dvy-select:disabled{opacity:.5;cursor:not-allowed}.dvy-select:where([multiple],[size]:not([size="0"]):not([size="1"])){padding:.55rem .75rem}.dvy-alert{box-sizing:border-box;border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-surface);width:100%;color:var(--dvy-foreground);font:400 .875rem/1.6 var(--dvy-font);align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.dvy-alert[data-tone=brand]{border-color:var(--dvy-brand)}.dvy-alert[data-tone=danger]{border-color:var(--dvy-danger)}.dvy-alert[data-variant=outline]{background:var(--dvy-background)}.dvy-alert-icon{flex:0 0 1.25rem;margin-top:.125rem;display:flex}.dvy-alert-icon>svg{width:1.25rem;height:1.25rem}.dvy-alert[data-tone=brand] .dvy-alert-icon{color:var(--dvy-brand)}.dvy-alert[data-tone=danger] .dvy-alert-icon{color:var(--dvy-danger)}.dvy-alert-content{overflow-wrap:anywhere;flex:1;min-width:0}.dvy-alert-content>:first-child{margin-top:0}.dvy-alert-content>:last-child{margin-bottom:0}.dvy-progress{appearance:none;background:var(--dvy-surface);width:100%;height:.5rem;color:var(--dvy-brand);accent-color:var(--dvy-brand);border:0;border-radius:999px;display:block;overflow:hidden}.dvy-progress[data-size=sm]{height:.25rem}.dvy-progress[data-size=lg]{height:.75rem}.dvy-progress[data-tone=neutral]{color:var(--dvy-muted);accent-color:var(--dvy-muted)}.dvy-progress::-webkit-progress-bar{background:var(--dvy-surface);border-radius:inherit}.dvy-progress::-webkit-progress-value{border-radius:inherit;background:currentColor}.dvy-progress::-moz-progress-bar{border-radius:inherit;background:currentColor}.dvy-progress:indeterminate{background:repeating-linear-gradient(110deg, var(--dvy-border) 0 .5rem, var(--dvy-surface) .5rem 1rem)}.dvy-progress:indeterminate::-webkit-progress-bar{background:0 0}.dvy-progress:indeterminate::-moz-progress-bar{background:0 0}.dvy-skeleton{box-sizing:border-box;border-radius:var(--dvy-radius-sm);background:var(--dvy-border);opacity:.35;width:100%;height:1em;display:block}.dvy-skeleton[data-variant=circle]{border-radius:50%;width:2.5rem;height:2.5rem}.dvy-skeleton[data-variant=rect]{border-radius:var(--dvy-radius-md);height:6rem}.dvy-skeleton[data-animated=true]{animation:1.8s ease-in-out infinite dvy-skeleton-pulse}@keyframes dvy-skeleton-pulse{50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.dvy-skeleton{animation:none!important}}@media (forced-colors:active){.dvy-alert{border-color:canvastext}.dvy-alert-icon{color:canvastext!important}.dvy-progress{color:highlight;border:1px solid canvastext}.dvy-progress::-webkit-progress-value{background:highlight}.dvy-progress::-moz-progress-bar{background:highlight}.dvy-skeleton{background:graytext;animation:none!important}}.dvy-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dvy-avatar,.dvy-avatar-overflow{box-sizing:border-box;border:1px solid var(--dvy-border);background:var(--dvy-surface);width:2.75rem;height:2.75rem;color:var(--dvy-foreground);font:600 .875rem/1 var(--dvy-font);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.dvy-avatar img{object-fit:cover;width:100%;height:100%}.dvy-avatar[data-size=sm]{width:2rem;height:2rem;font-size:.75rem}.dvy-avatar[data-size=lg]{width:4rem;height:4rem;font-size:1.25rem}.dvy-avatar[data-shape=square]{border-radius:var(--dvy-radius-md)}.dvy-avatar-group{flex-wrap:wrap;align-items:center;padding-inline-start:.4rem;display:flex}.dvy-avatar-group>*{box-shadow:0 0 0 2px var(--dvy-background);margin-inline-start:-.4rem}.dvy-aspect-ratio{width:100%;position:relative;overflow:hidden}.dvy-aspect-ratio:before{content:"";padding-block-end:calc(100% / var(--dvy-aspect-ratio,1));display:block}.dvy-aspect-ratio-content{place-items:center;display:grid;position:absolute;inset:0}.dvy-aspect-ratio-content>img,.dvy-aspect-ratio-content>video{object-fit:cover;width:100%;height:100%}.dvy-container{box-sizing:border-box;width:100%;max-width:72rem;margin-inline:auto;padding-inline:clamp(.75rem,3vw,1.5rem)}.dvy-container[data-size=sm]{max-width:24rem}.dvy-container[data-size=md]{max-width:48rem}.dvy-container[data-size=fluid]{max-width:none}.dvy-stack{flex-direction:column;min-width:0;display:flex}.dvy-stack[data-direction=row]{flex-direction:row}.dvy-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--dvy-grid-min,14rem)), 1fr));min-width:0;display:grid}.dvy-grid>*,.dvy-stack>*{overflow-wrap:anywhere;min-width:0}.dvy-typography{font:400 1rem/1.65 var(--dvy-font);color:var(--dvy-foreground);overflow-wrap:anywhere;margin-block:0}.dvy-typography[data-variant=display]{letter-spacing:-.045em;font-size:clamp(2rem,5vw,4rem);font-weight:650;line-height:1.1}.dvy-typography[data-variant=heading]{letter-spacing:-.025em;font-size:clamp(1.25rem,3vw,2rem);font-weight:600;line-height:1.25}.dvy-typography[data-variant=small]{font-size:.8125rem}.dvy-typography[data-variant=code]{font-family:var(--dvy-font-mono);font-size:.875rem}.dvy-typography[data-tone=muted]{color:var(--dvy-muted)}.dvy-typography[data-tone=brand]{color:var(--dvy-brand)}.dvy-typography[data-tone=danger]{color:var(--dvy-danger)}.dvy-icon-button{min-width:2.5rem;padding-inline:.625rem}.dvy-icon-button[data-size=sm]{min-width:2rem}.dvy-icon-button[data-size=lg]{min-width:3rem}.dvy-icon-button>span:not(.dvy-spinner){justify-content:center;align-items:center;display:inline-flex}.dvy-icon-button svg{width:1.125rem;height:1.125rem}.dvy-accordion,.dvy-collapsible{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-background);color:var(--dvy-foreground);font:400 .875rem/1.6 var(--dvy-font)}.dvy-accordion-item+.dvy-accordion-item{border-block-start:1px solid var(--dvy-border)}:where(.dvy-accordion,.dvy-collapsible) summary{cursor:pointer;overflow-wrap:anywhere;padding:.875rem 1rem;font-weight:600}:where(.dvy-accordion,.dvy-collapsible) summary[aria-disabled=true]{opacity:.5;cursor:not-allowed}.dvy-accordion-content,.dvy-collapsible-content{overflow-wrap:anywhere;padding:0 1rem 1rem}.dvy-pagination ul{flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.dvy-pagination li{align-items:center;gap:.25rem;display:inline-flex}.dvy-pagination :where(a,button,[aria-disabled]){box-sizing:border-box;border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-sm);background:var(--dvy-background);min-width:2.5rem;min-height:2.5rem;color:var(--dvy-foreground);font:500 .8125rem/1.4 var(--dvy-font);justify-content:center;align-items:center;padding:.5rem .75rem;text-decoration:none;display:inline-flex}.dvy-pagination button{cursor:pointer}.dvy-pagination [aria-current=page]{background:var(--dvy-brand);color:var(--dvy-on-brand);border-color:var(--dvy-brand)}.dvy-pagination :disabled,.dvy-pagination [aria-disabled=true]{opacity:.5;cursor:default}.dvy-pagination-gap{color:var(--dvy-muted)}.dvy-radio-group,.dvy-fieldset{min-inline-size:0;color:var(--dvy-foreground);font:400 .875rem/1.6 var(--dvy-font);border:0;margin:0;padding:0}:where(.dvy-radio-group,.dvy-fieldset) legend{margin-block-end:.625rem;padding:0;font-weight:600}.dvy-radio-items{flex-direction:column;gap:.75rem;display:flex}.dvy-radio-group[data-orientation=horizontal] .dvy-radio-items{flex-flow:wrap}.dvy-radio-option{cursor:pointer;align-items:flex-start;gap:.625rem;min-width:0;display:inline-flex}.dvy-radio-option input{width:1.125rem;height:1.125rem;accent-color:var(--dvy-brand);flex:none;margin:.1875rem 0 0}.dvy-radio-option:has(input:disabled){opacity:.5;cursor:not-allowed}.dvy-radio-label,.dvy-radio-description{overflow-wrap:anywhere;display:block}.dvy-radio-description{color:var(--dvy-muted);font-size:.8125rem}.dvy-slider{width:100%;min-height:2rem;accent-color:var(--dvy-brand);cursor:pointer;margin:0;display:block}.dvy-slider:disabled{opacity:.5;cursor:not-allowed}.dvy-table-scroll{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);width:100%;max-width:100%;overflow:auto}.dvy-table{border-collapse:collapse;width:100%;color:var(--dvy-foreground);font:400 .875rem/1.5 var(--dvy-font);text-align:start}.dvy-table caption{text-align:start;padding:1rem;font-weight:600}.dvy-table :where(th,td){border-block-start:1px solid var(--dvy-border);text-align:start;vertical-align:top;padding:.875rem 1rem}.dvy-table th{background:var(--dvy-surface);font-weight:600}.dvy-table[data-striped=true] tbody tr:nth-child(2n){background:var(--dvy-surface)}.dvy-table[data-compact=true] :where(th,td){padding:.5rem .75rem}.dvy-form,.dvy-form-field,.dvy-fieldset-content{gap:.75rem;min-width:0;display:grid}.dvy-form{gap:1.25rem}.dvy-form-field>label{color:var(--dvy-foreground);font:600 .875rem/1.4 var(--dvy-font)}.dvy-field-description,.dvy-field-error{font:400 .8125rem/1.6 var(--dvy-font);overflow-wrap:anywhere;margin:0}.dvy-field-description{color:var(--dvy-muted)}.dvy-field-error,.dvy-form-errors{color:var(--dvy-danger)}.dvy-form-field[data-invalid=true] :where(input,select,textarea){border-color:var(--dvy-danger)}.dvy-fieldset:disabled{opacity:.5}.dvy-password-control{align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.dvy-password-input{flex-shrink:1;min-width:0}.dvy-password-toggle{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);min-height:2.5rem;color:var(--dvy-foreground);background:var(--dvy-background);cursor:pointer;font:500 .8125rem/1.4 var(--dvy-font);flex:none;padding:.5rem .75rem}.dvy-password-toggle:disabled{opacity:.5;cursor:not-allowed}.dvy-segmented-control .dvy-radio-items{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-surface);gap:.25rem;padding:.25rem}.dvy-segmented-control .dvy-radio-option{flex:auto;display:grid;position:relative}.dvy-segmented-control .dvy-radio-option>input{opacity:0;width:1px;height:1px;position:absolute}.dvy-segmented-control .dvy-radio-option>span{box-sizing:border-box;border-radius:var(--dvy-radius-sm);text-align:center;border:1px solid #0000;min-height:2.5rem;padding:.5rem .875rem}.dvy-segmented-control input:checked+span{color:var(--dvy-on-brand);background:var(--dvy-brand)}.dvy-segmented-control input:focus-visible+span{outline:3px solid var(--dvy-focus);outline-offset:1px}.dvy-color-picker{box-sizing:border-box;border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-background);cursor:pointer;width:3.5rem;max-width:100%;min-height:2.75rem;padding:.25rem;display:inline-block}.dvy-circular-progress{width:4rem;height:4rem;color:var(--dvy-brand);font:600 .75rem/1 var(--dvy-font);place-items:center;display:inline-grid}.dvy-circular-progress[data-size=sm]{width:2.75rem;height:2.75rem;font-size:.625rem}.dvy-circular-progress[data-size=lg]{width:6rem;height:6rem;font-size:1rem}.dvy-circular-progress>:where(svg,span){grid-area:1/1}.dvy-circular-progress svg{fill:none;stroke-width:3px;width:100%;height:100%}.dvy-circular-track{stroke:var(--dvy-border)}.dvy-circular-value{stroke:currentColor;stroke-linecap:round}.dvy-loading-spinner{color:var(--dvy-foreground);justify-content:center;align-items:center;display:inline-flex}.dvy-loading-spinner .dvy-spinner{width:1.25rem;height:1.25rem;display:block}.dvy-loading-spinner[data-size=sm] .dvy-spinner{width:.875rem;height:.875rem}.dvy-loading-spinner[data-size=lg] .dvy-spinner{width:2rem;height:2rem}.dvy-empty-state{border:1px dashed var(--dvy-border);border-radius:var(--dvy-radius-lg);text-align:center;color:var(--dvy-foreground);background:var(--dvy-background);font:400 .875rem/1.6 var(--dvy-font);overflow-wrap:anywhere;padding:clamp(1rem,3vw,2rem)}.dvy-empty-title{margin:.5rem 0;font-size:1.25rem;line-height:1.4}.dvy-empty-state>p{color:var(--dvy-muted)}.dvy-empty-icon{font-size:1.5rem;display:inline-flex}.dvy-status-indicator{color:var(--dvy-foreground);font:400 .8125rem/1.5 var(--dvy-font);align-items:center;gap:.5rem;display:inline-flex}.dvy-status-dot{background:var(--dvy-muted);border-radius:50%;flex:none;width:.5rem;height:.5rem}.dvy-status-indicator[data-tone=brand] .dvy-status-dot{background:var(--dvy-brand)}.dvy-status-indicator[data-tone=danger] .dvy-status-dot{background:var(--dvy-danger)}.dvy-description-list{color:var(--dvy-foreground);font:400 .875rem/1.6 var(--dvy-font);margin:0}.dvy-description-list>div{border-block-end:1px solid var(--dvy-border);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem;padding-block:.75rem;display:grid}.dvy-description-list dt{color:var(--dvy-muted)}.dvy-description-list dd{margin:0}.dvy-description-list :where(dt,dd){overflow-wrap:anywhere}.dvy-description-list[data-orientation=vertical]>div{grid-template-columns:1fr;gap:.25rem}.dvy-meter{width:100%;height:1rem;accent-color:var(--dvy-brand);display:block}.dvy-copy-control{gap:.5rem;min-width:0;max-width:100%;display:inline-grid}.dvy-copy-fallback{resize:vertical;min-height:5rem}:where(.dvy-pagination a,.dvy-pagination button,.dvy-password-toggle,.dvy-color-picker,.dvy-slider,.dvy-table-scroll,.dvy-accordion summary,.dvy-collapsible summary,.dvy-radio-option input):focus-visible{outline:3px solid var(--dvy-focus);outline-offset:3px}@media (max-width:30rem){.dvy-description-list>div{grid-template-columns:1fr;gap:.25rem}}@media (forced-colors:active){.dvy-avatar,.dvy-avatar-overflow,.dvy-accordion,.dvy-collapsible,.dvy-empty-state,.dvy-table-scroll,.dvy-password-toggle,.dvy-color-picker{border-color:canvastext}.dvy-segmented-control input:checked+span{color:highlighttext;background:highlight;border-color:highlight}.dvy-circular-value{stroke:highlight}.dvy-loading-spinner .dvy-spinner{animation:none}.dvy-status-dot{background:canvastext!important}}:where(.dvy-popover,.dvy-combobox-options,.dvy-toast,.dvy-multi-select,.dvy-file-upload,.dvy-dropzone,.dvy-calendar,.dvy-data-table,.dvy-timeline,.dvy-stat,.dvy-code-block,.dvy-carousel,.dvy-rich-editor,.dvy-mentions,.dvy-tree,.dvy-scroll-area,.dvy-resizable-panels,.dvy-virtual-list,.dvy-kanban,.dvy-sortable-list){box-sizing:border-box;min-inline-size:0;color:var(--dvy-foreground);font:400 .875rem/1.6 var(--dvy-font)}.dvy-popover-anchor,.dvy-tooltip-anchor{max-inline-size:100%;display:inline-flex;position:relative}.dvy-popover{z-index:1000;border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-lg);background:var(--dvy-background);max-block-size:calc(100dvh - 1rem);inline-size:min(22rem,100vw - 1rem);box-shadow:var(--dvy-shadow);overflow-wrap:anywhere;padding:1rem;overflow:auto}.dvy-tooltip-trigger{color:inherit;font:inherit;cursor:help;background:0 0;border:0;border-bottom:1px dotted}.dvy-tooltip{z-index:1001;border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-sm);background:var(--dvy-foreground);inline-size:max-content;max-inline-size:min(18rem,100vw - 2rem);color:var(--dvy-background);font:400 .8125rem/1.5 var(--dvy-font);overflow-wrap:anywhere;padding:.5rem .75rem;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-start:0}.dvy-tooltip[hidden],.dvy-toast[hidden],.dvy-multi-options label[hidden]{display:none}.dvy-menu-item{border-radius:var(--dvy-radius-sm);inline-size:100%;color:var(--dvy-foreground);text-align:start;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.625rem .75rem;display:flex}.dvy-menu-item:hover,.dvy-menu-item:focus-visible{background:var(--dvy-surface)}.dvy-menu-item:disabled{opacity:.5;cursor:not-allowed}.dvy-menu-item kbd{color:var(--dvy-muted);font:.75rem var(--dvy-font-mono)}.dvy-menubar{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);flex-wrap:wrap;gap:.25rem;padding:.25rem;display:flex}.dvy-context-menu{border:1px dashed var(--dvy-border);border-radius:var(--dvy-radius-md);gap:1rem;padding:1rem;display:grid;position:relative}.dvy-navigation-menu>ul{flex-wrap:wrap;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.dvy-navigation-menu details>ul{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-surface);padding:1rem 1rem 1rem 1.5rem}.dvy-navigation-menu a,.dvy-toc a{color:var(--dvy-foreground);text-underline-offset:.25rem}.dvy-navigation-menu summary{cursor:pointer}.dvy-combobox,.dvy-mentions{inline-size:100%;position:relative}.dvy-combobox-options,.dvy-mentions>[role=listbox]{z-index:20;border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-background);max-block-size:18rem;box-shadow:var(--dvy-shadow);padding:.375rem;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline:0;overflow:auto}.dvy-combobox-option,.dvy-command-option{border-radius:var(--dvy-radius-sm);cursor:pointer;overflow-wrap:anywhere;padding:.625rem .75rem}.dvy-combobox-option[data-active=true],.dvy-combobox-option[aria-selected=true],.dvy-command-option[aria-selected=true]{background:var(--dvy-surface);outline:1px solid var(--dvy-border)}.dvy-combobox-option[aria-disabled=true],.dvy-command-option[aria-disabled=true]{opacity:.5;cursor:not-allowed}.dvy-command-option{gap:.125rem;display:grid}.dvy-command-option small{color:var(--dvy-muted)}.dvy-multi-select,.dvy-range-slider,.dvy-toggle-group,.dvy-date-range{border:0;min-inline-size:0;margin:0;padding:0}:where(.dvy-multi-select,.dvy-range-slider,.dvy-toggle-group,.dvy-date-range) legend{margin-block-end:.625rem;font-weight:600}.dvy-multi-select details{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-background);padding:.75rem}.dvy-multi-select summary{cursor:pointer}.dvy-multi-options{gap:.5rem;max-block-size:18rem;margin-block-start:.75rem;display:grid;overflow:auto}.dvy-multi-options label{align-items:center;gap:.625rem;display:flex}.dvy-multi-options input{accent-color:var(--dvy-brand);block-size:1.125rem;inline-size:1.125rem}.dvy-range-slider,.dvy-date-range{gap:.75rem;display:grid}.dvy-range-slider label,.dvy-date-range label,.dvy-image-cropper label{gap:.375rem;display:grid}.dvy-range-slider output{font-variant-numeric:tabular-nums}.dvy-otp-input{font-family:var(--dvy-font-mono);letter-spacing:.35em;max-inline-size:22rem}.dvy-rating .dvy-radio-label>span:first-child{color:var(--dvy-foreground);letter-spacing:.125em}.dvy-tag-input>ul{flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.dvy-tag-input li{background:var(--dvy-surface);border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-sm);overflow-wrap:anywhere;align-items:center;gap:.5rem;padding:.25rem .5rem;display:inline-flex}.dvy-tag-input li button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-block-size:1.5rem;min-inline-size:1.5rem}.dvy-toggle-group>div{flex-wrap:wrap;gap:.25rem;display:flex}.dvy-toggle-group button,.dvy-editor-toolbar button{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-sm);background:var(--dvy-background);color:var(--dvy-foreground);font:inherit;cursor:pointer;min-block-size:2.5rem;padding:.5rem .75rem}.dvy-toggle-group button[aria-pressed=true]{background:var(--dvy-brand);color:var(--dvy-on-brand)}.dvy-file-upload{gap:.5rem;display:grid}.dvy-file-upload>label{font-weight:600}.dvy-file-input{inline-size:100%;min-inline-size:0;color:var(--dvy-foreground);font:inherit}.dvy-file-input::file-selector-button{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-sm);background:var(--dvy-surface);color:var(--dvy-foreground);font:inherit;cursor:pointer;margin-inline-end:.75rem;padding:.625rem .875rem}.dvy-dropzone{border:1px dashed var(--dvy-border);border-radius:var(--dvy-radius-lg);background:var(--dvy-background);padding:1.5rem}.dvy-dropzone[data-active=true]{outline:3px solid var(--dvy-focus);outline-offset:3px;background:var(--dvy-surface)}.dvy-dropzone[data-disabled=true]{opacity:.5}.dvy-calendar{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-lg);background:var(--dvy-background);inline-size:min(100%,22rem);padding:1rem}.dvy-calendar-heading{justify-content:space-between;align-items:center;gap:.5rem;margin-block-end:.75rem;font-weight:600;display:flex}.dvy-calendar table{border-collapse:collapse;table-layout:fixed;inline-size:100%}.dvy-calendar th,.dvy-calendar td{text-align:center;border:0;padding:.125rem}.dvy-calendar abbr{font-size:.6875rem;text-decoration:none}.dvy-calendar button{border-radius:var(--dvy-radius-sm);min-block-size:2rem;min-inline-size:1.75rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:.25rem}.dvy-calendar td button{inline-size:100%}.dvy-calendar button[data-selected=true]{color:var(--dvy-on-brand);background:var(--dvy-brand)}.dvy-calendar button[data-outside=true]{color:var(--dvy-muted)}.dvy-calendar button:disabled{opacity:.35;cursor:not-allowed}.dvy-calendar button:hover:not(:disabled):not([data-selected=true]){background:var(--dvy-surface)}.dvy-date-picker,.dvy-time-picker{min-inline-size:0;max-inline-size:100%}.dvy-toast{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-lg);background:var(--dvy-background);max-inline-size:28rem;box-shadow:var(--dvy-shadow);align-items:center;gap:1rem;padding:1rem;display:flex}.dvy-toast>div{overflow-wrap:anywhere;flex:1}.dvy-toast[data-tone=danger]{border-color:var(--dvy-danger)}.dvy-toast>button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-block-size:2rem;min-inline-size:2rem}.dvy-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-block-start:1rem;display:flex}.dvy-drawer{border-radius:0;block-size:100dvh;max-block-size:100dvh;max-inline-size:min(28rem,100vw);margin-block:0;padding:1.5rem}.dvy-drawer[data-side=end]{margin-inline:auto 0}.dvy-drawer[data-side=start]{margin-inline:0 auto}.dvy-drawer[data-side=bottom]{border-start-start-radius:var(--dvy-radius-lg);border-start-end-radius:var(--dvy-radius-lg);block-size:auto;max-block-size:85dvh;inline-size:100vw;max-inline-size:100vw;margin-block:auto 0;margin-inline:0}.dvy-fab{z-index:30;box-shadow:var(--dvy-shadow);border-radius:50%;block-size:3.5rem;inline-size:3.5rem;position:fixed;inset-block-end:max(1.5rem, env(safe-area-inset-bottom));inset-inline-end:1.5rem}.dvy-fab[data-position=start]{inset-inline:1.5rem auto}.dvy-loading-overlay{min-block-size:6rem;position:relative}.dvy-loading-layer{pointer-events:none;background:var(--dvy-background);opacity:.95;border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.dvy-stepper ol{flex-wrap:wrap;gap:1.5rem;margin:0;padding-inline-start:1.75rem;list-style:decimal-leading-zero;display:flex}.dvy-stepper li{padding-inline:.25rem}.dvy-stepper li[aria-current=step]{font-weight:700}.dvy-stepper small{color:var(--dvy-muted);font-weight:400;display:block}.dvy-stepper button{color:inherit;font:inherit;cursor:pointer;text-underline-offset:.25rem;background:0 0;border:0;text-decoration:underline}.dvy-stepper a{color:inherit}.dvy-tree{margin:0;padding:0;list-style:none}.dvy-tree ul{padding-inline-start:1.25rem;list-style:none}.dvy-tree [role=treeitem]{cursor:pointer;border-radius:var(--dvy-radius-sm);outline-offset:1px}.dvy-tree-label{gap:.5rem;padding:.5rem .75rem;display:flex}.dvy-tree [role=treeitem][aria-selected=true]>.dvy-tree-label{background:var(--dvy-surface);font-weight:600}.dvy-tree [role=treeitem][aria-disabled=true]>.dvy-tree-label{opacity:.5;cursor:not-allowed}.dvy-scroll-area{overscroll-behavior:contain;scrollbar-color:var(--dvy-border) var(--dvy-background);scrollbar-width:thin;max-block-size:20rem;overflow:hidden auto}.dvy-scroll-area[data-axis=horizontal]{overflow:auto hidden}.dvy-scroll-area[data-axis=both]{overflow:auto}.dvy-resizable-panels{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);min-block-size:12rem;inline-size:100%;display:flex;overflow:hidden}.dvy-resizable-panels[data-orientation=vertical]{flex-direction:column;block-size:24rem}.dvy-resizable-panels>div:not(.dvy-resize-handle){flex-grow:1;flex-shrink:1;min-block-size:0;min-inline-size:0;padding:1rem;overflow:auto}.dvy-resize-handle{touch-action:none;background:var(--dvy-surface);border-inline:1px solid var(--dvy-border);cursor:col-resize;flex:0 0 .625rem}.dvy-resizable-panels[data-orientation=vertical]>.dvy-resize-handle{border-inline:0;border-block:1px solid var(--dvy-border);cursor:row-resize}.dvy-toc ol{border-inline-start:1px solid var(--dvy-border);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.dvy-toc a{color:var(--dvy-muted);padding:.25rem 1rem;text-decoration:none;display:block}.dvy-toc a[aria-current=location]{color:var(--dvy-foreground);font-weight:600;text-decoration:underline}.dvy-tour-target{outline:3px solid var(--dvy-focus);outline-offset:6px}.dvy-data-table{gap:1rem;display:grid}.dvy-data-table-selection{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.dvy-data-table-check{inline-size:3rem}.dvy-data-table tr[data-selected]{background:var(--dvy-surface)}.dvy-data-table th button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:.375rem;font-weight:600}.dvy-timeline{border-inline-start:1px solid var(--dvy-border);margin:0;padding:0;list-style:none}.dvy-timeline li{padding:0 0 1.5rem 1.5rem;padding-inline:1.5rem 0;position:relative}.dvy-timeline li:before{content:"";background:var(--dvy-brand);border-radius:50%;block-size:.5rem;inline-size:.5rem;position:absolute;inset-block-start:.5rem;inset-inline-start:-.25rem}.dvy-timeline time{color:var(--dvy-muted);font-size:.75rem;display:block}.dvy-stat dl,.dvy-stat dd{margin:0}.dvy-stat dt{color:var(--dvy-muted);font-size:.8125rem}.dvy-stat dd{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:650;line-height:1.3}.dvy-stat-change{font-size:.8125rem;font-weight:500}.dvy-code-block{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-background);margin:0;overflow:hidden}.dvy-code-block figcaption{border-block-end:1px solid var(--dvy-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.dvy-code-block pre,.dvy-markdown pre{max-inline-size:100%;font:.8125rem/1.8 var(--dvy-font-mono);tab-size:2;margin:0;padding:1rem;overflow:auto}.dvy-code-line{display:block}.dvy-code-number{inline-size:2rem;color:var(--dvy-muted);-webkit-user-select:none;user-select:none;display:inline-block}.dvy-carousel{gap:1rem;display:grid}.dvy-carousel-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.dvy-carousel-controls button,.dvy-dialog-actions>button:not(.dvy-button),.dvy-virtual-list>button,.dvy-sortable-list button{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-sm);background:var(--dvy-background);color:var(--dvy-foreground);font:inherit;cursor:pointer;min-block-size:2.5rem;padding:.5rem .75rem}.dvy-gallery ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.dvy-gallery button{inline-size:100%;color:var(--dvy-foreground);text-align:start;cursor:pointer;background:0 0;border:0;gap:.5rem;padding:0;display:grid}.dvy-gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--dvy-radius-md);inline-size:100%}.dvy-gallery button span{font:.8125rem/1.5 var(--dvy-font)}.dvy-lightbox{inline-size:min(50rem,100vw - 2rem)}.dvy-lightbox-image{background:var(--dvy-surface);max-block-size:60dvh;overflow:auto}.dvy-lightbox-image img{block-size:auto;display:block}.dvy-lightbox label{gap:.5rem;display:grid}.dvy-image-cropper{gap:1rem;display:grid}.dvy-crop-image{background:var(--dvy-surface);position:relative;overflow:hidden}.dvy-crop-image img{block-size:auto;inline-size:100%;display:block}.dvy-crop-frame{box-sizing:border-box;pointer-events:none;border:2px solid #fff;outline:1px solid #000;position:absolute;box-shadow:0 0 0 100vmax #00000080}.dvy-image-cropper fieldset{border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:1rem;min-inline-size:0;margin:0;padding:0;display:grid}.dvy-image-cropper legend{margin-block-end:.75rem;font-weight:600}.dvy-media-player{gap:.75rem;min-inline-size:0;margin:0;display:grid}.dvy-video-player{aspect-ratio:16/9;background:#111;inline-size:100%;max-inline-size:100%}.dvy-audio-player{inline-size:100%;max-inline-size:100%}.dvy-markdown{overflow-wrap:anywhere}.dvy-markdown p{margin-block:.75rem}.dvy-markdown code{font-family:var(--dvy-font-mono)}.dvy-markdown pre{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-surface);overflow-wrap:normal}.dvy-rich-editor{gap:.75rem;display:grid}.dvy-rich-editor>label{font-weight:600}.dvy-editor-toolbar{flex-wrap:wrap;gap:.375rem;display:flex}.dvy-editor-preview{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-background);padding:1rem}.dvy-virtual-viewport{overscroll-behavior:contain;border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);margin-block-start:.75rem;overflow:auto}.dvy-virtual-viewport [role=listitem]{box-sizing:border-box;border-block-end:1px solid var(--dvy-border);padding:.625rem .75rem}.dvy-kanban{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;display:grid}.dvy-kanban>section{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-surface);min-inline-size:0;padding:1rem}.dvy-kanban h3{margin:0 0 1rem;font-size:.875rem}.dvy-kanban h3 span{color:var(--dvy-muted);font-weight:400}.dvy-kanban ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.dvy-kanban li{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-sm);background:var(--dvy-background);overflow-wrap:anywhere;padding:.875rem}.dvy-kanban label{gap:.25rem;margin-block-start:.75rem;font-size:.75rem;display:grid}.dvy-kanban select{background:var(--dvy-background);min-block-size:2rem;max-inline-size:100%;color:var(--dvy-foreground);border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-sm)}.dvy-sortable-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.dvy-sortable-list li{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-background);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.dvy-sortable-list li>span{overflow-wrap:anywhere;min-inline-size:0}.dvy-sortable-list li>div{flex-shrink:0;gap:.25rem;display:flex}.dvy-sortable-list li[data-dragging=true]{opacity:.5}:where(.dvy-popover,.dvy-tooltip-anchor,.dvy-menubar,.dvy-context-menu,.dvy-navigation-menu,.dvy-combobox,.dvy-multi-select,.dvy-tag-input,.dvy-toggle-group,.dvy-file-upload,.dvy-dropzone,.dvy-calendar,.dvy-toast,.dvy-stepper,.dvy-tree,.dvy-resizable-panels,.dvy-toc,.dvy-data-table,.dvy-code-block,.dvy-carousel,.dvy-gallery,.dvy-lightbox,.dvy-image-cropper,.dvy-rich-editor,.dvy-mentions,.dvy-virtual-list,.dvy-kanban,.dvy-sortable-list) :where(button,a,input,textarea,select,[tabindex]):focus-visible,.dvy-scroll-area:focus-visible{outline:3px solid var(--dvy-focus);outline-offset:3px}@media (forced-colors:active){.dvy-popover,.dvy-toast,.dvy-tooltip,.dvy-crop-frame{box-shadow:none;border-color:canvastext}.dvy-tooltip{color:canvastext;background:canvas}.dvy-calendar button[data-selected=true],.dvy-toggle-group button[aria-pressed=true]{color:highlighttext;background:highlight}.dvy-loading-layer{opacity:1}.dvy-tour-target{outline-color:highlight}}.dvy-chart-cursor{stroke:var(--dvy-muted);stroke-width:1px;stroke-dasharray:3 4;pointer-events:none}.dvy-chart-point[data-active]{r:6;stroke:var(--dvy-background);stroke-width:3px}.dvy-chart-bar[data-active]{fill:var(--dvy-foreground)}.dvy-chart-inspection{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-surface);font:400 .8125rem/1.5 var(--dvy-font);color:var(--dvy-foreground);grid-template-columns:auto minmax(3rem,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.dvy-chart-inspection label{color:var(--dvy-muted)}.dvy-chart-inspection input{inline-size:100%;min-inline-size:0;accent-color:var(--dvy-chart-color,var(--dvy-brand))}.dvy-chart-inspection output{font-variant-numeric:tabular-nums;gap:.75rem;display:flex}@media (max-width:32rem){.dvy-chart-inspection{grid-template-columns:1fr auto;gap:.5rem}.dvy-chart-inspection input{grid-area:2/1/auto/-1}}@media (forced-colors:active){.dvy-chart-cursor{stroke:canvastext}.dvy-chart-area{fill:canvas!important}.dvy-chart-point[data-active]{stroke:highlight}}.dvy-chart-inspector .dvy-chart-area{fill-opacity:1}.dvy-virtual-viewport button{color:inherit;font:inherit;background:0 0}.dvy-virtual-viewport button:hover{background:var(--dvy-surface)}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/geist-latin.175rzww1hghhr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-devvy-font=geist]{--dvy-font:"Geist", ui-sans-serif, system-ui, sans-serif}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/manrope-latin.2xs28az5j2efm.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-devvy-font=manrope]{--dvy-font:"Manrope", ui-sans-serif, system-ui, sans-serif}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/geist-mono-latin.29txv0wq9-da0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[data-devvy-font=geist-mono]{--dvy-font-mono:"Geist Mono", ui-monospace, monospace;--dvy-font:var(--dvy-font-mono)}

.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}.release-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;display:grid}.header-icon-link:hover{color:var(--dvy-foreground);background:var(--dvy-surface);transition:color .15s,background-color .15s}.site-header>nav{color:var(--dvy-muted);gap:.25rem;font-size:.8125rem;display:flex}.site-header>nav a{border-radius:.5rem;padding:.5rem .875rem}.site-header>nav a:hover{color:var(--dvy-brand);background:var(--dvy-surface);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);scrollbar-width:none;-ms-overflow-style:none;height:calc(100dvh - 6rem);padding:1.75rem 1.25rem 2rem 1.5rem;position:sticky;top:6rem;overflow-y:auto}.sidebar::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-overview-btn{color:var(--dvy-foreground);background:var(--dvy-surface);border-left:3px solid var(--dvy-foreground);border-radius:.375rem;align-items:center;gap:.625rem;margin-bottom:.875rem;padding:.625rem .875rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:flex}.sidebar-overview-btn[aria-current=page]{background:var(--dvy-surface);border-left:3px solid var(--dvy-foreground);color:var(--dvy-foreground);font-weight:700}.sidebar-overview-btn:not([aria-current=page]){color:var(--dvy-muted);background:0 0;border-left:3px solid #0000;font-weight:600}.sidebar-overview-btn:not([aria-current=page]):hover{background:color-mix(in srgb, var(--dvy-surface) 65%, transparent);color:var(--dvy-foreground)}.sidebar-overview-icon{color:currentColor;align-items:center;display:flex}.sidebar-overview-icon svg{stroke-width:1.75px;width:1.125rem;height:1.125rem}.sidebar-nav-item{color:var(--dvy-foreground);border-radius:.375rem;justify-content:space-between;align-items:center;margin-block:.125rem;padding:.4375rem .625rem;text-decoration:none;transition:color .15s,background-color .15s;display:flex}.sidebar-nav-item:hover{background:color-mix(in srgb, var(--dvy-surface) 75%, transparent)}.sidebar-nav-item[aria-current=page]{background:var(--dvy-surface);box-shadow:inset 2px 0 var(--dvy-foreground);font-weight:600}.sidebar-item-icon{color:var(--dvy-muted);flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:flex}.sidebar-item-icon svg{stroke-width:1.75px;width:1.125rem;height:1.125rem}.sidebar-item-right{align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.sidebar-item-label{color:var(--dvy-foreground);font-size:.8125rem;font-weight:550}.sidebar-item-badge{font-family:var(--dvy-font-mono,monospace);color:var(--dvy-foreground);border:1px solid;border-radius:.25rem;padding:.0625rem .375rem;font-size:.625rem;font-weight:600;line-height:1.3}.sidebar-all-row{margin-top:1.75rem;padding-inline:.25rem}.sidebar-all-btn{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:.25rem;display:flex}.sidebar-all-pill{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--dvy-surface) 90%, var(--dvy-border));color:var(--dvy-foreground);border-radius:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:700}.sidebar-all-count{font-family:var(--dvy-font-mono,monospace);border:1px solid color-mix(in srgb, var(--dvy-border) 80%, transparent);color:var(--dvy-foreground);border-radius:.25rem;padding:.125rem .4375rem;font-size:.6875rem;font-weight:600}.sidebar-all-btn:hover .sidebar-all-pill{background:var(--dvy-surface)}.sidebar-all-btn:focus-visible{outline:2px solid var(--dvy-focus);outline-offset:2px}.sidebar-all-components{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;padding-top:.5rem;display:flex;overflow:visible}.sidebar-all-components::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-all-components a{color:var(--dvy-muted);border-radius:.25rem;justify-content:space-between;align-items:center;padding:.375rem .625rem;font-size:.8125rem;text-decoration:none;display:flex}.sidebar-all-components a:hover{color:var(--dvy-foreground);background:var(--dvy-surface)}.sidebar-all-components a[aria-current=page]{color:var(--dvy-foreground);background:var(--dvy-surface);box-shadow:inset 2px 0 var(--dvy-foreground);font-weight:600}.sidebar-no-results{color:var(--dvy-muted);margin:0;padding:1rem .75rem;font-size:.75rem}.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:2.375rem 2.5rem;font-size:.75rem}.sidebar-search-kbd{inset-inline-end:.625rem;font-family:var(--dvy-font-mono);background:color-mix(in srgb, var(--dvy-background) 75%, transparent);border:1px solid color-mix(in srgb, var(--dvy-border) 60%, transparent);color:var(--dvy-muted);pointer-events:none;border-radius:.25rem;padding:.125rem .3125rem;font-size:.625rem;font-weight:600;line-height:1.2;transition:opacity .12s;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-search:focus-within .sidebar-search-kbd{opacity:0}.sidebar-search:has(input:not(:placeholder-shown)) .sidebar-search-kbd{opacity:0}.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);flex-wrap:wrap;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}.component-page-header h1{overflow-wrap:anywhere}.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}.foundation-preview{width:100%;max-width:32rem}.foundation-preview>.dvy-button{justify-self:start}.foundation-preview>p{margin-block:.25rem}.midpoint-preview{width:100%;min-width:0;max-width:40rem}.completion-preview{gap:1rem;width:100%;min-width:0;max-width:48rem;display:grid}.completion-preview>.dvy-button{justify-self:start}.completion-preview .dvy-form{gap:1rem;display:grid}.completion-preview .dvy-form>.dvy-button{justify-self:start}.completion-preview .dvy-fab{position:static}.completion-preview .dvy-carousel figure{margin:0}.completion-preview .dvy-carousel img{border-radius:var(--dvy-radius-md);width:100%;height:auto;display:block}.completion-preview .dvy-carousel figcaption{color:var(--dvy-muted);margin-block-start:.5rem;font-size:.8125rem}.completion-preview .dvy-tree ul{list-style:none}.completion-preview .dvy-calendar table{display:table}.completion-result{margin:0;font-size:.8125rem}.completion-failure-toggle{align-items:center;gap:.5rem;display:flex}.midpoint-preview .dvy-stack>.dvy-button,.midpoint-preview .dvy-form>.dvy-button{place-self:flex-start start}.midpoint-preview .dvy-field-description,.midpoint-preview .dvy-field-error{margin-block:0}.midpoint-layout-surface,.midpoint-ratio{border:1px dashed var(--dvy-border);border-radius:var(--dvy-radius-md);background:var(--dvy-background);padding:1rem}.midpoint-ratio{text-align:center;padding:0}.midpoint-ratio .dvy-aspect-ratio-content{padding:1rem}.midpoint-color-swatch{border:1px solid var(--dvy-border);border-radius:.25rem;width:2rem;height:2rem}.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){.release-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}}.hero-install-bar{background:var(--dvy-surface);border:1px solid color-mix(in srgb, var(--dvy-border) 60%, transparent);border-radius:var(--dvy-radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:42rem;margin-block:1.25rem 1rem;padding:.5rem .75rem .5rem 1rem;display:flex;box-shadow:0 1px 3px #0000000a}.hero-install-snippet{flex:auto;align-items:center;gap:.5rem;min-width:0;display:flex}.hero-install-prompt{color:var(--dvy-muted);font-family:var(--dvy-font-mono);-webkit-user-select:none;user-select:none;font-size:.8125rem}.hero-install-code{font-family:var(--dvy-font-mono);color:var(--dvy-foreground);overflow-wrap:anywhere;font-size:.8125rem}.hero-npm-status-dot{background:#10b981;border-radius:9999px;width:.375rem;height:.375rem;margin-inline-end:.375rem;display:inline-block}.hero-npm-status-link,.hero-npm-status-link:hover{text-decoration:none}.home-install-section{padding-block:2rem 1rem}.install-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:1.5rem;margin-block-start:1.5rem;display:grid}.install-card{border-radius:var(--dvy-radius-md);border:1px solid color-mix(in srgb, var(--dvy-border) 60%, transparent);background:var(--dvy-surface);flex-direction:column;display:flex}.install-card-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.install-step-badge{font-family:var(--dvy-font-mono);letter-spacing:.08em;color:var(--dvy-muted);font-size:.6875rem;font-weight:700}.install-terminal-box{background:color-mix(in srgb, var(--dvy-surface) 60%, var(--dvy-background));border:1px solid color-mix(in srgb, var(--dvy-border) 40%, transparent);border-radius:var(--dvy-radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.75rem 1rem;display:flex;position:relative}.install-terminal-box pre{font-family:var(--dvy-font-mono);background:0 0;border:0;width:100%;margin:0;padding:0;font-size:.8125rem;line-height:1.6;overflow-x:auto}.install-terminal-content{flex:auto;align-items:center;gap:.5rem;min-width:0;display:flex}.install-terminal-prompt{color:var(--dvy-muted);font-family:var(--dvy-font-mono);-webkit-user-select:none;user-select:none}.install-terminal-code{font-family:var(--dvy-font-mono);overflow-wrap:anywhere;font-size:.8125rem}.framework-integration-box{margin-top:1.5rem}.framework-card{border-radius:var(--dvy-radius-md);border:1px solid color-mix(in srgb, var(--dvy-border) 60%, transparent);background:var(--dvy-surface)}.framework-guide-content{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.framework-guide-content p{color:var(--dvy-foreground);margin:0;font-size:.875rem;line-height:1.6}.framework-guide-content code{font-family:var(--dvy-font-mono);background:color-mix(in srgb, var(--dvy-border) 20%, transparent);border-radius:.25rem;padding:.125rem .375rem;font-size:.8125rem}.published-packages-section{margin-top:2rem}.packages-header h3{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.125rem}.packages-subtext{color:var(--dvy-muted);margin:0 0 1rem;font-size:.8125rem}.packages-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;display:grid}.package-card-link{color:inherit;text-decoration:none;display:block}.package-card{border:1px solid color-mix(in srgb, var(--dvy-border) 45%, transparent);background:var(--dvy-surface);border-radius:var(--dvy-radius-md);height:100%}.package-card:hover{border-color:var(--dvy-brand)}.package-card-top{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.package-role{font-family:var(--dvy-font-mono);color:var(--dvy-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem}.package-name{font-family:var(--dvy-font-mono);font-size:.875rem;font-weight:600}.home-showcase-section{padding-block:2rem 1rem}.showcase-card{border-radius:var(--dvy-radius-md);border:1px solid color-mix(in srgb, var(--dvy-border) 60%, transparent);background:var(--dvy-surface);margin-top:1.5rem;padding:1.5rem}.showcase-panel{padding-top:1rem}.showcase-forms-grid,.showcase-feedback-grid,.showcase-layout-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.5rem;display:grid}.showcase-group{background:color-mix(in srgb, var(--dvy-surface) 40%, var(--dvy-background));border:1px solid color-mix(in srgb, var(--dvy-border) 30%, transparent);border-radius:var(--dvy-radius-md);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.showcase-group-title{letter-spacing:.06em;color:var(--dvy-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.showcase-row{flex-wrap:wrap;gap:.75rem;display:flex}.showcase-stack{flex-direction:column;gap:.75rem;display:flex}.showcase-sublabel{color:var(--dvy-muted);margin-bottom:.375rem;font-size:.75rem;display:block}.showcase-glass-preview{flex-direction:column;gap:1rem;display:flex}.glass-showcase-controls{align-items:center;gap:1rem;display:flex}.glass-showcase-canvas{background:linear-gradient(135deg, color-mix(in srgb, var(--dvy-brand) 12%, transparent), color-mix(in srgb, var(--dvy-surface) 80%, transparent));border-radius:var(--dvy-radius-md);place-items:center;padding:2rem;display:grid}.glass-showcase-card{width:100%;max-width:32rem}.glass-card-header-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.glass-card-status{font-family:var(--dvy-font-mono);color:var(--dvy-muted);font-size:.6875rem}.glass-card-inner-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.principles-cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.npm-release-callout{margin-top:1.5rem}@media (max-width:480px){.hero-install-bar{flex-direction:column;align-items:stretch;gap:.75rem}.hero-install-actions{justify-content:flex-end}.showcase-card{padding:1rem .75rem}}.landing-next{max-width:78rem;margin-inline:auto}.landing-intro{padding-block:2rem 3.5rem}.landing-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:3rem;display:grid}.landing-hero-main{flex-direction:column;min-width:0;display:flex}.landing-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--dvy-muted);margin-bottom:.75rem;font-size:.6875rem;font-weight:700;display:inline-block}.hero-primary-btn{align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.hero-install-container{flex-direction:column;gap:.375rem;width:100%;max-width:34rem;margin-block-start:1.5rem;display:flex}.hero-install-label{letter-spacing:.08em;text-transform:uppercase;color:var(--dvy-muted);font-size:.6875rem;font-weight:650}.hero-install-bar{background:var(--dvy-surface);border:1px solid color-mix(in srgb, var(--dvy-border) 45%, transparent);border-radius:var(--dvy-radius-md);box-sizing:border-box;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;max-width:100%;padding:.4375rem .75rem;display:flex}.hero-install-snippet{font-family:var(--dvy-font-mono);align-items:center;gap:.5rem;min-width:0;font-size:.8125rem;display:flex;overflow-x:auto}.hero-install-prompt{color:var(--dvy-muted);-webkit-user-select:none;user-select:none}.hero-install-code{color:var(--dvy-foreground);font-family:var(--dvy-font-mono);white-space:nowrap;font-size:.8125rem}.hero-install-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.hero-install-copy-btn{min-height:1.75rem;padding:.25rem .5rem;font-size:.6875rem}.hero-install-npm-link{align-items:center;display:inline-flex}.hero-npm-badge{font-family:var(--dvy-font-mono);align-items:center;gap:.3125rem;min-height:1.25rem;padding:.125rem .375rem;font-size:.6875rem;display:inline-flex}.hero-npm-status-dot{background:#10b981;border-radius:50%;width:.375rem;height:.375rem}.landing-fact-sep{opacity:.4;-webkit-user-select:none;user-select:none}@media (max-width:500px){.hero-install-bar{flex-direction:column;align-items:stretch;gap:.625rem}.hero-install-actions{justify-content:flex-end}}.hero-glass-card{background:var(--dvy-surface);border:1px solid color-mix(in srgb, var(--dvy-border) 50%, transparent);box-sizing:border-box;border-radius:1rem;flex-direction:column;width:100%;min-width:0;max-width:100%;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 8px 30px #0000000f}.hero-glass-card:hover{border-color:color-mix(in srgb, var(--dvy-border) 80%, transparent);box-shadow:0 12px 36px #00000017}.hero-glass-stage{background:radial-gradient(ellipse 80% 60% at 50% 20%, color-mix(in srgb, var(--dvy-brand) 6%, transparent), transparent 80%), color-mix(in srgb, var(--dvy-surface) 65%, var(--dvy-background));border-bottom:1px solid color-mix(in srgb, var(--dvy-border) 35%, transparent);flex-direction:column;justify-content:center;min-height:18rem;padding:1.75rem 1.5rem;display:flex;position:relative;overflow:hidden}.hero-glass-viewport{z-index:1;flex-direction:column;gap:1rem;display:flex;position:relative}.hero-glass-layer{border-radius:.75rem;transition:transform .18s,box-shadow .18s}.hero-glass-layer-brand{background:color-mix(in srgb, var(--dvy-surface) 85%, transparent);border:1px solid color-mix(in srgb, var(--dvy-border) 40%, transparent);align-items:center;gap:.625rem;width:fit-content;padding:.625rem .875rem;display:flex;box-shadow:0 4px 12px #0000000a}.hero-glass-logo{background:#18221c;border-radius:.375rem;place-items:center;width:1.75rem;height:1.75rem;padding:.125rem;display:grid}.hero-glass-logo img{object-fit:contain;width:1.25rem;height:1.25rem}.hero-glass-wordmark{letter-spacing:-.03em;color:var(--dvy-foreground);font-size:1rem;font-weight:700}.hero-glass-ui{color:var(--dvy-muted)}.hero-glass-pill{font-family:var(--dvy-font-mono);min-height:1.125rem;padding:.0625rem .3125rem;font-size:.5625rem}.hero-glass-layer-btn{align-items:center;padding-left:.5rem;display:flex}.hero-glass-layer-controls{background:color-mix(in srgb, var(--dvy-surface) 80%, transparent);border:1px solid color-mix(in srgb, var(--dvy-border) 40%, transparent);border-radius:.75rem;flex-direction:column;gap:.875rem;padding:1rem;display:flex;box-shadow:0 4px 16px #0000000d}.hero-glass-icon-group{align-items:center;gap:.5rem;display:flex}.hero-glass-icon-box{background:color-mix(in srgb, var(--dvy-background) 80%, transparent);border:1px solid color-mix(in srgb, var(--dvy-border) 35%, transparent);width:2rem;height:2rem;color:var(--dvy-foreground);border-radius:.375rem;place-items:center;display:grid}.hero-glass-icon-box svg{width:1rem;height:1rem}.hero-glass-toggles{align-items:center;gap:1.25rem;min-width:0;display:flex}.hero-glass-switch-wrap{flex-shrink:0;align-items:center;display:flex}.hero-glass-slider-wrap{flex:1;min-width:0}.hero-glass-slider-wrap input{width:100%}.hero-glass-footer{flex-direction:column;gap:.375rem;padding:1.25rem 1.5rem;display:flex}.hero-glass-title{letter-spacing:-.025em;color:var(--dvy-foreground);margin:0;font-size:1.0625rem;font-weight:650;line-height:1.35}.hero-glass-link{color:var(--dvy-brand);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.8125rem;font-weight:600;display:inline-flex}.hero-glass-link:hover{text-underline-offset:.25rem;text-decoration:underline}@media (max-width:360px){.hero-glass-stage{padding:1.25rem .75rem}.hero-glass-layer-controls{padding:.75rem}.hero-glass-toggles{flex-direction:column;align-items:flex-start}}.landing-intro .release-note{margin-block-end:2.25rem}.landing-intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(2rem,4.6vw,4.25rem);font-weight:650;line-height:1.08}.landing-intro h1>span{color:var(--dvy-muted)}.landing-lead{color:var(--dvy-muted);max-width:35rem;margin:1.5rem 0 1.75rem;font-size:1rem;line-height:1.85}.landing-text-link{text-underline-offset:.375rem;align-items:center;gap:.75rem;font-size:.8125rem;font-weight:550;display:inline-flex}.landing-quiet-facts{color:var(--dvy-muted);flex-wrap:wrap;gap:1.25rem;margin-block-start:1.5rem;font-size:.6875rem;display:flex}.landing-intro .hero-install-bar{min-width:0;margin-block-start:1.75rem}.landing-resource-links{flex-wrap:wrap;gap:.5rem 1.5rem;margin-block-start:1rem;font-size:.75rem;display:flex}.landing-resource-links a{text-underline-offset:.3rem;align-items:center;min-height:2.75rem;display:inline-flex}.docs-release-label{font:.75rem var(--dvy-font-mono);color:var(--dvy-muted);margin-block:1rem}.landing-margin-note{border-inline-start:1px solid var(--dvy-border);padding-block:.25rem;padding-inline-start:1.5rem}.landing-index{font:.6875rem var(--dvy-font-mono);color:var(--dvy-muted)}.landing-margin-note p{margin:1rem 0 1.5rem;font-size:.875rem;line-height:1.75}.landing-margin-note a{text-underline-offset:.25rem;font-size:.75rem;font-weight:600}.landing-margin-note small{color:var(--dvy-muted);margin-block-start:.5rem;font-size:.6875rem;line-height:1.75;display:block}.landing-section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-block-end:1.5rem;display:flex}.landing-section-heading h2{letter-spacing:-.045em;margin:.75rem 0 0;font-size:clamp(1.375rem,2.2vw,1.875rem);font-weight:550;line-height:1.3}.landing-section-heading>p{max-width:18rem;color:var(--dvy-muted);margin:0;font-size:.8125rem;line-height:1.8}.landing-kicker{font:.625rem/1.7 var(--dvy-font-mono);letter-spacing:.08em;color:var(--dvy-muted)}.landing-workspace-section{margin-block-end:4.5rem}.landing-studio{border:1px solid var(--dvy-border);background:var(--dvy-background);border-radius:.625rem;overflow:hidden;box-shadow:0 4px 16px #00000008}.studio-toolbar{border-block-end:1px solid var(--dvy-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.studio-identity{align-items:center;gap:.75rem;min-width:0;display:flex}.studio-mark{border:1px solid var(--dvy-border);width:2rem;height:2rem;font:600 1.5rem/1 var(--dvy-font);border-radius:.5rem;place-items:center;display:grid}.studio-identity>div{gap:.125rem;display:grid}.studio-identity strong{font-size:.8125rem;font-weight:600}.studio-identity>div>span{color:var(--dvy-muted);font-size:.625rem}.studio-body{padding:1.5rem}.studio-heading{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1.5rem;display:flex}.studio-overline{font:.5625rem var(--dvy-font-mono);letter-spacing:.075em;color:var(--dvy-muted);margin:0 0 .5rem}.studio-heading h3{letter-spacing:-.04em;margin:0;font-size:1.375rem;font-weight:550;line-height:1.3}.studio-heading>div>p:last-child{color:var(--dvy-muted);margin:.5rem 0 0;font-size:.75rem}.studio-stats{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-end:1.5rem;display:grid}.studio-stats .dvy-stat{padding:1rem}.studio-stats .dvy-stat+.dvy-stat{border-inline-start:1px solid var(--dvy-border)}.studio-stats .dvy-stat dt{font-size:.625rem}.studio-stats .dvy-stat dd{margin-block:.375rem;font-size:1.875rem;font-weight:550}.studio-stats .dvy-stat>p{color:var(--dvy-muted);margin:0;font-size:.625rem;line-height:1.6}.studio-project-name{gap:.125rem;display:grid}.studio-project-name strong{font-size:.75rem;font-weight:550}.studio-project-name small{color:var(--dvy-muted);font-size:.625rem}.studio-body .dvy-table-scroll{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md)}.studio-body .dvy-table{font-size:.75rem}.studio-body .dvy-table caption,.studio-body .dvy-pagination{font-size:.6875rem}.studio-body .dvy-data-table>p{color:var(--dvy-muted);margin:0;font-size:.6875rem}.studio-body .dvy-data-table>.dvy-input{min-height:2.25rem;font-size:.75rem}.studio-body .dvy-tabs .dvy-tab{font-size:.75rem}.studio-feedback{color:var(--dvy-muted);margin:1.25rem 0 0;font-size:.6875rem}.landing-foundation-section{margin-block-end:3.5rem}.landing-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.25rem;display:grid}.landing-detail-grid>.dvy-card{box-shadow:none;background:0 0}.landing-detail-grid .dvy-card-header>.dvy-badge{font:400 .5625rem var(--dvy-font-mono);color:var(--dvy-muted);border:0;justify-self:start;padding:0}.landing-detail-grid .dvy-card-title{margin-block-start:.75rem;font-size:1.125rem;font-weight:550}.landing-detail-grid .dvy-timeline strong{font-size:.75rem;font-weight:600}.landing-detail-grid .dvy-timeline p{color:var(--dvy-muted);margin:.25rem 0 0;font-size:.6875rem}.landing-detail-grid .dvy-code-block{align-self:stretch}.landing-library-index{border-block:1px solid var(--dvy-border);grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:1.5rem;display:grid}.landing-library-index>a{gap:.5rem;padding:1.25rem 1rem;text-decoration:none;display:grid;position:relative}.landing-library-index>a+a{border-inline-start:1px solid var(--dvy-border)}.landing-library-index>a>span:first-child{font-size:.75rem;font-weight:550}.landing-library-index small{color:var(--dvy-muted);max-width:10rem;font-size:.6875rem;line-height:1.7}.landing-library-index>a>span:last-child{margin-block-start:.5rem;font-size:.875rem}.landing-library-index>a:hover{background:var(--dvy-surface)}.landing-rule{margin-block:0 3rem}.landing-next .landing-install-section{margin-block:0}.landing-next .install-card,.landing-next .install-benefit-card{box-shadow:none;background:0 0}.landing-release-context{color:var(--dvy-muted);margin-block:1.5rem 3rem;font-size:.6875rem;line-height:1.8}.landing-closing{border-block-start:1px solid var(--dvy-border);padding-block:2rem 3rem}.landing-closing h2{letter-spacing:-.055em;margin:1.25rem 0 1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:550;line-height:1.12}.landing-closing h2>span{color:var(--dvy-muted)}@media (max-width:1100px){.landing-hero-grid{grid-template-columns:1fr;gap:1.5rem}.landing-margin-note{display:none}}@media (max-width:700px){.landing-section-heading{display:block}.landing-section-heading>p{max-width:30rem;margin-block-start:.75rem}.landing-detail-grid{grid-template-columns:1fr}.landing-library-index{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-library-index>a:nth-child(3){border-inline-start:0;border-block-start:1px solid var(--dvy-border)}.landing-library-index>a:nth-child(4){border-block-start:1px solid var(--dvy-border)}.studio-heading{flex-direction:column;align-items:start}.studio-toolbar{padding:1rem}.studio-toolbar .dvy-avatar-group{display:none}.studio-body{padding:1rem}.studio-stats{grid-template-columns:1fr}.studio-stats .dvy-stat+.dvy-stat{border-inline-start:0;border-block-start:1px solid var(--dvy-border)}.studio-stats .dvy-stat{grid-template-columns:1fr 1fr;align-items:center;display:grid}.studio-stats .dvy-stat>p{text-align:end}.landing-intro{padding-block:1rem 2.5rem}.landing-workspace-section{margin-block-end:3rem}}.chart-studio-controls{flex-wrap:wrap;justify-content:flex-end;gap:1rem;margin-block:1.25rem;display:flex}.chart-studio-controls label{min-inline-size:8rem;color:var(--dvy-muted);gap:.4rem;font-size:.75rem;display:grid}.chart-studio-summary{border-block-start:1px solid var(--dvy-border);justify-content:space-between;align-items:start;gap:1rem;padding:1.25rem 0;display:flex}.chart-studio-summary>div{gap:.5rem;display:grid}.chart-studio-summary>div>span{color:var(--dvy-muted);font-size:.75rem}.chart-studio-summary strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:550}.chart-studio-summary small{font:400 .75rem/1.5 var(--dvy-font);color:var(--dvy-muted);letter-spacing:0}.directory-controls{grid-template-columns:minmax(0,1fr) minmax(0,15rem) auto;align-items:end;gap:1rem;margin-block:1.5rem;display:grid}.directory-controls label{gap:.5rem;min-inline-size:0;font-size:.75rem;font-weight:500;display:grid}.directory-result-count{color:var(--dvy-muted);font-size:.75rem}.directory-empty{border-block:1px solid var(--dvy-border);text-align:center;padding:3rem 1rem}.directory-empty p{color:var(--dvy-muted)}@media (max-width:900px){.directory-controls{grid-template-columns:1fr;align-items:stretch}.directory-controls>button{justify-self:start}}.component-directory.component-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr))}
.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}.docs-shell[data-layout=playground]{width:100%;max-width:none;display:block}[data-layout=playground]>.main-content{max-width:none;padding:2rem clamp(1rem,3vw,4rem)}.article.playground-page{width:100%;max-width:none}.playground-page>.breadcrumb,.playground-page>.docs-release-label{display:none}.playground-page>h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,3vw,3rem)}.playground-page>.page-lead{max-width:50rem;margin:.75rem 0 1.5rem;font-size:.875rem}.playground-page .code-playground{margin-top:1rem;scroll-margin-top:6rem}.playground-page .customize-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.playground-page .customize-heading h2{margin:.375rem 0;font-size:1.125rem}.playground-page .customize-heading p{color:var(--dvy-muted);margin:0 0 1rem;font-size:.75rem}.playground-auto{white-space:nowrap;align-items:center;gap:.625rem;font-size:.75rem;display:inline-flex}.playground-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem 0;display:flex}.playground-view-controls{border:1px solid var(--dvy-border);border-radius:var(--dvy-radius-md);gap:.25rem;padding:.25rem;display:flex}.playground-view-controls .dvy-button{min-height:2.25rem;font-size:.75rem}.playground-view-controls [aria-pressed=true]{background:var(--dvy-surface);color:var(--dvy-foreground)}.playground-size{align-items:center;gap:.75rem;font-size:.75rem;display:flex}.playground-size .dvy-select{width:auto;font-size:.75rem}.playground-page .code-playground-grid{border-radius:.625rem;gap:0;height:clamp(36rem,73dvh,64rem);padding:0;display:flex}.playground-page .code-playground-grid>div:not(.dvy-resize-handle){padding:0;display:flex}.playground-page .code-playground-grid>div:first-child{flex-grow:0;flex-shrink:0}.playground-page .code-playground-grid>div:last-child{flex-basis:0}.playground-page .code-playground-editor,.playground-page .code-playground-preview{border:0;border-radius:0;flex-direction:column;width:100%;height:100%;display:flex}.playground-page .code-input{resize:none;flex:1;height:100%;min-height:0;font-size:.8125rem;line-height:1.9}.playground-page .editor-heading,.playground-page .editor-run{flex-shrink:0;min-height:3.75rem}.playground-viewport{background:var(--dvy-surface);flex:1;min-height:0;display:flex;overflow:auto}.playground-page .code-playground-preview iframe{flex:1;width:100%;height:100%;min-height:0}.code-playground-preview[data-viewport=mobile] iframe{flex:0 0 375px;width:375px}.code-playground-preview[data-viewport=tablet] iframe{flex:0 0 768px;width:768px}.playground-page .code-playground[data-panel-view=editor] .code-playground-grid>div:last-child,.playground-page .code-playground[data-panel-view=preview] .code-playground-grid>div:first-child,.playground-page .code-playground:not([data-panel-view=split]) .dvy-resize-handle{display:none}.playground-page .code-playground:not([data-panel-view=split]) .code-playground-grid>div:not(.dvy-resize-handle){flex-basis:100%!important}.playground-component-lab{border-top:1px solid var(--dvy-border);margin-top:4rem;padding-top:2rem}.playground-component-lab>p{color:var(--dvy-muted);font-size:.875rem}@media (max-width:900px){.playground-page .code-playground-grid{flex-direction:column;height:auto}.playground-page .code-playground-grid>div:not(.dvy-resize-handle){flex-grow:0;flex-basis:auto!important}.playground-page .code-playground-editor,.playground-page .code-playground-preview{height:34rem}.playground-page .dvy-resize-handle{display:none}}@media (max-width:600px){.playground-page .customize-heading{flex-direction:column;align-items:start;gap:.25rem;margin-bottom:1rem}.playground-toolbar{flex-direction:column;align-items:start}.playground-size{justify-content:space-between;width:100%}.playground-page .code-input{font-size:1rem}}.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{scrollbar-width:none;-ms-overflow-style:none;height:calc(100dvh - 4.75rem);top:4.75rem}.sidebar::-webkit-scrollbar{width:0;height:0;display:none}.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}.principles-cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:2rem;display:grid}.hero-install-bar,.install-card,.framework-card,.package-card,.showcase-card{background:var(--dvy-surface);border-color:color-mix(in srgb, var(--dvy-border) 60%, transparent);border-radius:.25rem}.install-terminal-box{background:color-mix(in srgb, var(--dvy-surface) 75%, var(--dvy-background));border-color:color-mix(in srgb, var(--dvy-border) 50%, transparent);border-radius:.25rem}.hero-npm-badge{font-family:var(--dvy-font-mono);font-size:.6875rem}.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}}.hero-glass-card{background:var(--dvy-surface);border-color:color-mix(in srgb, var(--dvy-border) 60%, transparent);box-shadow:none;border-radius:.5rem}.hero-glass-card:hover{box-shadow:none}.hero-glass-stage{background:color-mix(in srgb, var(--dvy-surface) 80%, var(--dvy-background));border-radius:.375rem}.hero-glass-layer-brand,.hero-glass-layer-controls{background:var(--dvy-background);border-color:color-mix(in srgb, var(--dvy-border) 50%, transparent);box-shadow:none}.hero-glass-logo{background:#242321}.hero-glass-logo img{filter:grayscale()}.sidebar-overview-btn{border-radius:.25rem}.sidebar-overview-btn[aria-current=page]{background:var(--dvy-surface);box-shadow:inset 2px 0 var(--dvy-foreground)}.sidebar-nav-item{border-radius:.25rem}.sidebar-nav-item[aria-current=page]{background:var(--dvy-surface);box-shadow:inset 2px 0 var(--dvy-foreground)}.sidebar-overview-btn[aria-current=page]{color:#242321;box-shadow:none;background:#eae6dd;border-left:3px solid #242321}[data-devvy-theme=dark] .sidebar-overview-btn[aria-current=page]{color:#eeeae2;background:#282724;border-left:3px solid #eeeae2}.sidebar-item-label{color:#2e2c28}[data-devvy-theme=dark] .sidebar-item-label{color:#eeeae2}.sidebar-item-icon{color:#6b685f}[data-devvy-theme=dark] .sidebar-item-icon{color:#a39f95}.sidebar-all-pill{color:#383631;background:#e2ded5}[data-devvy-theme=dark] .sidebar-all-pill{color:#eeeae2;background:#2b2824}.sidebar-all-count{color:#383631;border-color:#78756d}[data-devvy-theme=dark] .sidebar-all-count{color:#eeeae2;border-color:#8c887e}
:root,[data-devvy-theme]{--dvy-background:#fafbf9;--dvy-surface:#f0f3ef;--dvy-foreground:#1b241e;--dvy-muted:#59645c;--dvy-border:#afbbb1;--dvy-brand:#176b4b;--dvy-on-brand:#fff;--dvy-focus:#176b4b;--dvy-glass-tint:250 251 249}[data-devvy-theme=dark]{--dvy-background:#111713;--dvy-surface:#1a241d;--dvy-foreground:#edf3ed;--dvy-muted:#b1bdb2;--dvy-border:#637567;--dvy-brand:#8bd4ac;--dvy-on-brand:#10261a;--dvy-focus:#8bd4ac;--dvy-glass-tint:17 23 19}@media (prefers-color-scheme:dark){:root:not([data-devvy-theme=light]):not([data-devvy-theme=dark]),[data-devvy-theme=system]{--dvy-background:#111713;--dvy-surface:#1a241d;--dvy-foreground:#edf3ed;--dvy-muted:#b1bdb2;--dvy-border:#637567;--dvy-brand:#8bd4ac;--dvy-on-brand:#10261a;--dvy-focus:#8bd4ac;--dvy-glass-tint:17 23 19}}.site-header{z-index:20;border-color:color-mix(in srgb, var(--dvy-border) 40%, transparent);flex-wrap:nowrap;gap:1.5rem;width:100%;max-width:none;min-height:4rem;padding-inline:clamp(1rem,3vw,4rem)}.site-header .wordmark{white-space:nowrap;flex-shrink:0;padding:0}.site-header .wordmark:hover{background:0 0}.wordmark-ui{color:var(--dvy-brand)}.site-header .site-navigation{width:auto;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-shrink:0;order:0;padding:0}.site-navigation .dvy-navbar-brand{display:none}.site-navigation .dvy-navbar-content{gap:0}.site-navigation .dvy-navbar-links{gap:.125rem}.site-header .site-navigation .dvy-navbar-links a{border-radius:var(--dvy-radius-md);white-space:nowrap;padding:.625rem .75rem;font-size:.8125rem;font-weight:500}.site-header .site-navigation a[aria-current=page]{color:var(--dvy-brand);background:var(--dvy-surface);text-decoration:none}.header-actions{gap:.5rem}.theme-control{width:6.25rem}.site-search-trigger{min-height:2.5rem;color:var(--dvy-muted);background:0 0;gap:.75rem;font-size:.75rem;display:flex}.site-search-trigger svg{flex-shrink:0;width:1rem;height:1rem}.site-search-trigger kbd{font:.625rem var(--dvy-font-mono);border:1px solid var(--dvy-border);border-radius:.25rem;padding:.125rem .25rem}.docs-shell[data-layout=landing]{width:100%;max-width:none;display:block}[data-layout=landing]>.main-content{min-width:0;max-width:none;padding:0 clamp(1rem,3vw,4rem)}.landing-next{max-width:110rem}.landing-intro{text-align:center;margin:0;padding:clamp(2.5rem,4vw,4rem) 0 2rem}.landing-intro .release-note{justify-content:center;gap:.625rem;margin-block-end:1.25rem}.landing-intro .release-note-label{letter-spacing:.05em;font-size:.625rem}.landing-intro .release-note .dvy-badge{font-size:.625rem}.landing-hero-grid{display:block}.landing-hero-main{align-items:center;max-width:76rem;margin-inline:auto}.landing-hero-main>.landing-kicker{letter-spacing:.1em;margin-bottom:1rem;font-size:.625rem}.landing-intro h1{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(2.5rem,3.5vw,3.75rem);font-weight:620;line-height:1.12}.landing-intro h1>span{color:var(--dvy-brand)}.landing-lead{text-wrap:pretty;max-width:45rem;margin:1rem 0 1.25rem;font-size:1rem;line-height:1.7}.landing-intro .hero-actions{justify-content:center;gap:.75rem;margin:0}.landing-intro .hero-actions .dvy-button{min-height:2.5rem;padding-inline:1.25rem;font-size:.8125rem}.landing-intro .hero-install-container{text-align:start;width:min(100%,29rem);margin-top:1.25rem}.landing-intro .hero-install-label{display:none}.hero-install-version{color:var(--dvy-muted);text-align:center;margin:.625rem 0 0;font-size:.6875rem}.landing-intro .hero-install-bar{background:var(--dvy-background);border-color:color-mix(in srgb, var(--dvy-border) 65%, transparent);flex-direction:row;align-items:center;gap:.5rem;margin:0;padding:.375rem .5rem .375rem .875rem}.landing-intro .hero-install-code{font-size:.75rem}.landing-intro .hero-install-copy-btn{min-width:2.75rem;min-height:2.25rem}.landing-intro .hero-install-npm-link{display:none}.landing-quiet-facts{justify-content:center;gap:.75rem;margin-top:1rem}.landing-resource-links{justify-content:center;gap:1.25rem;margin-top:.5rem}.landing-resource-links a{min-height:2rem;color:var(--dvy-muted)}.landing-resource-links a:hover{color:var(--dvy-brand);text-decoration:underline}.landing-section-heading{gap:1.5rem;margin-bottom:1.5rem}.landing-section-heading h2{margin-top:.5rem;font-size:clamp(1.5rem,2vw,2rem);font-weight:600}.landing-section-heading>p{max-width:29rem;font-size:.8125rem}.landing-workspace-section{margin-bottom:5rem}.landing-examples{min-width:0}.examples-toolbar{border-block:1px solid var(--dvy-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.75rem 0;display:flex}.examples-caption{color:var(--dvy-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.status-dot{background:var(--dvy-brand)}.examples-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.examples-controls label{color:var(--dvy-muted);align-items:center;gap:.5rem;font-size:.6875rem;display:flex}.examples-controls .dvy-select{background:var(--dvy-background);width:auto;font-size:.75rem}.examples-controls .dvy-button{font-size:.6875rem}.landing-showcase-grid{grid-template-columns:minmax(0,2.25fr) minmax(18rem,1fr);align-items:start;gap:1.25rem;display:grid}.landing-showcase-grid>*,.landing-showcase-side>*{min-width:0}.landing-workspace-section>.landing-section-heading{align-items:center;margin-bottom:1rem}.landing-workspace-section>.landing-section-heading h2{letter-spacing:-.025em;margin:0;font-size:1.125rem}.landing-component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-bottom:2.75rem;display:grid}.landing-component-grid>.dvy-card{min-width:0}.landing-component-grid .dvy-card-header{justify-items:start;gap:1rem;padding:1.5rem 1.5rem 1rem;display:grid}.landing-component-grid .dvy-card-title{letter-spacing:-.035em;font-size:1.25rem;line-height:1.4}.landing-component-grid .dvy-card-header>.dvy-badge{color:var(--dvy-muted);letter-spacing:.04em;background:0 0;border:0;padding:0;font-size:.625rem;font-weight:500}.landing-component-grid .dvy-card-content{padding:0 1.5rem 1.5rem}.component-note form,.component-note form>div{gap:.625rem;display:grid}.component-note form{gap:1.125rem}.component-note .dvy-label,.component-signature .select-label{color:var(--dvy-foreground);font-size:.75rem}.component-note .dvy-textarea{min-height:5.25rem}.component-note form>.component-note-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.component-note-actions .dvy-badge{font-size:.625rem}.component-demo-status{min-height:2.75em;color:var(--dvy-muted);margin:0;font-size:.6875rem;line-height:1.6}.component-activity .dvy-chart-inspector{box-shadow:none;border:0;padding:0}.component-activity .dvy-chart{min-width:0}.component-example-link{border-top:1px solid var(--dvy-border);color:var(--dvy-foreground);justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1rem;font-size:.75rem;font-weight:500;display:flex}.component-example-link:hover{color:var(--dvy-brand)}.signature-specimen{border:1px solid var(--dvy-border);background:var(--dvy-surface);border-radius:.625rem;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.5rem;display:flex}.signature-specimen>span:first-child{color:var(--dvy-brand);letter-spacing:-.065em;font-size:3.25rem;line-height:1}.signature-specimen>span:last-child{color:var(--dvy-muted);font-size:.75rem;line-height:1.6}.component-style-buttons{gap:.375rem;margin-bottom:1.25rem;display:flex}.component-style-buttons>.dvy-button{flex:1;min-width:0;padding-inline:.5rem}.landing-workspace-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-block:0 1.25rem;display:flex}.landing-workspace-label>span{color:var(--dvy-muted);font:.625rem var(--dvy-font-mono);letter-spacing:.05em}.landing-workspace-label>p{color:var(--dvy-muted);margin:0;font-size:.8125rem}.site-footer a:hover{text-underline-offset:.2em;text-decoration:underline}.landing-showcase-side{gap:1.25rem;display:grid}.landing-examples[data-preview-accent=ink]{--dvy-brand:var(--dvy-foreground);--dvy-on-brand:var(--dvy-background)}.landing-examples[data-preview-accent=clay]{--dvy-brand:#955034;--dvy-on-brand:#fff}[data-devvy-theme=dark] .landing-examples[data-preview-accent=clay]{--dvy-brand:#efae8f;--dvy-on-brand:#2d180f}@media (prefers-color-scheme:dark){[data-devvy-theme=system] .landing-examples[data-preview-accent=clay]{--dvy-brand:#efae8f;--dvy-on-brand:#2d180f}}.landing-examples .dvy-card,.landing-studio{background:var(--dvy-background);border-color:color-mix(in srgb, var(--dvy-border) 60%, transparent);box-shadow:none;border-radius:.625rem}.landing-studio{min-height:46rem}.studio-toolbar{background:var(--dvy-surface);border-color:color-mix(in srgb, var(--dvy-border) 50%, transparent);padding:1rem 1.5rem}.studio-mark{color:var(--dvy-brand);background:var(--dvy-background)}.studio-body{padding:clamp(1rem,2vw,2rem)}.studio-heading{margin-bottom:1.75rem}.studio-heading h3{font-size:clamp(1.25rem,1.8vw,1.75rem)}.studio-stats{border-color:color-mix(in srgb, var(--dvy-border) 50%, transparent)}.studio-stats .dvy-stat{padding:1.25rem}.studio-stats .dvy-stat dd{font-size:2.25rem}.studio-body .dvy-tabs .dvy-tab{min-height:2.75rem;padding-inline:1rem}.workspace-preferences .dvy-card-header{padding:1.25rem 1.25rem .75rem}.workspace-preferences .dvy-card-content{padding:.5rem 1.25rem 1.25rem}.preference-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.preference-title .dvy-card-title{letter-spacing:-.025em;font-size:1rem;line-height:1.4}.preference-title .dvy-badge{padding:.125rem .375rem;font-size:.5625rem}.workspace-preferences .dvy-card-description{margin-top:.5rem;font-size:.75rem}.workspace-preferences form{gap:.875rem;display:grid}.preference-switch{border-bottom:1px solid color-mix(in srgb, var(--dvy-border) 45%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.875rem;display:flex}.preference-switch>span{gap:.125rem;display:grid}.preference-switch strong{font-size:.75rem;font-weight:550}.preference-switch small{color:var(--dvy-muted);font-size:.6875rem}.preference-field{gap:.375rem;font-size:.75rem;display:grid}.preference-field .dvy-select{font-size:.75rem}.preference-capacity{justify-content:space-between;font-size:.75rem;display:flex}.preference-capacity output{font-family:var(--dvy-font-mono);color:var(--dvy-brand)}.workspace-preferences .dvy-slider{width:100%}.workspace-preferences .dvy-button{font-size:.75rem}.preference-feedback{color:var(--dvy-muted);min-height:2rem;margin:0;font-size:.625rem;line-height:1.6}.hero-glass-stage{background:var(--dvy-surface);min-height:12rem;padding:1.25rem}.hero-glass-viewport{gap:.75rem}.hero-glass-layer-brand{padding:.5rem .75rem}.hero-glass-layer-btn{padding:0}.hero-glass-icon-group{display:none}.hero-glass-toggles{flex-wrap:wrap;gap:.75rem}.hero-glass-layer-controls{padding:.875rem}.hero-glass-footer{padding:1rem 1.25rem}.hero-glass-title{font-size:.875rem}.hero-glass-link{font-size:.75rem}.landing-foundation-section,.home-install-section{max-width:88rem;margin-inline:auto}.landing-foundation-section{border-top:1px solid var(--dvy-border);margin-bottom:4rem;padding-top:3rem}.landing-closing{padding-block:4rem}.landing-closing h2{font-size:clamp(2.5rem,5vw,5rem)}.landing-closing h2>span{color:var(--dvy-brand)}.footer-separator,.site-footer{max-width:110rem;margin-inline:auto}@media (max-width:1400px){.site-search-trigger span,.site-search-trigger kbd{display:none}.site-search-trigger{min-width:2.5rem;padding:.625rem}}@media (max-width:1100px){.landing-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-signature{grid-column:1/-1}.component-signature .dvy-card-content{grid-template-columns:1fr 1fr;align-items:start;gap:1rem 2rem;display:grid}.component-signature .signature-specimen{grid-row:span 3;min-height:100%;margin:0}.component-signature .component-style-buttons,.component-signature .component-example-link{margin:0}.release-tag{display:none}.landing-showcase-grid{grid-template-columns:1fr}.landing-showcase-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.landing-studio{min-height:0}}@media (max-width:900px){.site-header{flex-wrap:nowrap;gap:.75rem;min-height:4rem}.site-header .site-navigation{margin-inline-start:auto;position:static}.site-navigation .dvy-navbar-toggle{background:0 0;border:0;min-height:2.5rem;padding:.5rem;font-size:.75rem;display:inline-flex}.site-navigation .dvy-navbar-content{border-bottom:1px solid var(--dvy-border);background:var(--dvy-background);box-shadow:var(--dvy-shadow);padding:1rem;position:absolute;inset:100% 0 auto}.site-navigation:not([data-open]) .dvy-navbar-content{display:none}.site-navigation[data-open] .dvy-navbar-content{display:flex}.site-navigation .dvy-navbar-links{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.site-header .site-navigation .dvy-navbar-links a{background:var(--dvy-surface);padding:.875rem;display:block}.header-actions{gap:.25rem;margin-left:0}.header-actions .header-icon-link{display:none}.theme-control{width:5.5rem}.theme-control .docs-select{min-height:2.5rem}.site-header .brand-symbol{width:1.75rem;height:1.75rem;margin-right:.125rem}.site-header .brand-symbol img{width:1.5rem;height:1.5rem}.site-header .wordmark{font-size:1.125rem}.landing-intro{padding-top:3rem;padding-bottom:2.5rem}.landing-intro h1{letter-spacing:-.06em;font-size:clamp(2.5rem,7vw,3.5rem)}.landing-lead{max-width:32rem;font-size:.875rem}.landing-section-heading{flex-direction:column;align-items:start;gap:.75rem}.examples-toolbar{align-items:start}.examples-controls{gap:.5rem;width:100%}.examples-controls label{flex-direction:column;flex:1;align-items:stretch;gap:.25rem}.examples-controls .dvy-select{width:100%}.examples-controls .dvy-button{align-self:end;min-height:2.5rem}.landing-workspace-section{margin-bottom:3rem}.landing-showcase-side,.landing-component-grid{grid-template-columns:1fr}.component-signature{grid-column:auto}.component-signature .dvy-card-content{display:block}.component-signature .signature-specimen,.component-signature .component-style-buttons{margin-bottom:1.25rem}.component-signature .component-example-link{margin-top:1.5rem}.studio-stats .dvy-stat{padding:.875rem}.studio-stats .dvy-stat dd{font-size:1.75rem}}@media (max-width:380px){.site-header{gap:.375rem;padding-inline:.75rem}.site-header .wordmark-title{display:none}.site-header .wordmark{gap:0}.landing-intro .release-note{gap:.375rem}.landing-intro .release-note-label{font-size:.5625rem}.landing-intro .hero-actions{flex-direction:column;align-items:stretch;width:100%}.landing-intro .hero-install-code{font-size:.6875rem}.landing-intro .hero-install-copy-btn{padding-inline:.375rem}.examples-caption{font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.landing-next *,.site-header *{scroll-behavior:auto;transition:none!important;animation:none!important}}