.tabs-notification .tabs[data-v-beb5acbb]{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px;padding:0 16px}.tabs-notification .tabs .item[data-v-beb5acbb]{align-items:center;border-radius:8px;color:#afb6bd;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;line-height:24px;position:relative;text-align:center;text-transform:capitalize;width:50%}.tabs-notification .tabs .item .total[data-v-beb5acbb]{align-items:center;background-color:#c01032;border-radius:999px;color:#f7f7f8;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:16px;position:absolute;right:5px;top:5px;width:26px}.tabs-notification .tabs .item.active[data-v-beb5acbb]{background-color:#1e2235;border:1px solid #ffc759;color:#ffc759}.tabs-notification .tabs .item.active .total[data-v-beb5acbb]{color:#f7f7f8}.tabs-notification .tabs .item[data-v-beb5acbb]:hover{color:#ffc759}@media screen and (min-width:1024px){.tabs-notification .tabs .item:hover:not(.tabs-notification .tabs .item.active) .total[data-v-beb5acbb]{color:#f7f7f8}}@media (max-width:500px){.tabs-notification .tabs[data-v-beb5acbb]{background-color:#1e2235;margin-bottom:0;padding:2.1333333333vw 3.2vw}.tabs-notification .tabs .item[data-v-beb5acbb]{height:12.8vw}.tabs-notification .tabs .item[data-v-beb5acbb]:hover:not(.tabs-notification .tabs .item.active){color:#afb6bd!important}}.notify-item[data-v-d467881f]{background-color:#141825;border-bottom:1px solid #394f7f;cursor:pointer;padding:12px 16px 16px 24px;transition:all .3s}.notify-item[data-v-d467881f]:hover{background-color:#1e2235}.notify-item.loading[data-v-d467881f]{opacity:.5;pointer-events:none}.notify-item .wrapper-noti[data-v-d467881f]{display:flex;gap:16px;justify-content:space-between;position:relative}.notify-item .box-left[data-v-d467881f]{height:40px;min-width:40px;width:40px}.notify-item .box-left img[data-v-d467881f]{height:auto;width:100%}.notify-item .icon[data-v-d467881f]{height:24px;position:absolute;right:0;top:0;width:24px;z-index:1}.notify-item .icon[data-v-d467881f]:before{color:#7a8db6;font-size:20px}.notify-item .icon-unread[data-v-d467881f]{background-color:#ffc759;border-radius:10px;display:inline-block;height:6px;left:-15px;position:absolute;top:17px;width:6px;z-index:1}.notify-item .box-right[data-v-d467881f]{width:100%}.notify-item .box-right .box-content[data-v-d467881f]{margin-right:auto;max-width:300px}.notify-item .box-right .box-content .title[data-v-d467881f]{color:#f7f7f8;font-size:16px;font-weight:700;line-height:24px;margin-bottom:4px}.notify-item .box-right .box-content .date[data-v-d467881f]{color:#afb6bd;font-size:12px;font-weight:400;line-height:16px;margin-bottom:4px}.notify-item .box-right .box-content .content[data-v-d467881f]{color:#afb6bd;font-size:14px;font-weight:400;line-height:16px;line-height:20px}.notify-item .box-right .box-content .content[data-v-d467881f] .positive{color:#00e92f;font-weight:700!important}.notify-item .box-right .box-content .content[data-v-d467881f] .negative{color:#f63f55;font-weight:700!important}.notify-item .box-right .wrapper-button[data-v-d467881f]{display:flex;justify-content:flex-end;margin-top:12px}.notify-item .box-right .wrapper-button[data-v-d467881f] button{background:linear-gradient(90deg,#ffeec6,#ffc759);height:44px;padding:0}@media (max-width:500px){.notify-item[data-v-d467881f]{padding:3.2vw 4.2666666667vw 4.2666666667vw 6.1333333333vw}.notify-item[data-v-d467881f]:first-child{border-top:none}.notify-item[data-v-d467881f]:hover{background-color:unset}.notify-item .wrapper-noti[data-v-d467881f]{gap:3.2vw}.notify-item .wrapper-noti .icon-unread[data-v-d467881f]{height:1.6vw;left:-4vw;top:4.5333333333vw;width:1.6vw}.notify-item .wrapper-noti .icon[data-v-d467881f]:before{font-size:5.3333333333vw}.notify-item .wrapper-noti .box-left[data-v-d467881f]{height:10.6666666667vw;min-width:10.6666666667vw;width:10.6666666667vw}.notify-item .wrapper-noti .box-right .box-content[data-v-d467881f]{max-width:69.6vw}.notify-item .wrapper-noti .box-right .box-content .title[data-v-d467881f]{font-size:3.2vw;font-weight:700;line-height:4.2666666667vw;margin-bottom:1.0666666667vw}.notify-item .wrapper-noti .box-right .box-content .date[data-v-d467881f]{margin-bottom:1.0666666667vw}.notify-item .wrapper-noti .box-right .box-content .content[data-v-d467881f],.notify-item .wrapper-noti .box-right .box-content .date[data-v-d467881f]{font-size:3.2vw;font-weight:400;line-height:4.2666666667vw}.notify-item .wrapper-noti .box-right .box-content .content[data-v-d467881f] .positive,.notify-item .wrapper-noti .box-right .box-content .content[data-v-d467881f] .negative{font-size:14px;font-weight:400;line-height:16px}.notify-item .wrapper-noti .box-right .wrapper-button[data-v-d467881f] button{border-radius:2.1333333333vw;height:10.6666666667vw;width:21.3333333333vw}.notify-item .wrapper-noti .box-right .wrapper-button[data-v-d467881f] button .backdrop-btn{background-color:unset}}@media (max-width:375px){.notify-item[data-v-d467881f]:last-child{margin-bottom:8px}}.wrapper-notification[data-v-c7b0b745]{background-color:#1e2235;border:1px solid #394f7f;border-radius:16px;height:800px;overflow:hidden;padding-top:16px;position:relative;width:420px}@media screen and (max-height:900px){.wrapper-notification[data-v-c7b0b745]{height:700px}}@media screen and (max-height:800px){.wrapper-notification[data-v-c7b0b745]{height:600px}}@media screen and (max-height:700px){.wrapper-notification[data-v-c7b0b745]{height:550px}}.wrapper-notification .heading[data-v-c7b0b745]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 16px}.wrapper-notification .heading .title[data-v-c7b0b745]{color:#f7f7f8;font-size:20px;font-weight:700;line-height:24px}.wrapper-notification .heading .box-mark-read[data-v-c7b0b745]{height:24px;position:relative}.wrapper-notification .heading .box-mark-read .tooltip-box[data-v-c7b0b745]{align-items:flex-end;background-image:url(../assets/images/components/common/user/mark-read.webp);background-size:100% 100%;color:#f7f7f8;display:flex;height:27px;justify-content:center;opacity:0;position:absolute;right:-3px;top:20px;transition:all .3s ease-in-out;visibility:hidden;width:116px;z-index:1}.wrapper-notification .heading .box-mark-read .tooltip-box.show-noti[data-v-c7b0b745]:hover{overflow:hidden}.wrapper-notification .heading .box-mark-read:hover .tooltip-box[data-v-c7b0b745]{opacity:1;visibility:visible}.wrapper-notification .heading .box-mark-read img[data-v-c7b0b745]{height:24px;width:24px}.wrapper-notification .heading .box-mark-read img.disabled[data-v-c7b0b745]{filter:brightness(.5)}.wrapper-notification .heading .box-mark-read.disabled[data-v-c7b0b745]{pointer-events:none}.wrapper-notification .heading .box-mark-read.disabled .icon[data-v-c7b0b745]:before{color:red}.wrapper-notification .heading .box-mark-read .icon[data-v-c7b0b745]{cursor:pointer;display:inline-block;height:24px;width:24px}.wrapper-notification .heading .box-mark-read .icon[data-v-c7b0b745]:before{font-size:24px}.wrapper-notification .box-content[data-v-c7b0b745]{background-color:#141825;border-radius:0 0 8px 8px;height:100dvh;max-height:calc(100% - 95px);overflow-y:auto;position:relative}.wrapper-notification .box-content.loading[data-v-c7b0b745]{color:transparent;overflow:hidden}.wrapper-notification .box-content[data-v-c7b0b745]::-webkit-scrollbar{width:2px}.wrapper-notification .box-content[data-v-c7b0b745]::-webkit-scrollbar-thumb{background:#92929e;border-radius:10px}.wrapper-notification .box-content .empty-notification[data-v-c7b0b745]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding-top:80px}.wrapper-notification .box-content .empty-notification .empty-img[data-v-c7b0b745]{height:160px;width:160px}.wrapper-notification .box-content .empty-notification .empty-img img[data-v-c7b0b745]{max-height:160px;max-width:160px}.wrapper-notification .box-content .empty-notification span[data-v-c7b0b745]{color:#f7f7f8;font-size:16px;font-weight:700;line-height:24px}@media (max-width:500px){.wrapper-notification[data-v-c7b0b745]{background:#141825;border-radius:0;height:calc(100dvh - 13.86667vw);margin-top:0;padding-top:0;width:100%}.wrapper-notification[data-v-c7b0b745]:before{display:none}.wrapper-notification .box-tabs[data-v-c7b0b745]{background:#141825;left:0;position:sticky;top:0;z-index:999}.wrapper-notification .box-content[data-v-c7b0b745]{border-radius:0;height:100%;margin-top:0;max-height:calc(100dvh - 49.6vw)}.wrapper-notification .box-content .empty-notification[data-v-c7b0b745]{gap:4.2666666667vw;padding-top:21.3333333333vw}.wrapper-notification .box-content .empty-notification .empty-img[data-v-c7b0b745]{height:37.3333333333vw;width:37.3333333333vw}.wrapper-notification .box-content .empty-notification .empty-img img[data-v-c7b0b745]{max-height:37.3333333333vw;max-width:37.3333333333vw}.wrapper-notification .box-content .empty-notification span[data-v-c7b0b745]{font-size:3.7333333333vw;font-weight:600;line-height:5.3333333333vw}.wrapper-notification .box-mark-read[data-v-c7b0b745]{background-color:#1e2235;bottom:0;height:80px;left:0;padding:8px 16px;position:sticky;z-index:999}.wrapper-notification .box-mark-read-content[data-v-c7b0b745]{align-items:center;border:1px solid #ffc759;border-radius:999px;display:flex;gap:8px;justify-content:center;padding:9px 16px}.wrapper-notification .box-mark-read-content img[data-v-c7b0b745]{height:20px;width:20px}.wrapper-notification .box-mark-read-content .text[data-v-c7b0b745]{color:#ffc759;font-size:3.7333333333vw;font-weight:600;line-height:5.3333333333vw}.wrapper-notification .box-mark-read-content .text.disabled[data-v-c7b0b745]{color:#747483}.wrapper-notification .box-mark-read-content.disabled[data-v-c7b0b745]{border:1px solid #5e5f6b}}@media (max-width:61.3025em){.wrapper-notification[data-v-c7b0b745]{border:none}}