.notification-wrapper[data-v-6a46e5c8]{background:#121f3e;border-bottom:1px solid #555e76;padding:12px 12px 12px 8px;transition:.3s}.notification-wrapper[data-v-6a46e5c8]:hover{background-color:#1e2d51}.notification-wrapper[data-v-6a46e5c8]:last-child{border-bottom:none}.notification-wrapper .notification-item[data-v-6a46e5c8]{align-items:flex-start;border-radius:8px;display:flex;gap:16px;position:relative}.notification-wrapper .notification-item.unread[data-v-6a46e5c8]{cursor:pointer}.notification-wrapper .notification-item .icon-container[data-v-6a46e5c8]{align-items:center;display:flex;gap:8px;justify-content:center}.notification-wrapper .notification-item .icon-container .icon[data-v-6a46e5c8]{align-items:center;background:#1e3368;border-radius:4px;display:flex;height:40px;justify-content:center;width:40px}.notification-wrapper .notification-item .icon-container .icon img[data-v-6a46e5c8]{height:30px;width:30px}.notification-wrapper .notification-item .unread-dot[data-v-6a46e5c8]{background-color:#ff7238;border-radius:50%;height:6px;opacity:0;width:6px}.notification-wrapper .notification-item .unread-dot.not-viewed[data-v-6a46e5c8]{opacity:1}.notification-wrapper .notification-item .content[data-v-6a46e5c8]{display:flex!important;flex:1;flex-direction:column!important;gap:12px}.notification-wrapper .notification-item .content .info[data-v-6a46e5c8]{align-items:flex-start;color:#adb7cc;display:flex;gap:4px}.notification-wrapper .notification-item .content .info .detail[data-v-6a46e5c8]{display:flex!important;flex:1;flex-direction:column!important;gap:4px}.notification-wrapper .notification-item .content .info .detail .title[data-v-6a46e5c8]{color:#fff;font-family:Sarabun;font-size:16px;font-weight:600;line-height:24px}.notification-wrapper .notification-item .content .info .detail .time[data-v-6a46e5c8]{font-family:Sarabun;font-size:12px;font-weight:400;line-height:16px}.notification-wrapper .notification-item .content .info .detail .description[data-v-6a46e5c8]{font-family:Sarabun;font-size:14px;font-weight:400;line-height:20px}.notification-wrapper .notification-item .content .info .detail .description ul[data-v-6a46e5c8]{list-style-position:inside;margin:0;padding:0}.notification-wrapper .notification-item .content .info .detail .description[data-v-6a46e5c8] .positive,.notification-wrapper .notification-item .content .info .detail .description[data-v-6a46e5c8] span{color:#00e92f;font-family:Sarabun;font-size:14px;font-weight:700;line-height:20px}.notification-wrapper .notification-item .content .info .detail .description[data-v-6a46e5c8] .negative{color:#dc3333;font-family:Sarabun;font-size:14px;font-weight:700;line-height:20px}.notification-wrapper .notification-item .content .info .icon-close[data-v-6a46e5c8]{color:#adb7cc;cursor:pointer;height:20px;width:20px}.notification-wrapper .notification-item .content .button[data-v-6a46e5c8]{align-self:flex-end;background:#1396f8;border:none;border-radius:8px;font-family:Sarabun;font-size:14px;font-weight:600;line-height:20px;padding:0 20px;width:auto}.mobile .notification-wrapper[data-v-6a46e5c8]{border-bottom:.2666666667vw solid #555e76;padding:3.2vw 4.2666666667vw 3.2vw 2.1333333333vw}.mobile .notification-wrapper[data-v-6a46e5c8]:hover{background-color:#121f3e}.mobile .notification-wrapper .notification-item[data-v-6a46e5c8]{align-items:flex-start;display:flex;gap:3.2vw}.mobile .notification-wrapper .notification-item .unread-dot[data-v-6a46e5c8]{height:1.6vw;width:1.6vw}.mobile .notification-wrapper .notification-item .icon-container[data-v-6a46e5c8]{gap:2.1333333333vw}.mobile .notification-wrapper .notification-item .icon-container .icon[data-v-6a46e5c8]{height:10.6666666667vw;width:10.6666666667vw}.mobile .notification-wrapper .notification-item .icon-container .icon img[data-v-6a46e5c8]{height:8vw;width:8vw}.mobile .notification-wrapper .notification-item .content[data-v-6a46e5c8]{gap:3.2vw}.mobile .notification-wrapper .notification-item .content .info[data-v-6a46e5c8],.mobile .notification-wrapper .notification-item .content .info .detail[data-v-6a46e5c8]{gap:1.0666666667vw}.mobile .notification-wrapper .notification-item .content .info .detail .title[data-v-6a46e5c8]{font-family:Sarabun;font-size:3.2vw;font-weight:700;line-height:4.2666666667vw}.mobile .notification-wrapper .notification-item .content .info .detail .description[data-v-6a46e5c8],.mobile .notification-wrapper .notification-item .content .info .detail .time[data-v-6a46e5c8]{font-family:Sarabun;font-size:3.2vw;font-weight:400;line-height:4.2666666667vw}.mobile .notification-wrapper .notification-item .content .info .detail .description[data-v-6a46e5c8] .negative,.mobile .notification-wrapper .notification-item .content .info .detail .description[data-v-6a46e5c8] .positive,.mobile .notification-wrapper .notification-item .content .info .detail .description[data-v-6a46e5c8] span{font-family:Sarabun;font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw}.mobile .notification-wrapper .notification-item .content .info .icon-close[data-v-6a46e5c8]{height:5.3333333333vw;width:5.3333333333vw}.mobile .notification-wrapper .notification-item .content .button[data-v-6a46e5c8]{border-radius:1.0666666667vw;font-family:Sarabun;font-size:3.2vw;font-weight:600;line-height:4.2666666667vw;padding:0 5.3333333333vw}.mobile .notification-wrapper[data-v-6a46e5c8]:last-child{border-bottom:none}.tabs[data-v-6bf0c7a2]{gap:14px}.tabs[data-v-6bf0c7a2],.tabs .tab[data-v-6bf0c7a2]{align-items:center;display:flex}.tabs .tab[data-v-6bf0c7a2]{color:#fff;cursor:pointer;font-family:Sarabun;font-size:14px;font-weight:400;height:52px;justify-content:center;line-height:20px;overflow:hidden;position:relative;transition:.3s}.tabs .tab[data-v-6bf0c7a2]:before{background:transparent;border-radius:0 0 4px 4px;content:"";height:0;left:0;position:absolute;top:-4px;transition:all .3s ease;width:100%}.tabs .tab[data-v-6bf0c7a2]:not(.selected):hover{color:#42abf9}.tabs .tab.selected[data-v-6bf0c7a2]{font-family:Sarabun;font-size:14px;font-weight:700;line-height:20px}.tabs .tab.selected[data-v-6bf0c7a2]:before{background:linear-gradient(96.55deg,#6affff -14.63%,#06f 61.15%);height:4px;top:0}.tabs .tab.selected .number[data-v-6bf0c7a2]{color:#00e92f;font-weight:600;min-width:30px}.tabs .tab .number[data-v-6bf0c7a2],.tabs .tab.selected .number[data-v-6bf0c7a2]{background-color:#121f3e;font-family:Sarabun;font-size:12px;line-height:16px}.tabs .tab .number[data-v-6bf0c7a2]{border-radius:4px;color:#adb7cc;font-weight:400;height:20px;margin-left:6px;min-width:27px;padding:2px;text-align:center}.mobile .tabs[data-v-6bf0c7a2]{gap:3.7333333333vw}.mobile .tabs .tab[data-v-6bf0c7a2]{font-weight:400;height:13.8666666667vw}.mobile .tabs .tab[data-v-6bf0c7a2],.mobile .tabs .tab.selected[data-v-6bf0c7a2]{font-family:Sarabun;font-size:3.7333333333vw;line-height:5.3333333333vw}.mobile .tabs .tab.selected[data-v-6bf0c7a2]{font-weight:700}.mobile .tabs .tab.selected[data-v-6bf0c7a2]:before{height:1.0666666667vw;top:0}.mobile .tabs .tab.selected .number[data-v-6bf0c7a2]{font-family:Sarabun;font-size:3.2vw;font-weight:600;line-height:4.2666666667vw;min-width:8vw}.mobile .tabs .tab .number[data-v-6bf0c7a2]{border-radius:1.0666666667vw;font-family:Sarabun;font-size:3.2vw;font-weight:400;height:5.3333333333vw;line-height:4.2666666667vw;margin-left:1.0666666667vw;min-width:7.2vw;padding:.5333333333vw}.notification-empty[data-v-caf1fc49]{align-items:center!important;display:flex!important;flex-direction:column!important;gap:16px;height:698px;justify-content:center!important}.notification-empty img[data-v-caf1fc49]{height:128px;width:128px}.notification-empty p[data-v-caf1fc49]{color:#fff;font-family:Sarabun;font-size:16px;font-weight:600;line-height:24px}.mobile .notification-empty[data-v-caf1fc49]{background:#121f3e;gap:4.2666666667vw;height:calc(100vh - 27.73333vw)}.mobile .notification-empty img[data-v-caf1fc49]{height:34.1333333333vw;width:34.1333333333vw}.mobile .notification-empty p[data-v-caf1fc49]{font-family:Sarabun;font-size:4.2666666667vw;font-weight:600;line-height:6.4vw}