.site-notification-control{position:relative}.site-notification-menu{position:absolute;right:0;top:calc(100% + 12px);z-index:70;width:380px;max-height:min(480px,calc(100dvh - var(--notification-menu-top,90px) - 16px));display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);box-shadow:0 12px 35px #16342824;overflow:hidden;text-align:left}.site-notification-menu[hidden]{display:none!important}.notification-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--line);flex:none}.notification-menu-head h2{font-size:21px;line-height:1.2;margin:0}.notification-menu-head button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;font-size:24px;line-height:1;color:var(--muted);border:0;background:transparent}.notification-menu-list{min-height:0;max-height:340px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;outline-offset:-3px}.notification-menu-item{display:flex;align-items:flex-start;gap:11px;padding:15px 17px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.notification-menu-item:last-child{border-bottom:0}.notification-menu-item.unread{background:var(--wash)}.notification-menu-item>div{flex:1;min-width:0}.notification-menu-item p{font-size:12px;line-height:1.55;margin:0}.notification-menu-item a{color:var(--teal);text-underline-offset:3px}.notification-menu-item .notification-menu-destination{display:inline-block;font-size:13px;line-height:1.5;font-weight:600;margin:6px 0 4px}.notification-menu-item .notification-menu-time{font-size:10px;color:var(--muted);margin-top:7px}.notification-menu-item .notification-menu-date{font-size:11px;color:var(--muted)}.notification-menu-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;position:relative;overflow:hidden;border-radius:50%;background:#e4ece7;color:var(--teal);font-size:11px;font-weight:650}.notification-menu-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.notification-menu-avatar img[hidden]{display:none}.notification-menu-reminder svg{width:19px;height:19px}.notification-menu-footer{display:block;flex:none;padding:15px 17px;border-top:1px solid var(--line);font-size:13px;font-weight:650;color:var(--teal);background:white;text-align:center;text-decoration:none}.notification-menu-footer:hover{background:var(--wash)}.notification-menu-empty{font-size:13px;line-height:1.6;padding:20px 17px;margin:0;color:var(--muted)}.notification-menu-retry{font-size:12px;border:1px solid var(--line);border-radius:3px;padding:8px 12px;margin:0 17px 17px;background:white;color:var(--teal)}.notification-menu-status{padding:9px 17px;border-bottom:1px solid var(--line);background:#fff8e9;flex:none}.notification-menu-status[hidden]{display:none}.notification-menu-status p,.notification-menu-status button{font-size:11px;line-height:1.5;margin:0}.notification-menu-status button{color:var(--teal);background:transparent;border:0;text-decoration:underline}.site-notification-menu a:focus-visible,.site-notification-menu button:focus-visible,.notification-menu-list:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}@media(max-width:720px){.site-notification-menu{position:fixed;top:var(--notification-menu-top,90px);left:16px;right:16px;width:auto;max-height:calc(100dvh - var(--notification-menu-top,90px) - 16px)}.notification-menu-list{max-height:340px}.notification-menu-head,.notification-menu-item{padding:13px 15px}.notification-menu-footer{padding:14px 15px}}