.site-account{position:relative}.notification-bell{position:relative;display:grid!important;width:40px!important;padding:0!important;place-items:center;overflow:visible!important;background:rgba(255,255,255,.58)!important;transition:border-color .18s,background .18s,transform .18s}.notification-bell:hover,.notification-bell[aria-expanded="true"]{border-color:#9edce7!important;background:#effbfc!important;transform:translateY(-1px)}.notification-symbol{color:#527587;font-size:15px}.notification-bell.has-unread .notification-symbol{color:#257e91}.notification-count{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#e25865;color:#fff;font-size:9px;font-weight:700;line-height:14px;text-align:center;box-shadow:0 4px 12px rgba(226,88,101,.3)}.notification-count[hidden]{display:none!important}.site-account:has(.notification-bell){grid-template-columns:40px 64px 64px}.notification-popover{display:none;position:fixed;z-index:3000;right:max(20px,calc((100vw - 1200px)/2));top:70px;width:390px;max-height:min(600px,calc(100vh - 90px));overflow:hidden;border:1px solid rgba(191,210,222,.8);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 28px 80px rgba(32,61,82,.2);backdrop-filter:blur(22px)}.notification-popover.open{display:flex;flex-direction:column;animation:notification-in .18s ease-out}@keyframes notification-in{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}.notification-popover>header{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 16px;border-bottom:1px solid #e5edf2}.notification-popover header small{display:block;margin-bottom:4px;color:#6aaaba;font-size:8px;letter-spacing:.18em}.notification-popover header h3{margin:0;color:#172a38;font-size:17px}.notification-popover header h3 span{display:inline-block;margin-left:5px;padding:3px 7px;border-radius:999px;background:#e9f8fa;color:#247b8d;font-size:9px;vertical-align:2px}.notification-popover header button,.notification-popover>footer button{border:0;background:transparent;color:#24758a;font-size:10px;cursor:pointer}.notification-list{overflow:auto;padding:7px}.notification-item{position:relative;display:grid;grid-template-columns:38px 1fr auto;gap:11px;margin:2px 0;padding:13px;border:0!important;border-radius:13px;color:#1e3443;transition:background .18s,transform .18s}.notification-item:hover{background:#f2f8fb;transform:translateX(2px)}.notification-item.is-unread{background:#eef9fb}.notification-item>i{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#e3f4f7;color:#227c8e;font-size:15px;font-style:normal}.notification-item.is-read>i{background:#f0f4f6;color:#7e929e}.notification-item span b,.notification-item span small,.notification-item span time{display:block}.notification-item span b{margin:1px 0 4px;font-size:12px}.notification-item span small{overflow:hidden;color:#607886;font-size:10px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-item span time{margin-top:6px;color:#9aabb5;font-size:8px}.notification-item>em{align-self:start;padding:3px 6px;border-radius:999px;background:#54b8c8;color:white;font-size:8px;font-style:normal}.notification-empty{display:grid;min-height:235px;padding:30px;place-items:center;align-content:center;text-align:center}.notification-empty>i{display:grid;width:54px;height:54px;margin-bottom:13px;place-items:center;border-radius:18px;background:#edf7f9;color:#55a9b8;font-size:21px;font-style:normal}.notification-empty b{color:#294252;font-size:13px}.notification-empty p{max-width:230px;margin:8px 0 0;color:#8b9ca6;font-size:10px;line-height:1.7}.notification-popover>footer{display:flex;align-items:center;justify-content:space-between;padding:11px 19px;border-top:1px solid #e5edf2;color:#98a9b2;font-size:8px}@media(max-width:600px){.notification-popover{left:12px;right:12px;top:65px;width:auto}.site-account:has(.notification-bell){grid-template-columns:38px 55px 55px}}