.opus-notification-button{position:relative;width:44px;height:44px;border:1px solid #d8e1e8;border-radius:10px;background:#fff;font-size:1.15rem;cursor:pointer}.opus-notification-button span{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:var(--opus-error);color:#fff;font-size:.68rem;font-weight:800}.opus-notification-button span[hidden]{display:none}.opus-notifications{width:min(480px,calc(100vw - 24px));max-height:min(680px,85vh);padding:0;border:0;border-radius:16px;box-shadow:0 24px 70px #1420333d}.opus-notification-actions{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #e6ebef;color:var(--opus-muted)}.opus-notification-actions button{border:0;background:none;color:var(--opus-action);font-weight:700;cursor:pointer}.opus-notification-feed{display:grid;overflow:auto;max-height:520px}.opus-notification-feed>button{display:flex;gap:12px;padding:16px 18px;text-align:left;border:0;border-bottom:1px solid #edf1f4;background:#fff;color:inherit;cursor:pointer}.opus-notification-feed>button.unread{background:#f0faf9}.opus-notification-feed i{width:9px;height:9px;margin-top:6px;border-radius:50%;background:transparent}.opus-notification-feed .unread i{background:var(--opus-action)}.opus-notification-feed span,.opus-notification-feed strong,.opus-notification-feed small,.opus-notification-feed time{display:block}.opus-notification-feed small{margin:4px 0;color:var(--opus-muted)}.opus-notification-feed time{font-size:.72rem;color:var(--opus-muted)}