.livvo-notifications{position:relative;flex-shrink:0;color:var(--cream,#ece5d1)}.notification-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:10px;border:1px solid #66506e;border-radius:50%;background:#1e1833;color:var(--tiffany,#4fdcde);cursor:pointer}.notification-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:2px;border-radius:20px;background:var(--tiffany,#4fdcde);color:#100c1f;font:700 10px/17px system-ui;text-align:center}.notification-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:1100;box-sizing:border-box;width:min(370px,calc(100vw - 28px));max-height:min(620px,75vh);overflow:auto;overscroll-behavior:contain;padding:20px;background:#1e1833;border:1px solid #66506e;border-radius:12px;box-shadow:0 18px 48px #0008}.notification-panel[hidden],.notification-badge[hidden]{display:none!important}.notification-panel h3{font:700 17px/1.5 system-ui;margin:0 70px 12px 0}.notification-panel p{font:400 13px/1.6 system-ui;color:#c5bdcc;overflow-wrap:anywhere}.notification-panel a{color:var(--cream,#ece5d1);text-decoration:none}.notification-panel a:hover{text-decoration:underline}.notification-close{position:absolute;right:14px;top:18px;padding:6px;border:0;background:none;color:#c5bdcc;font:12px system-ui;cursor:pointer}.notification-item{padding:16px 0;border-top:1px solid #49374f;overflow-wrap:anywhere}.notification-item>a,.notification-item>strong{font:650 14px/1.5 system-ui}.notification-item.notification-unread{border-left:2px solid var(--tiffany,#4fdcde);padding-left:12px}.notification-item .btn,.notification-panel>.btn,.notification-follow-up .btn{font:600 11px/1.5 system-ui;padding:7px 10px;min-height:36px;border-radius:5px}.notification-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.notification-status:empty{display:none}.notification-inline{position:static;width:100%;max-height:none;border:0;box-shadow:none;background:none;padding:16px 0}.notification-inline h3{margin-right:0}.notification-follow-up{margin-top:12px;border-top:1px solid #66506e;padding-top:15px}.livvo-notifications :is(button,a):focus-visible{outline:2px solid var(--tiffany,#4fdcde);outline-offset:3px}@media(max-width:560px){.notification-panel:not(.notification-inline){position:fixed;top:76px;right:14px;max-height:calc(100dvh - 100px)}}