#nav-notification.has-new-notification{animation:vibrate 1s ease-in-out}#nav-notification.notification.open.notification-new-ui .navbar__item__dropdown-menu{border-radius:16px;max-width:400px}#nav-notification .navbar-menu .body{border:none;max-height:492px;overflow-y:scroll}#nav-notification .navbar-menu .body::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}#nav-notification .navbar-menu .body::-webkit-scrollbar{background-color:#fff;width:4px}#nav-notification .navbar-menu .body::-webkit-scrollbar-thumb{background-color:#c7c4c4;border-radius:10px;opacity:.8}#nav-notification .navbar-menu .body .notification-list{list-style-type:none;margin:0;padding:0}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted{background-color:#0d614a;color:#263a4d;font-family:Inter,sans-serif;font-size:14px;font-weight:400;letter-spacing:.14px;line-height:22px;width:100%}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted:hover{background-color:#0d614a!important}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted:hover .notification-job-promoted__job-info-detail-title{color:#00b14f}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__header{align-items:center;display:flex;gap:4px;width:100%}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__header-text{align-items:flex-start;color:#fff;display:flex;flex:1;flex-direction:column;gap:2px;justify-content:center}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__header-text-title{font-weight:600;letter-spacing:.175px}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__header-text-date{font-size:12px;letter-spacing:.12px;line-height:16px}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__header-img{height:auto;-o-object-fit:contain;object-fit:contain;width:120px}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__job{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 8px 16px 0 rgba(1,18,34,.04);display:flex;gap:10px;justify-content:flex-start;padding:8px 12px 8px 8px;width:100%}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__job-company-logo{border:1px solid #dfdfdf;border-radius:8px;height:84px;-o-object-fit:contain;object-fit:contain;padding:8px;width:84px}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__job-info{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:6px;min-width:0;padding:4px 0}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__job-info-detail{align-items:flex-start;display:flex;flex-direction:column;gap:4px;width:100%}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__job-info-detail-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#263a4d;display:-webkit-box;font-size:12px;font-weight:600;letter-spacing:.15px;line-height:16px;overflow:hidden;text-overflow:ellipsis;width:100%}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__job-info-detail-company-name{color:#7f878f;font-size:10px;font-weight:400;letter-spacing:.1px;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__job-info-sub{align-items:center;display:flex;gap:8px;height:20px;justify-content:flex-start;width:100%}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__job-info-sub-cities,#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__job-info-sub-salary{align-items:center;border-radius:100px;display:flex;font-size:10px;font-weight:600;height:100%;justify-content:center;letter-spacing:.125px;line-height:14px;padding:0 8px}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__job-info-sub-salary{border:1px solid #57d991;color:#00b14f}#nav-notification .navbar-menu .body .notification-list .notification-item.notification_job_promoted .notification-job-promoted__job-info-sub-cities{background-color:#f4f5f5;color:#263a4d}@keyframes vibrate{0%{transform:rotate(0deg)}10%{transform:rotate(-12deg)}20%{transform:rotate(12deg)}30%{transform:rotate(0deg)}40%{transform:rotate(12deg)}50%{transform:rotate(-12deg)}60%{transform:rotate(0deg)}70%{transform:rotate(-12deg)}80%{transform:rotate(12deg)}90%{transform:rotate(0deg)}to{transform:rotate(-12deg)}}