.btn{--btn-h:var(--h-md);--btn-px:16px;--btn-fs:15px;justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--btn-h);padding-block:0;padding-inline:var(--btn-px);border-radius:var(--r-control);font-size:var(--btn-fs);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease), color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);border:1px solid #0000;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn svg{stroke-width:1.75px;width:18px;height:18px}.btn-sm{--btn-h:var(--h-sm);--btn-px:12px;--btn-fs:14px;gap:6px}.btn-sm svg{width:16px;height:16px}.btn-lg{--btn-h:var(--h-lg);--btn-px:20px;--btn-fs:16px}.btn-block{width:100%;display:flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover:not(:disabled,[aria-disabled=true]){background:#26261f}.btn-primary:active:not(:disabled,[aria-disabled=true]){background:#3a3a37}.btn-secondary{border-color:var(--line-strong);background:var(--paper);color:var(--ink)}.btn-secondary:hover:not(:disabled,[aria-disabled=true]){border-color:var(--ink-2);background:var(--canvas)}.btn-quiet{color:var(--ink);background:0 0}.btn-quiet:hover:not(:disabled,[aria-disabled=true]){background:var(--tint)}.btn-destructive{background:var(--red-ink);color:var(--paper)}.btn-destructive:hover:not(:disabled,[aria-disabled=true]){background:#9a0810}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.45}.btn[aria-busy=true]{cursor:progress;opacity:1}.btn[aria-busy=true]>.btn-label,.btn[aria-busy=true]>svg{opacity:0}.btn-spinner{place-items:center;display:grid;position:absolute;inset:0}.btn-trail{margin-inline-end:-2px}.btn-count{border-radius:var(--r-pill);background:var(--paper);min-width:22px;height:20px;color:var(--ink);animation:btn-count-pop .26s var(--ease-spring,var(--ease));place-items:center;margin-inline-start:8px;padding-inline:6px;font-size:12px;font-weight:600;line-height:1;display:inline-grid}.btn-secondary .btn-count,.btn-quiet .btn-count{background:var(--ink);color:var(--paper)}.btn-destructive .btn-count{color:var(--red-ink)}@keyframes btn-count-pop{0%{transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.btn-count{animation:none}}.icon-btn{--ib:var(--h-md);width:var(--ib);height:var(--ib);border-radius:var(--r-control);color:var(--ink-2);cursor:pointer;transition:background-color var(--d-fast) var(--ease), color var(--d-fast) var(--ease), border-color var(--d-fast) var(--ease);background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn svg{stroke-width:1.75px;width:20px;height:20px}.icon-btn:hover:not(:disabled){background:var(--tint);color:var(--ink)}.icon-btn[data-variant=outline]{border-color:var(--line-strong);background:var(--paper)}.icon-btn[data-variant=outline]:hover:not(:disabled){border-color:var(--ink-2);background:var(--canvas)}.icon-btn[data-variant=primary]{background:var(--ink);color:var(--paper)}.icon-btn[data-size=sm]{--ib:var(--h-sm)}.icon-btn[data-size=sm] svg{width:16px;height:16px}.icon-btn[data-size=lg]{--ib:var(--h-lg)}.icon-btn:disabled{cursor:not-allowed;opacity:.45}@media (pointer:coarse){.icon-btn[data-size=sm]{--ib:40px}}