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