#atlasNotificationsDialog{
  position:relative;
  box-sizing:border-box;
  width:min(600px,calc(100vw - 32px));
  max-height:88dvh;
  margin:auto;
  padding:0;
  border:1px solid #dbe5ef;
  border-radius:22px;
  background:#f5f8fc;
  color:#223a5e;
  font:14px/1.55 Montserrat,Arial,sans-serif;
  box-shadow:0 24px 80px #10243c55;
  overflow:auto;
}
#atlasNotificationsDialog::backdrop{background:#10243cb3;backdrop-filter:blur(3px)}
#atlasNotificationsDialog .an-head{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:24px 70px 24px 26px;
  background:#223a5e;
  color:#fff;
}
#atlasNotificationsDialog .an-head small{font-size:10px;letter-spacing:2px;color:#8ae0eb}
#atlasNotificationsDialog h2{margin:6px 0 0;font-size:25px;line-height:1.25;color:#fff}
#atlasNotificationsDialog .an-content{padding:22px}
#atlasNotificationsDialog #atlasNotificationPanel,
#atlasNotificationsDialog #stakingNotificationPanel{
  position:static!important;inset:auto!important;transform:none!important;
  width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;color:#223a5e;
}
#atlasNotificationsDialog [hidden]{display:none!important}
#atlasNotificationsDialog .atlas-notification-head,
#atlasNotificationsDialog .staking-notification-head{display:none!important}
#atlasNotificationsDialog .atlas-notification-list{max-height:none;overflow:visible}
#atlasNotificationsDialog .atlas-notification-item,
#atlasNotificationsDialog .staking-notification-message,
#atlasNotificationsDialog .atlas-notification-empty{
  padding:16px;
  border:1px solid #dce6f0;
  border-radius:13px;
  background:#fff;
  font-size:14px;
  line-height:1.6;
  color:#223a5e;
  overflow-wrap:anywhere;
  margin:0 0 10px;
}
#atlasNotificationsDialog .atlas-notification-item.is-error{border-color:#e4b7b7;background:#fff6f6}
#atlasNotificationsDialog .atlas-notification-item__time{display:block;margin-top:8px;color:#61758e;font-size:11px}
#atlasNotificationsDialog .an-footer{display:none!important}
#atlasNotificationsDialog button{
  width:auto;height:auto;min-height:42px;
  border:1px solid #cbd9e8;border-radius:10px;
  padding:10px 18px;
  font:600 13px/1.3 Montserrat,Arial,sans-serif;
  background:#fff;color:#223a5e;cursor:pointer;
}
#atlasNotificationsDialog .an-head>.an-close.an-close--mac{
  display:grid!important;place-items:center!important;
  visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  position:absolute!important;top:18px!important;right:20px!important;z-index:5!important;
  width:24px!important;min-width:24px!important;max-width:24px!important;
  height:24px!important;min-height:24px!important;max-height:24px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:#ff5f57!important;color:#7a1712!important;
  font:700 17px/24px Arial,sans-serif!important;text-align:center!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.10)!important;
}
#atlasNotificationsDialog .an-head>.an-close.an-close--mac:hover{filter:brightness(.96)}
#atlasNotificationsDialog button:focus-visible{outline:3px solid #0891b2;outline-offset:3px}

@media(max-width:600px){
  #atlasNotificationsDialog{width:calc(100vw - 20px);max-height:90dvh;border-radius:18px}
  #atlasNotificationsDialog .an-head{padding:20px 58px 20px 20px}
  #atlasNotificationsDialog h2{font-size:23px}
  #atlasNotificationsDialog .an-content{padding:16px}
  #atlasNotificationsDialog .an-head>.an-close.an-close--mac{
    top:17px!important;right:17px!important;
    width:22px!important;min-width:22px!important;max-width:22px!important;
    height:22px!important;min-height:22px!important;max-height:22px!important;
    font-size:15px!important;line-height:20px!important;
  }
}

#atlasNotificationsDialog .an-mobile-close{display:none!important}
@media(max-width:600px){
  #atlasNotificationsDialog .an-head>.an-close.an-close--mac{display:none!important}
  #atlasNotificationsDialog .an-mobile-close{
    display:grid!important;place-items:center!important;
    position:absolute!important;top:14px!important;right:14px!important;z-index:100!important;
    width:26px!important;min-width:26px!important;max-width:26px!important;
    height:26px!important;min-height:26px!important;max-height:26px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
    background:#ff5f57!important;color:#7a1712!important;
    font:700 18px/26px Arial,sans-serif!important;text-align:center!important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)!important;
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  }
}