.button{align-items:center;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:background-color .3s,border .3s,filter .3s,opacity .3s,transform .3s;width:-moz-max-content;width:max-content}.button:active{transform:scale(.975)}.button .button-icon{aspect-ratio:1/1;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;position:relative}.button .button-icon path{transition:fill .3s}.button .button-label{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-xs{border-radius:4px;gap:8px;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:38px;padding:0 16px}.button.--size-sm.--rect{max-width:38px;padding:0;width:38px}.button.--size-sm .button-icon{height:20px;min-width:20px;width:20px}.button.--size-sm .button-label{font-size:14px;font-weight:600;letter-spacing:.01px;line-height:20px}.button.--size-md{border-radius:8px;gap:12px;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;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}.button.--color-brand.--style-fill .button-label{color:#fff}.button.--color-brand.--style-fill .button-icon path{fill:#fff!important}.button.--color-brand.--style-fill:hover{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-label,.button.--color-brand.--style-outline-primary .button-label{color:#fff}.button.--color-brand.--style-alpha-primary .button-icon path,.button.--color-brand.--style-outline-primary .button-icon path{fill:#fff!important}.button.--color-brand.--style-alpha-secondary .button-label,.button.--color-brand.--style-ghost .button-label,.button.--color-brand.--style-outline-secondary .button-label{color:#b055ff}.button.--color-brand.--style-alpha-secondary .button-icon path,.button.--color-brand.--style-ghost .button-icon path,.button.--color-brand.--style-outline-secondary .button-icon path{fill:#b055ff!important}.button.--color-brand.--style-alpha-primary:hover,.button.--color-brand.--style-outline-primary:hover{background-color:#b055ff;border-color:#b055ff}.button.--color-brand.--style-alpha-primary:hover .button-label,.button.--color-brand.--style-outline-primary:hover .button-label{color:#fff}.button.--color-brand.--style-alpha-primary:hover .button-icon path,.button.--color-brand.--style-outline-primary:hover .button-icon path{fill:#fff!important}.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}.button.--color-green.--style-fill .button-label{color:#13161f}.button.--color-green.--style-fill .button-icon path{fill:#13161f!important}.button.--color-green.--style-fill:hover{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:#1854134d}.button.--color-green.--style-alpha-primary .button-label,.button.--color-green.--style-outline-primary .button-label{color:#fff}.button.--color-green.--style-alpha-primary .button-icon path,.button.--color-green.--style-outline-primary .button-icon path{fill:#fff!important}.button.--color-green.--style-alpha-secondary .button-label,.button.--color-green.--style-ghost .button-label,.button.--color-green.--style-outline-secondary .button-label{color:#64eb49}.button.--color-green.--style-alpha-secondary .button-icon path,.button.--color-green.--style-ghost .button-icon path,.button.--color-green.--style-outline-secondary .button-icon path{fill:#64eb49!important}.button.--color-green.--style-alpha-primary:hover,.button.--color-green.--style-outline-primary:hover{background-color:#64eb49;border-color:#64eb49}.button.--color-green.--style-alpha-primary:hover .button-label,.button.--color-green.--style-outline-primary:hover .button-label{color:#13161f}.button.--color-green.--style-alpha-primary:hover .button-icon path,.button.--color-green.--style-outline-primary:hover .button-icon path{fill:#13161f!important}.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}.button.--color-yellow.--style-fill .button-label{color:#13161f}.button.--color-yellow.--style-fill .button-icon path{fill:#13161f!important}.button.--color-yellow.--style-fill:hover{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-label,.button.--color-yellow.--style-outline-primary .button-label{color:#fff}.button.--color-yellow.--style-alpha-primary .button-icon path,.button.--color-yellow.--style-outline-primary .button-icon path{fill:#fff!important}.button.--color-yellow.--style-alpha-secondary .button-label,.button.--color-yellow.--style-ghost .button-label,.button.--color-yellow.--style-outline-secondary .button-label{color:#fccb13}.button.--color-yellow.--style-alpha-secondary .button-icon path,.button.--color-yellow.--style-ghost .button-icon path,.button.--color-yellow.--style-outline-secondary .button-icon path{fill:#fccb13!important}.button.--color-yellow.--style-alpha-primary:hover,.button.--color-yellow.--style-outline-primary:hover{background-color:#fccb13;border-color:#fccb13}.button.--color-yellow.--style-alpha-primary:hover .button-label,.button.--color-yellow.--style-outline-primary:hover .button-label{color:#13161f}.button.--color-yellow.--style-alpha-primary:hover .button-icon path,.button.--color-yellow.--style-outline-primary:hover .button-icon path{fill:#13161f!important}.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}.button.--color-red.--style-fill .button-label{color:#13161f}.button.--color-red.--style-fill .button-icon path{fill:#13161f!important}.button.--color-red.--style-fill:hover{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-label,.button.--color-red.--style-outline-primary .button-label{color:#fff}.button.--color-red.--style-alpha-primary .button-icon path,.button.--color-red.--style-outline-primary .button-icon path{fill:#fff!important}.button.--color-red.--style-alpha-secondary .button-label,.button.--color-red.--style-ghost .button-label,.button.--color-red.--style-outline-secondary .button-label{color:#ff3d33}.button.--color-red.--style-alpha-secondary .button-icon path,.button.--color-red.--style-ghost .button-icon path,.button.--color-red.--style-outline-secondary .button-icon path{fill:#ff3d33!important}.button.--color-red.--style-alpha-primary:hover,.button.--color-red.--style-outline-primary:hover{background-color:#ff3d33;border-color:#ff3d33}.button.--color-red.--style-alpha-primary:hover .button-label,.button.--color-red.--style-outline-primary:hover .button-label{color:#13161f}.button.--color-red.--style-alpha-primary:hover .button-icon path,.button.--color-red.--style-outline-primary:hover .button-icon path{fill:#13161f!important}.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}.button.--color-blue.--style-fill .button-label{color:#13161f}.button.--color-blue.--style-fill .button-icon path{fill:#13161f!important}.button.--color-blue.--style-fill:hover{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:#0848724d}.button.--color-blue.--style-alpha-primary .button-label,.button.--color-blue.--style-outline-primary .button-label{color:#fff}.button.--color-blue.--style-alpha-primary .button-icon path,.button.--color-blue.--style-outline-primary .button-icon path{fill:#fff!important}.button.--color-blue.--style-alpha-secondary .button-label,.button.--color-blue.--style-ghost .button-label,.button.--color-blue.--style-outline-secondary .button-label{color:#31bbff}.button.--color-blue.--style-alpha-secondary .button-icon path,.button.--color-blue.--style-ghost .button-icon path,.button.--color-blue.--style-outline-secondary .button-icon path{fill:#31bbff!important}.button.--color-blue.--style-alpha-primary:hover,.button.--color-blue.--style-outline-primary:hover{background-color:#06a2f1;border-color:#06a2f1}.button.--color-blue.--style-alpha-primary:hover .button-label,.button.--color-blue.--style-outline-primary:hover .button-label{color:#13161f}.button.--color-blue.--style-alpha-primary:hover .button-icon path,.button.--color-blue.--style-outline-primary:hover .button-icon path{fill:#13161f!important}.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-label,.button.--color-gray.--style-outline-primary .button-label{color:#fff}.button.--color-gray.--style-alpha-primary .button-icon path,.button.--color-gray.--style-outline-primary .button-icon path{color:#fff!important}.button.--color-gray.--style-alpha-secondary .button-label,.button.--color-gray.--style-fill .button-label,.button.--color-gray.--style-ghost .button-label,.button.--color-gray.--style-outline-secondary .button-label{color:#9ba7bf}.button.--color-gray.--style-alpha-secondary .button-icon path,.button.--color-gray.--style-fill .button-icon path,.button.--color-gray.--style-ghost .button-icon path,.button.--color-gray.--style-outline-secondary .button-icon path{color:#9ba7bf!important}.button.--color-gray:hover{background-color:#353a5a}.button.--color-gray:hover .button-label{color:#fff}.button.--color-gray:hover .button-icon path{color:#fff!important}.button.--color-dark{background-color:#191e2a}.button.--color-dark .button-label{color:#9ba7bf}.button.--color-dark .button-icon path{color:#9ba7bf!important}.button.--color-white{background-color:#fff}.button.--color-white--pulse{animation:pulse-button 1.5s infinite;box-shadow:0 0 #ffffff40}.button.--color-white .button-label{color:#13161f}.button.--color-white .button-icon path{color:#13161f!important}.button.--color-white.--style-ghost .button-icon path{color:#fff!important}.button.--color-white.--style-ghost .button-label{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-label{color:#fff;position:relative}.button.--color-steam .button-icon path{fill:#fff!important}.button.--color-steam:hover:before{filter:brightness(1.1)}.button.--color-gold{position:relative}.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-label{color:#13161f;position:relative}.button.--color-gold .button-icon{position:relative}.button.--color-gold .button-icon path{fill:#13161f!important}.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}