.user-menu[data-v-1f11d3b0]{background-color:#2c2c2c;border-bottom-left-radius:8px;border-bottom-right-radius:8px;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:54px;width:284px}.user-menu.show[data-v-1f11d3b0]{height:-moz-fit-content;height:fit-content;opacity:1;overflow:visible}.user-menu__wrap-info[data-v-1f11d3b0]{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.user-menu__wrap-info-name[data-v-1f11d3b0]{color:#fff;font-size:16px;font-weight:600;line-height:20px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:160px}.user-menu__wrap-info-rank[data-v-1f11d3b0]{color:#313545;font-size:12px;font-weight:400;line-height:18px;margin-top:2px;width:160px}.user-menu__wrap-info-coin[data-v-1f11d3b0]{color:#fff;font-size:18px;font-weight:700;line-height:20px}.user-menu__mission[data-v-1f11d3b0]{display:flex;flex-direction:column;gap:12px}.user-menu__mission-title[data-v-1f11d3b0]{color:#313545;font-size:16px;font-weight:700;line-height:20px}.user-menu__mission-item[data-v-1f11d3b0]{align-items:center;color:#a0a0a0;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-1f11d3b0]{font-size:16px}.user-menu__mission-item .item-icon[data-v-1f11d3b0]:before{color:#595959;content:""}.user-menu__mission-item.active[data-v-1f11d3b0]{color:#fff}.user-menu__mission-item.active .item-icon[data-v-1f11d3b0]:before{color:#00e92f;content:""}.user-menu__action[data-v-1f11d3b0]{background-color:#222;border-radius:12px}.user-menu__action-item[data-v-1f11d3b0]{align-items:center;color:#fff;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-1f11d3b0]:before{color:#eaeaea;font-size:24px}.user-menu__action-item[data-v-1f11d3b0]:hover,.user-menu__action-item:hover .icon-history[data-v-1f11d3b0]:before,.user-menu__action-item:hover .icon-user[data-v-1f11d3b0]:before{color:#e04d53}.user-menu__action-item[data-v-1f11d3b0]:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.user-menu__action-item[data-v-1f11d3b0]:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.user-menu__footer[data-v-1f11d3b0]{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.user-menu__footer .icon-support[data-v-1f11d3b0]:before{color:#80c042;font-size:16px}.user-menu__footer-logout[data-v-1f11d3b0]{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-1f11d3b0]:before{color:#eaeaea}.user-menu[data-v-1f11d3b0] .base-button{font-size:12px!important}.user-menu[data-v-1f11d3b0] .base-button .base-button--content{gap:4px}.user-info__notification .badge[data-v-ce8fb0c9]{background-color:#2c2c2c;border-radius:8px;cursor:pointer;height:36px;padding:8px;position:relative;transition:.3s;width:36px}.user-info__notification .badge .icon-bell[data-v-ce8fb0c9]{font-size:20px;position:relative}.user-info__notification .badge .icon-bell.has-notification[data-v-ce8fb0c9]:after{background-color:#e04d53;border-radius:50%;content:"";height:8px;position:absolute;right:1px;top:1px;width:8px}.user-info__notification .badge.active[data-v-ce8fb0c9],.user-info__notification .badge.active[data-v-ce8fb0c9]:hover{background:#80c042}.user-info__notification .badge .tooltip-text[data-v-ce8fb0c9]{background-color:#181818;border-radius:4px;color:#fff;font-size:10px;font-weight:400;left:-28px;line-height:12px;opacity:0;padding:4px 6px;position:absolute;top:45px;transition:.3s;visibility:hidden;width:63px;z-index:2}.user-info__notification .badge .tooltip-text p[data-v-ce8fb0c9]{position:relative}.user-info__notification .badge .tooltip-text p .icon-tooltip-arrow[data-v-ce8fb0c9]{position:absolute;right:6px;top:-10px}.user-info__notification .badge .tooltip-text p .icon-tooltip-arrow[data-v-ce8fb0c9]:before{color:#181818}.user-info__notification .badge[data-v-ce8fb0c9]:hover{background-color:#00370b}.user-info__notification .badge:hover .tooltip-text[data-v-ce8fb0c9]{opacity:1;visibility:visible}.user-info__notification .content .overlay[data-v-ce8fb0c9]{background:#000000b2;height:calc(100vh - 72px);left:0;position:fixed;top:72px;width:100vw;z-index:100}.user-info__notification .content .notification-layout[data-v-ce8fb0c9]{background-color:#181818;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex!important;flex-direction:column!important;height:750px;max-height:calc(100vh - 82px);position:absolute;right:21.6%;top:72px;width:420px;z-index:101}.user-info__notification .content .notification-layout .notification-loading[data-v-ce8fb0c9]{height:100%}.user-info__notification .content .notification-layout .header[data-v-ce8fb0c9]{background-color:#181818;display:flex!important;flex-direction:column!important;gap:12px;padding:16px}.user-info__notification .content .notification-layout .header .title[data-v-ce8fb0c9]{align-items:center;display:flex;gap:10px;justify-content:space-between}.user-info__notification .content .notification-layout .header .title p[data-v-ce8fb0c9]{color:#fff;font-size:20px;font-weight:700;line-height:28px}.user-info__notification .content .notification-layout .header .title .noti-tooltip[data-v-ce8fb0c9]{position:relative}.user-info__notification .content .notification-layout .header .title .noti-tooltip .tooltip-text[data-v-ce8fb0c9]{background-color:#2c2c2c;border-radius:4px;opacity:0;padding:4px 6px;position:absolute;right:-6px;top:31px;transition:.3s;visibility:hidden;width:123px;z-index:1000}.user-info__notification .content .notification-layout .header .title .noti-tooltip .tooltip-text p[data-v-ce8fb0c9]{color:#fff;font-size:10px;font-weight:400;line-height:12px;position:relative;z-index:2}.user-info__notification .content .notification-layout .header .title .noti-tooltip .tooltip-text p .icon-tooltip-arrow[data-v-ce8fb0c9]{font-size:12px;position:absolute;right:6px;top:-10px;z-index:1}.user-info__notification .content .notification-layout .header .title .noti-tooltip .tooltip-text p .icon-tooltip-arrow[data-v-ce8fb0c9]:before{color:#2c2c2c}.user-info__notification .content .notification-layout .header .title .noti-tooltip .icon-check-bold[data-v-ce8fb0c9]{cursor:pointer;font-size:24px;position:relative}.user-info__notification .content .notification-layout .header .title .noti-tooltip .icon-check-bold[data-v-ce8fb0c9]:hover:before{color:#00c224}.user-info__notification .content .notification-layout .header .title .noti-tooltip:hover .tooltip-text[data-v-ce8fb0c9]{opacity:1;visibility:visible}.user-info__notification .content .notification-layout .header .title .noti-tooltip.disabled .icon-check-bold[data-v-ce8fb0c9]{cursor:default}.user-info__notification .content .notification-layout .header .title .noti-tooltip.disabled .icon-check-bold[data-v-ce8fb0c9]:before{color:#303030}.user-info__notification .content .notification-layout .notification-container[data-v-ce8fb0c9]{flex:1;overflow:hidden;padding-right:4px}.user-info__notification .content .notification-layout .notification-container .notifications[data-v-ce8fb0c9]{display:flex!important;flex-direction:column!important;gap:12px;height:100%;overflow:auto;padding:12px 8px 0 16px}.user-info__notification .content .notification-layout .notification-container .notifications[data-v-ce8fb0c9]::-webkit-scrollbar{width:4px}.user-info__notification .content .notification-layout .notification-container .notifications[data-v-ce8fb0c9]::-webkit-scrollbar-track{background:transparent;border-radius:10px}.user-info__notification .content .notification-layout .notification-container .notifications[data-v-ce8fb0c9]::-webkit-scrollbar-thumb{background:#595959;border-radius:20px;margin-right:4px}.user-info__notification .content .notification-layout .notification-container .notifications[data-v-ce8fb0c9] .notification-item-wrapper:last-child{border-bottom:none;padding-bottom:0}.user-info[data-v-f73854f3]{gap:12px}.user-info[data-v-f73854f3],.user-info__menu[data-v-f73854f3]{align-items:center;display:flex}.user-info__menu[data-v-f73854f3]{flex-direction:row;position:relative}.user-info__menu-icon[data-v-f73854f3]{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-f73854f3]{height:36px;width:36px}.user-info__menu .icon-caret-down[data-v-f73854f3]:before{color:#eaeaea;cursor:pointer}.user-info__menu .icon-caret-down[data-v-f73854f3]{transition:all .3s ease}.user-info__menu.active .icon-caret-down[data-v-f73854f3]{transform:rotate(180deg)}.user-info__wrap[data-v-f73854f3]{background-color:transparent;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.user-info-balance[data-v-f73854f3]{align-items:center;background-color:#2c2c2c;border-radius:8px;color:#fbc16c;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;line-height:24px;padding:6px 12px}.user-info[data-v-f73854f3] .base-button{font-size:16px;height:36px}