.tabs-notification .tabs[data-v-a6f442cc]{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:0 16px}.tabs-notification .tabs .item[data-v-a6f442cc]{background-color:#101010;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:44px;line-height:20px;position:relative;text-align:center;width:50%}.tabs-notification .tabs .item[data-v-a6f442cc],.tabs-notification .tabs .item .total[data-v-a6f442cc]{align-items:center;border-radius:8px;display:flex;justify-content:center}.tabs-notification .tabs .item .total[data-v-a6f442cc]{background-color:#2b231b;font-size:10px;font-weight:700;height:12px;line-height:12px;position:absolute;right:5px;top:5px;width:26px}.tabs-notification .tabs .item.active[data-v-a6f442cc]{background-color:#fbb117;color:#101010;font-weight:700}.tabs-notification .tabs .item.active .total[data-v-a6f442cc]{color:#fff}@media screen and (min-width:1024px){.tabs-notification .tabs .item[data-v-a6f442cc]:hover:not(.tabs-notification .tabs .item.active){color:#fbb117}.tabs-notification .tabs .item:hover:not(.tabs-notification .tabs .item.active) .total[data-v-a6f442cc]{color:#fff}}@media (max-width:61.3025em){.tabs-notification .tabs[data-v-a6f442cc]{background-color:#1a1a1a;padding:2.1333333333vw 3.2vw}.tabs-notification .tabs .item[data-v-a6f442cc]{font-size:3.7333333333vw;font-weight:600;height:11.7333333333vw;line-height:5.3333333333vw}}.notify-item[data-v-0cba9c68]{background-color:#1a1a1a;border-bottom:1px solid #2b2b2b;cursor:pointer;padding:12px 16px 16px 24px;transition:all .3s}.notify-item.loading[data-v-0cba9c68]{opacity:.5;pointer-events:none}.notify-item[data-v-0cba9c68]:last-child{border-bottom:none}@media screen and (min-width:1024px){.notify-item[data-v-0cba9c68]:hover{background-color:#222}}.notify-item .wrapper-noti[data-v-0cba9c68]{display:flex;gap:16px;justify-content:space-between;position:relative}.notify-item .box-left[data-v-0cba9c68]{height:40px;min-width:40px;width:40px}.notify-item .box-left img[data-v-0cba9c68]{height:auto;width:100%}.notify-item .icon[data-v-0cba9c68]{position:absolute;right:0;top:0;z-index:1}.notify-item .icon[data-v-0cba9c68]:before{color:#888;font-size:20px}.notify-item .icon-unread[data-v-0cba9c68]{background-color:#fbb117;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-0cba9c68]{width:100%}.notify-item .box-right .box-content[data-v-0cba9c68]{margin-right:auto;max-width:300px}.notify-item .box-right .box-content .title[data-v-0cba9c68]{font-size:16px;font-weight:600;line-height:24px;margin-bottom:4px}.notify-item .box-right .box-content .date[data-v-0cba9c68]{color:#b0b0b0;font-size:12px;font-weight:400;line-height:16px;margin-bottom:4px}.notify-item .box-right .box-content .content[data-v-0cba9c68]{color:#b0b0b0;font-size:14px;font-weight:400;line-height:20px}.notify-item .box-right .box-content .content[data-v-0cba9c68] .positive{color:#12b76a;font-weight:700}.notify-item .box-right .box-content .content[data-v-0cba9c68] .negative{color:#f04438;font-weight:700}.notify-item .box-right .wrapper-button[data-v-0cba9c68]{display:flex;justify-content:flex-end;margin-top:12px}.notify-item .box-right .wrapper-button[data-v-0cba9c68] button{font-size:14px;font-weight:700;height:40px;line-height:20px;padding:0}@media (max-width:61.3025em){.notify-item[data-v-0cba9c68]{padding:3.2vw 4.2666666667vw 4.2666666667vw 6.1333333333vw}.notify-item .wrapper-noti[data-v-0cba9c68]{gap:3.2vw}.notify-item .wrapper-noti .icon-unread[data-v-0cba9c68]{height:1.6vw;left:-4vw;top:4.5333333333vw;width:1.6vw}.notify-item .wrapper-noti .icon[data-v-0cba9c68]:before{font-size:5.3333333333vw}.notify-item .wrapper-noti .box-left[data-v-0cba9c68]{height:10.6666666667vw;min-width:10.6666666667vw;width:10.6666666667vw}.notify-item .wrapper-noti .box-right .box-content[data-v-0cba9c68]{max-width:69.6vw}.notify-item .wrapper-noti .box-right .box-content .title[data-v-0cba9c68]{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-0cba9c68]{margin-bottom:1.0666666667vw}.notify-item .wrapper-noti .box-right .box-content .content[data-v-0cba9c68],.notify-item .wrapper-noti .box-right .box-content .date[data-v-0cba9c68]{font-size:3.2vw;font-weight:400;line-height:4.2666666667vw}.notify-item .wrapper-noti .box-right .box-content .content[data-v-0cba9c68] .positive,.notify-item .wrapper-noti .box-right .box-content .content[data-v-0cba9c68] .negative{font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw}.notify-item .wrapper-noti .box-right .wrapper-button[data-v-0cba9c68] button{font-size:3.7333333333vw;font-weight:700;height:10.6666666667vw;line-height:5.3333333333vw;width:21.3333333333vw}}.wrapper-notification[data-v-b6d2ea40]{background-color:#222;border-radius:8px;margin-top:10px;padding-top:16px;position:relative;width:420px}.wrapper-notification[data-v-b6d2ea40]:before{background-image:url(../assets/images/desktop/notification/icon/down.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:"";display:inline-block;height:10px;position:absolute;right:8px;top:-10px;width:20px}.wrapper-notification .heading[data-v-b6d2ea40]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 16px}.wrapper-notification .heading .title[data-v-b6d2ea40]{color:#fff;font-size:20px;font-weight:700;line-height:28px}.wrapper-notification .heading .box-mark-read[data-v-b6d2ea40]{height:24px;position:relative}.wrapper-notification .heading .box-mark-read.disabled[data-v-b6d2ea40]{pointer-events:none}.wrapper-notification .heading .box-mark-read.disabled .icon[data-v-b6d2ea40]:before{color:#3b3938}.wrapper-notification .heading .box-mark-read .icon[data-v-b6d2ea40]{cursor:pointer;display:inline-block;height:24px;width:24px}.wrapper-notification .heading .box-mark-read .icon[data-v-b6d2ea40]:before{font-size:24px}.wrapper-notification .heading .box-mark-read .icon:hover+.tooltip-custom[data-v-b6d2ea40]{opacity:1;visibility:visible}.wrapper-notification .heading .box-mark-read .tooltip-custom[data-v-b6d2ea40]{background-image:url(../assets/images/desktop/notification/bg/tooltip.webp);background-size:100% 100%;font-size:10px;font-weight:400;height:27px;line-height:12px;opacity:0;position:absolute;right:-5px;top:-24px;transition:all .3s;visibility:hidden;width:130px}.wrapper-notification .heading .box-mark-read .tooltip-custom span[data-v-b6d2ea40]{bottom:11px;position:absolute;right:6px}.wrapper-notification .heading .box-mark-read .icon-check-double:hover+.tooltip-custom[data-v-b6d2ea40]{display:block}.wrapper-notification .box-content[data-v-b6d2ea40]{border-radius:0 0 8px 8px;height:60dvh;margin-top:12px;max-height:700px;overflow-y:auto;position:relative}.wrapper-notification .box-content.loading[data-v-b6d2ea40]{color:transparent;overflow:hidden}.wrapper-notification .box-content[data-v-b6d2ea40]::-webkit-scrollbar{width:2px}.wrapper-notification .box-content[data-v-b6d2ea40]::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.wrapper-notification .box-content .empty-notification[data-v-b6d2ea40]{align-items:center!important;display:flex!important;flex-direction:column!important;gap:16px;padding-top:80px}.wrapper-notification .box-content .empty-notification img[data-v-b6d2ea40]{max-height:196px;max-width:196px}.wrapper-notification .box-content .empty-notification span[data-v-b6d2ea40]{font-size:16px;font-weight:600;line-height:24px}.wrapper-notification.mobile[data-v-b6d2ea40]{background:#1a1a1a;border-radius:0;height:calc(100dvh - 12.53333vw);margin-top:0;padding-top:0;width:100%}.wrapper-notification.mobile[data-v-b6d2ea40]:before{display:none}.wrapper-notification.mobile .box-tabs[data-v-b6d2ea40]{background:#1a1a1a;left:0;position:sticky;top:12.8vw;z-index:999}.wrapper-notification.mobile .box-content[data-v-b6d2ea40]{border-radius:0;height:100%;margin-top:0;max-height:calc(100dvh - 112px)}.wrapper-notification.mobile .box-content .empty-notification[data-v-b6d2ea40]{gap:4.2666666667vw;padding-top:21.3333333333vw}.wrapper-notification.mobile .box-content .empty-notification img[data-v-b6d2ea40]{max-height:52.2666666667vw;max-width:52.2666666667vw}.wrapper-notification.mobile .box-content .empty-notification span[data-v-b6d2ea40]{font-size:4.2666666667vw;font-weight:600;line-height:6.4vw}
