.user-menu[data-v-f76751a9]{background-color:#12163a;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;width:0}.user-menu.show[data-v-f76751a9]{height:-moz-fit-content;height:fit-content;opacity:1;overflow:visible;width:284px;z-index:1}.user-menu__wrap-info[data-v-f76751a9]{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.user-menu__wrap-info-name[data-v-f76751a9]{color:#eaebeb;font-size:16px;font-weight:600;line-height:24px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:160px}.user-menu__wrap-info-rank[data-v-f76751a9]{color:#313545;font-size:12px;font-weight:400;line-height:18px;margin-top:2px;width:160px}.user-menu__wrap-info-coin[data-v-f76751a9]{color:#fff;font-size:18px;font-weight:700;line-height:20px}.user-menu__mission[data-v-f76751a9]{display:flex;flex-direction:column;gap:12px}.user-menu__mission-title[data-v-f76751a9]{color:#313545;font-size:16px;font-weight:700;line-height:20px}.user-menu__mission-item[data-v-f76751a9]{align-items:center;color:#69727c;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-f76751a9]{font-size:16px}.user-menu__mission-item .item-icon[data-v-f76751a9]:before{color:#444a50;content:""}.user-menu__mission-item.active[data-v-f76751a9]{color:#fff}.user-menu__mission-item.active .item-icon[data-v-f76751a9]:before{color:#2dc770;content:""}.user-menu__action[data-v-f76751a9]{background-color:#090a18;border-radius:12px}.user-menu__action-item[data-v-f76751a9]{align-items:center;background-color:#090a18;color:#eaebeb;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-f76751a9]:before{color:#bfc0c1;font-size:24px}.user-menu__action-item[data-v-f76751a9]:hover{background-color:#303885;color:#fff}.user-menu__action-item:hover .icon-history[data-v-f76751a9]:before,.user-menu__action-item:hover .icon-user[data-v-f76751a9]:before{color:#fff}.user-menu__action-item[data-v-f76751a9]:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.user-menu__action-item[data-v-f76751a9]:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.user-menu__footer[data-v-f76751a9]{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.user-menu__footer .icon-support[data-v-f76751a9]:before{color:#2dc770;font-size:24px}.user-menu__footer-logout[data-v-f76751a9]{align-items:center;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:flex-end;width:36px}.user-menu__footer-logout .icon-logout[data-v-f76751a9]:before{color:#bfc0c1}.user-menu[data-v-f76751a9] .base-button{border:1px solid #2dc770;border-radius:8px;color:#2dc770;font-size:14px;height:40px;line-height:20px;padding:0;width:179px}.user-menu[data-v-f76751a9] .base-button .base-button--content{font-weight:700;gap:8px!important}.icon-notification[data-v-d75a188d]{align-items:center;background-color:#0e0f25;border-radius:8px;display:flex;height:36px;justify-content:center;transition:all .1s ease-in-out;width:36px}.icon-notification[data-v-d75a188d]:before{background-image:url(../assets/images/components/common/notification/text-tooltip.svg);background-repeat:no-repeat;background-size:100%;content:"";height:27px;left:-22px;margin-top:3px;opacity:0;pointer-events:none;position:absolute;top:35px;width:60px;z-index:2}.icon-notification[data-v-d75a188d]:hover:not(.active):not(.mobile){border:1px solid #5865f2}.icon-notification[data-v-d75a188d]:hover:not(.active):not(.mobile):before{opacity:1}.icon-notification.active[data-v-d75a188d]{background-color:#5865f2}.icon-notification__header[data-v-d75a188d]{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.icon-notification__header.has-notification>img[data-v-d75a188d]{animation:shake 1s ease-in-out infinite,hot-flash 1s ease-in-out infinite}.icon-notification__header>img[data-v-d75a188d]{height:20px;width:20px}.icon-notification.mobile[data-v-d75a188d]{border-radius:2.1333333333vw;height:8vw;width:8vw}.icon-notification.mobile .notification__header>img[data-v-d75a188d]{height:5.8666666667vw;width:5.8666666667vw}.icon-notification.mobile .notification__header .tooltip-box[data-v-d75a188d]{display:none}.user-info[data-v-7b8404ff]{align-items:center;display:flex;gap:12px;position:relative;z-index:9}.user-info .block-notification[data-v-7b8404ff]{cursor:pointer}.user-info__menu[data-v-7b8404ff]{align-items:center;display:flex;flex-direction:row;position:relative}.user-info__menu-icon[data-v-7b8404ff]{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-7b8404ff]{height:36px;width:36px}.user-info__menu .icon-caret-down[data-v-7b8404ff]:before{color:#bfc0c1;cursor:pointer}.user-info__menu .icon-caret-down[data-v-7b8404ff]{transition:all .3s ease}.user-info__menu.active .icon-caret-down[data-v-7b8404ff]{transform:rotate(180deg)}.user-info__menu.active .icon-caret-down[data-v-7b8404ff]:before{color:#5865f2}.user-info__wrap[data-v-7b8404ff]{background-color:transparent;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.user-info-balance[data-v-7b8404ff]{align-items:center;background-color:#12163a;border-radius:8px;color:#fee75c;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;line-height:24px;padding:4px 12px;white-space:nowrap}.user-info .btn[data-v-7b8404ff],.user-info button[data-v-7b8404ff]{height:36px;padding:0;width:97px}