.syn-btn{--syn-btn-tone:var(--text);--syn-btn-ring:var(--syn-btn-tone);--syn-btn-h:32px;--syn-btn-px:14px;--syn-btn-fs:12px;--syn-btn-gap:6px;--syn-btn-isz:16px;appearance:none;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--syn-btn-gap);height:var(--syn-btn-h);padding:0 var(--syn-btn-px);color:var(--text);font-family:var(--sans);font-size:var(--syn-btn-fs);letter-spacing:.1px;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;margin:0;font-weight:700;line-height:1;text-decoration:none;transition:background-color .13s,border-color .13s,color .13s,box-shadow .13s;display:inline-flex}.syn-btn:focus{outline:none}.syn-btn:focus-visible{box-shadow:0 0 0 1px var(--bg), 0 0 0 3px var(--syn-btn-ring)}.syn-btn--sm{--syn-btn-h:26px;--syn-btn-px:10px;--syn-btn-fs:11px;--syn-btn-gap:5px;--syn-btn-isz:14px}.syn-btn--lg{--syn-btn-h:38px;--syn-btn-px:18px;--syn-btn-fs:13px;--syn-btn-gap:7px;--syn-btn-isz:18px}.syn-btn--tone-accent{--syn-btn-tone:var(--accent)}.syn-btn--tone-accent2{--syn-btn-tone:var(--accent2)}.syn-btn--tone-accent3{--syn-btn-tone:var(--accent3)}.syn-btn--tone-accent4{--syn-btn-tone:var(--accent4)}.syn-btn--tone-accent5{--syn-btn-tone:var(--accent5)}.syn-btn--tone-accent6{--syn-btn-tone:var(--accent6)}.syn-btn--tone-danger{--syn-btn-tone:var(--danger)}.syn-btn--tone-muted{--syn-btn-tone:var(--muted)}.syn-btn--tone-text{--syn-btn-tone:var(--text)}.syn-btn--primary{background:var(--accent);color:var(--accent-fg);border-color:color-mix(in srgb, var(--accent-fg) 22%, transparent);--syn-btn-ring:var(--accent)}.syn-btn--primary:hover{background:var(--accent-hover);border-color:color-mix(in srgb, var(--accent-fg) 55%, transparent)}.syn-btn--primary:active{background:color-mix(in srgb, var(--accent-hover) 90%, var(--bg));border-color:var(--accent-fg)}:root[data-theme=light] .syn-btn--primary{color:var(--text);border-color:color-mix(in srgb, var(--text) 22%, transparent)}:root[data-theme=light] .syn-btn--primary:hover{background:color-mix(in srgb, var(--accent) 92%, var(--surface));border-color:color-mix(in srgb, var(--text) 55%, transparent)}:root[data-theme=light] .syn-btn--primary:active{background:var(--accent);border-color:var(--text)}.syn-btn--secondary{background:color-mix(in srgb, var(--syn-btn-tone) 13%, transparent);border-color:color-mix(in srgb, var(--syn-btn-tone) 33%, transparent);color:var(--syn-btn-tone)}.syn-btn--secondary:hover{background:color-mix(in srgb, var(--syn-btn-tone) 18%, transparent);border-color:color-mix(in srgb, var(--syn-btn-tone) 62%, transparent)}.syn-btn--secondary:active{background:color-mix(in srgb, var(--syn-btn-tone) 27%, transparent);border-color:var(--syn-btn-tone)}.syn-btn--ghost{color:var(--text);background:0 0;border-color:#0000}.syn-btn--ghost:hover{background:color-mix(in srgb, var(--syn-btn-tone) 8%, transparent);border-color:color-mix(in srgb, var(--syn-btn-tone) 26%, transparent);color:var(--syn-btn-tone)}.syn-btn--ghost:active{background:color-mix(in srgb, var(--syn-btn-tone) 16%, transparent);border-color:color-mix(in srgb, var(--syn-btn-tone) 52%, transparent)}.syn-btn--danger{background:color-mix(in srgb, var(--danger) 13%, transparent);border-color:color-mix(in srgb, var(--danger) 33%, transparent);color:var(--danger);--syn-btn-ring:var(--danger)}.syn-btn--danger:hover{background:color-mix(in srgb, var(--danger) 18%, transparent);border-color:color-mix(in srgb, var(--danger) 62%, transparent)}.syn-btn--danger:active{background:color-mix(in srgb, var(--danger) 27%, transparent);border-color:var(--danger)}.syn-btn--link{color:var(--accent);--syn-btn-ring:var(--accent);background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;padding:0 2px}.syn-btn--link:hover{border-bottom-color:var(--accent)}.syn-btn--link:active{border-bottom-color:var(--accent-hover);color:var(--accent-hover)}.syn-btn--icon{width:var(--syn-btn-h);color:var(--muted);--syn-btn-isz:16px;background:0 0;border-color:#0000;padding:0}.syn-btn--icon:hover,.syn-btn--icon[aria-expanded=true]{color:var(--text);background:var(--surface2);border-color:var(--border)}.syn-btn--icon:active{background:color-mix(in srgb, var(--text) 10%, var(--surface2));border-color:color-mix(in srgb, var(--text) 30%, var(--border))}.syn-btn__icon,.syn-btn__spinner{width:var(--syn-btn-isz);height:var(--syn-btn-isz);flex:none;justify-content:center;align-items:center;display:inline-flex}.syn-btn__icon svg{width:100%;height:100%;display:block}.syn-btn__spinner{border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;animation:.8s linear infinite syn-btn-spin}@keyframes syn-btn-spin{to{transform:rotate(360deg)}}.syn-btn--full{width:100%}.syn-btn[disabled]{opacity:.58;cursor:not-allowed;pointer-events:none;box-shadow:none}.syn-btn[aria-busy=true]{opacity:.72;cursor:progress}@media (pointer:coarse){.syn-btn{min-height:44px}.syn-btn--icon{min-width:44px}}