.button{align-items:center;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transform:translateZ(0);transition:background-color .3s,border .3s,filter .3s,opacity .3s,transform .3s;width:-moz-max-content;width:max-content}.button:active{filter:brightness(1.2)!important}.button .button-icon{aspect-ratio:1/1;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;position:relative;transform:translateZ(0)}.button .button-icon path{fill:var(--btn-color)!important;transition:fill .3s}.button .button-label{color:var(--btn-color);font-family:Switzer,sans-serif;text-align:left;text-transform:uppercase;transition:color .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes shine-button{0%{left:-100%;transition-property:left}17.8082191781%,to{left:100%;transition-property:left}}.button.--shine:after{animation-delay:.75s;animation:shine-button 3s ease-in-out infinite;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.25),transparent);content:"";height:100%;position:absolute;top:0;width:100%}.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{height:16px;min-width:16px;width:16px}.button.--size-none .button-label{font-size:12px;font-weight:600;letter-spacing:.02px;line-height:16px}.button.--size-xs{border-radius:4px;gap:8px;height:32px;min-height:32px;padding:8px}.button.--size-xs.--rect{max-width:32px;width:32px}.button.--size-xs .button-icon{height:16px;min-width:16px;width:16px}.button.--size-xs .button-label{font-size:12px;font-weight:600;letter-spacing:.02px;line-height:16px}.button.--size-sm{border-radius:8px;gap:12px;height:36px;min-height:36px;padding:0 16px}.button.--size-sm.--rect{max-width:36px;padding:0;width:36px}.button.--size-sm .button-icon{height:16px;min-width:16px;width:16px}.button.--size-sm .button-label{font-size:14px;font-weight:600;letter-spacing:.01px;line-height:20px;white-space:nowrap}.button.--size-md{border-radius:8px;gap:12px;height:44px;min-height:44px;padding:12px 20px}.button.--size-md.--rect{max-width:44px;padding:12px;width:44px}.button.--size-md .button-icon{height:20px;min-width:20px;width:20px}.button.--size-md .button-label{font-size:14px;font-weight:600;letter-spacing:.01px;line-height:20px}.button.--size-lg{border-radius:8px;gap:12px;height:52px;min-height:52px;padding:16px 24px}.button.--size-lg.--rect{max-width:52px;padding:16px;width:52px}.button.--size-lg .button-icon{height:20px;min-width:20px;width:20px}.button.--size-lg .button-label{font-size:14px;font-weight:600;letter-spacing:.01px;line-height:20px}.button.full{width:100%}.button.--color-brand.--pulse{animation:pulse-button 1.5s infinite;box-shadow:0 0 #b055ff80}.button.--color-brand.--style-fill{background-color:#b055ff;border:1px solid #b055ff;--btn-color:#fff;transition:filter .15s}.button.--color-brand.--style-fill.--hover,.button.--color-brand.--style-fill:hover{background-color:#b055ff;filter:brightness(1.075)}.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{background-color:#b055ff;border-color:#b055ff;--btn-color:#fff}.button.--color-green.--pulse{animation:pulse-button 1.5s infinite;box-shadow:0 0 #64eb4980}.button.--color-green.--style-fill{background-color:#64eb49;border:1px solid #64eb49;--btn-color:#13161f;transition:filter .15s}.button.--color-green.--style-fill.--hover,.button.--color-green.--style-fill:hover{background-color:#64eb49;filter:brightness(1.075)}.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:#1854134d}.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{background-color:#64eb49;border-color:#64eb49;--btn-color:#13161f}.button.--color-yellow.--pulse{animation:pulse-button 1.5s infinite;box-shadow:0 0 #fccb1380}.button.--color-yellow.--style-fill{background-color:#fccb13;border:1px solid #fccb13;--btn-color:#13161f;transition:filter .15s}.button.--color-yellow.--style-fill.--hover,.button.--color-yellow.--style-fill:hover{background-color:#fccb13;filter:brightness(1.075)}.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{background-color:#fccb13;border-color:#fccb13;--btn-color:#13161f}.button.--color-red.--pulse{animation:pulse-button 1.5s infinite;box-shadow:0 0 #ff3d3380}.button.--color-red.--style-fill{background-color:#ff3d33;border:1px solid #ff3d33;--btn-color:#13161f;transition:filter .15s}.button.--color-red.--style-fill.--hover,.button.--color-red.--style-fill:hover{background-color:#ff3d33;filter:brightness(1.075)}.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{background-color:#ff3d33;border-color:#ff3d33;--btn-color:#13161f}.button.--color-blue.--pulse{animation:pulse-button 1.5s infinite;box-shadow:0 0 #06a2f180}.button.--color-blue.--style-fill{background-color:#06a2f1;border:1px solid #06a2f1;--btn-color:#13161f;transition:filter .15s}.button.--color-blue.--style-fill.--hover,.button.--color-blue.--style-fill:hover{background-color:#31bbff;filter:brightness(1.075)}.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:#0848724d}.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{background-color:#06a2f1;border-color:#06a2f1;--btn-color:#13161f}.button.--color-gray.--pulse{animation:pulse-button 1.5s infinite;box-shadow:0 0 #9ba7bf1a}.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{background-color:#353a5a;--btn-color:#fff}.button.--color-dark{background-color:#191e2a;--btn-color:#9ba7bf}.button.--color-white{background-color:#fff;--btn-color:#13161f}.button.--color-white.--pulse{animation:pulse-button 1.5s infinite;box-shadow:0 0 #ffffff40}.button.--color-white.--style-ghost{--btn-color:#fff}.button.--color-steam{position:relative}.button.--color-steam:before{background:linear-gradient(93deg,#549600,#407300);content:"";height:100%;left:0;position:absolute;top:0;transition:filter .3s;width:100%}.button.--color-steam.--pulse{animation:pulse-button 1.5s infinite;box-shadow:0 0 #54960080}.button.--color-steam .button-icon path{fill:#fff!important;transition:fill .3s}.button.--color-steam .button-label{position:relative}.button.--color-steam.--hover:before,.button.--color-steam:hover:before{filter:brightness(1.1)}.button.--color-gold{position:relative;--btn-color:#13161f}.button.--color-gold:before{background:linear-gradient(91deg,#f2cb39,#ffed68 25%,#ffdc59,#ffe17e 75%,#f2cb39);content:"";height:100%;left:0;position:absolute;top:0;transition:filter .3s;width:100%}@keyframes pulse-button{70%{box-shadow:0 0 0 16px #ffed6800}to{box-shadow:0 0 #ffed6800}}.button.--color-gold.--pulse{animation:pulse-button 1.5s infinite;box-shadow:0 0 #ffed6840}.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-color:transparent!important;background-image:unset;border:none;border-radius:0;height:auto;padding:0}.button.--style-ghost:before{content:none}.button.--style-ghost .button-icon{font-size:20px}.button.--style-ghost .button-label{font-size:14px;font-weight:600;letter-spacing:.01px;line-height:20px}
