.notification-button{position:relative;flex-shrink:0;padding:9px;line-height:0}.notification-button[hidden]{display:none}.notification-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-count{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:12px;background:#b83768;color:white;font-size:10px;line-height:18px}.notifications-dialog{width:min(460px,calc(100vw - 28px));max-height:85vh;box-sizing:border-box}.notification-tools{display:flex;gap:8px;flex-wrap:wrap}.notification-list{display:grid;gap:9px;max-height:55vh;overflow:auto;margin-top:16px}.notification-item{text-align:left;display:grid;gap:5px;border:1px solid #e7d5c3;border-radius:12px;padding:14px;background:transparent;color:inherit;width:100%;font:inherit;cursor:pointer}.notification-item.unread{border-left:4px solid #b83768;background:#c83f7310}.notification-item small{opacity:.75}.notification-item:focus-visible{outline:2px solid #168d92;outline-offset:2px}header .notification-button{margin-left:auto}header .profile{margin-left:0}@media(max-width:600px){.notifications-dialog{padding:18px}.notification-button{padding:8px}header{gap:8px}}