#navigationOpen{position:relative}.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:20px;background:#9c402c;color:#fff;font-size:11px;font-weight:800;line-height:1}.notification-badge[hidden]{display:none}#navigationOpen>.notification-badge{position:absolute;top:5px;right:7px}.notification-menu{width:100%;margin-top:12px}.notification-menu .notification-badge{margin-left:auto}.notification-menu svg{width:25px;height:25px}#notificationsDialog{width:min(560px,calc(100vw - 28px));max-height:85dvh;padding:24px;border:1px solid #d4d9c7;border-radius:24px;background:#faf9f2;color:#174737;overflow:auto}#notificationsDialog::backdrop{background:#153d3277}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.notification-heading h2{font-size:28px;margin:0}.notification-heading button{min-width:44px;min-height:44px;border:1px solid #cbd3bf;border-radius:50%;background:transparent;font-size:25px;color:inherit}.notification-note,.notification-list small{color:#657264;font-size:13px}.notification-list{padding:0;list-style:none;display:grid;gap:10px}.notification-list button{width:100%;display:grid;gap:7px;text-align:left;padding:17px;border:1px solid #d3dac7;border-radius:16px;background:#fff;color:inherit;overflow-wrap:anywhere}.notification-list button:hover{background:#edf1e4}.notification-list strong{font-size:20px}.notification-type{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#925825}.notification-empty{text-align:center;padding:30px 10px}.notification-empty svg{width:40px;height:40px}.notification-empty p{color:#657264}#notificationsDialog button{cursor:pointer}#notificationsDialog button:focus-visible{outline:3px solid #b6742b;outline-offset:3px}@media(max-width:480px){#notificationsDialog{padding:20px 15px}.notification-heading h2{font-size:24px}}