.topbar_topbar__TxUPS {
  z-index: 2;
  min-height: calc(var(--1) * 68);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: calc(var(--1) * 24);
  border: 1px solid var(--Strokes-On-Dark-Stroke, rgba(0, 148, 255, 0.16));
  background: var(--bg-3);
  border-radius: calc(var(--1) * 16);
}
@media (max-width: 991.98px) {
  .topbar_topbar__TxUPS {
    display: none;
  }
}
.topbar_topbar__TxUPS p {
  font-size: calc(var(--1) * 16);
  font-weight: 400;
  line-height: calc(var(--1) * 22);
  letter-spacing: -0.01em;
  text-align: left;
  color: var(--white);
}
.topbar_topbar__TxUPS .topbar_right__XN7dF {
  display: flex;
  align-items: center;
  gap: calc(var(--1) * 24);
  position: relative;
  z-index: 3;
}
.topbar_topbar__TxUPS .topbar_right__XN7dF.topbar_light__29ZT9 button img {
  filter: brightness(0);
}
.topbar_topbar__TxUPS .topbar_right__XN7dF .topbar_button__kWwDK {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(var(--1) * 36);
  position: relative;
  cursor: pointer;
  gap: calc(var(--1) * 6);
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_button__kWwDK
  .topbar_notCount__308rO {
  width: calc(var(--1) * 18);
  height: calc(var(--1) * 18);
  font-size: calc(var(--1) * 11);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary);
  border-radius: 50%;
  margin-left: calc(var(--1) * -2);
  margin-top: calc(var(--1) * -5);
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_button__kWwDK
  .topbar_notCount__308rO.topbar_active__YxvZN {
  background-color: var(--error);
}
.topbar_topbar__TxUPS .topbar_right__XN7dF .topbar_button__kWwDK img {
  width: calc(var(--1) * 18);
  height: calc(var(--1) * 18);
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_button__kWwDK
  img.topbar_ultimate__GZIlV {
  width: calc(var(--1) * 40);
  height: calc(var(--1) * 40);
}
@keyframes topbar_JumpJump__hXXqD {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(calc(var(--1) * -5));
  }
  20% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(calc(var(--1) * -5));
  }
  40% {
    transform: translateY(0);
  }
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_button__kWwDK
  img.topbar_easter__wqKZx {
  width: calc(var(--1) * 32);
  height: calc(var(--1) * 32);
  animation: topbar_JumpJump__hXXqD 3.5s ease-in-out infinite;
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_button__kWwDK
  .topbar_notVisible__eJtCQ {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(var(--1) * 8);
  height: calc(var(--1) * 8);
  border-radius: 50%;
  background-color: red;
  transform: translate(25%, -25%);
}
.topbar_topbar__TxUPS .topbar_right__XN7dF .topbar_notButton__v_Pbj {
  position: relative;
}
.topbar_topbar__TxUPS .topbar_right__XN7dF .topbar_notDropdown__SrLMO {
  background-color: var(--bg-1);
  border: 1px solid var(--border-1);
  padding: calc(var(--1) * 18);
  border-radius: calc(var(--1) * 12);
  position: absolute;
  width: calc(var(--1) * 327);
  top: 100%;
  transform: translateY(calc(var(--1) * 10));
  right: 0;
  cursor: default;
  display: none;
  flex-direction: column;
  gap: calc(var(--1) * 10);
  z-index: 9;
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_notDropdown__SrLMO.topbar_active__YxvZN {
  display: flex;
}
.topbar_topbar__TxUPS .topbar_right__XN7dF .topbar_notDropdown__SrLMO h5 {
  color: var(--white);
  font-size: calc(var(--1) * 16);
  font-weight: 600;
  line-height: calc(var(--1) * 22);
  letter-spacing: -0.01em;
  text-align: left;
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_notDropdown__SrLMO
  .topbar_notList__tLsPt {
  display: flex;
  flex-direction: column;
  gap: calc(var(--1) * 10);
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_notDropdown__SrLMO
  .topbar_notList__tLsPt
  .topbar_notItem__4dQSq {
  border-bottom: 1px solid var(--border-1);
  padding-bottom: calc(var(--1) * 10);
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_notDropdown__SrLMO
  .topbar_notList__tLsPt
  .topbar_notItem__4dQSq:last-child {
  border: none;
  padding-bottom: 0;
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_notDropdown__SrLMO
  .topbar_notList__tLsPt
  .topbar_notItem__4dQSq:first-child
  .topbar_date__56_a6 {
  display: flex;
  align-items: center;
  gap: calc(var(--1) * 5);
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_notDropdown__SrLMO
  .topbar_notList__tLsPt
  .topbar_notItem__4dQSq:first-child
  .topbar_date__56_a6:before {
  content: "";
  position: relative;
  display: inline-flex;
  width: calc(var(--1) * 8);
  height: calc(var(--1) * 8);
  background-color: #0e6fcb;
  border-radius: 50%;
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_notDropdown__SrLMO
  .topbar_notList__tLsPt
  .topbar_notItem__4dQSq
  .topbar_message__FbHHJ
  p {
  color: var(--white);
  font-size: calc(var(--1) * 12);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.01em;
  text-align: left;
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_notDropdown__SrLMO
  .topbar_notList__tLsPt
  .topbar_notItem__4dQSq
  .topbar_message__FbHHJ
  p
  a {
  color: #0e6fcb;
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_notDropdown__SrLMO
  .topbar_notList__tLsPt
  .topbar_notItem__4dQSq
  .topbar_date__56_a6 {
  font-size: calc(var(--1) * 12);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.01em;
  text-align: left;
  color: var(--text-2);
}
.topbar_topbar__TxUPS .topbar_right__XN7dF .topbar_overlay__OL6VX {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bg-opa-2);
  z-index: -1;
  display: none;
}
.topbar_topbar__TxUPS
  .topbar_right__XN7dF
  .topbar_overlay__OL6VX.topbar_active__YxvZN {
  display: flex;
}
.topbar_topbar__TxUPS .topbar_claimButton__U3Pg_ {
  padding-block: calc(var(--1) * 8);
  border-radius: calc(var(--1) * 8);
}
.style_main__zYIqd {
  display: flex;
  position: relative;
  scroll-behavior: smooth;
}
@media (max-width: 991.98px) {
  .style_main__zYIqd {
    max-width: 100%;
  }
}
@media (min-width: 991.98px) {
  .style_main__zYIqd {
    gap: calc(var(--1) * 24);
    padding-top: calc(var(--1) * 16);
    padding-inline: calc(var(--1) * 24);
    padding-bottom: 0;
    max-height: 100vh;
    height: 100vh;
    width: 100%;
    max-width: calc(var(--1) * 1700);
    margin-inline: auto;
  }
}
.style_main__zYIqd .style_wrapper__OhGxi {
  color: var(--white);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(var(--1) * 24);
  padding-bottom: calc(var(--1) * 24);
  max-width: 100%;
}
@media (max-width: 991.98px) {
  .style_main__zYIqd .style_wrapper__OhGxi {
    padding: calc(var(--1) * 24) calc(var(--1) * 16);
  }
  .style_main__zYIqd {
    padding-top: calc(var(--1) * 80);
    overflow: hidden;
  }
}
@media (min-width: 991.98px) {
  .style_main__zYIqd .style_wrapper__OhGxi {
    max-height: 100%;
    height: 100%;
    overflow-y: auto;
  }
}