.sx-btn{--btn-h: 44px;--btn-r: 12px;--btn-fs: 14px;--btn-lh: 16px;--btn-px: 16px;--btn-gap: 8px;--btn-icon: 20px;--btn-edge: rgba(0, 0, 0, .1);--btn-wash: rgba(0, 0, 0, .04);--btn-wash-press: rgba(0, 0, 0, .08);display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);min-height:var(--btn-h);padding-inline:var(--btn-px);padding-block:0;border:0;border-radius:var(--btn-r);background:transparent;font-family:var(--font-body);font-size:var(--btn-fs);line-height:var(--btn-lh);font-weight:500;text-align:center;text-decoration:none;cursor:pointer;max-width:100%;transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out)}.sx-btn,.sx-btn:link,.sx-btn:visited,.sx-btn:hover,.sx-btn:focus,.sx-btn:active{text-decoration:none}.sx-btn__icon{width:var(--btn-icon);height:var(--btn-icon);flex-shrink:0;display:block}.sx-btn:focus-visible{outline:2px solid var(--btn-focus, #0369a1);outline-offset:2px}.sx-btn--xs{--btn-h: 28px;--btn-r: 6px;--btn-fs: 12px;--btn-lh: 16px;--btn-px: 8px;--btn-gap: 4px;--btn-icon: 16px}.sx-btn--sm{--btn-h: 36px;--btn-r: 8px;--btn-fs: 14px;--btn-lh: 16px;--btn-px: 12px;--btn-gap: 8px;--btn-icon: 16px}.sx-btn--md{--btn-h: 44px;--btn-r: 12px;--btn-fs: 14px;--btn-lh: 16px;--btn-px: 16px;--btn-gap: 8px;--btn-icon: 20px}.sx-btn--lg{--btn-h: 56px;--btn-r: 16px;--btn-fs: 16px;--btn-lh: 20px;--btn-px: 32px;--btn-gap: 8px;--btn-icon: 24px}.sx-btn--icon-only{padding-inline:0;width:var(--btn-h);aspect-ratio:1}.sx-btn--primary{--btn-fill: #0369a1;--btn-fill-hover: #075885;--btn-fill-press: #0c4b6e;--btn-ink: #000000;--btn-on-fill: #ffffff;--btn-focus: #0369a1}.sx-btn--secondary{--btn-fill: rgba(0, 0, 0, .04);--btn-fill-hover: rgba(0, 0, 0, .08);--btn-fill-press: rgba(0, 0, 0, .12);--btn-ink: #000000;--btn-on-fill: #000000;--btn-focus: #0369a1}.sx-btn--positive{--btn-fill: #1d7b7f;--btn-fill-hover: #146666;--btn-fill-press: #145252;--btn-tint: #d2f5f3;--btn-tint-hover: #a5eae6;--btn-tint-press: #70d8d5;--btn-ink: #146666;--btn-on-fill: #ffffff;--btn-focus: #146666}.sx-btn--warning{--btn-fill: #eb6200;--btn-fill-hover: #ba4e00;--btn-fill-press: #825c0a;--btn-tint: #fff2e8;--btn-tint-hover: #ffd9be;--btn-tint-press: #fed98a;--btn-ink: #ba4e00;--btn-on-fill: #ffffff;--btn-focus: #ba4e00}.sx-btn--destructive{--btn-fill: #d92525;--btn-fill-hover: #b81d1d;--btn-fill-press: #981c1c;--btn-tint: #fef2f2;--btn-tint-hover: #fee2e2;--btn-tint-press: #fecaca;--btn-ink: #b81d1d;--btn-on-fill: #ffffff;--btn-focus: #b81d1d}.sx-btn--filled{background-color:var(--btn-fill)}.sx-btn--filled,.sx-btn--filled:link,.sx-btn--filled:visited{color:var(--btn-on-fill)}.sx-btn--filled:hover{background-color:var(--btn-fill-hover);color:var(--btn-on-fill)}.sx-btn--filled:active{background-color:var(--btn-fill-press);color:var(--btn-on-fill)}.sx-btn--light{background-color:var(--btn-tint, var(--btn-wash))}.sx-btn--light,.sx-btn--light:link,.sx-btn--light:visited{color:var(--btn-ink)}.sx-btn--light:hover{background-color:var(--btn-tint-hover, var(--btn-wash-press));color:var(--btn-ink)}.sx-btn--light:active{background-color:var(--btn-tint-press, var(--btn-wash-press));color:var(--btn-ink)}.sx-btn--outline{border:1.5px solid var(--btn-edge);background-color:transparent}.sx-btn--outline,.sx-btn--outline:link,.sx-btn--outline:visited{color:var(--btn-ink)}.sx-btn--outline:hover{background-color:var(--btn-wash);color:var(--btn-ink)}.sx-btn--outline:active{background-color:var(--btn-wash-press);color:var(--btn-ink)}.sx-btn--ghost{background-color:transparent}.sx-btn--ghost,.sx-btn--ghost:link,.sx-btn--ghost:visited{color:var(--btn-ink)}.sx-btn--ghost:hover{background-color:var(--btn-wash);color:var(--btn-ink)}.sx-btn--ghost:active{background-color:var(--btn-wash-press);color:var(--btn-ink)}.sx-btn[disabled],.sx-btn[aria-disabled=true],.sx-btn.sx-btn--disabled{background-color:#0000000a;border-color:transparent;color:#00000052;cursor:not-allowed;pointer-events:none}.sx-btn[aria-busy=true]{position:relative;color:transparent;pointer-events:none}.sx-btn[aria-busy=true] .sx-btn__icon{visibility:hidden}.sx-btn[aria-busy=true]:after{content:"";position:absolute;top:50%;left:50%;width:var(--btn-icon);height:var(--btn-icon);margin:calc(var(--btn-icon) / -2) 0 0 calc(var(--btn-icon) / -2);border-radius:50%;border:2px solid currentColor;border-color:var(--btn-spin, var(--btn-on-fill, #fff));border-top-color:transparent;animation:sxBtnSpin .62s linear infinite}.sx-btn--light[aria-busy=true],.sx-btn--outline[aria-busy=true],.sx-btn--ghost[aria-busy=true]{--btn-spin: var(--btn-ink)}@keyframes sxBtnSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sx-btn{transition:none}.sx-btn[aria-busy=true]:after{animation-duration:1.6s}}.sx-btn--block{display:flex;width:100%}