.notification-trigger{width:3rem;height:3rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:var(--brand-primary);padding:0;cursor:pointer;position:relative}.notification-icon{display:block;width:20px;height:20px;flex:0 0 20px;color:var(--brand-primary);stroke:var(--brand-primary);stroke-width:2.25}.nav-dropdown-wrapper .nav-dropdown-menu.notification-dropdown-menu{left:auto;right:0;top:calc(100% + 2rem);width:min(360px,calc(100vw - 2rem));padding:.5rem;margin-top:0;transform:translateY(0);opacity:1;visibility:visible;cursor:default;border-radius:1.25rem;box-shadow:0 24px 70px rgba(15,23,42,.2),0 0 0 1px rgba(32,18,82,.08);animation:notificationPopoverIn .24s cubic-bezier(.16,1,.3,1);transform-origin:top right}.nav-dropdown-wrapper:hover .nav-dropdown-menu.notification-dropdown-menu{transform:translateY(0)}.notification-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .65rem}.notification-title{color:var(--brand-primary)}.notification-read-all{border:none;background:transparent;color:var(--brand-secondary);font-weight:700;cursor:pointer;font-size:.8rem;white-space:nowrap}.notification-center-link{border-radius:.75rem;margin-bottom:.35rem}.notification-empty{padding:1rem;color:var(--neutral-grey);font-size:.9rem}.notification-list{display:grid;gap:.35rem;max-height:420px;overflow-y:auto}.notification-item{padding:.75rem;border-radius:.85rem;color:var(--neutral-black);border:1px solid transparent}.notification-item.unread{background:rgba(57,173,177,.08);border-color:rgba(57,173,177,.18)}.notification-item-head{display:flex;justify-content:space-between;gap:.75rem}.notification-item-title{color:var(--brand-primary);font-size:.9rem}.notification-dot{width:8px;height:8px;border-radius:999px;background:var(--brand-secondary);flex-shrink:0;margin-top:6px}.notification-body{color:var(--neutral-grey);font-size:.82rem;line-height:1.4;margin-top:.25rem}.notification-date{color:var(--neutral-grey);opacity:.7;font-size:.72rem;margin-top:.35rem}.notification-link{text-decoration:none}@keyframes notificationPopoverIn{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:720px){.nav-dropdown-wrapper .nav-dropdown-menu.notification-dropdown-menu{position:fixed;top:5.25rem;left:1rem;right:1rem;width:auto;max-width:none;max-height:calc(100dvh - 6.25rem);transform:none;transform-origin:top center}.nav-dropdown-wrapper:hover .nav-dropdown-menu.notification-dropdown-menu{transform:none}.notification-list{max-height:min(420px,calc(100dvh - 15rem))}}