@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer base{:root,[data-theme=light]{--tbn-btn-primary-bg:var(--color-brand-500);--tbn-btn-primary-bg-hover:var(--color-brand-400);--tbn-btn-primary-bg-pressed:var(--color-brand-600);--tbn-btn-primary-contrast:#fff;--tbn-btn-primary-focus-ring:oklch(from var(--color-brand-500) l c h / .4);--tbn-btn-primary-ghost-hover:oklch(from var(--color-brand-500) l c h / .06);--tbn-btn-primary-ghost-pressed:oklch(from var(--color-brand-500) l c h / .12);--tbn-btn-primary-border:oklch(from var(--color-brand-500) l c h / .3);--tbn-btn-secondary-bg:#5252520f;--tbn-btn-secondary-bg-hover:#1a1a1a17;--tbn-btn-secondary-bg-pressed:#1a1a1a33;--tbn-btn-secondary-contrast:var(--color-neutral-500);--tbn-btn-secondary-focus-ring:#a8b1cc;--tbn-btn-secondary-border:#e4e4e7;--tbn-btn-destructive-bg:var(--color-red-700);--tbn-btn-destructive-bg-hover:var(--color-red-600);--tbn-btn-destructive-bg-pressed:var(--color-red-800);--tbn-btn-destructive-contrast:var(--color-white);--tbn-btn-soft-destructive-bg:var(--color-red-50);--tbn-btn-soft-destructive-bg-hover:var(--color-red-100);--tbn-btn-soft-destructive-bg-pressed:var(--color-red-200);--tbn-btn-soft-destructive-contrast:var(--color-red-700);--tbn-btn-success-bg:var(--color-green-700);--tbn-btn-success-bg-hover:var(--color-green-600);--tbn-btn-success-bg-pressed:var(--color-green-800);--tbn-btn-success-contrast:var(--color-white);--tbn-btn-success-focus-ring:oklch(from var(--color-green-600) l c h / .4);--tbn-btn-destructive-focus-ring:oklch(from var(--color-red-500) l c h / .4);--tbn-btn-destructive-outline-fg:var(--color-red-500);--tbn-btn-destructive-overlay-hover:oklch(from var(--color-red-500) l c h / .06);--tbn-btn-destructive-overlay-pressed:oklch(from var(--color-red-500) l c h / .12);--tbn-btn-destructive-border:oklch(from var(--color-red-500) l c h / .5);--tbn-btn-destructive-ghost-hover:var(--color-red-50);--tbn-btn-soft-destructive-focus-ring:oklch(from var(--color-red-500) l c h / .4);--tbn-btn-soft-destructive-outline-fg:var(--color-red-500);--tbn-btn-soft-destructive-overlay-hover:oklch(from var(--color-red-500) l c h / .06);--tbn-btn-soft-destructive-overlay-pressed:oklch(from var(--color-red-500) l c h / .12);--tbn-btn-soft-destructive-border:oklch(from var(--color-red-500) l c h / .5);--tbn-btn-soft-destructive-ghost-hover:var(--color-red-50);--tbn-btn-warning-bg:var(--color-orange-500);--tbn-btn-warning-bg-hover:var(--color-orange-600);--tbn-btn-warning-bg-pressed:var(--color-orange-700);--tbn-btn-warning-contrast:var(--color-white);--tbn-btn-warning-focus-ring:oklch(from var(--color-orange-500) l c h / .4);--tbn-btn-warning-outline-fg:var(--color-orange-500);--tbn-btn-warning-overlay-hover:oklch(from var(--color-orange-500) l c h / .06);--tbn-btn-warning-overlay-pressed:oklch(from var(--color-orange-500) l c h / .12);--tbn-btn-warning-border:oklch(from var(--color-orange-500) l c h / .5);--tbn-btn-success-outline-fg:var(--color-green-600);--tbn-btn-success-overlay-hover:oklch(from var(--color-green-600) l c h / .06);--tbn-btn-success-overlay-pressed:oklch(from var(--color-green-600) l c h / .12);--tbn-btn-success-border:oklch(from var(--color-green-600) l c h / .5);--tbn-btn-neutral-bg:var(--color-neutral-700);--tbn-btn-neutral-bg-hover:var(--color-neutral-800);--tbn-btn-neutral-bg-pressed:var(--color-neutral-900);--tbn-btn-neutral-contrast:var(--color-white);--tbn-btn-neutral-focus-ring:oklch(from var(--color-neutral-700) l c h / .4);--tbn-btn-neutral-outline-fg:var(--color-neutral-700);--tbn-btn-neutral-overlay-hover:oklch(from var(--color-neutral-700) l c h / .06);--tbn-btn-neutral-overlay-pressed:oklch(from var(--color-neutral-700) l c h / .12);--tbn-btn-neutral-border:oklch(from var(--color-neutral-700) l c h / .5);--tbn-btn-surface-bg:var(--tbn-bg-surface);--tbn-btn-surface-fg:var(--tbn-text-secondary);--tbn-btn-surface-border:var(--tbn-btn-secondary-border);--tbn-btn-surface-ring:var(--tbn-btn-secondary-focus-ring);--tbn-btn-surface-bg-hover:var(--tbn-bg-surface-secondary);--tbn-btn-surface-bg-pressed:oklch(from var(--tbn-bg-surface-secondary) calc(l - .03) c h)}@supports (color:lab(0% 0 0)){:root,[data-theme=light]{--tbn-btn-primary-contrast:lab(100% 0 0);--tbn-btn-secondary-bg:lab(34.8776% -.0000149012 0/.06);--tbn-btn-secondary-bg-hover:lab(9.2648% -.00000745058 0/.09);--tbn-btn-secondary-bg-pressed:lab(9.2648% -.00000745058 0/.2);--tbn-btn-secondary-focus-ring:lab(72.159% .969172 -14.8964);--tbn-btn-secondary-border:lab(90.6505% .399292 -1.45453)}}}.tbn-button{--button-bg:transparent;--button-bg-hover:var(--button-bg);--button-bg-pressed:var(--button-bg-hover);--button-fg:currentColor;--button-border:transparent;--button-ring:transparent;color:var(--button-fg);cursor:pointer;background-color:var(--button-bg);border:1px solid var(--button-border);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);white-space:nowrap;--tw-outline-style:none;-webkit-user-select:none;user-select:none;width:fit-content;font-size:var(--text-label-2,1rem);line-height:var(--tw-leading,var(--text-label-2--line-height,1.375));letter-spacing:var(--tw-tracking,var(--text-label-2--letter-spacing,.01em));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);height:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-button,var(--radius-field));padding-inline:calc(var(--spacing,.25rem) * 4);outline-style:none;flex-shrink:0;transition:background-color .1s ease-out,box-shadow .1s ease-out,transform .2s ease-out;display:inline-flex;position:relative;overflow:hidden}.tbn-button svg{width:18px;height:18px}.tbn-button{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}@media (prefers-reduced-motion:reduce){.tbn-button{transition-property:none}}@media (hover:hover){.tbn-button:hover:not([data-disabled]),.tbn-button[data-hovered=true]{background-color:var(--button-bg-hover)}}.tbn-button:active:not([data-disabled]){background-color:var(--button-bg-pressed);transform:scale(.97)}.tbn-button:focus-visible{box-shadow:0 0 0 3px var(--button-ring)}.tbn-button[data-disabled]{pointer-events:none;opacity:.4}.tbn-button svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex-shrink:0}.tbn-button--xs{height:calc(var(--spacing,.25rem) * 7);padding-inline:calc(var(--spacing,.25rem) * 2);font-size:var(--text-label-3,.875rem);line-height:var(--tw-leading,var(--text-label-3--line-height,1.43));letter-spacing:var(--tw-tracking,var(--text-label-3--letter-spacing,.01em))}.tbn-button--xs svg{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.tbn-button--xs:active:not([data-disabled]){transform:scale(.98)}.tbn-button--sm{height:calc(var(--spacing,.25rem) * 9);padding-inline:calc(var(--spacing,.25rem) * 3)}.tbn-button--sm svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4)}.tbn-button--sm:active:not([data-disabled]){transform:scale(.98)}.tbn-button--lg{height:calc(var(--spacing,.25rem) * 11);padding-inline:calc(var(--spacing,.25rem) * 5)}.tbn-button--lg svg{width:calc(var(--spacing,.25rem) * 5);height:calc(var(--spacing,.25rem) * 5)}.tbn-button--lg:active:not([data-disabled]){transform:scale(.96)}.tbn-button--full-width{justify-content:center;width:100%}.tbn-button--icon{width:calc(var(--spacing,.25rem) * 10);padding:0}.tbn-button--xs.tbn-button--icon{width:calc(var(--spacing,.25rem) * 7)}.tbn-button--sm.tbn-button--icon{width:calc(var(--spacing,.25rem) * 8)}.tbn-button--lg.tbn-button--icon{width:calc(var(--spacing,.25rem) * 12)}.tbn-button--primary{--button-bg:var(--tbn-btn-primary-bg);--button-bg-hover:var(--tbn-btn-primary-bg-hover);--button-bg-pressed:var(--tbn-btn-primary-bg-pressed);--button-fg:var(--tbn-btn-primary-contrast);--button-ring:var(--tbn-btn-primary-focus-ring)}.tbn-button--primary.tbn-button--outlined{--button-bg:transparent;--button-bg-hover:var(--tbn-btn-primary-ghost-hover);--button-bg-pressed:var(--tbn-btn-primary-ghost-pressed);--button-fg:var(--tbn-btn-primary-bg);--button-border:var(--tbn-btn-primary-border)}.tbn-button--primary.tbn-button--ghost{--button-bg:transparent;--button-bg-hover:var(--tbn-btn-primary-ghost-hover);--button-bg-pressed:var(--tbn-btn-primary-ghost-pressed);--button-fg:var(--tbn-btn-primary-bg);--button-border:transparent}.tbn-button--secondary{--button-bg:var(--tbn-btn-secondary-bg);--button-bg-hover:var(--tbn-btn-secondary-bg-hover);--button-bg-pressed:var(--tbn-btn-secondary-bg-pressed);--button-fg:var(--tbn-btn-secondary-contrast);--button-ring:var(--tbn-btn-secondary-focus-ring)}.tbn-button--secondary.tbn-button--outlined{--button-bg:transparent;--button-border:var(--tbn-btn-secondary-border)}.tbn-button--secondary.tbn-button--ghost{--button-bg:transparent;--button-border:transparent}.tbn-button--destructive{--button-bg:var(--tbn-btn-destructive-bg);--button-bg-hover:var(--tbn-btn-destructive-bg-hover);--button-bg-pressed:var(--tbn-btn-destructive-bg-pressed);--button-fg:var(--tbn-btn-destructive-contrast);--button-ring:var(--tbn-btn-destructive-focus-ring)}.tbn-button--destructive.tbn-button--outlined{--button-bg:transparent;--button-bg-hover:var(--tbn-btn-destructive-overlay-hover);--button-bg-pressed:var(--tbn-btn-destructive-overlay-pressed);--button-fg:var(--tbn-btn-destructive-outline-fg);--button-border:var(--tbn-btn-destructive-border)}.tbn-button--destructive.tbn-button--ghost{--button-bg:transparent;--button-bg-hover:var(--tbn-btn-destructive-ghost-hover);--button-bg-pressed:var(--tbn-btn-destructive-overlay-pressed);--button-fg:var(--tbn-btn-destructive-outline-fg);--button-border:transparent}.tbn-button--soft-destructive{--button-bg:var(--tbn-btn-soft-destructive-bg);--button-bg-hover:var(--tbn-btn-soft-destructive-bg-hover);--button-bg-pressed:var(--tbn-btn-soft-destructive-bg-hover);--button-fg:var(--tbn-btn-soft-destructive-contrast);--button-ring:var(--tbn-btn-soft-destructive-focus-ring)}.tbn-button--soft-destructive.tbn-button--outlined{--button-bg:transparent;--button-bg-hover:var(--tbn-btn-soft-destructive-overlay-hover);--button-bg-pressed:var(--tbn-btn-soft-destructive-overlay-pressed);--button-fg:var(--tbn-btn-soft-destructive-outline-fg);--button-border:var(--tbn-btn-soft-destructive-border)}.tbn-button--soft-destructive.tbn-button--ghost{--button-bg:transparent;--button-bg-hover:var(--tbn-btn-soft-destructive-ghost-hover);--button-bg-pressed:var(--tbn-btn-soft-destructive-overlay-pressed);--button-fg:var(--tbn-btn-soft-destructive-outline-fg);--button-border:transparent}.tbn-button--warning{--button-bg:var(--tbn-btn-warning-bg);--button-bg-hover:var(--tbn-btn-warning-bg-hover);--button-bg-pressed:var(--tbn-btn-warning-bg-pressed);--button-fg:var(--tbn-btn-warning-contrast);--button-ring:var(--tbn-btn-warning-focus-ring)}.tbn-button--warning.tbn-button--outlined{--button-bg:transparent;--button-bg-hover:var(--tbn-btn-warning-overlay-hover);--button-bg-pressed:var(--tbn-btn-warning-overlay-pressed);--button-fg:var(--tbn-btn-warning-outline-fg);--button-border:var(--tbn-btn-warning-border)}.tbn-button--warning.tbn-button--ghost{--button-bg:transparent;--button-bg-hover:var(--tbn-btn-warning-overlay-hover);--button-bg-pressed:var(--tbn-btn-warning-overlay-pressed);--button-fg:var(--tbn-btn-warning-outline-fg);--button-border:transparent}.tbn-button--success{--button-bg:var(--tbn-btn-success-bg);--button-bg-hover:var(--tbn-btn-success-bg-hover);--button-bg-pressed:var(--tbn-btn-success-bg-pressed);--button-fg:var(--tbn-btn-success-contrast);--button-ring:var(--tbn-btn-success-focus-ring)}.tbn-button--success.tbn-button--outlined{--button-bg:transparent;--button-bg-hover:var(--tbn-btn-success-overlay-hover);--button-bg-pressed:var(--tbn-btn-success-overlay-pressed);--button-fg:var(--tbn-btn-success-outline-fg);--button-border:var(--tbn-btn-success-border)}.tbn-button--success.tbn-button--ghost{--button-bg:transparent;--button-bg-hover:var(--tbn-btn-success-overlay-hover);--button-bg-pressed:var(--tbn-btn-success-overlay-pressed);--button-fg:var(--tbn-btn-success-outline-fg);--button-border:transparent}.tbn-button--neutral{--button-bg:var(--tbn-btn-neutral-bg);--button-bg-hover:var(--tbn-btn-neutral-bg-hover);--button-bg-pressed:var(--tbn-btn-neutral-bg-pressed);--button-fg:var(--tbn-btn-neutral-contrast);--button-ring:var(--tbn-btn-neutral-focus-ring)}.tbn-button--neutral.tbn-button--outlined{--button-bg:transparent;--button-bg-hover:var(--tbn-btn-neutral-overlay-hover);--button-bg-pressed:var(--tbn-btn-neutral-overlay-pressed);--button-fg:var(--tbn-btn-neutral-outline-fg);--button-border:var(--tbn-btn-neutral-border)}.tbn-button--neutral.tbn-button--ghost{--button-bg:transparent;--button-bg-hover:var(--tbn-btn-neutral-overlay-hover);--button-bg-pressed:var(--tbn-btn-neutral-overlay-pressed);--button-fg:var(--tbn-btn-neutral-outline-fg);--button-border:transparent}.tbn-button--surface{--button-bg:var(--tbn-btn-surface-bg);--button-bg-hover:var(--tbn-btn-surface-bg-hover);--button-bg-pressed:var(--tbn-btn-surface-bg-pressed);--button-fg:var(--tbn-btn-surface-fg);--button-border:var(--tbn-btn-surface-border);--button-ring:var(--tbn-btn-surface-ring)}@property --tw-font-weight{syntax:"*";inherits:false}