@font-face {
  font-style: normal;
  font-weight: 400;
  font-family: "Geometria";
  font-display: swap;
  src: url("/assets_new/fonts/Geometria-Regular.woff2") format("woff2"), url("/assets_new/fonts/Geometria-Regular.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 500;
  font-family: "Geometria";
  font-display: swap;
  src: url("/assets_new/fonts/Geometria-Medium.woff2") format("woff2"), url("/assets_new/fonts/Geometria-Medium.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 700;
  font-family: "Geometria";
  font-display: swap;
  src: url("/assets_new/fonts/Geometria-Bold.woff2") format("woff2"), url("/assets_new/fonts/Geometria-Bold.woff") format("woff");
}
@font-face {
  font-style: normal;
  font-weight: 800;
  font-family: "Geometria";
  font-display: swap;
  src: url("/assets_new/fonts/Geometria-ExtraBold.woff2") format("woff2"), url("/assets_new/fonts/Geometria-ExtraBold.woff") format("woff");
}
/* stylelint-disable */
/* stylelint-disable */
.custom-radio {
  position: relative;
}
.custom-radio input {
  position: absolute;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}
.custom-radio span {
  cursor: pointer;
  content: "";
  display: inline-block;
  width: clamp(20px, 1.3021vw, 25px);
  height: clamp(20px, 1.3021vw, 25px);
  flex-shrink: 0;
  flex-grow: 0;
  background-color: rgba(var(--bg-f), 0.6);
  border-radius: 50%;
  z-index: 1;
}
.custom-radio span::before {
  content: "";
  position: absolute;
  inset: clamp(5.5px, 0.339vw, 6.5px);
  background-color: rgba(var(--cl-p), 1);
  box-shadow: 0 0 10px 0 rgba(var(--cl-p), 1);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}
.custom-radio input:checked + span::before {
  opacity: 1;
  visibility: visible;
}

/* stylelint-disable */
:root {
  --error-bg: #d01f1f;
  --body-bg: #1D1A4A;
  --chat-bg: #1D1A4A;
  --body-font-size: 16px;
  --content-width: 1920px;
  --content-width-mode: 1284px;
  --container-offset: clamp(16px, 2.0513vw, 24px);
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --header-height: 100px;
}
@media (max-width: 1440px) {
  :root {
    --header-height: 75px;
  }
}
@media (max-width: 1240px) {
  :root {
    --header-height: 64px;
  }
}
:root {
  --scrollbar-thumb: #364E99;
  --scrollbar-track: #243466;
  --scrollbar-track-hover: transparent;
  --overlay-bg: rgba(0, 0, 0, 0.5);
  --select-inner-bg: #404040;
  --select-inner-border: #FDFDFD;
  --select-focus-border: #FDFDFD;
  --font-family: "Geometria", sans-serif;
  --cl-a: 255, 255, 255;
  --cl-b: 0, 0, 0;
  --cl-c: 92, 110, 153;
  --cl-d: 138, 165, 229;
  --cl-e: 122, 147, 204;
  --cl-f: 76, 92, 128;
  --cl-g: 126, 0, 255;
  --cl-h: 52, 54, 95;
  --cl-i: 127, 228, 8;
  --cl-j: 206, 40, 217;
  --cl-k: 255, 204, 0;
  --cl-l: 153, 184, 255;
  --cl-m: 255, 146, 2;
  --cl-n: 62, 91, 178;
  --cl-o: 206, 40, 217;
  --cl-p: 255, 146, 2;
  --cl-q: 253, 253, 255;
  --cl-r: 239, 12, 60;
  --cl-s: 247, 54, 111;
  --cl-t: 62, 91, 179;
  --cl-u: 54, 78, 153;
  --bg-a: 255, 255, 255;
  --bg-b: 0, 0, 0;
  --bg-c: 35, 35, 92;
  --bg-d: 25, 25, 67;
  --bg-e: 39, 37, 42;
  --bg-f: 20, 28, 51;
  --bg-g: 36, 52, 102;
  --bg-h: 8, 56, 106;
  --bg-i: 71, 105, 204;
  --bg-j: 9, 67, 128;
  --bg-k: 62, 91, 178;
  --bg-l: 25, 41, 81;
  --bg-m: 18, 26, 51;
  --bg-n: 27, 39, 77;
  --bg-o: 9, 54, 105;
  --bg-p: 54, 78, 153;
  --bg-q: 255, 204, 0;
  --bg-r: 18, 38, 77;
  --bg-s: 9, 55, 106;
  --bg-t: 27, 39, 76;
  --bg-u: 127, 228, 8;
  --bg-v: 239, 12, 60;
  --bg-w: 28, 59, 114;
  --bg-x: 255, 146, 2;
  --bg-z: 206, 40, 217;
  --br-a: #243466;
  --br-b: #2d4180;
  --br-c: #FF005B;
  --br-d: #364E99;
  --br-e: #FFCC00;
  --br-f: #1EFF00;
  --br-g: #FF0000;
  --br-h: #00B5FF;
  --br-i: #5076E5;
  --gr-a: linear-gradient(180deg, #ffb400 0%, #ff4800 100%);
  --gr-b: linear-gradient(360deg, #121a33 0%, rgba(18, 26, 51, 0.7) 60%, rgba(18, 26, 51, 0) 100%);
  --gr-c: linear-gradient(180deg, #ffb400 60%, #ff4800 100%);
  --gr-cb: linear-gradient(180deg, #FF9202 0%, rgba(255,146,2,0) 100%);
  --gr-d: linear-gradient(180deg, #c03dc1 0%, #5e26d3 100%);
  --gr-e: linear-gradient(180deg, #c03dc1 60%, #5e26d3 100%);
  --gr-f: linear-gradient(180deg, #c03dc1 0%, #5e26d3 100%);
  --gr-g: linear-gradient(180deg, rgba(20, 28, 51, 0.4) 23.71%, rgba(61, 84, 153, 0.4) 100%);
  --gr-h: linear-gradient(180deg, #FF005B 0%, rgba(255, 0, 91, 0) 100%);
  --gr-i: linear-gradient(180deg, #1eff00 0%, rgba(30, 255, 0, 0) 100%);
  --gr-j: linear-gradient(180deg, #FF0000 0%, rgba(255, 0, 0, 0) 100%);
  --gr-k: linear-gradient(180deg, #FFCC00 0%, rgba(255, 204, 0, 0) 100%);
  --gr-l: linear-gradient(180deg, #be575a 0%, rgba(190, 87, 90, 0) 100%);
  --gr-m: linear-gradient(180deg, #4e85f2 0%, rgba(78, 133, 242, 0) 100%);
  --gr-n: linear-gradient(180deg, #38cf79 0%, rgba(109, 22, 153, 0) 100%, rgba(56, 207, 121, 0) 100%);
  --gr-o: linear-gradient(180deg, #b525ff 0%, rgba(109, 22, 153, 0) 100%);
  --gr-p: linear-gradient(180deg, #085ca8 0%, #034077 100%);
  --gr-q: linear-gradient(270deg, #f8376e 0%, #a626b3 100%);
  --gr-r: linear-gradient(90deg, rgba(0, 194, 255, 0.2) 0%, rgba(0, 163, 255, 0.5) 50%, rgba(0, 224, 255, 0.2) 100%);
  --gr-s: linear-gradient(90deg, rgba(255,204,0,0.4) 0%, rgba(255,204,0,1) 50%, rgba(255,204,0,0.2) 100%);
  --gr-t: linear-gradient(180deg, rgba(20,28,51,0.4) 24%, rgba(61,84,153,0) 100%);
  --gr-bb: linear-gradient(180deg, #000000 0%, rgba(0,0,0,0) 100%);
  --gr-gy: linear-gradient(180deg, #595959 0%, rgba(89,89,89,0) 100%);
  --gr-rt: linear-gradient(180deg, #ff0000 0%, #ff7c00 15%, #00ff08 32%, #45ffff 51%, #0009ff 69%, #ff009f 84%, #e700ff 100%);
}

.title {
  display: inline-flex;
  align-items: center;
  grid-gap: 10px;
  font-weight: 800;
  font-size: clamp(20px, 1.25vw, 24px);
}
.title img, .title svg {
  width: clamp(32px, 2.0833vw, 40px);
  height: clamp(32px, 2.0833vw, 40px);
}
.title--mode {
  font-size: clamp(18px, 1.0417vw, 20px);
}
.title--mode img, .title--mode svg {
  width: 32px;
  height: 32px;
}
.title__text {
  align-self: flex-start;
  font-weight: 700;
  font-size: clamp(14px, 0.8333vw, 16px);
  color: rgba(var(--cl-e), 1);
  padding-top: 5px;
  margin-left: -5px;
}

.subtitle {
  font-weight: 800;
}
@media (min-width: 1026px) {
  .subtitle {
    font-size: clamp(32px, 2.6042vw, 50px);
  }
}
@media (max-width: 1026px) {
  .subtitle {
    font-size: clamp(24px, 3.125vw, 32px);
  }
}
.subtitle--mode {
  font-size: clamp(18px, 1.0417vw, 20px);
}

.header-logo {
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (min-width: 1026px) {
  .header-logo {
    display: none;
  }
}
@media (max-width: 1026px) {
  .header-logo {
    display: flex;
    background-color: rgba(var(--bg-f), 0.2);
  }
}
.header-logo img {
  width: clamp(28px, 2.5vw, 48px);
  height: clamp(28px, 2.5vw, 48px);
}

.aside-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--header-height);
  flex-shrink: 0;
}
@media (min-width: 1026px) {
  .aside-logo {
    background-color: rgba(var(--bg-f), 0.4);
  }
}
@media (max-width: 1026px) {
  .aside-logo {
    display: none;
  }
}
.aside-logo img {
  width: clamp(28px, 2.5vw, 48px);
  height: clamp(28px, 2.5vw, 48px);
}

.footer-logo img {
  width: clamp(24px, 2.1875vw, 42px);
  height: clamp(24px, 2.1875vw, 42px);
}

.balance {
  padding: clamp(11px, 0.651vw, 12.5px) calc(clamp(44px, 2.7083vw, 52px) + 10px) clamp(11px, 0.651vw, 12.5px) clamp(10px, 1.0417vw, 20px);
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 40px;
  display: flex;
  align-items: center;
  grid-gap: 5px;
  position: relative;
}
.balance__title {
  font-weight: 800;
  font-size: 14px;
}
@media (max-width: 1440px) {
  .balance__title {
    display: none;
  }
}
.balance__icon {
  flex-shrink: 0;
  display: flex;
  width: 20px;
  height: 20px;
}
.balance__icon img, .balance__icon svg {
  width: 100%;
  height: 100%;
}
.balance__value {
  font-weight: 800;
  font-size: clamp(12px, 0.9375vw, 18px);
  color: rgba(var(--cl-j), 1);
}
.balance__btn {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 0;
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(44px, 2.7083vw, 52px);
  height: clamp(44px, 2.7083vw, 52px);
  background: rgba(var(--bg-h), 1);
  border-radius: 50px;
  border: 2px solid rgba(var(--bg-f), 0.2);
  transition: all 0.4s;
}
.balance__btn:hover {
  background-color: rgba(var(--bg-f), 0.5);
}

.player {
  display: grid;
  grid-gap: 5px;
  align-items: center;
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 40px;
}
@media (min-width: 1441px) {
  .player {
    grid-template-columns: auto 1fr auto;
    padding: 10px 15px;
  }
}
@media (max-width: 1440px) {
  .player {
    grid-template-columns: repeat(2, auto);
    padding: 6px;
  }
}
.player__box {
  display: flex;
  flex-direction: column;
  grid-gap: 2px;
}
@media (max-width: 1440px) {
  .player__box {
    display: none;
  }
}
.player__avatar {
  border-radius: 50%;
  width: clamp(32px, 2.0833vw, 40px);
  height: clamp(32px, 2.0833vw, 40px);
  background-color: rgba(var(--bg-f), 0.2);
}
@media (min-width: 1241px) {
  .player__avatar {
    padding: 4px;
  }
}
@media (max-width: 1240px) {
  .player__avatar {
    padding: 0;
  }
}
.player__btn {
  margin-left: 5px;
  width: clamp(32px, 2.0833vw, 40px);
  height: clamp(32px, 2.0833vw, 40px);
  border-radius: 50%;
  background: rgba(var(--bg-h), 1);
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
}
.player__btn svg {
  position: relative;
  right: -1px;
  transition: all 0.4s;
  fill: rgba(var(--cl-a), 0.4);
}
.player__btn:hover {
  background-color: rgba(var(--bg-f), 0.5);
}
.player__btn:hover svg {
  fill: rgba(var(--cl-a), 1);
}
.player__name {
  font-weight: 700;
  font-size: 14px;
}
.player__id {
  font-weight: 500;
  font-size: 14px;
  color: rgba(var(--cl-e), 1);
}
.player__info {
  margin-top: 2px;
  font-weight: 500;
  font-size: 14px;
  color: rgba(var(--cl-e), 1);
  display: inline-flex;
  grid-gap: 5px;
}
.player__info b {
  font-weight: 700;
  color: rgba(var(--cl-k), 1);
}

.main-link {
  font-style: inherit;
  font-size: inherit;
  font-weight: 700;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: rgba(var(--cl-k), 1);
  text-decoration-color: inherit;
  transition: all 0.3s;
}
.main-link:hover {
  text-decoration-color: transparent;
}
.main-link--mode {
  color: rgba(var(--cl-p), 1);
  text-decoration-color: transparent;
}
.main-link--mode:hover {
  text-decoration-color: inherit;
}

.promo {
  border-radius: 20px;
  background-color: rgba(var(--bg-f), 0.2);
  padding: 25px clamp(25px, 1.8229vw, 35px);
  display: grid;
  grid-gap: 10px clamp(15px, 1.3021vw, 25px);
  align-items: center;
}
@media (min-width: 1026px) {
  .promo {
    grid-template-columns: auto 1fr;
  }
}
@media (max-width: 1026px) {
  .promo {
    grid-template-columns: 100%;
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .promo {
    padding: clamp(20px, 2.441vw, 25px);
  }
}
@media (max-width: 576px) {
  .promo {
    padding: 20px 20px 0;
  }
}
.promo__title {
  font-weight: 800;
  align-self: end;
}
@media (min-width: 1026px) {
  .promo__title {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}
@media (max-width: 1026px) {
  .promo__title {
    font-size: clamp(16px, 1.953vw, 20px);
  }
}
@media (max-width: 576px) {
  .promo__title {
    line-height: 115%;
  }
}
.promo p {
  line-height: 130%;
}
@media (min-width: 1026px) {
  .promo p {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
}
@media (max-width: 1026px) {
  .promo p {
    font-size: clamp(14px, 1.563vw, 16px);
  }
}
@media (max-width: 576px) {
  .promo p {
    max-width: 230px;
    line-height: 125%;
  }
}
.promo__image {
  width: clamp(70px, 5.2083vw, 100px);
  height: clamp(70px, 5.2083vw, 100px);
  display: flex;
  grid-column: 1;
  grid-row: 1/3;
}
.promo__image img, .promo__image picture {
  width: 100%;
  height: 100%;
}
@media (max-width: 1026px) {
  .promo__image {
    display: none;
  }
}
@media (min-width: 1026px) {
  .promo .promo-form {
    grid-column: span 2;
    margin-top: clamp(6px, 0.7292vw, 14px);
  }
}
@media (max-width: 1026px) {
  .promo .promo-form {
    margin-top: clamp(6px, 1.953vw, 20px);
  }
}
@media (max-width: 576px) {
  .promo .promo-form {
    margin: 10px -20px 0;
  }
}

.yellow-text {
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
  color: rgba(var(--cl-k), 1);
}

.orange-text {
  color: rgba(var(--cl-p), 1);
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
}

.chars {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 5px;
}
.chars__icon {
  display: flex;
}
@media (min-width: 1026px) {
  .chars__icon {
    width: clamp(8px, 1.0417vw, 20px);
    height: clamp(8px, 1.0417vw, 20px);
  }
}
@media (max-width: 1026px) {
  .chars__icon {
    height: clamp(8px, 1.953vw, 20px);
    width: clamp(8px, 1.953vw, 20px);
  }
}

.swiper-button-next, .swiper-button-prev {
  display: block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
  opacity: 0.7;
}
@media (min-width: 1026px) {
  .swiper-button-next, .swiper-button-prev {
    width: clamp(16px, 1.25vw, 24px);
    height: clamp(16px, 1.25vw, 24px);
  }
}
@media (max-width: 1026px) {
  .swiper-button-next, .swiper-button-prev {
    width: clamp(16px, 2.344vw, 24px);
    height: clamp(16px, 2.344vw, 24px);
  }
}

.swiper-button-prev {
  background-image: var(--arrow-prev);
}

.swiper-button-next {
  background-image: var(--arrow-next);
}

.swiper-pagination {
  display: flex;
  align-items: center;
}
@media (min-width: 1026px) {
  .swiper-pagination {
    grid-gap: 12px;
  }
}
@media (max-width: 1026px) {
  .swiper-pagination {
    grid-gap: 8px;
  }
}
.swiper-pagination-bullet {
  border-radius: 20px;
  display: block;
  background-color: rgba(var(--bg-a), 1);
  opacity: 0.4;
  transition: all 0.2s;
  cursor: pointer;
}
@media (min-width: 1026px) {
  .swiper-pagination-bullet {
    width: clamp(40px, 2.6042vw, 50px);
    height: clamp(4px, 0.3125vw, 6px);
  }
}
@media (max-width: 1026px) {
  .swiper-pagination-bullet {
    height: clamp(4px, 0.586vw, 6px);
    width: clamp(20px, 4.883vw, 50px);
  }
}
.swiper-pagination-bullet-active {
  opacity: 1;
}

.jackpot-info {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  background-color: rgba(var(--bg-f), 0.9);
  border-radius: 10px;
  padding: 9px 15px;
  height: clamp(34px, 3.906vw, 40px);
}
.jackpot-info__value {
  font-weight: 800;
  font-size: clamp(12px, 1.367vw, 14px);
  text-align: center;
}
.jackpot-info__value.violet {
  color: rgba(var(--cl-o), 1);
}
.jackpot-info__value.green {
  color: rgba(var(--cl-i), 1);
}
.jackpot-info__coin {
  display: flex;
  width: clamp(18px, 1.953vw, 20px);
  height: clamp(18px, 1.953vw, 20px);
}
.jackpot-info__coin svg, .jackpot-info__coin img {
  width: 100%;
  height: 100%;
}
.jackpot-info__coin.violet {
  color: rgba(var(--cl-o), 1);
}
.jackpot-info__coin.green {
  color: rgba(var(--cl-i), 1);
}
.jackpot-info__text {
  font-weight: 500;
  font-size: clamp(12px, 1.367vw, 14px);
  color: rgba(var(--cl-e), 1);
}
.jackpot-info__box {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}

[data-btn-modal] svg {
  pointer-events: none;
}

.modal {
  margin: auto;
  transform: scale(0.8);
  display: none;
}
.modal.active {
  transform: scale(1);
}
.modal .close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
@media (min-width: 1026px) {
  .modal .close {
    right: 20px;
    top: 20px;
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1026px) {
  .modal .close {
    width: 24px;
    height: 24px;
    right: clamp(15px, 1.953vw, 20px);
    top: clamp(15px, 1.953vw, 20px);
  }
}
.modal .close:hover svg {
  fill: rgba(var(--cl-a), 1);
}
.modal .close svg {
  fill: rgba(var(--cl-a), 0.4);
  pointer-events: none;
  transition: all 0.3s;
}

.select {
  position: relative;
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  width: clamp(40px, 2.6042vw, 50px);
  margin-right: 15px;
}
.select__header {
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  gap: 15px;
  height: clamp(40px, 2.6042vw, 50px);
  width: clamp(40px, 2.6042vw, 50px);
  border-radius: 40px;
  padding: clamp(6px, 0.4167vw, 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 6;
  background-color: rgba(var(--bg-f), 0.2);
  transition: background-color 0.4s;
}
.select__header img {
  width: 100%;
  aspect-ratio: 1;
}
.select__header:hover {
  background-color: rgba(var(--bg-j), 0.5);
}
.select__header:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  right: -10px;
  z-index: 5;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(/assets_new/images/arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.select__current {
  flex-grow: 1;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-family: var(--font-family);
  line-height: 24px;
  color: rgba(var(--cl-f), 1);
}
@media (max-width: 576px) {
  .select__current {
    font-size: 14px;
  }
}
.select__body {
  width: 100%;
  position: absolute;
  z-index: 5;
  height: 0;
  top: 100%;
  overflow: hidden;
  transition: height 0.4s ease-in;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0);
  border-radius: 0px 0px 40px 40px;
}
.select__list {
  height: 100%;
  background-color: rgba(var(--bg-h), 1);
  padding: clamp(6px, 0.4167vw, 8px) clamp(6px, 0.4167vw, 8px) 0;
}
.select__list::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 8px;
}
.select__list::-webkit-scrollbar-track {
  background-color: transparent;
}
.select__list::-webkit-scrollbar {
  width: 4px;
  border-radius: 8px;
}
.select__option {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  color: rgba(var(--cl-f), 1);
  font-size: 14px;
  font-family: var(--font-family);
  line-height: 100%;
  padding-bottom: 16px;
  border-radius: 56px;
  position: relative;
  z-index: 1;
}
.select__option img {
  width: 100%;
  aspect-ratio: 1;
}
.select__option::before {
  z-index: -1;
  position: absolute;
  content: "";
  pointer-events: none;
  width: 24px;
  height: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(var(--bg-j), 1);
  border-radius: inherit;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
.select__option:hover::before {
  opacity: 1;
  visibility: visible;
}
.select__option a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.select__option img {
  pointer-events: none;
}

.select.active {
  z-index: 13;
}
.select.active .select__header {
  border-radius: 40px 40px 0px 0px;
  background-color: rgba(var(--bg-j), 1);
}
.select.active .select__header:hover {
  background-color: rgba(var(--bg-j), 0.7);
}
.select.active .select__header::before {
  transform: translate(50%, -50%) scaleY(-1);
}
.select.active .select__body {
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 25px;
}

.toggle-switch .toggle-input {
  display: none;
}

.toggle-switch .toggle-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 25px;
  background-color: #191943;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.toggle-switch .toggle-label::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  top: 5px;
  left: 5px;
  background-color: #3E5BB2;
  transition: transform 0.3s;
}

.toggle-switch .toggle-input:checked + .toggle-label::before {
  transform: translateX(16px);
  background-color: #7E00FF;
}

/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

html {
  box-sizing: border-box;
  width: 100%;
  max-width: 100dvw;
  will-change: font-size;
  font-size: var(--rem-function);
}

body {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  will-change: font-size;
  color: rgba(var(--cl-a), 1);
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  background-color: var(--body-bg);
  -webkit-text-size-adjust: 100%;
  background-image: url(/assets_new/img/bg.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
body.fixed-body {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
body.body-mode {
  padding-top: 0;
}
body {
  height: 100vh;
  overflow: hidden;
}

main {
  min-width: 0 !important;
}
main.no-padding {
  padding: 0;
  margin: 0;
}
main {
  overflow-y: auto;
  height: 100vh;
}
@media (min-width: 1026px) {
  main {
    margin: 0 clamp(325px, 20.052vw, 385px) 0 clamp(80px, 7.2917vw, 140px);
  }
}
@media (max-width: 1026px) {
  main {
    padding-top: var(--header-height);
  }
}

@media (min-width: 1026px) {
  section:first-of-type {
    padding-top: 10px;
  }
}
@media (max-width: 1026px) {
  section:first-of-type {
    padding-top: 30px;
  }
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  display: inline-flex;
  margin: 0;
  font-style: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

button {
  display: inline-flex;
  margin: 0;
  padding: 0;
  line-height: initial;
  color: inherit;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
button,
p {
  margin: 0;
  padding: 0;
  color: rgba(var(--cl-a), 1);
  font-family: var(--font-family);
  font-style: normal;
  line-height: 125%;
}

p {
  font-size: clamp(12px, 0.7292vw, 14px);
  font-weight: 500;
  color: rgba(var(--cl-c), 1);
}

img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

picture {
  display: inline-flex;
}

label {
  display: inline-flex;
}

input {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
}
input::-moz-placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
input::placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}
input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}

textarea {
  border: none;
  outline: none;
  resize: none;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}

.container {
  position: relative;
  width: 100%;
}
@media (min-width: 1920px) {
  .container {
    max-width: 100%;
  }
}
@media (max-width: 1920px) {
  .container {
    max-width: var(--container-width);
  }
}
@media (max-width: 1026px) {
  .container {
    margin: 0 auto;
    padding: 0 var(--container-offset);
  }
}

.wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1026px) {
  .wrapper {
    min-height: calc(100vh - var(--header-height) - var(--footer-height));
    padding: 0 clamp(20px, 2.865vw, 55px);
  }
}
@media (max-width: 1026px) {
  .wrapper {
    min-height: calc(100vh - var(--header-height) - var(--footer-height) - 60px);
  }
}

.panel,
[data-content] {
  z-index: 20;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s;
}

[data-tab-content], [data-inner-content] {
  display: none;
}
[data-tab-content].active, [data-inner-content].active {
  display: block;
}

.dis-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  overscroll-behavior: none !important;
  scroll-behavior: none !important;
}

.overlay {
  position: fixed;
  height: 100%;
  min-height: 100dvh;
  display: flex;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  padding: 20px;
  overflow-y: auto;
  background: rgba(var(--bg-f), 0.9);
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s, visibility 1s;
  transition-delay: 0.5s;
  pointer-events: none;
}
@media (max-width: 576px) {
  .overlay {
    padding: 10px 0;
  }
}
.overlay::-webkit-scrollbar {
  display: none;
}
.overlay.active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.6s, visibility 0.6s;
  pointer-events: initial;
}
.overlay.active-mode {
  z-index: 100;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0.3s;
  pointer-events: initial;
}

*::-webkit-scrollbar {
  width: 6px;
  cursor: pointer;
}
@media (max-width: 768px) {
  *::-webkit-scrollbar {
    display: none;
  }
}
*::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
*::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
}
*::-webkit-scrollbar-button {
  display: none;
  background-color: transparent;
  box-shadow: none;
}

.preloader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: rgba(var(--bg-r), 1);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
  pointer-events: none;
}
.preloader.loaded {
  opacity: 0;
  visibility: hidden;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 174, 255, 0) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 174, 255, 0) 100%);
}

:root {
  --arrow-prev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cpath fill='%23FDFDFF' d='M15.3234 5.6356c-.5858-.5858-1.5355-.5858-2.1213 0L7.8988 10.939c-.5858.5858-.5858 1.5356 0 2.1214l5.3033 5.3033c.5858.5857 1.5355.5857 2.1213 0 .5858-.5858.5858-1.5356 0-2.1214l-4.2426-4.2426 4.2426-4.2426c.5858-.5858.5858-1.5356 0-2.1214Z'/%3E%3C/svg%3E");
  --arrow-next: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cpath fill='%23FDFDFF' d='M9.6766 5.6356c.5858-.5858 1.5355-.5858 2.1213 0l5.3033 5.3033c.5858.5858.5858 1.5356 0 2.1214l-5.3033 5.3033c-.5858.5857-1.5355.5857-2.1213 0-.5858-.5858-.5858-1.5356 0-2.1214l4.2426-4.2426L9.6766 7.757c-.5858-.5858-.5858-1.5356 0-2.1214Z'/%3E%3C/svg%3E");
  --modal-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='920' height='350' fill='none'%3E%3Cg clip-path='url(%23clip0_128_50915)'%3E%3Cmask id='mask0_128_50915' width='920' height='350' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%231B274D' fill-rule='evenodd' d='M460 0c-15.142 0-28.319 8.4135-35.111 20.8206C419.586 30.5095 411.046 40 400 40H20C8.9543 40 0 48.9543 0 60v270c0 11.046 8.9543 20 20 20h880c11.046 0 20-8.954 20-20V60c0-11.0457-8.954-20-20-20H520c-11.046 0-19.586-9.4905-24.889-19.1794C488.319 8.4135 475.142 0 460 0Z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_128_50915)'%3E%3Cg filter='url(%23filter0_i_128_50915)'%3E%3Cpath fill='%23192D6E' fill-rule='evenodd' d='M460 0c-15.142 0-28.319 8.4135-35.111 20.8206C419.586 30.5095 411.046 40 400 40H20C8.9543 40 0 48.9543 0 60v270c0 11.046 8.9543 20 20 20h880c11.046 0 20-8.954 20-20V60c0-11.0457-8.954-20-20-20H520c-11.046 0-19.586-9.4905-24.889-19.1794C488.319 8.4135 475.142 0 460 0Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_128_50915)'%3E%3Cellipse cx='459.5' cy='-41' fill='%23CE28D9' rx='280.5' ry='95'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip1_128_50915)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M454.78 15.5528c-.386.1177-.795-.1021-.912-.4892-.116-.3871.103-.7961.49-.9126 1.086-.3274 2.236-.5602 3.42-.6928 2.139-.2406 4.274-.0571 6.342.5454 6.265 1.8258 10.805 7.194 11.565 13.6763.294 2.5038.192 4.8624-.333 7.6477a.7316.7316 0 0 1-.855.5836.6252.6252 0 0 1-.07-.0165.7322.7322 0 0 1-.514-.8383c.496-2.6329.594-4.8549.318-7.2062-.691-5.8963-4.821-10.7799-10.521-12.4407-1.882-.5483-3.822-.7149-5.77-.4963-1.096.1228-2.159.3379-3.16.6396Zm5.531 13.9295c.021.1769.462 4.4737-3.552 16.6516a.7325.7325 0 0 1-.9.4737l-.024-.0071a.733.733 0 0 1-.467-.9245c3.879-11.7659 3.492-15.9865 3.488-16.0273-.042-.4013.247-.7625.647-.8067.402-.0439.761.2401.808.6403Zm-8.066-13.751a.7316.7316 0 0 0-.992-.2973c-3.589 1.9351-6.198 5.1785-7.545 9.3789-.764 2.3794-1.142 5.0977-1.124 8.08a.7326.7326 0 0 0 .527.6988.7404.7404 0 0 0 .21.0291c.404-.0027.73-.3324.727-.7366-.017-2.8273.338-5.3923 1.054-7.624 1.247-3.8879 3.55-6.7605 6.845-8.5373.356-.1922.489-.6361.298-.9916Zm18.404 17.073c.14-1.1251.186-2.1755.141-3.212-.194-4.4492-3.714-9.3184-7.689-10.6304-1.546-.5146-3.15-.6794-4.763-.4981-4.458.4994-8.17 3.5942-9.459 7.8826a11.0777 11.0777 0 0 0-.471 3.1259c-.004.6767-.018 1.398-.119 2.1205-.198 1.43-.719 4.0418-2.075 8.3579a.7325.7325 0 0 1-.903.4833l-.015-.0043a.7324.7324 0 0 1-.479-.9181c1.326-4.2196 1.832-6.7451 2.023-8.1208.088-.6354.1-1.3015.104-1.9293.01-1.2022.189-2.3922.533-3.5372 1.459-4.8513 5.658-8.351 10.698-8.9163 1.826-.2056 3.635-.0169 5.387.5623 4.571 1.511 8.47 6.875 8.691 11.9579.05 1.1193 0 2.2502-.15 3.4571-.365 2.9189-1.313 6.2268-2.724 10.6185-.122.3786-.522.5899-.901.4793l-.02-.0058a.7317.7317 0 0 1-.473-.9209c1.385-4.3108 2.314-7.5464 2.664-10.3521Zm-13.49-10.4386c.383-.1302.587-.5465.457-.9292-.13-.3819-.546-.587-.929-.4568-2.65.9032-4.705 3.0788-5.637 5.9696l-.001.0021a10.7962 10.7962 0 0 0-.516 3.1036l-.001.0751c-.041 2.3743-1.044 6.6619-2.828 12.0721a.733.733 0 0 0 .467.9245l.025.0072c.376.1097.776-.0981.899-.4737 1.855-5.6267 2.858-9.9511 2.902-12.5729.017-.9193.167-1.8236.446-2.6871v-.0014c.789-2.4455 2.507-4.2804 4.716-5.0331Zm6.964 23.5491-.025-.0072c-.384-.1271-.593-.5411-.468-.9263 2.219-6.7306 3.256-10.2301 3.531-13.1699V31.81c.102-1.0868.092-2.1098-.027-3.1282-.355-3.0396-2.484-5.5573-5.423-6.4136a7.5864 7.5864 0 0 0-1.614-.2865c-.404-.0284-.709-.3758-.681-.7796a.7314.7314 0 0 1 .779-.6811 9.047 9.047 0 0 1 1.926.3416c3.505 1.0212 6.043 4.0234 6.468 7.6491.132 1.1212.142 2.2436.031 3.433v.0021c-.288 3.0816-1.343 6.6536-3.598 13.4943-.124.3756-.523.5834-.899.4737Zm-2.611-3.5259-.005-.0015a.7317.7317 0 0 0-.906.4932c-.135.4504-.277.9139-.426 1.3913a.733.733 0 0 0 .481.9172l.014.0041a.7331.7331 0 0 0 .904-.4847c.15-.4824.294-.9522.43-1.4082a.7324.7324 0 0 0-.492-.9114Zm-2.311-16.2338c-1.341.15-2.475 1.0809-2.89 2.3715-.138.431-.189.8791-.151 1.3323.016.482.038 4.662-3.361 14.9717a.7325.7325 0 0 1-.9.4737l-.024-.0071a.733.733 0 0 1-.467-.9245c3.377-10.2443 3.295-14.2633 3.29-14.4294-.052-.6071.021-1.2478.219-1.8642.59-1.8381 2.207-3.1643 4.12-3.3788a4.8734 4.8734 0 0 1 1.917.1644 4.8908 4.8908 0 0 1 3.496 4.1329c.031.2623.093.7944.073 1.7043-.054 2.3811-.642 5.7397-1.703 9.7141a.7314.7314 0 0 1-.896.5183l-.016-.0047c-.38-.1108-.605-.5065-.502-.8914 1.302-4.8809 1.617-7.7898 1.652-9.3695.019-.802-.035-1.2646-.061-1.4892v-.0051c-.162-1.38-1.124-2.5175-2.451-2.9044a3.4194 3.4194 0 0 0-1.345-.1149Z' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_128_50915'%3E%3Cpath fill='%23fff' d='M0 0h920v350H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_128_50915'%3E%3Cpath fill='%23fff' d='M440 10h40v40h-40z'/%3E%3C/clipPath%3E%3Cfilter id='filter0_i_128_50915' width='920' height='350' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='45'/%3E%3CfeComposite in2='hardAlpha' k2='-1' k3='1' operator='arithmetic'/%3E%3CfeColorMatrix values='0 0 0 0 0.201626 0 0 0 0 0.355203 0 0 0 0 0.799479 0 0 0 1 0'/%3E%3CfeBlend in2='shape' result='effect1_innerShadow_128_50915'/%3E%3C/filter%3E%3Cfilter id='filter1_f_128_50915' width='1249' height='878' x='-165' y='-480' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_128_50915' stdDeviation='172'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  --modal-bg-tab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='240' fill='none'%3E%3Cg clip-path='url(%23clip0_4770_52186)'%3E%3Cmask id='mask0_4770_52186' width='600' height='242' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%231B274D' fill-rule='evenodd' d='M327.885 13.8439c3.815 5.0208 9.211 9.1844 15.517 9.1844H585c8.284 0 15 6.7157 15 15V226.028c0 8.285-6.716 15-15 15H15c-8.2843 0-15-6.715-15-15V38.0283c0-8.2842 6.7157-15 15-15h241.598c6.306 0 11.702-4.1636 15.517-9.1844C278.508 5.4316 288.62 0 300 0c11.38 0 21.492 5.4316 27.885 13.8439Z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4770_52186)'%3E%3Cg filter='url(%23filter0_i_4770_52186)'%3E%3Cpath fill='%23192D6E' fill-rule='evenodd' d='M325.631 11.1661c5.727 6.156 12.864 11.8622 21.272 11.8622H580c11.046 0 20 8.9543 20 20V221.028c0 11.046-8.954 20-20 20H20c-11.0457 0-20-8.954-20-20V43.0283c0-11.0457 8.9543-20 20-20h233.097c8.408 0 15.545-5.7062 21.272-11.8622C280.759 4.2969 289.878 0 300 0s19.241 4.2969 25.631 11.1661Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_4770_52186)'%3E%3Cellipse cx='300.206' cy='-30.8086' fill='%23CE28D9' rx='164.206' ry='60'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip1_4770_52186)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M296.868 9.3317a.4384.4384 0 0 1-.547-.2935.439.439 0 0 1 .294-.5476c.651-.1965 1.342-.3361 2.052-.4157a9.6732 9.6732 0 0 1 3.805.3273c3.759 1.0954 6.483 4.3163 6.939 8.2058.177 1.5022.115 2.9174-.2 4.5886a.4387.4387 0 0 1-.555.3402.4398.4398 0 0 1-.308-.503c.298-1.5797.356-2.9129.191-4.3237a8.8329 8.8329 0 0 0-6.313-7.4644 8.8006 8.8006 0 0 0-3.462-.2978c-.658.0737-1.295.2028-1.896.3838Zm3.319 8.3577c.012.1061.277 2.6842-2.131 9.991a.44.44 0 0 1-.54.2842l-.015-.0043a.4389.4389 0 0 1-.28-.5547c2.327-7.0596 2.095-9.5919 2.093-9.6164a.4396.4396 0 0 1 .388-.484c.241-.0263.457.1441.485.3842Zm-4.84-8.2506a.4389.4389 0 0 0-.595-.1784c-2.154 1.1611-3.719 3.1071-4.527 5.6273-.459 1.4277-.685 3.0587-.675 4.8481a.4397.4397 0 0 0 .442.4367c.243-.0017.439-.1995.437-.442-.01-1.6964.202-3.2353.632-4.5744.748-2.3327 2.13-4.0563 4.107-5.1223a.4393.4393 0 0 0 .179-.595Zm11.043 10.2438c.084-.6751.111-1.3053.084-1.9272-.116-2.6695-2.229-5.591-4.613-6.3783-.928-.3087-1.891-.4076-2.858-.2988-2.675.2996-4.902 2.1565-5.676 4.7295a6.6392 6.6392 0 0 0-.282 1.8756c-.003.406-.011.8388-.071 1.2723-.119.858-.432 2.4251-1.246 5.0147a.4396.4396 0 0 1-.542.29l-.008-.0026a.44.44 0 0 1-.288-.5509c.796-2.5317 1.099-4.047 1.214-4.8724.053-.3813.06-.7809.063-1.1576a7.5692 7.5692 0 0 1 .319-2.1223c.875-2.9108 3.395-5.0106 6.419-5.3498 1.095-.1233 2.181-.0101 3.232.3374 2.743.9066 5.083 4.125 5.215 7.1747.03.6716 0 1.3502-.09 2.0743-.219 1.7513-.788 3.7361-1.634 6.3711-.074.2271-.314.3539-.541.2875l-.012-.0034a.4395.4395 0 0 1-.284-.5526c.831-2.5864 1.388-4.5278 1.599-6.2112Zm-8.094-6.2632a.44.44 0 0 0 .274-.5575.4405.4405 0 0 0-.558-.2741c-1.59.542-2.823 1.8473-3.382 3.5818v.0013a6.4498 6.4498 0 0 0-.31 1.8621l-.001.045c-.024 1.4246-.626 3.9972-1.696 7.2433a.4388.4388 0 0 0 .28.5547l.014.0043a.4394.4394 0 0 0 .54-.2842c1.113-3.376 1.715-5.9706 1.741-7.5437.011-.5516.1-1.0942.268-1.6123v-.0008c.473-1.4673 1.504-2.5683 2.83-3.0199Zm4.178 14.1295-.015-.0043a.4413.4413 0 0 1-.281-.5558c1.332-4.0384 1.954-6.1381 2.118-7.9019l.001-.0009c.061-.6521.055-1.2659-.016-1.8769a4.553 4.553 0 0 0-3.255-3.8482 4.5346 4.5346 0 0 0-.968-.1719.44.44 0 0 1-.409-.4677.4401.4401 0 0 1 .468-.4087 5.432 5.432 0 0 1 1.156.2049 5.431 5.431 0 0 1 3.881 4.5895c.079.6728.085 1.3462.018 2.0598v.0013c-.173 1.8489-.806 3.9921-2.159 8.0965a.4384.4384 0 0 1-.539.2843Zm-1.567-2.1156-.003-.0008a.4401.4401 0 0 0-.544.2959c-.08.2702-.165.5483-.255.8348a.4397.4397 0 0 0 .289.5503l.008.0024a.439.439 0 0 0 .542-.2908c.091-.2894.177-.5713.259-.8449a.4406.4406 0 0 0-.296-.5469Zm-1.386-9.7402c-.805.0899-1.485.6485-1.734 1.4229a2.0392 2.0392 0 0 0-.091.7993c.009.2892.023 2.7972-2.016 8.9831a.4398.4398 0 0 1-.54.2842l-.015-.0043a.4388.4388 0 0 1-.28-.5547c2.026-6.1465 1.977-8.558 1.974-8.6576-.032-.3643.012-.7487.131-1.1186.354-1.1028 1.325-1.8985 2.472-2.0272a2.928 2.928 0 0 1 1.151.0986 2.9345 2.9345 0 0 1 2.097 2.4798c.019.1573.056.4766.044 1.0226-.033 1.4286-.386 3.4438-1.022 5.8284a.4393.4393 0 0 1-.538.311l-.009-.0028a.439.439 0 0 1-.301-.5348c.781-2.9286.97-4.674.991-5.6218.011-.4812-.021-.7588-.037-.8935v-.0031c-.097-.828-.674-1.5104-1.471-1.7426a2.0446 2.0446 0 0 0-.806-.0689Z' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4770_52186'%3E%3Cpath fill='%23fff' d='M0 0h600v240H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_4770_52186'%3E%3Cpath fill='%23fff' d='M288 6h24v24h-24z'/%3E%3C/clipPath%3E%3Cfilter id='filter0_i_4770_52186' width='600' height='241.027' x='0' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='30'/%3E%3CfeComposite in2='hardAlpha' k2='-1' k3='1' operator='arithmetic'/%3E%3CfeColorMatrix values='0 0 0 0 0.201626 0 0 0 0 0.355203 0 0 0 0 0.799479 0 0 0 1 0'/%3E%3CfeBlend in2='shape' result='effect1_innerShadow_4770_52186'/%3E%3C/filter%3E%3Cfilter id='filter1_f_4770_52186' width='728.411' height='520' x='-64' y='-290.809' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_4770_52186' stdDeviation='100'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  --modal-bg-mob: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='265' fill='none'%3E%3Cg clip-path='url(%23clip0_4468_39240)'%3E%3Cmask id='mask0_4468_39240' width='350' height='264' x='0' y='1' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%231B274D' fill-rule='evenodd' d='M195.452 11.6186c4.669 6.6284 10.982 13.6128 19.09 13.6128H335c8.284 0 15 6.7158 15 15V250c0 8.285-6.716 15-15 15H15c-8.2843 0-15-6.715-15-15V40.2314c0-8.2843 6.7157-15 15-15h120.458c8.108 0 14.421-6.9844 19.09-13.6128C159.073 5.1959 166.546 1 175 1c8.454 0 15.927 4.1959 20.452 10.6186Z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4468_39240)'%3E%3Cg filter='url(%23filter0_i_4468_39240)'%3E%3Cpath fill='%23192D6E' fill-rule='evenodd' d='M192.293 7.946c7.806 7.4791 16.29 17.2854 27.101 17.2854H330c11.046 0 20 8.9543 20 20V245c0 11.046-8.954 20-20 20H20c-11.0457 0-20-8.954-20-20V45.2314c0-11.0457 8.9543-20 20-20h110.606c10.811 0 19.295-9.8063 27.101-17.2854C162.197 3.6435 168.29 1 175 1c6.71 0 12.803 2.6435 17.293 6.946Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_4468_39240)'%3E%3Cellipse cx='174.712' cy='-20.9622' fill='%23CE28D9' rx='106.712' ry='73.528'/%3E%3C/g%3E%3C/g%3E%3Cg clip-path='url(%23clip1_4468_39240)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M171.868 11.3317a.4384.4384 0 0 1-.547-.2935.439.439 0 0 1 .294-.5476c.651-.1964 1.342-.3361 2.052-.4157a9.674 9.674 0 0 1 3.805.3273c3.759 1.0954 6.483 4.3163 6.939 8.2058.177 1.5022.115 2.9174-.2 4.5886a.4387.4387 0 0 1-.555.3402.4398.4398 0 0 1-.308-.503c.298-1.5797.356-2.9129.191-4.3237a8.8328 8.8328 0 0 0-6.313-7.4644 8.8012 8.8012 0 0 0-3.462-.2978c-.658.0737-1.295.2028-1.896.3838Zm3.319 8.3577c.012.1061.277 2.6842-2.131 9.991a.44.44 0 0 1-.54.2842l-.015-.0043a.4389.4389 0 0 1-.28-.5547c2.327-7.0596 2.095-9.5919 2.093-9.6164a.4396.4396 0 0 1 .388-.484c.241-.0263.457.1441.485.3842Zm-4.84-8.2506a.4388.4388 0 0 0-.595-.1784c-2.154 1.1611-3.719 3.1071-4.527 5.6273-.459 1.4277-.685 3.0587-.675 4.8481a.4397.4397 0 0 0 .442.4367c.243-.0017.439-.1995.437-.442-.01-1.6964.202-3.2353.632-4.5744.748-2.3327 2.13-4.0563 4.107-5.1223a.4393.4393 0 0 0 .179-.595Zm11.043 10.2438c.084-.6751.111-1.3053.084-1.9272-.116-2.6695-2.229-5.591-4.613-6.3783-.928-.3087-1.891-.4076-2.858-.2988-2.675.2996-4.902 2.1565-5.676 4.7295a6.6392 6.6392 0 0 0-.282 1.8756c-.003.406-.011.8388-.071 1.2723-.119.858-.432 2.4251-1.246 5.0147a.4396.4396 0 0 1-.542.29l-.008-.0026a.44.44 0 0 1-.288-.5509c.796-2.5317 1.099-4.047 1.214-4.8724.053-.3813.06-.7809.063-1.1576a7.5692 7.5692 0 0 1 .319-2.1223c.875-2.9108 3.395-5.0106 6.419-5.3498 1.095-.1233 2.181-.0101 3.232.3374 2.743.9066 5.083 4.125 5.215 7.1747.03.6716 0 1.3502-.09 2.0743-.219 1.7513-.788 3.7361-1.634 6.3711-.074.2271-.314.3539-.541.2875l-.012-.0034a.4395.4395 0 0 1-.284-.5526c.831-2.5864 1.388-4.5278 1.599-6.2112Zm-8.094-6.2632a.44.44 0 0 0 .274-.5575.4405.4405 0 0 0-.558-.2741c-1.59.542-2.823 1.8473-3.382 3.5818v.0013a6.4498 6.4498 0 0 0-.31 1.8621l-.001.045c-.024 1.4246-.626 3.9972-1.696 7.2433a.4388.4388 0 0 0 .28.5547l.014.0043a.4394.4394 0 0 0 .54-.2842c1.113-3.376 1.715-5.9706 1.741-7.5437.011-.5516.1-1.0942.268-1.6123v-.0008c.473-1.4673 1.504-2.5683 2.83-3.0199Zm4.178 14.1295-.015-.0043a.4413.4413 0 0 1-.281-.5558c1.332-4.0384 1.954-6.1381 2.118-7.9019l.001-.0009c.061-.6521.055-1.2659-.016-1.8769a4.553 4.553 0 0 0-3.255-3.8482 4.5346 4.5346 0 0 0-.968-.1719.44.44 0 0 1-.409-.4677.4401.4401 0 0 1 .468-.4087 5.432 5.432 0 0 1 1.156.2049 5.431 5.431 0 0 1 3.881 4.5895c.079.6728.085 1.3462.018 2.0598v.0013c-.173 1.8489-.806 3.9921-2.159 8.0965a.4384.4384 0 0 1-.539.2843Zm-1.567-2.1156-.003-.0008a.4401.4401 0 0 0-.544.2959c-.08.2702-.165.5483-.255.8348a.4397.4397 0 0 0 .289.5503l.008.0024a.439.439 0 0 0 .542-.2908c.091-.2894.177-.5713.259-.8449a.4406.4406 0 0 0-.296-.5469Zm-1.386-9.7402c-.805.0899-1.485.6485-1.734 1.4229a2.0392 2.0392 0 0 0-.091.7993c.009.2892.023 2.7972-2.016 8.9831a.4398.4398 0 0 1-.54.2842l-.015-.0043a.4388.4388 0 0 1-.28-.5547c2.026-6.1465 1.977-8.558 1.974-8.6576-.032-.3643.012-.7487.131-1.1186.354-1.1028 1.325-1.8985 2.472-2.0272a2.928 2.928 0 0 1 1.151.0986 2.9345 2.9345 0 0 1 2.097 2.4798c.019.1573.056.4766.044 1.0226-.033 1.4286-.386 3.4438-1.022 5.8284a.4393.4393 0 0 1-.538.311l-.009-.0028a.439.439 0 0 1-.301-.5348c.781-2.9286.97-4.674.991-5.6218.011-.4812-.021-.7588-.037-.8935v-.0031c-.097-.828-.674-1.5104-1.471-1.7426a2.0446 2.0446 0 0 0-.806-.0689Z' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4468_39240'%3E%3Cpath fill='%23fff' d='M0 0h350v265H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_4468_39240'%3E%3Cpath fill='%23fff' d='M163 8h24v24h-24z'/%3E%3C/clipPath%3E%3Cfilter id='filter0_i_4468_39240' width='350' height='264' x='0' y='1' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeComposite in2='hardAlpha' k2='-1' k3='1' operator='arithmetic'/%3E%3CfeColorMatrix values='0 0 0 0 0.201626 0 0 0 0 0.355203 0 0 0 0 0.799479 0 0 0 1 0'/%3E%3CfeBlend in2='shape' result='effect1_innerShadow_4468_39240'/%3E%3C/filter%3E%3Cfilter id='filter1_f_4468_39240' width='613.424' height='547.057' x='-132' y='-294.49' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_4468_39240' stdDeviation='100'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  --subtract: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' fill='none'%3E%3Cpath fill='%23F7366F' fill-rule='evenodd' d='M16.2617 4.9366 10.4593 1.552a1.9016 1.9016 0 0 0-1.9186 0L2.7383 4.9366c-.5936.3463-.9593.9862-.9593 1.6787v6.7693c0 .6926.3657 1.3325.9593 1.6788l5.8024 3.3846a1.9014 1.9014 0 0 0 1.9186 0l5.8024-3.3846c.5936-.3463.9592-.9862.9592-1.6788V6.6153c0-.6925-.3656-1.3324-.9592-1.6787ZM11.0988.4328a3.1693 3.1693 0 0 0-3.1976 0L2.0988 3.8175C1.1095 4.3945.5 5.461.5 6.6154v6.7692c0 1.1543.6095 2.2208 1.5988 2.7979l5.8024 3.3847a3.1693 3.1693 0 0 0 3.1976 0l5.8024-3.3847c.9893-.5771 1.5988-1.6436 1.5988-2.7979V6.6153c0-1.1542-.6095-2.2207-1.5988-2.7978L11.0988.4328ZM8.7006 3.278a1.5846 1.5846 0 0 1 1.5988 0l4.3551 2.5404c.4946.2885.7994.8218.7994 1.399v5.0807c0 .5771-.3048 1.1104-.7994 1.3989l-4.3551 2.5404a1.5844 1.5844 0 0 1-1.5988 0l-4.355-2.5404c-.4947-.2885-.7994-.8218-.7994-1.3989V7.2173c0-.5771.3047-1.1104.7994-1.399l4.355-2.5403Zm3.0711 4.4757H7.295v4.523h4.4767v-4.523Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='172' fill='none'%3E%3Cg clip-path='url(%23clip0_43_16262)' filter='url(%23filter0_d_43_16262)'%3E%3Cpath fill='%23FC0' d='M21.5 8h-18l9 10 9-10Z'/%3E%3C/g%3E%3Cg filter='url(%23filter1_d_43_16262)'%3E%3Cpath fill='url(%23paint0_linear_43_16262)' d='M12 14h1v154h-1z' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_43_16262' width='26' height='18' x='-0.5' y='4' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.8 0 0 0 0 0.00392157 0 0 0 0.6 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_43_16262'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_43_16262' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_43_16262' width='9' height='162' x='8' y='10' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.8 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_43_16262'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_43_16262' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_43_16262' x1='12.5' x2='12.5' y1='14' y2='168' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FC0'/%3E%3Cstop offset='1' stop-color='%23FC0' stop-opacity='0.4'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_43_16262'%3E%3Cpath fill='%23fff' d='M.5 0h24v24H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --jackpot-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='25' fill='none'%3E%3Cg filter='url(%23filter0_d_8117_36929)'%3E%3Cpath fill='%23FC0' d='M34 4.333H4l15 16.6667L34 4.333Z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_8117_36929' width='38' height='24.667' x='0' y='0.333008' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.8 0 0 0 0 0.00392157 0 0 0 0.6 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_8117_36929'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_8117_36929' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.transparent-btn {
  font-weight: 800;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  position: relative;
}
.transparent-btn::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: var(--gr-a);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.transparent-btn {
  z-index: 1;
  border-radius: 10px;
}
@media (min-width: 1026px) {
  .transparent-btn {
    padding: clamp(15.5px, 1.0417vw, 20px) clamp(20px, 1.3021vw, 25px);
    font-size: clamp(18px, 1.0417vw, 20px);
  }
}
@media (max-width: 1026px) {
  .transparent-btn {
    padding: clamp(8px, 1.514vw, 15.5px) clamp(15px, 1.953vw, 20px);
    font-size: clamp(14px, 1.758vw, 18px);
  }
}
.transparent-btn:after {
  position: absolute;
  content: "";
  inset: 0;
  border-radius: inherit;
  background: var(--gr-a);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
.transparent-btn:hover::after {
  opacity: 1;
  visibility: visible;
}
.transparent-btn:hover:active::after {
  opacity: 0.7;
  visibility: visible;
}
.transparent-btn--violet {
  background-color: rgba(var(--bg-f), 0.5);
}
.transparent-btn--violet::before {
  background: var(--gr-f);
}
.transparent-btn--violet::after {
  background: var(--gr-f);
}

.yellow-btn {
  font-weight: 800;
  font-size: clamp(14px, 0.9375vw, 18px);
  text-transform: uppercase;
  display: flex;
  grid-gap: 5px;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 30px;
  box-shadow: 0 0 24px 0 rgba(255, 118, 1, 0.2);
  background: var(--gr-a);
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@media (min-width: 1026px) {
  .yellow-btn {
    padding: clamp(13px, 0.8333vw, 16px) clamp(15px, 1.3021vw, 25px);
  }
}
@media (max-width: 1026px) {
  .yellow-btn {
    padding: clamp(8px, 1.27vw, 13px) 15px;
  }
}
.yellow-btn:after {
  position: absolute;
  content: "";
  inset: 0;
  border-radius: inherit;
  background: var(--gr-c);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
.yellow-btn:hover::after {
  opacity: 1;
  visibility: visible;
}
.yellow-btn:hover:active::after {
  opacity: 0.7;
  visibility: visible;
}
.yellow-btn svg {
  fill: currentColor;
}

.violet-btn {
  font-weight: 800;
  font-size: 14px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 30px;
  box-shadow: 0 0 24px 0 rgba(234, 74, 235, 0.2);
  background: var(--gr-d);
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 15px;
  text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.violet-btn:after {
  position: absolute;
  content: "";
  inset: 0;
  border-radius: inherit;
  background: var(--gr-e);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
.violet-btn:hover::after {
  opacity: 1;
  visibility: visible;
}
.violet-btn:hover:active::after {
  opacity: 0.7;
  visibility: visible;
}
.violet-btn__icon {
  width: clamp(20px, 1.25vw, 24px);
  height: clamp(20px, 1.25vw, 24px);
  display: flex;
}
.violet-btn__icon svg,
.violet-btn__icon img {
  width: 100%;
  height: 100%;
}
.violet-btn__value {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.violet-btn--mode {
  font-size: clamp(14px, 1.0417vw, 20px);
  border-radius: 10px;
  grid-gap: 5px;
  padding: clamp(10px, 0.9375vw, 18px) clamp(15px, 1.3021vw, 25px);
}
.violet-btn--mode:hover::after {
  opacity: 0.6;
}
@media (min-width: 1441px) {
  .violet-btn__text {
    display: inline;
  }
}
@media (max-width: 1440px) {
  .violet-btn__text {
    display: none;
  }
}
@media (min-width: 1441px) {
  .violet-btn__text--mob {
    display: none;
  }
}
@media (max-width: 1440px) {
  .violet-btn__text--mob {
    display: inline;
  }
}

.copy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(6px, 0.4167vw, 8px);
  width: clamp(32px, 2.0833vw, 40px);
  height: clamp(32px, 2.0833vw, 40px);
  border: 1px solid var(--br-c);
  border-radius: 10px;
  background-color: rgba(var(--bg-f), 0.3);
  transition: all 0.4s;
}
.copy-btn svg {
  transition: all 0.4s;
  fill: rgba(var(--cl-n), 1);
}
.copy-btn:hover {
  background-color: rgba(var(--bg-f), 0.6);
}
.copy-btn:hover svg {
  fill: rgba(var(--cl-a), 0.9);
}

.blue-btn {
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
  background-color: rgba(var(--bg-k), 0.3);
  transition: all 0.4s;
}
@media (min-width: 1026px) {
  .blue-btn {
    padding: 20px 25px 20px 20px;
    font-size: 20px;
  }
}
@media (max-width: 1026px) {
  .blue-btn {
    padding: 15px;
    font-size: 14px;
  }
}
.blue-btn:hover {
  background-color: rgba(var(--bg-k), 0.6);
}
.blue-btn__icon img {
  width: 100%;
  height: auto;
}
.blue-btn__icon {
  display: flex;
  z-index: 1;
  position: relative;
}
.blue-btn__icon::before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(var(--bg-f), 0.4);
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
@media (min-width: 1026px) {
  .blue-btn__icon::before {
    width: 52px;
    height: 52px;
  }
}
@media (max-width: 1026px) {
  .blue-btn__icon::before {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 1026px) {
  .blue-btn__icon {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1026px) {
  .blue-btn__icon {
    width: 20px;
    height: 20px;
  }
}

.payment-btn {
  border-radius: 10px;
  background: var(--gr-p);
}
.payment-btn input {
  position: absolute;
  width: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.payment-btn__label {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.payment-btn__content {
  width: 100%;
  height: 100%;
  font-weight: 800;
  font-size: clamp(12px, 0.8333vw, 16px);
  position: relative;
  z-index: 1;
}
@media (min-width: 1026px) {
  .payment-btn__content {
    padding: 12px 15px;
  }
}
@media (max-width: 1026px) {
  .payment-btn__content {
    padding: 9px 10px;
  }
}
.payment-btn__content::before {
  position: absolute;
  z-index: -1;
  background: var(--gr-a);
  inset: 0;
  content: "";
  border-radius: 10px;
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
}
.payment-btn__content::after {
  position: absolute;
  z-index: -2;
  background: rgba(var(--bg-f), 0.1);
  background: var(--gr-b);
  inset: 0;
  content: "";
  border-radius: 10px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
.payment-btn:hover .payment-btn__content::after {
  opacity: 0.4;
  visibility: visible;
}
.payment-btn:hover .payment-btn__content {
  box-shadow: 0 0 24px 0 rgba(234, 74, 235, 0.2);
}
.payment-btn input[type=radio]:checked ~ .payment-btn__content::before {
  opacity: 1;
  visibility: visible;
}

.sort-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: clamp(14px, 0.8333vw, 16px);
  border: 1px solid transparent;
  border-radius: 30px;
  padding: 10px 15px;
  height: clamp(40px, 4.395vw, 45px);
  transition: all 0.4s;
}
.sort-btn:hover {
  color: rgba(var(--cl-k), 1);
}
.sort-btn.active {
  border-color: var(--br-e);
  color: rgba(var(--cl-k), 1);
}

.cancel-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--bg-f), 0.2);
  position: relative;
  border: solid 1px var(--br-e);
  border-radius: 30px;
  transition: all 0.4s;
}
@media (min-width: 1026px) {
  .cancel-btn {
    padding: 7.5px 15px;
  }
}
@media (max-width: 1026px) {
  .cancel-btn {
    padding: clamp(5px, 0.732vw, 7.5px) clamp(10px, 1.465vw, 15px);
  }
}
.cancel-btn:after {
  position: absolute;
  content: "";
  inset: 0;
  border-radius: inherit;
  background: rgba(var(--bg-f), 0.2);
  z-index: -1;
  pointer-events: none;
}
.cancel-btn:hover {
  background: rgba(var(--bg-q), 0.9);
}
.cancel-btn:hover .cancel-btn__text {
  color: rgba(var(--cl-a), 1);
}
.cancel-btn__text {
  font-weight: 500;
  color: rgba(var(--cl-k), 1);
  transition: all 0.4s;
}
@media (min-width: 1026px) {
  .cancel-btn__text {
    font-size: clamp(14px, 0.8333vw, 16px);
  }
}
@media (max-width: 1026px) {
  .cancel-btn__text {
    font-size: clamp(12px, 1.367vw, 14px);
  }
}
@media (min-width: 1441px) {
  .cancel-btn__text {
    display: inline;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cancel-btn__text {
    display: none;
  }
}
@media (max-width: 1026px) {
  .cancel-btn__text {
    display: none;
  }
}
@media (min-width: 1441px) {
  .cancel-btn__text--mob {
    display: none;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cancel-btn__text--mob {
    display: inline;
  }
}
@media (max-width: 1026px) {
  .cancel-btn__text--mob {
    display: inline;
  }
}

.open-btn {
  border-radius: 10px;
  background: rgba(var(--bg-f), 0.5);
}
.open-btn input {
  position: absolute;
  width: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.open-btn__label {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.open-btn__content {
  width: 45px;
  height: 35px;
  font-weight: 800;
  font-size: 16px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  position: relative;
}
.open-btn__content::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: var(--gr-a);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.open-btn__content::before {
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1026px) {
  .open-btn__content {
    font-size: clamp(14px, 0.833vw, 16px);
  }
}
@media (max-width: 1026px) {
  .open-btn__content {
    font-size: clamp(12px, 1.367vw, 14px);
  }
}
.open-btn:hover {
  background: rgba(var(--bg-f), 0.8);
}
.open-btn input[type=radio]:checked + .open-btn__content::before {
  opacity: 1;
  visibility: visible;
}
.open-btn--mode {
  width: 100%;
  background-color: transparent;
}
.open-btn--mode .open-btn__content {
  background: rgba(var(--bg-k), 0.3);
}
.open-btn--mode .open-btn__content::before {
  display: none;
}
.open-btn--mode .open-btn__content {
  width: 100%;
  font-weight: 500;
}
@media (min-width: 900px) {
  .open-btn--mode .open-btn__content {
    height: clamp(32px, 2.1875vw, 42px);
    font-size: clamp(14px, 0.9375vw, 18px);
  }
}
@media (max-width: 900px) {
  .open-btn--mode .open-btn__content {
    height: clamp(32px, 4.102vw, 42px);
    font-size: clamp(14px, 1.758vw, 18px);
  }
}
.open-btn--mode:hover {
  background: rgba(var(--bg-k), 0.5);
}
.open-btn--mode input[type=radio]:checked + .open-btn__content {
  background: rgba(var(--bg-k), 0.8);
}

.info-btn {
  background-color: rgba(var(--bg-f), 0.4);
  font-weight: 700;
  font-size: clamp(14px, 0.9375vw, 18px);
  display: flex;
  align-items: center;
  grid-gap: 5px;
  min-height: clamp(34px, 2.2396vw, 43px);
  border-radius: 40px;
  padding: clamp(8px, 0.5208vw, 10px) clamp(10px, 0.7813vw, 15px);
  transition: all 0.4s;
}
.info-btn svg,
.info-btn img {
  width: clamp(16px, 1.0417vw, 20px);
  height: clamp(16px, 1.0417vw, 20px);
  display: flex;
  fill: rgba(var(--cl-o), 1);
  transition: all 0.4s;
}
.info-btn:hover {
  background-color: rgba(var(--bg-f), 0.6);
}
.info-btn:hover svg {
  transform: scale(1.1);
}
.info-btn--mode {
  border-radius: 10px;
  padding: clamp(8px, 0.5208vw, 10px) clamp(13px, 0.7813vw, 15px) clamp(8px, 0.5208vw, 10px) clamp(8px, 0.5208vw, 10px);
  min-height: clamp(34px, 2.0833vw, 40px);
  background-color: rgba(var(--bg-f), 0.6);
  font-weight: 700;
  font-size: clamp(14px, 0.8333vw, 16px);
}
.info-btn--mode:hover {
  background-color: rgba(var(--bg-f), 0.8);
}

.bet-btn {
  font-weight: 800;
  font-size: 11px;
  text-align: center;
  background-color: rgba(var(--bg-k), 0.5);
  padding: 5px 2px;
  height: 25px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.bet-btn--mode {
  padding: 8px 2px;
  height: clamp(32px, 1.8229vw, 35px);
}
.bet-btn svg,
.bet-btn img {
  width: 18px;
  height: 18px;
  display: flex;
}
.bet-btn:hover {
  background-color: rgba(var(--bg-i), 1);
}
.bet-btn:active {
  background-color: rgba(var(--bg-i), 0.6);
}
.bet-btn.active {
  background-color: rgba(var(--bg-i), 1);
}

.game-btn {
  font-size: clamp(14px, 1.0417vw, 20px);
  padding: clamp(10px, 0.9375vw, 18px) clamp(15px, 1.3021vw, 25px);
  min-height: clamp(40px, 3.125vw, 60px);
  white-space: nowrap;
}
.game-btn__icon {
  display: none;
  width: clamp(20px, 1.25vw, 24px);
  height: clamp(20px, 1.25vw, 24px);
}
.game-btn__icon img,
.game-btn__icon svg {
  width: 100%;
  height: 100%;
}
.game-btn__text {
  white-space: nowrap;
}
.game-btn__value {
  display: none;
  font-size: clamp(16px, 1.0417vw, 20px);
}
.game-btn--out {
  flex-direction: column;
  border-radius: 50px;
  grid-gap: 2px;
  padding: clamp(14px, 1.7094vw, 20.5px) 25px;
  height: clamp(57px, 4.167vw, 80px);
}
.game-btn--out .game-btn__text {
  font-weight: 500;
  font-size: clamp(12px, 1.3675vw, 16px);
  text-transform: none;
}

.result-btn {
  font-weight: 800;
  font-size: clamp(14px, 0.8333vw, 16px);
  text-align: center;
  color: rgba(var(--cl-i), 1);
  text-shadow: 0 0 10px rgba(127, 228, 8, 0.25);
  border: 1px solid var(--br-f);
  border-radius: 20px;
  min-width: clamp(68px, 5.2083vw, 100px);
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(28px, 1.8229vw, 35px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--bg-u), 0.1);
  transition: all 0.4s;
}
.result-btn--lose {
  text-shadow: 0 0 10px rgba(255, 0, 0, 0.25);
  background-color: rgba(var(--bg-v), 0.15);
  border-color: var(--br-g);
  color: rgba(var(--cl-r), 1);
}
.result-btn {
  /* Violet variant: same style as green/red but with violet tokens */
}
.result-btn--violet {
  text-shadow: 0 0 10px rgba(var(--cl-g), 0.25);
  background-color: rgba(var(--bg-z), 0.15);
  border-color: rgba(var(--cl-g), 1);
  color: rgba(var(--cl-g), 1);
}

.wheel-btn {
  border-radius: 10px;
  background: rgba(var(--bg-f), 0.5);
  width: 100%;
}
.wheel-btn input {
  position: absolute;
  width: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.wheel-btn__label {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.wheel-btn__content {
  width: 100%;
  height: clamp(32px, 2.0833vw, 40px);
  font-weight: 800;
  font-size: clamp(14px, 0.9375vw, 18px);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  position: relative;
}
.wheel-btn__content::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(180deg, #317aff 0%, #1d4999 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.wheel-btn__content::after {
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
}
.wheel-btn__content:after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(180deg, #317aff 0%, #1d4999 100%);
  pointer-events: none;
  z-index: -1;
  border-radius: inherit;
}
.wheel-btn--red .wheel-btn__content::before {
  background: linear-gradient(180deg, #ff451c 0%, #c80202 100%);
}
.wheel-btn--red .wheel-btn__content::after {
  background: linear-gradient(180deg, #ff451c 0%, #c80202 100%);
}
.wheel-btn--green .wheel-btn__content::before {
  background: linear-gradient(180deg, #1fdb10 0%, #158f0b 100%);
}
.wheel-btn--green .wheel-btn__content::after {
  background: linear-gradient(180deg, #1fdb10 0%, #158f0b 100%);
}
.wheel-btn--orange .wheel-btn__content::before {
  background: var(--gr-a);
}
.wheel-btn--orange .wheel-btn__content::after {
  background: var(--gr-a);
}
.wheel-btn input[type=radio]:disabled + .wheel-btn__content {
  opacity: 0.4;
}
.wheel-btn input[type=radio]:checked + .wheel-btn__content::after {
  opacity: 1;
  visibility: visible;
  box-shadow: 0 0 5px 0 rgba(255, 118, 1, 0.2);
}

.flip-btn {
  border-radius: 15px;
  width: 100%;
}
.flip-btn input {
  position: absolute;
  width: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.flip-btn__label {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.flip-btn__content {
  width: 100%;
  height: clamp(45px, 3.125vw, 60px);
  font-weight: 800;
  font-size: clamp(12px, 0.8333vw, 16px);
  position: relative;
  text-transform: uppercase;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--br-b);
  margin-left: 30px;
  background: rgba(var(--bg-f), 0.4);
}
.flip-btn__content::before {
  position: absolute;
  content: "";
  inset: 0;
  border: solid 1px var(--br-c);
  border-radius: inherit;
  pointer-events: none;
  border-bottom: clamp(3px, 0.2083vw, 4px) solid var(--br-c);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}
@media (min-width: 576px) {
  .flip-btn__content {
    border-radius: 10px;
  }
}
@media (max-width: 576px) {
  .flip-btn__content {
    border-radius: 15px;
  }
}
.flip-btn img {
  position: absolute;
  width: clamp(48px, 3.125vw, 60px);
  height: clamp(48px, 3.125vw, 60px);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  z-index: 3;
}
.flip-btn input[type=radio]:checked + .flip-btn__content::before {
  opacity: 1;
  visibility: visible;
}
.flip-btn input[type=radio]:checked + .flip-btn__content {
  background: rgba(var(--bg-f), 0.6);
}
.flip-btn--mode {
  width: -moz-fit-content;
  width: fit-content;
}
.flip-btn--mode .flip-btn__content {
  background-color: initial;
  border: none;
  width: initial;
  height: initial;
  margin: 0;
  border-radius: initial;
  font-size: 12px;
}
.flip-btn--mode .flip-btn__content::before {
  display: none;
}
.flip-btn--mode .flip-btn__label {
  flex-direction: column-reverse;
  grid-gap: 12px;
  align-items: center;
}
.flip-btn--mode .flip-btn__image:not(img) {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--bg-f), 0.6);
  border: 2px solid transparent;
}
.flip-btn--mode img {
  position: relative;
  transform: initial;
  top: initial;
  left: initial;
  width: 40px;
  height: 40px;
  border: initial;
}
.flip-btn--mode input[type=radio]:checked ~ .flip-btn__image {
  border-color: rgba(var(--bg-k), 0.4);
}

.info-block {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1241px) {
  .info-block {
    background-color: rgba(var(--bg-d), 1);
    border-radius: 20px;
    padding: clamp(15px, 1.3021vw, 25px) clamp(15px, 1.5625vw, 30px);
  }
}
.info-block__list {
  display: grid;
}
@media (min-width: 1241px) {
  .info-block__list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: clamp(15px, 1.5625vw, 30px);
  }
}
@media (max-width: 1240px) {
  .info-block__list {
    grid-template-columns: 100%;
    grid-gap: 10px;
  }
}
.info-block__row {
  display: grid;
  grid-gap: clamp(15px, 1.5625vw, 30px);
}
@media (max-width: 1240px) {
  .info-block__row {
    background-color: rgba(var(--bg-d), 1);
    border-radius: 20px;
    padding: 15px;
  }
}
@media (min-width: 410px) {
  .info-block__row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 410px) {
  .info-block__row {
    grid-template-columns: 100%;
  }
}
.info-block__value {
  font-weight: 800;
  font-size: clamp(16px, 1.3542vw, 26px);
}
.info-block__box {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 3px clamp(10px, 0.7813vw, 15px);
  padding: clamp(10px, 1.0417vw, 20px) clamp(10px, 1.5625vw, 30px);
  border-radius: 20px;
  background-color: rgba(var(--bg-c), 1);
}
.info-block__icon {
  display: block;
  width: clamp(24px, 2.1354vw, 41px);
  aspect-ratio: 1;
  grid-row: span 2;
}
.info-block__icon img, .info-block__icon picture, .info-block__icon svg {
  width: 100%;
  height: auto;
}

.chat-message {
  padding: 20.5px 15px;
  display: flex;
}
@media (min-width: 1026px) {
  .chat-message {
    grid-gap: clamp(10px, 0.7813vw, 15px);
  }
}
@media (max-width: 1026px) {
  .chat-message {
    grid-gap: 15px;
  }
}
.chat-message__box {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 9px 10px;
}
@media (max-width: 1026px) {
  .chat-message__box {
    width: 100%;
  }
}
.chat-message__icon {
  flex-shrink: 0;
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.chat-message__icon img, .chat-message__icon picture {
  width: 100%;
  height: 100%;
}
.chat-message__title {
  font-weight: 800;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  grid-gap: 5px;
}
.chat-message p {
  font-size: 14px;
  color: rgba(var(--cl-e), 1);
  grid-column: span 2;
  line-height: 115%;
}
.chat-message__date {
  font-weight: 700;
  font-size: 12px;
  text-align: right;
  color: rgba(var(--cl-f), 1);
  display: inline-flex;
  align-items: center;
}

.main-slider {
  width: 100%;
  position: relative;
}
.main-slider__container {
  border-radius: 20px;
  overflow: hidden;
}
.main-slider__slide {
  overflow: hidden;
  border-radius: 20px;
}
@media (min-width: 1026px) {
  .main-slider__slide {
    height: 300px;
  }
}
@media (max-width: 1026px) {
  .main-slider__slide {
    height: clamp(260px, 29.297vw, 300px);
  }
}
.main-slider__nav {
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  z-index: 10;
}
@media (min-width: 1241px) {
  .main-slider__nav {
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .main-slider__nav {
    transform: translate(-50%, -40%);
  }
}
@media (min-width: 1026px) {
  .main-slider__nav {
    bottom: clamp(2px, 1.0417vw, 20px);
    grid-gap: 12px;
  }
}
@media (max-width: 1026px) {
  .main-slider__nav {
    bottom: clamp(2px, 1.953vw, 20px);
    grid-gap: clamp(8px, 1.172vw, 12px);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .main-slider__nav {
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 576px) {
  .main-slider__nav {
    transform: translate(-50%, -40%);
  }
}
.main-slider__nav .swiper-pagination {
  order: 1;
}
.main-slider__nav .swiper-button-prev {
  order: 1;
}
.main-slider__nav .swiper-button-next {
  order: 3;
}

.main-nav {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
.main-nav__list {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
.main-nav__link {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 14px;
  color: rgba(var(--cl-e), 1);
  padding: 15px 16px;
  border-radius: 40px;
  transition: all 0.4s;
}
.main-nav__link:hover {
  color: rgba(var(--cl-a), 1);
  background-color: rgba(var(--bg-f), 0.2);
}
.main-nav__link.active {
  background-color: rgba(var(--bg-f), 0.2);
  color: rgba(var(--cl-a), 1);
}
.main-nav__link.active:hover {
  background-color: rgba(var(--bg-f), 0.4);
}

.main-acc {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.main-acc__box {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  padding: 25px clamp(20px, 1.3021vw, 25px);
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 0 0 15px 15px;
}
.main-acc__box p {
  font-size: clamp(14px, 0.8333vw, 16px);
  color: rgba(var(--cl-l), 1);
  line-height: 125%;
}
.main-acc__btn {
  width: 100%;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  justify-content: space-between;
  background-color: rgba(var(--bg-k), 0.2);
  border-radius: 15px;
  padding: 10px 10px 10px 25px;
  font-weight: 800;
  font-size: clamp(14px, 0.9375vw, 18px);
  border-top: 1px solid var(--br-b);
  transition: all 0.4s;
  position: relative;
  z-index: 2;
  text-align: start;
}
.main-acc__btn::before {
  z-index: -1;
  position: absolute;
  content: "";
  background-color: rgba(var(--bg-f), 0.2);
  inset: 0;
  border-radius: 15px 15px 0 0;
  transition: all 0.2s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.main-acc__btn.active {
  border-color: transparent;
}
.main-acc__btn.active::before {
  opacity: 1;
  visibility: visible;
}
.main-acc__btn.active .main-acc__arrow svg,
.main-acc__btn.active .main-acc__arrow img {
  transform: scaleY(-1);
}
.main-acc__btn:hover {
  background-color: rgba(var(--bg-k), 0.3);
}
.main-acc__btn:hover .main-acc__arrow {
  background-color: rgba(var(--bg-f), 0.5);
}
.main-acc__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(32px, 2.0833vw, 40px);
  height: clamp(32px, 2.0833vw, 40px);
  background-color: rgba(var(--bg-f), 0.3);
  border-radius: 10px;
  transition: all 0.4s;
}
.main-acc__arrow svg,
.main-acc__arrow img {
  pointer-events: none;
  transition: all 0.4s;
}

.referral-level {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 576px) {
  .referral-level {
    margin: 0 20px;
  }
}
.referral-level__item {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  align-items: center;
}
.referral-level__item--line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  z-index: 1;
  background-color: rgba(var(--bg-r), 1);
}
@media (min-width: 576px) {
  .referral-level__item--line {
    left: 35px;
    width: calc(100% - 70px);
  }
}
@media (max-width: 576px) {
  .referral-level__item--line {
    left: 20px;
    width: calc(100% - 40px);
  }
}
.referral-level__circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  z-index: 2;
  background-color: rgba(var(--bg-r), 1);
  border: solid 4px var(--br-d);
  position: relative;
}
.referral-level__value {
  font-weight: 800;
  font-size: clamp(14px, 0.8333vw, 16px);
  text-transform: uppercase;
}
.referral-level__bonus {
  font-weight: 500;
  font-size: clamp(14px, 0.8333vw, 16px);
  color: rgba(var(--cl-e), 1);
}
.referral-level__bonus b {
  font-weight: inherit;
  font-style: inherit;
}
@media (max-width: 576px) {
  .referral-level__bonus b {
    display: none;
  }
}
.referral-level__line {
  position: absolute;
  top: 50%;
  left: 0;
  width: calc((var(--current-level, 1)) / 4 * 100%);
  height: 4px;
  background-color: rgba(var(--bg-q), 1);
  transform: translateY(-50%);
  z-index: 1;
}
.referral-level[data-lvl="1"] {
  --current-level: 1;
}
.referral-level[data-lvl="2"] {
  --current-level: 2;
}
.referral-level[data-lvl="3"] {
  --current-level: 3;
}
.referral-level[data-lvl="4"] {
  --current-level: 4;
}
.referral-level[data-lvl="5"] {
  --current-level: calc(5 - 1);
}
.referral-level .referral-level__item:nth-child(-n+1) .referral-level__circle {
  border-color: var(--br-e);
}
.referral-level[data-lvl="2"] .referral-level__item:nth-child(-n+2) .referral-level__circle, .referral-level[data-lvl="3"] .referral-level__item:nth-child(-n+3) .referral-level__circle, .referral-level[data-lvl="4"] .referral-level__item:nth-child(-n+4) .referral-level__circle, .referral-level[data-lvl="5"] .referral-level__item:nth-child(-n+5) .referral-level__circle {
  border-color: var(--br-e);
}

.main-bonus {
  display: grid;
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 20px;
  align-items: center;
}
@media (max-width: 1500px) and (min-width: 1441px) {
  .main-bonus {
    grid-gap: 25px 20px;
  }
}
@media (min-width: 1441px) {
  .main-bonus {
    grid-template-columns: auto 1fr;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .main-bonus {
    grid-template-columns: 100%;
  }
}
@media (min-width: 1026px) {
  .main-bonus {
    grid-gap: 25px clamp(34px, 3.9063vw, 75px);
    padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
  }
}
@media (max-width: 1026px) {
  .main-bonus {
    grid-gap: clamp(20px, 2.441vw, 25px) clamp(20px, 3.32vw, 34px);
    padding: clamp(20px, 2.441vw, 25px);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .main-bonus {
    grid-template-columns: auto 1fr;
  }
}
@media (max-width: 768px) {
  .main-bonus {
    grid-template-columns: 100%;
  }
}
@media (min-width: 1441px) {
  .main-bonus .title {
    grid-column: span 2;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .main-bonus .title {
    order: -4;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .main-bonus .title {
    grid-column: span 2;
  }
}
@media (max-width: 768px) {
  .main-bonus .title {
    order: -4;
  }
}
.main-bonus__box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
}
.main-bonus__box .yellow-btn {
  font-size: clamp(14px, 1.1458vw, 22px);
  padding: clamp(10px, 0.7292vw, 14px) clamp(15px, 1.3021vw, 25px);
  align-self: center;
  background: var(--gr-a);
  border-radius: 30px;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .main-bonus__box .yellow-btn {
    max-width: 360px;
    width: 100%;
    order: -1;
  }
}
@media (min-width: 1026px) {
  .main-bonus__box .yellow-btn {
    margin-top: clamp(5px, 1.0417vw, 20px);
  }
}
@media (max-width: 768px) {
  .main-bonus__box .yellow-btn {
    order: -1;
    width: 100%;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .main-bonus__box .yellow-btn {
    max-width: 360px;
  }
}
@media (max-width: 576px) {
  .main-bonus__box .yellow-btn {
    max-width: 100%;
    margin-bottom: 5px;
  }
}
.main-bonus__box .yellow-btn svg {
  width: clamp(20px, 1.6667vw, 32px);
  height: clamp(20px, 1.6667vw, 32px);
  animation: rotate 4s linear infinite;
}
.main-bonus__wheel {
  width: clamp(400px, 25vw, 480px);
  height: clamp(400px, 25vw, 480px);
  display: block;
  position: relative;
  z-index: 1;
}
@media (min-width: 1441px) {
  .main-bonus__wheel {
    margin-left: clamp(30px, 1.8229vw, 35px);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .main-bonus__wheel {
    justify-self: center;
    order: -3;
  }
}
@media (max-width: 1026px) {
  .main-bonus__wheel {
    width: clamp(300px, 39.063vw, 400px);
    height: clamp(300px, 39.063vw, 400px);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .main-bonus__wheel {
    margin-left: clamp(10px, 2.93vw, 30px);
  }
}
@media (max-width: 768px) {
  .main-bonus__wheel {
    justify-self: center;
    order: -3;
  }
}
.main-bonus__wheel-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media (min-width: 1026px) {
  .main-bonus__wheel-bg {
    width: clamp(335px, 20.9375vw, 402px);
    width: clamp(335px, 20.9375vw, 402px);
  }
}
@media (max-width: 1026px) {
  .main-bonus__wheel-bg {
    width: clamp(251px, 32.715vw, 335px);
    height: clamp(251px, 32.715vw, 335px);
  }
}
.main-bonus__wheel-bg.active {
  animation: rotateAnimation var(--animation-duration, 4s) ease-out forwards;
}
.main-bonus__wheel__arrow {
  z-index: 2;
}
.main-bonus__recharging {
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 3px var(--br-b);
  border-radius: 20px;
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .main-bonus__recharging {
    order: -2;
  }
}
@media (min-width: 1026px) {
  .main-bonus__recharging {
    padding: clamp(20px, 1.4583vw, 27px) 20px;
  }
}
@media (max-width: 1026px) {
  .main-bonus__recharging {
    padding: clamp(16.5px, 1.953vw, 20px) 20px;
  }
}
@media (max-width: 768px) {
  .main-bonus__recharging {
    order: -2;
  }
}
.main-bonus__recharging p {
  line-height: 130%;
  font-weight: 800;
  text-align: center;
  color: rgba(var(--cl-a), 1);
}
@media (min-width: 1026px) {
  .main-bonus__recharging p {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
}
@media (max-width: 1026px) {
  .main-bonus__recharging p {
    font-size: clamp(14px, 1.563vw, 16px);
  }
}
@media (max-width: 576px) {
  .main-bonus__recharging p {
    max-width: 239px;
  }
}
.main-bonus__icon {
  width: 60px;
  height: 60px;
  display: flex;
}
.main-bonus__icon svg,
.main-bonus__icon img {
  width: 100%;
  height: auto;
}
.main-bonus__referral {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: clamp(20px, 2.051vw, 21px);
  background-color: rgba(var(--bg-k), 0.4);
  border-radius: 20px;
}
@media (min-width: 1026px) {
  .main-bonus__referral {
    padding: 20px 15px 20px 20px;
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .main-bonus__referral {
    padding: 25px;
  }
}
@media (max-width: 576px) {
  .main-bonus__referral {
    padding: 32px 20px;
  }
}
.main-bonus__referral p {
  line-height: 130%;
  font-size: clamp(16px, 0.9375vw, 18px);
  font-weight: 500;
  color: rgba(var(--cl-a), 1);
}

@keyframes rotateAnimation {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(var(--rotate-end, 360deg));
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.page-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
}
.page-nav__btn {
  width: clamp(35px, 4.395vw, 45px);
  height: clamp(35px, 4.395vw, 45px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  border: solid 1px transparent;
  font-weight: 500;
  font-size: 16px;
}
.page-nav__btn.active {
  color: rgba(var(--cl-k), 1);
  border-color: inherit;
}
.page-nav__btn:hover {
  color: rgba(var(--cl-k), 1);
}
.page-nav__arrow {
  width: clamp(35px, 4.395vw, 45px);
  height: clamp(35px, 4.395vw, 45px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-nav__arrow svg {
  transition: all 0.3s;
  fill: rgba(var(--cl-q), 0.5);
}
.page-nav__arrow:hover svg {
  transform: scale(1.2);
}
.page-nav__arrow--next {
  rotate: 180deg;
}
.page-nav__arrow.active svg {
  fill: rgba(var(--cl-q), 1);
}

.cabinet-division {
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1026px) {
  .cabinet-division {
    padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
  }
}
@media (max-width: 1026px) {
  .cabinet-division {
    padding: clamp(20px, 2.441vw, 25px);
  }
}
@media (min-width: 768px) {
  .cabinet-division {
    grid-gap: clamp(20px, 1.3021vw, 25px);
  }
}
@media (max-width: 768px) {
  .cabinet-division {
    grid-gap: 25px;
  }
}
.cabinet-division__name {
  font-weight: 800;
  font-size: clamp(18px, 1.0417vw, 20px);
  grid-column: 2;
  grid-row: 1;
  align-self: end;
}
.cabinet-division__top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 10px 20px;
}
.cabinet-division__avatar {
  font-weight: 800;
  color: rgba(var(--cl-k), 1);
  font-size: clamp(44px, 4.492vw, 46px);
  text-shadow: 0 0 20px rgba(var(--cl-k), 1);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--bg-f), 0.4);
  border: 2px solid var(--br-e);
  border-radius: 20px;
  width: clamp(70px, 7.813vw, 80px);
  height: clamp(70px, 7.813vw, 80px);
  grid-column: 1;
  grid-row: span 2;
}
.cabinet-division__tabs {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
.cabinet-division__info {
  display: flex;
  grid-gap: 5px;
  align-items: center;
  font-weight: 700;
  font-size: clamp(14px, 0.9375vw, 18px);
  padding: 10px 15px;
  border-radius: 40px;
  background-color: rgba(var(--bg-f), 0.4);
  transition: all 0.4s;
  grid-column: 3;
  grid-row: span 2;
  height: -moz-fit-content;
  height: fit-content;
}
.cabinet-division__info svg {
  transition: all 0.3s;
  fill: rgba(var(--cl-j), 1);
}
@media (min-width: 576px) {
  .cabinet-division__info svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 576px) {
  .cabinet-division__info svg {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 576px) {
  .cabinet-division__info:hover {
    background-color: rgba(var(--bg-f), 0.6);
  }
}
.cabinet-division__info:hover svg {
  fill: rgba(var(--cl-a), 1);
}
@media (max-width: 576px) {
  .cabinet-division__info span {
    display: none;
  }
}
@media (max-width: 576px) {
  .cabinet-division__info {
    width: 32px;
    height: 32px;
    background-color: transparent;
    padding: 0;
  }
}
.cabinet-division__text {
  font-weight: 500;
  font-size: clamp(16px, 0.9375vw, 18px);
  color: rgba(var(--cl-e), 1);
  grid-column: 2;
  grid-row: 2;
}
.cabinet-division__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

.cabinet-user {
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  grid-gap: clamp(2px, 1.7188vw, 33px);
}
@media (min-width: 1026px) {
  .cabinet-user {
    padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
  }
}
@media (max-width: 1026px) {
  .cabinet-user {
    padding: clamp(20px, 2.441vw, 25px);
  }
}
@media (max-width: 576px) {
  .cabinet-user {
    grid-gap: 35px;
  }
}
.cabinet-user__info {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.cabinet-user__bottom {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
.cabinet-user__top {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px 10px;
  align-items: center;
}
.cabinet-user .edit-box {
  margin-top: 7px;
  grid-column: 2/-1;
}
.cabinet-user .transfer-id {
  grid-column: 2/-1;
  align-self: start;
}
.cabinet-user__avatar {
  display: flex;
  width: clamp(100px, 11.719vw, 120px);
  height: clamp(100px, 11.719vw, 120px);
  border-radius: 50%;
  overflow: hidden;
  grid-column: 1;
  grid-row: span 2;
  margin-right: 10px;
}
.cabinet-user__division {
  border: 2px solid var(--br-e);
  border-radius: 10px;
  width: clamp(28px, 3.125vw, 32px);
  height: clamp(28px, 3.125vw, 32px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 14px;
  color: rgba(var(--cl-k), 1);
}
.cabinet-user__text {
  font-weight: 700;
  font-size: 18px;
}
.cabinet-user__text b {
  font-weight: 500;
  font-size: clamp(16px, 0.9375vw, 18px);
  color: rgba(var(--cl-e), 1);
}

.user-division {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-top: 50px;
}
.user-division__item--line {
  position: absolute;
  left: 0;
  top: 0;
  height: 24px;
  width: 100%;
  background-color: rgba(var(--bg-f), 0.4);
  border-radius: 20px;
  padding: 5px 10px;
  z-index: 1;
}
.user-division__item:nth-child(3) .user-division__value::before {
  background: #bc2aa0;
}
.user-division__item:nth-child(4) .user-division__value::before {
  background: #d12f8f;
}
.user-division__item:nth-child(5) .user-division__value::before {
  background: #e6337d;
}
.user-division__item:nth-child(6) .user-division__value::before {
  background: rgba(var(--cl-s), 1);
}
.user-division__line {
  background: var(--gr-q);
  height: 8px;
  border-radius: 10px 0 0 10px;
  width: 100%;
  max-width: calc(100% - 20px);
  display: block;
  position: absolute;
  left: 10px;
  top: 58%;
  transform: translateY(-50%);
  z-index: 2;
}
.user-division__line::before {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: var(--subtract);
  width: 19px;
  height: 19px;
  display: block;
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.user-division__value {
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: rgba(var(--cl-e), 1);
  position: relative;
  z-index: 1;
}
.user-division__value.red {
  color: rgba(var(--cl-s), 1);
}
.user-division__value::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 25px;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -100%);
  border-radius: 0 0 10px 10px;
  background: #a726b2;
}

.history-nav {
  display: flex;
  align-items: center;
  padding: 0 clamp(15px, 3.255vw, 25px);
}
@media (min-width: 576px) {
  .history-nav {
    grid-gap: 25px;
  }
}
@media (max-width: 576px) {
  .history-nav {
    grid-gap: 10px;
    justify-content: space-between;
  }
}
.history-nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1026px) {
  .history-nav__btn {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 1026px) {
  .history-nav__btn {
    width: clamp(28px, 5.729vw, 44px);
    height: clamp(28px, 5.729vw, 44px);
  }
}
.history-nav__btn svg {
  fill: rgba(var(--cl-g), 0.6);
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.history-nav__btn:hover svg {
  transform: scale(1.2);
}
.history-nav__btn.active svg {
  fill: rgba(var(--cl-g), 1);
}

.edit-box {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 5px 10px;
}
.edit-box.active .edit-box__btn svg {
  fill: rgba(var(--cl-k), 1);
}
.edit-box.active .edit-box__label {
  opacity: 1;
}
.edit-box__name {
  font-weight: 800;
  font-size: clamp(18px, 1.0417vw, 20px);
}
.edit-box__btn {
  width: clamp(28px, 3.125vw, 32px);
  height: clamp(28px, 3.125vw, 32px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-box__btn svg {
  pointer-events: none;
  transition: all 0.4s;
  fill: rgba(var(--cl-t), 1);
}
.edit-box__btn:hover svg {
  fill: rgba(var(--cl-k), 1);
}
.edit-box__label {
  position: relative;
  grid-column: 1/-1;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s, opacity 0.3s;
  opacity: 0;
}
.edit-box__trigger {
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
  text-align: right;
  color: rgba(var(--cl-k), 1);
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  right: 25px;
  cursor: pointer;
  z-index: 3;
  text-transform: uppercase;
}
.edit-box input {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
  color: rgba(var(--cl-a), 1);
}
.edit-box input::-moz-placeholder {
  color: rgba(var(--cl-e), 1);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
}
.edit-box input::placeholder {
  color: rgba(var(--cl-e), 1);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
}
.edit-box input {
  border: 1px solid var(--br-b);
  border-radius: 15px;
  padding: 15px 55px 15px 25px;
  height: clamp(48px, 2.6042vw, 50px);
  background: rgba(var(--bg-f), 0.4);
  width: 100%;
}

.game-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 10px;
}
.game-top .title svg {
  fill: rgba(var(--cl-g), 1);
}
.game-top__info {
  font-weight: 500;
  color: rgba(var(--cl-e), 1);
  border-radius: 40px;
  background-color: rgba(var(--bg-f), 0.4);
  padding: 11px clamp(15px, 1.953vw, 20px);
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 1026px) {
  .game-top__info {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
}
@media (max-width: 1026px) {
  .game-top__info {
    font-size: clamp(14px, 1.563vw, 16px);
  }
}
.game-top__info-text {
  font-style: inherit;
  font-weight: inherit;
}
@media (max-width: 410px) {
  .game-top__info-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: min(29.268vw, 120px);
  }
}
.game-top__value {
  font-weight: 700;
  color: rgba(var(--cl-a), 1);
  display: flex;
}
@media (min-width: 1026px) {
  .game-top__value {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
}
@media (max-width: 1026px) {
  .game-top__value {
    font-size: clamp(14px, 1.563vw, 16px);
  }
}

.game-bet {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.game-bet__box {
  position: relative;
}
.game-bet__label {
  width: 100%;
  background-color: rgba(var(--bg-f), 0.4);
  border: 1px solid var(--br-b);
  border-radius: 15px;
  padding: 8px calc(158px + clamp(8px, 0.5208vw, 10px)) 8px 25px;
  height: clamp(48px, 3.125vw, 60px);
}
.game-bet__label.error {
  border-color: var(--br-g);
}
.game-bet input {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
  color: rgba(var(--cl-e), 1);
}
.game-bet input::-moz-placeholder {
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
  color: rgba(var(--cl-e), 1);
}
.game-bet input::placeholder {
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
  color: rgba(var(--cl-e), 1);
}
.game-bet__btns {
  z-index: 2;
  position: absolute;
  right: clamp(8px, 0.5208vw, 10px);
  top: 50%;
  transform: translateY(-50%);
  width: 148px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  grid-gap: 2px;
  overflow: hidden;
}
.game-bet__list {
  display: flex;
  align-items: center;
  grid-gap: 2px;
  border-radius: 20px;
  overflow: hidden;
}
.game-bet__item {
  width: 100%;
}

.game-bet__label input {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
  color: rgba(var(--cl-e), 1);
}

.game-bet__label input::-moz-placeholder {
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
  color: rgba(var(--cl-e), 1);
}

.game-bet__label input::placeholder {
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
  color: rgba(var(--cl-e), 1);
}

.dice-range {
  border-radius: 20px;
  box-shadow: none;
  height: 8px;
  border: none;
}
.dice-range::before {
  content: "";
  inset: -8px -10px;
  border: solid 2px var(--br-d);
  position: absolute;
  z-index: -1;
  border-radius: 20px;
  pointer-events: none;
}
.dice-range .noUi-tooltip {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: rgba(var(--cl-a), 1);
  border-radius: 10px;
  padding: 5px 10px;
  height: 28px;
  background-color: rgba(var(--bg-f), 0.8);
  border: none;
  bottom: calc(100% + 26px);
}
.dice-range .noUi-base {
  border-radius: 10px;
  background: linear-gradient(270deg, #f8376e 0%, #a626b3 100%);
}
.dice-range .noUi-connects {
  border-radius: 10px;
}
.dice-range .noUi-handle {
  width: 26px;
  height: 26px;
  background: rgba(var(--bg-n), 1);
  box-shadow: none;
  border: none;
  border-radius: 50%;
  top: -10px;
  right: -13px;
}
.dice-range .noUi-handle::before {
  height: 16px;
  width: 16px;
  border: 2px solid rgba(var(--bg-a), 1);
  background: transparent;
  border-radius: inherit;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dice-range .noUi-handle::after {
  border-radius: 10px;
  width: 3px;
  height: 20px;
  background: rgba(var(--bg-a), 1);
  left: 50%;
  transform: translateX(-50%);
  top: initial;
  bottom: calc(100% - 7px);
}
.dice-range .noUi-pips-horizontal {
  padding: 7px 0;
}
.dice-range .noUi-marker-large {
  border-radius: 0 0 10px 10px;
  width: 3px;
  height: 20px;
  background: rgba(var(--bg-p), 1);
}
.dice-range .noUi-marker-normal {
  border-radius: 0 0 10px 10px;
  width: 3px;
  height: 10px;
  background: rgba(var(--bg-p), 1);
}
.dice-range .noUi-value-horizontal {
  transform: translate(-50%, 100%);
}
.dice-range .noUi-value-large {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: rgba(var(--cl-e), 1);
}

.main-bets {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: clamp(15px, 1.3021vw, 25px);
}
@media (max-width: 1500px) and (min-width: 1026px) {
  .main-bets {
    grid-template-columns: repeat(2, 1fr);
  }
  .main-bets .bet-col {
    height: 100%;
  }
}
@media (max-width: 900px) {
  .main-bets {
    grid-template-columns: repeat(2, 1fr);
  }
  .main-bets .bet-col {
    height: 100%;
  }
}

.bet-col {
  border-radius: 20px;
  padding: clamp(15px, 1.3021vw, 25px) clamp(15px, 1.3021vw, 25px) 0;
  background-color: rgba(var(--bg-k), 0.1);
  display: flex;
  flex-direction: column;
  grid-gap: clamp(15px, 1.0417vw, 20px);
  transition: all 0.3s;
  position: relative;
}
.bet-col::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(180deg, #5076e5 0%, rgba(45, 65, 127, 0) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.bet-col.active {
  opacity: 0.4;
}
.bet-col::before {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.bet-col.mode::before {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 420px) {
  .bet-col {
    padding: 15px clamp(8px, 3.571vw, 15px) 0;
  }
}
.bet-col[data-rate=red]::before {
  background: linear-gradient(180deg, #ef0c3c 0%, rgba(137, 7, 34, 0) 100%);
}
.bet-col[data-rate=orange]::before {
  background: linear-gradient(180deg, #ff9202 0%, rgba(153, 88, 1, 0) 100%);
}
.bet-col[data-rate=green]::before {
  background: linear-gradient(180deg, #7fe408 0%, rgba(70, 126, 4, 0) 100%);
}
.bet-col__text {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  width: 100%;
  padding: clamp(7px, 0.4688vw, 9px) 0;
}
.bet-col__title {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: clamp(5px, 0.5208vw, 10px);
  font-weight: 800;
  font-size: clamp(16px, 1.0417vw, 20px);
  text-align: center;
  color: rgba(var(--cl-n), 1);
}
.bet-col__currency {
  width: clamp(16px, 1.0417vw, 20px);
  height: clamp(16px, 1.0417vw, 20px);
  display: flex;
  align-items: center;
}
.bet-col__currency img, .bet-col__currency svg {
  width: 100%;
  height: 100%;
}
.bet-col__list {
  display: flex;
  flex-direction: column;
  border-top: solid 1px rgba(var(--cl-n), 0.4);
}
.bet-col__ava {
  width: clamp(30px, 1.8229vw, 35px);
  height: clamp(30px, 1.8229vw, 35px);
  display: flex;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
}
.bet-col__ava img, .bet-col__ava svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 420px) {
  .bet-col__ava {
    width: min(7.143vw, 30px);
    height: min(7.143vw, 30px);
  }
}
.bet-col__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 5px;
}
.bet-col__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 5px;
  padding: clamp(10px, 1.465vw, 15px) 0;
}
.bet-col__item:not(:last-child) {
  border-bottom: solid 1px rgba(var(--cl-n), 0.4);
}
.bet-col__name {
  font-weight: 700;
  font-size: clamp(14px, 0.8333vw, 16px);
}
@media (max-width: 1000px) and (min-width: 900px) {
  .bet-col__name {
    max-width: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 576px) {
  .bet-col__name {
    max-width: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 420px) {
  .bet-col__name {
    max-width: min(7.465vw, 43px);
  }
}
.bet-col__user {
  display: flex;
  align-items: center;
}
@media (min-width: 1026px) {
  .bet-col__user {
    grid-gap: clamp(10px, 0.7813vw, 15px);
  }
}
@media (max-width: 1026px) {
  .bet-col__user {
    grid-gap: clamp(6px, 0.977vw, 10px);
  }
}
.bet-col__value {
  font-weight: 800;
  font-size: clamp(14px, 0.8333vw, 16px);
  color: rgba(var(--cl-o), 1);
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
.bet-col__users {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  font-weight: 800;
  font-size: clamp(14px, 0.8333vw, 16px);
  text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.bet-col__users i {
  font-style: normal;
}
.bet-col__users svg, .bet-col__users img {
  width: clamp(18px, 1.0417vw, 20px);
  height: clamp(18px, 1.0417vw, 20px);
}
.bet-col__coin {
  width: clamp(18px, 1.0417vw, 20px);
  height: clamp(18px, 1.0417vw, 20px);
  display: flex;
  align-items: center;
}
.bet-col__coin img, .bet-col__coin svg {
  width: 100%;
  height: 100%;
}

@media (min-width: 1026px) {
  .aside-nav {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1026px) {
  .aside-nav {
    display: none;
    justify-content: center;
  }
}
.aside-nav__item {
  display: flex;
  align-items: center;
}
.aside-nav__button {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1026px) {
  .aside-nav__button {
    width: 100%;
  }
}
@media (max-width: 1026px) {
  .aside-nav__button {
    width: 86px;
  }
}
@media (max-width: 410px) {
  .aside-nav__button {
    width: 100%;
  }
}
.aside-nav__button svg {
  transition: all 0.3s;
  fill: rgba(var(--cl-g), 0.6);
}
@media (min-width: 1026px) {
  .aside-nav__button svg {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 1026px) {
  .aside-nav__button svg {
    width: 28px;
    height: 28px;
  }
}
.aside-nav__button:hover svg {
  fill: rgba(var(--cl-g), 1);
}
.aside-nav__button.active svg {
  fill: rgba(var(--cl-g), 1);
}
.aside-nav .burger {
  display: none;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 86px;
}
@media (max-width: 1026px) {
  .aside-nav .burger {
    display: flex;
  }
}
@media (max-width: 410px) {
  .aside-nav .burger {
    width: 100%;
  }
}
.aside-nav .burger svg {
  transition: all 0.3s;
  fill: rgba(var(--cl-g), 0.6);
}
@media (min-width: 1026px) {
  .aside-nav .burger svg {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 1026px) {
  .aside-nav .burger svg {
    width: 28px;
    height: 28px;
  }
}
.aside-nav .burger:hover svg {
  fill: rgba(var(--cl-g), 1);
}
.aside-nav .burger.active svg {
  fill: rgba(var(--cl-g), 1);
}
@media (min-width: 1026px) {
  .aside-nav--bar {
    display: none;
  }
}
@media (max-width: 1026px) {
  .aside-nav--bar {
    display: flex;
  }
}
@media (max-width: 410px) {
  .aside-nav--bar {
    justify-content: space-between;
  }
}

.game-list {
  display: grid;
  grid-gap: 20px 25px;
}
@media (min-width: 1241px) {
  .game-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .game-list {
    grid-template-columns: 100%;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .game-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .game-list {
    grid-template-columns: 100%;
  }
}
@media (min-width: 1441px) {
  .game-list--mode {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1440px) and (min-width: 1241px) {
  .game-list--mode {
    grid-template-columns: repeat(2, 1fr);
  }
  .game-list--mode .game-list__item:not(:first-child):nth-child(odd) {
    grid-column: span 2;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .game-list--mode {
    grid-template-columns: 100%;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .game-list--mode {
    grid-template-columns: repeat(3, 1fr);
  }
}
.game-list--category {
  grid-gap: clamp(20px, 1.3021vw, 25px);
}

.faq-list {
  display: grid;
  grid-gap: 20px clamp(20px, 2.0833vw, 40px);
}
@media (min-width: 1241px) {
  .faq-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .faq-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .faq-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .faq-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .faq-list {
    grid-template-columns: 100%;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .faq-list__item:not(:first-child):nth-child(odd) {
    grid-column: span 2;
  }
  .faq-list__item:not(:first-child):nth-child(odd) .faq-card {
    display: grid;
    align-items: end;
    justify-items: start;
    grid-template-columns: auto 1fr;
    grid-gap: 15px 30px;
  }
  .faq-list__item:not(:first-child):nth-child(odd) .faq-card__image {
    grid-row: span 2;
  }
  .faq-list__item:not(:first-child):nth-child(odd) .faq-card__inner {
    align-self: start;
    align-items: flex-start;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .faq-list__item:not(:first-child):nth-child(odd) {
    grid-column: span 2;
  }
  .faq-list__item:not(:first-child):nth-child(odd) .faq-card {
    display: grid;
    align-items: end;
    justify-items: start;
    grid-template-columns: auto 1fr;
    grid-gap: 15px 30px;
  }
  .faq-list__item:not(:first-child):nth-child(odd) .faq-card__image {
    grid-row: span 2;
  }
  .faq-list__item:not(:first-child):nth-child(odd) .faq-card__inner {
    align-self: start;
    align-items: flex-start;
  }
}

.referral-list {
  display: flex;
  flex-direction: column;
  counter-reset: li;
}
.referral-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 10px;
  padding: 10px 20px;
  min-height: 45px;
  border-radius: 20px;
}
.referral-list__item:nth-child(odd) {
  background-color: rgba(var(--bg-f), 0.4);
}
@media (max-width: 410px) {
  .referral-list__item {
    padding: 10px 10px;
    grid-gap: 5px;
  }
}
.referral-list__box {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
@media (max-width: 410px) {
  .referral-list__box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    justify-items: end;
    flex: 1;
    min-width: 0;
  }
}
.referral-list__level {
  font-weight: 700;
  font-size: clamp(16px, 0.9375vw, 18px);
  display: inline-flex;
  grid-gap: 10px;
}
.referral-list__level::before {
  counter-increment: li;
  content: counter(li);
  font-weight: 700;
  font-size: clamp(16px, 0.9375vw, 18px);
  color: rgba(var(--cl-k), 1);
}
.referral-list__text {
  font-weight: 700;
  font-size: clamp(14px, 0.8333vw, 16px);
  color: rgba(var(--cl-e), 1);
}
@media (max-width: 410px) {
  .referral-list__text {
    text-align: right;
  }
}
@media (max-width: 1240px) {
  .referral-list__text:not(.mob) {
    display: none;
  }
}
@media (min-width: 1241px) {
  .referral-list__text.mob {
    display: none;
  }
}
@media (max-width: 1240px) {
  .referral-list__text.mob {
    display: inline;
  }
}
.referral-list__icon {
  width: clamp(18px, 1.25vw, 24px);
  height: clamp(18px, 1.25vw, 24px);
  display: flex;
}
.referral-list__icon svg {
  width: 100%;
  height: auto;
}
.referral-list__percent {
  display: inline-flex;
  grid-gap: 5px;
  align-items: center;
  color: rgba(var(--cl-k), 1);
  font-weight: 700;
  font-size: clamp(14px, 0.8333vw, 16px);
  min-width: clamp(94.5px, 5.5729vw, 107px);
}
@media (max-width: 410px) {
  .referral-list__percent {
    grid-column: 1/-1;
  }
}
.referral-list__percent b {
  font-weight: inherit;
  font-style: inherit;
  color: rgba(var(--cl-e), 1);
}

.bonus-list {
  display: grid;
  grid-gap: clamp(15px, 2.0833vw, 40px);
}
@media (min-width: 1241px) {
  .bonus-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .bonus-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .bonus-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .bonus-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: clamp(9px, 1.953vw, 15px);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .bonus-list__item:nth-child(3) {
    grid-column: span 2;
  }
  .bonus-list__item:nth-child(3) .bonus-card .yellow-btn {
    max-width: 300px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .bonus-list__item:nth-child(3) {
    grid-column: span 2;
  }
  .bonus-list__item:nth-child(3) .bonus-card .yellow-btn {
    width: 100%;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .bonus-list__item:nth-child(3) .bonus-card .yellow-btn {
    max-width: 300px;
  }
}

.contact-form {
  display: grid;
  grid-gap: 20px clamp(15px, 1.0417vw, 20px);
  align-items: center;
}
@media (min-width: 1241px) {
  .contact-form {
    grid-template-columns: repeat(2, 1fr) auto;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .contact-form {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .contact-form {
    grid-template-columns: repeat(2, 1fr) auto;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .contact-form {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .contact-form {
    grid-template-columns: 100%;
  }
}
.contact-form__input {
  background-color: rgba(var(--bg-f), 0.4);
  height: 60px;
  border: solid 1px var(--br-b);
  border-radius: 15px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  color: rgba(var(--cl-e), 1);
  text-indent: 25px;
}
.contact-form__input::-moz-placeholder {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  color: rgba(var(--cl-e), 1);
}
.contact-form__input::placeholder {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  color: rgba(var(--cl-e), 1);
}
.contact-form__input:hover {
  border-color: var(--br-d);
}
.contact-form__input:focus {
  border-color: var(--br-d);
}
.contact-form__btn {
  padding: 13px 20px;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .contact-form__btn {
    max-width: 300px;
    width: 100%;
    grid-column: span 2;
    justify-self: center;
  }
}
@media (min-width: 1026px) {
  .contact-form__btn {
    font-size: clamp(16px, 0.9375vw, 18px);
    height: 50px;
  }
}
@media (max-width: 1026px) {
  .contact-form__btn {
    height: clamp(40px, 4.883vw, 50px);
    font-size: clamp(14px, 1.563vw, 16px);
  }
}
@media (max-width: 768px) {
  .contact-form__btn {
    width: 100%;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .contact-form__btn {
    grid-column: span 2;
    justify-self: center;
    max-width: 300px;
  }
}

.promo-form {
  display: flex;
  align-items: center;
  border: solid 1px var(--br-b);
  background-color: rgba(var(--bg-f), 0.4);
  border-radius: 20px;
  padding: clamp(10px, 0.9375vw, 18px) 25px;
  position: relative;
  z-index: 1;
  height: clamp(40px, 3.125vw, 60px);
}
.promo-form__input {
  font-family: var(--font-family);
  font-weight: 500;
  color: rgba(var(--cl-e), 1);
  z-index: 1;
  padding-right: clamp(135px, 10.9375vw, 210px);
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1026px) {
  .promo-form__input {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
}
@media (max-width: 1026px) {
  .promo-form__input {
    font-size: clamp(14px, 1.563vw, 16px);
  }
}
.promo-form__input::-moz-placeholder {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  color: rgba(var(--cl-e), 1);
  font-size: inherit;
}
.promo-form__input::placeholder {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  color: rgba(var(--cl-e), 1);
  font-size: inherit;
}
.promo-form .violet-btn {
  z-index: 3;
  padding: 13px clamp(15px, 1.3021vw, 25px);
  position: absolute;
  top: 50%;
  transform: translate(1px, -50%);
  right: 0;
  height: clamp(40px, 3.125vw, 60px);
  border-radius: 20px;
  font-size: clamp(14px, 1.0417vw, 20px);
}

.notification {
  border: 1px solid var(--br-f);
  border-radius: 20px;
  background-color: rgba(var(--bg-m), 1);
  padding: 9.5px 15px 9.5px 15px;
  display: flex !important;
  opacity: 1 !important;
  align-items: center;
  grid-gap: 15px;
  grid-gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.2s;
  z-index: 40;
}
.notification.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.notification--alert {
  border-color: var(--br-e);
}
.notification--error {
  border-color: var(--br-g);
}
.notification--mode {
  align-items: flex-start;
}
.notification__inner {
  display: flex;
  flex-direction: column;
  grid-gap: 2px;
}
.notification__info {
  display: inline-flex;
  grid-gap: 5px;
  align-items: center;
}
.notification__icon {
  width: clamp(20px, 1.25vw, 24px);
  height: clamp(20px, 1.25vw, 24px);
  display: flex;
}
.notification__icon svg {
  width: 100%;
  height: auto;
}
.notification__coin {
  width: clamp(16px, 1.0417vw, 20px);
  height: clamp(16px, 1.0417vw, 20px);
  display: flex;
}
.notification__coin svg {
  width: 100%;
  height: auto;
}
.notification__text {
  margin-right: 5px;
  font-weight: 500;
  font-size: clamp(12px, 0.8333vw, 16px);
}
.notification__title {
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
}
.notification__title--green {
  color: rgba(var(--cl-i), 1);
}
.notification__value {
  font-weight: 700;
  font-size: clamp(12px, 0.7292vw, 14px);
  text-align: center;
  color: rgba(var(--cl-j), 1);
}
.notification__close {
  display: block;
  width: clamp(16px, 1.25vw, 24px);
  height: clamp(16px, 1.25vw, 24px);
}
.notification__close svg {
  pointer-events: none;
  fill: rgba(var(--cl-a), 0.2);
  transition: all 0.3s;
  width: 100%;
  height: auto;
}
.notification__close:hover svg {
  fill: rgba(var(--cl-a), 0.8);
}

.notifications-wrapper {
  position: fixed;
  z-index: 200;
  display: flex !important;
  opacity: 1 !important;
  flex-direction: column;
  grid-gap: clamp(10px, 0.781vw, 15px);
}
@media (min-width: 1026px) {
  .notifications-wrapper {
    bottom: clamp(26px, 3.125vw, 60px);
    left: clamp(26px, 3.125vw, 60px);
  }
}
@media (max-width: 1026px) {
  .notifications-wrapper {
    left: clamp(20px, 2.539vw, 26px);
    bottom: clamp(80px, 8.301vw, 85px);
  }
}
.notifications-wrapper.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.cookies {
  position: fixed;
  bottom: 0;
  z-index: 39;
  background-color: rgba(var(--bg-f), 0.9);
  display: flex;
  align-items: center;
  grid-gap: 15px 20px;
}
@media (min-width: 1441px) {
  .cookies {
    padding: 20px 30px;
  }
}
@media (max-width: 1440px) {
  .cookies {
    flex-direction: column;
    padding: 20px;
  }
}
.cookies__btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 1026px) {
  .cookies {
    right: clamp(325px, 20.052vw, 385px);
    left: clamp(80px, 7.2917vw, 140px);
  }
}
@media (max-width: 1026px) {
  .cookies {
    left: 0;
    right: 0;
  }
}
.cookies p {
  font-size: 14px;
  text-align: center;
  line-height: 130%;
  color: rgba(var(--cl-a), 1);
}
.cookies p .main-link {
  font-weight: inherit;
  color: rgba(var(--cl-a), 1);
}
.cookies p .main-link:hover {
  color: rgba(var(--cl-k), 1);
}
.cookies .violet-btn {
  border-radius: 10px;
  font-size: 12px;
  padding: 11.5px 38px;
}
.cookies .transparent-btn {
  border-radius: 10px;
  font-size: 12px;
  padding: 11.5px 38px;
}

.cases-slider {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
.cases-slider__container {
  border-radius: 20px;
  background-color: rgba(var(--bg-f), 0.3);
  width: 100%;
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 1026px) {
  .cases-slider__wrapper {
    padding: clamp(25px, 2.0833vw, 40px) clamp(25px, 2.0833vw, 40px) clamp(40px, 2.3438vw, 45px);
    width: calc(100% - clamp(25px, 2.0833vw, 40px) * 2);
  }
}
@media (max-width: 1026px) {
  .cases-slider__wrapper {
    padding: clamp(20px, 2.441vw, 25px) clamp(20px, 2.441vw, 25px) clamp(31px, 3.906vw, 40px);
    width: calc(100% - clamp(20px, 2.441vw, 25px) * 2);
  }
}
@media (min-width: 1026px) {
  .cases-slider__slide {
    width: clamp(140px, 9.375vw, 180px);
  }
}
@media (max-width: 1026px) {
  .cases-slider__slide {
    width: clamp(140px, 17.578vw, 180px);
  }
}
.cases-slider .title svg {
  fill: rgba(var(--cl-g), 1);
}

.cases-list {
  display: grid;
  grid-gap: clamp(10px, 1.465vw, 15px);
}
@media (min-width: 1026px) {
  .cases-list {
    grid-template-columns: repeat(auto-fill, minmax(clamp(125px, 6.8229vw, 131px), 1fr));
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .cases-list {
    grid-template-columns: repeat(auto-fill, minmax(clamp(100px, 11.621vw, 119px), 1fr));
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .cases-list {
    grid-template-columns: repeat(auto-fill, minmax(clamp(90px, 10.417vw, 119px), 1fr));
  }
}
@media (max-width: 576px) {
  .cases-list {
    grid-template-columns: repeat(auto-fill, minmax(clamp(92px, 10.417vw, 119px), 1fr));
  }
}

.promotions-list {
  display: grid;
  grid-gap: 20px clamp(10px, 1.0417vw, 20px);
}
@media (min-width: 1441px) {
  .promotions-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .promotions-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .promotions-list {
    grid-template-columns: repeat(auto-fill, minmax(198px, 1fr));
  }
}
@media (max-width: 768px) {
  .promotions-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.promotions-list__item {
  margin-top: clamp(20px, 2.0833vw, 40px);
}

.payment-list {
  display: grid;
  grid-gap: clamp(10px, 0.7813vw, 15px);
  grid-template-columns: repeat(3, 1fr);
  border-radius: 20px;
  background-color: rgba(var(--bg-f), 0.2);
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 1026px) {
  .payment-list {
    padding: clamp(25px, 1.5625vw, 30px);
  }
}
@media (max-width: 1026px) {
  .payment-list {
    padding: clamp(20px, 2.441vw, 25px);
  }
}

.withdraw-list {
  height: 100%;
  align-content: start;
}
@media (max-width: 1026px) {
  .withdraw-list .payment-card {
    min-height: clamp(67px, 8.594vw, 88px);
  }
  .withdraw-list .payment-card__label {
    justify-content: center;
  }
}

.payment-form {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(20px, 1.5625vw, 30px);
}
.payment-form__list {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .payment-form__list {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .payment-form__list {
    justify-content: center;
  }
}
.payment-form__box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: clamp(15px, 1.0417vw, 20px) 10px;
}
.payment-form__label {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.payment-form__label--mode {
  grid-column: span 2;
  position: relative;
}
.payment-form__label--mode input {
  padding-right: 180px;
  color: rgba(var(--cl-e), 1);
  font-weight: 800;
  pointer-events: none;
}
.payment-form__label--mode input::-moz-placeholder {
  font-weight: 800;
}
.payment-form__label--mode input::placeholder {
  font-weight: 800;
}
.payment-form__name {
  font-weight: 700;
  font-size: clamp(14px, 0.9375vw, 18px);
  line-height: 120%;
}
.payment-form__text {
  font-weight: 800;
  font-size: clamp(14px, 0.9375vw, 18px);
  height: clamp(32px, 2.0833vw, 40px);
  border-radius: 10px;
  padding: 5px 15px;
  background-color: rgba(var(--bg-g), 1);
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  right: 10px;
  bottom: clamp(8px, 0.5208vw, 10px);
  z-index: 3;
}
.payment-form__input {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
  color: rgba(var(--cl-a), 1);
}
.payment-form__input::-moz-placeholder {
  color: rgba(var(--cl-e), 1);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
}
.payment-form__input::placeholder {
  color: rgba(var(--cl-e), 1);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
}
.payment-form__input {
  border: 1px solid var(--br-b);
  border-radius: 15px;
  padding: 15px 25px;
  height: clamp(48px, 3.125vw, 60px);
  background: rgba(var(--bg-f), 0.4);
  width: 100%;
}
.payment-form__wrapper {
  display: flex;
  grid-gap: 10px;
  align-items: center;
  grid-column: span 2;
}
.payment-form__wrapper p {
  font-weight: 500;
  font-size: clamp(11px, 0.8333vw, 16px);
  color: rgba(var(--cl-e), 1);
}
.payment-form__wrapper p .main-link {
  font-weight: 500;
}
@media (min-width: 1241px) {
  .payment-form__wrapper p {
    max-width: 400px;
  }
}
@media (max-width: 576px) {
  .payment-form__wrapper p {
    line-height: 125%;
    max-width: 85%;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .payment-form__wrapper {
    align-items: center;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .payment-form__wrapper {
    align-items: center;
  }
}
@media (max-width: 576px) {
  .payment-form__wrapper {
    align-items: center;
  }
}
.payment-form .yellow-btn {
  align-self: center;
  font-size: clamp(14px, 1.0417vw, 20px);
  padding: clamp(13px, 1.0417vw, 20px) clamp(15px, 1.3021vw, 25px);
}
@media (min-width: 576px) {
  .payment-form .yellow-btn {
    margin-top: 6px;
  }
}
.payment-form--transfer {
  margin-top: clamp(8px, 0.625vw, 12px);
  display: grid;
  align-items: center;
}
@media (min-width: 1441px) {
  .payment-form--transfer {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .payment-form--transfer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1026px) and (min-width: 850px) {
  .payment-form--transfer {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 850px) and (min-width: 576px) {
  .payment-form--transfer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 576px) {
  .payment-form--transfer {
    grid-gap: clamp(25px, 1.8229vw, 35px) clamp(15px, 1.0417vw, 20px);
  }
}
@media (max-width: 576px) {
  .payment-form--transfer {
    grid-gap: 16px;
    grid-template-columns: 100%;
  }
}
@media (min-width: 1441px) {
  .payment-form--transfer .payment-form__label--mode {
    grid-column: initial;
  }
}
@media (max-width: 1026px) and (min-width: 850px) {
  .payment-form--transfer .payment-form__label--mode {
    grid-column: initial;
  }
}
@media (max-width: 576px) {
  .payment-form--transfer .payment-form__label--mode {
    grid-column: initial;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .payment-form--transfer .payment-form__wrapper {
    grid-column: initial;
  }
}
@media (max-width: 1026px) {
  .payment-form--transfer .payment-form__wrapper {
    align-items: center;
  }
}
@media (max-width: 850px) and (min-width: 576px) {
  .payment-form--transfer .payment-form__wrapper {
    grid-column: initial;
  }
}
@media (max-width: 576px) {
  .payment-form--transfer .payment-form__wrapper {
    grid-column: initial;
  }
}
@media (min-width: 1026px) {
  .payment-form--transfer .payment-form__wrapper p {
    font-size: clamp(12px, 0.8333vw, 16px);
  }
}
@media (max-width: 1026px) {
  .payment-form--transfer .payment-form__wrapper p {
    font-size: clamp(11px, 1.172vw, 12px);
  }
}
.payment-form--transfer .custom-radio span {
  width: clamp(20px, 2.441vw, 25px);
  height: clamp(20px, 2.441vw, 25px);
}
.payment-form--transfer .custom-radio span::before {
  inset: clamp(5.5px, 0.635vw, 6.5px);
}
@media (min-width: 576px) {
  .payment-form--transfer .yellow-btn {
    margin: 0;
    justify-self: end;
  }
}
@media (max-width: 576px) {
  .payment-form--transfer .yellow-btn {
    justify-self: center;
    margin-top: 5px;
  }
}

.withdraw-form .payment-form__label--mode {
  grid-column: initial;
}
.withdraw-form .payment-form__label--mode input {
  padding-right: 70px;
}
.withdraw-form .payment-form__label:first-child {
  grid-column: 1/-1;
  margin-bottom: 10px;
}
.withdraw-form .payment-form__label:nth-child(4) {
  grid-column: 1/-1;
}

.tab-nav {
  border-radius: 20px;
  position: relative;
}
.tab-nav::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: var(--gr-d);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.tab-nav::before {
  z-index: 5;
}
@media (min-width: 1150px) {
  .tab-nav::before {
    inset: 0 0 0 60px;
  }
}
@media (max-width: 1150px) and (min-width: 1026px) {
  .tab-nav::before {
    inset: 0;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .tab-nav::before {
    inset: 0 0 0 60px;
  }
}
@media (max-width: 768px) {
  .tab-nav::before {
    inset: 0;
  }
}
@media (min-width: 1150px) {
  .tab-nav {
    display: flex;
  }
}
@media (max-width: 1150px) and (min-width: 1026px) {
  .tab-nav {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .tab-nav {
    display: flex;
  }
}
@media (max-width: 768px) {
  .tab-nav {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.tab-nav__item {
  position: relative;
  z-index: 3;
  border-radius: inherit;
}
.tab-nav__item:first-child {
  z-index: 1;
}
@media (min-width: 1150px) {
  .tab-nav__item:first-child {
    transform: translateX(60px);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .tab-nav__item:first-child {
    transform: translateX(60px);
  }
}
.tab-nav__item:nth-child(2) {
  z-index: 2;
  position: relative;
}
.tab-nav__item:nth-child(2)::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: var(--gr-d);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
@media (min-width: 1150px) {
  .tab-nav__item:nth-child(2) {
    transform: translateX(30px);
  }
}
@media (max-width: 1150px) and (min-width: 1026px) {
  .tab-nav__item:nth-child(2) {
    margin-left: -25px;
    width: calc(100% + 25px);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .tab-nav__item:nth-child(2) {
    transform: translateX(30px);
  }
}
@media (max-width: 768px) {
  .tab-nav__item:nth-child(2) {
    margin-left: -25px;
    width: calc(100% + 25px);
  }
}
@media (max-width: 1150px) and (min-width: 1026px) {
  .tab-nav__item:last-child {
    margin-left: -25px;
    width: calc(100% + 25px);
  }
}
@media (max-width: 768px) {
  .tab-nav__item:last-child {
    margin-left: -25px;
    width: calc(100% + 25px);
  }
}
@media (max-width: 1150px) and (min-width: 1026px) {
  .tab-nav__item {
    width: 100%;
    flex-grow: 1;
  }
}
@media (max-width: 768px) {
  .tab-nav__item {
    width: 100%;
    flex-grow: 1;
  }
}
.tab-nav__btn {
  font-weight: 800;
  font-size: clamp(14px, 0.8333vw, 16px);
  text-transform: uppercase;
  padding: 12px 40px 12px 20px;
  border-radius: 20px;
  background: rgba(var(--bg-s), 1);
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab-nav__btn.active {
  padding: 12px 20px;
  box-shadow: 0 0 24px 0 rgba(234, 74, 235, 0.2);
  background: var(--gr-d);
}
.tab-nav__btn:not(.active):hover {
  box-shadow: 0 0 24px 0 rgba(234, 74, 235, 0.2);
  background: var(--gr-d);
}
@media (max-width: 1150px) and (min-width: 1026px) {
  .tab-nav__btn {
    width: 100%;
    padding: 12px 20px !important;
  }
}
@media (max-width: 768px) {
  .tab-nav__btn {
    width: 100%;
    padding: 12px 20px !important;
  }
}

.transfer-list {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.transfer-list__row {
  display: flex;
  width: 100%;
}

.transfer-id {
  display: flex;
  grid-gap: clamp(5px, 0.977vw, 10px);
  align-items: center;
}
.transfer-id__title {
  font-weight: 500;
  font-size: clamp(14px, 0.8333vw, 16px);
  color: rgba(var(--cl-e), 1);
}
.transfer-id__code {
  font-weight: 800;
  font-size: clamp(14px, 0.8333vw, 16px);
}
.transfer-id .copy-btn {
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background-color: transparent;
}
.transfer-id--mode {
  border: 1px solid var(--br-c);
  border-radius: 10px;
  padding: 9px 15px;
  background-color: rgba(var(--bg-f), 0.6);
  grid-gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
.transfer-id--mode .copy-btn {
  width: clamp(20px, 1.953vw, 24px);
  height: clamp(20px, 1.953vw, 24px);
}
.transfer-id--mode .transfer-id__code {
  font-weight: 500;
  font-size: clamp(14px, 1.563vw, 16px);
  color: rgba(var(--cl-e), 1);
}

.cabinet-content {
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 20px;
}
@media (min-width: 1026px) {
  .cabinet-content {
    padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
  }
}
@media (max-width: 1026px) {
  .cabinet-content {
    padding: 25px clamp(20px, 1.3021vw, 25px);
  }
}
.cabinet-content__top {
  display: grid;
  align-items: center;
  grid-gap: 15px clamp(20px, 1.5625vw, 30px);
}
@media (min-width: 1441px) {
  .cabinet-content__top {
    grid-template-columns: 1fr repeat(2, auto);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cabinet-content__top {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1026px) and (min-width: 850px) {
  .cabinet-content__top {
    grid-template-columns: 1fr repeat(2, auto);
  }
}
@media (max-width: 850px) {
  .cabinet-content__top {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cabinet-content__top .sort-list {
    grid-column: span 2;
  }
}
@media (max-width: 850px) {
  .cabinet-content__top .sort-list {
    grid-column: span 2;
  }
}
.cabinet-content__top .yellow-btn {
  font-size: clamp(14px, 1.0417vw, 20px);
  height: clamp(40px, 3.125vw, 60px);
}
.cabinet-content__top .yellow-btn svg {
  width: clamp(20px, 1.6667vw, 32px);
  height: clamp(20px, 1.6667vw, 32px);
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cabinet-content__top .yellow-btn {
    justify-self: end;
  }
}
@media (max-width: 850px) {
  .cabinet-content__top .yellow-btn {
    justify-self: end;
  }
}
.cabinet-content__box {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(20px, 1.3021vw, 25px);
}
.cabinet-content__switch {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.cabinet-content__switch-text {
  font-weight: 700;
  font-size: clamp(14px, 0.8333vw, 16px);
  color: rgba(var(--cl-e), 1);
}
@media (max-width: 475px) {
  .cabinet-content__switch-text {
    max-width: min(27.333vw, 123px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media (max-width: 1026px) {
  .cabinet-content .cabinet-list {
    margin-top: -10px;
  }
}

.cabinet-nav {
  display: flex;
  align-items: center;
}
@media (min-width: 1026px) {
  .cabinet-nav {
    grid-gap: clamp(25px, 1.5625vw, 30px);
  }
}
@media (max-width: 1026px) {
  .cabinet-nav {
    grid-gap: clamp(15px, 2.441vw, 25px);
  }
}
@media (max-width: 576px) {
  .cabinet-nav {
    grid-gap: 8px;
    justify-content: space-between;
  }
}
.cabinet-nav__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cabinet-nav__btn {
  font-weight: 700;
  font-size: clamp(18px, 1.0417vw, 20px);
  color: rgba(var(--cl-e), 1);
  transition: all 0.4s;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
@media (max-width: 410px) {
  .cabinet-nav__btn {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    max-width: min(20.244vw, 83px);
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media (min-width: 1026px) {
  .cabinet-nav__btn {
    height: clamp(50px, 2.8646vw, 55px);
  }
}
@media (max-width: 1026px) {
  .cabinet-nav__btn {
    height: clamp(45px, 4.883vw, 50px);
  }
}
.cabinet-nav__btn::before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  background-color: currentColor;
  left: 0;
  transition: all 0.4s;
  left: auto;
  right: 0;
}
.cabinet-nav__btn:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}
@media (max-width: 1026px) {
  .cabinet-nav__btn {
    font-size: clamp(13px, 1.758vw, 18px);
  }
}
.cabinet-nav__btn.active {
  color: rgba(var(--cl-a), 1);
}
.cabinet-nav__btn.active::before {
  width: 100%;
  left: 0;
  right: auto;
}

.sort-list {
  display: flex;
  align-items: center;
}

.cabinet-list {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(10px, 1.3021vw, 25px);
}
.cabinet-list__row {
  display: flex;
  width: 100%;
}

.history-tabs {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(20px, 1.3021vw, 25px);
}

.history-content__box {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(20px, 1.3021vw, 25px);
}

.history-box {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(20px, 1.3021vw, 25px);
}
.history-box__list {
  grid-gap: 10px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
@media (min-width: 576px) {
  .history-box__list {
    height: 315px;
  }
}
@media (max-width: 576px) {
  .history-box__list {
    height: 290px;
  }
}
@media (max-width: 1026px) {
  .history-box__list--flip {
    margin-right: clamp(5px, 0.5208vw, 10px);
  }
}
@media (min-width: 576px) {
  .history-box__list--mode {
    height: auto;
  }
}
.history-box__list::-webkit-scrollbar {
  width: 4px;
}
@media (max-width: 768px) {
  .history-box__list::-webkit-scrollbar {
    display: block;
  }
}
.history-box__row {
  margin-right: clamp(5px, 0.5208vw, 10px);
}
@media (min-width: 1026px) {
  .history-box .game-row--head {
    width: calc(100% - clamp(5px, 0.5208vw, 10px) * 2);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .history-box .game-row--head {
    width: calc(100% - clamp(5px, 0.5208vw, 10px));
  }
}
@media (min-width: 1241px) {
  .history-box--jackpot .game-row {
    grid-template-columns: 0.25fr 0.2fr repeat(2, 0.3fr);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .history-box--jackpot .game-row {
    grid-template-columns: 0.3fr repeat(2, 0.2fr) 0.3fr;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .history-box--jackpot .game-row {
    grid-template-columns: 0.4fr 0.27fr 0.25fr 0.18fr;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .history-box--jackpot .game-row {
    grid-template-columns: 0.4fr repeat(2, 0.2fr) 0.3fr;
  }
}
@media (max-width: 576px) {
  .history-box--jackpot .game-row {
    grid-template-columns: 0.86fr 0.4fr 0.5fr;
  }
}
@media (max-width: 576px) {
  .history-box--jackpot .game-row__name--bet {
    display: flex;
  }
}
@media (max-width: 576px) {
  .history-box--jackpot .game-row__name--chance {
    justify-self: end;
    display: flex;
  }
}
@media (max-width: 576px) {
  .history-box--jackpot .game-row__name--result {
    display: none;
  }
}
@media (max-width: 576px) {
  .history-box--jackpot .game-row__value--bet {
    display: flex;
  }
}
@media (max-width: 576px) {
  .history-box--jackpot .game-row__value--chance {
    justify-self: end;
    display: flex;
  }
}
.history-box--jackpot .game-row__value--result {
  color: rgba(var(--cl-k), 1);
  justify-self: end;
}
@media (max-width: 576px) {
  .history-box--jackpot .game-row__value--result {
    display: none;
  }
}
@media (min-width: 1241px) {
  .history-box--flip .game-row {
    grid-template-columns: 0.24fr 0.16fr repeat(3, 0.2fr);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .history-box--flip .game-row {
    grid-template-columns: 0.24fr 0.16fr repeat(3, 0.2fr);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .history-box--flip .game-row {
    grid-template-columns: 0.3fr 0.2fr repeat(3, 0.18fr);
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .history-box--flip .game-row {
    grid-template-columns: 0.5fr repeat(3, 0.3fr);
  }
}
@media (max-width: 768px) {
  .history-box--flip .game-row__name--bet, .history-box--flip .game-row__value--bet {
    display: none;
  }
}
@media (max-width: 576px) {
  .history-box--flip .game-row__name--chance, .history-box--flip .game-row__value--chance {
    display: none;
  }
}

.game-card {
  padding: 25px 30px;
  position: relative;
  width: 100%;
  min-height: clamp(140px, 19.531vw, 200px);
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  grid-gap: 15px;
}
.game-card::before {
  position: absolute;
  content: "";
  width: 100%;
  height: clamp(100px, 5.7292vw, 110px);
  background: var(--gr-b);
  bottom: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.game-card__image {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.game-card__image img, .game-card__image picture {
  width: 100%;
  height: 100%;
}
.game-card__title {
  font-weight: 800;
}
@media (min-width: 1026px) {
  .game-card__title {
    font-size: clamp(22px, 1.25vw, 24px);
  }
}
@media (max-width: 1026px) {
  .game-card__title {
    font-size: clamp(20px, 1.1458vw, 22px);
  }
}
.game-card__box {
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
}
.game-card p {
  line-height: 115%;
  color: rgba(var(--cl-d), 1);
}
@media (min-width: 1026px) {
  .game-card p {
    font-size: clamp(14px, 0.8333vw, 16px);
  }
}
@media (max-width: 1026px) {
  .game-card p {
    font-size: clamp(12px, 1.367vw, 14px);
  }
}
.game-card--mode {
  justify-content: flex-end;
  min-height: initial;
}
@media (min-width: 1026px) {
  .game-card--mode {
    height: 300px;
  }
}
@media (max-width: 1026px) {
  .game-card--mode {
    height: clamp(260px, 29.297vw, 300px);
  }
}
@media (min-width: 576px) {
  .game-card--mode {
    padding: 35px 25px;
  }
}
@media (max-width: 576px) {
  .game-card--mode {
    padding: 31px 25px;
  }
}
.game-card--category {
  min-height: initial;
}
@media (min-width: 1026px) {
  .game-card--category {
    height: clamp(250px, 16.6667vw, 320px);
  }
}
@media (max-width: 1026px) {
  .game-card--category {
    height: clamp(198px, 24.414vw, 250px);
  }
}
@media (max-width: 410px) {
  .game-card--category {
    padding: 20px 15px;
  }
}

.faq-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  grid-gap: clamp(15px, 1.0417vw, 20px);
  background-color: rgba(var(--bg-k), 0.2);
  border-radius: 20px;
}
@media (min-width: 1026px) {
  .faq-card {
    padding: clamp(30px, 2.0833vw, 40px) 20px clamp(34px, 2.0833vw, 40px);
  }
}
@media (max-width: 1026px) {
  .faq-card {
    padding: clamp(20px, 2.93vw, 30px) 20px clamp(20px, 3.32vw, 34px);
  }
}
@media (max-width: 576px) {
  .faq-card {
    display: grid;
    justify-items: start;
    grid-template-columns: auto 1fr;
  }
}
@media (max-width: 576px) and (min-width: 410px) {
  .faq-card {
    grid-gap: 15px 30px;
  }
}
@media (max-width: 410px) {
  .faq-card {
    grid-gap: 15px 10px;
  }
}
.faq-card__inner {
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  .faq-card__inner {
    align-items: center;
  }
}
.faq-card__point {
  margin-left: 10px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: rgba(var(--cl-i), 1);
  box-shadow: 0 0 10px 0 rgba(var(--cl-i), 1);
}
.faq-card__image {
  display: flex;
}
@media (min-width: 1026px) {
  .faq-card__image {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 1026px) {
  .faq-card__image {
    width: clamp(80px, 11.719vw, 120px);
    height: clamp(80px, 11.719vw, 120px);
  }
}
.faq-card__image img, .faq-card__image picture, .faq-card__image svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 576px) {
  .faq-card__image {
    grid-row: span 2;
  }
}
.faq-card__title {
  font-weight: 800;
  line-height: 140%;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 1026px) {
  .faq-card__title {
    font-size: clamp(18px, 1.25vw, 24px);
  }
}
@media (max-width: 1026px) {
  .faq-card__title {
    font-size: clamp(16px, 1.758vw, 18px);
  }
}
@media (min-width: 576px) {
  .faq-card__title {
    text-align: center;
  }
}
.faq-card__subtitle {
  font-weight: 700;
  font-size: clamp(14px, 0.9375vw, 18px);
  color: rgba(var(--cl-d), 1);
  line-height: 125%;
}
.faq-card__link {
  font-weight: 700;
  font-size: clamp(14px, 0.9375vw, 18px);
  transition: all 0.4s;
  text-decoration: underline;
  -webkit-text-decoration-skip: auto;
          text-decoration-skip: auto;
  text-underline-offset: 4px;
  text-decoration-color: transparent;
  color: rgba(var(--cl-k), 1);
  line-height: 125%;
}
.faq-card__link:hover {
  text-decoration-color: inherit;
}
.faq-card p {
  font-weight: 700;
  font-size: clamp(14px, 0.9375vw, 18px);
  color: rgba(var(--cl-d), 1);
  line-height: 125%;
}
@media (min-width: 576px) {
  .faq-card p {
    text-align: center;
  }
}

.coins-card {
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 15px;
  border: solid 1px var(--br-b);
  display: flex;
  align-items: center;
  grid-gap: 5px;
  min-height: clamp(90px, 5vw, 96px);
}
@media (min-width: 1026px) {
  .coins-card {
    padding: 23px clamp(20px, 1.5625vw, 30px);
  }
}
@media (max-width: 1026px) {
  .coins-card {
    padding: 25px 15px 25px 20px;
  }
}
@media (max-width: 425px) {
  .coins-card {
    flex-wrap: wrap;
    grid-gap: 15px 5px;
  }
}
.coins-card__title {
  margin-right: 5px;
  font-weight: 800;
  font-size: clamp(14px, 1.1458vw, 22px);
}
@media (max-width: 425px) {
  .coins-card__title {
    flex-grow: 1;
  }
}
.coins-card__icon {
  display: flex;
  width: clamp(20px, 1.6667vw, 32px);
  height: clamp(20px, 1.6667vw, 32px);
}
.coins-card__icon svg {
  width: 100%;
  height: auto;
}
.coins-card__value {
  font-weight: 800;
  font-size: clamp(14px, 1.1458vw, 22px);
  color: rgba(var(--cl-j), 1);
  flex-grow: 1;
}
@media (max-width: 425px) {
  .coins-card__value {
    flex-grow: 0;
  }
}
.coins-card .violet-btn {
  font-size: clamp(14px, 0.9375vw, 18px);
  padding: clamp(13px, 0.8333vw, 16px) clamp(15px, 1.0417vw, 20px);
}
@media (max-width: 576px) {
  .coins-card .violet-btn {
    padding: 8px 15px;
  }
}
@media (max-width: 425px) {
  .coins-card .violet-btn {
    width: 100%;
  }
}

.referral-card {
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 15px;
  border: solid 1px var(--br-b);
  grid-gap: 10px;
  min-height: clamp(90px, 5vw, 96px);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}
@media (min-width: 1026px) {
  .referral-card {
    padding: 20px 20px 20px 30px;
  }
}
@media (max-width: 1026px) {
  .referral-card {
    padding: clamp(15px, 1.25vw, 24px) 15px clamp(15px, 1.25vw, 24px) 20px;
  }
}
.referral-card__title {
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
  color: rgba(var(--cl-e), 1);
  align-items: end;
}
.referral-card__code {
  align-self: start;
  font-weight: 800;
  font-size: clamp(14px, 0.9375vw, 18px);
  grid-column: 1;
}
.referral-card .copy-btn {
  grid-column: 2;
  grid-row: 1/3;
}

.referral-info {
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 15px;
  border: solid 1px var(--br-b);
  grid-gap: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(14px, 1.1198vw, 21.5px) clamp(20px, 1.5625vw, 30px);
}
.referral-info__title {
  font-weight: 800;
  font-size: clamp(16px, 1.0417vw, 20px);
  color: rgba(var(--cl-e), 1);
}
.referral-info__amount {
  font-weight: 800;
  font-size: clamp(14px, 0.8333vw, 16px);
  text-align: center;
}
.referral-info__amount.violet {
  color: rgba(var(--cl-j), 1);
}
.referral-info__value {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
.referral-info__icon {
  display: flex;
  width: clamp(20px, 1.25vw, 24px);
  height: clamp(20px, 1.25vw, 24px);
}
.referral-info__icon svg {
  width: 100%;
  height: auto;
}
@media (max-width: 1280px) and (min-width: 1241px) {
  .referral-info {
    grid-gap: 5px;
  }
}
@media (max-width: 805px) and (min-width: 768px) {
  .referral-info {
    grid-gap: 5px;
  }
}

.referral-player {
  background-color: rgba(var(--bg-k), 0.4);
  border-radius: 15px;
  display: grid;
  grid-gap: 10px;
}
@media (min-width: 1026px) {
  .referral-player {
    padding: clamp(15px, 1.0417vw, 20px) clamp(10px, 1.5625vw, 30px);
    min-height: clamp(98px, 6.25vw, 120px);
  }
}
@media (max-width: 1026px) {
  .referral-player {
    padding: 15px 10px;
    min-height: clamp(90px, 9.57vw, 98px);
  }
}
@media (min-width: 576px) {
  .referral-player {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .referral-player {
    grid-template-columns: 100%;
  }
}
.referral-player p {
  font-weight: 700;
  font-size: clamp(14px, 1.0417vw, 20px);
  text-align: center;
  color: rgba(var(--cl-a), 1);
}
.referral-player__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 700;
  font-size: clamp(14px, 0.8333vw, 16px);
  text-align: center;
}
@media (min-width: 576px) {
  .referral-player__title {
    grid-column: span 2;
  }
}
.referral-player__info {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 4px;
  justify-content: center;
  border-radius: 50%;
}
.referral-player__info:focus-visible {
  outline: 2px solid rgba(var(--cl-j), 1);
  outline-offset: 3px;
}
.referral-player__modal-coin {
  display: inline-block;
  vertical-align: middle;
}
.referral-player__subtitle {
  font-weight: 500;
  font-size: clamp(14px, 0.8333vw, 16px);
}
@media (max-width: 1026px) {
  .referral-player__subtitle {
    flex-grow: 1;
  }
}
.referral-player__value {
  font-weight: 800;
  font-size: clamp(12px, 0.8333vw, 16px);
  text-align: center;
  color: rgba(var(--cl-j), 1);
}
.referral-player__inner {
  display: flex;
  align-items: center;
  grid-gap: clamp(3px, 0.488vw, 5px);
  background-color: rgba(var(--bg-f), 0.4);
  border-radius: 10px;
  padding: clamp(11px, 0.7813vw, 15px) 15px;
}
@media (min-width: 1026px) {
  .referral-player__inner {
    justify-content: center;
  }
}
.referral-player__icon {
  display: flex;
  width: clamp(16px, 1.0417vw, 20px);
  height: clamp(16px, 1.0417vw, 20px);
}
.referral-player__icon svg {
  width: 100%;
  height: auto;
}
@media (min-width: 576px) {
  .referral-player--mode {
    grid-template-columns: 100%;
  }
}
.referral-player--mode {
  align-items: center;
}

.bonus-card {
  background-color: rgba(var(--bg-k), 0.2);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
@media (min-width: 1026px) {
  .bonus-card {
    grid-gap: clamp(20px, 1.3021vw, 25px);
    padding: clamp(25px, 2.0833vw, 40px) 20px;
  }
}
@media (max-width: 1026px) {
  .bonus-card {
    padding: clamp(20px, 2.93vw, 30px) 20px;
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .bonus-card {
    grid-gap: clamp(15px, 2.441vw, 25px);
  }
}
@media (max-width: 576px) {
  .bonus-card {
    grid-gap: 20px;
  }
}
@media (max-width: 425px) {
  .bonus-card {
    padding: 20px 15px;
  }
}
.bonus-card__top {
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
  flex-grow: 1;
}
.bonus-card__title {
  font-weight: 700;
  text-align: center;
  color: rgba(var(--cl-d), 1);
}
@media (min-width: 1026px) {
  .bonus-card__title {
    font-size: clamp(18px, 1.25vw, 24px);
  }
}
@media (max-width: 1026px) {
  .bonus-card__title {
    font-size: clamp(16px, 1.758vw, 18px);
  }
}
.bonus-card__subtitle {
  font-weight: 800;
  text-align: center;
}
@media (min-width: 1026px) {
  .bonus-card__subtitle {
    font-size: clamp(18px, 1.25vw, 24px);
  }
}
@media (max-width: 1026px) {
  .bonus-card__subtitle {
    font-size: clamp(16px, 1.758vw, 18px);
  }
}
.bonus-card__value {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  background-color: rgba(var(--bg-f), 0.4);
  border-radius: 30px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 20px;
}
.bonus-card__amount {
  font-family: var(--font-family);
  font-weight: 800;
  text-align: center;
  color: rgba(var(--cl-o), 1);
}
@media (min-width: 1026px) {
  .bonus-card__amount {
    font-size: clamp(18px, 1.0417vw, 20px);
  }
}
@media (max-width: 1026px) {
  .bonus-card__amount {
    font-size: clamp(16px, 1.758vw, 18px);
  }
}
.bonus-card__icon {
  display: flex;
  width: clamp(20px, 2.344vw, 24px);
  height: clamp(20px, 2.344vw, 24px);
}
.bonus-card__icon svg {
  width: 100%;
  height: auto;
}
.bonus-card .yellow-btn {
  padding: clamp(10px, 0.7292vw, 14px) clamp(15px, 1.3021vw, 25px);
}
@media (min-width: 1026px) {
  .bonus-card .yellow-btn {
    font-size: clamp(16px, 1.0417vw, 20px);
  }
}
@media (max-width: 1026px) {
  .bonus-card .yellow-btn {
    font-size: clamp(14px, 1.563vw, 16px);
  }
}
.bonus-card .yellow-btn svg {
  width: clamp(20px, 1.6667vw, 32px);
  height: clamp(20px, 1.6667vw, 32px);
}

.case-card {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  align-items: center;
  background-color: rgba(var(--bg-f), 0.6);
  padding: 0 20px 45px 20px;
  width: 100%;
  position: relative;
  transition: all 0.4s;
}
@media (min-width: 1026px) {
  .case-card {
    max-width: clamp(140px, 9.375vw, 180px);
  }
}
@media (max-width: 1026px) {
  .case-card {
    max-width: clamp(140px, 17.578vw, 180px);
  }
}
.case-card__image img,
.case-card__image picture {
  transition: all 0.4s;
  width: 100%;
  height: 100%;
}
@media (min-width: 1026px) {
  .case-card__image {
    width: clamp(100px, 7.2917vw, 140px);
    width: clamp(100px, 7.2917vw, 140px);
  }
}
@media (max-width: 1026px) {
  .case-card__image {
    width: clamp(100px, 13.672vw, 140px);
    height: clamp(100px, 13.672vw, 140px);
  }
}
.case-card__title {
  font-weight: 800;
  text-align: center;
}
@media (min-width: 1026px) {
  .case-card__title {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
}
@media (max-width: 1026px) {
  .case-card__title {
    font-size: clamp(16px, 1.758vw, 18px);
  }
}
.case-card__value {
  font-weight: 800;
  text-transform: uppercase;
  transition: all 0.4s;
}
.case-card__value--mode {
  font-weight: 500;
  text-decoration: line-through;
  color: rgba(var(--cl-e), 1);
}
@media (min-width: 1026px) {
  .case-card__value {
    font-size: clamp(12px, 0.8333vw, 16px);
  }
}
@media (max-width: 1026px) {
  .case-card__value {
    font-size: clamp(12px, 1.563vw, 16px);
  }
}
.case-card__coin {
  display: flex;
  width: 16px;
  height: 16px;
}
.case-card__coin svg {
  width: 100%;
  height: auto;
}
.case-card__bottom {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  grid-gap: 5px;
  border-radius: 10px;
  background-color: rgba(var(--bg-f), 0.5);
  position: relative;
}
.case-card__bottom::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: var(--gr-a);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card__bottom {
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translate(-50%, 50%);
}
@media (min-width: 1026px) {
  .case-card__bottom {
    padding: clamp(10px, 0.625vw, 12px) 15px;
  }
}
@media (max-width: 1026px) {
  .case-card__bottom {
    padding: clamp(10px, 1.172vw, 12px) 15px;
  }
}
.case-card__bottom .case-card__value--mode {
  margin-bottom: -2px;
}
.case-card__bottom::after {
  position: absolute;
  z-index: -1;
  content: "";
  inset: 0;
  background: var(--gr-a);
  border-radius: inherit;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  pointer-events: none;
}
.case-card__bottom:hover::after {
  opacity: 1;
  visibility: visible;
}
.case-card__bottom:hover .case-card__value--mode {
  color: rgba(var(--cl-a), 1);
}
.case-card__percent {
  font-weight: 500;
  font-size: clamp(11px, 1.367vw, 14px);
  text-align: center;
  color: rgba(var(--cl-e), 1);
}
.case-card__price {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
.case-card--object {
  background: var(--gr-t);
  padding: 10px;
  height: 100%;
  max-width: 100%;
}
@media (min-width: 1026px) {
  .case-card--object .case-card__image {
    width: 70px;
    width: 70px;
  }
}
@media (max-width: 1026px) {
  .case-card--object .case-card__image {
    width: clamp(40px, 6.836vw, 70px);
    height: clamp(40px, 6.836vw, 70px);
  }
}
.case-card--object .case-card__image {
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .case-card--object .case-card__image {
    margin-bottom: 5px;
  }
}
.case-card--object .case-card__title {
  font-size: clamp(11px, 1.367vw, 14px);
  margin-bottom: 5px;
  flex-grow: 1;
  line-height: 120%;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
}
@media (max-width: 1026px) {
  .case-card--object .case-card__title {
    margin-bottom: 8px;
  }
}
.case-card--object .case-card__percent {
  margin-bottom: 16px;
}
@media (max-width: 576px) {
  .case-card--object .case-card__percent {
    margin-bottom: 8px;
  }
}
.case-card--object .case-card__value {
  font-weight: 700;
  font-size: clamp(11px, 1.367vw, 14px);
  text-align: center;
}
.case-card--object .chars {
  position: absolute;
  top: 10px;
  z-index: 3;
}
@media (min-width: 768px) {
  .case-card--object .chars {
    right: 10px;
  }
}
@media (max-width: 768px) {
  .case-card--object .chars {
    right: 12px;
  }
}
.case-card.stock .case-card__price {
  padding: clamp(6px, 1.074vw, 11px) clamp(10px, 1.465vw, 15px);
  border: 1px solid var(--br-d);
  border-radius: 10px;
  position: relative;
  z-index: 1;
  transition: all 0.4s;
}
.case-card.stock .case-card__price:hover {
  background-color: rgba(var(--bg-f), 0.4);
}
@media (max-width: 576px) {
  .case-card.stock .case-card__price {
    padding: 4px 8px;
  }
}
.case-card.stock.pink .case-card__price {
  border-color: var(--br-c);
}
.case-card.stock.green .case-card__price {
  border-color: var(--br-f);
}
.case-card.stock.red .case-card__price {
  border-color: var(--br-g);
}
.case-card.stock.gold .case-card__price {
  border-color: var(--br-e);
}
.case-card.stock.blue .case-card__price {
  border-color: var(--br-i);
}
.case-card.stock.orange .case-card__price {
  border-color: #FF9202;
}
.case-card.stock.purple .case-card__price {
  border-color: #7E00FF;
}
.case-card.stock.black .case-card__price {
  border-color: #000000;
}
.case-card.stock.grey .case-card__price {
  border-color: #595959;
}
@media (min-width: 576px) {
  .case-card.send .case-card__price {
    line-height: 120%;
    padding: 11px 15px;
  }
}
@media (max-width: 576px) {
  .case-card.send .case-card__price {
    padding: 4px 8px;
  }
}
.case-card.pink {
  position: relative;
}
.case-card.pink::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-h);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card.green {
  position: relative;
}
.case-card.green::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-i);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card.red {
  position: relative;
}
.case-card.red::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-j);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card.gold {
  position: relative;
}
.case-card.gold::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-k);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card.blue {
  position: relative;
}
.case-card.blue::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-p);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card.orange {
  position: relative;
}
.case-card.orange::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-cb);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card.purple {
  position: relative;
}
.case-card.purple::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-o);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card.black {
  position: relative;
}
.case-card.black::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-bb);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card.grey {
  position: relative;
}
.case-card.grey::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-gy);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card.gradient {
  position: relative;
}
.case-card.gradient::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-rt);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card__box {
  border-radius: 20px;
  width: 100%;
  padding: 20px;
  background-color: rgba(var(--bg-f), 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(90px, 13.672vw, 140px);
  height: clamp(90px, 13.672vw, 140px);
  position: relative;
}
.case-card__box::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-j);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card__box .chars {
  position: absolute;
  top: 10px;
  z-index: 3;
  right: 10px;
}
.case-card__btns {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(5px, 0.977vw, 10px);
  width: 100%;
}
.case-card__btns .violet-btn {
  width: 100%;
  border-radius: 10px;
  height: clamp(30px, 2.0833vw, 40px);
  padding: 5px 10px;
}
@media (min-width: 1026px) {
  .case-card__btns .violet-btn {
    font-size: clamp(12px, 0.8333vw, 16px);
  }
}
@media (max-width: 1026px) {
  .case-card__btns .violet-btn {
    font-size: clamp(11px, 1.172vw, 12px);
  }
}
.case-card__btns .transparent-btn {
  width: 100%;
  border-radius: 10px;
  height: clamp(30px, 2.0833vw, 40px);
  padding: 5px 10px;
}
@media (min-width: 1026px) {
  .case-card__btns .transparent-btn {
    font-size: clamp(12px, 0.8333vw, 16px);
  }
}
@media (max-width: 1026px) {
  .case-card__btns .transparent-btn {
    font-size: clamp(11px, 1.172vw, 12px);
  }
}
@media (min-width: 1026px) {
  .case-card__btns {
    margin-top: clamp(3px, 0.5208vw, 10px);
  }
}
@media (max-width: 1026px) {
  .case-card__btns {
    margin-top: 3px;
  }
}
.case-card--game {
  padding: 0;
  background-color: transparent;
  max-width: 100%;
  grid-gap: 10px;
}
.case-card--game .case-card__image {
  width: clamp(50px, 9.766vw, 100px);
  height: clamp(50px, 9.766vw, 100px);
  display: flex;
  flex-shrink: 0;
}
@media (max-width: 1026px) {
  .case-card--game .case-card__title {
    font-size: clamp(12px, 1.563vw, 16px);
  }
}
.case-card--win {
  padding: clamp(10px, 1.0417vw, 20px);
  border-radius: clamp(10px, 1.0417vw, 20px);
  position: relative;
}
.case-card--win::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-j);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.case-card--win {
  max-width: 100%;
}
@media (min-width: 1026px) {
  .case-card--win {
    width: clamp(140px, 13.5417vw, 260px);
    grid-gap: 10px;
  }
}
@media (max-width: 1026px) {
  .case-card--win {
    width: clamp(120px, 13.672vw, 140px);
    grid-gap: 5px;
  }
}
@media (min-width: 768px) {
  .case-card--win {
    background: var(--gr-t);
  }
}
@media (max-width: 768px) {
  .case-card--win {
    background: rgba(var(--bg-t), 1);
  }
}
@media (max-width: 425px) {
  .case-card--win {
    width: min(28.235vw, 120px);
  }
  .case-card--win .violet-btn, .case-card--win .transparent-btn {
    font-size: min(2.588vw, 11px);
    white-space: nowrap;
  }
}
@media (max-width: 768px) {
  .case-card--win:hover {
    background: rgba(var(--bg-t), 1);
  }
}
.case-card--win .case-card__image {
  width: clamp(60px, 5.2083vw, 100px);
  height: clamp(60px, 5.2083vw, 100px);
  display: flex;
  flex-shrink: 0;
}
@media (max-width: 1026px) {
  .case-card--win .case-card__image {
    margin-bottom: 5px;
  }
}
@media (min-width: 1026px) {
  .case-card--win .case-card__title {
    font-size: clamp(12px, 0.9375vw, 18px);
  }
}
@media (max-width: 1026px) {
  .case-card--win .case-card__title {
    font-size: clamp(11px, 1.172vw, 12px);
  }
}
.case-card--win .case-card__coin {
  width: clamp(16px, 1.0417vw, 20px);
  height: clamp(16px, 1.0417vw, 20px);
}
.case-card--win .case-card__value {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  font-size: clamp(11px, 0.7292vw, 14px);
  font-weight: 700;
}
.case-card--win .chars {
  position: absolute;
  top: 10px;
  z-index: 3;
  right: 10px;
}
@media (min-width: 1026px) {
  .case-card--win .chars__icon {
    width: clamp(8px, 1.042vw, 20px);
    height: clamp(8px, 1.042vw, 20px);
  }
}
@media (max-width: 1026px) {
  .case-card--win .chars__icon {
    width: 8px;
    height: 8px;
  }
}

.promotions-card {
  position: relative;
  border-radius: 20px;
  height: 100%;
  position: relative;
}
.promotions-card::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: var(--gr-o);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.promotions-card {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1026px) {
  .promotions-card {
    padding: clamp(40px, 3.125vw, 60px) 25px clamp(28px, 1.9792vw, 30px);
  }
}
@media (max-width: 1026px) {
  .promotions-card {
    padding: clamp(35px, 3.906vw, 40px) clamp(10px, 2.441vw, 25px) 20px;
  }
}
.promotions-card.orange::before {
  background: var(--gr-l);
}
.promotions-card.blue::before {
  background: var(--gr-m);
}
.promotions-card.green::before {
  background: var(--gr-n);
}
.promotions-card__bg {
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: 20px;
}
.promotions-card__bg img, .promotions-card__bg picture {
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.promotions-card p {
  color: rgba(var(--cl-a), 1);
  font-weight: 700;
  text-align: center;
  line-height: 125%;
}
@media (min-width: 1026px) {
  .promotions-card p {
    font-size: clamp(12px, 0.8333vw, 16px);
  }
}
@media (max-width: 1026px) {
  .promotions-card p {
    font-size: clamp(11px, 1.172vw, 12px);
  }
}
.promotions-card__icon {
  position: absolute;
  z-index: -1;
  left: 0;
  transform: translateX(-65%);
}
@media (min-width: 1026px) {
  .promotions-card__icon {
    width: clamp(25px, 3.125vw, 60px);
    height: clamp(25px, 3.125vw, 60px);
  }
}
@media (max-width: 1026px) {
  .promotions-card__icon {
    width: 25px;
    height: 25px;
  }
}
.promotions-card__icon img, .promotions-card__icon picture {
  width: 100%;
  height: 100%;
}
.promotions-card__top {
  border-radius: clamp(10px, 1.0417vw, 20px);
  background-color: rgba(var(--bg-f), 0.8);
  width: clamp(40px, 4.1667vw, 80px);
  height: clamp(40px, 4.1667vw, 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.promotions-card__top::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: var(--gr-a);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.promotions-card__top {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.promotions-card__title {
  z-index: 5;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: clamp(20px, 2.3958vw, 46px);
  background: var(--gr-a);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 20px rgba(255, 204, 0, 0.4);
}

.payment-card {
  border-radius: clamp(10px, 0.7813vw, 15px);
  min-height: clamp(67px, 6.25vw, 120px);
  width: 100%;
  background-color: rgba(var(--bg-k), 0.2);
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.payment-card__label {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: inherit;
  padding: clamp(12px, 0.9115vw, 17.5px) 15px;
  cursor: pointer;
}
@media (min-width: 1026px) {
  .payment-card__label {
    grid-gap: 15px;
  }
}
.payment-card__label:before {
  content: attr(data-percent) "%";
  font-weight: 500;
  font-size: clamp(10px, 0.8333vw, 16px);
  text-align: center;
  color: rgba(var(--cl-e), 1);
  position: absolute;
  z-index: 5;
  top: clamp(5px, 0.5208vw, 10px);
  right: clamp(5px, 0.5208vw, 10px);
}
.payment-card:hover .payment-card__border::after {
  opacity: 1;
  visibility: visible;
}
.payment-card:hover .payment-card__border {
  border-color: var(--br-c);
}
.payment-card:hover {
  box-shadow: 0 0 24px 0 rgba(234, 74, 235, 0.2);
}
.payment-card__image {
  width: clamp(50px, 5.2083vw, 100px);
  height: clamp(25px, 2.6042vw, 50px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment-card__image img {
  width: 100%;
  height: auto;
}
.payment-card__title {
  font-weight: 500;
  font-size: clamp(10px, 0.8333vw, 16px);
  text-align: center;
  color: rgba(var(--cl-e), 1);
}
.payment-card__border {
  border-bottom: 5px solid var(--br-c);
  border-left: 2px solid var(--br-c);
  border-right: 2px solid var(--br-c);
  border-top: 2px solid var(--br-c);
  border-color: transparent;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  transition: all 0.2s;
}
.payment-card__border::after {
  position: absolute;
  inset: -2px -2px -5px;
  border-radius: inherit;
  background-color: rgba(var(--bg-k), 0.2);
  content: "";
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.payment-card input {
  position: absolute;
  width: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.payment-card input[type=radio]:checked ~ .payment-card__border {
  border-color: var(--br-c);
}
@media (max-width: 576px) {
  .payment-card input[type=radio]:checked ~ .payment-card__border::after {
    opacity: 1;
    visibility: visible;
  }
}
.payment-card input[type=radio]:checked ~ .payment-card__title {
  color: rgba(var(--cl-a), 1);
}

.transfer-row {
  display: grid;
  align-items: center;
  width: 100%;
  background-color: rgba(var(--bg-k), 0.1);
  border-radius: 30px;
}
@media (min-width: 1441px) {
  .transfer-row {
    grid-template-columns: 0.66fr 0.33fr 0.27fr 0.18fr 0.31fr;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .transfer-row {
    grid-template-columns: 0.8fr repeat(2, 0.6fr) 0.4fr;
  }
}
@media (max-width: 1026px) and (min-width: 900px) {
  .transfer-row {
    grid-template-columns: 0.63fr clamp(153px, 16.602vw, 170px) 0.2fr 0.21fr 0.25fr;
  }
}
@media (max-width: 900px) and (min-width: 576px) {
  .transfer-row {
    grid-template-columns: 0.8fr repeat(2, 0.6fr) 0.4fr;
  }
}
@media (min-width: 576px) {
  .transfer-row {
    padding: clamp(16.5px, 0.8854vw, 17px) 25px;
  }
}
@media (max-width: 576px) {
  .transfer-row {
    grid-template-columns: 0.8fr repeat(2, 0.5fr);
    padding: 15px 22px 15px 15px;
  }
}
.transfer-row--head {
  background-color: transparent;
}
@media (min-width: 1441px) {
  .transfer-row--head {
    grid-template-columns: 0.66fr 0.33fr 0.27fr 0.18fr 0.31fr;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .transfer-row--head {
    grid-template-columns: 0.8fr repeat(2, 0.6fr) 0.4fr;
  }
}
@media (max-width: 1026px) and (min-width: 900px) {
  .transfer-row--head {
    grid-template-columns: 0.63fr clamp(153px, 16.602vw, 170px) 0.2fr 0.21fr 0.25fr;
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .transfer-row--head {
    padding: 15.5px 25px 13px;
  }
}
@media (max-width: 900px) and (min-width: 576px) {
  .transfer-row--head {
    grid-template-columns: 0.8fr repeat(2, 0.6fr) 0.4fr;
  }
}
@media (max-width: 576px) {
  .transfer-row--head {
    padding: 15px 22px 15px 15px;
    grid-template-columns: 0.8fr repeat(2, 0.5fr);
  }
}
.transfer-row__value {
  font-weight: 700;
  font-size: clamp(14px, 0.8333vw, 16px);
  display: flex;
  align-items: center;
  grid-gap: 5px;
  justify-self: center;
}
.transfer-row__value--sum {
  font-weight: 800;
  color: rgba(var(--cl-o), 1);
}
.transfer-row__value.green {
  color: rgba(var(--cl-i), 1);
}
.transfer-row__value.red {
  color: rgba(var(--cl-r), 1);
}
.transfer-row__value--id {
  justify-self: start;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .transfer-row__value--id {
    display: none;
  }
}
@media (max-width: 900px) {
  .transfer-row__value--id {
    display: none;
  }
}
@media (max-width: 576px) {
  .transfer-row__value--user {
    display: none;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .transfer-row__value--date {
    justify-self: start;
  }
}
@media (max-width: 900px) {
  .transfer-row__value--date {
    justify-self: start;
  }
}
.transfer-row__value--status {
  justify-self: end;
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .transfer-row__value--status {
    display: none;
  }
}
@media (max-width: 900px) {
  .transfer-row__value--status {
    display: none;
  }
}
.transfer-row__coin {
  width: clamp(18px, 1.0417vw, 20px);
  height: clamp(18px, 1.0417vw, 20px);
  display: flex;
}
.transfer-row__coin svg {
  width: 100%;
  height: auto;
}
.transfer-row__icon {
  width: 20px;
  height: 20px;
  display: flex;
}
.transfer-row__btn {
  width: 20px;
  height: 20px;
  display: flex;
  transition: all 0.3s;
}
.transfer-row__btn:hover {
  transform: scale(1.1);
}
.transfer-row__btn svg {
  fill: rgba(var(--cl-a), 1);
}
.transfer-row__name {
  font-weight: 500;
  font-size: clamp(16px, 0.9375vw, 18px);
  color: rgba(var(--cl-n), 1);
  text-align: center;
}
@media (max-width: 576px) {
  .transfer-row__name--user {
    display: none;
  }
}
.transfer-row__name--id {
  text-align: start;
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .transfer-row__name--id {
    display: none;
  }
}
@media (max-width: 900px) {
  .transfer-row__name--id {
    display: none;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .transfer-row__name--date {
    text-align: start;
  }
}
@media (max-width: 900px) {
  .transfer-row__name--date {
    text-align: start;
  }
}
.transfer-row__name--user {
  white-space: nowrap;
}
.transfer-row__name--status {
  text-align: end;
}
.transfer-row__status {
  align-items: center;
  grid-gap: 10px;
  justify-self: end;
}
@media (min-width: 1441px) {
  .transfer-row__status {
    display: none;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .transfer-row__status {
    display: flex;
  }
}
@media (max-width: 1026px) {
  .transfer-row__status {
    display: none;
  }
}
@media (max-width: 900px) {
  .transfer-row__status {
    display: flex;
  }
}

.division-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--bg-f), 0.3);
  border-radius: 20px;
  padding: clamp(10px, 0.7813vw, 15px) 15px;
  grid-gap: 5px;
  border: solid 2px transparent;
}
.division-card__name {
  line-height: 105%;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 1026px) {
  .division-card__name {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
}
@media (max-width: 1026px) {
  .division-card__name {
    font-size: clamp(14px, 1.563vw, 16px);
  }
}
.division-card__info {
  display: flex;
  align-items: flex-end;
  grid-gap: 5px;
}
.division-card__icon {
  width: clamp(15px, 1.953vw, 20px);
  height: clamp(15px, 1.953vw, 20px);
  display: block;
}
.division-card__icon svg {
  width: 100%;
  height: auto;
}
.division-card.active {
  box-shadow: inset 0 0 24px 0 rgba(var(--cl-k), 0.2);
  border-color: var(--br-e);
}

.cabinet-row {
  display: grid;
  align-items: center;
  width: 100%;
  background-color: rgba(var(--bg-k), 0.2);
  border-radius: 30px;
  min-height: clamp(50px, 5.371vw, 55px);
}
@media (min-width: 1600px) {
  .cabinet-row {
    grid-template-columns: 0.44fr clamp(153px, 16.602vw, 170px) 0.21fr 0.35fr;
  }
}
@media (max-width: 1600px) and (min-width: 1441px) {
  .cabinet-row {
    grid-template-columns: 0.44fr clamp(153px, 16.602vw, 170px) 0.15fr 0.45fr;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cabinet-row {
    grid-template-columns: 1fr clamp(153px, 16.602vw, 170px) 0.4fr 120px;
  }
}
@media (min-width: 1026px) {
  .cabinet-row {
    padding: 10px clamp(15px, 1.3021vw, 25px);
  }
}
@media (max-width: 1026px) {
  .cabinet-row {
    padding: 10px clamp(15px, 2.441vw, 25px);
  }
}
@media (max-width: 1026px) and (min-width: 900px) {
  .cabinet-row {
    grid-template-columns: 0.63fr clamp(153px, 16.602vw, 170px) 0.2fr 0.45fr;
  }
}
@media (max-width: 900px) and (min-width: 576px) {
  .cabinet-row {
    grid-template-columns: 0.8fr clamp(153px, 16.602vw, 170px) 0.35fr 145px;
  }
}
@media (max-width: 576px) {
  .cabinet-row {
    grid-template-columns: 0.75fr 0.5fr 80px;
  }
}
.cabinet-row--head {
  min-height: initial;
  background-color: transparent;
}
@media (min-width: 1026px) {
  .cabinet-row--head {
    padding: 4px clamp(15px, 1.3021vw, 25px) 16px;
  }
}
@media (max-width: 1026px) {
  .cabinet-row--head {
    padding: 10px clamp(15px, 2.441vw, 25px);
  }
}
.cabinet-row__value {
  font-weight: 700;
  font-size: clamp(14px, 0.8333vw, 16px);
  color: rgba(var(--cl-a), 1);
  display: flex;
  align-items: center;
  grid-gap: 5px;
  justify-self: center;
}
.cabinet-row__value--sum {
  font-weight: 800;
  color: rgba(var(--cl-o), 1);
}
.cabinet-row__value.green {
  color: rgba(var(--cl-i), 1);
}
.cabinet-row__value.red {
  color: rgba(var(--cl-r), 1);
}
.cabinet-row__value--win {
  justify-self: start;
  grid-gap: clamp(10px, 0.7813vw, 15px);
}
@media (max-width: 576px) {
  .cabinet-row__value--win {
    display: none;
  }
}
.cabinet-row__value--id {
  justify-self: start;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
}
@media (max-width: 576px) {
  .cabinet-row__value--id {
    display: none;
  }
}
@media (max-width: 576px) {
  .cabinet-row__value--date {
    justify-self: start;
  }
}
.cabinet-row__value--status {
  justify-self: end;
  color: inherit;
  white-space: nowrap;
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cabinet-row__value--status {
    display: none;
  }
}
@media (max-width: 900px) {
  .cabinet-row__value--status {
    display: none;
  }
}
.cabinet-row__coin {
  width: clamp(18px, 1.0417vw, 20px);
  height: clamp(18px, 1.0417vw, 20px);
  display: flex;
}
.cabinet-row__coin svg {
  width: 100%;
  height: auto;
}
.cabinet-row__icon {
  width: 20px;
  height: 20px;
  display: flex;
}
@media (min-width: 1441px) {
  .cabinet-row__icon {
    display: none;
  }
}
@media (max-width: 1026px) and (min-width: 900px) {
  .cabinet-row__icon {
    display: none;
  }
}
.cabinet-row__btn {
  width: 20px;
  height: 20px;
  display: flex;
  transition: all 0.3s;
}
.cabinet-row__btn:hover {
  transform: scale(1.1);
}
.cabinet-row__btn svg {
  fill: rgba(var(--cl-a), 1);
}
.cabinet-row__name {
  font-weight: 500;
  font-size: clamp(16px, 0.9375vw, 18px);
  color: rgba(var(--cl-l), 1);
  text-align: center;
}
.cabinet-row__name--id {
  text-align: start;
}
@media (max-width: 576px) {
  .cabinet-row__name--id {
    display: none;
  }
}
.cabinet-row__name--win {
  text-align: start;
}
@media (max-width: 576px) {
  .cabinet-row__name--win {
    display: none;
  }
}
@media (max-width: 576px) {
  .cabinet-row__name--date {
    text-align: start;
  }
}
.cabinet-row__name--status {
  display: flex;
  justify-self: end;
}
.cabinet-row__name-text {
  font-weight: 500;
  font-size: clamp(16px, 0.9375vw, 18px);
  color: rgba(var(--cl-n), 1);
  text-align: end;
}
@media (min-width: 576px) {
  .cabinet-row__name-text {
    display: inline;
  }
}
@media (max-width: 576px) {
  .cabinet-row__name-text {
    display: none;
  }
}
@media (min-width: 576px) {
  .cabinet-row__name-text--mob {
    display: none;
  }
}
@media (max-width: 576px) {
  .cabinet-row__name-text--mob {
    display: inline;
  }
}
.cabinet-row__ava {
  display: flex;
  width: clamp(30px, 1.8229vw, 35px);
  height: clamp(30px, 1.8229vw, 35px);
  overflow: hidden;
  border-radius: 50%;
}
.cabinet-row__ava img, .cabinet-row__ava picture, .cabinet-row__ava svg {
  width: 100%;
  height: 100%;
}
.cabinet-row__status {
  align-items: center;
  grid-gap: clamp(10px, 1.465vw, 15px);
  justify-self: end;
  display: flex;
}
.cabinet-row__result {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
.cabinet-row__text {
  font-weight: 700;
  font-size: clamp(14px, 0.8333vw, 16px);
  text-align: center;
}
.cabinet-row__bet {
  display: flex;
  width: 20px;
  height: 20px;
  justify-self: center;
}
.cabinet-row__bet img, .cabinet-row__bet svg, .cabinet-row__bet picture {
  width: 100%;
  height: 100%;
}
.cabinet-row--without {
  grid-template-columns: 100%;
  min-height: clamp(48px, 5.371vw, 55px);
}

@media (min-width: 1441px) {
  .jackpot-row {
    grid-template-columns: 0.31fr 0.6fr 0.45fr 0.21fr 0.19fr;
  }
}
@media (max-width: 1440px) and (min-width: 1241px) {
  .jackpot-row {
    grid-template-columns: 0.35fr 0.4fr 0.45fr 0.21fr 0.19fr;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .jackpot-row {
    grid-template-columns: 0.33fr 0.3fr 0.19fr 0.22fr;
  }
}
@media (max-width: 1026px) and (min-width: 900px) {
  .jackpot-row {
    grid-template-columns: 0.33fr 0.7fr 0.33fr 0.2fr 0.17fr;
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  .jackpot-row {
    grid-template-columns: 0.35fr 0.6fr clamp(153px, 16.602vw, 170px) 0.2fr 0.17fr;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .jackpot-row {
    grid-template-columns: 0.33fr 0.3fr 0.19fr 0.22fr;
  }
}
@media (max-width: 576px) {
  .jackpot-row {
    grid-template-columns: 0.5fr 0.3fr 0.35fr;
  }
}
.jackpot-row .cabinet-row__value--id {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .jackpot-row .cabinet-row__value--id {
    display: none;
  }
}
@media (max-width: 768px) {
  .jackpot-row .cabinet-row__value--id {
    display: none;
  }
}
.jackpot-row .cabinet-row__name--id {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .jackpot-row .cabinet-row__name--id {
    display: none;
  }
}
@media (max-width: 768px) {
  .jackpot-row .cabinet-row__name--id {
    display: none;
  }
}
@media (min-width: 1241px) {
  .jackpot-row .cabinet-row__btn {
    display: none;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .jackpot-row .cabinet-row__btn {
    display: none;
  }
}
.jackpot-row .cabinet-row__result .cabinet-row__value {
  font-weight: 800;
}

@media (min-width: 1241px) {
  .flip-row {
    grid-template-columns: 0.22fr 0.33fr 0.23fr 0.38fr 0.21fr 0.19fr;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .flip-row {
    grid-template-columns: 0.25fr 0.35fr 0.19fr 0.22fr;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .flip-row {
    grid-template-columns: 0.22fr 0.33fr 0.23fr 0.38fr 0.21fr 0.19fr;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .flip-row {
    grid-template-columns: 0.25fr 0.35fr 0.19fr 0.22fr;
  }
}
@media (max-width: 576px) {
  .flip-row {
    grid-template-columns: 0.5fr 0.3fr 0.35fr;
  }
}
.flip-row .cabinet-row__value--side {
  justify-self: start;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .flip-row .cabinet-row__value--side {
    display: none;
  }
}
@media (max-width: 768px) {
  .flip-row .cabinet-row__value--side {
    display: none;
  }
}
.flip-row .cabinet-row__value--id {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .flip-row .cabinet-row__value--id {
    text-align: start;
  }
}
@media (max-width: 768px) {
  .flip-row .cabinet-row__value--id {
    text-align: start;
  }
}
.flip-row .cabinet-row__value--win {
  justify-self: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .flip-row .cabinet-row__value--win {
    display: none;
  }
}
@media (max-width: 768px) {
  .flip-row .cabinet-row__value--win {
    display: none;
  }
}
.flip-row .cabinet-row__name--side {
  text-align: start;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .flip-row .cabinet-row__name--side {
    display: none;
  }
}
@media (max-width: 768px) {
  .flip-row .cabinet-row__name--side {
    display: none;
  }
}
.flip-row .cabinet-row__name--win {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .flip-row .cabinet-row__name--win {
    display: none;
  }
}
@media (max-width: 768px) {
  .flip-row .cabinet-row__name--win {
    display: none;
  }
}
.flip-row .cabinet-row__name--id {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .flip-row .cabinet-row__name--id {
    text-align: start;
  }
}
@media (max-width: 768px) {
  .flip-row .cabinet-row__name--id {
    text-align: start;
  }
}
@media (min-width: 1241px) {
  .flip-row .cabinet-row__btn {
    display: none;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .flip-row .cabinet-row__btn {
    display: none;
  }
}
.flip-row .cabinet-row__result .cabinet-row__value {
  font-weight: 800;
}

@media (min-width: 1241px) {
  .dice-row {
    grid-template-columns: 0.12fr 0.25fr 0.3fr 0.24fr 0.2fr 0.15fr;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .dice-row {
    grid-template-columns: 0.35fr repeat(3, 0.22fr);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .dice-row {
    grid-template-columns: 0.12fr 0.25fr 0.3fr 0.24fr 0.2fr 0.15fr;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .dice-row {
    grid-template-columns: 0.35fr repeat(3, 0.22fr);
  }
}
@media (max-width: 576px) {
  .dice-row {
    grid-template-columns: 0.5fr 0.3fr 0.35fr;
  }
}
.dice-row .cabinet-row__value--chance {
  justify-self: start;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .dice-row .cabinet-row__value--chance {
    display: none;
  }
}
@media (max-width: 768px) {
  .dice-row .cabinet-row__value--chance {
    display: none;
  }
}
.dice-row .cabinet-row__value--id {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .dice-row .cabinet-row__value--id {
    display: none;
  }
}
@media (max-width: 768px) {
  .dice-row .cabinet-row__value--id {
    display: none;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .dice-row .cabinet-row__value--date {
    justify-self: start;
  }
}
@media (max-width: 768px) {
  .dice-row .cabinet-row__value--date {
    justify-self: start;
  }
}
.dice-row .cabinet-row__value--win {
  justify-self: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .dice-row .cabinet-row__value--win {
    display: none;
  }
}
@media (max-width: 768px) {
  .dice-row .cabinet-row__value--win {
    display: none;
  }
}
.dice-row .cabinet-row__value--total {
  font-weight: 800;
}
@media (max-width: 576px) {
  .dice-row .cabinet-row__value--total {
    display: none;
  }
}
.dice-row .cabinet-row__name--chance {
  text-align: start;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .dice-row .cabinet-row__name--chance {
    display: none;
  }
}
@media (max-width: 768px) {
  .dice-row .cabinet-row__name--chance {
    display: none;
  }
}
.dice-row .cabinet-row__name--win {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .dice-row .cabinet-row__name--win {
    display: none;
  }
}
@media (max-width: 768px) {
  .dice-row .cabinet-row__name--win {
    display: none;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .dice-row .cabinet-row__name--date {
    text-align: start;
  }
}
@media (max-width: 768px) {
  .dice-row .cabinet-row__name--date {
    text-align: start;
  }
}
.dice-row .cabinet-row__name--id {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .dice-row .cabinet-row__name--id {
    display: none;
  }
}
@media (max-width: 768px) {
  .dice-row .cabinet-row__name--id {
    display: none;
  }
}
@media (max-width: 576px) {
  .dice-row .cabinet-row__name--total {
    display: none;
  }
}
@media (min-width: 1241px) {
  .dice-row .cabinet-row__btn {
    display: none;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .dice-row .cabinet-row__btn {
    display: none;
  }
}
.dice-row .cabinet-row__result .cabinet-row__value {
  font-weight: 800;
}

@media (min-width: 1241px) {
  .tower-row {
    grid-template-columns: 0.13fr 0.24fr 0.33fr 0.25fr 0.2fr 0.15fr;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .tower-row {
    grid-template-columns: 0.35fr repeat(3, 0.22fr);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .tower-row {
    grid-template-columns: 0.12fr 0.25fr 0.3fr 0.24fr 0.2fr 0.15fr;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .tower-row {
    grid-template-columns: 0.35fr repeat(3, 0.22fr);
  }
}
@media (max-width: 576px) {
  .tower-row {
    grid-template-columns: 0.5fr 0.3fr 0.35fr;
  }
}
.tower-row .cabinet-row__value--chance {
  justify-self: start;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .tower-row .cabinet-row__value--chance {
    display: none;
  }
}
@media (max-width: 768px) {
  .tower-row .cabinet-row__value--chance {
    display: none;
  }
}
.tower-row .cabinet-row__value--id {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .tower-row .cabinet-row__value--id {
    display: none;
  }
}
@media (max-width: 768px) {
  .tower-row .cabinet-row__value--id {
    display: none;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .tower-row .cabinet-row__value--date {
    justify-self: start;
  }
}
@media (max-width: 768px) {
  .tower-row .cabinet-row__value--date {
    justify-self: start;
  }
}
.tower-row .cabinet-row__value--win {
  justify-self: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .tower-row .cabinet-row__value--win {
    display: none;
  }
}
@media (max-width: 768px) {
  .tower-row .cabinet-row__value--win {
    display: none;
  }
}
.tower-row .cabinet-row__value--total {
  font-weight: 800;
}
@media (max-width: 576px) {
  .tower-row .cabinet-row__value--total {
    display: none;
  }
}
.tower-row .cabinet-row__name--chance {
  text-align: start;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .tower-row .cabinet-row__name--chance {
    display: none;
  }
}
@media (max-width: 768px) {
  .tower-row .cabinet-row__name--chance {
    display: none;
  }
}
.tower-row .cabinet-row__name--win {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .tower-row .cabinet-row__name--win {
    display: none;
  }
}
@media (max-width: 768px) {
  .tower-row .cabinet-row__name--win {
    display: none;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .tower-row .cabinet-row__name--date {
    text-align: start;
  }
}
@media (max-width: 768px) {
  .tower-row .cabinet-row__name--date {
    text-align: start;
  }
}
.tower-row .cabinet-row__name--id {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .tower-row .cabinet-row__name--id {
    display: none;
  }
}
@media (max-width: 768px) {
  .tower-row .cabinet-row__name--id {
    display: none;
  }
}
@media (max-width: 576px) {
  .tower-row .cabinet-row__name--total {
    display: none;
  }
}
@media (min-width: 1241px) {
  .tower-row .cabinet-row__btn {
    display: none;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .tower-row .cabinet-row__btn {
    display: none;
  }
}
.tower-row .cabinet-row__result .cabinet-row__value {
  font-weight: 800;
}

@media (min-width: 1241px) {
  .crash-row {
    grid-template-columns: 0.1fr 0.42fr 0.26fr 0.17fr 0.11fr 0.12fr;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .crash-row {
    grid-template-columns: 0.35fr repeat(3, 0.22fr);
  }
}
@media (max-width: 1026px) and (min-width: 900px) {
  .crash-row {
    grid-template-columns: 0.12fr 0.4fr 0.24fr repeat(3, 0.1fr);
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  .crash-row {
    grid-template-columns: 0.1fr 0.4fr 0.24fr 0.13fr 0.13fr 0.13fr;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .crash-row {
    grid-template-columns: 0.35fr repeat(3, 0.22fr);
  }
}
@media (max-width: 576px) {
  .crash-row {
    grid-template-columns: 0.5fr 0.3fr 0.35fr;
  }
}
.crash-row .cabinet-row__value--chance {
  justify-self: start;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .crash-row .cabinet-row__value--chance {
    display: none;
  }
}
@media (max-width: 768px) {
  .crash-row .cabinet-row__value--chance {
    display: none;
  }
}
.crash-row .cabinet-row__value--id {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .crash-row .cabinet-row__value--id {
    display: none;
  }
}
@media (max-width: 768px) {
  .crash-row .cabinet-row__value--id {
    display: none;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .crash-row .cabinet-row__value--date {
    justify-self: start;
  }
}
@media (max-width: 768px) {
  .crash-row .cabinet-row__value--date {
    justify-self: start;
  }
}
.crash-row .cabinet-row__value--win {
  justify-self: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .crash-row .cabinet-row__value--win {
    display: none;
  }
}
@media (max-width: 768px) {
  .crash-row .cabinet-row__value--win {
    display: none;
  }
}
.crash-row .cabinet-row__value--total {
  font-weight: 800;
}
@media (max-width: 576px) {
  .crash-row .cabinet-row__value--total {
    display: none;
  }
}
.crash-row .cabinet-row__name--chance {
  text-align: start;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .crash-row .cabinet-row__name--chance {
    display: none;
  }
}
@media (max-width: 768px) {
  .crash-row .cabinet-row__name--chance {
    display: none;
  }
}
.crash-row .cabinet-row__name--win {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .crash-row .cabinet-row__name--win {
    display: none;
  }
}
@media (max-width: 768px) {
  .crash-row .cabinet-row__name--win {
    display: none;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .crash-row .cabinet-row__name--date {
    text-align: start;
  }
}
@media (max-width: 768px) {
  .crash-row .cabinet-row__name--date {
    text-align: start;
  }
}
.crash-row .cabinet-row__name--id {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .crash-row .cabinet-row__name--id {
    display: none;
  }
}
@media (max-width: 768px) {
  .crash-row .cabinet-row__name--id {
    display: none;
  }
}
@media (max-width: 576px) {
  .crash-row .cabinet-row__name--total {
    display: none;
  }
}
@media (min-width: 1241px) {
  .crash-row .cabinet-row__btn {
    display: none;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .crash-row .cabinet-row__btn {
    display: none;
  }
}
.crash-row .cabinet-row__result .cabinet-row__value {
  font-weight: 800;
}

@media (min-width: 1600px) {
  .wheel-row {
    grid-template-columns: 128px 0.44fr 0.25fr 0.18fr 0.14fr;
  }
}
@media (max-width: 1600px) and (min-width: 1241px) {
  .wheel-row {
    grid-template-columns: 105px 0.5fr 0.3fr 0.16fr 0.19fr;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .wheel-row {
    grid-template-columns: 105px 0.6fr repeat(2, 0.3fr);
  }
}
@media (max-width: 1026px) and (min-width: 900px) {
  .wheel-row {
    grid-template-columns: 105px 0.53fr 0.25fr 0.17fr 0.13fr;
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  .wheel-row {
    grid-template-columns: 105px 0.45fr 0.3fr 0.17fr 0.17fr;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .wheel-row {
    grid-template-columns: 105px 0.6fr repeat(2, 0.3fr);
  }
}
@media (max-width: 576px) {
  .wheel-row {
    grid-template-columns: 0.5fr 0.3fr 0.35fr;
  }
}
@media (max-width: 576px) {
  .wheel-row .cabinet-row__bet {
    display: none;
  }
}
.wheel-row .cabinet-row__value--id {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .wheel-row .cabinet-row__value--id {
    display: none;
  }
}
@media (max-width: 768px) {
  .wheel-row .cabinet-row__value--id {
    display: none;
  }
}
.wheel-row .cabinet-row__name--bet {
  text-align: start;
}
@media (max-width: 576px) {
  .wheel-row .cabinet-row__name--bet {
    display: none;
  }
}
.wheel-row .cabinet-row__name--id {
  text-align: center;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .wheel-row .cabinet-row__name--id {
    display: none;
  }
}
@media (max-width: 768px) {
  .wheel-row .cabinet-row__name--id {
    display: none;
  }
}
@media (min-width: 1241px) {
  .wheel-row .cabinet-row__btn {
    display: none;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .wheel-row .cabinet-row__btn {
    display: none;
  }
}
.wheel-row .cabinet-row__result .cabinet-row__value {
  font-weight: 800;
}

.modal-row {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(5px, 0.5208vw, 10px);
}
.modal-row__title {
  font-weight: 500;
  font-size: clamp(16px, 0.9375vw, 18px);
  color: rgba(var(--cl-u), 1);
  line-height: 125%;
}
.modal-row__bet {
  display: flex;
  width: 24px;
  height: 24px;
  justify-self: center;
}
.modal-row__bet img, .modal-row__bet svg, .modal-row__bet picture {
  width: 100%;
  height: 100%;
}
.modal-row__coin {
  display: flex;
  width: clamp(20px, 1.25vw, 24px);
  height: clamp(20px, 1.25vw, 24px);
}
.modal-row__coin svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 1026px) {
  .modal-row__coin--mode {
    display: none;
  }
}
.modal-row__info {
  font-weight: 500;
  font-size: 14px;
  background-color: rgba(var(--bg-k), 0.1);
  border-radius: 30px;
  padding: 10px 20px;
  min-height: 38px;
  display: flex;
  align-items: center;
  grid-gap: 5px;
}
@media (max-width: 576px) {
  .modal-row__info {
    line-height: 115%;
  }
}
.modal-row__info.bet {
  font-weight: 800;
}
@media (max-width: 1026px) {
  .modal-row__info.bet {
    font-size: 16px;
  }
}
.modal-row__info.green {
  color: rgba(var(--cl-i), 1);
}
.modal-row__info.red {
  color: rgba(var(--cl-r), 1);
}
.modal-row__info.violet {
  color: rgba(var(--cl-j), 1);
  font-weight: 800;
}
@media (max-width: 1026px) {
  .modal-row__info.violet {
    font-size: 16px;
  }
}
.modal-row__info--mode {
  background-color: transparent;
  font-weight: 700;
  padding: 0;
  margin-left: -4px;
  min-height: initial;
  flex-grow: 1;
}
.modal-row__copy {
  font-weight: 500;
  font-size: 14px;
}
@media (max-width: 576px) {
  .modal-row__copy {
    line-height: 115%;
  }
}
.modal-row__wrapper {
  background-color: rgba(var(--bg-k), 0.1);
  border-radius: 30px;
  padding: 10px 20px;
  min-height: 38px;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  justify-content: space-between;
}
.modal-row__wrapper .copy-btn {
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background-color: transparent;
}
.modal-row__ava {
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}

.tower-card {
  background-color: rgba(var(--bg-k), 0.3);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  border: 1px solid transparent;
  transition: all 0.3s;
  cursor: pointer;
}
.tower-card:hover .tower-card__icon {
  transform: scale(1.1);
}
@media (min-width: 1026px) {
  .tower-card {
    min-height: clamp(40px, 2.3438vw, 45px);
  }
}
@media (max-width: 1026px) {
  .tower-card {
    min-height: clamp(30px, 3.906vw, 40px);
  }
}
.tower-card__wrapp {
  position: absolute;
  inset: -1px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: inherit;
  opacity: 1;
  visibility: visible;
}
.tower-card__bet {
  width: clamp(20px, 1.6667vw, 32px);
  height: clamp(20px, 1.6667vw, 32px);
  display: flex;
  z-index: 2;
  opacity: 1;
}
.tower-card__bet img, .tower-card__bet svg {
  width: 100%;
  height: 100%;
}
.tower-card__icon {
  width: clamp(20px, 1.6667vw, 32px);
  height: clamp(20px, 1.6667vw, 32px);
  display: flex;
  transition: all 0.1s linear;
}
.tower-card__icon img, .tower-card__icon svg {
  width: 100%;
  height: 100%;
}
.tower-card::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: inherit;
  background-image: url(/assets_new/img/sprite/bomb_bg.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.tower-card.active .tower-card__wrapp {
  opacity: 0;
  visibility: hidden;
}
.tower-card.active {
  border-color: transparent;
}
.tower-card.safe.active {
  border-color: rgba(var(--cl-j), 1);
  border-width: 1px;
  box-shadow: 0 0 0 1px rgba(var(--cl-j), 0.3), 0 0 12px rgba(var(--cl-j), 0.45);
}
.tower-card.safe.active .tower-card__bet {
  opacity: 1;
}
.tower-card.win.active {
  border-color: rgba(var(--cl-j), 1);
  border-width: 1px;
  box-shadow: 0 0 0 1px rgba(var(--cl-j), 0.3), 0 0 12px rgba(var(--cl-j), 0.45);
}
.tower-card.win.active .tower-card__bet {
  opacity: 1;
}
.tower-card.lose {
  background-color: transparent;
}
.tower-card.lose::before {
  opacity: 1;
  visibility: visible;
}
.tower-card.lose .tower-card__bet {
  opacity: 1;
}

.jackpot-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 7px;
  justify-content: center;
  padding: clamp(15px, 1.0417vw, 20px);
  border-radius: 20px;
  background-color: rgba(var(--bg-f), 0.6);
  width: clamp(80px, 6.25vw, 120px);
  min-height: clamp(80px, 6.25vw, 120px);
}
.jackpot-card img {
  display: flex;
  width: clamp(30px, 2.604vw, 50px);
  height: clamp(30px, 2.604vw, 50px);
  border-radius: 50%;
  overflow: hidden;
}
.jackpot-card__bet {
  font-weight: 800;
  font-size: clamp(11px, 0.729vw, 14px);
  text-align: center;
  color: rgba(var(--cl-j), 1);
  grid-gap: 5px;
  display: flex;
  align-items: center;
}
.jackpot-card__bet::before {
  content: "";
  display: block;
  width: clamp(14px, 1.042vw, 20px);
  height: clamp(14px, 1.042vw, 20px);
  background-image: url(/assets_new/img/sprite/coin.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
.jackpot-card__bet.active {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.jackpot-card__percent {
  font-weight: 500;
  font-size: clamp(11px, 0.729vw, 14px);
  text-align: center;
  color: rgba(var(--cl-i), 1);
}
.jackpot-card__percent.active {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.jackpot-card.active img {
  width: clamp(50px, 4.167vw, 80px);
  height: clamp(50px, 4.167vw, 80px);
}

.cases-app {
  position: relative;
  width: 100%;
  border-radius: 20px;
  padding: calc(clamp(103px, 11.719vw, 120px) - 28px) 0 calc(clamp(60px, 6.836vw, 70px) - 20px);
  z-index: 1;
}
.cases-app::before, .cases-app::after {
  position: absolute;
  width: 65%;
  height: 100%;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
  transition: all 0.4s;
}
.cases-app::before {
  left: 0;
  border-radius: 20px 0 0 20px;
}
.cases-app::after {
  right: 0;
  border-radius: 0 20px 20px 0;
}
.cases-app.block::before, .cases-app.block::after {
  content: "";
}
.cases-app.block::before {
  background: linear-gradient(90deg, rgba(14, 56, 119, 0.7090371148) 40%, rgba(17, 39, 96, 0) 98%);
}
.cases-app.block::after {
  background: linear-gradient(270deg, rgba(14, 56, 119, 0.7090371148) 40%, rgba(17, 39, 96, 0) 98%);
}
.cases-app.login::before, .cases-app.login::after {
  content: "";
}
.cases-app.login::before {
  background: linear-gradient(90deg, rgba(14, 56, 119, 0.7090371148) 40%, rgba(17, 39, 96, 0) 98%);
}
.cases-app.login::after {
  background: linear-gradient(270deg, rgba(14, 56, 119, 0.7090371148) 40%, rgba(17, 39, 96, 0) 98%);
}
.cases-app.login .cases-app__wrapper {
  margin-left: 0;
}
.cases-app.login .cases-app__pointer {
  display: none;
}
@media (min-width: 1026px) {
  .cases-app.login .cases-app__bottom {
    bottom: -38px;
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .cases-app.login .cases-app__bottom {
    bottom: -28px;
  }
}
@media (max-width: 576px) {
  .cases-app.login .cases-app__bottom {
    bottom: -24px;
  }
}
.cases-app.active .cases-app__pointer {
  opacity: 1;
  visibility: visible;
}
.cases-app__bg {
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  opacity: 0.8;
}
.cases-app__bg img,
.cases-app__bg picture {
  width: 100%;
  height: 100%;
}
.cases-app__btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cases-app__btns {
    grid-column: 1/-1;
    grid-row: 2;
    justify-self: center;
  }
}
@media (max-width: 768px) {
  .cases-app__btns {
    grid-column: 1/-1;
    grid-row: 2;
    justify-self: center;
  }
}
.cases-app__image {
  width: clamp(145px, 21.484vw, 220px);
  height: clamp(145px, 21.484vw, 220px);
}
.cases-app__image img,
.cases-app__image picture {
  width: 100%;
  height: 100%;
}
.cases-app__bottom {
  position: absolute;
  z-index: 5;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  grid-gap: 25px;
}
@media (min-width: 1441px) {
  .cases-app__bottom {
    bottom: -15px;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cases-app__bottom {
    bottom: -70px;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .cases-app__bottom {
    bottom: -15px;
  }
}
@media (max-width: 768px) {
  .cases-app__bottom {
    bottom: calc(clamp(63px, 8.464vw, 65px) * -1);
  }
}
@media (min-width: 1026px) {
  .cases-app .start {
    font-size: clamp(14px, 1.0417vw, 20px);
  }
}
@media (max-width: 1026px) {
  .cases-app .start {
    font-size: clamp(11px, 1.367vw, 14px);
    padding: 13.5px 15px;
  }
}
@media (max-width: 768px) {
  .cases-app .start {
    height: 40px;
  }
}
.cases-app .start svg {
  width: clamp(13px, 2.344vw, 24px);
  height: clamp(13px, 2.344vw, 24px);
  display: flex;
}
@media (min-width: 1026px) {
  .cases-app .start__value {
    font-size: clamp(16px, 1.0417vw, 20px);
  }
}
@media (max-width: 1026px) {
  .cases-app .start__value {
    font-size: clamp(11px, 1.563vw, 16px);
  }
}
.cases-app__wrapper {
  align-items: center;
  grid-gap: 10px clamp(10px, 1.0417vw, 20px);
}
.cases-app__wrapper .transparent-btn {
  grid-gap: 5px;
  background-color: rgba(var(--bg-f), 0.6);
}
.cases-app__wrapper .transparent-btn svg {
  width: 16px;
  height: 16px;
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cases-app__wrapper .transparent-btn svg {
    width: clamp(13px, 2.344vw, 24px);
    height: clamp(13px, 2.344vw, 24px);
  }
}
@media (min-width: 1441px) {
  .cases-app__wrapper .transparent-btn {
    border-radius: 20px;
    padding: clamp(9px, 0.521vw, 10px) 15px;
    font-size: clamp(14px, 0.8333vw, 16px);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cases-app__wrapper .transparent-btn {
    font-size: clamp(14px, 1.0417vw, 20px);
    padding: clamp(13.5px, 0.9896vw, 19px) 25px;
    border-radius: 50px;
    height: 50px;
  }
}
@media (max-width: 1026px) {
  .cases-app__wrapper .transparent-btn {
    border-radius: 20px;
    padding: 9px 15px;
    font-size: clamp(11px, 1.367vw, 14px);
  }
}
@media (max-width: 768px) {
  .cases-app__wrapper .transparent-btn {
    padding: 12px 15px;
  }
}
.cases-app__wrapper .violet-btn {
  display: inline-flex;
  flex-direction: column;
  font-weight: 500;
  grid-gap: 5px;
  text-transform: none;
  border-radius: 50px;
}
@media (min-width: 1026px) {
  .cases-app__wrapper .violet-btn {
    min-width: clamp(250px, 14.5833vw, 280px);
    padding: clamp(13.5px, 0.9896vw, 19px) 25px;
    line-height: 115%;
    font-size: clamp(14px, 0.8333vw, 16px);
  }
}
@media (max-width: 1026px) {
  .cases-app__wrapper .violet-btn {
    min-width: clamp(211px, 24.414vw, 250px);
    padding: clamp(12px, 1.318vw, 13.5px) 25px;
    line-height: 110%;
    font-size: clamp(12px, 1.367vw, 14px);
  }
}
.cases-app__wrapper .violet-btn b {
  text-transform: uppercase;
  font-weight: 800;
}
@media (min-width: 1026px) {
  .cases-app__wrapper .violet-btn b {
    font-size: clamp(16px, 1.0417vw, 20px);
  }
}
@media (max-width: 1026px) {
  .cases-app__wrapper .violet-btn b {
    font-size: clamp(14px, 1.563vw, 16px);
  }
}
@media (min-width: 1441px) {
  .cases-app__wrapper {
    display: flex;
    margin-left: -60px;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cases-app__wrapper {
    display: grid;
    grid-template-columns: repeat(2, auto);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .cases-app__wrapper {
    display: flex;
    margin-left: -60px;
  }
}
@media (max-width: 768px) {
  .cases-app__wrapper {
    display: grid;
    grid-template-columns: repeat(2, auto);
  }
}
.cases-app__close {
  z-index: 3;
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: rgba(var(--bg-f), 0.4);
  display: flex;
  align-items: center;
  grid-gap: 10px;
  font-weight: 700;
  font-size: 12px;
  padding: 8px 15px 8px 10px;
  border-radius: 40px;
  transition: all 0.3s;
}
.cases-app__close svg {
  fill: rgba(var(--cl-a), 1);
}
.cases-app__close:hover {
  background-color: rgba(var(--bg-f), 0.6);
}
.cases-app__title {
  text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  font-weight: 500;
  font-size: clamp(14px, 1.563vw, 16px);
  text-transform: uppercase;
  text-align: center;
  color: rgba(var(--cl-e), 1);
  display: inline-flex;
  flex-direction: column;
  grid-gap: 5px;
  line-height: 140%;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.cases-app__title b {
  font-weight: 800;
  text-align: center;
  color: rgba(var(--cl-a), 1);
  text-transform: none;
}
@media (min-width: 1026px) {
  .cases-app__title b {
    font-size: clamp(22px, 1.25vw, 24px);
  }
}
@media (max-width: 1026px) {
  .cases-app__title b {
    font-size: clamp(18px, 2.148vw, 22px);
  }
}
.cases-app__list {
  position: relative;
  display: inline-flex;
  left: calc(clamp(90px, 13.672vw, 140px) / 2 * -1);
  transform: translate3d(0, 0, 0);
  transition: left 5.6s cubic-bezier(0.2, 0.8, 0.35, 1), transform 5.6s cubic-bezier(0.2, 0.8, 0.35, 1);
  grid-gap: 20px;
}
.cases-app__list-item {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: clamp(90px, 13.672vw, 140px);
  transition: 0.3s ease;
}
.cases-app__list-item.active {
  opacity: 1;
}
.cases-app__list.fast-scroll {
  transition: all 0s !important;
}
.cases-app__row {
  padding: 28px 0 20px;
  position: relative;
  overflow: hidden;
}
.cases-app__row::before, .cases-app__row::after {
  position: absolute;
  content: "";
  top: 15px;
  bottom: 20px;
  z-index: 2;
  pointer-events: none;
  transition: all 0.4s;
  filter: blur(15px);
}
@media (min-width: 1241px) {
  .cases-app__row::before, .cases-app__row::after {
    width: calc(clamp(90px, 13.672vw, 140px) + 35px);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .cases-app__row::before, .cases-app__row::after {
    width: 30%;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .cases-app__row::before, .cases-app__row::after {
    width: calc(clamp(90px, 13.672vw, 140px) + 35px);
  }
}
@media (max-width: 768px) {
  .cases-app__row::before, .cases-app__row::after {
    width: 30%;
  }
}
.cases-app__row::before {
  background: linear-gradient(90deg, rgba(14, 56, 119, 0.549) 0%, rgba(14, 56, 119, 0.549) 50%, rgba(17, 39, 96, 0) 100%);
  left: 0;
}
.cases-app__row::after {
  right: 0;
  background: linear-gradient(270deg, rgba(14, 56, 119, 0.549) 0%, rgba(14, 56, 119, 0.549) 50%, rgba(17, 39, 96, 0) 100%);
}
.cases-app__pointer {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background-image: var(--pointer);
  background-repeat: no-repeat;
  width: 24px;
  height: clamp(119px, 16.406vw, 168px);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}
.cases-app__inner {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.cases-app__box {
  overflow: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 0 20px;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .cases-app__box.mode .cases-app__row::before, .cases-app__box.mode .cases-app__row::after {
    width: calc(clamp(90px, 13.672vw, 140px) + 35px);
  }
}
@media (max-width: 768px) {
  .cases-app__box.mode .cases-app__row::before, .cases-app__box.mode .cases-app__row::after {
    width: calc(clamp(90px, 13.672vw, 140px) + 35px);
  }
}

.tower-app {
  display: grid;
  grid-gap: 20px clamp(25px, 2.0833vw, 40px);
}
@media (min-width: 1441px) {
  .tower-app {
    grid-template-columns: 1fr clamp(339px, 22.6563vw, 435px);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .tower-app {
    grid-template-columns: 100%;
  }
}
@media (max-width: 1026px) and (min-width: 900px) {
  .tower-app {
    grid-template-columns: 1fr 339px;
  }
}
@media (max-width: 900px) {
  .tower-app {
    grid-template-columns: 100%;
  }
}
.tower-app__percent {
  display: inline-flex;
  align-items: center;
  font-size: clamp(11px, 0.9375vw, 18px);
  font-family: var(--font-family);
  font-weight: 800;
  background: var(--gr-d);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 5px;
  text-align: center;
  justify-content: center;
}
.tower-app__percent::before {
  content: "x" attr(data-percent);
  order: 2;
  display: inline;
}
.tower-app__list {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.tower-app__item {
  display: grid;
  background-color: rgba(var(--bg-f), 0.4);
  border-radius: 15px;
  padding: 10px;
}
@media (min-width: 576px) {
  .tower-app__item {
    grid-template-columns: clamp(85px, 7.0313vw, 135px) 1fr;
  }
}
@media (max-width: 576px) {
  .tower-app__item {
    grid-template-columns: 80px 1fr;
  }
}
.tower-app__row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  grid-gap: 10px;
  opacity: 0.6;
  transition: all 0.3s;
}
.tower-app__row.active {
  opacity: 1;
}

.game-calc {
  background-color: rgba(var(--bg-k), 0.2);
  border-radius: 20px;
  padding: clamp(20px, 1.5625vw, 30px) clamp(20px, 1.5625vw, 30px) clamp(40px, 3.125vw, 60px);
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  grid-gap: clamp(15px, 1.3021vw, 25px);
  position: relative;
}
.game-calc__title {
  font-weight: 700;
  font-size: clamp(14px, 0.9375vw, 18px);
  line-height: 130%;
}
.game-calc__bets {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
@media (max-width: 410px) {
  .game-calc__bets {
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
  }
}
.game-calc__bet {
  height: clamp(48px, 3.125vw, 60px);
  border: 1px solid var(--br-c);
  border-radius: 15px;
  padding: 0px 20px 0 20px;
  background-color: rgba(var(--bg-z), 0.4);
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.game-calc__bet.blue {
  background-color: rgba(var(--bg-k), 1);
  border: 2px solid var(--br-i);
}
.game-calc__bet .game-calc__value {
  font-size: clamp(14px, 0.938vw, 18px);
}
.game-calc__value {
  width: 100%;
  text-align: center;
  font-weight: 800;
  font-size: 18px;
  text-align: center;
}
.game-calc__coin {
  width: 24px;
  height: 24px;
  display: flex;
  flex-shrink: 0;
}
.game-calc__coin svg {
  width: 100%;
  height: 100%;
}
.game-calc__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.game-calc__wrapper .game-bet__label {
  padding: 8px 25px;
}
.game-calc__wrapper .game-calc__inner:last-child {
  grid-column: 1/-1;
}
.game-calc__inner {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
.game-calc__switch {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  background-color: rgba(var(--bg-f), 0.4);
  border: 1px solid var(--br-a);
  border-radius: 15px;
  padding: clamp(12px, 0.9115vw, 17.5px) clamp(10px, 1.0417vw, 20px) clamp(12px, 0.9115vw, 17.5px) clamp(15px, 1.0417vw, 20px);
}
.game-calc__switch-text {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(14px, 0.8333vw, 16px);
  color: rgba(var(--cl-e), 1);
}
.game-calc__btns {
  background-color: rgba(var(--bg-f), 0.4);
  border-radius: 15px;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  padding: clamp(8px, 0.4688vw, 9px) 10px;
  border: solid 1px var(--br-b);
}
.game-calc__wrapp {
  display: flex;
  align-items: center;
  grid-gap: clamp(10px, 0.8854vw, 17px);
}
@media (min-width: 1026px) {
  .game-calc__wrapp {
    margin-top: clamp(5px, 0.7813vw, 15px);
  }
}
@media (max-width: 1026px) {
  .game-calc__wrapp {
    margin-top: 5px;
  }
}
.game-calc__wrapp--mode {
  margin: 0;
}
.game-calc .game-btn {
  position: absolute;
  bottom: calc(clamp(40px, 3.125vw, 60px) * -1);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.game-calc .game-btn--out {
  bottom: calc(clamp(57px, 4.167vw, 80px) * -1);
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .game-calc {
    margin-bottom: 15px;
  }
}
@media (max-width: 900px) {
  .game-calc {
    margin-bottom: 15px;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .game-calc--out {
    margin-bottom: 37px;
  }
}
@media (max-width: 900px) {
  .game-calc--out {
    margin-bottom: 27px;
  }
}
.game-calc--mode {
  grid-gap: clamp(25px, 1.3021vw, 30px);
}
.game-calc--mode .game-calc {
  background-color: initial;
  border-radius: initial;
  padding: 0;
}
.game-calc--mode .game-calc__inner {
  background-color: rgba(var(--bg-k), 0.2);
  border-radius: 20px;
  padding: clamp(20px, 1.5625vw, 30px) clamp(20px, 1.5625vw, 30px) clamp(40px, 3.125vw, 60px);
}
.game-calc--mode .game-calc__inner:first-child {
  padding: clamp(20px, 1.5625vw, 30px) clamp(20px, 1.5625vw, 30px);
}

.game-row {
  display: grid;
  align-items: center;
  width: 100%;
  background-color: rgba(var(--bg-k), 0.1);
  border-radius: 30px;
}
@media (min-width: 1241px) {
  .game-row {
    grid-template-columns: 0.32fr 0.18fr 0.29fr 0.21fr;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .game-row {
    grid-template-columns: 0.32fr 0.18fr 0.29fr 0.21fr;
  }
}
@media (max-width: 1026px) {
  .game-row {
    grid-template-columns: 0.4fr 0.3fr 0.25fr 0.22fr;
  }
}
@media (min-width: 576px) {
  .game-row {
    padding: 10px 10px 10px 25px;
    min-height: 55px;
  }
}
@media (max-width: 576px) {
  .game-row {
    min-height: 50px;
    padding: 10px 15px;
    grid-template-columns: 0.86fr 0.4fr 0.5fr;
  }
}
.game-row--head {
  background-color: transparent;
  min-height: initial;
}
@media (min-width: 576px) {
  .game-row--head {
    padding: 0 10px 0 25px;
  }
}
@media (max-width: 1026px) {
  .game-row--head {
    padding: 0 15px;
  }
}
@media (max-width: 576px) {
  .game-row--head {
    padding: 0 15px;
  }
}
.game-row__ava {
  border-radius: 50%;
  overflow: hidden;
  width: clamp(30px, 1.8229vw, 35px);
  height: clamp(30px, 1.8229vw, 35px);
}
.game-row__ava img,
.game-row__ava svg {
  width: 100%;
  height: 100%;
}
.game-row__name {
  font-weight: 500;
  color: rgba(var(--cl-n), 1);
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: 125%;
  justify-self: center;
}
@media (max-width: 1026px) {
  .game-row__name {
    justify-self: start;
  }
}
.game-row__name--result {
  justify-self: end;
}
.game-row__name--user {
  justify-self: start;
}
@media (max-width: 576px) {
  .game-row__name--bet {
    display: none;
  }
}
@media (max-width: 576px) {
  .game-row__name--chance {
    display: none;
  }
}
.game-row__value {
  font-weight: 700;
  font-size: clamp(14px, 0.8333vw, 16px);
  display: flex;
  align-items: center;
  grid-gap: 5px;
  justify-self: center;
}
@media (max-width: 1026px) {
  .game-row__value {
    justify-self: start;
  }
}
.game-row__value--bet {
  color: rgba(var(--cl-o), 1);
  font-weight: 800;
  margin-right: 7px;
}
@media (max-width: 576px) {
  .game-row__value--bet {
    display: none;
  }
}
.game-row__value--bank {
  color: rgba(var(--cl-o), 1);
  font-weight: 800;
}
.game-row__value--win {
  color: rgba(var(--cl-o), 1);
  font-weight: 800;
  margin-right: 21px;
}
@media (max-width: 576px) {
  .game-row__value--win {
    margin-right: 0;
  }
}
.game-row__value--user {
  justify-self: start;
}
@media (min-width: 1026px) {
  .game-row__value--user {
    grid-gap: clamp(10px, 0.7813vw, 15px);
  }
}
@media (max-width: 1026px) {
  .game-row__value--user {
    grid-gap: clamp(6px, 0.977vw, 10px);
  }
}
@media (max-width: 576px) {
  .game-row__value--chance {
    display: none;
  }
}
.game-row__value-name {
  font-weight: 700;
  font-size: clamp(14px, 0.8333vw, 16px);
}
.game-row__value-name.blue {
  color: rgba(var(--cl-l), 1);
}
.game-row__value-info {
  font-size: clamp(14px, 0.8333vw, 16px);
  color: rgba(var(--cl-e), 1);
  font-weight: 800;
}
@media (max-width: 1026px) {
  .game-row__value-info {
    font-size: clamp(14px, 1.563vw, 16px);
  }
}
.game-row .result-btn {
  justify-self: end;
}
.game-row__coin {
  width: clamp(18px, 1.0417vw, 20px);
  height: clamp(18px, 1.0417vw, 20px);
  display: flex;
}
.game-row__coin img,
.game-row__coin svg {
  width: 100%;
  height: 100%;
}
.game-row__users {
  display: flex;
  align-items: center;
}
@media (min-width: 1241px) {
  .game-row__users {
    grid-gap: clamp(10px, 1.5625vw, 30px);
  }
}
@media (max-width: 1240px) {
  .game-row__users {
    grid-gap: clamp(10px, 2.93vw, 30px);
  }
}
@media (max-width: 1026px) {
  .game-row__users .game-row__value--user {
    grid-gap: clamp(6px, 1.465vw, 15px);
  }
}
@media (min-width: 1441px) {
  .game-row--flip {
    grid-template-columns: 0.38fr 0.2fr 0.5fr;
  }
}
@media (max-width: 1440px) and (min-width: 1241px) {
  .game-row--flip {
    grid-template-columns: 0.45fr 0.2fr 0.4fr;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .game-row--flip {
    grid-template-columns: 0.85fr 0.2fr 0.28fr;
  }
}
@media (min-width: 1026px) {
  .game-row--flip:not(.game-row--head) {
    min-height: clamp(50px, 3.125vw, 60px);
  }
}
@media (max-width: 1026px) {
  .game-row--flip:not(.game-row--head) {
    min-height: clamp(50px, 5.859vw, 60px);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .game-row--flip {
    grid-template-columns: 0.85fr 0.2fr 0.53fr;
  }
}
@media (max-width: 768px) {
  .game-row--flip {
    grid-template-columns: 0.85fr 0.2fr 0.25fr;
  }
}
@media (max-width: 576px) {
  .game-row--flip {
    grid-gap: 20px;
    grid-template-columns: 1fr 0.2fr;
  }
}
.game-row--flip .transparent-btn {
  width: -moz-fit-content;
  width: fit-content;
  justify-self: end;
  border-radius: 20px;
  display: inline;
  padding: 5px clamp(15px, 1.953vw, 20px);
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .game-row--flip .transparent-btn span {
    display: none;
  }
}
@media (min-width: 1026px) {
  .game-row--flip .transparent-btn {
    font-size: clamp(14px, 0.8333vw, 16px);
    height: clamp(28px, 2.0833vw, 40px);
  }
}
@media (max-width: 1026px) {
  .game-row--flip .transparent-btn {
    font-size: clamp(12px, 1.367vw, 14px);
    height: clamp(28px, 3.906vw, 40px);
  }
}
@media (max-width: 768px) {
  .game-row--flip .transparent-btn span {
    display: none;
  }
}
.game-row--flip .coinflip-join-btn {
  width: -moz-fit-content;
  width: fit-content;
  justify-self: end;
  padding: 5px clamp(15px, 1.953vw, 20px);
  min-height: clamp(28px, 2.0833vw, 40px);
  font-size: clamp(14px, 0.8333vw, 16px);
}
.game-row--flip .coinflip-join-btn .game-btn__value {
  font-size: inherit;
}
@media (max-width: 1026px) {
  .game-row--flip .coinflip-join-btn {
    font-size: clamp(12px, 1.367vw, 14px);
    min-height: clamp(28px, 3.906vw, 40px);
  }
}
@media (max-width: 576px) {
  .game-row--flip .game-row__value-name {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: clamp(62px, 16.493vw, 95px);
    white-space: nowrap;
  }
}
@media (min-width: 1500px) {
  .game-row--coin {
    grid-template-columns: 0.55fr 0.25fr 0.5fr 0.2fr;
  }
}
@media (max-width: 1500px) and (min-width: 1241px) {
  .game-row--coin {
    grid-template-columns: 0.6fr 0.25fr 0.2fr 0.2fr;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .game-row--coin {
    grid-template-columns: 0.75fr 0.3fr;
  }
}
@media (min-width: 1026px) {
  .game-row--coin:not(.game-row--head) {
    min-height: clamp(50px, 3.125vw, 60px);
    padding: 10px 25px;
  }
}
@media (max-width: 1026px) {
  .game-row--coin:not(.game-row--head) {
    min-height: clamp(50px, 5.859vw, 60px);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .game-row--coin:not(.game-row--head) {
    padding: 10px calc(10px + clamp(5px, 0.5208vw, 10px)) 10px 25px;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .game-row--coin {
    grid-template-columns: 0.7fr 0.25fr 0.25fr 0.2fr;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .game-row--coin {
    grid-template-columns: 0.7fr 0.3fr;
  }
}
@media (max-width: 576px) {
  .game-row--coin {
    grid-gap: 20px;
    grid-template-columns: 1fr 0.2fr;
  }
  .game-row--coin:not(.game-row--head) {
    padding: 10px 15px;
  }
}
@media (min-width: 1241px) {
  .game-row--coin .result-btn {
    justify-self: center;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .game-row--coin .result-btn {
    justify-self: center;
  }
}
.game-row--coin .game-row__ava {
  width: clamp(30px, 3.418vw, 35px);
  height: clamp(30px, 3.418vw, 35px);
  border: 1px solid rgba(var(--bg-k), 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.game-row--coin .game-row__ava img {
  width: clamp(22px, 2.637vw, 27px);
  height: clamp(22px, 2.637vw, 27px);
}
.game-row--coin .game-row__ava.red {
  background-color: rgba(var(--bg-v), 0.2);
  border-color: rgba(var(--bg-v), 1);
}
.game-row--coin .game-row__ava.green {
  background-color: rgba(var(--bg-u), 0.2);
  border-color: rgba(var(--bg-u), 1);
}
.game-row--coin .game-row__name--bank {
  justify-self: end;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .game-row--coin .game-row__name--bank {
    display: none;
  }
}
@media (max-width: 768px) {
  .game-row--coin .game-row__name--bank {
    display: none;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .game-row--coin .game-row__name--bet {
    display: none;
  }
}
@media (max-width: 1026px) {
  .game-row--coin .game-row__name--bet {
    justify-self: center;
  }
}
@media (max-width: 768px) {
  .game-row--coin .game-row__name--bet {
    display: none;
  }
}
@media (min-width: 1241px) {
  .game-row--coin .game-row__name--result {
    justify-self: center;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .game-row--coin .game-row__name--result {
    justify-self: center;
  }
}
@media (max-width: 768px) {
  .game-row--coin .game-row__name--result {
    justify-self: end;
  }
}
.game-row--coin .game-row__value--bank {
  justify-self: end;
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .game-row--coin .game-row__value--bank {
    display: none;
  }
}
@media (max-width: 768px) {
  .game-row--coin .game-row__value--bank {
    display: none;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .game-row--coin .game-row__value--bet {
    display: none;
  }
}
@media (max-width: 1026px) {
  .game-row--coin .game-row__value--bet {
    justify-self: center;
  }
}
@media (max-width: 768px) {
  .game-row--coin .game-row__value--bet {
    display: none;
  }
}
@media (max-width: 576px) {
  .game-row--coin .game-row__value-name {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: clamp(62px, 14.757vw, 85px);
    white-space: nowrap;
  }
}

.crash-app {
  display: grid;
  grid-gap: 20px clamp(25px, 2.0833vw, 40px);
}
@media (min-width: 1441px) {
  .crash-app {
    grid-template-columns: 1fr clamp(339px, 22.6563vw, 435px);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .crash-app {
    grid-template-columns: 100%;
  }
}
@media (max-width: 1026px) and (min-width: 900px) {
  .crash-app {
    grid-template-columns: 1fr 339px;
  }
}
@media (max-width: 900px) {
  .crash-app {
    grid-template-columns: 100%;
  }
}
.crash-app__box {
  position: relative;
  height: 438px;
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
  background-color: rgba(var(--bg-f), 0.4);
}
.crash-app__bg {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset: 0;
  border-radius: inherit;
}
.crash-app__bg img, .crash-app__bg picture {
  width: 100%;
  height: 100%;
}
.crash-app__stars {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  left: 0;
  bottom: 80%;
  right: 0;
  opacity: 0;
  height: 2000%;
  background-image: url(/assets_new/img/crash/stars.png);
  background-position: top center;
  background-size: contain;
  background-repeat: repeat-y;
  transition: opacity 0.5s;
}
.crash-app__stars.active {
  animation: slideDown 32s linear infinite 0.7s;
}
.crash-app__cloud {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  inset: 0;
  transition: transform 3s linear;
  pointer-events: none;
}
.crash-app__cloud img, .crash-app__cloud picture {
  -o-object-position: bottom center;
     object-position: bottom center;
  width: 100%;
  height: 100%;
}
.crash-app__cloud.active {
  animation: smokeMove 3s linear forwards;
}
.crash-app__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgba(var(--cl-a), 1);
  position: absolute;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
}
.crash-app__info.stop {
  color: rgba(var(--cl-r), 1);
}
.crash-app__profit {
  font-weight: 800;
  font-size: 60px;
  color: inherit;
  transition: color 0.2s;
  line-height: 145%;
}
.crash-app__text {
  font-weight: 500;
  font-size: 18px;
  color: inherit;
  transition: color 0.2s;
}
.crash-app__bet {
  border: 1px solid rgba(var(--cl-i), 0.6);
  border-radius: 6px;
  padding: 5px clamp(12px, 0.7552vw, 14.5px);
  width: -moz-fit-content;
  width: fit-content;
  min-height: clamp(25px, 1.5625vw, 30px);
  background-color: rgba(var(--bg-u), 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(12px, 0.8333vw, 16px);
  text-align: center;
  color: rgba(var(--cl-i), 1);
}
.crash-app__bet.red {
  background-color: rgba(var(--bg-v), 0.2);
  border-color: rgba(var(--cl-r), 0.6);
  color: rgba(var(--cl-r), 1);
}
.crash-app__bet.violet {
  color: rgba(var(--cl-j), 1);
  border-color: rgba(var(--cl-j), 0.6);
  background-color: rgba(var(--cl-j), 0.2);
}
.crash-app__bet.yellow {
  color: rgba(var(--cl-k), 1);
  border-color: rgba(var(--cl-k), 0.6);
  background-color: rgba(var(--bg-q), 0.2);
}
.crash-app__bet.orange {
  color: rgba(var(--cl-p), 1);
  border-color: rgba(var(--cl-p), 0.6);
  background-color: rgba(var(--cl-p), 0.2);
}
.crash-app__blast {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.crash-app__blast img, .crash-app__blast picture {
  -o-object-position: bottom center;
     object-position: bottom center;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.crash-app__blast.active {
  opacity: 1;
  animation: explosion 0.8s ease-in-out forwards;
}
.crash-app__rocket {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 20%);
  bottom: 5px;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  z-index: 3;
  width: 161px;
  height: 225px;
  transition: transform 2s linear, opacity 0s;
}
.crash-app__rocket img, .crash-app__rocket picture {
  width: 100%;
  height: 100%;
}
.crash-app__rocket.active {
  animation: rocketFlight 2s linear forwards;
}
.crash-app__rocket.stop {
  opacity: 0;
}
.crash-app__history {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 20px;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  z-index: 10;
  overflow: hidden;
}
.crash-app .info-btn {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 10;
}

@keyframes rocketFlight {
  0% {
    transform: translate(-50%, 20%) scale(1);
  }
  100% {
    transform: translate(-50%, -5%) scale(0.75);
  }
}
@keyframes smokeMove {
  0% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(50px) scale(1.1);
    opacity: 0.5;
  }
  100% {
    transform: translateY(100px) scale(1);
    opacity: 0;
  }
}
@keyframes slideDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(100%);
  }
}
@keyframes explosion {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  30% {
    transform: scale(1.5);
    opacity: 1;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.9;
  }
  70% {
    transform: scale(1.6);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.dice-app {
  display: grid;
  grid-gap: 20px clamp(25px, 2.0833vw, 40px);
}
@media (min-width: 1441px) {
  .dice-app {
    grid-template-columns: 1fr clamp(339px, 22.6563vw, 435px);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .dice-app {
    grid-template-columns: 100%;
  }
}
@media (max-width: 1026px) and (min-width: 900px) {
  .dice-app {
    grid-template-columns: 1fr 339px;
  }
}
@media (max-width: 900px) {
  .dice-app {
    grid-template-columns: 100%;
  }
}
.dice-app__box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  height: clamp(390px, 22.9167vw, 440px);
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
  background-color: rgba(var(--bg-f), 0.2);
  padding: 20px clamp(30px, 3.6458vw, 70px) clamp(85px, 5.7813vw, 111px);
}
@media (max-width: 1026px) {
  .dice-app__box {
    padding: 20px clamp(30px, 5.859vw, 60px) 85px;
  }
}
.dice-app__bg {
  position: absolute;
  z-index: -1;
  width: clamp(234px, 16.25vw, 312px);
  height: clamp(150px, 10.4167vw, 200px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  pointer-events: none;
}
.dice-app__bg img, .dice-app__bg picture {
  width: 100%;
  height: 100%;
}
.dice-app__bet {
  border: 1px solid rgba(var(--cl-i), 0.6);
  border-radius: 6px;
  padding: 5px clamp(12px, 0.7552vw, 14.5px);
  width: -moz-fit-content;
  width: fit-content;
  min-height: clamp(25px, 1.5625vw, 30px);
  background-color: rgba(var(--bg-u), 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(12px, 0.8333vw, 16px);
  text-align: center;
  color: rgba(var(--cl-i), 1);
}
.dice-app__bet.red {
  background-color: rgba(var(--bg-v), 0.2);
  border-color: rgba(var(--cl-r), 0.6);
  color: rgba(var(--cl-r), 1);
}
.dice-app__history {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 20px;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  z-index: 10;
  overflow: hidden;
}
.dice-app__value {
  text-shadow: 0 0 20px 0 rgba(var(--cl-i), 0.2);
  font-weight: 800;
  font-size: 60px;
  color: rgba(var(--cl-a), 1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
}
.dice-app__value.win {
  color: rgba(var(--cl-i), 1);
}
.dice-app__value.lose {
  color: rgba(var(--cl-r), 1);
}
@media (min-width: 576px) {
  .dice-app .game-calc {
    margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
  .dice-app .game-calc {
    margin-bottom: 20px;
  }
}
@media (min-width: 1441px) {
  .dice-app .game-calc .game-btn--out {
    bottom: calc(clamp(70px, 4.9479vw, 95px) * -1);
  }
}
@media (max-width: 1440px) and (min-width: 1241px) {
  .dice-app .game-calc .game-btn--out {
    bottom: calc(clamp(66px, 5vw, 72px) * -1);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .dice-app .game-calc .game-btn--out {
    bottom: -66px;
  }
}
@media (min-width: 900px) {
  .dice-app .game-calc--out {
    margin-bottom: 55px;
  }
}
@media (max-width: 900px) and (min-width: 576px) {
  .dice-app .game-calc--out {
    margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
  .dice-app .game-calc--out {
    margin-bottom: 20px;
  }
}

.wheel-app {
  display: grid;
  grid-gap: 20px clamp(25px, 2.0833vw, 40px);
}
@media (min-width: 1441px) {
  .wheel-app {
    grid-template-columns: 1fr clamp(340px, 22.6563vw, 435px);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .wheel-app {
    grid-template-columns: 100%;
  }
}
@media (max-width: 1026px) and (min-width: 900px) {
  .wheel-app {
    grid-template-columns: 1fr 340px;
  }
}
@media (max-width: 900px) {
  .wheel-app {
    grid-template-columns: 100%;
  }
}
.wheel-app__box {
  position: relative;
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
  background-color: rgba(var(--bg-f), 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 1026px) {
  .wheel-app__box {
    height: clamp(513px, 28.3854vw, 545px);
    padding: clamp(30px, 1.8229vw, 35px);
  }
}
@media (max-width: 1026px) {
  .wheel-app__box {
    height: clamp(485px, 50.098vw, 513px);
    padding: clamp(28px, 2.93vw, 30px);
  }
}
.wheel-app__bg {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset: 0;
  border-radius: inherit;
}
.wheel-app__bg img, .wheel-app__bg picture {
  width: 100%;
  height: 100%;
}
.wheel-app__top {
  position: absolute;
  top: clamp(31px, 2.0833vw, 40px);
  right: clamp(25px, 2.6042vw, 50px);
  display: flex;
  align-items: center;
  grid-gap: clamp(10px, 0.7813vw, 15px);
}
.wheel-app__icon {
  width: clamp(24px, 2.0833vw, 40px);
  height: clamp(24px, 2.0833vw, 40px);
}
.wheel-app__icon svg {
  width: 100%;
  height: 100%;
}
.wheel-app__time {
  font-weight: 800;
  font-size: clamp(20px, 1.4583vw, 28px);
  text-align: center;
}
.wheel-app .wheel-box {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
@media (min-width: 576px) {
  .wheel-app .wheel-box {
    top: 45%;
  }
}
@media (max-width: 576px) {
  .wheel-app .wheel-box {
    top: 48%;
  }
}
.wheel-app .wheel-bets {
  position: absolute;
  z-index: 3;
  left: 40px;
  top: 40px;
}
@media (max-width: 1026px) {
  .wheel-app .wheel-bets {
    top: 28px;
    left: clamp(20px, 2.441vw, 25px);
  }
}
@media (min-width: 1441px) {
  .wheel-app .game-btn--out {
    bottom: calc(clamp(70px, 4.688vw, 90px) * -1);
  }
}
@media (max-width: 1440px) and (min-width: 1241px) {
  .wheel-app .game-btn--out {
    bottom: calc(clamp(66px, 5vw, 72px) * -1);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .wheel-app .game-btn--out {
    bottom: -66px;
  }
}

.wheel-box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (min-width: 1026px) {
  .wheel-box {
    width: clamp(350px, 20.8333vw, 400px);
    height: clamp(350px, 20.8333vw, 400px);
  }
}
@media (max-width: 1026px) {
  .wheel-box {
    width: clamp(300px, 34.18vw, 350px);
    height: clamp(300px, 34.18vw, 350px);
  }
}
@media (min-width: 1026px) {
  .wheel-box__bets {
    width: clamp(350px, 20.8333vw, 400px);
    height: clamp(350px, 20.8333vw, 400px);
  }
}
@media (max-width: 1026px) {
  .wheel-box__bets {
    width: clamp(300px, 34.18vw, 350px);
    height: clamp(300px, 34.18vw, 350px);
  }
}
.wheel-box__bets img, .wheel-box__bets picture {
  width: 100%;
  height: 100%;
}
.wheel-box__pointer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wheel-box__arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1026px) {
  .wheel-box__arrow {
    width: clamp(297px, 17.7083vw, 340px);
    height: clamp(297px, 17.7083vw, 340px);
  }
}
@media (max-width: 1026px) {
  .wheel-box__arrow {
    width: clamp(254px, 29.004vw, 297px);
    height: clamp(254px, 29.004vw, 297px);
  }
}
.wheel-box__arrow img, .wheel-box__arrow picture {
  width: 100%;
  height: 100%;
}
.wheel-box__image {
  opacity: 0.4;
}
@media (min-width: 1026px) {
  .wheel-box__image {
    width: clamp(277px, 16.4583vw, 316px);
    height: clamp(277px, 16.4583vw, 316px);
  }
}
@media (max-width: 1026px) {
  .wheel-box__image {
    width: clamp(237px, 27.051vw, 277px);
    height: clamp(237px, 27.051vw, 277px);
  }
}
.wheel-box__image img, .wheel-box__image picture {
  width: 100%;
  height: 100%;
}

.wheel-history {
  border-radius: 10px;
  padding: 10px;
  width: clamp(310px, 19.7917vw, 380px);
  overflow: hidden;
  height: 40px;
  display: flex;
  align-items: center;
  grid-gap: 4px;
  background-color: rgba(var(--bg-f), 0.6);
  position: relative;
  z-index: 2;
}
.wheel-history__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(16px, 1.0417vw, 20px);
  width: clamp(16px, 1.0417vw, 20px);
  flex-shrink: 0;
}
.wheel-history__item svg, .wheel-history__item img {
  width: 100%;
  height: 100%;
}
.wheel-history__item--btn {
  background-color: rgba(var(--bg-f), 0.9);
  height: 100%;
  width: 40px;
  right: 0;
  top: 0;
  position: absolute;
  z-index: 3;
}
.wheel-history__item--btn:hover .wheel-history__btn {
  filter: brightness(100);
}
.wheel-history__btn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.wheel-history__btn svg {
  width: 20px;
  height: 20px;
}

.wheel-bets {
  border-radius: 10px;
  padding: 10px 15px;
  background-color: rgba(var(--bg-k), 0.3);
  display: flex;
  grid-gap: 10px;
}
@media (min-width: 1026px) {
  .wheel-bets {
    flex-direction: column;
  }
}
@media (max-width: 1026px) {
  .wheel-bets {
    padding: 8px 10px;
  }
}
.wheel-bets__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-gap: clamp(3px, 0.2604vw, 5px);
}
.wheel-bets__image {
  width: clamp(14px, 1.0417vw, 20px);
  height: clamp(14px, 1.0417vw, 20px);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3px;
}
.wheel-bets__image img, .wheel-bets__image svg {
  width: 100%;
  height: 100%;
}
.wheel-bets__value {
  font-weight: 700;
  font-size: clamp(11px, 0.9375vw, 18px);
  text-align: center;
}

.jackpot-app {
  display: grid;
  grid-gap: 20px clamp(25px, 2.0833vw, 40px);
}
@media (min-width: 1441px) {
  .jackpot-app {
    grid-template-columns: 1fr clamp(340px, 22.6563vw, 435px);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .jackpot-app {
    grid-template-columns: 100%;
  }
}
@media (max-width: 1026px) and (min-width: 900px) {
  .jackpot-app {
    grid-template-columns: 1fr 340px;
  }
}
@media (max-width: 900px) {
  .jackpot-app {
    grid-template-columns: 100%;
  }
}
.jackpot-app__box {
  position: relative;
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
  background-color: rgba(var(--bg-f), 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: clamp(15px, 1.0417vw, 20px);
  padding: 30px clamp(20px, 1.5625vw, 30px) 80px;
  height: clamp(393px, 22.8125vw, 438px);
}
.jackpot-app__box .info-btn {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 10;
}
@media (max-width: 576px) {
  .jackpot-app__box {
    padding-bottom: 75px;
    justify-content: space-between;
  }
}
.jackpot-app__bg {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset: 0;
  border-radius: inherit;
}
.jackpot-app__bg img, .jackpot-app__bg picture {
  width: 100%;
  height: 100%;
}
.jackpot-app__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: clamp(10px, 0.7813vw, 15px);
  width: 100%;
  position: relative;
  padding-bottom: calc(clamp(65px, 4.1667vw, 80px) - clamp(15px, 1.042vw, 20px));
}
.jackpot-app__top::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  height: 1px;
  pointer-events: none;
  box-shadow: 0 0 4px 0 rgba(0, 224, 255, 0.5);
  background: var(--gr-r);
}
.jackpot-app__top::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 38px;
  height: 25px;
  background-image: var(--jackpot-line);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  bottom: 33px;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.1s;
}
.jackpot-app__top.active::before {
  background: var(--gr-s);
  box-shadow: 0 0 4px 0 rgba(255, 204, 0, 0.5);
}
.jackpot-app__top.active::after {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1026px) {
  .jackpot-app__top {
    height: 128px;
  }
}
@media (max-width: 1026px) {
  .jackpot-app__top {
    height: 108px;
  }
}
.jackpot-app__list {
  display: inline-flex;
  align-items: center;
  grid-gap: 10px;
  position: absolute;
  left: -60px;
  top: 178px;
  transform: translate3d(0, 0, 0);
  transition: 3s cubic-bezier(0.21, 0.53, 0.29, 0.99);
}
@media (min-width: 1026px) {
  .jackpot-app__list {
    top: 178px;
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .jackpot-app__list {
    top: 158px;
  }
}
@media (max-width: 576px) {
  .jackpot-app__list {
    top: 153px;
  }
}
.jackpot-app__content {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}
.jackpot-app__content.active {
  opacity: 1;
  visibility: visible;
}
.jackpot-app__item {
  transition: 0.3s ease;
  display: flex;
  flex-shrink: 0;
  width: 120px;
}
.jackpot-app__item .jackpot-slider-square {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background-color: rgba(var(--bg-f), 0.2);
  border: 1px solid var(--br-h);
  padding: 10px;
  box-sizing: border-box;
}
.jackpot-app__item .jackpot-slider-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  background-color: rgba(var(--bg-f), 0.35);
}
.jackpot-app__item .jackpot-slider-circle img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.jackpot-app__item.active {
  opacity: 0.4;
}
.jackpot-app__bottom {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  align-items: flex-end;
  opacity: 0;
  visibility: hidden;
}
.jackpot-app__bottom.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1026px) and (min-width: 576px) {
  .jackpot-app__bottom {
    padding-bottom: 25px;
  }
}
@media (min-width: 576px) {
  .jackpot-app__bottom {
    flex-grow: 1;
  }
}
@media (max-width: 576px) {
  .jackpot-app__bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
    width: 100%;
  }
  .jackpot-app__bottom .jackpot-info {
    justify-content: center;
  }
  .jackpot-app__bottom .jackpot-info:last-child {
    grid-column: 1/-1;
  }
}
.jackpot-app__bank {
  border: 1px solid #FF9202;
  border-radius: 15px;
  padding: 10px clamp(15px, 1.8519vw, 20px) 10px clamp(10px, 1.3889vw, 15px);
  background-color: rgba(var(--bg-x), 0.4);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px clamp(8px, 1.465vw, 15px);
}
.jackpot-app__bank-text {
  font-weight: 500;
  font-size: clamp(12px, 0.7292vw, 14px);
  color: rgba(var(--cl-m), 1);
}
@media (max-width: 410px) {
  .jackpot-app__bank-text {
    font-size: 11px;
  }
}
.jackpot-app__bank-icon {
  grid-row: 1/3;
  grid-column: 1;
  display: flex;
  width: clamp(18px, 1.25vw, 24px);
  height: clamp(18px, 1.25vw, 24px);
  align-self: center;
}
.jackpot-app__bank-icon svg {
  width: 100%;
  height: 100%;
  fill: rgba(var(--cl-m), 1);
}
.jackpot-app__bank-coin {
  display: flex;
  width: clamp(18px, 1.0417vw, 20px);
  height: clamp(18px, 1.0417vw, 20px);
}
.jackpot-app__bank-coin svg {
  width: 100%;
  height: 100%;
}
.jackpot-app__bank-currency {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  font-weight: 800;
  font-size: clamp(14px, 0.9375vw, 18px);
  text-align: center;
}
@media (max-width: 410px) {
  .jackpot-app__bank {
    padding: 10px;
  }
}
.jackpot-app__users {
  border: 1px solid var(--br-i);
  border-radius: 15px;
  padding: 10px clamp(15px, 1.8519vw, 20px) 10px clamp(10px, 1.3889vw, 15px);
  background-color: rgba(var(--bg-k), 1);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px clamp(8px, 1.465vw, 15px);
}
.jackpot-app__users-text {
  font-weight: 500;
  font-size: clamp(12px, 0.7292vw, 14px);
  color: rgba(var(--cl-l), 1);
}
@media (max-width: 410px) {
  .jackpot-app__users-text {
    font-size: 11px;
  }
}
.jackpot-app__users-icon {
  grid-row: 1/3;
  grid-column: 1;
  display: flex;
  width: clamp(12px, 0.833vw, 16px);
  height: clamp(13.5px, 0.938vw, 18px);
  align-self: center;
}
.jackpot-app__users-icon svg {
  width: 100%;
  height: 100%;
}
.jackpot-app__users-coin {
  display: flex;
  width: clamp(18px, 1.0417vw, 20px);
  height: clamp(18px, 1.0417vw, 20px);
}
.jackpot-app__users-coin svg {
  width: 100%;
  height: 100%;
}
.jackpot-app__users-value {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  font-weight: 800;
  font-size: clamp(14px, 0.9375vw, 18px);
  text-align: center;
}
@media (max-width: 576px) and (min-width: 410px) {
  .jackpot-app__users {
    min-width: 96px;
  }
}
@media (max-width: 410px) {
  .jackpot-app__users {
    min-width: 84px;
    padding: 10px;
  }
}
.jackpot-app__timer {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
}
@media (min-width: 1026px) {
  .jackpot-app__timer {
    grid-gap: clamp(1px, 0.5208vw, 10px) clamp(5px, 0.5208vw, 10px);
  }
}
@media (max-width: 1026px) {
  .jackpot-app__timer {
    grid-gap: 0 5px;
  }
}
.jackpot-app__timer-text {
  grid-column: 1/-1;
  font-weight: 700;
  text-align: center;
  color: rgba(var(--cl-e), 1);
}
@media (min-width: 1026px) {
  .jackpot-app__timer-text {
    font-size: clamp(12px, 0.8333vw, 16px);
  }
}
@media (max-width: 1026px) {
  .jackpot-app__timer-text {
    font-size: clamp(11px, 1.172vw, 12px);
  }
}
.jackpot-app__timer-icon {
  display: flex;
  justify-self: end;
}
@media (min-width: 1026px) {
  .jackpot-app__timer-icon {
    width: clamp(22px, 2.083vw, 40px);
    height: clamp(22px, 2.083vw, 40px);
  }
}
@media (max-width: 1026px) {
  .jackpot-app__timer-icon {
    width: clamp(20px, 2.148vw, 22px);
    height: clamp(20px, 2.148vw, 22px);
  }
}
.jackpot-app__timer-icon img, .jackpot-app__timer-icon svg {
  width: 100%;
  height: 100%;
}
.jackpot-app__timer.active {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.jackpot-app__time {
  font-weight: 800;
}
@media (min-width: 1026px) {
  .jackpot-app__time {
    font-size: clamp(18px, 1.4583vw, 28px);
  }
}
@media (max-width: 1026px) {
  .jackpot-app__time {
    line-height: 135%;
    font-size: clamp(16px, 1.758vw, 18px);
  }
}
.jackpot-app__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1026px) {
  .jackpot-app__info {
    grid-gap: clamp(1px, 0.5208vw, 10px);
  }
}
.jackpot-app__name {
  font-weight: 700;
  text-align: center;
  color: rgba(var(--cl-e), 1);
}
@media (min-width: 1026px) {
  .jackpot-app__name {
    font-size: clamp(12px, 0.8333vw, 16px);
  }
}
@media (max-width: 1026px) {
  .jackpot-app__name {
    font-size: clamp(11px, 1.172vw, 12px);
  }
}
.jackpot-app__name.active {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.jackpot-app__text {
  font-weight: 800;
}
@media (min-width: 1026px) {
  .jackpot-app__text {
    font-size: clamp(18px, 1.4583vw, 28px);
  }
}
@media (max-width: 1026px) {
  .jackpot-app__text {
    font-size: clamp(16px, 1.758vw, 18px);
    line-height: 135%;
  }
}
.jackpot-app__text.active {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.jackpot-app .game-calc {
  padding: 0;
  background: transparent;
}
@media (min-width: 1441px) {
  .jackpot-app .game-btn--out {
    bottom: calc(clamp(70px, 4.688vw, 90px) * -1);
  }
}
@media (max-width: 1440px) and (min-width: 1241px) {
  .jackpot-app .game-btn--out {
    bottom: calc(clamp(66px, 5vw, 72px) * -1);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .jackpot-app .game-btn--out {
    bottom: -66px;
  }
}

.flip-app {
  display: grid;
  grid-gap: 20px clamp(25px, 2.0833vw, 40px);
}
@media (min-width: 1441px) {
  .flip-app {
    grid-template-columns: 1fr clamp(340px, 22.6563vw, 435px);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .flip-app {
    grid-template-columns: 100%;
  }
}
@media (max-width: 1026px) and (min-width: 950px) {
  .flip-app {
    grid-template-columns: 1fr 340px;
  }
}
@media (max-width: 950px) {
  .flip-app {
    grid-template-columns: 100%;
  }
}
@media (max-width: 950px) and (min-width: 900px) {
  .flip-app .game-calc {
    margin-bottom: 15px;
  }
}
.flip-app__box {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 2000px) {
  .flip-app__box {
    justify-content: center;
    grid-gap: 80px;
  }
}
@media (min-width: 1600px) {
  .flip-app__box {
    padding: 20px clamp(20px, 4.1667vw, 80px);
  }
}
@media (max-width: 1600px) and (min-width: 1026px) {
  .flip-app__box {
    padding: 20px 40px;
  }
}
@media (max-width: 2000px) and (min-width: 1441px) {
  .flip-app__box {
    grid-gap: clamp(15px, 1.0417vw, 20px);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .flip-app__box {
    grid-gap: 60px;
    justify-content: center;
  }
}
@media (min-width: 1026px) {
  .flip-app__box {
    height: clamp(290px, 19.063vw, 366px);
  }
}
@media (max-width: 1026px) {
  .flip-app__box {
    height: clamp(175px, 28.32vw, 290px);
  }
}
@media (max-width: 1026px) and (min-width: 950px) {
  .flip-app__box {
    grid-gap: clamp(15px, 1.0417vw, 20px);
    padding: 20px clamp(20px, 5.859vw, 60px);
  }
}
@media (max-width: 950px) {
  .flip-app__box {
    padding: 20px;
    justify-content: center;
  }
}
@media (max-width: 950px) and (min-width: 576px) {
  .flip-app__box {
    grid-gap: 60px;
  }
}
@media (max-width: 576px) {
  .flip-app__box {
    grid-gap: 40px;
  }
}
.flip-app__content {
  position: relative;
}
@media (min-width: 1026px) {
  .flip-app__content {
    width: clamp(222px, 14.5833vw, 280px);
    height: clamp(222px, 14.5833vw, 280px);
  }
}
@media (max-width: 1026px) {
  .flip-app__content {
    width: clamp(135px, 21.68vw, 222px);
    height: clamp(135px, 21.68vw, 222px);
  }
}
.flip-app__content.bounce {
  animation: bounce 2s;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-20px) scale(1.1);
  }
}
.flip-app__wrapp {
  position: relative;
}
@media (min-width: 1026px) {
  .flip-app__wrapp {
    width: clamp(222px, 14.5833vw, 280px);
    height: clamp(222px, 14.5833vw, 280px);
  }
}
@media (max-width: 1026px) {
  .flip-app__wrapp {
    width: clamp(135px, 21.68vw, 222px);
    height: clamp(135px, 21.68vw, 222px);
  }
}
.flip-app__wrapp:after {
  content: "";
  position: absolute;
  height: 5px;
  filter: blur(7px);
  border-radius: 100%;
  background-color: rgba(var(--bg-f), 1);
  top: 90%;
  width: 100%;
  left: -20px;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 1600px) {
  .flip-app__wrapp:after {
    left: -20px;
  }
}
@media (max-width: 1600px) and (min-width: 1026px) {
  .flip-app__wrapp:after {
    left: -7%;
  }
}
@media (max-width: 1026px) {
  .flip-app__wrapp:after {
    left: -6.5%;
  }
}
@media (max-width: 576px) {
  .flip-app__wrapp:after {
    left: -7%;
  }
}
.flip-app__wrapp::before {
  pointer-events: none;
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='69' fill='none'%3E%3Cg opacity='0.2'%3E%3Cmask id='mask0_8133_41483' width='240' height='180' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='url(%23paint0_linear_8133_41483)' d='M0 0h240v180H0z'/%3E%3C/mask%3E%3Cg filter='url(%23filter0_di_8133_41483)' mask='url(%23mask0_8133_41483)'%3E%3Cpath fill='url(%23paint1_linear_8133_41483)' fill-rule='evenodd' d='m210.155 44.3164-77.364-30.5382c-7.915-3.1242-17.667-3.1242-25.582 0L29.8446 44.3164c-7.9148 3.1242-12.7906 8.898-12.7906 15.1464v61.0762c0 6.249 4.8758 12.022 12.7906 15.147l77.3644 30.538c7.915 3.124 17.667 3.124 25.582 0l77.364-30.538c7.915-3.125 12.791-8.898 12.791-15.147V59.4628c0-6.2484-4.876-12.0222-12.791-15.1464ZM141.318 3.6806c-13.192-5.207-29.444-5.207-42.6356 0L21.3175 34.2189C8.1262 39.4258 0 49.0488 0 59.4628v61.0762c0 10.414 8.1262 20.037 21.3175 25.244l77.3649 30.538c13.1916 5.207 29.4436 5.207 42.6356 0l77.364-30.538c13.192-5.207 21.318-14.83 21.318-25.244V59.4628c0-10.414-8.126-20.037-21.318-25.244L141.318 3.6806Zm-31.977 25.6706c6.596-2.6035 14.722-2.6035 21.318 0l58.067 22.9208c6.596 2.6035 10.659 7.415 10.659 12.622v45.842c0 5.207-4.063 10.018-10.659 12.621l-58.067 22.921c-6.596 2.604-14.722 2.604-21.318 0l-58.0666-22.921c-6.5957-2.603-10.6588-7.414-10.6588-12.621V64.894c0-5.207 4.0631-10.0185 10.6588-12.622l58.0666-22.9208Zm40.948 40.3823H90.5996v40.8085h59.6894V69.7335Z' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_8133_41483' x1='120' x2='120' y1='0' y2='180' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23737373'/%3E%3Cstop offset='0.368903' stop-color='%23D9D9D9' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_8133_41483' x1='94.4999' x2='95.4158' y1='0.00107076' y2='180.007' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EE37C8'/%3E%3Cstop offset='1' stop-color='%239444BA'/%3E%3C/linearGradient%3E%3Cfilter id='filter0_di_8133_41483' width='268' height='208.451' x='-14' y='-14.2246' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.921569 0 0 0 0 0.215686 0 0 0 0 0.780392 0 0 0 0.4 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_8133_41483'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_8133_41483' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' k2='-1' k3='1' operator='arithmetic'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.15 0'/%3E%3CfeBlend in2='shape' result='effect2_innerShadow_8133_41483'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 69px;
  z-index: 2;
}
@media (min-width: 1600px) {
  .flip-app__wrapp::before {
    top: 92%;
    left: -20px;
  }
}
@media (max-width: 1600px) and (min-width: 1026px) {
  .flip-app__wrapp::before {
    top: 93%;
    left: -7%;
  }
}
@media (min-width: 1026px) {
  .flip-app__wrapp::before {
    width: clamp(222px, 14.5833vw, 280px);
  }
}
@media (max-width: 1026px) {
  .flip-app__wrapp::before {
    width: clamp(135px, 21.68vw, 222px);
    top: 93%;
    left: -6.5%;
  }
}
@media (max-width: 576px) {
  .flip-app__wrapp::before {
    left: -7%;
  }
}
.flip-app__image {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.flip-app__image.kandara {
  transform: rotateY(0deg);
}
.flip-app__image.vellion {
  transform: rotateY(180deg);
}
.flip-app__icon {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-17%, -12%);
}
@media (min-width: 1026px) {
  .flip-app__icon {
    width: clamp(290px, 19.0104vw, 365px);
    height: clamp(290px, 19.0104vw, 365px);
  }
}
@media (max-width: 1026px) {
  .flip-app__icon {
    width: clamp(175px, 28.32vw, 290px);
    height: clamp(175px, 28.32vw, 290px);
  }
}
.flip-app__icon img,
.flip-app__icon picture {
  width: 100%;
  height: 100%;
}
.flip-app__icon.active {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.flip-app__icon.disable {
  opacity: 0.32;
}
.flip-app__coin {
  position: relative;
  transform-style: preserve-3d;
  transition: transform 2s;
  opacity: 0;
  visibility: hidden;
  left: -20px;
}
.flip-app__coin.active {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1600px) {
  .flip-app__coin {
    top: -22px;
  }
}
@media (max-width: 1600px) {
  .flip-app__coin {
    top: -16px;
    left: -15px;
  }
}
@media (min-width: 1026px) {
  .flip-app__coin {
    width: clamp(222px, 14.5833vw, 280px);
    height: clamp(222px, 14.5833vw, 280px);
  }
}
@media (max-width: 1026px) {
  .flip-app__coin {
    width: clamp(135px, 21.68vw, 222px);
    height: clamp(135px, 21.68vw, 222px);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .flip-app__coin {
    left: calc(clamp(10px, 1.367vw, 14px) * -1);
  }
}
@media (max-width: 576px) {
  .flip-app__coin {
    left: -10px;
  }
}
.flip-app__info {
  display: flex;
  flex-direction: column;
  padding-left: clamp(10px, 2.6042vw, 50px);
}
@media (min-width: 1026px) {
  .flip-app__info {
    grid-gap: clamp(25px, 2.0833vw, 40px);
  }
}
@media (max-width: 1026px) {
  .flip-app__info {
    grid-gap: clamp(5px, 2.441vw, 25px);
  }
}
@media (min-width: 576px) {
  .flip-app__info {
    padding-top: 10px;
  }
}
@media (max-width: 576px) {
  .flip-app__info {
    padding-top: 6px;
  }
}
.flip-app__inner {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(1px, 0.977vw, 10px);
  align-items: center;
  text-align: center;
}
.flip-app__inner.disable {
  opacity: 0.4;
}
.flip-app__value {
  font-weight: 800;
  font-size: 60px;
  text-shadow: 0 0 20px 0 rgba(var(--cl-a), 0.2);
}
@media (min-width: 1026px) {
  .flip-app__value {
    font-size: clamp(46px, 3.125vw, 60px);
  }
}
@media (max-width: 1026px) {
  .flip-app__value {
    font-size: clamp(28px, 4.492vw, 46px);
  }
}
.flip-app__text {
  font-weight: 700;
  text-align: center;
  color: rgba(var(--cl-e), 1);
  line-height: 145%;
}
@media (min-width: 1026px) {
  .flip-app__text {
    font-size: clamp(18px, 1.25vw, 24px);
  }
}
@media (max-width: 1026px) {
  .flip-app__text {
    font-size: clamp(14px, 1.758vw, 18px);
  }
}
.flip-app__user {
  border-radius: 50%;
  width: 160px;
  height: 160px;
  background: rgba(var(--bg-f), 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1441px) {
  .flip-app__user {
    width: clamp(40px, 8.3333vw, 160px);
    height: clamp(40px, 8.3333vw, 160px);
    border: clamp(2px, 0.2604vw, 5px) solid rgba(var(--bg-k), 0.5);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .flip-app__user {
    width: clamp(40px, 5.556vw, 80px);
    height: clamp(40px, 5.556vw, 80px);
    border: 3px solid rgba(var(--bg-k), 0.5);
  }
}
@media (max-width: 1026px) {
  .flip-app__user {
    border: clamp(2px, 0.488vw, 5px) solid rgba(var(--bg-k), 0.5);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .flip-app__user {
    width: clamp(40px, 15.625vw, 160px);
    height: clamp(40px, 15.625vw, 160px);
  }
}
@media (max-width: 576px) {
  .flip-app__user {
    width: 40px;
    height: 40px;
  }
}
.flip-app__user img {
  border-radius: 50%;
  overflow: hidden;
}
@media (min-width: 1441px) {
  .flip-app__user img {
    width: clamp(26px, 6.25vw, 120px);
    height: clamp(26px, 6.25vw, 120px);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .flip-app__user img {
    width: clamp(26px, 4.167vw, 60px);
    height: clamp(26px, 4.167vw, 60px);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .flip-app__user img {
    width: clamp(26px, 11.719vw, 120px);
    height: clamp(26px, 11.719vw, 120px);
  }
}
@media (max-width: 576px) {
  .flip-app__user img {
    height: 26px;
    width: 26px;
  }
}
.flip-app__user.red {
  background-color: rgba(var(--bg-v), 0.2);
  border-color: rgba(var(--bg-v), 1);
}
.flip-app__user.green {
  background-color: rgba(var(--bg-u), 0.2);
  border-color: rgba(var(--bg-u), 1);
}
.flip-app__timer {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flip-app__timer-value {
  font-weight: 800;
  text-align: center;
  line-height: 130%;
}
@media (min-width: 1241px) {
  .flip-app__timer-value {
    font-size: clamp(46px, 3.125vw, 60px);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .flip-app__timer-value {
    font-size: 32px;
  }
}
@media (max-width: 1026px) {
  .flip-app__timer-value {
    line-height: 140%;
    font-size: clamp(20px, 4.492vw, 46px);
  }
}
.flip-app__timer-text {
  font-weight: 700;
  text-align: center;
}
@media (min-width: 1241px) {
  .flip-app__timer-text {
    font-size: clamp(20px, 1.25vw, 24px);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .flip-app__timer-text {
    font-size: 16px;
  }
}
@media (max-width: 1026px) {
  .flip-app__timer-text {
    font-size: clamp(11px, 1.953vw, 20px);
  }
}
@media (min-width: 1026px) {
  .flip-app__timer {
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 1026px) {
  .flip-app__timer {
    transform: translate(-50%, -60%);
  }
}
.flip-app__timer.active {
  opacity: 0;
  visibility: hidden;
}
.flip-app--mode {
  grid-template-columns: 100%;
}
@media (min-width: 1026px) {
  .flip-app--mode {
    margin-top: -40px;
  }
}
@media (max-width: 1026px) {
  .flip-app--mode {
    margin-top: -50px;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .flip-app--mode {
    margin: 0;
  }
}
@media (max-width: 576px) {
  .flip-app--mode {
    margin-top: -12px;
  }
}
.flip-app--mode .flip-app__box {
  display: grid;
}
@media (min-width: 1441px) {
  .flip-app--mode .flip-app__box {
    padding: 0 clamp(15px, 2.0833vw, 40px);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .flip-app--mode .flip-app__box {
    padding: 0 5px;
  }
}
@media (min-width: 1026px) {
  .flip-app--mode .flip-app__box {
    grid-gap: clamp(20px, 3.125vw, 60px);
    height: clamp(80px, 12.5vw, 240px);
    grid-template-columns: auto 1fr clamp(80px, 12.5vw, 240px) 1fr auto;
  }
}
@media (max-width: 1026px) {
  .flip-app--mode .flip-app__box {
    height: clamp(80px, 23.438vw, 240px);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .flip-app--mode .flip-app__box {
    grid-gap: 15px;
    padding: 0 clamp(5px, 2.441vw, 25px);
    grid-template-columns: auto 1fr clamp(80px, 23.438vw, 240px) 1fr auto;
  }
}
@media (max-width: 576px) {
  .flip-app--mode .flip-app__box {
    grid-gap: 5px;
    padding: 0;
    grid-template-columns: auto minmax(70px, 1fr) 80px minmax(70px, 1fr) auto;
  }
}
.flip-app--mode .flip-app__value {
  text-align: center;
  text-shadow: initial;
}
@media (min-width: 1241px) {
  .flip-app--mode .flip-app__value {
    font-size: clamp(16px, 2.3958vw, 46px);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .flip-app--mode .flip-app__value {
    font-size: 16px;
  }
}
@media (max-width: 1026px) {
  .flip-app--mode .flip-app__value {
    font-size: clamp(16px, 3.125vw, 32px);
  }
}
@media (min-width: 1241px) {
  .flip-app--mode .flip-app__text {
    font-size: 20px;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .flip-app--mode .flip-app__text {
    font-size: 10px;
  }
}
@media (max-width: 1026px) {
  .flip-app--mode .flip-app__text {
    font-size: clamp(10px, 1.563vw, 16px);
  }
}
.flip-app--mode .flip-app__icon {
  transform: translate(-11%, -6%);
}
@media (min-width: 1026px) {
  .flip-app--mode .flip-app__icon {
    width: clamp(80px, 16.4063vw, 315px);
    height: clamp(80px, 16.4063vw, 315px);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .flip-app--mode .flip-app__icon {
    width: clamp(80px, 30.762vw, 315px);
    height: clamp(80px, 30.762vw, 315px);
  }
}
@media (max-width: 576px) {
  .flip-app--mode .flip-app__icon {
    width: 100px;
    height: 100px;
  }
}
.flip-app--mode .flip-app__coin {
  left: initial;
  top: initial;
  position: static;
}
@media (min-width: 1026px) {
  .flip-app--mode .flip-app__coin {
    width: clamp(80px, 12.5vw, 240px);
    height: clamp(80px, 12.5vw, 240px);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .flip-app--mode .flip-app__coin {
    width: clamp(80px, 23.438vw, 240px);
    height: clamp(80px, 23.438vw, 240px);
  }
}
@media (max-width: 576px) {
  .flip-app--mode .flip-app__coin {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .flip-app--mode .flip-app__inner {
    grid-gap: 0;
  }
}
@media (min-width: 1026px) {
  .flip-app--mode .flip-app__content {
    width: clamp(80px, 12.5vw, 240px);
    height: clamp(80px, 12.5vw, 240px);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .flip-app--mode .flip-app__content {
    width: clamp(80px, 23.438vw, 240px);
    height: clamp(80px, 23.438vw, 240px);
  }
}
@media (max-width: 576px) {
  .flip-app--mode .flip-app__content {
    width: 80px;
    height: 80px;
  }
}

.game-info {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(1px, 0.977vw, 10px);
  position: relative;
  z-index: 1;
}
.game-info__text {
  font-weight: 700;
  text-align: center;
  color: rgba(var(--cl-e), 1);
}
@media (min-width: 1026px) {
  .game-info__text {
    font-size: clamp(18px, 1.0417vw, 20px);
  }
}
@media (max-width: 1026px) {
  .game-info__text {
    font-size: clamp(14px, 1.758vw, 18px);
  }
}
.game-info__value {
  text-shadow: 0 0 20px 0 rgba(var(--cl-a), 0.2);
  font-weight: 800;
  font-size: 60px;
  text-align: center;
  line-height: 140%;
}
@media (min-width: 1026px) {
  .game-info__value {
    font-size: clamp(46px, 3.125vw, 60px);
  }
}
@media (max-width: 1026px) {
  .game-info__value {
    font-size: clamp(28px, 4.492vw, 46px);
  }
}
.game-info__bg {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1026px) {
  .game-info__bg {
    width: clamp(231px, 15.625vw, 300px);
    height: clamp(200px, 12.5vw, 240px);
  }
}
@media (max-width: 1026px) {
  .game-info__bg {
    width: clamp(175px, 22.559vw, 231px);
    height: clamp(133px, 19.531vw, 200px);
  }
}
.game-info__bg img, .game-info__bg picture {
  width: 100%;
  height: 100%;
}

.main-section {
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}
.main-section__box {
  display: flex;
  flex-direction: column;
  grid-gap: 30px;
}
.main-section__inner {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(20px, 1.3021vw, 25px);
}
.main-section--mode {
  padding-bottom: clamp(30px, 3.125vw, 60px);
}

.faq-section {
  overflow: hidden;
  padding-bottom: clamp(30px, 1.7188vw, 33px);
}
.faq-section__box {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(30px, 2.0833vw, 40px);
}
.faq-section__inner {
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1026px) {
  .faq-section__inner {
    grid-gap: clamp(20px, 1.3021vw, 25px);
    padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
  }
}
@media (max-width: 1026px) {
  .faq-section__inner {
    grid-gap: clamp(15px, 1.953vw, 20px);
    padding: clamp(20px, 2.441vw, 25px);
  }
}

.error-section {
  position: relative;
  z-index: 1;
  padding: 0 !important;
  height: 100vh;
  overflow: hidden;
}
.error-section__bg {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
}
.error-section__bg img, .error-section__bg picture {
  width: 100%;
  height: 100%;
}
.error-section__image {
  position: absolute;
  bottom: 0;
}
.error-section__image img, .error-section__image picture {
  width: 100%;
  height: 100%;
}
@media (min-width: 1241px) {
  .error-section__image {
    left: 11%;
  }
}
@media (max-width: 1240px) and (min-width: 768px) {
  .error-section__image {
    left: 0;
  }
}
@media (min-width: 1026px) {
  .error-section__image {
    width: clamp(492px, 39.1667vw, 752px);
    height: clamp(547px, 43.5417vw, 836px);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .error-section__image {
    width: min(48.047vw, 492px);
    height: min(53.418vw, 547px);
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .error-section__image {
    left: -2%;
  }
}
@media (max-width: 576px) {
  .error-section__image {
    width: 100%;
    height: auto;
    z-index: -1;
  }
}
.error-section__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  grid-gap: clamp(15px, 2.8646vw, 55px);
  margin-top: 30px;
}
.error-section__inner .violet-btn {
  margin-top: 15px;
}
@media (min-width: 1026px) {
  .error-section__inner .violet-btn {
    padding: clamp(11px, 1.0417vw, 20px) 25px;
    font-size: clamp(16px, 1.0417vw, 20px);
  }
}
@media (max-width: 1026px) {
  .error-section__inner .violet-btn {
    font-size: clamp(14px, 1.563vw, 16px);
  }
}
.error-section__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  height: 100vh;
  grid-gap: 15px;
}
@media (min-width: 1241px) {
  .error-section__box {
    padding: 0 clamp(63px, 12.2396vw, 235px);
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .error-section__box {
    padding: 0 63px;
  }
}
@media (max-width: 1026px) {
  .error-section__box {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .error-section__box {
    align-items: flex-end;
  }
}
@media (max-width: 576px) {
  .error-section__box {
    padding-top: 188px;
    align-items: center;
    justify-content: flex-start;
  }
}
@media (min-width: 1026px) {
  .error-section__title {
    font-size: clamp(96px, 8.3333vw, 160px);
  }
}
@media (max-width: 1026px) {
  .error-section__title {
    font-size: clamp(72px, 9.375vw, 96px);
  }
}

.referral-section {
  padding-bottom: clamp(30px, 2.0833vw, 40px);
}
.referral-section__box {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(30px, 2.0833vw, 40px);
}
@media (max-width: 410px) {
  .referral-section .game-top {
    flex-direction: column;
    align-items: stretch;
  }
  .referral-section .game-top .info-btn {
    align-self: flex-end;
    max-width: 100%;
  }
}
.referral-section__inner {
  display: grid;
}
@media (min-width: 1441px) {
  .referral-section__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .referral-section__inner {
    grid-gap: 20px clamp(10px, 1.0417vw, 20px);
  }
}
@media (max-width: 1440px) and (min-width: 576px) {
  .referral-section__inner {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
@media (max-width: 1026px) {
  .referral-section__inner {
    grid-gap: 20px clamp(10px, 1.953vw, 20px);
  }
}
@media (max-width: 576px) {
  .referral-section__inner {
    grid-template-columns: 100%;
  }
  .referral-section__inner .referral-player:not(.referral-player--mode) {
    margin-top: 5px;
  }
}
.referral-section__box {
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
}
@media (min-width: 1026px) {
  .referral-section__box {
    padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
  }
}
@media (max-width: 1026px) {
  .referral-section__box {
    padding: clamp(20px, 2.441vw, 25px);
  }
}
@media (min-width: 1026px) {
  .referral-section__box .title {
    margin-bottom: 5px;
  }
}
@media (max-width: 576px) {
  .referral-section__box .title {
    margin-bottom: 5px;
  }
}
.referral-section__wrapper {
  display: grid;
}
@media (min-width: 1241px) {
  .referral-section__wrapper {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: clamp(10px, 1.0417vw, 20px);
  }
}
@media (max-width: 1280px) and (min-width: 1241px) {
  .referral-section__wrapper {
    grid-gap: 10px;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .referral-section__wrapper {
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .referral-section__wrapper {
    grid-gap: clamp(10px, 1.953vw, 20px);
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 805px) and (min-width: 768px) {
  .referral-section__wrapper {
    grid-gap: 7px;
  }
}
@media (max-width: 768px) {
  .referral-section__wrapper {
    grid-gap: 20px;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .referral-section__wrapper {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  }
}
@media (max-width: 576px) {
  .referral-section__wrapper {
    margin-top: 5px;
    grid-template-columns: 100%;
  }
}
.referral-section--mode {
  padding-bottom: clamp(30px, 3.125vw, 60px);
}
@media (min-width: 576px) {
  .referral-section--mode .referral-section__box {
    grid-gap: clamp(20px, 1.3021vw, 25px);
  }
}
@media (max-width: 576px) {
  .referral-section--mode .referral-section__box {
    grid-gap: 25px;
  }
}
.referral-section--mode .referral-section__box .title {
  font-size: 20px;
  margin: 0;
}

.bonus-section {
  padding-bottom: clamp(25px, 3.125vw, 60px);
}
.bonus-section__box {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(30px, 3.906vw, 40px);
}
.bonus-section__bottom {
  border-radius: 20px;
  background-color: rgba(var(--bg-f), 0.2);
  display: flex;
  flex-direction: column;
}
@media (min-width: 1026px) {
  .bonus-section__bottom {
    grid-gap: 20px;
  }
}
@media (max-width: 1026px) {
  .bonus-section__bottom {
    grid-gap: 25px;
  }
}
@media (min-width: 1026px) {
  .bonus-section__bottom .title {
    margin-bottom: 10px;
  }
}
.bonus-section__bottom .title {
  font-size: 24px;
}
.bonus-section__bottom p {
  line-height: 130%;
  color: rgba(var(--cl-a), 1);
  font-weight: 700;
}
@media (min-width: 1026px) {
  .bonus-section__bottom p {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
}
@media (max-width: 1026px) {
  .bonus-section__bottom p {
    font-size: clamp(14px, 1.563vw, 16px);
  }
}
@media (max-width: 576px) {
  .bonus-section__bottom p {
    line-height: 125%;
  }
}
@media (min-width: 576px) {
  .bonus-section__bottom p br:not(.mode) {
    display: none;
  }
}
@media (min-width: 576px) {
  .bonus-section__bottom p br.mode {
    display: inline;
  }
}
@media (max-width: 576px) {
  .bonus-section__bottom p br.mode {
    display: none;
  }
}
@media (min-width: 1026px) {
  .bonus-section__bottom {
    padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 6.7708vw, 130px) clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .bonus-section__bottom {
    padding: clamp(20px, 2.441vw, 25px);
  }
}
@media (max-width: 576px) {
  .bonus-section__bottom {
    padding: 30px 20px;
  }
}

.info-section {
  padding-bottom: clamp(15px, 2.0833vw, 40px);
}
.info-section__box {
  display: flex;
  flex-direction: column;
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 20px;
}
@media (min-width: 1026px) {
  .info-section__box {
    grid-gap: clamp(20px, 1.3021vw, 25px);
    padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
  }
}
@media (max-width: 1026px) {
  .info-section__box {
    grid-gap: clamp(15px, 1.953vw, 20px);
    padding: clamp(15px, 2.441vw, 25px);
  }
}
@media (max-width: 576px) {
  .info-section .title span:not(.title__mob) {
    display: none;
  }
}
@media (min-width: 576px) {
  .info-section .title__mob {
    display: none;
  }
}
@media (max-width: 576px) {
  .info-section .title__mob {
    display: inline;
  }
}
.info-section h2, .info-section h3, .info-section h4, .info-section h5, .info-section h6 {
  margin-bottom: clamp(5px, 0.5208vw, 10px);
  font-weight: 800;
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: 125%;
}
.info-section p {
  font-size: clamp(14px, 0.8333vw, 16px);
  color: rgba(var(--cl-a), 1);
  margin-bottom: clamp(15px, 1.0417vw, 20px);
  line-height: 125%;
}
.info-section ol {
  counter-reset: li;
  padding-left: 24px;
  margin-bottom: clamp(10px, 0.7813vw, 15px);
}
.info-section ol li {
  position: relative;
}
.info-section ol li::before {
  position: absolute;
  left: -18px;
  top: 0;
  content: counter(li) ". ";
  counter-increment: li;
  font-family: var(--font-family);
  font-size: clamp(14px, 0.8333vw, 16px);
  color: rgba(var(--cl-a), 1);
  line-height: 125%;
  font-weight: 500;
}
.info-section ol li:nth-child(n+10)::before {
  left: -26px;
}
.info-section ol li:nth-child(11)::before {
  left: -23px;
}
.info-section ol li ol {
  counter-reset: subitem;
}
.info-section ol li ol li::before {
  content: counter(subitem, lower-alpha) ". ";
  counter-increment: subitem;
}
.info-section ol li ol li:nth-child(n+10)::before {
  left: -18px;
}
.info-section ol p {
  margin-bottom: clamp(8px, 0.5208vw, 10px);
}
.info-section--mode h2 {
  margin-bottom: 10px;
}

.cases-section {
  padding-bottom: clamp(25px, 3.125vw, 60px);
}
.cases-section__box {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(55px, 3.6458vw, 70px);
}
@media (max-width: 1440px) {
  .cases-section__box {
    grid-gap: 95px;
  }
}
.cases-section__objects {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(20px, 1.3021vw, 25px);
  border-radius: 20px;
  background-color: rgba(var(--bg-f), 0.2);
}
@media (min-width: 1026px) {
  .cases-section__objects {
    padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
  }
}
@media (max-width: 1026px) {
  .cases-section__objects {
    padding: clamp(20px, 2.441vw, 25px);
  }
}
.cases-section__objects .title {
  font-size: 20px;
}
.cases-section__objects .title img, .cases-section__objects .title svg {
  width: 32px;
  height: 32px;
}
.cases-section__content {
  display: flex;
  flex-direction: column;
  grid-gap: 27px;
}

.cabinet-section {
  padding-bottom: clamp(30px, 3.125vw, 60px);
}
.cabinet-section__box {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
.cabinet-section__box .promotions-list {
  margin-top: 15px;
}
.cabinet-section__user {
  display: grid;
  grid-gap: 20px clamp(20px, 2.0833vw, 40px);
}
@media (min-width: 1441px) {
  .cabinet-section__user {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .cabinet-section__user {
    grid-template-columns: 100%;
  }
}
@media (max-width: 1026px) and (min-width: 850px) {
  .cabinet-section__user {
    grid-template-columns: 1fr minmax(435px, 1fr);
  }
}
@media (max-width: 850px) {
  .cabinet-section__user {
    grid-template-columns: 100%;
  }
}
.cabinet-section__top {
  display: flex;
  align-items: center;
  grid-gap: 15px;
  justify-content: space-between;
}
.cabinet-section__top--mode {
  flex-direction: row;
  flex-wrap: wrap;
  grid-gap: 10px 15px;
}
.cabinet-section__top--mode .title--mode {
  font-size: clamp(18px, 1.953vw, 20px);
}
@media (max-width: 1150px) and (min-width: 1026px) {
  .cabinet-section__top {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .cabinet-section__top {
    align-items: flex-start;
    flex-direction: column;
  }
}
.cabinet-section__inner {
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1026px) {
  .cabinet-section__inner {
    padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
    grid-gap: clamp(20px, 1.3021vw, 25px);
  }
}
@media (max-width: 1026px) {
  .cabinet-section__inner {
    padding: clamp(20px, 2.441vw, 25px);
    grid-gap: clamp(15px, 1.953vw, 20px);
  }
}
.cabinet-section__inner .page-nav {
  align-self: center;
  margin-top: 10px;
}
.cabinet-section__inner--transfer {
  margin-top: 15px;
  grid-gap: clamp(10px, 0.7813vw, 15px);
}
@media (max-width: 576px) {
  .cabinet-section__inner--transfer {
    padding: 25px 20px;
  }
}
.cabinet-section__payment {
  display: grid;
}
@media (min-width: 1241px) {
  .cabinet-section__payment {
    grid-template-columns: 1fr 0.85fr;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .cabinet-section__payment {
    grid-template-columns: 100%;
  }
}
@media (min-width: 1026px) {
  .cabinet-section__payment {
    grid-gap: 25px clamp(30px, 2.0833vw, 40px);
  }
}
@media (max-width: 1026px) {
  .cabinet-section__payment {
    grid-gap: 25px clamp(20px, 2.93vw, 30px);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .cabinet-section__payment {
    grid-template-columns: 0.98fr 1fr;
  }
}
@media (max-width: 768px) {
  .cabinet-section__payment {
    grid-template-columns: 100%;
  }
}

.game-section {
  padding-bottom: clamp(30px, 3.125vw, 60px);
}
.game-section__box {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(30px, 2.0833vw, 40px);
}
.game-section__inner {
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  grid-gap: clamp(20px, 1.3021vw, 25px);
}
@media (min-width: 1026px) {
  .game-section__inner {
    padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
  }
}
@media (max-width: 1026px) {
  .game-section__inner {
    padding: 25px clamp(20px, 2.441vw, 25px);
  }
}
.game-section__inner .title {
  font-size: 20px;
}
.game-section__inner .title img,
.game-section__inner .title svg {
  width: 32px;
  height: 32px;
}
@media (min-width: 1026px) {
  .game-section__inner--mode {
    padding-right: 22px;
  }
}
@media (max-width: 1026px) {
  .game-section__inner--mode {
    padding-right: 25px;
  }
}
@media (max-width: 576px) {
  .game-section__inner--mode {
    padding-right: 20px;
  }
}
@media (max-width: 576px) {
  .game-section__inner--flip .info-btn b {
    display: none;
  }
}
.game-section__wrapper {
  background-color: rgba(var(--bg-f), 0.2);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  grid-gap: clamp(20px, 1.3021vw, 25px);
}
@media (min-width: 1026px) {
  .game-section__wrapper {
    padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
  }
}
@media (max-width: 1026px) {
  .game-section__wrapper {
    padding: 25px clamp(20px, 2.441vw, 25px);
  }
}
@media (max-width: 410px) {
  .game-section__wrapper .info-btn:not(.info-btn--mode) {
    overflow: hidden;
    width: min(30.488vw, 125px);
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    padding-left: 31px;
    position: relative;
  }
  .game-section__wrapper .info-btn:not(.info-btn--mode) img, .game-section__wrapper .info-btn:not(.info-btn--mode) svg {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
}
.game-section__bg {
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
}
.game-section__bg img,
.game-section__bg picture {
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.game-section__title {
  text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
  font-weight: 800;
  line-height: 130%;
}
@media (min-width: 1026px) {
  .game-section__title {
    font-size: clamp(18px, 1.25vw, 24px);
  }
}
@media (max-width: 1026px) {
  .game-section__title {
    font-size: clamp(16px, 1.758vw, 18px);
  }
}
.game-section__bottom {
  display: grid;
  grid-gap: 20px;
  justify-items: end;
}
.game-section__bottom .game-section__title {
  grid-column: 1/-1;
  justify-self: center;
}
.game-section__bottom .yellow-btn:last-child {
  justify-self: start;
}
.game-section__bottom .yellow-btn {
  height: clamp(40px, 3.125vw, 60px);
  font-size: clamp(14px, 1.0417vw, 20px);
  padding: clamp(13px, 1.0417vw, 20px) clamp(15px, 1.3021vw, 25px);
}
.game-section__bottom {
  margin-bottom: calc(clamp(40px, 3.125vw, 60px) * -1);
}
@media (max-width: 1026px) {
  .game-section__bottom {
    padding-top: 10px;
  }
}
@media (min-width: 576px) {
  .game-section__bottom {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .game-section__bottom {
    grid-template-columns: 1.15fr 1fr;
  }
}
.game-section__bottom--out {
  margin-bottom: calc(clamp(57px, 4.1667vw, 80px) / 1.3 * -1);
}
.game-section__bottom--out .game-btn--out {
  justify-self: center;
  grid-column: 1/-1;
  height: clamp(57px, 4.1667vw, 80px);
}
@media (max-width: 576px) {
  .game-section__bottom--out {
    margin-bottom: -40px;
  }
}
.game-section__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 20px;
  padding: 0 min(5.2083vw, 100px) 0 min(3.6458vw, 70px);
}
@media (min-width: 1441px) {
  .game-section__content .game-info:nth-child(2) {
    margin-left: -20px;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .game-section__content .game-info:nth-child(2) {
    margin-left: 40px;
  }
}
@media (min-width: 1441px) {
  .game-section__content .game-info:nth-child(3) {
    margin-left: 30px;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .game-section__content .game-info:nth-child(3) {
    margin-left: 50px;
  }
}
@media (max-width: 1440px) and (min-width: 1026px) {
  .game-section__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 75px 20px;
    padding: 20px 50px 5px;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .game-section__content {
    padding: 0 30px 0 55px;
  }
}
@media (max-width: 768px) {
  .game-section__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 75px 20px;
    padding: 20px 0 5px;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .game-section--flip .game-top {
    padding: 0 10px;
  }
}
.game-section--flip .game-section__wrapper {
  position: relative;
}
.game-section--flip .game-section__wrapper:not(.game-section__wrapper--mode) {
  background-color: transparent;
}
@media (min-width: 1026px) {
  .game-section--flip .game-section__wrapper {
    grid-gap: 65px;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .game-section--flip .game-section__wrapper {
    grid-gap: 75px;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .game-section--flip .game-section__wrapper {
    grid-gap: 35px;
  }
}
@media (max-width: 576px) {
  .game-section--flip .game-section__wrapper {
    grid-gap: 25px;
    padding: 25px clamp(20px, 2.441vw, 25px) 15px;
  }
}
@media (min-width: 1026px) {
  .game-section--flip .game-section__box {
    grid-gap: clamp(40px, 3.6458vw, 70px);
  }
}
@media (max-width: 1026px) and (min-width: 576px) {
  .game-section--flip .game-section__box {
    grid-gap: clamp(40px, 4.395vw, 45px);
  }
}
@media (max-width: 576px) {
  .game-section--flip .game-section__box {
    grid-gap: 50px;
  }
}
@media (min-width: 1026px) {
  .game-section--flip .game-section__box--mode {
    grid-gap: 40px;
  }
}
@media (max-width: 1026px) {
  .game-section--flip .game-section__box--mode {
    grid-gap: 25px;
  }
}
.game-section--flip .game-section__top {
  margin-bottom: 5px;
}
@media (min-width: 1026px) {
  .game-section--flip .history-box__list {
    height: clamp(300px, 17.7083vw, 340px);
  }
}
@media (max-width: 1026px) {
  .game-section--flip .history-box__list {
    height: clamp(300px, 33.203vw, 340px);
  }
}
.game-section--flip .history-box__list--mode {
  height: -moz-fit-content;
  height: fit-content;
}
.game-section--flip .history-box__list--flip {
  height: -moz-fit-content;
  height: fit-content;
}
.game-section--flip .history-box__row {
  margin-right: 0;
}

.chat {
  background-color: rgba(var(--bg-e), 0.3);
  top: 0;
  right: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  padding-bottom: 61px;
}
@media (min-width: 1026px) {
  .chat {
    width: clamp(325px, 20.052vw, 385px);
    position: fixed;
    height: 100%;
  }
}
@media (max-width: 1026px) {
  .chat {
    position: fixed;
    top: var(--header-height);
    width: 0;
    height: 0;
    background-color: var(--chat-bg);
    z-index: 100;
    overflow: hidden;
    border-bottom-left-radius: 100%;
    transition: 0.3s ease;
    background-image: url(/assets_new/img/bg2.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
  }
  .chat.active {
    width: 100%;
    height: calc(100vh - var(--header-height) - 60px);
  }
  @supports (height: 100dvh) {
    .chat.active {
      height: calc(100dvh - var(--header-height) - 60px);
    }
  }
  .chat.active {
    border-bottom-left-radius: 0;
  }
  .chat.active .mobile__menu-list,
  .chat.active .mobile__menu-top {
    opacity: 1;
    visibility: visible;
  }
  .chat::before {
    background-color: rgba(var(--bg-e), 0.3);
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    pointer-events: none;
    z-index: -1;
  }
}
.chat__list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
@media (min-width: 1026px) {
  .chat__list {
    margin-right: 3px;
    height: calc(100vh - 85px);
  }
  @supports (height: 100dvh) {
    .chat__list {
      height: calc(100dvh - 85px);
    }
  }
}
@media (max-width: 1026px) {
  .chat__list {
    height: calc(100vh - 55px);
  }
  @supports (height: 100dvh) {
    .chat__list {
      height: calc(100dvh - 55px);
    }
  }
}
.chat__list::-webkit-scrollbar {
  width: 4px;
}
.chat__list::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
}
.chat__list::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
}
.chat__top {
  padding: clamp(10px, 1.3021vw, 25px) 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 15px;
  background-color: rgba(var(--bg-g), 1);
}
@media (min-width: 1026px) {
  .chat__top {
    height: 85px;
  }
}
@media (max-width: 1026px) {
  .chat__top {
    height: 55px;
  }
}
.chat__title {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  font-weight: 800;
  font-size: 16px;
}
.chat__online {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  padding: 10px 15px;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 14px;
  color: rgba(var(--cl-i), 1);
  background-color: rgba(var(--bg-f), 0.4);
  border-radius: 20px;
}
.chat__point {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: rgba(var(--cl-i), 1);
  box-shadow: 0 0 10px 0 rgba(var(--cl-i), 1);
}
.chat__item {
  border-bottom: 1px solid var(--br-a);
}
.chat__autorization {
  display: inline-flex;
  padding: 2px 0;
}
.chat__link {
  font-weight: 700;
  font-size: 14px;
  transition: all 0.4s;
  text-decoration: underline;
  -webkit-text-decoration-skip: auto;
          text-decoration-skip: auto;
  text-underline-offset: 4px;
  text-decoration-color: transparent;
  color: rgba(var(--cl-m), 1);
}
.chat__link:hover {
  text-decoration-color: inherit;
}
.chat__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(var(--bg-m), 1);
  z-index: 10;
  padding: 19.5px 20px;
}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .chat__bottom {
    padding-bottom: calc(19.5px + env(safe-area-inset-bottom));
  }
}
.chat__wrapper {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.chat__area {
  grid-column: span 2;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: rgba(var(--cl-e), 1);
  background-color: transparent;
  min-height: 76px;
}
.chat__area::-moz-placeholder {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: rgba(var(--cl-e), 1);
}
.chat__area::placeholder {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: rgba(var(--cl-e), 1);
}
.chat__area::-webkit-scrollbar {
  width: 4px;
}
.chat__area::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
}
.chat__area::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
}
.chat__btn {
  display: flex;
  width: 24px;
  height: 24px;
}
.chat__btn-smile {
  opacity: 0.5;
  transition: all 0.4s;
}
.chat__btn-smile:hover {
  opacity: 1;
}
.chat__btn-send {
  opacity: 1;
  transition: all 0.4s;
  justify-self: end;
}
.chat__btn-send:hover {
  filter: brightness(1.3);
}
.chat.completed {
  padding-bottom: 150px;
}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .chat.completed {
    padding-bottom: calc(150px + env(safe-area-inset-bottom));
  }
}
.chat.completed .chat__wrapper {
  display: grid;
}

.aside {
  display: flex;
  left: 0;
  width: clamp(80px, 7.2917vw, 140px);
  z-index: 35;
}
@media (min-width: 1026px) {
  .aside {
    flex-direction: column;
    background-color: rgba(var(--bg-e), 0.3);
    height: 100%;
    position: fixed;
    top: 0;
  }
}
.aside .aside-nav {
  flex-grow: 1;
}
@media (min-width: 1026px) {
  .aside .aside-nav {
    padding-top: 20px;
    overflow-y: auto;
  }
}
.aside .aside-nav::-webkit-scrollbar {
  width: 4px;
}
.aside .aside-nav::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
}
.aside .aside-nav::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
}
.aside__social {
  padding: 34px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 15px;
}
@media (max-width: 1026px) {
  .aside__social {
    display: none;
  }
}
.aside__link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.aside__link svg {
  transition: all 0.3s;
  fill: rgba(var(--cl-h), 1);
}
.aside__link:hover svg {
  fill: rgba(var(--cl-a), 1);
}
.aside__link.active svg {
  fill: rgba(var(--cl-a), 1);
}
@media (max-width: 1026px) {
  .aside {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: rgba(var(--bg-l), 1);
    justify-content: center;
    height: 60px;
  }
}

.header {
  left: 0;
  right: 0;
  top: 0;
  height: clamp(64px, 5.2083vw, 100px);
}
@media (max-width: 1026px) {
  .header {
    position: absolute;
  }
}
.header__box {
  height: clamp(64px, 5.2083vw, 100px);
  display: grid;
  grid-gap: clamp(20px, 2.865vw, 55px);
  align-items: center;
}
@media (min-width: 1026px) {
  .header__box {
    grid-template-columns: 100%;
    padding-left: clamp(20px, 2.865vw, 55px);
    padding-right: clamp(20px, 2.865vw, 55px);
  }
}
@media (max-width: 1026px) {
  .header__box {
    grid-template-columns: 78px 1fr;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(var(--bg-o), 1);
    z-index: 35;
    padding-right: var(--container-offset);
  }
}
.header__wrapper {
  display: flex;
  align-items: center;
  grid-gap: clamp(5px, 1.0417vw, 20px);
}
@media (max-width: 1300px) and (min-width: 1240px) {
  .header__wrapper {
    grid-gap: 5px;
  }
}
.header__wrapper .violet-btn {
  grid-gap: 5px;
  font-size: clamp(14px, 0.9375vw, 18px);
  padding: clamp(10px, 0.7813vw, 15px) clamp(15px, 1.0417vw, 20px);
}
.header__inner {
  align-items: center;
}
@media (min-width: 1026px) {
  .header__inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: clamp(10px, 1.0417vw, 20px);
  }
}
@media (max-width: 1026px) {
  .header__inner {
    grid-gap: 20px;
    display: flex;
    justify-content: flex-end;
  }
  .header__inner .main-nav {
    display: none;
  }
  .header__inner .lang-select {
    display: none;
  }
}
@media (max-width: 1240px) and (min-width: 1026px) {
  .header .player, .header .balance {
    display: none;
  }
}
.header__btns {
  transition: transform 0.45s cubic-bezier(0.6, 0.6, 0, 1), opacity 0.45s cubic-bezier(0.6, 0.6, 0, 1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-gap: 8px;
}
.header__btns .main-btn {
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 14px;
}
@media (min-width: 1241px) {
  .header__btns .main-btn {
    min-width: 131px;
  }
}
@media (max-width: 1240px) and (min-width: 768px) {
  .header__btns .main-btn {
    min-width: 95px;
  }
}
@media (min-width: 768px) {
  .header__btns .main-btn {
    height: 50px;
  }
}
@media (max-width: 768px) {
  .header__btns .main-btn {
    min-width: clamp(121px, 11.1966vw, 131px);
    height: clamp(48px, 4.2735vw, 50px);
    font-size: clamp(12px, 1.1966vw, 14px);
  }
}
@media (max-width: 576px) {
  .header__btns .main-btn {
    font-size: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    padding: 5px;
    min-width: initial;
  }
  .header__btns .main-btn svg {
    width: 24px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 1240px) {
  .header__btns {
    justify-self: end;
  }
}
@media (min-width: 576px) {
  .header__btns * > svg {
    display: none;
  }
}
@media (max-width: 576px) {
  .header__btns .header__btn {
    font-size: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    padding: 5px;
  }
  .header__btns .header__btn svg {
    width: 20px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.header__user {
  height: 100%;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  padding-left: 37px;
  position: relative;
  z-index: 1;
}
.header__user-image {
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 12px;
  flex-shrink: 0;
}
.header__user::before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% + 35px);
  background-color: var(--br-g);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 768px) {
  .header__user {
    justify-self: end;
  }
  .header__user::before {
    display: none;
  }
}

.footer {
  overflow: hidden;
}
@media (min-width: 1026px) {
  .footer {
    padding: clamp(15px, 1.3281vw, 25.5px) clamp(20px, 2.865vw, 55px);
  }
}
@media (max-width: 1026px) {
  .footer {
    padding: clamp(15px, 1.3281vw, 25.5px) 0;
  }
}
.footer__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 15px;
  position: relative;
}
.footer .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.footer__copyright {
  font-weight: 500;
  font-size: clamp(11px, 0.7292vw, 14px);
  text-align: right;
  color: rgba(var(--cl-f), 1);
}
@media (max-width: 1026px) {
  .footer {
    margin-bottom: 60px;
  }
}

.footer-social__link {
  font-weight: 500;
  font-size: clamp(11px, 0.7292vw, 14px);
  text-align: right;
  color: rgba(var(--cl-f), 1);
  transition: all 0.4s;
}
.footer-social__link:hover {
  color: rgba(var(--cl-a), 1);
}
.footer-social__link.mode {
  text-decoration: underline;
}
.footer-social__link-text {
  color: inherit;
  font-weight: inherit;
}
@media (max-width: 1026px) {
  .footer-social__link-text {
    display: none;
  }
}
.footer-social__link-text.mob {
  display: none;
}
@media (max-width: 1026px) {
  .footer-social__link-text.mob {
    display: inline-flex;
  }
}

.mobile {
  position: fixed;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(var(--bg-n), 1);
  z-index: 50;
  overflow: hidden;
  border-bottom-left-radius: 100%;
  transition: 0.3s ease;
  max-width: 313px;
}
.mobile.active {
  display: flex;
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 0;
}
.mobile.active .mobile__menu-list,
.mobile.active .mobile__menu-top {
  opacity: 1;
  visibility: visible;
}
.mobile__menu {
  padding: 30px 0 20px;
  width: 100%;
  flex: 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mobile__menu .mobile__menu-list,
.mobile__menu .mobile__menu-top {
  opacity: 0;
}
.mobile__menu-btns {
  padding: 20px 25px 0;
  display: flex;
  grid-gap: 25px;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mobile__menu-btn {
  display: flex;
  width: 40px;
  height: 40px;
}
.mobile__menu-btn svg {
  width: 100%;
  height: auto;
  transition: all 0.3s;
  fill: rgba(var(--cl-h), 1);
}
.mobile__menu-btn:hover svg {
  fill: rgba(var(--cl-c), 1);
}
.mobile__menu-top {
  padding: 0 25px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 15px;
  width: 100%;
  transition: 0.3s ease;
}
.mobile__menu-icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile__menu-list {
  transition: 0.3s ease;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 10px;
  padding: 10px 25px 10px;
  border-top: 2px solid var(--br-a);
}
.mobile__menu-list li {
  width: 100%;
}
.mobile__menu-list a {
  width: 100%;
  padding: 15px 0;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  font-weight: 700;
  font-size: 18px;
  transition: all 0.3s ease;
}
.mobile__menu-list a:hover {
  color: rgba(var(--cl-c), 1);
}
.mobile__menu-list.mode {
  padding-top: 21px;
  flex-grow: 1;
  border-bottom: 2px solid var(--br-a);
  border-top: none;
  position: relative;
  z-index: 1;
}
.mobile__menu-list.mode::before {
  content: "";
  z-index: 2;
  position: absolute;
  left: 25px;
  right: 25px;
  top: 0;
  border-top: 2px solid var(--br-a);
  pointer-events: none;
}
.mobile .yellow-btn {
  padding: clamp(8px, 1.27vw, 13px) 13px;
}
.mobile .lang-select {
  display: block;
}

.modal {
  position: relative;
  flex-direction: column;
  align-items: center;
  grid-gap: 25px;
  border-radius: 20px;
  z-index: 1;
  max-width: clamp(440px, 27.0833vw, 520px);
  background-color: rgba(var(--bg-n), 1);
}
@media (min-width: 1026px) {
  .modal {
    padding: clamp(30px, 2.0833vw, 40px);
  }
}
@media (max-width: 1026px) {
  .modal {
    padding: clamp(25px, 2.93vw, 30px);
  }
}
@media (min-width: 576px) {
  .modal {
    width: 90vw;
  }
}
@media (max-width: 576px) {
  .modal {
    width: 81.5vw;
  }
}
.modal__box {
  width: 100%;
  display: flex;
  flex-direction: column;
  grid-gap: 25px;
  z-index: 2;
  position: relative;
}
.modal__inner {
  width: 100%;
  display: flex;
  grid-gap: clamp(15px, 1.0417vw, 20px);
  flex-wrap: wrap;
  justify-content: center;
}
.modal__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1026px) {
  .modal__wrapper {
    grid-gap: clamp(10px, 1.0417vw, 20px);
  }
}
@media (max-width: 1026px) {
  .modal__wrapper {
    grid-gap: clamp(5px, 0.977vw, 10px);
  }
}
.modal__btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.modal__btns button {
  width: 100%;
  border-radius: 10px;
  padding: 13px 15px;
}
@media (min-width: 1026px) {
  .modal__btns button {
    height: clamp(45px, 2.6042vw, 50px);
    font-size: clamp(16px, 0.9375vw, 18px);
  }
}
@media (max-width: 1026px) {
  .modal__btns button {
    font-size: clamp(14px, 1.563vw, 16px);
    height: clamp(40px, 4.395vw, 45px);
  }
}
.modal__wrapp {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(5px, 0.977vw, 10px);
}
@media (max-width: 768px) {
  .modal__wrapp .modal__text:nth-child(3n) {
    margin-top: 5px;
  }
}
.modal__text {
  border-radius: 30px;
  padding: 10px 20px;
  background-color: rgba(var(--bg-k), 0.1);
}
.modal__pretitle {
  font-weight: 500;
  font-size: clamp(16px, 0.9375vw, 18px);
  color: rgba(var(--cl-u), 1);
}
.modal__title {
  font-weight: 800;
  text-align: center;
}
@media (min-width: 1026px) {
  .modal__title {
    font-size: clamp(22px, 1.25vw, 24px);
  }
}
@media (max-width: 1026px) {
  .modal__title {
    font-size: clamp(18px, 2.148vw, 22px);
  }
}
.modal__coin {
  display: flex;
}
@media (min-width: 1026px) {
  .modal__coin {
    width: clamp(24px, 1.6667vw, 32px);
    height: clamp(24px, 1.6667vw, 32px);
  }
}
@media (max-width: 1026px) {
  .modal__coin {
    width: clamp(16px, 2.344vw, 24px);
    height: clamp(16px, 2.344vw, 24px);
  }
}
.modal__coin svg {
  width: 100%;
  height: 100%;
}
.modal__subtitle {
  font-weight: 700;
  text-align: center;
  display: inline-flex;
  align-items: center;
  grid-gap: 5px;
}
@media (min-width: 1026px) {
  .modal__subtitle {
    font-size: clamp(16px, 0.9375vw, 18px);
  }
}
@media (max-width: 1026px) {
  .modal__subtitle {
    font-size: clamp(14px, 1.563vw, 16px);
  }
}
.modal__list {
  display: grid;
  align-items: center;
}
@media (min-width: 1026px) {
  .modal__list {
    grid-gap: 20px;
  }
}
@media (max-width: 1026px) {
  .modal__list {
    grid-gap: 10px;
  }
}
@media (min-width: 768px) {
  .modal__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .modal__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .modal__item:nth-child(3) {
    grid-column: span 2;
  }
  .modal__item:nth-child(3) .blue-btn {
    justify-content: center;
    grid-template-columns: repeat(2, min-content) !important;
    grid-gap: 25px;
  }
}
.modal__top {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(5px, 0.5208vw, 10px);
  align-items: center;
}
.modal__bottom {
  display: flex;
  justify-content: center;
  grid-gap: clamp(15px, 1.0417vw, 20px);
  align-items: center;
}
@media (min-width: 1026px) {
  .modal.sell .modal__box {
    grid-gap: clamp(25px, 2.0833vw, 40px);
  }
}
@media (max-width: 1026px) {
  .modal.sell .modal__box {
    grid-gap: clamp(20px, 2.441vw, 25px);
  }
}
@media (min-width: 1026px) {
  .modal.cabinet {
    max-width: clamp(510px, 28.6979vw, 551px);
  }
}
@media (max-width: 1026px) {
  .modal.cabinet {
    max-width: clamp(350px, 49.805vw, 510px);
  }
}
.modal.cabinet {
  padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
}
.modal.cabinet .modal__box {
  grid-gap: clamp(20px, 1.3021vw, 25px);
}
.modal.cabinet .modal__list {
  grid-template-columns: 100%;
  grid-gap: clamp(23px, 1.3021vw, 25px);
}
.modal.cabinet .modal__item {
  grid-column: initial;
}
.modal.cabinet .modal__title {
  display: inline-flex;
  grid-gap: 10px;
  align-items: center;
  font-size: clamp(20px, 1.25vw, 24px);
  margin-bottom: 3px;
}
.modal.cabinet .modal__title img,
.modal.cabinet .modal__title svg {
  width: clamp(32px, 2.0833vw, 40px);
  height: clamp(32px, 2.0833vw, 40px);
}
.modal.authorization {
  max-width: initial;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 1026px) {
  .modal.authorization {
    width: 925px;
    padding: 40px 0 0;
    background-image: var(--modal-bg);
    background-size: 920px 350px;
  }
}
@media (max-width: 1026px) {
  .modal.authorization {
    padding: 25px 0 0;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .modal.authorization {
    width: 600px;
    background-image: var(--modal-bg-tab);
    background-size: 600px 240px;
  }
}
@media (max-width: 768px) {
  .modal.authorization {
    width: 350px;
    background-image: var(--modal-bg-mob);
    background-size: 350px 265px;
  }
}
.modal.authorization {
  background-color: initial;
  border-radius: initial;
}
.modal.authorization .blue-btn {
  display: grid;
  width: 100%;
  grid-template-columns: auto 1fr;
  justify-items: center;
}
@media (min-width: 1026px) {
  .modal.authorization .modal__title {
    font-size: 30px;
  }
}
@media (max-width: 1026px) {
  .modal.authorization .modal__title {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .modal.authorization .modal__title {
    font-size: 14px;
  }
}
.modal.authorization .modal__box {
  border-radius: 20px;
}
@media (min-width: 1026px) {
  .modal.authorization .modal__box {
    grid-gap: 50px;
    padding: 73px 80px 87px;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .modal.authorization .modal__box {
    grid-gap: 35px;
    padding: 52px 40px 61px;
  }
}
@media (max-width: 768px) {
  .modal.authorization .modal__box {
    padding: 48px 20px 46px;
    grid-gap: 25px;
  }
}
.modal.cases {
  width: 97vw;
  max-width: 97vw;
  height: 100%;
  padding: clamp(25px, 2.93vw, 30px);
  justify-content: center;
  background-color: transparent;
}
@media (max-width: 1026px) and (min-width: 576px) {
  .modal.cases {
    margin-right: 20px;
  }
}
.modal.cases.mode {
  padding: 5px;
}
@media (min-width: 768px) {
  .modal.cases .close {
    right: 20px;
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .modal.cases .close {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 768px) {
  .modal.cases .close {
    position: fixed;
    top: 0;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .modal.cases .close {
    right: 20px;
  }
}
@media (max-width: 576px) {
  .modal.cases .close {
    right: 0;
  }
}
@media (max-width: 768px) {
  .modal.cases .modal__top {
    margin-bottom: 8px;
  }
}
.modal.cases .modal__title {
  font-weight: 800;
  font-size: clamp(26px, 2.3958vw, 46px);
}
@media (min-width: 768px) {
  .modal.cases .modal__bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .modal.cases .modal__bottom .violet-btn {
    width: 100%;
    min-width: clamp(175px, 13.385vw, 257px);
  }
}
@media (max-width: 576px) {
  .modal.cases .modal__bottom .violet-btn {
    white-space: nowrap;
  }
}
@media (max-width: 410px) {
  .modal.cases .modal__bottom .violet-btn {
    font-size: min(3.171vw, 13px);
  }
  .modal.cases .modal__bottom .violet-btn__icon {
    width: min(3.902vw, 16px);
    height: min(3.902vw, 16px);
  }
}
.modal.cases .modal__subtitle {
  font-weight: 800;
  font-size: clamp(14px, 1.0417vw, 20px);
}
.modal.cases .modal__box {
  align-items: center;
}
@media (min-width: 1026px) {
  .modal.cases .modal__box {
    padding: clamp(45px, 2.865vw, 55px) clamp(35px, 2.865vw, 55px);
  }
}
@media (max-width: 1026px) and (min-width: 768px) {
  .modal.cases .modal__box {
    padding: clamp(35px, 4.395vw, 45px) clamp(15px, 3.418vw, 35px);
  }
}
@media (min-width: 768px) {
  .modal.cases .modal__box {
    grid-gap: clamp(25px, 1.563vw, 30px);
    position: relative;
    border-radius: 20px;
    width: -moz-fit-content;
    width: fit-content;
    background-color: rgba(var(--bg-n), 1);
  }
}
@media (max-width: 768px) {
  .modal.cases .modal__box {
    grid-gap: clamp(30px, 2.0833vw, 40px);
  }
}
.modal.flip {
  padding: clamp(45px, 2.6563vw, 51px) clamp(25px, 2.0833vw, 40px);
  max-width: clamp(400px, 24.8958vw, 478px);
}
.modal.flip .modal__icon {
  position: absolute;
  top: 0;
  z-index: 5;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: clamp(55px, 3.5417vw, 68px);
  height: clamp(55px, 3.5417vw, 68px);
}
.modal.flip .modal__icon svg,
.modal.flip .modal__icon img {
  width: 100%;
  height: 100%;
}
.modal.flip .modal__title {
  font-size: clamp(20px, 1.3542vw, 26px);
}
.modal.flip .violet-btn {
  z-index: 5;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  font-size: clamp(14px, 0.9375vw, 18px);
  height: clamp(40px, 2.6042vw, 50px);
}
.modal.flip .game-calc {
  margin: 0;
  background-color: transparent;
  padding: 0;
  grid-gap: clamp(20px, 1.5625vw, 30px);
}
.modal.flip .game-calc__wrapp {
  grid-gap: 30px;
  justify-content: center;
}
.modal.flip .game-calc__title {
  text-align: center;
}
.modal.flip .game-calc__inner {
  grid-gap: 15px;
}
@media (min-width: 1026px) {
  .modal.wheel {
    max-width: clamp(510px, 28.6979vw, 551px);
  }
}
@media (max-width: 1026px) {
  .modal.wheel {
    max-width: clamp(350px, 49.805vw, 510px);
  }
}
.modal.wheel {
  padding: clamp(25px, 1.5625vw, 30px) clamp(25px, 1.8229vw, 35px);
}
.modal.wheel .modal__box {
  grid-gap: clamp(20px, 1.3021vw, 25px);
}
.modal.wheel .modal__title {
  display: inline-flex;
  grid-gap: 10px;
  align-items: center;
  font-size: clamp(20px, 1.25vw, 24px);
  margin-bottom: 3px;
}
.modal.wheel .modal__title img,
.modal.wheel .modal__title svg {
  width: clamp(32px, 2.0833vw, 40px);
  height: clamp(32px, 2.0833vw, 40px);
}
.modal.wheel .modal__text {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 1026px) {
  .modal.wheel .modal__text {
    padding: 10.25px 20px;
  }
}
@media (max-width: 1026px) {
  .modal.wheel .close {
    top: 15px;
    right: 15px;
  }
}

.dashboard {
  padding: clamp(35px, 3.3962vw, 45px) 0 0;
  display: grid;
  grid-template-columns: 237px calc(100% - 237px - clamp(20px, 3.9316vw, 46px));
  grid-gap: clamp(20px, 3.9316vw, 46px);
  align-items: flex-start;
}
@media (min-width: 768px) {
  .dashboard {
    min-height: calc(100vh - var(--header-height));
  }
}
@media (max-width: 1026px) {
  .dashboard {
    grid-template-columns: 100%;
  }
}
.dashboard__title {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 600;
  font-size: clamp(22px, 2.647vw, 36px);
  line-height: 100%;
  color: var(--color-d);
}
.dashboard__exit-buttons {
  max-width: 500px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  width: 100%;
}
.dashboard__btn {
  position: relative;
}
.dashboard__btn::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-r);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.dashboard__btn {
  cursor: pointer;
  position: fixed;
  z-index: 38;
  top: calc(var(--header-height) + 15px);
  transform: translate(-25%, 50%);
  left: clamp(16px, 1.6239vw, 19px);
  transition: all 0.3s ease 0s;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(var(--bg-f), 1);
  align-items: center;
  justify-content: center;
}
@media (min-width: 1026px) {
  .dashboard__btn {
    display: none;
  }
}
@media (max-width: 1026px) {
  .dashboard__btn {
    display: flex;
  }
}
.dashboard__btn-wrapp {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--gradient-i);
  transition: all 0.3s ease 0s;
  max-width: 45px;
  display: grid;
  justify-content: center;
  align-content: center;
  grid-template-columns: 8px 8px;
  grid-template-rows: 8px 8px;
  gap: 3px;
}
.dashboard__btn-wrapp span {
  transition: all 0.5s ease 0s;
  width: 8px;
  height: 8px;
  border: 1px solid var(--br-h);
  border-radius: 2px;
}

.dashboard-nav {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  border-radius: 12px;
  padding: 4px 5px;
  background: var(--gr-x);
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.dashboard-nav::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-w);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.dashboard-nav__item {
  display: flex;
}
@media (max-width: 576px) {
  .dashboard-nav__item {
    width: 50%;
  }
}
.dashboard-nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 13px 21px 12px 17px;
  transition: all 0.3s;
  border-radius: 12px;
  position: relative;
}
.dashboard-nav__btn::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--gr-w);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.dashboard-nav__btn::before {
  transition: all 0.3s;
  opacity: 0;
}
.dashboard-nav__btn.active {
  background: rgba(var(--bg-q), 1);
}
.dashboard-nav__btn.active::before {
  opacity: 1;
}
@media (max-width: 576px) {
  .dashboard-nav__btn {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .dashboard-nav {
    width: 100%;
  }
}

.js-snackbar-container {
  position: fixed;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  max-width: 90%;
  width: 400px;
}

.js-snackbar-container--fixed {
  position: fixed;
}

.js-snackbar-container--top-left {
  top: 10px;
  left: 10px;
}

.js-snackbar-container--top-center {
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.js-snackbar-container--top-right {
  top: 10px;
  right: 10px;
}

.js-snackbar-container--bottom-left {
  bottom: 10px;
  left: 10px;
}

.js-snackbar-container--bottom-center {
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.js-snackbar-container--bottom-right {
  bottom: 10px;
  right: 10px;
}

/* SNACKBAR WRAPPER */
.js-snackbar__wrapper {
  overflow: hidden;
  height: auto;
  margin: 5px 0;
  transition: all ease 0.5s;
}

.js-snackbar {
  display: flex;
  box-sizing: border-box;
  border-radius: 4px;
  color: #eee;
  background: #262626;
  font-size: 14px;
  vertical-align: bottom;
}

.js-snackbar__close {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #BBB;
  font-size: 20px;
}

.js-snackbar__close:hover {
  color: #fff;
}

.js-snackbar__status {
  display: flex;
  align-items: center;
  min-width: 15px;
  width: 15px;
  padding: 0 10px 0 0;
}

.js-snackbar__icon {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 14px;
}

.js-snackbar--success .js-snackbar__icon {
  background: #4CAF50;
  color: #fff;
}

.js-snackbar--warning .js-snackbar__icon {
  background: #FF9800;
  color: #fff;
}

.js-snackbar--danger .js-snackbar__icon {
  background: #F44336;
  color: #fff;
}

.js-snackbar--info .js-snackbar__icon {
  background: #2196F3;
  color: #fff;
}

.js-snackbar__message-wrapper {
  flex: 1;
  padding: 12px;
}

.js-snackbar__message {
  display: inline-block;
}

.js-snackbar__action {
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: #8bc34a;
  cursor: pointer;
}

.js-snackbar--success {
  border-left: 3px solid #4CAF50;
}

.js-snackbar--warning {
  border-left: 3px solid #FF9800;
}

.js-snackbar--danger {
  border-left: 3px solid #F44336;
}

.js-snackbar--info {
  border-left: 3px solid #2196F3;
}

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