@keyframes P3t9z_dlMzH8JdQXYgb6 {
    0% {
        transform: rotate(0deg) translateY(var(--gameBarIconY, 0))
    }

    40% {
        transform: rotate(20deg) translateY(var(--gameBarIconY, 0))
    }

    43% {
        transform: rotate(25deg) translateY(var(--gameBarIconY, 0))
    }

    60% {
        transform: rotate(-15deg) translateY(var(--gameBarIconY, 0))
    }

    70% {
        transform: rotate(3deg) translateY(var(--gameBarIconY, 0))
    }

    80% {
        transform: rotate(-1deg) translateY(var(--gameBarIconY, 0))
    }

    85% {
        transform: rotate(-5deg) translateY(var(--gameBarIconY, 0))
    }

    to {
        transform: rotate(-5deg) translateY(var(--gameBarIconY, 0))
    }
}

@keyframes iCKaV5q9eF5vB3DOHhTh {
    0% {
        transform: scale(1)
    }

    40% {
        background-color: var(--gameBarButtonAnimationBackgroundColor, var(--green-3));
        transform: scale(1.1)
    }

    43% {
        transform: scale(1.2)
    }

    60% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(1.01)
    }

    85% {
        transform: scale(1)
    }

    to {
        background-color: var(--gameBarLabelBackgroundColor);
        transform: scale(1)
    }
}

.AUcJqk5uLaoXL0jqRGuH {
    fill: var(--gameBarIconFill, var(--joyz-blue));
    overflow: visible;
    transform: rotate(var(--gameBarIconRotation, 0deg)) translateY(var(--gameBarIconY, 0));
    transition: fill .6s var(--gameBarButtonAnimationCurve), transform .2s var(--gameBarButtonAnimationCurve)
}

.aAJE6r6D5rwwQuTmZqYG {
    bottom: 4px;
    font: 700 10px/12px var(--fontBody);
    left: 50%;
    position: absolute
}

.L6WSODmebiIqJJOEi46E {
    border-radius: 16px;
    left: 0;
    padding: 0 4px;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    transition: opacity .35s var(--gameBarButtonAnimationCurve);
    white-space: nowrap
}

.Vlw13G6cUIC6W9LiGC_X {
    background-color: var(--gameBarLabelBackgroundColor, #fff0);
    color: var(--grey-3);
    opacity: var(--gameBarLabelOpacity, 1)
}

.tz2DEu5qBC9Yd6hJGjoW {
    background-color: var(--joyz-blue);
    color: #fff;
    opacity: var(--gameBarHoverLabelOpacity, 0)
}

.tqh57qBcKxMV9EdZQoAb {
    background: var(--gameBarLabelBackgroundColor, #fff);
    border-radius: 50%;
    height: 100%;
    padding: 8px;
    transition: background-color .6s var(--gameBarButtonAnimationCurve);
    width: 100%
}

.HPn_GzeLxs8_4nNebuj1 {
    --gameBarButtonAnimationCurve: cubic-bezier(.32, 1.2, .54, 1.17);
    background: none;
    border: none;
    cursor: pointer;
    height: 40px;
    margin: 8px 8px auto;
    outline: none;
    padding: 0;
    position: relative;
    width: 40px
}

.HPn_GzeLxs8_4nNebuj1:hover {
    --gameBarIconRotation: -5deg;
    --gameBarLabelOpacity: 0
}

.HPn_GzeLxs8_4nNebuj1:hover .tqh57qBcKxMV9EdZQoAb {
    background-color: var(--gameBarButtonBackgroundHoverColor, var(--grey-7))
}

.HPn_GzeLxs8_4nNebuj1:active .tqh57qBcKxMV9EdZQoAb {
    background: var(--gameBarButtonBackgroundHoverColor, var(--grey-5));
    transition: background-color .35s var(--gameBarButtonAnimationCurve)
}

.Vw1CuEQNiEwOdx9uRdMC {
    --gameBarIconRotation: -5deg
}

.Vw1CuEQNiEwOdx9uRdMC:hover {
    --gameBarIconRotation: 0deg
}

.Vw1CuEQNiEwOdx9uRdMC .AUcJqk5uLaoXL0jqRGuH {
    --gameBarIconFill: #fff
}

.Vw1CuEQNiEwOdx9uRdMC .Vlw13G6cUIC6W9LiGC_X {
    --gameBarLabelBackgroundColor: var(--grey-7)
}

.Vw1CuEQNiEwOdx9uRdMC .tqh57qBcKxMV9EdZQoAb {
    --gameBarLabelBackgroundColor: var(--joyz-blue);
    --gameBarButtonBackgroundHoverColor: var(--blue-5)
}

.Vw1CuEQNiEwOdx9uRdMC .tqh57qBcKxMV9EdZQoAb:active {
    --gameBarButtonBackgroundHoverColor: var(--blue-3)
}

.phlaiC_iad_lookW5__d:hover {
    --gameBarHoverLabelOpacity: 1
}

.tkJkfkWXlmN_OvNzlLDg .tqh57qBcKxMV9EdZQoAb {
    --gameBarButtonAnimationBackgroundColor: var(--pink-3)
}

.tkJkfkWXlmN_OvNzlLDg .AUcJqk5uLaoXL0jqRGuH>use {
    transform: rotate(180deg);
    transform-origin: 50%
}

.Vw1CuEQNiEwOdx9uRdMC.mDTrvHhilj2xlIvo_kXA:not(.tkJkfkWXlmN_OvNzlLDg) {
    --gameBarIconY: -2px
}

.Vw1CuEQNiEwOdx9uRdMC.mDTrvHhilj2xlIvo_kXA .tqh57qBcKxMV9EdZQoAb {
    animation: iCKaV5q9eF5vB3DOHhTh 1s forwards
}

.Vw1CuEQNiEwOdx9uRdMC.mDTrvHhilj2xlIvo_kXA .AUcJqk5uLaoXL0jqRGuH {
    animation: P3t9z_dlMzH8JdQXYgb6 1s 1
}