.hub-icon{display:inline-block;width:22px;height:22px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7}
.notification-center{position:relative;flex-shrink:0;color:#fff}.notification-center>summary{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid #414141;border-radius:50%;cursor:pointer;list-style:none;background:#0b0b0b}.notification-center>summary::-webkit-details-marker{display:none}.notification-center>summary:hover{border-color:#e5c25d}.notification-center [data-notification-badge]{position:absolute;top:-5px;right:-5px;min-width:16px;height:17px;padding:0 4px;border-radius:10px;background:#b92f42;color:#fff;font:10px/17px Jost,sans-serif;text-align:center}.notification-center [hidden]{display:none!important}
.notification-panel{position:absolute;top:48px;right:0;width:360px;max-width:calc(100vw - 24px);border:1px solid #4a4540;border-radius:10px;background:#131315;color:white;box-shadow:0 16px 45px #000b;padding:16px;text-align:left;z-index:180;font:14px/1.5 Jost,sans-serif}.notification-panel header{display:flex;align-items:center;justify-content:space-between}.notification-panel h2{font:600 19px Jost,sans-serif;margin:0}.notification-panel button{color:#ddd;border:1px solid #4b4b4b;border-radius:5px;background:#202023;padding:5px 9px;font:12px Jost,sans-serif;cursor:pointer}.notification-panel .notification-description{font-size:12px;color:#aaa;margin:6px 0 14px}.notification-panel [data-notification-list]{max-height:380px;overflow-y:auto;overflow-wrap:anywhere}.notification-panel [data-notification-list]>p{padding:15px 0;color:#aaa}.notification-panel a{display:grid;gap:4px;color:#ddd;text-decoration:none;padding:12px;border-bottom:1px solid #343434}.notification-panel a.is-unread{border-left:3px solid #e5c25d;background:#242117}.notification-panel a span{font-size:12px;color:#b6b6b6}.notification-panel time{font-size:10px;color:#999}.notification-panel footer{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.notification-panel form{margin:0}
@media(max-width:600px){.notification-panel{position:fixed;top:64px;left:12px;right:12px;width:auto;max-width:none}.notification-panel [data-notification-list]{max-height:55dvh}}

.saga-topbar>.notification-center{margin-left:auto}.saga-topbar>.notification-center+.topbar-account{margin-left:0}