.tabs-notification .tabs[data-v-97baa94a]{align-items:center;display:flex;gap:8px;padding:0 16px}.tabs-notification .tabs .item[data-v-97baa94a]{align-items:center;background-color:#283145;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;height:36px;justify-content:center;line-height:20px;padding:8px;position:relative;text-align:center;transition:color .3s;width:-moz-fit-content;width:fit-content}.tabs-notification .tabs .item[data-v-97baa94a]:hover:not(.active){color:#2dfb79}.tabs-notification .tabs .item.active[data-v-97baa94a]{background-color:#009c3b}.tabs-notification .tabs .item.disabled[data-v-97baa94a]{opacity:.5;pointer-events:none}.tabs-notification .tabs .item .total[data-v-97baa94a]{background:linear-gradient(180deg,#ea290e,#ea780e);border-radius:999px;color:#fff;font-family:Nunito,sans-serif;font-size:10px;font-weight:700;height:16px;line-height:16px;position:absolute;right:-8px;top:-8px;width:25px}@media screen and (max-width:768px){.tabs-notification .tabs[data-v-97baa94a]{background-color:#020d24;padding:4.2666666667vw}.tabs-notification .tabs .item[data-v-97baa94a]{font-family:Nunito,sans-serif;font-size:3.7333333333vw;font-weight:700;height:9.6vw;line-height:5.3333333333vw}.tabs-notification .tabs .item .total[data-v-97baa94a]{font-family:Nunito,sans-serif;font-size:2.6666666667vw;font-weight:700;height:4.2666666667vw;line-height:4.2666666667vw;top:-1.8666666667vw;width:6.6666666667vw}}.notify-item[data-v-2a6c016d]{border-bottom:1px solid #38496c;cursor:pointer;margin:0 16px 12px;padding-bottom:10px;position:relative;transition:all .3s}.notify-item[data-v-2a6c016d]:last-child{border-bottom:none;padding-bottom:0}.notify-item.loading[data-v-2a6c016d]{opacity:.5;pointer-events:none}.notify-item .wrapper-noti-item[data-v-2a6c016d]{border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:4px;position:relative;transition:all .3s}@media screen and (min-width:1024px){.notify-item .wrapper-noti-item[data-v-2a6c016d]:hover{background-color:#283145}}.notify-item .box-left[data-v-2a6c016d]{height:40px;min-width:40px;width:40px}.notify-item .box-left img[data-v-2a6c016d]{height:auto;width:100%}.notify-item .box-right[data-v-2a6c016d]{width:100%}.notify-item .box-right .box-content[data-v-2a6c016d]{margin-right:auto;max-width:300px}.notify-item .box-right .box-content .title[data-v-2a6c016d]{font-family:BaiJamjuree;font-size:16px;font-weight:600;line-height:24px;margin-bottom:4px}.notify-item .box-right .box-content .date[data-v-2a6c016d]{color:#808691;font-family:Nunito,sans-serif;font-size:12px;font-weight:400;line-height:16px;margin-bottom:4px}.notify-item .box-right .box-content .content[data-v-2a6c016d]{color:#788fb8;font-family:Nunito,sans-serif;font-size:14px;font-weight:400;line-height:20px}.notify-item .box-right .box-content .content[data-v-2a6c016d] .positive{color:#00e92f;font-weight:700}.notify-item .box-right .box-content .content[data-v-2a6c016d] .negative{color:#ea290e;font-weight:700}.notify-item .box-right .wrapper-button[data-v-2a6c016d]{display:flex;justify-content:flex-end;margin-top:12px}.notify-item .box-right .wrapper-button[data-v-2a6c016d] button{border-radius:8px;height:36px}.notify-item .box-right .wrapper-button[data-v-2a6c016d] button .base-button--content{font-family:Nunito,sans-serif;font-size:12px;font-weight:700;line-height:16px}.notify-item .icon[data-v-2a6c016d]{position:absolute;right:4px;top:4px;z-index:1}.notify-item .icon[data-v-2a6c016d]:before{font-size:20px}.notify-item .icon-unread[data-v-2a6c016d]{background-color:#00bf44;border-radius:10px;display:inline-block;height:6px;left:-10px;position:absolute;top:21px;width:6px;z-index:1}@media screen and (max-width:768px){.notify-item[data-v-2a6c016d]{margin:0 4.2666666667vw 2.1333333333vw;padding:0 0 2.1333333333vw}.notify-item .icon-unread[data-v-2a6c016d]{height:1.6vw;top:4.5333333333vw;width:1.6vw}.notify-item .wrapper-noti-item[data-v-2a6c016d]{gap:3.2vw;padding:1.0666666667vw}.notify-item .wrapper-noti-item .icon[data-v-2a6c016d]:before{font-size:5.3333333333vw}.notify-item .wrapper-noti-item .box-left[data-v-2a6c016d]{height:10.6666666667vw;min-width:10.6666666667vw;width:10.6666666667vw}.notify-item .wrapper-noti-item .box-right .box-content[data-v-2a6c016d]{max-width:69.6vw}.notify-item .wrapper-noti-item .box-right .box-content .title[data-v-2a6c016d]{font-family:Nunito,sans-serif;font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw;margin-bottom:1.0666666667vw}.notify-item .wrapper-noti-item .box-right .box-content .date[data-v-2a6c016d]{font-family:Nunito,sans-serif;font-size:3.2vw;font-weight:400;line-height:4.2666666667vw;margin-bottom:1.0666666667vw}.notify-item .wrapper-noti-item .box-right .box-content .content[data-v-2a6c016d]{font-family:Nunito,sans-serif;font-size:3.7333333333vw;font-weight:400;line-height:5.3333333333vw}.notify-item .wrapper-noti-item .box-right .wrapper-button[data-v-2a6c016d] button{height:9.6vw;padding:0}.notify-item .wrapper-noti-item .box-right .wrapper-button[data-v-2a6c016d] button .base-button--content{font-family:Nunito,sans-serif;font-size:3.2vw;font-weight:700;line-height:4.2666666667vw}}.wrapper-notification[data-v-65ae853e]{background-color:#0f192f;border-radius:8px;cursor:auto;margin-top:8px;padding-top:16px;position:absolute;top:44px;width:420px;z-index:9}@media screen and (max-width:1480px){.wrapper-notification[data-v-65ae853e]{right:0}.wrapper-notification[data-v-65ae853e]:before{left:auto!important;right:0}}.wrapper-notification[data-v-65ae853e]:before{background-image:url(../assets/images/common/polygon_notification.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:"";display:inline-block;height:10px;left:49%;position:absolute;top:-10px;transform:translate(-50%);width:20px}.wrapper-notification .heading[data-v-65ae853e]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 16px}.wrapper-notification .heading .title[data-v-65ae853e]{color:#fff;font-family:BaiJamjuree;font-size:20px;font-weight:700;line-height:28px}.wrapper-notification .heading .box-mark-read[data-v-65ae853e]{height:24px;position:relative}.wrapper-notification .heading .box-mark-read.disabled[data-v-65ae853e]{pointer-events:none}.wrapper-notification .heading .box-mark-read.disabled .icon[data-v-65ae853e]:before{color:#5b5f67}.wrapper-notification .heading .box-mark-read .icon[data-v-65ae853e]{cursor:pointer;display:inline-block;height:24px;width:24px}.wrapper-notification .heading .box-mark-read .icon[data-v-65ae853e]:before{font-size:24px}.wrapper-notification .heading .box-mark-read .icon[data-v-65ae853e]:hover:before{color:#00bf44}.wrapper-notification .heading .box-mark-read .icon:hover+.tooltip-custom[data-v-65ae853e]{opacity:1;visibility:visible}.wrapper-notification .heading .box-mark-read .tooltip-custom[data-v-65ae853e]{background-image:url(../assets/images/components/common/notification/marking.webp);background-size:100% 100%;height:31px;opacity:0;position:absolute;right:-7px;top:100%;transition:all .3s;visibility:hidden;width:116px}.wrapper-notification .box-content[data-v-65ae853e]{border-radius:0 0 8px 8px;height:65dvh;margin-top:12px;max-height:646px;overflow-y:auto;position:relative}.wrapper-notification .box-content.loading[data-v-65ae853e]{color:transparent;overflow:hidden}.wrapper-notification .box-content[data-v-65ae853e]::-webkit-scrollbar{width:2px}.wrapper-notification .box-content[data-v-65ae853e]::-webkit-scrollbar-thumb{background:#808691;border-radius:10px}.wrapper-notification .box-content .empty-notification[data-v-65ae853e]{align-items:center!important;display:flex!important;flex-direction:column!important;gap:10px;height:100%;justify-content:center!important}@media (min-height:900px){.wrapper-notification .box-content .empty-notification[data-v-65ae853e]{align-items:center!important;display:flex!important;flex-direction:column!important;height:auto;padding-top:7.8125vw}}.wrapper-notification .box-content .empty-notification img[data-v-65ae853e]{max-height:128px;max-width:128px}.wrapper-notification .box-content .empty-notification span[data-v-65ae853e]{color:#788fb8;font-family:Nunito,sans-serif;font-size:16px;font-weight:400;line-height:24px}@media screen and (max-width:768px){.wrapper-notification[data-v-65ae853e]{background-color:#020d24;border-radius:0;height:calc(100dvh - 18.13333vw);margin-top:0;padding-top:0;top:18.1333333333vw;width:100%}.wrapper-notification[data-v-65ae853e]:before{display:none}.wrapper-notification .box-tabs[data-v-65ae853e]{background:#0f192f;left:0;position:sticky;top:12.8vw;z-index:999}.wrapper-notification .box-content[data-v-65ae853e]{border-radius:0;height:100%;margin-top:0;max-height:calc(100dvh - 58.93333vw)}.wrapper-notification .box-content .empty-notification[data-v-65ae853e]{gap:2.6666666667vw;justify-content:flex-start!important;padding-top:40vw}.wrapper-notification .box-content .empty-notification img[data-v-65ae853e]{max-height:21.3333333333vw;max-width:21.3333333333vw}.wrapper-notification .box-content .empty-notification span[data-v-65ae853e]{color:#788fb8;font-family:Nunito,sans-serif;font-size:3.7333333333vw;font-weight:400;line-height:5.3333333333vw}.wrapper-notification .box-footer[data-v-65ae853e]{align-items:center;background-color:#0f192f;border-top:1px solid #394156;display:flex;justify-content:center;padding:6.4vw 0;z-index:999}.wrapper-notification .box-footer.disabled .base-button[data-v-65ae853e]{background-color:#394156;pointer-events:none}.wrapper-notification .box-footer.disabled .base-button span[data-v-65ae853e]:before,.wrapper-notification .box-footer.disabled .base-button[data-v-65ae853e]>*{color:#5b5f67}.wrapper-notification .box-footer .base-button[data-v-65ae853e]{font-family:Nunito,sans-serif;font-size:3.2vw;font-weight:700;height:9.6vw;line-height:4.2666666667vw;width:53.8666666667vw}.wrapper-notification .box-footer .base-button span[data-v-65ae853e]:before{font-size:4.2666666667vw}}