button{padding:0;width:auto;overflow:visible;background:transparent;color:inherit;-webkit-appearance:none;appearance:none}a.btn{color:var(--text-icon-strong);text-decoration:none}.btn{user-select:none;background:transparent;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;font-family:Inter;font-style:normal;font-weight:500;line-height:120%;cursor:pointer;color:var(--text-icon-strong, #f7f7f7)}.btn svg{width:16px;height:16px}.btn svg path{fill:var(--text-icon-strong, #f7f7f7)}.btn:disabled,.btn:disabled:hover{background:var(--surface-interactive-subtle, rgba(247, 247, 247, .08));color:var(--text-icon-disabled, rgba(247, 247, 247, .24));cursor:not-allowed}.btn:disabled svg path,.btn:disabled:hover svg path{fill:var(--text-icon-disabled, rgba(247, 247, 247, .24))}.btn-xs{height:16px;padding:0 2px;gap:2px;border-radius:var(--2xs, 4px);font-size:10px}.btn-xs span.label{display:inline-flex;padding:0 2px 1px;align-items:center;gap:10px}.btn-xs svg{width:12px;height:12px}.btn-sm{height:24px;padding:0 4px;border-radius:var(--xs, 6px);font-size:12px;font-weight:500}.btn-sm span.label{display:flex;align-items:center;padding:0 4px;gap:10px}.btn-md{height:32px;padding:0 8px;gap:4px;border-radius:var(--sm, 8px);font-size:12px;font-weight:600}.btn-md span.label{display:flex;padding:0 2px;align-items:center;gap:10px}.btn-lg{height:40px;padding:0 12px;gap:4px;border-radius:var(--sm, 8px);font-size:14px}.btn-lg span.label{display:flex;padding:0 2px 2px;align-items:center;gap:10px}.btn-subtle{background:var(--surface-interactive-subtle, rgba(247, 247, 247, .08))}.btn-subtle:hover{background:var(--surface-interactive-subtle-hover, rgba(247, 247, 247, .1))}.btn-subtle:active{background:var(--surface-interactive-subtle-active, rgba(247, 247, 247, .12))}.btn-ghost{background:var(--surface-interactive-ghost, rgba(247, 247, 247, 0));color:var(--text-icon-subtle, rgba(247, 247, 247, .6))}.btn-ghost svg path{fill:var(--text-icon-muted, rgba(247, 247, 247, .48))}.btn-ghost:hover{background:var(--surface-interactive-ghost-hover, rgba(247, 247, 247, .06));color:var(--text-icon-strong, #f7f7f7)}.btn-ghost:hover svg path{fill:var(--text-icon-strong, #f7f7f7)}.btn-ghost:active{background:var(--surface-interactive-ghost-active, rgba(247, 247, 247, .1))}.btn-ghost:disabled{background:transparent}.btn-outlined{border:1px solid var(--border-interactive-default, rgba(247, 247, 247, .12))}.btn-outlined:hover{border:1px solid var(--border-interactive-default-hover, rgba(247, 247, 247, .16))}.btn-outlined:active{border:1px solid var(--border-interactive-default-active, rgba(247, 247, 247, .24))}.btn-outlined:disabled{border:1px solid var(--border-default, rgba(247, 247, 247, .12))}.btn-strong{background:var(--surface-interactive-strong, #f7f7f7);color:var(--text-icon-inverted, #000);font-weight:600}.btn-strong svg path{fill:var(--text-icon-inverted, #000)}.btn-strong:hover{background:var(--surface-interactive-strong-hover, #f7f7f7)}.btn-strong:active{background:var(--surface-interactive-strong-active, #ebebeb)}.btn-danger{background:var(--surface-interactive-destructive, #f5969d);color:var(--text-icon-inverted, #000);font-weight:600}.btn-danger svg path{fill:var(--text-icon-inverted, #000)}.btn-danger:hover{background:var(--surface-interactive-destructive-hover, #ed6a78)}.btn-danger:active{background:var(--surface-interactive-destructive-active, #d9415a)}
