.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-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-item[data-dn-presentation=button][data-dn-size]{height:auto;min-height:var(--dn-size-control-height)}.dn-base-ui-item-content{gap:.125rem;min-width:0;display:grid}.dn-base-ui-item-title,.dn-base-ui-item-subtitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dn-base-ui-item-title{font-weight:500}.dn-base-ui-item-start,.dn-base-ui-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);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}.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);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);flex-direction:column;height:100%;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);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-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-tooltip-popup{max-width:20rem}.dn-base-ui-tooltip-arrow{fill:var(--dn-color-level-3)}