.component-example-shell[data-astro-cid-f4vjpuxz]{margin:0 0 24px}.component-example-toolbar[data-astro-cid-f4vjpuxz]{justify-content:flex-end;gap:4px;display:flex}.component-example-debug-toggle[data-astro-cid-f4vjpuxz],.component-example-color-mode-toggle[data-astro-cid-f4vjpuxz]{width:24px;height:24px;color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:inline-flex}.component-example-debug-toggle[data-astro-cid-f4vjpuxz]:hover,.component-example-color-mode-toggle[data-astro-cid-f4vjpuxz]:hover,.component-example-debug-toggle[data-astro-cid-f4vjpuxz][aria-pressed=true],.component-example-color-mode-toggle[data-astro-cid-f4vjpuxz][aria-pressed=true]{color:var(--text)}.component-example-color-mode-toggle[data-astro-cid-f4vjpuxz][aria-pressed=true] .component-example-color-mode-icon-light[data-astro-cid-f4vjpuxz],.component-example-color-mode-toggle[data-astro-cid-f4vjpuxz][aria-pressed=false] .component-example-color-mode-icon-dark[data-astro-cid-f4vjpuxz]{display:none}.component-example-visually-hidden[data-astro-cid-f4vjpuxz]{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.component-example-preview[data-astro-cid-f4vjpuxz]{background:var(--surface);align-items:center;padding:0;display:flex;box-shadow:0 1px 1px #11182708,0 2px 6px #1118270a}.component-example-preview[data-astro-cid-f4vjpuxz]>[data-dn-level][data-dn-size]{width:100%}.component-example-preview-scaled[data-astro-cid-f4vjpuxz]{box-sizing:border-box;height:var(--example-scaled-height,auto);justify-content:flex-start;align-items:flex-start;overflow:hidden}.component-example-preview-no-padding[data-astro-cid-f4vjpuxz]{background:0 0;border:0;border-radius:0;padding:0}.component-example-scaler[data-astro-cid-f4vjpuxz]{flex:0 0 var(--example-inner-width);width:var(--example-inner-width);max-width:none;transform:scale(var(--example-scale,1));transform-origin:0 0}.component-example-preview-disabled-interactions[data-astro-cid-f4vjpuxz]>*{pointer-events:none;user-select:none}.dn-base-ui-chart{color:var(--dn-color-text-secondary);width:100%;min-width:0;position:relative}.dn-base-ui-chart-title{font-family:var(--dn-font-family);margin-block-end:var(--dn-size-control-gap)}.dn-base-ui-chart-svg{height:var(--dn-base-ui-chart-height);width:100%;display:block;overflow:visible}.dn-base-ui-chart svg text{fill:currentColor;font-family:var(--dn-font-family);font-size:var(--dn-size-label-font)}.dn-base-ui-chart-grid{stroke:var(--dn-color-chart-grid);stroke-dasharray:2 2}.dn-base-ui-chart-axis{stroke:var(--dn-color-chart-axis)}.dn-base-ui-chart-mark{cursor:default;fill:var(--dn-chart-color,var(--dn-color-chart-series-1));stroke:none;outline:none}.dn-base-ui-chart-mark:focus{stroke:var(--dn-color-focus);stroke-width:2px}.dn-base-ui-chart-line{fill:none;stroke:var(--dn-chart-color,var(--dn-color-chart-series-1));stroke-width:2px}.dn-base-ui-chart-area{fill:var(--dn-chart-color,var(--dn-color-chart-series-1));fill-opacity:.2;stroke:none}.dn-base-ui-chart-empty{height:var(--dn-base-ui-chart-height);justify-content:center;align-items:center;display:flex}.dn-base-ui-chart-tooltip{background:var(--dn-color-level-1);border-radius:var(--dn-radius-control);font-family:var(--dn-font-family);padding:var(--dn-size-control-gap);pointer-events:none;white-space:nowrap;border:0;position:absolute;transform:translate(-50%,calc(-100% - 6px))}.dn-base-ui-chart[data-dn-chart-color=chart-1]{--dn-chart-color:var(--dn-color-chart-series-1)}.dn-base-ui-chart[data-dn-chart-color=chart-2]{--dn-chart-color:var(--dn-color-chart-series-2)}.dn-base-ui-chart[data-dn-chart-color=chart-3]{--dn-chart-color:var(--dn-color-chart-series-3)}.dn-base-ui-chart[data-dn-chart-color=chart-4]{--dn-chart-color:var(--dn-color-chart-series-4)}.dn-base-ui-chart[data-dn-chart-color=chart-5]{--dn-chart-color:var(--dn-color-chart-series-5)}.dn-base-ui-chart[data-dn-chart-color=chart-6]{--dn-chart-color:var(--dn-color-chart-series-6)}.dn-base-ui-chart[data-dn-chart-color=positive]{--dn-chart-color:var(--dn-color-chart-positive)}.dn-base-ui-chart[data-dn-chart-color=negative]{--dn-chart-color:var(--dn-color-chart-negative)}.dn-base-ui-chart[data-dn-chart-color=neutral]{--dn-chart-color:var(--dn-color-chart-label)}.dn-base-ui-list-item{height:auto;min-height:var(--dn-size-control-height);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:.5rem;max-width:100%;display:inline-grid}.dn-base-ui-list-item[data-dn-presentation=button][data-dn-size]{height:auto;min-height:var(--dn-size-control-height)}.dn-base-ui-list-item-content{gap:.125rem;min-width:0;display:grid}.dn-base-ui-list-item-title,.dn-base-ui-list-item-subtitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dn-base-ui-list-item-title{font-weight:500}.dn-base-ui-list-item-start,.dn-base-ui-list-item-end{justify-content:center;align-items:center;min-width:0;display:inline-grid}.dn-base-ui-alert-dialog-backdrop{background:color-mix(in srgb, var(--dn-color-text) 22%, transparent);position:fixed;inset:0}.dn-base-ui-alert-dialog-popup{gap:var(--dn-size-control-gap);width:min(28rem,100vw - 2rem);max-height:calc(100vh - 2rem);padding:var(--dn-size-control-pad);display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dn-base-ui-alert-dialog-title{color:var(--dn-color-text);font:inherit;font-weight:600}.dn-base-ui-alert-dialog-description{color:var(--dn-color-text);font:inherit}.dn-base-ui-alert-dialog-actions{gap:var(--dn-size-control-gap);flex-wrap:wrap;justify-content:flex-end;display:flex}.dn-base-ui-alert-dialog-close{justify-self:end}.dn-base-ui-avatar{background:var(--dn-color-level-4);box-sizing:border-box;color:var(--dn-color-text);font-size:calc(var(--dn-size-control-font) * .85);height:var(--dn-size-control-height);text-transform:uppercase;user-select:none;vertical-align:middle;width:var(--dn-size-control-height);border-radius:9999px;flex:none;justify-content:center;align-items:center;font-weight:500;line-height:1;display:inline-grid;overflow:hidden}.dn-base-ui-avatar-image{object-fit:cover;width:100%;height:100%;display:block}.dn-base-ui-avatar-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:inline-grid}.dn-base-ui-field{gap:var(--dn-size-control-gap);display:grid}.dn-base-ui-field[data-dn-field-orientation=vertical]{grid-template-columns:minmax(0,1fr)}.dn-base-ui-field[data-dn-field-orientation=horizontal]{grid-template-columns:max-content minmax(0,1fr);align-items:start}.dn-base-ui-field-control{gap:calc(var(--dn-size-control-gap) * .75);min-width:0;display:grid}.dn-base-ui-field-label{width:fit-content;font-weight:500}.dn-base-ui-checkbox{align-items:center;gap:var(--dn-size-control-gap);text-align:left;grid-template-columns:auto minmax(0,1fr);display:inline-grid}.dn-base-ui-checkbox-control{border:1px solid var(--dn-color-border-strong);border-radius:calc(var(--dn-radius-control) / 2);color:#0000;place-items:center;width:1em;min-width:1em;height:1em;line-height:1;display:grid}.dn-base-ui-checkbox-indicator{place-items:center;width:100%;height:100%;display:grid}.dn-base-ui-checkbox[data-checked] .dn-base-ui-checkbox-control{color:var(--dn-color-accent);border-color:var(--dn-color-accent);background:var(--dn-color-surface-active)}.dn-base-ui-checkbox[data-disabled] .dn-base-ui-checkbox-control{border-color:var(--dn-color-border)}.dn-base-ui-choice-group{align-items:stretch;gap:var(--dn-size-control-gap);color:var(--dn-color-text);font-size:var(--dn-size-control-font);line-height:var(--dn-size-control-line);display:grid}.dn-base-ui-dialog-backdrop{background:color-mix(in srgb, var(--dn-color-text) 22%, transparent);position:fixed;inset:0}.dn-base-ui-dialog-popup{gap:var(--dn-size-control-gap);width:min(28rem,100vw - 2rem);max-height:calc(100vh - 2rem);padding:var(--dn-size-control-pad);display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dn-base-ui-dialog-title{color:var(--dn-color-text);font:inherit;font-weight:600}.dn-base-ui-dialog-description{color:var(--dn-color-text);font:inherit}.dn-base-ui-dialog-actions{gap:var(--dn-size-control-gap);flex-wrap:wrap;justify-content:flex-end;display:flex}.dn-base-ui-dialog-close{justify-self:end}.dn-base-ui-drawer-backdrop{background:color-mix(in srgb, var(--dn-color-text) 22%, transparent);position:fixed;inset:0}.dn-base-ui-drawer-viewport{width:min(24rem,100vw - 2rem);max-width:100vw;position:fixed;top:0;bottom:0;right:0}.dn-base-ui-drawer-popup{height:100%}.dn-base-ui-drawer-content{gap:var(--dn-size-control-gap);height:100%;padding:var(--dn-size-control-pad);flex-direction:column;display:flex;overflow:auto}.dn-base-ui-drawer-title{color:var(--dn-color-text);font:inherit;font-weight:600}.dn-base-ui-drawer-description{color:var(--dn-color-text);font:inherit}.dn-base-ui-drawer-actions{gap:var(--dn-size-control-gap);flex-wrap:wrap;justify-content:flex-end;margin-top:auto;display:flex}.dn-base-ui-drawer-close{align-self:flex-end;margin-top:auto}.dn-base-ui-fade{--dn-fade-size:64px;z-index:1;pointer-events:none;display:grid;position:absolute}.dn-base-ui-fade[data-dn-fade-direction=fade-out-top]{height:var(--dn-fade-size);inset-block-start:0;inset-inline:0}.dn-base-ui-fade[data-dn-fade-direction=fade-out-right]{width:var(--dn-fade-size);inset-block:0;inset-inline-end:0}.dn-base-ui-fade[data-dn-fade-direction=fade-out-bottom]{height:var(--dn-fade-size);inset-block-end:0;inset-inline:0}.dn-base-ui-fade[data-dn-fade-direction=fade-out-left]{width:var(--dn-fade-size);inset-block:0;inset-inline-start:0}.dn-base-ui-fade-gradient,.dn-base-ui-fade-content{grid-area:1/1;width:100%;height:100%}.dn-base-ui-fade-gradient{pointer-events:none}.dn-base-ui-fade-content{z-index:1;pointer-events:auto;display:grid;position:relative}.dn-base-ui-fade[data-dn-fade-direction=fade-out-top] .dn-base-ui-fade-gradient{background:linear-gradient(to bottom, var(--dn-fade-color), transparent)}.dn-base-ui-fade[data-dn-fade-direction=fade-out-right] .dn-base-ui-fade-gradient{background:linear-gradient(to left, var(--dn-fade-color), transparent)}.dn-base-ui-fade[data-dn-fade-direction=fade-out-bottom] .dn-base-ui-fade-gradient{background:linear-gradient(to top, var(--dn-fade-color), transparent)}.dn-base-ui-fade[data-dn-fade-direction=fade-out-left] .dn-base-ui-fade-gradient{background:linear-gradient(to right, var(--dn-fade-color), transparent)}.dn-base-ui-loading-spinner{align-items:center;gap:var(--dn-size-control-gap);color:var(--dn-color-text);font-size:var(--dn-size-control-font);line-height:var(--dn-size-control-line);vertical-align:middle;display:inline-flex}.dn-base-ui-loading-spinner-indicator{width:calc(var(--dn-size-control-font) * 1.2);height:calc(var(--dn-size-control-font) * 1.2);border:max(.125rem, calc(var(--dn-size-control-font) * .12)) solid var(--dn-color-border);border-top-color:var(--dn-color-border-strong);border-radius:50%;animation:.72s linear infinite dn-base-ui-loading-spinner-spin}.dn-base-ui-loading-spinner-label{color:var(--dn-color-text-secondary)}.dn-base-ui-loading-spinner-label-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes dn-base-ui-loading-spinner-spin{to{transform:rotate(360deg)}}.dn-base-ui-window-mockup{background:var(--dn-color-surface);border:1px solid var(--dn-color-card-border);box-shadow:0 34px 86px color-mix(in srgb, var(--dn-color-text) 18%, transparent), 0 18px 44px color-mix(in srgb, var(--dn-color-text) 12%, transparent), 0 6px 18px var(--dn-color-card-shadow);box-sizing:border-box;border-radius:18px;width:100%;min-height:14rem;display:flex;overflow:hidden}.dn-base-ui-popover-arrow{fill:var(--dn-color-level-3)}.dn-base-ui-popover-popup{gap:var(--dn-size-control-gap);max-width:min(28rem,100vw - 2rem);padding:var(--dn-size-control-pad);display:grid}.dn-base-ui-popover-title{color:var(--dn-color-text);font:inherit;font-weight:600}.dn-base-ui-popover-description{color:var(--dn-color-text);font:inherit}.dn-base-ui-popover-close{justify-self:end}.dn-base-ui-progress{gap:var(--dn-size-control-gap);color:var(--dn-color-text);font-size:var(--dn-size-control-font);line-height:var(--dn-size-control-line);flex-direction:column;display:flex}.dn-base-ui-progress-header{justify-content:space-between;align-items:center;gap:var(--dn-size-control-gap);display:flex}.dn-base-ui-progress-label{color:var(--dn-color-text)}.dn-base-ui-progress-value{color:var(--dn-color-text-secondary)}.dn-base-ui-progress-track{width:100%;height:max(.25rem, calc(var(--dn-size-control-height) * .12));border-radius:var(--dn-radius-control);background:var(--dn-color-surface);position:relative;overflow:hidden}.dn-base-ui-progress-indicator{border-radius:inherit;background:var(--dn-color-border-strong);height:100%;transition:width .16s;display:block}.dn-base-ui-radio{align-items:center;gap:var(--dn-size-control-gap);text-align:left;grid-template-columns:auto minmax(0,1fr);display:inline-grid}.dn-base-ui-radio-control{border:1px solid var(--dn-color-border-strong);color:#0000;border-radius:999px;place-items:center;width:1em;min-width:1em;height:1em;line-height:1;display:grid}.dn-base-ui-radio-indicator{color:#0000;background:var(--dn-color-accent);border-radius:999px;width:.45em;height:.45em;display:block;overflow:hidden}.dn-base-ui-radio[data-checked] .dn-base-ui-radio-control{border-color:var(--dn-color-accent);background:var(--dn-color-surface-active)}.dn-base-ui-radio[data-disabled] .dn-base-ui-radio-control{border-color:var(--dn-color-border)}.dn-base-ui-scroll-area{color:var(--dn-color-text);position:relative;overflow:hidden}.dn-base-ui-scroll-area-viewport{width:100%;height:100%}.dn-base-ui-scroll-area-content{min-width:100%}.dn-base-ui-scroll-area-scrollbar{touch-action:none;user-select:none;background:var(--dn-color-surface);transition:background .12s;display:flex}.dn-base-ui-scroll-area-scrollbar:hover{background:var(--dn-color-surface-hover)}.dn-base-ui-scroll-area-scrollbar[data-orientation=vertical]{width:.625rem;padding:.125rem}.dn-base-ui-scroll-area-scrollbar[data-orientation=horizontal]{flex-direction:column;height:.625rem;padding:.125rem}.dn-base-ui-scroll-area-thumb{border-radius:var(--dn-radius-control);background:var(--dn-color-border-strong);flex:1}.dn-base-ui-scroll-area-corner{background:var(--dn-color-surface)}.dn-base-ui-select-popup{min-width:var(--anchor-width);max-width:min(24rem,100vw - 2rem);padding:calc(var(--dn-size-control-gap) / 2);color:var(--dn-color-text);background:var(--dn-color-surface);border:1px solid var(--dn-color-card-border);border-radius:var(--dn-radius-control);box-shadow:0 1px 1px var(--dn-color-card-shadow-subtle), 0 2px 6px var(--dn-color-card-shadow);font-family:var(--dn-font-family)}.dn-base-ui-select-list{gap:calc(var(--dn-size-control-gap) / 2);display:grid}.dn-base-ui-select-item{gap:var(--dn-size-control-gap);min-height:var(--dn-size-control-height);padding:0 var(--dn-size-control-gap);color:var(--dn-color-text);border-radius:calc(var(--dn-radius-control) / 2);font-size:var(--dn-size-control-font);line-height:var(--dn-size-control-line);grid-template-columns:1em minmax(0,1fr);align-items:center;display:grid}.dn-base-ui-select-item[data-highlighted]{background:var(--dn-color-surface-hover)}.dn-base-ui-select-item[data-selected]{background:var(--dn-color-surface-active)}.dn-base-ui-select-item[data-disabled]{color:var(--dn-color-border-strong)}.dn-base-ui-select-indicator{place-items:center;display:grid}.dn-base-ui-select-text{min-width:0}.dn-base-ui-slider{gap:var(--dn-size-control-gap);width:100%;color:var(--dn-color-text);font-size:var(--dn-size-control-font);line-height:var(--dn-size-control-line);display:grid}.dn-base-ui-slider-value{color:var(--dn-color-text-secondary);justify-self:end}.dn-base-ui-slider-control{min-height:var(--dn-size-control-height);align-items:center;display:flex}.dn-base-ui-slider-track{width:100%;height:max(.25rem, calc(var(--dn-size-control-height) * .12));border-radius:var(--dn-radius-control);background:var(--dn-color-surface);position:relative}.dn-base-ui-slider-indicator{border-radius:inherit;background:var(--dn-color-accent);height:100%;position:absolute}.dn-base-ui-slider-thumb{width:max(.875rem, calc(var(--dn-size-control-height) * .56));height:max(.875rem, calc(var(--dn-size-control-height) * .56));border:1px solid var(--dn-color-border-strong);background:var(--dn-color-surface);box-shadow:0 1px 1px var(--dn-color-card-shadow-subtle);border-radius:999px}.dn-base-ui-slider-thumb:hover{background:var(--dn-color-surface-hover)}.dn-base-ui-slider-thumb:focus-visible{box-shadow:0 0 0 1px var(--dn-color-focus), 0 0 0 4px var(--dn-color-focus-shadow);outline:0}.dn-base-ui-slider[data-disabled]{color:var(--dn-color-text-secondary)}.dn-base-ui-slider[data-disabled] .dn-base-ui-slider-indicator{background:var(--dn-color-border-strong)}.dn-base-ui-switch{align-items:center;gap:var(--dn-size-control-gap);text-align:left;grid-template-columns:auto minmax(0,1fr);display:inline-grid}.dn-base-ui-switch-track{width:calc(var(--dn-size-control-height) * 1.55);min-width:calc(var(--dn-size-control-height) * 1.55);height:calc(var(--dn-size-control-height) * .75);padding:max(.125rem, calc(var(--dn-size-control-height) * .08));background:var(--dn-color-surface);border:1px solid var(--dn-color-border-strong);border-radius:999px;align-items:center;transition:background .12s,border-color .12s;display:flex}.dn-base-ui-switch-thumb{width:calc(var(--dn-size-control-height) * .52);height:calc(var(--dn-size-control-height) * .52);background:var(--dn-color-text-secondary);box-shadow:0 1px 1px var(--dn-color-card-shadow-subtle);border-radius:999px;place-items:center;transition:background .12s,transform .12s;display:grid;transform:translate(0)}.dn-base-ui-switch[data-checked] .dn-base-ui-switch-track{background:var(--dn-color-surface-active);border-color:var(--dn-color-accent)}.dn-base-ui-switch[data-checked] .dn-base-ui-switch-thumb{background:var(--dn-color-accent);transform:translateX(calc(var(--dn-size-control-height) * .78))}.dn-base-ui-switch[data-disabled] .dn-base-ui-switch-track{border-color:var(--dn-color-border)}.dn-base-ui-switch-label{min-width:0}.dn-base-ui-tooltip-popup{max-width:20rem;padding:var(--dn-size-control-pad)}.dn-base-ui-tooltip-arrow{fill:var(--dn-color-level-3)}