.btn{--btn-bg:var(--color-surface);--btn-bg-hover:var(--color-surface-muted);--btn-fg:var(--color-text);--btn-border:var(--color-border-strong);border:1px solid var(--btn-border);background:var(--btn-bg);height:2.5rem;color:var(--btn-fg);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding-inline:1rem;font-size:.875rem;font-weight:500;line-height:1;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex;position:relative}@media (hover:hover){.btn:hover:not(:disabled,[data-disabled]:not([data-disabled=false])){background:var(--btn-bg-hover)}}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (pointer:coarse){.btn{min-height:2.75rem}}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.is-loading{cursor:progress}.btn svg{flex-shrink:0}.btn--primary{--btn-bg:var(--color-primary);--btn-bg-hover:var(--color-primary-hover);--btn-fg:var(--color-on-primary);--btn-border:transparent}.btn--secondary{--btn-bg:var(--color-surface)}.btn--ghost{--btn-bg:transparent;--btn-border:transparent}.btn--danger{--btn-bg:var(--color-danger);--btn-bg-hover:var(--color-danger-hover);--btn-fg:#fff;--btn-border:transparent}.btn--sm{gap:.375rem;height:2rem;padding-inline:.75rem;font-size:.75rem}@media (pointer:coarse){.btn--sm{min-height:0}.btn--sm:after{content:"";width:max(100%,2.75rem);height:max(100%,2.75rem);position:absolute;top:50%;left:50%;translate:-50% -50%}}.btn--lg{height:3rem;padding-inline:1.5rem;font-size:1rem}.btn--icon-only{aspect-ratio:1;padding:0}@media (pointer:coarse){.btn--icon-only:after{content:"";width:max(100%,2.75rem);height:max(100%,2.75rem);position:absolute;top:50%;left:50%;translate:-50% -50%}}.btn--block{width:100%}.btn__spinner{animation:.8s linear infinite spin}