.live-notification[hidden]{display:none}.live-notification{position:fixed;right:24px;bottom:84px;z-index:14;display:flex;align-items:flex-start;gap:20px;width:min(370px,calc(100% - 32px));box-sizing:border-box;padding:20px 22px;border:1px solid #a8d5ba55;border-radius:14px;background:#121d19;color:#f2f6f3;box-shadow:0 14px 45px #0006;font-family:inherit}.live-notification-label{display:inline-flex;align-items:center;gap:8px;color:#a8d5ba;font-size:10px;font-weight:700;letter-spacing:1.5px}.live-notification-label:before{content:'';width:7px;height:7px;border-radius:50%;background:#a8d5ba}.live-notification p{margin:10px 0 14px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.live-notification a{display:inline-flex;align-items:center;gap:12px;color:#bce6cd;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.live-notification button{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid #a8d5ba33;border-radius:8px;background:0 0;color:#c6d4cc;font-size:22px;cursor:pointer}.live-notification a:focus-visible,.live-notification button:focus-visible{outline:2px solid #a8d5ba;outline-offset:4px}@media(max-width:600px){.live-notification{right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px));padding:18px;gap:12px}}