._filterOptions_1i7yq_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  white-space: nowrap;
}
._filterOptions_1i7yq_1 > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._filterOptions_1i7yq_1 {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100vw;
  }
}
._filterOptions_1i7yq_1 ._search_1i7yq_23 {
  display: flex;
  align-items: center;
  border-radius: 6rem;
  border-color: var(--bg-color-3);
  color: var(--fg-color-1);
}
._filterOptions_1i7yq_1 ._search_1i7yq_23 input {
  border-radius: 6rem;
  padding: 1rem;
  border: 0;
  border-color: var(--bg-color-3);
  background: var(--bg-color-3);
  color: var(--fg-color-1);
  outline: none;
}
._filterOptions_1i7yq_1 ._search_1i7yq_23 img {
  transform: translate(-50%);
}
._filterOptions_1i7yq_1 ._poolSelect_1i7yq_42 {
  background-color: var(--bg-color-3);
  padding: 1rem 0.5rem;
  border-radius: 6rem;
  width: fit-content;
}
._filterOptions_1i7yq_1 ._poolSelect_1i7yq_42 span {
  padding: 0.8rem;
  border-radius: 6rem;
  cursor: pointer;
}
._filterOptions_1i7yq_1
  ._poolSelect_1i7yq_42
  span:not(._active_1i7yq_53):hover {
  background: #201e38;
}
._filterOptions_1i7yq_1 ._poolSelect_1i7yq_42 span._active_1i7yq_53 {
  background-color: var(--blue-color);
}
._filterOptions_1i7yq_1 ._blueBtn_1i7yq_59 {
  background-color: var(--blue-color);
  padding: 0.8rem;
  border-radius: 6rem;
  border: none;
  color: #fff;
  font-size: 1rem;
  font-family: barlow;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}
._filterOptions_1i7yq_1 ._filterSelectWrapper_1i7yq_73 {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
@media (max-width: 1230px) {
  ._filterOptions_1i7yq_1 ._filterSelectWrapper_1i7yq_73 {
    justify-content: center;
  }
}
._filterOptions_1i7yq_1 ._filterSelectWrapper_1i7yq_73 select {
  border: none;
  border-radius: 6rem;
  padding: 1rem;
  background-color: var(--bg-color-3);
  color: var(--fg-color-1);
  min-width: 7rem;
}
._filterOptions_1i7yq_1 ._layout_1i7yq_94 {
  display: flex;
  flex-direction: row;
  background-color: var(--bg-color-3);
  padding: 0.5rem;
  align-items: center;
  border-radius: 6rem;
  width: fit-content;
}
._filterOptions_1i7yq_1 ._layout_1i7yq_94 img {
  height: 2rem;
  width: 2rem;
  padding: 0.5rem;
  overflow: visible;
  cursor: pointer;
}
._filterOptions_1i7yq_1 ._layout_1i7yq_94 img:not(._active_1i7yq_53):hover {
  background: #201e38;
}
._filterOptions_1i7yq_1 ._layout_1i7yq_94 img._active_1i7yq_53 {
  background-color: var(--blue-color);
  border-radius: 50%;
}
._empty_1i7yq_118 {
  display: block;
  text-align: center;
  font-size: 1.5rem;
}
._grid_1i7yq_124 {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr));
}
@media (max-width: 1230px) {
  ._grid_1i7yq_124 {
    grid-template-columns: 1fr;
    max-width: 340px;
    margin: auto;
  }
}
._pagination_1i7yq_137 {
  margin: 2rem 0rem;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1230px) {
  ._pagination_1i7yq_137 {
    gap: 1rem;
  }
}
._pagination_1i7yq_137 span:hover {
  background-color: var(--fg-color-2);
}
._pagination_1i7yq_137 span._active_1i7yq_53 {
  height: 2rem;
  width: 2rem;
  background-color: var(--bg-color-3);
  cursor: pointer;
}
._gridCard_s2u2g_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 1230px) {
  ._gridCard_s2u2g_1 {
    flex-direction: column;
  }
}
._gridCard_s2u2g_1 ._leftSide_s2u2g_11 {
  padding: 1rem;
  border-radius: 1rem 0rem 0rem 1rem;
  background-color: #ffffff08;
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._gridCard_s2u2g_1 ._leftSide_s2u2g_11 {
    width: 100%;
    border-radius: 1rem 1rem 0rem 0rem;
  }
}
._gridCard_s2u2g_1 ._leftSide_s2u2g_11 ._imageAndText_s2u2g_26 {
  display: flex;
  flex-direction: row;
  align-items: top;
  gap: 0.5rem;
}
._gridCard_s2u2g_1 ._leftSide_s2u2g_11 ._imageAndText_s2u2g_26 div img {
  height: 5rem;
  width: 5rem;
  border-radius: 7.286px;
}
._gridCard_s2u2g_1 ._leftSide_s2u2g_11 ._imageAndText_s2u2g_26 ._text_s2u2g_37 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
._gridCard_s2u2g_1
  ._leftSide_s2u2g_11
  ._imageAndText_s2u2g_26
  ._lotteryIcon_s2u2g_43 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._gridCard_s2u2g_1
  ._leftSide_s2u2g_11
  ._imageAndText_s2u2g_26
  ._lotteryIcon_s2u2g_43
  img {
  width: 20px;
  height: 18px;
  border-radius: 0%;
}
._gridCard_s2u2g_1
  ._leftSide_s2u2g_11
  ._imageAndText_s2u2g_26
  ._greyText_s2u2g_54 {
  color: gray;
}
._gridCard_s2u2g_1 ._timeContainer_s2u2g_57 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
._gridCard_s2u2g_1 ._timeContainer_s2u2g_57 span {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  background-color: var(--bg-color-2);
  border-radius: 6rem;
  padding: 0rem 0.5rem 0rem 0rem;
}
._gridCard_s2u2g_1 ._timeContainer_s2u2g_57 span img {
  padding: 0.7rem;
  background-color: var(--blue-color);
  border-radius: 6rem;
  overflow: visible;
}
._gridCard_s2u2g_1 ._timeContainer_s2u2g_57 b {
  font-size: 2rem;
  height: 1.5rem;
  line-height: 0;
}
._gridCard_s2u2g_1 ._timeContainer_s2u2g_57 b:before,
._gridCard_s2u2g_1 ._timeContainer_s2u2g_57 b:after {
  content: ".";
  color: gray;
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 {
  padding: 1rem;
  background-color: var(--fg-color-3);
  width: 40%;
  height: 100%;
  border-radius: 0rem 1rem 1rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1230px) {
  ._gridCard_s2u2g_1 ._rightSide_s2u2g_87 {
    width: 100%;
    border-radius: 0rem 0rem 1rem 1rem;
  }
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 ._rates_s2u2g_105 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 ._rates_s2u2g_105 span {
  border-radius: 6rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 ._rates_s2u2g_105 span:nth-child(1) {
  background-color: var(--bg-color-2);
  padding: 0rem 0.5rem 0rem 0rem;
}
._gridCard_s2u2g_1
  ._rightSide_s2u2g_87
  ._rates_s2u2g_105
  span:nth-child(1)
  img {
  width: 31px;
  height: 31px;
  border: 2px solid var(--purple-color);
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 ._rates_s2u2g_105 span:nth-child(2) {
  background-color: #27263d;
  padding: 0rem 0rem 0rem 0.5rem;
}
._gridCard_s2u2g_1
  ._rightSide_s2u2g_87
  ._rates_s2u2g_105
  span:nth-child(2)
  img {
  width: 31px;
  height: 31px;
  border: 2px solid var(--pink-color);
  background-color: var(--bg-color-2);
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 ._rates_s2u2g_105 span img {
  padding: 0.5rem;
  border-radius: 1rem;
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 ._pool_s2u2g_140 {
  display: flex;
  flex-direction: row;
  gap: 0.2rem;
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 ._pool_s2u2g_140 :nth-child(1) {
  color: gray;
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 ._buttonsContainer_s2u2g_148 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  width: 100%;
  align-items: center;
  justify-content: center;
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 ._buttonsContainer_s2u2g_148 button {
  width: 100%;
}
._gridCard_s2u2g_1
  ._rightSide_s2u2g_87
  ._buttonsContainer_s2u2g_148
  ._icons_s2u2g_159
  button {
  border: none;
  padding: 0.7rem;
  background-color: var(--blue-color);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 100%;
}
._gridCard_s2u2g_1
  ._rightSide_s2u2g_87
  ._buttonsContainer_s2u2g_148
  ._icons_s2u2g_159
  button
  img {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 ._betPlaced_s2u2g_175 {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--bg-color-2);
  padding: 0.3rem;
  border-radius: 6rem;
  width: 100%;
  justify-content: center;
  cursor: pointer;
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 ._betPlaced_s2u2g_175 span {
  justify-self: end;
  margin-right: auto;
}
._gridCard_s2u2g_1 ._rightSide_s2u2g_87 ._betPlaced_s2u2g_175 img {
  background-color: var(--blue-color);
  border-radius: 50%;
  margin-right: auto;
}
._button_u6g3r_1 {
  background-color: var(--blue-color);
  padding: 0.7rem;
  color: var(--fg-color-1);
  border-radius: 6rem;
  line-height: inherit;
  font-size: 1rem;
  font-family: inherit;
  display: flex;
  border: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  cursor: pointer;
}
._button_u6g3r_1:hover {
  background-color: #fff;
  color: var(--blue-color);
}
._button_u6g3r_1:hover._stroke_u6g3r_20 svg * {
  stroke: var(--blue-color);
}
._button_u6g3r_1:hover._fill_u6g3r_23 svg * {
  fill: var(--blue-color);
}
@media (max-width: 1230px) {
  ._desktop-only_ojadp_2 {
    display: none;
  }
}
._mobile-only_ojadp_7 {
  display: none;
}
@media (max-width: 1230px) {
  ._mobile-only_ojadp_7 {
    display: revert;
  }
}
@media (max-width: 1230px) {
  ._tableWrapper_o7rzt_2 {
    width: 90vw;
    overflow: scroll;
    margin: auto;
  }
}
._tableWrapper_o7rzt_2 ._tableContainer_o7rzt_8 {
  width: 100%;
  border-radius: 2rem;
  background-color: var(--bg-color-3);
}
._tableWrapper_o7rzt_2 ._tableContainer_o7rzt_8 ._tableHeader_o7rzt_13 {
  padding: 1rem;
}
._tableWrapper_o7rzt_2 ._tableContainer_o7rzt_8 ._tableHeader_o7rzt_13 td {
  background-color: var(--fg-color-3);
  padding: 1rem;
}
._tableWrapper_o7rzt_2
  ._tableContainer_o7rzt_8
  ._tableHeader_o7rzt_13
  td:first-child {
  border-radius: 2rem 0 0 0rem;
}
._tableWrapper_o7rzt_2
  ._tableContainer_o7rzt_8
  ._tableHeader_o7rzt_13
  td:last-child {
  border-radius: 0rem 2rem 0 0rem;
}
._tableWrapper_o7rzt_2 ._tableContainer_o7rzt_8 tr._hidden_o7rzt_26 {
  opacity: 0.2;
  cursor: not-allowed;
}
._tableWrapper_o7rzt_2 ._tableContainer_o7rzt_8 td {
  padding: 1rem;
}
._tableWrapper_o7rzt_2 ._tableContainer_o7rzt_8 td._hideContainer_o7rzt_33 {
  cursor: pointer;
}
._tableWrapper_o7rzt_2 ._tableContainer_o7rzt_8 td._hideContainer_o7rzt_33 img {
  transition: all 0.2s ease-in-out;
}
._tableWrapper_o7rzt_2
  ._tableContainer_o7rzt_8
  td._hideContainer_o7rzt_33:hover
  img {
  transform: scale(1.5);
  transition: all 0.2s ease-in-out;
}
._tableWrapper_o7rzt_2 ._tableContainer_o7rzt_8 td ._name_o7rzt_43 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
._tableWrapper_o7rzt_2 ._tableContainer_o7rzt_8 td ._name_o7rzt_43 img {
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
}
._tableWrapper_o7rzt_2 ._tableContainer_o7rzt_8 td ._remainingTime_o7rzt_55 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  align-items: baseline;
}
._tableWrapper_o7rzt_2
  ._tableContainer_o7rzt_8
  td
  ._remainingTime_o7rzt_55
  ._closeTime_o7rzt_62,
._tableWrapper_o7rzt_2
  ._tableContainer_o7rzt_8
  td
  ._remainingTime_o7rzt_55
  ._lockTime_o7rzt_62 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
._tableWrapper_o7rzt_2
  ._tableContainer_o7rzt_8
  td
  ._remainingTime_o7rzt_55
  ._closeTime_o7rzt_62
  img,
._tableWrapper_o7rzt_2
  ._tableContainer_o7rzt_8
  td
  ._remainingTime_o7rzt_55
  ._lockTime_o7rzt_62
  img {
  border: 2px solid var(--bg-color-2);
  padding: 0.5rem;
  border-radius: 50%;
  background-color: var(--blue-color);
  overflow: visible;
}
._tableWrapper_o7rzt_2 ._tableContainer_o7rzt_8 td ._multipliers_o7rzt_75 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._tableWrapper_o7rzt_2
  ._tableContainer_o7rzt_8
  td
  ._multipliers_o7rzt_75
  ._upRate_o7rzt_80 {
  padding: 0rem 0.5rem 0rem 0rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
._tableWrapper_o7rzt_2
  ._tableContainer_o7rzt_8
  td
  ._multipliers_o7rzt_75
  ._upRate_o7rzt_80
  img {
  border: 2px solid var(--purple-color);
  padding: 0.5rem;
  border-radius: 50%;
  background-color: var(--fg-color-3);
}
._tableWrapper_o7rzt_2
  ._tableContainer_o7rzt_8
  td
  ._multipliers_o7rzt_75
  ._downRate_o7rzt_93 {
  padding: 0rem 0.5rem 0rem 0rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
._tableWrapper_o7rzt_2
  ._tableContainer_o7rzt_8
  td
  ._multipliers_o7rzt_75
  ._downRate_o7rzt_93
  img {
  border: 2px solid var(--pink-color);
  padding: 0.5rem;
  border-radius: 50%;
  background-color: var(--fg-color-3);
}
._loadingSpinner_3zm4o_1 {
  z-index: 3;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
}
._container_3zm4o_10 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  position: fixed;
  border-radius: 2rem;
  margin: auto;
  width: fit-content;
  height: fit-content;
  top: 2rem;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--bg-color-2);
  z-index: 3;
  color: var(--fg-color-1);
  padding: 2.3rem;
}
._container_3zm4o_10._sidecontainer_3zm4o_25 {
  max-width: 70rem;
}
._container_3zm4o_10._mobileContainer_3zm4o_28 {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10 {
    flex-direction: column;
    top: 130%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 2rem;
    width: 95vw;
    padding: 0rem;
  }
}
._container_3zm4o_10 ._close_3zm4o_42 {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  background-color: var(--fg-color-3);
  padding: 0.5rem;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10 ._close_3zm4o_42 {
    top: 0rem;
    right: 0rem;
  }
}
._container_3zm4o_10 ._tokenDetails_3zm4o_57 {
  display: flex;
  flex-direction: column;
  background-color: var(--bg-color-3);
  border-radius: 2rem;
  gap: 1rem;
  padding-bottom: 1rem;
}
._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._header_3zm4o_65 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--fg-color-3);
  padding: 1.25rem 1.38rem;
  border-radius: 2rem 2rem 0rem 0rem;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._header_3zm4o_65
  ._icons_3zm4o_73
  * {
  border: none;
  background-color: unset;
  display: flex;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._header_3zm4o_65
  ._icons_3zm4o_73
  *
  div {
  border-radius: 50%;
  overflow: hidden;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._header_3zm4o_65
  ._icons_3zm4o_73
  *
  div
  img {
  width: 2.125rem;
  height: 2.125rem;
  padding: 7px;
  background-color: var(--blue-color);
  cursor: pointer;
}
._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._header_3zm4o_65 span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._header_3zm4o_65 span > img {
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 100%;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._header_3zm4o_65
  span:nth-of-type(2) {
  font-size: 1.25rem;
}
._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._openAndTimeWrapper_3zm4o_102 {
  padding: 0rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._openAndTimeWrapper_3zm4o_102 {
    flex-direction: column;
  }
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._openAndTimeWrapper_3zm4o_102
  ._status_3zm4o_114 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  background-color: var(--fg-color-3);
  border-radius: 6rem;
  padding: 0rem 0.5rem 0rem 0rem;
  text-transform: capitalize;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._openAndTimeWrapper_3zm4o_102
  ._status_3zm4o_114._open_3zm4o_102
  img {
  background-color: var(--blue-color);
  border-radius: 50%;
  cursor: pointer;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._openAndTimeWrapper_3zm4o_102
  ._status_3zm4o_114._locked_3zm4o_129
  div,
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._openAndTimeWrapper_3zm4o_102
  ._status_3zm4o_114._closed_3zm4o_129
  div {
  background-color: var(--blue-color);
  overflow: hidden;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  width: 2.125rem;
  height: 2.125rem;
  align-items: center;
  justify-content: center;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._openAndTimeWrapper_3zm4o_102
  ._timeContainer_3zm4o_140 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._openAndTimeWrapper_3zm4o_102
  ._timeContainer_3zm4o_140
  span {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  background-color: var(--fg-color-3);
  align-items: center;
  border-radius: 6rem;
  padding: 0rem 0.5rem 0rem 0rem;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._openAndTimeWrapper_3zm4o_102
  ._timeContainer_3zm4o_140
  span
  img {
  padding: 0.7rem;
  background-color: var(--blue-color);
  border-radius: 6rem;
  overflow: visible;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._openAndTimeWrapper_3zm4o_102
  ._timeContainer_3zm4o_140
  b {
  font-size: 2rem;
  height: 1.5rem;
  line-height: 0;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10
    ._tokenDetails_3zm4o_57
    ._openAndTimeWrapper_3zm4o_102
    ._timeContainer_3zm4o_140
    b {
    display: none;
  }
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._openAndTimeWrapper_3zm4o_102
  ._timeContainer_3zm4o_140
  b:before,
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._openAndTimeWrapper_3zm4o_102
  ._timeContainer_3zm4o_140
  b:after {
  content: ".";
  color: gray;
}
._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._priceVariations_3zm4o_175 {
  font-size: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 2.5rem;
  padding: 1rem;
  margin: 0rem 1rem;
  background-color: var(--fg-color-3);
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._commitWrapper_3zm4o_185 {
  display: flex;
  border-radius: 2.5rem;
  justify-content: space-between;
  background-color: var(--bg-color-2);
  align-items: center;
  padding-right: 1rem;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._commitWrapper_3zm4o_185
  ._commit_3zm4o_185 {
  background-color: var(--bg-color-3);
  border-radius: 2.5rem;
  padding: 1.5rem;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._commitWrapper_3zm4o_185
  input {
  background-color: transparent;
  border: none;
  padding: 0.5rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
  width: 5rem;
  color: var(--fg-color-1);
  outline: none;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._commitWrapper_3zm4o_185
  input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._commitWrapper_3zm4o_185
  ._max_3zm4o_212 {
  padding: 0.5rem 1rem;
  background-color: var(--blue-color);
  border-radius: 2rem;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._commitWrapper_3zm4o_185
  ._disActive_3zm4o_217 {
  cursor: not-allowed;
  opacity: 0.5;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._greyText_3zm4o_221 {
  color: var(--bg-color-1);
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._balance_3zm4o_224 {
  margin-left: auto;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10
    ._tokenDetails_3zm4o_57
    ._priceVariations_3zm4o_175
    ._balance_3zm4o_224 {
    margin: auto;
  }
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._prices_3zm4o_232 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 1rem;
  background-color: var(--bg-color-3);
  border-radius: 1.25rem;
  row-gap: 1rem;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10
    ._tokenDetails_3zm4o_57
    ._priceVariations_3zm4o_175
    ._prices_3zm4o_232 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    align-items: center;
  }
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._prices_3zm4o_232
  span:nth-of-type(odd) {
  color: var(--bg-color-1);
  padding-left: 1rem;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10
    ._tokenDetails_3zm4o_57
    ._priceVariations_3zm4o_175
    ._prices_3zm4o_232
    span:nth-of-type(odd) {
    padding: 0rem;
  }
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._prices_3zm4o_232
  span:nth-of-type(2n) {
  text-align: end;
  padding-right: 1rem;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10
    ._tokenDetails_3zm4o_57
    ._priceVariations_3zm4o_175
    ._prices_3zm4o_232
    span:nth-of-type(2n) {
    padding: 0rem;
  }
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._prices_3zm4o_232
  span:nth-of-type(2n)
  ._greenText_3zm4o_267 {
  color: var(--fg-color-4);
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._priceVariations_3zm4o_175
  ._prices_3zm4o_232
  div {
  grid-column: 1/2 span;
  border-radius: 0rem 0rem 1.25rem 1.25rem;
  background-color: var(--bg-color-2);
  padding: 1rem 0rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10
    ._tokenDetails_3zm4o_57
    ._priceVariations_3zm4o_175
    ._prices_3zm4o_232
    div {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._realLifePrediction_3zm4o_285 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background-color: var(--fg-color-3);
  border-radius: 2.5rem;
  margin: 0rem 1rem;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._realLifeHeader_3zm4o_294 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._realLifeHeader_3zm4o_294
  img {
  height: 6rem;
  width: 6rem;
  object-fit: cover;
  border-radius: 1rem;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10
    ._tokenDetails_3zm4o_57
    ._realLifePrediction_3zm4o_285
    ._realLifeHeader_3zm4o_294 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  ._container_3zm4o_10
    ._tokenDetails_3zm4o_57
    ._realLifePrediction_3zm4o_285
    ._realLifeHeader_3zm4o_294
    img {
    height: 6rem;
    width: 6rem;
    object-fit: cover;
    border-radius: 2rem;
  }
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._realLifeHeader_3zm4o_294
  div {
  display: flex;
  flex-direction: column;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._realLifeHeader_3zm4o_294
  div
  span:first-of-type {
  color: var(--bg-color-1);
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._realLifeHeader_3zm4o_294
  div
  p {
  font-size: 1.25rem;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._priceList_3zm4o_328 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._priceList_3zm4o_328
  ._price_3zm4o_175 {
  display: flex;
  align-items: center;
  background-color: var(--bg-color-2);
  border-radius: 2rem;
  padding-right: 0.5rem;
  gap: 1rem;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._priceList_3zm4o_328
  ._price_3zm4o_175
  ._numberAndPrice_3zm4o_342 {
  display: flex;
  align-items: center;
  border-radius: 2rem;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  background-color: var(--bg-color-3);
  gap: 1rem;
  margin-right: auto;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10
    ._tokenDetails_3zm4o_57
    ._realLifePrediction_3zm4o_285
    ._priceList_3zm4o_328
    ._price_3zm4o_175
    ._numberAndPrice_3zm4o_342 {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
  }
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._priceList_3zm4o_328
  ._price_3zm4o_175
  ._numberAndPrice_3zm4o_342
  span:first-of-type {
  font-size: 1.25rem;
  background-color: var(--fg-color-2);
  border-radius: 50%;
  border: 2px solid var(--blue-color);
  height: 3rem;
  width: 3rem;
  text-align: center;
  line-height: 2.7rem;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._priceList_3zm4o_328
  ._price_3zm4o_175
  ._liquidity_3zm4o_370 {
  display: flex;
  flex-direction: column;
  align-items: end;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._priceList_3zm4o_328
  ._price_3zm4o_175
  ._liquidity_3zm4o_370
  input {
  background-color: transparent;
  border: none;
  padding: 0.5rem;
  border-radius: 0.5rem;
  width: 5rem;
  color: var(--fg-color-1);
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._priceList_3zm4o_328
  ._price_3zm4o_175
  ._betAndRate_3zm4o_383 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10
    ._tokenDetails_3zm4o_57
    ._realLifePrediction_3zm4o_285
    ._priceList_3zm4o_328
    ._price_3zm4o_175
    ._betAndRate_3zm4o_383 {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._priceList_3zm4o_328
  ._price_3zm4o_175
  ._betAndRate_3zm4o_383
  ._bet_3zm4o_383 {
  background-color: var(--blue-color);
  border-radius: 2rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._priceList_3zm4o_328
  ._price_3zm4o_175
  ._betAndRate_3zm4o_383
  ._disActiveBet_3zm4o_402 {
  background-color: var(--blue-color);
  border-radius: 2rem;
  padding: 0.5rem 1rem;
  opacity: 0.5;
  cursor: not-allowed;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._priceList_3zm4o_328
  ._price_3zm4o_175
  ._betAndRate_3zm4o_383
  ._selected_3zm4o_409 {
  background-color: var(--fg-color-4);
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._realLifePrediction_3zm4o_285
  ._priceList_3zm4o_328
  ._price_3zm4o_175
  ._betAndRate_3zm4o_383
  ._rate_3zm4o_412 {
  background-color: var(--bg-color-3);
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  text-align: center;
  line-height: 3rem;
}
._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._variationRates_3zm4o_420 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 1rem;
}
._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._variationWrapper_3zm4o_426 {
  border-radius: 3.92163rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  border: none;
  color: var(--fg-color-1);
  font-size: 1.25rem;
  font-family: barlow;
  cursor: pointer;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._variationWrapper_3zm4o_426 {
    font-size: 1rem;
  }
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._variationWrapper_3zm4o_426:not(._disabled_3zm4o_443):hover,
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._variationWrapper_3zm4o_426:not(._settled_3zm4o_443):hover {
  color: var(--bg-color-2);
  background-color: var(--fg-color-1) !important;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._variationWrapper_3zm4o_426._disabled_3zm4o_443 {
  opacity: 0.3;
  cursor: not-allowed;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._variationWrapper_3zm4o_426._settled_3zm4o_443 {
  cursor: not-allowed;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._variationWrapper_3zm4o_426._selected_3zm4o_409 {
  border: 5px solid var(--fg-color-4);
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._variationWrapper_3zm4o_426:nth-of-type(1) {
  padding-right: 1rem;
  background-color: var(--fg-color-5);
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._variationWrapper_3zm4o_426:nth-of-type(1)
  img {
  border: 2px solid var(--purple-color);
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._variationWrapper_3zm4o_426:nth-of-type(2) {
  padding-left: 1rem;
  background-color: var(--bg-color-5);
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._variationWrapper_3zm4o_426:nth-of-type(2)
  img {
  border: 2px solid var(--pink-color);
}
._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._variationWrapper_3zm4o_426 div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._variationWrapper_3zm4o_426
  div
  span:last-of-type {
  color: var(--bg-color-1);
}
._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._variationWrapper_3zm4o_426 img {
  padding: 0.7rem;
  height: 3rem;
  width: 3rem;
  background-color: var(--fg-color-3);
  border-radius: 50%;
}
._container_3zm4o_10 ._tokenDetails_3zm4o_57 ._pool-result_3zm4o_486 {
  display: flex;
  font-size: 1.25rem;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
._container_3zm4o_10
  ._tokenDetails_3zm4o_57
  ._pool-result_3zm4o_486
  ._variationWrapper_3zm4o_426 {
  border: 2px solid var(--fg-color-4);
}
._container_3zm4o_10 ._lottery_3zm4o_496 {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: var(--bg-color-3);
  border-radius: 2.7rem;
  padding: 1rem;
  font-size: 1.25rem;
  white-space: nowrap;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10 ._lottery_3zm4o_496 {
    flex-direction: column;
    width: fit-content;
    margin: 1rem auto;
  }
}
._container_3zm4o_10 ._lottery_3zm4o_496 ._greenText_3zm4o_267 {
  color: var(--fg-color-4);
}
._container_3zm4o_10 ._lottery_3zm4o_496 img {
  height: 3rem;
  border-radius: 50%;
  background-color: var(--blue-color);
  padding: 0.7rem;
  overflow: visible;
}
._container_3zm4o_10 ._lottery_3zm4o_496 ._textContainer_3zm4o_524 {
  display: flex;
  flex-direction: column;
}
._container_3zm4o_10 ._lottery_3zm4o_496 ._timeContainer_3zm4o_140 {
  background-color: var(--fg-color-3);
  border-radius: 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 1rem 0 0.5rem;
  font-size: 1rem;
}
._container_3zm4o_10
  ._lottery_3zm4o_496
  ._timeContainer_3zm4o_140
  span:first-of-type {
  height: 3rem;
  color: var(--fg-color-4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._container_3zm4o_10
  ._lottery_3zm4o_496
  ._timeContainer_3zm4o_140
  span:first-of-type:nth-of-type(2) {
  border: 2px solid red;
}
._container_3zm4o_10
  ._lottery_3zm4o_496
  ._timeContainer_3zm4o_140
  span:first-of-type
  span {
  border: 2px solid var(--fg-color-4);
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
}
._container_3zm4o_10 ._tokenDescription_3zm4o_554 {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 30rem;
}
@media (max-width: 1230px) {
  ._container_3zm4o_10 ._tokenDescription_3zm4o_554 {
    min-width: 10rem;
    align-items: center;
  }
}
._container_3zm4o_10 ._tokenDescription_3zm4o_554 h1 {
  font-size: 1.25rem;
}
._container_3zm4o_10 ._tokenDescription_3zm4o_554 p {
  font-size: 1rem;
  color: var(--bg-color-1);
}
@media (max-width: 1230px) {
  ._container_3zm4o_10 ._tokenDescription_3zm4o_554 p {
    padding: 0 1rem;
  }
}
._container_3zm4o_10 ._tokenDescription_3zm4o_554 ._links_3zm4o_579 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._blackBg_3zm4o_585 {
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000b3;
}
._backdrop_3zm4o_592 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0.8;
  z-index: 1;
  background-color: var(--bg-color-3);
}
._message-dialog_3zm4o_605 {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 22rem;
  transform: translate(-50%) translateY(-50%);
  background-color: var(--bg-color-2);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem 3rem;
  gap: 0.62rem;
  border-radius: 1.875rem;
  font-size: 1.25rem;
  z-index: 2;
}
._message-dialog_3zm4o_605 ._title_3zm4o_621 {
  font-size: 1.25rem;
}
._message-dialog_3zm4o_605 ._body_3zm4o_624 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: var(--fg-color-6);
}
._message-dialog_3zm4o_605 ._body_3zm4o_624 div {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  align-items: center;
  text-align: center;
}
._message-dialog_3zm4o_605 ._close_3zm4o_42 {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 15px;
}
._message-dialog_3zm4o_605 ._close_3zm4o_42 img {
  max-width: 100%;
}
@keyframes _spin_11dzc_1 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
._loadingSpinner_11dzc_9 {
  height: 1rem;
  width: 1rem;
  animation: _spin_11dzc_1 2s linear infinite forwards;
}
._header_1ahgy_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  background-color: var(--bg-color-3);
  z-index: 3;
  position: relative;
  min-height: 5.25rem;
}
@media (max-width: 1230px) {
  ._header_1ahgy_1 {
    padding: 1rem;
  }
}
._header_1ahgy_1 ._logoContainer_1ahgy_16,
._header_1ahgy_1 ._logoContainer_1ahgy_16 ._logo_1ahgy_16 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._header_1ahgy_1 ._logoContainer_1ahgy_16 ._burger_1ahgy_26 {
  display: none;
}
@media (max-width: 1230px) {
  ._header_1ahgy_1 ._logoContainer_1ahgy_16 ._burger_1ahgy_26 {
    display: inline;
  }
}
@media (max-width: 1230px) {
  ._header_1ahgy_1 ._logoContainer_1ahgy_16 img:nth-of-type(2) {
    width: 6rem;
  }
}
._header_1ahgy_1 ._headerMiddle_1ahgy_39 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 1230px) {
  ._header_1ahgy_1 ._headerMiddle_1ahgy_39 {
    display: none;
  }
}
._header_1ahgy_1 ._headerMiddle_1ahgy_39 ._blueButton_1ahgy_50 {
  background-color: var(--blue-color);
  padding: 1rem;
  color: var(--fg-color-1);
  border-radius: 6rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._header_1ahgy_1 ._userOptions_1ahgy_59 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
._header_1ahgy_1 ._userOptions_1ahgy_59 button {
  padding: 1rem;
  color: var(--fg-color-1);
  font-family: barlow;
  border: none;
  border-radius: 6rem;
  min-width: 6rem;
  cursor: pointer;
}
@media (max-width: 1230px) {
  ._header_1ahgy_1 ._userOptions_1ahgy_59 button {
    display: none;
  }
}
._header_1ahgy_1 ._userOptions_1ahgy_59 ._userInfo_1ahgy_79 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._header_1ahgy_1 ._userOptions_1ahgy_59 ._userInfo_1ahgy_79 ._email_1ahgy_84 {
  color: var(--fg-color-1);
}
._header_1ahgy_1
  ._userOptions_1ahgy_59
  ._userInfo_1ahgy_79
  ._userImageDesktop_1ahgy_87 {
  cursor: pointer;
  position: relative;
}
._header_1ahgy_1
  ._userOptions_1ahgy_59
  ._userInfo_1ahgy_79
  ._userImageDesktop_1ahgy_87
  img {
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
}
._header_1ahgy_1
  ._userOptions_1ahgy_59
  ._userInfo_1ahgy_79
  ._dropdownMenu_1ahgy_96 {
  position: absolute;
  width: max-content;
  background-color: var(--bg-color-3);
  border-radius: 0.625rem;
  top: calc(100% + 2.2rem);
  right: 0;
  font-family: inherit;
  padding: 0.75rem 0 0;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
._header_1ahgy_1
  ._userOptions_1ahgy_59
  ._userInfo_1ahgy_79
  ._dropdownMenu_1ahgy_96
  a {
  color: var(--fg-color-1);
  text-decoration: none;
  padding: 0 0.62rem;
}
._header_1ahgy_1
  ._userOptions_1ahgy_59
  ._userInfo_1ahgy_79
  ._dropdownMenu_1ahgy_96
  ._triangle_1ahgy_115 {
  border-left: 0.81272rem solid transparent;
  border-right: 0.81272rem solid transparent;
  border-bottom: 0.91431rem solid var(--bg-color-3);
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0.69rem;
  transform: translateY(-100%);
}
._header_1ahgy_1
  ._userOptions_1ahgy_59
  ._userInfo_1ahgy_79
  ._dropdownMenu_1ahgy_96
  button {
  padding: 0.5rem 1.25rem 0.5rem 0.62rem;
  border: none;
  background-color: #ffffff06;
  border-radius: 0.625rem;
  color: var(--fg-color-1);
  font-size: inherit;
  display: flex;
  gap: 0.6rem;
  align-items: center;
  cursor: pointer;
}
._header_1ahgy_1
  ._userOptions_1ahgy_59
  ._userInfo_1ahgy_79
  ._dropdownMenu_1ahgy_96
  button
  img {
  width: 1.49619rem;
  height: 1.49619rem;
  background-color: var(--blue-color);
  padding: 0.4rem;
}
._header_1ahgy_1
  ._userOptions_1ahgy_59
  ._userInfo_1ahgy_79
  ._userImageMobile_1ahgy_144 {
  display: none;
}
._header_1ahgy_1
  ._userOptions_1ahgy_59
  ._userInfo_1ahgy_79
  ._userImageMobile_1ahgy_144
  img {
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
}
._header_1ahgy_1 ._loginBtn_1ahgy_152 {
  background-color: var(--bg-color-2);
  font-size: 1rem;
  font-family: barlow;
}
._header_1ahgy_1 ._registerBtn_1ahgy_157 {
  background-color: var(--blue-color);
  font-size: 1rem;
  font-family: barlow;
}
._header_1ahgy_1 ._icon_1ahgy_162 {
  width: 2.9375rem;
  height: 2.9375rem;
  display: flex;
  padding: 0.6875rem;
  background-color: var(--bg-color-2);
  border-radius: 50%;
  opacity: 0.5;
}
._dialog_3czhq_1 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  position: absolute;
  border-radius: 2rem;
  margin: auto;
  width: fit-content;
  height: 90vh;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--bg-color-2);
  z-index: 4;
}
._dialog_3czhq_1._mobile_3czhq_14 {
  position: relative;
  z-index: 1;
  height: 38rem;
}
._dialog_3czhq_1._mobile_3czhq_14 ._imageContainer_3czhq_19 {
  display: none;
}
._dialog_3czhq_1 ._imageContainer_3czhq_19 {
  min-height: 100%;
}
._dialog_3czhq_1 ._imageContainer_3czhq_19 img {
  border-radius: 2rem 0rem 0rem 2rem;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
._dialog_3czhq_1 ._formContainer_3czhq_31 {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: #fff;
}
._dialog_3czhq_1 ._formContainer_3czhq_31 ._close_3czhq_38 {
  height: 2rem;
  width: 2rem;
  border-radius: 6rem;
  margin-left: auto;
  background-color: var(--bg-color-3);
  padding: 0.5rem;
  overflow: visible;
  cursor: pointer;
}
._dialog_3czhq_1 ._loginOptions_3czhq_48 {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  align-items: center;
  padding: 0.5rem;
  background-color: var(--bg-color-3);
  border-radius: 6rem;
  gap: 0.5rem;
}
._dialog_3czhq_1 ._loginOptions_3czhq_48 span {
  padding: 1rem;
  border: none;
  border-radius: 6rem;
  background-color: transparent;
  color: #fff;
  font-family: barlow;
  text-align: center;
  cursor: pointer;
}
._dialog_3czhq_1 ._loginOptions_3czhq_48 span._active_3czhq_68 {
  background-color: var(--blue-color);
  min-width: 6rem;
}
._dialog_3czhq_1 ._optionsContainer_3czhq_72 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._dialog_3czhq_1 ._optionsContainer_3czhq_72 ._continue_3czhq_77 {
  text-align: center;
}
._dialog_3czhq_1 ._optionsContainer_3czhq_72 ._autoSignInContainer_3czhq_80 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
}
._dialog_3czhq_1 ._optionsContainer_3czhq_72 ._autoSignInContainer_3czhq_80 a {
  display: flex;
  flex-direction: row;
  padding: 0.5rem 1rem;
  align-items: center;
  background-color: #fff;
  color: var(--bg-color-2);
  border-radius: 6rem;
  font-weight: bolder;
  cursor: pointer;
  width: 9rem;
  text-decoration: none;
}
._dialog_3czhq_1 ._privacy_3czhq_99 {
  color: var(--bg-color-1);
  text-align: center;
  max-width: 30rem;
}
._blackBg_3czhq_105 {
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000b3;
}
._loginForm_l3p7t_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}
._loginForm_l3p7t_1 div {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
}
._loginForm_l3p7t_1 div input,
._loginForm_l3p7t_1 div input input {
  padding: 1rem;
  border: none;
  border-radius: 6rem;
  background-color: var(--bg-color-3);
  color: var(--fg-color-1);
  width: 90%;
  height: 4rem;
  outline: none;
}
._loginForm_l3p7t_1 div input input::placeholder {
  color: var(--bg-color-1);
}
._loginForm_l3p7t_1 div input small,
._loginForm_l3p7t_1 div small {
  color: var(--red-color);
}
._loginForm_l3p7t_1 ._forgotPassword_l3p7t_43 {
  color: var(--blue-color);
}
._loginForm_l3p7t_1 button {
  color: var(--fg-color-1);
  padding: 1.2rem;
  width: 11.375rem;
  border: none;
  border-radius: 6rem;
  background-color: var(--blue-color);
  min-width: 6rem;
  cursor: pointer;
  font-family: barlow;
  font-size: 1rem;
}
._loginForm_l3p7t_1 ._error_l3p7t_58 {
  color: red;
}
._registerForm_1z0i4_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}
._registerForm_1z0i4_1 div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  width: 100%;
}
._registerForm_1z0i4_1 div input,
._registerForm_1z0i4_1 div input input {
  padding: 1rem;
  border: none;
  border-radius: 6rem;
  background-color: var(--bg-color-3);
  color: var(--fg-color-1);
  width: 90%;
  height: 4rem;
  outline: none;
}
._registerForm_1z0i4_1 div input input::placeholder {
  color: var(--bg-color-1);
}
._registerForm_1z0i4_1 div input input._error_1z0i4_37 {
  border: 2px solid var(--red-color);
}
._registerForm_1z0i4_1 div input small,
._registerForm_1z0i4_1 div small {
  color: var(--red-color);
}
._registerForm_1z0i4_1 button {
  color: var(--fg-color-1);
  padding: 1.2rem;
  width: 11.375rem;
  border: none;
  border-radius: 6rem;
  background-color: var(--blue-color);
  min-width: 6rem;
  cursor: pointer;
  font-family: barlow;
  font-size: 1rem;
}
._registerForm_1z0i4_1 ._message_1z0i4_58 {
  color: var(--fg-color-1);
  max-width: 400px;
  text-align: center;
}
._registerForm_1z0i4_1 ._message_1z0i4_58._error_1z0i4_37 {
  color: red;
}
._dialog_7ggpe_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: fixed;
  border-radius: 2rem;
  margin: auto;
  width: fit-content;
  height: fit-content;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--fg-color-2);
  z-index: 3;
  color: var(--fg-color-1);
}
@media (max-width: 1230px) {
  ._dialog_7ggpe_1 {
    z-index: 1;
    padding: 27px;
    width: 100%;
  }
}
._dialog_7ggpe_1._desktop_7ggpe_22 {
  position: relative;
  margin: 0 auto;
}
._dialog_7ggpe_1._desktop_7ggpe_22 ._header_7ggpe_26 {
  justify-content: center;
}
._dialog_7ggpe_1._desktop_7ggpe_22 ._close_7ggpe_29 {
  display: none;
}
._dialog_7ggpe_1 ._header_7ggpe_26 {
  border-radius: 2rem 2rem 0rem 0rem;
  padding: 0.7rem;
  width: 100%;
  background-color: var(--bg-color-3);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
._dialog_7ggpe_1 ._header_7ggpe_26 ._close_7ggpe_29 img {
  background-color: var(--bg-color-2);
  height: 2rem;
  width: 2rem;
  border-radius: 1rem;
  padding: 0.5rem;
  overflow: visible;
  cursor: pointer;
}
._dialog_7ggpe_1 ._header_7ggpe_26 ._toggleContainer_7ggpe_51 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
._dialog_7ggpe_1 ._header_7ggpe_26 ._toggleContainer_7ggpe_51 span {
  color: var(--bg-color-1);
}
._dialog_7ggpe_1
  ._header_7ggpe_26
  ._toggleContainer_7ggpe_51
  span._active_7ggpe_60 {
  color: var(--fg-color-1);
}
._dialog_7ggpe_1 ._viewWrapper_7ggpe_63 {
  display: none;
}
._dialog_7ggpe_1 ._viewWrapper_7ggpe_63._active_7ggpe_60 {
  display: block;
}
._blackBg_7ggpe_70 {
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000b3;
}
._toggleContainer_u7r1b_1 {
  width: 3rem;
  height: 2rem;
  background-color: var(--bg-color-1);
  border-radius: 1rem;
  position: relative;
  cursor: pointer;
}
._toggleContainer_u7r1b_1 span {
  position: absolute;
  top: 12%;
  left: 10%;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--blue-color);
  border-radius: 50%;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}
._toggleContainer_u7r1b_1 span._active_u7r1b_20 {
  left: 40%;
  transition: all 0.1s ease-in-out;
}
._depositCoin_1r5c7_1 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 32rem;
}
@media (max-width: 1230px) {
  ._depositCoin_1r5c7_1 {
    width: fit-content;
  }
}
._depositCoin_1r5c7_1 h1 {
  font-family: adieu;
  font-weight: 100;
}
._depositText_1r5c7_20 {
  text-align: center;
  color: var(--bg-color-1);
  width: fit-content;
  margin: auto;
}
@media (max-width: 1230px) {
  ._depositText_1r5c7_20 {
    width: 10rem;
  }
}
._coinSelect_1r5c7_32 {
  display: flex;
  flex-wrap: wrap;
  max-width: 32rem;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: auto;
  padding-bottom: 1rem;
  margin-top: 1rem;
}
@media (max-width: 1230px) {
  ._coinSelect_1r5c7_32 {
    flex-direction: column;
  }
}
._coinSelect_1r5c7_32 img {
  height: 3rem;
  width: 3rem;
  cursor: pointer;
}
._coinSelect_1r5c7_32 span {
  background-color: var(--bg-color-3);
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem;
  border-radius: 6rem;
  cursor: pointer;
  width: 8rem;
}
@media (max-width: 1230px) {
  ._coinSelect_1r5c7_32 span {
    width: fit-content;
  }
}
._container_wfzj7_1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 38rem;
  padding: 1rem;
}
@media (max-width: 1230px) {
  ._container_wfzj7_1 {
    padding: 0.5rem;
    width: 20rem;
  }
}
._container_wfzj7_1 h1 {
  font-family: adieu;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
._container_wfzj7_1 h1 img {
  width: 3rem;
}
._container_wfzj7_1 p {
  text-align: center;
  line-height: 1.5rem;
}
._container_wfzj7_1 ._message_wfzj7_30 {
  background-color: var(--bg-color-4);
  color: var(--fg-color-4);
  border-radius: 2.6rem;
  width: 100%;
  height: 4rem;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
._container_wfzj7_1 span {
  color: var(--blue-color);
  cursor: pointer;
  text-decoration: none;
}
@keyframes _spin_u8p1f_1 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
._container_u8p1f_9 {
  max-width: 42rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0rem 2rem 2rem 1rem;
  align-items: center;
}
._container_u8p1f_9 ._coinImage_u8p1f_17 {
  width: 3rem;
  height: 3rem;
}
._container_u8p1f_9 h1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-weight: 100;
  font-family: adieu;
  justify-content: center;
}
._container_u8p1f_9 p {
  text-align: center;
  color: var(--bg-color-1);
  width: 100%;
}
@media (max-width: 1230px) {
  ._container_u8p1f_9 p {
    width: 10rem;
  }
}
._container_u8p1f_9 ._textContainer_u8p1f_40 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  background-color: var(--bg-color-3);
  padding: 1rem;
  border-radius: 1.25rem;
}
@media (max-width: 1230px) {
  ._container_u8p1f_9 ._textContainer_u8p1f_40 {
    width: fit-content;
  }
}
._container_u8p1f_9 ._textContainer_u8p1f_40 ._code_u8p1f_54 {
  display: flex;
  align-items: center;
  background-color: var(--bg-color-2);
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-radius: 2rem;
  gap: 0.5rem;
  font-size: 1.25rem;
  width: fit-content;
}
@media (max-width: 1230px) {
  ._container_u8p1f_9 ._textContainer_u8p1f_40 ._code_u8p1f_54 {
    flex-direction: column;
    width: 15rem;
    white-space: wrap;
    overflow: hidden;
  }
}
._container_u8p1f_9 ._textContainer_u8p1f_40 ._code_u8p1f_54 button {
  font-family: barlow;
  font-size: 1.3rem;
  font-weight: 400;
}
._container_u8p1f_9 ._textContainer_u8p1f_40 ._code_u8p1f_54 button svg {
  height: 1.2rem;
  width: 1.2rem;
}
._container_u8p1f_9 ._pendingContainer_u8p1f_81 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
}
._container_u8p1f_9 ._pendingContainer_u8p1f_81 img {
  animation: _spin_u8p1f_1 2s linear infinite;
}
._container_u8p1f_9 a {
  color: var(--blue-color);
  cursor: pointer;
}
._calculator_1hns6_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--bg-color-3);
  padding: 1rem;
  border-radius: 1.25rem;
  width: 100%;
  justify-content: center;
  gap: 1rem;
}
._calculator_1hns6_1 ._coinConvert_1hns6_12 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._calculator_1hns6_1 ._coinConvert_1hns6_12 {
    flex-direction: column;
  }
}
._calculator_1hns6_1 ._coinConvert_1hns6_12 ._coin_1hns6_12 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  background-color: var(--bg-color-2);
  border-radius: 6rem;
  padding: 0rem 1rem 0rem 0rem;
  white-space: nowrap;
}
._calculator_1hns6_1 ._coinConvert_1hns6_12 ._coin_1hns6_12 input {
  width: 3rem;
  background-color: transparent;
  border: none;
  color: var(--fg-color-1);
}
._calculator_1hns6_1 ._coinConvert_1hns6_12 ._coin_1hns6_12 input::placeholder {
  color: var(--bg-color-1);
}
._calculator_1hns6_1 ._coinConvert_1hns6_12 ._coin_1hns6_12 img {
  height: 3rem;
}
._calculator_1hns6_1 ._coinConvert_1hns6_12 ._coin_1hns6_12 div {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  background-color: var(--fg-color-2);
  border-radius: 6rem;
  gap: 0.5rem;
}
._calculator_1hns6_1
  ._coinConvert_1hns6_12
  ._coin_1hns6_12
  ._usdEstimation_1hns6_53 {
  color: var(--bg-color-1);
}
._calculator_1hns6_1 ._coinConvert_1hns6_12 ._arrow_1hns6_56 {
  height: 1.5rem;
  width: 1.5rem;
  padding: 0.3rem;
  background-color: var(--blue-color);
  border-radius: 50%;
}
@media (max-width: 1230px) {
  ._calculator_1hns6_1 ._coinConvert_1hns6_12 ._arrow_1hns6_56 {
    transform: rotate(90deg);
  }
}
._back_1292g_1 {
  position: absolute;
  left: 1rem;
  top: 1rem;
  background-color: var(--bg-color-2);
  height: 2rem;
  width: 2rem;
  border-radius: 1rem;
  padding: 0.5rem;
  overflow: visible;
  cursor: pointer;
}
@keyframes _spin_1b42l_1 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
._container_1b42l_9 {
  max-width: 42rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0rem 2rem 2rem 1rem;
  align-items: center;
}
._container_1b42l_9 h1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-weight: 100;
  font-family: adieu;
  justify-content: center;
}
._container_1b42l_9 h1 img {
  width: 3rem;
}
._container_1b42l_9 p {
  text-align: center;
  color: var(--bg-color-1);
}
@media (max-width: 1230px) {
  ._container_1b42l_9 p {
    width: 10rem;
  }
}
._container_1b42l_9 ._receivingAddress_1b42l_38 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  width: 100%;
  background-color: var(--bg-color-3);
  border-radius: 1.25rem;
  padding: 1rem;
}
@media (max-width: 1230px) {
  ._container_1b42l_9 ._receivingAddress_1b42l_38 {
    width: fit-content;
  }
}
._container_1b42l_9 ._receivingAddress_1b42l_38 ._wallet_1b42l_53 {
  width: 30rem;
  background-color: var(--bg-color-2);
  padding: 1rem;
  color: #fff;
  border: none;
  border-radius: 6.5rem;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
@media (max-width: 1230px) {
  ._container_1b42l_9 ._receivingAddress_1b42l_38 ._wallet_1b42l_53 {
    width: 15rem;
  }
}
._container_1b42l_9
  ._receivingAddress_1b42l_38
  ._amountInputContainer_1b42l_70 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 30rem;
  background-color: var(--bg-color-2);
  padding: 0rem 0rem 0rem 1rem;
  border-radius: 6.25rem;
  height: 3.75rem;
  gap: 0.5rem;
  white-space: nowrap;
  padding: 0rem 0.5rem 0rem 1rem;
}
@media (max-width: 1230px) {
  ._container_1b42l_9
    ._receivingAddress_1b42l_38
    ._amountInputContainer_1b42l_70 {
    width: 15rem;
    flex-direction: column;
    align-items: center;
    height: fit-content;
    border-radius: 1.25rem;
    padding: 1rem;
  }
  ._container_1b42l_9
    ._receivingAddress_1b42l_38
    ._amountInputContainer_1b42l_70
    ._usdConversion_1b42l_93 {
    display: none;
  }
}
._container_1b42l_9
  ._receivingAddress_1b42l_38
  ._amountInputContainer_1b42l_70
  input {
  font-weight: 400;
  width: 3rem;
  background-color: transparent;
  border: none;
  color: var(--fg-color-1);
  font-size: 1.25rem;
}
._container_1b42l_9
  ._receivingAddress_1b42l_38
  ._amountInputContainer_1b42l_70
  input::-webkit-outer-spin-button,
._container_1b42l_9
  ._receivingAddress_1b42l_38
  ._amountInputContainer_1b42l_70
  input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
._container_1b42l_9
  ._receivingAddress_1b42l_38
  ._amountInputContainer_1b42l_70
  ._usdConversion_1b42l_93 {
  color: var(--bg-color-1);
  font-size: 1.25rem;
}
._container_1b42l_9
  ._receivingAddress_1b42l_38
  ._amountInputContainer_1b42l_70
  ._balanceContainer_1b42l_113 {
  width: 7rem;
  overflow: hidden;
}
._container_1b42l_9
  ._receivingAddress_1b42l_38
  ._amountInputContainer_1b42l_70
  ._max_1b42l_117 {
  color: var(--blue-color);
  cursor: pointer;
}
._container_1b42l_9
  ._receivingAddress_1b42l_38
  ._amountInputContainer_1b42l_70
  button {
  width: 7rem;
  height: 2.6rem;
  justify-content: center;
}
._container_1b42l_9 a {
  color: var(--blue-color);
  text-decoration: none;
  cursor: pointer;
}
._balance_6lh4r_1 {
  background-color: var(--bg-color-2);
  border-radius: 6rem;
  padding: 0.5em;
  color: var(--fg-color-1);
  display: flex;
  align-items: center;
  gap: 1rem;
  width: fit-content;
}
._balance_6lh4r_1 button {
  padding: 1rem;
}
._balance_6lh4r_1 img {
  height: 48px;
  width: 48px;
  border-radius: 100%;
}
@media (max-width: 1230px) {
  ._balance_6lh4r_1 {
    background-color: var(--bg-color-3);
    gap: 0.5rem;
  }
}
._balance_6lh4r_1 ._account-value_6lh4r_25 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._balance_6lh4r_1 ._account-value_6lh4r_25 span:first-of-type {
  color: gray;
}
@media (max-width: 1230px) {
  ._balance_6lh4r_1 ._account-value_6lh4r_25 ._balance_6lh4r_1 {
    width: 4rem;
    white-space: nowrap;
    overflow: hidden;
  }
}
._balance_6lh4r_1 hr {
  height: 2.5rem;
}
._lotteryTickets_uql2z_1 {
  background-color: var(--bg-color-2);
  padding: 0.5rem;
  border-radius: 6rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
._lotteryTickets_uql2z_1 button {
  padding: 1rem;
  width: fit-content;
}
._lotteryTickets_uql2z_1 svg {
  height: 1.2rem;
  width: 1.2rem;
}
@media (max-width: 1230px) {
  ._lotteryTickets_uql2z_1 {
    background-color: var(--bg-color-3);
    gap: 0.5rem;
  }
}
._lotteryTickets_uql2z_1 div {
  color: var(--fg-color-1);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-right: 0.5rem;
}
._lotteryTickets_uql2z_1 div span {
  color: var(--fg-color-1);
}
._lotteryTickets_uql2z_1 div span._greyText_uql2z_34 {
  color: var(--bg-color-1);
}
._lotteryTickets_uql2z_1 div span span {
  color: var(--green-color);
}
._container_7zl4x_1 {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 2rem;
  padding: 1rem;
  top: 6rem;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--bg-color-2);
  z-index: 3;
  color: var(--fg-color-1);
}
._container_7zl4x_1 ._header_7zl4x_19 {
  display: flex;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.208px;
}
._container_7zl4x_1 ._close_7zl4x_30 {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  border: none;
  height: 2rem;
  background-color: var(--blue-color);
  border-radius: 50%;
  padding: 0.5rem;
  cursor: pointer;
}
._container_7zl4x_1 ._detailsContainer_7zl4x_41 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
}
._container_7zl4x_1 ._detailsContainer_7zl4x_41 ._earnings_7zl4x_49 {
  width: 100%;
  gap: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._container_7zl4x_1 ._detailsContainer_7zl4x_41 ._earnings_7zl4x_49 p {
  color: #767582;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._earnings_7zl4x_49
  ._greenText_7zl4x_64 {
  color: #4dd783;
  text-align: right;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
._container_7zl4x_1 ._detailsContainer_7zl4x_41 ._earnings_7zl4x_49 span {
  text-align: right;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
._container_7zl4x_1 ._detailsContainer_7zl4x_41 ._ongoingLottery_7zl4x_81 {
  width: 100%;
  border-radius: 20px;
  background: #1a192e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  gap: 1rem;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._ongoingLottery_7zl4x_81
  ._title_7zl4x_91 {
  color: #fff;
  text-align: center;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.208px;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._ongoingLottery_7zl4x_81
  ._prizeContainer_7zl4x_100 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._ongoingLottery_7zl4x_81
  ._prizeContainer_7zl4x_100
  ._timer_7zl4x_106 {
  border-radius: 17.5px;
  background: #0e0d25;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._ongoingLottery_7zl4x_81
  ._prizeContainer_7zl4x_100
  ._timer_7zl4x_106
  img {
  width: 35px;
  height: 35px;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._ongoingLottery_7zl4x_81
  ._prizeContainer_7zl4x_100
  ._timer_7zl4x_106
  p {
  color: #fff;
  text-align: center;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-right: 0.5rem;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._ongoingLottery_7zl4x_81
  ._prizeContainer_7zl4x_100
  ._prize_7zl4x_100 {
  border-radius: 17.5px;
  background: #22342e;
  text-align: center;
  padding: 0.5rem;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._ongoingLottery_7zl4x_81
  ._prizeContainer_7zl4x_100
  ._prize_7zl4x_100
  p {
  color: #4dd783;
  text-align: center;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._ongoingLottery_7zl4x_81
  ._entries_7zl4x_145 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._ongoingLottery_7zl4x_81
  ._entries_7zl4x_145
  p {
  color: #767582;
  text-align: center;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._ongoingLottery_7zl4x_81
  ._entries_7zl4x_145
  p
  span {
  color: #fff;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._nextLotteryContainer_7zl4x_170 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._nextLotteryContainer_7zl4x_170
  ._title_7zl4x_91 {
  color: #fff;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.208px;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._nextLotteryContainer_7zl4x_170
  ._timer_7zl4x_106 {
  border-radius: 17.5px;
  background: #1a192e;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 142px;
  gap: 1rem;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._nextLotteryContainer_7zl4x_170
  ._timer_7zl4x_106
  img {
  width: 35px;
  height: 35px;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._nextLotteryContainer_7zl4x_170
  ._timer_7zl4x_106
  p {
  width: 142px;
  color: #fff;
  text-align: center;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-right: 0.5rem;
}
._container_7zl4x_1 ._detailsContainer_7zl4x_41 ._winner_7zl4x_209 {
  border-radius: 20px;
  background: #1a192e;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._winner_7zl4x_209
  ._details_7zl4x_41 {
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1rem;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._winner_7zl4x_209
  ._details_7zl4x_41
  p {
  color: #fff;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.208px;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._winner_7zl4x_209
  ._details_7zl4x_41
  ._winnerNameContainer_7zl4x_232 {
  border-radius: 17.5px;
  background: #0e0d25;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._winner_7zl4x_209
  ._details_7zl4x_41
  ._winnerNameContainer_7zl4x_232
  img {
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
._container_7zl4x_1
  ._detailsContainer_7zl4x_41
  ._winner_7zl4x_209
  ._details_7zl4x_41
  ._winnerNameContainer_7zl4x_232
  p {
  width: 142px;
  color: #fff;
  text-align: center;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-right: 0.5rem;
}
._blackBg_7zl4x_257 {
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000b3;
}
._rewards_6lfz5_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--bg-color-2);
  padding: 0.5rem;
  border-radius: 6rem;
  color: #fff;
}
._rewards_6lfz5_1 button {
  padding: 1rem;
}
@media (max-width: 1230px) {
  ._rewards_6lfz5_1 {
    background-color: var(--bg-color-3);
  }
  ._rewards_6lfz5_1 div {
    display: none;
  }
}
._sideBar_x2ds4_1 {
  background-color: var(--fg-color-2);
  flex: 0 0 20.7rem;
  color: var(--fg-color-1);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._sideBar_x2ds4_1 ._mobileButtons_x2ds4_11 {
  display: none;
}
@media (max-width: 1230px) {
  ._sideBar_x2ds4_1 {
    position: absolute;
    display: none;
  }
  ._sideBar_x2ds4_1 ._mobileButtons_x2ds4_11 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
  }
  ._sideBar_x2ds4_1 ._mobileButtons_x2ds4_11 span {
    background-color: var(--blue-color);
    padding: 1rem;
    border-radius: 6rem;
    width: 6rem;
    text-align: center;
  }
  ._sideBar_x2ds4_1 ._mobileButtons_x2ds4_11 span:nth-of-type(1) {
    background-color: var(--bg-color-2);
    color: var(--fg-color-1);
  }
  ._sideBar_x2ds4_1._mobileActive_x2ds4_36 {
    display: flex;
    position: absolute;
    z-index: 2;
  }
  ._sideBar_x2ds4_1._mobileActive_x2ds4_36 ._blackBg_x2ds4_41 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000b3;
    z-index: -1;
    display: block;
  }
}

._sideBar_x2ds4_1._mobileActive_x2ds4_36 {
  display: flex;
  z-index: 100; /* Ensure it's above other elements */
  opacity: 1; /* Make sure the sidebar is fully visible */
}

._sideBar_x2ds4_1._mobileActive_x2ds4_36 ._blackBg_x2ds4_41 {
  display: block;
  z-index: 99; /* Ensure it's just below the sidebar */
  background-color: rgba(0, 0, 0, 0.5); /* Darken the background when sidebar is open */
}

._sideBar_x2ds4_1 ._sideBarGroup_x2ds4_49 a {
  z-index: 101; /* Ensure links are clickable */
}

._sideBar_x2ds4_1._mobileActive_x2ds4_36 ._mobileButtons_x2ds4_11 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  z-index: 102; /* Ensure buttons are above everything else */
}

._sideBar_x2ds4_1 ._mobileButtons_x2ds4_11 span {
  background-color: var(--blue-color);
  padding: 1rem;
  border-radius: 6rem;
  width: 6rem;
  text-align: center;
  color: #ffffff; /* Ensure the text is visible */
  font-weight: bold; /* Make text more prominent */
}

._sideBar_x2ds4_1 ._mobileButtons_x2ds4_11 span:nth-of-type(1) {
  background-color: var(--bg-color-2);
  color: var(--fg-color-1);
}

._sideBar_x2ds4_1 ._mobileButtons_x2ds4_11 span:hover {
  background-color: var(--fg-color-2); /* Add hover effect for clarity */
  cursor: pointer;
}

/* Ensure the Connect Wallet button uses the correct blue color */
.connectWalletButton,
._registerBtn_1ahgy_157 {
  background-color: #3a5eff !important; /* Use the exact blue color code and force it with !important */
  padding: 0.75rem 1.5rem;
  border-radius: 6rem;
  text-align: center;
  color: #ffffff !important; /* Force the text color to be white */
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); /* Add a slight shadow for a 3D effect */
}

/* Desktop specific styles */
._registerBtn_1ahgy_157 {
  margin-right: 2rem; /* Add margin to keep the button away from the edge */
}

/* Mobile specific styles */
@media (max-width: 1230px) {
  ._sideBar_x2ds4_1 ._mobileButtons_x2ds4_11 {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
  }

  .connectWalletButton {
    padding: 0.75rem 1.5rem;
    width: auto;
    max-width: 80%;
    margin: 0 auto;
  }

  ._sideBar_x2ds4_1._mobileActive_x2ds4_36 .connectWalletButton {
    width: 100%;
    max-width: none;
  }
}

/* Ensuring hover effect is consistent with the Home button */
.connectWalletButton:hover,
._registerBtn_1ahgy_157:hover {
  background-color: #2e4dcc !important; /* Slightly darker blue for hover with important */
}


/* General button positioning for desktop */
._registerBtn_1ahgy_157.connectButton {
  position: absolute; /* Absolute positioning to control placement */
  top: 3rem; /* Adjusts the vertical position */
  right: 2rem; /* Adjusts the horizontal position */
}

/* Mobile specific styles */
@media (max-width: 768px) { /* Targeting mobile devices specifically */
  ._registerBtn_1ahgy_157.connectButton {
    top: 5rem; /* Increase the space to bring it down further */
    right: 1rem; /* Move it even more to the left */
    width: auto; /* Ensures the button size adjusts properly on mobile */
    margin: 0; /* Reset margin to avoid unwanted spacing */
  }

  /* Adjust the logo container padding on mobile for better spacing */
  ._logoContainer_1ahgy_16 {
    padding-bottom: 2rem; /* Increase space below the logo */
  }
}



._sideBar_x2ds4_1 ._sideBarGroup_x2ds4_49 {
  background-color: var(--bg-color-3);
  border-radius: 2rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
._sideBar_x2ds4_1 ._sideBarGroup_x2ds4_49 a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  cursor: pointer;
  text-decoration: none;
  height: 3.625rem;
  color: var(--fg-color-1);
  border-radius: 6rem;
  transition: background-color 0.2s;
}
._sideBar_x2ds4_1 ._sideBarGroup_x2ds4_49 a img {
  width: 20px;
  height: 23px;
}
._sideBar_x2ds4_1 ._sideBarGroup_x2ds4_49 a:hover {
  background-color: #ffffff10;
}
._sideBar_x2ds4_1 ._sideBarGroup_x2ds4_49 a._inactive_x2ds4_77 {
  opacity: 0.5;
  pointer-events: none;
}
._sideBar_x2ds4_1 ._sideBarGroup_x2ds4_49 a.active {
  background-color: var(--blue-color);
}
._sideBar_x2ds4_1 ._sideBarGroup_x2ds4_49 a.active img:not(span img) {
  display: none;
}
._sideBar_x2ds4_1 ._sideBarGroup_x2ds4_49 a span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
._sideBar_x2ds4_1 ._sideBarGroup_x2ds4_49 a span span {
  background: linear-gradient(
    90deg,
    #42a8ff 8.49%,
    #4e41b7 48.55%,
    #c74be4 87.03%
  );
  padding: 0.25rem 0.5rem;
  margin-right: 1rem;
  border-radius: 12.4808px;
}
._sideBar_x2ds4_1 ._sideBarGroup_x2ds4_49 a img:not(span img) {
  padding: 0.5rem;
  border-radius: 6rem;
  height: 2rem;
  width: 2rem;
  background-color: var(--bg-color-2);
}
._sideBar_x2ds4_1 ._themes_x2ds4_106 {
  background-color: var(--bg-color-2);
  border-radius: 6rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
._sideBar_x2ds4_1 ._themes_x2ds4_106 span {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  padding: 0.7rem 1rem;
  border-radius: 6rem;
  width: 50%;
}
._sideBar_x2ds4_1 ._themes_x2ds4_106 span._active_x2ds4_81 {
  background-color: var(--bg-color-3);
}
._sideBar_x2ds4_1 ._paymentMethods_x2ds4_126 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
._sideBar_x2ds4_1 ._blackBg_x2ds4_41 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #0000;
  z-index: 2;
  display: none;
}

/* Modal z-index adjustment */
.connectWalletModal {
  z-index: 200; /* Ensure it's higher than the sidebar */
}

/* Adjust sidebar background */
._sideBar_x2ds4_1._mobileActive_x2ds4_36 {
  z-index: 100; /* Sidebar z-index */
}

._sideBar_x2ds4_1._mobileActive_x2ds4_36 ._blackBg_x2ds4_41 {
  z-index: 99; /* Background behind the sidebar */
}

._footer_16r5e_1 {
  text-align: center;
  color: var(--fg-color-1);
  display: block;
  margin: auto;
  white-space: wrap;
}
._footer_16r5e_1 a {
  color: var(--blue-color);
  text-decoration: none;
}
._main_18a8v_1 {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1230px) {
  ._main_18a8v_1 {
    flex-direction: column;
  }
}
._main_18a8v_1 ._desktopContent_18a8v_10 {
  margin: 1rem;
  color: var(--fg-color-1);
  gap: 1rem;
  flex: 1 1 auto;
}
@media (max-width: 1230px) {
  ._main_18a8v_1 ._desktopContent_18a8v_10 {
    margin: 1rem 0rem;
  }
}
._main_18a8v_1 ._desktopContent_18a8v_10 ._headerElements_18a8v_21 {
  display: none;
}
@media (max-width: 1230px) {
  ._main_18a8v_1 ._desktopContent_18a8v_10 ._headerElements_18a8v_21 {
    width: 100vw;
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}
._container_1obze_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: absolute;
  border-radius: 2rem;
  padding: 1rem;
  margin: auto;
  top: 6rem;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--bg-color-2);
  z-index: 3;
  color: var(--fg-color-1);
  height: fit-content;
  width: fit-content;
}
@media (max-width: 1230px) {
  ._container_1obze_1 {
    width: 95vw;
  }
}
._container_1obze_1 ._header_1obze_21 {
  display: flex;
  justify-content: center;
}
._container_1obze_1 ._close_1obze_25 {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  border: none;
  height: 2rem;
  background-color: var(--blue-color);
  border-radius: 50%;
  padding: 0.5rem;
  cursor: pointer;
}
._container_1obze_1 ._poolTypeContainer_1obze_36 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._container_1obze_1 ._poolTypeContainer_1obze_36 {
    flex-direction: column;
    width: 95vw;
  }
}
._container_1obze_1 ._poolTypeBox_1obze_49 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: #1a192e;
  padding: 1rem;
  width: 253px;
  gap: 0.5rem;
}
._container_1obze_1 ._poolTypeBox_1obze_49:hover {
  background: #201e38;
}
._container_1obze_1 ._poolTypeBox_1obze_49 ._title_1obze_64 {
  color: #fff;
  font-family: Adieu, serif;
  font-size: 25.599px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
._container_1obze_1 ._poolTypeBox_1obze_49 ._text_1obze_72 {
  color: #fff;
  font-family: Barlow, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.208px;
}
._blackBg_1obze_81 {
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000b3;
}
._container_1opxd_1 ._fallback_1opxd_1 {
  display: block;
  margin: auto;
  width: fit-content;
}
._pagination_1opxd_7 {
  margin: 2rem 0rem;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1230px) {
  ._pagination_1opxd_7 {
    gap: 1rem;
  }
}
._pagination_1opxd_7 span {
  height: 2rem;
  width: 2rem;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}
._pagination_1opxd_7 span:hover {
  background-color: var(--fg-color-2);
}
._pagination_1opxd_7 span._active_1opxd_33 {
  height: 2rem;
  width: 2rem;
  background-color: var(--bg-color-3);
  cursor: pointer;
}
._selectFilter_1opxd_40 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
}
@media (max-width: 1230px) {
  ._selectFilter_1opxd_40 {
    flex-wrap: wrap;
    justify-content: center;
    width: 100vw;
  }
}
._selectFilter_1opxd_40 select {
  border: none;
  border-radius: 6rem;
  padding: 1rem;
  background-color: var(--bg-color-3);
  color: var(--fg-color-1);
  min-width: 7rem;
  cursor: pointer;
}
._datePicker_1opxd_64 {
  border: none;
  border-radius: 6rem;
  background-color: var(--bg-color-3);
  color: var(--fg-color-1);
  min-width: 7rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-left: 0.5rem;
  cursor: pointer;
}
._search_1opxd_80 {
  border: none;
  border-radius: 6rem;
  background-color: var(--bg-color-3);
  color: var(--fg-color-1);
  min-width: 7rem;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-left: 0.5rem;
}
._search_1opxd_80 input {
  padding-right: 2rem;
  border: none;
  outline: none;
  background-color: var(--bg-color-3);
  color: var(--fg-color-1);
  min-width: 7rem;
}
._blackBg_1opxd_103 {
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000b3;
}
@media (max-width: 1230px) {
  ._tableWrapper_1gisb_2 {
    width: 95vw;
    overflow: scroll;
    margin: auto;
  }
}
._tableWrapper_1gisb_2 ._tableContainer_1gisb_8 {
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  background-color: var(--bg-color-3);
}
._tableWrapper_1gisb_2 ._tableContainer_1gisb_8 tr:not(:first-child):hover {
  cursor: pointer;
}
._tableWrapper_1gisb_2
  ._tableContainer_1gisb_8
  tr:not(:first-child):hover
  td
  > div {
  background-color: #ffffff10;
}
._tableWrapper_1gisb_2
  ._tableContainer_1gisb_8
  tr:not(:first-child):hover
  td:first-child
  > div {
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
}
._tableWrapper_1gisb_2
  ._tableContainer_1gisb_8
  tr:not(:first-child):hover
  td:last-child
  > div {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
}
._tableWrapper_1gisb_2 ._tableContainer_1gisb_8 ._tableHeader_1gisb_28 {
  padding: 1rem;
  height: 4.111rem;
}
._tableWrapper_1gisb_2 ._tableContainer_1gisb_8 ._tableHeader_1gisb_28 td {
  background-color: var(--fg-color-3);
  padding: 1rem;
  text-align: center;
}
._tableWrapper_1gisb_2 ._tableContainer_1gisb_8 tr {
  padding: 1rem 0;
}
._tableWrapper_1gisb_2 ._tableContainer_1gisb_8 tr._hidden_1gisb_40 {
  opacity: 0.2;
  cursor: not-allowed;
}
._tableWrapper_1gisb_2 ._tableContainer_1gisb_8 td {
  text-align: center;
}
._tableWrapper_1gisb_2 ._tableContainer_1gisb_8 td div {
  padding: 0.49rem 1rem;
  margin: 0.585rem 0;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
._tableWrapper_1gisb_2 ._tableContainer_1gisb_8 td:first-child div {
  margin-left: 0.2rem;
}
._tableWrapper_1gisb_2 ._tableContainer_1gisb_8 td:last-child div {
  margin-right: 0.2rem;
}
._icon_1gisb_64 {
  width: 3rem;
}
._icon_1gisb_64 img {
  max-height: 100%;
  border-radius: 100%;
  object-fit: cover;
}
._name_1gisb_73 {
  table-layout: fixed;
  width: 250px;
}
._name_1gisb_73 div {
  width: 250px;
}
._name_1gisb_73 span {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._hideContainer_1gisb_87 img {
  display: block;
  transition: all 0.2s ease-in-out;
}
._hideContainer_1gisb_87:hover img {
  transform: scale(1.5);
  transition: all 0.2s ease-in-out;
}
._poolResult_1gisb_96 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._poolResult_1gisb_96 div {
  background-color: var(--fg-color-3);
  display: flex;
  align-items: center;
  border-radius: 2rem;
  padding-right: 0.5rem;
  gap: 0.5rem;
}
._countDown_1gisb_110 div {
  display: flex;
  align-items: center;
  background-color: var(--fg-color-3);
  gap: 0.5rem;
  border-radius: 2rem;
  padding: 0rem 0.5rem 0rem 0rem;
  width: fit-content;
}
._countDown_1gisb_110 div img {
  height: 2rem;
  width: 2rem;
  background-color: var(--blue-color);
  border-radius: 50%;
  padding: 0.6rem;
  overflow: visible;
}
._win_1gisb_128 {
  display: flex;
  align-items: center;
  color: var(--fg-color-4);
  gap: 0.5rem;
  justify-content: center;
}
._win_1gisb_128 img {
  height: 2rem;
  width: 2rem;
  background-color: var(--blue-color);
  border-radius: 50%;
  padding: 0.5rem;
  overflow: visible;
  cursor: pointer;
}
._lost_1gisb_145 {
  color: var(--bg-color-1);
}
._awaiting_1gisb_149 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--fg-color-3);
  border-radius: 2rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
._awaiting_1gisb_149 img {
  height: 2rem;
  width: 2rem;
  background-color: var(--blue-color);
  border-radius: 50%;
  cursor: pointer;
}
._container_8wqzl_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_8wqzl_1 ._header_8wqzl_6 {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  height: 35px;
}
@media (max-width: 1230px) {
  ._container_8wqzl_1 ._header_8wqzl_6 {
    height: unset;
    flex-direction: column;
    align-items: center;
  }
}
._container_8wqzl_1 ._header_8wqzl_6 ._info_8wqzl_19 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._container_8wqzl_1 ._header_8wqzl_6 ._info_8wqzl_19 {
    flex-direction: column;
  }
  ._container_8wqzl_1 ._header_8wqzl_6 ._info_8wqzl_19 hr {
    display: none;
  }
}
._container_8wqzl_1 ._header_8wqzl_6 ._info_8wqzl_19 span {
  font-size: 1.6rem;
  font-family: adieu;
}
._container_8wqzl_1 ._header_8wqzl_6 ._info_8wqzl_19 hr {
  height: 1.6rem;
}
._container_8wqzl_1 ._header_8wqzl_6 ._info_8wqzl_19 p {
  color: var(--bg-color-1);
}
.rdp {
  --rdp-cell-size: 40px;
  --rdp-caption-font-size: 18px;
  --rdp-accent-color: #0000ff;
  --rdp-background-color: #e7edff;
  --rdp-accent-color-dark: #3003e1;
  --rdp-background-color-dark: #180270;
  --rdp-outline: 2px solid var(--rdp-accent-color);
  --rdp-outline-selected: 3px solid var(--rdp-accent-color);
  --rdp-selected-color: #fff;
  margin: 1em;
}
.rdp-vhidden {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: absolute !important;
  top: 0;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
}
.rdp-button_reset {
  appearance: none;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: default;
  color: inherit;
  background: none;
  font: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.rdp-button_reset:focus-visible {
  outline: none;
}
.rdp-button {
  border: 2px solid transparent;
}
.rdp-button[disabled]:not(.rdp-day_selected) {
  opacity: 0.25;
}
.rdp-button:not([disabled]) {
  cursor: pointer;
}
.rdp-button:focus-visible:not([disabled]) {
  color: inherit;
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
}
.rdp-button:hover:not([disabled]):not(.rdp-day_selected) {
  background-color: var(--rdp-background-color);
}
.rdp-months {
  display: flex;
}
.rdp-month {
  margin: 0 1em;
}
.rdp-month:first-child {
  margin-left: 0;
}
.rdp-month:last-child {
  margin-right: 0;
}
.rdp-table {
  margin: 0;
  max-width: calc(var(--rdp-cell-size) * 7);
  border-collapse: collapse;
}
.rdp-with_weeknumber .rdp-table {
  max-width: calc(var(--rdp-cell-size) * 8);
  border-collapse: collapse;
}
.rdp-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  text-align: left;
}
.rdp-multiple_months .rdp-caption {
  position: relative;
  display: block;
  text-align: center;
}
.rdp-caption_dropdowns {
  position: relative;
  display: inline-flex;
}
.rdp-caption_label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0 0.25em;
  white-space: nowrap;
  color: currentColor;
  border: 0;
  border: 2px solid transparent;
  font-family: inherit;
  font-size: var(--rdp-caption-font-size);
  font-weight: 700;
}
.rdp-nav {
  white-space: nowrap;
}
.rdp-multiple_months .rdp-caption_start .rdp-nav {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.rdp-multiple_months .rdp-caption_end .rdp-nav {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.rdp-nav_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  padding: 0.25em;
  border-radius: 100%;
}
.rdp-dropdown_year,
.rdp-dropdown_month {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.rdp-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  opacity: 0;
  border: none;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.rdp-dropdown[disabled] {
  opacity: unset;
  color: unset;
}
.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label {
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
  border-radius: 6px;
}
.rdp-dropdown_icon {
  margin: 0 0 0 5px;
}
.rdp-head {
  border: 0;
}
.rdp-head_row,
.rdp-row {
  height: 100%;
}
.rdp-head_cell {
  vertical-align: middle;
  font-size: 0.75em;
  font-weight: 700;
  text-align: center;
  height: 100%;
  height: var(--rdp-cell-size);
  padding: 0;
  text-transform: uppercase;
}
.rdp-tbody {
  border: 0;
}
.rdp-tfoot {
  margin: 0.5em;
}
.rdp-cell {
  width: var(--rdp-cell-size);
  height: 100%;
  height: var(--rdp-cell-size);
  padding: 0;
  text-align: center;
}
.rdp-weeknumber {
  font-size: 0.75em;
}
.rdp-weeknumber,
.rdp-day {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--rdp-cell-size);
  max-width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  margin: 0;
  border: 2px solid transparent;
  border-radius: 100%;
}
.rdp-day_today:not(.rdp-day_outside) {
  font-weight: 700;
}
.rdp-day_selected,
.rdp-day_selected:focus-visible,
.rdp-day_selected:hover {
  color: var(--rdp-selected-color);
  opacity: 1;
  background-color: var(--rdp-accent-color);
}
.rdp-day_outside {
  opacity: 0.5;
}
.rdp-day_selected:focus-visible {
  outline: var(--rdp-outline);
  outline-offset: 2px;
  z-index: 1;
}
.rdp:not([dir="rtl"]) .rdp-day_range_start:not(.rdp-day_range_end) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rdp:not([dir="rtl"]) .rdp-day_range_end:not(.rdp-day_range_start) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rdp[dir="rtl"] .rdp-day_range_start:not(.rdp-day_range_end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rdp[dir="rtl"] .rdp-day_range_end:not(.rdp-day_range_start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rdp-day_range_end.rdp-day_range_start {
  border-radius: 100%;
}
.rdp-day_range_middle {
  border-radius: 0;
}
._root_2a8vt_1 {
  --rdp-cell-size: 40px;
  --rdp-caption-font-size: 18px;
  --rdp-accent-color: #0000ff;
  --rdp-background-color: #e7edff;
  --rdp-accent-color-dark: #3003e1;
  --rdp-background-color-dark: #180270;
  --rdp-outline: 2px solid var(--rdp-accent-color);
  --rdp-outline-selected: 3px solid var(--rdp-accent-color);
  --rdp-selected-color: #fff;
  margin: 1em;
}
._vhidden_2a8vt_16 {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: absolute !important;
  top: 0;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
}
._button_reset_2a8vt_36 {
  appearance: none;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: default;
  color: inherit;
  background: none;
  font: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
}
._button_reset_2a8vt_36:focus-visible {
  outline: none;
}
._button_2a8vt_36 {
  border: 2px solid transparent;
}
._button_2a8vt_36[disabled]:not(._day_selected_2a8vt_59) {
  opacity: 0.25;
}
._button_2a8vt_36:not([disabled]) {
  cursor: pointer;
}
._button_2a8vt_36:focus-visible:not([disabled]) {
  color: inherit;
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
}
._button_2a8vt_36:hover:not([disabled]):not(._day_selected_2a8vt_59) {
  background-color: var(--rdp-background-color);
}
._months_2a8vt_77 {
  display: flex;
}
._month_2a8vt_77 {
  margin: 0 1em;
}
._month_2a8vt_77:first-child {
  margin-left: 0;
}
._month_2a8vt_77:last-child {
  margin-right: 0;
}
._table_2a8vt_93 {
  margin: 0;
  max-width: calc(var(--rdp-cell-size) * 7);
  border-collapse: collapse;
}
._with_weeknumber_2a8vt_99 ._table_2a8vt_93 {
  max-width: calc(var(--rdp-cell-size) * 8);
  border-collapse: collapse;
}
._caption_2a8vt_104 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  text-align: left;
}
._multiple_months_2a8vt_112 ._caption_2a8vt_104 {
  position: relative;
  display: block;
  text-align: center;
}
._caption_dropdowns_2a8vt_118 {
  position: relative;
  display: inline-flex;
}
._caption_label_2a8vt_123 {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0 0.25em;
  white-space: nowrap;
  color: currentColor;
  border: 0;
  border: 2px solid transparent;
  font-family: inherit;
  font-size: var(--rdp-caption-font-size);
  font-weight: 700;
}
._nav_2a8vt_139 {
  white-space: nowrap;
}
._multiple_months_2a8vt_112 ._caption_start_2a8vt_143 ._nav_2a8vt_139 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
._multiple_months_2a8vt_112 ._caption_end_2a8vt_150 ._nav_2a8vt_139 {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
._nav_button_2a8vt_157 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  padding: 0.25em;
  border-radius: 100%;
}
._dropdown_year_2a8vt_171,
._dropdown_month_2a8vt_172 {
  position: relative;
  display: inline-flex;
  align-items: center;
}
._dropdown_2a8vt_171 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  opacity: 0;
  border: none;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
._dropdown_2a8vt_171[disabled] {
  opacity: unset;
  color: unset;
}
._dropdown_2a8vt_171:focus-visible:not([disabled]) + ._caption_label_2a8vt_123 {
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
  border-radius: 6px;
}
._dropdown_icon_2a8vt_208 {
  margin: 0 0 0 5px;
}
._head_2a8vt_212 {
  border: 0;
}
._head_row_2a8vt_216,
._row_2a8vt_217 {
  height: 100%;
}
._head_cell_2a8vt_221 {
  vertical-align: middle;
  font-size: 0.75em;
  font-weight: 700;
  text-align: center;
  height: 100%;
  height: var(--rdp-cell-size);
  padding: 0;
  text-transform: uppercase;
}
._tbody_2a8vt_232 {
  border: 0;
}
._tfoot_2a8vt_236 {
  margin: 0.5em;
}
._cell_2a8vt_240 {
  width: var(--rdp-cell-size);
  height: 100%;
  height: var(--rdp-cell-size);
  padding: 0;
  text-align: center;
}
._weeknumber_2a8vt_248 {
  font-size: 0.75em;
}
._weeknumber_2a8vt_248,
._day_2a8vt_59 {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--rdp-cell-size);
  max-width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  margin: 0;
  border: 2px solid transparent;
  border-radius: 100%;
}
._day_today_2a8vt_267:not(._day_outside_2a8vt_267) {
  font-weight: 700;
}
._day_selected_2a8vt_59,
._day_selected_2a8vt_59:focus-visible,
._day_selected_2a8vt_59:hover {
  color: var(--rdp-selected-color);
  opacity: 1;
  background-color: var(--rdp-accent-color);
}
._day_outside_2a8vt_267 {
  opacity: 0.5;
}
._day_selected_2a8vt_59:focus-visible {
  outline: var(--rdp-outline);
  outline-offset: 2px;
  z-index: 1;
}
._root_2a8vt_1:not([dir="rtl"])
  ._day_range_start_2a8vt_290:not(._day_range_end_2a8vt_290) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
._root_2a8vt_1:not([dir="rtl"])
  ._day_range_end_2a8vt_290:not(._day_range_start_2a8vt_290) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
._root_2a8vt_1[dir="rtl"]
  ._day_range_start_2a8vt_290:not(._day_range_end_2a8vt_290) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
._root_2a8vt_1[dir="rtl"]
  ._day_range_end_2a8vt_290:not(._day_range_start_2a8vt_290) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
._day_range_end_2a8vt_290._day_range_start_2a8vt_290 {
  border-radius: 100%;
}
._day_range_middle_2a8vt_314 {
  border-radius: 0;
}
._cardsWrapper_96cvy_1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr));
  gap: 2rem;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 {
    width: 95%;
    margin: auto;
    grid-template-columns: 1fr;
  }
}
._cardsWrapper_96cvy_1 ._greyText_96cvy_13 {
  color: var(--bg-color-1);
}
._cardsWrapper_96cvy_1 ._greenText_96cvy_16 {
  color: var(--fg-color-4);
}
._cardsWrapper_96cvy_1 ._userCard_96cvy_19 {
  display: flex;
  gap: 4rem;
  padding: 1rem 2rem;
  background-color: var(--bg-color-3);
  border-radius: 2rem;
  height: 18rem;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._userCard_96cvy_19 {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    height: fit-content;
    align-items: center;
    width: fit-content;
    margin: auto;
  }
}
._cardsWrapper_96cvy_1 ._userCard_96cvy_19 ._photo_96cvy_38 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  font-size: 1.25rem;
}
._cardsWrapper_96cvy_1
  ._userCard_96cvy_19
  ._photo_96cvy_38
  ._imageWrapper_96cvy_45 {
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  cursor: default;
}
._cardsWrapper_96cvy_1
  ._userCard_96cvy_19
  ._photo_96cvy_38
  ._imageWrapper_96cvy_45._upload_96cvy_51:hover {
  cursor: pointer;
}
._cardsWrapper_96cvy_1
  ._userCard_96cvy_19
  ._photo_96cvy_38
  ._imageWrapper_96cvy_45._upload_96cvy_51:hover:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  margin: auto;
  background: url(/icons/edit.svg) no-repeat center, rgba(0, 0, 0, 0.5);
  background-position: center;
  z-index: 2;
}
._cardsWrapper_96cvy_1
  ._userCard_96cvy_19
  ._photo_96cvy_38
  ._imageWrapper_96cvy_45
  img {
  height: 9rem;
  width: 9rem;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}
._cardsWrapper_96cvy_1 ._userInfo_96cvy_73 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1.5rem;
  font-size: 1.25rem;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._userInfo_96cvy_73 {
    padding-top: 0;
    align-items: center;
  }
}
._cardsWrapper_96cvy_1 ._userInfo_96cvy_73 ._username_96cvy_86 {
  font-family: barlow;
  font-weight: 100;
  font-size: 1.875rem;
  display: flex;
  gap: 0;
  position: relative;
}
._cardsWrapper_96cvy_1
  ._userInfo_96cvy_73
  ._username_96cvy_86
  ._chain-id_96cvy_94 {
  color: var(--fg-color-6);
}
._cardsWrapper_96cvy_1
  ._userInfo_96cvy_73
  ._username_96cvy_86
  ._expansion-hack_96cvy_97 {
  opacity: 0;
  overflow: hidden;
  max-width: 220px;
}
._cardsWrapper_96cvy_1 ._userInfo_96cvy_73 ._username_96cvy_86 h2 {
  font: inherit;
  width: fit-content;
}
._cardsWrapper_96cvy_1
  ._userInfo_96cvy_73
  ._username_96cvy_86
  ._edit-username_96cvy_106 {
  max-width: 220px;
  background: transparent;
  color: var(--fg-color-1);
  outline: none;
  border: none;
  font: inherit;
  position: absolute;
}
._cardsWrapper_96cvy_1 ._userInfo_96cvy_73 a {
  color: var(--blue-color);
  text-decoration: none;
  cursor: pointer;
}
._cardsWrapper_96cvy_1 ._userInfo_96cvy_73 div {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 {
  background-color: var(--bg-color-3);
  display: flex;
  flex-direction: column;
  border-radius: 2rem;
  font-size: 1.25rem;
  height: 18rem;
  position: relative;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 {
    height: 30rem;
    align-items: center;
    width: fit-content;
    margin: auto;
  }
}
._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 ._balance_96cvy_142 {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 ._balance_96cvy_142 {
    align-items: center;
  }
}
._cardsWrapper_96cvy_1
  ._hiloBalance_96cvy_125
  ._balance_96cvy_142
  span:nth-of-type(2) {
  display: flex;
  gap: 1rem;
  align-items: center;
}
._cardsWrapper_96cvy_1
  ._hiloBalance_96cvy_125
  ._balance_96cvy_142
  span:nth-of-type(2)
  img {
  background-color: var(--blue-color);
  border-radius: 50%;
  padding: 0.5rem;
  cursor: pointer;
}
._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 ._netPayout_96cvy_164 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  background-color: var(--fg-color-2);
  width: 100%;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 ._netPayout_96cvy_164 {
    align-items: center;
  }
}
._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 ._rates_96cvy_177 {
  padding: 1rem;
  display: flex;
  gap: 2rem;
}
._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 ._rates_96cvy_177 div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 ._rates_96cvy_177 div {
    align-items: center;
  }
}
._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 ._graphContainer_96cvy_192 {
  position: absolute;
  bottom: 15%;
  right: 1rem;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 ._graphContainer_96cvy_192 {
    top: 55%;
    right: auto;
  }
}
._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 ._winsAndLosses_96cvy_203 {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 38%;
  right: 28%;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 ._winsAndLosses_96cvy_203 {
    top: 50%;
  }
}
._cardsWrapper_96cvy_1 ._hiloBalance_96cvy_125 ._winsAndLosses_96cvy_203 span {
  position: relative;
}
._cardsWrapper_96cvy_1
  ._hiloBalance_96cvy_125
  ._winsAndLosses_96cvy_203
  span:before {
  content: "";
  position: absolute;
  left: -1.5rem;
  top: 20%;
  height: 1rem;
  width: 1rem;
  border-radius: 0.2rem;
  background-color: var(--blue-color);
}
._cardsWrapper_96cvy_1
  ._hiloBalance_96cvy_125
  ._winsAndLosses_96cvy_203
  span:nth-of-type(2):before {
  content: "";
  background-color: var(--fg-color-1);
}
._cardsWrapper_96cvy_1 ._winningRounds_96cvy_232 {
  display: flex;
  flex-direction: column;
  background-color: var(--bg-color-3);
  border-radius: 2rem;
  font-size: 1.25rem;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._winningRounds_96cvy_232 {
    width: 20rem;
    margin: auto;
  }
}
._cardsWrapper_96cvy_1 ._winningRounds_96cvy_232 div {
  padding: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._winningRounds_96cvy_232 div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
._cardsWrapper_96cvy_1 ._winningRounds_96cvy_232 div span:nth-of-type(2n) {
  text-align: end;
}
._cardsWrapper_96cvy_1 ._winningRounds_96cvy_232 div:nth-of-type(2) {
  background-color: var(--fg-color-2);
}
._cardsWrapper_96cvy_1 ._history_96cvy_264 {
  display: flex;
  align-self: flex-start;
  flex-direction: column;
  background-color: var(--bg-color-3);
  border-radius: 2rem;
  font-size: 1.25rem;
  padding: 1rem;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._history_96cvy_264 {
    margin: auto;
    width: 20rem;
  }
}
._cardsWrapper_96cvy_1 ._history_96cvy_264 div {
  padding: 1rem 0rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._history_96cvy_264 div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
._cardsWrapper_96cvy_1 ._history_96cvy_264 span:nth-of-type(2n) {
  text-align: end;
}
._cardsWrapper_96cvy_1 ._history_96cvy_264 button {
  padding: 1rem;
  background-color: var(--blue-color);
  color: var(--fg-color-1);
  border: none;
  border-radius: 2rem;
  font-size: 1.25rem;
  cursor: pointer;
}
._cardsWrapper_96cvy_1 ._history_96cvy_264 button._desktopBtn_96cvy_305 {
  display: block;
}
._cardsWrapper_96cvy_1 ._history_96cvy_264 button._mobileBtn_96cvy_308 {
  display: none;
}
@media (max-width: 1230px) {
  ._cardsWrapper_96cvy_1 ._history_96cvy_264 button._mobileBtn_96cvy_308 {
    display: block;
  }
  ._cardsWrapper_96cvy_1 ._history_96cvy_264 button._desktopBtn_96cvy_305 {
    display: none;
  }
}
._container_1835d_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: absolute;
  border-radius: 2rem;
  padding: 1rem;
  margin: auto;
  top: 6rem;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--bg-color-2);
  z-index: 3;
  color: var(--fg-color-1);
  height: fit-content;
  max-width: 75rem;
}
@media (max-width: 1230px) {
  ._container_1835d_1 {
    width: 95vw;
  }
}
._container_1835d_1 ._header_1835d_21 {
  display: flex;
  justify-content: center;
}
._container_1835d_1 ._close_1835d_25 {
  position: absolute;
  top: 0;
  right: 1rem;
  top: 0.5rem;
  background-color: transparent;
  border: none;
  height: 2rem;
  background-color: var(--blue-color);
  border-radius: 50%;
  padding: 0.5rem;
  cursor: pointer;
}
._blackBg_1835d_39 {
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000b3;
}
._pagination_1835d_46 {
  margin: 2rem 0rem;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1230px) {
  ._pagination_1835d_46 {
    gap: 1rem;
  }
}
._pagination_1835d_46 span:hover {
  background-color: var(--fg-color-2);
}
._pagination_1835d_46 span._active_1835d_62 {
  height: 2rem;
  width: 2rem;
  background-color: var(--bg-color-3);
  cursor: pointer;
}
._tableWrapper_1g0wh_1 {
  overflow-y: auto;
}
@media (max-width: 1230px) {
  ._tableWrapper_1g0wh_1 {
    overflow: scroll;
  }
}
._tableWrapper_1g0wh_1 ._tableContainer_1g0wh_9 {
  width: 100%;
  border-radius: 2rem;
  background-color: var(--bg-color-3);
  overflow: hidden;
}
._tableWrapper_1g0wh_1 ._tableContainer_1g0wh_9 ._tableHeader_1g0wh_15 {
  padding: 1rem;
}
._tableWrapper_1g0wh_1 ._tableContainer_1g0wh_9 ._tableHeader_1g0wh_15 td {
  background-color: var(--fg-color-3);
  padding: 1rem;
}
._tableWrapper_1g0wh_1
  ._tableContainer_1g0wh_9
  ._tableHeader_1g0wh_15
  td:first-child {
  border-radius: 2rem 0 0 0rem;
  text-align: start;
}
._tableWrapper_1g0wh_1
  ._tableContainer_1g0wh_9
  ._tableHeader_1g0wh_15
  td:last-child {
  border-radius: 0rem 2rem 0 0rem;
}
._tableWrapper_1g0wh_1 ._tableContainer_1g0wh_9 td {
  padding: 1rem;
  text-align: center;
}
._tableWrapper_1g0wh_1 ._tableContainer_1g0wh_9 td ._name_1g0wh_33 {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--blue-color);
}
._tableWrapper_1g0wh_1 ._tableContainer_1g0wh_9 td ._name_1g0wh_33 img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
._tableWrapper_1g0wh_1 ._tableContainer_1g0wh_9 td ._greenText_1g0wh_44 {
  color: var(--fg-color-4);
}
._tableWrapper_1g0wh_1 ._tableContainer_1g0wh_9 td ._greyText_1g0wh_47 {
  color: var(--bg-color-1);
}
._tableWrapper_1g0wh_1 ._tableContainer_1g0wh_9 td ._awaiting_1g0wh_50 {
  display: flex;
  gap: 1rem;
  align-items: center;
  background-color: var(--fg-color-2);
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  width: fit-content;
  border-radius: 2rem;
  margin: auto;
}
._tableWrapper_1g0wh_1 ._tableContainer_1g0wh_9 td ._awaiting_1g0wh_50 img {
  height: 2rem;
  background-color: var(--blue-color);
  border-radius: 50%;
}
._container_k92hv_1 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  border-radius: 2rem;
  width: fit-content;
  height: fit-content;
  top: 6rem;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--fg-color-1);
  padding: 1rem;
  margin: auto;
}
@media (max-width: 1230px) {
  ._container_k92hv_1 {
    flex-direction: column;
    padding: 2rem;
    width: 95vw;
    padding: 0rem;
    margin: auto;
  }
}
._container_k92hv_1 ._tokenDetails_k92hv_22 {
  display: flex;
  flex-direction: column;
  background-color: var(--bg-color-3);
  border-radius: 2rem;
  gap: 1rem;
  padding-bottom: 1rem;
}
._container_k92hv_1 ._tokenDetails_k92hv_22 ._header_k92hv_30 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--fg-color-3);
  padding: 0.5rem 1rem;
  border-radius: 2rem 2rem 0rem 0rem;
}
._container_k92hv_1 ._tokenDetails_k92hv_22 ._header_k92hv_30 span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._header_k92hv_30
  span:nth-of-type(2) {
  font-size: 1.25rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._header_k92hv_30
  span:last-of-type
  img {
  background-color: var(--blue-color);
  border-radius: 50%;
  cursor: pointer;
}
._container_k92hv_1 ._tokenDetails_k92hv_22 ._openAndTimeWrapper_k92hv_51 {
  padding: 0rem 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._container_k92hv_1 ._tokenDetails_k92hv_22 ._openAndTimeWrapper_k92hv_51 {
    flex-direction: column;
  }
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._openAndTimeWrapper_k92hv_51
  ._open_k92hv_51 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  background-color: var(--fg-color-3);
  border-radius: 6rem;
  padding: 0rem 0.5rem 0rem 0rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._openAndTimeWrapper_k92hv_51
  ._open_k92hv_51
  img {
  background-color: var(--blue-color);
  border-radius: 50%;
  cursor: pointer;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._openAndTimeWrapper_k92hv_51
  ._timeContainer_k92hv_76 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._openAndTimeWrapper_k92hv_51
  ._timeContainer_k92hv_76
  span {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  background-color: var(--fg-color-3);
  align-items: center;
  border-radius: 6rem;
  padding: 0rem 0.5rem 0rem 0rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._openAndTimeWrapper_k92hv_51
  ._timeContainer_k92hv_76
  span
  img {
  padding: 0.7rem;
  background-color: var(--blue-color);
  border-radius: 6rem;
  overflow: visible;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._openAndTimeWrapper_k92hv_51
  ._timeContainer_k92hv_76
  b {
  font-size: 2rem;
  height: 1.5rem;
  line-height: 0;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._openAndTimeWrapper_k92hv_51
  ._timeContainer_k92hv_76
  b:before,
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._openAndTimeWrapper_k92hv_51
  ._timeContainer_k92hv_76
  b:after {
  content: ".";
  color: gray;
}
._container_k92hv_1 ._tokenDetails_k92hv_22 ._priceVariations_k92hv_106 {
  font-size: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 2.5rem;
  padding: 1rem;
  margin: 0rem 1rem;
  background-color: var(--fg-color-3);
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._priceVariations_k92hv_106
  ._commitWrapper_k92hv_116 {
  display: flex;
  border-radius: 2.5rem;
  justify-content: space-between;
  background-color: var(--bg-color-2);
  align-items: center;
  padding-right: 1rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._priceVariations_k92hv_106
  ._commitWrapper_k92hv_116
  ._commit_k92hv_116 {
  background-color: var(--bg-color-3);
  border-radius: 2.5rem;
  padding: 1.5rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._priceVariations_k92hv_106
  ._commitWrapper_k92hv_116
  input {
  background-color: transparent;
  border: none;
  padding: 0.5rem;
  border-radius: 0.5rem;
  width: 5rem;
  color: var(--fg-color-1);
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._priceVariations_k92hv_106
  ._commitWrapper_k92hv_116
  ._max_k92hv_137 {
  padding: 0.5rem 1rem;
  background-color: var(--blue-color);
  border-radius: 2rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._priceVariations_k92hv_106
  ._greyText_k92hv_142 {
  color: var(--bg-color-1);
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._priceVariations_k92hv_106
  ._balance_k92hv_145 {
  margin-left: auto;
}
@media (max-width: 1230px) {
  ._container_k92hv_1
    ._tokenDetails_k92hv_22
    ._priceVariations_k92hv_106
    ._balance_k92hv_145 {
    margin: auto;
  }
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._priceVariations_k92hv_106
  ._prices_k92hv_153 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 1rem;
  background-color: var(--bg-color-3);
  border-radius: 1.25rem;
  row-gap: 1rem;
}
@media (max-width: 1230px) {
  ._container_k92hv_1
    ._tokenDetails_k92hv_22
    ._priceVariations_k92hv_106
    ._prices_k92hv_153 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    align-items: center;
  }
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._priceVariations_k92hv_106
  ._prices_k92hv_153
  span:nth-of-type(odd) {
  color: var(--bg-color-1);
  padding-left: 1rem;
}
@media (max-width: 1230px) {
  ._container_k92hv_1
    ._tokenDetails_k92hv_22
    ._priceVariations_k92hv_106
    ._prices_k92hv_153
    span:nth-of-type(odd) {
    padding: 0rem;
  }
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._priceVariations_k92hv_106
  ._prices_k92hv_153
  span:nth-of-type(2n) {
  text-align: end;
  padding-right: 1rem;
}
@media (max-width: 1230px) {
  ._container_k92hv_1
    ._tokenDetails_k92hv_22
    ._priceVariations_k92hv_106
    ._prices_k92hv_153
    span:nth-of-type(2n) {
    padding: 0rem;
  }
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._priceVariations_k92hv_106
  ._prices_k92hv_153
  span:nth-of-type(2n)
  ._greenText_k92hv_188 {
  color: var(--fg-color-4);
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._priceVariations_k92hv_106
  ._prices_k92hv_153
  div {
  grid-column: 1/2 span;
  border-radius: 0rem 0rem 1.25rem 1.25rem;
  background-color: var(--bg-color-2);
  padding: 1rem 0rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1230px) {
  ._container_k92hv_1
    ._tokenDetails_k92hv_22
    ._priceVariations_k92hv_106
    ._prices_k92hv_153
    div {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
._container_k92hv_1 ._tokenDetails_k92hv_22 ._realLifePrediction_k92hv_206 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background-color: var(--fg-color-3);
  border-radius: 2.5rem;
  margin: 0rem 1rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._realLifeHeader_k92hv_215 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._realLifeHeader_k92hv_215
  img {
  height: 6rem;
  width: 6rem;
  object-fit: cover;
  border-radius: 1rem;
}
@media (max-width: 1230px) {
  ._container_k92hv_1
    ._tokenDetails_k92hv_22
    ._realLifePrediction_k92hv_206
    ._realLifeHeader_k92hv_215 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  ._container_k92hv_1
    ._tokenDetails_k92hv_22
    ._realLifePrediction_k92hv_206
    ._realLifeHeader_k92hv_215
    img {
    height: 10rem;
    width: 10rem;
    object-fit: cover;
    border-radius: 2rem;
  }
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._realLifeHeader_k92hv_215
  div {
  display: flex;
  flex-direction: column;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._realLifeHeader_k92hv_215
  div
  span:first-of-type {
  color: var(--bg-color-1);
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._realLifeHeader_k92hv_215
  div
  p {
  font-size: 1.25rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._priceList_k92hv_249 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._priceList_k92hv_249
  ._price_k92hv_106 {
  display: flex;
  align-items: center;
  background-color: var(--bg-color-2);
  border-radius: 2rem;
  padding-right: 0.5rem;
  gap: 1rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._priceList_k92hv_249
  ._price_k92hv_106
  ._numberAndPrice_k92hv_263 {
  display: flex;
  align-items: center;
  border-radius: 2rem;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  background-color: var(--bg-color-3);
  gap: 1rem;
  margin-right: auto;
}
@media (max-width: 1230px) {
  ._container_k92hv_1
    ._tokenDetails_k92hv_22
    ._realLifePrediction_k92hv_206
    ._priceList_k92hv_249
    ._price_k92hv_106
    ._numberAndPrice_k92hv_263 {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
  }
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._priceList_k92hv_249
  ._price_k92hv_106
  ._numberAndPrice_k92hv_263
  span:first-of-type {
  font-size: 1.25rem;
  background-color: var(--fg-color-2);
  border-radius: 50%;
  border: 2px solid var(--blue-color);
  height: 3rem;
  width: 3rem;
  text-align: center;
  line-height: 2.7rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._priceList_k92hv_249
  ._price_k92hv_106
  ._liquidity_k92hv_291 {
  display: flex;
  flex-direction: column;
  align-items: end;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._priceList_k92hv_249
  ._price_k92hv_106
  ._liquidity_k92hv_291
  span:last-of-type {
  color: var(--bg-color-1);
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._priceList_k92hv_249
  ._price_k92hv_106
  ._betAndRate_k92hv_299 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._container_k92hv_1
    ._tokenDetails_k92hv_22
    ._realLifePrediction_k92hv_206
    ._priceList_k92hv_249
    ._price_k92hv_106
    ._betAndRate_k92hv_299 {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._priceList_k92hv_249
  ._price_k92hv_106
  ._betAndRate_k92hv_299
  ._bet_k92hv_299 {
  background-color: var(--blue-color);
  border-radius: 2rem;
  padding: 0.5rem 1rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._realLifePrediction_k92hv_206
  ._priceList_k92hv_249
  ._price_k92hv_106
  ._betAndRate_k92hv_299
  ._rate_k92hv_317 {
  background-color: var(--bg-color-3);
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  text-align: center;
  line-height: 3rem;
}
._container_k92hv_1 ._tokenDetails_k92hv_22 ._variationRates_k92hv_325 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 1rem;
  font-size: 1.25rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._variationRates_k92hv_325
  ._variationWrapper_k92hv_332 {
  border-radius: 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._variationRates_k92hv_325
  ._variationWrapper_k92hv_332:nth-of-type(1) {
  padding-right: 1rem;
  background-color: var(--fg-color-5);
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._variationRates_k92hv_325
  ._variationWrapper_k92hv_332:nth-of-type(1)
  img {
  border: 2px solid var(--purple-color);
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._variationRates_k92hv_325
  ._variationWrapper_k92hv_332:nth-of-type(2) {
  padding-left: 1rem;
  background-color: var(--bg-color-5);
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._variationRates_k92hv_325
  ._variationWrapper_k92hv_332:nth-of-type(2)
  img {
  border: 2px solid var(--pink-color);
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._variationRates_k92hv_325
  ._variationWrapper_k92hv_332
  div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._variationRates_k92hv_325
  ._variationWrapper_k92hv_332
  div
  span:last-of-type {
  color: var(--bg-color-1);
}
@media (max-width: 1230px) {
  ._container_k92hv_1
    ._tokenDetails_k92hv_22
    ._variationRates_k92hv_325
    ._variationWrapper_k92hv_332
    div
    span:last-of-type
    span:first-of-type {
    display: none;
  }
}
._container_k92hv_1
  ._tokenDetails_k92hv_22
  ._variationRates_k92hv_325
  ._variationWrapper_k92hv_332
  img {
  padding: 0.7rem;
  height: 3rem;
  width: 3rem;
  background-color: var(--fg-color-3);
  border-radius: 50%;
}
._container_k92hv_1 ._lottery_k92hv_373 {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: var(--bg-color-3);
  border-radius: 2.7rem;
  padding: 1rem;
  font-size: 1.25rem;
  white-space: nowrap;
}
@media (max-width: 1230px) {
  ._container_k92hv_1 ._lottery_k92hv_373 {
    flex-direction: column;
    width: fit-content;
    margin: 1rem auto;
  }
}
._container_k92hv_1 ._lottery_k92hv_373 ._greenText_k92hv_188 {
  color: var(--fg-color-4);
}
._container_k92hv_1 ._lottery_k92hv_373 img {
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  background-color: var(--blue-color);
  padding: 0.7rem;
  overflow: visible;
}
._container_k92hv_1 ._lottery_k92hv_373 ._textContainer_k92hv_402 {
  display: flex;
  flex-direction: column;
}
._container_k92hv_1 ._lottery_k92hv_373 ._timeContainer_k92hv_76 {
  background-color: var(--fg-color-3);
  border-radius: 2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-right: 1rem;
  font-size: 1rem;
}
._container_k92hv_1
  ._lottery_k92hv_373
  ._timeContainer_k92hv_76
  span:first-of-type {
  height: 3rem;
  width: 3rem;
  color: var(--fg-color-4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._container_k92hv_1
  ._lottery_k92hv_373
  ._timeContainer_k92hv_76
  span:first-of-type
  span {
  border: 2px solid var(--fg-color-4);
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
}
._container_k92hv_1 ._tokenDescription_k92hv_430 {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 1rem;
}
._container_k92hv_1 ._tokenDescription_k92hv_430 h1 {
  font-size: 1.25rem;
}
._container_k92hv_1 ._tokenDescription_k92hv_430 p {
  font-size: 1rem;
  color: var(--bg-color-1);
}
._container_k92hv_1 ._tokenDescription_k92hv_430 ._links_k92hv_444 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._blackBg_k92hv_450 {
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000000b3;
}
._container_4yvtl_1 {
  width: 90vw;
  margin: auto;
}
._comingSoon_40779_1 h1 {
  font-size: 3rem;
  margin: 10rem 0;
  text-align: center;
  height: 100%;
}
._header_168al_1 {
  display: flex;
  justify-content: center;
  background-color: var(--bg-color-3);
  position: relative;
  min-height: 5.25rem;
}
@media (max-width: 1230px) {
  ._header_168al_1 {
    padding: 1rem;
  }
}
._header_168al_1 ._logoContainer_168al_13 {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-direction: row;
}
._content_168al_21 {
  margin: 100px auto;
  max-width: 400px;
  text-align: center;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
._content_168al_21 > button {
  text-align: center;
}
._content_vsrsh_1 h1 {
  color: #fff;
  font-size: 1rem;
}
._content_vsrsh_1 > * {
  margin-bottom: 30px;
}
._content_vsrsh_1 input {
  padding: 1rem;
  border: none;
  border-radius: 6rem;
  background-color: var(--bg-color-3);
  color: var(--fg-color-1);
  width: 100%;
  height: 3rem;
  outline: none;
}
._content_vsrsh_1 button {
  color: var(--fg-color-1);
  padding: 1rem;
  border: none;
  border-radius: 6rem;
  background-color: var(--blue-color);
  min-width: 6rem;
  cursor: pointer;
  font-family: barlow;
  font-size: 1rem;
}
._content_vsrsh_1 ._error_vsrsh_29 {
  color: red;
}
._content_1mfzw_1 h1 {
  color: #fff;
  font-size: 1rem;
}
._content_1mfzw_1 form > * {
  margin-bottom: 30px;
}
._content_1mfzw_1 > * {
  margin-bottom: 30px;
}
._content_1mfzw_1 input {
  padding: 1rem;
  border: none;
  border-radius: 6rem;
  background-color: var(--bg-color-3);
  color: var(--fg-color-1);
  width: 100%;
  height: 3rem;
  outline: none;
  margin-bottom: 10px;
}
._content_1mfzw_1 button {
  color: var(--fg-color-1);
  padding: 1rem;
  border: none;
  border-radius: 6rem;
  background-color: var(--blue-color);
  min-width: 6rem;
  cursor: pointer;
  font-family: barlow;
  font-size: 1rem;
}
._content_1mfzw_1 ._error_1mfzw_33 {
  color: red;
}
._content_jyj0z_1 h1 {
  color: #fff;
  font-size: 1rem;
}
._content_jyj0z_1 form > * {
  margin-bottom: 30px;
}
._content_jyj0z_1 > * {
  margin-bottom: 30px;
}
._content_jyj0z_1 input {
  padding: 1rem;
  border: none;
  border-radius: 6rem;
  background-color: var(--bg-color-3);
  color: var(--fg-color-1);
  width: 100%;
  height: 3rem;
  outline: none;
  margin-bottom: 10px;
}
._content_jyj0z_1 button {
  color: var(--fg-color-1);
  padding: 1rem;
  border: none;
  border-radius: 6rem;
  background-color: var(--blue-color);
  min-width: 6rem;
  cursor: pointer;
  font-family: barlow;
  font-size: 1rem;
}
._content_jyj0z_1 ._actions_jyj0z_33 {
  display: flex;
  justify-content: space-evenly;
}
._content_jyj0z_1 ._error_jyj0z_37 {
  color: red;
}
._container_13k2y_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 4.12rem 0;
}
._container_13k2y_1 ._content_13k2y_8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 7rem 0;
  max-width: 484px;
}
@media (max-width: 1230px) {
  ._container_13k2y_1 ._content_13k2y_8 {
    max-width: 320px;
  }
}
._container_13k2y_1 ._notice_13k2y_22 {
  background: #210512;
  font-family: Barlow;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.9px;
  text-align: left;
  color: #ff3850;
  padding: 0.75rem;
  border-radius: 10px;
}
._container_13k2y_1 ._notice_13k2y_22 img {
  width: 14px;
  height: 14px;
  margin-right: 0.5rem;
}
._container_13k2y_1 li {
  background-image: url(/assets/warning-6ca0326a.png);
  background-size: 20px 20px;
}
._container_13k2y_1 li:before {
  margin-right: 10px;
  height: 10px;
  width: 10px;
  background-image: url(/assets/warning-6ca0326a.png);
}
._container_13k2y_1 ._title_13k2y_48 {
  color: #fff;
  font-family: Adieu;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
._container_13k2y_1 ._description_13k2y_57 {
  font-family: Barlow;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.9px;
  text-align: left;
  color: #848298;
}
._container_13k2y_1 ._card_13k2y_65 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  background-color: var(--bg-color-3);
  border-radius: 10px;
  gap: 1rem;
}
._container_13k2y_1 ._buttonWrapper_13k2y_76 {
  width: 100% !important;
}
._container_13k2y_1 ._buttonWrapper_13k2y_76 button {
  width: 100% !important;
  border-radius: 10px;
  color: #fff;
}
._container_13k2y_1 ._buttonWrapper_13k2y_76 button:hover {
  transition: all 0.1s ease-in-out;
  background: #3250b2;
}
._container_13k2y_1 ._cardTitle_13k2y_88 {
  font-family: Barlow;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.9px;
  text-align: center;
}
._container_13k2y_1 ._walletContainer_13k2y_95 {
  padding: 14px;
  gap: 6px;
  border-radius: 10px;
  opacity: 0px;
  background: #222041;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
._container_13k2y_1 ._disconnect_13k2y_107 {
  font-family: Barlow;
  font-size: 14px;
  font-weight: 500;
  line-height: 16.8px;
  text-decoration: underline;
  justify-self: flex-end;
  cursor: pointer;
}
._container_13k2y_1 ._wallet_13k2y_95 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
._container_13k2y_1 ._wallet_13k2y_95 ._connect_13k2y_122 {
  width: 8px;
  height: 8px;
  background: #4dd783;
  border-radius: 100%;
}
._container_13k2y_1 ._balanceContainer_13k2y_128 {
  gap: 6px;
  border-radius: 10px;
  opacity: 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
._container_13k2y_1 ._popUp_13k2y_138 {
  z-index: 1;
  position: fixed;
  top: 25%;
  border-radius: 10px;
  background: #13102b;
  padding: 22px 14px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 280px;
}
._container_13k2y_1 ._popUp_13k2y_138 button {
  align-self: center;
  width: 120px;
}
._container_13k2y_1 ._popUpTitleContainer_13k2y_154 {
  display: flex;
  flex-direction: row;
}
._container_13k2y_1 ._popUpTitle_13k2y_154 {
  position: relative;
  margin: auto;
}
._container_13k2y_1 ._close_13k2y_162 {
  position: relative;
  cursor: pointer;
}
._container_13k2y_1 ._messageContainer_13k2y_166 {
  display: flex;
  flex-direction: row;
  gap: 14px;
}
._container_13k2y_1 ._message_13k2y_166 {
  font-family: Barlow;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.9px;
  text-align: left;
  color: #767582;
}
._container_13k2y_1 ._buttonContainer_13k2y_179 {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-left: 38px;
  margin-right: 38px;
}
._container_13k2y_1 ._buttonContainer_13k2y_179 button {
  width: 100% !important;
  border-radius: 10px;
  color: #fff;
}
._container_13k2y_1 ._buttonContainer_13k2y_179 button:hover {
  transition: all 0.1s ease-in-out;
  background: #3250b2;
}
._container_13k2y_1 ._buttonContainer_13k2y_179 ._confirm_13k2y_195 {
  width: 100%;
}
._container_13k2y_1 ._buttonContainer_13k2y_179 ._confirm_13k2y_195 button {
  width: 100% !important;
}
._container_13k2y_1 ._buttonContainer_13k2y_179 ._cancel_13k2y_201 {
  width: 100%;
}
._container_13k2y_1 ._buttonContainer_13k2y_179 ._cancel_13k2y_201 button {
  width: 100% !important;
  background: #222041;
}
._container_13k2y_1
  ._buttonContainer_13k2y_179
  ._cancel_13k2y_201
  button:hover {
  transition: all 0.1s ease-in-out;
  background: #302f52;
}
._container_13k2y_1 ._backdrop_13k2y_212 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0.75;
  background: rgba(0, 0, 0, 0.7490196078);
  z-index: 1;
}
._filterOptions_bhwcx_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  white-space: nowrap;
}
._filterOptions_bhwcx_1 > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._filterOptions_bhwcx_1 {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
._filterOptions_bhwcx_1 ._search_bhwcx_23 {
  display: flex;
  align-items: center;
  border-radius: 6rem;
  border-color: var(--bg-color-3);
  background: var(--bg-color-3);
  color: var(--fg-color-1);
}
._filterOptions_bhwcx_1 ._search_bhwcx_23 input {
  border-radius: 6rem;
  padding: 1rem;
  border: 0;
  border-color: var(--bg-color-3);
  background: var(--bg-color-3);
  color: var(--fg-color-1);
}
._filterOptions_bhwcx_1 ._poolSelect_bhwcx_39 {
  background-color: var(--bg-color-3);
  padding: 1rem 0.5rem;
  border-radius: 6rem;
  width: fit-content;
}
._filterOptions_bhwcx_1 ._poolSelect_bhwcx_39 span {
  padding: 0.8rem;
  border-radius: 6rem;
  cursor: pointer;
}
._filterOptions_bhwcx_1
  ._poolSelect_bhwcx_39
  span:not(._active_bhwcx_50):hover {
  background: #201e38;
}
._filterOptions_bhwcx_1 ._poolSelect_bhwcx_39 span._active_bhwcx_50 {
  background-color: var(--blue-color);
}
._filterOptions_bhwcx_1 ._blueBtn_bhwcx_56 {
  background-color: var(--blue-color);
  padding: 0.8rem;
  border-radius: 6rem;
  border: none;
  color: #fff;
  font-size: 1rem;
  font-family: barlow;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}
._filterOptions_bhwcx_1 ._filterSelectWrapper_bhwcx_70 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
@media (max-width: 1230px) {
  ._filterOptions_bhwcx_1 ._filterSelectWrapper_bhwcx_70 {
    flex-direction: column;
  }
}
._filterOptions_bhwcx_1 ._filterSelectWrapper_bhwcx_70 select {
  border: none;
  border-radius: 6rem;
  padding: 1rem;
  background-color: var(--bg-color-3);
  color: var(--fg-color-1);
  min-width: 7rem;
}
._filterOptions_bhwcx_1 ._filters_bhwcx_90 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
._filterOptions_bhwcx_1 ._userRank_bhwcx_96 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}
@media (max-width: 1230px) {
  ._filterOptions_bhwcx_1 ._userRank_bhwcx_96 {
    display: none;
  }
}
._filterOptions_bhwcx_1 ._userRank_bhwcx_96 div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}
._filterOptions_bhwcx_1 ._layout_bhwcx_113 {
  display: flex;
  flex-direction: row;
  background-color: var(--bg-color-3);
  padding: 0.5rem;
  align-items: center;
  border-radius: 6rem;
  width: fit-content;
}
._filterOptions_bhwcx_1 ._layout_bhwcx_113 img {
  height: 2rem;
  width: 2rem;
  padding: 0.5rem;
  overflow: visible;
  cursor: pointer;
}
._filterOptions_bhwcx_1 ._layout_bhwcx_113 img:not(._active_bhwcx_50):hover {
  background: #201e38;
}
._filterOptions_bhwcx_1 ._layout_bhwcx_113 img._active_bhwcx_50 {
  background-color: var(--blue-color);
  border-radius: 50%;
}
._leaders_bhwcx_137 {
  max-width: 85vw;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3em;
  grid-template-areas: "first second third" "therest therest therest";
}
@media (max-width: 1230px) {
  ._leaders_bhwcx_137 {
    max-width: 100vw;
  }
}
._first_bhwcx_150 {
  grid-area: first;
  height: fit-content;
}
._second_bhwcx_155 {
  grid-area: second;
  height: fit-content;
}
._third_bhwcx_160 {
  grid-area: third;
  height: fit-content;
}
._therest_bhwcx_165 {
  grid-area: therest;
  height: 591px;
}
._cardContainer_73gfg_1 {
  display: flex;
  flex-direction: column;
}
._topSection_73gfg_6 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: linear-gradient(142deg, #151230 0%, #100e26 100%);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 25px;
}
._leftSection_73gfg_16 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._rank_73gfg_22 {
  text-align: center;
  color: #04031e;
  font-family: Barlow, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 0;
}
._gold_73gfg_32 {
  width: max-content;
  border-radius: 92px;
  padding: 4px 9px 6px;
  background: linear-gradient(
    224deg,
    #b88005 3.39%,
    #ffe092 49.61%,
    #b88005 95.99%
  );
}
._silver_73gfg_39 {
  width: max-content;
  border-radius: 92px;
  padding: 4px 9px 6px;
  background: linear-gradient(
    224deg,
    #8b8b8b 3.39%,
    #fff 49.61%,
    #8b8b8b 95.99%
  );
}
._bronze_73gfg_46 {
  width: max-content;
  border-radius: 92px;
  padding: 4px 9px 6px;
  background: linear-gradient(
    224deg,
    #d77641 3.39%,
    #e3bba5 49.61%,
    #d77641 95.99%
  );
}
._bottomSection_73gfg_53 {
  display: flex;
  flex-direction: column;
  padding: 25px;
  gap: 1rem;
  border-radius: 0 0 30px 30px;
  background: #090920;
}
._bottomSection_73gfg_53 div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._tableWrapper_1cmxs_1 {
  grid-area: therest;
}
._tableWrapper_1cmxs_1 ._tableContainer_1cmxs_4 {
  width: 100%;
  border-radius: 2rem;
  background-color: var(--bg-color-3);
}
._tableWrapper_1cmxs_1 ._tableContainer_1cmxs_4 ._tableHeader_1cmxs_9 {
  padding: 1rem;
}
._tableWrapper_1cmxs_1 ._tableContainer_1cmxs_4 ._tableHeader_1cmxs_9 td {
  background-color: var(--fg-color-3);
  padding: 1rem;
}
._tableWrapper_1cmxs_1
  ._tableContainer_1cmxs_4
  ._tableHeader_1cmxs_9
  td:first-child {
  border-radius: 2rem 0 0 0rem;
}
._tableWrapper_1cmxs_1
  ._tableContainer_1cmxs_4
  ._tableHeader_1cmxs_9
  td:last-child {
  border-radius: 0rem 2rem 0 0rem;
}
._tableWrapper_1cmxs_1 ._tableContainer_1cmxs_4 tr._hidden_1cmxs_22 {
  opacity: 0.2;
  cursor: not-allowed;
}
._tableWrapper_1cmxs_1 ._tableContainer_1cmxs_4 td {
  padding: 1rem;
}
._tableWrapper_1cmxs_1 ._tableContainer_1cmxs_4 td._hideContainer_1cmxs_29 {
  cursor: pointer;
}
._tableWrapper_1cmxs_1 ._tableContainer_1cmxs_4 td._hideContainer_1cmxs_29 img {
  transition: all 0.2s ease-in-out;
}
._tableWrapper_1cmxs_1
  ._tableContainer_1cmxs_4
  td._hideContainer_1cmxs_29:hover
  img {
  transform: scale(1.5);
  transition: all 0.2s ease-in-out;
}
._tableWrapper_1cmxs_1 ._tableContainer_1cmxs_4 td ._name_1cmxs_39 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
._tableWrapper_1cmxs_1 ._tableContainer_1cmxs_4 td ._name_1cmxs_39 img {
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
}
._tableWrapper_1cmxs_1 ._tableContainer_1cmxs_4 td ._remainingTime_1cmxs_51 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  align-items: baseline;
}
._tableWrapper_1cmxs_1
  ._tableContainer_1cmxs_4
  td
  ._remainingTime_1cmxs_51
  ._closeTime_1cmxs_58,
._tableWrapper_1cmxs_1
  ._tableContainer_1cmxs_4
  td
  ._remainingTime_1cmxs_51
  ._lockTime_1cmxs_58 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
._tableWrapper_1cmxs_1
  ._tableContainer_1cmxs_4
  td
  ._remainingTime_1cmxs_51
  ._closeTime_1cmxs_58
  img,
._tableWrapper_1cmxs_1
  ._tableContainer_1cmxs_4
  td
  ._remainingTime_1cmxs_51
  ._lockTime_1cmxs_58
  img {
  border: 2px solid var(--bg-color-2);
  padding: 0.5rem;
  border-radius: 50%;
  background-color: var(--blue-color);
  overflow: visible;
}
._tableWrapper_1cmxs_1 ._tableContainer_1cmxs_4 td ._multipliers_1cmxs_71 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._tableWrapper_1cmxs_1
  ._tableContainer_1cmxs_4
  td
  ._multipliers_1cmxs_71
  ._upRate_1cmxs_76 {
  padding: 0rem 0.5rem 0rem 0rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
._tableWrapper_1cmxs_1
  ._tableContainer_1cmxs_4
  td
  ._multipliers_1cmxs_71
  ._upRate_1cmxs_76
  img {
  border: 2px solid var(--purple-color);
  padding: 0.5rem;
  border-radius: 50%;
  background-color: var(--fg-color-3);
}
._tableWrapper_1cmxs_1
  ._tableContainer_1cmxs_4
  td
  ._multipliers_1cmxs_71
  ._downRate_1cmxs_89 {
  padding: 0rem 0.5rem 0rem 0rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
._tableWrapper_1cmxs_1
  ._tableContainer_1cmxs_4
  td
  ._multipliers_1cmxs_71
  ._downRate_1cmxs_89
  img {
  border: 2px solid var(--pink-color);
  padding: 0.5rem;
  border-radius: 50%;
  background-color: var(--fg-color-3);
}
._container_1dsps_6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (max-width: 1230px) {
  ._container_1dsps_6 {
    width: 100vw;
    justify-content: center;
    text-align: center;
  }
}
._container_1dsps_6 ._title_1dsps_22 {
  color: #fff;
  font-family: Adieu, serif;
  font-size: 25.599px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1230px) {
  ._container_1dsps_6 ._title_1dsps_22 {
    font-size: 17.205px;
  }
}
._container_1dsps_6 ._formContainer_1dsps_35 {
  border-radius: 26.898px;
  background: #0e0d25;
  padding: 2rem;
}
@media (max-width: 1230px) {
  ._container_1dsps_6 ._formContainer_1dsps_35 {
    width: 100vw;
    justify-content: center;
    text-align: center;
  }
}
._container_1dsps_6 ._formContainer_1dsps_35 ._formHeader_1dsps_47 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 1rem;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._formHeader_1dsps_47
  ._backButtonContainer_1dsps_53 {
  flex: 2;
  display: inline-flex;
  flex-direction: row;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._formHeader_1dsps_47
  ._backButton_1dsps_53 {
  width: fit-content;
  cursor: pointer;
  flex: 2;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._formHeader_1dsps_47
  ._headerTitle_1dsps_68 {
  flex: 3;
  color: #fff;
  font-family: Barlow, serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.208px;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._formHeader_1dsps_47
  ._headerTitle_1dsps_68
  p {
  text-wrap: nowrap;
}
._container_1dsps_6 ._formContainer_1dsps_35 ._form_1dsps_35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._inputContainer_1dsps_86 {
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: 100%;
  gap: 0.5rem;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._inputContainer_1dsps_86
  input {
  border-radius: 9.558px;
  width: 100%;
  text-align: center;
  padding: 1rem;
  background: #04031e;
  border: none;
  outline: none;
  color: #fff;
  text-align: left;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._inputContainer_1dsps_86
  input::placeholder {
  text-align: left;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._timeFrameContainer_1dsps_108 {
  border-radius: 20px;
  background: #04031e;
  padding: 0.5rem;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._timeFrameContainer_1dsps_108
  ._desktopLabels_1dsps_113 {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._timeFrameContainer_1dsps_108
  ._desktopLabels_1dsps_113
  label {
  color: #6b6a78;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1230px) {
  ._container_1dsps_6
    ._formContainer_1dsps_35
    ._form_1dsps_35
    ._timeFrameContainer_1dsps_108
    ._desktopLabels_1dsps_113 {
    display: none;
  }
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._timeFrameContainer_1dsps_108
  ._timeSelectors_1dsps_132 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 30px;
  padding: 0.5rem;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._container_1dsps_6
    ._formContainer_1dsps_35
    ._form_1dsps_35
    ._timeFrameContainer_1dsps_108
    ._timeSelectors_1dsps_132 {
    flex-direction: column;
  }
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._timeFrameContainer_1dsps_108
  ._timeSelectors_1dsps_132
  div {
  border-radius: 17.5px;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._timeFrameContainer_1dsps_108
  ._timeSelectors_1dsps_132
  input {
  width: 165px;
  text-align: center;
  padding: 0.5rem;
  border: none;
  border-radius: 17.5px;
  outline: none;
  color: #fff;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._timeFrameContainer_1dsps_108
  ._timeSelectors_1dsps_132
  ._selectors_1dsps_161 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._timeFrameContainer_1dsps_108
  ._timeSelectors_1dsps_132
  ._selectors_1dsps_161
  div
  > div {
  margin: 0;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._choices_1dsps_169 {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 9.558px;
  background: #1a192e;
  padding: 1rem;
  width: 100%;
  gap: 1rem;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._choices_1dsps_169
  input {
  border-radius: 9.558px;
  width: 100%;
  text-align: center;
  padding: 1rem;
  background: #04031e;
  border: none;
  outline: none;
  color: #fff;
  text-align: left;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._choices_1dsps_169
  input::placeholder {
  text-align: left;
}
._container_1dsps_6
  ._formContainer_1dsps_35
  ._form_1dsps_35
  ._blueBtn_1dsps_193 {
  background-color: var(--blue-color);
  padding: 0.8rem;
  border-radius: 6rem;
  border: none;
  color: #fff;
  font-size: 1rem;
  font-family: barlow;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}
._backdrop_1dsps_208 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0.8;
  z-index: 1;
  background-color: var(--bg-color-3);
}
._message-dialog_1dsps_221 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  background-color: var(--bg-color-2);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem 3rem;
  gap: 0.62rem;
  border-radius: 1.875rem;
  font-size: 1.25rem;
  z-index: 2;
}
._message-dialog_1dsps_221 ._title_1dsps_22 {
  font-size: 1.25rem;
}
._message-dialog_1dsps_221 ._body_1dsps_239 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--fg-color-6);
}
._message-dialog_1dsps_221 ._close_1dsps_245 {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 15px;
}
._message-dialog_1dsps_221 ._close_1dsps_245 img {
  max-width: 100%;
}
._close_1dsps_245 {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 15px;
}
._close_1dsps_245 img {
  max-width: 100%;
}
._title_1dsps_22 {
  font-size: 1.25rem;
}
._body_1dsps_239 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--fg-color-6);
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}
._container_1j86b_6 {
  display: flex;
  width: 90vw;
  max-width: 800px;
  margin: 100px auto;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}
._container_1j86b_6 ._title_1j86b_15 {
  align-self: center;
  color: #fff;
  font-family: Adieu, serif;
  font-size: 25.599px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
._container_1j86b_6 ._formContainer_1j86b_24 {
  border-radius: 26.898px;
  background: #0e0d25;
  padding: 2rem;
}
._container_1j86b_6 ._formContainer_1j86b_24 ._formHeader_1j86b_29 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1rem;
  position: relative;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._formHeader_1j86b_29
  ._backButtonContainer_1j86b_36 {
  display: inline-flex;
  flex-direction: row;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._formHeader_1j86b_29
  ._backButton_1j86b_36 {
  width: fit-content;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._formHeader_1j86b_29
  ._headerTitle_1j86b_49 {
  color: #fff;
  font-family: Barlow, serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.208px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
._container_1j86b_6 ._formContainer_1j86b_24 ._form_1j86b_24 {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 1.5rem;
}
._container_1j86b_6 ._formContainer_1j86b_24 ._form_1j86b_24 ._item1_1j86b_66 {
  display: flex;
  align-items: center;
  justify-content: start;
  background: #04031e;
  padding: 0.5rem;
  border-radius: 30px;
  grid-column-start: 1;
  grid-column-end: 5;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item1_1j86b_66
  input {
  width: 100%;
  color: #fff;
  padding: 0.5rem;
  background: inherit;
  border: none;
  outline: none;
}
._container_1j86b_6 ._formContainer_1j86b_24 ._form_1j86b_24 ._item3_1j86b_84 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #04031e;
  padding: 0.5rem;
  border-radius: 30px;
  grid-row-start: 2;
  grid-column-start: 1;
  grid-column-end: 5;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item3_1j86b_84
  input {
  width: 100%;
  padding: 0.5rem;
  background: inherit;
  border: none;
  outline: none;
  color: #fff;
}
._container_1j86b_6 ._formContainer_1j86b_24 ._form_1j86b_24 ._item4_1j86b_103 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #04031e;
  padding: 0.5rem;
  border-radius: 30px;
  grid-row-start: 3;
  grid-column-start: 1;
  grid-column-end: 5;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item4_1j86b_103
  input {
  width: 100%;
  padding: 0.5rem;
  background: inherit;
  border: none;
  outline: none;
  color: #fff;
}
._container_1j86b_6 ._formContainer_1j86b_24 ._form_1j86b_24 ._item5_1j86b_122 {
  grid-row-start: 4;
  grid-column-start: 1;
  grid-column-end: 5;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item5_1j86b_122
  div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #04031e;
  padding: 0.5rem;
  border-radius: 30px;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item5_1j86b_122
  div
  input {
  width: 100%;
  padding: 0.5rem;
  background: inherit;
  border: none;
  outline: none;
  color: #fff;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item5_1j86b_122
  img {
  width: 30px;
  height: 30px;
}
._container_1j86b_6 ._formContainer_1j86b_24 ._form_1j86b_24 ._item6_1j86b_147 {
  grid-row-start: 5;
  grid-column-start: 4;
  grid-row-end: 4;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item6_1j86b_147
  div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #04031e;
  padding: 0.5rem;
  border-radius: 30px;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item6_1j86b_147
  div
  input {
  width: 100%;
  padding: 0.5rem;
  background: inherit;
  border: none;
  outline: none;
  color: #fff;
}
._container_1j86b_6 ._formContainer_1j86b_24 ._form_1j86b_24 ._item7_1j86b_168 {
  grid-row-start: 6;
  grid-column-start: 4;
  grid-row-end: 4;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item7_1j86b_168
  div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #04031e;
  border-radius: 30px;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item7_1j86b_168
  div
  select {
  outline: none;
  width: 100%;
  border: none;
  border-radius: 6rem;
  padding: 1rem;
  background: #1a192e;
  color: var(--fg-color-1);
  min-width: 7rem;
}
._container_1j86b_6 ._formContainer_1j86b_24 ._form_1j86b_24 ._item8_1j86b_190 {
  grid-row-start: 5;
  grid-column-start: 1;
  grid-column-end: 5;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item8_1j86b_190
  div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  gap: 1rem;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item8_1j86b_190
  div
  div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #04031e;
  border-radius: 30px;
  padding: 0.5rem;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item8_1j86b_190
  div
  div
  img {
  height: 33px;
  width: 33px;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item8_1j86b_190
  div
  div
  input {
  width: 100%;
  background: inherit;
  border: none;
  outline: none;
  color: #fff;
}
._container_1j86b_6 ._formContainer_1j86b_24 ._form_1j86b_24 ._item9_1j86b_222 {
  grid-row-start: 7;
  grid-row-end: 7;
  grid-column-start: 1;
  grid-column-end: 5;
  border-radius: 20px;
  background: #04031e;
  padding: 0.5rem;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item9_1j86b_222
  ._desktopLabels_1j86b_231 {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item9_1j86b_222
  ._desktopLabels_1j86b_231
  label {
  color: #6b6a78;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item9_1j86b_222
  ._timeSelectors_1j86b_245 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 30px;
  padding: 0.5rem;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._container_1j86b_6
    ._formContainer_1j86b_24
    ._form_1j86b_24
    ._item9_1j86b_222
    ._timeSelectors_1j86b_245 {
    flex-direction: column;
  }
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item9_1j86b_222
  ._timeSelectors_1j86b_245
  div {
  border-radius: 17.5px;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item9_1j86b_222
  ._timeSelectors_1j86b_245
  input {
  width: 165px;
  text-align: center;
  padding: 0.5rem;
  border: none;
  border-radius: 17.5px;
  outline: none;
  color: #fff;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item9_1j86b_222
  ._timeSelectors_1j86b_245
  ._selectors_1j86b_274 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item9_1j86b_222
  ._timeSelectors_1j86b_245
  ._selectors_1j86b_274
  div
  > div {
  margin: 0;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item10_1j86b_282 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #04031e;
  padding: 0.5rem;
  border-radius: 30px;
  grid-row-start: 6;
  grid-row-end: 8;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item11_1j86b_292 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #04031e;
  padding: 0.5rem;
  border-radius: 30px;
  grid-column-start: 1;
  grid-column-end: 5;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item12_1j86b_302 {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 8;
  grid-row-end: 8;
}
._container_1j86b_6
  ._formContainer_1j86b_24
  ._form_1j86b_24
  ._item12_1j86b_302
  ._blueBtn_1j86b_311 {
  background-color: var(--blue-color);
  padding: 0.8rem;
  border-radius: 6rem;
  border: none;
  color: #fff;
  font-size: 1rem;
  font-family: barlow;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}
._backdrop_1j86b_326 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0.8;
  z-index: 1;
  background-color: var(--bg-color-3);
}
._message-dialog_1j86b_339 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  background-color: var(--bg-color-2);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem 3rem;
  gap: 0.62rem;
  border-radius: 1.875rem;
  font-size: 1.25rem;
  z-index: 2;
}
._message-dialog_1j86b_339 ._title_1j86b_15 {
  font-size: 1.25rem;
}
._message-dialog_1j86b_339 ._body_1j86b_357 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--fg-color-6);
}
._message-dialog_1j86b_339 ._close_1j86b_363 {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 15px;
}
._message-dialog_1j86b_339 ._close_1j86b_363 img {
  max-width: 100%;
}
._close_1j86b_363 {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 15px;
}
._close_1j86b_363 img {
  max-width: 100%;
}
._title_1j86b_15 {
  font-size: 1.25rem;
}
._body_1j86b_357 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--fg-color-6);
}
._container_5yr1v_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (max-width: 1230px) {
  ._container_5yr1v_1 {
    width: 100vw;
    justify-content: center;
    text-align: center;
  }
}
._container_5yr1v_1 > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
._container_5yr1v_1 ._title_5yr1v_23 {
  color: #fff;
  font-family: Adieu, serif;
  font-size: 25.599px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1230px) {
  ._container_5yr1v_1 ._title_5yr1v_23 {
    font-size: 17.205px;
  }
}
._container_5yr1v_1 ._subtitle_5yr1v_36 {
  max-width: 560px;
  color: #ffffff80;
  text-align: center;
  font-family: Barlow, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 1230px) {
  ._container_5yr1v_1 ._subtitle_5yr1v_36 {
    font-size: 12px;
  }
}
._container_5yr1v_1 ._sendReceive_5yr1v_51 {
  background-color: var(--bg-color-3);
  padding: 0.5rem;
  border-radius: 6rem;
}
._container_5yr1v_1 ._sendReceive_5yr1v_51 span {
  padding: 11px 22px;
  border-radius: 6rem;
  cursor: pointer;
}
._container_5yr1v_1 ._sendReceive_5yr1v_51 span:not(._active_5yr1v_61):hover {
  background: #201e38;
}
._container_5yr1v_1 ._sendReceive_5yr1v_51 span._active_5yr1v_61 {
  background-color: var(--blue-color);
}
._container_5yr1v_1 ._transferContainer_5yr1v_67 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  gap: 0.5rem;
  padding: 1rem 2rem;
  border-radius: 20px;
  background: var(
    --dark_blue_rad,
    linear-gradient(142deg, #151230 3.42%, #100e26 99.3%)
  );
  width: 624px;
}
@media (max-width: 1230px) {
  ._container_5yr1v_1 ._transferContainer_5yr1v_67 {
    width: 100vw;
    justify-content: center;
    text-align: center;
  }
}
._container_5yr1v_1 ._transferContainer_5yr1v_67 ._transferInput_5yr1v_85 {
  display: flex;
  flex-direction: row;
  border-radius: 30px;
  width: 100%;
  height: 47px;
  background: #04031e;
  border: none;
}
@media (max-width: 1230px) {
  ._container_5yr1v_1 ._transferContainer_5yr1v_67 ._transferInput_5yr1v_85 {
    justify-content: center;
    text-align: center;
  }
}
._container_5yr1v_1 ._transferContainer_5yr1v_67 ._transferInput_5yr1v_85 img {
  cursor: pointer;
  align-self: end;
  width: 25.277px;
  height: 27.383px;
  margin: 12px;
}
._container_5yr1v_1
  ._transferContainer_5yr1v_67
  ._transferInput_5yr1v_85
  input {
  width: 100%;
  padding: 1rem 2rem;
  border-radius: inherit;
  background: inherit;
  border: inherit;
  color: #fff;
  font-family: Barlow, serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  outline: none;
}
@media (max-width: 1230px) {
  ._container_5yr1v_1
    ._transferContainer_5yr1v_67
    ._transferInput_5yr1v_85
    input {
    justify-content: center;
    text-align: center;
  }
}
._container_5yr1v_1 ._transferContainer_5yr1v_67 ._transferInput_5yr1v_85 div {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 15px 6px 16px 17px;
  height: 50px;
  flex-shrink: 0;
  border-radius: 30px;
  background: #1c1a36;
}
@media (max-width: 1230px) {
  ._container_5yr1v_1
    ._transferContainer_5yr1v_67
    ._transferInput_5yr1v_85
    div {
    width: fit-content;
    justify-content: center;
    text-align: center;
  }
}
._container_5yr1v_1
  ._transferContainer_5yr1v_67
  ._transferInput_5yr1v_85
  div
  ._hiloBalance_5yr1v_144 {
  padding: 0 9px 0 16px;
  color: #ffffff80;
  font-family: Barlow, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
._container_5yr1v_1
  ._transferContainer_5yr1v_67
  ._transferInput_5yr1v_85
  div
  ._maxButton_5yr1v_153 {
  cursor: pointer;
  border: none;
  padding: 9px 15px;
  border-radius: 100px;
  background: #4166f4;
  color: #fff;
  text-align: center;
  font-family: Barlow, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
._container_5yr1v_1 ._transferContainer_5yr1v_67 ._dailyLimit_5yr1v_167 {
  color: #4166f4;
  text-align: center;
  font-family: Barlow, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
._container_5yr1v_1 ._transferContainer_5yr1v_67 ._send_5yr1v_51 {
  cursor: pointer;
  border: none;
  padding: 15px 54px;
  border-radius: 100px;
  background: #4166f4;
  color: #fff;
  text-align: center;
  font-family: Barlow, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
._container_5yr1v_1 ._transferContainer_5yr1v_67 ._send_5yr1v_51:disabled {
  cursor: not-allowed;
}
._backdrop_5yr1v_194 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0.8;
  z-index: 1;
  background-color: var(--bg-color-3);
}
._message-dialog_5yr1v_207 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  background-color: var(--bg-color-2);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem 3rem;
  gap: 0.62rem;
  border-radius: 1.875rem;
  font-size: 1.25rem;
  z-index: 2;
}
._message-dialog_5yr1v_207 ._title_5yr1v_23 {
  font-size: 1.25rem;
}
._message-dialog_5yr1v_207 ._body_5yr1v_225 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--fg-color-6);
}
._message-dialog_5yr1v_207 ._close_5yr1v_231 {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 15px;
}
._message-dialog_5yr1v_207 ._close_5yr1v_231 img {
  max-width: 100%;
}
._close_5yr1v_231 {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 15px;
}
._close_5yr1v_231 img {
  max-width: 100%;
}
._title_5yr1v_23 {
  font-size: 1.25rem;
}
._body_5yr1v_225 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--fg-color-6);
}
._container_84pb4_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  gap: 1rem;
}
._container_84pb4_1 ._title_84pb4_8 {
  color: #fff;
  font-family: Adieu;
  font-size: 25.599px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1230px) {
  ._container_84pb4_1 ._title_84pb4_8 {
    font-size: 16px;
  }
}
._container_84pb4_1 ._subtitle_84pb4_21 {
  color: #ffffff80;
  text-align: center;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  max-width: 614px;
}
@media (max-width: 1230px) {
  ._container_84pb4_1 ._subtitle_84pb4_21 {
    max-width: 315px;
    font-size: 14px;
  }
}
._container_84pb4_1 ._achievementsSelect_84pb4_36 {
  background-color: var(--bg-color-3);
  padding: 1rem 0.5rem;
  border-radius: 6rem;
  width: fit-content;
  opacity: 0.3;
}
@media (max-width: 1230px) {
  ._container_84pb4_1 ._achievementsSelect_84pb4_36 {
    font-size: 14px;
  }
}
._container_84pb4_1 ._achievementsSelect_84pb4_36 span {
  padding: 0.8rem;
  border-radius: 6rem;
  cursor: not-allowed;
}
._container_84pb4_1
  ._achievementsSelect_84pb4_36
  span:not(._active_84pb4_53):hover {
  background: #201e38;
}
._container_84pb4_1 ._achievementsSelect_84pb4_36 span._active_84pb4_53 {
  background-color: var(--blue-color);
}
._container_84pb4_1 ._achievementsContainer_84pb4_59 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  gap: 1rem;
}
._container_84pb4_1 ._achievementsContainer_84pb4_59 ._row_84pb4_66 {
  border-radius: 20px;
  background: var(
    --dark_blue_rad,
    linear-gradient(142deg, #151230 3.42%, #100e26 99.3%)
  );
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 6.25rem;
  padding: 0.5rem;
}
@media (max-width: 1230px) {
  ._container_84pb4_1 ._achievementsContainer_84pb4_59 ._row_84pb4_66 {
    gap: 1rem;
    border-radius: 10px;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._imageContainer_84pb4_82 {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._imageContainer_84pb4_82
  ._mainImage_84pb4_90 {
  display: block;
  width: 87px;
  height: 87px;
  border-radius: 15px;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._imageContainer_84pb4_82
    ._mainImage_84pb4_90 {
    width: 40px;
    height: 40px;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._imageContainer_84pb4_82
  ._overlay_84pb4_102 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 1.6rem;
  background-color: #13112be6;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._imageContainer_84pb4_82
    ._overlay_84pb4_102 {
    width: 100%;
    justify-content: center;
    padding: 0;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._imageContainer_84pb4_82
  ._overlay_84pb4_102
  ._isClaimableImage_84pb4_119 {
  display: block;
  width: 37.815px;
  height: 37.815px;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._imageContainer_84pb4_82
    ._overlay_84pb4_102
    ._isClaimableImage_84pb4_119 {
    width: 15px;
    height: 15px;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._imageContainer_84pb4_82
  ._title_84pb4_8 {
  flex: 1;
  color: #fff;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
  min-width: 175px;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._imageContainer_84pb4_82
    ._title_84pb4_8 {
    display: none;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._details_84pb4_146 {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 6.25rem;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._details_84pb4_146 {
    flex-direction: column;
    gap: 0.25rem;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._details_84pb4_146
  ._title_84pb4_8 {
  flex: 1;
  color: #fff;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
  min-width: 175px;
  display: none;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._details_84pb4_146
    ._title_84pb4_8 {
    display: block;
    font-size: 10px;
    min-width: 75px;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._details_84pb4_146
  ._info_84pb4_178 {
  flex: 1;
  max-width: 154px;
  color: #818892;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-width: 175px;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._details_84pb4_146
    ._info_84pb4_178 {
    font-size: 10px;
    min-width: 75px;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._reward_84pb4_195 {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._reward_84pb4_195
  p:nth-child(1) {
  color: #818892;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._reward_84pb4_195
    p:nth-child(1) {
    font-size: 10px;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._reward_84pb4_195
  p:nth-child(2) {
  color: #fff;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._reward_84pb4_195
    p:nth-child(2) {
    font-size: 10px;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._result_84pb4_227 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 169px;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._result_84pb4_227 {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    padding: 0;
    max-width: 67px;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._result_84pb4_227
  progress[value] {
  margin-bottom: 0.5rem;
  --color: #4166f3;
  --background: #414055;
  height: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 169px;
  border-radius: 5em;
  background: var(--background);
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._result_84pb4_227
    progress[value] {
    max-width: 67px;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._result_84pb4_227
  progress[value]::-webkit-progress-bar {
  border-radius: 5em;
  background: var(--background);
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._result_84pb4_227
  progress[value]::-webkit-progress-value {
  border-radius: 5em;
  background: var(--color);
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._result_84pb4_227
  progress[value]::-moz-progress-bar {
  border-radius: 5em;
  background: var(--color);
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._result_84pb4_227
  p {
  color: #fff;
  font-family: Barlow;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._result_84pb4_227
    p {
    font-size: 10px;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._result_84pb4_227
  button {
  align-self: center;
  outline: none;
  border: none;
  border-radius: 300px;
  background: #22342e;
  padding: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._result_84pb4_227
    button {
    padding: 0.25rem;
    gap: 0.1rem;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._result_84pb4_227
  button
  img {
  width: 38px;
  height: 38px;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._result_84pb4_227
    button
    img {
    width: 20px;
    height: 20px;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._result_84pb4_227
  button
  span {
  color: #4dd783;
  text-align: center;
  font-family: Barlow;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  white-space: nowrap;
}
@media (max-width: 1230px) {
  ._container_84pb4_1
    ._achievementsContainer_84pb4_59
    ._row_84pb4_66
    ._result_84pb4_227
    button
    span {
    font-size: 10px;
  }
}
._container_84pb4_1
  ._achievementsContainer_84pb4_59
  ._row_84pb4_66
  ._result_84pb4_227
  > button:disabled {
  cursor: not-allowed;
}
._container_zks8n_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 1190px;
  gap: 1rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1230px) {
  ._container_zks8n_1 {
    max-width: 390px;
    margin: 1rem;
  }
}
._container_zks8n_1 ._hot_zks8n_16 {
  display: flex;
  flex-direction: row;
  justify-self: self-start;
  align-items: center;
}
._container_zks8n_1 ._hot_zks8n_16 p {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 17.7699px;
  line-height: 24px;
  color: #fff;
}
._container_zks8n_1 ._hot_zks8n_16 img {
  width: 29px;
  height: 29px;
}
._container_zks8n_1 ._hotTokens_zks8n_34 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  max-width: 1190px;
  height: fit-content;
  gap: 0.75rem;
}
@media (max-width: 1230px) {
  ._container_zks8n_1 ._hotTokens_zks8n_34 {
    max-width: 410px;
    gap: 0.7rem;
    overflow-y: scroll;
  }
}
._container_zks8n_1 ._heroContainer_zks8n_50 {
  position: relative;
  height: 440px;
}
@media (max-width: 1230px) {
  ._container_zks8n_1 ._heroContainer_zks8n_50 {
    height: 220px;
  }
}
._container_zks8n_1 ._heroContainer_zks8n_50 ._banner_zks8n_59 {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1rem;
  padding: 3rem;
}
@media (max-width: 1230px) {
  ._container_zks8n_1 ._heroContainer_zks8n_50 ._banner_zks8n_59 {
    padding: 2rem 1rem 0;
  }
}
@media (max-width: 1230px) {
  ._container_zks8n_1 ._heroContainer_zks8n_50 ._banner_zks8n_59 img {
    width: 100px;
    height: 50px;
  }
}
._container_zks8n_1 ._heroContainer_zks8n_50 ._banner_zks8n_59 p {
  width: 326px;
  font-family: Adieu;
  font-style: normal;
  font-weight: 800;
  font-size: 62px;
  color: #fff;
}
@media (max-width: 1230px) {
  ._container_zks8n_1 ._heroContainer_zks8n_50 ._banner_zks8n_59 p {
    font-size: 1rem;
  }
}
._container_zks8n_1
  ._heroContainer_zks8n_50
  ._banner_zks8n_59
  ._prizeContainer_zks8n_91 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
._container_zks8n_1
  ._heroContainer_zks8n_50
  ._banner_zks8n_59
  ._prizeContainer_zks8n_91
  ._textWhite_zks8n_97 {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  color: #fff;
}
@media (max-width: 1230px) {
  ._container_zks8n_1
    ._heroContainer_zks8n_50
    ._banner_zks8n_59
    ._prizeContainer_zks8n_91
    ._textWhite_zks8n_97 {
    font-size: 1rem;
    white-space: nowrap;
  }
}
._container_zks8n_1
  ._heroContainer_zks8n_50
  ._banner_zks8n_59
  ._prizeContainer_zks8n_91
  ._prize_zks8n_91 {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #22342e;
  border-radius: 30px;
  padding: 0.25rem;
  gap: 0.25rem;
}
@media (max-width: 1230px) {
  ._container_zks8n_1
    ._heroContainer_zks8n_50
    ._banner_zks8n_59
    ._prizeContainer_zks8n_91
    ._prize_zks8n_91 {
    width: 100px;
    height: 25px;
  }
  ._container_zks8n_1
    ._heroContainer_zks8n_50
    ._banner_zks8n_59
    ._prizeContainer_zks8n_91
    ._prize_zks8n_91
    img {
    width: 20%;
    height: 100%;
  }
}
._container_zks8n_1
  ._heroContainer_zks8n_50
  ._banner_zks8n_59
  ._prizeContainer_zks8n_91
  ._prize_zks8n_91
  p {
  padding-right: 0.5rem;
  width: fit-content;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 28.9555px;
  line-height: 35px;
  display: flex;
  align-items: center;
  color: #4dd783;
}
@media (max-width: 1230px) {
  ._container_zks8n_1
    ._heroContainer_zks8n_50
    ._banner_zks8n_59
    ._prizeContainer_zks8n_91
    ._prize_zks8n_91
    p {
    font-size: 0.75rem;
  }
}
._container_zks8n_1 ._heroContainer_zks8n_50 ._heroBg_zks8n_146 {
  position: absolute;
  background: linear-gradient(180deg, #151330 0%, #110f27 100%);
  border-radius: 20px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1230px) {
  ._container_zks8n_1 ._heroContainer_zks8n_50 ._heroBg_zks8n_146 {
    width: 100%;
    height: 100%;
    object-fit: fill;
  }
}
._container_zks8n_1 ._heroContainer_zks8n_50 ._dotContainer_zks8n_160 {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  background-color: #fff6;
  padding: 0.5rem;
  border-radius: 30px;
}
._container_zks8n_1
  ._heroContainer_zks8n_50
  ._dotContainer_zks8n_160
  ._dot_zks8n_160 {
  width: 13.09px;
  height: 13.09px;
  border-radius: 100%;
  background-color: #fff;
}
._container_zks8n_1
  ._heroContainer_zks8n_50
  ._dotContainer_zks8n_160
  ._inactiveDot_zks8n_181 {
  width: 13.09px;
  height: 13.09px;
  border-radius: 100%;
  background-color: #fff6;
}
._container_zks8n_1 ._analyticsTitle_zks8n_187 {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 17.7699px;
  line-height: 24px;
  color: #fff;
}
._container_zks8n_1 ._analytics_zks8n_187 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
@media (max-width: 1230px) {
  ._container_zks8n_1 ._analytics_zks8n_187 {
    flex-wrap: wrap;
    max-width: 390px;
    overflow-y: scroll;
    gap: 1rem;
  }
  ._container_zks8n_1 ._analytics_zks8n_187 #_burnt_zks8n_1 {
    display: none;
  }
}
._container_zks8n_1 ._analytics_zks8n_187 ._graphContainer_zks8n_211 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 10px;
  background: #13112c;
  padding: 1rem;
}
@media (max-width: 1230px) {
  ._container_zks8n_1 ._analytics_zks8n_187 ._graphContainer_zks8n_211 {
    max-width: 390px;
  }
}
._container_zks8n_1
  ._analytics_zks8n_187
  ._graphContainer_zks8n_211
  ._graphInfo_zks8n_226 {
  display: flex;
  flex-direction: column;
}
._container_zks8n_1
  ._analytics_zks8n_187
  ._graphContainer_zks8n_211
  ._graphInfo_zks8n_226
  ._title_zks8n_230 {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 17.7699px;
  line-height: 24px;
  color: #fff;
  white-space: nowrap;
}
._container_zks8n_1
  ._analytics_zks8n_187
  ._graphContainer_zks8n_211
  ._graphInfo_zks8n_226
  ._hilo_zks8n_239 {
  max-width: 100px;
  font-family: Barlow;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 150%;
  color: #fff;
}
._container_zks8n_1
  ._analytics_zks8n_187
  ._graphContainer_zks8n_211
  ._transactionHistory_zks8n_248 {
  width: 211px;
  height: 77px;
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
}
@media (max-width: 1230px) {
  ._container_zks8n_1
    ._analytics_zks8n_187
    ._graphContainer_zks8n_211
    ._transactionHistory_zks8n_248 {
    height: 150px;
  }
}
@media (max-width: 1230px) {
  ._container_zks8n_1
    ._analytics_zks8n_187
    ._graphContainer_zks8n_211
    ._transactionHistory_zks8n_248 {
    max-width: 390px;
  }
}
._container_zks8n_1 ._analytics_zks8n_187 ._analyticsCard_zks8n_266 {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  border-radius: 10px;
  background: #13112c;
  padding: 1rem;
}
._container_zks8n_1
  ._analytics_zks8n_187
  ._analyticsCard_zks8n_266
  ._title_zks8n_230 {
  white-space: nowrap;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 17.7699px;
  line-height: 24px;
  color: #fff;
}
._container_zks8n_1
  ._analytics_zks8n_187
  ._analyticsCard_zks8n_266
  ._hilo_zks8n_239 {
  font-family: Barlow;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 150%;
  color: #fff;
}
._container_zks8n_1 ._analytics_zks8n_187 ._analyticsCardWithAButton_zks8n_292 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 10px;
  background: #13112c;
}
._container_zks8n_1
  ._analytics_zks8n_187
  ._analyticsCardWithAButton_zks8n_292
  ._title_zks8n_230 {
  padding: 1rem 1rem 0;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 17.7699px;
  line-height: 24px;
  color: #fff;
}
._container_zks8n_1
  ._analytics_zks8n_187
  ._analyticsCardWithAButton_zks8n_292
  ._hilo_zks8n_239 {
  padding: 0 1rem;
  font-family: Barlow;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 150%;
  color: #fff;
}
._container_zks8n_1
  ._analytics_zks8n_187
  ._analyticsCardWithAButton_zks8n_292
  button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  background: #4166f3;
  border-radius: 15px;
  outline: none;
  border: none;
  padding: 1rem;
  gap: 1rem;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 17.7699px;
  line-height: 24px;
  color: #fff;
  cursor: pointer;
}
._container_zks8n_1
  ._analytics_zks8n_187
  ._analyticsCardWithAButton_zks8n_292
  button:hover {
  background-color: #fff;
  color: var(--blue-color);
}
._card_11nsr_1 {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #151330 0%, #110f27 100%);
  border-radius: 15px;
  padding: 1rem;
  gap: 1rem;
  width: 140px;
}
._card_11nsr_1 ._header_11nsr_10 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._card_11nsr_1 ._header_11nsr_10 img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
._card_11nsr_1 ._header_11nsr_10 ._titleContainer_11nsr_23 {
  display: flex;
  flex-direction: column;
  align-items: start;
}
._card_11nsr_1 ._header_11nsr_10 ._titleContainer_11nsr_23 ._title_11nsr_23 {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 17.7699px;
  line-height: 24px;
  color: #fff;
  white-space: nowrap;
}
._card_11nsr_1 ._header_11nsr_10 ._titleContainer_11nsr_23 ._subtitle_11nsr_37,
._card_11nsr_1 ._footer_11nsr_45 ._title_11nsr_23 {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 17.7699px;
  line-height: 24px;
  color: #6b6a78;
}
._card_11nsr_1 ._footer_11nsr_45 ._subtitle_11nsr_37 {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 17.7699px;
  line-height: 24px;
  color: #fff;
}
._container_1vrvf_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._dataContainer_1vrvf_7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
@media (max-width: 900px) {
  ._dataContainer_1vrvf_7 {
    flex-direction: column;
    align-items: normal;
  }
}
@media (max-width: 520px) {
  ._dataContainer_1vrvf_7 {
    flex-direction: column;
  }
}
._numericsContainer_1vrvf_26 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
._row_1vrvf_35 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 14px;
  gap: 14px;
  background: #13102b;
  border-radius: 10px;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}
._leftSide_1vrvf_48 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
._leftSide_1vrvf_48 p:nth-child(1) {
  height: 19px;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #848298;
}
@media (max-width: 520px) {
  ._leftSide_1vrvf_48 p:nth-child(1) {
    white-space: nowrap;
  }
}
._leftSide_1vrvf_48 p:nth-child(2) {
  height: 24px;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #fff;
}
._stakingTokens_1vrvf_83 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
}
@media (max-width: 520px) {
  ._stakingTokens_1vrvf_83 {
    flex-direction: column;
  }
}
._token_1vrvf_95 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 4px;
  width: 88px;
  height: 24px;
  flex: none;
}
._token_1vrvf_95 img {
  width: 24px;
  height: 24px;
  border-radius: 63.843px;
  flex: none;
}
._divider_1vrvf_112,
._dividerWithMobile_1vrvf_118 {
  height: 44px;
  opacity: 0.5;
  border: 0.75px solid #848298;
}
@media (max-width: 520px) {
  ._dividerWithMobile_1vrvf_118 {
    height: 104px;
  }
}
._rightSide_1vrvf_129 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 4px;
  height: 47px;
}
._rightSide_1vrvf_129 p {
  height: 19px;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #848298;
}
._rightSide_1vrvf_129 p:last-child {
  height: 19px;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #fff;
}
._hiloBurnt_1vrvf_159 {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.5rem;
}
._hiloBurnt_1vrvf_159 p:nth-child(1) {
  height: 24px;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #fff;
  white-space: nowrap;
}
._hiloBurnt_1vrvf_159 p:nth-child(2) {
  height: 19px;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #848298;
}
@media (max-width: 520px) {
  ._hiloBurnt_1vrvf_159 {
    flex-direction: column;
  }
}
._rightSideUsersPools_1vrvf_194 {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
}
@media (max-width: 520px) {
  ._rightSideUsersPools_1vrvf_194 {
    flex-direction: column;
  }
}
._frame1_1vrvf_207 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: none;
  flex-grow: 0;
}
._frame1_1vrvf_207 p:nth-child(1) {
  height: 19px;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #848298;
}
._frame1_1vrvf_207 p:nth-child(2) {
  height: 24px;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #fff;
}
._frame2_1vrvf_238 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 4px;
  height: 47px;
}
._frame2_1vrvf_238 p:nth-child(1) {
  height: 19px;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #848298;
}
._frame2_1vrvf_238 p:nth-child(2) {
  height: 24px;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #fff;
}
._graphContainer_1vrvf_269 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 14px;
  gap: 10px;
  height: 253px;
  background: #13102b;
  border-radius: 10px;
}
._totalVolume_1vrvf_280 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  width: 100%;
}
@media (max-width: 900px) {
  ._totalVolume_1vrvf_280 {
    width: 100%;
  }
}
._numerics_1vrvf_26 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  flex: none;
  flex-grow: 0;
}
._numerics_1vrvf_26 p:nth-child(1) {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #848298;
}
._numerics_1vrvf_26 p:nth-child(2) {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #fff;
}
._numerics_1vrvf_26 p:nth-child(3) {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #848298;
}
._filters_1vrvf_334 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px;
  gap: 6px;
  height: 29px;
  background: #03031d;
  border-radius: 4px;
}
._filters_1vrvf_334 ._activeFilter_1vrvf_344 {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #fff;
}
._filters_1vrvf_334 ._inActiveFilter_1vrvf_354 {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #848298;
}
._filters_1vrvf_334 span:last-child {
  border: 1px solid #848298;
  flex: none;
  flex-grow: 0;
}
._graph_1vrvf_269 {
  width: 356.19px;
  height: 145px;
}
@media (max-width: 900px) {
  ._graph_1vrvf_269 {
    width: 100%;
  }
}
._pagination_1vrvf_380 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 40px;
  flex: none;
  order: 1;
  flex-grow: 0;
  align-self: center;
}
._pagination_1vrvf_380 button {
  outline: none;
  border: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 1rem;
  background: #13102b;
  border-radius: 10px;
  white-space: nowrap;
  height: 40px;
  transition: background 0.15s;
}
._pagination_1vrvf_380 button:hover {
  background: #222041;
}
._pagination_1vrvf_380 span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 1rem;
  background: #13102b;
  border-radius: 10px;
  white-space: nowrap;
  height: 40px;
}
._tableWrapper_1vrvf_425 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 1rem;
  align-items: start;
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-radius: 10px;
  background-color: #13102b;
  width: 100%;
  min-width: 800px;
}
th,
td {
  padding: 8px;
  height: 54px;
  text-align: center;
  vertical-align: center;
}
th div,
td div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
th {
  height: 54px;
  background: #222041;
}
th:first-child,
td:first-child {
  border-top-left-radius: 10px;
}
th:last-child,
td:last-child {
  border-top-right-radius: 10px;
}
tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
._link_1vrvf_482 {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #3e68f0;
}
._container_1vq0t_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: auto;
  color: #fff;
  max-width: 1030px;
  padding: 40px 45px;
}
@media (max-width: 520px) {
  ._container_1vq0t_1 {
    margin: unset;
    padding: 30px 20px;
  }
}
._container_1vq0t_1 ._header_1vq0t_16 {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  height: 35px;
}
@media (max-width: 1230px) {
  ._container_1vq0t_1 ._header_1vq0t_16 {
    height: unset;
    flex-direction: column;
    align-items: start;
  }
}
._container_1vq0t_1 ._header_1vq0t_16 ._info_1vq0t_29 {
  display: flex;
  align-items: center;
  gap: 1rem;
}
._container_1vq0t_1 ._header_1vq0t_16 ._info_1vq0t_29 span {
  font-family: Adieu;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
}
._container_1vq0t_1 ._header_1vq0t_16 ._info_1vq0t_29 hr {
  height: 1.6rem;
}
._container_1vq0t_1 ._header_1vq0t_16 ._info_1vq0t_29 p {
  text-align: left;
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #848298;
}
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-color: var(--bg-color-2);
  font-family: barlow;
}
@font-face {
  font-family: barlow;
  src: url(/assets/barlow-77fb1ac5.ttf);
}
@font-face {
  font-family: adieu;
  src: url(/assets/adieu-Regular-021efba1.ttf);
}
:root {
  --fg-color-1: white;
  --bg-color-1: #81818e;
  --bg-color-2: #03031d;
  --fg-color-2: #090920;
  --bg-color-3: #100e26;
  --fg-color-3: #1b1835;
  --bg-color-4: #22342e;
  --fg-color-4: #4dd783;
  --bg-color-5: #1a192e;
  --fg-color-5: #343252;
  --fg-color-6: #767582;
  --blue-color: #4166f3;
  --red-color: red;
  --purple-color: #6c4dff;
  --pink-color: #ff72e1;
}

.hidden {
  display: none;
}

#modal-close {
  display: block;
  visibility: visible;
  fill: #333; /* Light black color */
}

.back-icon {
  display: block;
  visibility: visible;
  stroke: #000; /* Solid black color */
  width: 24px; /* Adjust size if needed */
  height: 24px; /* Adjust size if needed */
  cursor: pointer; /* Make it look clickable */
}

.analytics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Responsive grid */
  gap: 1rem; /* Spacing between grid items */
}

._analyticsCard_zks8n_266, ._analyticsCardWithAButton_zks8n_292 {
  background-color: #f8f8f8; /* Example background color */
  padding: 1rem;
  border-radius: 0.5rem;
  text-align: center;
}

._analyticsCardWithAButton_zks8n_292 button {
  width: 100%;
  padding: 1rem;
  background-color: #3a5eff;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._analyticsCardWithAButton_zks8n_292 button span {
  flex: 1;
  text-align: left;
}

._analyticsCardWithAButton_zks8n_292 button img {
  margin-left: 0.5rem;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .analytics-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on medium screens */
  }
}

@media (min-width: 1025px) {
  .analytics-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 columns on large screens */
  }
}

@media (max-width: 768px) {
  ._analyticsCardWithAButton_zks8n_292 button {
    flex-direction: column; /* Stack text and icon vertically */
    padding: 1rem;
    text-align: center;
  }

  ._analyticsCardWithAButton_zks8n_292 button span {
    text-align: center;
    margin-bottom: 0.5rem;
  }

  ._analyticsCardWithAButton_zks8n_292 button img {
    margin: 0; /* Center the icon */
  }
}