.notification-wrapper[data-v-3acbc87b]{border-bottom:1px solid #e6e8ec;padding-bottom:12px}.notification-wrapper[data-v-3acbc87b]:last-child{border-bottom:none}.notification-wrapper .notification-item[data-v-3acbc87b]{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:4px;position:relative}@media (min-width:1024px){.notification-wrapper .notification-item[data-v-3acbc87b]:hover{background-color:#f6f7f8}}.notification-wrapper .notification-item.unread[data-v-3acbc87b]{cursor:pointer}.notification-wrapper .notification-item .icon[data-v-3acbc87b]{height:40px;width:40px}.notification-wrapper .notification-item .unread-dot[data-v-3acbc87b]{background-color:#00981f;border-radius:50%;height:6px;left:-10px;position:absolute;top:21px;width:6px}.notification-wrapper .notification-item .content[data-v-3acbc87b]{display:flex;flex:1;flex-direction:column;gap:12px}.notification-wrapper .notification-item .content .info[data-v-3acbc87b]{align-items:flex-start;display:flex;gap:4px}.notification-wrapper .notification-item .content .info .detail[data-v-3acbc87b]{display:flex;flex:1;flex-direction:column;gap:4px}.notification-wrapper .notification-item .content .info .detail .title[data-v-3acbc87b]{color:#0f56b2;font-size:16px;font-weight:600;line-height:24px}.notification-wrapper .notification-item .content .info .detail .time[data-v-3acbc87b]{color:#5a6373;font-size:12px;font-weight:400;line-height:16px}.notification-wrapper .notification-item .content .info .detail .description[data-v-3acbc87b]{color:#4b515d;font-size:14px;font-weight:400;line-height:20px}.notification-wrapper .notification-item .content .info .detail .description ul[data-v-3acbc87b]{list-style-position:inside;margin:0;padding:0}.notification-wrapper .notification-item .content .info .detail .description[data-v-3acbc87b] .positive,.notification-wrapper .notification-item .content .info .detail .description[data-v-3acbc87b] span{color:#00981f;font-size:14px;font-weight:700;line-height:20px}.notification-wrapper .notification-item .content .info .detail .description[data-v-3acbc87b] .negative{color:#da1526;font-size:14px;font-weight:700;line-height:20px}.notification-wrapper .notification-item .content .info .icon-trash[data-v-3acbc87b]{color:#30343b;cursor:pointer;font-size:20px}.notification-wrapper .notification-item .content .button[data-v-3acbc87b]{align-self:flex-end;border:none;border-radius:4px;font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.mobile .notification-wrapper .notification-item[data-v-3acbc87b]{align-items:flex-start;display:flex;gap:3.2vw;padding:1.0666666667vw}.mobile .notification-wrapper .notification-item .unread[data-v-3acbc87b]{height:1.6vw;left:-2.6666666667vw;top:5.6vw;width:1.6vw}.mobile .notification-wrapper .notification-item .icon[data-v-3acbc87b]{height:40px;width:40px}.mobile .notification-wrapper .notification-item .content[data-v-3acbc87b]{gap:3.2vw}.mobile .notification-wrapper .notification-item .content .info[data-v-3acbc87b],.mobile .notification-wrapper .notification-item .content .info .detail[data-v-3acbc87b]{gap:1.0666666667vw}.mobile .notification-wrapper .notification-item .content .info .detail .title[data-v-3acbc87b]{font-size:3.7333333333vw;font-weight:600;line-height:5.3333333333vw}.mobile .notification-wrapper .notification-item .content .info .detail .time[data-v-3acbc87b]{font-size:3.2vw;font-weight:400;line-height:4.2666666667vw}.mobile .notification-wrapper .notification-item .content .info .detail .description[data-v-3acbc87b]{font-size:3.7333333333vw;font-weight:400;line-height:5.3333333333vw}.mobile .notification-wrapper .notification-item .content .info .detail .description[data-v-3acbc87b] .negative,.mobile .notification-wrapper .notification-item .content .info .detail .description[data-v-3acbc87b] .positive,.mobile .notification-wrapper .notification-item .content .info .detail .description[data-v-3acbc87b] span{font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw}.mobile .notification-wrapper .notification-item .content .info .icon-trash[data-v-3acbc87b]{font-size:5.3333333333vw}.mobile .notification-wrapper .notification-item .content .button[data-v-3acbc87b]{border-radius:1.0666666667vw;font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw}.tabs[data-v-9f624f24]{align-items:center;display:flex;gap:8px}.tabs .tab[data-v-9f624f24]{background-color:#f4f3f0;border-radius:999px;color:#6a778b;cursor:pointer;font-size:14px;font-weight:700;line-height:20px;padding:8px;position:relative;transition:.3s}.tabs .tab[data-v-9f624f24]:hover{color:#0f56b2}.tabs .tab.selected[data-v-9f624f24]{background-color:#b9e8ff;color:#0f56b2}.tabs .tab .number[data-v-9f624f24]{background-color:#ea290e;border-radius:999px;color:#fff;font-size:10px;font-weight:600;line-height:16px;position:absolute;right:-8px;text-align:center;top:-8px;width:25px}.mobile .tabs[data-v-9f624f24]{gap:2.1333333333vw}.mobile .tabs .tab[data-v-9f624f24]{border-radius:266.4vw;font-size:3.7333333333vw;font-weight:700;line-height:5.3333333333vw;padding:2.1333333333vw}.mobile .tabs .tab .number[data-v-9f624f24]{border-radius:266.4vw;font-size:2.6666666667vw;font-weight:600;line-height:4.2666666667vw;right:-2.1333333333vw;top:-2.1333333333vw;width:6.6666666667vw}.notification-empty[data-v-f469597a]{align-items:center;display:flex;flex-direction:column;gap:16px;padding-top:80px}.notification-empty p[data-v-f469597a]{color:#6a778b;font-size:16px;font-weight:600;line-height:24px}.mobile .notification-empty[data-v-f469597a]{gap:4.2666666667vw;padding-top:21.3333333333vw}.mobile .notification-empty p[data-v-f469597a]{font-size:4.2666666667vw;font-weight:600;line-height:6.4vw}