.appmenu {
  position: fixed;
  display: flex;
  gap: 50px;
  justify-content: space-evenly;
  padding: 10px 10px 0px 10px;
  width: 100%;
  z-index: 11;
  bottom: calc(var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px) + 10px);
}

.appmenu::before {
  content: "";
  position: absolute;
  background: #0e0b20;
  width: 50%;
  height: 50%;
  bottom: 0;
}

.appmenu::after {
  content: "";
  position: absolute;
  background: radial-gradient(#000 15%, transparent 100%);
  width: 100%;
  height: 125%;
  bottom: -25%;
  z-index: -1;
  filter: blur(10px);
  pointer-events: none;
}

.appmenu__left {
  display: flex;
  background: #0e0b20;
  padding: 10px 15px;
  border-radius: 40px;
  flex: 4;
}

.appmenu__right {
  display: flex;
  background: #0e0b20;
  padding: 10px 15px;
  border-radius: 40px;
  flex: 4;
}

@media (max-width: 375px) {

  .appmenu__left,
  .appmenu__right {
    padding: 5px 8px;
  }
}

@media (max-width: 375px) {
  .appmenu__left {
    margin-right: -4px;
  }
}

@media (max-width: 375px) {
  .appmenu__right {
    margin-left: -4px;
  }
}

@media (max-width: 330px) {
  .appmenu__left {
    margin-right: -7px;
  }
}

@media (max-width: 330px) {
  .appmenu__right {
    margin-left: -7px;
  }
}

.appmenu__item {
  align-items: center;
  background: none;
  background: transparent;
  border: none;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 3px 4px;
  width: 100%;
  width: -moz-max-content;
  width: max-content;
  flex: 1;
}

.appmenu__item-svg {
  align-items: center;
  color: var(--text-color-gray);
  display: flex;
  justify-content: center;
}

.appmenu__item-svg svg {
  height: 22px;
  width: 20px;
}

@media (max-width: 375px) {
  .appmenu__item-svg svg {
    height: 20px;
    width: 18px;
  }
}

.appmenu__item-home--icon {
  position: absolute;
  background: linear-gradient(325deg, #7546f4, #8761f4);
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  top: 0px;
  overflow: hidden;
}

@media (max-width: 375px) {
  .appmenu__item-home--icon {
    width: 50px;
    height: 50px;
  }

  .appmenu__item-home--icon svg {
    width: 18px;
    height: 18px;
  }
}

.appmenu__item-home--icon svg {
  width: 25px;
  height: 24px;
  color: #fff;
}

@media (max-width: 375px) {
  .appmenu__item-home--icon svg {
    width: 22px;
    height: 21px;
  }
}

@media (max-width: 330px) {
  .appmenu__item-home--icon {
    width: 40px;
    height: 40px;
  }

  .appmenu__item-home--icon svg {
    width: 19px;
    height: 18px;
  }
}

.appmenu__item-home--icon:after {
  content: "";
  background: rgb(93 137 255 / 70%);
  position: absolute;
  width: 70%;
  height: 70%;
  bottom: -5px;
  left: -10px;
  border-radius: 100%;
  mix-blend-mode: plus-lighter;
  filter: blur(5px);
}

.appmenu__item-name {
  color: var(--text-color-gray);
  font-size: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  font-weight: 400;
}

@media (max-width: 375px) {
  .appmenu__item-name {
    font-size: 0.7rem;
  }
}

@media (max-width: 330px) {
  .appmenu__item-name {
    display: none;
  }
}

.appmenu__item.router-link-exact-active .appmenu__item-svg svg {
  color: var(--text-color-white);
}

.appmenu__item.router-link-exact-active .appmenu__item-name {
  color: var(--text-color-white);
}

.appmenu__item.router-link-exact-active:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  background: var(--bg-primary);
  bottom: -10px;
}

.appmenu__item-home--icon:before {
  content: "";
  background: rgb(67 3 110 / 70%) !important;
  position: absolute;
  width: 70% !important;
  height: 70% !important;
  bottom: -8px !important;
  right: -10px !important;
  border-radius: 100% !important;
  mix-blend-mode: plus-lighter !important;
  filter: blur(5px) !important;
}

.instruction__block {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0 0 20px;
  position: relative;
  touch-action: auto;
}

.instruction__block:before {
  background: url(/img/instruction/instruction_background.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  height: 200px;
  mix-blend-mode: overlay;
  opacity: 1;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.instruction__block-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: calc(20px + var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px));
  width: calc(100% - 30px);
  z-index: 4;
}

.instruction__header-skip {
  background: none;
  background: var(--bg-primary-white);
  border: none;
  border-radius: 12px;
  color: var(--text-color-black);
  font-size: 1rem;
  padding: 8px 10px;
}

.instruction__block-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 100%;
  justify-content: flex-end;
  padding-bottom: calc(var(--tg-safe-area-inset-bottom));
  z-index: 3;
}

.instruction__content-slider {
  display: flex;
  flex: 4;
}

.instruction__content-navigation {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: auto;
  padding: 0 15px;
  position: relative;
  width: 100%;
}

.instruction__navigation-left {
  margin-right: auto;
}

.instruction__navigation-right {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-left: auto;
}

.instruction__slider-wrapper {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.instruction__slider {
  display: flex;
  height: 100%;
  width: 100%;
}

.instruction__slider-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-end;
  min-width: 100%;
  transition: opacity 0.5s ease;
}

.instruction__slider-image {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.instruction__slider-image img {
  -o-object-fit: cover;
  object-fit: contain;
  width: 100%;
}

.instruction__slider-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 15px;
  z-index: 2;
}

.instruction__slider-title h1,
.instruction__slider-title h2 {
  font-size: 2.325rem;
  line-height: 2.2rem;
}

.instruction__slider-desc p {
  font-size: 0.975rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.instruction__slider-btn {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  padding: 0 15px;
  z-index: 2;
}

.instruction__navigation-slide {
  width: -moz-max-content;
  width: max-content;
}

.instruction__navigation-slide,
.slide__circle-left,
.slide__circle-right {
  align-items: center;
  display: flex;
  gap: 5px;
}

.slide__circle {
  align-items: center;
  display: flex;
  gap: 1vw;
  justify-content: center;
  position: relative;
}

.slide__circle:after,
.slide__circle:before {
  background: var(--btn-gray-bg);
  border-radius: 15px;
  bottom: 0;
  content: "";
  height: 5.2vw;
  margin: auto 0;
  padding: 0;
  position: absolute;
  top: 0;
  transition: 0.2s;
  z-index: 1;
}

.slide__circle:before {
  left: 0;
  opacity: var(--left-before-opacity);
  transform: translateX(-1.8vw);
  visibility: var(--left-before-visible);
  width: var(--left-before-size);
}

.slide__circle:after {
  opacity: var(--right-before-opacity);
  right: 0;
  transform: translateX(1.8vw);
  visibility: var(--right-before-visible);
  width: var(--right-before-size);
}

.slide__circle-item {
  align-items: center;
  background-color: var(--bg-color-cobalt-light);
  border-radius: 50%;
  display: flex;
  height: 2.4vw;
  justify-content: center;
  position: relative;
  transition: margin 0.2s;
  width: 2.4vw;
  z-index: 2;
}

.slide__circle-item.active {
  background-color: var(--bg-page-primary);
  box-shadow: 0 0 0 0.6px #8652ff;
  margin: 0 3.5vw;
  scale: 2.5;
  transition: scale 0.35s, margin 0.2s;
}

.slide__circle-item:before {
  background: #fff;
  border-radius: 50%;
  bottom: 0;
  content: "";
  display: none;
  height: 0.3rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.3rem;
  z-index: 1;
}

.slide__circle-item.active:before {
  display: flex;
}

.language__btn {
  align-items: center;
  background: none;
  border: none;
  border-radius: 12px;
  color: var(--text-color-black);
  display: flex;
  gap: 5px;
  padding: 8px 10px;
}

.language__btn-county--icon {
  width: 20px;
  height: 20px;
}

.language__btn-county--icon img {
  width: 100%;
  height: 100%;
}

.language__btn.dark {
  background-color: var(--btn-gray-dark-bg);
  border-color: var(--btn-gray-dark-border);
  color: var(--text-color-white);
}

.language__btn-icon {
  width: 8px;
  height: 8px;
  margin-top: -10px;
}

.language__btn-icon svg {
  height: 100%;
  width: 100%;
}

.language__btn-text {
  font-size: 1rem;
  font-weight: 600;
}

.language__switch {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background: #060213b3;
  bottom: 0;
  height: 100vh;
  left: 0;
  overscroll-behavior: none;
  position: fixed;
  right: 0;
  touch-action: none;
  width: 100vw;
  z-index: 11;
}

.language__switch-block {
  animation-duration: 0.2s;
  background: #0b061b;
  border-radius: 2rem 2rem 0 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: -moz-max-content;
  height: max-content;
  max-height: 96svh;
  min-height: 55svh;
  padding: 0;
  padding-bottom: calc(var(--tg-safe-area-inset-bottom, 0px) + 15px);
  position: fixed;
  transform: translateY(0);
  width: 100%;
  overflow: hidden;
}

.language__switch-block:before {
  content: "";
  position: fixed;
  background-image: url(/img/main_menu-background.png);
  width: 100%;
  height: 250px;
  mix-blend-mode: overlay;
  background-repeat: no-repeat;
  left: 0px;
  top: 0px;
  z-index: 0;
  opacity: 1;
}

.language__switch-drag {
  background: var(--bg-section-gray);
  border-radius: 1rem;
  height: 5px;
  margin: auto;
  width: 30px;
}

.language__switch-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 0 0;
  position: relative;
  text-align: left;
}

.language__switch-header h3 {
  font-size: 1.52rem;
  font-weight: 400;
  padding: 0 15px;
}

.language__switch-list {
  align-content: flex-start;
  -moz-column-gap: 7px;
  column-gap: 7px;
  flex: 4;
  flex-direction: row;
  flex-wrap: wrap;
  overflow-y: scroll;
  padding: 5px 15px;
  row-gap: 7px;
}

.language__switch-list,
.language__switch-list_item {
  display: flex;
  height: -moz-max-content;
  height: max-content;
}

.language__switch-list_item {
  align-items: flex-end;
  background: rgb(19, 12, 39);
  border: none;
  border-radius: 1rem;
  flex: calc(50% - 10px);
  gap: 5px;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 15px 10px 15px 30px;
  position: relative;
  width: calc(50% - 10px);
}

.language__switch-flag {
  position: absolute;
  left: 10px;
  top: 2px;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 14px;
}

.language__switch-flag img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.language__switch-name {
  color: var(--text-color-white);
  font-size: 0.825rem;
  font-weight: 400;
}

.language__switch-translate {
  color: var(--text-color-gray-two);
  font-size: 0.725rem;
  font-weight: 300;
}

.language__switch-check {
  bottom: 0;
  height: 20px;
  margin: auto;
  position: absolute;
  right: 10px;
  top: 0;
  width: 20px;
}

.language__switch-check svg {
  height: 100%;
  width: 100%;
}

.card__section {
  background: var(--bg-page-second);
  border-radius: 14px;
  gap: 15px;
  margin-top: 15px;
  padding: 20px;
}

.card__header,
.card__section {
  display: flex;
  flex-direction: column;
}

.card__header {
  gap: 10px;
}

.push__block {
  position: relative;
  align-items: center;
  border-radius: 1rem;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  padding: 1rem;
  overflow: hidden;
}

.push__block:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #ffffff 1px, transparent 0), linear-gradient(180deg, #ffffff 1px, transparent 0);
  background-size: 12px 12px;
  mix-blend-mode: overlay;
  opacity: 0.8;
  pointer-events: none;
  z-index: 1;
  -webkit-mask: radial-gradient(circle at 80% 24%, #ffffff 20%, #ffffff 10%, transparent 30%);
  mask: radial-gradient(circle at 60% -36%, #ffffff 10%, #ffffff61 10%, transparent 40%);
}

.push__block:after {
  content: "";
  position: absolute;
  box-shadow: 0px -60px 35px 45px #b78aff, 40px -60px 35px 45px #a561ff;
  left: 40%;
}

.push__block.push__block-dark {
  background: var(--category-primary-bg);
  color: var(--text-color-white);
}

.push__block.push__block-purple-light {
  background-color: var(--btn-primary-light-border);
  border-color: var(--btn-primary-light-bg);
  color: var(--text-color-light-purple);
}

.push__block.push__block-white {
  background-color: var(--bg-primary-white);
  border-color: var(--border-white-bg);
  color: var(--text-color-black);
}

.push__block.push__block-purple {
  background-color: var(--btn-primary-dark-border);
  border-color: var(--btn-primary-dark-bg);
  color: var(--text-color-white);
}

.push__block-icon {
  height: 25px;
  min-height: 25px;
  min-width: 25px;
  width: 25px;
  z-index: 1;
}

.push__block-text {
  z-index: 1;
}

.push__block-icon svg {
  height: 100%;
  width: 100%;
}

.push__block-purple-light .push__block-icon svg,
.push__block-white .push__block-icon svg {
  stroke: var(--btn-color-primary-light);
}

.dropdown {
  display: flex;
  position: relative;
}

.dropdown__btn {
  align-items: center;
  background: transparent;
  border: 1px solid var(--category-secondary-border);
  border-radius: 12px;
  display: flex;
  height: 48px;
  justify-content: space-between;
  padding: 6px 15px;
  width: 100%;
}

.dropdown__btn.active {
  border-color: var(--btn-color-border-white);
}

.dropdown__left {
  align-items: center;
  display: flex;
  gap: 5px;
}

.dropdown__right-icon {
  display: flex;
}

.dropdown__btn.active .dropdown__right-icon svg {
  transform: scaleY(-1);
}

.dropdown__right-icon svg {
  height: 20px;
  transition: transform 0.3s ease;
  width: 20px;
}

.dropdown__list {
  align-items: flex-start;
  border-radius: 12px;
  box-shadow: var(--box-shadow);
  flex-direction: column;
  min-height: 100px;
  padding: 3px;
  position: absolute;
  top: calc(100% + 10px);
  z-index: 3;
}

.dropdown__list,
.dropdown__list-item {
  background: var(--bg-page-second);
  display: flex;
  gap: 5px;
  width: 100%;
}

.dropdown__list-item {
  align-items: center;
  border: none;
  padding: 12px 15px;
}

.dropdown__list-item_label {
  color: var(--text-color-white);
}

.dropdown__search {
  align-items: center;
  display: flex;
  padding: 0 10px;
  position: relative;
  width: 100%;
}

.dropdown__search-input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  border-color: var(--btn-gray-light-border-hover);
  color: var(--text-color-white);
  font-size: 14px;
  order: 2;
  padding: 15px 15px 15px 35px;
  transition: 0.2s;
  width: 100%;
}

.dropdown__search-input:focus {
  border-color: var(--input-primary-color);
}

.dropdown__search-input:focus~.dropdown__search-icon svg {
  color: var(--input-primary-color);
}

.dropdown__list-input {
  background: transparent;
  border: none;
  color: var(--text-color-white);
  width: 100%;
}

.dropdown__left-icon {
  height: 28px;
  width: 28px;
}

.dropdown__left-icon img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.dropdown__left-label {
  color: var(--text-color-white);
}

.dropdown__search-icon {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 17px;
  margin: auto;
  order: 1;
  position: absolute;
  top: 0;
}

.dropdown__search-icon svg {
  color: var(--text-color-gray);
  height: 17px;
  transition: 0.2s;
  width: 17px;
}

.dropdown__list-items {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}

.dropdown__list-button {
  align-items: center;
  background: var(--bg-page-second);
  border: none;
  display: flex;
  font-size: 14px;
  gap: 5px;
  padding: 12px 15px;
  width: 100%;
}

.dropdown__button-icon {
  display: flex;
}

.dropdown__button-icon img {
  height: 20px;
  width: 20px;
}

.home__menu {
  bottom: 0;
  height: 100vh;
  left: 0;
  overscroll-behavior: none;
  position: fixed;
  right: 0;
  touch-action: none;
  width: 100vw;
  z-index: 12;
}

.home__menu-overlay {
  -webkit-backdrop-filter: blur(0.7px);
  backdrop-filter: blur(2.3px);
  background: #05011396;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  touch-action: none;
  width: 100%;
  z-index: 1;
}

.home__menu-block {
  background: var(--bg-page-tertiary);
  /* padding-bottom: calc(var(--tg-safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom)); */
  padding-top: calc(var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top));
  position: relative;
  width: 85vw;
  height: 100vh;
  z-index: 2;
}

.home__menu-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 100%;
  overflow: auto;
  padding: 15px 30px 20px;
  padding-bottom: calc(var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px) + 20px) !important;
  position: relative;
  overflow-x: hidden;
  overflow: auto;
}

.home__menu-block::before {
  content: "";
  position: absolute;
  background: url(/img/main_menu-background.png);
  width: 100%;
  height: 250px;
  mix-blend-mode: overlay;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: -1;
  top: 13%;
}

.home__menu-block::after {
  content: "";
  position: absolute;
  background: url(/img/main_menu-background.png);
  width: 140%;
  height: 250px;
  left: -40%;
  bottom: -10%;
  mix-blend-mode: overlay;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.home__menu-header {
  display: flex;
  margin-top: 30px;
}

.home__menu-close {
  position: absolute;
  right: 15px;
  top: 15px;
  align-items: center;
  background: var(--btn-gray-dark-bg);
  border: none;
  border-radius: 10px;
  color: var(--text-color-white);
  display: flex;
  height: 35px;
  justify-content: center;
  width: 35px;
}

.home__menu-close svg {
  height: 25px;
  width: 25px;
}

.home__menu-user--info {
  display: flex;
  gap: 15px;
  align-items: center;
}

.home__menu-user--img {
  width: 40px;
  height: 40px;
  box-shadow: 0px 0px 0px 2px #ffffff30 inset;
  border-radius: 100%;
  overflow: hidden;
}

.home__menu-user--img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: -1;
}

.home__menu-user--name {
  font-size: 1rem;
  font-weight: 500;
}

.home__menu-groupe {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.home__menu-label {
  color: var(--text-color-gray-two);
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
}

.home__menu-buttons {
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.home__menu-item {
  align-content: center;
  align-items: center;
  color: var(--text-color-white);
  display: flex;
  font-size: 0.875rem;
  gap: 5px;
  justify-content: flex-start;
  padding: 10px 0px;
  position: relative;
}

.home__menu-item:last-child:before {
  display: none;
}

.home__item-svg {
  height: 19px;
  width: 19px;
}

.home__item-svg svg {
  height: 100%;
  width: 100%;
}

.home__item-arrow {
  color: var(--text-color-gray);
  height: 12px;
  margin-left: auto;
  width: 14px;
}

.home__item-arrow svg {
  height: 100%;
  width: 100%;
}

.home__header {
  align-items: center;
  display: flex;
  height: 65px;
  justify-content: space-between;
  padding: 10px 15px;
  position: absolute;
  top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) + 0px);
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9;
}

.home__header .btn {
  background: none;
  width: 22px;
  height: 22px;
}

.home__header-left {
  display: flex;
  align-items: center;
  gap: 20px;
}

.home__header-user--info {
  display: flex;
  gap: 10px;
  align-items: center;
}

.home__header-user--avatar {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
  box-shadow: 0px 0px 0px 1px rgb(255 255 255 / 27%) inset;
}

.home__header-user--avatar img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: -1;
}

.home__header-user--name {
  overflow: hidden;
  white-space: nowrap;
  max-width: 60px;
  text-overflow: ellipsis;
}

.home__header-right {
  display: flex;
  gap: 15px;
  align-items: center;
}

.home__content {
  gap: 5px;
  padding: 70px 0 0;
}

.home__content {
  display: flex;
  flex-direction: column;
}

#section--home__mining {
  position: relative;
  background: radial-gradient(circle at 45% 70%, #321f67 45%, #080512 73%, #030115 100%);
  overflow: hidden;
}

#section--home__mining:before {
  content: "";
  position: absolute;
  right: -50px;
  top: 50px;
  bottom: 0;
  margin: auto;
  width: 100%;
  max-width: 330px;
  height: 100%;
  background-image: url(/img/mining_balance_image.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  mix-blend-mode: plus-lighter;
}

.home__mining {
  position: relative;
  display: flex;
  padding: 0px 0px 10px;
}

.home__mining-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 2;
}

.home__mining-right {
  position: absolute;
  right: 20px;
  transform: translateX(50%);
  width: 340px;
  height: 335px;
  z-index: 1;
}

.home__mining-right img {
  width: 100%;
  height: 100%;
}

.home__mining-effects--first {
  position: absolute;
  box-shadow: 10px 199px 64px 39px #010007;
  width: 40%;
  right: 0;
  border-radius: 100%;
  z-index: 0;
}

.home__mining-effects--second {
  position: absolute;
  box-shadow: -20px 189px 74px 17px #010007;
  transform: translateX(-50%);
  left: 50%;
  width: 50%;
  border-radius: 50%;
  z-index: 0;
  mix-blend-mode: plus-lighter;
}

.home__mining-label {
  font-size: 0.925rem;
  font-weight: 400;
}

.home__mining-value {
  font-size: 1.875rem;
}

.home__mining-convert {
  color: var(--text-color-gray);
  font-size: 0.925rem;
  font-weight: 400;
  margin-top: -15px;
}

.home__mining-button .btn-white {
  background-color: var(--bg-primary-white);
  color: var(--text-color-black);
}

.exchange {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}

.exchange__block {
  align-content: center;
  align-items: center;
  display: flex;
  flex: 4;
  font-size: 0.875rem;
  gap: 5px;
  justify-content: center;
}

.exchange__name {
  color: var(--text-color-gray-light);
}

.exchange__current {
  color: var(--text-color-white);
  font-weight: 500;
}

.exchange__chart {
  align-items: center;
  display: flex;
  gap: 1px;
  justify-content: center;
}

.exchange__chart svg {
  height: 15px;
  width: 15px;
}

.exchange__chart.green {
  color: var(--text-color-green-light);
}

.exchange__chart.red {
  color: var(--text-color-error);
}

.activities {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
}

.activities__top {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  flex: 4;
}

.activities__img {
  background: var(--bg-section-dark);
  border-radius: 12px;
  height: 65px;
  min-width: 65px;
  padding: 15px;
  position: relative;
  width: 65px;
}

.activities__img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
  width: 100%;
}

.activities__img-icon {
  background: var(--bg-section-gray);
  border-radius: 7px;
  color: var(--text-color-gray);
  height: 25px;
  padding: 4px;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 25px;
}

.activities__img-icon svg {
  height: 100%;
  width: 100%;
}

.activies__info-block {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.activies__info-label {
  color: var(--text-color-gray-two);
  font-size: 14px;
}

.activies__info-value {
  font-family: var(--fontfamily-primary);
  font-weight: 600;
  font-size: 1.125rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

.activies__info-value span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.activies__info-value--icon {
  width: 21px;
  height: 21px;
  margin-top: -3px;
}

.activies__info-value--icon .symbol__icons {
  width: 20px !important;
  height: 20px !important;
}

.activies__info-value--icon img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.activities__bot {
  flex: 4;
  display: flex;
  justify-content: flex-end;
}

.section__header {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  gap: 10px;
}

.section__header-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}

.section__header-icon-reduced-size {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
}

.section__header-icon-add-size {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
}

.section__header-icon svg {
  width: 100%;
  height: 100%;
}

.section__header-icon--long {
  margin-top: 4px;
  width: 25px;
  height: 20px;
  min-width: 25px;
  min-height: 20px;
}

.section__desc {
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}

.section__desc p {
  color: var(--text-color-gray-light);
  font-size: 0.875rem;
}

.section__content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: 20px;
  position: relative;
}

.section__table {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.refferal-link-block {
  gap: 15px;
}

.activities-progress {
  position: relative;
}

.activities-progress-line {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 25px;
  height: 100%;
  justify-content: center;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.progress-line {
  background: #181928;
  height: 20px;
  position: relative;
  transition: 0.2s;
  width: 99%;
}

.progress-line-width {
  background: var(--text-color-process);
  border-radius: 6px;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.65s ease-out;
}

.activities-progress-bar {
  position: relative;
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: repeat(auto-fit, minmax(25px, 1fr));
  gap: 20px 15px;
  width: 100%;
  justify-items: center;
  justify-content: center;
  align-content: space-between;
  align-items: center;
}

.activities-lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.progress-step {
  align-items: center;
  display: flex;
  position: relative;
  animation-timing-function: linear;
  height: 40px;
  justify-content: center;
  transition: 0.15s;
  width: 40px;
}

.progress-step:before {
  content: "";
  box-shadow: 19px 5px 30px 10px #ffb43996;
  opacity: 0;
  transition: inherit;
}

.progress-step.active:before {
  opacity: 1;
}

.progress-step-prize {
  position: absolute;
  top: 1px;
  right: -4px;
  width: 20px !important;
  height: 20px !important;
}

.progress-step-prize .symbol__icons {
  width: 100% !important;
  height: 100% !important;
}

.progress-step-prize img {
  width: 100%;
  height: 100%;
}

.progress-hr {
  height: 10px;
  width: 100%;
}

.progress-step svg {
  height: 100%;
  transition: inherit;
  width: 100%;
}

.progress-step span {
  position: absolute;
  bottom: 0;
  top: 6px;
  right: 0;
  left: 0;
  margin: auto;
  color: #fff;
  display: flex;
  height: -moz-max-content;
  height: max-content;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
  transition: inherit;
}

.progress-step.active svg {
  transition-delay: inherit;
}

.balance__block-top {
  align-content: center;
  align-items: center;
  display: flex;
  gap: 5px;
}

.balance__top-name {
  font-size: 12px;
  text-transform: uppercase;
}

.balance__top-icon {
  align-items: center;
  display: flex;
  height: 18px;
  justify-content: center;
  width: 18px;
}

.balance__top-icon svg {
  height: 16px;
  width: 16px;
}

.balance__block-bottom {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.balance__bottom-value {
  font-size: 14px;
}

.balance__bottom-convert {
  color: var(--text-color-gray);
  font-size: 12px;
}

.mining__info {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 25px;
}

@media (max-width: 380px) {
  .mining__info {
    flex-direction: column;
  }

  .mining__info-groupe {
    width: 100%;
    align-items: center;
  }
}

.mining__info-groupe {
  display: flex;
  gap: 10px;
  flex-direction: column;
  width: calc(50% - 10px);
}

.mining__groupe-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mining__groupe-header--icon {
  position: relative;
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.mining__groupe-header--icon:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 50%;
}

.mining__groupe-header--icon.first:before {
  box-shadow: 0px 0px 27px 20px rgba(116, 54, 255, 0.27);
}

.mining__groupe-header--icon.second:before {
  box-shadow: 0px 0px 27px 20px #ff55ff;
}

.mining__groupe-header--icon:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transform: rotate(30deg);
  animation: circleRotate 2s linear infinite;
}

.mining__groupe-header--icon.first:after {
  border: 2px solid #6445ff;
  border-top: 2px solid #1d1933;
}

.mining__groupe-header--icon.second:after {
  border: 2px solid #ff55ff;
  border-top: 2px solid #633382;
}

@keyframes circleRotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.mining__groupe-header--circle {
  position: absolute;
  width: 70px;
  height: 70px;
  transform: scaleY(-1);
}

.first .arc {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  clip-path: polygon(50% 50%, 100% 100%, 0% 100%);
  animation: arcFirstColorChange 4.5s infinite;
  border: 3px solid #1d1933;
}

.first .arc-1 {
  animation-delay: 0s;
  transform: rotate(0deg);
}

.first .arc-2 {
  animation-delay: 1.5s;
  transform: rotate(120deg);
}

.first .arc-3 {
  animation-delay: 3s;
  transform: rotate(240deg);
}

.first .ball {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #1d1933;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: ballFirstColorChange 4.5s infinite;
}

.first .ball-1 {
  left: 50%;
  animation-delay: 0.75s;
}

.first .ball-2 {
  top: 74%;
  left: 8%;
  animation-delay: 2.25s;
}

.first .ball-3 {
  top: 74%;
  left: 92%;
  animation-delay: 3.75s;
}

@keyframes arcFirstColorChange {

  0%,
  30% {
    border-color: #1d1933;
  }

  15%,
  45% {
    border-color: #6445ff;
  }

  60%,
  100% {
    border-color: #1d1933;
  }
}

@keyframes ballFirstColorChange {

  0%,
  30% {
    background: #1d1933;
  }

  15%,
  45% {
    background: #fff;
  }

  60%,
  100% {
    background: #1d1933;
  }
}

.second .arc {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  clip-path: polygon(50% 50%, 100% 100%, 0% 100%);
  animation: arcSecondColorChange 4.5s infinite;
  border: 3px solid #321e48;
}

.second .arc-1 {
  animation-delay: 0s;
  transform: rotate(0deg);
}

.second .arc-2 {
  animation-delay: 1.5s;
  transform: rotate(120deg);
}

.second .arc-3 {
  animation-delay: 3s;
  transform: rotate(240deg);
}

.second .ball {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #321e48;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: ballSecondColorChange 4.5s infinite;
}

.second .ball-1 {
  left: 50%;
  animation-delay: 0.75s;
}

.second .ball-2 {
  top: 74%;
  left: 8%;
  animation-delay: 2.25s;
}

.second .ball-3 {
  top: 74%;
  left: 92%;
  animation-delay: 3.75s;
}

@keyframes arcSecondColorChange {

  0%,
  30% {
    border-color: #321e48;
  }

  15%,
  45% {
    border-color: #fb45ff;
  }

  60%,
  100% {
    border-color: #321e48;
  }
}

@keyframes ballSecondColorChange {

  0%,
  30% {
    background: #321e48;
  }

  15%,
  45% {
    background: #fff;
  }

  60%,
  100% {
    background: #321e48;
  }
}

.mining__groupe-header--icon svg {
  width: 100%;
  height: 100%;
  z-index: 1;
}

.mining__groupe-content {
  position: relative;
  display: flex;
  gap: 15px;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px 20px;
  border-radius: 22px;
}

@media (max-width: 380px) {
  .mining__groupe-content {
    width: 200px;
  }
}

.mining__groupe-content--background {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
}

.mining__groupe-content--background svg {
  width: 100%;
  height: 100%;
}

.mining__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 70px;
}

.mining__content-block--power {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  z-index: 1;
}

.mining__content-block--count {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  z-index: 1;
}

.mining__content-block {
  align-items: center;
  background: var(--bg-section-gray);
  border-radius: 16px;
  display: flex;
  gap: 10px;
  padding: 15px 10px;
  width: 100%;
}

.mining__content-left {
  align-items: center;
  display: flex;
  justify-content: center;
}

.mining__content-left svg {
  height: 30px;
  width: 30px;
}

.mining__content-left img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.mining__content-right {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-transform: uppercase;
}

.mining__content-label {
  color: var(--text-color-white);
  font-size: 0.875rem;
}

.mining__content-value {
  font-size: 1.025rem;
  font-weight: 600;
}

.leaderboard {
  display: flex;
  gap: 10px;
  margin: 0 -15px;
  overflow-x: scroll;
  padding: 0 15px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}

.leaderboard__block {
  background: rgba(25, 21, 54, 0.22);
  border-radius: 22px;
  display: flex;
  gap: 10px;
  min-height: 155px;
  min-width: 135px;
  overflow: hidden;
  padding: 20px 10px;
  position: relative;
  scroll-snap-align: center;
  flex-direction: column;
}

.leaderboard__block:nth-child(1):after {
  border-radius: 100%;
  box-shadow: -25px -70px 67px 28px rgb(251 69 255 / 39%), 43px -35px 65px 31px #7546f4;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  bottom: -10px;
  left: 20%;
  z-index: 1;
}

.leaderboard__block:nth-child(2):after {
  content: "";
  position: absolute;
  bottom: 33px;
  right: 28px;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  filter: blur(10px);
  background: rgb(110, 57, 255);
  mix-blend-mode: plus-lighter;
  z-index: 0;
}

.leaderboard__block:nth-child(3):after {
  content: "";
  position: absolute;
  top: 46px;
  left: 18px;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  filter: blur(8px);
  background: rgb(110, 57, 255);
  mix-blend-mode: plus-lighter;
  z-index: 0;
}

.leaderboard__block:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #ffffff 1px, transparent 0), linear-gradient(180deg, #ffffff 1px, transparent 0);
  background-size: 10px 10px;
  mix-blend-mode: soft-light;
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  -webkit-mask: radial-gradient(circle at 30% 60%, #ffffff 0%, transparent 50%);
  mask: radial-gradient(circle at 30% 60%, #ffffff 0%, transparent 50%);
}

.leaderboard__block-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
  align-content: center;
}

.leaderboard__block-center--image {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 0;
  left: 0;
  right: 0;
}

.leaderboard__block-center--image img {
  width: 100%;
  height: 100%;
}

.leaderboard__block-label--text {
  font-size: 0.925rem;
  font-weight: 400;
  z-index: 1;
}

.leaderboard__block-label--icon {
  width: 11px;
  height: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.leaderboard__block-label--icon svg {
  width: 100%;
  height: 100%;
}

.leaderboard__block-img--ton {
  position: absolute;
  padding: 6px;
  border-radius: 50%;
  background: linear-gradient(180deg, rgb(6, 8, 19), rgb(14, 19, 40) 100%);
  box-shadow: inset -30px -35px 44px 3px rgba(255, 255, 255, 0.01);
  transform: skew(-71deg, 56deg) rotate(-27deg);
  bottom: 0;
  left: 40%;
  z-index: 2;
}

.leaderboard__block-img--ton .symbol__icons {
  width: 32px;
  height: 32px;
  padding: 2px !important;
}

.leaderboard__block-icons--list {
  z-index: 4;
}

.leaderboard__block-icons--item {
  position: absolute;
}

.leaderboard__block-icons--item:nth-child(1) {
  top: 70px;
  left: 20%;
}

.leaderboard__block-icons--item:nth-child(1) .symbol__icons {
  width: 23px;
  height: 23px;
  transform: skew(-8deg, -10deg) rotate3d(1, 0, 1, 351deg);
}

.leaderboard__block-icons--item:nth-child(2) {
  right: 22%;
  top: 60px;
}

.leaderboard__block-icons--item:nth-child(2) .symbol__icons {
  transform: skew(-30deg, 21deg) rotate3d(1, 0, 1, 60deg);
  filter: blur(2px);
  width: 23px;
  height: 23px;
  padding: 5px !important;
}

.leaderboard__block-icons--item:nth-child(3) {
  left: 41%;
  top: 80px;
}

.leaderboard__block-icons--item:nth-child(3) .symbol__icons {
  transform: skew(42deg, -35deg) rotate3d(1, 0, 1, -60deg);
  filter: blur(2px);
  width: 26px;
  height: 24px;
  padding: 5px !important;
}

.leaderboard__block-icons--item .symbol__icons {
  width: 32px;
  height: 32px;
  padding: 5px !important;
}

.leaderboard__block-icon {
  height: 80%;
  position: absolute;
  width: calc(100% - 10px);
  bottom: -20px;
  transform: translateX(-50%);
  left: 50%;
  z-index: 0;
}

.coinflip-profit-element {
  right: 0;
  bottom: 49px;
}

.leaderboard__profit-element {
  position: absolute;
  padding: 3px 5px;
  border-radius: 20px;
  background: var(--bg-primary-white);
  color: var(--text-color-black);
  font-size: 0.825rem;
  z-index: 2;
}

.income-profit-element-first {
  right: 0;
  top: 75px;
  z-index: 1;
}

.income-profit-element-second {
  left: 10px;
  bottom: 15px;
  z-index: 1;
}

.leaderboard__block-icon img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
  position: absolute;
  width: 100%;
}

.mining__total {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 40px 0;
  align-items: center;
}

.mining__total:before {
  content: "";
  position: absolute;
  filter: blur(6.6px);
  width: 150px;
  height: 150px;
  background: rgb(110, 57, 255);
  border-radius: 50%;
  animation: colorShiftMain 6s infinite ease-in-out, subtlePulse 9s infinite ease-in-out;
}

.mining__total-text {
  z-index: 1;
}

.mining__total-text h3 {
  font-size: 0.725rem;
  font-weight: 400;
}

.mining__total-amount {
  display: flex;
  font-weight: 500;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}

.mining__total-value {
  padding: 6px;
  background: rgba(0, 0, 0, 0.25);
  font-size: 1.225rem;
  border-radius: 6px;
}

.mining__total-amount span {
  background: #000;
  padding: 5px 7px;
  border-radius: 8px;
  font-size: 0.925rem;
  margin-top: -5px;
}

.mining__total-gradient--circles {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.mining__total-gradient--circles div {
  border-radius: 50%;
  position: absolute;
  animation: subtlePulse 12s infinite ease-in-out;
}

.mining__total-gradient--circles div:nth-child(1) {
  filter: blur(10.9px);
  background: rgb(100, 69, 255);
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  animation: colorShift1 18s infinite ease-in-out, subtlePulse 10s infinite ease-in-out, complexOrbit1 14s infinite ease-in-out;
  animation-delay: 0.5s;
}

.mining__total-gradient--circles div:nth-child(2) {
  filter: blur(10.9px);
  background: #e95aff;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  animation: colorShift2 15s infinite ease-in-out, subtlePulse 8s infinite ease-in-out, complexOrbit2 10s infinite ease-in-out;
  animation-delay: 1s;
}

.mining__total-gradient--circles div:nth-child(3) {
  filter: blur(10.9px);
  background: #d17eff;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  animation: colorShift3 20s infinite ease-in-out, subtlePulse 11s infinite ease-in-out, complexOrbit3 17s infinite ease-in-out;
  animation-delay: 1.5s;
}

.mining__total-gradient--circles div:nth-child(4) {
  width: 80px;
  height: 80px;
  filter: blur(10.9px);
  background: #ff82ff;
  transform: translate(-50%, -50%);
  animation: colorShift4 16s infinite ease-in-out, subtlePulse 7s infinite ease-in-out, complexOrbit4 13s infinite ease-in-out;
  animation-delay: 2s;
}

mining__total-gradient--circles div:nth-child(5) {
  filter: blur(10.9px);
  background: #8a2be2;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  animation: colorShift5 17s infinite ease-in-out, subtlePulse 9s infinite ease-in-out, complexOrbit5 15s infinite ease-in-out;
  animation-delay: 2.5s;
}

.mining__total-gradient--circles div:nth-child(6) {
  filter: blur(10.9px);
  background: #9370db;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  animation: colorShift6 19s infinite ease-in-out, subtlePulse 10s infinite ease-in-out, complexOrbit6 18s infinite ease-in-out;
  animation-delay: 3s;
}

.mining__total-gradient--circles div:nth-child(7) {
  filter: blur(10.9px);
  background: #ba55d3;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  animation: colorShift7 18s infinite ease-in-out, subtlePulse 8s infinite ease-in-out, circularOrbit 18s infinite linear;
  animation-delay: 3.5s;
}

@keyframes colorShiftMain {
  0% {
    background: rgb(110, 57, 255);
  }

  25% {
    background: #d17eff;
  }

  50% {
    background: #e95aff;
  }

  75% {
    background: #ff82ff;
  }

  100% {
    background: rgb(110, 57, 255);
  }
}

@keyframes colorShift1 {
  0% {
    background: rgb(100, 69, 255);
  }

  30% {
    background: #ff82ff;
  }

  60% {
    background: #e95aff;
  }

  90% {
    background: rgb(100, 69, 255);
  }
}

@keyframes colorShift2 {
  0% {
    background: #e95aff;
  }

  35% {
    background: rgb(110, 57, 255);
  }

  70% {
    background: #d17eff;
  }

  100% {
    background: #e95aff;
  }
}

@keyframes colorShift3 {
  0% {
    background: #d17eff;
  }

  40% {
    background: #e95aff;
  }

  80% {
    background: rgb(100, 69, 255);
  }

  100% {
    background: #d17eff;
  }
}

@keyframes colorShift4 {
  0% {
    background: #ff82ff;
  }

  25% {
    background: rgb(110, 57, 255);
  }

  50% {
    background: #d17eff;
  }

  75% {
    background: #e95aff;
  }

  100% {
    background: #ff82ff;
  }
}

@keyframes colorShift5 {
  0% {
    background: #8a2be2;
  }

  30% {
    background: #ff82ff;
  }

  60% {
    background: #9370db;
  }

  90% {
    background: #8a2be2;
  }
}

@keyframes colorShift6 {
  0% {
    background: #9370db;
  }

  35% {
    background: #ba55d3;
  }

  70% {
    background: #8a2be2;
  }

  100% {
    background: #9370db;
  }
}

@keyframes colorShift7 {
  0% {
    background: #ff82ff;
  }

  25% {
    background: rgb(110, 57, 255);
  }

  50% {
    background: #d17eff;
  }

  75% {
    background: #e95aff;
  }

  100% {
    background: #ff82ff;
  }
}

@keyframes subtlePulse {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.03);
  }
}

@keyframes complexOrbit1 {

  0%,
  100% {
    transform: translate(-40px, -40px);
  }

  25% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(40px, 40px);
  }

  75% {
    transform: translate(0, 0);
  }
}

@keyframes complexOrbit2 {

  0%,
  100% {
    transform: translate(40px, -40px);
  }

  25% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(-40px, 40px);
  }

  75% {
    transform: translate(0, 0);
  }
}

@keyframes complexOrbit3 {

  0%,
  100% {
    transform: translate(-40px, 40px);
  }

  25% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(40px, -40px);
  }

  75% {
    transform: translate(0, 0);
  }
}

@keyframes complexOrbit4 {

  0%,
  100% {
    transform: translate(40px, 40px);
  }

  25% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(-40px, -40px);
  }

  75% {
    transform: translate(0, 0);
  }
}

@keyframes complexOrbit5 {

  0%,
  100% {
    transform: translate(-60px, 0);
  }

  25% {
    transform: translate(0, -40px);
  }

  50% {
    transform: translate(60px, 0);
  }

  75% {
    transform: translate(0, 40px);
  }
}

@keyframes complexOrbit6 {

  0%,
  100% {
    transform: translate(60px, 0);
  }

  25% {
    transform: translate(0, -40px);
  }

  50% {
    transform: translate(-60px, 0);
  }

  75% {
    transform: translate(0, 40px);
  }
}

@keyframes circularOrbit {
  0% {
    transform: translate(0px, 0) rotate(0deg) translateX(60px) rotate(0deg);
  }

  100% {
    transform: translate(0px, 0) rotate(360deg) translateX(60px) rotate(-360deg);
  }
}

.stats__block {
  align-items: stretch;
  display: grid;
  flex-wrap: wrap;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}

.stats__item {
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 17px 15px;
  position: relative;
}

.stats__item.full {
  grid-column: 1/3;
}

.stats__item-row {
  background: transparent;
  display: flex;
}

.stats__item-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.stats__item .stats__item-value {
  color: var(--text-color-white);
  font-size: 1.475rem;
  font-weight: 500;
  order: 1;
}

.stats__item .stats__item-text {
  color: var(--text-color-gray);
  font-size: 12px;
  margin: 0;
  padding: 0;
  order: 2;
}

.stats__item-count {
  align-items: center;
  color: var(--text-color-success);
  display: flex;
  gap: 5px;
  padding: 15px 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.stats__count-text {
  font-size: 12px;
  font-weight: 600;
}

.stats__count-icon {
  width: 15px;
  height: 15px;
}

.stats__count-icon svg {
  fill: var(--text-color-success);
  height: 100%;
  width: 100%;
}

.stats__img {
  align-items: center;
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 32px;
  justify-content: center;
  min-height: 32px;
  min-width: 32px;
  width: 32px;
  align-items: center;
}

.stats__img--people {
  background: rgb(100, 69, 255);
}

.stats__img--hash {
  background: rgb(94, 187, 47);
}

.stats__img--count {
  background: rgb(241, 143, 38);
}

.stats__img svg {
  height: 17px;
  width: 17px;
}

.stats__img--links {
  background: #5ebb2f;
}

.stats__img--profit {
  background: #d92e4e;
}

.stats__img--1lvl {
  background: #6445ff;
}

.stats__img--2lvl {
  background: #f18f26;
}

.stats__img--3lvl {
  background: #fb45ff;
}

.stats__img img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.last__payout {
  align-content: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}

.last__payout-block {
  align-items: center;
  background: var(--bg-section-gray);
  border-radius: 16px;
  display: flex;
  flex: calc(50% - 10px);
  gap: 10px;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 10px;
  width: calc(50% - 10px);
}

.last__payout-left {
  height: 35px;
  width: 35px;
}

.last__payout-left img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.last__payout-right {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-transform: uppercase;
}

.last__payout-name {
  color: var(--text-color-gray);
  font-size: 12px;
  font-weight: 500;
}

.last__payout-amount {
  background: var(--bg-color-success);
  border-radius: 12px;
  font-size: 14px;
  padding: 5px 8px;
}

.page__label {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  position: relative;
}

.page__label h2 {
  font-size: 2.425rem;
}

.diamond-gradient {
  background: linear-gradient(60deg, #999999 0%, #ffffff 70%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 40px;
  font-weight: 500;
}

.page__label-buttons {
  margin-left: auto;
}

.page__content {
  gap: 20px;
  margin-top: 25px;
  position: relative;
}

.page__content,
.partners__banner {
  display: flex;
  flex-direction: column;
}

.partners__banner {
  display: flex;
  background: linear-gradient(125.06deg, rgb(117, 70, 244) 36.998%, rgb(93, 62, 185) 84.285%);
  border: none;
  border-radius: 20px;
  justify-content: space-between;
  min-height: 100px;
  overflow: hidden;
  padding: 20px 15px;
  position: relative;
  flex-direction: column;
  gap: 15px;
}

.partners__banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #fff 1px, transparent 0), linear-gradient(180deg, #fff 1px, transparent 0);
  background-size: 16px 16px;
  mix-blend-mode: overlay;
  opacity: 0.4;
  pointer-events: none;
  z-index: 1;
  -webkit-mask: radial-gradient(circle at 80% 0%, white 5%, white 5%, transparent 50%);
  mask: radial-gradient(circle at 80% 0%, white 5%, white 5%, transparent 50%);
}

.partners__banner-label {
  font-size: 1rem;
  text-align: left;
  width: 60%;
  font-weight: 500;
}

.partners__banner-button,
.partners__banner-button a {
  align-items: center;
  display: flex;
  gap: 10px;
  padding: 13px 15px;
  background: var(--btn-dark-bg);
  width: -moz-max-content;
  width: max-content;
  border-radius: 20px;
}

.partners__banner-button a {
  font-weight: 400;
  width: -moz-max-content;
  width: max-content;
}

.partners__banner-button a svg {
  height: 12px;
  width: 6px;
}

.partners__banner-image {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  margin: auto;
  position: absolute;
  right: 5%;
  top: 0;
  width: 40%;
  max-width: 150px;
  max-height: 140px;
}

.partners__banner-image::before {
  position: absolute;
  bottom: 30px;
  border-radius: 100%;
  box-shadow: -13px -92px 35px 45px rgb(93 137 255 / 65%), 34px -81px 37px 45px rgb(67 3 110 / 65%);
  content: "";
  height: 0;
  width: 0;
  mix-blend-mode: color-dodge;
}

.partners__banner-image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  z-index: 2;
}

.partners__banner-image--item {
  position: absolute;
  z-index: 1;
  border-radius: 50%;
}

.partners__banner-image--item img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.partners__banner-image--item:nth-child(1) {
  width: 36px;
  height: 36px;
  right: 0;
  top: 0;
  top: 15px;
  filter: blur(1px);
}

.partners__banner-image--item:nth-child(2) {
  width: 75px;
  height: 75px;
}

.partners__banner-image--item:nth-child(3) {
  width: 26px;
  height: 26px;
  left: 10px;
  bottom: 17px;
}

.partners__banner-image--item:nth-child(4) {
  left: 5px;
  top: 5px;
  width: 40px;
  height: 40px;
  filter: blur(1px);
}

.partners__banner-image--item:nth-child(5) {
  width: 25px;
  height: 25px;
  right: 0;
  bottom: 24px;
}

.reward__table {
  background: var(--bg-section-dark);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px 25px;
}

.reward__table-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.reward__table-left {
  font-size: 14px;
  font-weight: 600;
}

.reward__table-right {
  align-items: center;
  display: flex;
  gap: 7px;
  justify-content: center;
}

.reward__table-right img {
  height: 15px;
  width: 15px;
}

.market__balance {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  margin-top: 20px;
  position: relative;
}

.market__balance-background {
  position: absolute;
  right: 15px;
  bottom: 50px;
  opacity: 1;
  height: 100%;
}

.market__balance-background img {
  opacity: 1;
  mix-blend-mode: lighten;
  -webkit-mask: radial-gradient(circle at 80% 40%, white 0%, white 30%, transparent 100%);
  mask: radial-gradient(circle at 80% 40%, white 0%, white 30%, transparent 100%);
  height: 100%;
  max-width: 100%;
}

.market__balance-background--shadow {
  position: absolute;
  bottom: 33%;
  right: 10px;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  filter: blur(21px);
  background: #6e39ff;
  mix-blend-mode: plus-lighter;
}

.market__balance-background--shadow:before {
  content: "";
  position: absolute;
  bottom: 14px;
  right: 18px;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  filter: blur(2px);
  background: rgb(255 255 255 / 50%);
  mix-blend-mode: plus-lighter;
}

.market__balance-background--shadow:after {
  content: "";
  position: absolute;
  bottom: 30px;
  right: 65px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  filter: blur(33px);
  background: #6445ff;
  mix-blend-mode: plus-lighter;
  opacity: 0.9;
}

.market__balance-left {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 50%;
  justify-content: space-between;
}

.market__balance-right {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.market__balance-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.market__balance-info--block {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: rgb(19, 15, 43);
  padding: 15px;
  border-radius: 20px;
}

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

.market__balance-block--btn {
  display: flex;
  align-items: center;
  padding: 6px 5px;
  border: none;
  background: var(--bg-color-cobalt-light);
  gap: 2px;
  border-radius: 12px;
}

.market__balance-block--btn span {
  color: #555176;
  font-size: 0.775rem;
}

.market__balance-block--icon {
  width: 15px;
  height: 15px;
  margin-top: 0px;
  color: #555176;
}

.market__balance-block--currency {
  display: flex;
  align-items: center;
  gap: 8px;
}

.market__balance-block--currency img {
  width: 25px;
  height: 25px;
}

.market__balance-block--currency span {
  font-size: 0.925rem;
}

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

.market__balance-inventory--preview {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 12px 13px;
  border-radius: 20px;
  border: none;
  gap: 7px;
  background: linear-gradient(125.06deg, rgb(117, 70, 244) 36.785%, rgb(93, 62, 185) 82.834%);
  align-items: flex-start;
}

.market__balance-inventory--preview:before {
  border-radius: 100%;
  left: 50%;
  top: -5px;
  box-shadow: 0px 0px 55px 55px RGB(163, 118, 255);
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}

.market__inventory-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  z-index: 1;
}

.market__inventory-header--name {
  font-size: 1rem;
}

.market__inventory-header--icon {
  width: 8px;
  height: 11px;
}

.market__inventory-header--icon svg {
  width: 100%;
  height: 100%;
}

.market__inventory-images {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  gap: 5px;
  z-index: 1;
}

.market__inventory-images div {
  background: #5f40bf;
  border-radius: 20%;
  overflow: hidden;
}

.market__inventory-images div img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  right: -15%;
  top: 0px;
}

.market__inventory-images div img.miners {
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.market__inventory-images div:nth-child(1) {
  position: relative;
  width: 55px;
  height: 55px;
}

.market__inventory-images div:nth-child(2) {
  width: 40px;
  height: 40px;
}

.market__inventory-images div:nth-child(3) {
  width: 30px;
  height: 30px;
}

.market__balance-header--name {
  align-content: center;
  align-items: center;
  display: flex;
  gap: 5px;
}

.market__balance-header--name svg {
  color: var(--text-color-white);
  height: 15px;
  width: 15px;
}

.market__balance-header--name span {
  font-size: 0.925rem;
}

.market__balance-header--buttons a {
  align-items: center;
  background: var(--bg-page-second);
  border-radius: 10px;
  display: flex;
  gap: 3px;
  justify-content: center;
  padding: 6px 10px;
}

.market__balance-header--buttons a svg {
  color: var(--text-color-white);
  height: 15px;
  width: 15px;
}

.market__balance-content {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.market__balance-value {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-wrap: wrap;
}

.market__balance-value img {
  height: 17px;
  width: 17px;
}

.market__balance-value span {
  font-size: 1.475rem;
  font-weight: 600;
  text-overflow: ellipsis;
  max-width: 95%;
  overflow: hidden;
}

.market__balance-convert {
  color: var(--text-color-gray);
  font-size: 0.775rem;
  margin-top: -3px;
}

.market__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.market__list.boosters .market__card {
  width: 100%;
  gap: 20px;
}

.market__list.boosters .market__card-name {
  width: 50%;
}

@media (max-width: 370px) {
  .market__list.boosters .market__card-name {
    width: 100%;
  }
}

.market__list.boosters .market__card-name h3 {
  width: 100%;
  line-height: 26.3px;
}

.market__list-empty {
  align-items: center;
  border-radius: 20px;
  color: var(--text-color-gray);
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 20px 15px;
  width: 100%;
}

.market__list-empty--icon {
  height: 40px;
  width: 40px;
  padding: 10px;
  border-radius: 9px;
  background: var(--bg-secondary-item);
}

.market__list-empty--icon svg {
  height: 100%;
  width: 100%;
}

.market__list-empty--label {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.market__list-empty--label h2 {
  font-size: 1.575rem;
}

.market__list-empty--desc {
  text-align: center;
  font-size: 0.775rem;
  font-weight: 400;
  color: var(--text-color-gray-dark);
}

.market__card {
  background: radial-gradient(276% 131% at 50% -8%, rgb(19, 15, 43), rgb(11, 7, 29) 65.658%, rgb(51, 33, 131) 100%);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 20px 13px 15px;
  gap: 10px;
  align-items: flex-start;
  width: calc(50% - 10px);
  min-width: 155px;
  flex: 1 1 auto;
}

.market__card-header {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 15px;
}

.market__card-image {
  position: relative;
  padding: 5px;
  border-radius: 24%;
  background: #131025;
  box-shadow: inset 0px 0px 23px -15px rgb(87 84 123 / 49%);
  width: 75px;
  height: 75px;
  min-width: 75px;
  min-height: 75px;
  overflow: hidden;
}

.market__card-image.boosters {
  background: none;
  box-shadow: none;
  padding: 0;
  width: 65px;
  height: 65px;
  min-width: 65px;
  min-height: 65px;
}

.market__card-image.boosters img {
  position: relative;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.market__card-image img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: contain;
  width: 90%;
  height: 90%;
  bottom: -2px;
  right: -6px;
}

.market__card-image.miners img {
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.market__card-image-background {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  filter: blur(2px);
}

.market__card-limit {
  position: absolute;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(153, 153, 153, 0.08));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  color: var(--text-color-gray);
  font-size: 1.525rem;
  font-weight: 600;
  letter-spacing: -1.8px;
  line-height: 1.3rem;
  right: 0px;
  text-align: right;
}

.market__card-timer {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  gap: 5px;
  color: var(--text-color-white);
  background: var(--bg-primary);
  box-shadow: 0px 0px 9px -1px #0000003b;
  overflow: hidden;
  padding: 5px 12px;
  border-radius: 10px;
  font-size: 0.825rem;
  z-index: 1;
}

.market__card-timer:before {
  border-radius: 100%;
  box-shadow: 0px 0px 34px 0px #ffebff, 0px 0px 16px 10px #e290ff;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  left: 0;
  top: 0;
}

.market__card-timer:after {
  border-radius: 100%;
  box-shadow: 0px 0px 34px 0px #ffebff, 0px 0px 16px 10px #e290ff;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  right: 0;
  bottom: 0;
}

.market__card-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  z-index: 2;
  width: 100%;
}

.market__card-name {
  text-overflow: ellipsis;
  width: 100%;
}

.market__card-info--icon {
  position: absolute;
  right: 0;
  color: #3d3570;
  width: 18px;
  height: 18px;
  z-index: 2;
}

.market__card-info--icon svg {
  width: 100%;
  height: 100%;
}

.market__card-name h3 {
  line-height: 1.425rem;
  font-size: 1.125rem;
}

.market__card-desc {}

.market__card-desc p {
  font-size: 0.775rem;
  font-weight: 300;
  line-height: 1.075rem;
}

.market__card-stock {
  color: #8e8aa3;
  font-size: 0.875rem;
  font-weight: 300;
  text-align: center;
  margin-top: 0px;
}

.market__card-stock span {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 300;
}

.market__card-line {
  display: flex;
  gap: 6px;
  align-items: center;
  /* width: max-content; */
}

.market__card-line--img {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.market__card-line--img .symbol__icons {
  width: 100%;
  height: 100%;
}

.market__card-line--img img {
  width: 100%;
  height: 100%;
}

.market__card-line--info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.market__card-line--title {
  color: var(--text-color-gray);
  font-size: 0.725rem;
}

.market__card-line--value {
  gap: 3px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-end;
  align-content: center;
}

.market__card-item--price .market__card-value--first {
  align-items: flex-end;
}

.market__card-item--price .market__card-value--second {
  color: var(--text-color-gray-light);
  margin-bottom: 4px;
  font-weight: 300;
}

.market__card-item--price .market__card-value--first .symbol__icons {
  order: 2;
  width: 21px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: 6px;
}

.market__card-item--price .market__card-value--first .symbol__icons img {}

.market__card-item--price .market__card-value--first span {
  font-size: 1.625rem;
}

.market__card-value--first {
  gap: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.market__card-value--first span {
  font-size: 0.925rem;
  order: 1;
  font-weight: 500;
}

.market__card-value--first img {
  height: 100%;
  width: 100%;
  order: 2;
}

.market__card-value--first_icon {
  border-radius: 100%;
  height: 20px;
  padding: 2px;
  width: 20px;
  min-width: 20px;
  min-height: 20px;
}

.market__card-value--first_icon.green {
  background: var(--bg-color-success);
}

.market__card-value--first_icon.purple {
  background: #7e50f7;
}

.market__card-value--first_icon.orange {
  background: var(--bg-color-process);
}

.market__card-value--first_icon.gray {
  background: var(--bg-section-gray);
}

.market__card-value--first_icon svg {
  height: 100%;
  width: 100%;
}

.market__card-value--second {
  color: var(--text-color-gray);
  font-size: 0.725rem;
}

.market__card-presale {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  background: rgb(14 16 31 / 75%);
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  overflow: hidden;
}

.market__card-presale--bg {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60%;
  right: -15%;
  bottom: -10%;
}

.market__card-presale--bg svg {
  width: 100%;
  height: 100%;
  opacity: 0.08;
}

.market__card-presale--label {
  font-family: var(--fontfamily-primary);
  font-weight: 500;
  font-size: 1.325rem;
}

.market__card-presale--timer {
  background: var(--bg-primary-white);
  color: var(--text-color-black);
  border-radius: 10px;
  padding: 5px 8px;
  font-size: 1rem;
  font-weight: 500;
}

.market__card-presale--desc {
  font-size: 0.8rem;
  text-align: center;
  color: var(--text-color-gray);
}

.market__card-presale--btn {
  background: transparent;
  border: 1px solid;
  border-color: var(--bg-primary-white);
  border-radius: 8px;
  font-size: 0.825rem;
  font-weight: 300;
  padding: 5px 8px;
}

.market__card-booster--percent-container {
  display: flex;
  width: 65px;
  min-width: 65px;
  justify-content: center;
}

.market__card-info--booster {
  display: flex;
  gap: 15px;
  width: 100%;
  flex-direction: column;
}

.market__card-booster--desc {
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 13px 15px;
  border-radius: 20px;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  background: transparent;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #0804139c;
  transition: 0.3s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.market__card-booster--desc.active {
  opacity: 1;
  visibility: visible;
}

.market__card-booster--percent {
  background: #86eb641f;
  border: 1px solid #99ea71;
  color: #99ea71;
  padding: 3px 5px;
  border-radius: 5px;
  font-size: 0.775rem;
  margin: 0px 5px 0px;
  font-weight: 300;
}

.market__card-currency--list {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
}

.market__card-currency--item {
  display: flex;
  position: relative;
  flex-direction: column;
}

.market__card-currency--block {
  display: flex;
  align-items: flex-end;
  gap: 0px;
}

.market__card-currency--value {
  font-size: 1.525rem;
}

.market__card-currency--icon {
  margin-bottom: 0px;
}

.market__card-currency--icon .symbol__icons {
  width: 24px;
  height: 24px;
}

.market__card-currency--subdesc {
  position: absolute;
  top: -15px;
  text-transform: uppercase;
  font-size: 0.725rem;
  color: var(--text-color-gray-two);
  left: 0;
}

.market__card-currency--priceconvert {
  position: absolute;
  top: -15px;
  text-transform: uppercase;
  font-size: 0.775rem;
  color: var(--text-color-gray-two);
  right: 25px;
}

.leaderboard__top-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.leaderboard__top-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}

.leaderboard__top-header {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  overflow: hidden;
  justify-content: flex-end;
  z-index: 1;
}

.leaderboard__top-header--userinfo {
  display: flex;
  padding-left: 25px;
}

.leaderboard__top-header--image {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  width: 180px;
  height: 200px;
  max-height: 95px;
  right: 0;
}

.leaderboard__top-list .leaderboard__top-item:nth-child(1) .leaderboard__top-header .leaderboard__top-header--image {
  background-image: url(/img/ui/table/cup-1.png);
  filter: drop-shadow(0px 0px 40px RGB(255, 255, 146));
}

.leaderboard__top-list .leaderboard__top-item:nth-child(2) .leaderboard__top-header .leaderboard__top-header--image {
  background-image: url(/img/ui/table/cup-2.png);
  filter: drop-shadow(0px 0px 40px RGB(255, 255, 255));
}

.leaderboard__top-list .leaderboard__top-item:nth-child(3) .leaderboard__top-header .leaderboard__top-header--image {
  background-image: url(/img/ui/table/cup-3.png);
  filter: drop-shadow(0px 0px 40px RGB(236, 157, 77));
}

.leaderboard__top-list .leaderboard__top-item:nth-child(1) .leaderboard__top-header .leaderboard__top-header--boxshadow:before {
  box-shadow: -130px 30px 30px 15px rgba(242, 226, 137, 0.72), -50px 55px 16px 16px rgba(255, 151, 0, 1);
}

.leaderboard__top-list .leaderboard__top-item:nth-child(2) .leaderboard__top-header .leaderboard__top-header--boxshadow:before {
  box-shadow: -130px 30px 30px 10px rgba(255, 255, 255), -50px 40px 16px 16px rgba(255, 255, 255);
}

.leaderboard__top-list .leaderboard__top-item:nth-child(3) .leaderboard__top-header .leaderboard__top-header--boxshadow:before {
  box-shadow: -130px 30px 30px 15px rgb(135, 43, 0), -50px 40px 16px 16px rgb(255, 189, 122);
}

.leaderboard__top-header--boxshadow {
  position: absolute;
  width: 100%;
  height: 100%;
}

.leaderboard__top-header--boxshadow:before {
  position: absolute;
  content: "";
  border-radius: 50%;
  right: 0;
  mix-blend-mode: plus-lighter;
}

.leaderboard__top-image {
  bottom: 0;
  height: 80px;
  position: absolute;
  right: 0;
  width: 160px;
}

.leaderboard__top-image img {
  height: 100%;
  width: 100%;
}

.leaderboard__top-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  padding: 70px 20px 20px 20px;
  margin-top: -50px;
  background: #090420;
  border-radius: 30px;
}

.leaderboard__top-avatar {
  position: absolute;
  border-radius: 50%;
  left: 25px;
  height: 50px;
  width: 50px;
  overflow: hidden;
  z-index: 3;
}

.leaderboard__top-header--right {
  display: flex;
  position: relative;
  border-radius: 30px;
  align-items: center;
  background: #090420;
  overflow: hidden;
  width: calc(100% - 70px);
  justify-content: space-between;
  z-index: 2;
  min-height: 95px;
}

@media (max-width: 430px) {
  .leaderboard__top-header--right {
    width: calc(100% - 60px);
  }
}

.leaderboard__top-avatar-none {
  align-items: center;
  background: var(--bg-page-second);
  border-radius: inherit;
  display: flex;
  font-family: var(--fontfamily-primary);
  font-size: 2rem;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.leaderboard__top-avatar img {
  height: 100%;
  width: 100%;
}

.leaderboard__top-mining_info {
  display: flex;
  gap: 5px;
  justify-content: flex-end;
  position: absolute;
  right: 20px;
  top: 10px;
}

.leaderboard__top-mining_block {
  align-items: center;
  background: var(--bg-page-second);
  border-radius: 10px;
  display: flex;
  gap: 3px;
  padding: 0.25rem 0.5rem;
}

.leaderboard__top-mining_icon {
  display: flex;
}

.leaderboard__top-mining_icon svg {
  height: 14px;
  width: 14px;
}

.leaderboard__top-mining_value {
  color: var(--text-color-gray);
  font-size: 0.75rem;
}

.leaderboard__top-name {
  display: flex;
  gap: 1px;
  flex-direction: column;
  z-index: 1;
  background: none;
  border: none;
}

.leaderboard__top-name div {
  display: flex;
  gap: 8px;
  align-items: center;
}

.leaderboard__top-name--btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  background: transparent;
  border: none;
  color: var(--text-color-gray);
}

.leaderboard__top-name--btn svg {
  width: 100%;
  height: 100%;
}

.leaderboard__top-name h2 {
  font-size: 1.225rem;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 90px;
  white-space: nowrap;
}

.leaderboard__top-info {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.leaderboard__info-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.leaderboard__info-label {
  color: rgba(255, 255, 255, 0.31);
  font-size: 0.725rem;
  order: 2;
}

.leaderboard__info-value {
  align-items: center;
  display: flex;
  gap: 3px;
  order: 1;
}

.leaderboard__info-icon {
  display: flex;
  margin-top: 1px;
}

.leaderboard__info-icon svg {
  height: 16px;
  width: 16px;
}

.leaderboard__info-icon .symbol__icons {
  height: 18px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 18px;
}

.leaderboard__info-value--text {
  font-weight: 500;
  font-size: 1.125rem;
}

.leaderboard__info-value--text span {
  font-size: 0.675rem;
  color: var(--text-color-gray-two);
  font-weight: 300;
}

.leaderboard__card-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: 20px;
}

.leaderboard__card-item {
  display: flex;
  align-items: center;
  padding: 15px 18px;
  border-radius: 55px;
  border: 1px solid #1f1c3d;
  gap: 10px;
  justify-content: space-between;
  position: relative;
}

.leaderboard__card-item.first {
  background: #1b1549;
  border-color: #1b1549;
}

.leaderboard__card-item.second {
  background: #0e0b30;
  border-color: #0e0b30;
}

.leaderboard__card-item.third {
  background: #090727;
  border-color: #090727;
}

.leaderboard__card-item.plus {
  background: #010119;
  border-color: #3f3a663b;
  background-image: url('/img/ui/table/plus_mask.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.leaderboard__card-item.plus:before {
  content: '';
  position: absolute;
  width: 70%;
  height: 1px;
  background: linear-gradient(90deg, #8761F4 0%, transparent 30%, transparent 70%, #0098EA 100%);
  top: -1px;
  left: 0;
  right: 0;
  margin: auto;
}

.leaderboard__card-item.plus:after {
  content: '';
  position: absolute;
  width: 70%;
  height: 1px;
  background: linear-gradient(90deg, transparent 60%, #7546F4 60%, transparent 100%);
  bottom: -1px;
  left: 0;
  right: 0;
  margin: auto;
}

.leaderboard__card-item.sticky {
  position: sticky;
  bottom: 0px;
  top: 100px;
}

.leaderboard__card-item.pro {
  background-color: #1B0041;
  border-color: #3f3a663b;
  background-image: url('/img/ui/table/pro_mask.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.leaderboard__card-item.pro:before {
  content: '';
  position: absolute;
  width: 70%;
  height: 1px;
  background: linear-gradient(90deg, #7546F4 0%, transparent 30%, transparent 70%, #7546F4 100%);
  top: -1px;
  left: 0;
  right: 0;
  margin: auto;
}

.leaderboard__card-item.pro:after {
  content: '';
  position: absolute;
  width: 70%;
  height: 1px;
  background: linear-gradient(90deg, transparent 50%, #7546F4 50%, transparent 100%);
  bottom: -1px;
  left: 0;
  right: 0;
  margin: auto;
}

.leaderboard__card-hasuser {
  position: absolute;
  left: -5px;
  right: 0;
  top: -12px;
  margin: auto;
  width: -moz-max-content;
  width: max-content;
  background: var(--bg-primary);
  border-radius: 100px;
  color: var(--text-color-white);
  font-size: 0.825rem;
  font-weight: 500;
  font-family: var(--fontfamily-primary);
  padding: 4px 8px;
}

.leaderboard__card-user--info {
  display: flex;
  flex: 4;
  /* max-width: calc(50% - 7px); */
  align-items: center;
  gap: 5px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.leaderboard__card-user--info:after {
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: 15px;
  background: linear-gradient(270deg, #050017, transparent);
  display: none;
}

.leaderboard__card-rating--number {
  font-size: 0.875rem;
  font-weight: 300;
  padding-right: 5px;
  color: var(--text-color-white);
}

.leaderboard__card-user {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 70%;
}

.leaderboard__card-user--image {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
}

.leaderboard__card-user--image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.leaderboard__card-user--noimage {}

.leaderboard__card-user--name {
  display: flex;
  align-items: center;
  font-size: 0.825rem;
  gap: 2px;
  max-width: 100%;
}

.leaderboard__card-user--fullname {
  min-width: 0px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.leaderboard__card-user--prefix {
  font-size: 0.725rem;
}

.leaderboard__card-user--prefix.plus {
  background: transparent;
  border: 1px solid #fff;
  padding: 2px 6px;
  border-radius: 50px;
  font-style: italic;
  font-weight: 500;
  font-size: 0.725rem;
}

.leaderboard__card-user--prefix.pro {
  background: radial-gradient(#7e53f0, #7546f4);
  padding: 2px 6px;
  border-radius: 50px;
  font-style: italic;
  font-weight: 500;
  font-size: 0.725rem;
}

.leaderboard__card-info {
  display: flex;
  overflow: hidden;
  overflow-x: scroll;
  gap: 20px;
  align-items: center;
  scrollbar-width: none;
  max-width: calc(50% - 7px);
  width: -moz-min-content;
  width: min-content;
}

.leaderboard__card-info::-webkit-scrollbar {
  display: none;
}

.leaderboard__card-info--item {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.leaderboard__card-info--value {
  display: flex;
  gap: 3px;
  align-items: center;
}

.leaderboard__card-value--text {
  font-size: 0.925rem;
  font-weight: 500;
  text-wrap-mode: nowrap;
}

.leaderboard__card-value--text.blue {
  color: #00c3ff;
}

.leaderboard__card-value--text.green {
  color: #79f13e;
}

.leaderboard__card-value--text.orange {
  color: #FFC155
}

.leaderboard__card-value--textmini {
  font-size: 0.675rem;
  font-weight: 300;
  text-wrap-mode: nowrap;
  color: var(--text-color-gray-two);
}

.leaderboard__card-info--label {
  color: var(--text-color-white);
  font-size: 0.725rem;
  font-weight: 400;
  text-wrap-mode: nowrap;
}

.leaderboard__card-value--icon-img {
  display: flex;
  width: 25px;
  height: 25px;
  padding: 3px;
  border-radius: 100%;
  background: #090727;
}

.leaderboard__card-value--icon-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.leaderboard__card-value--icon {
  display: flex;
}

.leaderboard__card-value--icon .symbol__icons {
  width: 16px;
  height: 16px;
}

.tasks__item,
.tasks__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tasks__item {
  border-radius: 20px;
  padding: 17px 15px;
  position: relative;
  background: #080016;
}

.tasks__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 1px;
  background: linear-gradient(180deg, #252042 0%, #15122b 100%);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

.tasks__item-main {
  gap: 10px;
}

.tasks__item-icon,
.tasks__item-main {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tasks__item-main-left {
  display: flex;
  gap: 10px;
  flex: 1;
}

.tasks__item-icons .symbol__icons {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  min-width: 40px;
  min-height: 40px;
}

.tasks__item-main-right {
  display: flex;
  flex: 4;
  width: -moz-max-content;
  width: max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 auto;
}

.tasks__item-icon {
  border-radius: 100%;
  height: 40px;
  max-height: 40px;
  max-width: 40px;
  min-height: 40px;
  min-width: 40px;
  padding: 10px;
  width: 40px;
}

.tasks__item:nth-child(5n + 1) .tasks__item-icon {
  background: #6544ff;
}

.tasks__item:nth-child(5n + 2) .tasks__item-icon {
  background: #7cd154;
}

.tasks__item:nth-child(5n + 3) .tasks__item-icon {
  background: #d82f4e;
}

.tasks__item:nth-child(5n + 4) .tasks__item-icon {
  background: #f18f26;
}

.tasks__item:nth-child(5n + 5) .tasks__item-icon {
  background: #0198e9;
}

.tasks__item-icon img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.tasks__item-photo {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 40px;
  justify-content: center;
  max-height: 40px;
  max-width: 40px;
  min-height: 40px;
  min-width: 40px;
  overflow: hidden;
  width: 40px;
}

.tasks__item-photo img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.tasks__item-info {
  display: flex;
  flex: 4;
  flex-direction: column;
  gap: 5px;
}

.space__adventure .tasks__item-info {
  align-items: center;
}

.tasks__item-info--name {
  font-family: var(--fontfamily-primary);
  font-size: 0.825rem;
  line-height: 1.125rem;
  font-weight: 400;
}

.tasks__item-info--reward {
  display: flex;
  gap: 10px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.space__adventure .tasks__item-info--reward {
  flex-direction: column;
  justify-content: center;
}

.tasks__reward {
  align-items: center;
  display: flex;
  gap: 3px;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
}

.tasks__reward-icon {
  margin-top: 1px;
  height: 20px;
  width: 20px;
  order: 2;
}

.tasks__reward-icon img {
  height: 100%;
  width: 100%;
}

.tasks__reward-value {
  font-family: var(--fontfamily-primary);
  font-size: 0.925rem;
  font-weight: 500;
  order: 1;
  margin-top: 1px;
}

.tasks__reward-value--border {
  border-radius: 7px;
  border: 1px solid;
  border-color: #99ea70;
  background: #99ea702b;
  color: #99ea70;
  padding: 3px 7px;
  font-size: 0.775rem;
}

.tasks__reward .symbol__icons {
  order: 2;
  width: 19px !important;
  height: 19px !important;
}

.tasks__item-actions {
  margin: auto;
}

.tasks__item-approve {
  align-items: center;
  background: var(--bg-color-success-opacity);
  border-radius: 10px;
  color: var(--text-color-success);
  display: flex;
  height: 41px;
  justify-content: center;
  padding: 0 14px;
}

.tasks__item-approve svg {
  height: 24px;
  width: 24px;
}

.tasks__item-process {
  border-radius: 12px;
  color: var(--text-color-gray);
  padding: 12px 12px;
  border: 1px solid #fff;
}

.tasks__item-process b {
  color: var(--text-color-white);
}

.tasks__item-timer {
  padding: 12px 15px;
}

.tasks__item-timer,
.tasks__item-wait {
  border-radius: 10px;
  background: #0e0e1f;
  color: #9d94c0;
}

.tasks__item-wait {
  align-items: center;
  display: flex;
  height: 41px;
  justify-content: center;
  padding: 0 12px;
}

.tasks__item-wait svg {
  height: 22px;
  width: 22px;
}

.tasks__item-description {
  border-top: 1px solid;
  border-color: #17132b;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 5px;
}

.tasks__description-content {
  overflow: hidden;
  position: relative;
  transition: max-height 0.5s ease;
}

.tasks__description-content p {
  font-size: 0.825rem;
  font-weight: 300;
  padding-bottom: 2px;
}

.tasks__description-content p strong {
  color: var(--text-color-white);
  font-weight: 600;
}

.tasks__description-content:before {
  background: linear-gradient(0deg, #080017 10%, transparent);
  bottom: 0;
  content: "";
  height: 20px;
  position: absolute;
  transition: 0.2s;
  width: 100%;
}

.tasks__description-content.active:before {
  bottom: -5px;
}

.tasks__description-button {
  align-items: center;
  background: none;
  border: none;
  display: flex;
  justify-content: center;
  margin: auto;
  transition: 0.2s;
  gap: 4px;
}

.tasks__description-button span {
  font-size: 0.875rem;
}

.tasks__description-button svg {
  color: var(--text-color-white);
  height: 15px;
  margin-top: 2px;
  transition: 0.4s;
  width: 14px;
}

.tasks__description-button.active svg {
  transform: scaleY(-1);
}

.wallet__balance-block {
  position: relative;
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.wallet__balance {
  background: #030110;
  border-radius: 22px;
  display: flex;
  flex: 4;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
}

.wallet__balance-header {
  position: relative;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.wallet__balance-header--left {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

.wallet__balance-header--img {
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
}

.wallet__balance-header--img .symbol__icons {
  width: 100% !important;
  height: 100% !important;
}

.wallet__balance-header--name {
  display: flex;
  gap: 1px;
  flex-direction: column;
}

.wallet__balance-header-right {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wallet__balance-header-block-first,
.wallet__balance-header-block-second {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.wallet__balance-list {
  position: absolute;
  top: 55px;
  width: 170px;
  height: 180px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 15px 20px;
  background: #0f0a26d1;
  border-radius: 22px;
  z-index: 2;
  overflow: hidden;
  overflow-y: auto;
  transition: 0.3s;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.wallet__balance-list--item {
  display: flex;
  gap: 10px;
  align-items: center;
}

.wallet__balance-item--icon .symbol__icons {
  width: 20px;
  height: 20px;
}

.wallet__balance-item--name {
  display: flex;
  gap: 0px;
  flex-direction: column;
}

.wallet__balance-item--text {
  font-size: 0.875rem;
  font-weight: 500;
  font-family: var(--fontfamily-primary);
}

.wallet__balance-item--subtext {
  font-size: 0.625rem;
  font-weight: 300;
  padding: 5px 9px;
  border-radius: 50px;
  background: #151326;
  color: #d0d0d4;
  white-space: nowrap;
}

.wallet__balance-name--text {
  font-size: 1.025rem;
  font-weight: 500;
  font-family: var(--fontfamily-primary);
}

.wallet__balance-name--subtext {
  font-size: 0.675rem;
  font-weight: 300;
  padding: 6px 10px;
  border-radius: 50px;
  background: #151326;
  color: #d0d0d4;
  white-space: nowrap;
}

.wallet__balance-header-dropdown-icon {
  position: absolute;
  transition: 0.3s;
  right: -15px;
  top: 30%;
  width: 15px;
  height: 15px;
}

.wallet__balance-header-dropdown-icon svg {
  width: 100%;
  height: 100%;
}

.wallet__balance-header-dropdown-icon.rotate-180 {
  transform: rotateX(-180deg);
}

.wallet__balance-header--buttons {
  display: flex;
  gap: 5px;
}

.wallet__balance-header--name svg {
  color: var(--text-color-white);
  height: 15px;
  width: 15px;
}

.wallet__balance-header--name span {
  font-size: 0.825rem;
}

.wallet__balance-header--buttons a {
  align-items: center;
  background: var(--bg-secondary-item);
  border-radius: 10px;
  display: flex;
  gap: 3px;
  justify-content: center;
  padding: 8px;
}

.wallet__balance-header--buttons a span {
  font-size: 0.925rem;
}

.wallet__balance-header--buttons a:first-child {
  background: var(--bg-primary);
  border-color: var(--bg-primary);
}

.wallet__balance-header--buttons a svg {
  color: var(--text-color-white);
  height: 15px;
  width: 15px;
}

.wallet__balance-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.wallet__balance-buttons {
  display: flex;
  gap: 10px;
}

.wallet__balance-header-block-second .wallet__balance-value {
  font-size: 1.025rem;
}

.wallet__balance-header-block-second .wallet__balance-value span {
  font-size: 0.625rem;
}

.wallet__balance-header-block-second .wallet__balance-convert {
  font-size: 0.625rem;
}

.wallet__balance-value {
  display: flex;
  gap: 5px;
  font-size: 1.275rem;
  align-items: flex-end;
  font-weight: 600;
  justify-content: flex-end;
}

.wallet__balance-value img {
  height: 15px;
  width: 15px;
}

.wallet__balance-value span {
  font-size: 0.825rem;
  margin-bottom: 2px;
}

.wallet__balance-convert {
  color: var(--text-color-gray-two);
  font-size: 0.825rem;
  font-weight: 300;
  text-align: right;
}

.wallet__balance-info {
  background: rgba(12, 7, 39, 0.59);
  border-radius: 14px;
  padding: 5px 0;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -15px;
}

.wallet__balance-info--content {
  height: 0px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0px 20px 0px;
}

.wallet__balance-info--stats-header {
  font-size: 1.225rem;
  font-family: var(--fontfamily-primary);
  font-weight: 500;
  margin-top: 10px;
}

.wallet__balance-info--stats {
  margin-top: 15px;
  margin-bottom: 10px;
}

.wallet__balance-info--stats ul {
  list-style: none;
  gap: 18px;
}

.wallet__balance-info--stats li {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0;
  color: var(--text-color-white);
  align-items: center;
}

.wallet__balance-info--stats li:after {
  position: absolute;
  content: "";
  background: rgba(25, 18, 53, 0.39);
  width: 100%;
  clip-path: inset(0 0 0 18px);
  height: 1px;
  bottom: -9px;
}

.wallet__balance-info--stats li:last-child:after {
  display: none;
}

.wallet__balance-info--stats li:before {
  display: none;
}

.wallet__balance-info--label {
  position: relative;
  display: flex;
  align-items: center;
}

.wallet__balance-info--label-text {
  font-size: 0.775rem;
  padding-left: 18px;
}

.wallet__balance-info--label-icon {
  position: absolute;
  width: 13px;
  height: 13px;
}

.wallet__balance-info--label-icon svg {
  width: 100%;
  height: 100%;
}

.wallet__balance-info--right {
  display: flex;
  align-items: center;
  gap: 2px;
}

.wallet__balance-info--value {
  display: flex;
  font-size: 0.975rem;
  font-weight: 500;
  font-family: var(--fontfamily-primary);
  margin-top: 2px;
  align-items: center;
  gap: 5px;
}

.wallet__balance-info--value--main {
  display: flex;
  align-items: center;
  gap: 4px;
}

.wallet__balance-info--value-label {
  font-size: 0.575rem;
  margin-top: 1px;
}

.wallet__balance-info--value--main span {
  font-weight: 500;
  font-size: 0.875rem;
}

.wallet__balance-info--value--converted {
  font-size: 0.725rem;
  color: var(--text-color-gray-two);
}

.wallet__balance-info--symbol {
  width: 22px;
  height: 22px;
}

.wallet__balance-info--symbol .symbol__icons {
  width: 100%;
  height: 100%;
}

.wallet__balance-info--button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  background: none;
  border: none;
  gap: 2px;
  color: rgba(112, 105, 146, 1);
  padding: 5px 0;
}

.wallet__balance-info--button.active {}

.wallet__balance-info--button--text {}

.wallet__balance-info--button--icon {
  width: 20px;
  height: 20px;
}

.wallet__balance-info--button--icon svg {
  width: 100%;
  height: 100%;
  transition: 0.2s;
}

.wallet__balance-info--button.active .wallet__balance-info--button--icon svg {
  transform: scaleY(-1);
}

.form__payment {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form__payment-none {
  height: 55vh;
  min-height: 55vh;
  border-radius: 24px;
}

.form__payment-block {
  background: var(--bg-color-cobalt-dark);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
}

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

.form__payment-label {
  color: var(--text-color-gray-two);
  font-size: 0.825rem;
}

.form__payment-currency {
  color: var(--text-color-gray-two);
  font-size: 0.725rem;
}

.form__payment-content {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.form__payment-content input {
  background: transparent;
  border: none;
  border-radius: 0;
  font-size: 1.425rem;
  font-weight: 600;
  padding: 5px 0;
  font-family: var(--fontfamily-primary);
}

.form__payment-content input:focus {
  background: transparent;
}

.form__payment-content input::-moz-placeholder {
  color: #2f3044;
}

.form__payment-content input::placeholder {
  color: #2f3044;
}

.form__payment-content .input-container {
  width: 100%;
}

.form__payment-btn {
  align-items: center;
  background: var(--bg-page-second);
  border: none;
  border-radius: 20px;
  display: flex;
  gap: 5px;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 10px 12px;
}

.form__payment-btn_image {
  border-radius: 100%;
  height: 20px;
  width: 20px;
  overflow: hidden;
}

.form__payment-btn_image .symbol__icons {
  width: 100%;
  height: 100%;
}

.form__payment-btn_image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
  width: 100%;
}

.form__payment-btn_text {
  align-content: flex-start;
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: center;
}

.form__payment-btn_label {
  color: var(--text-color-white);
  font-size: 0.825rem;
}

.form__payment-btn_desc {
  color: var(--text-color-gray);
  font-size: 10px;
}

.form__payment-btn_icon {
  height: 14px;
  width: 14px;
}

.form__payment-btn_icon svg {
  color: var(--bg-primary-white);
  height: 100%;
  width: 100%;
}

.change__currency-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.change__currency-item {
  align-content: center;
  align-items: center;
  background: var(--bg-color-cobalt-dark);
  border-radius: 16px;
  display: flex;
  gap: 15px;
  padding: 20px;
  transition: 0.2s;
}

.change__currency-item.active {
  background: var(--bg-color-cobalt-light);
}

.change__currency-item input {
  display: none;
}

.change__currency-radio {
  align-items: center;
  background: var(--bg-color-cobalt-light);
  border-radius: 100%;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-left: auto;
  padding: 0px;
  position: relative;
  width: 20px;
}

.change__currency-radio:before {
  background: var(--bg-primary);
  border-radius: 100%;
  content: "";
  height: 100%;
  opacity: 0;
  transition: 0.2s;
  width: 100%;
}

.change__currency-item input:checked~.change__currency-radio:before {
  opacity: 1;
  border: 2px solid;
  border-color: var(--bg-primary-white);
}

.change__currency-img {
  border-radius: 100%;
  height: 35px;
  overflow: hidden;
  width: 35px;
}

.change__currency-img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
  width: 100%;
}

.change__currency-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.change__currency-name {
  color: var(--text-color-white);
  font-family: var(--fontfamily-primary);
  letter-spacing: 1px;
}

.change__currency-desc {
  color: var(--text-color-gray);
  font-size: 0.825rem;
  font-weight: 400;
}

.payment__info {
  border-radius: 20px;
  display: flex;
  flex: 4;
  flex-wrap: wrap;
  gap: 20px;
  height: -moz-max-content;
  height: max-content;
  padding: 20px;
}

.payment__info-item {
  align-items: flex-start;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: calc(50% - 10px);
}

.payment__redirect-timer {
  position: relative;
  display: flex;
  width: 100%;
  font-size: 1.525rem;
  align-items: center;
  justify-content: center;
}

.loading__circle::before {
  content: "";
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid transparent;
}

.loading__circle::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid transparent;
}

.loading__circle::before {
  border-top-color: rgb(118, 64, 240);
  border-right-color: rgb(118, 64, 240);
  animation: rotate-clockwise 2s linear infinite;
}

.loading__circle::after {
  border-bottom-color: rgb(118, 64, 240);
  border-left-color: rgb(118, 64, 240);
  animation: rotate-counterclockwise 2s linear infinite;
}

@keyframes rotate-clockwise {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate-counterclockwise {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

.payment__redirect-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.payment__redirect-label h3 {
  font-size: 1.575rem;
}

.payment__redirect-desc {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}

.payment__redirect-desc p {
  color: #5b5768 !important;
}

.payment__redirect-desc p a {
  color: #5b5768 !important;
  font-weight: 600;
}

.payment__info-icon {
  align-items: center;
  border-radius: 8px;
  color: var(--text-color-white);
  display: flex;
  height: 20px;
  justify-content: center;
  padding: 3px;
  width: 20px;
}

.payment__info-item:nth-child(5n + 1) .payment__info-icon {
  background: var(--bg-primary);
}

.payment__info-item:nth-child(5n + 2) .payment__info-icon {
  background: var(--bg-color-success);
}

.payment__info-item:nth-child(5n + 3) .payment__info-icon {
  background: var(--bg-color-error);
}

.payment__info-item:nth-child(5n + 4) .payment__info-icon {
  background: var(--bg-color-process);
}

.payment__info-item:nth-child(5n + 5) .payment__info-icon {
  background: var(--bg-color-blue);
}

.payment__info-icon svg {
  height: 100%;
  width: 100%;
}

.payment__info-icon img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.payment__info-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.payment__info-name {
  color: var(--text-color-gray);
  font-size: 0.757rem;
  font-weight: 400;
  order: 2;
}

.payment__info-value {
  align-items: center;
  display: flex;
  gap: 8px;
  font-size: 1.475rem;
  font-weight: 500;
  order: 1;
  position: relative;
}

.circle .payment__info-value {
  padding-left: 12px;
}

.circle .payment__info-value:before {
  content: "";
  position: absolute;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: var(--bg-color-success);
  box-shadow: 0px 0px 0px 2px #99ea706e;
  animation: blink 3s infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.7;
  }

  100% {
    opacity: 1;
  }
}

.payment__info-value_text {
  font-size: 16px;
  font-weight: 500;
}

.demo__banner {
  background: linear-gradient(132deg, #c87ef8, #5d35be);
  border: none;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100px;
  overflow: hidden;
  padding: 12px 30% 12px 14px;
  position: relative;
}

.demo__banner-label {
  font-family: var(--fontfamily-primary);
  font-size: 16px;
  text-align: left;
}

.demo__banner-button {
  align-items: center;
  display: flex;
  gap: 7px;
}

.demo__banner-image {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 30%;
}

.demo__banner-image img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.modal__demo-image img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
  border-radius: 24%;
}

.modal__demo {
  align-items: center;
  background: #0f0924b5;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 40px;
  display: flex;
  overflow: hidden;
  gap: 15px;
  padding: 30px 15px;
}

.modal__demo-left {}

.modal__demo-image {
  height: 80px;
  width: 80px;
}

.modal__demo-right {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal__demo-card_name {
  text-align: left;
  font-size: 1.225rem;
}

.modal__demo-line {
  display: flex;
  gap: 20px;
  align-items: center;
  padding-left: 10px;
}

.modal__demo-line--icon {
  display: flex;
  position: relative;
  width: 14px;
  height: 14px;
  align-items: center;
  justify-content: center;
}

.modal__demo-line--icon:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  transform: rotate(30deg);
  animation: circleRotate 2s linear infinite;
  border: 2px solid #6445ff;
  border-top: 2px solid #1d1933;
}

.modal__demo-line--icon svg {
  width: 100%;
  height: 100%;
}

.modal__demo-line--circle {
  position: absolute;
  width: 35px;
  height: 35px;
  transform: scale(-1);
}

.modal__demo-line--circle.first .ball {
  width: 3px;
  height: 3px;
}

.modal__demo-line--info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.modal__demo-line-title {
  color: #8c879d;
  text-align: left;
  font-weight: 300;
  font-size: 0.875rem;
}

.modal__demo-line--value {
  font-size: 1.325rem;
}

.modal__demo-line-value {
  align-items: center;
  display: flex;
  gap: 6px;
  width: -moz-max-content;
  width: max-content;
}

.text__decor-line {
  text-decoration: line-through;
}

.modal__demo-value--first {
  align-items: center;
  display: flex;
  gap: 5px;
}

.modal__demo-value--first img {
  height: 18px;
  width: 18px;
}

.modal__demo-value--second {
  color: var(--text-color-gray);
  font-size: 0.875rem;
}

.modal__demo-value--status {
  background: var(--text-color-purple);
  border-radius: 6px;
  font-size: 0.775rem;
  padding: 5px;
}

.modal__demo-value--first_icon {
  align-items: center;
  display: flex;
  gap: 6px;
}

.modal__demo-value--first_icon svg {
  align-items: center;
  background: var(--bg-color-success);
  border-radius: 100%;
  display: flex;
  height: 20px;
  padding: 2px;
  width: 20px;
}

.coinflip {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}

.coinflip.ton {
  --main-color-flip: #0098ea;
  --light-main-color-flip: #6dcbfd;
}

.coinflip.usdt {
  --main-color-flip: #26a17b;
  --light-main-color-flip: #47f6c0;
}

.coinflip.btc {
  --main-color-flip: #ef8e19;
  --light-main-color-flip: #ffb45a;
}

.coinflip.eth {
  --main-color-flip: #6881ec;
  --light-main-color-flip: #2f46a8;
}

.coinflip.ltc {
  --main-color-flip: #3a62a0;
  --light-main-color-flip: #226ada;
}

.coinflip.sol {
  --main-color-flip: #2dd9bb;
  --inactive-main-color-flip: #348678;
  --light-main-color-flip: #8a50f5;
}

.coinflip.bounty {
  --main-color-flip: #fb45ff;
  --light-main-color-flip: #a631a7;
}

.coinflip__info-block--first {
  left: 0;
}

.coinflip__info-block--first,
.coinflip__info-block--second {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: absolute;
}

.coinflip__info-block--second {
  right: 0;
}

.coinflip__info-value {
  font-size: 1.475rem;
}

.coinflip__info-label {
  font-size: 0.875rem;
  text-transform: uppercase;
}

.coinflip__bar .category__switch {
  max-width: 100%;
  width: 100%;
}

.coinflip__category-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.coinflip__block {
  background: var(--bg-section-dark);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
}

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

.coinflip__block-amount {
  color: var(--text-color-gray);
  font-size: 14px;
  font-weight: 500;
}

.coinflip__block-content {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}

.coinflip__block-left {
  align-items: center;
  display: flex;
  gap: 8px;
}

.coinflip__info-right {
  position: absolute;
  right: 10px;
  z-index: 1;
}

.coinflip__amount-symbol {
  color: var(--bg-section-gray);
  font-size: 16px;
}

.coinflip__amount-btns {
  display: none;
  gap: 3px;
}

.coinflip__bar-right.show .coinflip__amount-btns {
  display: flex;
}

@media (max-width: 320px) {
  .coinflip__bar-right.show .coinflip__amount-btns {
    display: none;
  }
}

.coinflip__amount-btns button {
  background: var(--bg-page-primary);
  border: none;
  border-radius: 4px;
  color: var(--text-color-gray);
  font-size: 0.675rem;
  padding: 4px;
}

.coinflip__header {
  padding: 10px 20px;
  z-index: 2;
}

.coinflip__balance,
.coinflip__header {
  align-items: center;
  display: flex;
  justify-content: center;
}

.coinflip__balance {
  gap: 10px;
}

.coinflip__balance-block {
  align-content: center;
  align-items: center;
  border-radius: 60px;
  display: flex;
  gap: 3px;
  padding: 10px 20px;
}

.coinflip__balance-block_icon {
  z-index: 2;
}

.coinflip__balance-block_icon img {
  height: 100%;
  width: 100%;
}

.coinflip__balance-block_value {
  font-family: var(--fontfamily-primary);
  font-size: 1.075rem;
  font-weight: 500;
  margin-top: 4px;
  z-index: 2;
}

@media (max-width: 320px) {
  .coinflip__balance-block_value {
    font-size: 0.925rem;
  }

  .coinflip__balance-block_icon {
    height: 15px;
    width: 15px;
  }
}

.coinflip__content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 100%;
  justify-content: flex-start;
  padding: 10px 0px 0px;
  position: relative;
}

.coinflip__label {
  align-items: center;
  display: flex;
  font-family: var(--fontfamily-primary);
  font-size: 2rem;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
}

.coinflip__label-circle {
  background: #fff;
  border-radius: 100%;
  height: 26px;
  margin: 0 1px;
  transform: translateY(-3px) skew(-3deg, -25deg);
  width: 13px;
}

.coinflip__label-btn {
  background: none;
  border: none;
  bottom: 0;
  bottom: 5px;
  color: #fff;
  display: flex;
  height: 22px;
  margin: auto;
  position: absolute;
  right: -25px;
  top: 0;
  width: 22px;
}

.coinflip__label-btn svg {
  height: 100%;
  width: 100%;
}

.coinflip__label span {
  color: var(--main-color-flip);
  font-size: 30px;
  font-weight: 600;
  transition: color 0.4s;
}

.coinflip__info {
  align-items: center;
  display: flex;
  height: -moz-max-content;
  height: max-content;
  margin: -20px auto 0;
  padding: 5vh 10px 3vh;
  position: relative;
  width: 100%;
}

.coinflip__info-background {
  bottom: 0;
  height: calc(100% + 83px);
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}

.coinflip__info-background:after {
  border-radius: 100%;
  bottom: 0;
  box-shadow: -13vw -2vh 20vw 0vw var(--main-color-flip), 18vw 1vh 20vw -4px var(--light-main-color-flip);
  content: "";
  height: 20vw;
  left: 0;
  margin: auto;
  max-height: 100px;
  max-width: 100px;
  position: absolute;
  right: 0;
  top: 0;
  transition: box-shadow 0.4s;
  width: 20vw;
  z-index: 1;
  mix-blend-mode: plus-lighter;
}

@media (max-width: 320px) {
  .coinflip__info {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .coinflip__info-left,
  .coinflip__info-right {
    position: relative !important;
  }

  .coinflip__info-right {
    right: 0;
    width: 100%;
  }

  .coinflip__rate-value {
    font-size: 1.3rem !important;
  }

  .coinflip__history-label_text,
  .coinflip__rate-label,
  .coinflip__rate-text {
    font-size: 0.675rem !important;
  }

  .coinflip__history-label_text {
    font-size: 0.775rem !important;
  }

  .coinflip__history-list_item {
    height: 25px !important;
    padding: 6px 4px !important;
    width: 25px !important;
  }

  .coinflip__rate {
    flex-direction: row !important;
  }

  .coinflip__history-label {
    justify-content: flex-start !important;
    text-align: left !important;
    transform: rotate(0deg) !important;
    writing-mode: horizontal-tb !important;
  }

  .coinflip__history {
    flex-direction: column;
    width: 100%;
  }

  .coinflip__history-list {
    flex-direction: row !important;
  }

  .coinflip__rate-block:before {
    height: 80% !important;
    left: unset !important;
    margin: 0 !important;
    right: -10px !important;
    width: 1px !important;
  }
}

@keyframes moveGrid {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: 20px 20px;
  }
}

.coinflip__icon {
  align-items: center;
  background: linear-gradient(180deg, #0b071d, #0f0a26 100%);
  border: 1px solid #363e614d;
  border-radius: 100%;
  box-shadow: inset -30px -35px 44px 3px rgb(255 255 255 / 2%), 35px 20px 70px -40px #000;
  display: flex;
  height: 40vw;
  justify-content: center;
  margin: 0 auto;
  max-height: 200px;
  max-width: 200px;
  position: relative;
  width: 40vw;
  z-index: 10;
}

.coinflip__coin {
  height: 70%;
  position: relative;
  transform-style: preserve-3d;
  width: 70%;
  z-index: 10;
}

.coinflip__coin.flipping {
  transform: rotateX(180deg);
}

.coinflip__content:before {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: rgb(6 2 19 / 72%);
  bottom: 0;
  content: "";
  height: 150vh;
  left: -50vw;
  margin: auto;
  opacity: 0;
  position: fixed;
  right: 0;
  top: -50vh;
  transition: 0.4s;
  visibility: hidden;
  width: 150vw;
  z-index: 10;
}

.coinflip__content.flipping:before {
  opacity: 1;
  position: fixed;
  visibility: visible;
}

.coinflip__coin-side {
  align-items: center;
  backface-visibility: hidden;
  border-radius: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 15% 15%;
  position: absolute;
  transition: background 0.2s;
  width: 100%;
}

.coinflip__coin-side .symbol__icons {
  width: 100%;
  height: 100%;
}

.coinflip__coin-side.front {
  background: var(--main-color-flip);
  transform: rotateX(0deg);
}

.coinflip__coin-side.back {
  background: var(--bg-primary-white);
  transform: rotateX(180deg);
}

.coinflip__coin-icon {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.coinflip__coin-side.back .symbol__icons svg,
.coinflip__coin-side.back .symbol__icons img {
  filter: brightness(0);
}

.coinflip__info-left {
  bottom: 0;
  height: -moz-max-content;
  height: max-content;
  left: 10px;
  margin: auto;
  position: absolute;
  top: 0;
  z-index: 1;
}

.coinflip__history {
  display: flex;
  gap: 10px;
}

.coinflip__history-label {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  text-align: right;
  text-transform: uppercase;
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}

.coinflip__history-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: flex-start;
}

.coinflip__history-list_item {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 5px 5px;
  transition: background 0.4s;
  width: 30px;
}

.coinflip__history-list_item img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.coinflip__history-list_item.tails {
  background: var(--bg-primary-white);
}

.coinflip__history-list_item.tails img {
  filter: brightness(0);
}

.coinflip__history-list_item.tails img,
.coinflip__history-list_item.tails svg {
  filter: brightness(0);
}

.coinflip__history-list_item.heads {
  background: var(--main-color-flip);
}

.coinflip__rate {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  justify-content: center;
}

.coinflip__rate-block {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.coinflip__rate-block:before {
  background: #1c1f31;
  bottom: -4px;
  content: "";
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 80%;
}

.coinflip__rate-block:last-child:before {
  display: none;
}

.coinflip__rate-label {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  gap: 8px;
  text-transform: uppercase;
}

.coinflip__point {
  background: var(--main-color-flip);
  border-radius: 50%;
  height: 5px;
  transition: background 0.4s;
  width: 5px;
}

.coinflip__history-label_text,
.coinflip__rate-text {
  font-size: 0.875rem;
}

.coinflip__rate-value {
  font-family: var(--fontfamily-primary);
  font-size: 2rem;
  font-weight: 600;
}

.coinflip__section-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  margin-top: 10px;
}

.coinflip__reward {
  flex-direction: column;
  gap: 10px;
  height: -moz-max-content;
  height: max-content;
  padding: 0 15px;
  position: relative;
  z-index: 2;
  align-items: center;
  display: flex;
  justify-content: center;
}

.coinflip__reward-claim {
  width: 100%;
}

.coinflip__reward-claim button {
  align-items: center;
  display: flex;
  justify-content: center;
  background: #191439;
  border: none;
  border-radius: 50px;
  color: var(--text-color-gray);
  font-size: 1rem;
  gap: 5px;
  min-width: 200px;
  padding: 15px;
  width: 100%;
}

.coinflip__reward-btn_right {
  color: var(--text-color-gray);
}

.coinflip__reward-btn_right svg {
  height: 10px;
  width: 20px;
}

.coinflip__reward-next {
  background: var(--main-color-flip);
  border-radius: 50px;
  font-family: var(--fontfamily-primary);
  font-size: 1rem;
  font-style: italic;
  font-weight: 500;
  gap: 5px;
  min-width: 200px;
  padding: 15px 15px 13px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.coinflip__bar,
.coinflip__reward-next {
  align-items: center;
  display: flex;
  justify-content: center;
  z-index: 2;
}

.coinflip__bar {
  padding: 0 15px;
  position: relative;
}

.coinflip__games-left {
  align-items: center;
  display: flex;
  font-size: 0.775rem;
  font-style: italic;
  font-weight: 500;
  gap: 5px;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}

.coinflip__games-left span {
  background: var(--main-color-flip);
  border-radius: 6px;
  font-size: 0.775rem;
  font-weight: 600;
  padding: 4px 6px;
  transition: background 0.4s;
}

.coinflip__bar-panel {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.coinflip__change-bet_btn {
  background: #ff1493;
  border-radius: 6px;
  font-size: 18px;
  font-style: italic;
  padding: 10px 15px;
  text-transform: uppercase;
}

.coinflip__bet-block_bottom input {
  background: transparent;
  border: none;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 1.275rem;
  font-weight: 500;
  padding: 0;
  width: 100%;
  font-family: var(--fontfamily-primary);
}

.coinflip__bet-block_bottom .input-form:focus {
  background: transparent;
}

.coinflip__currency {
  align-items: center;
  background: var(--bg-section-dark);
  border: none;
  border-radius: 6px;
  display: flex;
  font-size: 15px;
  gap: 6px;
  padding: 10px 15px;
}

.coinflip__currency-icon {
  height: 22px;
  width: 22px;
}

.coinflip__currency-icon img {
  height: 100%;
  width: 100%;
}

.coinflip__currency-value {
  font-size: 18px;
}

.coinflip__bar-btn {
  display: flex;
  gap: 25px;
  justify-content: center;
}

.coinflip__btn {
  align-items: center;
  background: transparent;
  border: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.coinflip__btn-side {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 70px;
  justify-content: center;
  padding: 15% 15%;
  transition: background 0.4s;
  width: 70px;
}

.coinflip__btn-side .symbol__icons {
  height: 100%;
  width: 100%;
}

.coinflip__btn-side.heads {
  background: var(--main-color-flip);
}

.coinflip__btn-side.tails {
  background: var(--bg-primary-white);
}

.coinflip__btn-side.tails svg,
.coinflip__btn-side.tails img {
  filter: brightness(0);
}

.coinflip__btn-text {
  text-transform: uppercase;
}

@keyframes payment__loading1 {
  0% {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@keyframes payment__loading3 {
  0% {
    transform: scale(1);
  }

  to {
    transform: scale(0);
  }
}

@keyframes payment__loading2 {
  0% {
    transform: translate(0);
  }

  to {
    transform: translate(18px);
  }
}

.inventory__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: flex-start;
  align-items: stretch;
}

.inventory__list-none {
  border-radius: 22px;
  display: flex;
  justify-content: center;
  gap: 15px;
  padding: 25px 15px;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.inventory__list-none--icon {
  height: 40px;
  width: 40px;
  padding: 10px;
  border-radius: 9px;
  background: var(--bg-secondary-item);
}

.inventory__list-none--label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.inventory__list-none--label h2 {
  font-size: 1.575rem;
}

.inventory__list-none--label span {
  text-align: center;
}

.inventory__list-none--icon svg {
  width: 100%;
  height: 100%;
}

.inventory__item {
  background: radial-gradient(276% 131% at 50% -8%, rgb(13, 10, 29), rgb(11, 7, 29) 65.658%, rgb(51, 33, 131) 100%);
  border-radius: 16px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  overflow: hidden;
  width: calc(50% - 10px);
  padding: 15px 10px;
}

@media (max-width: 310px) {
  .inventory__item {
    width: 100%;
    min-width: 100%;
    flex: 4;
  }
}

.inventory__item-top {
  display: flex;
  align-items: center;
  position: relative;
}

.inventory__item-status--active {
  position: absolute;
  top: 0px;
  right: 5px;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #99ea70;
  box-shadow: 0px 0px 0px 5px #99ea706e;
  animation: blink 3s infinite;
}

.inventory__item-top--left {
  /* width: 50%; */
  z-index: 2;
}

.inventory__item-top--right {
  display: flex;
  width: 50%;
  justify-content: center;
}

.inventory__item-left {
  position: relative;
}

.inventory__item-bottom {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: flex-start;
  height: 100%;
}

.inventory__item-img {
  position: relative;
  padding: 2px;
  border-radius: 24%;
  background: #131025;
  box-shadow: inset 0px 0px 23px -15px rgb(87 84 123 / 49%);
  width: 75px;
  height: 75px;
  overflow: hidden;
}

.inventory__item-img.miners {
  padding: 0px;
}

.inventory__item-img img {
  -o-object-fit: cover;
  object-fit: contain;
  width: 100%;
  height: 100%;
  transform: translate(6px, 5px);
}

.inventory__item-img.miners img {
  transform: translate(0px, 0px);
}

.inventory__item-img.fullsize img {
  -o-object-fit: cover;
  object-fit: cover;
}

.inventory__item-right {
  display: flex;
  flex: 4;
  flex-direction: column;
  gap: 10px;
  padding: 10px 10px;
  position: relative;
}

.inventory__item-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.inventory__item-info--item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.inventory__item-info--desc {
  color: var(--text-color-gray-two);
  font-size: 0.725rem;
  font-weight: 300;
}

.inventory__item-info--time {
  padding: 6px 8px;
  font-weight: 300;
  font-size: 0.875rem;
  border: 0.3px solid rgb(108, 90, 189);
  background: rgb(30, 21, 67);
  border-radius: 9px;
  width: -moz-max-content;
  width: max-content;
}

.inventory__item-name {
  width: 100%;
  position: relative;
  display: flex;
}

.inventory__item-name h4 {
  font-size: 1.025rem;
  width: 100%;
  min-width: -moz-max-content;
  line-height: 1.3rem;
}

.inventory__item-name h4 .inventory__item-name--booster {
  background: #86eb641f;
  border: 1px solid #99ea71;
  color: #99ea71;
  padding: 3px 5px;
  border-radius: 5px;
  font-size: 0.775rem;
  margin: 0px 5px 0px;
  font-weight: 300;
}

.inventory__item-qty {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.inventory__item-qty.inventory__item-qty--gradient {
  position: absolute;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(153, 153, 153, 0.08));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  color: var(--text-color-gray);
  font-size: 1.925rem;
  font-weight: 600;
  letter-spacing: -1.8px;
  line-height: 1.6rem;
  right: 0px;
  text-align: right;
  z-index: 1;
}

.inventory__item-btn {
  display: flex;
  flex-direction: column;
}

.coinflip__adv-block {
  align-items: stretch;
  background: #130f2b;
  border-radius: 16px;
  display: flex;
  height: 80px;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.coinflip__adv-block_left {
  align-items: center;
  background: linear-gradient(199.89deg, #fc4bff 39.476%, #972d99 97.351%);
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
  display: flex;
  justify-content: center;
  padding: 15px 5px;
}

.coinflip__adv-icon {
  height: 30px;
  width: 30px;
}

.coinflip__adv-icon svg {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.coinflip__adv-block_right {
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  flex: 4;
  gap: 5px;
  min-width: 45px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.coinflip__adv-block_right,
.coinflip__bar-left.show .coinflip__adv-block_right {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.coinflip__bar-left.show .coinflip__adv-block_right {
  padding: 10px 15px;
}

.coinflip__adv-label {
  display: none;
}

.coinflip__bar-left.show .coinflip__adv-label {
  display: flex;
  font-size: 0.775rem;
  text-transform: uppercase;
  color: var(--text-color-gray-dark);
}

.coinflip__adv-value {
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
  gap: 5px;
  justify-content: center;
  position: absolute;
  transform: translateY(2px);
}

.coinflip__bar-left.show .coinflip__adv-value {
  display: flex;
  flex-direction: row;
  position: relative;
}

.coinflip__adv-value_text {
  font-family: var(--fontfamily-primary);
  font-size: 1.275rem;
  font-weight: 500;
  margin-top: 2px;
}

.coinflip__adv-value_icon {
  height: 22px;
  width: 22px;
}

.coinflip__adv-value_icon img {
  height: 100%;
  width: 100%;
}

.coinflip__choice-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  width: 8%;
  z-index: 1;
}

.coinflip__choice-icon:before {
  background: #0b091d;
  border-radius: 100%;
  bottom: 0;
  content: "";
  height: 220%;
  margin: auto;
  position: absolute;
  top: 0;
  width: 150%;
  z-index: -1;
}

.coinflip__choice-icon svg {
  height: 100%;
  width: 100%;
}

.coinflip__bet-block {
  align-items: stretch;
  background: #0f0a26;
  border-radius: 16px;
  display: flex;
  height: 80px;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.coinflip__bet-block_left {
  align-items: center;
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
  display: flex;
  flex: 4;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  min-width: 40px;
  padding: 15px 10px;
  position: relative;
  width: 100%;
}

.coinflip__bar-right.show .coinflip__bet-block_left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 10px 20px 20px;
}

.coinflip__bet-block_top {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}

.coinflip__bar-right.show .coinflip__bet-block_top {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.coinflip__bet-block_bottom {
  display: none;
}

.coinflip__bar-right.show .coinflip__bet-block_bottom {
  display: flex;
  width: 100%;
}

.coinflip__bet-block_bottom .input-container {
  width: 100%;
}

.coinflip__bet-label {
  font-size: 0.775rem;
  position: absolute;
  text-transform: uppercase;
  transform: rotate(-90deg);
  color: var(--text-color-gray-dark);
}

.coinflip__bar-right.show .coinflip__bet-label {
  position: relative;
  transform: none;
  writing-mode: horizontal-tb;
}

.coinflip__bet-value {
  font-family: var(--fontfamily-primary);
  font-size: 22px;
}

.coinflip__bet-block_right {
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.coinflip__bet-currency {
  border: none;
  flex: 4;
  padding: 0px 8px;
}

.coinflip__bet-currency.ton {
  background: #154874;
}

.coinflip__bet-currency.bounty {
  background: #6e287d;
}

.coinflip__bet-currency.ton.active {
  background: var(--main-color-flip);
}

.coinflip__bet-currency.bounty.active {
  background: #fb45ff;
}

.coinflip__bet-currency_icon .symbol__icons {
  height: 25px;
  width: 25px;
}

.coinflip__bet-currency_icon img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.coinflip__bar-left,
.coinflip__bar-right {
  transition: 0.35s;
  width: 25%;
}

.coinflip__bar-left.show,
.coinflip__bar-right.show {
  width: 67%;
}

.modal-profile-boxshadow {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  overflow: hidden;
  z-index: -1;
}

.modal-profile-boxshadow:before {
  content: "";
  position: absolute;
  right: -13%;
  bottom: 29%;
  width: 132px;
  height: 173px;
  border-radius: 50%;
  filter: blur(46.3px);
  background: rgb(110, 57, 255);
  z-index: -1;
}

.modal-profile-boxshadow:after {
  content: "";
  position: absolute;
  right: -19%;
  bottom: 29%;
  width: 96px;
  height: 122px;
  border-radius: 50%;
  filter: blur(6.3px);
  background: #ff6aff;
  z-index: -1;
}

.modal__profile-header {
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 0 0 0 !important;
  min-height: 70px;
  margin: -25px -15px -10px !important;
  width: calc(100% + 30px) !important;
  position: relative;
}

.modal__profile-header--cover {
  position: absolute;
  max-height: 100%;
  min-height: 100%;
  height: 100%;
  width: 100%;
  border-radius: 16px 16px 0px 0px;
  display: flex;
  background-image: url("/img/modal-profile-background.png");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}

.modal__profile-header--cover img {
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
}

.modal__profile-header--cover:after {
  content: "";
  position: absolute;
  height: 100%;
  bottom: -2px;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, rgb(10 6 28) 15%, transparent);
}

.modal__profile-avatar {
  display: flex;
  width: 100%;
  justify-content: center;
  transform: translateY(-25px);
}

.modal-profile-username {
  max-width: 100%;
}

.modal__profile-avatar img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
}

.modal__profile-info {
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  width: 100%;
}

.modal__profile-name {
  font-size: 1.125rem;
  font-family: var(--fontfamily-primary);
  color: var(--text-color-white);
  max-width: 100%;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0px 20px;
}

.modal__profile-desc,
.modal__profile-desc p {
  font-size: 0.725rem;
  font-weight: 400;
  font-family: var(--fontfamily-primary);
  color: var(--text-color-gray);
  min-height: 15px;
  line-height: 1rem;
  padding: 0px 30px;
}

.modal__profile-desc strong {
  font-weight: 500;
  color: var(--text-color-light-purple);
}

.modal__profile-desc hr {
  border: none;
  background: var(--bg-section-gray);
  height: 1px;
  opacity: 0.5;
}

.modal__profile-desc em {
  text-decoration: underline;
}

.modal__profile-label {
  font-size: 1.225rem;
  font-family: var(--fontfamily-primary);
}

.modal__profile-social {
  display: flex;
  flex-direction: column;
  gap: 5px;
  z-index: 1;
}

.modal__profile-social--list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px 12px;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 20px;
}

.modal__profile-social_link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.675rem;
  min-width: -moz-max-content;
  min-width: max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  color: var(--text-color-gray);
  font-weight: 300;
  gap: 4px;
  flex: 1;
}

.modal__profile-social_link--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  background: var(--bg-secondary-item);
  padding: 3px;
  border-radius: 5px;
}

.modal__profile-social_link--icon svg {
  width: 100%;
  height: 100%;
}

.modal__profile-stats {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.modal__profile-stats--list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  min-height: 30px;
}

.modal__profile-stats--item {
  flex: calc(50% - 10px);
  display: flex;
  flex-direction: column;
  gap: 5px;
  z-index: 1;
}

.modal__profile-stats--label {
  font-size: 0.775rem;
  color: rgba(255, 255, 255, 0.31);
  order: 2;
  font-weight: 300;
}

.modal__profile-stats--value {
  font-size: 1.125rem;
  color: var(--text-color-white);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  gap: 5px;
  order: 1;
}

.modal__profile-stats--value .symbol__icons {
  margin-top: 1px;
  width: 18px;
  height: 18px;
}

.modal__profile-miners {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-width: 100%;
}

.modal__profile-miners--list {
  min-height: 20px;
  z-index: 1;
}

.modal__profile-listempty {
  font-size: 0.775rem;
  color: var(--text-color-gray);
  font-weight: 400;
}

.modal__profile-miners--items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  overflow-x: auto;
  padding: 0 15px;
  margin: 0px -15px;
}

.modal__profile-miners--item {
  position: relative;
  border-radius: 9px;
  background: var(--bg-color-cobalt-light);
  overflow: hidden;
  min-width: 100px;
  width: 100px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal__profile-miners--photo {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__profile-miners--photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.modal__profile-miners--name {
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
  font-size: 0.825rem;
  width: 100%;
  max-width: 100%;
  font-family: var(--fontfamily-primary);
}

.game__banner {
  border-radius: 20px;
  overflow: hidden;
  padding: 20px 15px;
  position: relative;
  width: 100%;
  border: 1px solid;
  border-color: #7540ef;
  border-bottom: none;
  background: var(--bg-primary);
}

.game__banner.game__banner-event {
  background: none;
  border: none;
}

.game__banner.coinflip-banner {
  background: transparent;
  border: transparent;
  padding-top: 25px;
}

.game__banner.demo-banner {
  padding-top: 25px;
}

.game__banner.promo-banner {
  background: transparent;
  border: transparent;
  padding-top: 25px;
}

.game__banner.power-banner {
  background: #080017;
  border: #080017;
  padding-top: 25px;
}

.game__banner-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

.game__banner-stars-subs .game__banner-header {
  font-size: 1.8rem;
}

.game__banner-content:before {
  content: "";
  position: absolute;
  inset: 0;
  top: -10px;
  bottom: 0;
  right: -15px;
  margin: auto;
  height: calc(100% + 45px);
  background: linear-gradient(90deg, #ffffff 1px, transparent 0), linear-gradient(180deg, #ffffff 1px, transparent 0);
  background-size: 12px 12px;
  mix-blend-mode: overlay;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
  -webkit-mask: radial-gradient(circle at 77% 45%, #ffffff5e 0%, transparent 28%);
  mask: radial-gradient(circle at 77% 45%, #ffffffa1 0%, transparent 28%);
}

.coinflip__banner-pvp .game__banner-content:before {
  display: none;
}

.game__banner.demo-banner .game__banner-content:before {
  -webkit-mask: radial-gradient(circle at 83% 15%, #ffffffa1 0%, transparent 35%);
  mask: radial-gradient(circle at 83% 15%, #ffffffa1 0%, transparent 35%);
  top: -10px;
}

.game__banner.coinflip-banner .game__banner-content:before {
  -webkit-mask: radial-gradient(circle at 77% 51%, #ffffff24 0%, transparent 27%);
  mask: radial-gradient(circle at 77% 51%, #ffffff1a 0%, transparent 27%);
}

.game__banner.promo-banner .game__banner-content:before {
  -webkit-mask: radial-gradient(circle at 84% 27%, #ffffff1c 0%, transparent 27%);
  mask: radial-gradient(circle at 84% 27%, #ffffff1c 0%, transparent 27%);
}

.game__banner.event-banner .game__banner-content:before {
  -webkit-mask: radial-gradient(circle at 84% 27%, #ffffff1c 0%, transparent 10%);
  mask: radial-gradient(circle at 84% 27%, #ffffff1c 0%, transparent 10%);
}

.game__banner-content:after {
  top: 30px;
  border-radius: 100%;
  box-shadow: 140px 55px 65px 35px var(--banner-shadow-first), 30px 2px 94px 28px var(--banner-shadow-second);
  content: "";
  left: 50%;
  height: 0;
  position: absolute;
  width: 0;
  z-index: 3;
  mix-blend-mode: plus-lighter;
}

.game__banner-shadow-demo .game__banner-content:after {
  box-shadow: 100px -65px 65px 39px var(--banner-shadow-first), 120px 9px 34px 9px var(--banner-shadow-second);
}

.game__banner-shadow-promo .game__banner-content:after {
  box-shadow: 60px -33px 75px 36px var(--banner-shadow-first), 140px 79px 64px 23px var(--banner-shadow-second);
}

.game__banner-shadow-coinflip .game__banner-content:after {
  box-shadow: 52px 9px 75px 49px var(--banner-shadow-first), 130px 69px 64px 31px var(--banner-shadow-second);
  z-index: 2;
}

.game__banner-shadow-combo .game__banner-content:after {
  box-shadow: 32px -21px 65px 39px var(--banner-shadow-first), 140px 63px 34px 9px var(--banner-shadow-second);
  z-index: 3;
}

.game__banner-shadow-combo {
  --banner-shadow-first: #ebdfbe73;
  --banner-shadow-second: #bebebe;
  padding-top: 20px;
  overflow: visible;
}

.game__banner-shadow-coinflip {
  --banner-shadow-first: rgba(251, 69, 255, 0.37);
  --banner-shadow-second: #5e2bef;
}

.game__banner-shadow-demo {
  --banner-shadow-first: #5d89ff;
  --banner-shadow-second: #6ecf3c;
}

.game__banner-shadow-promo {
  --banner-shadow-first: #5d89ffab;
  --banner-shadow-second: #ff8d13;
}

.game__banner-stars-subs {
  --banner-shadow-first: rgba(255, 255, 255, 0.68);
  --banner-shadow-second: #fecf46;
  background: transparent;
  border: none;
}

.game__banner-shadow-power {
  --banner-shadow-first: rgb(253 0 232 / 59%);
  --banner-shadow-second: #fd00e8b0;
}

.game__banner-left {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  z-index: 3;
}

.game__banner-header {
  align-items: center;
  display: flex;
  font-family: var(--fontfamily-second);
  font-size: 0.975rem;
  font-weight: 400;
}

.game__banner-header.game__banner-event {
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  position: relative;
}

.game__banner-subtitle {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 10px;
}

.game__banner-subtitle--text {
  color: var(--text-color-gray-two);
  font-size: 0.875rem;
}

.game__banner-subtitle--timer {
  font-size: 0.825rem;
}

.game__banner-header--coinflip,
.game__banner-header--coinflip span {
  font-family: var(--fontfamily-primary);
  font-size: 1.3rem;
  font-weight: 600;
}

.game__banner-title {
  display: flex;
  align-items: flex-start;
  gap: 0px;
  white-space: nowrap;
  flex-direction: column;
}

.game__banner-title--header {
  font-size: 0.875rem;
  color: var(--text-color-gray-light);
}

.game__banner-title--bot {
  display: flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}

.game__banner-title--text {
  font-size: 1.625rem;
  font-family: var(--fontfamily-primary);
  z-index: 1;
}

.game__banner-title--icon {
  margin-top: 0px;
}

.game__banner-title--icon .symbol__icons {
  width: 20px;
  height: 20px;
}

.game__banner-header--coinflip span {
  color: var(--main-color-flip);
}

.coinflip__banner-pvp--icon {
  height: 30px;
  width: 53px;
  margin-left: 6px;
  margin-top: -5px;
}

.coinflip__banner-pvp--icon svg {
  width: 100%;
  height: 100%;
}

.coinflip__logo-circle {
  background: #fff;
  border-radius: 100%;
  height: 16px;
  margin: 0 1px;
  transform: translateY(-2px) skew(-3deg, -25deg);
  width: 9px;
}

.game__banner-desc {
  font-size: 0.875rem;
  font-weight: 400;
}

.game__banner-timer {
  position: absolute;
  top: -10px;
  left: 15px;
  z-index: 2;
}

.game__banner-timer--label {
  font-size: 0.725rem;
  color: var(--text-color-gray);
  font-weight: 400;
}

.game__banner-timer--time {
  font-size: 0.875rem;
}

.game__banner-timer--available {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--text-color-green-dark);
  background: var(--bg-color-lime);
  box-shadow: 0px 0px 18px -1px #00000047;
  overflow: hidden;
  padding: 8px 13px;
  border-radius: 1.5rem;
}

.game__banner-timer--available svg {
  width: 10px;
  height: 10px;
}

.game__banner-timer--available span {
  font-size: 0.775rem;
  font-weight: 500;
  color: inherit;
}

.game__banner-timer--waiting {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--text-color-gray-light);
  background: var(--bg-primary);
  box-shadow: 0px 0px 18px -1px #0000008a;
  overflow: hidden;
  padding: 8px 13px;
  border-radius: 1.5rem;
}

.game__banner-timer--waiting:before {
  border-radius: 100%;
  box-shadow: 0px 0px 24px 12px #ffebff, 0px 0px 16px 14px #e290ff;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  left: 0;
  top: 0;
}

.game__banner-timer--waiting:after {
  border-radius: 100%;
  box-shadow: 0px 0px 24px 12px #ffebff, 0px 0px 16px 12px #e290ff;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  right: 0;
  bottom: 0;
}

.game__banner-timer--waiting svg {
  width: 10px;
  height: 10px;
}

.game__banner-timer--waiting span {
  font-size: 0.775rem;
  font-weight: 500;
  color: inherit;
}

.game__banner-btn button {
  font-size: 14px;
  padding: 0.775rem 1.225rem;
  border-radius: 2rem;
  gap: 10px;
}

.game__banner.game__banner-stars-subs button {
  background: var(--btn-color-primary-light);
}

.game__banner.game__banner-stars-subs button svg {
  fill: #fff;
  stroke: #fff;
}

.game__banner-btn .btn-icon {
  height: 18px;
  width: 20px;
}

.game__banner-right {
  display: flex;
  flex: 1;
  position: relative;
  z-index: 3;
  height: 100%;
  justify-content: center;
}

.coinflip__banner-pvp--right {
  min-height: 100%;
}

.game__banner-img {
  position: relative;
}

.game__banner-img.coinflip-banner-img {
  position: absolute;
  top: -3px;
}

.coinflip__banner-pvp--image {
  display: flex;
  position: absolute;
  width: 100%;
  justify-content: center;
  left: -26px;
  bottom: 60px;
}

.coinflip__banner-pvp--image img {
  position: absolute;
}

.coinflip__banner-pvp--image img:nth-child(1) {
  z-index: 2;
  animation: swordRotateRight 7s ease-in-out infinite;
  animation-delay: 0.3s, 0s;
}

.coinflip__banner-pvp--image img:nth-child(2) {
  z-index: 1;
  top: -21px;
  transform: translateX(33px);
  animation: swordRotateLeft 7s ease-in-out infinite;
  animation-delay: 0.3s, 0s;
}

@keyframes floatGlow {

  0%,
  100% {
    filter: drop-shadow(0 0 2px gold);
  }

  33% {
    filter: drop-shadow(0 0 4px orange);
  }

  66% {
    filter: drop-shadow(0 0 1px yellow);
  }
}

@keyframes swordRotateRight {

  0%,
  21.4% {
    transform: rotate(0deg);
  }

  28.6% {
    transform: rotate(45deg);
  }

  28.6%,
  35.7% {
    transform: rotate(45deg);
  }

  42.8% {
    transform: rotate(0deg);
  }

  42.8%,
  100% {
    transform: rotate(0deg);
  }
}

@keyframes swordRotateLeft {

  0%,
  21.4% {
    transform: translateX(33px) rotate(0deg);
  }

  28.6% {
    transform: translateX(33px) rotate(-45deg);
  }

  28.6%,
  35.7% {
    transform: translateX(33px) rotate(-45deg);
  }

  42.8% {
    transform: translateX(33px) rotate(0deg);
  }

  42.8%,
  100% {
    transform: translateX(33px) rotate(0deg);
  }
}

.coinflip__banner-pvp--image:before {
  top: 30px;
  border-radius: 100%;
  box-shadow: -20px 15px 35px 45px rgba(251, 69, 255, 0.37), 30px 5px 25px 35px rgba(251, 69, 255, 0.37);
  content: "";
  left: 50%;
  height: 0;
  position: absolute;
  width: 0;
  z-index: 3;
  mix-blend-mode: plus-lighter;
}

.coinflip__banner-pvp--image:after {
  top: 120px;
  border-radius: 100%;
  box-shadow: -20px 35px 45px 55px RGB(54, 29, 160), 20px 17px 55px 50px rgba(0, 0, 0, 1);
  content: "";
  left: 50%;
  height: 0;
  position: absolute;
  width: 0;
  z-index: 1;
  mix-blend-mode: darken;
}

.coinflip__banner-img--item {
  padding: 6px;
  border-radius: 50%;
  background: linear-gradient(180deg, rgb(6, 8, 19), rgb(14, 19, 40) 100%);
  box-shadow: inset -30px -35px 44px 3px rgba(255, 255, 255, 0.01);
  transform: skew(-71deg, 56deg) rotate(-27deg);
}

.game__banner-img.coinflip-banner-img .symbol__icons {
  width: 32px;
  height: 32px;
}

.game__banner-img.coinflip-banner-img .symbol__icons.ton .symbol__icons-icon svg {
  width: 85%;
  height: 85%;
}

.game__banner-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  width: 100%;
  z-index: 2;
}

.game__banner-stars-subs .game__banner-img {
  left: 30%;
  top: 0;
}

.game__banner-stars-subs .game__banner-img img {
  -o-object-fit: cover;
  object-fit: cover;
}

.game__banner-icons {
  z-index: 2;
  width: 100%;
}

.game__banner-img.game__banner-event-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.game__banner-img.game__banner-event-img img {
  position: absolute;
  width: 150px;
  height: 150px;
}

.game__banner-icons--item {
  position: absolute;
  animation: float-up-down 4s infinite ease-in-out;
}

.game__banner-icons--item:nth-child(1) {
  top: -54px;
  left: 20%;
  animation-delay: 0.1s;
  animation-duration: 3.8s;
}

.game__banner-icons--item:nth-child(1) .symbol__icons {
  width: 27px;
  height: 27px;
  transform: skew(-8deg, -10deg) rotate3d(1, 0, 1, 351deg);
}

.game__banner-icons--item:nth-child(2) {
  right: 10%;
  top: -60px;
  animation-delay: 0.2s;
  animation-duration: 4.6s;
}

.game__banner-icons--item:nth-child(2) .symbol__icons {
  transform: skew(-30deg, 21deg) rotate3d(1, 0, 1, 60deg);
  filter: blur(2px);
  width: 27px;
  height: 27px;
  padding: 5px !important;
}

.game__banner-icons--item:nth-child(3) {
  left: 44%;
  top: -40px;
  animation-delay: 0.3s;
  animation-duration: 4.3s;
}

.game__banner-icons--item:nth-child(3) .symbol__icons {
  transform: skew(42deg, -35deg) rotate3d(1, 0, 1, -60deg);
  filter: blur(2px);
  width: 32px;
  height: 30px;
  padding: 5px !important;
}

@keyframes float-up-down {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(30px);
  }
}

.coinflip__pvp-icons .game__banner-icons--item:nth-child(1) {
  left: 0;
  animation-delay: 0.1s;
  animation-duration: 2.8s;
}

.coinflip__pvp-icons .game__banner-icons--item:nth-child(2) {
  right: 20px;
  animation-delay: 0.2s;
  animation-duration: 3.6s;
}

.coinflip__pvp-icons .game__banner-icons--item:nth-child(2) .symbol__icons {
  width: 33px;
  height: 33px;
}

.coinflip__pvp-icons .game__banner-icons--item:nth-child(3) {
  left: 38%;
  animation-delay: 0.3s;
  animation-duration: 2.3s;
}

.bottom__sheet {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background: #060213b3;
  bottom: 0;
  height: 100vh;
  left: 0;
  overscroll-behavior: none;
  position: fixed;
  right: 0;
  touch-action: none;
  width: 100vw;
  z-index: 29;
}

.bottom__sheet-block {
  animation-duration: 0.2s;
  background: #0a0521;
  border-radius: 2rem 2rem 0 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: -moz-max-content;
  height: max-content;
  max-height: calc(var(--tg-safe-area-inset-top, 0px) + 90svh);
  min-height: 40svh;
  padding: 0;
  padding-bottom: calc(var(--tg-safe-area-inset-bottom, 0px) + 15px);
  position: fixed;
  transform: translateY(0);
  width: 100%;
}

.modal-sheet-subscriptions:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  bottom: 20%;
  border-radius: 50%;
  z-index: 0;
  box-shadow: 10px 0px 35px 40px #f89cff, 0px 0px 60px 60px #8046ff;
}

.bottom__sheet-block::before {
  content: "";
  position: absolute;
  background: url(/img/main_menu-background.png);
  width: 100%;
  height: 250px;
  mix-blend-mode: overlay;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: -1;
  right: 0;
  top: 5%;
}

.bottom__sheet-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 15px 0;
  position: relative;
  /* text-align: center; */
}

.bottom__sheet-header h3 {
  font-size: 1.775rem;
}

.bottom__sheet-header--desc {
  color: var(--text-color-gray-light);
  font-weight: 400;
  font-size: 0.825rem;
}

.bottom__sheet-content {
  overflow-y: auto;
  padding: 0px 15px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* flex: 4; */
}

.bottom__sheet-drag {
  background: var(--bg-color-cobalt-light);
  border-radius: 1rem;
  height: 5px;
  margin: auto;
  width: 45px;
}

.bottom__sheet-combo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.bottom__sheet-combo--text {
  font-size: 0.9rem;
}

.bottom__sheet-combo--reward {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 5px 8px 5px;
  border-radius: 12px;
  background: #140d32;
}

.bottom__sheet-combo--item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  position: relative;
  padding-left: 11px;
}

.bottom__sheet-combo--item:first-child {
  padding-left: 0;
}

.bottom__sheet-combo--item:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 80%;
  width: 1px;
  background: #393c4b;
}

.bottom__sheet-combo--item:first-child::before {
  display: none;
}

.bottom__sheet-combo--item--multi {
  background: #ffab22;
  border-radius: 5px;
  padding: 1px 3px 2px;
  font-style: italic;
  font-weight: 600;
  font-size: 0.725rem;
  margin-left: 4px;
  margin-top: -4px;
}

.bottom__sheet-combo--reward .symbol__icons {
  margin-top: -5px;
  width: 20px;
  height: 20px;
}

.bottom__sheet-combo--reward span {
  font-size: 1.125rem;
  font-weight: 600;
  font-family: var(--fontfamily-primary);
}

.combo__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 0 0px;
}

.combo__container-cells {
  position: relative;
  background: var(--bg-primary);
  border: none;
  border-color: var(--bg-section-gray);
  display: flex;
  gap: 10px;
  border-radius: 16px;
  flex: 1;
  min-width: 100%;
  min-height: calc(25vw - 20px);
  z-index: 1;
  overflow: hidden;
  padding: 15px;
  justify-content: center;
}

.combo__container-cells:before {
  border-radius: 100%;
  box-shadow: 0px 0px 45px 35px #ffebff, 0px 0px 75px 80px #e290ff;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  left: 0;
  top: 0;
}

.combo__container-cells:after {
  border-radius: 100%;
  box-shadow: 0px 0px 45px 35px #ffebff, 0px 0px 75px 80px #e290ff;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  right: 0;
  bottom: 0;
}

.combo__container-cell {
  background: var(--bg-section-dark);
  border: 3px dashed;
  border-color: var(--bg-section-gray);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  flex: 1;
  min-width: calc(25% - 10px);
  min-height: calc(24vw - 20px);
  z-index: 1;
}

.combo__container-cell.hovered {
  border-color: var(--bg-primary);
}

.combo__container-cell.correct {
  border-color: var(--bg-color-success);
}

.combo__container-cell.misplaced {
  border-color: var(--bg-color-process);
}

.combo__container-cell.incorrect {
  border-color: var(--bg-color-error);
}

.combo__container-cell--item {
  padding: 12px;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.combo__container-remove {
  position: absolute;
  top: -9px;
  right: -4px;
  background: var(--bg-color-error-blur);
  color: var(--text-color-error);
  border: none;
  width: 26px;
  height: 26px;
  padding: 0px;
  border-radius: 50%;
  z-index: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.combo__container-remove svg {
  width: 11px;
  height: 9px;
}

.combo__container-cell--item img {
  width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.combo__container-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 5px;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.combo__container-list--item {
  flex: 1;
  min-width: calc(20% - 5px);
  background: var(--bg-color-cobalt-dark);
  border: 1px solid;
  border-color: #251c49;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: grab;
  border-radius: 16px;
  padding: 12px 12px;
}

.combo__container-list--item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.combo__container-list--item.disabled img {
  opacity: 0.3;
}

.combo__info-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

.combo__info-label {
  font-size: 1.225rem;
  font-weight: 300;
}

.combo__info-reward--label {
  position: relative;
  padding-left: 30px;
  font-size: 1.025rem;
}

.combo__info-reward--desc {
  color: var(--text-color-gray-light);
  line-height: 1.175rem;
}

.combo__info-reward--desc b {
  color: var(--text-color-pink);
}

.combo__info-math {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: -moz-max-content;
  width: max-content;
  background: #0f0821;
  padding: 10px 15px;
  border-radius: 14px;
}

.combo__info-math span {
  font-size: 1.125rem;
  font-weight: 400;
}

.combo__info-img {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  gap: 10px;
  padding: 15px 15px;
  background: #0f0821;
  border-radius: 16px;
  width: 100%;
}

.combo__info-img--item {
  background: var(--bg-section-dark);
  border: 1px dashed;
  border-color: var(--bg-section-gray);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  flex: 1;
  width: calc(25% + 10px);
  height: calc(25vw - 25px);
  padding: 14px;
}

.combo__info-img--item.orange {
  border-color: var(--bg-color-process);
}

.combo__info-img--item.green {
  border-color: var(--bg-color-success);
}

.combo__info-img--item.red {
  border-color: var(--bg-color-error);
}

.combo__info-img--item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.combo__info-reward {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 15px;
}

.combo__info-reward--item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.combo__info-reward--label:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

.combo__info-reward--item.red .combo__info-reward--label:before {
  background: var(--bg-color-error);
}

.combo__info-reward--item.orange .combo__info-reward--label:before {
  background: var(--bg-color-process);
}

.combo__info-reward--item.green .combo__info-reward--label:before {
  background: var(--bg-color-success);
}

.combo__container-btn {
  background: none;
  border: none;
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--text-color-light-purple);
  justify-content: center;
}

.combo__container-btn--icon {
  width: 15px;
  height: 15px;
}

.combo__container-btn--icon svg {
  width: 100%;
  height: 100%;
}

.combo__container-btn--text {
  font-size: 1rem;
  text-decoration: underline;
  font-weight: 300;
}

.banner__slider {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.banner__slider-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.banner__slider-item {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}

.banner__slider-indicator {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  gap: 5px;
}

.banner__slider-indicator--item {
  width: 8px;
  height: 8px;
  background: var(--appmenu-nav-slide-bg);
  border-radius: 100%;
  transition: 0.2s;
}

.banner__slider-indicator--item.active {
  background: var(--bg-primary-white);
}

.subscription__banner {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.subscription__banner-block {
  overflow: hidden;
  display: flex;
  position: relative;
  gap: 20px;
  border-radius: 22px;
  padding: 40px 15px 40px 15px;
  width: calc(50% - 10px);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
  min-height: 330px;
  transition: height 0.3s;
}

.subscription__banner-block:before {
  content: "";
  position: absolute;
  width: 10%;
  box-shadow: 10px -30px 60px 40px #d280ff, 10px -30px 60px 60px #7346f5;
  border-radius: 50%;
}

.subscription__banner-block.plus {
  background: rgba(25, 21, 54, 0.58);
}

.subscription__banner-block.pro {
  background: var(--bg-primary);
}

.subscription__banner-top {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  z-index: 1;
}

.subscription__banner-header {
  z-index: 1;
}

.subscription__banner-subtitle {
  font-size: 1rem;
  font-weight: 400;
}

.subscription__banner-title {
  font-size: 2.225rem;
  font-family: var(--fontfamily-primary);
  font-weight: 500;
}

.subscription__banner-list {
  overflow: hidden;
  height: 150px;
  transition: height 0.3s ease;
  position: relative;
}

.subscription__banner-list:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(0deg, #0f0c27, transparent);
  z-index: 1;
}

.pro .subscription__banner-list:before {
  background: linear-gradient(0deg, #7641ef, transparent);
}

.subscription__banner-list--content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: height 0.3s ease;
  padding: 0 0 15px;
}

.subscription__banner-list--item {
  border-radius: 100%;
  padding: 0px 0px 0px 20px;
  position: relative;
}

.subscription__banner-list--item svg {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 0;
  border-radius: 100%;
  padding: 3px;
}

.plus .subscription__banner-list--item svg {
  background: var(--bg-primary);
  color: var(--text-color-white);
}

.pro .subscription__banner-list--item svg {
  background: var(--bg-page-primary);
  color: var(--text-color-white);
}

.subscription__banner-list--item span {
  font-size: 0.825rem;
  font-weight: 300;
}

.subscription__banner-bot {
  flex: 4;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 35px 15px 15px;
}

.plus .subscription__banner-bot:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  box-shadow: 0px 0px 70px 70px #000;
  width: 0px;
  height: 0px;
  z-index: 2;
}

.pro .subscription__banner-bot:before {
  content: "";
  position: absolute;
  bottom: -5px;
  right: -5px;
  margin: auto;
  background: #fff;
  width: 80px;
  height: 70px;
  border-radius: 40% 100%;
  z-index: 1;
}

.subscription__banner-img {
  position: absolute;
  transform: translate(50%, -50%);
  right: 0;
  top: 10px;
  width: 200px;
  height: 200px;
}

.subscription__banner-img img {
  height: 100%;
  width: 100%;
}

.subscription__banner-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
}

.subscription__banner-btn--openlist {
  display: flex;
  justify-content: center;
  animation: shake 7.5s infinite;
}

.subscription__banner-btn--openlist.animation-none {
  animation: none !important;
}

@keyframes shake {

  0%,
  80% {
    transform: translateX(0);
  }

  82% {
    transform: translateY(-4px);
  }

  84% {
    transform: translateY(4px);
  }

  86% {
    transform: translateY(-3px);
  }

  88% {
    transform: translateY(3px);
  }

  90% {
    transform: translateY(-2px);
  }

  92% {
    transform: translateY(2px);
  }

  94% {
    transform: translateY(-1px);
  }

  96% {
    transform: translateY(1px);
  }

  98%,
  100% {
    transform: translateX(0);
  }
}

.subscription__banner-list.open .subscription__banner-btn--openlist {
  animation: none !important;
}

.subscription__banner-btn--openlist .btn-icon {
  width: 15px;
  height: 15px;
  margin-top: 1px;
  margin-left: -1px;
}

.subscription__banner-btn--openlist .btn {
  padding: 3px;
  border-color: transparent;
  background: transparent;
  font-size: 0.675rem;
  font-weight: 300;
  padding: 0;
  gap: 2px;
  border: none;
  color: var(--text-color-gray-light);
}

.subscription__banner-btn--openlist svg {
  transition: 0.2s;
}

.subscription__banner-btn .btn {
  padding: 3px;
}

.subscritpions__purchase-tariff {
  position: relative;
  display: flex;
  gap: 20px;
}

.subscritpions__purchase-tariff--item {
  position: relative;
  display: flex;
  background: rgb(26, 21, 41);
  border: none;
  border-radius: 22px;
  padding: 40px 10px 25px 10px;
  overflow: hidden;
  width: calc(50% - 10px);
}

.subscritpions__purchase-tariff--item.selected {
  background: var(--bg-color-cobalt-dark);
}

.subscritpions__purchase-tariff--item:after {
  border-radius: 100%;
  box-shadow: 0px 0px 25px 35px #ffebff, 0px 0px 75px 80px #e290ff;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.6s;
}

.subscritpions__purchase-tariff--item:before {
  border-radius: 100%;
  box-shadow: 0px 0px 25px 35px #ffebff, 0px 0px 75px 80px #e290ff;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}

.subscritpions__purchase-tariff--item.selected:after {
  border-radius: 100%;
  box-shadow: 0px 0px 45px 35px #ffebff, 0px 0px 75px 80px #e290ff;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  left: 0;
  top: 0;
  opacity: 1;
}

.subscritpions__purchase-tariff--item.selected:before {
  border-radius: 100%;
  box-shadow: 0px 0px 45px 35px #ffebff, 0px 0px 75px 80px #e290ff;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: 0.6s;
}

.subscritpions__purchase-item--icon {
  position: absolute;
  top: 0;
  width: -moz-max-content;
  width: 100%;
  display: flex;
  align-items: center;
}

.subscritpions__purchase-item--icon {
  transform: translate(50%, -50%);
  right: 0;
  top: 0;
  width: 200px;
  height: 200px;
  pointer-events: none;
  z-index: 1;
}

.subscritpions__purchase-item--icon img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.subscritpions__purchase-item--info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
  z-index: 1;
}

.subscritpions__purchase-item--header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  color: rgba(255, 255, 255, 0.29);
  transition: 0.3s;
}

.selected .subscritpions__purchase-item--header {
  color: #fff;
}

.subscritpions__purchase-item--subtitle {
  font-size: 0.875rem;
  font-weight: 400;
}

.subscritpions__purchase-item--title {
  font-size: 1.975rem;
  font-weight: 500;
}

.subscritpions__purchase-item--list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
}

.subscritpions__purchase-item--listitem {
  position: relative;
  padding: 0px 0px 0px 20px;
}

.subscritpions__purchase-item--listitem svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  padding: 3px;
  background: var(--bg-page-primary);
  transition: 0.3s;
}

.selected .subscritpions__purchase-item--listitem svg {
  background: var(--bg-primary);
}

.subscritpions__purchase-item--listitem span {
  font-size: 0.825rem;
  font-weight: 400;
  display: flex;
  text-align: left;
  color: rgba(255, 255, 255, 0.29);
  transition: 0.3s;
}

.selected .subscritpions__purchase-item--listitem span {
  color: #fff;
}

.subscritpions__purchase-time {
  position: relative;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  gap: 5px;
  background: #0b061b;
  border: 1px solid #272243;
  border-radius: 48px;
  padding: 20px 20px;
  overflow: hidden;
  min-height: 55px;
}

.subscritpions__purchase-time--text {
  font-size: 0.875rem;
  font-weight: 300;
  color: var(--text-color-gray);
  z-index: 1;
}

.subscritpions__purchase-time--date {
  font-size: 0.925rem;
  font-weight: 500;
  z-index: 1;
}

.subscritpions__purchase-time--icon {
  position: absolute;
  right: 20px;
  bottom: -30px;
  color: var(--bg-primary);
  height: 150%;
  z-index: 0;
}

.subscritpions__purchase-time--icon svg {
  width: 100%;
  height: 100%;
}

.subscritpions__purchase-checkbox {
  display: flex;
  flex-direction: column;
}

.subscritpions__purchase-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 10px;
  z-index: 1;
}

.subscritpions__purchase-btn {
  position: relative;
  flex: 4;
  min-width: -moz-max-content;
  min-width: max-content;
  border: none;
  border-radius: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px;
  gap: 8px;
}

.subscritpions__purchase-btn.stars {
  background: var(--bg-color-process);
  color: var(--text-color-white);
}

.subscritpions__purchase-btn.ton {
  background: var(--bg-primary-white);
  color: var(--text-color-black);
}

.subscritpions__purchase-btn--value {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  border-radius: 27px;
  gap: 4px;
}

.subscritpions__purchase-btn--value .symbol__icons {
  color: #fff;
  width: 18px;
  height: 18px;
  margin-left: -3px;
}

.subscritpions__purchase-btn--value img {
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
  object-fit: contain;
}

.stars .subscritpions__purchase-btn--value img {
  filter: brightness(10);
  margin-top: -1px;
}

.ton .subscritpions__purchase-btn--value img {
  padding: 1px;
}

.subscritpions__purchase-btn--value span {
  font-weight: 500;
  font-size: 0.925rem;
}

.stars .subscritpions__purchase-btn--value {
  background: #d98b14;
}

.ton .subscritpions__purchase-btn--value {
  background: var(--bg-color-blue);
}

.subscritpions__purchase-btn--text {
  font-weight: 500;
  font-size: 0.925rem;
}

.subscritpions__purchase-desc {
  display: flex;
  justify-content: center;
  text-align: left;
  color: var(--text-color-gray-two);
  font-size: 0.775rem;
}

.subscription__settings {
  position: relative;
  display: flex;
  background: rgba(25, 21, 54, 0.58);
  border-radius: 16px;
  padding: 15px 15px;
  gap: 40px;
  flex-direction: column;
  overflow: hidden;
}

.subscription__settings:before {
  position: absolute;
  content: "";
  left: 40px;
  top: 0;
  box-shadow: 10px 0px 35px 40px #c87cff, 10px 0px 60px 60px #754ef8;
  mix-blend-mode: plus-lighter;
}

.subscription__settings:after {
  position: absolute;
  content: "";
  background-image: url(/img/ui/banners/subs-banner-image.png);
  right: 0px;
  top: -110px;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
  background-size: contain;
}

.subscription__settings-btns {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.subscription__settings-block {
  position: relative;
  width: calc(50% - 10px);
}

.subscription__settings-btn {
  font-size: 1rem;
  background: none;
  border: none;
  font-weight: 500;
  z-index: 1;
  width: 100%;
  border-radius: 22px;
  padding: 10px 15px;
}

.subscription__settings-btn.settings {
  background-color: #fff;
  color: #000;
}

.subscription__settings-btn.time {
  background-color: #7740f2;
}

.subscription__settings-label {
  display: flex;
  flex-direction: column;
  gap: 0px;
  z-index: 1;
}

.subscription__settings-label--subtext {
  font-size: 0.775rem;
}

.subscription__settings-label--text {
  font-size: 1.775rem;
  font-weight: 500;
  font-family: var(--fontfamily-primary);
}

.subscription__settings-time--value {
  position: absolute;
  padding: 10px;
  display: flex;
  top: -27px;
  left: 50%;
  width: 95%;
  transform: translate(-50%);
  justify-content: center;
  align-items: center;
  gap: 5px;
  text-wrap-mode: nowrap;
  background: rgba(41, 36, 92, 0.72);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.subscription__settings-time--indicator {
  width: 5px;
  height: 5px;
  border-radius: 100%;
}

.subscription__settings-time--indicator.green {
  background: var(--bg-color-success);
}

.subscription__settings-time--indicator.orange {
  background: var(--bg-color-process);
}

.subscription__settings-time--indicator.red {
  background: var(--bg-color-error);
}

.subscription__settings-time--label {
  font-size: 0.725rem;
  font-weight: 300;
}

.subscription__settings-time--btn {
  display: flex;
  border: none;
  font-size: 0.925rem;
}

.table-prefix {
  font-family: var(--fontfamily-primary);
  font-weight: 500;
  font-size: 0.9rem;
}

.gradient-border {
  position: relative;
}

.gradient-border::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 1px;
  background: linear-gradient(180deg, #252040 0%, rgb(17 15 37 / 30%) 100%);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

.mining__power {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  margin-top: 10px;
}

.mining__power-block--first {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.mining__power-value--seconds .mining__power-hash {
  font-size: 1.075rem;
}

.mining__power-value--seconds .mining__power-desc {
  font-size: 0.975rem;
  margin-top: 2px;
  font-weight: 300;
}

.mining__power-value--seconds .mining__power-icon {
  margin-top: 1px;
}

.mining__power-label {
  display: flex;
  gap: 6px;
  align-items: center;
}

.mining__power-label--icon {
  width: 10px;
  height: 18px;
  color: #99ea70;
}

.mining__power-label--icon svg {
  width: 100%;
  height: 100%;
}

.mining__power-label--text {
  font-size: 1.025rem;
}

.mining__power-value {
  display: flex;
  gap: 5px;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}

.mining__power-value--seconds {
  display: flex;
  gap: 5px;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}

.mining__power-photo {
  position: absolute;
  width: 60px;
  height: 60px;
  right: 0;
  border-radius: 50%;
  background: var(--bg-color-cobalt-dark);
  overflow: hidden;
}

.mining__power-photo img {
  position: relative;
  width: 110%;
  height: 100%;
  right: -40%;
  top: 0px;
  transform: rotate(30deg);
}

.mining__power-hash {
  font-size: 1.825rem;
  font-weight: 500;
}

.mining__power-desc {
  font-size: 1.225rem;
  margin-top: 4px;
}

.mining__power-icon {
  margin-top: 4px;
}

.mining__power-value .symbol__icons {
  width: 20px;
  height: 20px;
}

.mining__power-value--seconds .symbol__icons {
  width: 16px;
  height: 16px;
}

.mining__buttons {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.mining__progress {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.mining__progress-left {
  display: flex;
  padding: 15px;
  flex-direction: column;
  gap: 25px;
  border-radius: 22px;
  width: 60%;
}

.mining__progress-block--header {
  display: flex;
  justify-content: space-between;
}

.mining__progress-header--label {
  display: flex;
  gap: 5px;
  align-items: center;
}

.mining__progress-label--icon {
  width: 13px;
  height: 15px;
  min-width: 13px;
  min-height: 15px;
  color: #fff;
}

.mining__progress-label--icon svg {
  width: 100%;
  height: 100%;
}

.mining__progress-label--text {
  font-size: 0.825rem;
  min-width: -moz-max-content;
  min-width: max-content;
}

.mining__progress-header--timer {
  font-size: 0.825rem;
  color: var(--text-color-gray);
}

.mining__progress-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mining__progress-info {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -5px;
}

.mining__progress-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: calc(50% - 10px);
  min-width: -moz-max-content;
  min-width: max-content;
  flex: 4;
  padding: 15px;
  border-radius: 22px;
}

.mining__progress-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.mining__progress-circle svg {
  position: relative;
}

.mining__progress-circle:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  height: 90%;
  box-shadow: 0px 0px 30px -7px var(--color-box-shadow);
  border-radius: 100%;
  z-index: 0;
  opacity: 0.6;
}

.mining__progress-right .mining__progress-block {
  width: 100%;
}

.mining__progress-value {
  display: flex;
  align-items: center;
}

.mining__progress-value--text {
  font-size: 1.325rem;
}

.mining__progress-value--icon {
  margin-top: 0px;
  margin-left: -1px;
  width: 18px;
  height: 18px;
}

.mining__progress-value--icon .symbol__icons {
  width: 100%;
  height: 100%;
}

.mining__progress-value--max {
  font-size: 0.825rem;
  color: var(--text-color-gray);
  font-weight: 300;
}

.mining__progress-right {
  display: flex;
  width: 40%;
  gap: 15px;
  flex-direction: column;
  padding: 15px;
  border-radius: 22px;
}

.mining__button-info {
  display: flex;
  gap: 6px;
  color: rgb(168, 136, 255);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
}

.mining__button-info--icon {
  width: 14px;
  height: 14px;
}

.mining__button-info--icon svg {
  width: 100%;
  height: 100%;
}

.mining__button-info--text {
  position: relative;
  font-size: 1.025rem;
  font-weight: 300;
}

.mining__button-info--text:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgb(168, 136, 255);
  bottom: 0;
}

.repair__content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
}

.repair__content-close {
  position: absolute;
  top: -15px;
  bottom: 0;
  left: -10px;
  right: 0;
  width: calc(100% + 20px);
  height: calc(100% + 30px);
  margin: auto;
  z-index: 5;
  background: rgb(15 10 38 / 80%);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 20px 20px;
  gap: 10px;
}

.repair__close--label {}

.repair__close--desc {
  color: var(--text-color-gray);
  font-size: 0.925rem;
}

.repair__track {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  height: 8px;
  background-color: #1a1335;
  border-radius: 2px;
  transform: translateY(-50%);
}

.repair__progress {
  position: absolute;
  top: 50%;
  height: 8px;
  background-color: #7640ee;
  border-radius: 2px;
  transform: translateY(-50%);
}

.repair__tick-label {
  position: absolute;
  top: calc(50% - 30px);
  /* Размещаем цифры над засечками */
  color: #d5d3dc;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  font-size: 1rem;
  text-align: center;
  margin-left: 2px;
}

.repair__handle {
  position: absolute;
  top: 50%;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: none;
  z-index: 10;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -50%);
  transition: transform 0.1s;
}

.repair__value-center {
  position: absolute;
  top: 65px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 28px;
  font-weight: bold;
  color: white;
}

.repair__value {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}

.repair__value-text {
  font-size: 2.175rem;
  font-weight: 600;
  padding: 10px 10px;
  border-radius: 26px;
  background: #140d2c;
  border: 1px solid #191332;
  width: 90px;
  height: 64px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.repair__value-label {
  color: var(--text-color-white-first);
  font-weight: 300;
}

.repair__arc-fill {
  transition: d 0.3s ease;
}

.repair__info {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.repair__info-block {
  display: flex;
  padding: 15px;
  width: calc(50% - 10px);
  min-width: 100px;
  flex: 4;
  gap: 8px;
  flex-direction: column;
  border-radius: 22px;
}

.repair__info-block--value {
  font-size: 1.375rem;
  font-weight: 500;
}

.repair__info-block-desc {
  font-size: 0.725rem;
  color: var(--text-color-gray-two);
}

.repair__purchase {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 10px;
  z-index: 1;
}

.repair__info-btns {
  display: flex;
  justify-content: center;
  align-items: center;
}

.repair__info-btn {
  background: none;
  border: none;
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--text-color-light-purple);
  justify-content: center;
}

.repair__info-btn--icon {
  width: 15px;
  height: 15px;
}

.repair__info-btn--icon svg {
  width: 100%;
  height: 100%;
}

.repair__info-btn--text {
  font-size: 1rem;
  text-decoration: underline;
  font-weight: 300;
}

.repair__checkbox {
  margin-top: 10px;
}

.repair__checkbox-desc {
  display: flex;
  justify-content: center;
  text-align: left;
  color: var(--text-color-gray-two);
  font-size: 0.775rem;
}

.repair__purchase-btn {
  position: relative;
  flex: 4;
  min-width: -moz-max-content;
  min-width: max-content;
  border: none;
  border-radius: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px;
  gap: 8px;
}

.repair__purchase-btn.bounty {
  background-color: var(--btn-color-primary);
}

.repair__purchase-btn.bounty .repair__purchase-btn--value {
  background-color: #5124c5;
}

.repair__purchase-btn.ton {
  background: #fff;
}

.repair__purchase-btn.ton .repair__purchase-btn--value {
  background-color: #3095ff;
}

.repair__purchase-btn .repair__purchase-btn--text {
  font-weight: 500;
}

.repair__purchase-btn--value {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 7px;
  border-radius: 27px;
  gap: 1px;
}

.repair__purchase-btn.ton .repair__purchase-btn--text {
  color: #000;
  font-weight: 500;
}

.repair__purchase-btn--text {
  font-size: 0.925rem;
}

.repair__purchase-btn.usdt .repair__purchase-btn--text {
  color: #000;
}

.repair__purchase-btn.usdt .repair__purchase-btn--value {
  background-color: #26a17b;
}

.repair__purchase-checkbox .checkbox-text {
  font-size: 0.775rem;
}

.repair__purchase-desc {
  color: var(--text-color-gray-two);
  font-size: 0.725rem;
}

.repair__purchase-btn.btc {
  background: #fff;
}

.repair__purchase-btn.btc .repair__purchase-btn--value {
  background-color: #ef8e19;
}

.repair__purchase-btn.btc .repair__purchase-btn--text {
  color: #000;
}

.repair__purchase-btn.eth {
  background: #fff;
}

.repair__purchase-btn.eth .repair__purchase-btn--value {
  background-color: #6881ec;
}

.repair__purchase-btn.eth .repair__purchase-btn--text {
  color: #000;
}

.repair__purchase-btn.ltc {
  background: #fff;
}

.repair__purchase-btn.ltc .repair__purchase-btn--value {
  background-color: #3a62a0;
}

.repair__purchase-btn.ltc .repair__purchase-btn--text {
  color: #000;
}

.repair__purchase-btn.sol {
  background: #fff;
}

.repair__purchase-btn.sol .repair__purchase-btn--value {
  background-color: #2dd9bb;
}

.repair__purchase-btn.sol .repair__purchase-btn--text {
  color: #000;
}

.repair__purchase-desc span {
  color: inherit;
  font-size: inherit;
}

.modal-sheet-repair-sub {}

.modal-sheet-repair-sub:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  bottom: 110px;
  border-radius: 50%;
  z-index: -1;
  box-shadow: 10px -20px 35px 30px #f89cff, 0px 0px 80px 70px #8046ff;
  opacity: 0.75;
}

.app__policy {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  height: 100%;
  gap: 0px;
  position: relative;
  padding: 0px 15px 0px;
  padding-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 15px));
  padding-bottom: calc(var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px) + 5px) !important;
}

.app__policy-content {
  flex: 4;
  overflow: auto;
}

.repair__slider-container {
  position: relative;
  width: 100%;
  padding-top: 0px;
  /* место для засечек */
  margin: 20px 0 10px;
}

/* Засечки */
.repair__ticks {
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  width: 95%;
  margin: auto;
  z-index: 0;
}

.repair__tick {
  position: absolute;
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
  background: #5223ba;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 15px);
  width: 4px;
  height: 15px;
  border-radius: 60px;
  z-index: 2;
}

.repair__tick span {
  display: block;
  margin-bottom: 0;
  /* display: none; */
  color: var(--text-color-gray);
  transform: translateY(-15px);
  font-size: 0.825rem;
}

/* Слайдер стили */
.repair__slider {
  -webkit-appearance: none;
  width: 100%;
  background: #1b1336;
  height: 14px;
  border-radius: 5px;
}

/* Трек */
.repair__slider::-webkit-slider-runnable-track {
  height: 20px;
  border-radius: 0px;
}

.repair__slider::-moz-range-track {
  height: 6px;
  border-radius: 3px;
  background-color: #1b1336;
}

/* Ползунок */
.repair__slider::-webkit-slider-thumb {
  position: relative;
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #ffffff;
  margin-top: -1px;
  cursor: pointer;
}

.repair__slider::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #ffffff;
  cursor: pointer;
}

.modal__purchase-item {
  align-items: center;
  background: #0f0924b5;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 30px;
  display: flex;
  overflow: hidden;
  gap: 15px;
  padding: 20px 15px;
  width: 100%;
}

.modal__purchase-item--left {}

.modal__purchase-item--img {
  width: 75px;
  height: 75px;
}

.modal__purchase-item--img.miners {
  border-radius: 14px;
  overflow: hidden;
}

.modal__purchase-item--img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.modal__purchase-item--right {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal__purchase-item--name {
  color: var(--text-color-white);
  font-weight: 400;
  font-size: 0.975rem;
}

.modal__purchase-item--name.boosters {
  font-weight: 500;
  font-size: 1.025rem;
  line-height: 1.425rem;
}

.modal__purchase-item--name.boosters span {
  background: #86eb641f;
  border: 1px solid #99ea71;
  color: #99ea71;
  padding: 3px 5px;
  border-radius: 5px;
  font-size: 0.775rem;
  margin: 0px 5px 0px;
  font-weight: 300;
}

.modal__purchase-item--power {
  display: flex;
  gap: 20px;
  align-items: center;
  padding-left: 10px;
}

.modal__purchase-item--power-icon {}

.modal__demo-line--icon {}

.modal__demo-line--circle {}

.modal__purchase-item--power--info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.modal__purchase-item--power--title {
  color: #8c879d;
  text-align: left;
  font-weight: 300;
  font-size: 0.875rem;
}

.modal__purchase-item--power--value {
  font-size: 1.125rem;
}

.modal__purchase-item--power--value span {
  font-size: 0.825rem;
  font-weight: 300;
  color: var(--text-color-gray-light);
}

.modal__purchase-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}

.modal__purchase-button {
  background: var(--bg-btn);
  color: var(--color-btn);
  border: none;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex: 4;
  padding: 7px 12px;
  height: 50px;
}

.modal__purchase-button.full {
  flex: 1 1 auto;
  width: 100%;
}

.modal__purchase-button.ton {
  --bg-price: #3095ff;
  --color-price: #ffffff;
  --bg-btn: #ffffff;
  --color-btn: #000;
}

.modal__purchase-button.usdt {
  --bg-price: #26a17b;
  --color-price: #ffffff;
  --bg-btn: #ffffff;
  --color-btn: #000;
}

.modal__purchase-button.btc {
  --bg-price: #ef8e19;
  --color-price: #ffffff;
  --bg-btn: #ffffff;
  --color-btn: #000;
}

.modal__purchase-button.eth {
  --bg-price: #6881ec;
  --color-price: #ffffff;
  --bg-btn: #ffffff;
  --color-btn: #000;
}

.modal__purchase-button.ltc {
  --bg-price: #3a62a0;
  --color-price: #ffffff;
  --bg-btn: #ffffff;
  --color-btn: #000;
}

.modal__purchase-button.sol {
  --bg-price: #2dd9bb;
  --color-price: #ffffff;
  --bg-btn: #ffffff;
  --color-btn: #000;
}

.modal__purchase-button.bounty {
  --bg-price: #5227c8;
  --color-price: #ffffff;
  --bg-btn: #7546f4;
  --color-btn: #ffffff;
}

.modal__purchase-button.stars {
  --bg-price: #d88c15;
  --color-price: #ffffff;
  --bg-btn: #fba705;
  --color-btn: #ffffff;
}

.modal__purchase-button--price {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-price);
  background: var(--bg-price);
  border-radius: 14px;
  padding: 3px 7px 3px 11px;
  height: 30px;
}

.modal__purchase-button--price span {
  font-size: 0.875rem;
}

.modal__purchase-button--currency {}

.modal__purchase-button--currency .symbol__icons {
  width: 22px;
  height: 24px;
}

.modal__purchase-button--text {
  font-size: 0.925rem;
}

.modal__purchase-boosters--select {
  display: flex;
  align-items: center;
  gap: 10px;
}

.input-boosters-select {
  display: flex;
  width: 50px;
  padding: 8px 5px;
  font-size: 1.025rem;
  border-radius: 10px;
  border: 1px solid #1c1635;
  background: #150e2b;
  color: var(--text-color-white);
  font-weight: 500;
  text-align: center;
  justify-content: center;
}

.modal__purchase-boosters--select-btn {
  display: flex;
  padding: 10px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}

.modal__purchase-boosters--select-btn.first {
  background: #ff0b1f30;
  border: none;
  color: #ff1014;
}

.modal__purchase-boosters--select-btn svg {
  width: 100%;
  height: 100%;
}

.modal__purchase-boosters--select-btn.second {
  background: #77ff323b;
  border: none;
  color: #77ff32;
}

.coinflip-pvp__balance,
.coinflip-pvp__header {
  align-items: center;
  display: flex;
  justify-content: center;
}

.coinflip-pvp__balance {
  gap: 10px;
}

.coinflip-pvp__balance-block {
  align-content: center;
  align-items: center;
  border-radius: 60px;
  display: flex;
  gap: 3px;
  padding: 10px 20px;
}

.coinflip-pvp__balance-block_icon {
  z-index: 2;
}

.coinflip-pvp__balance-block_icon img {
  height: 100%;
  width: 100%;
}

.coinflip-pvp__balance-block_value {
  font-family: var(--fontfamily-primary);
  font-size: 1.075rem;
  font-weight: 500;
  margin-top: 4px;
  z-index: 2;
}

@media (max-width: 320px) {
  .coinflip-pvp__balance-block_value {
    font-size: 0.925rem;
  }

  .coinflip-pvp__balance-block_icon {
    height: 15px;
    width: 15px;
  }
}

.coinflip-pvp {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}

.coinflip-pvp.ton {
  --main-color-flip: #0098ea;
  --light-main-color-flip: #6dcbfd;
}

.coinflip-pvp.usdt {
  --main-color-flip: #26a17b;
  --light-main-color-flip: #47f6c0;
}

.coinflip-pvp.btc {
  --main-color-flip: #ef8e19;
  --light-main-color-flip: #ffb45a;
}

.coinflip-pvp.eth {
  --main-color-flip: #6881ec;
  --light-main-color-flip: #2f46a8;
}

.coinflip-pvp.ltc {
  --main-color-flip: #3a62a0;
  --light-main-color-flip: #226ada;
}

.coinflip-pvp.sol {
  --main-color-flip: #2dd9bb;
  --inactive-main-color-flip: #348678;
  --light-main-color-flip: #8a50f5;
}

.coinflip-pvp.bounty {
  --main-color-flip: #fb45ff;
  --light-main-color-flip: #a631a7;
}

.coinflip-pvp__content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 100%;
  padding: 20px 0px 0px;
  position: relative;
  justify-content: flex-start;
}

.coinflip-pvp__bot {
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 100%;
  padding: 0px 0px 0px;
  position: relative;
  justify-content: flex-start;
}

.coinflip-pvp__label {
  align-items: center;
  display: flex;
  font-family: var(--fontfamily-primary);
  font-size: 2rem;
  font-weight: 600;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
}

.coinflip-pvp__label-circle {
  background: #fff;
  border-radius: 100%;
  height: 26px;
  margin: 0 1px;
  transform: translateY(-3px) skew(-3deg, -25deg);
  width: 13px;
}

.coinflip-pvp__label-btn {
  background: none;
  border: none;
  bottom: 0;
  bottom: 5px;
  color: #fff;
  display: flex;
  height: 22px;
  margin: auto;
  position: absolute;
  right: -30px;
  top: 0;
  width: 22px;
}

.coinflip-pvp__label-btn svg {
  height: 100%;
  width: 100%;
}

.coinflip-pvp__label-icon {
  height: 55px;
  width: 55px;
  margin-left: 6px;
  margin-top: -4px;
}

.coinflip-pvp__label-icon--color {
  color: var(--main-color-flip);
}

.coinflip-pvp__label-icon svg {
  width: 100%;
  height: 100%;
}

.coinflip-pvp__label span {
  color: var(--main-color-flip);
  font-size: 30px;
  font-weight: 600;
  transition: color 0.4s;
}

.coinflip-pvp__info {
  align-items: center;
  display: flex;
  height: -moz-max-content;
  height: max-content;
  margin: 0px auto 0;
  padding: 3vh 10px 3vh;
  position: relative;
  width: 100%;
}

.coinflip-pvp__info-background {
  bottom: 0;
  height: calc(100% + 83px);
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}

.coinflip-pvp__info-background:after {
  border-radius: 100%;
  bottom: 0;
  box-shadow: -13vw -2vh 20vw 0vw var(--main-color-flip), 18vw 1vh 20vw -4px var(--light-main-color-flip);
  content: "";
  height: 20vw;
  left: 0;
  margin: auto;
  max-height: 100px;
  max-width: 100px;
  position: absolute;
  right: 0;
  top: 0;
  transition: box-shadow 0.4s;
  width: 20vw;
  z-index: 1;
  mix-blend-mode: plus-lighter;
}

@media (max-width: 320px) {
  .coinflip-pvp__info {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .coinflip-pvp__info-left,
  .coinflip-pvp__info-right {
    position: relative !important;
  }

  .coinflip-pvp__info-right {
    right: 0;
    width: 100%;
  }
}

@keyframes moveGrid {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: 20px 20px;
  }
}

.coinflip-pvp__icon {
  align-items: center;
  background: linear-gradient(180deg, #0b071d, #0f0a26 100%);
  border: 1px solid #363e614d;
  border-radius: 100%;
  box-shadow: inset -30px -35px 44px 3px rgb(255 255 255 / 2%), 35px 20px 70px -40px #000;
  display: flex;
  height: 40vw;
  justify-content: center;
  margin: 0 auto;
  max-height: 200px;
  max-width: 200px;
  position: relative;
  width: 40vw;
  z-index: 10;
}

.coinflip-pvp__coin {
  height: 70%;
  position: relative;
  transform-style: preserve-3d;
  width: 70%;
  z-index: 10;
}

.coinflip-pvp__swords-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0px;
  z-index: 10;
}

.coinflip-pvp__swords-img img {
  position: relative;
  z-index: 2;
  height: 119%;
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.coinflip-pvp__swords-img img:nth-child(1) {
  /* animation: swordFirst 12s ease-in-out infinite; */
  left: 0%;
  transform: rotate(35deg);
  top: 3px;
}

.coinflip-pvp__swords-img img:nth-child(2) {
  /* animation: swordSecond 12s ease-in-out infinite; */
  right: 0%;
  transform: rotate(-42deg);
  top: 6px;
}

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

  10% {
    transform: translateX(-50px) rotate(0deg);
  }

  60% {
    transform: translateX(-50px) rotate(-1440deg);
  }

  70% {
    transform: translateX(0) rotate(0deg);
  }

  100% {
    transform: translateX(0) rotate(0deg);
  }
}

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

  10% {
    transform: translateX(50px) rotate(0deg);
  }

  60% {
    transform: translateX(50px) rotate(1440deg);
  }

  70% {
    transform: translateX(0) rotate(0deg);
  }

  100% {
    transform: translateX(0) rotate(0deg);
  }
}

.coinflip-pvp__coin.flipping {
  transform: rotateX(180deg);
}

.coinflip-pvp__content:before {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: rgb(6 2 19 / 72%);
  bottom: 0;
  content: "";
  height: 150vh;
  left: -50vw;
  margin: auto;
  opacity: 0;
  position: fixed;
  right: 0;
  top: -50vh;
  transition: 0.4s;
  visibility: hidden;
  width: 150vw;
  z-index: 10;
}

.coinflip-pvp__content.flipping:before {
  opacity: 1;
  position: fixed;
  visibility: visible;
}

.coinflip-pvp__coin-side {
  align-items: center;
  backface-visibility: hidden;
  border-radius: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 15% 15%;
  position: absolute;
  transition: background 0.2s;
  width: 100%;
}

.coinflip-pvp__coin-side .symbol__icons {
  width: 100%;
  height: 100%;
}

.coinflip-pvp__coin-side.front {
  background: var(--main-color-flip);
  transform: rotateX(0deg);
}

.coinflip-pvp__coin-side.back {
  background: var(--bg-primary-white);
  transform: rotateX(180deg);
}

.coinflip-pvp__coin-icon {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.coinflip-pvp__coin-side.back .symbol__icons svg,
.coinflip-pvp__coin-side.back .symbol__icons img {
  filter: brightness(0);
}

.coinflip-pvp__info-left {
  bottom: 0;
  height: -moz-max-content;
  height: max-content;
  left: 10px;
  margin: auto;
  position: absolute;
  top: 0;
  z-index: 1;
}

.coinflip-pvp__section-bar {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 15px;
}

.coinflip-pvp__bar-btn {
  position: relative;
  display: flex;
  gap: 25px;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}

.coinflip-pvp__btn {
  align-items: center;
  background: transparent;
  border: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: 0.3s;
}

.coinflip-pvp__btn-side {
  align-items: center;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  transition: background 0.2s;
  width: 75px;
  height: 75px;
  padding: 15% 15%;
}

.coinflip-pvp__btn.inactive {
  pointer-events: none;
}

.coinflip-pvp__btn.inactive .symbol__icons {
  background: rgba(40, 31, 79, 1);
}

.coinflip-pvp__btn.inactive .coinflip-pvp__btn-text {
  color: rgba(70, 60, 126, 1);
}

.coinflip-pvp__btn.inactive svg {
  color: rgba(80, 70, 123, 1);
}

.coinflip-pvp__btn-side .symbol__icons {
  height: 100%;
  width: 100%;
}

.coinflip-pvp__btn.heads .coinflip-pvp__btn-side {
  background: var(--main-color-flip);
}

.coinflip-pvp__btn.heads svg {
  color: #ffffff;
}

.coinflip-pvp__btn.tails .coinflip-pvp__btn-side {
  background: var(--bg-primary-white);
}

.coinflip-pvp__btn.tails svg {
  filter: brightness(0);
}

.coinflip-pvp__btn[disabled] .coinflip-pvp__btn-side {
  background: rgba(40, 31, 79, 1);
}

.coinflip-pvp__btn[disabled] svg {
  color: rgba(80, 70, 123, 1);
}

.coinflip-pvp__btn[disabled] .coinflip-pvp__btn-text {
  color: rgba(70, 60, 126, 1);
}

.coinflip-pvp__btn-text {
  text-transform: uppercase;
  font-size: 0.925rem;
  font-weight: 500;
}

.coinflip-pvp__users {
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  margin-top: -70px;
  z-index: 15;
}

.coinflip-pvp__user-left {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.coinflip-pvp__user-side--circle {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  padding: 4px;
  z-index: 1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.coinflip-pvp__user-side--circle .symbol__icons {
  width: 100%;
  height: 100%;
}

.coinflip-pvp__user-side--circle.tails .symbol__icons {
  filter: brightness(0);
}

.coinflip-pvp__user-left .coinflip-pvp__user-side--circle {
  transform: translateX(-25px);
}

.coinflip-pvp__user-right .coinflip-pvp__user-side--circle {
  transform: translateX(25px);
}

.coinflip-pvp__user-side--circle.heads {
  background: var(--main-color-flip);
}

.coinflip-pvp__user-side--circle.tails {
  background: #ffffff;
}

.coinflip-pvp__user-image.lose:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(255, 0, 0, 0.5);
  mix-blend-mode: multiply;
}

.coinflip-pvp__user-image {
  position: relative;
  width: 70px;
  height: 70px;
  max-height: 70px;
  max-width: 70px;
  min-width: 70px;
  min-height: 70px;
  border-radius: 100%;
  /* overflow: hidden; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.coinflip-pvp__user-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: inherit;
}

.coinflip-pvp__user-name {
  text-align: center;
  font-size: 0.925rem;
  font-weight: 400;
  font-family: var(--fontfamily-primary);
  text-transform: uppercase;
  width: 110px;
  max-width: 110px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}

.coinflip-pvp__user-name.none {
  height: 20px;
  border-radius: 10px;
}

.coinflip-pvp__user-right {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.coinflip-pvp__bar-btn--loading {
  margin-top: -20px;
  position: absolute;
  padding: 16px 20px;
  width: 125%;
  min-width: -moz-max-content;
  min-width: max-content;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgb(19 12 48 / 75%);
  border-radius: 150px;
  overflow: hidden;
}

.coinflip-pvp__bar-btn--loading-text {
  position: relative;
  text-align: center;
  z-index: 1;
}

.coinflip-pvp__bar-btn--loading:before {
  width: 60px;
  height: 40px;
  border-radius: 50%;
  filter: blur(12px);
  background: RGB(109, 74, 255);
  position: absolute;
  content: "";
  left: 50%;
  transform: translate(-50%);
  top: 60%;
}

.coinflip-pvp__bar-btn--loading:after {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  filter: blur(7px);
  background: RGB(255, 152, 255);
  position: absolute;
  content: "";
  left: 50%;
  transform: translate(-50%);
  top: 80%;
}

.coinflip-pvp__bar-btn--return {
  display: flex;
  width: 100%;
  padding: 0 30px;
}

.coinflip-pvp__status {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.coinflip-pvp__status-timer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.coinflip-pvp__status-timer--counting {
  font-size: 3.225rem;
  font-style: italic;
  font-weight: 600;
  transition: 0.3s;
  animation: countdown 1s ease-out;
}

.coinflip-pvp__status-timer--text {
  font-size: 1rem;
  font-weight: 500;
  color: rgba(84, 73, 113, 1);
}

.coinflip-pvp__status-timer--counting.pulse {
  animation: pulse 0.5s infinite alternate;
  color: #ff4757;
}

@keyframes countdown {
  0% {
    transform: scale(1.2);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.1);
    opacity: 0.8;
  }
}

.coinflip-pvp__status-loading {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
}

.coinflip-pvp__status-loading--icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coinflip-pvp__status-loading--icon:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  animation: circleLoadingSecond 2s linear infinite;
  border: 1px solid rgba(118, 64, 240, 1);
  border-top-color: transparent;
}

.coinflip-pvp__status-loading--icon:after {
  content: "";
  position: absolute;
  width: 37px;
  height: 37px;
  border-radius: 100%;
  animation: circleLoadingFirst 2s linear infinite;
  border: 1px solid rgba(118, 64, 240, 1);
  border-top-color: transparent;
}

@keyframes circleLoadingFirst {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

@keyframes circleLoadingSecond {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.coinflip-pvp__status-loading--text {
  font-weight: 500;
  font-size: 1.025rem;
}

.coinflip-pvp__status-result {
  display: flex;
  flex-direction: column;
}

.coinflip-pvp__status-result--block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.coinflip-pvp__status-result--block.win {
  --shadow-color-1: #66ff09;
  --shadow-color-2: #4bcc0b;
  --shadow-color-3: #58ff02;
  --shadow-color-4: #04ba0a;
}

.coinflip-pvp__status-result--block.lose {
  --shadow-color-1: #ff2e39;
  --shadow-color-2: #450001;
  --shadow-color-3: #ff6e71;
  --shadow-color-4: #5c0002;
}

.coinflip-pvp__status-result--label {
  font-size: 2.225rem;
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
}

.coinflip-pvp__status-result--value {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  background: #100a27;
  border-radius: 100px;
  padding: 10px 25px;
  box-shadow: 0px 0px 40px -16px #000;
}

.coinflip-pvp__status-result--value.multi {
  --shadow-multi-1: #2d96fe;
}

.coinflip-pvp__status-result--value.multi .coinflip-pvp__status-result--shadow:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 11%;
  margin: auto;
  border-radius: 100px;
  box-shadow: -15px 36px 40px 29px var(--shadow-multi-1);
  height: 1px;
  width: 1px;
  transition: 0.3s;
  z-index: 1;
  mix-blend-mode: plus-lighter;
}

.coinflip-pvp__status-result--item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  position: relative;
}

.coinflip-pvp__status-result--item.points {
  gap: 2px;
  z-index: 2;
}

.coinflip-pvp__status-result--item:before {
  content: "";
  position: absolute;
  top: 0;
  left: -13px;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 70%;
  background: rgb(255 255 255 / 20%);
}

.coinflip-pvp__status-result--item:nth-child(1)::before {
  content: "";
  display: none;
}

.coinflip-pvp__status-result--amount {
  font-size: 1.525rem;
  font-weight: 600;
  font-family: var(--fontfamily-primary);
}

.points .coinflip-pvp__status-result--amount {
  font-size: 1.025rem;
  font-weight: 400;
  font-family: var(--fontfamily-second);
  color: #00c3ff;
}

.multi .points .coinflip-pvp__status-result--amount {
  font-size: 1.275rem;
  font-weight: 600;
  font-family: var(--fontfamily-second);
}

.coinflip-pvp__status-result--icon {}

.coinflip-pvp__status-result--icon .symbol__icons {
  width: 20px;
  height: 20px;
}

.coinflip-pvp__status-result--shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  z-index: 0;
  mix-blend-mode: plus-lighter;
}

.coinflip-pvp__status-result--shadow:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 21%;
  margin: auto;
  border-radius: 100px;
  box-shadow: 15px 38px 20px 19px var(--shadow-color-1), -30px 27px 30px 26px var(--shadow-color-2), -30px -30px 28px 23px var(--shadow-color-3), 26px -44px 36px 27px var(--shadow-color-4);
  mix-blend-mode: plus-lighter;
  height: 1px;
  width: 1px;
}

.coinflip-pvp__status-result--multi {
  background: var(--bg-color-blue);
  font-weight: 600;
  font-style: italic;
  font-size: 1rem;
  padding: 5px 7px;
  border-radius: 12px;
}

.coinflip-pvp__status-result--subs {
  position: absolute;
  top: -18px;
  right: -30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #160f37;
  border: 1px solid #753ff7;
  border-radius: 100px;
  padding: 4px 6px 4px 9px;
  gap: 4px;
  z-index: 2;
  overflow: hidden;
}

.coinflip-pvp__status-result--subs:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 1px;
  box-shadow: 3px 18px 30px 19px #8151ff;
  mix-blend-mode: plus-lighter;
}

.coinflip-pvp__status-result--subs span:nth-child(1) {
  font-size: 0.975rem;
  font-weight: 700;
  font-style: italic;
}

.coinflip-pvp__status-result--subs span:nth-child(2) {
  font-size: 0.875rem;
  font-weight: 400;
  font-style: italic;
}

.coinflip-pvp__status-result--subs-item {
  background: radial-gradient(#ac79ff, #673cf3);
  display: flex;
  justify-content: center;
  padding: 4px 9px;
  border-radius: 100px;
  font-style: italic;
  font-weight: 600;
}

#tads-container-744,
#tads-container-745 {}

#tads-container-744 .tads,
#tads-container-745 .tads {
  border-radius: 20px;
  padding: 17px 15px;
  position: relative;
  background: #080016;
}

#tads-container-744 .tads:before,
#tads-container-745 .tads:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 1px;
  background: linear-gradient(180deg, #252042 0%, #15122b 100%);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

.tads-image {
  align-items: center;
  border-radius: 100% !important;
  display: flex;
  height: 40px !important;
  justify-content: center;
  max-height: 40px !important;
  max-width: 40px !important;
  min-height: 40px !important;
  min-width: 40px !important;
  overflow: hidden;
  width: 40px !important;
}

.tads-text-wrapper {
  z-index: 1;
}

.tads-title {
  font-family: var(--fontfamily-primary);
  font-size: 0.825rem !important;
  line-height: 1.125rem;
  font-weight: 400;
}

.tads-text {
  font-family: var(--fontfamily-primary);
  font-size: 0.675rem !important;
  line-height: 1.125rem !important;
  font-weight: 400;
}

.adsgram__tasks {
  --adsgram-task-font-size: 0.875rem;
  --adsgram-task-icon-size: 40px;
  --adsgram-task-icon-title-gap: 10px;
  --adsgram-task-button-width: 100px;
  --adsgram-task-icon-border-radius: 100px;
  border-radius: 20px;
  padding: 17px 15px;
  position: relative;
  background: #080016;
}

.adsgram__tasks:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 1px;
  background: linear-gradient(180deg, #252042 0%, #15122b 100%);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

.coinflip-pvp__modal-label {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.coinflip-pvp__modal-text {
  display: flex;
  font-family: var(--fontfamily-primary);
  font-size: 1.3rem;
  font-weight: 600;
  align-items: center;
}

.coinflip-pvp__logo-circle {
  background: #fff;
  border-radius: 100%;
  height: 16px;
  margin: 0 1px;
  transform: translateY(-2px) skew(-3deg, -25deg);
  width: 9px;
}

.coinflip-pvp__modal-icon {
  width: 50px;
  height: 50px;
  margin-top: -4px;
  margin-left: 8px;
}

.coinflip-pvp__modal-icon svg {
  width: 100%;
  height: 100%;
}

.coinflip-pvp__modal-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.coinflip-pvp__modal-select--value {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 13px;
}

.coinflip-pvp__modal-select--block {
  position: relative;
  padding: 8px;
  border-radius: 22px;
  border: 1px solid transparent;
  background: transparent;
  transition: border 0.25s, transform 0.4s;
}

.coinflip-pvp__modal-select--block-item {
  position: relative;
  display: flex;
  width: 130px;
  flex-direction: column;
  height: 150px;
  border-radius: 22px;
  background: rgba(25, 21, 54, 0.22);
  padding: 20px;
  overflow: hidden;
}

.coinflip-pvp__modal-select--block.selected {
  border-color: var(--bg-primary);
  transform: scale(1.06);
}

.coinflip-pvp__modal-select--block-item:before {
  content: "";
  position: absolute;
  inset: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #ffffff 1px, transparent 0), linear-gradient(180deg, #ffffff 1px, transparent 0);
  background-size: 10px 10px;
  mix-blend-mode: darken;
  opacity: 0.3;
  pointer-events: none;
  z-index: 1;
  -webkit-mask: radial-gradient(circle at 77% 45%, #ffffff5e 0%, transparent 28%);
  mask: radial-gradient(circle at 47% 80%, #ffffffa1 0%, transparent 51%);
}

.coinflip-pvp__modal-select--block .coinflip-pvp__modal-select--block-item:after {
  border-radius: 100%;
  box-shadow: -30px 75px 50px 40px var(--coinflip-pvp-shadow-coin);
  content: "";
  left: 27%;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 3;
  opacity: 0.5;
  mix-blend-mode: plus-lighter;
}

.coinflip-pvp__modal-select--block.usdt {
  --coinflip-pvp-shadow-coin: #26a17b;
}

.coinflip-pvp__modal-select--block.ton {
  --coinflip-pvp-shadow-coin: #0098ea;
}

.coinflip-pvp__modal-select--block.btc {
  --coinflip-pvp-shadow-coin: #ef8e19;
}

.coinflip-pvp__modal-select--block.eth {
  --coinflip-pvp-shadow-coin: #6881ec;
}

.coinflip-pvp__modal-select--block.sol {
  --coinflip-pvp-shadow-coin: #2dd9bb;
}

.coinflip-pvp__modal-select--block.bnty {
  --coinflip-pvp-shadow-coin: #ЦВЕТЗАЛУПЫ;
}

.coinflip-pvp__modal-select--block.ltc {
  --coinflip-pvp-shadow-coin: #3a62a0;
}

.coinflip-pvp__modal-select--block.bnty {
  --coinflip-pvp-shadow-coin: #fb45ff;
}

.coinflip-pvp__modal-select--label {
  text-align: left;
  font-size: 1.025rem;
  font-weight: 500;
}

.coinflip-pvp__modal-select--image {
  position: absolute;
  left: -10px;
  bottom: -10px;
  z-index: 1;
}

.coinflip-pvp__modal-select--image .symbol__icons {
  width: 100px;
  height: 100px;
  transform: skew(-30deg, 10deg) rotate(-5deg);
}

.coinflip-pvp__modal-bet-size {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 10px;
}

.coinflip-pvp__modal-bet-size--label {
  font-size: 0.925rem;
  color: var(--text-color-gray-light);
  font-weight: 300;
}

.coinflip-pvp__modal-bet--list {
  display: flex;
  gap: 10px 10px;
  flex-wrap: wrap;
}

.coinflip-pvp__bet--btn {
  position: relative;
  display: flex;
  background: rgba(19, 15, 43, 1);
  padding: 10px 10px;
  border: none;
  border-radius: 15px;
  gap: 5px;
  flex-direction: column;
  width: -moz-max-content;
  width: calc(20% - 10px);
  min-width: -moz-max-content;
  min-width: max-content;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.coinflip-pvp__bet--btn:before {
  border-radius: 100%;
  box-shadow: -3px -25px 25px 15px var(--coinflip-pvp-shadow-coin);
  content: "";
  left: 50%;
  height: 0;
  position: absolute;
  width: 0;
  opacity: 0;
  transition: 0.3s;
}

.coinflip-pvp__bet--btn.active:before {
  opacity: 1;
  box-shadow: -3px -25px 25px 30px var(--coinflip-pvp-shadow-coin);
}

.coinflip-pvp__bet--btn.usdt {
  --coinflip-pvp-shadow-coin: #26a17b;
}

.coinflip-pvp__bet--btn.ton {
  --coinflip-pvp-shadow-coin: #0098ea;
}

.coinflip-pvp__bet--btn.btc {
  --coinflip-pvp-shadow-coin: #ef8e19;
}

.coinflip-pvp__bet--btn.eth {
  --coinflip-pvp-shadow-coin: #6881ec;
}

.coinflip-pvp__bet--btn.sol {
  --coinflip-pvp-shadow-coin: #2dd9bb;
}

.coinflip-pvp__bet--btn.ltc {
  --coinflip-pvp-shadow-coin: #3a62a0;
}

.coinflip-pvp__bet--btn.bnty {
  --coinflip-pvp-shadow-coin: #fb45ff;
}

@media (max-width: 350px) {
  .coinflip-pvp__bet--btn {
    width: 60px;
  }

  .coinflip-pvp__modal-bet--list {
    gap: 12px;
  }
}

.coinflip-pvp__bet--icon {
  z-index: 1;
}

.coinflip-pvp__bet--value {
  font-size: 1.025rem;
  z-index: 1;
}

.coinflip-pvp__modal-btn--search {
  display: flex;
}

.coinflip-pvp__search {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.coinflip-pvp__search--profile {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  align-content: center;
}

.coinflip-pvp__search--profile.none {}

.coinflip-pvp__search--image {
  width: 70px;
  height: 70px;
  max-width: 70px;
  min-width: 70px;
  max-height: 70px;
  min-height: 70px;
  border-radius: 100%;
  overflow: hidden;
}

.coinflip-pvp__search--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.09);
  z-index: -1;
  position: relative;
}

.coinflip-pvp__search--name {
  text-align: center;
  font-size: 0.925rem;
  font-weight: 400;
  font-family: var(--fontfamily-primary);
  text-transform: uppercase;
  width: 110px;
  max-width: 110px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
}

.coinflip-pvp__search--profile.none .coinflip-pvp__search--name {
  height: 20px;
  border-radius: 10px;
}

.coinflip-pvp__search-timer {
  position: relative;
  font-size: 1.225rem;
  font-weight: 600;
  font-family: var(--fontfamily-primary);
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.coinflip-pvp__search-timer:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  transform: rotate(30deg);
  animation: circleRotateCCW 2s linear infinite;
  border: 2px solid #6445ff;
  border-top: 2px solid transparent;
  top: 5px;
}

.coinflip-pvp__search-timer:before {
  content: "";
  position: absolute;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  transform: rotate(30deg);
  animation: circleRotateCW 2s linear infinite;
  border: 2px solid #6445ff;
  border-top: 2px solid transparent;
  top: -3px;
}

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

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

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

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

.coinflip-pvp__search-user {
  align-items: center !important;
}

.coinflip-pvp__search-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.coinflip-pvp__search-info {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.coinflip-pvp__search-info--icons {
  position: absolute;
  display: flex;
  width: 25px;
  height: 35px;
  top: 8px;
}

.coinflip-pvp__search-info--icons img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.coinflip-pvp__search-info--icons img:nth-child(1) {
  left: -1px;
  rotate: -40deg;
}

.coinflip-pvp__search-info--icons img:nth-child(2) {
  right: -1px;
  rotate: 40deg;
}

.coinflip-pvp__search-info--text {
  text-align: center;
  color: var(--text-color-gray);
  width: 100%;
  font-size: 0.875rem;
  font-weight: 300;
}

.coinflip-pvp__search-btn--cancel {
  width: 65%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.leaderboard__category {
  display: flex;
  gap: 10px;
  margin: 0 -15px;
  overflow-x: scroll;
  padding: 0 15px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}

.leaderboard__category-block--item {
  padding: 10px;
  border-radius: 22px;
  border: 1px solid;
  border-color: transparent;
  transition: 0.3s;
}

.leaderboard__category-block--item.selected {
  border-color: rgba(117, 70, 244, 1);
}

.leaderboard__category-block {
  background: rgba(25, 21, 54, 0.22);
  border-radius: 22px;
  display: flex;
  gap: 10px;
  min-height: 155px;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  padding: 20px 10px;
  position: relative;
  scroll-snap-align: center;
  flex-direction: column;
}

.leaderboard__category-block:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #ffffff 1px, transparent 0), linear-gradient(180deg, #ffffff 1px, transparent 0);
  background-size: 10px 10px;
  mix-blend-mode: soft-light;
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  -webkit-mask: radial-gradient(circle at 30% 60%, #ffffff 0%, transparent 50%);
  mask: radial-gradient(circle at 30% 60%, #ffffff 0%, transparent 50%);
}

.leaderboard__category-block--item:nth-child(1) .leaderboard__category-block::after {
  border-radius: 100%;
  box-shadow: -25px -70px 67px 28px rgb(251 69 255 / 39%), 43px -35px 65px 31px #7546f4;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  bottom: -10px;
  left: 20%;
  z-index: 1;
}

.leaderboard__category-block--item:nth-child(2) .leaderboard__category-block::after {
  content: "";
  position: absolute;
  bottom: 33px;
  right: 28px;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  filter: blur(10px);
  background: rgb(110, 57, 255);
  mix-blend-mode: plus-lighter;
  z-index: 0;
}

.leaderboard__category-block--item:nth-child(3) .leaderboard__category-block::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #ffffff 1px, transparent 0), linear-gradient(180deg, #ffffff 1px, transparent 0);
  background-size: 10px 10px;
  mix-blend-mode: soft-light;
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  -webkit-mask: radial-gradient(circle at 30% 60%, #ffffff 0%, transparent 50%);
  mask: radial-gradient(circle at 30% 60%, #ffffff 0%, transparent 50%);
}

.leaderboard__category-block--label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  align-content: center;
}

.leaderboard__category-block-icon {
  height: 80%;
  position: absolute;
  width: calc(100% - 10px);
  bottom: -25px;
  right: 0;
  left: 0;
  margin: auto;
}

.leaderboard__category-block-icon img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
  position: absolute;
  width: 100%;
}

.leaderboard__category-block-label--text {
  font-size: 0.925rem;
  font-weight: 400;
  z-index: 1;
}

.leaderboard__category-block-icons--list {
  z-index: 4;
}

.leaderboard__category-block-icons--item {
  position: absolute;
}

.leaderboard__category-block-icons--item .symbol__icons {
  width: 32px;
  height: 32px;
  padding: 5px !important;
}

.leaderboard__category-block-icons--item:nth-child(1) {
  top: 70px;
  left: 20%;
}

.leaderboard__category-block-icons--item:nth-child(1) .symbol__icons {
  width: 23px;
  height: 23px;
  transform: skew(-8deg, -10deg) rotate3d(1, 0, 1, 351deg);
}

.leaderboard__category-block-icons--item:nth-child(2) {
  right: 22%;
  top: 60px;
}

.leaderboard__category-block-icons--item:nth-child(2) .symbol__icons {
  transform: skew(-30deg, 21deg) rotate3d(1, 0, 1, 60deg);
  filter: blur(2px);
  width: 23px;
  height: 23px;
  padding: 5px !important;
}

.leaderboard__category-block-icons--item:nth-child(3) {
  left: 41%;
  top: 80px;
}

.leaderboard__category-block-icons--item:nth-child(3) .symbol__icons {
  transform: skew(42deg, -35deg) rotate3d(1, 0, 1, -60deg);
  filter: blur(2px);
  width: 26px;
  height: 24px;
  padding: 5px !important;
}

.leaderboard__category-block-img--ton {
  position: absolute;
  padding: 6px;
  border-radius: 50%;
  background: linear-gradient(180deg, rgb(6, 8, 19), rgb(14, 19, 40) 100%);
  box-shadow: inset -30px -35px 44px 3px rgba(255, 255, 255, 0.01);
  transform: skew(-71deg, 56deg) rotate(-27deg);
  bottom: 0;
  left: 40%;
  z-index: 2;
}

.leaderboard__category-block-img--ton .symbol__icons {
  width: 32px;
  height: 32px;
  padding: 0px !important;
}

.leaderboard__category-profit-element {
  position: absolute;
  padding: 3px 5px;
  border-radius: 20px;
  background: var(--bg-primary-white);
  color: var(--text-color-black);
  font-size: 0.825rem;
  z-index: 2;
}

.category-coinflip-profit-element {
  right: 0;
  bottom: 49px;
}

.category-income-profit-element-first {
  right: 0;
  top: 75px;
  z-index: 1;
}

.category-income-profit-element-second {
  left: 10px;
  bottom: 15px;
  z-index: 1;
}

.leaderboard__category-block-center--image {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 0;
  left: 0;
  right: 0;
}

.leaderboard__category-block-center--image img {
  width: 100%;
  height: 100%;
}

.leaderboard__subcategories {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.leaderboard__subcategories-item {
  display: flex;
  padding: 8px 15px;
  background: none;
  border: none;
  background: #0d0a1d;
  border-radius: 22px;
  flex: 4;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.leaderboard__subcategories-item.selected .minigames__categories-coinflip {
  color: black;
}

.leaderboard__subcategories-item.selected .minigames__coinflip-logo-circle {
  background: black;
}

.leaderboard__subcategories-item.selected {
  background: white;
}

.minigames__categories-coinflip {
  display: flex;
  align-items: center;
  font-family: var(--fontfamily-primary);
  font-size: 1.225rem;
  font-weight: 500;
}

.minigames__categories-coinflip span {
  font-family: var(--fontfamily-primary);
  font-size: 1.225rem;
  font-weight: 500;
  color: #0098ea;
}

.minigames__coinflip-logo-circle {
  background: #fff;
  border-radius: 100%;
  height: 16px;
  margin: 0 1px;
  transform: translateY(1px) skew(-3deg, -25deg);
  width: 9px;
}

.minigames__categories-coinflip--icon {
  margin-left: 3px;
  width: 35px;
  height: 20px;
}

.minigames__categories-coinflip--icon svg {
  width: 100%;
  height: 100%;
}

.period__switch {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.period__switch-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  border-radius: 50%;
  background: #120d33;
  border: none;
  margin-top: -4px;
}

.period__switch-btn svg {
  width: 15px;
  height: 12px;
  margin-top: 2px;
}

.period__switch-btn[disabled] {
  background: var(--bg-color-cobalt-dark);
  color: var(--text-color-gray);
}

.period__switch-label {
  font-size: 1.725rem;
  font-family: var(--fontfamily-primary);
  font-weight: 400;
  max-width: 180px;
  width: 180px;
  text-align: center;
  flex: 4;
  border-radius: 12px;
}

.period__switch-label.season {
  font-weight: 300;
}

.leaderboard__label {
  font-size: 1.625rem;
  font-weight: 500;
  font-family: var(--fontfamily-primary);
  margin-top: 0px;
}

.leaderboard__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 5px;
  padding-top: 15px;
  border-radius: 16px;
  position: relative;
}

.leaderboard__banner {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 100%;
  min-height: 160px;
  max-height: 150px;
  align-items: center;
  margin-top: 5px;
  background-image: url('/img/ui/leaderboard/season/background_seasons.png');
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.leaderboard__banner.league__banner.basic {
  background-image: url('/img/ui/leaderboard/league/background/basic.png');
}

.leaderboard__banner.league__banner.wood {
  background-image: url('/img/ui/leaderboard/league/background/wood.png');
}

.leaderboard__banner.league__banner.violet {
  background-image: url('/img/ui/leaderboard/league/background/violet.png');
}

.leaderboard__banner.league__banner.green {
  background-image: url('/img/ui/leaderboard/league/background/green.png');
}

.leaderboard__banner.league__banner.black {
  background-image: url('/img/ui/leaderboard/league/background/black.png');
}

.leaderboard__banner.league__banner.bronze {
  background-image: url('/img/ui/leaderboard/league/background/bronze.png');
}

.leaderboard__banner.league__banner.silver {
  background-image: url('/img/ui/leaderboard/league/background/silver.png');
}

.leaderboard__banner.league__banner.gold {
  background-image: url('/img/ui/leaderboard/league/background/gold.png');
}

.leaderboard__banner:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #ffffff 1px, transparent 0), linear-gradient(180deg, #ffffff 1px, transparent 0);
  background-size: 10px 10px;
  mix-blend-mode: overlay;
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  -webkit-mask: radial-gradient(circle at 30% 60%, #ffffff 0%, transparent 50%);
  mask: radial-gradient(circle at 50% 60%, #ffffff 0%, transparent 60%);
  display: none;
}

.leaderboard__banner:after {
  border-radius: 100%;
  box-shadow: 0px -75px 52px 40px rgba(1, 1, 25, 1);
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  bottom: -10px;
  left: 50%;
  z-index: 0;
}

.leaderboard__banner-background {
  position: absolute;
}

.leaderboard__banner-background svg {
  min-height: 160px;
  max-height: 160px;
}

.leaderboard__banner-left {
  display: flex;
  flex: 1;
  flex-direction: column;
  z-index: 3;
  align-items: flex-start;
  margin-left: 5%;
}

.leaderboard__banner-label {
  display: flex;
  font-size: 1.675rem;
  font-family: var(--fontfamily-primary);
  font-weight: 500;
  flex-direction: column;
  line-height: 25px;
}

.leaderboard__banner-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 12px;
  padding: 0px 10px;
}

.leaderboard__banner-date--header {
  border-radius: 100px;
  padding: 11px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.925rem;
  width: calc(100% + 10px);
}

.leaderboard__banner-date--header.red {
  background: #1e0610;
  color: #ff4661;
}

.leaderboard__banner-date--header.green {
  background: var(--bg-color-success-dark);
  color: var(--text-color-green-light);
}

.leaderboard__banner-date--bot {
  background: #05031f;
  font-size: 0.825rem;
  padding: 14px 2px 6px;
  border-radius: 7px 7px 20px 20px;
  width: -moz-min-content;
  width: min-content;
  margin-top: -10px;
  z-index: -1;
  width: calc(100% - 0px);
  text-align: center;
}

.leaderboard__banner-label span {
  font-size: 1.025rem;
  font-weight: 400;
  color: #675f9d;
}

.leaderboard__banner-timer {
  display: flex;
  gap: 3px;
  align-items: center;
  padding: 6px 10px;
  background: #140f31;
  border-radius: 22px;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid rgba(101, 62, 203, 1);
  z-index: 1;
}

.league__banner.basic .leaderboard__banner-timer {
  border-color: #c4c1d5;
}

.league__banner.wood .leaderboard__banner-timer {
  border-color: #cc6421;
}

.league__banner.violet .leaderboard__banner-timer {
  border-color: #8f66ff;
}

.league__banner.green .leaderboard__banner-timer {
  border-color: #90e656;
}

.league__banner.black .leaderboard__banner-timer {
  border-color: #393939;
}

.league__banner.bronze .leaderboard__banner-timer {
  border-color: #ff9d35;
}

.league__banner.silver .leaderboard__banner-timer {
  border-color: #ffffff;
}

.league__banner.gold .leaderboard__banner-timer {
  border-color: #ea9f0e;
}

.leaderboard__banner-timer--icon {
  width: 13px;
  height: 13px;
  margin-bottom: 2px;
}

.leaderboard__banner-timer--icon svg {
  width: 100%;
  height: 100%;
}

.leaderboard__banner-timer--value {
  font-size: 0.825rem;
}

.leaderboard__banner-detail {
  display: flex;
  gap: 8px;
  background: none;
  border: none;
  width: -moz-max-content;
  width: max-content;
}

.leaderboard__banner-detail--icon {}

.leaderboard__banner-detail--text {}

.leaderboard__banner-image {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: calc(100% + 20px);
  top: 0;
  left: 0;
  right: 0;
  bottom: 15px;
  margin: auto;
  z-index: 2;
  pointer-events: none;
}

.leaderboard__banner.league__banner .leaderboard__banner-image {
  bottom: 0;
}

.leaderboard__banner-image:before {
  border-radius: 100%;
  box-shadow: 0px 22px 47px 19px rgba(152, 33, 255, 0.9);
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  mix-blend-mode: plus-lighter;
}

.leaderboard__banner-image:after {
  border-radius: 100%;
  box-shadow: 0px -26px 47px 22px rgba(151, 130, 255, 0.7);
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  mix-blend-mode: plus-lighter;
}

.leaderboard__banner-right {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  z-index: 3;
  margin-right: 7%;
}

.leaderboard__banner-block {
  position: relative;
  display: flex;
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.leaderboard__banner-block.first {
  align-items: start;
  gap: 20px;
}

.leaderboard__banner-block.second {
  z-index: 2;
}


.leaderboard__banner-block.second:before {
  border-radius: 100%;
  box-shadow: 0px -75px 37px 18px rgba(151, 130, 255, 0.5);
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  bottom: -50px;
  left: 46%;
  mix-blend-mode: plus-lighter;
  z-index: 1;
}

.leaderboard__banner-block.second:after {
  border-radius: 100%;
  content: "";
  height: 0;
  position: absolute;
  width: 0px;
  bottom: 0;
  right: 0;
  mix-blend-mode: plus-lighter;
  z-index: -1;
}

.leaderboard__banner-right--background {
  position: absolute;
  width: 120px;
  height: 110px;
}

.leaderboard__banner-right--background svg {
  width: 100%;
  height: 100%;
}

.leaderboard__banner-prize {
  display: flex;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}

.leaderboard__banner-prize--label {}

.leaderboard__banner-prize--icon {}

.leaderboard__banner-prize--icon .symbol__icons {
  width: 26px;
  height: 26px;
}

.leaderboard__banner-prize--value {
  font-size: 1.225rem;
  font-weight: 400;
  border-radius: 6px;
}

.leaderboard__banner.league__banner .leaderboard__banner-image:after {
  display: none;
}

.leaderboard__banner.league__banner .leaderboard__banner-image:before {
  content: "";
}

.leaderboard__banner.league__banner.basic .leaderboard__banner-image:before {
  box-shadow: none;
}

.leaderboard__banner.league__banner.wood .leaderboard__banner-image:before {
  box-shadow: -10px 53px 17px 14px #9a4910, -10px 114px 18px 13px #9a4910;
}

.leaderboard__banner.league__banner.violet .leaderboard__banner-image:before {
  box-shadow: -7px 53px 30px 21px #4400FF, -8px 114px 40px 15px #7444f2;
}

.leaderboard__banner.league__banner.green .leaderboard__banner-image:before {
  box-shadow: -10px 53px 22px 13px #44a503, -10px 114px 26px 4px #44a503;
}

.leaderboard__banner.league__banner.black .leaderboard__banner-image:before {
  box-shadow: -10px 53px 22px 9px #ffffff, -10px 114px 25px 10px #ffffff;
}

.leaderboard__banner.league__banner.bronze .leaderboard__banner-image:before {
  box-shadow: -10px 53px 19px 12px #d9d92e, -10px 114px 25px 12px #fa8b18;
}

.leaderboard__banner.league__banner.silver .leaderboard__banner-image:before {
  box-shadow: -10px 53px 26px 11px #ffffff, -11px 104px 16px 14px #ffffff;
}

.leaderboard__banner.league__banner.gold .leaderboard__banner-image:before {
  box-shadow: -10px 53px 36px 12px #ffff6c, -10px 114px 25px 13px #e89d0d;
}

.leaderboard__banner.league__banner .leaderboard__banner-block.second:before {
  display: none;
}

.leaderboard__banner.league__banner.basic .leaderboard__banner-block.second:after {
  box-shadow: none;
}

.leaderboard__banner.league__banner.wood .leaderboard__banner-block.second:after {
  box-shadow: -45px -20px 57px 27px #f38918;
}

.leaderboard__banner.league__banner.violet .leaderboard__banner-block.second:after {
  box-shadow: -15px 0px 57px 27px #7444f3;
}

.leaderboard__banner.league__banner.green .leaderboard__banner-block.second:after {
  box-shadow: -20px -25px 57px 18px #9dff2d;
}

.leaderboard__banner.league__banner.black .leaderboard__banner-block.second:after {
  box-shadow: -19px -55px 57px 18px #ffffff;
}

.leaderboard__banner.league__banner.bronze .leaderboard__banner-block.second:after {
  box-shadow: -30px -25px 57px 25px #ffd517;
}

.leaderboard__banner.league__banner.silver .leaderboard__banner-block.second:after {
  box-shadow: -19px -45px 57px 23px #ffffff;
}

.leaderboard__banner.league__banner.gold .leaderboard__banner-block.second:after {
  box-shadow: -30px -35px 67px 38px #ffff57;
}

.leaderboard__banner-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.leaderboard__banner-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.leaderboard__banner-more--info {
  display: flex;
  gap: 8px;
  padding: 12px 15px;
  background: var(--bg-primary-white);
  border: none;
  border-radius: 22px;
  align-items: center;
}

.leaderboard__banner-more--info-icon {
  width: 15px;
  height: 15px;
}

.leaderboard__banner-more--info-icon svg {
  width: 100%;
  height: 100%;
}

.leaderboard__banner-more--info-text {
  color: black;
  font-weight: 500;
  font-size: 0.925rem;
}

.leaderboard__banner-more--instruction {
  background: none;
  border: none;
}

.leaderboard__banner-more--instruction-text {
  text-decoration: underline;
  text-underline-offset: 2px;
  font-size: 0.975rem;
}

@media(max-width: 365px) {
  .leaderboard__banner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: -moz-max-content;
    height: max-content;
    min-height: 260px;
    max-height: 260px;
    padding: 20px 35% 15px 20px;
    gap: 20px;
  }

  .leaderboard__banner-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 115% 0%;
    height: calc(100% + 0px);
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    z-index: 0;
    pointer-events: none;
  }

  .leaderboard__banner:after {
    display: none
  }

  .leaderboard__banner-left {
    margin-left: 0;
  }

  .leaderboard__banner-right {
    margin-right: 0;
    margin-left: 7px;
  }


  .leaderboard__banner.league__banner .leaderboard__banner-image:before {
    display: none;
  }

  .leaderboard__banner.league__banner.basic {
    background-image: url('/img/ui/leaderboard/league/conditions/basic.png');
  }

  .leaderboard__banner.league__banner.wood {
    background-image: url('/img/ui/leaderboard/league/conditions/wood.png');
  }

  .leaderboard__banner.league__banner.violet {
    background-image: url('/img/ui/leaderboard/league/conditions/violet.png');
  }

  .leaderboard__banner.league__banner.green {
    background-image: url('/img/ui/leaderboard/league/conditions/green.png');
  }

  .leaderboard__banner.league__banner.black {
    background-image: url('/img/ui/leaderboard/league/conditions/black.png');
  }

  .leaderboard__banner.league__banner.bronze {
    background-image: url('/img/ui/leaderboard/league/conditions/bronze.png');
  }

  .leaderboard__banner.league__banner.silver {
    background-image: url('/img/ui/leaderboard/league/conditions/silver.png');
  }

  .leaderboard__banner.league__banner.gold {
    background-image: url('/img/ui/leaderboard/league/conditions/gold.png');
  }
}

.season__switch {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.season__switch-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 37px;
  min-width: 37px;
  min-height: 37px;
  border-radius: 50%;
  background: #7546f4;
  color: #fff;
  border: none;
}

.season__switch-btn svg {
  width: 20px;
  height: 15px;
  margin-top: 2px;
}

.season__switch-btn[disabled] {
  background: var(--bg-color-cobalt-light);
  color: var(--text-color-gray);
}

.season__switch-label {
  font-size: 2.025rem;
  font-weight: 500;
  line-height: 2.3rem;
  font-family: var(--fontfamily-primary);
  max-width: 180px;
  width: 180px;
  text-align: center;
  flex: 4;
  margin-top: 6px;
  border-radius: 12px;
}

.round__counter {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.round__counter-text {
  font-size: 1.325rem;
}

.round__counter-number {
  display: flex;
  padding: 6px 14px;
  background: #140e2b;
  border-radius: 20px;
  align-items: flex-end;
  border: 1px solid #1c1828;
  font-style: italic;
}

.round__counter-number--current {
  font-size: 1.625rem;
  font-weight: 500;
}

.round__counter-number--total {
  position: relative;
  display: flex;
  color: #4d4763;
  bottom: 2px;
  font-weight: 500;
}

.round__counter-number--total span {
  color: #7c778c;
}

.wallet__balance-info--main {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

@media (max-width: 385px) {
  .wallet__balance-info--main {}
}

.wallet__balance-main--block {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 4;
  width: calc(50% - 10px);
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 0px;
  background: #060317;
  /* background: #fff; */
  border-radius: 22px;
}

@media (max-width: 385px) {
  .wallet__balance-main--block {
    width: 75%;
  }
}

.wallet__balance-main--block:nth-child(1) .wallet__balance-main-stripe {
  background: linear-gradient(180deg, rgb(154, 234, 110), rgb(106, 174, 70), rgb(46, 85, 27));
  box-shadow: 0px 0px 16px 0px rgb(106, 174, 70);
}

.wallet__balance-main--block:nth-child(2) .wallet__balance-main-stripe {
  background: linear-gradient(180deg, rgb(255, 203, 84), rgb(234, 184, 64), rgb(204, 148, 37));
  box-shadow: 0px 0px 13px 0px rgb(234, 184, 64);
}

.wallet__balance-main--header {
  display: flex;
  gap: 7px;
  align-items: center;
  padding: 15px 15px 0px;
}

.wallet__balance-main--content {
  position: relative;
  display: flex;
  gap: 15px;
  padding: 0px 10px 10px 35px;
}

.wallet__balance-main--icon {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  rotate: -90deg;
}

.wallet__balance-main--icon svg {
  width: 100%;
  height: 100%;
}

.wallet__balance-main--block:nth-child(1) .wallet__balance-main--icon {
  rotate: 0deg;
  min-height: 15px;
}

.wallet__balance-main--label {
  font-size: 0.825rem;
  text-wrap-mode: nowrap;
}

.wallet__balance-main-stripe {
  position: absolute;
  left: 20px;
  top: 0;
  width: 4px;
  height: 100%;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 30px;
}

.wallet__balance-main-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 0px;
}

.wallet__balance-main-value {
  font-size: 1.225rem;
  font-weight: 500;
}

.wallet__balance-main-value span {}

.wallet__balance-main-convert {
  color: var(--text-color-gray-two);
}

.analitics__header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.analitics__header-img {
  padding: 5px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(15, 8, 39, 1);
  overflow: hidden;
}

.analitics__header-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.analitics__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 10px;
}

.analitics__maining-list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.analitics__maining-block {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: -moz-max-content;
  min-width: max-content;
  flex: 4;
  width: calc(50% - 10px);
  border-radius: 20px;
  -webkit-backdrop-filter: blur(57px);
  backdrop-filter: blur(57px);
  background: rgba(20, 12, 45, 0.07);
  padding: 0px;
  gap: 10px;
  overflow: hidden;
}

.analitics__maining-block.ton {
  --analitics-shadow-main: #12b0fb;
  --analitics-shadow-sec: #9782FF80;
}

.analitics__maining-block.usdt {
  --analitics-shadow-main: #00ffb0;
  --analitics-shadow-sec: #86ffd961;
}

.analitics__maining-block.btc {
  --analitics-shadow-main: #f08e1b;
  --analitics-shadow-sec: #ffb6616e;
}

.analitics__maining-block.eth {
  --analitics-shadow-main: #6881ec;
  --analitics-shadow-sec: #6881ec5c;
}

.analitics__maining-block.ltc {
  --analitics-shadow-main: #3a62a0;
  --analitics-shadow-sec: #3a62a0;
}

.analitics__maining-block.sol {
  --analitics-shadow-main: #2dd9bb;
  --analitics-shadow-sec: #78f2dd54;
}

.analitics__maining-block.bnty {
  --analitics-shadow-main: #f243f6;
  --analitics-shadow-sec: #f243f6;
}

.analitics__maining-block:nth-child(1):before {
  content: "";
  position: absolute;
  box-shadow: 38px -20px 80px 30px var(--analitics-shadow-main), 95px 0px 43px 29px var(--analitics-shadow-sec);
  left: 0;
  top: 50%;
  transform: translateY(50%);
}

.analitics__maining-block:nth-child(2):before {
  content: "";
  position: absolute;
  box-shadow: -30px 30px 103px 45px var(--analitics-shadow-main);
  right: 0;
  top: 50%;
  transform: translateY(50%);
}

.analitics__maining-block:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 20%;
  width: 0px;
  height: 7px;
  box-shadow: 18px 0px 26px 9px var(--analitics-shadow-main);
}

.analitics__maining-header {
  display: flex;
  align-items: center;
  gap: 5px;
  z-index: 1;
  padding: 15px 15px 0px;
}

.analitics__maining-header--icon {
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-height: 15px;
}

.analitics__maining-header--icon svg {
  width: 100%;
  height: 100%;
}

.analitics__maining-block.bnty .analitics__maining-header--icon {
  width: 20px;
  height: 15px;
}

.analitics__maining-block.bnty .analitics__maining-header--icon .symbol__icons {
  width: 20px;
  height: 15px;
  margin-top: 2px;
}

.analitics__maining-header--label {}

.analitics__maining-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 25px;
  z-index: 1;
  padding: 0px 15px 10px 35px;
}

.analitics__maining-info:before {
  content: "";
  position: absolute;
  height: 60px;
  width: 4px;
  left: 15px;
  border-top-right-radius: 22px;
  border-top-left-radius: 22px;
}

.analitics__maining-block:nth-child(1) .analitics__maining-info:before {
  background: var(--analitics-shadow-main);
}

.analitics__maining-block:nth-child(2) .analitics__maining-info:before {
  background: linear-gradient(180deg, rgb(252, 65, 255), rgb(220, 46, 222), rgb(252, 65, 255));
}

.analitics__maining-amount {
  gap: 6px;
  display: flex;
  align-items: center;
}

.analitics__maining-amount--value {
  font-size: 1.325rem;
  font-weight: 600;
}

.analitics__maining-amount--currency {
  font-weight: 600;
  font-size: 0.925rem;
  margin-top: 3px;
}

.analitics__maining-amount--icon {}

.analitics__maining-amount--icon .symbol__icons {
  width: 15px;
  height: 15px;
}

.analitics__maining-converted {
  color: rgba(255, 255, 255, 0.37);
}

.analitics__block-list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  position: relative;
  margin-top: 15px;
}

.analitics__block-list:before {
  content: '';
  position: absolute;
  width: 80%;
  height: 1px;
  top: -15px;
  left: 0;
  right: 0;
  margin: auto;
  background: #191235a3;
}

.analitics__block-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 23px 15px;
  border-radius: 22px;
  min-width: -moz-max-content;
  min-width: max-content;
  flex: 4;
  width: calc(50% - 10px);
}

.analitics__block-header {
  display: flex;
  gap: 4px;
  align-items: center;
}

.analitics__block-header--amount {
  font-size: 1.325rem;
  font-weight: 600;
}

.analitics__block-header--currency {
  margin-top: 1px;
  font-size: 0.925rem;
}

.analitics__block-header--symbol {}

.analitics__block-header--symbol .symbol__icons {
  width: 15px;
  height: 15px;
}

.analitics__block-bottom {
  color: rgba(255, 255, 255, 0.31);
  font-size: 0.825rem;
  font-weight: 300;
}

.analitics__ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0px 10px;
}

.analitics__ul-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.analitics__ul-item:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(25, 18, 53, 0.39);
  bottom: -9px;
}

.analitics__ul-item:last-child:before {
  display: none;
}

.analitics__ul-item--left {
  display: flex;
  gap: 7px;
  align-items: center;
}

.analitics__ul-item--left--icon {
  width: 13px;
  height: 12px;
}

.analitics__ul-item--left--icon svg {
  width: 100%;
  height: 100%;
}

.analitics__ul-item--left--icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.analitics__ul-item--left--text {
  font-size: 0.875rem;
}

.analitics__ul-item--right {
  font-size: 0.925rem;
}

.leaderboard__list-none {
  align-items: center;
  border-radius: 20px;
  color: var(--text-color-gray);
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 20px 15px;
  width: 100%;
}

.leaderboard__list-none--icon {
  height: 40px;
  width: 40px;
  padding: 10px;
  border-radius: 9px;
  background: var(--bg-secondary-item);
}

.leaderboard__list-none--icon svg {
  width: 100%;
  height: 100%;
}

.leaderboard__list-none--label {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.leaderboard__list-none--desc {
  text-align: center;
  font-size: 0.775rem;
  font-weight: 400;
  color: var(--text-color-gray-dark);
}

.league__info-rewards {
  background: var(--bg-color-cobalt-dark);
  border-radius: 16px;
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.league__info-rewards--item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  position: relative;
}

.league__info-rewards--item:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  background: var(--bg-color-cobalt-light);
}

.league__info-rewards--item:first-child::before {
  display: none
}

.league__info-rewards--name {
  font-size: 0.775rem;
  font-weight: 300;
  color: var(--text-color-gray-light);
}

.league__info-rewards--value {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  flex-wrap: nowrap;
  gap: 4px;
}

.league__info-rewards--value span {
  width: -moz-max-content;
  width: max-content;
  font-size: 0.775rem;
  font-weight: 300;
  color: var(--text-color-gray-light);
}

.league__info-rewards--value .symbol__icons {
  width: 15px;
  height: 15px;
}

.league__conditions {
  display: flex;
  flex-direction: column;
  gap: 5px;
  overflow: hidden;
}

.league__conditions-list {
  display: flex;
  gap: 30px;
  padding: 0px;
  margin: 0px 0px;
}

.league__conditions-item {
  display: flex;
  flex-direction: column;
  position: relative;
  display: flex;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 15px;
  padding: 25px 40% 25px 25px;
  gap: 15px;
  min-width: 335px;
  min-height: 300px;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
}

.league__conditions-item.basic {
  background-image: url('/img/ui/leaderboard/league/conditions/basic.png');
}

.league__conditions-item.wood {
  background-image: url('/img/ui/leaderboard/league/conditions/wood.png');
}

.league__conditions-item.violet {
  background-image: url('/img/ui/leaderboard/league/conditions/violet.png');
}

.league__conditions-item.green {
  background-image: url('/img/ui/leaderboard/league/conditions/green.png');
}

.league__conditions-item.black {
  background-image: url('/img/ui/leaderboard/league/conditions/black.png');
}

.league__conditions-item.bronze {
  background-image: url('/img/ui/leaderboard/league/conditions/bronze.png');
}

.league__conditions-item.silver {
  background-image: url('/img/ui/leaderboard/league/conditions/silver.png');
}

.league__conditions-item.gold {
  background-image: url('/img/ui/leaderboard/league/conditions/gold.png');
}

.league__conditions-item--header {
  font-family: var(--fontfamily-primary);
  display: flex;
  flex-direction: column;
  gap: 0px;
  z-index: 1;
}

.league__conditions-item--subtitle {
  color: var(--text-color-gray);
  font-size: 0.925rem;
}

.league__conditions-item--title {
  font-size: 1.725rem;
  font-weight: 500;
}

.league__conditions-item--power {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: auto 0 10px;
  z-index: 1;
}

.league__conditions-power--title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  gap: 5px;
}

.league__conditions-power--title svg {
  width: 12px;
  height: 12px;
}

.league__conditions-power--title span {
  font-weight: 300;
  font-size: 0.775rem;
}

.league__conditions-power--value {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: #050115;
  border-radius: 10px;
  padding: 10px 15px 10px 20px;
  position: relative;
  overflow: hidden;
}

.league__conditions-power--value.ton {
  --power-shadow-main: #12b0fb;
  --power-shadow-sec: #12b0fb;
}

.league__conditions-power--value.usdt {
  --power-shadow-main: #00ffb0;
  --power-shadow-sec: #86ffd961;
}

.league__conditions-power--value.btc {
  --power-shadow-main: #f08e1b;
  --power-shadow-sec: #ffb6616e;
}

.league__conditions-power--value.eth {
  --power-shadow-main: #6881ec;
  --power-shadow-sec: #6881ec5c;
}

.league__conditions-power--value.ltc {
  --power-shadow-main: #3a62a0;
  --power-shadow-sec: #3a62a0;
}

.league__conditions-power--value.sol {
  --power-shadow-main: #2dd9bb;
  --power-shadow-sec: #78f2dd54;
}

.league__conditions-power--value.bnty {
  --power-shadow-main: #f243f6;
  --power-shadow-sec: #f243f6;
}

.league__conditions-power--value:before {
  content: "";
  position: absolute;
  left: 10px;
  bottom: -5px;
  height: 90%;
  width: 2px;
  background: var(--power-shadow-main);
  border-radius: 100px;
}

.league__conditions-power--value:after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: 0;
  box-shadow: 4px -25px 23px 10px var(--power-shadow-sec);
  height: 22%;
  width: 0px;
  opacity: 0.4;
}

.league__conditions-power--item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 5px;
}

.league__conditions-power--mini {
  text-transform: lowercase;
  font-weight: 300;
  font-size: 0.775rem;
}

.league__conditions-power--icon {}

.league__conditions-power--icon .symbol__icons {
  width: 20px;
  height: 20px;
}

.league__conditions-power--hash {
  font-size: 1.225rem;
  font-weight: 500;
  width: -moz-max-content;
  width: max-content;
}

.league__conditions-item--prize {
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1;
}

.league__conditions-prize--title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  gap: 5px;
}

.league__conditions-prize--title svg {
  width: 12px;
  height: 12px;
}

.league__conditions-prize--title span {
  font-weight: 300;
  font-size: 0.775rem;
}

.league__conditions-prize--value {
  display: flex;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  gap: 5px;
}

.league__conditions-prize--value span {
  font-size: 1.425rem;
  font-weight: 500;
}

.league__conditions-prize--value .symbol__icons {
  width: 26px;
  height: 26px;
}

.league__conditions-item--card {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 115% 0%;
  height: calc(100% + 0px);
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
  pointer-events: none;
}

.league__conditions-item.basic .league__conditions-item--card {
  background-image: url("/img/ui/leaderboard/league/card/basic.png");
}

.league__conditions-item.wood .league__conditions-item--card {
  background-image: url("/img/ui/leaderboard/league/card/wood.png");
}

.league__conditions-item.violet .league__conditions-item--card {
  background-image: url("/img/ui/leaderboard/league/card/violet.png");
}

.league__conditions-item.green .league__conditions-item--card {
  background-image: url("/img/ui/leaderboard/league/card/green.png");
}

.league__conditions-item.black .league__conditions-item--card {
  background-image: url("/img/ui/leaderboard/league/card/black.png");
}

.league__conditions-item.bronze .league__conditions-item--card {
  background-image: url("/img/ui/leaderboard/league/card/bronze.png");
}

.league__conditions-item.silver .league__conditions-item--card {
  background-image: url("/img/ui/leaderboard/league/card/silver.png");
}

.league__conditions-item.gold .league__conditions-item--card {
  background-image: url("/img/ui/leaderboard/league/card/gold.png");
}

.league__conditions-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  gap: 10px;
}

.league__conditions-nav--btn {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.league__conditions-nav--btn:first-child {
  background: #140e32;
  color: #fff;
}

.league__conditions-nav--btn:last-child {
  background: #7546f4;
  color: #fff;
}

.league__conditions-nav--btn svg {
  width: 15px;
  height: 13px;
}