.tabs[data-v-014faf4e]{align-items:center;display:flex;gap:16px}.tabs .tab[data-v-014faf4e]{border:1px solid #595959;border-radius:999px;color:#a0a0a0;cursor:pointer;font-size:14px;font-weight:700;line-height:20px;padding:7px 8px;position:relative;transition:.3s}@media (min-width:1024px){.tabs .tab[data-v-014faf4e]:hover{color:#e04d53}}.tabs .tab.active[data-v-014faf4e]{background-color:#2c2c2c;border-color:#e04d53;color:#e04d53}.tabs .tab .number[data-v-014faf4e]{background-color:#d82128;border-radius:999px;color:#fff;font-size:10px;font-weight:700;line-height:12px;padding:2px 4px;position:absolute;right:-8px;text-align:center;top:-8px;width:25px}.mobile .tabs[data-v-014faf4e]{gap:2.1333333333vw}.mobile .tabs .tab[data-v-014faf4e]{border-radius:266.4vw;border-width:.2666666667vw;font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw;padding:1.8666666667vw 2.1333333333vw}.mobile .tabs .tab.active[data-v-014faf4e]{color:#e04d53}.mobile .tabs .tab .number[data-v-014faf4e]{border-radius:266.4vw;font-size:2.6666666667vw;font-weight:700;line-height:3.2vw;padding:.5333333333vw 1.0666666667vw;right:-2.1333333333vw;top:-2.1333333333vw;width:6.6666666667vw}.notification-item-wrapper[data-v-8957e500]{border-bottom:1px solid #2c2c2c;padding-bottom:12px}.notification-item-wrapper .notification-item[data-v-8957e500]{align-items:start;border-radius:8px;display:flex;gap:16px;padding:8px;position:relative;transition:.3s}.notification-item-wrapper .notification-item .icon[data-v-8957e500]{height:40px;width:40px}.notification-item-wrapper .notification-item.unread[data-v-8957e500]{cursor:pointer}.notification-item-wrapper .notification-item .button-navigate[data-v-8957e500]{display:flex;justify-content:flex-end}.notification-item-wrapper .notification-item .button-navigate .base-button[data-v-8957e500]{font-size:14px;font-weight:700;height:40px!important;line-height:20px;padding:0}.notification-item-wrapper .notification-item .detail[data-v-8957e500]{display:flex!important;flex:1;flex-direction:column!important;gap:12px}.notification-item-wrapper .notification-item .detail .top[data-v-8957e500]{align-items:start;display:flex;gap:4px}.notification-item-wrapper .notification-item .detail .top .info[data-v-8957e500]{display:flex!important;flex:1;flex-direction:column!important;gap:4px}.notification-item-wrapper .notification-item .detail .top .info .name[data-v-8957e500]{color:#fff;font-size:16px;font-weight:600;line-height:24px}.notification-item-wrapper .notification-item .detail .top .info .time[data-v-8957e500]{color:#a0a0a0;font-size:12px;font-weight:400;line-height:16px}.notification-item-wrapper .notification-item .detail .top .info .description[data-v-8957e500]{color:#bfbfbf;font-size:14px;font-weight:400;line-height:20px}.notification-item-wrapper .notification-item .detail .top .info .description ul[data-v-8957e500]{list-style-type:none;margin:0;padding:0}.notification-item-wrapper .notification-item .detail .top .info .description[data-v-8957e500] .negative{color:#dc3333;font-size:14px;font-weight:700;line-height:16px}.notification-item-wrapper .notification-item .detail .top .info .description[data-v-8957e500] .positive,.notification-item-wrapper .notification-item .detail .top .info .description[data-v-8957e500] span{color:#00e92f;font-size:14px;font-weight:700;line-height:16px}.notification-item-wrapper .notification-item .detail .top .icon-trash-2[data-v-8957e500]{cursor:pointer;font-size:20px}.notification-item-wrapper .notification-item .unread-dot[data-v-8957e500]{background-color:#80c042;border-radius:50%;height:6px;left:-13px;position:absolute;top:25px;width:6px}@media (min-width:1024px){.notification-item-wrapper .notification-item[data-v-8957e500]:hover{background-color:#2c2c2c}}.mobile .notification-item-wrapper[data-v-8957e500]{border-bottom:.2666666667vw solid #2c2c2c;padding-bottom:1.8666666667vw}.mobile .notification-item-wrapper .notification-item[data-v-8957e500]{border-radius:2.1333333333vw;gap:3.2vw;padding:2.1333333333vw}.mobile .notification-item-wrapper .notification-item .icon[data-v-8957e500]{height:10.6666666667vw;width:10.6666666667vw}.mobile .notification-item-wrapper .notification-item .button-navigate .base-button[data-v-8957e500]{font-size:3.2vw;font-weight:700;height:9.6vw!important;line-height:4.2666666667vw;padding:8px}.mobile .notification-item-wrapper .notification-item .detail[data-v-8957e500]{display:flex!important;flex:1;flex-direction:column!important;gap:3.2vw}.mobile .notification-item-wrapper .notification-item .detail .top[data-v-8957e500]{align-items:start;display:flex;gap:1.0666666667vw}.mobile .notification-item-wrapper .notification-item .detail .top .info[data-v-8957e500]{display:flex!important;flex-direction:column!important;gap:1.0666666667vw}.mobile .notification-item-wrapper .notification-item .detail .top .info .name[data-v-8957e500]{color:#fff;font-size:3.7333333333vw;font-weight:600;line-height:5.3333333333vw}.mobile .notification-item-wrapper .notification-item .detail .top .info .time[data-v-8957e500]{color:#a0a0a0;font-size:3.2vw;font-weight:400;line-height:4.2666666667vw}.mobile .notification-item-wrapper .notification-item .detail .top .info .description[data-v-8957e500]{color:#bfbfbf;font-size:3.7333333333vw;font-weight:400;line-height:5.3333333333vw}.mobile .notification-item-wrapper .notification-item .detail .top .info .description[data-v-8957e500] .negative,.mobile .notification-item-wrapper .notification-item .detail .top .info .description[data-v-8957e500] .positive,.mobile .notification-item-wrapper .notification-item .detail .top .info .description[data-v-8957e500] span{font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw}.mobile .notification-item-wrapper .notification-item .detail .top .icon-trash-2[data-v-8957e500]{cursor:pointer;font-size:5.3333333333vw}.mobile .notification-item-wrapper .notification-item .unread-dot[data-v-8957e500]{height:1.6vw;left:-3.4666666667vw;top:6.6666666667vw;width:1.6vw}.notification-empty[data-v-32121d4e]{align-items:center;display:flex!important;flex-direction:column;gap:10px;margin-top:-4px;padding-bottom:80px;padding-top:150px}.notification-empty img[data-v-32121d4e]{height:128px;width:128px}.notification-empty p[data-v-32121d4e]{color:#bfbfbf;font-size:16px;font-weight:400;line-height:24px}.mobile .notification-empty[data-v-32121d4e]{gap:2.6666666667vw;margin-top:-1.0666666667vw;padding-bottom:21.3333333333vw;padding-top:40vw}.mobile .notification-empty img[data-v-32121d4e]{height:34.1333333333vw;width:34.1333333333vw}.mobile .notification-empty p[data-v-32121d4e]{font-size:4.2666666667vw;font-weight:400;line-height:6.4vw}