@layer components{.btn[data-v-1b65cc9c]{border-radius:var(--radius-button);font-family:inherit;font-size:var(--text-title-2);line-height:var(--text-title-2--line-height);font-weight:var(--text-title-2--font-weight);cursor:pointer;white-space:nowrap;border:1px solid var(--color-line-2);background:var(--color-surface-2);color:var(--color-ink);transition:border-color .2s var(--ease-out-expo), background .2s var(--ease-out-expo), transform .2s var(--ease-out-expo), opacity .2s var(--ease-out-expo);flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;display:inline-flex}.btn[data-v-1b65cc9c]:active:not(:disabled){transform:scale(.95)}.btn[data-v-1b65cc9c]:hover{border-color:var(--color-ink-3);background:var(--color-surface-3)}.btn-icon[data-v-1b65cc9c]{width:30px;height:30px;padding:6px}.btn-block[data-v-1b65cc9c]{width:100%}.btn-active[data-v-1b65cc9c]{color:oklch(80% .1 250);border-color:color-mix(in oklch, var(--color-accent), transparent 55%);background:color-mix(in oklch, var(--color-accent), transparent 88%)}.btn[data-v-1b65cc9c]:disabled{opacity:.45;cursor:not-allowed}.btn[data-v-1b65cc9c]:disabled:hover{border-color:var(--color-line-2);background:var(--color-surface-2)}.btn-sm[data-v-1b65cc9c]{border-radius:var(--radius-button-sm);font-size:var(--text-title-3);line-height:var(--text-title-3--line-height);font-weight:var(--text-title-3--font-weight);padding:6px 14px}.btn-lg[data-v-1b65cc9c]{border-radius:var(--radius-button-lg);font-size:var(--text-title-2);line-height:var(--text-title-2--line-height);font-weight:var(--text-title-2--font-weight);padding:13px 22px}.btn-primary[data-v-1b65cc9c]:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-primary[data-v-1b65cc9c]:disabled:hover{background:var(--color-accent);border-color:var(--color-accent)}.btn-primary[data-v-1b65cc9c]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);font-weight:600}.btn-ghost[data-v-1b65cc9c]:hover{background:var(--color-surface-2)}.btn-ghost[data-v-1b65cc9c]{background:0 0}.btn-danger[data-v-1b65cc9c]:hover{background:color-mix(in oklch, var(--color-danger), transparent 88%);border-color:var(--color-danger)}.btn-danger[data-v-1b65cc9c]{color:var(--color-danger);border-color:color-mix(in oklch, var(--color-danger), transparent 70%);background:0 0}}
