.button{--btn-shine-opacity:.25;cursor:pointer;justify-content:center;align-items:center;width:max-content;transition:background-color .3s,border .3s,filter .3s,opacity .3s,transform .3s;display:flex;position:relative;overflow:visible}.button:active{filter:brightness(1.2)!important}.button .button-icon{aspect-ratio:1;position:relative;transform:translateZ(0);-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.button .button-icon path{transition:fill .3s;fill:var(--btn-color)!important}.button .button-label{color:var(--btn-color);text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-family:Switzer,sans-serif;transition:color .3s}@keyframes shine-button{0%{transform:translate(-100%)}17.8082%,to{transform:translate(100%)}}@keyframes pulse-button{0%{opacity:0;outline-offset:-16px}15%{opacity:.4}70%,to{opacity:0;outline-offset:0}}.button .button-fx-shine{border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.button .button-fx-shine:after{background:linear-gradient(120deg,transparent,rgba(255,255,255,var(--btn-shine-opacity)),transparent);content:"";width:100%;height:100%;animation:3s ease-in-out infinite shine-button;position:absolute;top:0;left:0}.button .button-fx-ring{border-radius:inherit;outline:16px solid var(--pulse-color,currentColor);outline-offset:-16px;pointer-events:none;z-index:-1;animation:2s ease-out infinite pulse-button;position:absolute;inset:0}.button.--block{opacity:.5}.button.--block,.button.--lock{pointer-events:none}.button.--icon-pos-right{flex-direction:row-reverse}.button.--size-none{border-radius:4px;gap:8px;padding:8px}.button.--size-none .button-icon{width:16px;min-width:16px;height:16px}.button.--size-none .button-label{letter-spacing:.02px;font-size:12px;font-weight:600;line-height:16px}.button.--size-xs{border-radius:4px;gap:8px;height:32px;min-height:32px;padding:8px}.button.--size-xs.--rect{width:32px;max-width:32px}.button.--size-xs .button-icon{width:16px;min-width:16px;height:16px}.button.--size-xs .button-label{letter-spacing:.02px;font-size:12px;font-weight:600;line-height:16px}.button.--size-sm{border-radius:8px;gap:12px;height:36px;min-height:36px;padding:0 16px}.button.--size-sm.--rect{width:36px;max-width:36px;padding:0}.button.--size-sm .button-icon{width:16px;min-width:16px;height:16px}.button.--size-sm .button-label{letter-spacing:.01px;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px}.button.--size-md{border-radius:8px;gap:12px;height:44px;min-height:44px;padding:12px 20px}.button.--size-md.--rect{width:44px;max-width:44px;padding:12px}.button.--size-md .button-icon{width:20px;min-width:20px;height:20px}.button.--size-md .button-label{letter-spacing:.01px;font-size:14px;font-weight:600;line-height:20px}.button.--size-lg{border-radius:8px;gap:12px;height:52px;min-height:52px;padding:16px 24px}.button.--size-lg.--rect{width:52px;max-width:52px;padding:16px}.button.--size-lg .button-icon{width:20px;min-width:20px;height:20px}.button.--size-lg .button-label{letter-spacing:.01px;font-size:14px;font-weight:600;line-height:20px}.button.full{width:100%}.button.--color-brand.--pulse{--pulse-color:#b055ff}.button.--color-brand.--style-fill{--btn-color:#fff;background-color:#b055ff;border:1px solid #b055ff;transition:filter .15s}.button.--color-brand.--style-fill.--hover,.button.--color-brand.--style-fill:hover{filter:brightness(1.075);background-color:#b055ff}.button.--color-brand.--style-outline-primary,.button.--color-brand.--style-outline-secondary{border:1px solid #b055ff}.button.--color-brand.--style-alpha-primary,.button.--color-brand.--style-alpha-secondary,.button.--color-brand.--style-outline-primary,.button.--color-brand.--style-outline-secondary{background-color:#5c178c4d}.button.--color-brand.--style-alpha-primary,.button.--color-brand.--style-outline-primary{--btn-color:#fff}.button.--color-brand.--style-alpha-secondary,.button.--color-brand.--style-ghost,.button.--color-brand.--style-outline-secondary{--btn-color:#b055ff}.button.--color-brand.--style-alpha-primary.--hover,.button.--color-brand.--style-alpha-primary:hover,.button.--color-brand.--style-outline-primary.--hover,.button.--color-brand.--style-outline-primary:hover{--btn-color:#fff;background-color:#b055ff;border-color:#b055ff}.button.--color-green.--pulse{--pulse-color:#64eb49}.button.--color-green.--style-fill{--btn-color:#13161f;background-color:#64eb49;border:1px solid #64eb49;transition:filter .15s}.button.--color-green.--style-fill.--hover,.button.--color-green.--style-fill:hover{filter:brightness(1.075);background-color:#64eb49}.button.--color-green.--style-outline-primary,.button.--color-green.--style-outline-secondary{border:1px solid #64eb49}.button.--color-green.--style-alpha-primary,.button.--color-green.--style-alpha-secondary,.button.--color-green.--style-outline-primary,.button.--color-green.--style-outline-secondary{background-color:#64eb494d}.button.--color-green.--style-alpha-primary,.button.--color-green.--style-outline-primary{--btn-color:#fff}.button.--color-green.--style-alpha-secondary,.button.--color-green.--style-ghost,.button.--color-green.--style-outline-secondary{--btn-color:#64eb49}.button.--color-green.--style-alpha-primary.--hover,.button.--color-green.--style-alpha-primary:hover,.button.--color-green.--style-outline-primary.--hover,.button.--color-green.--style-outline-primary:hover{--btn-color:#13161f;background-color:#64eb49;border-color:#64eb49}.button.--color-dark.--pulse{--pulse-color:#13161f}.button.--color-dark.--style-fill{--btn-color:#13161f;background-color:#13161f;border:1px solid #13161f;transition:filter .15s}.button.--color-dark.--style-fill.--hover,.button.--color-dark.--style-fill:hover{filter:brightness(1.075);background-color:#353a5a}.button.--color-dark.--style-outline-primary,.button.--color-dark.--style-outline-secondary{border:1px solid #353a5a}.button.--color-dark.--style-alpha-primary,.button.--color-dark.--style-alpha-secondary,.button.--color-dark.--style-outline-primary,.button.--color-dark.--style-outline-secondary{background-color:#191e2a4d}.button.--color-dark.--style-alpha-primary,.button.--color-dark.--style-outline-primary{--btn-color:#fff}.button.--color-dark.--style-alpha-secondary,.button.--color-dark.--style-ghost,.button.--color-dark.--style-outline-secondary{--btn-color:#13161f}.button.--color-dark.--style-alpha-primary.--hover,.button.--color-dark.--style-alpha-primary:hover,.button.--color-dark.--style-outline-primary.--hover,.button.--color-dark.--style-outline-primary:hover{--btn-color:#13161f;background-color:#13161f;border-color:#13161f}.button.--color-yellow.--pulse{--pulse-color:#fccb13}.button.--color-yellow.--style-fill{--btn-color:#13161f;background-color:#fccb13;border:1px solid #fccb13;transition:filter .15s}.button.--color-yellow.--style-fill.--hover,.button.--color-yellow.--style-fill:hover{filter:brightness(1.075);background-color:#fccb13}.button.--color-yellow.--style-outline-primary,.button.--color-yellow.--style-outline-secondary{border:1px solid #fccb13}.button.--color-yellow.--style-alpha-primary,.button.--color-yellow.--style-alpha-secondary,.button.--color-yellow.--style-outline-primary,.button.--color-yellow.--style-outline-secondary{background-color:#a261064d}.button.--color-yellow.--style-alpha-primary,.button.--color-yellow.--style-outline-primary{--btn-color:#fff}.button.--color-yellow.--style-alpha-secondary,.button.--color-yellow.--style-ghost,.button.--color-yellow.--style-outline-secondary{--btn-color:#fccb13}.button.--color-yellow.--style-alpha-primary.--hover,.button.--color-yellow.--style-alpha-primary:hover,.button.--color-yellow.--style-outline-primary.--hover,.button.--color-yellow.--style-outline-primary:hover{--btn-color:#13161f;background-color:#fccb13;border-color:#fccb13}.button.--color-red.--pulse{--pulse-color:#ff3d33}.button.--color-red.--style-fill{--btn-color:#13161f;background-color:#ff3d33;border:1px solid #ff3d33;transition:filter .15s}.button.--color-red.--style-fill.--hover,.button.--color-red.--style-fill:hover{filter:brightness(1.075);background-color:#ff3d33}.button.--color-red.--style-outline-primary,.button.--color-red.--style-outline-secondary{border:1px solid #ff3d33}.button.--color-red.--style-alpha-primary,.button.--color-red.--style-alpha-secondary,.button.--color-red.--style-outline-primary,.button.--color-red.--style-outline-secondary{background-color:#881a144d}.button.--color-red.--style-alpha-primary,.button.--color-red.--style-outline-primary{--btn-color:#fff}.button.--color-red.--style-alpha-secondary,.button.--color-red.--style-ghost,.button.--color-red.--style-outline-secondary{--btn-color:#ff3d33}.button.--color-red.--style-alpha-primary.--hover,.button.--color-red.--style-alpha-primary:hover,.button.--color-red.--style-outline-primary.--hover,.button.--color-red.--style-outline-primary:hover{--btn-color:#13161f;background-color:#ff3d33;border-color:#ff3d33}.button.--color-blue.--pulse{--pulse-color:#06a2f1}.button.--color-blue.--style-fill{--btn-color:#13161f;background-color:#06a2f1;border:1px solid #06a2f1;transition:filter .15s}.button.--color-blue.--style-fill.--hover,.button.--color-blue.--style-fill:hover{filter:brightness(1.075);background-color:#31bbff}.button.--color-blue.--style-outline-primary,.button.--color-blue.--style-outline-secondary{border:1px solid #31bbff}.button.--color-blue.--style-alpha-primary,.button.--color-blue.--style-alpha-secondary,.button.--color-blue.--style-outline-primary,.button.--color-blue.--style-outline-secondary{background-color:#31bbff4d}.button.--color-blue.--style-alpha-primary,.button.--color-blue.--style-outline-primary{--btn-color:#fff}.button.--color-blue.--style-alpha-secondary,.button.--color-blue.--style-ghost,.button.--color-blue.--style-outline-secondary{--btn-color:#31bbff}.button.--color-blue.--style-alpha-primary.--hover,.button.--color-blue.--style-alpha-primary:hover,.button.--color-blue.--style-outline-primary.--hover,.button.--color-blue.--style-outline-primary:hover{--btn-color:#13161f;background-color:#06a2f1;border-color:#06a2f1}.button.--color-pink.--pulse{--pulse-color:#ff9195}.button.--color-pink.--style-fill{--btn-color:#13161f;background-color:#ff9195;border:1px solid #ff9195;transition:filter .15s}.button.--color-pink.--style-fill.--hover,.button.--color-pink.--style-fill:hover{filter:brightness(1.075);background-color:#ff9195}.button.--color-pink.--style-outline-primary,.button.--color-pink.--style-outline-secondary{border:1px solid #ff9195}.button.--color-pink.--style-alpha-primary,.button.--color-pink.--style-alpha-secondary,.button.--color-pink.--style-outline-primary,.button.--color-pink.--style-outline-secondary{background-color:#ff91954d}.button.--color-pink.--style-alpha-primary,.button.--color-pink.--style-outline-primary{--btn-color:#fff}.button.--color-pink.--style-alpha-secondary,.button.--color-pink.--style-ghost,.button.--color-pink.--style-outline-secondary{--btn-color:#ff9195}.button.--color-pink.--style-alpha-primary.--hover,.button.--color-pink.--style-alpha-primary:hover,.button.--color-pink.--style-outline-primary.--hover,.button.--color-pink.--style-outline-primary:hover{--btn-color:#13161f;background-color:#ff9195;border-color:#ff9195}.button.--color-gray.--pulse{--pulse-color:#9ba7bf}.button.--color-gray.--style-fill{background-color:#202736;border:1px solid #202736}.button.--color-gray.--style-outline-primary,.button.--color-gray.--style-outline-secondary{border:1px solid #353a5a}.button.--color-gray.--style-alpha-primary,.button.--color-gray.--style-alpha-secondary,.button.--color-gray.--style-outline-primary,.button.--color-gray.--style-outline-secondary{background-color:#191e2a4d}.button.--color-gray.--style-alpha-primary,.button.--color-gray.--style-outline-primary{--btn-color:#fff}.button.--color-gray.--style-alpha-secondary,.button.--color-gray.--style-fill,.button.--color-gray.--style-ghost,.button.--color-gray.--style-outline-secondary{--btn-color:#9ba7bf}.button.--color-gray.--hover,.button.--color-gray:hover{--btn-color:#fff;background-color:#353a5a}.button.--color-dark{--btn-color:#9ba7bf;background-color:#191e2a}.button.--color-white{--btn-color:#13161f;background-color:#fff}.button.--color-white.--pulse{--pulse-color:#fff}.button.--color-white.--style-ghost{--btn-color:#fff}.button.--color-steam{position:relative}.button.--color-steam:before{border-radius:inherit;content:"";background:linear-gradient(93deg,#549600,#407300);width:100%;height:100%;transition:filter .3s;position:absolute;top:0;left:0}.button.--color-steam.--pulse{--pulse-color:#549600}.button.--color-steam .button-icon path{transition:fill .3s;fill:#fff!important}.button.--color-steam .button-label{color:#fff;position:relative}.button.--color-steam.--hover:before,.button.--color-steam:hover:before{filter:brightness(1.1)}.button.--color-gold{--btn-color:#13161f;position:relative}.button.--color-gold:before{border-radius:inherit;content:"";background:linear-gradient(91deg,#f2cb39,#ffed68 25%,#ffdc59 50%,#ffe17e 75%,#f2cb39);width:100%;height:100%;transition:filter .3s;position:absolute;top:0;left:0}.button.--color-gold.--pulse{--pulse-color:#ffed68}.button.--color-gold .button-icon,.button.--color-gold .button-label{position:relative}.button.--color-gold.--hover:before,.button.--color-gold:hover:before{filter:brightness(1.1)}.button.--style-ghost{background-image:unset;border:none;border-radius:0;height:auto;padding:0;background-color:#0000!important}.button.--style-ghost:before{content:none}.button.--style-ghost .button-icon{font-size:20px}.button.--style-ghost .button-label{letter-spacing:.01px;font-size:14px;font-weight:600;line-height:20px}