.user-menu[data-v-55fec54c]{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000029;display:flex;flex-direction:column;gap:12px;height:-moz-fit-content;height:fit-content;height:0;opacity:0;overflow:hidden;padding:16px;position:absolute;right:0;top:43px;transition:all .4s ease;width:284px}.user-menu.show[data-v-55fec54c]{height:-moz-fit-content;height:fit-content;opacity:1;overflow:visible;z-index:1}.user-menu__wrap-info[data-v-55fec54c]{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.user-menu__wrap-info-name[data-v-55fec54c]{color:#5a5673;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-55fec54c]{color:#313545;font-size:12px;font-weight:400;line-height:18px;margin-top:2px;width:160px}.user-menu__wrap-info-coin[data-v-55fec54c]{color:#141318;font-size:18px;font-weight:700;line-height:20px}.user-menu__mission[data-v-55fec54c]{display:flex;flex-direction:column;gap:12px}.user-menu__mission-title[data-v-55fec54c]{color:#313545;font-size:16px;font-weight:700;line-height:20px}.user-menu__mission-item[data-v-55fec54c]{align-items:center;color:#b5b3c6;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-55fec54c]{font-size:16px}.user-menu__mission-item .item-icon[data-v-55fec54c]:before{color:#b5b3c6;content:""}.user-menu__mission-item.active[data-v-55fec54c]{color:#141318}.user-menu__mission-item.active .item-icon[data-v-55fec54c]:before{color:#00e92f;content:""}.user-menu__action[data-v-55fec54c]{background-color:#fff;border-radius:12px;overflow:hidden}.user-menu__action-item[data-v-55fec54c]{align-items:center;background-color:#eeedf1;color:#5a5673;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-55fec54c]:before{color:#3f3d4f;font-size:24px}.user-menu__action-item[data-v-55fec54c]:hover{background-color:#fff0d3;color:#ff6900}.user-menu__action-item:hover .icon-history[data-v-55fec54c]:before,.user-menu__action-item:hover .icon-user[data-v-55fec54c]:before{color:#ff6900}.user-menu__action-item[data-v-55fec54c]:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.user-menu__action-item[data-v-55fec54c]:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.user-menu__footer[data-v-55fec54c]{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.user-menu__footer .icon-support[data-v-55fec54c]:before{color:#00bc26;font-size:16px}.user-menu__footer-logout[data-v-55fec54c]{align-items:center;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;width:36px}.user-menu__footer-logout .icon-logout[data-v-55fec54c]:before{color:#3f3d4f}.user-menu[data-v-55fec54c] .base-button{border:1px solid #00bc26;border-radius:4px;color:#00bc26;font-size:14px;font-weight:600;height:32px;line-height:20px;padding:0;width:159px}.user-menu[data-v-55fec54c] .base-button .base-button--content{gap:4px}.user-info[data-v-e08cd1a8]{gap:12px;z-index:9}.user-info[data-v-e08cd1a8],.user-info__menu[data-v-e08cd1a8]{align-items:center;display:flex;position:relative}.user-info__menu[data-v-e08cd1a8]{flex-direction:row}.user-info__menu-icon[data-v-e08cd1a8]{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-e08cd1a8]{height:36px;width:36px}.user-info__menu .icon-caret-down[data-v-e08cd1a8]:before{color:#3f3d4f;cursor:pointer}.user-info__menu .icon-caret-down[data-v-e08cd1a8]{transition:all .3s ease}.user-info__menu.active .icon-caret-down[data-v-e08cd1a8]{transform:rotate(180deg)}.user-info__menu.active .icon-caret-down[data-v-e08cd1a8]:before{color:#ff6900}.user-info__wrap[data-v-e08cd1a8]{background-color:transparent;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.user-info-balance[data-v-e08cd1a8]{align-items:center;background-color:#e8e8e8;border-radius:8px;color:#ff6900;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;line-height:24px;padding:4px 12px;white-space:nowrap}.user-info button[data-v-e08cd1a8]{height:40px;padding:0;width:105px}