.coins__button{align-items:center;display:flex}.coins,.coins__currency,.coins__toggler{align-items:center;display:flex;justify-content:center}.coins__text{align-items:center;display:flex;flex-direction:column}.coins{max-height:2rem;min-height:2rem}.coins--color-green .coins__button--active{background:var(--sc-wallet-bg)}.coins--color-orange .coins__button--active{background:var(--gc-wallet-bg)}.coins__text{align-items:flex-start;color:var(--text-primary);justify-content:center;overflow:hidden;text-wrap:nowrap}.coins__balance{font-weight:var(--font-weight,700)}.coins__balance,.coins__currency{font-size:var(--font-size,.5625rem);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.1)}.coins__currency{font-weight:var(--font-weight,400);gap:.125rem}.coins__toggler{background:var(--colors-white-10);border-radius:10px;gap:.125rem;padding:.125rem;transition:all .2s ease-in-out}.coins__button{cursor:pointer;gap:.125rem;min-width:4rem;padding:.125rem .25rem}.coins__button .coins__icon--active{display:none}.game-menu .coins__button--animate{animation:pulse 2s infinite;box-shadow:0 0 #000;transform:scale(1)}.coins__button--active{background:#5f51ff;border-radius:8px;transition:background-color .2s linear}.coins__button--active .coins__balance-wrapper{max-width:5rem}.coins__button--active .coins__balance{--font-size:.75rem;--font-weight:700;--line-height:1.2;--letter-spacing:0}.coins__button--active .coins__icon--inactive{display:none}.coins__button--active .coins__icon--active{display:block}.coins__icon{height:var(--height,.625rem);margin:.25rem 0;min-height:var(--min-height,.625rem);min-width:var(--min-width,.625rem);width:var(--width,.625rem)}.coins__icon--active{height:var(--height,1.1875rem);min-height:var(--min-height,1.1875rem);min-width:var(--min-width,1.1875rem);width:var(--width,1.1875rem)}.coins--big{max-height:2.75rem;min-height:2.75rem}.coins--big .coins__toggler{width:100%}.coins--big .coins__toggler .coins__button{padding:.625rem 0 .625rem .5rem;width:100%}.is-compact .coins--big .coins__toggler .coins__button{padding:.4375rem .5rem}.coins__balance-wrapper{background:linear-gradient(90deg,#fff 70%,#fff0 90%);background-clip:text;-webkit-background-clip:text;display:flex;max-width:5.625rem;overflow:hidden;position:relative;-webkit-text-fill-color:transparent}.coins__balance{overflow:hidden;padding-right:.5rem;white-space:nowrap}@media (min-width:64rem){.app-header .coins__button{padding:.125rem .25rem}.drawer .coins{flex-direction:row-reverse;justify-content:flex-end;margin-left:0}.drawer-minimize .coins{justify-content:center;margin-bottom:2rem;margin-top:1rem;min-width:auto;padding:0}.drawer-minimize .coins__icon{display:block}.drawer-minimize .coins+hr{margin-bottom:0}.drawer-minimize .coins__button{justify-content:center;min-width:2.25rem}.drawer-minimize .coins__toggler{flex-direction:column-reverse;margin:0}.drawer-minimize .coins__text{display:none}}@keyframes pulse{0%{box-shadow:0 0 #000000b3;transform:scale(.95)}70%{box-shadow:0 0 0 10px transparent;transform:scale(1)}to{box-shadow:0 0 0 0 transparent;transform:scale(.95)}}
