.btn.white {
  color: #fff;
}

.btn.white .glitch {
  color: #fff;
}

.btn.white:hover {
  color: #fff;
}

.btn.green {
  color: #B2FF17;
}

.btn.green .glitch {
  color: #B2FF17;
}

.btn.green .btn__svg svg {
  fill: rgba(178, 255, 23, 0.09);
  stroke: var(--green);
}

@media (min-width: 992px) {
  .header.accountPage .wrapper__page--header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 24px;
  }
}

.header.accountPage .wrapper__page--header .actions {
  display: none;
  padding-right: 80px;
  position: relative;
  z-index: 3;
}

@media (min-width: 992px) {
  .header.accountPage .wrapper__page--header .actions {
    display: flex;
    gap: 24px;
    align-items: center;
  }
}

.header.accountPage .wrapper__page--header .actions .btn {
  min-width: 165px;
  text-align: center;
  justify-content: center;
}

.header.accountPage .wrapper__page--header .actions .account__info {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  cursor: pointer;
}

.header.accountPage .wrapper__page--header .actions .account__info p {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  font-family: var(--font-caption);
}

.header.accountPage .wrapper__page--header .actions .account__info__menu {
  display: none;
  opacity: 0;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background-color: rgba(0, 0, 0, 0.8980392157);
  border: 1px solid #54C1E4;
  border-radius: 10px;
  list-style: none;
  margin: 0;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  min-width: 178px;
  padding: 8px 16px;
}

.header.accountPage .wrapper__page--header .actions .account__info__menu li {
  padding: 8px 0;
}

.header.accountPage .wrapper__page--header .actions .account__info__menu a {
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

.header.accountPage .wrapper__page--header .actions .account__info__menu a:hover {
  color: #54C1E4;
}

.header.accountPage .wrapper__page--header .actions .account__info__menu.active {
  display: block;
  opacity: 1;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info {
  display: flex;
  align-items: center;
  gap: 0px;
  position: relative;
  cursor: pointer;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info p {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  font-family: var(--font-caption);
  white-space: nowrap;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info__menu {
  display: none;
  opacity: 0;
  position: absolute;
  top: calc(100% - 42px);
  left: -15px;
  background-color: rgba(0, 0, 0, 0.8980392157);
  border: 1px solid #54C1E4;
  border-radius: 10px;
  list-style: none;
  margin: 0;
  transition: opacity 0.3s ease-in-out;
  width: 120%;
  min-width: 178px;
  padding: 42px 0 8px 16px;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info__menu li {
  padding: 8px 0 8px 15px;
  left: -10px;
  position: relative;
  cursor: pointer;
}

.dropdown-arrow::after {
  content: "▶";
  font-size: 10px;
  padding-left: 5px;
}

.dropdown-check::after {
  content: url("/images/checked_icon.svg");
  font-size: 10px;
  padding-left: 5px;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info__menu li:hover {
  background-color: rgba(84, 193, 228, 0.18);
  border-radius: 10px;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info__menu li .submenu {
  position: absolute;
  left: 111%;
  top: 0;
  display: none;
  width: 270px;
  list-style: none;
  padding: 8px 16px;
  min-width: 250px;
  background-color: rgba(0, 0, 0, 0.8980392157);
  border: 1px solid #54C1E4;
  border-radius: 10px;
  margin-top: 2px;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info__menu li .submenu li {
  min-width: 250px;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info__menu li div {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info__menu li div a {
  white-space: nowrap;
  flex-grow: 1;
  margin-right: 8px
}

.btnInst {
  border: 1px solid #54C1E4;
  border-radius: 10px;
  max-width: 76px;
  height: 32px;
  flex: 1;
  text-align: center;
  flex-shrink: 0;
}

.header-layout {
  display: flex;
  width: 210px;
  justify-content: space-between;
  text-align: center;
  margin: 0 auto 20px;
}

.z-index-high {
  z-index: 1;
}

.center-margin {
  margin: auto 5px;
}

.arrow {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.accordion-content {
  display: none;
  overflow: hidden;
}

.accordion-content div {
  padding: 2px 10px;
}

.accordion-content div:first-child {
  border-top: none;
}

.toggle.rotate {
  transform: rotate(180deg);
}

.flex-row {
  display: flex;
}

.space-between {
  justify-content: space-between;
}

.menu-item {
  display: flex;
}

.menu-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.white-link {
  color: white;
  margin: 0 35px;
}

.install-btn a {
  margin: 3px 6px;
}

.link-margin {
  margin: 3px 6px;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info__menu a {
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info__menu .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info__menu .arrow svg {
  transition: 0.2s all;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info__menu a:hover {
  color: #54C1E4;
}

.header.accountPage .wrapper__page--header .actions .account_wallet__info__menu.active {
  display: block;
  opacity: 1;
}

.customCheckbox {
  position: absolute;
  opacity: 0;
}

.customCheckbox+label {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.customCheckbox+label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  border: 1px solid #54C1E4;
  background: rgba(84, 193, 228, 0.09);
  border-radius: 3px;
}

.customCheckbox:hover+label:before {
  border: 1px solid #B2FF17;
}

.customCheckbox:focus+label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.customCheckbox:checked+label:before {
  border: 1px solid #B2FF17;
}

.customCheckbox:disabled+label {
  color: #b8b8b8;
  cursor: auto;
}

.customCheckbox:disabled+label:before {
  box-shadow: none;
  background: #ddd;
}

.customCheckbox:checked+label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 11px;
  background: #B2FF17;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 #B2FF17, 4px 0 0 #B2FF17, 4px -2px 0 #B2FF17, 4px -4px 0 #B2FF17, 4px -6px 0 #B2FF17, 4px -8px 0 #B2FF17;
  transform: rotate(45deg);
}

.account {
  max-width: 1680px;
}

.account__cards {
  display: flex;
  flex-direction: column;
  gap: 23px;
}

@media (min-width: 1200px) {
  .account__cards {
    min-width: 195px;
    flex-direction: row;
    gap: 0;
  }
}

.account__cards__item.right-slide .account__cards__img {
  height: 392px;
}

.account__cards__item {
  position: relative;
  z-index: 1;
  height: 270px;
}

div.scroll-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 130px;
  gap: 10px;
  max-height: calc(2 * 130px + 10px);
  overflow-y: auto;
  padding: 0 10px 10px 10px;
  position: absolute;
  top: 70px;
}

div.scroll-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #54C1E4;
}

.card-20 {
  flex: 0 0 20%;
  /* Flex-grow: 0, Flex-shrink: 0, Flex-basis: 20% */
}

.card-80 {
  flex: 0 0 80%;
  /* Flex-grow: 0, Flex-shrink: 0, Flex-basis: 80% */
}

@media (max-width: 1199px) {
  .edit-account .account__cards__item {
    border: none;
  }

  .account__cards__item {
    border: 1px solid var(--blue);
    background: rgba(84, 193, 228, 0.09);
    border-radius: 8px;
  }
}

@media (min-width: 1200px) {
  .account__cards__item.right-slide {
    width: 80%;
    height: auto;
  }

  .account__cards__item {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .account__cards__item {
    height: auto;
  }
}

@media (max-width: 375px) {
  .account__cards__item {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .account__cards__item:first-child .card {
    margin-left: -16px;
  }

  .edit-account .account__cards__item .image-container.scroll-container {
    grid-template-columns: repeat(4, 1fr);
  }

  .edit-account .account__cards__item.right-slide .card .card__head {
    display: grid;
    margin: 0 auto;
  }

  .edit-account .account__cards__item.right-slide .card {
    top: 24px;
    left: auto;
    right: auto;
  }

  .edit-account .account__cards__item.left-slide .card {
    left: auto;
    right: auto;
  }

  .edit-account .background-item:last-child .card .card__head h4 {
    margin-bottom: 0px;
  }

  .edit-account .password_reset .account__cards__item .card {
    top: 24px;
  }

  .edit-account .password_reset h3 {
    font-size: var(--text-h3-size);
  }

  .edit-account .password_reset p {
    font-size: 1rem;
  }

  .edit-account .password_reset form {
    width: 70%;
  }

  .edit-account .account .card__foot {
    justify-content: center;
  }

  .edit-account .password_reset form .form__sbm .btn {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

.account__cards__item:first-child .account__cards__img use {
  display: none;
}

.account__cards__item:first-child .account__cards__img use:nth-child(2) {
  display: block;
}

.account__cards__item:first-child .account__cards__img g[clip-path]:nth-child(3) {
  display: none;
}

.account__cards__item:first-child .account__cards__img g[clip-path]:nth-child(4) {
  display: block;
}

.account__cards__item:last-child .account__cards__img use {
  display: none;
}

.account__cards__item:last-child .account__cards__img use:nth-child(3) {
  display: block;
}

.account__cards__item:last-child .account__cards__img g[clip-path]:nth-child(3) {
  display: none;
}

.account__cards__item:last-child .account__cards__img g[clip-path]:nth-child(5) {
  display: block;
}

.account__cards__img {
  width: 100%;
  height: 270px;
  position: relative;
  z-index: 1;
  display: none;
}

.account__cards__img__svg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}

.account__cards__img g use {
  display: none;
  stroke: var(--blue);
  stroke-width: 1px;
  fill: rgba(84, 193, 228, 0.09);
  transition: var(--trans);
}

.account__cards__img g use:nth-child(1) {
  display: block;
}

.account__cards__img g:nth-child(2) use {
  fill: none !important;
  stroke: url(#mask-pattern) !important;
  mix-blend-mode: darken !important;
  opacity: 0.5;
}

.account__cards__img g[clip-path] {
  display: none;
}

.account__cards__img g[clip-path]:nth-child(3) {
  display: block;
}

.account__cards__img g image {
  transition: var(--trans);
}

.account .card {
  position: relative;
  z-index: 2;
  padding: 24px;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

@media (min-width: 768px) {
  .account .card {
    padding: 0;
    position: absolute;
    left: 40px;
    right: 40px;
    top: 24px;
  }
}

.account .card__head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: center;
  margin-bottom: 10px;
}

.claim-modal-block .card__head,
.unstake-modal-block .card__head,
.modal-force-unstake-onlyAuth .card__head,
.stake-modal-block .card__head {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 10px;
  justify-content: center;
}

.staked_dio__rows.mobile {
  display: flex;
  justify-content: center;
}


#modal-claim-onlyAuth .modal__head,
#modal-unstake-onlyAuth .modal__head,
#modal-force-unstake-onlyAuth .modal__head,
#modal-stake-onlyAuth .modal__head {
  border-radius: 10px;
  background-color: rgba(135, 206, 235, 0.09);
  border: 1px solid transparent;
  padding: 15px;
  margin-bottom: 40px;
}

@media (max-width: 768px) {

  .account .card__head {
    margin-bottom: 24px;
  }

  .claim-modal-block .card__head,
  .unstake-modal-block .card__head,
  .modal-force-unstake-onlyAuth .card__head,
  .stake-modal-block .card__head {
    margin-bottom: 24px;
    flex-direction: column;
  }
}

.account .card__head .details {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account .card__head h6 {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 4px;
  font-weight: 500;
}

.account .card__head a {
  color: #54C1E4;
  font-size: 13px;
  text-transform: none;
  font-weight: 400;
  letter-spacing: normal;
}

.account .card__head .address {
  background: rgba(84, 193, 228, 0.09);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #fff;
  border-radius: 6px;
  font-family: var(--font-new);
}

@media (max-width: 768px) {
  .account .card__head .address {
    display: none;
  }
}

.account .card__head .address span {
  opacity: 0.4;
}

.account .card__head .address p {
  margin: 0;
}

.account .card__head .address .copy {
  background: transparent;
  padding: 0;
  border: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.account .card__head .balance,
.claim-modal-block .balance,
.unstake-modal-block .balance,
.force-unstake-modal-block .balance,
.stake-modal-block .balance {
  color: #fff;
  font-size: 28px;
  font-family: var(--font-caption);
  line-height: 28px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.stake-modal-block div.balance {
  width: 100%;
  justify-content: center;
}

.stake-modal-block .quantity {
  width: 100%;
  max-width: 400px;
}

.modal-title-op {
  opacity: 0.7;
}

.claim-modal-block .balance,
.unstake-modal-block .balance,
.force-unstake-modal-block .balance,
.stake-modal-block .balance {
  font-size: 18px;
}

@media (max-width: 768px) {

  .account .card__head .balance,
  .claim-modal-block .balance,
  .unstake-modal-block .balance,
  .force-unstake-modal-block .balance,
  .stake-modal-block .balance {
    font-size: 18px;
  }
}

.account .card__head .balance span,
.claim-modal-block .balance span,
.unstake-modal-block .balance span,
.force-unstake-modal-block .balance span,
.stake-modal-block .balance span {
  opacity: 0.4;
}

.account .card__foot {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tokens_title {
  text-align: center;
}

#modal-unstake-onlyAuth .card__foot,
#modal-force-unstake-onlyAuth .card__foot,
#modal-claim-onlyAuth .card__foot,
#modal-stake-onlyAuth .card__foot {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

#modal-unstake-onlyAuth .card__foot .unstake-buttom,
#modal-force-unstake-onlyAuth .card__foot .force-unstake-buttom,
#modal-claim-onlyAuth .card__foot .claim-buttom,
#modal-stake-onlyAuth .card__foot .stake-buttom {
  width: 100%;
  display: inline-block;
}

.edit-account .account__cards .card__head img.avatar {
  width: 256px;
  height: auto;
}

.edit-account .card-20 {
  flex: 0 0 20%;
  /* Flex-grow: 0, Flex-shrink: 0, Flex-basis: 20% */
}

.edit-account .card-80 {
  flex: 0 0 80%;
  /* Flex-grow: 0, Flex-shrink: 0, Flex-basis: 80% */
}

.background-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100vh;
}

.background-item {
  height: 392px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.background-item:first-child {
  background-image: url('/images/account/card_left.svg');
  width: 336px;
  background-size: cover;
}

.background-item:last-child {
  background-size: cover;
  width: 80%;
  background-repeat: no-repeat;
}

.account__cards__img {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  /* Adjust the gap as needed */
}

.avatar {
  width: 130px;
  height: 130px;
}

.avatar-border-white {
  border: 2px solid #54C1E4;
  border-radius: 10px;
}

div.scroll-container img.avatar-border-active {
  border: 3px solid #54C1E4;
  border-radius: 10px;
}

.swiper-slide.right-slide .select {
  border: 2px solid #54C1E4;
  margin-left: auto;
  font-family: Neue Machina;
  font-family: var(--font-caption);
  border-radius: 10px;
  background: transparent;
}

.swiper-slide.right-slide option {
  background-color: black;
  color: white;
  border: none;
}

.swiper-slide.right-slide .select label {
  margin: 5px;
}

.swiper-slide.right-slide .select select:focus,
.swiper-slide.right-slide .select select:hover {
  outline: none;
  border-color: transparent;
}

.swiper-slide.right-slide .select #sorting {
  border: none;
  background-color: transparent;
  color: white;
}

.sorting-dropdown {
  padding: 5px;
  font-size: 1rem;
}

@media (max-width: 768px) {
  .account .card__foot {
    flex-direction: column;
    gap: 16px;
  }
}

.account .card__foot .btn {
  justify-content: center;
}

@media (min-width: 1440px) {
  .account .card__foot .btn {
    /* min-width: 195px; */
  }

  .edit-account .account .card__foot .btn {
    /* min-width: 183px; */
  }
}

@media (max-width: 768px) {
  .account .card__foot .btn {
    width: 100%;
  }
}

.account .staked_dio {
  margin-top: 80px;
}

.account .staked_dio__rows {
  display: grid;
  gap: 23px;
}

.account .staked_dio__rows .row {
  padding: 25px;
  background: rgba(84, 193, 228, 0.09);
  border: 1px solid var(--blue);
  border-radius: 8px;
  display: flex;
  grid-template-columns: repeat(7, auto) 1fr;
  gap: 30px;
  align-items: center;
}

.account .staked_dio__rows .row h5 {
  padding-bottom: 10px;
}

@media (max-width: 992px) {
  .account .staked_dio__rows .row {
    grid-template-columns: 1fr auto;
    gap: 18px;
  }

  .buy-dio-desktop {
    display: none;
  }

  .buy-dio-mobile {
    display: block;
  }

  .account .staked_dio__rows .row>div:not(.logo),
  .account .staked_dio__rows .row>div:not(.last) {
    grid-column: 1/3;
    grid-template-columns: 1fr auto;
  }
}

/* .account .staked_dio__rows .row>div {
  display: grid;
  align-items: center;
  gap: 16px;
} */

.account .staked_dio__rows .row>div.stopped {
  justify-content: center;
}

.account .staked_dio__rows .row>div.stopped h5 {
  color: #FF470D;
}

/* .account .staked_dio__rows .row>div.last {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
} */

/* @media (max-width: 992px) {
  .account .staked_dio__rows .row>div.last {
    grid-row: 1;
    grid-column: 2/3;
  }
} */

/* .account .staked_dio__rows .row>div.last>div {
  display: grid;
  gap: 16px;
} */

/* @media (max-width: 768px) {
  .account .staked_dio__rows .row>div.last:not(.stopped) h5 {
    display: none;
  }
} */

@media (max-width: 992px) {
  .account .staked_dio__rows .row>div.logo {
    grid-row: 1;
    grid-column: 1/2;
  }
}

.account .staked_dio__rows .row h5 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0;
}

/* .account .staked_dio__rows .row span {
  font-family: var(--font-new);
} */

/* .account .staked_dio__rows .row span>span {
  opacity: 0.4;
} */

.modal .form__input.password {
  text-transform: none;
}

.modal .form__input.password::placeholder {
  text-transform: uppercase;
}

.modal__container .modal__bg svg use {
  fill: #232C30;
  stroke: #54C1E4;
}

.modal__container.auth {
  max-width: 680px;
  width: calc(100% - 48px);
}

.modal__container.auth .modal__close {
  top: 32px;
  right: 20px;
}

@media (max-width: 767px) {
  .modal__container.auth .modal__close {
    top: 10px;
    right: 6px;
  }
}

.modal__container.auth .modal__close svg {
  width: 32px;
  height: 32px;
}

.modal__container.auth .modal__block {
  padding-top: 78px;
}

.modal__container.auth .form__sbm {
  display: flex;
  justify-content: center;
}

.modal__container.auth .form__sbm .btn {
  width: 100%;
  display: flex;
  justify-content: center;
}

.modal__container.auth .form__sbm .btn .loader {
  border: 3px solid rgba(84, 193, 228, 0.1882352941);
  border-top: 3px solid var(--green);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
  position: absolute;
  right: 30px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.modal__container.auth .form .resetPass {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}

.modal__container.auth .form .resetPass a {
  font-size: 13px;
  line-height: 120%;
  letter-spacing: 2.73px;
  text-transform: uppercase;
  cursor: pointer;
  color: #54C1E4;
}

.modal__container.auth .form__line {
  position: relative;
}

.modal__container.auth .form__line .togglePassword {
  position: absolute;
  right: 14px;
  top: 17px;
  background: transparent;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
}

.modal__container.auth .form__sbm {
  margin-top: 32px;
}

.modal__container.auth .auth_tabs {
  overflow: hidden;
  margin-bottom: 40px;
}

.modal__container.auth .auth_tab_link {
  float: left;
  border-bottom: none;
  cursor: pointer;
  padding: 10px 20px;
}

.modal__container.auth .auth_tab_content {
  display: none;
}

.modal__container.auth .passwordStrength {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.modal__container.auth .passwordStrength .step.active {
  fill: #54C1E4;
  stroke: #B2FF17;
}

.modal__container.auth .signup_agree label {
  font-size: 11px;
  display: flex;
  align-items: center;
}

.modal__container.auth .signup_agree label a {
  text-decoration: underline;
  color: var(--blue);
}

.modal__container.auth .signup_agree .customCheckbox:checked+label::after {
  top: 9px;
}

.modal__container.auth .is_have {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  gap: 8px;
}

.modal__container.auth .is_have a {
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
  font-family: var(--font-caption);
  cursor: pointer;
}

.modal__container.auth .modal__block {
  background: transparent;
  border: 0;
  border-radius: 0;
}

@media (max-width: 767px) {
  .modal__container.auth .modal__block {
    padding: 56px 24px 24px;
  }
}

.modal__container.auth .modal__bg {
  display: block;
}

.modal__container.transactions {
  max-width: 900px;
  width: calc(100% - 48px);
}

.modal__container.transactions .modal__close {
  top: 32px;
  right: 20px;
}

@media (max-width: 767px) {
  .modal__container.transactions .modal__close {
    top: 10px;
    right: 6px;
  }
}

.modal__container.transactions .modal__close svg {
  width: 32px;
  height: 32px;
}

.modal__container.transactions .modal__head {
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  .modal__container.transactions .modal__head {
    margin-bottom: 24px;
  }
}

@media (max-width: 992px) {
  .modal__container.transactions .modal__head h3 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
  }
}

.modal__container.transactions .modal__block {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 78px 40px 32px;
  overflow: visible;
}

@media (max-width: 767px) {
  .modal__container.transactions .modal__block {
    padding: 56px 24px 24px;
  }
}

.modal__container.transactions .modal__bg {
  display: block;
}

.modal__container.transactions .transactions__wrap .head {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  .modal__container.transactions .transactions__wrap .head {
    gap: 16px;
    margin-bottom: 24px;
  }
}

.modal__container.transactions .transactions__wrap .head .ss-main .ss-content {
  background: #283941;
}

.modal__container.transactions .transactions__wrap .head .ss-main .ss-option-selected {
  background: rgba(84, 193, 228, 0.09);
}

@media (max-width: 992px) {
  .modal__container.transactions .transactions__wrap .head .ss-main .ss-arrow {
    right: 16px;
  }
}

.modal__container.transactions .transactions__wrap .head .ss-main .ss-arrow svg path:last-child {
  fill: #fff !important;
}

@media (max-width: 992px) {
  .modal__container.transactions .transactions__wrap .head .ss-main .ss-single-selected {
    padding: 18px 16px;
  }
}

.modal__container.transactions .transactions__wrap .scrollable {
  overflow-y: hidden;
}

@media (max-width: 1100px) {
  .modal__container.transactions .transactions__wrap .scrollable {
    overflow: scroll;
  }
}

.modal__container.transactions .transactions__wrap .scrollable table {
  width: 100%;
  min-width: 700px;
}

@media (max-width: 992px) {
  .modal__container.transactions .transactions__wrap .scrollable table {
    font-size: 14px;
  }
}

.modal__container.transactions .transactions__wrap .scrollable table th,
.modal__container.transactions .transactions__wrap .scrollable table td {
  white-space: nowrap;
}

.modal__container.transactions .transactions__wrap .foot_modal {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  padding-top: 40px;
}

.modal__container.transactions .transactions__wrap .foot_modal .navigation {
  display: flex;
  align-items: center;
  gap: 6px;
}

.modal__container.transactions .transactions__wrap .foot_modal .navigation button {
  border: 0;
  padding: 0;
  background: transparent;
}

.modal__container.transactions .transactions__wrap .foot_modal .navigation button:disabled {
  cursor: default;
  opacity: 0.3;
}

.modal__container.transactions .transactions__wrap .foot_modal .swiper__arr {
  position: relative;
}

.modal__container.transactions .transactions__wrap .foot_modal .swiper__arr--prev {
  right: auto;
}

.modal__container.transactions .transactions__table {
  width: 100%;
}

.modal__container.transactions .transactions__table th {
  font-family: "Neue Machina", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 2.73px;
  text-transform: uppercase;
  color: rgba(84, 193, 228, 0.5);
}

.modal__container.transactions .transactions__table td {
  padding: 20px 0;
  border-bottom: 1px solid #444C4F;
}

@media (max-width: 992px) {
  .modal__container.transactions .transactions__table td {
    padding: 14px 0;
  }
}

.modal__container.transactions .transactions__table td span {
  color: rgba(255, 255, 255, 0.4);
}

.modal__container.transactions .transactions__table td .status {
  text-transform: capitalize;
}

.modal__container.transactions .transactions__table td .status.PENDING {
  color: #FFDA17;
}

.modal__container.transactions .transactions__table td .status.SUCCESS {
  color: #B2FF17;
}

.modal__container.transactions .transactions__table td .status.FAILURE {
  color: #FF470D;
}

.modal__container.transactions .transactions__table td .token {
  display: flex;
  align-items: center;
  gap: 8px;
}

.modal__container.transactions .transactions__table td .token img {
  max-width: 28px;
  max-height: 30px;
}

.modal__container.transactions .transactions__table td .address {
  display: flex;
  align-items: center;
  gap: 8px;
}

.modal__container.transactions .transactions__table td .address p {
  margin: 0;
}

.modal__container.transactions .transactions__table td .address .copy {
  background: transparent;
  padding: 0;
  border: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.modal__head {
  display: grid;
  justify-content: center;
  text-align: center;
  gap: 16px;
}

.modal__head h3 {
  margin: 0;
  font-weight: 400;
}

.modal__head p {
  max-width: 427px;
  margin-left: auto;
  margin-right: auto;
}

.modal .alert {
  margin: 20px 0 0;
  padding: 20px 20px 18px;
  border-radius: 10px;
  font-family: var(--font-main);
  font-size: var(--text-small-caps-size);
  letter-spacing: 3px;
  text-transform: uppercase;
}

.modal .alert-danger {
  color: #fff;
  background-color: rgba(255, 71, 13, 0.15);
  border: 1px solid #FF470D;
  position: relative;
  display: flex;
  gap: 16px;
}

.modal .alert-danger::before {
  content: "";
  position: relative;
  background: url('data:image/svg+xml,<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.25671 19H18.7416C18.9588 19.0002 19.1724 18.9437 19.3616 18.8359C19.5507 18.7282 19.7089 18.5729 19.8207 18.3852C19.9325 18.1976 19.9942 17.9839 19.9996 17.7651C20.0051 17.5463 19.9541 17.3298 19.8518 17.1367L11.1282 0.670067C11.0212 0.467719 10.8616 0.298482 10.6665 0.180455C10.4714 0.0624291 10.2481 5.35566e-05 10.0205 0H10.0192C9.55528 0 9.1303 0.257133 8.91152 0.6688L0.148979 17.1355C0.0464789 17.3285 -0.00472461 17.5449 0.000342697 17.7638C0.00541001 17.9826 0.0665759 18.1964 0.177898 18.3844C0.28982 18.572 0.44796 18.7272 0.636979 18.8351C0.825997 18.9429 1.03948 18.9997 1.25671 19ZM10.0192 13.9333C10.1844 13.9334 10.3479 13.9662 10.5005 14.0299C10.6531 14.0936 10.7917 14.187 10.9085 14.3046C11.0252 14.4223 11.1178 14.562 11.181 14.7158C11.2442 14.8695 11.2767 15.0343 11.2766 15.2006C11.2766 15.367 11.244 15.5318 11.1808 15.6855C11.1175 15.8392 11.0248 15.9788 10.908 16.0964C10.7912 16.2141 10.6525 16.3073 10.4999 16.371C10.3473 16.4346 10.1838 16.4673 10.0186 16.4673C9.68507 16.4672 9.3652 16.3336 9.1294 16.096C8.8936 15.8583 8.76118 15.536 8.76126 15.2C8.76134 14.864 8.89393 14.5417 9.12985 14.3042C9.36577 14.0667 9.68569 13.9332 10.0192 13.9333ZM8.76189 11.4203V6.3536C8.76189 6.01766 8.89436 5.69548 9.13016 5.45793C9.36596 5.22039 9.68578 5.08693 10.0192 5.08693C10.3527 5.08693 10.6725 5.22039 10.9083 5.45793C11.1441 5.69548 11.2766 6.01766 11.2766 6.3536V11.4203C11.2766 11.7562 11.1441 12.0784 10.9083 12.3159C10.6725 12.5535 10.3527 12.6869 10.0192 12.6869C9.68578 12.6869 9.36596 12.5535 9.13016 12.3159C8.89436 12.0784 8.76189 11.7562 8.76189 11.4203Z" fill="%23FF470D"/></svg>');
  width: 20px;
  min-width: 20px;
  height: 19px;
  display: block;
}

.modal .alert-success {
  color: #270;
  background-color: rgba(223, 242, 191, 0);
  border: 1px solid #270;
}

.alert {
  margin: 20px 0 0;
  padding: 20px 20px 18px;
  border-radius: 10px;
  font-family: var(--font-main);
  font-size: var(--text-small-caps-size);
  letter-spacing: 3px;
  text-transform: uppercase;
}

.alert-danger {
  color: #fff;
  background-color: rgba(255, 71, 13, 0.15);
  border: 1px solid #FF470D;
  position: relative;
  display: flex;
  gap: 16px;
}

.alert-danger::before {
  content: "";
  position: relative;
  background: url('data:image/svg+xml,<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.25671 19H18.7416C18.9588 19.0002 19.1724 18.9437 19.3616 18.8359C19.5507 18.7282 19.7089 18.5729 19.8207 18.3852C19.9325 18.1976 19.9942 17.9839 19.9996 17.7651C20.0051 17.5463 19.9541 17.3298 19.8518 17.1367L11.1282 0.670067C11.0212 0.467719 10.8616 0.298482 10.6665 0.180455C10.4714 0.0624291 10.2481 5.35566e-05 10.0205 0H10.0192C9.55528 0 9.1303 0.257133 8.91152 0.6688L0.148979 17.1355C0.0464789 17.3285 -0.00472461 17.5449 0.000342697 17.7638C0.00541001 17.9826 0.0665759 18.1964 0.177898 18.3844C0.28982 18.572 0.44796 18.7272 0.636979 18.8351C0.825997 18.9429 1.03948 18.9997 1.25671 19ZM10.0192 13.9333C10.1844 13.9334 10.3479 13.9662 10.5005 14.0299C10.6531 14.0936 10.7917 14.187 10.9085 14.3046C11.0252 14.4223 11.1178 14.562 11.181 14.7158C11.2442 14.8695 11.2767 15.0343 11.2766 15.2006C11.2766 15.367 11.244 15.5318 11.1808 15.6855C11.1175 15.8392 11.0248 15.9788 10.908 16.0964C10.7912 16.2141 10.6525 16.3073 10.4999 16.371C10.3473 16.4346 10.1838 16.4673 10.0186 16.4673C9.68507 16.4672 9.3652 16.3336 9.1294 16.096C8.8936 15.8583 8.76118 15.536 8.76126 15.2C8.76134 14.864 8.89393 14.5417 9.12985 14.3042C9.36577 14.0667 9.68569 13.9332 10.0192 13.9333ZM8.76189 11.4203V6.3536C8.76189 6.01766 8.89436 5.69548 9.13016 5.45793C9.36596 5.22039 9.68578 5.08693 10.0192 5.08693C10.3527 5.08693 10.6725 5.22039 10.9083 5.45793C11.1441 5.69548 11.2766 6.01766 11.2766 6.3536V11.4203C11.2766 11.7562 11.1441 12.0784 10.9083 12.3159C10.6725 12.5535 10.3527 12.6869 10.0192 12.6869C9.68578 12.6869 9.36596 12.5535 9.13016 12.3159C8.89436 12.0784 8.76189 11.7562 8.76189 11.4203Z" fill="%23FF470D"/></svg>');
  width: 20px;
  min-width: 20px;
  height: 19px;
  display: block;
}

.alert-success {
  color: #270;
  background-color: rgba(223, 242, 191, 0);
  border: 1px solid #270;
}


.connectedWallet .public-key {
  color: #fff;
}

.connectedWallet .public-key.connect {
  background-color: #1E272B;
  border: 1px solid #54C1E4;
  border-radius: 10px;
  padding: 20px 20px 18px;
  display: block;
}

.connect_wallet_list {
  display: grid;
  gap: 24px;
}

.connect_wallet_list .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 20px;
}

@media (max-width: 992px) {
  .connect_wallet_list .btn {
    padding: 0 32px;
    font-size: 14px;
    gap: 14px;
  }

  .connect_wallet_list .btn img {
    max-width: 24px;
    max-height: 24px;
  }
}

.connect_wallet_list .btn .loader {
  border: 3px solid rgba(84, 193, 228, 0.1882352941);
  border-top: 3px solid var(--green);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
  position: absolute;
  right: 30px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.connect_wallet_list .btn:hover {
  color: white;
}

@media (max-width: 992px) {
  .connect_wallet_list .btn span.connect {
    display: none;
  }
}

.wrapper__page--menu .account__info {
  display: grid;
  justify-content: center;
  text-align: center;
  margin-bottom: 40px;
}

@media (min-width: 992px) {
  .wrapper__page--menu .account__info {
    display: none;
  }
}

.wrapper__page--menu .account__info p {
  font-size: 14px;
  font-style: normal;
  font-family: var(--font-caption);
  margin: 0;
  text-transform: uppercase;
}

.wrapper__page--menu .account__info span {
  display: block;
  color: #54C1E4;
  font-family: Neue Machina, sans-serif;
  font-size: 13px;
}

.wrapper__page--menu .account__info img {
  margin: 0 auto 16px;
}

.wrapper__page--menu .actions {
  margin-bottom: 28px;
  display: grid;
  gap: 24px;
  width: 100%;
}

@media (min-width: 992px) {
  .wrapper__page--menu .actions {
    display: none;
  }

  .buy-dio-mobile {
    display: none;
  }
}

.wrapper__page--menu .actions .btn {
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
}

#modal-reset-password .formSuccess {
  display: none;
}

#modal-reset-password .formSuccess #resetPassClose {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.buy_dio .art-head .back-link {
  width: 55px;
  height: 55px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.buy_dio .art-head .back-link svg use {
  fill: var(--green);
  filter: drop-shadow(0 0 1px var(--green));
  transition: var(--trans);
}

@media (max-width: 992px) {
  .buy_dio .art-head .back-link {
    transform: translate3d(-35%, 0, 0);
    position: relative;
    display: block;
    top: 0;
  }
}

.buy_dio h1 {
  margin: 0;
}

@media (min-width: 992px) {
  .buy_dio h1 {
    font-size: 32px;
  }
}

.buy_dio .widget-container {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 80px;
}

@media (max-width: 992px) {
  .buy_dio .widget-container {
    display: inline;
  }
}

.buy_dio .widget-container .widget #swipelux-container iframe {
  display: block;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid #54C1E4 !important;
  margin: 0 auto;
  max-width: 100%;
}

.buy_dio .widget-container .widget #swipelux-container .cxFHMn {
  background: #00ff00;
}

.buy_dio .widget-container .widget .foot-text {
  text-align: center;
  margin-top: 24px;
}

.buy_dio .widget-container .text-content {
  max-width: 424px;
}

@media (max-width: 992px) {
  .buy_dio .widget-container .text-content {
    display: grid;
    padding-top: 0;
    grid-row: 1;
    gap: 24px;
  }

  .buy_dio .widget-container .text-content .head {
    grid-row: 2;
  }
}

.buy_dio .widget-container .text-content p {
  font-weight: 400;
}

.buy_dio .widget-container .text-content .list {
  display: flex;
  list-style: none;
  margin-bottom: var(--space-m);
}

.buy_dio .widget-container .text-content .list li {
  padding: 0;
}

.buy_dio .widget-container .text-content .list li a {
  color: #fff;
  min-width: 104px;
  display: grid;
  gap: 16px;
  transition: 0.2s all;
}

.buy_dio .widget-container .text-content .list li a:hover {
  color: #54c1e4;
}

.buy_dio .widget-container .text-content .list li:before {
  display: none;
}

#site_preloader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.753);
  z-index: 9999;
}

.spinner_loader {
  --d: 22px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  color: var(--blue);
  box-shadow:
    calc(1*var(--d)) calc(0*var(--d)) 0 0,
    calc(0.707*var(--d)) calc(0.707*var(--d)) 0 1px,
    calc(0*var(--d)) calc(1*var(--d)) 0 2px,
    calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
    calc(-1*var(--d)) calc(0*var(--d)) 0 4px,
    calc(-0.707*var(--d)) calc(-0.707*var(--d)) 0 5px,
    calc(0*var(--d)) calc(-1*var(--d)) 0 6px;
  animation: l27 1s infinite steps(8);
}

@keyframes l27 {
  100% {
    transform: rotate(1turn)
  }
}

.preloader {
  text-align: center;
  max-width: 20em;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: none;
}

.preloader__text {
  position: relative;
  height: 1.5em;
}

.preloader__msg {
  animation: msg 0.3s 13.7s linear forwards;
  position: absolute;
  width: 100%;
}

.preloader__msg--last {
  animation-direction: reverse;
  animation-delay: 14s;
  visibility: hidden;
}

.cart {
  display: block;
  margin: 0 auto 1.5em auto;
  width: 8em;
  height: 8em;
}

.cart__lines,
.cart__top,
.cart__wheel1,
.cart__wheel2,
.cart__wheel-stroke {
  animation: cartLines 2s ease-in-out infinite;
}

.cart__lines {
  stroke: #54C1E4;
}

.cart__top {
  animation-name: cartTop;
}

.cart__wheel1 {
  animation-name: cartWheel1;
  transform: rotate(-0.25turn);
  transform-origin: 43px 111px;
}

.cart__wheel2 {
  animation-name: cartWheel2;
  transform: rotate(0.25turn);
  transform-origin: 102px 111px;
}

.cart__wheel-stroke {
  animation-name: cartWheelStroke;
}

.cart__track {
  stroke: hsla(223, 10%, 10%, 0.1);
  transition: stroke 0.3s;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: hsl(223, 10%, 10%);
    --fg: hsl(223, 10%, 90%);
  }

  .cart__track {
    stroke: hsla(223, 10%, 90%, 0.1);
  }
}

/* Animations */
@keyframes msg {
  from {
    opacity: 1;
    visibility: visible;
  }

  99.9% {
    opacity: 0;
    visibility: visible;
  }

  to {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes cartLines {

  from,
  to {
    opacity: 0;
  }

  8%,
  92% {
    opacity: 1;
  }
}

@keyframes cartTop {
  from {
    stroke-dashoffset: -338;
  }

  50% {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: 338;
  }
}

@keyframes cartWheel1 {
  from {
    transform: rotate(-0.25turn);
  }

  to {
    transform: rotate(2.75turn);
  }
}

@keyframes cartWheel2 {
  from {
    transform: rotate(0.25turn);
  }

  to {
    transform: rotate(3.25turn);
  }
}

@keyframes cartWheelStroke {

  from,
  to {
    stroke-dashoffset: 81.68;
  }

  50% {
    stroke-dashoffset: 40.84;
  }
}

main.marketplace {
  overflow: hidden;
}

.marketplace .hide {
  display: none;
}

.marketplace .mpSearch .form--search {
  max-width: 560px;
}

.marketplace .mpSearch .form__icon {
  position: absolute;
  left: 24px;
  top: 12px;
}

.marketplace .mpSearch .form__input {
  background: rgba(84, 193, 228, 0.09);
}

.marketplace .mpSearch .form__input::placeholder {
  opacity: 1;
}

.marketplace .mpSearch .form__input--search {
  padding: 18px 64px 18px 72px;
}

.marketplace .mpSearch .form__input--caret div::after,
.marketplace .mpSearch .form__input--caret div::before {
  height: 28px;
}

.marketplace .ss-main .ss-arrow svg path:last-child {
  fill: #fff !important;
}

.marketplace .loader {
  border: 3px solid rgba(84, 193, 228, 0.1882352941);
  border-top: 3px solid var(--green);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
  position: absolute;
  right: 30px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.marketplace .btn.small {
  height: 40px;
  font-size: 14px;
  color: var(--green);
}

.marketplace .btn.small .btn__svg {
  height: 40px;
}

.marketplace .spoiler {
  border-radius: 10px;
  border: 1px solid #54C1E4;
  background: rgba(84, 193, 228, 0.09);
  cursor: pointer;
}

.marketplace .spoiler .head {
  font-family: var(--font-caption);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 24px;
  position: relative;
}

.marketplace .spoiler .head .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
}

.marketplace .spoiler .head .arrow svg {
  transition: 0.2s all;
}

.marketplace .spoiler .cont {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.marketplace .spoiler .cont .text {
  padding: 0 24px 24px;
}

.marketplace .spoiler .cont .text ul {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: var(--font-caption);
  font-size: 13px;
}

.marketplace .spoiler .cont .text ul li {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
  position: relative;
  padding: 7px 0 7px 20px;
  text-transform: uppercase;
}

.marketplace .spoiler .cont .text ul li:not(:last-child) {
  border-bottom: 1px solid rgba(84, 193, 228, 0.1294117647);
}

.marketplace .spoiler .cont .text ul li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 6px;
  height: 6px;
  background: var(--green);
}

.marketplace .spoiler.active .head .arrow svg {
  transform: rotate(180deg);
}

.marketplace .spoiler.active .cont {
  max-height: 1000px;
}

.marketplace .tag {
  border-radius: 6px;
  border: 1px solid #54C1E4;
  background: rgba(84, 193, 228, 0.09);
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  color: #54C1E4;
}

.marketplace .tag.common {
  color: var(--green);
  border: 1px solid var(--green);
}

.marketplace .tag.uncommon {
  color: var(--yellow);
  border: 1px solid var(--yellow);
}

.marketplace .tag.rare {
  color: var(--orange);
  border: 1px solid var(--orange);
}

.marketplace .tag.epic {
  color: var(--blue);
  border: 1px solid var(--blue);
}

.marketplace .tag.legendary {
  color: #8684FF;
  border: 1px solid #8684FF;
}

.marketplace .itemTitle {
  display: flex;
  gap: 16px;
}

.marketplace .itemTitle h3 {
  margin-bottom: 6px;
}

.marketplace .itemTitle p {
  margin: 0;
  color: #54C1E4;
}

.marketplace .itemTitle .tag {
  position: relative;
  top: -2px;
  padding: 6px 14px;
}

.marketplace .favorite {
  position: absolute;
  width: 20px;
  height: 24px;
  top: 16px;
  right: 18px;
  display: flex;
  padding-top: 5px;
  justify-content: center;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="24" viewBox="0 0 20 24" fill="none"><path d="M10.1857 19.5358L10 19.4615L9.8143 19.5358L1.1857 22.9872C0.857263 23.1186 0.5 22.8767 0.5 22.523V1C0.5 0.723858 0.723858 0.5 1 0.5H19C19.2761 0.5 19.5 0.723858 19.5 1V22.523C19.5 22.8767 19.1427 23.1186 18.8143 22.9872L10.1857 19.5358Z" fill="%23FF470D" fill-opacity="0.09" stroke="%23FF470D"/></svg>');
}

.marketplace .tabs__link {
  cursor: pointer;
}

.marketplace .tabs__link.is-active {
  color: var(--green);
}

.marketplace .main-soc__svg svg g:last-child use,
.marketplace .tabs__svg svg g:last-child use {
  stroke: var(--blue) !important;
}

.marketplace .featured-slider {
  padding: 30px 0 50px;
}

.marketplace .featured-slider__slide {
  width: 302px !important;
  position: relative;
  z-index: 1;
  height: initial;
}

.marketplace .featured-slider__slide .featured__card {
  width: 302px;
  height: 100%;
}

.marketplace .featured-slider .swiper__arr {
  bottom: auto;
  top: -96px;
}

@media (max-width: 992px) {
  .marketplace .featured-slider .swiper__arr {
    top: -68px;
    display: none;
  }
}

.marketplace .role-slider {
  overflow: visible;
}

.marketplace .featured__card {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 302px;
  /* Фіксована ширина */

}

.marketplace .featured__card .image {
  border-radius: 10px;
  border: 1px solid #54C1E4;
  background: rgba(84, 193, 228, 0.09);
  margin-bottom: 24px;
  position: relative;
  width: 302px;
  height: 302px;
}

.marketplace .featured__card .image img {
  width: 300px;
  margin: 0 auto;
  display: block;
  object-fit: contain;
  height: 300px;
  border-radius: 10px;
}

.marketplace .featured__card .details {
  display: grid;
  grid-template-rows: auto 1fr auto auto;
}

.marketplace .featured__card .details .head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  margin-bottom: 16px;
}

.marketplace .featured__card .details .head h4 {
  margin-bottom: 8px;
}

.marketplace .featured__card .details .head p {
  margin: 0;
  color: #54C1E4;
}

.marketplace .featured__card .details .description {
  margin-bottom: 16px;
}

.marketplace .featured__card .details .foot {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: 16px;
}

.marketplace .featured__card .details .foot .price {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.marketplace .featured__card .details .foot .price span {
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 8px;
}

.marketplace .featured__card .details .foot .price p {
  font-family: "Zelta-Six";
}

.marketplace .featured__card .details .foot .tokens {
  display: flex;
  align-items: center;
  gap: 8px;
}

.marketplace .featured__card .details .foot .switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
  margin-bottom: 0;
}

.marketplace .featured__card .details .foot .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.marketplace .featured__card .details .foot .switch input:checked+.slider {
  background-color: #54C1E4;
}

.marketplace .featured__card .details .foot .switch input:checked+.slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}

.marketplace .featured__card .details .foot .switch input:focus+.slider {
  box-shadow: 0 0 1px #54C1E4;
}

.marketplace .featured__card .details .foot .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #54C1E4;
  background: rgba(84, 193, 228, 0.09);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 20px;
}

.marketplace .featured__card .details .foot .switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: #b2FF17;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.marketplace .featured__card .details .btn {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}

.marketplace .featured__card .details .btn:hover {
  color: #b2FF17;
}

.marketplace .catalog__head {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.marketplace .catalog__head h2 {
  margin-bottom: 0;
}

.marketplace .catalog__head span {
  display: block;
  color: rgba(255, 255, 255, 0.4);
  font-family: var(--font-caption);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  padding-top: 15px;
}

.marketplace .catalog__side {
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 40px;
}

@media (max-width: 992px) {
  .marketplace .catalog__side {
    grid-template-columns: auto 1fr;
    gap: 16px;
    margin-bottom: 24px;
  }

  .marketplace .catalog__side .sortingForm {
    grid-row: 2;
    grid-column: 1/3;
  }
}

@media (max-width: 992px) {
  .marketplace .catalog__side #showFiltersBtn {
    border: 1px solid #54C1E4;
    background: rgba(84, 193, 228, 0.09);
    border-radius: 10px;
    padding: 0 12px;
  }

  .marketplace .catalog__side #showFiltersBtn .btn__svg {
    display: none;
  }
}

.marketplace .catalog__side #showFiltersBtn:hover .txt {
  color: var(--green);
  transition: 0.2s all;
}

@media (max-width: 992px) {
  .marketplace .catalog__side #showFiltersBtn span.txt {
    display: none;
  }
}

@media (min-width: 992px) {
  .marketplace .catalog__side #showFiltersBtn span.icon {
    display: none;
  }
}

.marketplace .catalog__wrap {
  display: grid;
}

@media (min-width: 992px) {
  .marketplace .catalog__wrap:not(.filters-closed) {
    grid-template-columns: auto 1fr;
  }
}

@media (min-width: 992px) {
  .marketplace .catalog__filters {
    padding-right: 56px;
  }
}

.marketplace .catalog__filters__card {
  background: rgba(84, 193, 228, 0.09);
  border: 1px solid #54C1E4;
  border-radius: 10px;
  padding: 24px;
  width: 380px;
}

@media (max-width: 1600px) {
  .marketplace .catalog__filters__card {
    width: 300px;
  }
}

@media (max-width: 992px) {
  .marketplace .catalog__filters__card {
    width: 100%;
    margin-bottom: 24px;
  }
}

.marketplace .catalog__filters .filters {
  position: relative;
  display: grid;
  gap: 10px;
}

.marketplace .catalog__filters .filters.opened .filters-content {
  display: block;
}

.marketplace .catalog__filters .filters .expanded {
  display: block;
}

.marketplace .catalog__filters .filters .filter-group-header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.marketplace .catalog__filters .filters .filter-group-header h4 {
  margin-bottom: 0;
  font-size: 14px;
}

.marketplace .catalog__filters .filters .filter-group-header.active h4 {
  color: #54C1E4;
}

.marketplace .catalog__filters .filters .filter-group-header .arrow.expanded svg {
  transform: rotate(180deg);
}

.marketplace .catalog__filters .filters .filter-group-header .arrow.expanded svg path {
  fill: #54C1E4;
}

.marketplace .catalog__filters .filters .filter-group-content {
  padding: 10px 0 15px 0;
}

.marketplace .catalog__filters .filters .filter-group-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 15px;
}

.marketplace .catalog__filters .filters .filter-group-content ul li label {
  margin-bottom: 0;
}

.marketplace .catalog__filters .filters .filter-group-content .price-filter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.marketplace .catalog__filters .filters .filter-group-content .price-filter-wrap {
  display: grid;
  gap: 20px;
}

.marketplace .catalog__filters .filters .filter-group-content .price-filter-wrap .btn {
  width: 100%;
  justify-content: center;
  text-align: center;
}

.marketplace .catalog__filters .filters .filter-group-content .price-filter .form__input {
  padding: 20px 24px 18px;
}

.marketplace .catalog__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(302px, 1fr));
  gap: 40px 24px;
  margin-bottom: 56px;
}

.marketplace .catalog__list .emptySearch {
  grid-column: 1/5;
}

.marketplace .catalog__list__wrap {
  position: relative;
}

@media (max-width: 1300px) {
  .marketplace .catalog__list {
    grid-template-columns: repeat(3, 1fr);
  }

  .marketplace .catalog__list .emptySearch {
    grid-column: 1/4;
  }
}

@media (max-width: 992px) {
  .marketplace .catalog__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .marketplace .catalog__list .emptySearch {
    grid-column: 1/3;
  }
}

@media (max-width: 768px) {
  .marketplace .catalog__list {
    grid-template-columns: 1fr;
  }

  .marketplace .catalog__list .emptySearch {
    grid-column: 1/2;
  }
}

.marketplace .catalog__list.filters-opened {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 992px) {
  .marketplace .catalog__list.filters-opened {
    grid-template-columns: minmax(0, 1fr);
  }
}

.marketplace .catalog__list.filters-opened .emptySearch {
  grid-column: 1/4;
}

@media (min-width: 992px) and (max-width: 1300px) {
  .marketplace .catalog__list.filters-opened {
    grid-template-columns: repeat(2, 1fr);
  }

  .marketplace .catalog__list.filters-opened .emptySearch {
    grid-column: 1/3;
  }
}

.marketplace .catalog__list__pagination {
  display: flex;
  justify-content: center;
}

.marketplace .catalog__list__pagination.transactions {
  margin-top: 56px;
}

.marketplace .catalog__list__pagination .btn {
  color: var(--green);
}

.marketplace .catalog__list__pagination .btn .loader {
  right: auto;
  position: relative;
  margin-left: 12px;
}

@media (max-width: 992px) {
  .marketplace__item {
    overflow: hidden;
  }
}

.marketplace__item .head__row {
  display: grid;
  grid-template-columns: minmax(0, 512px) 1fr;
  gap: 40px;
}

@media (max-width: 992px) {
  .marketplace__item .head__row {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 992px) {
  .marketplace__item .head__row .slider .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}

.marketplace__item .head__row .slider .image {
  border-radius: 10px;
  border: 1px solid #54C1E4;
  background: rgba(84, 193, 228, 0.09);
  position: relative;
}

.marketplace__item .head__row .slider .image img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  object-fit: cover;
}

.marketplace__item .head__row .slider .image:first-child {
  grid-column: 1/3;
  grid-row: 1;
}

@media (max-width: 992px) {
  .marketplace__item .head__row .details {
    display: grid;
  }
}

.marketplace__item .head__row .details__head {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: 24px;
  gap: 24px;
}

@media (max-width: 992px) {
  .marketplace__item .head__row .details__head {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}

.marketplace__item .head__row .details__head .price {
  background: rgba(84, 193, 228, 0.09);
  padding: 16px 24px;
  text-align: center;
  gap: 16px;
  display: flex;
}

@media (max-width: 768px) {
  .marketplace__item .head__row .details__head .price {
    display: flex;
    justify-content: space-between;
  }

  .marketplace__item .head__row .details__head .price>div {
    width: 100%;
  }
}

.marketplace__item .head__row .details__head .price h5 {
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  font-size: 13px;
  line-height: 14px;
  margin-bottom: 8px;
  text-transform: none;
  font-weight: 500;
}

.marketplace__item .head__row .details__head .price h4 {
  font-size: 16px;
  font-style: normal;
  line-height: 16px;
  margin-bottom: 0;
}

.marketplace__item .head__row .details__head .price h4 span {
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 12px;
}

.marketplace__item .head__row .details .description {
  margin-bottom: 40px;
}

.marketplace__item .head__row .details .actions {
  display: flex;
  gap: 24px;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .marketplace__item .head__row .details .actions {
    margin: 30px 0 0;
    grid-row: 5;
    flex-direction: column;
  }
}

.marketplace__item .head__row .details .actions .btn {
  color: var(--green);
}

.marketplace__item .head__row .details .actions .btn:hover {
  color: var(--green);
}

@media (max-width: 768px) {
  .marketplace__item .head__row .details .actions .btn {
    text-align: center;
    justify-content: center;
  }
}

.marketplace .table-orders {
  width: 100%;
  margin-top: 80px;
}

.marketplace .table-orders .tabs__link {
  height: 56px;
}

.marketplace .table-orders .btn .loader {
  right: auto;
  position: relative;
  margin-left: 12px;
}

.marketplace .table-orders .history__head {
  display: grid;
  gap: 16px;
}

@media (min-width: 992px) {
  .marketplace .table-orders .history__head {
    grid-template-columns: auto 1fr auto auto;
  }
}

.marketplace .table-orders .history__head.item {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .marketplace .table-orders .history__head.item {
    grid-template-columns: 1fr auto;
  }
}

.marketplace .table-orders .scrollable {
  overflow-y: hidden;
  position: relative;
}

.marketplace .table-orders .scrollable .loaderMask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -777;
  transition: 0.2s all;
  opacity: 0;
}

.marketplace .table-orders .scrollable .loaderMask .text {
  display: flex;
  color: var(--green);
  gap: 16px;
  position: relative;
  font-family: var(--font-caption);
  text-transform: uppercase;
  transition: 0.4s all;
  transform: translateY(100%);
  transition-delay: 0.2s;
  opacity: 0;
}

.marketplace .table-orders .scrollable .loaderMask .text .loader {
  position: relative;
  right: auto;
}

.marketplace .table-orders .scrollable .loaderMask.active {
  z-index: 3;
  opacity: 1;
}

.marketplace .table-orders .scrollable .loaderMask.active .text {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1100px) {
  .marketplace .table-orders .scrollable {
    overflow: scroll;
  }
}

.marketplace .table-orders .scrollable table {
  width: 100%;
  min-width: 700px;
}

.marketplace .table-orders .scrollable table th,
.marketplace .table-orders .scrollable table td {
  white-space: nowrap;
}

.marketplace .table-orders .scrollable table .status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 14px;
  font-size: 14px;
  border-radius: 6px;
  color: var(--yellow);
  border: 1px solid var(--yellow);
}

.marketplace .table-orders .scrollable table .status.completed {
  color: var(--green);
  border: 1px solid var(--green);
}

.marketplace .table-orders .scrollable table .status.failed,
.marketplace .table-orders .scrollable table .status.canceled {
  color: var(--orange);
  border: 1px solid var(--orange);
}

.marketplace .table-orders .scrollable table .status.pending {
  color: var(--blue);
  border: 1px solid var(--blue);
}

.marketplace .table-orders .scrollable table .status.open {
  color: #8684FF;
  border: 1px solid #8684FF;
}

.marketplace .table-orders table {
  width: 100%;
}

.marketplace .table-orders table td,
.marketplace .table-orders table th {
  padding: 16px 10px;
}

.marketplace .table-orders table td:first-child,
.marketplace .table-orders table th:first-child {
  padding-left: 0;
}

.marketplace .table-orders table td:last-child,
.marketplace .table-orders table th:last-child {
  padding-right: 0;
}

.marketplace .table-orders table thead tr {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 2.94px;
  text-transform: uppercase;
  font-family: var(--font-caption);
}

.marketplace .table-orders table tbody td .time {
  opacity: 0.4;
}

.marketplace .table-orders .seller {
  display: flex;
  align-items: center;
  gap: 15px;
}

.marketplace .table-orders .order_tab_content {
  display: none;
}

.marketplace-modal-buy {
  max-width: 680px;
  width: calc(100% - 48px);
}

@media (max-width: 992px) {
  .marketplace-modal-buy {
    max-width: 100%;
  }
}

.marketplace-modal-buy input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
  max-width: 300px;
}

.marketplace-modal-buy input[type=number]::-webkit-inner-spin-button,
.marketplace-modal-buy input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.marketplace-modal-buy .modal__container {
  max-width: 680px;
}

@media (max-width: 992px) {
  .marketplace-modal-buy .modal__container {
    max-width: calc(100% - 40px);
  }
}

.marketplace-modal-buy .modal__close {
  top: 32px;
  right: 20px;
}

@media (max-width: 767px) {
  .marketplace-modal-buy .modal__close {
    top: 10px;
    right: 6px;
  }
}

.marketplace-modal-buy .modal__close svg {
  width: 32px;
  height: 32px;
}

.marketplace-modal-buy .row {
  border-radius: 6px;
  background: rgba(84, 193, 228, 0.09);
  padding: 24px;
  margin-bottom: 24px;
}

.marketplace-modal-buy .stake-modal-block.row {
  border-radius: unset;
  background: transparent;
  padding: 24px;
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  .marketplace-modal-buy .row {
    padding: 16px;
  }
}

.marketplace-modal-buy .row.info {
  display: grid;
  align-items: center;
  gap: 16px;
}

@media (min-width: 992px) {
  .marketplace-modal-buy .row.info {
    grid-template-columns: 1fr auto;
  }
}

.marketplace-modal-buy .row.info .image img {
  display: block;
  border-radius: 8.889px;
  border: 1px solid #54C1E4;
}

@media (max-width: 992px) {
  .marketplace-modal-buy .row.info .image img {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .marketplace-modal-buy .row.info .itemTitle {
    justify-content: space-between;
  }
}

.marketplace-modal-buy .row.info .itemTitle h4 {
  margin-bottom: 8px;
}

.marketplace-modal-buy .row.info .itemTitle p {
  font-size: 13px;
}

.marketplace-modal-buy .row.details {
  display: grid;
  gap: 24px;
}

@media (max-width: 992px) {
  .marketplace-modal-buy .row.details {
    gap: 21px;
  }
}

.marketplace-modal-buy .row.details .subRow {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  font-family: var(--font-caption);
  text-transform: uppercase;
}

@media (max-width: 992px) {
  .marketplace-modal-buy .row.details .subRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 11px;
  }
}

.marketplace-modal-buy .row.details .subRow>div>span {
  font-family: var(--font-main);
  color: rgba(255, 255, 255, 0.4);
}

.marketplace-modal-buy .row.details .subRow h5 {
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 2.73px;
  text-transform: uppercase;
  margin: 0;
  font-family: "Neue Machina", sans-serif;
}

@media (max-width: 992px) {
  .marketplace-modal-buy .row.details .subRow h5 {
    font-size: 11px;
    letter-spacing: 2.31px;
  }
}

.marketplace-modal-buy .row.details .subRow p {
  margin: 0;
}

.marketplace-modal-buy .row.details .subRow .balance {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 11px;
}

.marketplace-modal-buy .row.details .subRow .balance a {
  color: var(--blue);
  font-family: var(--font-main);
  text-transform: none;
}

@media (max-width: 992px) {
  .marketplace-modal-buy .row.details .subRow .balance img {
    max-width: 25px;
  }
}

.marketplace-modal-buy .row.details .subRow .seller {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  font-family: var(--font-main);
  gap: 11px;
  text-transform: none;
}

.marketplace-modal-buy .row .quantity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  max-width: 300px;
}

.marketplace-modal-buy .row .quantity .minus,
.marketplace-modal-buy .row .quantity .plus {
  font-size: 21px;
  color: #fff;
  background: rgba(84, 193, 228, 0.09);
  border: 1px solid var(--blue);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  width: 56px;
  height: 56px;
  cursor: pointer;
}

.marketplace-modal-buy .actions {
  display: grid;
  gap: 16px;
}

@media (min-width: 992px) {
  .marketplace-modal-buy .actions {
    gap: 24px;
    grid-template-columns: 1fr auto;
  }
}

.marketplace-modal-buy .actions .btn {
  text-align: center;
  justify-content: center;
  display: flex;
}

@media (max-width: 992px) {
  .marketplace-modal-buy .actions .btn.cancel {
    display: none;
  }
}

.marketplace-modal-buy .actions .btn:hover {
  color: var(--green);
}

.marketplace-modal-buy .actions .btn.green {
  width: 100%;
}

.marketplace-modal-buy .modal__head {
  margin-bottom: 40px;
  text-align: left;
  justify-content: flex-start;
}

@media (max-width: 992px) {
  .marketplace-modal-buy .modal__head {
    margin-bottom: 24px;
  }
}

@media (max-width: 992px) {
  .marketplace-modal-buy .modal__head h3 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
  }
}

.marketplace-modal-buy .modal__block {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 78px 40px 32px;
  overflow: visible;
}

@media (max-width: 767px) {
  .marketplace-modal-buy .modal__block {
    padding: 56px 24px 24px;
  }
}

.marketplace-modal-buy .modal__bg {
  display: block;
}

.emptySearch {
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.emptySearch h4 {
  color: hsla(223, 10%, 90%, 0.2);
}

.footer {
  position: relative;
  z-index: 1;
}

/*# sourceMappingURL=styles.css.map */

.edit-account .gameplay-list__img__svg.mobile {
  display: none;
}


@media (min-width: 200px) {
  .edit-account .account__cards .left-slide .card__head img.avatar {
    width: 140px;
  }

  .edit-account .background-item:first-child {
    width: 100%;
  }

  .edit-account .account__cards__item .card {
    position: absolute;
    display: flex;
    top: 0;
  }

  .edit-account .account__cards__item {
    background: transparent;
  }

  .edit-account .account__cards__item.left-slide .card {
    top: auto;
    gap: 10px;
  }

  .edit-account .account__cards__item .card .card__head {
    display: block;
  }

  .edit-account div.scroll-container {
    grid-template-columns: repeat(2, 1fr);
    top: 110px;
  }

  .edit-account .update_button,
  .edit-account .update_button:hover:not([disabled]) {
    color: #54C1E4;
  }


  .edit-account .mobile_delete,
  .mobile_delete:hover:not([disabled]) {
    display: inline-flex;
    color: white;
  }

  .edit-account .desktop_delete {
    display: none;
  }

  .edit-account .background-item.left-slide {
    height: 220px;
  }


  .edit-account .background-item:last-child {
    width: 100%;
  }

  .edit-account .gameplay-list__img__svg.desktop {
    display: none;
  }

  .edit-account .gameplay-list__img__svg.mobile {
    display: block;
  }

  .edit-account .background-item:first-child {
    background-image: none;
  }

  .edit-account .password_reset h3 {
    font-size: 18px;
  }

  .edit-account .password_reset p {
    font-size: 13px;
  }

  .edit-account .password_reset .card__head {
    text-align: center;
  }


  .edit-account .password_reset .card {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .edit-account .password_reset .account__cards__item .account__cards__img {
    height: 380px;
  }

  .edit-account .password_reset .account__cards__item .form__sbm .btn__svg svg {
    width: 100%;
  }

  .edit-account .password_reset .account__cards__item .form__sbm .btn__svg {
    width: 100%;
  }

  .edit-account .password_reset .account__cards__item {
    height: 380px;
  }

  .edit-account .password_reset .togglePassword {
    position: absolute;
    right: 14px;
    top: 17px;
    background: transparent;
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
  }

  .edit-account .password_reset .passwordStrength {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
  }

  .edit-account .password_reset .account__cards__item .account__cards__img.password-reset {
    height: 420px;
  }

  .account__cards__item.swiper-slide.background-item {
    /* top: 24px; */
  }
}

@media (max-width: 450px) {
  .customCheckbox:checked+label:after {
    left: 2px;
  }

  .buy-dio-desktop {
    display: none;
  }

  .buy-dio-mobile {
    display: block;
  }
}

@media (max-width: 508px) {
  .modal__container.auth .signup_agree .customCheckbox:checked+label::after {
    top: 15px;
  }
}

@media (min-width: 1200px) {
  .edit-account .background-item:last-child {
    width: 70%;
    height: auto;
  }

  .edit-account .password_reset .account__cards__item {
    width: 100%;
  }

  .edit-account .background-item:first-child {
    background-image: url('/images/account/card_left.svg');
    width: 336px;
    background-size: cover;
    height: auto;
  }

  .edit-account .background-item:first-child .card {
    display: grid;
  }

  .edit-account .background-item:first-child .card .card__head img.avatar {
    width: 256px;
  }

  .edit-account .background-item:last-child .card {
    width: 90%;
  }

  .edit-account .background-item:last-child .card .card__head {
    width: 100%;
  }


  .edit-account .background-item:first-child .gameplay-list__img__svg.desktop {
    display: none;
  }

  .edit-account .gameplay-list__img__svg.desktop {
    display: block;
  }

  .edit-account .gameplay-list__img__svg.mobile {
    display: none;
  }

  .edit-account .mobile_delete {
    display: none;
  }

  .edit-account .desktop_delete {
    display: flex;
  }

  .edit-account .account__cards__item .image-container.scroll-container {
    grid-template-columns: repeat(6, 1fr);
    top: 110px;
    width: 90%;
  }

  .edit-account .update_button {
    width: 100%;
  }

  .edit-account .desktop_delete {
    width: 56px;
  }

  .edit-account .password_reset .account__cards {
    justify-content: center;
  }
}

@media (min-width: 1300px) {
  .edit-account .background-item:last-child {
    width: 70%;
  }
}

@media (min-width: 1500px) {
  .edit-account .background-item:last-child {
    width: 76.5%;
  }

}

.second-step {
  display: none;
}

.account .staked_dio__rows.mobile,
.account .return-button-stakes-mobile {
  display: none;
}

.header-container-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1380px) {
  .header-container-mobile {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 327px;
  }

  .account .staked_dio__rows.mobile,
  .account .return-button-stakes-mobile {
    display: flex;
    flex-direction: column;
  }

  .account .return-button-stakes-mobile {
    align-items: center;
    text-align: center;
  }

  .account .staked_dio__rows.mobile .card__foot {
    display: grid;
    margin-top: 20px;
  }

  .account .staked_dio__rows.desktop {
    display: none;
  }
}

@media (max-width: 435px) {

  #modal-unstake-onlyAuth .card__foot,
  #modal-claim-onlyAuth .card__foot {
    display: grid;
    justify-content: normal;
  }

  #modal-claim-onlyAuth .card__foot button,
  #modal-unstake-onlyAuth .card__foot button {
    width: 100%;
    display: inline-block;
  }

  .marketplace .featured-slider__slide {
    width: 100% !important;
  }
}

.wallet-dropdown-image-container {
  width: auto;
}

.wallet-dropdown-responsive-image {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 100%;
}