@font-face{font-family:Plus Jakarta Sans;src:url(/_next/static/media/PlusJakartaSans-Medium.b82f9f74.woff2) format("woff2"),url(/_next/static/media/PlusJakartaSans-Medium.1e09f5a9.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/_next/static/media/PlusJakartaSans-ExtraBold.0ee556fa.woff2) format("woff2"),url(/_next/static/media/PlusJakartaSans-ExtraBold.0f4d3f78.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.notification{padding:36px 24px;background-color:#fff;margin:72px auto;max-width:748px;border-radius:20px;display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.notification{margin:0 auto;padding:24px 16px;border-radius:0}}.notification .notify-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}@media(max-width:768px){.notification .notify-top{margin-bottom:12px}}.notification .notify-top h1{font-weight:700;line-height:120%;color:#1c202b;font-size:36px;display:flex;align-items:center}@media(max-width:768px){.notification .notify-top h1{font-size:20px}}.notification .notify-top h1 span{background-color:#0a317b;color:#fff;margin-left:10px;padding:0 15px;border-radius:5px;font-size:16px}@media(max-width:768px){.notification .notify-top h1 span{font-size:12px}}.notification .notify-top p{font-size:14px;font-weight:500;line-height:120%;color:#5e6778;color:#0a317b;cursor:pointer}@media(max-width:768px){.notification .notify-top p{font-size:12px}}.notification .notification-main .notification-item{display:grid;grid-template-columns:fit-content(8ch) 1fr;grid-template-areas:"img content fol-img" "img content fol-img";align-items:center;gap:16px;padding:8px;border-radius:10px;background-color:#f7fafd}@media(max-width:768px){.notification .notification-main .notification-item{gap:8px}}.notification .notification-main .notification-item .notification-img{grid-area:img;width:50px}.notification .notification-main .notification-item .notification-img img{width:50px;height:50px}.notification .notification-main .notification-item .notification-content{grid-area:content;display:flex;flex-direction:column;gap:8px}.notification .notification-main .notification-item .notification-content .notification-content-top .name{position:relative;font-size:16px;font-weight:700;line-height:120%;color:#1c202b;cursor:pointer}@media(max-width:768px){.notification .notification-main .notification-item .notification-content .notification-content-top .name{font-size:12px}}.notification .notification-main .notification-item .notification-content .notification-content-top .name .info{font-size:14px;font-weight:500;line-height:120%;color:#5e6778;margin-left:4px;cursor:default}@media(max-width:768px){.notification .notification-main .notification-item .notification-content .notification-content-top .name .info{font-size:12px}}.notification .notification-main .notification-item .notification-content .notification-content-top .name .detail{font-size:16px;font-weight:700;line-height:120%;color:#0a317b;text-decoration:none;position:relative;margin-left:4px}@media(max-width:768px){.notification .notification-main .notification-item .notification-content .notification-content-top .name .detail{font-size:12px}}.notification .notification-main .notification-item .notification-content .notification-content-top .name .notify-dot{content:"";position:absolute;background-color:#f65351;width:8px;height:8px;border-radius:50%;top:70%;margin-left:4px;transform:translateY(-50%)}@media(max-width:768px){.notification .notification-main .notification-item .notification-content .notification-content-top .name .notify-dot{width:5px;height:5px}}.notification .notification-main .notification-item .notification-content .notification-content-top p:empty{background-color:red}.notification .notification-main .notification-item .notification-content .notification-content-bottom .time{font-size:14px;font-weight:400;color:#939dae;line-height:120%;text-decoration:none;cursor:default}.notification .notification-main .notification-item .follw-img{grid:fol-img}.notification .notification-main .notification-item .follw-img img{width:50px;height:50px}@media(max-width:768px){.notification .notification-main .notification-item .follw-img img{width:35px;height:35px}}.notification .notification-main .notification-item .follw-img.empty{display:none}.notification .notification-main .notification-all-read .notification-item{background-color:transparent}.notification .notification-main .notification-all-read .notification-item .detail{color:#5e6778!important}.notification .notification-main .notification-all-read .notification-item .notify-dot,.notification .notification-main .notification-all-read .notify-top h1 span{display:none}.notification .notification-main .notification-message{font-size:14px;font-weight:400;color:#939dae;line-height:120%;cursor:pointer}.notification .notification-main .notification-message p{margin:12px 0 12px 74px;background-color:#dde7ee;color:#5e6778;padding:12px;border-radius:4px;box-shadow:1px 2px 6.5px 0 #939dae}@media(max-width:768px){.notification .notification-main .notification-message p{font-size:12px;padding:6px;background-color:transparent;border:1px solid #dde7ee;margin:6px 0 6px 64px}}.notification .notification-main .notification-message p:empty{display:none;margin:0}*,:after,:before{padding:0;margin:0}body{font-family:Plus Jakarta Sans;background-color:#dde7ee}@media(max-width:768){body{background-color:transparent}}