.so-button{display:inline-flex;align-items:center;justify-content:center;padding:0 .9375rem;font-feature-settings:"liga" off,"clig" off;font-family:PingFang SC;font-size:1rem;font-weight:500;line-height:.9375rem;letter-spacing:.01875rem;border:none;cursor:pointer;transition:opacity .3s;position:relative;opacity:1;height:2.5rem;text-align:center;border-radius:.375rem;background:var(--so-button-primary-bg);overflow:hidden;color:var(--so-button-text-color)}.so-button--mini{height:1.25rem;padding:0 .625rem;font-size:.75rem;line-height:.75rem;background-image:none;border-radius:.25rem;background-color:var(--so-button-small-bg);color:var(--so-button-small-color);width:auto;min-width:fit-content}.so-button--mini:after{display:none}.so-button--small{height:1.5rem;padding:0 .75rem;font-size:.8125rem;width:auto;min-width:fit-content;border-radius:.25rem}.so-button--small:after{width:1.25rem;height:1.25rem;bottom:-.625rem;right:-.625rem}.so-button--normal{height:2.5rem;font-size:.9375rem;line-height:.9375rem}.so-button--large{height:2.75rem;font-size:.9375rem;line-height:.9375rem}.so-button--block{display:flex;width:100%}.so-button--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.so-button--loading{cursor:default;opacity:1}.so-button:active:not(.so-button--disabled):not(.so-button--loading){opacity:1;transform:translateY(.0625rem)}.so-button__icon{display:inline-flex;align-items:center;justify-content:center}.so-button__icon--left{margin-right:.25rem}.so-button__icon--right{margin-left:.25rem}.so-button__loading-text{margin-right:.5rem;font-size:1rem;font-weight:500;line-height:1rem;letter-spacing:.02em}.so-button__loading-icon{display:inline-flex;align-items:center;width:.875rem;height:.875rem;animation:loading-rotate 1s linear infinite;filter:var(--so-button-loading-filter, none)}.so-button--cancel{background:var(--so-button-cancel-bg);color:var(--so-button-cancel-color);border:var(--so-button-cancel-border-width) solid var(--so-button-cancel-border-color);position:relative}.so-button--cancel:after{display:none}.so-button--cancel .so-button__loading-icon{filter:var(--so-button-cancel-loading-filter)}@keyframes loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=light]{--so-button-cancel-bg: #f4f5fa;--so-button-cancel-color: #4b64ac;--so-button-cancel-border-width: .125rem;--so-button-cancel-border-color: #f4f5fa;--so-button-primary-bg: linear-gradient(90deg, #2ecaff 0%, #127dff 100%);--so-button-primary-corner-bg: linear-gradient(90deg, #c5cff3 0%, #b0bded 100%);--so-button-text-color: #fff;--so-button-small-bg: #f4f5fa;--so-button-small-color: #5265a9;--theme-switcher-bg: linear-gradient(90deg, #8294d8 0%, #c8d1f4 100%);--theme-switcher-icon: #fff;--theme-switcher-shadow: 0 .25rem 1rem rgba(0, 0, 0, .15);--menu-item-shadow: 0 .25rem 1rem rgba(0, 0, 0, .15);--menu-item-shadow-hover: 0 .375rem 1.25rem rgba(0, 0, 0, .6)}[data-theme=light] .so-button--cancel:before{display:block;position:absolute;content:"";width:.125rem;height:.875rem;top:-.125rem;left:.125rem;background:var(--so-button-cancel-border-color);transform:rotate(45deg);z-index:9}[data-theme=light] .so-button--cancel:after{display:block;content:"";position:absolute;width:.125rem;height:.875rem;bottom:-.125rem;right:.125rem;background:var(--so-button-cancel-border-color);transform:rotate(45deg)}[data-theme=dark]{--so-button-cancel-bg: #393939;--so-button-cancel-color: #CFA164;--so-button-cancel-border-width: .0625rem;--so-button-cancel-border-color: #CFA164;--so-button-primary-bg: linear-gradient(90deg, #E6CFAF 0%, #CFA165 100%);--so-button-primary-corner-bg: linear-gradient(90deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .3) 100%);--so-button-text-color: #4C2900;--so-button-loading-filter: brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(12%) hue-rotate(314deg) brightness(97%) contrast(91%);--so-button-small-bg: #d2a252;--so-button-small-color: #fff;--theme-switcher-bg: #d2a252;--theme-switcher-icon: #141414;--theme-switcher-shadow: 0 .25rem 1rem rgba(255, 255, 255, .2);--menu-item-shadow: 0 .25rem 1rem rgba(255, 255, 255, .2);--menu-item-shadow-hover: 0 .375rem 1.25rem rgba(255, 255, 255, .6)}[data-theme=red]{--so-button-cancel-bg: #ffe5e6;--so-button-cancel-color: #fd232d;--so-button-cancel-border-width: 0;--so-button-cancel-border-color: transparent;--so-button-primary-bg: linear-gradient(274deg, #ed757b -20.1%, #fe222d 77.32%);--so-button-primary-corner-bg: linear-gradient(90deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .3) 100%);--so-button-text-color: #fff;--so-button-small-bg: #fd232d;--so-button-small-color: #fff;--theme-switcher-bg: linear-gradient(274deg, #ed757b -20.1%, #fe222d 77.32%);--theme-switcher-icon: #fff;--theme-switcher-shadow: 0 .25rem 1rem rgba(255, 255, 255, .35);--menu-item-shadow: 0 .25rem 1rem rgba(255, 255, 255, .35);--menu-item-shadow-hover: 0 .375rem 1.25rem rgba(255, 255, 255, .6)}[data-theme=whiteGold]{--so-button-cancel-bg: #fff8ea;--so-button-cancel-color: #e9c077;--so-button-cancel-border-width: 0;--so-button-cancel-border-color: transparent;--so-button-primary-bg: #ffb74d;--so-button-primary-corner-bg: linear-gradient(90deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .3) 100%);--so-button-text-color: #fff;--so-button-small-bg: #fdf8f0;--so-button-small-color: #daab58;--theme-switcher-bg: #ffb74d;--theme-switcher-icon: #fff;--theme-switcher-shadow: 0 .25rem 1rem rgba(255, 255, 255, .35);--menu-item-shadow: 0 .25rem 1rem rgba(255, 255, 255, .35);--menu-item-shadow-hover: 0 .375rem 1.25rem rgba(255, 255, 255, .6)}[data-theme=violet]{--so-button-cancel-bg: #f5f5ff;--so-button-cancel-color: #7973fb;--so-button-cancel-border-width: .125rem;--so-button-cancel-border-color: transparent;--so-button-primary-bg: linear-gradient(90deg, #a3aeff 0%, #643def 100%);--so-button-primary-corner-bg: linear-gradient(90deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .3) 100%);--so-button-text-color: #fff;--so-button-small-bg: #f5f5ff;--so-button-small-color: #7973fb;--theme-switcher-bg: #504bac;--theme-switcher-icon: #fff;--theme-switcher-shadow: 0 .25rem 1rem rgba(255, 255, 255, .35);--menu-item-shadow: 0 .25rem 1rem rgba(255, 255, 255, .35);--menu-item-shadow-hover: 0 .375rem 1.25rem rgba(255, 255, 255, .6)}.demo-container[data-v-056bcaf2]{padding:1.25rem;height:100vh;background:var(--demo-bg);overflow-y:scroll}.demo-container .demo-info[data-v-056bcaf2]{margin-bottom:2rem}.demo-container .demo-info h2[data-v-056bcaf2]{font-size:1.5rem;margin-bottom:.75rem;color:var(--demo-text)}.demo-container .demo-info code[data-v-056bcaf2]{background:var(--demo-code-bg);padding:.125rem .375rem;border-radius:.25rem;color:var(--demo-code-text)}.demo-container h3[data-v-056bcaf2]{margin:1.25rem 0 .625rem;font-size:1rem;color:var(--demo-text)}.demo-row[data-v-056bcaf2]{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}[data-theme=light][data-v-056bcaf2]{--demo-bg: #fff;--demo-text: #333;--demo-code-bg: #f5f7fa;--demo-code-text: #666}[data-theme=dark][data-v-056bcaf2],[data-theme=red][data-v-056bcaf2]{--demo-bg: #1a1a1a;--demo-text: #fff;--demo-code-bg: #2a2a2a;--demo-code-text: #aaa}.theme-buttons[data-v-056bcaf2] .so-button:nth-child(1){--so-button-primary-bg: #5e90fc;--so-button-text-color: #fff;--so-button-primary-corner-bg: linear-gradient(90deg, #c5cff3 0%, #b0bded 100%)}.theme-buttons[data-v-056bcaf2] .so-button:nth-child(2){--so-button-primary-bg: linear-gradient(90deg, #f0be67 0%, #e3ce81 100%);--so-button-text-color: #141414;--so-button-primary-corner-bg: linear-gradient(90deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .3) 100%)}.theme-buttons[data-v-056bcaf2] .so-button:nth-child(3){--so-button-primary-bg: linear-gradient(91deg, #fc222e 0%, #ed757b 100%);--so-button-text-color: #fff;--so-button-primary-corner-bg: linear-gradient(90deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .3) 100%)}