.hidden {
  display: none !important;
}

.authenticated .header {
  max-width: none;
  padding-left: 32px;
  padding-right: 32px;
  background: #071a2b;
  border-bottom: 1px solid var(--line);
}

.authenticated .header nav,
.authenticated #public-actions {
  display: none !important;
}

.authenticated #account-actions {
  margin-left: auto;
}

.brand-logo {
  width: 42px;
  height: 42px;
  object-fit: contain;
  flex: 0 0 auto;
}
.notification-button{position:relative;border:1px solid #36536a;border-radius:10px;background:#0c2940;color:#fff;padding:10px 12px;font-size:18px;cursor:pointer}.notification-button span{position:absolute;right:-6px;top:-7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#e44949;color:#fff;font-size:11px;font-weight:850}.notification-panel{position:fixed;z-index:90;right:0;top:0;width:min(420px,92vw);height:100vh;padding:24px;background:#f5f8fa;box-shadow:-18px 0 45px #00152535;overflow:auto}.notification-backdrop{position:fixed;z-index:89;inset:0;border:0;background:#00152566}.notification-heading{display:flex;justify-content:space-between;align-items:flex-start}.notification-heading h2{margin:4px 0 14px}.notification-heading>button{border:0;background:transparent;font-size:30px;cursor:pointer}.notification-item{display:block;width:100%;margin:9px 0;padding:16px;border:1px solid #d8e2e8;border-radius:11px;background:#fff;color:#10202e;text-align:left;cursor:pointer}.notification-item.unread{border-left:4px solid #10b9ce;background:#effbfd}.notification-item b,.notification-item span,.notification-item small{display:block}.notification-item span{margin:6px 0;color:#4f6878}.notification-item small{color:#8496a2}.notification-empty{padding:35px 15px;text-align:center;color:#6d8190}