.btn{cursor:pointer;-webkit-user-select:none;user-select:none;height:var(--control-height);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--corner-radius);--btn-spinner-arc-color:currentColor;--btn-spinner-track-color:color-mix(in srgb, currentColor 35%, transparent);align-items:center;padding:0 6px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;display:flex}.btn:hover{background:var(--color-gray-200);border-color:var(--color-gray-300)}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--block{text-align:center;justify-content:center;width:100%}.btn--accent{background-color:var(--color-accent-dark);border-color:var(--color-accent);font-weight:var(--font-weight-medium);--btn-spinner-arc-color:#fffffff2;--btn-spinner-track-color:#ffffff59}.btn--accent:hover,.btn--accent:focus-visible{background-color:var(--color-accent-dark);border-color:var(--color-accent);opacity:.85}.btn--ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover,.btn--ghost:focus-visible{color:var(--color-text-primary);background-color:var(--color-gray-100);border-color:#0000}.btn--loading{pointer-events:none;justify-content:center}.btn--loading .spinner{--spinner-arc-color:var(--btn-spinner-arc-color);--spinner-track-color:var(--btn-spinner-track-color)}