@layer components{.spinner{border:1.5px dashed;border-radius:50%;animation:2.4s linear infinite spin;display:inline-block}.btn{white-space:nowrap;height:28px;transition:filter 80ms var(--ease-soft), transform 80ms var(--ease), background-color 80ms var(--ease-soft);border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.8125rem;display:inline-flex}.btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.98)}.btn.primary{background:var(--accent);color:#fff;font-weight:500;box-shadow:0 1px 2px #00000026}.btn.primary:hover:not([aria-disabled=true]){background:#0a6fe8}.btn.primary:active:not([aria-disabled=true]){background:var(--accent-pressed)}.btn.primary.danger:not([aria-disabled=true]){background:var(--red)}.btn.secondary{color:var(--label);box-shadow:var(--shadow-secondary);background:#fff}.btn.secondary:hover:not([aria-disabled=true]){background:#f7f7f7}.btn.plain{color:var(--label-2);background:0 0;padding:0 6px}.btn.plain:hover{color:var(--label)}.btn[aria-disabled=true]{background:var(--fill-2);color:var(--label-45);box-shadow:none}@media (prefers-reduced-motion:no-preference){.btn{transition-property:transform,background-color,box-shadow,color,opacity;transition-duration:.16s;transition-timing-function:var(--ease)}}}@keyframes spin{to{transform:rotate(360deg)}}