.btn{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;gap:.375rem;height:1.875rem;padding:0 .6875rem;font-size:.78125rem;font-weight:500;line-height:1;transition:background .15s,filter .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-sm{height:1.625rem;padding:0 .5rem;font-size:.75rem}.btn-lg{height:1.875rem;padding:0 .6875rem;font-size:.78125rem}.btn-icon{width:1.875rem;padding:0}.btn-pri{color:var(--pri-fg);background:linear-gradient(180deg, var(--pri-from) 0%, var(--pri-mid) 48%, var(--pri-to) 100%);border:1px solid var(--pri-edge);box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0000001f,0 1px 2px #00000040}.btn-pri:hover{filter:brightness(1.05)saturate(1.06)}.btn-ink{color:var(--app);background:linear-gradient(180deg, color-mix(in srgb, var(--ink) 86%, #fff) 0%, var(--ink) 48%, color-mix(in srgb, var(--ink) 80%, #000) 100%);border:1px solid color-mix(in srgb, var(--ink) 70%, #000);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000040,0 1px 2px #00000040}.btn-ink:hover{filter:brightness(1.12)}.btn-sec{color:var(--ink);background:linear-gradient(180deg, var(--inner) 0%, color-mix(in srgb, var(--ink) 4%, var(--inner)) 100%);border:1px solid var(--line);box-shadow:0 1px 2px #1018280f}.btn-sec:hover{background:color-mix(in srgb, var(--ink) 5%, var(--inner))}.btn-ghost{color:var(--sub);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent)}[data-auth] .btn,[data-auth] .btn-lg{height:2.25rem;padding:0 .875rem;font-size:.8125rem}[data-auth] .btn-icon{width:2.25rem;padding:0}.btn-danger{color:#fff;background:#d92d20;border:1px solid #b42318;box-shadow:inset 0 1px #ffffff2e}.btn-danger:hover{filter:brightness(1.08)}