:root{--btn-radius:calc(var(--radius) - 2px);--btn-boundary:#0f172a14;--btn-primary-bg:var(--foreground);--btn-primary-bg-hover:color-mix(in oklab, var(--foreground) 88%, var(--background));--btn-primary-bg-active:color-mix(in oklab, var(--foreground) 80%, var(--background));--btn-primary-fg:var(--background);--btn-primary-border:color-mix(in oklab, var(--foreground), black 12%);--btn-primary-highlight:#ffffff14;--btn-secondary-bg:color-mix(in oklab, var(--foreground) 7%, var(--card));--btn-secondary-bg-hover:color-mix(in oklab, var(--foreground) 11%, var(--card));--btn-secondary-bg-active:color-mix(in oklab, var(--foreground) 15%, var(--card));--btn-secondary-fg:var(--foreground);--btn-secondary-highlight:#ffffff80;--btn-wash:color-mix(in oklab, var(--foreground) 6%, transparent);--btn-wash-pressed:color-mix(in oklab, var(--foreground) 11%, transparent);--btn-brand-bg:var(--n-brand-primary);--btn-brand-bg-hover:color-mix(in oklab, var(--n-brand-primary), black 8%);--btn-brand-bg-active:color-mix(in oklab, var(--n-brand-primary), black 14%);--btn-brand-fg:var(--n-brand-on-primary);--btn-brand-border:color-mix(in oklab, var(--n-brand-primary), black 10%);--btn-brand-highlight:#ffffff1f;--btn-destructive-bg:color-mix(in oklab, var(--n-status-danger-subtle) 86%, var(--n-status-danger));--btn-destructive-bg-hover:color-mix(in oklab, var(--n-status-danger-subtle) 80%, var(--n-status-danger));--btn-destructive-bg-active:color-mix(in oklab, var(--n-status-danger-subtle) 74%, var(--n-status-danger));--btn-destructive-fg:var(--n-status-danger-text);--btn-destructive-border:color-mix(in oklab, var(--n-status-danger) 16%, transparent);--btn-destructive-highlight:#fff6;--btn-destructive-soft-bg:var(--n-status-danger-subtle);--btn-destructive-soft-bg-hover:color-mix(in oklab, var(--n-status-danger-subtle) 92%, var(--n-status-danger));--btn-destructive-soft-bg-active:color-mix(in oklab, var(--n-status-danger-subtle) 86%, var(--n-status-danger));--btn-destructive-soft-fg:var(--n-status-danger-text);--btn-destructive-soft-border:color-mix(in oklab, var(--n-status-danger) 10%, transparent);--btn-success-bg:var(--n-status-success-subtle);--btn-success-fg:var(--n-status-success-text);--btn-success-border:color-mix(in oklab, var(--n-status-success) 18%, transparent);--btn-error-bg:var(--n-status-danger-subtle);--btn-error-fg:var(--n-status-danger-text);--btn-error-border:color-mix(in oklab, var(--n-status-danger) 18%, transparent);--btn-disabled-bg:var(--muted);--btn-disabled-fg:var(--muted-foreground);--btn-disabled-border:#0f172a0f;--btn-tab-fg:color-mix(in oklab, var(--foreground) 78%, var(--card));--btn-track-bg:color-mix(in oklab, var(--foreground) 6%, var(--card));--btn-pill-bg:var(--card);--btn-pill-shadow:0 1px 2px 0 #0f172a14, 0 0 0 1px #0f172a08;--btn-link-fg:var(--n-text-link);--btn-focus-ring:var(--n-brand-primary)}@media (prefers-color-scheme:dark){:root{--btn-boundary:#ffffff1a;--btn-disabled-border:#ffffff0f;--btn-primary-border:color-mix(in oklab, var(--foreground), black 7%);--btn-primary-highlight:#ffffff80;--btn-secondary-highlight:#ffffff0a;--btn-pill-bg:color-mix(in oklab, var(--foreground) 14%, var(--card));--btn-pill-shadow:0 1px 2px 0 #0000004d;--btn-brand-bg-hover:color-mix(in oklab, var(--n-brand-primary), white 8%);--btn-brand-bg-active:color-mix(in oklab, var(--n-brand-primary), white 14%);--btn-brand-highlight:#ffffff1a;--btn-destructive-highlight:#ffffff0a;--btn-destructive-border:color-mix(in oklab, var(--n-status-danger) 24%, transparent);--btn-destructive-soft-border:color-mix(in oklab, var(--n-status-danger) 16%, transparent);--btn-success-border:color-mix(in oklab, var(--n-status-success) 26%, transparent);--btn-error-border:color-mix(in oklab, var(--n-status-danger) 26%, transparent)}}@layer components{.n-btn{--_bg:transparent;--_bg-hover:var(--btn-wash);--_bg-active:var(--btn-wash-pressed);--_fg:var(--foreground);--_border:transparent;--_hl:transparent;--_drop:0 0 0 0 transparent;border-radius:var(--btn-radius);border:1px solid var(--_border);background-color:var(--_bg);color:var(--_fg);box-shadow:inset 0 1px 0 0 var(--_hl), var(--_drop);transition:background-color .12s var(--ease-standard), color .12s var(--ease-standard);position:relative}.n-btn--primary{--_bg:var(--btn-primary-bg);--_bg-hover:var(--btn-primary-bg-hover);--_bg-active:var(--btn-primary-bg-active);--_fg:var(--btn-primary-fg);--_border:var(--btn-primary-border);--_hl:var(--btn-primary-highlight)}.n-btn--secondary{--_bg:var(--btn-secondary-bg);--_bg-hover:var(--btn-secondary-bg-hover);--_bg-active:var(--btn-secondary-bg-active);--_fg:var(--btn-secondary-fg);--_border:var(--btn-boundary);--_hl:var(--btn-secondary-highlight)}.n-btn--outline{--_bg:transparent;--_fg:var(--foreground);--_border:var(--btn-boundary)}.n-btn--ghost{--_bg:transparent;--_fg:var(--foreground)}.n-btn--brand{--_bg:var(--btn-brand-bg);--_bg-hover:var(--btn-brand-bg-hover);--_bg-active:var(--btn-brand-bg-active);--_fg:var(--btn-brand-fg);--_border:var(--btn-brand-border);--_hl:var(--btn-brand-highlight)}.n-btn--destructive{--_bg:var(--btn-destructive-bg);--_bg-hover:var(--btn-destructive-bg-hover);--_bg-active:var(--btn-destructive-bg-active);--_fg:var(--btn-destructive-fg);--_border:var(--btn-destructive-border);--_hl:var(--btn-destructive-highlight)}.n-btn--destructive-soft{--_bg:var(--btn-destructive-soft-bg);--_bg-hover:var(--btn-destructive-soft-bg-hover);--_bg-active:var(--btn-destructive-soft-bg-active);--_fg:var(--btn-destructive-soft-fg);--_border:var(--btn-destructive-soft-border);--_hl:var(--btn-destructive-highlight)}.n-btn--link{--_bg:transparent;--_bg-hover:transparent;--_bg-active:transparent;--_fg:var(--btn-link-fg);text-underline-offset:4px}.n-btn--link:hover:not(:disabled){text-decoration-line:underline}.n-btn[data-feedback=success]{--_bg:var(--btn-success-bg);--_bg-hover:var(--btn-success-bg);--_bg-active:var(--btn-success-bg);--_fg:var(--btn-success-fg);--_border:var(--btn-success-border);--_hl:transparent}.n-btn[data-feedback=error]{--_bg:var(--btn-error-bg);--_bg-hover:var(--btn-error-bg);--_bg-active:var(--btn-error-bg);--_fg:var(--btn-error-fg);--_border:var(--btn-error-border);--_hl:transparent}.n-btn:not(:disabled):not([aria-disabled=true]):hover,.n-btn[data-force=hover]{background-color:var(--_bg-hover)}.n-btn:not(:disabled):not([aria-disabled=true]):active,.n-btn[data-force=active],.n-btn[aria-expanded=true]:not(.n-btn--link){background-color:var(--_bg-active);box-shadow:none}.n-btn:disabled:not([aria-busy=true]),.n-btn[aria-disabled=true]:not([aria-busy=true]){--_bg:var(--btn-disabled-bg);--_fg:var(--btn-disabled-fg);--_border:var(--btn-disabled-border);box-shadow:none;cursor:not-allowed}.n-btn--ghost:disabled:not([aria-busy=true]),.n-btn--link:disabled:not([aria-busy=true]),.n-btn--ghost[aria-disabled=true]:not([aria-busy=true]),.n-btn--link[aria-disabled=true]:not([aria-busy=true]){--_bg:transparent;--_border:transparent}.n-btn[aria-busy=true]{cursor:progress}.n-btn-group{border-radius:var(--btn-radius)}.n-btn-group[data-variant=tabs]{gap:.5rem}.n-btn-group[data-variant=tabs]>.n-btn{--_bg:var(--btn-secondary-bg);--_bg-hover:var(--btn-secondary-bg-hover);--_bg-active:var(--btn-secondary-bg-active);--_fg:var(--btn-tab-fg);--_border:transparent;--_hl:transparent}.n-btn-group[data-variant=tabs]>.n-btn:is([aria-pressed=true],[aria-checked=true],[aria-current=page],[aria-selected=true],[data-state=on],[data-state=active]){--_bg:var(--btn-primary-bg);--_bg-hover:var(--btn-primary-bg-hover);--_bg-active:var(--btn-primary-bg-active);--_fg:var(--btn-primary-fg);--_border:var(--btn-primary-border);--_hl:var(--btn-primary-highlight)}.n-btn-group[data-variant=segmented]{background-color:var(--btn-track-bg);gap:2px;padding:3px}.n-btn-group[data-variant=segmented]>.n-btn{--_bg:transparent;--_bg-hover:var(--btn-wash);--_bg-active:var(--btn-wash-pressed);--_fg:var(--btn-tab-fg);--_border:transparent;--_hl:transparent;border-radius:calc(var(--btn-radius) - 2px)}.n-btn-group[data-variant=segmented]>.n-btn:is([aria-pressed=true],[aria-checked=true],[aria-current=page],[aria-selected=true],[data-state=on],[data-state=active]){--_bg:var(--btn-pill-bg);--_bg-hover:var(--btn-pill-bg);--_bg-active:var(--btn-pill-bg);--_fg:var(--foreground);--_drop:var(--btn-pill-shadow);font-weight:600}.n-btn-group[data-variant=attached][data-orientation=horizontal]>.n-btn:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.n-btn-group[data-variant=attached][data-orientation=horizontal]>.n-btn:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.n-btn-group[data-variant=attached][data-orientation=vertical]>.n-btn:not(:first-child){border-start-start-radius:0;border-start-end-radius:0;margin-block-start:-1px}.n-btn-group[data-variant=attached][data-orientation=vertical]>.n-btn:not(:last-child){border-end-end-radius:0;border-end-start-radius:0}.n-btn-group[data-variant=attached]>.n-btn:is(:hover,:focus-visible){z-index:1}}[data-slot=tabs-list]:is([data-variant=buttons],[data-variant=segmented]){border-radius:var(--btn-radius);flex-wrap:wrap;justify-content:flex-start;width:fit-content;max-width:100%;height:auto;display:flex}[data-slot=tabs-list][data-variant=buttons]{background-color:#0000;gap:.5rem;padding:0}[data-slot=tabs-list][data-variant=segmented]{background-color:var(--btn-track-bg);gap:2px;padding:3px}[data-slot=tabs-list]:is([data-variant=buttons],[data-variant=segmented])>[data-slot=tabs-trigger]{border-radius:var(--btn-radius);background-color:var(--btn-secondary-bg);height:auto;min-height:2.25rem;color:var(--btn-tab-fg);box-shadow:none;white-space:normal;transition:background-color .12s var(--ease-standard), color .12s var(--ease-standard);border:1px solid #0000;flex:none;padding:calc(.5rem - 1px) calc(1rem - 1px);line-height:1.25rem}[data-slot=tabs-list]:is([data-variant=buttons],[data-variant=segmented])>[data-slot=tabs-trigger]:after{display:none}[data-slot=tabs-list][data-variant=buttons]>[data-slot=tabs-trigger]:hover{background-color:var(--btn-secondary-bg-hover);color:var(--foreground)}[data-slot=tabs-list][data-variant=buttons]>[data-slot=tabs-trigger]:is([data-state=active],[aria-selected=true]){background-color:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-fg);box-shadow:inset 0 1px 0 0 var(--btn-primary-highlight)}[data-slot=tabs-list][data-variant=segmented]>[data-slot=tabs-trigger]{border-radius:calc(var(--btn-radius) - 2px);background-color:#0000;min-height:calc(2.25rem - 6px);padding:calc(.3125rem - 1px) calc(.625rem - 1px)}[data-slot=tabs-list][data-variant=segmented]>[data-slot=tabs-trigger]:hover{background-color:var(--btn-wash);color:var(--foreground)}[data-slot=tabs-list][data-variant=segmented]>[data-slot=tabs-trigger]:is([data-state=active],[aria-selected=true]){background-color:var(--btn-pill-bg);color:var(--foreground);box-shadow:var(--btn-pill-shadow);font-weight:600}[data-slot=tabs-list]:is([data-variant=buttons],[data-variant=segmented])>[data-slot=tabs-trigger]:focus-visible,.n-btn:focus-visible,.n-btn[data-force=focus]{outline:2px solid var(--btn-focus-ring);outline-offset:2px}:where([dir=rtl]) [data-slot=button-icon]:not([data-no-mirror]) :is(.lucide-chevron-left,.lucide-chevron-right,.lucide-chevrons-left,.lucide-chevrons-right,.lucide-arrow-left,.lucide-arrow-right,.lucide-arrow-big-left,.lucide-arrow-big-right,.lucide-move-left,.lucide-move-right,.lucide-undo,.lucide-undo-2,.lucide-redo,.lucide-redo-2,.lucide-corner-down-left,.lucide-corner-down-right,.lucide-log-in,.lucide-log-out,.lucide-send,.lucide-reply){transform:scaleX(-1)}