.user-menu[data-v-bb6eae30]{background-color:#12163a;border-radius:12px;box-shadow:0 4px 12px #00000029;display:none;flex-direction:column;gap:12px;height:0;padding:16px;position:absolute;right:0;top:43px;width:0}.user-menu__wrap-info[data-v-bb6eae30]{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.user-menu__wrap-info-name[data-v-bb6eae30]{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-bb6eae30]{color:#313545;font-size:12px;font-weight:400;line-height:18px;margin-top:2px;width:160px}.user-menu__wrap-info-coin[data-v-bb6eae30]{color:#fff;font-size:18px;font-weight:700;line-height:20px}.user-menu__mission[data-v-bb6eae30]{display:flex;flex-direction:column;gap:12px}.user-menu__mission-title[data-v-bb6eae30]{color:#313545;font-size:16px;font-weight:700;line-height:20px}.user-menu__mission-item[data-v-bb6eae30]{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-bb6eae30]{font-size:16px}.user-menu__mission-item .item-icon[data-v-bb6eae30]:before{color:#444a50;content:""}.user-menu__mission-item.active[data-v-bb6eae30]{color:#fff}.user-menu__mission-item.active .item-icon[data-v-bb6eae30]:before{color:#2dc770;content:""}.user-menu__action[data-v-bb6eae30]{background-color:#090a18;border-radius:12px}.user-menu__action-item[data-v-bb6eae30]{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-bb6eae30]:before{color:#bfc0c1;font-size:24px}.user-menu__action-item[data-v-bb6eae30]:hover{background-color:#303885;color:#fff}.user-menu__action-item:hover .icon-history[data-v-bb6eae30]:before,.user-menu__action-item:hover .icon-user[data-v-bb6eae30]:before{color:#fff}.user-menu__action-item[data-v-bb6eae30]:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.user-menu__action-item[data-v-bb6eae30]:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.user-menu__footer[data-v-bb6eae30]{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.user-menu__footer .icon-support[data-v-bb6eae30]:before{color:#2dc770;font-size:24px}.user-menu__footer-logout[data-v-bb6eae30]{align-items:center;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:flex-end;position:relative;width:36px}.user-menu__footer-logout .logout-icon[data-v-bb6eae30]:before{color:#bfc0c1}.user-menu__footer-logout:hover .logout-icon[data-v-bb6eae30]:before{color:#7984f5}.user-menu__footer-logout:hover .logout-tooltip[data-v-bb6eae30]{display:flex}.user-menu__footer-logout .logout-tooltip[data-v-bb6eae30]{align-items:center;background:#1a1e49;border-radius:4px;color:#fff;display:none;font-family:Roboto!important;font-size:14px;font-weight:400;justify-content:center;left:-12px;line-height:20px;min-width:71px;padding:4px;position:absolute;top:41px;transition:all .3s;white-space:nowrap;z-index:10}.user-menu__footer-logout .logout-tooltip[data-v-bb6eae30]:before{border-bottom:6px solid #1a1e49;border-left:6px solid transparent;border-right:6px solid transparent;content:"";height:0;left:50%;position:absolute;top:-6px;transform:translate(-50%);width:0;z-index:2}.user-menu__vip[data-v-bb6eae30]{background:#303885;border:1px solid transparent;border-radius:12px;height:64px;padding:8px}.user-menu__vip .content[data-v-bb6eae30]{align-items:center;display:flex;gap:8px;min-width:236px}.user-menu__vip .content .icon[data-v-bb6eae30]{height:48px;width:48px}.user-menu__vip .content .name[data-v-bb6eae30]{color:#fff;font-size:14px;font-weight:700;line-height:20px;margin-bottom:4px}.user-menu__vip .content .info[data-v-bb6eae30]{flex:1}.user-menu__vip .content .number[data-v-bb6eae30]{align-items:center;color:#f7f7f8;display:flex;font-size:14px;font-weight:400;justify-content:space-between;line-height:20px}.user-menu__vip .content .number .point[data-v-bb6eae30]{align-items:center;color:#fee75c;display:flex;font-size:14px;font-weight:700;gap:4px;line-height:20px}.user-menu__vip .content .number .point img[data-v-bb6eae30]{height:16px;width:16px}.user-menu__vip[data-v-bb6eae30]:hover{border:1px solid #7984f5}.user-menu[data-v-bb6eae30] .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-bb6eae30] .base-button .base-button--content{font-weight:700;gap:8px!important}.icon-notification[data-v-a0020234]{align-items:center;background-color:#0e0f25;border-radius:8px;display:flex;height:36px;justify-content:center;position:relative;transition:all .1s ease-in-out;width:36px}.icon-notification[data-v-a0020234]:hover:not(.active):not(.mobile){border:1px solid #5865f2}.icon-notification.active[data-v-a0020234]{background-color:#5865f2}.icon-notification__header[data-v-a0020234]{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.icon-notification__header.has-notification>img[data-v-a0020234]{animation:shake 1s ease-in-out infinite,hot-flash 1s ease-in-out infinite}.icon-notification__header>img[data-v-a0020234]{height:20px;width:20px}.icon-notification__tooltip[data-v-a0020234]{align-items:center;background:#1a1e49;border-radius:4px;color:#fff;display:none;font-family:Roboto!important;font-size:14px;font-weight:400;justify-content:center;left:50%;line-height:20px;min-width:88px;padding:4px;position:absolute;top:46px;transform:translate(-50%);transition:all .3s;white-space:nowrap;z-index:10}.icon-notification__tooltip[data-v-a0020234]:before{border-bottom:6px solid #1a1e49;border-left:6px solid transparent;border-right:6px solid transparent;content:"";height:0;left:50%;position:absolute;top:-6px;transform:translate(-50%);width:0;z-index:2}.icon-notification:hover:not(.mobile) .icon-notification__tooltip[data-v-a0020234]{display:flex}.icon-notification.mobile[data-v-a0020234]{border-radius:2.1333333333vw;height:8vw;width:8vw}.icon-notification.mobile .notification__header>img[data-v-a0020234]{height:5.8666666667vw;width:5.8666666667vw}.icon-notification.mobile .notification__header .tooltip-box[data-v-a0020234]{display:none}.icon-notification.mobile .icon-notification__tooltip[data-v-a0020234]{display:none!important}.user-info[data-v-b93987e3]{align-items:center;display:flex;gap:12px;position:relative;z-index:9}.user-info .block-notification[data-v-b93987e3]{cursor:pointer}.user-info__menu-wrapper[data-v-b93987e3]{align-items:flex-end;display:flex;flex-direction:column;position:relative}.user-info__menu-wrapper:hover .user-info__menu-dropdown[data-v-b93987e3]{display:flex;height:-moz-fit-content;height:fit-content;width:284px;z-index:1}.user-info__menu-wrapper:hover .menu-icon-active[data-v-b93987e3]{display:block}.user-info__menu-wrapper:hover .menu-icon-inactive[data-v-b93987e3]{display:none}.user-info__menu[data-v-b93987e3]{align-items:center;display:flex;flex-direction:row;position:relative;z-index:1}.user-info__menu-icon[data-v-b93987e3]{align-items:center;border-radius:36px;cursor:pointer;display:flex;font-size:20px;justify-content:center;transition:all .3s ease}.user-info__menu-icon .menu-icon-active[data-v-b93987e3]{display:none}.user-info__menu-icon img[data-v-b93987e3]{height:36px;width:36px}.user-info__menu .caret-down-icon[data-v-b93987e3]{transition:all .3s ease}.user-info__menu .caret-down-icon[data-v-b93987e3]:before{color:#bfc0c1;cursor:pointer}.user-info__menu-dropdown[data-v-b93987e3]:before{background:transparent;content:"";height:20px;left:0;position:absolute;right:0;top:-20px;z-index:-1}.user-info__wrap[data-v-b93987e3]{background-color:transparent;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.user-info-balance[data-v-b93987e3]{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-b93987e3],.user-info button[data-v-b93987e3]{height:36px;padding:0;width:97px}