.notification-menu{flex:none;width:44px;height:44px;display:inline-flex}.notification-menu-trigger{border:1px solid var(--line);background:var(--muted);width:44px;height:44px;color:var(--lavender);border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .2s,border-color .2s,box-shadow .2s;display:grid;position:relative}.notification-menu-trigger:is(:hover,:focus-visible,.is-open){border-color:var(--lavender);background:var(--card);box-shadow:0 0 16px #6039d81f}.notification-menu-badge{border:2px solid var(--page);background:var(--gold);min-width:18px;height:18px;color:var(--night-ink);border-radius:99px;place-items:center;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.notification-menu-badge.is-loading{background:var(--card)}.notification-menu-panel{z-index:80;overscroll-behavior:contain;border:1px solid var(--line);background:var(--card);width:min(400px,100vw - 36px);color:var(--ink);scrollbar-width:thin;opacity:0;visibility:hidden;pointer-events:none;border-radius:16px;padding:22px;transition:opacity .22s,transform .22s,visibility 0s linear .22s;position:fixed;overflow-y:auto;transform:translateY(-8px);box-shadow:0 24px 60px #08031545}.notification-menu-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.notification-menu-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.notification-menu-heading-copy>span{color:var(--soft);letter-spacing:1.3px;text-transform:uppercase;font-size:8px}.notification-menu-heading h2{letter-spacing:-.7px;margin:8px 0 0;font:500 32px/1.1 Georgia,serif}.notification-menu-close{border:1px solid var(--line);background:var(--muted);width:32px;height:32px;color:var(--ink);border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.notification-menu-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-top:20px;padding-bottom:12px;display:flex}.notification-menu-toolbar>span{color:var(--soft);flex:1;font-size:10px}.notification-menu-toolbar button{min-height:32px;color:var(--lavender);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:5px 0;font-size:9px;display:inline-flex}.notification-menu-toolbar button:last-child{min-width:28px}.notification-menu-toolbar button:disabled{cursor:not-allowed;opacity:.5}.notification-menu-list .notification-card-title{font-size:21px}.notification-menu-message{color:var(--soft);margin:13px 0 0;font-size:10px;line-height:1.8}.notification-menu-message.is-error{color:#ff9dab}[data-theme=ivory] .notification-menu-message.is-error{color:#a92d4b}.notification-menu-empty{color:var(--lavender);text-align:center;justify-items:center;gap:12px;padding:30px 10px;display:grid}.notification-menu-empty strong{color:var(--ink);font:500 21px/1.3 Georgia,serif}.notification-menu-empty p{color:var(--soft);margin:0;font-size:11px;line-height:1.8}.notification-menu-footer{border-top:1px solid var(--line);padding-top:14px}.notification-menu-footer p{color:var(--soft);margin:0 0 4px;font-size:9px;line-height:1.8}.notification-menu-footer a{color:var(--lavender);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:11px;display:flex}.notification-menu-panel :is(button,a):focus-visible,.notification-menu-trigger:focus-visible{outline:2px solid var(--lavender);outline-offset:3px}@media (prefers-reduced-motion:reduce){.notification-menu-trigger,.notification-menu-panel{transition:none}}