.user-menu[data-v-50880cdc]{background-color:#141c36;border:1px solid #304077;border-radius:12px;display:flex;flex-direction:column;gap:12px;height:-moz-fit-content;height:fit-content;height:0;opacity:0;overflow:hidden;padding:15.2px 15px;position:absolute;right:0;top:40px;transition:all .4s ease;width:284px;z-index:2}.user-menu.show[data-v-50880cdc]{height:-moz-fit-content;height:fit-content;opacity:1;overflow:visible}.user-menu__wrap-info[data-v-50880cdc]{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.user-menu__wrap-info-name[data-v-50880cdc]{color:#cdc8d7;font-size:14px;font-weight:700;line-height:20px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:160px}.user-menu__wrap-info-rank[data-v-50880cdc]{color:#313545;font-size:12px;font-weight:400;line-height:18px;margin-top:2px;width:160px}.user-menu__wrap-info-coin[data-v-50880cdc]{color:#fff;font-size:18px;font-weight:700;line-height:20px}.user-menu__mission[data-v-50880cdc]{display:flex;flex-direction:column;gap:12px}.user-menu__mission-title[data-v-50880cdc]{color:#313545;font-size:16px;font-weight:700;line-height:20px}.user-menu__mission-item[data-v-50880cdc]{align-items:center;color:#8a869f;display:flex;flex-direction:row;font-size:14px;font-weight:400;justify-content:space-between;line-height:20px}.user-menu__mission-item .item-icon[data-v-50880cdc]{font-size:16px}.user-menu__mission-item .item-icon[data-v-50880cdc]:before{color:#adbbea;content:""}.user-menu__mission-item.active[data-v-50880cdc]{color:#fff}.user-menu__mission-item.active .item-icon[data-v-50880cdc]:before{color:#00e92f;content:""}.user-menu__action[data-v-50880cdc]{background-color:#1a2341;border-radius:12px}.user-menu__action-item[data-v-50880cdc]{align-items:center;color:#cdc8d7;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:700;gap:12px;height:48px;line-height:20px;padding:0 12px}.user-menu__action-item-icon[data-v-50880cdc]:before{color:#cdc8d7;font-size:24px}.user-menu__action-item[data-v-50880cdc]:hover{background:#ff41864d;color:#fff}.user-menu__action-item:hover .icon-history[data-v-50880cdc]:before,.user-menu__action-item:hover .icon-user[data-v-50880cdc]:before{color:#fff}.user-menu__action-item[data-v-50880cdc]:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.user-menu__action-item[data-v-50880cdc]:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.user-menu__footer[data-v-50880cdc]{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.user-menu__footer[data-v-50880cdc] .base-button{background:transparent;border-color:#00e92f!important;color:#00e92f!important;font-size:12px!important;width:164px}.user-menu__footer[data-v-50880cdc] .base-button .base-button--content{gap:12px}.user-menu__footer[data-v-50880cdc] .base-button:hover{border-color:#ff679e!important;color:#ff679e!important}.user-menu__footer[data-v-50880cdc] .base-button:hover .icon-support:before{color:#ff679e!important}.user-menu__footer .icon-support[data-v-50880cdc]:before{color:#00e92f;font-size:16px}.user-menu__footer-logout[data-v-50880cdc]{align-items:center;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;width:32px}.user-menu__footer-logout .icon-logout[data-v-50880cdc]:before{color:#cdc8d7}.user-menu__footer-logout .text[data-v-50880cdc]{bottom:-20px;min-width:66px;opacity:0;position:absolute;right:0;visibility:hidden;z-index:1}.user-menu__footer-logout:hover .icon-logout[data-v-50880cdc]:before{color:#ff679e}.user-menu__footer-logout:hover .text[data-v-50880cdc]{opacity:1;visibility:visible}.user-info[data-v-7daae999]{gap:16px}.user-info[data-v-7daae999],.user-info__menu[data-v-7daae999]{align-items:center;display:flex}.user-info__menu[data-v-7daae999]{flex-direction:row;position:relative}.user-info__menu-icon[data-v-7daae999]{align-items:center;border-radius:36px;cursor:pointer;display:flex;font-size:20px;justify-content:center;transition:all .3s ease}.user-info__menu-icon img[data-v-7daae999]{height:36px;width:36px}.user-info__menu .icon-caret-down[data-v-7daae999]:before{color:#cdc8d7;cursor:pointer}.user-info__menu .icon-caret-down[data-v-7daae999]{transition:all .3s ease}.user-info__menu.active .icon-caret-down[data-v-7daae999]{transform:rotate(180deg)}.user-info__menu.active .icon-caret-down[data-v-7daae999]:before{color:#ff679e}.user-info__wrap[data-v-7daae999]{background-color:transparent;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.user-info-balance[data-v-7daae999]{align-items:center;background-color:#1a2341;border-radius:8px;color:#ffdb7f;display:flex;font-size:16px;font-weight:600;height:36px;justify-content:center;line-height:24px;margin-left:8px;padding:0 20px}.user-info[data-v-7daae999] .base-button{font-size:16px;height:36px;padding:0 13px}.user-info[data-v-7daae999] .base-button .icon-plus:before{color:#fff}