.x-button{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;font-family:inherit;font-size:14px;display:flex;position:relative}.x-button.com-btn-disable{pointer-events:none}.x-button.com-btn-disable .x-button-txt-ctr,.x-button.com-btn-disable .x-button-icon{color:var(--Content-Tertiary)}.x-button.is-loading{cursor:not-allowed}.x-button[data-size="28"]{border-radius:6px;height:28px;padding:0 10px;font-size:12px}.x-button[data-size="32"]{border-radius:6px;height:32px;padding:0 12px;font-size:13px}.x-button[data-size="36"]{border-radius:8px;height:36px;padding:0 14px;font-size:14px}.x-button[data-size="40"]{border-radius:8px;height:40px;padding:0 16px;font-size:14px}.x-button[data-size="48"]{border-radius:8px;height:48px;padding:0 20px;font-size:16px}.x-button[data-size="28"] .x-button-loading{width:14px;height:14px}.x-button[data-size="32"] .x-button-loading{width:16px;height:16px}.x-button[data-size="36"] .x-button-loading{width:18px;height:18px}.x-button[data-size="40"] .x-button-loading{width:20px;height:20px}.x-button[data-size="48"] .x-button-loading{width:24px;height:24px}.x-button .x-button-loading{top:0;inset-inline-end:0;bottom:0;color:currentColor;width:16px;height:16px;margin:auto;position:absolute;inset-inline-start:0}.x-button .x-loading-txt{position:absolute}.x-button .x-button-icon{flex-shrink:0;align-items:center;display:inline-flex}.x-button .x-button-icon.x-button-txt-hide{opacity:0}.x-button-txt-ctr{flex-direction:row;align-items:center;display:flex;position:relative}.x-button-txt-ctr.x-button-txt-hide{opacity:0}.com-btn-color-long{background-color:var(--Up-Positive);color:var(--Content-Primary);transition:all 60ms linear}.com-btn-color-long.com-btn-disable{background-color:var(--Background-Btn);color:var(--Content-Tertiary);cursor:not-allowed}.com-btn-color-long:not(.com-btn-disable):not(.is-loading):hover,.com-btn-color-long:not(.com-btn-disable):not(.is-loading).is-hover-preview{filter:brightness(1.2)}.com-btn-color-long:not(.com-btn-disable):not(.is-loading):active{transform:scale(.98)}.com-btn-color-short{background-color:var(--Down-Negative);color:var(--Content-Primary);transition:all .12s linear}.com-btn-color-short.com-btn-disable{background-color:var(--Background-Btn);color:var(--Content-Tertiary);cursor:not-allowed}.com-btn-color-short:not(.com-btn-disable):not(.is-loading):hover,.com-btn-color-short:not(.com-btn-disable):not(.is-loading).is-hover-preview{filter:brightness(1.2)}.com-btn-color-short:not(.com-btn-disable):not(.is-loading):active{transform:scale(.98)}.com-btn-color-operate{background-color:var(--Color-Amber);color:var(--Content-Primary);transition:all .12s linear}.com-btn-color-operate.com-btn-disable{background-color:var(--Background-Btn);color:var(--Content-Tertiary);cursor:not-allowed}.com-btn-color-operate.is-loading{background-color:var(--Color-Amber-Dim);cursor:not-allowed}.com-btn-color-operate:not(.com-btn-disable):not(.is-loading):hover,.com-btn-color-operate:not(.com-btn-disable):not(.is-loading).is-hover-preview{filter:brightness(1.2)}.com-btn-color-operate:not(.com-btn-disable):not(.is-loading):active{transform:scale(.98)}.com-btn-color-operate .x-button-loading{color:var(--Content-Primary)}.com-btn-color-normal{background-color:var(--Border-Primary);color:var(--Content-Primary);transition:all .12s linear}.com-btn-color-normal.com-btn-disable{background-color:var(--Background-Btn);color:var(--Content-Tertiary);cursor:not-allowed}.com-btn-color-normal:not(.com-btn-disable):not(.is-loading):hover,.com-btn-color-normal:not(.com-btn-disable):not(.is-loading).is-hover-preview{filter:brightness(1.2)}.com-btn-color-normal:not(.com-btn-disable):not(.is-loading):active{transform:scale(.98)}.com-btn-color-line{border:1px solid var(--Border-Primary);color:var(--Content-Primary);background-color:#0000;transition:all .12s linear}.com-btn-color-line.com-btn-disable{background-color:var(--Background-Btn);color:var(--Content-Tertiary);cursor:not-allowed;border:none}.com-btn-color-line:not(.com-btn-disable):not(.is-loading):hover,.com-btn-color-line:not(.com-btn-disable):not(.is-loading).is-hover-preview{filter:brightness(1.2)}.com-btn-color-line:not(.com-btn-disable):not(.is-loading):active{transform:scale(.98)}.com-btn-color-txt{color:var(--Color-Amber);transform-origin:50%;background-color:#0000;transition:all .12s linear}.com-btn-color-txt.com-btn-disable{background-color:var(--Background-Btn);color:var(--Content-Tertiary);cursor:not-allowed}.com-btn-color-txt:not(.com-btn-disable):not(.is-loading):hover,.com-btn-color-txt:not(.com-btn-disable):not(.is-loading).is-hover-preview{filter:brightness(1.2)}.com-btn-color-txt:not(.com-btn-disable):not(.is-loading):active{transform:scale(.98)}.com-btn-color-txt .x-button-loading{color:var(--Color-Amber)}.com-btn-color-brand{background-color:var(--Color-Amber)}.com-btn-color-brand .x-button-loading{color:#111}.com-btn-color-brand.com-btn-disable{background:var(--Background-Btn);color:var(--Content-Tertiary)}.com-btn-color-brand:not(.com-btn-disable):not(.is-loading):hover,.com-btn-color-brand:not(.com-btn-disable):not(.is-loading).is-hover-preview{filter:brightness(1.2)}@keyframes xLoading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes xLoadingDash{0%{stroke-dasharray:1 63;stroke-dashoffset:0}50%{stroke-dasharray:47 63;stroke-dashoffset:-11px}to{stroke-dasharray:47 63;stroke-dashoffset:-59px}}@keyframes xLoadingDot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-30%)}}.x-loading{width:24px;height:24px;color:var(--Content-Primary);display:inline-block}.x-loading svg{width:100%;height:100%;display:block}.x-loading--ring{animation:.75s linear infinite xLoading}.x-loading--material{animation:1.4s linear infinite xLoading}.x-loading--material .x-loading__dash{animation:1.4s ease-in-out infinite xLoadingDash}.x-loading--dots{justify-content:center;align-items:center;gap:22%;display:inline-flex}.x-loading--dots .x-loading__dot{background:currentColor;border-radius:50%;width:18%;height:18%;animation:1.05s ease-in-out infinite xLoadingDot}.x-loading--dots .x-loading__dot:nth-child(2){animation-delay:.175s}.x-loading--dots .x-loading__dot:nth-child(3){animation-delay:.35s}.x-loading--arc{animation:.4s linear infinite xLoading}.x-loading.converting-loading{animation:1s linear infinite xLoading}