table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc; /* Общая граница таблицы */
    margin-bottom: 15px;
    color: #fff;

}

th, td {
    padding: 10px;
    text-align: left;
    border: 1px solid #4b4b4b;
}

th {

    font-weight: bold;
    text-transform: uppercase;
}

.h1,
h1 {
    font-size: 40px; /* 2.5rem */
    color: #fff;
}

.h2,
h2 {
    font-size: 32px; /* 2rem */
}

.h3,
h3 {
    font-size: 18.4px; /* 1.15rem */
    color: #fff;
}

.h4,
h4 {
    font-size: 24px; /* 1.5rem */
    color: #fff;
}

.h5,
h5 {
    font-size: 20px; /* 1.25rem */
    color: #fff;
}

.h6,
h6 {
    font-size: 16px; /* 1rem */
    color: #fff;
}

.game-panel {
  width: 100%;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0
}

@media screen and (max-width: 1024px) {
  .game-panel {
    width: 100%;
    height: auto !important;
    max-width: none !important;
    order: 2
  }
}

@media screen and (max-width: 1024px) {
  .game-panel-head {
    display: none
  }
}

.game-panel-head .head-trapezoid__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -.5px;
  text-transform: uppercase;
  color: #fff
}

.game-panel-head .head-trapezoid__trapezoid {
  top: -1px;
  left: calc(100% - 2px);
  pointer-events: none
}

.game-panel-head .head-trapezoid__body {
  justify-content: flex-end;
  grid-gap: 8px;
  gap: 8px;
  background: #101224
}

.game-panel-head__icons {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

.game-panel-head__icon {
  display: flex;
  padding: 4px;
  border-radius: 8px;
  background-color: #1b1d32;
  cursor: pointer
}

.game-panel-head__icon:hover {
  background: #23253d
}

.game-panel-head__icon svg {
  fill: #858cab
}

.game-panel-head__icon.green svg {
  fill: #3eb13b
}

.game-panel-head__icon.active svg {
  fill: #24abf8
}

.game-panel-body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #101224
}

.game-panel-body__not-available {
  padding: 16px 12px;
  margin: auto;
  text-align: center
}

@media screen and (max-width: 1024px) {
  .game-panel__total-item-mobile {
    display: flex;
    align-items: center;
    min-height: 72px;
    width: 60%;
    padding: 12px 24px;
    background: linear-gradient(269.87deg, #1e1e3f .12%, #18172b 99.9%);
    border-radius: 8px
  }

  .game-panel__total-item-mobile:not(:last-child) {
    width: 40%;
    min-width: 140px;
    margin-right: 24px
  }
}

@media screen and (max-width: 1024px) {
  .game-panel__total-item-mobile {
    padding: 12px;
    min-height: 40px
  }

  .game-panel__total-item-mobile:not(:last-child) {
    margin-right: 12px
  }
}

.SlotCatalogPage .page-container {
  max-width: 100%
}

.slot-catalog .game-panel {
  max-width: 280px;
  min-height: 900px
}

@media screen and (max-width: 1024px) {
  .slot-catalog .game-panel {
    display: none
  }
}

.slot-catalog .game-panel-head .head-trapezoid__trapezoid {
  left: calc(100% - 7px)
}

.slot-catalog .game-panel-head .head-trapezoid__body {
  padding-left: 40px
}

.slot-catalog .game-panel-body {
  height: calc(100% - 48px)
}

.slot-catalog__clear-all-btn {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #f3f3f3
}

.slot-catalog__clear-all-btn svg {
  fill: #ff2c52;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  transform-origin: center
}

.slot-catalog__clear-all-btn:hover {
  color: #ff2c52
}

.slot-catalog__clear-all-btn:hover svg {
  transform: scale(1.035)
}

.slot-catalog__attention-block {
  margin-bottom: 16px
}

.slot-catalog__select.provider {
  max-width: 230px
}

@media screen and (max-width: 1024px) {
  .slot-catalog__select.provider {
    max-width: none;
    width: calc(50% - 8px)
  }
}

@media screen and (max-width: 767.98px) {
  .slot-catalog__select.provider {
    width: 100%
  }
}

@media screen and (max-width: 1024px) {
  .slot-catalog__select.category {
    width: calc(50% - 8px)
  }
}

@media screen and (max-width: 767.98px) {
  .slot-catalog__select.category {
    width: 100%
  }
}

.slot-catalog__show-more {
  margin-top: 4px;
  background: #1b1d32
}

.slot-catalog__show-more:hover {
  background: #23253d
}

.slot-search {
  display: flex;
  align-items: center;
  height: 38px;
  position: relative
}

.slot-search svg {
  position: absolute;
  left: 16px;
  width: 12px;
  fill: #666d85;
  color: #666d85;
  pointer-events: none
}

.slot-search input {
  width: 100%;
  height: 100%;
  padding-left: 36px;
  padding-right: 40px;
  border-radius: 8px;
  transition: .2s ease
}

.slot-search input::-moz-placeholder {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #666d85
}

.slot-search input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #666d85
}

.slot-search input,
.slot-search input::placeholder {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #666d85
}

.slot-search:not(.disabled) input:focus,
.slot-search:not(.disabled) input:hover {
  color: #f3f3f3
}

.slot-search:not(.disabled) input:focus::-moz-placeholder,
.slot-search:not(.disabled) input:hover::-moz-placeholder {
  color: #f3f3f3
}

.slot-search:not(.disabled) input:focus:-ms-input-placeholder,
.slot-search:not(.disabled) input:hover:-ms-input-placeholder {
  color: #f3f3f3
}

.slot-search:not(.disabled) input:focus::placeholder,
.slot-search:not(.disabled) input:hover::placeholder {
  color: #f3f3f3
}

.slot-search:not(.disabled) input:focus~svg,
.slot-search:not(.disabled) input:hover~svg {
  fill: #f3f3f3;
  color: #f3f3f3
}

.slot-search__clear {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 8px
}

.slot-search__clear span {
  display: block;
  width: 16px;
  height: 16px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer
}

.slot-search__clear span:after,
.slot-search__clear span:before {
  display: block;
  content: "";
  position: absolute;
  width: 12px;
  border-radius: 1px;
  height: 2px;
  background: #666d85;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.slot-search__clear span:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.slot-search__clear span:hover {
  transform: rotate(90deg)
}

.slot-search:not(.disabled) .slot-search__clear span:after,
.slot-search:not(.disabled) .slot-search__clear span:before {
  background-color: #f3f3f3
}

.slot-search.disabled input {
  cursor: not-allowed
}

.slot-catalog-field {
  background: #101224;
  margin-left: 2px;
  padding: 12px
}

@media screen and (max-width: 1024px) {
  .slot-catalog-field {
    margin-left: 0;
    padding: 0 16px 24px;
    min-height: 75vh
  }
}

@media screen and (max-width: 375px) {
  .slot-catalog-field {
    min-height: 55vh
  }
}

.slot-catalog-field__header {
  width: 100%;
  display: flex;
  align-items: stretch;
  margin-bottom: 24px
}

.slot-catalog-field__search {
  width: 100%;
  max-width: 34%;
  display: flex
}

@media screen and (max-width: 1024px) {
  .slot-catalog-field__search {
    margin-bottom: 24px;
    max-width: calc(50% - 8px)
  }
}

@media screen and (max-width: 767.98px) {
  .slot-catalog-field__search {
    max-width: 100%
  }
}

.slot-catalog-field__slot-search {
  width: 100%;
  height: 40px
}

.slot-catalog-field__slot-search input {
  background: #1b1d32
}

.slot-catalog-field__body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.slot-catalog-field__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3;
  margin-bottom: 24px
}

.slot-catalog-field__main {
  width: 100%;
  display: flex;
  flex-direction: column
}

.slot-catalog-help .slot-catalog-field__title {
  margin-bottom: 16px
}

.slot-catalog-help .hr {
  margin-bottom: 32px
}

.slot-catalog-help__item {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  vertical-align: middle
}

.slot-catalog-help__item img {
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 0 4px
}

.slot-catalog-filter {
  width: 100%;
  display: flex
}

@media screen and (max-width: 1024px) {
  .slot-catalog-filter {
    flex-direction: column;
    align-items: flex-start;
    position: relative
  }

  .slot-catalog-filter:before {
    content: "";
    width: calc(100% + 48px);
    height: 2px;
    background: #1a1d2c;
    bottom: 0;
    position: absolute;
    left: -24px
  }
}

.slot-catalog-filter__body {
  width: 100%;
  display: flex;
  padding-left: 12px;
  grid-gap: 12px;
  gap: 12px
}

@media screen and (max-width: 1024px) {
  .slot-catalog-filter__body {
    flex-wrap: wrap;
    grid-gap: 16px;
    gap: 16px;
    padding-left: 0;
    padding-bottom: 24px
  }
}

@media screen and (max-width: 767.98px) {
  .slot-catalog-filter__body {
    grid-gap: 12px;
    gap: 12px
  }
}

.slot-catalog-filter__head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px 24px 0
}

@media screen and (max-width: 767.98px) {
  .slot-catalog-filter__head {
    padding: 16px 16px 16px 0
  }
}

.slot-catalog-filter__head-title {
  display: flex;
  align-items: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3
}

.slot-catalog-filter__head-title svg {
  fill: #f3f3f3;
  margin-right: 4px
}

.slot-catalog-filter__head-arrow {
  fill: #f3f3f3
}

.slot-catalog-filter.active .slot-catalog-filter__head-arrow {
  transform: rotate(180deg);
  fill: #24abf8
}

.slot-catalog__btn {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #23253d;
  border-radius: 8px;
  background: transparent;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #f3f3f3;
  transition: .2s ease
}

@media screen and (max-width: 1024px) {
  .slot-catalog__btn {
    min-width: 160px
  }
}

@media screen and (max-width: 767.98px) {
  .slot-catalog__btn {
    min-width: 0
  }
}

.slot-catalog__btn svg {
  margin-right: 6px
}

.slot-catalog__btn-amount {
  margin-left: 4px;
  height: 16px;
  min-width: 20px;
  padding: 0 6px;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.3px;
  color: #f3f3f3;
  background: #23253d;
  transition: .2s ease
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .slot-catalog__btn-amount {
    margin-left: auto
  }
}

.slot-catalog__btn-clear {
  margin-left: 6px;
  width: 16px;
  height: 16px;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  display: none
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .slot-catalog__btn-clear {
    margin-left: auto
  }
}

.slot-catalog__btn-clear span {
  display: block;
  width: 16px;
  height: 16px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer
}

.slot-catalog__btn-clear span:after,
.slot-catalog__btn-clear span:before {
  display: block;
  content: "";
  position: absolute;
  width: 10px;
  border-radius: 1px;
  height: 2px;
  background: #f3f3f3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.slot-catalog__btn-clear span:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.slot-catalog__btn-clear span:hover {
  transform: rotate(90deg)
}

.slot-catalog__btn-clear:hover span:after,
.slot-catalog__btn-clear:hover span:before {
  background-color: #f3f3f3
}

.slot-catalog__btn:hover {
  opacity: .75
}

.slot-catalog__btn.red svg {
  fill: #ff2c52
}

.slot-catalog__btn.red:hover:not(.active):not(.disabled) {
  background: rgba(255, 44, 82, .2);
  border-color: rgba(35, 37, 61, .2);
  color: #ff2c52
}

.slot-catalog__btn.red:hover:not(.active):not(.disabled) .slot-catalog__btn-amount {
  background: #ff2c52
}

.slot-catalog__btn.red.active {
  background: #ff2c52;
  color: #f3f3f3
}

.slot-catalog__btn.red.active svg {
  fill: #f3f3f3
}

.slot-catalog__btn.red.active .slot-catalog__btn-amount {
  display: none
}

.slot-catalog__btn.red.active .slot-catalog__btn-clear {
  display: flex
}

.slot-catalog__btn.gray svg {
  fill: #858cab
}

.slot-catalog__btn.gray:hover:not(.active):not(.disabled) {
  background: rgba(133, 140, 171, .25);
  color: #858cab
}

.slot-catalog__btn.gray.active {
  background: #858cab;
  color: #f3f3f3
}

.slot-catalog__btn.gray.active svg {
  fill: #f3f3f3
}

.slot-catalog__btn.gray.active .slot-catalog__btn-clear {
  display: flex
}

.slot-catalog__btn.reset {
  min-width: 0;
  margin-left: auto;
  border-color: rgba(255, 44, 82, .2);
  color: #ff2c52
}

@media screen and (max-width: 375px) {
  .slot-catalog__btn.reset {
    padding: 0 10px;
    margin-left: 0
  }

  .slot-catalog__btn.reset svg {
    display: none
  }
}

.slot-catalog__btn.reset svg {
  fill: #ff2c52
}

.slot-catalog__btn.reset:hover {
  background: rgba(133, 140, 171, .25);
  color: #858cab
}

.slot-catalog__games {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  grid-gap: 12px;
  gap: 12px
}

@media screen and (max-width: 767.98px) {
  .slot-catalog__games {
    grid-gap: 8px;
    gap: 8px
  }
}

@-webkit-keyframes bounce-play-icon {
  50% {
    transform: scale(1.15)
  }

  50% {
    transform: scale(1)
  }
}

@keyframes bounce-play-icon {
  50% {
    transform: scale(1.15)
  }

  50% {
    transform: scale(1)
  }
}

.slot-catalog-categories {
  height: 100%;
  padding-bottom: 40px;
  overflow: hidden
}

.slot-catalog-categories__list {
  display: flex;
  flex-direction: column;
  padding: 0 12px 0 8px;
  height: 100%;
  max-height: 706px;
  overflow-x: hidden;
  overflow-y: auto
}

.slot-catalog-categories__text {
  font-size: 14px;
  line-height: 20px;
  color: #666d85;
  text-align: center;
  margin-top: 8px
}

.slot-catalog-categories__slot-search {
  margin: 4px 0
}

.slot-catalog-categories-item {
  width: 100%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 38px;
  padding-left: 8px;
  padding-right: 16px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: .2s ease-in;
  position: relative
}

.slot-catalog-categories-item:not(:last-child) {
  margin-bottom: 4px
}

.slot-catalog-categories-item__icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  margin-right: 12px
}

.slot-catalog-categories-item__icon img {
  width: 100%
}

.slot-catalog-categories-item__icon-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #23253d;
  border-radius: 4px
}

.slot-catalog-categories-item__icon-wrap svg {
  width: 12px;
  height: 12px
}

.slot-catalog-categories-item__icon-wrap svg div {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #24abf8 50%, #f3f3f3 0)
}

.slot-catalog-categories-item__all-icon {
  fill: #24abf8;
  margin-left: 4px;
  margin-right: 14px
}

.slot-catalog-categories-item__name {
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.slot-catalog-categories-item__amount {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 0 6px;
  border-radius: 32px;
  height: 22px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.3px;
  background-color: #23253d;
  color: #858cab
}

.slot-catalog-categories-item:after,
.slot-catalog-categories-item:before {
  content: "";
  position: absolute;
  opacity: 0;
  transition: .2s ease-in;
  transform-origin: center;
  transform: translateX(-32px)
}

.slot-catalog-categories-item:before {
  height: 100%;
  width: 2px;
  background: #24abf8;
  left: 0
}

.slot-catalog-categories-item:after {
  width: 32px;
  height: 32px;
  background: linear-gradient(180deg, #119bff, #00d1ff);
  filter: blur(24px);
  left: -8px
}

.slot-catalog-categories-item:hover {
  background-color: #23253d
}

.slot-catalog-categories-item.active {
  transition: 0s;
  background: linear-gradient(180deg, #1f1e46, #213569)
}

.slot-catalog-categories-item.active .slot-catalog-categories-item__name {
  color: #24abf8
}

.slot-catalog-categories-item.active .slot-catalog-categories-item__amount {
  background-color: #098bea;
  color: #f3f3f3
}

.slot-catalog-categories-item.active .slot-catalog-categories-item__icon-wrap svg div {
  background: linear-gradient(180deg, #119bff, #00d1ff)
}

.slot-catalog-categories-item.active:after,
.slot-catalog-categories-item.active:before {
  transform: translateX(0);
  opacity: 1
}

.slot-game {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 16px;
  background: #101224;
  z-index: 6
}

.slot-game__container {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 56.5%;
  position: relative;
  overflow: hidden;
  border-radius: 12px
}

.slot-game iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-height: 800px
}

.slot-game__head {
  margin-bottom: 24px
}

.slot-game__footer,
.slot-game__head {
  width: 100%;
  display: flex;
  align-items: center
}

.slot-game__footer {
  margin-top: 24px;
  min-height: 40px
}

.slot-game__controls {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-gap: 6px;
  gap: 6px
}

.slot-game__controls>:first-child {
  margin-right: auto
}

.slot-game.favorite .slot-game__btn.favorite svg {
  fill: #ff2c52
}

.slot-game__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #23253d;
  border-radius: 8px;
  transition: .2s ease
}

.slot-game__btn svg {
  transform-origin: center
}

.slot-game__btn:hover {
  background: #23253d
}

.slot-game__btn.close {
  position: relative
}

.slot-game__btn.close span {
  display: block;
  width: 18px;
  height: 18px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer
}

.slot-game__btn.close span:after,
.slot-game__btn.close span:before {
  display: block;
  content: "";
  position: absolute;
  width: 14px;
  border-radius: 1px;
  height: 2px;
  background: #f3f3f3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.slot-game__btn.close span:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.slot-game__btn.close:hover span {
  transform: rotate(180deg)
}

.slot-game__btn.favorite svg {
  stroke: #ff2c52
}

.slot-game__btn.favorite:hover svg {
  fill: #ff2c52
}

.slot-game__btn.full-screen svg {
  fill: #f3f3f3
}

.slot-game__btn.full-screen:hover svg {
  transform: scale(1.13)
}

.slot-game__btn.refresh svg {
  fill: #f3f3f3
}

.slot-game__btn.refresh:hover svg {
  transform: rotate(180deg)
}

.slot-game__btn.external svg {
  fill: #f3f3f3
}

.slot-game__btn.external:hover svg {
  transform: translate3d(3px, -3px, 0)
}

.slot-game__btn.change-mode {
  color: #f3f3f3;
  text-transform: uppercase
}

.slot-game__error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  flex-grow: 1;
  justify-content: center
}

.slot-game__error-icon {
  width: 160px;
  height: 148px;
  margin: 0 auto;
  background: url(/img/logo-main.svg) 50%/cover no-repeat
}

.slot-game__error-text {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  color: #f3f3f3;
  text-align: center
}

@media screen and (max-width: 767.98px) {
  .slot-game__error-text {
    font-size: 16px;
    line-height: 20px
  }
}

.attention-block {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: rgba(36, 171, 248, .15);
  border-radius: 8px;
  position: relative;
  overflow: hidden
}

.attention-block__icon-wrap {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 8px
}

.attention-block__icon {
  max-width: 24px
}

.attention-block__text {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #f3f3f3;
  max-width: 800px
}

.attention-block__text .modal-btn {
  color: #24abf8;
  cursor: pointer;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
  transition: .2s ease
}

.attention-block__text .modal-btn:hover {
  -webkit-text-decoration-color: #24abf8;
  text-decoration-color: #24abf8
}

.attention-block__close {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  margin-left: 8px
}

.attention-block__close span {
  display: block;
  width: 16px;
  height: 16px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer
}

.attention-block__close span:after,
.attention-block__close span:before {
  display: block;
  content: "";
  position: absolute;
  width: 12px;
  border-radius: 1px;
  height: 2px;
  background: #f3f3f3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.attention-block__close span:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.attention-block__close span:hover {
  transform: rotate(90deg)
}

.attention-block:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #24abf8
}

.attention-block.info {
  background: rgba(36, 171, 248, .15)
}

.attention-block.info:before {
  background: #24abf8
}

.attention-block.danger {
  background: rgba(255, 44, 82, .15)
}

.attention-block.danger:before {
  background: #ff2c52
}

.select-search {
  width: 100%;
  position: relative;
  outline: none
}

.select-search__field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  height: 40px;
  padding: 6px 34px 4px 8px;
  border-radius: 8px;
  background: #1b1d32;
  cursor: pointer;
  transition: .2s ease
}

.select-search.disabled .select-search__field {
  cursor: not-allowed
}

.select-search__field-arrow {
  position: absolute;
  right: 16px;
  top: 18px;
  transform-origin: center;
  fill: #666d85;
  transition: .2s ease
}

.select-search__label {
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -.03em;
  color: #858cab;
  position: absolute;
  left: 8px;
  top: 13px
}

.select-search__body {
  padding-top: 4px;
  width: 100%;
  z-index: 4;
  position: absolute;
  top: 100%;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #1b1d32;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden
}

.select-search__clear {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 2
}

.select-search__clear span {
  display: block;
  width: 16px;
  height: 16px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer
}

.select-search__clear span:after,
.select-search__clear span:before {
  display: block;
  content: "";
  position: absolute;
  width: 12px;
  border-radius: 1px;
  height: 2px;
  background: #f3f3f3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.select-search__clear span:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.select-search__clear span:hover {
  transform: rotate(90deg)
}

.select-search__slot-search {
  padding: 0 8px;
  margin-bottom: 8px
}

.select-search__slot-search input {
  padding-left: 28px !important;
  background: #23253d
}

.select-search:hover:not(.disabled) .select-search__field-arrow {
  transform: rotate(180deg);
  fill: #f3f3f3
}

.select-search.active .select-search__field {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #1b1d32
}

.select-search.active .select-search__field-arrow {
  transform: rotate(180deg);
  fill: #f3f3f3
}

.select-search.selected .select-search__label {
  left: 36px;
  top: 6px
}

.select-search.selected.multiple .select-search__field-arrow {
  display: none
}

.select-search.disabled input {
  cursor: not-allowed
}

.select-search-selected {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center
}

.select-search-selected__img {
  width: 20px;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0
}

.select-search-selected__img img,
.select-search-selected__img svg {
  max-width: 100%
}

.select-search-selected__value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  align-self: flex-end;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #f3f3f3
}

.select-search__list {
  max-height: 186px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow-x: hidden;
  overflow-y: auto
}

.select-search-option {
  width: 100%;
  height: 34px;
  padding: 6px 0 6px 8px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -.03em;
  color: #858cab;
  overflow: hidden;
  cursor: pointer;
  transition: .2s ease
}

.select-search-option:not(:last-child) {
  margin-bottom: 4px
}

.select-search-option__img {
  width: 20px;
  height: 20px;
  margin-right: 8px
}

.select-search-option__img img,
.select-search-option__img svg {
  max-width: 100%
}

.select-search-option.selected,
.select-search-option:hover {
  color: #f3f3f3;
  background: #23253d
}

.cabinet-page__main-container[data-v-751bf0a0] {
  width: 100%;
  display: flex
}

@media screen and (max-width: 1200px) {
  .cabinet-page__main-container[data-v-751bf0a0] {
    flex-direction: column
  }
}

.cabinet-page__l[data-v-751bf0a0] {
  width: 390px;
  margin-right: 16px
}

@media screen and (max-width: 1439.98px) {
  .cabinet-page__l[data-v-751bf0a0] {
    margin-right: 8px
  }
}

@media screen and (max-width: 1200px) {
  .cabinet-page__l[data-v-751bf0a0] {
    margin-right: 0;
    margin-bottom: 48px;
    width: 100%
  }
}

@media screen and (max-width: 767.98px) {
  .cabinet-page__l.display-none[data-v-751bf0a0] {
    display: none !important
  }
}

.cabinet-page__r[data-v-751bf0a0] {
  width: 100%;
  align-self: stretch;
  padding-bottom: 43px
}

.cabinet-page-main[data-v-751bf0a0] {
  width: 100%;
  height: 100%
}

.cabinet-page-main .table-mobile-item[data-v-751bf0a0] {
  margin-bottom: 8px
}

.cabinet-table-only[data-v-751bf0a0] {
  padding: 32px 8px
}

@media screen and (max-width: 767.98px) {
  .cabinet-table-only[data-v-751bf0a0] {
    padding: 16px 16px 32px
  }
}

.cabinet-empty-tab[data-v-751bf0a0] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 24px 160px;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #f3f3f3
}

.cabinet-empty-tab img[data-v-751bf0a0] {
  margin-bottom: 10px
}

@media screen and (max-width: 767.98px) {
  .cabinet-empty-tab[data-v-751bf0a0] {
    padding: 60px 24px
  }
}

.cabinet-games .cabinet-empty-tab[data-v-751bf0a0] {
  padding: 70px 24px
}

.social-links {
  display: flex;
  align-items: center;
  grid-gap: 12px;
  gap: 12px
}

.social-links__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
  transition: .2s ease;
  min-height: 16px
}

.social-links__item svg {
  margin: 0;
  fill: #858cab
}

.social-links__item.rounded-colored {
  width: 32px;
  height: 32px;
  border-radius: 50%
}

.social-links__item.rounded-colored svg {
  fill: #f3f3f3
}

.social-links__item.rounded-colored.vkontakte {
  background: #07f
}

.social-links__item.rounded-colored.instagram {
  background: linear-gradient(45deg, #fee411 6.9%, #fedb16 11%, #fec125 18%, #fe983d 26%, #fe5f5e 36%, #fe2181 46%, #9000dc 85%)
}

.social-links__item.rounded-colored.google {
  background: #fff
}

.social-links__item.rounded-colored.yandex {
  background: #fc3f1d
}

.social-links__item.rounded-colored.odnoklassniki {
  background: #ff9b3c
}

.social-links__item.rounded-colored.facebook {
  background: #4480f3
}

.social-links__item.rounded-colored.mailru {
  background: #fc2c38
}

.social-links__item.rounded-colored.steam {
  background: linear-gradient(180deg, #111d2e, #051839 21%, #0a1b48 40%, #132e62 58%, #144b7e 74%, #136497 87%, #1387b8)
}

.social-links__item.rounded-colored.twitter {
  background: #00a3ff
}

.social-links__item.rounded-colored.twitch {
  background: #8550f6
}

.social-links__item.rounded-colored.telegram {
  background: #1ca9d6
}

.social-links__item.rounded-colored.reddit {
  background: #ff4500
}

.social-links__item:hover svg {
  fill: #24abf8
}

.social-links__item:hover.rounded-colored {
  opacity: .8
}

.social-links__item:hover.rounded-colored svg {
  fill: #f3f3f3
}

.progress-bar {
  width: 100%;
  height: 6px;
  background-color: #101224;
  border-radius: 12px;
  overflow: hidden;
  position: relative
}

.progress-bar>span {
  transition: .2s ease;
  background: #24abf8;
  box-shadow: inset 0 3px 8px 1px #6dcaff;
  position: absolute;
  height: 6px;
  border-radius: 12px;
  left: 0;
  top: 0
}

.progress-bar.animate {
  background: #23253d;
  width: 100%;
  height: 12px
}

.progress-bar.animate>span {
  height: 100%;
  overflow: hidden;
  transition: 1s ease-in
}

.progress-bar.animate>span:before {
  content: "";
  width: 8000px;
  height: 100%;
  background: url(/_nuxt/img/referralProgressBarGradientBg.5f8f681.svg) repeat-x 50%;
  background-size: 16px 12px;
  display: flex;
  -webkit-animation: progress 40s linear infinite;
  animation: progress 40s linear infinite;
  border-radius: 32px
}

@-webkit-keyframes progress {
  0% {
    transform: translate(-4000px)
  }

  to {
    transform: translate(0)
  }
}

@keyframes progress {
  0% {
    transform: translate(-4000px)
  }

  to {
    transform: translate(0)
  }
}

.rank-card {
  background-color: #1b1d32;
  border-radius: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}

.rank-carda:active,
.rank-carda:hover,
.rank-cardbutton:active,
.rank-cardbutton:hover {
  background-color: #23253d
}

.rank-card__head-trapezoid {
  display: flex;
  flex-shrink: 0
}

.rank-card__score {
  margin-top: 20px;
  margin-left: auto
}

.rank-card__rank-icon {
  margin-right: 5px
}

.rank-card__rank-name {
  font-family: Halvar Breitschrift, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: -.5px;
  color: #f3f3f3;
  display: flex;
  align-items: center
}

.rank-card__rank-name img,
.rank-card__rank-name svg {
  max-width: 18px;
  margin-right: 8px
}

.rank-card__score {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: -.5px;
  color: #666d85
}

.rank-card__score-user {
  font-size: 14px;
  line-height: 18px;
  color: #f3f3f3
}

.rank-card__score .rank-card__score-rank {
  text-transform: lowercase
}

.rank-card__body {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 12px 24px
}

@media screen and (max-width: 767.98px) {
  .rank-card__body {
    padding: 12px
  }
}

.rank-card__bar {
  width: 100%
}

.rank-card__bar .progress-bar {
  background-color: #101224
}

@media screen and (max-width: 767.98px) {
  .rank-card__bar {
    margin-bottom: 18px
  }
}

.rank-card__link-underline {
  margin-top: auto
}

.modal-mobile-component {
  position: fixed;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  bottom: 90px;
  overflow: auto;
  top: 74px;
  padding-top: 16px;
  background-color: #101224
}

@media screen and (max-width: 767.98px) {
  .modal-mobile-component {
    bottom: 84px;
    top: 60px
  }

  .modal-mobile-component:not(.authenticated) {
    top: 120px
  }
}

@media screen and (max-width: 1024px) {
  .ios-layout-safe .modal-mobile-component {
    top: calc(var(--safe-area-inset-top) + 116px)
  }
}

@media screen and (max-width: 767.98px) {
  .ios-layout-safe .modal-mobile-component {
    bottom: 84px;
    top: calc(var(--safe-area-inset-top) + 56px)
  }

  .ios-layout-safe .modal-mobile-component:not(.authenticated) {
    top: calc(var(--safe-area-inset-top) + 120px)
  }
}

@media screen and (max-width: 1024px) {
  .ios-layout-safe.header-is-fixed .modal-mobile-component {
    top: calc(var(--safe-area-inset-top) + 74px)
  }
}

@media screen and (max-width: 767.98px) {
  .ios-layout-safe.header-is-fixed .modal-mobile-component {
    bottom: 84px;
    top: calc(var(--safe-area-inset-top) + 44px)
  }

  .ios-layout-safe.header-is-fixed .modal-mobile-component:not(.authenticated) {
    top: calc(var(--safe-area-inset-top) + 126px)
  }
}

@media screen and (max-width: 767.98px) {

  .isShowMotivationBanner.header-is-fixed .modal-mobile-component,
  .isShowMotivationBanner .modal-mobile-component {
    top: calc(var(--safe-area-inset-top) + 138px)
  }

  .isShowMotivationBanner .main-content {
    padding-top: 202px
  }

  .isShowMotivationBanner.banner_ShowType_1.header-is-fixed .modal-mobile-component {
    top: calc(var(--safe-area-inset-top) + 60px)
  }
}

.modal-mobile {
  width: 100%;
  min-height: 500px;
  padding-bottom: 40px;
  padding-left: 24px;
  padding-right: 24px
}

@media screen and (max-width: 767.98px) {
  .modal-mobile {
    padding-left: 16px;
    padding-right: 16px
  }
}

.modal-cards-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  margin-left: -12px;
  margin-right: -12px
}

.modal-cards-list--duo .modal-cards-list__item {
  flex: 1 50%
}

@media screen and (max-width: 767.98px) {
  .modal-cards-list--duo .modal-cards-list__item {
    flex: 1 100%
  }
}

.modal-cards-list--trio .modal-cards-list__item {
  flex: 1 33.33%
}

@media screen and (max-width: 767.98px) {
  .modal-cards-list--trio .modal-cards-list__item {
    flex: 1 100%
  }
}

.modal-cards-list--quartet .modal-cards-list__item {
  flex: 1 25%
}

@media screen and (max-width: 600px) {
  .modal-cards-list--quartet .modal-cards-list__item {
    flex: 1 33.33%
  }
}

.modal-cards-list__item {
  padding: 12px
}

@media screen and (max-width: 767.98px) {
  .modal-cards-list__item {
    padding: 10px
  }
}

.modal-mobile-menu__modal-cards-list {
  margin-bottom: 48px
}

@media screen and (max-width: 767.98px) {
  .modal-mobile-menu__modal-cards-list {
    margin-bottom: 48px
  }
}

.modal-mobile-menu__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 0;
  border-radius: 10px;
  background-color: #1b1d32;
  font-family: Halvar Breitschrift, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
  letter-spacing: -.578125px;
  text-transform: uppercase;
  color: #f3f3f3;
  position: relative
}

.modal-mobile-menu__card img {
  width: 32px;
  margin-bottom: 18px
}

.modal-mobile-menu__card-new {
  position: absolute;
  top: -16px;
  right: -12px;
  background: url(/_nuxt/img/new.c2f1ad4.svg) no-repeat;
  background-size: cover;
  width: 68px;
  height: 50px;
  z-index: 1;
  pointer-events: none
}

@media screen and (max-width: 767.98px) {
  .modal-mobile-menu__card {
    font-size: 13px;
    line-height: 15px;
    padding-top: 16px;
    padding-bottom: 20px
  }
}

.modal-mobile-menu__card.active {
  background: #23253d;
  color: #24abf8;
  font-style: italic
}

.modal-mobile-menu__inner-links {
  padding-bottom: 32px;
  margin-bottom: 32px;
  flex-wrap: wrap;
  position: relative;
  grid-gap: 12px 32px;
  gap: 12px 32px
}

.modal-mobile-menu__inner-links:before {
  content: "";
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, rgba(151, 147, 186, 0), rgba(151, 147, 186, .4) 50%, rgba(151, 147, 186, 0));
  position: absolute;
  left: 0;
  bottom: 0
}

.modal-mobile-menu__inner-links .link.active,
.modal-mobile-menu__inner-links .link.nuxt-link-exact-active {
  color: #24abf8
}

.modal-mobile-menu__inner-links.header-mid__links {
  grid-gap: 8px 32px;
  gap: 8px 32px;
  width: calc(100% + 12px);
  margin-left: -6px;
  margin-right: -6px
}

@media screen and (max-width: 767.98px) {
  .modal-mobile-menu__inner-links {
    grid-gap: 12px 24px;
    gap: 12px 24px
  }

  .modal-mobile-menu__inner-links.header-mid__links {
    grid-gap: 8px 24px;
    gap: 8px 24px
  }
}

.modal-mobile-menu__inner-links .header-mid__link {
  margin: 0;
  flex-shrink: 0
}

.modal-mobile-menu__inner-links .header-mid__link img,
.modal-mobile-menu__inner-links .header-mid__link svg {
  display: flex
}

.modal-mobile-menu__social-links {
  grid-gap: 16px;
  gap: 16px
}

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

@media screen and (max-width: 767.98px) {
  .modal-mobile-menu__controls {
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 24px;
    gap: 24px
  }
}

.modal-mobile-menu__sound-switcher {
  padding: 0 12px;
  margin-left: 12px;
  background: #1a1d2c;
  border-radius: 8px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0
}

.modal-mobile-menu__sound-switcher svg {
  fill: #666d85
}

.modal-mobile-menu__sound-switcher.active {
  background: #23253d
}

.modal-mobile-menu__sound-switcher.active svg {
  fill: #24abf8
}

@media screen and (max-width: 767.98px) {
  .modal-mobile-user__modal-cards-list {
    padding-bottom: 24px;
    margin-bottom: 24px;
    position: relative
  }

  .modal-mobile-user__modal-cards-list:before {
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(151, 147, 186, 0), rgba(151, 147, 186, .4) 50%, rgba(151, 147, 186, 0));
    position: absolute;
    left: 0;
    bottom: 0
  }

  .modal-mobile-user__modal-cards-list .modal-cards-list__item {
    padding: 0
  }
}

.modal-mobile-user__modal-user-cards-list {
  margin-bottom: 16px
}

@media screen and (max-width: 767.98px) {
  .modal-mobile-user__modal-user-cards-list {
    margin-bottom: 12px
  }
}

.modal-mobile-user .modal-cards-list--duo .modal-cards-list__item {
  display: flex;
  align-items: stretch
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .modal-mobile-user .modal-cards-list--duo .modal-cards-list__item {
    min-height: 210px
  }
}

.modal-mobile-user__card {
  background-color: #1b1d32;
  border-radius: 10px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: #858cab
}

.modal-mobile-user__carda:active,
.modal-mobile-user__carda:hover,
.modal-mobile-user__cardbutton:active,
.modal-mobile-user__cardbutton:hover {
  background-color: #23253d
}

.modal-mobile-user__card svg {
  fill: #858cab;
  margin-right: 10px
}

@media screen and (max-width: 767.98px) {
  .modal-mobile-user__card {
    height: auto;
    justify-content: flex-start;
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    background-color: transparent
  }

  .modal-mobile-user__card:not(:last-child) {
    margin-bottom: 24px
  }

  .modal-mobile-user__card:active,
  .modal-mobile-user__card:hover {
    background-color: transparent
  }

  .modal-mobile-user__card svg {
    width: 18px !important
  }
}

.modal-mobile-user__sign-out {
  margin-top: 24px;
  padding: 8px 16px 8px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.02em;
  color: #858cab
}

.modal-mobile-user__sign-out svg {
  fill: #858cab;
  margin-right: 10px
}

.modal-mobile-user__finances {
  background-color: #1b1d32;
  border-radius: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 24px;
  position: relative;
  overflow: hidden
}

.modal-mobile-user__financesa:active,
.modal-mobile-user__financesa:hover,
.modal-mobile-user__financesbutton:active,
.modal-mobile-user__financesbutton:hover {
  background-color: #23253d
}

.modal-mobile-user__finances-img {
  width: 140px;
  height: 140px;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none
}

.modal-mobile-user__balance-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 24px
}

.modal-mobile-user__user-balance {
  font-size: 24px;
  line-height: 31px
}

.modal-mobile-user__user-balance svg {
  width: 28px !important
}

.modal-mobile-user__user-refresh {
  max-width: 20px;
  width: 20px;
  margin-left: 8px;
  fill: #666d85;
  cursor: pointer
}

.modal-mobile-user__user-refresh.active {
  -webkit-animation: spin-animation 2s linear infinite;
  animation: spin-animation 2s linear infinite
}

.modal-mobile-user__deposit {
  margin-right: 16px
}

.modal-mobile-user__deposit svg {
  fill: #f3f3f3;
  margin-right: 8px
}

@media screen and (max-width: 767.98px) {
  .modal-mobile-user__deposit {
    margin-right: 8px;
    height: 40px !important;
    font-size: 12px !important
  }

  .modal-mobile-user__deposit svg {
    margin-right: 6px;
    width: 14px !important
  }
}

.modal-mobile-user__withdraw {
  padding: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.modal-mobile-user__withdraw:active,
.modal-mobile-user__withdraw:hover {
  color: #24abf8
}

@media screen and (max-width: 767.98px) {
  .modal-mobile-user__withdraw {
    font-size: 12px
  }
}

.modal-mobile-user__rank-card .head-trapezoid__body {
  padding-left: 48px
}

.modal-mobile-user__rank-card .rank-card__score {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0
}

.modal-mobile-user__show-details {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.modal-mobile-user__show-details .link-underline {
  display: flex;
  align-items: center;
  grid-gap: 6px;
  gap: 6px;
  transition: .2s ease
}

.modal-mobile-user__show-details .link-underline svg {
  fill: #666d85;
  transform-origin: center;
  transition: .2s ease
}

.modal-mobile-user__show-details .link-underline.active {
  color: #f3f3f3;
  border-color: #f3f3f3
}

.modal-mobile-user__show-details .link-underline.active svg {
  fill: #f3f3f3;
  transform: rotate(180deg)
}

.index-page {
 padding:0 24px;
}

@media screen and (max-width: 767.98px) {
  .index-page {
    padding: 0 16px
  }
}

.index-page__container {
  margin: 0 auto;
  width: 100%
}

.index-block-games-upx {
  margin-bottom: 32px
}

.index-block-games-upx .head-trapezoid__title {
  padding-right: 0
}

.index-block-games-upx .head-trapezoid__title:after {
  content: "";
  width: 35%;
  height: 60%;
  position: absolute;
  right: -4px;
  background: linear-gradient(90deg, transparent, #0c0f1e);
  opacity: .75;
  z-index: 2
}

.IndexTableGames {
  margin-bottom: 64px
}

.index-block-games-other {
  margin-bottom: 32px
}

.index-block-games-other .slot-catalog-item {
  max-width: 100%
}

.index-page__game-block {
  width: 100%;
  margin-bottom: 32px
}

@media screen and (max-width: 1024px) {
  .index-page__game-block .game-main-block {
    margin-top: 92px;
    overflow: visible;
    overflow: initial;
    position: relative;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
  }

  .index-page__game-block .game-mobile-header {
    position: absolute;
    top: -60px;
    width: 100%;
    border-top: none;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
  }

  .index-page__game-block .game-plinko .game-panel {
    width: 100%
  }

  .index-page__game-block .game-plinko+.wrap-table {
    max-width: 100%
  }
}

@media screen and (max-width: 767.98px) {
  .index-page__game-block .game-main-block {
    margin-top: 80px
  }

  .index-page__game-block .game-mobile-header {
    top: -48px
  }
}

@media screen and (max-width: 374.95px) {
  .index-page__game-block .game-main-block:not(.game-plinko) {
    margin-left: -16px;
    margin-right: -16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }

  .index-page__game-block .game-main-block:not(.game-plinko) .game-mobile-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }
}

.index-page-block {
  width: 100%
}

.index-page-block .head-trapezoid__trapezoid {
  left: calc(100% - 2px);
  top: -1px
}

.index-page-block .head-trapezoid__title {
  background-color: #0c0f1e;
  border-color: #1a1d2c;
  font-style: italic;
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  border-top-left-radius: 12px
}

.index-page-block .head-trapezoid__title img {
  margin-right: 10px
}

.index-page-block .head-trapezoid__body {
  background-color: #04071e;
  border-top-right-radius: 12px
}

.index-page-block__body {
  background-color: #04071e;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 12px
}

@media screen and (max-width: 425px) {
  .index-page-block__body .slot-catalog-item__img {
    height: 0
  }

  .index-page-block__body .slot-catalog-item__body {
    padding: 2px 12px 0
  }

  .index-page-block__body .slot-catalog-item__play-for-free {
    padding-bottom: 4px;
    padding-top: 4px
  }

  .index-page-block__body .block-games-card__play-btn {
    height: 0
  }

  .index-page-block__body .block-games-card__play-text {
    margin-top: 0
  }

  .index-page-block__body .block-games-card__play-text:before {
    display: none
  }
}

.block-games {
  width: 100%
}

.block-games__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

.block-games__item {
  display: flex;
  width: 25%;
  padding: 12px
}

@media screen and (min-width: 1600px) {
  .block-games__item {
    flex-grow: 1;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
  }
}

@media screen and (max-width: 900px) {
  .block-games__item {
    width: 33.3333333333%
  }
}

@media screen and (max-width: 600px) {
  .block-games__item {
    width: 50%
  }
}

@media screen and (max-width: 425px) {
  .block-games__item {
    width: 100%
  }
}

@media screen and (max-width: 425px) {

  .block-games.casino-other-games .block-games__item,
  .block-games.our-games .block-games__item {
    width: 50%
  }
}

.block-games-card {
  width: 100%;
  display: flex;
  position: relative
}

.block-games-card:active .block-games-card__hover,
.block-games-card:hover .block-games-card__hover {
  opacity: 1
}

.block-games-card:active .block-games-card__play-btn,
.block-games-card:hover .block-games-card__play-btn {
  -webkit-animation: bounce-play-icon .8s linear .2s infinite;
  animation: bounce-play-icon .8s linear .2s infinite;
  transform: scale(1.1)
}

.block-games-card:active .block-games-card__play-text:before,
.block-games-card:hover .block-games-card__play-text:before {
  width: 100%
}

.block-games-card__img-wrap {
  width: 100%;
  display: flex;
  overflow: hidden;
  border-radius: 12px
}

.block-games-card__img-wrap img {
  width: 100%;
  height: auto
}

.block-games-card__new {
  position: absolute;
  top: -30px;
  right: -12px;
  background: url(/_nuxt/img/new.c2f1ad4.svg) no-repeat;
  background-size: cover;
  width: 90px;
  height: 66px;
  z-index: 1;
  pointer-events: none
}

.block-games-card__hover {
  pointer-events: none;
  opacity: 0;
  transition: .25s ease-in;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  background: rgba(19, 71, 255, .925);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3;
  text-shadow: 0 0 8px hsla(0, 0%, 100%, .6)
}

.block-games-card__hover.no-hover {
  opacity: 1
}

.block-games-card__play-btn {
  width: 70px;
  height: 90px;
  margin-left: 5px;
  background: url(/_nuxt/img/index-page-block-games-play.b22b092.svg) no-repeat;
  background-size: cover;
  transform-origin: center
}

@media screen and (max-width: 1440px) {
  .block-games-card__play-btn {
    width: 60px;
    height: 75px
  }
}

@media screen and (max-width: 767.98px) {
  .block-games-card__play-btn {
    margin-left: 10px;
    width: 44px;
    height: 54px
  }
}

.block-games-card__play-text {
  margin-top: 4px;
  position: relative
}

@media screen and (max-width: 1024px) {
  .block-games-card__play-text {
    margin-top: 16px
  }
}

.block-games-card__play-text:before {
  content: "";
  width: 0;
  height: 1px;
  background: #f3f3f3;
  transition: .2s ease;
  transition-delay: .3s;
  position: absolute;
  bottom: 0;
  left: 0
}

@-webkit-keyframes bounce-play-icon {
  50% {
    transform: scale(1.1)
  }

  50% {
    transform: scale(1)
  }
}

@keyframes bounce-play-icon {
  50% {
    transform: scale(1.1)
  }

  50% {
    transform: scale(1)
  }
}

.index-promo {
  width: 100%;
  padding: 0 24px;
  margin-top: 30px;
}

@media screen and (max-width: 767.98px) {
  .index-promo {
    padding: 0
  }
}

.index-promo__container {
  align-items: center;
  position: relative
}

@media screen and (max-width: 767.98px) {
  .index-promo__container {
    flex-direction: column;
    align-items: flex-start
  }
}

.index-promo__img img {
  width: 100%
}

.index-promo__content {
  margin-bottom: 32px;
  width: 580px;
  flex-shrink: 0
}

@media screen and (max-width: 1400px) {
  .index-promo__content {
    width: 420px
  }
}

@media screen and (max-width: 1200px) {
  .index-promo__content {
    width: 50%;
    min-width: 420px
  }
}

@media screen and (max-width: 767.98px) {
  .index-promo__content {
    min-width: 0;
    width: 100%;
    max-width: 420px;
    order: 1;
    margin-bottom: 48px
  }
}

@media screen and (max-width: 600px) {
  .index-promo__content {
    max-width: 400px
  }
}

.index-promo__title {
  display: flex;
  flex-shrink: 0;
  max-width: 405px;
  font-style: italic;
  font-weight: 900;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #ccd5ff;
  margin-bottom: 16px
}

.index-promo__title-wrap {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline
}

.index-promo__title-wrap>span {
  background: #292d44
}

.index-promo__title-1 {
  color: #ccd4ff;
  padding: 4px 8px;
  border-top-left-radius: 12px;
  margin-right: -8px
}

@media screen and (max-width: 600px) {
  .index-promo__title-1 {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
  }
}

.index-promo__title-2 {
  color: #2596ff;
  border-top-right-radius: 12px
}

.index-promo__title-2,
.index-promo__title-3 {
  padding: 4px 8px;
  border-bottom-right-radius: 12px
}

.index-promo__title-3 {
  color: #f3f3f3;
  border-bottom-left-radius: 12px
}

@media screen and (max-width: 600px) {
  .index-promo__title-3 {
    border-top-right-radius: 12px
  }
}

.index-promo__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -.3px;
  color: #fff;
  margin-bottom: 24px
}

.index-promo__text a {
  color: #858cab
}

.index-promo__text a:hover {
  color: #24abf8
}

@media screen and (max-width: 600px) {
  .index-promo__btns>.btn {
    padding-left: 24px;
    padding-right: 24px
  }
}

.index-promo__sub-title {
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -.3px;
  color: #f3f3f3;
  margin-bottom: 32px
}

.hidden-text {
  width: 100%
}

.hidden-text__wrap {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -.3px;
  color: #858cab;
  height: 60px;
  position: relative;
  overflow: hidden
}

@media screen and (max-width: 425px) {
  .hidden-text__wrap {
    height: 120px
  }
}

.hidden-text__wrap.show {
  overflow: visible;
  height: auto
}

.hidden-text__wrap.show:before {
  display: none
}

.hidden-text__wrap:before {
  content: "";
  width: 100%;
  height: 12px;
  box-shadow: 0 -12px 16px 8px #1a1d2c;
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: -15px
}

.hidden-text__btn {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.3px;
  color: #24abf8;
  transition: .2s ease;
  cursor: pointer
}

.hidden-text__btn:hover {
  color: #098bea
}

.tournaments-page {
  margin-top: 12px
}

.tournaments-page .tournaments-page__header {
  position: relative;
  padding-left: 120px;
  min-height: 300px;
  z-index: 0
}

@media screen and (max-width: 1024px) {
  .tournaments-page .tournaments-page__header {
    padding-left: 0
  }
}

@media screen and (max-width: 767.98px) {
  .tournaments-page .tournaments-page__header {
    min-height: 550px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end
  }
}

.tournaments-page .tournaments-page__header:after {
  content: "";
  position: absolute;
  bottom: -227px;
  left: 194px;
  width: 227px;
  height: 227px;
  background: linear-gradient(180deg, #2e43ff 3.21%, #0971ea 65.22%, #09ddea 99.54%);
  filter: blur(128px);
  border-radius: 50%;
  z-index: -1
}

.tournaments-page .tournaments-page__header .tournaments-page__img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  pointer-events: none;
  z-index: -1
}

.tournaments-page .tournaments-page__header .img_sob {
  top: -50px;
  left: 8px;
  max-width: 478px;
  max-height: 468px
}

@media screen and (max-width: 1024px) {
  .tournaments-page .tournaments-page__header .img_sob {
    left: 30px
  }
}

@media screen and (max-width: 767.98px) {
  .tournaments-page .tournaments-page__header .img_sob {
    display: none
  }
}

.tournaments-page .tournaments-page__header .img_kubok {
  right: 60px;
  top: -50px;
  max-width: 480px;
  max-height: 406px;
  z-index: -1
}

@media screen and (max-width: 1024px) {
  .tournaments-page .tournaments-page__header .img_kubok {
    right: -40px;
    max-width: 465px;
    max-height: 384px;
    z-index: -2
  }
}

@media screen and (max-width: 767.98px) {
  .tournaments-page .tournaments-page__header .img_kubok {
    top: 0;
    right: 50%;
    transform: translateX(50%);
    max-width: 445px;
    max-height: 292px
  }
}

.tournaments-page .tournaments-page__header .img_money {
  top: 0;
  right: 470px;
  max-width: 128px;
  max-height: 147px
}

@media screen and (max-width: 1024px) {
  .tournaments-page .tournaments-page__header .img_money {
    top: 46px;
    right: 295px;
    max-width: 99px;
    max-height: 114px
  }
}

@media screen and (max-width: 767.98px) {
  .tournaments-page .tournaments-page__header .img_money {
    top: 45px;
    left: -15%;
    transform: translateX(5%);
    max-width: 99px;
    max-height: 114px
  }
}

.tournaments-page .tournaments-page__header .img_fishka1 {
  right: 430px;
  bottom: 5px;
  max-width: 103px;
  max-height: 85px
}

@media screen and (max-width: 1024px) {
  .tournaments-page .tournaments-page__header .img_fishka1 {
    right: 250px;
    bottom: -34px;
    max-width: 103px;
    max-height: 85px
  }
}

@media screen and (max-width: 767.98px) {
  .tournaments-page .tournaments-page__header .img_fishka1 {
    top: 200px;
    right: auto;
    bottom: auto;
    left: -15px;
    max-width: 74px;
    max-height: 61px
  }
}

.tournaments-page .tournaments-page__header .img_fishka1_small {
  top: 20px;
  right: 64px;
  transform: rotate(124deg);
  max-width: 52px;
  max-height: 42px
}

@media screen and (max-width: 1024px) {
  .tournaments-page .tournaments-page__header .img_fishka1_small {
    top: 0;
    right: 0;
    max-width: 42px;
    max-height: 42px
  }
}

@media screen and (max-width: 767.98px) {
  .tournaments-page .tournaments-page__header .img_fishka1_small {
    top: 40px;
    right: 50px
  }
}

.tournaments-page .tournaments-page__header .img_fishka2 {
  right: 0;
  bottom: -5px;
  max-width: 163px;
  max-height: 157px
}

@media screen and (max-width: 1024px) {
  .tournaments-page .tournaments-page__header .img_fishka2 {
    right: -60px;
    bottom: 25px;
    max-width: 112px;
    max-height: 112px
  }
}

@media screen and (max-width: 767.98px) {
  .tournaments-page .tournaments-page__header .img_fishka2 {
    top: 160px;
    right: -25px;
    bottom: auto
  }
}

.tournaments-page .tournaments-page__header .img_fishka3 {
  top: -24px;
  right: 380px;
  opacity: .5;
  filter: blur(2px);
  max-width: 48px;
  max-height: 39px
}

@media screen and (max-width: 1024px) {
  .tournaments-page .tournaments-page__header .img_fishka3 {
    right: 260px
  }
}

@media screen and (max-width: 767.98px) {
  .tournaments-page .tournaments-page__header .img_fishka3 {
    top: 20px;
    left: 70px;
    right: auto;
    max-width: 34px;
    max-height: 27px
  }
}

.tournaments-page .tournaments-page__title {
  position: relative;
  max-width: 320px;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3
}

@media screen and (max-width: 767.98px) {
  .tournaments-page .tournaments-page__title {
    text-align: center
  }
}

.tournaments-page .tournaments-page__title span {
  color: #24abf8
}

.tournaments-page .tournaments-page__description {
  position: relative;
  max-width: 268px;
  margin-top: 24px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

@media screen and (max-width: 767.98px) {
  .tournaments-page .tournaments-page__description {
    text-align: center
  }
}

.tournaments-page .tournaments-page__button {
  position: relative;
  display: inline-flex;
  margin-top: 24px;
  padding: 17px 18px 16px;
  grid-gap: 6px;
  gap: 6px
}

@media screen and (max-width: 767.98px) {
  .tournaments-page .tournaments-page__button {
    width: 100%
  }
}

.tournaments-page .tournaments-page__button span {
  font-size: 14px;
  line-height: 19px
}

.tournaments-page .tournaments-page__button img {
  margin-top: -2px
}

@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;
  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: translateZ(0)
}

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

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

.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
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-container-3d {
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.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-wrapper {
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  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(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.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
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  width: calc(var(--swiper-navigation-size)/44*27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: -22px;
  margin-top: calc(var(--swiper-navigation-size)*-1/2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-theme-color);
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  -moz-font-feature-settings: normal, ;
  font-feature-settings: normal, ;
  font-variant: normal;
  line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity .3s;
  transform: translateZ(0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-white {
  --swiper-pagination-color: #fff
}

.swiper-pagination-black {
  --swiper-pagination-color: #000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s linear infinite;
  box-sizing: border-box;
  border-left: 4px solid var(--swiper-theme-color);
  border-bottom: 4px solid var(--swiper-theme-color);
  border-right: 4px solid var(--swiper-theme-color);
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn)
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.index-banners[data-v-65334328] {
  display: flex;
  max-width: 100%;
  left: auto;
  right: auto;
  justify-content: space-between;
  grid-gap: 16px;
  gap: 16px;
  flex-wrap: wrap
}

@media screen and (max-width: 767.98px) {
  .index-banners[data-v-65334328] {
    display: block;
    margin-bottom: 32px
  }
}

.index-banners-wrapper[data-v-65334328] {
  margin-bottom: 32px
}

.index-banners__description[data-v-65334328] {
  margin-top: 20px
}

.index-slider[data-v-65334328] {
  position: relative;
  height: 260px;
  flex: 1;
  border-radius: 14px 12px 12px 12px;
  overflow: hidden;
  background-color: #04071e
}

@media screen and (max-width: 1024px) {
  .index-slider[data-v-65334328] {
    max-width: 690px;
    height: 240px
  }
}

@media screen and (max-width: 768px) {
  .index-slider[data-v-65334328] {
    max-width: 435px;
    height: 210px
  }
}

@media screen and (max-width: 767.98px) {
  .index-slider[data-v-65334328] {
    max-width: 100%;
    height: 235px;
    padding-bottom: 40px
  }
}

.index-slider[data-v-65334328] .index-page-block {
  position: absolute;
  top: 0;
  z-index: 1
}

.index-slider[data-v-65334328] .index-page-block .head-trapezoid__title {
  padding-right: 0
}

.index-slider[data-v-65334328] .index-page-block .head-trapezoid__title:after {
  content: "";
  width: 35%;
  height: 60%;
  position: absolute;
  right: -4px;
  background: linear-gradient(90deg, transparent, #0c0f1e);
  opacity: .75;
  z-index: 2
}

.index-slider[data-v-65334328] .index-page-block .head-trapezoid__body {
  display: none
}

@media screen and (max-width: 767.98px) {
  .index-slider[data-v-65334328] .index-page-block.index-page-block__head-trapezoid {
    display: none
  }
}

.index-slider[data-v-65334328] .swiper-bullet {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media screen and (max-width: 767.98px) {
  .index-slider[data-v-65334328] .swiper-bullet {
    cursor: default
  }
}

.index-slider[data-v-65334328] .index-slider__buttons {
  display: none
}

.index-slider[data-v-65334328] .index-slider__buttons .index-slider__next,
.index-slider[data-v-65334328] .index-slider__buttons .index-slider__prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 4px solid rgba(0, 0, 0, .1);
  border-radius: 50%;
  z-index: 3;
  cursor: pointer
}

.index-slider[data-v-65334328] .index-slider__buttons .index-slider__prev {
  left: 24px
}

.index-slider[data-v-65334328] .index-slider__buttons .index-slider__prev>img {
  transform: rotateY(180deg)
}

.index-slider[data-v-65334328] .index-slider__buttons .index-slider__next {
  right: 24px
}

.index-slider[data-v-65334328] .swiper-container {
  height: 100%;
  border-radius: 14px 12px 12px 12px
}

.index-slider[data-v-65334328] .swiper-pagination {
  top: 20px;
  right: 10px;
  bottom: unset !important;
  left: unset !important;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  display: flex;
  align-items: center
}

.index-slider[data-v-65334328] .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 12px;
  background: #fff;
  opacity: .5
}

.index-slider[data-v-65334328] .swiper-pagination-bullet-active {
  position: relative;
  display: block;
  border-radius: 50%;
  opacity: 1
}

.index-slider[data-v-65334328] .swiper-pagination-bullet-active:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 26px;
  height: 26px;
  border-color: #fff hsla(0, 0%, 100%, .5) hsla(0, 0%, 100%, .5) #fff;
  border-style: solid;
  border-width: 4px;
  border-radius: 50%;
  background: transparent
}

.index-slider .index-slider-slide[data-v-65334328] {
  width: 100%;
  height: 100%
}

.index-slider .index-slider-slide .index-slider-slide__content[data-v-65334328] {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1
}

.index-slider .index-slider-slide .index-slider-slide__image[data-v-65334328] {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #04071e;
  border-radius: 12px;
  z-index: 2
}

@media screen and (min-width: 1400.51px) {
  .index-slider .index-slider-slide .index-slider-slide__image[data-v-65334328] {
    background-size: auto 100% !important
  }
}

.index-slider .index-slider-slide .index-slider-slide__image_back[data-v-65334328],
.index-slider .index-slider-slide .index-slider-slide__image_front[data-v-65334328] {
  position: absolute;
  top: 0;
  left: 0
}

.index-slider .index-slider-slide .index-slider-slide__image_back[data-v-65334328] {
  opacity: 1;
  z-index: 2
}

.index-slider .index-slider-slide .index-slider-slide__image_front[data-v-65334328] {
  opacity: 0;
  z-index: 3;
  transition: opacity .2s ease-in-out
}

.index-slider .index-slider-slide .index-slider-slide__content:hover .index-slider-slide__image_front[data-v-65334328] {
  opacity: 1
}

.index-slider:hover .index-slider__buttons[data-v-65334328] {
  display: block
}

@media screen and (max-width: 767.98px) {
  .index-slider:hover .index-slider__buttons[data-v-65334328] {
    display: none
  }
}

.index-static-banner[data-v-65334328] {
  position: relative;
  width: 100%;
  max-width: 324px;
  height: 260px;
  background: #2a2a44;
  border-radius: 12px;
  flex: 1
}

@media screen and (max-width: 1024px) {
  .index-static-banner[data-v-65334328] {
    height: 240px
  }
}

@media screen and (max-width: 768px) {
  .index-static-banner[data-v-65334328] {
    height: 210px
  }
}

@media screen and (max-width: 767.98px) {
  .index-static-banner[data-v-65334328] {
    margin-top: 24px;
    max-width: 100%;
    height: 260px
  }
}

.index-static-banner__content[data-v-65334328] {
  z-index: 1
}

.index-static-banner__content[data-v-65334328],
.index-static-banner__image[data-v-65334328] {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.index-static-banner__image[data-v-65334328] {
  z-index: 2;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 12px
}

.index-static-banner__image_back[data-v-65334328] {
  opacity: 1;
  z-index: 2
}

.index-static-banner__image_front[data-v-65334328] {
  opacity: 0;
  z-index: 3;
  transition: opacity .2s ease-in-out
}

.index-static-banner__content:hover .index-static-banner__image_front[data-v-65334328] {
  opacity: 1
}

[data-v-65334328] .index-pagination {
  position: absolute;
  right: 20px;
  top: 20px;
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  z-index: 2
}

@media screen and (max-width: 767.98px) {
  [data-v-65334328] .index-pagination {
    top: auto;
    right: 0;
    left: 0;
    bottom: -1px;
    justify-content: center
  }
}

[data-v-65334328] .bullet-circle {
  fill: none;
  stroke: #fff;
  stroke-width: 4.5;
  stroke-dashoffset: 138.5;
  stroke-dasharray: 138.5;
  -webkit-animation: circle_stroke-data-v-65334328 3.8s ease-in forwards;
  animation: circle_stroke-data-v-65334328 3.8s ease-in forwards
}

@-webkit-keyframes circle_stroke-data-v-65334328 {
  0% {
    stroke-dashoffset: 138.5
  }

  to {
    stroke-dashoffset: 0
  }
}

@keyframes circle_stroke-data-v-65334328 {
  0% {
    stroke-dashoffset: 138.5
  }

  to {
    stroke-dashoffset: 0
  }
}

.game-stair .game-panel {
  max-width: 400px;
  height: 690px
}

.stair-table .game-table-col-1 {
  min-width: 102px;
  max-width: 102px;
  padding-right: 8px
}

.stair-table .game-table-col-2 {
  max-width: 60px
}

.stair-table .game-table-col-3 {
  max-width: 48px
}

.stair-table .game-table-item__col--rocks {
  display: flex;
  justify-content: center
}

.stair-table .game-table-col-4 {
  max-width: 48px
}

.stair-table .game-table-col-5 {
  max-width: 70px
}

.stair-table .game-table-col-6 {
  max-width: 26px
}

@media screen and (max-width: 1024px) {
  .stair-table {
    padding-top: 36px
  }

  .stair-table .game-table-col-1 {
    max-width: 140px
  }

  .stair-table .game-table-col-2 {
    max-width: 90px
  }

  .stair-table .game-table-col-3 {
    max-width: 70px
  }

  .stair-table .game-table-col-4 {
    max-width: 80px
  }

  .stair-table .game-table-col-5 {
    max-width: 120px
  }
}

@media screen and (max-width: 767.98px) {
  .stair-table .game-table-col-1 {
    max-width: 100px
  }

  .stair-table .game-table-col-2 {
    max-width: 60px
  }

  .stair-table .game-table-col-4 {
    max-width: 48px
  }

  .stair-table .game-table-col-5 {
    max-width: 70px
  }
}

@media screen and (max-width: 600px) {
  .stair-table .game-table-col-4 {
    display: none !important
  }
}

@media screen and (max-width: 425px) {
  .stair-table .game-table-col-1 {
    max-width: 90px
  }

  .stair-table .game-table-col-2,
  .stair-table .game-table-col-3 {
    max-width: 50px
  }

  .stair-table .game-table-col-5 {
    max-width: 66px
  }

  .stair-table .game-table-col-6 {
    max-width: 26px
  }
}

.game-stair-field {
  background-image: url(/_nuxt/img/main-bg-desktop.50d26e5.png);
  overflow: hidden
}

.game-stair-field,
.game-stair-field__container {
  display: flex;
  flex-direction: column;
  align-items: center
}

.game-stair-field__container {
  width: 100%;
  max-width: 680px;
  position: absolute;
  top: 32px
}

@media screen and (max-width: 1024px) {
  .game-stair-field {
    height: 740px
  }
}

@media screen and (max-width: 767.98px) {
  .game-stair-field {
    height: 500px;
    margin-bottom: 140px;
    overflow: visible;
    overflow: initial
  }
}

@media screen and (max-width: 600px) {
  .game-stair-field {
    height: 520px
  }
}

@media screen and (max-width: 425px) {
  .game-stair-field {
    height: 530px
  }
}

.game-stair__game-control {
  max-width: 432px;
  bottom: 8px;
  z-index: 2
}

@media screen and (max-width: 767.98px) {
  .game-stair__game-control {
    bottom: -170px
  }
}

.game-stair__game-control-btns {
  width: calc(50% - 8px)
}

@media screen and (max-width: 425px) {
  .game-stair__game-control-btns {
    width: calc(60% - 8px)
  }
}

.game-stair__game-control-btns .game-control__big-btn {
  width: 100%
}

.game-stair__game-control-btns .game-control__big-btn-title {
  text-transform: uppercase
}

.game-stair__game-control-btns .game-control__big-btn.orange .game-control__big-btn-title {
  font-family: Halvar Breitschrift, sans-serif
}

.game-stair__game-control-btns .game-control__big-btn.orange .game-control__big-btn-subtitle {
  font-family: Halvar Breitschrift, sans-serif;
  letter-spacing: .5px;
  text-transform: uppercase
}

.game-stair__game-control-input {
  width: calc(50% - 8px)
}

@media screen and (max-width: 425px) {
  .game-stair__game-control-input {
    width: calc(40% - 8px)
  }
}

.game-stair__game-control-section {
  grid-gap: 8px;
  gap: 8px;
  justify-content: space-between
}

.stair-board {
  display: flex;
  align-items: flex-end;
  align-self: flex-start;
  width: calc(100% - 44px);
  margin-left: 16px;
  border-bottom: 1px solid #222545
}

@media screen and (max-width: 1024px) {
  .stair-board {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px
  }
}

@media screen and (max-width: 767.98px) {
  .stair-board {
    border: none;
    width: calc(100% - 16px);
    flex-direction: column;
    align-items: center
  }
}

.stair-board-rates {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  width: 50px
}

@media screen and (max-width: 767.98px) {
  .stair-board-rates {
    order: 1;
    flex-direction: row;
    width: auto;
    max-width: 400px;
    overflow: auto;
    padding-bottom: 16px;
    margin-top: 30px
  }
}

@media screen and (max-width: 425px) {
  .stair-board-rates {
    max-width: calc(100% - 16px);
    align-self: flex-start;
    margin-left: 8px
  }
}

.stair-board-rates__item {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  padding-bottom: 16px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  text-align: left;
  color: #666d85
}

.stair-board-rates__item.active {
  color: #24abf8
}

@media screen and (max-width: 767.98px) {
  .stair-board-rates__item.active {
    color: #f3f3f3;
    background-color: #24abf8
  }
}

.stair-board-rates__item.prev {
  color: #24abf8;
  opacity: .5
}

@media screen and (max-width: 767.98px) {
  .stair-board-rates__item.prev {
    color: #f3f3f3;
    background-color: #24abf8
  }
}

.stair-board-rates__item.without-transition-delay {
  transition-delay: 0s !important
}

@media screen and (max-width: 767.98px) {
  .stair-board-rates__item {
    min-width: 44px;
    width: auto;
    padding: 0 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    height: 24px;
    background: #23253d;
    color: #f3f3f3;
    border-radius: 4px;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -.04em
  }

  .stair-board-rates__item:not(:last-child) {
    margin-right: 6px
  }
}

.stair-board-field {
  width: 100%;
  height: 100%;
  padding-left: 32px
}

@media screen and (max-width: 767.98px) {
  .stair-board-field {
    padding-left: 0
  }
}

.stair-board-field__container {
  width: 100%;
  height: 100%;
  position: relative
}

@media screen and (max-width: 767.98px) {
  .stair-board-field {
    max-width: 400px;
    margin: 0 auto
  }
}

.stair-grid {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

@media screen and (max-width: 767.98px) {
  .stair-grid {
    position: relative
  }

  .stair-grid:before {
    content: "";
    position: absolute;
    left: -10px;
    bottom: 0;
    width: calc(100% + 20px);
    height: 1px;
    background: #23253d
  }
}

.stair-grid-row-wrap {
  height: 32px;
  width: 100%;
  position: relative;
  display: flex
}

@media screen and (max-width: 767.98px) {
  .stair-grid-row-wrap {
    height: 26px
  }
}

.stair-grid-row {
  display: flex;
  height: 100%;
  position: absolute;
  top: 0
}

.stair-grid-row__stair-wrap {
  position: absolute;
  top: 0;
  z-index: 2;
  opacity: 0;
  width: 5%;
  height: 100%;
  transition: .15s ease-in;
  pointer-events: none;
  display: none;
  overflow: hidden
}

.stair-grid-row__stair-wrap.active {
  opacity: 1
}

.stair-grid-row__stair {
  position: absolute;
  width: calc(100% - 4px);
  height: 100%;
  background: url(/_nuxt/img/stair.e14314c.svg) no-repeat -2px 1px;
  background-size: 110%
}

@media screen and (max-width: 767.98px) {
  .stair-grid-row__stair {
    width: calc(100% - 3px);
    background-position: -1px 1px;
    background-size: 115%
  }
}

.stair-grid-row.active .stair-grid-row__stair-wrap {
  display: flex
}

.stair-grid-row.instant .stair-grid-cell,
.stair-grid-row.instant .stair-grid-cell__body {
  transition: all 0s !important
}

.stair-grid-row.instant .stair-grid-cell__rock {
  transition: opacity .4s ease-out .1s, top 0s
}

.stair-grid-cell {
  display: flex;
  justify-content: center;
  height: 100%;
  flex-grow: 1;
  flex-shrink: 0;
  transition: .25s ease;
  position: relative
}

.stair-grid-cell:not(:last-child) {
  margin-right: 4px
}

@media screen and (max-width: 767.98px) {
  .stair-grid-cell:not(:last-child) {
    margin-right: 3px
  }
}

.stair-grid-cell__body {
  height: 16px;
  width: 100%;
  background: #23253d;
  border-radius: 2px;
  transition: .25s ease-in;
  position: relative
}

@media screen and (max-width: 767.98px) {
  .stair-grid-cell__body {
    height: 10px
  }
}

.stair-grid-cell__hover-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.stair-grid-cell__stair {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  background: url(/_nuxt/img/stair.e14314c.svg) no-repeat -2px 1px;
  background-size: 110%
}

@media screen and (max-width: 1200px) {
  .stair-grid-cell__stair {
    background-size: 130%;
    background-position: -4px 0
  }
}

@media screen and (max-width: 1024px) {
  .stair-grid-cell__stair {
    background-size: 110%;
    background-position: -2px 0
  }
}

@media screen and (max-width: 767.98px) {
  .stair-grid-cell__stair {
    background-position: -1px 1px;
    background-size: 115%
  }
}

.stair-grid-cell__rock {
  position: absolute;
  width: 12px;
  height: 12px;
  opacity: 0;
  top: -100vh;
  background: url(/_nuxt/img/rock.249965e.svg) no-repeat 50%;
  background-size: 100%;
  transition: top .4s ease-out .1s, opacity .1s ease-out
}

@media screen and (max-width: 767.98px) {
  .stair-grid-cell__rock {
    width: 10px;
    height: 10px
  }
}

.stair-grid-cell.active {
  cursor: pointer
}

.stair-grid-cell.active .stair-grid-cell__body {
  background: linear-gradient(180deg, #119bff, #00d1ff)
}

.stair-grid-cell.active:hover .stair-grid-cell__body {
  box-shadow: inset 0 0 6px 4px #6dcaff
}

.stair-grid-cell.has-stair .stair-grid-cell__stair {
  display: flex
}

.stair-grid-cell.has-rock .stair-grid-cell__rock {
  top: -11px;
  opacity: 1;
  display: flex
}

@media screen and (max-width: 767.98px) {
  .stair-grid-cell.has-rock .stair-grid-cell__rock {
    top: -9px
  }
}

.stair-player {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  transform: translateX(-50%);
  height: 28px;
  overflow: hidden;
  transition: left .5s, bottom .7s;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.stair-player.cyborg {
  height: 30px
}

.stair-player--middle,
.stair-player--small,
.stair-player--small.cyborg {
  width: 18px
}

.stair-player--middle.cyborg {
  width: 18px;
  height: 30px
}

.stair-player--big {
  width: 40px;
  height: 40px;
  margin-bottom: -6px
}

.stair-player--big.cyborg {
  width: 26px;
  height: 38px;
  margin-bottom: -1px
}

.stair-player--instant-move {
  transition: unset
}

.stair-player--reverse {
  transform: translateX(-50%) scaleX(-1)
}

.stair-player>img {
  height: 100%
}

.stair-player--stand {
  -webkit-animation: stand 1s steps(10) infinite;
  animation: stand 1s steps(10) infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate
}

@-webkit-keyframes stand {
  to {
    transform: translateX(-100%)
  }
}

@keyframes stand {
  to {
    transform: translateX(-100%)
  }
}

.stair-player--stand.cyborg {
  -webkit-animation: stand 1s steps(8) infinite;
  animation: stand 1s steps(8) infinite
}

.stair-player--run {
  -webkit-animation: run .5s steps(10) forwards;
  animation: run .5s steps(10) forwards
}

@-webkit-keyframes run {
  to {
    transform: translateX(-100%)
  }
}

@keyframes run {
  to {
    transform: translateX(-100%)
  }
}

.stair-player--run.cyborg {
  -webkit-animation: run 1s steps(6) forwards;
  animation: run 1s steps(6) forwards
}

.stair-player--climbing {
  -webkit-animation: climb .7s steps(10) forwards;
  animation: climb .7s steps(10) forwards
}

@-webkit-keyframes climb {
  to {
    transform: translateX(-100%)
  }
}

@keyframes climb {
  to {
    transform: translateX(-100%)
  }
}

.stair-player--climbing.cyborg {
  -webkit-animation: climb .7s steps(6) forwards;
  animation: climb .7s steps(6) forwards
}

.stair-player--happy {
  -webkit-animation: happy 1s steps(10) infinite;
  animation: happy 1s steps(10) infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate
}

@-webkit-keyframes happy {
  to {
    transform: translateX(-100%)
  }
}

@keyframes happy {
  to {
    transform: translateX(-100%)
  }
}

.stair-player--happy.cyborg {
  -webkit-animation: happy 1s steps(6) infinite;
  animation: happy 1s steps(6) infinite
}

.stair-player--dead {
  -webkit-animation: dead-indiana .4s steps(9) .4s forwards;
  animation: dead-indiana .4s steps(9) .4s forwards;
  -webkit-animation-direction: alternate;
  animation-direction: alternate
}

@-webkit-keyframes dead-indiana {
  to {
    transform: translateX(-89.8%)
  }
}

@keyframes dead-indiana {
  to {
    transform: translateX(-89.8%)
  }
}

@-webkit-keyframes dead-cyborg {
  to {
    transform: translateX(-89.8%)
  }
}

@keyframes dead-cyborg {
  to {
    transform: translateX(-89.8%)
  }
}

.stair-player--dead.cyborg {
  -webkit-animation: dead-cyborg .4s steps(9) .4s forwards;
  animation: dead-cyborg .4s steps(9) .4s forwards;
  -webkit-animation-direction: alternate;
  animation-direction: alternate
}

.stair-game-result {
  width: 100%
}

.cases-page {
  width: 100%;
  overflow: hidden;
  margin-top: -100px
}

@media screen and (max-width: 1024px) {
  .cases-page {
    margin-top: -66px
  }
}

@media screen and (max-width: 767.98px) {
  .cases-page {
    margin-top: -64px
  }

  :not(.authenticated) .cases-page {
    margin-top: -70px
  }
}

.cases-page .page-container {
  max-width: 100%
}

.cases-page-block {
  width: 100%;
  overflow: hidden;
  border-radius: 12px
}

.cases-page-block:not(:last-of-type) {
  margin-bottom: 24px
}

.cases-page-block__head-title {
  font-style: italic;
  font-weight: 900;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  border-top-left-radius: 12px;
  display: flex;
  align-items: center
}

.cases-page-block__head-title img,
.cases-page-block__head-title svg {
  margin-right: 10px
}

.cases-page-block__head-trapezoid .head-trapezoid__trapezoid {
  left: calc(100% - 2px);
  top: -1px
}

.cases-page-block__head-trapezoid .head-trapezoid__title {
  padding-right: 12px;
  border-top-left-radius: 12px
}

.cases-page-block__head-trapezoid .head-trapezoid__title>img,
.cases-page-block__head-trapezoid .head-trapezoid__title>svg {
  margin-right: 10px
}

.cases-page-block__head-trapezoid .head-trapezoid__body {
  border-top-right-radius: 12px;
  background: #101224
}

.cases-page-block__body {
  background: #101224;
  width: 100%;
  padding: 24px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .cases-page-block__body {
    padding: 16px
  }
}

.cases-page-catalog {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  grid-gap: 24px;
  gap: 24px
}

@media screen and (max-width: 767.98px) {
  .cases-page-catalog {
    grid-gap: 16px;
    gap: 16px
  }
}

.cases-page-catalog__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: calc(16.66667% - 20px)
}

@media screen and (max-width: 1600px) {
  .cases-page-catalog__item {
    width: calc(20% - 19.2px)
  }
}

@media screen and (max-width: 1400px) {
  .cases-page-catalog__item {
    width: calc(25% - 18px)
  }
}

@media screen and (max-width: 1200px) {
  .cases-page-catalog__item {
    width: calc(33.33333% - 16px)
  }
}

@media screen and (max-width: 767.98px) {
  .cases-page-catalog__item {
    width: calc(50% - 8px)
  }
}

@media screen and (max-width: 425px) {
  .cases-page-catalog__item {
    width: 100%
  }
}

.cases-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  overflow: hidden
}

.cases-card__head-trapezoid .head-trapezoid__trapezoid {
  left: calc(100% - 2px);
  top: -1px
}

.cases-card__head-trapezoid .head-trapezoid__title {
  padding-right: 10px;
  border-top-left-radius: 12px
}

.cases-card__head-trapezoid .head-trapezoid__body {
  background: #1b1d32;
  border-top-right-radius: 12px
}

.cases-card__overlay {
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #f3f3f3;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: radial-gradient(circle, rgba(12, 15, 30, .95) 20%, rgba(12, 13, 33, .35) 75%)
}

.cases-card__overlay>* {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 32px;
  text-transform: uppercase
}

.cases-card__body {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background: #1b1d32;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 32px 16px 24px;
  position: relative
}

.cases-card__head-coin-icon {
  margin-right: 6px
}

.cases-card__price {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -.5px;
  text-transform: uppercase;
  color: #f3f3f3
}

.cases-card__price-old {
  padding-left: 4px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.5px;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  text-transform: uppercase;
  opacity: .5
}

.cases-card__blur {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  position: absolute;
  top: 40px;
  background: #f73ee4;
  opacity: .7;
  filter: blur(84px);
  z-index: 1;
  transform-origin: center;
  transition: .2s ease-in
}

.cases-card__title {
  font-size: 16px;
  line-height: 20px;
  color: #f3f3f3;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4px
}

.cases-card__title,
.cases-card__title-name {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase
}

.cases-card__title-name {
  margin-top: 4px;
  font-size: 20px;
  line-height: 24px;
  color: #33bf61
}

.cases-card__img {
  z-index: 2;
  width: 100%;
  max-width: 160px;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px
}

.cases-card__img img {
  transition: .2s ease-in;
  max-width: 130px;
  transform-origin: center
}

.cases-card__btn {
  width: 100%;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #23253d;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.3px;
  color: #f3f3f3;
  transition: .2s ease
}

.cases-card.cases-card--default .cases-card__img {
  max-width: 150px;
  height: 150px
}

.cases-card.boss-rank .cases-card__price,
.cases-card.patron-rank .cases-card__price {
  color: #0c0f1e
}

.cases-card.simple .cases-card__blur {
  background-color: #858cab !important
}

.cases-card.epic .cases-card__price,
.cases-card.rare .cases-card__price {
  color: #0c0f1e
}

.cases-card:hover .cases-card__btn {
  background: #098bea
}

.cases-card:hover .cases-card__blur {
  transform: scale(1.1) rotate(45deg)
}

.cases-card:hover .cases-card__img img {
  transform: scale(1.075)
}

.cases-game-main-item__name,
.cases-live-drop-item__amount._name,
.cases-live-drop-item__user-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.cases-page-top {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: calc(100% + 48px);
  min-height: 190px;
  margin-left: -24px;
  margin-right: -24px;
  margin-bottom: 24px;
  padding-top: 70px;
  background: #101224
}

@media screen and (max-width: 1024px) {
  .cases-page-top {
    padding-top: 0;
    min-height: 120px;
    justify-content: center
  }
}

.cases-money {
  position: relative;
  width: 100%;
  height: 100%;
  transition: .2s ease
}

.cases-money img {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px
}

.cases-live-drop {
  width: 100%;
  overflow: hidden;
  position: relative
}

.cases-live-drop:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -20px;
  right: 0;
  width: 8px;
  z-index: 2;
  background: #101224;
  box-shadow: 0 0 32px 32px #101224
}

.cases-live-drop__list {
  width: 100%;
  display: flex;
  align-items: stretch;
  grid-gap: 16px;
  gap: 16px;
  padding: 0 24px
}

.cases-live-drop-item {
  width: 70px;
  height: 110px;
  padding-top: 8px;
  transition: .2s ease;
  opacity: .7
}

.cases-live-drop-item,
.cases-live-drop-item__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative
}

.cases-live-drop-item__box {
  width: 62px;
  height: 70px;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.cases-live-drop-item__box-blur {
  z-index: 1;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #b658ff;
  filter: blur(12px)
}

.cases-live-drop-item__cases-money {
  z-index: 2
}

.cases-live-drop-item__amount {
  z-index: 3;
  position: absolute;
  bottom: -6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  min-width: 36px;
  height: 20px;
  padding: 0 6px;
  border-radius: 32px;
  border: 2px solid #101224;
  background: #b658ff;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.5px;
  color: #f3f3f3
}

.cases-live-drop-item__amount._name {
  width: 100%;
  font-size: 10px;
  display: block
}

.cases-live-drop-item__phys-prize-img {
  width: 30px;
  height: 30px;
  transition: opacity .2s ease
}

.cases-live-drop-item__case-img {
  width: 44px;
  position: absolute;
  opacity: 0;
  transition: .2s ease;
  display: flex;
  justify-content: center;
  align-items: center
}

.cases-live-drop-item__case-img img {
  max-width: 100%;
  transition: .15s ease-in;
  transform-origin: center;
  transform: scale(.85);
  transition-delay: .13s
}

.cases-live-drop-item__user {
  margin-top: auto;
  width: calc(100% + 16px);
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  align-items: center;
  transition: .2s ease;
  opacity: 0
}

.cases-live-drop-item__user-ava {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  border-radius: 4px;
  background-color: #23253d;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden
}

.cases-live-drop-item__user-ava img {
  max-width: 100%
}

.cases-live-drop-item__user-ava.default img {
  max-width: 10px
}

.cases-live-drop-item__user-name {
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -.03em;
  color: #f3f3f3
}

.cases-live-drop-item:before {
  height: 100%;
  top: 0;
  background: linear-gradient(180deg, #23253d, rgba(35, 37, 61, 0));
  border-radius: 4px
}

.cases-live-drop-item:after,
.cases-live-drop-item:before {
  content: "";
  width: calc(100% + 16px);
  left: -8px;
  position: absolute;
  opacity: 0;
  transition: .2s ease
}

.cases-live-drop-item:after {
  height: 1px;
  background-color: #b658ff;
  bottom: 0;
  border-radius: 2px
}

.cases-live-drop-item.cases-live-drop-item--blue .cases-live-drop-item__amount,
.cases-live-drop-item.cases-live-drop-item--blue .cases-live-drop-item__box-blur,
.cases-live-drop-item.cases-live-drop-item--blue:after {
  background: linear-gradient(180deg, #2e43ff 3.21%, #0971ea 65.22%, #09ddea 99.54%)
}

.cases-live-drop-item.cases-live-drop-item--green .cases-live-drop-item__amount,
.cases-live-drop-item.cases-live-drop-item--green .cases-live-drop-item__box-blur,
.cases-live-drop-item.cases-live-drop-item--green:after {
  background: #3eb13b
}

.cases-live-drop-item.cases-live-drop-item--red .cases-live-drop-item__amount,
.cases-live-drop-item.cases-live-drop-item--red .cases-live-drop-item__box-blur,
.cases-live-drop-item.cases-live-drop-item--red:after {
  background: #ff2c52
}

.cases-live-drop-item.cases-live-drop-item--purple .cases-live-drop-item__amount,
.cases-live-drop-item.cases-live-drop-item--purple .cases-live-drop-item__box-blur,
.cases-live-drop-item.cases-live-drop-item--purple:after {
  background: #b658ff
}

.cases-live-drop-item.cases-live-drop-item--yellow .cases-live-drop-item__amount,
.cases-live-drop-item.cases-live-drop-item--yellow .cases-live-drop-item__box-blur,
.cases-live-drop-item.cases-live-drop-item--yellow:after {
  background: #ffbe18
}

.cases-live-drop-item.cases-live-drop-item--yellow .cases-live-drop-item__amount {
  color: #0c0f1e
}

.cases-live-drop-item.cases-live-drop-item--orange .cases-live-drop-item__amount,
.cases-live-drop-item.cases-live-drop-item--orange .cases-live-drop-item__box-blur,
.cases-live-drop-item.cases-live-drop-item--orange:after {
  background: #ccb069
}

.cases-live-drop-item:hover,
.cases-live-drop-item:hover .cases-live-drop-item__case-img,
.cases-live-drop-item:hover .cases-live-drop-item__user,
.cases-live-drop-item:hover:after,
.cases-live-drop-item:hover:before {
  opacity: 1
}

.cases-live-drop-item:hover .cases-live-drop-item__case-img img {
  transform: scale(1.05)
}

.cases-live-drop-item:hover .cases-live-drop-item__cases-money,
.cases-live-drop-item:hover .cases-live-drop-item__phys-prize-img {
  opacity: 0
}

.cases-daily {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  position: relative
}

@media screen and (max-width: 1024px) {
  .cases-daily {
    flex-direction: column
  }
}

.cases-daily__countdown-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 16px;
  top: 16px
}

@media screen and (max-width: 767.98px) {
  .cases-daily__countdown-wrap {
    position: static;
    margin-bottom: 12px
  }
}

.cases-daily__countdown-finished {
  display: flex;
  align-items: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffbe18
}

.cases-daily__countdown-finished>* {
  margin-left: 6px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #ffbe18;
  background: rgba(255, 190, 24, .15);
  display: flex;
  justify-content: center;
  align-items: center
}

.cases-daily__countdown-finished>* svg {
  max-width: 12px;
  fill: #ffbe18
}

.cases-daily__countdown-finished.green {
  color: #3eb13b
}

.cases-daily__countdown-finished.green>* {
  border-color: #3eb13b;
  background: rgba(62, 177, 59, .3)
}

.cases-daily__countdown-finished.green>* svg {
  fill: #3eb13b
}

.cases-daily__img {
  position: absolute;
  right: 50%;
  top: -70px;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width: 1024px) {
  .cases-daily__img {
    right: -32px
  }
}

@media screen and (max-width: 767.98px) {
  .cases-daily__img {
    right: -24px;
    width: 110px;
    height: 110px
  }
}

.cases-daily__img img {
  width: 100%;
  z-index: 2
}

.cases-daily__img:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: linear-gradient(180deg, #2e43ff 3%, #0971ea 65%, #09ddea);
  opacity: .75;
  filter: blur(64px)
}

.cases-daily-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 3;
  width: calc(50% - 16px)
}

@media screen and (max-width: 1024px) {
  .cases-daily-info {
    width: 100%;
    margin-bottom: 24px
  }
}

.cases-daily-info__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.3px;
  color: #f3f3f3;
  max-width: 410px;
  margin-bottom: 40px
}

@media screen and (max-width: 767.98px) {
  .cases-daily-info__text {
    max-width: 260px;
    margin-bottom: 24px
  }
}

.cases-daily-info__text:first-child {
  margin-bottom: 24px
}

.cases-daily-info__footer {
  display: flex;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .cases-daily-info__footer {
    flex-direction: column;
    align-items: stretch
  }
}

.cases-daily-info__rule {
  margin-left: 24px;
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #666d85
}

@media screen and (max-width: 767.98px) {
  .cases-daily-info__rule {
    margin-left: 0
  }
}

.cases-daily-info__btn {
  min-width: 200px
}

@media screen and (max-width: 767.98px) {
  .cases-daily-info__btn {
    margin-bottom: 16px
  }
}

.cases-daily-quest {
  width: calc(50% - 16px);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  z-index: 2;
  margin-top: -48px
}

@media screen and (max-width: 1024px) {
  .cases-daily-quest {
    width: 100%;
    margin-top: 0
  }
}

.cases-daily-quest .head-trapezoid__trapezoid {
  left: calc(100% - 2px);
  top: -1px
}

.cases-daily-quest .head-trapezoid__trapezoid .cases-page-block__head-title img,
.cases-daily-quest .head-trapezoid__trapezoid .cases-page-block__head-title svg {
  margin-right: 6px
}

.cases-daily-quest .head-trapezoid__title {
  padding-right: 12px;
  border-top-left-radius: 12px
}

.cases-daily-quest .head-trapezoid__title>img,
.cases-daily-quest .head-trapezoid__title>svg {
  margin-right: 10px
}

.cases-daily-quest .head-trapezoid__body {
  border-top-right-radius: 12px;
  background: #1b1d32
}

.cases-daily-quest__body {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  background: #1b1d32;
  padding: 24px 16px 16px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}

@media screen and (max-width: 767.98px) {
  .cases-daily-quest__body {
    padding-top: 16px
  }
}

.cases-daily-quest__task {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.3px;
  color: #f3f3f3;
  margin-bottom: 24px
}

.cases-daily-quest__task>* {
  display: inline-block;
  margin-left: 4px
}

.cases-daily-quest__progress-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 60px;
  position: relative;
  z-index: 1
}

@media screen and (max-width: 767.98px) {
  .cases-daily-quest__progress-wrap {
    padding-top: 30px;
    margin-bottom: 16px
  }
}

.cases-daily-quest__progress-bar {
  margin-bottom: 16px
}

.cases-daily-quest__progress {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.cases-daily-quest__progress-percentage {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.005em;
  color: #858cab
}

.cases-daily-quest__progress-percentage span {
  color: #f3f3f3;
  font-weight: 700
}

.cases-daily-quest__progress-value {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
  letter-spacing: -.005em;
  color: #f3f3f3
}

@media screen and (max-width: 767.98px) {
  .cases-daily-quest__progress-value {
    text-align: left;
    position: absolute;
    top: 0;
    font-size: 14px;
    line-height: 20px
  }
}

.cases-daily-quest__progress-value span {
  font-weight: 700;
  font-size: 14px
}

.cases-daily-quest__overlay {
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  padding: 16px;
  left: -2px;
  top: -2px;
  position: absolute;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #f3f3f3;
  text-align: center;
  text-transform: uppercase;
  border-radius: 12px;
  background: rgba(24, 29, 54, .75)
}

.cases-daily-quest__overlay.can-open {
  color: #ffbe18
}

.cases-daily-quest__overlay.opened {
  color: #3eb13b
}

.cases-daily-quest__overlay.expired {
  color: #ff2c52
}

.cases-daily-quest__overlay.already-completed,
.cases-daily-quest__overlay.update-page {
  color: #f3f3f3
}

.cases-daily-quest.blured .cases-daily__countdown-finished,
.cases-daily-quest.blured .cases-page-block__head-title {
  z-index: 2
}

.cases-daily-quest.blured .cases-daily-quest__action,
.cases-daily-quest.blured .cases-daily-quest__progress-wrap,
.cases-daily-quest.blured .cases-daily-quest__task,
.cases-daily-quest.blured .cases-daily__countdown {
  filter: blur(3px)
}

.cases-daily-quest__action {
  width: 100%;
  margin-top: auto;
  display: flex;
  align-items: flex-end;
  position: relative
}

@media screen and (max-width: 767.98px) {
  .cases-daily-quest__action.with-img {
    padding-bottom: 80px
  }
}

.cases-daily-quest__action-btn {
  min-width: 200px;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 20px
}

@media screen and (max-width: 767.98px) {
  .cases-daily-quest__action-btn {
    width: 100%;
    z-index: 1
  }
}

.cases-daily-quest__action-btn svg {
  margin-left: 8px
}

.cases-daily-quest__action-img {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: calc(50% - 210px);
  bottom: -16px
}

@media screen and (max-width: 767.98px) {
  .cases-daily-quest__action-img {
    bottom: -24px;
    right: calc(50% - 90px)
  }
}

.cases-daily-quest__action-img img {
  width: 180px;
  transform-origin: center;
  margin-bottom: -25px
}

.cases-daily-quest__action-img:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: linear-gradient(180deg, #2e43ff 3.21%, #0971ea 65.22%, #09ddea 99.54%);
  opacity: .7;
  filter: blur(60px)
}

@media screen and (max-width: 767.98px) {
  .cases-daily-quest__action.payment .cases-daily-quest__action-img {
    bottom: -24px;
    right: calc(50% - 65px)
  }
}

.cases-daily-quest__action.payment .cases-daily-quest__action-img img {
  width: 130px;
  transform: rotate(90deg);
  transform-origin: center;
  margin-bottom: -46px
}

.cases-daily-quest__action.payment .cases-daily-quest__action-img:before {
  background: #fec638
}

.CasesGamePage .cases-page-top {
  margin-bottom: 0
}

.cases-game {
  min-height: 430px;
  width: 100%;
  padding-top: 92px;
  margin-bottom: 24px;
  background: #020727;
  position: relative
}

.cases-game,
.cases-game__title-wrap {
  display: flex;
  flex-direction: column;
  align-items: center
}

.cases-game__title-wrap {
  position: absolute;
  top: 20px
}

.cases-game__title-type {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -.3px;
  color: #858cab;
  margin-bottom: 12px
}

.cases-game__title-name,
.cases-game__title-type {
  font-family: Halvar Breitschrift, sans-serif;
  text-align: center;
  text-transform: uppercase
}

.cases-game__title-name {
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  color: #f3f3f3;
  text-shadow: 0 0 18px hsla(0, 0%, 100%, .8)
}

.cases-game__container {
  height: 215px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative
}

.cases-game__actions {
  padding-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .cases-game__actions {
    flex-direction: column;
    padding-top: 32px;
    padding-bottom: 32px
  }
}

.cases-game__open-btn {
  margin-right: 24px
}

@media screen and (max-width: 767.98px) {
  .cases-game__open-btn {
    margin-right: 0;
    margin-bottom: 16px
  }
}

.cases-game__open-btn svg {
  margin: 0 5px
}

.cases-game__arrow {
  width: 138px;
  height: 215px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative
}

.cases-game__arrow:before {
  content: "";
  display: flex;
  width: 150px;
  height: 150px;
  filter: blur(14px);
  background: radial-gradient(50% 50% at 50%, at 50%, rgba(36, 171, 248, .15) 0, rgba(17, 16, 31, 0) 100%);
  background: radial-gradient(50% 50% at 50% 50%, rgba(36, 171, 248, .15) 0, rgba(17, 16, 31, 0) 100%);
  position: absolute;
  z-index: 1
}

.cases-game__arrow img {
  z-index: 2
}

.cases-game__arrow-dynamic {
  position: absolute;
  right: 3px;
  transition: .2s ease-in
}

.cases-game__arrow.left img {
  transform-origin: center;
  align-self: flex-end
}

.cases-game__arrow.left img.cases-game__arrow-dynamic {
  -webkit-animation: arrow-animate-left 1s linear infinite;
  animation: arrow-animate-left 1s linear infinite
}

.cases-game__arrow.left.animate img.cases-game__arrow-dynamic {
  -webkit-animation: arrow-animate-left .25s linear infinite;
  animation: arrow-animate-left .25s linear infinite
}

.cases-game__arrow.right {
  order: 2;
  transform: scale(-1);
  transform-origin: center
}

.cases-game__arrow.right img {
  align-self: flex-end;
  transform: scaleY(-1);
  transform-origin: center
}

.cases-game__arrow.right img.cases-game__arrow-dynamic {
  -webkit-animation: arrow-animate-right 1s linear infinite;
  animation: arrow-animate-right 1s linear infinite
}

.cases-game__arrow.right.animate img.cases-game__arrow-dynamic {
  -webkit-animation: arrow-animate-right .25s linear infinite;
  animation: arrow-animate-right .25s linear infinite
}

@-webkit-keyframes arrow-animate-right {
  98% {
    transform: scaleY(-1) translate3d(-26px, 0, 0)
  }

  99% {
    opacity: 0;
    transform: scaleY(-1) translateZ(0)
  }

  to {
    opacity: 1
  }
}

@keyframes arrow-animate-right {
  98% {
    transform: scaleY(-1) translate3d(-26px, 0, 0)
  }

  99% {
    opacity: 0;
    transform: scaleY(-1) translateZ(0)
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes arrow-animate-left {
  98% {
    transform: translate3d(-26px, 0, 0)
  }

  99% {
    opacity: 0;
    transform: translateZ(0)
  }

  to {
    opacity: 1
  }
}

@keyframes arrow-animate-left {
  98% {
    transform: translate3d(-26px, 0, 0)
  }

  99% {
    opacity: 0;
    transform: translateZ(0)
  }

  to {
    opacity: 1
  }
}

.cases-game__overlay {
  position: absolute;
  z-index: 7;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  background: rgba(12, 15, 30, .8);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px)
}

.cases-game__overlay-text {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px
}

.cases-game__overlay-btn {
  min-width: 200px
}

.cases-game-main {
  width: 750px;
  overflow: hidden;
  position: relative;
  z-index: 3
}

.cases-game-main__list {
  width: 100%;
  display: flex;
  align-items: stretch
}

.cases-game-main__hexagon {
  width: 250px;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  align-self: center;
  left: calc(50% - 125px);
  pointer-events: none
}

.cases-game-main__hexagon-main {
  z-index: 4;
  max-width: 152px
}

.cases-game-main__hexagon-bg {
  max-width: 100%;
  filter: blur(12px);
  z-index: 2;
  position: absolute;
  transform-origin: center;
  -webkit-animation: hexagon-animate 2.5s linear infinite;
  animation: hexagon-animate 2.5s linear infinite
}

.cases-game-main__hexagon:before {
  content: "";
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: linear-gradient(180deg, #2e43ff 3%, #0971ea 65%, #09ddea);
  opacity: .7;
  filter: blur(150px);
  position: absolute;
  z-index: 1
}

.cases-game-main__hexagon:after {
  content: "";
  width: 2px;
  height: 215px;
  border: 1px solid #f3f3f3;
  box-shadow: 0 4px 12px 2px #24abf8;
  position: absolute;
  z-index: 4
}

@-webkit-keyframes hexagon-animate {
  25% {
    transform: scale(1.1)
  }

  66% {
    transform: scale(.8)
  }

  to {
    transform: scale(1)
  }
}

@keyframes hexagon-animate {
  25% {
    transform: scale(1.1)
  }

  66% {
    transform: scale(.8)
  }

  to {
    transform: scale(1)
  }
}

.cases-game-main-item {
  width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 1s ease-in
}

.cases-game-main-item--opacity {
  opacity: .3
}

.cases-game-main-item__amount {
  padding-top: 6px;
  display: flex;
  align-items: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #f3f3f3
}

.cases-game-main-item__amount img,
.cases-game-main-item__amount svg {
  margin-right: 6px
}

.cases-game-main-item__name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 800;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #f3f3f3;
  padding: 6px 0 0;
  display: block
}

.cases-game-main-item__phys-prize-img {
  width: 150px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center
}

.cases-game-main-item__phys-prize-img img {
  max-height: 60px
}

.cases-game-drop-catalog {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  grid-gap: 24px;
  gap: 24px
}

@media screen and (max-width: 767.98px) {
  .cases-game-drop-catalog {
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 10px;
    width: calc(100% + 16px);
    margin-right: -16px;
    padding-right: 16px;
    grid-gap: 16px;
    gap: 16px
  }
}

.cases-game-drop-catalog__item {
  width: calc(16.66667% - 20px);
  flex-shrink: 0
}

@media(max-width: 1700px) {
  .cases-game-drop-catalog__item {
    width: calc(20% - 19.2px)
  }
}

@media(max-width: 1500px) {
  .cases-game-drop-catalog__item {
    width: calc(25% - 18px)
  }
}

@media screen and (max-width: 1024px) {
  .cases-game-drop-catalog__item {
    width: calc(33.33333% - 16px)
  }
}

@media screen and (max-width: 767.98px) {
  .cases-game-drop-catalog__item {
    min-width: 175px;
    max-width: 220px;
    width: auto
  }
}

.cases-game-drop-item {
  width: 100%;
  min-height: 220px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 16px;
  border-radius: 12px;
  border-top-left-radius: 24px;
  background: #1b1d32;
  overflow: hidden;
  position: relative;
  cursor: pointer
}

.cases-game-drop-item>* {
  z-index: 2
}

.cases-game-drop-item__cases-money {
  margin-bottom: 32px;
  transform-origin: center
}

.cases-game-drop-item__amount {
  margin-top: auto;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #f3f3f3;
  display: flex;
  align-items: center
}

.cases-game-drop-item__amount img,
.cases-game-drop-item__amount svg {
  margin-right: 6px
}

.cases-game-drop-item__name {
  margin-top: auto;
  padding: 0 8px;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #f3f3f3
}

.cases-game-drop-item__phys-prize-img {
  transition: .2s ease;
  transform-origin: center
}

.cases-game-drop-item__phys-prize-img img {
  height: 100px
}

.cases-game-drop-item:after,
.cases-game-drop-item:before {
  content: "";
  position: absolute;
  pointer-events: none
}

.cases-game-drop-item:before {
  height: 8px;
  width: 64px;
  top: -4px;
  border-radius: 8px;
  background: #f3f3f3;
  box-shadow: 0 0 14px #f3f3f3
}

.cases-game-drop-item:after {
  top: -50px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #f3f3f3;
  opacity: .8;
  filter: blur(56px);
  z-index: 1;
  transform-origin: center;
  transition: .2s ease
}

.cases-game-drop-item:hover .cases-game-drop-item__cases-money {
  transform: scale(1.1)
}

.cases-game-drop-item:hover .cases-game-drop-item__phys-prize-img {
  transform: scale(1.1) rotate(12deg)
}

.cases-game-drop-item:hover:after {
  transform: scale(1.1)
}

.cases-game-drop-item.color-1:before {
  background: #ffbe18;
  box-shadow: 0 0 14px #ffbe18
}

.cases-game-drop-item.color-1:after {
  background: #ffbe18
}

.cases-game-drop-item.color-5:before {
  background: #eb4c00;
  box-shadow: 0 0 14px #eb4c00
}

.cases-game-drop-item.color-5:after {
  background: #eb4c00
}

.cases-game-drop-item.color-10:before {
  background: #df165e;
  box-shadow: 0 0 14px #df165e
}

.cases-game-drop-item.color-10:after {
  background: #df165e
}

.cases-game-drop-item.color-50:before {
  background: #a900e0;
  box-shadow: 0 0 14px #a900e0
}

.cases-game-drop-item.color-50:after {
  background: #a900e0
}

.cases-game-drop-item.color-100:before {
  background: #13adff;
  box-shadow: 0 0 14px #13adff
}

.cases-game-drop-item.color-100:after {
  background: #13adff
}

.cases-game-drop-item.color-250:before {
  background: #3b3bc9;
  box-shadow: 0 0 14px #3b3bc9
}

.cases-game-drop-item.color-250:after {
  background: #3b3bc9
}

.cases-game-drop-item.color-500:before {
  background: #288e26;
  box-shadow: 0 0 14px #288e26
}

.cases-game-drop-item.color-500:after {
  background: #288e26
}

.cases-game-drop-item.color-1000:before {
  background: #d1903b;
  box-shadow: 0 0 14px #d1903b
}

.cases-game-drop-item.color-1000:after {
  background: #d1903b
}

.cases-game-drop-item.color-2000:before {
  background: #696969;
  box-shadow: 0 0 14px #696969
}

.cases-game-drop-item.color-2000:after {
  background: #696969
}

.cases-game-drop-item.color-5000:before {
  background: #8d6800;
  box-shadow: 0 0 14px #8d6800
}

.cases-game-drop-item.color-5000:after {
  background: #8d6800
}

.game-keno .game-panel {
  max-width: 400px;
  height: 680px
}

.game-keno .game-keno-field {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url(/_nuxt/img/main-bg-desktop.50d26e5.png);
  overflow: hidden
}

@media screen and (max-width: 1024px) {
  .game-keno .game-keno-field {
    height: 680px
  }
}

.game-keno .game-keno-field__container {
  max-width: 100%
}

.game-keno .game-keno__game-control-section {
  grid-gap: 8px;
  gap: 8px;
  justify-content: space-between
}

.game-keno .game-keno__game-control-section.actions {
  padding-top: 0
}

.game-keno .game-keno__button {
  display: flex;
  padding: 12px 4px;
  flex: 1;
  justify-content: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #f3f3f3;
  border-radius: 8px;
  cursor: pointer
}

.game-keno .game-keno__button.game-keno__button-auto {
  background: #ff2c52
}

.game-keno .game-keno__button.game-keno__button-auto:hover {
  background: linear-gradient(180deg, #830027 3.21%, #a20114 65.22%, #b7071c 99.54%);
  box-shadow: inset 0 3px 8px #ec3f49
}

.game-keno .game-keno__button.game-keno__button-auto.disabled {
  opacity: .7;
  cursor: not-allowed
}

.game-keno .game-keno__button.game-keno__button-clear {
  background: #23274e
}

.game-keno .game-keno__button.game-keno__button-clear:hover {
  background: #33386a
}

.game-keno .game-keno__button.game-keno__button-clear.disabled {
  opacity: .7;
  cursor: not-allowed
}

.keno-table .game-table-col-1 {
  max-width: 96px;
  padding-right: 10px
}

@media screen and (max-width: 1024px) {
  .keno-table .game-table-col-1 {
    max-width: 120px
  }
}

@media screen and (max-width: 767.98px) {
  .keno-table .game-table-col-1 {
    max-width: 90px
  }
}

.keno-table .game-table-col-2 {
  max-width: 60px
}

@media screen and (max-width: 767.98px) {
  .keno-table .game-table-col-2 {
    max-width: 48px
  }
}

.keno-table .game-table-col-3,
.keno-table .game-table-col-4 {
  max-width: 48px
}

@media screen and (max-width: 767.98px) {
  .keno-table .game-table-col-4 {
    max-width: 44px
  }
}

.keno-table .game-table-col-5 {
  max-width: 70px
}

@media screen and (max-width: 767.98px) {
  .keno-table .game-table-col-5 {
    max-width: 66px
  }
}

.keno-table .game-table-col-6 {
  max-width: 26px
}

.game-keno__rates {
  display: flex;
  height: 40px;
  margin-top: 16px;
  margin-bottom: 16px;
  grid-gap: 4px;
  gap: 4px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  overflow-x: auto;
  overflow-y: hidden
}

@media screen and (max-width: 767.98px) {
  .game-keno__rates {
    justify-content: flex-start
  }
}

.game-keno__rates .game-keno__rates-item_text {
  padding: 0 4px;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  letter-spacing: -.02em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #f3f3f3, rgba(184, 212, 255, .8));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.game-keno__rates .game-keno__rates-item {
  display: flex;
  min-width: 40px;
  width: 40px;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #101329 3.21%, #252b52 65.22%, #252b52 99.54%);
  border-radius: 8px;
  border: 1px solid #101329
}

.game-keno__rates .game-keno__rates-item .game-keno__rates-item-step {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 9px;
  line-height: 12px;
  text-align: center;
  letter-spacing: -.5px;
  color: #858cab
}

.game-keno__rates .game-keno__rates-item .game-keno__rates-item-rate {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -.5px;
  color: #f3f3f3
}

.game-keno__rates .game-keno__rates-item.game-keno__rates-item_active {
  border: 1px solid #ffbe18;
  background: #ffbe18
}

.game-keno__rates .game-keno__rates-item.game-keno__rates-item_active .game-keno__rates-item-rate,
.game-keno__rates .game-keno__rates-item.game-keno__rates-item_active .game-keno__rates-item-step {
  color: #0c0f1e
}

.game-keno__numbers {
  width: 100%;
  max-width: 328px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

@media screen and (max-width: 767.98px) {
  .game-keno__numbers {
    max-width: 320px
  }
}

.game-keno__numbers .game-keno__numbers-item {
  position: relative;
  width: 100%;
  padding-top: 100%;
  border-radius: 48%;
  cursor: pointer;
  background-color: #33386a
}

.game-keno__numbers .game-keno__numbers-item:before {
  position: absolute;
  z-index: 0;
  content: attr(data-number);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f3f3f3;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  letter-spacing: -.5px
}

.game-keno__numbers .game-keno__numbers-item:after {
  position: absolute;
  z-index: 1;
  content: "";
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  margin: auto;
  border: 4px solid #23274e;
  border-radius: 50%
}

.game-keno__numbers .game-keno__numbers-item-wrapper {
  width: 16.6666%;
  min-width: 54px;
  max-width: 54px;
  padding: 4px
}

@media screen and (max-width: 767.98px) {
  .game-keno__numbers .game-keno__numbers-item-wrapper {
    min-width: 50px;
    max-width: 50px
  }
}

.game-keno__numbers .game-keno__numbers-item.game-keno__numbers-item_opened:after {
  border: 4px solid #ffbe18
}

.game-keno__numbers .game-keno__numbers-item.game-keno__numbers-item_selected {
  background: linear-gradient(180deg, #119bff, #00d1ff)
}

.game-keno__numbers .game-keno__numbers-item.game-keno__numbers-item_selected.game-keno__numbers-item_opened {
  background: #ffbe18;
  -webkit-animation: keno-bingo .2s ease-out forwards;
  animation: keno-bingo .2s ease-out forwards
}

.game-keno__numbers .game-keno__numbers-item.game-keno__numbers-item_selected.game-keno__numbers-item_opened:before {
  color: #0c0f1e
}

.game-keno__numbers .game-keno__numbers-item.game-keno__numbers-item_selected.game-keno__numbers-item_opened:after {
  border: 4px solid #23274e
}

@-webkit-keyframes keno-bingo {
  0% {
    transform: scale(1)
  }

  25% {
    transform: scale(1.2)
  }

  to {
    transform: scale(1)
  }
}

@keyframes keno-bingo {
  0% {
    transform: scale(1)
  }

  25% {
    transform: scale(1.2)
  }

  to {
    transform: scale(1)
  }
}

.historyKeno .modal__content {
  padding: 32px
}

.game-skycard .game-panel {
  max-width: 400px;
  height: 652px
}

.game-skycard .skycard-table .game-table-col-1 {
  max-width: 120px
}

.game-skycard .skycard-table .game-table-col-2 {
  max-width: 42px
}

.game-skycard .skycard-table .game-table-col-3 {
  max-width: 80px
}

.game-skycard .skycard-table .game-table-col-5 {
  max-width: 48px
}

.game-skycard .skycard-table .game-table-col-6 {
  max-width: 26px
}

@media screen and (max-width: 767.98px) {
  .game-skycard .skycard-table .game-table-col-1 {
    max-width: 90px
  }
}

.game-skycard .game-skycard-field {
  background-image: url(/_nuxt/img/main-bg-desktop.50d26e5.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}

.game-skycard .game-skycard-field__container {
  max-width: 440px;
  margin: 40px auto 0
}

.game-skycard .game-skycard__game-control {
  position: relative;
  margin: 60px auto 0
}

.game-skycard .game-skycard__game-control .game-skycard__game-control-img {
  padding: 0 12px
}

.game-skycard .game-skycard__game-control .game-skycard__game-control-img .game-skycard__available-win-block {
  width: 100%;
  height: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(/_nuxt/img/skycard-control-bg.8eb6d50.png);
  background-repeat: no-repeat;
  background-size: cover
}

.game-skycard .game-skycard__game-control .game-skycard__game-control-img .game-skycard__available-win-block__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #f3f3f3
}

.game-skycard .game-skycard__game-control .game-skycard__game-control-img .game-skycard__available-win-block__item {
  margin-top: 6px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.03em;
  color: #24abf8
}

.game-skycard .game-skycard__game-control .game-skycard__game-control-img .game-skycard__available-win-block__item span {
  font-weight: 600
}

.game-skycard__cards {
  flex-wrap: wrap
}

.game-skycard__cards,
.game-skycard__cards-item {
  display: flex;
  align-items: center;
  justify-content: center
}

.game-skycard__cards-item {
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: transform .2s ease-in-out
}

.game-skycard__cards-item span {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 31px;
  text-align: center;
  letter-spacing: -1px;
  color: #fff
}

@media screen and (max-width: 767.98px) {
  .game-skycard__cards-item span {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.846154px
  }
}

.game-skycard__cards-item .auth-text {
  position: absolute;
  max-width: 93px;
  margin-top: 28px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #fff;
  z-index: 3
}

.game-skycard__cards-item-wrapper {
  width: 33.333333%;
  padding: 12px;
  position: relative;
  z-index: 1;
  transform: translateZ(-50px)
}

@media(max-width: 991px) {
  .game-skycard__cards-item-wrapper {
    padding: 5px
  }
}

@media(max-width: 767px) {
  .game-skycard__cards-item-wrapper {
    padding: 4px
  }
}

.game-skycard__cards-item>img {
  width: 100%;
  min-height: 87px
}

.game-skycard__cards-item>span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  opacity: 0;
  transition: opacity .25s ease-in-out, visibility .25s ease-in-out
}

.game-skycard__cards-item-image_closed {
  position: relative;
  z-index: 2;
  -webkit-animation: skycard-flip-closed-return-card .9s ease-in-out;
  animation: skycard-flip-closed-return-card .9s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.game-skycard__cards-item-image_opened {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: skycard-flip-opened-return-card .9s ease-in-out;
  animation: skycard-flip-opened-return-card .9s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.game-skycard__cards-item_active {
  cursor: pointer
}

.game-skycard__cards-item_active:hover:not(.game-skycard__cards-item_opened) {
  transform: scale(1.05)
}

.game-skycard__cards-item_opened {
  cursor: default;
  transition: opacity .4s ease-in-out
}

.game-skycard__cards-item_opened>span {
  opacity: 1;
  transition: opacity .6s ease-in-out .7s, visibility .6s ease-in-out .7s
}

.game-skycard__cards-item_opened .game-skycard__cards-item-image_closed {
  -webkit-animation: skycard-flip-closed-card .9s ease-in-out;
  animation: skycard-flip-closed-card .9s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.game-skycard__cards-item_opened .game-skycard__cards-item-image_opened {
  -webkit-animation: skycard-flip-opened-card .9s ease-in-out;
  animation: skycard-flip-opened-card .9s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.game-skycard__cards-item_opened:not(.game-skycard__cards-item_selected) {
  opacity: .5
}

.game-skycard__cards-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(125, 134, 232, .2);
  border-radius: 4%;
  -webkit-animation: progress-animation 1s ease-in-out infinite normal;
  animation: progress-animation 1s ease-in-out infinite normal;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out
}

.game-skycard__cards-item_progress {
  cursor: default
}

.game-skycard__cards-item_progress:after {
  opacity: 1;
  visibility: visible
}

@-webkit-keyframes progress-animation {
  0% {
    background: rgba(125, 134, 232, .2)
  }

  50% {
    background: rgba(125, 134, 232, .4)
  }

  to {
    background: rgba(125, 134, 232, .2)
  }
}

@keyframes progress-animation {
  0% {
    background: rgba(125, 134, 232, .2)
  }

  50% {
    background: rgba(125, 134, 232, .4)
  }

  to {
    background: rgba(125, 134, 232, .2)
  }
}

.game-skycard__cards .game-skycard__cards-modal-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  overflow: hidden;
  background: radial-gradient(68.98% 68.98% at 50%, at 14.2%, rgba(16, 15, 44, .55) 0, #100f2c 100%);
  background: radial-gradient(68.98% 68.98% at 50% 14.2%, rgba(16, 15, 44, .55) 0, #100f2c 100%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px)
}

.game-skycard__cards .game-skycard__cards-modal-wrapper.active {
  visibility: visible
}

.game-skycard__cards .game-skycard__cards-modal-wrapper.active:before {
  opacity: .8;
  visibility: visible
}

.game-skycard__cards .game-skycard__cards-modal-wrapper.winner:after {
  opacity: .4;
  visibility: visible
}

.game-skycard__cards .game-skycard__cards-modal {
  position: relative;
  width: 80%;
  max-width: 320px;
  z-index: 7;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(.9);
  transition: all .25s ease-in-out
}

.game-skycard__cards .game-skycard__cards-modal.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1)
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-close {
  position: absolute;
  top: -120px;
  right: -70px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f3f3f3 url(/img/close.svg) 50% no-repeat;
  background-size: 12px 12px;
  display: block;
  width: 36px;
  height: 36px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-close:after,
.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-close:before {
  display: block;
  content: "";
  position: absolute;
  width: 18px;
  border-radius: 1px;
  height: 2px;
  background: #0c0f1e;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-close:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-close:hover {
  transform: rotate(90deg);
  transform: rotate(180deg)
}

@media screen and (max-width: 425px) {
  .game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-close {
    right: -25px
  }
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-footer .game-skycard__cards-modal-button {
  max-width: 240px;
  margin: 18px auto 0
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-footer .game-skycard__cards-modal-closeText {
  margin-top: 24px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  letter-spacing: -.3px;
  color: #24abf8;
  cursor: pointer
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-footer .game-skycard__cards-modal-closeText.win {
  margin-top: 32px
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-img {
  margin-bottom: 16px
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-img.win {
  max-width: 143px;
  min-height: 81px;
  margin-bottom: 14px
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-img.lose {
  min-height: 72px
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-money {
  position: relative;
  width: 100%
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-money:before {
  content: "";
  position: absolute;
  top: -90px;
  left: -164px;
  width: 300px;
  height: 300px;
  transform: rotate(0deg);
  background-image: url(/_nuxt/img/sky-money-win.6eb61ff.png);
  background-repeat: no-repeat;
  background-size: contain
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-money:after {
  content: "";
  position: absolute;
  top: -70px;
  right: -154px;
  width: 250px;
  height: 250px;
  transform: rotate(135deg);
  background-image: url(/_nuxt/img/sky-money-win.6eb61ff.png);
  background-repeat: no-repeat;
  background-size: contain
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-first {
  width: 198px;
  height: 141px;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  background-image: url(/_nuxt/img/card-empty.dc8ce05.png);
  background-repeat: no-repeat;
  background-size: contain;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-first span {
  display: inline-block;
  margin: 8px 0;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #858cab
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-first .firstNumber {
  margin: 0;
  font-size: 32px;
  line-height: 37px;
  color: #f3f3f3
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-title {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-title.win {
  margin: 16px 0 12px;
  font-size: 18px;
  line-height: 24px
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-title.small {
  font-size: 14px;
  line-height: 20px
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-title.w260 {
  max-width: 260px;
  margin: 0 auto
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-title.w260.mt-24 {
  margin-top: 24px
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-text {
  margin-top: 8px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -.3px;
  color: #858cab
}

@media(max-width: 575px) {
  .game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-text {
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px
  }
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-text.win {
  margin-top: 0;
  font-size: 32px;
  line-height: 37px
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-text.lose {
  margin-top: 16px;
  font-size: 24px;
  line-height: 28px
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-text.amount {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 400;
  color: #f3f3f3;
  text-shadow: 0 0 32px #fff
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-text.small {
  margin-bottom: -5px;
  font-size: 12px;
  color: #8585a2
}

@media(max-width: 575px) {
  .game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-text.small {
    font-size: 11px
  }
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-OR {
  position: relative;
  margin: 16px 0 18px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 3px;
  color: #33386a;
  text-transform: uppercase
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-OR:after,
.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-OR:before {
  content: "";
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 86px;
  height: 1px;
  background-color: #33386a
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-OR:after {
  left: auto;
  right: 40px
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-button {
  position: relative;
  display: flex;
  max-width: 241px;
  min-height: 46px;
  margin: 18px auto 0;
  padding: 9px 8px 6px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all .3s ease-out;
  background: linear-gradient(94deg, #24abf8, #098bea 51%, #00b3ec);
  box-shadow: inset 0 0 32px hsla(0, 0%, 100%, .35);
  border-radius: 8px;
  cursor: pointer;
  touch-action: none
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-button.flex-row {
  grid-gap: 8px;
  gap: 8px;
  flex-direction: row
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-button_default {
  margin-top: 24px;
  background: #23274e;
  box-shadow: unset
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-button>span {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-button>small {
  display: inline-block;
  margin-top: 2px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.3px;
  color: #858cab;
  opacity: .7
}

.game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-button>small.white {
  color: #f3f3f3
}

@media(max-width: 400px) {
  .game-skycard__cards .game-skycard__cards-modal .game-skycard__cards-modal-button>small {
    display: none
  }
}

@-webkit-keyframes skycard-flip-closed-card {
  0% {
    transform: rotateY(0deg);
    opacity: 1
  }

  to {
    transform: rotateY(180deg);
    opacity: 0
  }
}

@keyframes skycard-flip-closed-card {
  0% {
    transform: rotateY(0deg);
    opacity: 1
  }

  to {
    transform: rotateY(180deg);
    opacity: 0
  }
}

@-webkit-keyframes skycard-flip-closed-return-card {
  0% {
    transform: rotateY(180deg);
    opacity: 0
  }

  to {
    transform: rotateY(0deg);
    opacity: 1
  }
}

@keyframes skycard-flip-closed-return-card {
  0% {
    transform: rotateY(180deg);
    opacity: 0
  }

  to {
    transform: rotateY(0deg);
    opacity: 1
  }
}

@-webkit-keyframes skycard-flip-opened-card {
  0% {
    transform: rotateY(180deg);
    opacity: 0
  }

  to {
    transform: rotateY(1turn);
    opacity: 1
  }
}

@keyframes skycard-flip-opened-card {
  0% {
    transform: rotateY(180deg);
    opacity: 0
  }

  to {
    transform: rotateY(1turn);
    opacity: 1
  }
}

@-webkit-keyframes skycard-flip-opened-return-card {
  0% {
    transform: rotateY(1turn);
    opacity: 1
  }

  to {
    transform: rotateY(180deg);
    opacity: 0
  }
}

@keyframes skycard-flip-opened-return-card {
  0% {
    transform: rotateY(1turn);
    opacity: 1
  }

  to {
    transform: rotateY(180deg);
    opacity: 0
  }
}

@-webkit-keyframes skycard-flip {
  0% {
    transform: rotateY(0deg)
  }

  50% {
    transform: rotateY(50deg)
  }

  to {
    transform: rotateY(0deg)
  }
}

@keyframes skycard-flip {
  0% {
    transform: rotateY(0deg)
  }

  50% {
    transform: rotateY(50deg)
  }

  to {
    transform: rotateY(0deg)
  }
}

.historySkycard .modal {
  max-width: 506px
}

.historySkycard .modal__content {
  padding: 24px 24px 32px
}

@media screen and (max-width: 767.98px) {
  .historySkycard .modal__content {
    padding: 8px 8px 32px
  }
}

.historySkycard .details__game {
  margin-top: 32px
}

.game-coinflip .game-field {
  background-color: #020727
}

.game-coinflip .game-panel {
  max-width: 400px;
  height: 680px
}

.coinflip-table .game-table-col-1 {
  min-width: 102px;
  max-width: 102px;
  padding-right: 8px
}

.coinflip-table .game-table-col-2,
.coinflip-table .game-table-col-3 {
  max-width: 60px
}

.coinflip-table .game-table-item__col--hits {
  display: flex;
  justify-content: center
}

.coinflip-table .game-table-col-4 {
  max-width: 40px
}

.coinflip-table .game-table-col-5 {
  max-width: 70px
}

.coinflip-table .game-table-col-6 {
  max-width: 26px
}

@media screen and (max-width: 767.98px) {
  .coinflip-table .game-table-col-1 {
    min-width: 90px;
    max-width: 90px
  }
}

@media screen and (max-width: 374.98px) {
  .coinflip-table .game-table-col-1 {
    min-width: 80px;
    max-width: 80px
  }
}

.game-coinflip-field {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url(/_nuxt/img/main-bg-desktop.50d26e5.png);
  overflow: hidden
}

.game-coinflip-field .game-coinflip-field__container {
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 680px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 1024px) {
  .game-coinflip-field {
    height: 720px
  }
}

@media screen and (max-width: 767.98px) {
  .game-coinflip-field {
    height: 340px;
    margin-bottom: 180px;
    overflow: visible;
    overflow: initial
  }
}

.game-coinflip__game-control {
  bottom: 0
}

@media screen and (max-width: 1024px) {
  .game-coinflip__game-control {
    max-width: 516px
  }
}

@media screen and (max-width: 767.98px) {
  .game-coinflip__game-control {
    bottom: auto;
    top: calc(100% - 60px)
  }
}

.game-coinflip__game-control-section {
  grid-gap: 12px;
  gap: 12px;
  justify-content: space-between
}

.game-coinflip__game-control-section .game-coinflip__game-control-input {
  width: 50%
}

.game-coinflip__game-control-btns .game-control__big-btn .game-control__big-btn-title {
  text-transform: uppercase
}

.game-coinflip__game-control-btns .game-control__big-btn .game-control__big-btn-subtitle {
  font-size: 14px
}

.game-coinflip__game-control-btns .game-control__big-btn.orange .game-control__big-btn-title {
  font-family: Halvar Breitschrift, sans-serif
}

.game-coinflip__game-control-btns .game-control__big-btn.orange .game-control__big-btn-subtitle {
  font-family: Halvar Breitschrift, sans-serif;
  letter-spacing: .5px;
  text-transform: uppercase
}

.game-coinflip__game-control-select {
  display: flex;
  padding: 0 12px 12px 45%
}

.game-coinflip__game-control-select>div {
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center
}

.game-coinflip__game-control-select .game-coinflip__orel {
  position: absolute;
  left: 12px;
  width: 45%;
  background: linear-gradient(180deg, #119bff, #00d1ff);
  border-radius: 12px 0 12px 12px;
  z-index: 1;
  cursor: pointer;
  transform: skew(-20deg) translateX(8px)
}

.game-coinflip__game-control-select .game-coinflip__orel:before {
  transition: .25s ease-in;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 12px 0 12px 12px;
  z-index: 0;
  background: #098bea;
  box-shadow: inset 0 3px 8px #6dcaff;
  opacity: 0
}

.game-coinflip__game-control-select .game-coinflip__orel:hover:before {
  opacity: 1
}

.game-coinflip__game-control-select .game-coinflip__orel div {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  align-items: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  transform: skew(20deg)
}

.game-coinflip__game-control-select .game-coinflip__reshka {
  width: 100%;
  padding-left: 12px;
  box-shadow: inset 0 3px 8px #24396f;
  border-radius: 0 12px 12px 0;
  cursor: pointer;
  transform: skew(20deg) translateX(-8px)
}

.game-coinflip__game-control-select .game-coinflip__reshka,
.game-coinflip__game-control-select .game-coinflip__reshka:hover {
  background: linear-gradient(180deg, #101329 3.21%, #252b52 65.22%, #252b52 99.54%)
}

.game-coinflip__game-control-select .game-coinflip__reshka div {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  align-items: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  transform: skew(-20deg)
}

.game-coinflip__game-control-select.disabled .game-coinflip__orel,
.game-coinflip__game-control-select.disabled .game-coinflip__reshka {
  cursor: auto
}

.game-coinflip__game-control-select.disabled .game-coinflip__orel {
  background: #23274e;
  mix-blend-mode: luminosity
}

.game-coinflip__game-control-select.disabled .game-coinflip__orel div {
  opacity: .5
}

.game-coinflip__game-control-select.disabled .game-coinflip__reshka {
  mix-blend-mode: luminosity;
  opacity: .5
}

.game-coinflip__game-control-select.disabled .game-coinflip__orel:hover:before,
.game-coinflip__game-control-select.disabled .game-coinflip__reshka:hover:before {
  opacity: 0
}

.coinflip-board {
  position: relative;
  width: 560px;
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1
}

@media screen and (max-width: 767.98px) {
  .coinflip-board {
    margin-top: 30px;
    width: 100%
  }
}

.coinflip-board__aside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 120px
}

.coinflip-board__aside-number {
  position: relative;
  transition: color .1s;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #f3f3f3
}

.coinflip-board__aside-number,
.coinflip-board__aside-text {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.03em;
  text-transform: uppercase
}

.coinflip-board__aside-text {
  margin-top: 8px;
  font-size: 16px;
  line-height: 19px;
  color: #666d85
}

.coinflip-board .coin {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  position: relative;
  transform-origin: center;
  transform-style: preserve-3d
}

@media screen and (max-width: 767.98px) {
  .coinflip-board .coin {
    width: 120px;
    height: 120px
  }
}

.coinflip-board .coin.animate {
  -webkit-animation: coin-animation 1.2s ease-out forwards;
  animation: coin-animation 1.2s ease-out forwards
}

.coinflip-board .coin .coin__side {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform-style: preserve-3d;
  transform-origin: center;
  transition: transform 1s linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 12px 20px -10px rgba(0, 0, 0, .4);
  background-size: 100%
}

.coinflip-board .coin .coin__side_eagle {
  background-image: url(/_nuxt/img/coinflip-up.e6ed7ee.svg)
}

.coinflip-board .coin .coin__side_tail {
  background-image: url(/_nuxt/img/coinflip-x.f37df27.svg)
}

.coinflip-board .coin .coin__side:last-of-type {
  transform: rotateY(-180deg)
}

@-webkit-keyframes coin-animation {
  0% {
    transform: scale(1) rotateY(0)
  }

  50% {
    transform: scale(1.28) rotateY(864deg)
  }

  68% {
    transform: scale(1.3) rotateY(900deg)
  }

  72% {
    transform: scale(1.28) rotateY(936deg)
  }

  to {
    transform: scale(1) rotateY(3turn)
  }
}

@keyframes coin-animation {
  0% {
    transform: scale(1) rotateY(0)
  }

  50% {
    transform: scale(1.28) rotateY(864deg)
  }

  68% {
    transform: scale(1.3) rotateY(900deg)
  }

  72% {
    transform: scale(1.28) rotateY(936deg)
  }

  to {
    transform: scale(1) rotateY(3turn)
  }
}

.CoinflipHistory,
.steps {
  width: 100%
}

.steps {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0;
  padding: 0 20px
}

.steps__step {
  position: relative;
  display: flex;
  width: 7.5%;
  height: 75px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity .1s linear;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.03em;
  color: #f3f3f3
}

@media screen and (max-width: 767.98px) {
  .steps__step {
    height: 56px;
    font-size: 10px;
    line-height: 12px
  }
}

.steps__step:not(.steps__step_active) {
  opacity: 0
}

.steps__step:not(.steps__step_active) .steps__step-img_eagle,
.steps__step:not(.steps__step_active) .steps__step-img_tail {
  -webkit-animation: step-block-animation .3s linear .7s forwards;
  animation: step-block-animation .3s linear .7s forwards
}

.steps__step-img {
  width: 100%;
  margin-bottom: 9px;
  padding-top: 100%;
  transform-origin: center;
  transform-style: preserve-3d;
  position: relative
}

@-webkit-keyframes step-block-animation {
  to {
    transform: rotateY(180deg)
  }
}

@keyframes step-block-animation {
  to {
    transform: rotateY(180deg)
  }
}

.steps__step-img_eagle,
.steps__step-img_tail {
  -webkit-animation: step-block-animation .7s linear forwards;
  animation: step-block-animation .7s linear forwards
}

.steps__step-img_eagle .steps__step-side_final {
  background-image: url(/_nuxt/img/coinflip-up.e6ed7ee.svg)
}

.steps__step-img_tail .steps__step-side_final {
  background-image: url(/_nuxt/img/coinflip-x.f37df27.svg)
}

.steps__step-side {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  transform-style: preserve-3d;
  transform-origin: center;
  transition: transform 1s linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 12px 20px -10px rgba(0, 0, 0, .4);
  background-size: 100%;
  background-color: #5a5a6d
}

.steps__step-side:before {
  content: "?";
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px
}

.steps__step-side_final {
  opacity: 1;
  transform: rotateY(-180deg);
  transition: background-image 0s linear
}

.steps__step-side_final:before {
  display: none
}

.historyCoinFlip .modal__content .steps {
  padding: 0
}

.historyCoinFlip .modal__content .steps__step:not(.steps__step_active) {
  opacity: .3
}

.game-crash .game-panel {
  width: 100%;
  max-width: 356px;
  height: 720px
}

.game-crash .game-table {
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto
}

@media screen and (max-width: 1024px) {
  .game-crash .game-table {
    min-height: 288px;
    max-height: 288px
  }
}

.game-crash #myChart,
.game-crash .chartWrapper {
  width: 100%
}

.game-crash #myChart {
  position: relative;
  z-index: 1
}

.game-crash-total {
  display: flex;
  padding: 16px 12px 8px
}

@media screen and (max-width: 1024px) {
  .game-crash-total__item {
    width: 50%;
    padding: 12px;
    background: linear-gradient(269.87deg, #1e1e3f .12%, #18172b 99.9%);
    border-radius: 8px
  }
}

.game-crash-total__item-title {
  margin-bottom: 5px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -.03em;
  color: #858cab
}

.game-crash-total__item-content {
  display: flex;
  align-items: center;
  grid-gap: 6px;
  gap: 6px;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -.03em
}

.game-crash-total__stick {
  width: 1px;
  margin: 0 32px;
  background-color: #23253d
}

@media screen and (max-width: 1024px) {
  .game-crash-total__stick {
    margin: 0 6px;
    background-color: transparent;
    background-color: initial
  }
}

.GameCrash {
  position: relative;
  display: flex;
  width: 100%;
  padding: 120px 60px 0 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 400px;
  height: 100%;
  overflow: hidden
}

@media screen and (max-width: 767.98px) {
  .GameCrash {
    min-height: 260px;
    padding: 100px 35px 0 0
  }
}

.game-crash-field {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  background-image: url(/img/games/crash/crash-bg.jpeg);
  background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
  .game-crash-field {
    height: 720px;
    background-position: 50%;
    background-size: cover;
    order: 1
  }
}

@media screen and (max-width: 767.98px) {
  .game-crash-field {
    height: 480px;
    margin-bottom: 110px
  }

  .game-crash-field.duo {
    margin-bottom: 300px
  }
}

.game-crash__game-control {
  max-width: 370px;
  bottom: 0
}

@media screen and (max-width: 1024px) {
  .game-crash__game-control {
    max-width: 430px
  }
}

@media screen and (max-width: 767.98px) {
  .game-crash__game-control {
    bottom: auto;
    top: calc(100% - 120px)
  }
}

.game-crash__game-control-section {
  flex-direction: column;
  grid-gap: 8px;
  gap: 8px
}

@media screen and (max-width: 767.98px) {
  .game-crash__game-control-section {
    flex-direction: column;
    align-items: stretch
  }
}

.game-crash__game-control-section-l,
.game-crash__game-control-section-r {
  display: flex;
  align-items: stretch
}

.game-crash__game-control-section-l {
  width: 100%;
  padding-right: 8px
}

.game-crash__game-control-section-r {
  width: 140px;
  flex-shrink: 0
}

@media screen and (max-width: 1024px) {
  .game-crash__game-control-section-r {
    width: 170px
  }
}

@media screen and (max-width: 767.98px) {
  .game-crash__game-control-section-r {
    width: 140px
  }
}

.game-crash__game-control-input {
  width: 100%
}

.game-crash__game-control-input input {
  text-align: left
}

@media screen and (max-width: 1024px) {
  .game-crash__game-control-input input {
    text-align: left
  }
}

@media screen and (max-width: 767.98px) {
  .game-crash__game-control-input {
    width: 100%
  }
}

.game-crash__game-control--duo {
  width: calc(100% - 48px);
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: stretch;
  grid-gap: 16px;
  gap: 16px
}

.game-crash__game-control--duo .game-crash__game-control {
  position: static
}

.game-crash__game-control--duo .game-crash__game-control-section {
  padding: 8px
}

.game-crash__game-control--duo .game-control-bottom {
  padding: 8px;
  grid-gap: 5px;
  gap: 5px
}

@media screen and (max-width: 425px) {
  .game-crash__game-control--duo .game-control-bottom {
    grid-gap: 3px;
    gap: 3px
  }
}

.game-crash__game-control--duo .game-crash__game-control-section-r {
  width: 130px
}

@media screen and (max-width: 767.98px) {
  .game-crash__game-control--duo {
    width: calc(100% - 32px);
    flex-direction: column;
    bottom: auto;
    top: calc(100% - 120px)
  }

  .game-crash__game-control--duo .game-crash__game-control {
    max-width: 100% !important
  }

  .game-crash__game-control--duo .game-crash__game-control-section-r {
    width: 140px
  }
}

.game-crash__game-control--duo .game-crash__game-control:first-child .game-control-footer {
  border-left: none
}

.game-crash__game-control--duo .game-crash__game-control:first-child .game-control-footer__l {
  display: none
}

.game-crash__game-control--duo .game-crash__game-control:first-child .game-control-footer__c {
  margin: 0 30px 0 0;
  padding-left: 0
}

.game-crash__game-control--duo .game-crash__game-control:first-child .game-control-footer__c:before {
  display: none
}

.game-crash__game-control--duo .game-crash__game-control:last-child .game-control-footer {
  border-right: none
}

.game-crash__game-control--duo .game-crash__game-control:last-child .game-control-footer__r {
  display: none
}

.game-crash__game-control--duo .game-crash__game-control:last-child .game-control-footer__c {
  margin: 0 0 0 30px;
  padding-right: 0
}

.game-crash__game-control--duo .game-crash__game-control:last-child .game-control-footer__c:after {
  display: none
}

.game-crash__game-control--duo .game-control-footer__game {
  font-size: 10px;
  line-height: 12px
}

.game-crash__game-control--duo .game-control-footer__id {
  font-size: 11px;
  line-height: 14px
}

.auto-start-tumbler {
  display: flex;
  align-items: center;
  flex-grow: 1;
  cursor: pointer
}

.auto-start-tumbler.not-allowed {
  cursor: not-allowed
}

.auto-start-tumbler.not-allowed>* {
  pointer-events: none
}

.auto-start-tumbler.not-allowed .auto-start-tumbler__wrap {
  opacity: .75;
  background: #666d85 !important;
  box-shadow: none !important
}

.auto-start-tumbler.not-allowed .auto-start-tumbler__wrap span {
  color: #666d85 !important
}

.auto-start-tumbler__wrap {
  width: 15px;
  height: 12px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  background-color: #33386a;
  transition: .2s ease-in
}

.auto-start-tumbler input {
  display: none
}

.auto-start-tumbler__circle {
  transition: .2s ease-in;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #858cab;
  flex-shrink: 0;
  position: absolute;
  left: 2px;
  top: 3px
}

.auto-start-tumbler span {
  margin-left: 4px;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -.03em;
  color: #858cab;
  text-transform: uppercase
}

.auto-start-tumbler input:checked+.auto-start-tumbler__wrap {
  background: #24abf8;
  box-shadow: inset 0 12px 14px #4478ff
}

.auto-start-tumbler input:checked+.auto-start-tumbler__wrap .auto-start-tumbler__circle {
  background-color: #f3f3f3;
  left: calc(100% - 8px)
}

.auto-start-tumbler input:checked+.auto-start-tumbler__wrap+span {
  color: #f3f3f3
}

.game-crash__settings {
  position: absolute;
  bottom: 31px;
  left: 50%;
  transform: translate(-50%);
  width: 376px;
  top: calc(100% + 10px);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media screen and (max-width: 767.98px) {
  .game-crash__settings {
    top: calc(100% + 400px);
    padding: 0 16px
  }
}

.game-crash__settings .settings-top {
  display: flex;
  padding: 8px 12px 0;
  grid-gap: 8px;
  gap: 8px;
  border-top: 1px solid #222545;
  border-right: 1px solid #222545;
  border-bottom-color: initial;
  border-bottom-style: solid;
  border-bottom-width: 0;
  border-left: 1px solid #222545;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-repeat: initial;
  border-radius: 8px 8px 0 0;
  background: #181b3a;
  box-sizing: border-box
}

.game-crash__settings .settings-top .input-wrapper {
  display: flex;
  max-width: 136px;
  height: 31px;
  flex-grow: 1;
  background: #0a0d2c;
  border-radius: 8px
}

.game-crash__settings .settings-top .input-wrapper input {
  width: 100%;
  padding-left: 12px;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  color: #666d85
}

@media screen and (max-width: 767.98px) {
  .game-crash__settings .settings-top .input-wrapper input {
    font-size: 16px
  }
}

.game-crash__settings .settings-second {
  display: flex;
  padding: 6px 12px 12px;
  grid-gap: 8px;
  gap: 8px;
  border-left: 1px solid #222545;
  border-right: 1px solid #222545;
  background: #181b3a
}

.game-crash__settings .settings-second .input-wrapper {
  display: flex;
  flex-grow: 1;
  background: #0a0d2c;
  border-radius: 8px
}

.game-crash__settings .settings-second .input-wrapper input {
  width: 100%;
  padding-left: 18px;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: left;
  color: #f3f3f3
}

.game-crash__settings .settings-middle {
  display: flex;
  padding: 12px;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
  gap: 12px;
  border-top: 1px solid #222545;
  border-right: 1px solid #222545;
  border-left: 1px solid #222545;
  background: #181b3a
}

@media screen and (max-width: 767.98px) {
  .game-crash__settings .settings-middle {
    grid-gap: 8px;
    gap: 8px
  }
}

.game-crash__settings .settings-middle .settings-crash-btn {
  padding: 2px 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.03em;
  color: #858cab;
  background: #23274e;
  border-radius: 4px;
  cursor: pointer
}

.game-crash__settings .settings-middle .settings-crash-btn:hover {
  color: #f3f3f3
}

.game-crash__settings .settings-middle .settings-crash-btn.auto {
  font-family: Halvar Breitschrift, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -.03em
}

.game-crash__settings .settings-bottom {
  position: relative;
  height: 12px;
  border-bottom: 1px solid #222545;
  border-right: 1px solid #222545;
  border-left: 1px solid #222545;
  border-radius: 0 0 8px 8px;
  background: #181b3a
}

.game-crash__settings .settings-bottom .settings-bottom-logo__text {
  max-width: 150px;
  margin: -2px auto 0;
  padding-top: 4px;
  border-radius: 30px;
  background-color: #0f1230;
  border-top: 1px solid #222545;
  font-style: normal;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  color: #2b2f58
}

.game-crash__settings .settings-bottom .settings-bottom-logo__text .logo {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: -.689888px
}

.game-crash__settings .settings-bottom .settings-bottom-logo__text .game-num {
  margin: 5px 0 0;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: -.3px
}

.game-crash__settings-duo {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  width: 572px;
  grid-gap: 24px;
  gap: 24px
}

@media screen and (max-width: 767.98px) {
  .game-crash__settings-duo {
    bottom: -220px;
    width: 100%;
    align-items: center;
    grid-gap: 12px;
    gap: 12px;
    flex-direction: column
  }
}

.game-crash__settings-duo .settings-duo {
  position: relative;
  max-width: 274px
}

.game-crash__settings-duo .settings-duo.right .first-line {
  flex-direction: row-reverse
}

@media screen and (max-width: 767.98px) {
  .game-crash__settings-duo .settings-duo.right .first-line {
    flex-direction: row
  }
}

.game-crash__settings-duo .settings-duo .first-line {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  background: #181b3a;
  border: 1px solid #222545;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  box-sizing: border-box
}

.game-crash__settings-duo .settings-duo .first-line .auto-start-tumbler {
  background: #23274e;
  border-radius: 5px;
  display: flex;
  padding: 10px 8px;
  flex-shrink: 0;
  cursor: pointer
}

.game-crash__settings-duo .settings-duo .first-line .auto-start-tumbler__wrap {
  width: 15px;
  height: 12px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  background-color: #33386a;
  transition: .2s ease-in
}

.game-crash__settings-duo .settings-duo .first-line .auto-start-tumbler input {
  display: none
}

.game-crash__settings-duo .settings-duo .first-line .auto-start-tumbler__circle {
  transition: .2s ease-in;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #858cab;
  flex-shrink: 0;
  position: absolute;
  left: 2px;
  top: 3px
}

.game-crash__settings-duo .settings-duo .first-line .auto-start-tumbler span {
  margin-left: 4px;
  text-transform: uppercase;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -.03em;
  color: #858cab
}

.game-crash__settings-duo .settings-duo .first-line .auto-start-tumbler input:checked+.auto-start-tumbler__wrap {
  background: #24abf8;
  box-shadow: inset 0 12px 14px #4478ff
}

.game-crash__settings-duo .settings-duo .first-line .auto-start-tumbler input:checked+.auto-start-tumbler__wrap .auto-start-tumbler__circle {
  background-color: #f3f3f3;
  left: calc(100% - 8px)
}

.game-crash__settings-duo .settings-duo .first-line .auto-start-tumbler input:checked+.auto-start-tumbler__wrap+span {
  color: #f3f3f3
}

.game-crash__settings-duo .settings-duo .first-line .input-wrapper {
  padding: 8px 12px;
  background: #23274e;
  border-radius: 5px
}

.game-crash__settings-duo .settings-duo .first-line .input-wrapper input {
  width: 100%;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -.03em
}

@media screen and (max-width: 767.98px) {
  .game-crash__settings-duo .settings-duo .first-line .input-wrapper input {
    font-size: 16px
  }
}

.game-crash__settings-duo .settings-duo.right .second-line {
  flex-direction: row-reverse
}

@media screen and (max-width: 767.98px) {
  .game-crash__settings-duo .settings-duo.right .second-line {
    flex-direction: row
  }
}

.game-crash__settings-duo .settings-duo .second-line {
  display: flex;
  padding: 4px 10px;
  grid-gap: 8px;
  gap: 8px;
  border-left: 1px solid #222545;
  border-right: 1px solid #222545;
  background: #181b3a
}

.game-crash__settings-duo .settings-duo .second-line .action-button {
  min-width: 136px;
  padding: 20px;
  background: #24abf8;
  box-shadow: inset 0 3px 8px #6dcaff;
  border-radius: 8px;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase
}

.game-crash__settings-duo .settings-duo .second-line .input-wrapper {
  display: flex;
  align-items: center
}

.game-crash__settings-duo .settings-duo .second-line .input-wrapper input {
  width: 100%;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: -1px;
  text-align: center
}

.game-crash__settings-duo .settings-duo .third-line {
  display: flex;
  grid-gap: 6px;
  gap: 6px;
  padding: 10px 12px 27px;
  background: #181b3a;
  border: 1px solid #222545;
  border-radius: 0 0 8px 8px;
  box-sizing: border-box
}

.game-crash__settings-duo .settings-duo .third-line .settings-crash-btn {
  padding: 2px 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.03em;
  color: #858cab;
  background: #23274e;
  border-radius: 4px;
  cursor: pointer
}

.game-crash__settings-duo .settings-duo .third-line .settings-crash-btn:hover {
  color: #f3f3f3
}

.game-crash__settings-duo .settings-duo .settings-bottom-logo {
  position: absolute;
  left: -1px;
  bottom: 7px;
  display: flex;
  width: 95px;
  align-items: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 800;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: -.689888px;
  text-transform: uppercase;
  color: #2b2f58
}

@media screen and (max-width: 767.98px) {
  .game-crash__settings-duo .settings-duo .settings-bottom-logo {
    display: none
  }
}

.game-crash__settings-duo .settings-duo .settings-bottom-logo__text {
  position: absolute;
  width: 100%;
  text-align: left;
  z-index: 1
}

.game-crash__settings-duo .settings-duo .settings-bottom-logo__trap {
  position: absolute
}

@media screen and (max-width: 767.98px) {
  .game-crash__settings-duo .settings-duo.left .third-line {
    padding: 10px 12px
  }
}

.game-crash__settings-duo .settings-duo.right {
  position: relative
}

.game-crash__settings-duo .settings-duo.right .settings-bottom-logo {
  left: unset;
  right: -1px
}

.game-crash__settings-duo .settings-duo.right .settings-bottom-logo__text {
  text-align: right
}

.game-crash__settings-duo .settings-duo.right .settings-bottom-mobile-logo {
  display: none
}

@media screen and (max-width: 767.98px) {
  .game-crash__settings-duo .settings-duo.right .settings-bottom-mobile-logo {
    display: block;
    max-width: 150px;
    margin: -20px auto 0;
    padding-top: 4px;
    border-radius: 30px;
    background-color: #101224;
    border-top: 1px solid #222545;
    font-style: normal;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #2b2f58
  }

  .game-crash__settings-duo .settings-duo.right .settings-bottom-mobile-logo .logo {
    font-family: Halvar Breitschrift, sans-serif;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: -.689888px
  }

  .game-crash__settings-duo .settings-duo.right .settings-bottom-mobile-logo .game-num {
    margin: 5px 0 0;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: -.3px
  }
}

.crash-loader {
  position: absolute;
  top: calc(50% - 40px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

@media screen and (max-width: 767.98px) {
  .crash-loader {
    top: calc(50% - 80px)
  }
}

.crash-loader .crash-img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 220px;
  height: 220px;
  margin: 0 auto
}

.crash-loader .crash-loader-text {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase
}

@media screen and (max-width: 767.98px) {
  .crash-loader .crash-loader-text {
    font-size: 18px;
    line-height: 24px
  }
}

.circle-1,
.circle-2,
.circle-3,
.circle-astronot {
  position: absolute
}

.circle-3 {
  -webkit-animation-name: rotation;
  animation-name: rotation;
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}

@-webkit-keyframes rotation {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

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

  to {
    transform: rotate(1turn)
  }
}

.chartWrapper {
  position: relative
}

@-webkit-keyframes userDrop {
  0% {
    transform: translate(0);
    opacity: 1
  }

  to {
    transform: translate(-100%, 300%);
    opacity: 0
  }
}

@keyframes userDrop {
  0% {
    transform: translate(0);
    opacity: 1
  }

  to {
    transform: translate(-100%, 300%);
    opacity: 0
  }
}

.chartWrapper .user-win-item {
  position: absolute;
  display: inline-flex;
  width: 116px;
  height: 32px;
  padding: 2px 4px;
  align-items: center;
  background: rgba(51, 56, 106, .8);
  border-radius: 4px;
  -webkit-animation: userDrop 3s linear;
  animation: userDrop 3s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  transition: 3s ease;
  z-index: 10
}

.chartWrapper .user-win-item .user-win-item__ava {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: #1b1b35
}

.chartWrapper .user-win-item .user-win-item__ava img {
  max-width: 100%
}

.chartWrapper .user-win-item .user-win-item__info {
  margin-left: 5px
}

.chartWrapper .user-win-item .user-win-item__name {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.4px;
  color: #f3f3f3;
  opacity: .9;
  text-overflow: ellipsis;
  white-space: nowrap
}

.chartWrapper .user-win-item .user-win-item__count {
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: -.03em;
  color: #24abf8
}

.celestial-body-container__img {
  will-change: transform;
  width: 100px;
  height: 100px;
  transition: .2s ease;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
  left: calc(100% + 10px);
  top: 40px
}

@media screen and (max-width: 767.98px) {
  .celestial-body-container__img {
    width: 40px;
    height: 40px
  }
}

.animate-hide {
  -webkit-animation: cssHideAnimation 0s ease-in 1.25s forwards;
  animation: cssHideAnimation 0s ease-in 1.25s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes cssHideAnimation {
  to {
    width: 0;
    height: 0;
    overflow: hidden
  }
}

@keyframes cssHideAnimation {
  to {
    width: 0;
    height: 0;
    overflow: hidden
  }
}

.crash-rocket-container {
  z-index: 4;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  will-change: transform;
  transform-origin: center;
  top: 100%;
  right: 100%;
  width: 200px;
  height: 90px
}

@media screen and (max-width: 767.98px) {
  .crash-rocket-container {
    width: 100px;
    height: 45px
  }
}

.crash-rocket-container .crash-rocket-fire {
  position: absolute;
  width: 120px;
  height: 120px;
  right: calc(100% - 20px);
  top: -15px;
  transform: rotate(-90deg);
  transform-origin: center
}

@media screen and (max-width: 767.98px) {
  .crash-rocket-container .crash-rocket-fire {
    width: 50px;
    height: 50px;
    right: calc(100% - 10px);
    top: -4px
  }
}

.crash-rocket-container .crash-rocket-boom {
  width: 200px;
  height: 200px;
  position: absolute;
  left: calc(50% - 100px);
  top: calc(50% - 100px)
}

@media screen and (max-width: 767.98px) {
  .crash-rocket-container .crash-rocket-boom {
    width: 100px;
    height: 100px;
    left: calc(50% - 50px);
    top: calc(50% - 50px)
  }
}

.crash-rocket-container img {
  transition: 3s ease;
  transform-origin: center center;
  transform: rotate(90deg);
  max-width: 100%
}

@media screen and (max-width: 767.98px) {
  .crash-rocket-container img {
    width: 45px;
    height: 100px
  }
}

.crash-progress {
  position: absolute;
  right: 10px;
  top: 45px;
  bottom: 0;
  width: 18px;
  overflow: hidden
}

.crash-progress__bar {
  height: 710px
}

.crash-progress__wrapper {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  justify-items: end;
  will-change: transform;
  height: 100%
}

.crash-progress__line {
  background: #23253d;
  width: 8px;
  height: 2px
}

.crash-progress-num {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0;
  color: #e8e8eb;
  align-items: center;
  position: relative;
  height: 14px
}

.crash-progress-num__count {
  position: absolute;
  right: 27px;
  display: none
}

.crash-progress-num .crash-progress__line {
  width: 19px;
  background: hsla(0, 0%, 95.3%, .2)
}

.crash-timer {
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  left: 50%;
  top: 160px;
  z-index: 5;
  transform: translate(-50%)
}

@media screen and (max-width: 767.98px) {
  .crash-timer {
    width: 130px;
    top: 60px;
    left: 56%;
    transform: translate(-53%)
  }
}

.crash-timer__wrap {
  width: 100%
}

.crash-timer__wrap.crash-timer__wrap-24ABF8 {
  color: #24abf8;
  text-shadow: 0 0 16px rgba(36, 171, 248, .55)
}

.crash-timer__wrap.crash-timer__wrap-ff3636 {
  color: #ff2c52;
  text-shadow: 0 0 16px rgba(255, 44, 82, .35)
}

.crash-timer__wrap.crash-timer__wrap-90c552 {
  color: #3eb13b;
  text-shadow: 0 0 16px rgba(62, 177, 59, .35)
}

.crash-timer__wrap span {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 64px;
  line-height: 74px;
  text-align: center;
  letter-spacing: -2px
}

@media screen and (max-width: 767.98px) {
  .crash-timer__wrap span {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 4px
  }
}

@media screen and (max-width: 767.98px) {
  .crash-timer__wrap {
    font-size: 40px
  }

  .crash-timer__wrap span:last-child {
    font-size: 30px
  }
}

.crash-timer__wrap .boom {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  text-transform: uppercase;
  color: #f3f3f3;
  text-shadow: 0 0 16px rgba(255, 44, 82, .35)
}

@media screen and (max-width: 767.98px) {
  .crash-timer__wrap .boom {
    font-size: 15px;
    line-height: 17px;
    text-align: left;
    text-align: initial;
    margin-left: -5px
  }

  .crash-timer__wrap .boom.en {
    margin-left: 20px
  }
}

.game-history {
  position: absolute;
  right: 24px;
  top: 12px;
  grid-gap: 8px;
  gap: 8px;
  width: calc(100% - 48px);
  display: flex;
  z-index: 1
}

@media screen and (max-width: 767.98px) {
  .game-history {
    top: 8px;
    right: 16px;
    width: calc(100% - 32px)
  }
}

.game-history__list {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: flex-end;
  overflow: hidden;
  grid-gap: 8px;
  gap: 8px
}

.game-history__show-more {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 36px;
  height: 24px;
  background: #1b1d32;
  border-radius: 4px;
  cursor: pointer
}

.game-history__show-more:hover:not(.active) {
  background: #23253d
}

.game-history__show-more>span {
  position: absolute;
  opacity: 0 !important;
  display: block;
  width: 16px;
  height: 16px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer
}

.game-history__show-more>span:after,
.game-history__show-more>span:before {
  display: block;
  content: "";
  position: absolute;
  width: 14px;
  border-radius: 1px;
  height: 2px;
  background: #0c0f1e;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.game-history__show-more>span:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.game-history__show-more.active {
  background: #f3f3f3
}

.game-history__show-more.active svg {
  opacity: 0
}

.game-history__show-more.active>span {
  opacity: 1 !important
}

.game-history-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .2s ease
}

.game-history--bubbles:after {
  content: "";
  position: absolute;
  width: 32px;
  right: -16px;
  top: -4px;
  bottom: -4px;
  background: rgba(3, 10, 42, .75);
  filter: blur(8px);
  pointer-events: none
}

.game-history--bubbles .game-history-item {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -.3px;
  color: #f3f3f3;
  transition: .2s ease
}

.game-history--bubbles .game-history-item.red {
  background: linear-gradient(180deg, #9d002f 3.21%, #e0243b 65.22%, #e0243b 99.54%)
}

.game-history--bubbles .game-history-item.black {
  background: linear-gradient(180deg, #101329 3.21%, #252b52 65.22%, #252b52 99.54%)
}

.game-history--bubbles .game-history-item.green {
  background: linear-gradient(180deg, #1fd80f 3.21%, #44b13b 65.22%, #61d958 99.54%)
}

.game-history--bubbles .game-history-item.higher svg,
.game-history--bubbles .game-history-item.lower svg {
  transition: 0s;
  transform-origin: center center;
  fill: #f3f3f3
}

.game-history--bubbles .game-history-item.higher {
  background: linear-gradient(180deg, #1fd80f 3.21%, #44b13b 65.22%, #61d958 99.54%)
}

.game-history--bubbles .game-history-item.higher svg {
  transform: rotate(180deg)
}

.game-history--bubbles .game-history-item.lower {
  background: linear-gradient(180deg, #9d002f 3.21%, #e0243b 65.22%, #e0243b 99.54%)
}

.game-history--bubbles .game-history__list.roulette .game-history-item {
  opacity: .5
}

.game-history--bubbles .game-history__list.roulette .game-history-item.is-win {
  opacity: 1
}

.game-history--rates .game-history__list {
  max-height: 24px;
  flex-direction: row;
  flex-wrap: wrap
}

.game-history--rates .game-history__list .game-history-item {
  opacity: .5
}

.game-history--rates .game-history__list.open {
  max-height: -webkit-min-content;
  max-height: -moz-min-content;
  max-height: min-content;
  overflow-x: hidden;
  overflow-y: hidden;
  max-height: 56px
}

.game-history--rates .game-history__list.open .game-history-item {
  opacity: 1
}

.game-history--rates .game-history-item__rate {
  min-width: 60px;
  padding: 6px 5px 4px
}

.serverPing {
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  padding: 20px 28px;
  background: linear-gradient(90deg, rgba(255, 44, 82, .2) 10%, #1c1c31 70%);
  border-radius: 8px;
  -webkit-animation-name: blinker;
  animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: 3s;
  animation-duration: 3s
}

.serverPing__icon {
  fill: #ff2c52
}

.serverPing__text {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase
}

@keyframes blinker {
  0% {
    opacity: 1
  }

  50% {
    opacity: .6
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes blinker {
  0% {
    opacity: 1
  }

  50% {
    opacity: .6
  }

  to {
    opacity: 1
  }
}

.video-slider-block {
  width: 100%;
  padding: 32px 0 16px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  overflow: hidden
}

.video-slider-block .loader {
  margin: 0 !important;
  height: 148px !important;
  position: absolute !important;
  width: 100% !important
}

.video-slider-block__title {
  display: flex;
  align-items: center;
  padding: 0 32px;
  margin-bottom: 16px;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3
}

.video-slider-block__title svg {
  fill: #24abf8;
  margin-right: 10px
}

@media screen and (max-width: 767.98px) {
  .video-slider-block__title svg {
    width: 12px
  }
}

@media screen and (max-width: 767.98px) {
  .video-slider-block__title {
    font-size: 16px;
    line-height: 20px;
    padding: 0 24px
  }
}

.video-slider-block__slider {
  width: 100%;
  padding: 16px 24px;
  transition: .2s ease-in .3s;
  position: relative
}

.video-slider-block__slider .swiper-slide {
  width: 235px
}

@media screen and (max-width: 767.98px) {
  .video-slider-block__slider {
    padding: 16px 0
  }
}

.video-slider-block__slider:after,
.video-slider-block__slider:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  z-index: 2;
  background: #101224;
  box-shadow: 0 0 32px 32px #101224
}

.video-slider-block__slider:before {
  left: 0
}

.video-slider-block__slider:after {
  right: 0
}

.video-slider-block__next,
.video-slider-block__prev {
  width: 32px;
  position: absolute;
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  cursor: pointer
}

@media screen and (max-width: 767.98px) {

  .video-slider-block__next,
  .video-slider-block__prev {
    display: none
  }
}

.video-slider-block__next svg,
.video-slider-block__prev svg {
  fill: #fff;
  transition: .2s ease-in;
  transform-origin: center;
  width: 20px;
  height: 10px
}

.video-slider-block__prev {
  left: 0
}

.video-slider-block__prev svg {
  transform: rotate(90deg)
}

.video-slider-block__prev:hover svg {
  transform: rotate(90deg) translateY(5px)
}

.video-slider-block__next {
  right: 0
}

.video-slider-block__next svg {
  transform: rotate(-90deg)
}

.video-slider-block__next:hover svg {
  transform: rotate(-90deg) translateY(5px)
}

.video-slider-block__slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden
}

.video-slider-block__slide-wrap {
  width: 100%;
  height: 116px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: .2s ease-in;
  position: relative;
  z-index: 2
}

.video-slider-block__slide-wrap:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(157, 173, 242, .35);
  transition: .2s ease-in;
  opacity: 0
}

.video-slider-block__slide-wrap:after {
  content: "";
  position: absolute;
  background: url(/_nuxt/img/upx-logo-blured.80e4998.svg) no-repeat;
  background-size: cover;
  height: 130px;
  width: 144.625px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1
}

.video-slider-block__slide-wrap--default-img {
  background-image: none !important;
  background-color: #23253d
}

.video-slider-block__slide-wrap--default-img:after {
  opacity: .75;
  visibility: visible
}

.video-slider-block__slide-title {
  margin-top: 14px;
  align-self: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.3px;
  color: #fff;
  height: 20px;
  text-overflow: ellipsis;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.video-slider-block__slide-play-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(180deg, #119bff, #00d1ff);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: .2s ease-in
}

.video-slider-block__slide-play-btn svg {
  fill: #f3f3f3;
  margin-left: 4px
}

.video-slider-block__slide-video {
  width: 100%;
  height: 116px;
  overflow: hidden;
  border-radius: 8px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1
}

.video-slider-block__slide-video>* {
  width: 100%;
  height: 116px
}

.video-slider-block__slide:hover .video-slider-block__slide-wrap:before {
  opacity: 1
}

[data-v-28bdbe7e] .box {
  position: relative;
  font-size: 1.25rem;
  background-color: #1e2035;
  padding: 60px 20px
}

[data-v-28bdbe7e] .box.has-advanced-upload {
  outline: 3px dashed #30334d;
  outline-offset: -12px;
  transition: outline-offset .15s ease-in-out, background-color .15s linear
}

[data-v-28bdbe7e] .box.has-errors {
  outline: 3px dashed #d72f2f
}

[data-v-28bdbe7e] .box__input {
  text-align: center
}

[data-v-28bdbe7e] .box__label {
  cursor: pointer
}

[data-v-28bdbe7e] .box__dragndrop {
  display: inline
}

[data-v-28bdbe7e] .box__errors {
  position: absolute;
  bottom: 14px
}

[data-v-28bdbe7e] .box__error,
[data-v-28bdbe7e] .box__error--text-format,
[data-v-28bdbe7e] .box__error-count,
[data-v-28bdbe7e] .box__error-file-size {
  font-size: 13px;
  color: #d72f2f
}

[data-v-28bdbe7e] .box__file {
  width: .1px;
  height: .1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1
}

[data-v-28bdbe7e] .previewWrapper {
  width: 100%;
  display: flex
}

[data-v-28bdbe7e] .preview {
  display: flex;
  margin: 0;
  padding: 0
}

[data-v-28bdbe7e] .preview li {
  display: block;
  list-style: none;
  padding: 4px;
  border: 1px solid #888;
  width: 58px;
  height: 58px;
  margin: 12px;
  transition: .1s
}

[data-v-28bdbe7e] .preview li.removing {
  opacity: 0;
  transform: scale(.2) translate(120%, -120%)
}

[data-v-28bdbe7e] .preview img {
  max-width: 50px;
  max-height: 50px
}

[data-v-28bdbe7e] .preview a {
  position: absolute;
  z-index: 2;
  background: red;
  color: #fff;
  font-size: 20pt;
  line-height: 15pt;
  font-weight: 700;
  text-decoration: none;
  border-radius: 100%;
  padding: 1px 1px 0;
  transform: translate(40px, -12px)
}

.reviews-page__video-slider-block {
  margin-bottom: 24px
}

.upx-feedback-form {
  position: relative;
  width: 100%;
  margin-bottom: 24px
}

.upx-feedback-form__title {
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 12px
}

.upx-feedback-form__wrapper {
  position: relative;
  margin-bottom: 12px
}

.upx-feedback-form__error,
.upx-feedback-form__hint {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: -.03em
}

.upx-feedback-form__hint {
  position: absolute;
  top: 1px;
  left: 2px;
  color: #787e9e;
  background: #1e2034;
  width: calc(100% - 12px);
  padding: 4px 16px 2px
}

.upx-feedback-form__error {
  color: #d72f2f
}

.upx-feedback-form__input,
.upx-feedback-form__input-file,
.upx-feedback-form__textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid #30334d;
  border-radius: 4px;
  color: #fff;
  background: #1e2035;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -.03em;
  box-sizing: border-box;
  outline: none
}

.upx-feedback-form__input-file.has-error,
.upx-feedback-form__input.has-error,
.upx-feedback-form__textarea.has-error {
  border: 1px solid #d72f2f
}

.upx-feedback-form__input {
  padding: 18px 16px 2px
}

.upx-feedback-form__input-file {
  padding: 20px 16px 8px
}

.upx-feedback-form__input-file::-webkit-file-upload-button,
.upx-feedback-form__input-file::file-selector-button {
  margin-right: 12px;
  padding: 6px 10px;
  font-weight: 700;
  color: #787e9e;
  background-color: #0b0d23;
  border: 1px solid #30334d;
  border-radius: 4px
}

.upx-feedback-form__textarea {
  resize: none;
  padding: 18px 16px 8px
}

.upx-feedback-form__recaptcha {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2
}

.upx-feedback-form__load {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(4, 3, 20, .7);
  transition: .3s ease;
  transition-delay: .15s
}

@media screen and (max-width: 767.98px) {
  .upx-feedback-form {
    width: 100%
  }
}

.users-about-us {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px 32px 48px
}

@media screen and (max-width: 767.98px) {
  .users-about-us {
    padding: 32px 24px
  }
}

.users-about-us__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3;
  margin-bottom: 32px
}

@media screen and (max-width: 767.98px) {
  .users-about-us__title {
    font-size: 18px
  }
}

.users-about-us__container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

@media screen and (max-width: 1024px) {
  .users-about-us__container {
    flex-direction: column
  }
}

.users-about-us-opinions {
  width: 100%;
  max-width: 500px;
  padding-right: 24px
}

@media screen and (max-width: 1024px) {
  .users-about-us-opinions {
    order: 1;
    padding-right: 0;
    max-width: 380px
  }
}

@media screen and (max-width: 767.98px) {
  .users-about-us-opinions {
    max-width: 100%
  }
}

.users-about-us-opinions__list {
  width: 100%
}

.users-about-us-opinions__item {
  width: 100%;
  padding-bottom: 32px;
  margin-bottom: 32px;
  position: relative
}

.users-about-us-opinions__item-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  overflow: hidden
}

@media screen and (max-width: 767.98px) {
  .users-about-us-opinions__item {
    padding-bottom: 24px;
    margin-bottom: 24px
  }
}

.users-about-us-opinions__item:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #23253d
}

.users-about-us-opinions__show-more-btn {
  width: 100%;
  height: 42px
}

.users-about-us-vk {
  width: 340px;
  min-height: 160px;
  background: #1b1d32;
  border-radius: 12px;
  padding: 24px 24px 16px;
  position: relative;
  overflow: hidden
}

@media screen and (min-width: 1024.51px) {
  .users-about-us-vk {
    position: -webkit-sticky;
    position: sticky;
    top: 107px
  }
}

@media screen and (max-width: 1024px) {
  .users-about-us-vk {
    margin-bottom: 32px;
    width: 380px
  }
}

@media screen and (max-width: 767.98px) {
  .users-about-us-vk {
    width: 100%;
    padding: 16px;
    margin-bottom: 24px
  }
}

.users-about-us-vk__title {
  margin: 0 0 12px 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.users-about-us-vk__title>* {
  color: #24abf8
}

@media screen and (max-width: 767.98px) {
  .users-about-us-vk__title {
    z-index: 1;
    position: relative
  }
}

.users-about-us-vk__btn {
  max-width: 136px;
  height: 36px;
  padding-left: 16px;
  padding-right: 16px
}

.users-about-us-vk__hr {
  margin-top: 24px;
  margin-bottom: 12px;
  height: 1px;
  background-color: #23253d
}

.users-about-us-vk__text {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #666d85
}

.users-about-us-vk__text a {
  color: #24abf8
}

.users-about-us-vk__img {
  position: absolute;
  right: 14px;
  top: 24px;
  width: 90px;
  height: 90px
}

@media screen and (max-width: 767.98px) {
  .users-about-us-vk__img {
    width: 80px;
    height: 80px
  }
}

.users-about-us-vk__blured-circle {
  width: 120px;
  height: 120px;
  position: absolute;
  top: -40px;
  right: -60px;
  border-radius: 50%;
  background: linear-gradient(157.36deg, #1850e1 .95%, #34a6e7 110.24%);
  filter: blur(144px);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.users-about-us-vk:after,
.users-about-us-vk:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #f3f3f3;
  filter: blur(8px)
}

.users-about-us-vk:before {
  top: 24px;
  right: 105px
}

.users-about-us-vk:after {
  right: 10px;
  top: 115px
}

.vk-review-card[data-v-25598d6d] {
  padding: 15px 20px;
  background: #fff;
  width: 100%;
  overflow: hidden
}

.vk-review-card__col[data-v-25598d6d] {
  display: flex;
  flex-direction: column
}

.vk-review-card__link-default.blue[data-v-25598d6d],
.vk-review-card__link-default.blue[data-v-25598d6d]:visited {
  color: #2a5885
}

.vk-review-card__link-default.gray[data-v-25598d6d],
.vk-review-card__link-default.gray[data-v-25598d6d]:visited {
  color: #818c99
}

.vk-review-card__link-default[data-v-25598d6d]:hover {
  text-decoration: underline
}

.vk-review-card__head[data-v-25598d6d] {
  margin-bottom: 12px;
  display: flex;
  align-items: center
}

.vk-review-card__group-ava[data-v-25598d6d] {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 15px;
  overflow: hidden;
  transition: .2s ease
}

.vk-review-card__group-ava[data-v-25598d6d]:hover {
  opacity: .8
}

.vk-review-card__group-ava img[data-v-25598d6d] {
  width: 100%;
  overflow: hidden
}

.vk-review-card__group-link[data-v-25598d6d] {
  margin-top: 5px;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  font-size: 16px;
  font-weight: 700
}

.vk-review-card__date-link[data-v-25598d6d] {
  line-height: 19px;
  font-size: 16px;
  font-weight: 400
}

.vk-review-card__text-content[data-v-25598d6d] {
  color: #000;
  font-size: 14px;
  line-height: 1.43;
  overflow: hidden;
  word-wrap: break-word
}

.vk-review-card__images[data-v-25598d6d] {
  display: flex;
  align-items: flex-start;
  overflow-y: hidden;
  overflow-x: auto;
  grid-gap: 6px;
  gap: 6px;
  margin-top: 12px;
  padding-bottom: 6px
}

.vk-review-card__images img[data-v-25598d6d] {
  max-width: 160px;
  max-height: 100px;
  transition: .2s ease;
  cursor: pointer
}

.vk-review-card__images img[data-v-25598d6d]:hover {
  opacity: .8
}

.vk-review-card__video[data-v-25598d6d] {
  position: relative;
  max-width: 160px;
  max-height: 100px
}

.vk-review-card__video .play-btn[data-v-25598d6d] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer
}

.vk-review-card__user[data-v-25598d6d] {
  margin-top: 16px
}

.vk-review-card__user-name[data-v-25598d6d] {
  display: flex;
  align-items: center;
  padding: 0 15px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='9' viewBox='20 203 8 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23AABBCE' d='M24 209c3.5 0 4 1 4 2.5 0 .5 0 .5-1 .5h-6c-1 0-1 0-1-.5 0-1.5.5-2.5 4-2.5zm0-1c-1.1 0-2-1.12-2-2.5s.9-2.5 2-2.5 2 1.12 2 2.5-.9 2.5-2 2.5z'/%3E%3C/svg%3E") no-repeat;
  background-position: left 2px;
  line-height: 15px
}

.vk-review-card-footer[data-v-25598d6d] {
  display: flex;
  align-items: center;
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid #e7e8ec;
  grid-gap: 24px;
  gap: 24px
}

.vk-review-card-footer__btn[data-v-25598d6d] {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #868c94;
  overflow: hidden;
  white-space: nowrap
}

.vk-review-card-footer__btn:hover .vk-review-card-footer__btn-icon[data-v-25598d6d] {
  opacity: 1
}

.vk-review-card-footer__btn-icon[data-v-25598d6d] {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  opacity: .7;
  transition: .2s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.vk-review-card-footer__btn-icon.heart[data-v-25598d6d] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 2.9a6.43 6.43 0 016.4 6.43c0 3.57-1.43 5.36-7.45 10l-2.78 2.16a1.9 1.9 0 01-2.33 0l-2.79-2.12C2 14.69.6 12.9.6 9.33A6.43 6.43 0 017 2.9a6.46 6.46 0 015 2.54 6.46 6.46 0 015-2.54zM7 4.7a4.63 4.63 0 00-4.6 4.63c0 2.82 1.15 4.26 6.76 8.63l2.78 2.16a.1.1 0 00.12 0L14.84 18c5.61-4.36 6.76-5.8 6.76-8.63A4.63 4.63 0 0017 4.7c-1.56 0-3 .88-4.23 2.73L12 8.5l-.74-1.07C10 5.58 8.58 4.7 7 4.7z' fill='%23828a99'/%3E%3C/svg%3E")
}

.vk-review-card-footer__btn-icon.repost[data-v-25598d6d] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12.1 7.87V4.4a1.32 1.32 0 012.17-1l8.94 7.6a1.32 1.32 0 01.15 1.86l-.15.15-8.94 7.6a1.32 1.32 0 01-2.17-1v-3.45c-4.68.11-8 1.09-9.89 2.87a1.15 1.15 0 01-1.9-1.11C1.84 11.56 5.82 8.16 12.1 7.87zm1.8-2.42v4.2H13c-5.3 0-8.72 2.25-10.39 6.86 2.45-1.45 5.92-2.16 10.39-2.16h.9v4.2L21.61 12z' fill='%23828a99'/%3E%3C/svg%3E")
}

.vk-review-card-footer__viewes[data-v-25598d6d] {
  margin-left: auto;
  display: flex;
  align-items: center;
  color: #99a2ad;
  font-size: 16px;
  line-height: 15px;
  font-weight: 400
}

.vk-review-card-footer__viewes img[data-v-25598d6d] {
  margin-top: -2px;
  width: 14px;
  height: 14px;
  margin-right: 6px
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit
}

.simplebar-mask {
  direction: inherit;
  overflow: hidden;
  width: auto !important;
  height: auto !important;
  z-index: 0
}

.simplebar-mask,
.simplebar-offset {
  position: absolute;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0
}

.simplebar-content:after,
.simplebar-content:before {
  content: " ";
  display: table
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  z-index: -1
}

.simplebar-height-auto-observer,
.simplebar-track {
  position: absolute;
  overflow: hidden;
  pointer-events: none
}

.simplebar-track {
  z-index: 1;
  right: 0;
  bottom: 0
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: .5;
  transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.resize-observer[data-v-8859cc6c] {
  border: none;
  background-color: transparent;
  opacity: 0
}

.resize-observer[data-v-8859cc6c],
.resize-observer[data-v-8859cc6c] object {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: block;
  overflow: hidden
}

.v-popper__popper {
  z-index: 10000;
  top: 0;
  left: 0;
  outline: none
}

.v-popper__popper.v-popper__popper--hidden {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s;
  pointer-events: none
}

.v-popper__popper.v-popper__popper--shown {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s
}

.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
  transition: none !important
}

.v-popper__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none
}

.v-popper__inner {
  position: relative;
  box-sizing: border-box;
  overflow-y: auto
}

.v-popper__inner>div {
  position: relative;
  z-index: 1;
  max-width: inherit;
  max-height: inherit
}

.v-popper__arrow-container {
  position: absolute;
  width: 10px;
  height: 10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
  display: none
}

.v-popper__arrow-inner,
.v-popper__arrow-outer {
  border-style: solid;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0
}

.v-popper__arrow-inner {
  visibility: hidden;
  border-width: 7px
}

.v-popper__arrow-outer {
  border-width: 6px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
  left: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
  left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
  border-bottom-width: 0;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
  top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
  top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
  border-top-width: 0;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
  top: -4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
  top: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
  top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
  top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
  border-left-width: 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
  left: -4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
  left: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
  right: -10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
  border-right-width: 0;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
  left: -2px
}

.v-popper--theme-dropdown .v-popper__inner {
  background: #fff;
  color: #000;
  border-radius: 6px;
  border: 1px solid #ddd;
  box-shadow: 0 6px 30px rgba(0, 0, 0, .10196)
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
  visibility: visible;
  border-color: #fff
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
  border-color: #ddd
}

.v-popper--theme-tooltip .v-popper__inner {
  background: rgba(0, 0, 0, .8);
  color: #fff;
  border-radius: 6px;
  padding: 7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
  border-color: rgba(0, 0, 0, .8)
}

.deposit-bank-card__timer-divider {
  -webkit-animation: toogle-opacity 2s ease-in 1s infinite;
  animation: toogle-opacity 2s ease-in 1s infinite
}

.modal-component {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media screen and (max-width: 767.98px) {
  .modal-component {
    justify-content: flex-end
  }
}

.modal-component.auth .modal {
  max-width: 680px
}

.modal-component.auth .modal__body {
  overflow: visible;
  height: 100%
}

.modal-component.auth .modal__content {
  overflow-x: hidden;
  overflow-y: auto
}

@media screen and (max-width: 1400px) {
  .modal-component.auth .modal__content {
    padding: 32px 64px 48px 32px
  }
}

@media screen and (max-width: 1024px) {
  .modal-component.auth .modal__content {
    padding: 48px 60px 32px
  }
}

@media screen and (max-width: 767.98px) {
  .modal-component.auth .modal__content {
    padding: 48px 16px
  }
}

.modal-component.deposit .modal,
.modal-component.payIn .modal {
  max-width: 636px
}

.modal-component.deposit .modal__body,
.modal-component.payIn .modal__body {
  height: 640px
}

.modal-component.payOut .modal {
  max-width: 670px
}

.modal-component.payOut .modal__body {
  height: 706px;
  max-height: calc(100dvh - 32px)
}

.modal-component.howToPlay .modal {
  max-width: 540px
}

.modal-component.android .modal__big-img img {
  max-width: 100%;
  width: 150px
}

.modal-component.confirmEmail .modal {
  max-width: 440px
}

.modal-component.birthdayCase .modal {
  max-width: 680px;
  background-color: #0d0f1e
}

.modal-component.birthdayCase .modal__header {
  background-color: #181b2c
}

.modal-component.birthdayCase .modal__content {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 16px !important
}

.modal-component.birthdayHowToParticipate .modal {
  max-width: 550px
}

.modal-component.birthdayHowToParticipate .modal__content {
  padding: 24px 16px !important
}

@media(min-width: 768px) {
  .modal-component.birthdayHowToParticipate .modal__content {
    padding: 32px 16px !important
  }
}

.modal {
  position: absolute;
  top: auto;
  bottom: auto;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 550px;
  max-height: calc(100% - 48px);
  margin: auto;
  overflow: hidden;
  z-index: 102;
  background-color: #181b2c;
  border-radius: 12px
}

.modal>div {
  overflow: auto
}

.modal .modal-video-frame {
  overflow: visible;
  overflow: initial
}

@media screen and (max-width: 767.98px) {
  .modal {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-height: calc(100% - 32px)
  }
}

.modal .countdown {
  margin-bottom: 16px
}

.modal .bonus-countdown {
  margin-bottom: 24px
}

.modal-component.deposit .modal .modal__body,
.modal-component.payOut .modal .modal__body {
  overflow: visible
}

.modal__header {
  display: flex;
  flex-shrink: 0;
  width: 100%;
  height: 67px;
  padding: 0 32px;
  overflow: hidden
}

@media screen and (max-width: 767.98px) {
  .modal__header {
    padding: 0 16px
  }
}

.modal__header-title-icon {
  margin-right: 10px
}

.modal__title {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.modal__title svg {
  margin-right: 10px;
  fill: #24abf8
}

@media screen and (max-width: 767.98px) {
  .modal__title {
    font-size: 16px;
    line-height: 20px;
    line-height: 21px
  }
}

.modal__close {
  display: block;
  width: 24px;
  height: 24px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer;
  position: absolute;
  top: 14px;
  right: 14px
}

.modal__close:after,
.modal__close:before {
  display: block;
  content: "";
  position: absolute;
  width: 18px;
  border-radius: 1px;
  height: 2px;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.modal__close:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.modal__close:hover {
  transform: rotate(90deg)
}

.modal__body {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #0c0f1e;
  position: relative;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

@media(max-width: 1400px) {
  .modal__body {
    border-radius: 0
  }
}

.modal__content {
  width: 100%;
  position: relative;
  padding: 32px 64px 48px 32px
}

@media(max-width: 1400px) {
  .modal__content {
    padding: 48px 60px 32px
  }
}

@media screen and (max-width: 767.98px) {
  .modal__content {
    padding: 48px 16px
  }
}

.modal__overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(4, 3, 20, .89);
  transition: .3s ease;
  transition-delay: .15s;
  position: absolute;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.modal__overlay .check-text {
  margin: 16px 0
}

.modal__overlay--captcha {
  z-index: 999 !important
}

.modal__overlay--captcha-auth {
  justify-content: flex-start
}

.modal__sub-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -.03em;
  color: #fff;
  padding: 0 60px;
  margin-bottom: 32px
}

@media(max-width: 1400px) {
  .modal__sub-title {
    padding: 0
  }
}

.modal__text {
  font-weight: 400;
  font-size: 11px;
  line-height: 18px;
  color: #666d85
}

.modal__text a {
  color: #f3f3f3
}

.modal__age18 {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 14px;
  bottom: 14px
}

.modal__social-list {
  margin-bottom: 16px
}

@media(max-width: 1400px) {
  .modal__social-list {
    max-width: 320px;
    margin-bottom: 32px
  }
}

@media screen and (max-width: 1400px) {
  .modal__social-list {
    align-self: center;
    justify-content: center
  }
}

@media screen and (max-width: 767.98px) {
  .modal__social-list {
    width: 100%
  }
}

.modal__social-item {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
  margin-bottom: 16px;
  transition: .2s ease
}

.modal__social-item svg {
  transition: .2s ease;
  transform-origin: center
}

.modal__social-item:hover {
  opacity: .9
}

.modal__social-item:hover svg {
  transform: scale(1.075)
}

.modal__social-item.vkontakte {
  background: #07f
}

.modal__social-item.google {
  background: #fff
}

.modal__social-item.yandex {
  background: #fc3f1d
}

.modal__social-item.odnoklassniki {
  background: #ff9b3c
}

.modal__social-item.facebook {
  background: #4480f3
}

.modal__social-item.mailru {
  background: #fc2c38
}

.modal__social-item.steam {
  background: linear-gradient(180deg, #111d2e, #051839 21%, #0a1b48 40%, #132e62 58%, #144b7e 74%, #136497 87%, #1387b8)
}

.modal__social-item.twitch {
  background: #8550f6
}

.modal__social-item.reddit {
  background: #ff4500
}

.modal__social-item.telegram {
  background: #1ca9d6
}

.modal__social-item.telegram svg {
  fill: #fff;
  width: 20px;
  height: 20px
}

.modal-stars-default {
  min-height: 200px;
  position: relative
}

.modal-stars-default .modal__star:first-of-type {
  right: auto;
  top: 20px;
  left: 70px
}

.modal-stars-default .modal__star:nth-of-type(2) {
  left: auto;
  top: 28px;
  right: 90px
}

@media screen and (max-width: 500px) {
  .modal-stars-default .modal__star:nth-of-type(2) {
    top: 18px;
    right: 43px
  }
}

.modal-stars-default .modal__star:nth-of-type(3) {
  top: 60px;
  left: 115px
}

@media screen and (max-width: 500px) {
  .modal-stars-default .modal__star:nth-of-type(3) {
    top: 68px;
    left: 35px
  }
}

.modal__header-logo-img {
  width: 90px
}

.modal__big-img img,
.modal__big-img svg {
  max-width: 82px
}

.modal__lg-btn {
  min-width: 200px
}

.modal__min-text-ending {
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  margin-top: 16px
}

.modal-confirmed {
  padding-top: 48px;
  padding-bottom: 64px
}

@media(max-width: 1400px) {
  .modal-confirmed {
    padding: 64px 64px 32px
  }
}

@media screen and (max-width: 767.98px) {
  .modal-confirmed {
    padding: 48px 16px 60px
  }
}

.modal__big-img {
  position: relative;
  margin-bottom: 24px
}

@media screen and (max-width: 767.98px) {
  .modal__big-img svg {
    max-width: 72px
  }
}

.modal__star {
  position: absolute
}

.modal__star:first-of-type {
  width: 18px;
  height: 18px;
  right: calc(100% + 44px);
  top: 10px
}

.modal__star:nth-of-type(2) {
  width: 32px;
  height: 32px;
  left: calc(100% + 19px);
  top: -18px
}

.modal__star:nth-of-type(3) {
  width: 20px;
  height: 20px;
  bottom: 18px;
  left: calc(100% + 51px)
}

.modal-confirmed__btn {
  padding-left: 50px;
  padding-right: 50px
}

@media(max-width: 1400px) {
  .modal-confirmed__btn {
    width: 100%
  }
}

.modal-verify__form {
  width: 100%;
  max-width: 340px
}

.fairPlay {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -.03em;
  color: #fff
}

.fairPlay .input-default input {
  cursor: copy
}

.fairPlay .blue .input-default input {
  color: #24abf8
}

.fairPlay .modal__title {
  margin-left: 10px
}

.fairPlay .btn.external svg {
  fill: #24abf8
}

.fairPlay .modal__content {
  padding: 24px 32px 48px
}

@media screen and (max-width: 767.98px) {
  .fairPlay .modal__content {
    padding: 48px 16px
  }
}

.fairPlay p>b {
  color: #bebddd
}

.fairPlay p>b.blue {
  color: #24abf8;
  font-weight: 700;
  letter-spacing: .2px
}

.modal__forgot-pass {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -.03em;
  color: #666d85
}

.modal__login-title {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #f3f3f3;
  margin-bottom: 32px
}

@media(max-width: 1400px) {
  .modal__login-title {
    margin-bottom: 24px
  }
}

@media screen and (max-width: 767.98px) {
  .modal__login-title {
    text-align: center
  }
}

.modal__login-btns {
  margin-bottom: 32px
}

.modal__login-btns>:first-child {
  width: 100%
}

@media(max-width: 1400px) {
  .modal__login-btns>:first-child {
    width: 50%
  }
}

@media screen and (max-width: 767.98px) {
  .modal__login-btns>:first-child {
    width: auto;
    flex-grow: 2
  }
}

.modal__login-btns>:last-child {
  width: 136px;
  flex-shrink: 0
}

@media(max-width: 1400px) {
  .modal__login-btns>:last-child {
    width: 50%
  }
}

@media screen and (max-width: 767.98px) {
  .modal__login-btns>:last-child {
    width: auto;
    flex-grow: 1
  }
}

.modal__login-btns .btn.disabled {
  cursor: not-allowed
}

.sign-up__tabs {
  display: flex;
  width: 100%;
  margin-bottom: 32px;
  align-items: flex-start
}

@media(max-width: 1400px) {
  .sign-up__tabs {
    margin-bottom: 48px
  }
}

@media screen and (max-width: 1400px) {
  .sign-up__tabs {
    justify-content: center
  }
}

@media screen and (max-width: 767.98px) {
  .sign-up__tabs {
    justify-content: center !important
  }
}

.sign-up__tab {
  cursor: pointer;
  color: #f3f3f3;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -.03em;
  transition: .2s ease
}

.sign-up__tab.active,
.sign-up__tab:hover {
  color: #24abf8
}

.sign-up__tab.active .sign-up__tab-btn,
.sign-up__tab:hover .sign-up__tab-btn {
  box-shadow: 0 0 12px 2px rgba(95, 197, 255, .5), inset 0 0 12px 2px rgba(179, 228, 255, .62);
  background-color: rgba(36, 171, 248, .3)
}

.sign-up__tab.active svg,
.sign-up__tab:hover svg {
  fill: #24abf8
}

.sign-up__tab-btn {
  width: 48px;
  height: 48px;
  background-color: #1b1d32;
  border-radius: 8px;
  transition: .2s ease;
  margin-bottom: 10px
}

.sign-up__tab-btn svg {
  fill: #666d85
}

.sign-up__content .modal__social-list {
  margin-bottom: 40px
}

.sign-up__already-has {
  display: inline-flex;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.03em;
  color: #686d89;
  margin-bottom: 48px
}

.sign-up__already-has>* {
  margin-left: 6px
}

@media(max-width: 1400px) {
  .sign-up__already-has {
    align-self: center
  }
}

.one-click__submit-btn {
  width: 100%;
  margin-bottom: 32px
}

@media(max-width: 1400px) {
  .robot-call .input-quadro {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto
  }
}

.robot-call__head {
  border-radius: 4px;
  background-color: #1b1d32;
  min-height: 65px;
  padding: 12px;
  margin-bottom: 24px
}

.robot-call__icon {
  width: 24px;
  height: 24px;
  margin-right: 10px
}

.robot-call__repeat {
  min-height: 52px;
  padding: 16px 32px;
  border: 1px solid #1b1d32;
  border-radius: 8px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #f3f3f3
}

.robot-call__repeat span {
  font-weight: 600
}

@media(max-width: 1400px) {
  .robot-call__repeat {
    text-align: center
  }
}

.robot-call-alt__tumbler {
  padding-top: 16px;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center
}

.robot-call-alt__tumbler-or {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #666d85;
  margin-bottom: 16px;
  position: relative
}

.robot-call-alt__tumbler-or:after,
.robot-call-alt__tumbler-or:before {
  content: "";
  width: 200px;
  height: 1px;
  background-color: #666d85;
  position: absolute;
  top: calc(50% - 1px)
}

.robot-call-alt__tumbler-or:before {
  right: calc(100% + 8px)
}

.robot-call-alt__tumbler-or:after {
  left: calc(100% + 8px)
}

.robot-call-alt {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.robot-call-alt__title.auth-sign-up-phone__title {
  margin-bottom: 16px
}

.robot-call-alt__col {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 4px
}

.robot-call-alt__phone {
  font-size: 24px;
  line-height: 40px;
  font-weight: 500;
  color: #ffbe18;
  margin-bottom: 24px
}

.robot-call-alt__phone:hover {
  color: #ffbe18;
  opacity: .8
}

.robot-call-alt__qr {
  width: 160px;
  height: 184px;
  overflow: hidden;
  align-self: center
}

.robot-call-alt__qr img {
  max-width: 100%;
  overflow: hidden;
  border-radius: 12px
}

.robot-call-alt__important-tip {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: .3px
}

.robot-call-alt__important-tip:before {
  width: 5px
}

.auth-sign-up-phone__title {
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.01em;
  color: #f3f3f3
}

.sign-up__input-phone.disabled,
.sign-up__input-phone:disabled {
  opacity: .75;
  cursor: not-allowed
}

.sign-up__input-phone.disabled>*,
.sign-up__input-phone:disabled>* {
  pointer-events: none
}

.savePhone .modal {
  max-width: 440px
}

.savePhone .modal__content {
  padding: 24px 32px
}

@media screen and (max-width: 767.98px) {
  .savePhone .modal__content {
    padding: 24px 16px
  }
}

.auth-sign-in-phone {
  position: relative
}

.auth-sign-in-phone__call-btn.btn {
  display: none
}

@media screen and (max-width: 767.98px) {
  .auth-sign-in-phone__call-btn.btn {
    display: flex
  }
}

.auth-sign-in-phone__back-btn.link-underline {
  margin-top: -16px;
  margin-bottom: 16px
}

.auth-sign-in-phone__back-btn.link-underline svg {
  transform: rotate(90deg);
  fill: #666d85;
  margin-bottom: 2px
}

.auth-call-info {
  width: 100%;
  height: 104px;
  display: flex;
  align-items: stretch;
  border-radius: 8px;
  overflow: hidden;
  background: #181b2c
}

.auth-call-info__phone {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0;
  grid-gap: 12px;
  gap: 12px;
  font-size: 24px;
  line-height: 1;
  font-weight: 700
}

.auth-call-info__btn {
  font-size: 12px;
  line-height: 14px;
  color: #24abf8;
  transition: opacity .2s ease;
  cursor: pointer
}

.auth-call-info__btn:hover:not(.disabled) {
  opacity: .8
}

.auth-call-info__btn.disabled {
  color: #858cab
}

.auth-call-info__qr {
  display: flex;
  flex-shrink: 0;
  width: 90px;
  height: 100%
}

@media screen and (max-width: 767.98px) {
  .auth-call-info__qr {
    display: none
  }
}

.auth-call-info__qr img {
  max-width: 100%;
  border-radius: 8px
}

.modalAuth__header--tabs.modal__header {
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 240px
}

@media screen and (max-width: 1024px) {
  .modalAuth__header--tabs.modal__header {
    padding-left: 0
  }
}

.modalAuth__tab {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  position: relative;
  color: #666d85;
  transition: .2s ease;
  overflow: hidden
}

.modalAuth__tab:not(:last-child) {
  margin-right: 8px
}

.modalAuth__tab.active,
.modalAuth__tab:hover {
  color: #f3f3f3
}

.modalAuth__tab:before {
  content: "";
  width: calc(100% - 20px);
  height: 8px;
  position: absolute;
  top: -2px;
  left: 10px;
  border-radius: 4px;
  background-color: #24abf8;
  opacity: 0;
  transition: .2s ease
}

.modalAuth__tab.active:before {
  opacity: 1
}

.modalAuth__left-banner {
  width: 260px
}

@media screen and (max-width: 1024px) {
  .modalAuth__left-banner {
    display: none
  }
}

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

.modalAuth__banner--default {
  position: relative;
  background: url(/_nuxt/img/auth-bg.8d03791.png) #181b2c no-repeat top;
  background-size: cover
}

.modalAuth__banner--default .auth-logo {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%)
}

.modalAuth__banner--full-height {
  margin-top: -67px;
  height: calc(100% + 67px)
}

.modalAuth__banner--tablet.bannerWelcomeMin {
  display: none !important;
  margin-bottom: 24px;
  max-width: 360px
}

@media screen and (max-width: 1024px) {
  .modalAuth__banner--tablet.bannerWelcomeMin {
    display: flex !important;
    align-self: center
  }
}

@media screen and (max-width: 767.98px) {
  .modalAuth__banner--tablet.bannerWelcomeMin {
    align-self: center
  }
}

.modal-component.payOut .modal__body.blured>:not(.modal-deposit__body-overlay) {
  filter: blur(3px)
}

.modal-deposit__body-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(53% 71.43% at 50.08%, at 18.66%, rgba(12, 13, 33, .55) 0, #0c0d21 100%);
  background: radial-gradient(53% 71.43% at 50.08% 18.66%, rgba(12, 13, 33, .55) 0, #0c0d21 100%)
}

.modal-deposit-l {
  position: relative;
  width: 280px;
  padding: 24px 16px;
  background: #131627;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  grid-gap: 8px;
  gap: 8px;
  overflow: auto
}

@media screen and (max-width: 767.98px) {
  .modal-deposit-l {
    display: none
  }
}

.modal-deposit-l:after {
  content: "";
  position: absolute;
  top: -24px;
  left: -24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-size: cover;
  background-color: #24abf8;
  filter: blur(32px)
}

.deposit-menu-item {
  position: relative;
  display: flex;
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-radius: 6px;
  grid-gap: 12px;
  gap: 12px
}

.deposit-menu-item .deposit-menu-item__bonus-label {
  position: absolute;
  top: -6px;
  padding: 3px 4px;
  border-radius: 6px;
  background: #9b28ff;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px;
  text-transform: capitalize
}

.deposit-menu-item span {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #858cab
}

.deposit-menu-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  max-width: 18px;
  max-height: 18px
}

@media screen and (max-width: 767.98px) {
  .deposit-menu-item__icon {
    margin-left: 16px
  }
}

.deposit-menu-item__icon img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
  overflow: hidden
}

.deposit-menu-item__icons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 34px;
  grid-gap: 6px;
  gap: 6px
}

.deposit-menu-item__icons .deposit-menu-item__icon {
  width: 14px;
  height: 14px
}

@media screen and (max-width: 767.98px) {
  .deposit-menu-item__icons {
    max-width: none;
    margin-left: 16px
  }

  .deposit-menu-item__icons .deposit-menu-item__icon {
    margin-left: 0
  }
}

.deposit-menu-item:hover {
  background: linear-gradient(180deg, rgba(17, 155, 255, .1), rgba(0, 209, 255, .1))
}

.deposit-menu-item.active {
  background: linear-gradient(180deg, #119bff, #00d1ff)
}

.deposit-menu-item.active span {
  color: #f3f3f3
}

.deposit-right-bonus {
  position: relative;
  margin-top: 16px
}

.deposit-right-bonus.deposit-right-bonus__color-piastrix .deposit-right-bonus__border-gradient:before {
  background: linear-gradient(90deg, rgba(254, 64, 129, .3), rgba(254, 64, 129, 0) 80%)
}

.deposit-right-bonus.deposit-right-bonus__color-piastrix .deposit-right-bonus__content {
  background: linear-gradient(90deg, rgba(255, 64, 129, .18), #1b1d32 70%)
}

.deposit-right-bonus .deposit-right-bonus__border-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.deposit-right-bonus .deposit-right-bonus__border-gradient:after,
.deposit-right-bonus .deposit-right-bonus__border-gradient:before {
  content: "";
  position: absolute;
  border-radius: 8px
}

.deposit-right-bonus .deposit-right-bonus__border-gradient:before {
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: linear-gradient(90deg, rgba(76, 184, 233, .35), rgba(76, 184, 233, 0) 80%)
}

.deposit-right-bonus .deposit-right-bonus__border-gradient:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1b1d32
}

.deposit-right-bonus .deposit-right-bonus__content {
  position: relative;
  display: flex;
  padding: 8px;
  align-items: center;
  justify-content: space-between;
  grid-gap: 6px;
  gap: 6px;
  align-self: stretch;
  background: linear-gradient(90deg, rgba(76, 184, 233, .25), #1b1d32 60%);
  border-radius: 8px;
  z-index: 1
}

.deposit-right-bonus__title {
  color: #f3f3f3;
  color: var(--text-icons-primary, #f3f3f3);
  font-size: 9px;
  font-weight: 700;
  line-height: 10px;
  text-transform: uppercase
}

.deposit-right-bonus__title,
.deposit-right-bonus__value {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal
}

.deposit-right-bonus__value {
  display: inline-block;
  margin-top: 6px;
  text-shadow: 0 1px 2px rgba(255, 190, 24, .6);
  font-size: 24px;
  font-weight: 900;
  line-height: 100%;
  background: linear-gradient(357deg, #fff -26.58%, #ffbe18 58.61%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.deposit-right-bonus__image {
  width: 40px;
  height: 40px
}

.modal-deposit-r .mobile-deposit-menu-items {
  display: none;
  margin-top: 16px;
  padding-top: 6px;
  grid-gap: 8px;
  gap: 8px;
  overflow-x: auto;
  margin-bottom: 16px
}

@media screen and (max-width: 767.98px) {
  .modal-deposit-r .mobile-deposit-menu-items {
    display: flex;
    flex-shrink: 0
  }
}

.modal-deposit-r .mobile-deposit-menu-items .deposit-menu-item {
  min-width: 150px;
  flex-shrink: 0;
  border: 1px solid #23253d
}

.modal-deposit-r {
  width: 100%;
  padding: 32px 24px;
  background: #0c0f1e;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 767.98px) {
  .modal-deposit-r {
    width: 100%
  }
}

.modal-deposit-r .deposit-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  grid-gap: 8px;
  gap: 8px
}

.modal-deposit-r .deposit-title svg {
  fill: #ffbe18
}

.modal-deposit-r .deposit-title span {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.modal-deposit-r .deposit-title__crypto-name {
  margin-top: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #ffbe18
}

.modal-deposit-r .deposit-input-wrapper {
  margin-top: 20px
}

.modal-deposit-r .deposit-input-wrapper .deposit-input {
  position: relative;
  display: block
}

.modal-deposit-r .deposit-input-wrapper .deposit-input input {
  width: 100%;
  height: 68px;
  padding: 32px 18px 14px;
  background: #1b1d32;
  border-radius: 4px;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: -1px;
  color: #f3f3f3;
  transition: .2s ease
}

.modal-deposit-r .deposit-input-wrapper .deposit-input input:active,
.modal-deposit-r .deposit-input-wrapper .deposit-input input:focus,
.modal-deposit-r .deposit-input-wrapper .deposit-input input:hover {
  background: #23253d
}

.modal-deposit-r .deposit-input-wrapper .deposit-input span {
  position: absolute;
  top: 13px;
  left: 18px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.01em;
  font-feature-settings: "kern" off;
  color: #666d85
}

.modal-deposit-r .deposit-buttons {
  display: flex;
  justify-content: space-between;
  grid-gap: 8px;
  gap: 8px;
  margin-top: 8px;
  overflow: auto
}

.modal-deposit-r .deposit-buttons .deposit-button-item {
  padding: 8px;
  background: #1b1d32;
  border-radius: 4px;
  flex: 1;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -.03em;
  color: #858cab;
  cursor: pointer;
  transition: .2s ease
}

.modal-deposit-r .deposit-buttons .deposit-button-item:hover {
  background: #23253d;
  color: #f3f3f3
}

.modal-deposit-r .deposit-finance {
  display: flex;
  flex-direction: column;
  grid-gap: 14px;
  gap: 14px;
  margin-top: 32px
}

.modal-deposit-r .deposit-finance .deposit-finance-line {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.modal-deposit-r .deposit-finance .deposit-finance-text {
  display: flex;
  flex-direction: row;
  grid-gap: 4px;
  gap: 4px;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -.01em;
  font-feature-settings: "kern" off
}

.modal-deposit-r .deposit-finance .deposit-finance-value {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -.01em;
  font-feature-settings: "kern" off;
  color: #858cab
}

.modal-deposit-r .deposit-info-promo {
  margin-top: 16px;
  padding: 16px 12px 14px;
  line-height: 18px;
  font-size: 13px;
  text-align: center;
  border-radius: 5px;
  background: #3eb13b;
  color: #f3f3f3;
  font-weight: 500;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .3), inset 0 2px 0 0 hsla(0, 0%, 100%, .004);
  transition: background .4s ease-in-out
}

.modal-deposit-r .deposit-info-promo>div,
.modal-deposit-r .deposit-info-promo>span:not(.mindep),
.modal-deposit-r .deposit-info-promo>strong {
  transition: opacity .4s ease-in-out
}

.modal-deposit-r .deposit-info-promo.disabled {
  background: rgba(62, 177, 59, .5)
}

.modal-deposit-r .deposit-info-promo.disabled>div,
.modal-deposit-r .deposit-info-promo.disabled>span:not(.mindep),
.modal-deposit-r .deposit-info-promo.disabled>strong {
  opacity: .4
}

.modal-deposit-r .deposit-info-promo .mindep {
  margin-top: 10px;
  display: block
}

.modal-deposit-r .deposit-info-promo .mindep>strong {
  padding: 1px 5px 2px;
  border-radius: 3px;
  background: #3eb13b;
  color: #f3f3f3;
  transition: all .2s ease-in-out;
  cursor: pointer
}

.modal-deposit-r .deposit-info-promo .mindep>strong:hover {
  background: #fff;
  color: #232323
}

.modal-deposit-r .deposit-continue {
  display: flex;
  flex-direction: column;
  margin-top: 32px
}

.modal-deposit-r .deposit-continue.payOut {
  margin-top: 16px
}

.modal-deposit-r .deposit-continue button.btn {
  position: relative;
  z-index: 0
}

.modal-deposit-r .deposit-promo-code {
  margin-top: 24px
}

.modal-deposit-r .deposit-min-max-sum {
  display: flex;
  flex-direction: column;
  grid-gap: 12px;
  gap: 12px;
  margin-top: 40px
}

.modal-deposit-r .deposit-min-max-sum.crypto {
  margin-top: 24px
}

.modal-deposit-r .deposit-min-max-sum .deposit-min-max-line {
  display: flex;
  align-items: center;
  grid-gap: 4px;
  gap: 4px
}

.modal-deposit-r .deposit-min-max-sum .deposit-min-max-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -.01em;
  font-feature-settings: "kern" off;
  color: #f3f3f3
}

.modal-deposit-r .deposit-min-max-sum .deposit-min-max-value {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.01em;
  font-feature-settings: "kern" off;
  color: #666d85;
  border-bottom: 1px dotted #666d85;
  cursor: pointer;
  transition: .2s ease
}

.modal-deposit-r .deposit-min-max-sum .deposit-min-max-value:hover {
  color: #ffbe18;
  border-color: #ffbe18
}

.modal-deposit-r .deposit-max-payout {
  margin-top: 18px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.01em;
  font-feature-settings: "kern" off
}

.modal-deposit-r .deposit-max-payout .text {
  font-weight: 400;
  color: #666d85
}

.modal-deposit-r .deposit-max-payout .count {
  font-size: 13px;
  font-weight: 600;
  color: #24abf8;
  border-bottom: 1px dotted #24abf8;
  transition: .2s ease;
  cursor: pointer
}

.modal-deposit-r .deposit-max-payout .count:hover {
  color: #ffbe18;
  border-color: #ffbe18
}

.modal-deposit__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #f3f3f3;
  margin-top: 16px;
  margin-bottom: 8px
}

.modal-deposit__title>span {
  color: #ffbe18;
  font-weight: 700;
  font-size: 16px
}

.modal-deposit__title .modal-deposit__title--deposit-amount {
  margin: 0 2px;
  cursor: pointer;
  border-bottom: 1px solid #ffbe18;
  transition: .2s ease
}

.modal-deposit__title .modal-deposit__title--deposit-amount:hover {
  opacity: .75
}

.modal-deposit__input {
  position: relative;
  transition: .2s ease;
  background: #4c4c66;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 16px;
  margin-bottom: 15px;
  cursor: pointer
}

.modal-deposit__timer {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

.modal-deposit__timer .modal-deposit__timer-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.modal-deposit__next-btn-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px
}

.modal-deposit__next-btn-wrapper .btn {
  min-width: 180px
}

.modal-deposit-dropdown {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 0;
  transition: .2s ease;
  background: #1b1d32;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 15px
}

.modal-deposit-dropdown:hover {
  background: #23253d
}

.modal-deposit-dropdown__head {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer
}

.modal-deposit-dropdown__head-icon {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0
}

.modal-deposit-dropdown__head-icon svg {
  transition: .2s ease-in;
  transform-origin: center center
}

.modal-deposit-dropdown__head-attention-icon {
  display: flex;
  max-width: 24px;
  margin-right: 12px;
  overflow: hidden;
  flex-shrink: 0
}

.modal-deposit-dropdown__head-attention-icon svg {
  max-width: 100%
}

.modal-deposit-dropdown__title {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #fff;
  flex: 1
}

.modal-deposit-dropdown__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px;
  border-top: 1px solid hsla(0, 0%, 100%, .1);
  font-size: 14px;
  line-height: 16px
}

.modal-deposit-dropdown__body-title {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 8px
}

.modal-deposit-dropdown.active {
  background: #23253d
}

.modal-deposit-dropdown.active .modal-deposit-dropdown__head-icon svg {
  transform: rotate(180deg)
}

.modal-deposit-dropdown.attention .modal-deposit-dropdown__head .modal-deposit-dropdown__title {
  margin-right: auto
}

.deposit-instruction {
  margin-bottom: 16px
}

.modal-deposit-menu {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative
}

.selected-bank {
  display: flex;
  position: relative;
  text-align: center;
  width: 100%;
  max-height: 40px;
  min-height: 40px;
  margin: 16px 0 10px;
  border: 1px solid #deb31d;
  padding: 5px;
  border-radius: 7px
}

.selected-bank img {
  margin: auto;
  display: flex;
  max-height: 29px;
  width: auto
}

.selected-bank:after {
  content: "";
  position: absolute
}

.selected-bank .selected-bank__title {
  background: #202233;
  text-transform: uppercase;
  font-size: .5rem;
  border-radius: 8px;
  position: absolute;
  left: 7px;
  top: 0;
  transform: translateY(-50%);
  border: 1px solid #deb31d;
  z-index: 3;
  padding: 2px 5px
}

.deposit-group {
  margin-top: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.deposit-group__title {
  font-size: 14px;
  line-height: 20px;
  color: #f3f3f3;
  margin-bottom: 16px
}

.deposit-group__search {
  width: 100%
}

.deposit-group__search .input-default input {
  height: 41px;
  padding-top: 12px
}

.deposit-group__list {
  width: calc(100% + 16px);
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -8px
}

.deposit-group-item {
  width: 50%;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #666d85
}

@media screen and (max-width: 767.98px) {
  .deposit-group-item {
    width: 33.3333333333%
  }
}

@media screen and (max-width: 425px) {
  .deposit-group-item {
    width: 50%
  }
}

.deposit-group-item__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid #1b1d32;
  cursor: pointer;
  transition: .2s ease;
  position: relative
}

.deposit-group-item__wrap:hover {
  color: #f3f3f3;
  background: linear-gradient(180deg, rgba(17, 155, 255, .1), rgba(0, 209, 255, .1));
  border-color: #24abf8
}

.deposit-group-item__bonus-label {
  position: absolute;
  padding: 3px 4px;
  border-radius: 6px;
  background: #9b28ff;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  text-transform: capitalize;
  right: 10px;
  bottom: 10px
}

.deposit-group-item__title {
  margin-bottom: 8px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

@media screen and (min-width: 1024.51px) {
  .deposit-group-item__title:hover {
    word-break: break-all;
    white-space: normal
  }
}

@media screen and (max-width: 767.98px) {
  .deposit-group-item__title {
    word-break: break-all;
    white-space: normal
  }
}

.deposit-group-item__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-top: auto;
  height: 24px;
  width: 24px
}

.deposit-group-item__icon img {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  max-height: 100%
}

.deposit-group-item.active {
  color: #f3f3f3
}

.deposit-group-item.active .deposit-group-item__wrap {
  background-color: rgba(36, 174, 248, .5);
  border-color: #24abf8
}

.deposit-group-item__wrap.bank {
  padding: 16px 8px;
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: center
}

.deposit-group-item__wrap.bank img {
  height: auto;
  width: auto;
  max-height: 28px;
  max-width: 92%;
  transition: .2s ease;
  transform-origin: center center
}

.deposit-group-item__wrap.bank:hover {
  background: inherit;
  border-color: inherit
}

.deposit-group-item__wrap.bank:hover img {
  transform: scale(1.075)
}

.deposit-group-item__wrap.bank.sberbank {
  background-image: linear-gradient(90deg, #37aa4c, #21a038)
}

.deposit-group-item__wrap.bank.vtb {
  background-image: linear-gradient(90deg, #376baa, #2136a0)
}

.deposit-group-item__wrap.bank.tinkoff {
  background-image: linear-gradient(90deg, #44444a, #1c1a1a)
}

.deposit-group-item__wrap.bank.raiffeisen {
  background: #000
}

.deposit-group-item__wrap.bank.alfa {
  background: #ef3124
}

.deposit-group-item__wrap.bank.uralsib {
  background: #3b175c
}

.deposit-group-item__wrap.bank.rosbank {
  background: #00264e
}

.deposit-group-item__wrap.bank.gazprombank {
  background: #476bf0
}

.deposit-group-item__wrap.bank.sovcombank {
  background: linear-gradient(135deg, #001127, #003791 35%)
}

.deposit-group-item__wrap.bank.tochka {
  background: #231f20
}

.deposit-group-item__wrap.bank.tochka img {
  max-width: 85%
}

.deposit-group-item__wrap.bank.pochtabank {
  background: #f3f3f3;
  padding: 8px
}

.deposit-group-item__wrap.bank.ozon {
  background: #005bff
}

.deposit-group-item__wrap.bank.yandex {
  background: #e4cbff
}

.deposit-group-item__wrap.bank.open {
  background: #00bef0
}

.deposit-group-item__wrap.bank.centrinvest {
  background: #3aaa35
}

.deposit-group-item__wrap.bank.chelinvest {
  background: #f3f3f3
}

.deposit-group-item__wrap.bank.cifra-bank {
  background: #212a34
}

.deposit-group-item__wrap.bank.ubrir {
  background: #cc163f
}

.deposit-group-item__wrap.bank.fora,
.deposit-group-item__wrap.bank.mtsbank {
  background: #f3f3f3
}

.deposit-group-item__wrap.bank.tkbbank {
  background: linear-gradient(135deg, #00b9cd 33%, 60.5%, #584fff 88%)
}

.deposit-group-item__wrap.bank.cmrbank {
  background: #0081c8
}

.deposit-group-item__wrap.bank.otbbank,
.deposit-group-item__wrap.bank.otpbank {
  background: #cdfc68
}

.deposit-group-item__wrap.bank.akbars {
  background: #22be54
}

.deposit-group-item__wrap.bank.pskb {
  background: #017840
}

.deposit-group-item__wrap.bank.zenit {
  background: #10c8d2
}

.deposit-group-item__wrap.bank.rsb {
  background: #414042
}

.deposit-group-item__wrap.bank.rosbank {
  background: #f3f3f3
}

.deposit-group-item__wrap.bank.rncb {
  background: #f0f5f5
}

.deposit-group-item__wrap.bank.skb {
  background: #f3f3f3
}

.deposit-group-item__wrap.bank.alfa:before,
.deposit-group-item__wrap.bank.ozon:before,
.deposit-group-item__wrap.bank.tkbbank:before,
.deposit-group-item__wrap.bank.tochka:before {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background: linear-gradient(135deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, 0) 60%)
}

.deposit-group-item__wrap.bank.tochka:before {
  background: linear-gradient(-135deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, 0) 60%)
}

.modal-deposit__qr {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.modal-deposit__qr .modal-deposit__title {
  margin-top: 0;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  position: relative
}

.modal-deposit__qr-attention {
  margin-top: 24px;
  padding: 12px;
  border-radius: 4px;
  background: #f44336;
  font-size: 14px;
  line-height: 22px;
  color: #f3f3f3
}

.modal-deposit__qr-attention b,
.modal-deposit__qr-attention strong {
  font-weight: 700
}

.modal-deposit__qr-attention strong {
  padding-bottom: 1px;
  border-bottom: 2px solid hsla(0, 0%, 100%, .7)
}

.modal-deposit__memo-tooltip,
.modal-deposit__qr-tooltip {
  width: 250px;
  border-radius: 8px;
  padding: 8px;
  font-size: 14px;
  line-height: 18px;
  background-color: #f3f3f3;
  color: #1a1d2c;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: -10px;
  top: calc(100% + 12px)
}

.modal-deposit__memo-tooltip:before,
.modal-deposit__qr-tooltip:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 66px;
  width: 0;
  height: 0;
  border-bottom: 0 solid transparent;
  border-color: transparent transparent #f3f3f3;
  border-style: solid;
  border-width: 0 8px 8px
}

.modal-deposit__memo-tooltip.en:before,
.modal-deposit__qr-tooltip.en:before {
  left: 75px
}

.modal-deposit__memo-question-icon,
.modal-deposit__qr-question-icon {
  font-family: Halvar Breitschrift, sans-serif;
  width: 20px;
  height: 20px;
  opacity: 1;
  margin-left: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 50%;
  background: #23253d;
  color: #666d85;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  transition: .2s ease;
  cursor: pointer
}

.modal-deposit__memo-question-icon span,
.modal-deposit__qr-question-icon span {
  transition: .2s ease;
  transform-origin: center center
}

.modal-deposit__memo-question-icon:hover span,
.modal-deposit__qr-question-icon:hover span {
  color: #24abf8;
  transform: scale(1.15);
  -webkit-animation: bounce-question .8s linear .2s infinite;
  animation: bounce-question .8s linear .2s infinite
}

.modal-deposit__memo-question-icon:hover+.modal-deposit__memo-tooltip,
.modal-deposit__memo-question-icon:hover+.modal-deposit__qr-tooltip,
.modal-deposit__qr-question-icon:hover+.modal-deposit__memo-tooltip,
.modal-deposit__qr-question-icon:hover+.modal-deposit__qr-tooltip {
  animation: qr-tooltip .2s ease forwards;
  -webkit-animation: qr-tooltip .2s ease forwards
}

@-webkit-keyframes qr-tooltip {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes qr-tooltip {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes bounce-question {
  50% {
    transform: scale(1.25)
  }

  50% {
    transform: scale(.95)
  }
}

@keyframes bounce-question {
  50% {
    transform: scale(1.25)
  }

  50% {
    transform: scale(.95)
  }
}

.modal-deposit__qr-box {
  width: 100%;
  display: flex;
  align-items: center;
  background: #1b1d32;
  border-radius: 8px;
  padding: 16px 8px 16px 16px;
  font-size: 12px;
  line-height: 16px
}

@media screen and (max-width: 767.98px) {
  .modal-deposit__qr-box {
    text-align: center;
    font-size: 16px;
    line-height: 20px
  }
}

@media screen and (max-width: 425px) {
  .modal-deposit__qr-box {
    flex-direction: column;
    padding: 16px;
    grid-gap: 16px;
    gap: 16px;
    font-size: 12px;
    line-height: 16px
  }
}

.modal-deposit__qr-img {
  width: 110px;
  border-radius: 8px;
  margin-right: 12px
}

@media screen and (max-width: 767.98px) {
  .modal-deposit__qr-img {
    width: 150px
  }
}

@media screen and (max-width: 425px) {
  .modal-deposit__qr-img {
    margin-right: 0
  }
}

.modal-deposit__qr-link {
  font-size: 14px;
  line-height: 20px;
  color: #ffbe18;
  transition: .2s ease;
  text-decoration: underline
}

.modal-deposit__qr-link:hover {
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
  opacity: .8
}

.modal-deposit-chosen-bank {
  padding-top: 24px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.01em;
  font-feature-settings: "kern" off;
  color: #666d85;
  display: flex;
  flex-direction: column;
  grid-gap: 8px;
  gap: 8px
}

.modal-deposit-chosen-bank .deposit-group-item {
  padding: 0;
  pointer-events: none
}

.modal-deposit-chosen-bank .deposit-group-item__wrap {
  padding: 12px 6px;
  min-height: 50px
}

.modal-deposit-chosen-bank .deposit-group-item__wrap img {
  max-height: 32px;
  max-width: 86%
}

.modal-deposit-chosen-bank__back-btn {
  text-decoration: underline;
  transition: .2s ease;
  cursor: pointer;
  color: #24abf8
}

.deposit-card-input {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  grid-gap: 12px;
  gap: 12px;
  border-radius: 12px;
  background: #1b1d32;
  margin-top: 16px;
  margin-bottom: 16px
}

.deposit-card-input__title {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 8px;
  color: #858cab;
  text-align: center;
  border-bottom: 1px ridge rgba(133, 140, 171, .25)
}

.deposit-card-input__row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.deposit-card-input__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.deposit-card-input__item-label {
  font-size: 12px;
  line-height: 20px;
  color: #858cab
}

.deposit-card-input__item input {
  width: 100%;
  padding: 0 8px;
  height: 40px;
  border-radius: 4px;
  text-align: center;
  font-weight: 600;
  background: rgba(35, 37, 61, .7);
  color: #f3f3f3;
  transition: .2s ease
}

.deposit-card-input__item input::-moz-placeholder {
  font-weight: 400;
  color: #666d85
}

.deposit-card-input__item input:-ms-input-placeholder {
  font-weight: 400;
  color: #666d85
}

.deposit-card-input__item input::placeholder {
  font-weight: 400;
  color: #666d85
}

.deposit-card-input__item input:not(:-moz-placeholder-shown) {
  background: #23253d
}

.deposit-card-input__item input:not(:-ms-input-placeholder) {
  background: #23253d
}

.deposit-card-input__item input:active,
.deposit-card-input__item input:focus,
.deposit-card-input__item input:hover,
.deposit-card-input__item input:not(:placeholder-shown) {
  background: #23253d
}

.deposit-card-input__item.deposit-card-input__item--cvc,
.deposit-card-input__item.deposit-card-input__item--expiration {
  max-width: 70px
}

.deposit-card-input__hint {
  margin-top: 12px;
  display: flex;
  align-items: center;
  grid-gap: 6px;
  gap: 6px;
  font-size: 14px;
  line-height: 16px;
  color: #666d85
}

.deposit-card-input__hint svg {
  stroke: #666d85
}

.mainButton {
  width: 168px;
  height: 52px;
  padding: 17px 12px;
  border-radius: 8px;
  font-family: FS Elliot Pro, sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 17px;
  letter-spacing: -.3px;
  text-align: center;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #f3f3f3;
  background: linear-gradient(94.53deg, #24abf8, #098bea 51.04%, #00b3ec)
}

.mainButton.mainButton--cardTransfer {
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3
}

.deposit-bank-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.deposit-bank-card.deposit-bank-card--success {
  height: 100%
}

.deposit-bank-card__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.deposit-bank-card__label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #ffbe18;
  margin-top: 16px;
  margin-bottom: 8px
}

.deposit-bank-card .tip {
  font-weight: 300 !important
}

.deposit-bank-card .tip,
.payment-bank-card {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px
}

.payment-bank-card {
  width: 100%;
  padding: 12px 16px;
  grid-gap: 8px;
  gap: 8px;
  border-radius: 12px;
  background: #1b1d32
}

.payment-bank-card__head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.payment-bank-card__head img:not(.payment-bank-card__head-bank),
.payment-bank-card__head svg:not(.payment-bank-card__head-bank) {
  max-height: 24px
}

.payment-bank-card__head img:last-child,
.payment-bank-card__head svg:last-child {
  margin-left: auto
}

.payment-bank-card .rowBankWrapper {
  width: calc(100% + 16px);
  margin-left: -8px;
  margin-right: -8px;
  padding: 0 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color .2s ease
}

.payment-bank-card .rowBankWrapper.has-popover {
  position: relative;
  padding: 4px 8px;
  background: #1b1d32;
  z-index: 3
}

.payment-bank-card .rowBankWrapper.has-popover>.payment-bank-card__bank-wrapper {
  margin: 0;
  padding: 8px 4px;
  border: none
}

.payment-bank-card__bank-wrapper {
  margin-top: 4px;
  display: inline-flex;
  width: auto;
  height: auto;
  padding: 12px 12px 10px;
  border: 1px solid #deb31c;
  border-radius: 8px
}

.payment-bank-card__head-bank {
  max-width: 142px;
  max-height: 23px
}

.payment-bank-card__head-bankName {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 20px;
  word-wrap: break-word;
  overflow: hidden
}

.payment-bank-card__data {
  margin-left: -8px;
  margin-right: -8px;
  width: calc(100% + 16px);
  padding: 4px 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color .2s ease
}

.payment-bank-card__data-col {
  display: flex;
  flex-direction: column
}

.payment-bank-card__data-label {
  font-size: 10px;
  line-height: 14px;
  font-weight: 300;
  color: #858cab;
  transition: .2s ease
}

.payment-bank-card__data-value {
  font-family: Halvar Breitschrift, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #f3f3f3;
  word-break: break-all;
  transition: .2s ease
}

.payment-bank-card__data-value--card-holder {
  word-break: normal;
  word-wrap: break-word
}

.payment-bank-card__data-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  margin-left: 8px
}

.payment-bank-card__data-copy svg {
  transform-origin: center;
  fill: #858cab
}

.payment-bank-card__data:hover:not(.payment-bank-card__data--no-hover) {
  cursor: pointer
}

.payment-bank-card__data:hover:not(.payment-bank-card__data--no-hover) .payment-bank-card__data-copy svg {
  transform: scale(1.1)
}

.payment-bank-card__data.unique {
  min-height: 40px;
  background: #1b1d32;
  width: 100%;
  padding: 10px 8px 10px 16px;
  margin: 0 0 24px
}

.payment-bank-card__data.unique:hover {
  background: #23253d
}

.payment-bank-card__data.has-popover {
  z-index: 3;
  position: relative;
  background: #1b1d32
}

.payment-bank-card__info {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  align-items: center;
  font-family: FS Elliot Pro, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #ffbe18
}

.payment-bank-card__info svg {
  min-width: 12px
}

.payment-bank-card__tip {
  margin-bottom: 8px !important
}

.payment-bank-card.agrobank,
.payment-bank-card.agrobank .payment-bank-card__data.has-popover,
.payment-bank-card.agrorosbank,
.payment-bank-card.agrorosbank .payment-bank-card__data.has-popover,
.payment-bank-card.aleksandrovskiybank,
.payment-bank-card.aleksandrovskiybank .payment-bank-card__data.has-popover,
.payment-bank-card.alfa,
.payment-bank-card.alfa .payment-bank-card__data.has-popover,
.payment-bank-card.aurora,
.payment-bank-card.aurora .payment-bank-card__data.has-popover,
.payment-bank-card.avtotorgbank,
.payment-bank-card.avtotorgbank .payment-bank-card__data.has-popover,
.payment-bank-card.bistrobank,
.payment-bank-card.bistrobank .payment-bank-card__data.has-popover,
.payment-bank-card.bkfbank,
.payment-bank-card.bkfbank .payment-bank-card__data.has-popover,
.payment-bank-card.centrocreditbank,
.payment-bank-card.centrocreditbank .payment-bank-card__data.has-popover,
.payment-bank-card.citibank,
.payment-bank-card.citibank .payment-bank-card__data.has-popover,
.payment-bank-card.conturbank,
.payment-bank-card.conturbank .payment-bank-card__data.has-popover,
.payment-bank-card.dolinskbank,
.payment-bank-card.dolinskbank .payment-bank-card__data.has-popover,
.payment-bank-card.domrf,
.payment-bank-card.domrf .payment-bank-card__data.has-popover,
.payment-bank-card.elitabank,
.payment-bank-card.elitabank .payment-bank-card__data.has-popover,
.payment-bank-card.eniseyskiyunionbank,
.payment-bank-card.eniseyskiyunionbank .payment-bank-card__data.has-popover,
.payment-bank-card.eurofinancemosnarbank,
.payment-bank-card.eurofinancemosnarbank .payment-bank-card__data.has-popover,
.payment-bank-card.garantinvestbank,
.payment-bank-card.garantinvestbank .payment-bank-card__data.has-popover,
.payment-bank-card.gorbank,
.payment-bank-card.gorbank .payment-bank-card__data.has-popover,
.payment-bank-card.haisbank,
.payment-bank-card.haisbank .payment-bank-card__data.has-popover,
.payment-bank-card.ikbank,
.payment-bank-card.ikbank .payment-bank-card__data.has-popover,
.payment-bank-card.isbank,
.payment-bank-card.isbank .payment-bank-card__data.has-popover,
.payment-bank-card.iturupbank,
.payment-bank-card.iturupbank .payment-bank-card__data.has-popover,
.payment-bank-card.kazanbank,
.payment-bank-card.kazanbank .payment-bank-card__data.has-popover,
.payment-bank-card.kremlevskiybank,
.payment-bank-card.kremlevskiybank .payment-bank-card__data.has-popover,
.payment-bank-card.kuzneckibisnesbank,
.payment-bank-card.kuzneckibisnesbank .payment-bank-card__data.has-popover,
.payment-bank-card.lantabank,
.payment-bank-card.lantabank .payment-bank-card__data.has-popover,
.payment-bank-card.lokobank,
.payment-bank-card.lokobank .payment-bank-card__data.has-popover,
.payment-bank-card.metcombank,
.payment-bank-card.metcombank .payment-bank-card__data.has-popover,
.payment-bank-card.mirprivelegiybank,
.payment-bank-card.mirprivelegiybank .payment-bank-card__data.has-popover,
.payment-bank-card.morskoybank,
.payment-bank-card.morskoybank .payment-bank-card__data.has-popover,
.payment-bank-card.moscowcitybank,
.payment-bank-card.moscowcitybank .payment-bank-card__data.has-popover,
.payment-bank-card.mtsbank,
.payment-bank-card.mtsbank .payment-bank-card__data.has-popover,
.payment-bank-card.nacinvestprombank,
.payment-bank-card.nacinvestprombank .payment-bank-card__data.has-popover,
.payment-bank-card.nationalstandartbank,
.payment-bank-card.nationalstandartbank .payment-bank-card__data.has-popover,
.payment-bank-card.norvikbank,
.payment-bank-card.norvikbank .payment-bank-card__data.has-popover,
.payment-bank-card.novikom,
.payment-bank-card.novikom .payment-bank-card__data.has-popover,
.payment-bank-card.noviyvekbank,
.payment-bank-card.noviyvekbank .payment-bank-card__data.has-popover,
.payment-bank-card.obedinenniikapitalbank,
.payment-bank-card.obedinenniikapitalbank .payment-bank-card__data.has-popover,
.payment-bank-card.otbbank,
.payment-bank-card.otbbank .payment-bank-card__data.has-popover,
.payment-bank-card.otp-bank,
.payment-bank-card.otp-bank .payment-bank-card__data.has-popover,
.payment-bank-card.otpbank,
.payment-bank-card.otpbank .payment-bank-card__data.has-popover,
.payment-bank-card.perviyinvesticionniybank,
.payment-bank-card.perviyinvesticionniybank .payment-bank-card__data.has-popover,
.payment-bank-card.priovneshtorgbank,
.payment-bank-card.priovneshtorgbank .payment-bank-card__data.has-popover,
.payment-bank-card.realistbank,
.payment-bank-card.realistbank .payment-bank-card__data.has-popover,
.payment-bank-card.rnkb,
.payment-bank-card.rnkb .payment-bank-card__data.has-popover,
.payment-bank-card.rosbank,
.payment-bank-card.rosbank .payment-bank-card__data.has-popover,
.payment-bank-card.roundbank,
.payment-bank-card.roundbank .payment-bank-card__data.has-popover,
.payment-bank-card.saratovbank,
.payment-bank-card.saratovbank .payment-bank-card__data.has-popover,
.payment-bank-card.slaviyabank,
.payment-bank-card.slaviyabank .payment-bank-card__data.has-popover,
.payment-bank-card.sngbbank,
.payment-bank-card.sngbbank .payment-bank-card__data.has-popover,
.payment-bank-card.spb-bank,
.payment-bank-card.spb-bank .payment-bank-card__data.has-popover,
.payment-bank-card.sukhumbank,
.payment-bank-card.sukhumbank .payment-bank-card__data.has-popover,
.payment-bank-card.svoi,
.payment-bank-card.svoi .payment-bank-card__data.has-popover,
.payment-bank-card.tavricheskiybank,
.payment-bank-card.tavricheskiybank .payment-bank-card__data.has-popover,
.payment-bank-card.timerbank,
.payment-bank-card.timerbank .payment-bank-card__data.has-popover,
.payment-bank-card.toyotabank,
.payment-bank-card.toyotabank .payment-bank-card__data.has-popover,
.payment-bank-card.transstroybank,
.payment-bank-card.transstroybank .payment-bank-card__data.has-popover,
.payment-bank-card.unistream,
.payment-bank-card.unistream .payment-bank-card__data.has-popover,
.payment-bank-card.uralfdbank,
.payment-bank-card.uralfdbank .payment-bank-card__data.has-popover,
.payment-bank-card.vbrr,
.payment-bank-card.vbrr .payment-bank-card__data.has-popover,
.payment-bank-card.yandex,
.payment-bank-card.yandex .payment-bank-card__data.has-popover,
.payment-bank-card.zarechebank,
.payment-bank-card.zarechebank .payment-bank-card__data.has-popover {
  background: #f3f3f3
}

.payment-bank-card.agrobank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.agrobank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.agrobank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.agrorosbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.agrorosbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.agrorosbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.aleksandrovskiybank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.aleksandrovskiybank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.aleksandrovskiybank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.alfa .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.alfa .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.alfa .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.aurora .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.aurora .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.aurora .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.avtotorgbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.avtotorgbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.avtotorgbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.bistrobank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.bistrobank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.bistrobank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.bkfbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.bkfbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.bkfbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.centrocreditbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.centrocreditbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.centrocreditbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.citibank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.citibank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.citibank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.conturbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.conturbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.conturbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.dolinskbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.dolinskbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.dolinskbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.domrf .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.domrf .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.domrf .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.elitabank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.elitabank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.elitabank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.eniseyskiyunionbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.eniseyskiyunionbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.eniseyskiyunionbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.eurofinancemosnarbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.eurofinancemosnarbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.eurofinancemosnarbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.garantinvestbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.garantinvestbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.garantinvestbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.gorbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.gorbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.gorbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.haisbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.haisbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.haisbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.ikbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.ikbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.ikbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.isbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.isbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.isbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.iturupbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.iturupbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.iturupbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.kazanbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.kazanbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.kazanbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.kremlevskiybank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.kremlevskiybank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.kremlevskiybank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.kuzneckibisnesbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.kuzneckibisnesbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.kuzneckibisnesbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.lantabank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.lantabank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.lantabank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.lokobank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.lokobank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.lokobank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.metcombank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.metcombank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.metcombank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.mirprivelegiybank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.mirprivelegiybank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.mirprivelegiybank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.morskoybank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.morskoybank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.morskoybank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.moscowcitybank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.moscowcitybank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.moscowcitybank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.mtsbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.mtsbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.mtsbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.nacinvestprombank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.nacinvestprombank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.nacinvestprombank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.nationalstandartbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.nationalstandartbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.nationalstandartbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.norvikbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.norvikbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.norvikbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.novikom .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.novikom .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.novikom .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.noviyvekbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.noviyvekbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.noviyvekbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.obedinenniikapitalbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.obedinenniikapitalbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.obedinenniikapitalbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.otbbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.otbbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.otbbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.otp-bank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.otp-bank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.otp-bank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.otpbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.otpbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.otpbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.perviyinvesticionniybank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.perviyinvesticionniybank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.perviyinvesticionniybank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.priovneshtorgbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.priovneshtorgbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.priovneshtorgbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.realistbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.realistbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.realistbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.rnkb .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.rnkb .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.rnkb .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.rosbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.rosbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.rosbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.roundbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.roundbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.roundbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.saratovbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.saratovbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.saratovbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.slaviyabank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.slaviyabank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.slaviyabank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.sngbbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.sngbbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.sngbbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.spb-bank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.spb-bank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.spb-bank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.sukhumbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.sukhumbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.sukhumbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.svoi .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.svoi .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.svoi .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.tavricheskiybank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.tavricheskiybank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.tavricheskiybank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.timerbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.timerbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.timerbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.toyotabank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.toyotabank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.toyotabank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.transstroybank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.transstroybank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.transstroybank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.unistream .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.unistream .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.unistream .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.uralfdbank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.uralfdbank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.uralfdbank .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.vbrr .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.vbrr .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.vbrr .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.yandex .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.yandex .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.yandex .payment-bank-card__data .payment-bank-card__info,
.payment-bank-card.zarechebank .payment-bank-card__data .payment-bank-card__data-label,
.payment-bank-card.zarechebank .payment-bank-card__data .payment-bank-card__data-value,
.payment-bank-card.zarechebank .payment-bank-card__data .payment-bank-card__info {
  color: #1b1d32
}

.payment-bank-card.agrobank .c2cPopoverNotice,
.payment-bank-card.agrobank .rowBankWrapper.has-popover,
.payment-bank-card.agrorosbank .c2cPopoverNotice,
.payment-bank-card.agrorosbank .rowBankWrapper.has-popover,
.payment-bank-card.aleksandrovskiybank .c2cPopoverNotice,
.payment-bank-card.aleksandrovskiybank .rowBankWrapper.has-popover,
.payment-bank-card.alfa .c2cPopoverNotice,
.payment-bank-card.alfa .rowBankWrapper.has-popover,
.payment-bank-card.aurora .c2cPopoverNotice,
.payment-bank-card.aurora .rowBankWrapper.has-popover,
.payment-bank-card.avtotorgbank .c2cPopoverNotice,
.payment-bank-card.avtotorgbank .rowBankWrapper.has-popover,
.payment-bank-card.bistrobank .c2cPopoverNotice,
.payment-bank-card.bistrobank .rowBankWrapper.has-popover,
.payment-bank-card.bkfbank .c2cPopoverNotice,
.payment-bank-card.bkfbank .rowBankWrapper.has-popover,
.payment-bank-card.centrocreditbank .c2cPopoverNotice,
.payment-bank-card.centrocreditbank .rowBankWrapper.has-popover,
.payment-bank-card.citibank .c2cPopoverNotice,
.payment-bank-card.citibank .rowBankWrapper.has-popover,
.payment-bank-card.conturbank .c2cPopoverNotice,
.payment-bank-card.conturbank .rowBankWrapper.has-popover,
.payment-bank-card.dolinskbank .c2cPopoverNotice,
.payment-bank-card.dolinskbank .rowBankWrapper.has-popover,
.payment-bank-card.domrf .c2cPopoverNotice,
.payment-bank-card.domrf .rowBankWrapper.has-popover,
.payment-bank-card.elitabank .c2cPopoverNotice,
.payment-bank-card.elitabank .rowBankWrapper.has-popover,
.payment-bank-card.eniseyskiyunionbank .c2cPopoverNotice,
.payment-bank-card.eniseyskiyunionbank .rowBankWrapper.has-popover,
.payment-bank-card.eurofinancemosnarbank .c2cPopoverNotice,
.payment-bank-card.eurofinancemosnarbank .rowBankWrapper.has-popover,
.payment-bank-card.garantinvestbank .c2cPopoverNotice,
.payment-bank-card.garantinvestbank .rowBankWrapper.has-popover,
.payment-bank-card.gorbank .c2cPopoverNotice,
.payment-bank-card.gorbank .rowBankWrapper.has-popover,
.payment-bank-card.haisbank .c2cPopoverNotice,
.payment-bank-card.haisbank .rowBankWrapper.has-popover,
.payment-bank-card.ikbank .c2cPopoverNotice,
.payment-bank-card.ikbank .rowBankWrapper.has-popover,
.payment-bank-card.isbank .c2cPopoverNotice,
.payment-bank-card.isbank .rowBankWrapper.has-popover,
.payment-bank-card.iturupbank .c2cPopoverNotice,
.payment-bank-card.iturupbank .rowBankWrapper.has-popover,
.payment-bank-card.kazanbank .c2cPopoverNotice,
.payment-bank-card.kazanbank .rowBankWrapper.has-popover,
.payment-bank-card.kremlevskiybank .c2cPopoverNotice,
.payment-bank-card.kremlevskiybank .rowBankWrapper.has-popover,
.payment-bank-card.kuzneckibisnesbank .c2cPopoverNotice,
.payment-bank-card.kuzneckibisnesbank .rowBankWrapper.has-popover,
.payment-bank-card.lantabank .c2cPopoverNotice,
.payment-bank-card.lantabank .rowBankWrapper.has-popover,
.payment-bank-card.lokobank .c2cPopoverNotice,
.payment-bank-card.lokobank .rowBankWrapper.has-popover,
.payment-bank-card.metcombank .c2cPopoverNotice,
.payment-bank-card.metcombank .rowBankWrapper.has-popover,
.payment-bank-card.mirprivelegiybank .c2cPopoverNotice,
.payment-bank-card.mirprivelegiybank .rowBankWrapper.has-popover,
.payment-bank-card.morskoybank .c2cPopoverNotice,
.payment-bank-card.morskoybank .rowBankWrapper.has-popover,
.payment-bank-card.moscowcitybank .c2cPopoverNotice,
.payment-bank-card.moscowcitybank .rowBankWrapper.has-popover,
.payment-bank-card.mtsbank .c2cPopoverNotice,
.payment-bank-card.mtsbank .rowBankWrapper.has-popover,
.payment-bank-card.nacinvestprombank .c2cPopoverNotice,
.payment-bank-card.nacinvestprombank .rowBankWrapper.has-popover,
.payment-bank-card.nationalstandartbank .c2cPopoverNotice,
.payment-bank-card.nationalstandartbank .rowBankWrapper.has-popover,
.payment-bank-card.norvikbank .c2cPopoverNotice,
.payment-bank-card.norvikbank .rowBankWrapper.has-popover,
.payment-bank-card.novikom .c2cPopoverNotice,
.payment-bank-card.novikom .rowBankWrapper.has-popover,
.payment-bank-card.noviyvekbank .c2cPopoverNotice,
.payment-bank-card.noviyvekbank .rowBankWrapper.has-popover,
.payment-bank-card.obedinenniikapitalbank .c2cPopoverNotice,
.payment-bank-card.obedinenniikapitalbank .rowBankWrapper.has-popover,
.payment-bank-card.otbbank .c2cPopoverNotice,
.payment-bank-card.otbbank .rowBankWrapper.has-popover,
.payment-bank-card.otp-bank .c2cPopoverNotice,
.payment-bank-card.otp-bank .rowBankWrapper.has-popover,
.payment-bank-card.otpbank .c2cPopoverNotice,
.payment-bank-card.otpbank .rowBankWrapper.has-popover,
.payment-bank-card.perviyinvesticionniybank .c2cPopoverNotice,
.payment-bank-card.perviyinvesticionniybank .rowBankWrapper.has-popover,
.payment-bank-card.priovneshtorgbank .c2cPopoverNotice,
.payment-bank-card.priovneshtorgbank .rowBankWrapper.has-popover,
.payment-bank-card.realistbank .c2cPopoverNotice,
.payment-bank-card.realistbank .rowBankWrapper.has-popover,
.payment-bank-card.rnkb .c2cPopoverNotice,
.payment-bank-card.rnkb .rowBankWrapper.has-popover,
.payment-bank-card.rosbank .c2cPopoverNotice,
.payment-bank-card.rosbank .rowBankWrapper.has-popover,
.payment-bank-card.roundbank .c2cPopoverNotice,
.payment-bank-card.roundbank .rowBankWrapper.has-popover,
.payment-bank-card.saratovbank .c2cPopoverNotice,
.payment-bank-card.saratovbank .rowBankWrapper.has-popover,
.payment-bank-card.slaviyabank .c2cPopoverNotice,
.payment-bank-card.slaviyabank .rowBankWrapper.has-popover,
.payment-bank-card.sngbbank .c2cPopoverNotice,
.payment-bank-card.sngbbank .rowBankWrapper.has-popover,
.payment-bank-card.spb-bank .c2cPopoverNotice,
.payment-bank-card.spb-bank .rowBankWrapper.has-popover,
.payment-bank-card.sukhumbank .c2cPopoverNotice,
.payment-bank-card.sukhumbank .rowBankWrapper.has-popover,
.payment-bank-card.svoi .c2cPopoverNotice,
.payment-bank-card.svoi .rowBankWrapper.has-popover,
.payment-bank-card.tavricheskiybank .c2cPopoverNotice,
.payment-bank-card.tavricheskiybank .rowBankWrapper.has-popover,
.payment-bank-card.timerbank .c2cPopoverNotice,
.payment-bank-card.timerbank .rowBankWrapper.has-popover,
.payment-bank-card.toyotabank .c2cPopoverNotice,
.payment-bank-card.toyotabank .rowBankWrapper.has-popover,
.payment-bank-card.transstroybank .c2cPopoverNotice,
.payment-bank-card.transstroybank .rowBankWrapper.has-popover,
.payment-bank-card.unistream .c2cPopoverNotice,
.payment-bank-card.unistream .rowBankWrapper.has-popover,
.payment-bank-card.uralfdbank .c2cPopoverNotice,
.payment-bank-card.uralfdbank .rowBankWrapper.has-popover,
.payment-bank-card.vbrr .c2cPopoverNotice,
.payment-bank-card.vbrr .rowBankWrapper.has-popover,
.payment-bank-card.yandex .c2cPopoverNotice,
.payment-bank-card.yandex .rowBankWrapper.has-popover,
.payment-bank-card.zarechebank .c2cPopoverNotice,
.payment-bank-card.zarechebank .rowBankWrapper.has-popover {
  background: #f3f3f3
}

.payment-bank-card.agrobank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.agrobank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.agrorosbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.agrorosbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.aleksandrovskiybank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.aleksandrovskiybank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.alfa .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.alfa .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.aurora .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.aurora .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.avtotorgbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.avtotorgbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.bistrobank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.bistrobank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.bkfbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.bkfbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.centrocreditbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.centrocreditbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.citibank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.citibank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.conturbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.conturbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.dolinskbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.dolinskbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.domrf .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.domrf .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.elitabank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.elitabank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.eniseyskiyunionbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.eniseyskiyunionbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.eurofinancemosnarbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.eurofinancemosnarbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.garantinvestbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.garantinvestbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.gorbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.gorbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.haisbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.haisbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.ikbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.ikbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.isbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.isbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.iturupbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.iturupbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.kazanbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.kazanbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.kremlevskiybank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.kremlevskiybank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.kuzneckibisnesbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.kuzneckibisnesbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.lantabank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.lantabank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.lokobank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.lokobank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.metcombank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.metcombank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.mirprivelegiybank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.mirprivelegiybank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.morskoybank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.morskoybank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.moscowcitybank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.moscowcitybank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.mtsbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.mtsbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.nacinvestprombank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.nacinvestprombank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.nationalstandartbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.nationalstandartbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.norvikbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.norvikbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.novikom .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.novikom .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.noviyvekbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.noviyvekbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.obedinenniikapitalbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.obedinenniikapitalbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.otbbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.otbbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.otp-bank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.otp-bank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.otpbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.otpbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.perviyinvesticionniybank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.perviyinvesticionniybank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.priovneshtorgbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.priovneshtorgbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.realistbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.realistbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.rnkb .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.rnkb .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.rosbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.rosbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.roundbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.roundbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.saratovbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.saratovbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.slaviyabank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.slaviyabank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.sngbbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.sngbbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.spb-bank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.spb-bank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.sukhumbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.sukhumbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.svoi .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.svoi .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.tavricheskiybank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.tavricheskiybank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.timerbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.timerbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.toyotabank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.toyotabank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.transstroybank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.transstroybank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.unistream .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.unistream .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.uralfdbank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.uralfdbank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.vbrr .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.vbrr .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.yandex .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.yandex .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner,
.payment-bank-card.zarechebank .c2cPopoverNotice .c2cPopoverNotice__popover-inner,
.payment-bank-card.zarechebank .rowBankWrapper.has-popover .c2cPopoverNotice__popover-inner {
  color: #1b1d32
}

.payment-bank-card.agrobank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.agrobank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.agrorosbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.agrorosbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.aleksandrovskiybank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.aleksandrovskiybank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.alfa .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.alfa .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.aurora .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.aurora .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.avtotorgbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.avtotorgbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.bistrobank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.bistrobank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.bkfbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.bkfbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.centrocreditbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.centrocreditbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.citibank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.citibank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.conturbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.conturbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.dolinskbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.dolinskbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.domrf .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.domrf .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.elitabank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.elitabank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.eniseyskiyunionbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.eniseyskiyunionbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.eurofinancemosnarbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.eurofinancemosnarbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.garantinvestbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.garantinvestbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.gorbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.gorbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.haisbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.haisbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.ikbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.ikbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.isbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.isbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.iturupbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.iturupbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.kazanbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.kazanbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.kremlevskiybank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.kremlevskiybank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.kuzneckibisnesbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.kuzneckibisnesbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.lantabank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.lantabank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.lokobank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.lokobank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.metcombank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.metcombank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.mirprivelegiybank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.mirprivelegiybank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.morskoybank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.morskoybank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.moscowcitybank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.moscowcitybank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.mtsbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.mtsbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.nacinvestprombank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.nacinvestprombank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.nationalstandartbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.nationalstandartbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.norvikbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.norvikbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.novikom .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.novikom .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.noviyvekbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.noviyvekbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.obedinenniikapitalbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.obedinenniikapitalbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.otbbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.otbbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.otp-bank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.otp-bank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.otpbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.otpbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.perviyinvesticionniybank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.perviyinvesticionniybank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.priovneshtorgbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.priovneshtorgbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.realistbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.realistbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.rnkb .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.rnkb .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.rosbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.rosbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.roundbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.roundbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.saratovbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.saratovbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.slaviyabank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.slaviyabank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.sngbbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.sngbbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.spb-bank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.spb-bank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.sukhumbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.sukhumbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.svoi .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.svoi .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.tavricheskiybank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.tavricheskiybank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.timerbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.timerbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.toyotabank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.toyotabank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.transstroybank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.transstroybank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.unistream .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.unistream .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.uralfdbank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.uralfdbank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.vbrr .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.vbrr .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.yandex .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.yandex .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.zarechebank .c2cPopoverNotice .c2cPopoverNotice__tooltip-arrow,
.payment-bank-card.zarechebank .rowBankWrapper.has-popover .c2cPopoverNotice__tooltip-arrow {
  border-color: #f3f3f3
}

.payment-bank-card.agrobank .payment-bank-card__head-bankName,
.payment-bank-card.agrorosbank .payment-bank-card__head-bankName,
.payment-bank-card.aleksandrovskiybank .payment-bank-card__head-bankName,
.payment-bank-card.alfa .payment-bank-card__head-bankName,
.payment-bank-card.aurora .payment-bank-card__head-bankName,
.payment-bank-card.avtotorgbank .payment-bank-card__head-bankName,
.payment-bank-card.bistrobank .payment-bank-card__head-bankName,
.payment-bank-card.bkfbank .payment-bank-card__head-bankName,
.payment-bank-card.centrocreditbank .payment-bank-card__head-bankName,
.payment-bank-card.citibank .payment-bank-card__head-bankName,
.payment-bank-card.conturbank .payment-bank-card__head-bankName,
.payment-bank-card.dolinskbank .payment-bank-card__head-bankName,
.payment-bank-card.domrf .payment-bank-card__head-bankName,
.payment-bank-card.elitabank .payment-bank-card__head-bankName,
.payment-bank-card.eniseyskiyunionbank .payment-bank-card__head-bankName,
.payment-bank-card.eurofinancemosnarbank .payment-bank-card__head-bankName,
.payment-bank-card.garantinvestbank .payment-bank-card__head-bankName,
.payment-bank-card.gorbank .payment-bank-card__head-bankName,
.payment-bank-card.haisbank .payment-bank-card__head-bankName,
.payment-bank-card.ikbank .payment-bank-card__head-bankName,
.payment-bank-card.isbank .payment-bank-card__head-bankName,
.payment-bank-card.iturupbank .payment-bank-card__head-bankName,
.payment-bank-card.kazanbank .payment-bank-card__head-bankName,
.payment-bank-card.kremlevskiybank .payment-bank-card__head-bankName,
.payment-bank-card.kuzneckibisnesbank .payment-bank-card__head-bankName,
.payment-bank-card.lantabank .payment-bank-card__head-bankName,
.payment-bank-card.lokobank .payment-bank-card__head-bankName,
.payment-bank-card.metcombank .payment-bank-card__head-bankName,
.payment-bank-card.mirprivelegiybank .payment-bank-card__head-bankName,
.payment-bank-card.morskoybank .payment-bank-card__head-bankName,
.payment-bank-card.moscowcitybank .payment-bank-card__head-bankName,
.payment-bank-card.mtsbank .payment-bank-card__head-bankName,
.payment-bank-card.nacinvestprombank .payment-bank-card__head-bankName,
.payment-bank-card.nationalstandartbank .payment-bank-card__head-bankName,
.payment-bank-card.norvikbank .payment-bank-card__head-bankName,
.payment-bank-card.novikom .payment-bank-card__head-bankName,
.payment-bank-card.noviyvekbank .payment-bank-card__head-bankName,
.payment-bank-card.obedinenniikapitalbank .payment-bank-card__head-bankName,
.payment-bank-card.otbbank .payment-bank-card__head-bankName,
.payment-bank-card.otp-bank .payment-bank-card__head-bankName,
.payment-bank-card.otpbank .payment-bank-card__head-bankName,
.payment-bank-card.perviyinvesticionniybank .payment-bank-card__head-bankName,
.payment-bank-card.priovneshtorgbank .payment-bank-card__head-bankName,
.payment-bank-card.realistbank .payment-bank-card__head-bankName,
.payment-bank-card.rnkb .payment-bank-card__head-bankName,
.payment-bank-card.rosbank .payment-bank-card__head-bankName,
.payment-bank-card.roundbank .payment-bank-card__head-bankName,
.payment-bank-card.saratovbank .payment-bank-card__head-bankName,
.payment-bank-card.slaviyabank .payment-bank-card__head-bankName,
.payment-bank-card.sngbbank .payment-bank-card__head-bankName,
.payment-bank-card.spb-bank .payment-bank-card__head-bankName,
.payment-bank-card.sukhumbank .payment-bank-card__head-bankName,
.payment-bank-card.svoi .payment-bank-card__head-bankName,
.payment-bank-card.tavricheskiybank .payment-bank-card__head-bankName,
.payment-bank-card.timerbank .payment-bank-card__head-bankName,
.payment-bank-card.toyotabank .payment-bank-card__head-bankName,
.payment-bank-card.transstroybank .payment-bank-card__head-bankName,
.payment-bank-card.unistream .payment-bank-card__head-bankName,
.payment-bank-card.uralfdbank .payment-bank-card__head-bankName,
.payment-bank-card.vbrr .payment-bank-card__head-bankName,
.payment-bank-card.yandex .payment-bank-card__head-bankName,
.payment-bank-card.zarechebank .payment-bank-card__head-bankName {
  color: #1b1d32
}

.deposit-bank-card__timer {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 48px;
  position: relative;
  margin-bottom: 16px
}

.deposit-bank-card__timer-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 32px;
  position: absolute;
  left: 0
}

.deposit-bank-card__timer-img img {
  -webkit-animation: spinner 2s linear infinite;
  animation: spinner 2s linear infinite
}

.deposit-bank-card__timer-block-help {
  position: absolute;
  top: 4px;
  right: 0;
  border-radius: 50%;
  background-color: rgba(151, 174, 225, .2);
  cursor: pointer;
  z-index: 1
}

.deposit-bank-card__timer-block-help span {
  display: flex;
  width: 26px;
  height: 26px;
  justify-content: center;
  align-items: center
}

.deposit-bank-card__timer-title {
  font-size: 12px;
  line-height: 14px;
  color: #858cab
}

.deposit-bank-card__timer-time {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 23px;
  font-weight: 600;
  color: #f3f3f3
}

.deposit-bank-card__timer-time span>span {
  font-size: 12px;
  font-weight: 300
}

.deposit-bank-card__timer-divider {
  padding: 0 5px
}

@-webkit-keyframes spinner {
  to {
    transform: rotate(1turn)
  }
}

@keyframes spinner {
  to {
    transform: rotate(1turn)
  }
}

.deposit-bank-card-success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.deposit-bank-card-success .modal__sub-title {
  padding: 0
}

.card-foreign-transfer {
  position: relative;
  margin-top: -55px;
  padding-top: 55px;
  min-height: 520px
}

.card-foreign-transfer__btn {
  width: 100%
}

.card-foreign-transfer__btn img {
  max-width: 40px;
  max-height: 30px;
  margin-right: 10px
}

.card-foreign-transfer__btn.transparent-bordered {
  color: #666d85
}

.card-foreign-transfer-popup {
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 24px 12px;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  color: #241f4d;
  text-align: center;
  font-size: 14px;
  line-height: 20px
}

.card-foreign-transfer-popup__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  grid-gap: 12px;
  gap: 12px
}

.card-foreign-transfer-popup__circle {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(106, 93, 227, .1);
  border-radius: 50%
}

.card-foreign-transfer-popup__circle img,
.card-foreign-transfer-popup__circle svg {
  max-width: 24px
}

.card-foreign-transfer-popup__circle.red {
  background: rgba(244, 67, 54, .1)
}

.card-foreign-transfer-popup__title {
  font-size: 18px;
  font-weight: 700
}

.card-foreign-transfer-popup__close-btn {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer
}

.card-foreign-transfer-popup__hint {
  margin-top: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  background: #3eb13b;
  border-radius: 6px;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 20px
}

.card-foreign-transfer-popup__hint span {
  text-align: left
}

.card-foreign-transfer-popup__hint b {
  font-weight: 700
}

.card-foreign-transfer-popup__hint svg {
  display: flex;
  flex-shrink: 0;
  margin-right: 10px;
  stroke: #fff
}

.card-foreign-transfer-popup .card-foreign-transfer__btn {
  width: 100%
}

.card-foreign-transfer-popup.abort-deposit .card-foreign-transfer-popup__wrap,
.card-foreign-transfer-popup.info .card-foreign-transfer-popup__wrap {
  align-items: center
}

.card-foreign-transfer-popup.instruction-popup .card-foreign-transfer-popup__wrap {
  align-items: flex-start
}

.card-foreign-transfer-popup.instruction-popup .card-foreign-transfer-popup__title {
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  padding-right: 24px
}

.card-foreign-transfer-popup__bg {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 2
}

.instruction-popup {
  padding-top: 12px;
  top: 10px;
  transform: translate(-50%)
}

.instruction-popup__step-counter {
  font-size: 18px;
  line-height: 20px;
  color: #6b5de4
}

.instruction-popup__step-container {
  max-height: calc(100% - 134px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: rgba(106, 93, 227, .2) transparent;
  scrollbar-width: 4px
}

.instruction-popup__footer {
  margin-top: auto;
  display: flex;
  width: 100%
}

.instruction-popup__footer .card-foreign-transfer__btn {
  width: 100%
}

.instruction-popup__footer .card-foreign-transfer__btn:first-child:not(:last-child) {
  width: 100px;
  padding: 0 12px;
  flex-shrink: 0;
  margin-right: 8px
}

.instruction-popup-step {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.instruction-popup-step__title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 6px;
  text-align: left
}

.instruction-popup-step__subtitle {
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  margin-bottom: 12px
}

.instruction-popup-step__subtitle b {
  font-weight: 700;
  color: #6b5de4
}

.instruction-popup-step__img {
  display: flex
}

.instruction-popup-step__img img {
  max-width: 100%
}

.instruction-popup-step__img:not(:last-child) {
  margin-bottom: 24px
}

.instruction-popup__field {
  position: relative;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  border-radius: 8px;
  padding-left: 10px;
  padding-right: 40px;
  background: #f6f6f6;
  color: #6b5de4
}

.instruction-popup__field-copy {
  width: 30px;
  height: 30px;
  background: #6b5de4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  position: absolute;
  right: 4px;
  top: 3px;
  transition: .2s ease
}

.instruction-popup__field-copy img,
.instruction-popup__field-copy svg {
  width: 14px;
  fill: #fff
}

.instruction-popup__field:hover .instruction-popup__field-copy {
  opacity: .8
}

.c2cPopoverNotice__bg {
  z-index: 2;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .7)
}

.c2cPopoverNotice {
  z-index: 3;
  position: absolute;
  right: -16px;
  left: auto;
  display: block;
  width: calc(100% + 32px);
  padding: 16px;
  margin-bottom: 5px;
  line-height: 1.5;
  text-align: left;
  background: #1b1d32;
  border-radius: 8px;
  opacity: 1
}

.c2cPopoverNotice[x-placement^=top] {
  top: auto;
  bottom: 0
}

.c2cPopoverNotice[x-placement^=bottom-start],
.c2cPopoverNotice[x-placement^=bottom] {
  top: calc(100% + 10px);
  bottom: auto;
  margin-top: 5px;
  margin-bottom: 0
}

.c2cPopoverNotice.c2cPopoverNotice--bottomCorrect {
  top: 100%;
  margin-top: 1px
}

.c2cPopoverNotice__popover-inner {
  color: #fff
}

.c2cPopoverNotice__popover-inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  display: block;
  width: 3px;
  height: calc(100% - 40px);
  background: linear-gradient(180deg, #119bff, #00d1ff);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px
}

.c2cPopoverNotice__tooltip-arrow {
  z-index: 1;
  position: absolute;
  width: 0;
  height: 0;
  border: solid #1b1d32;
  border-width: 5px 5px 0;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  left: auto !important;
  right: 22px !important;
  margin-top: 0;
  margin-bottom: 0
}

.c2cPopoverNotice--light {
  background: #fff
}

.c2cPopoverNotice--light .c2cPopoverNotice__popover-inner {
  color: #000
}

.c2cPopoverNotice--light .c2cPopoverNotice__tooltip-arrow {
  border-color: #fff
}

.c2cPopoverNotice[x-placement^=top] .c2cPopoverNotice__tooltip-arrow {
  bottom: -4px
}

.c2cPopoverNotice[x-placement^=bottom-start] .c2cPopoverNotice__tooltip-arrow,
.c2cPopoverNotice[x-placement^=bottom] .c2cPopoverNotice__tooltip-arrow {
  bottom: 100%;
  transform: rotate(180deg)
}

.c2cPopoverNotice[x-placement^=bottom-start] .c2cPopoverNotice__tooltip-arrow {
  left: 22px !important;
  right: auto !important
}

.c2cPopoverNotice__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

.c2cPopoverNotice__content {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px
}

.c2cPopoverNotice__btn {
  margin-top: 4px;
  padding: 0 15px;
  min-height: 28px;
  border-width: 0;
  background: #4584c2;
  box-shadow: inset 0 -10px 10px 0 #32608d;
  border-radius: 4px;
  font-size: 11px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: .2s ease
}

.c2cPopoverNotice__btn:hover {
  opacity: .8
}

.withdrawal-attach-phone {
  z-index: 1;
  position: relative;
  width: 100%;
  max-width: 370px;
  margin: 0 auto;
  padding: 16px 0;
  grid-gap: 32px;
  gap: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.withdrawal-attach-phone.gap-24 {
  grid-gap: 24px;
  gap: 24px
}

@media screen and (max-width: 767.98px) {
  .withdrawal-attach-phone {
    grid-gap: 16px;
    gap: 16px
  }
}

.withdrawal-attach-phone__img {
  max-width: 80px;
  display: flex
}

.withdrawal-attach-phone__img img {
  max-width: 100%;
  height: auto
}

.withdrawal-attach-phone__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  letter-spacing: -.3px
}

.withdrawal-attach-phone__text-col {
  grid-gap: 8px;
  gap: 8px;
  display: flex;
  flex-direction: column
}

.withdrawal-attach-phone__text-small {
  font-size: 12px;
  line-height: 20px;
  color: #666d85
}

.withdrawal-attach-phone strong {
  font-weight: 700
}

.withdrawal-attach-phone__actions {
  display: flex;
  align-items: stretch;
  width: 100%;
  grid-gap: 16px;
  gap: 16px
}

.withdrawal-attach-phone__actions~.withdrawal-attach-phone__text-small {
  margin-top: -12px
}

.withdrawal-attach-phone__code-input {
  grid-gap: 8px;
  gap: 8px
}

.withdrawal-attach-phone__code-input.input-quadro input {
  width: 52px;
  height: 52px
}

.withdrawal-attach-phone-alt {
  padding-top: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
  overflow: hidden
}

.withdrawal-attach-phone-alt__or {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-transform: uppercase
}

.withdrawal-attach-phone-alt__or:after,
.withdrawal-attach-phone-alt__or:before {
  content: "";
  width: 180px;
  height: 1px;
  background-color: #686d89;
  position: absolute;
  top: calc(50% - 2px);
  opacity: .75
}

.withdrawal-attach-phone-alt__or:before {
  right: calc(100% + 12px)
}

.withdrawal-attach-phone-alt__or:after {
  left: calc(100% + 12px)
}

.withdrawal-attach-phone-alt__btn {
  width: 100%
}

.skins-sale {
  margin-bottom: -20px;
  padding-top: 20px;
  grid-gap: 12px;
  gap: 12px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #f3f3f3
}

@media screen and (max-width: 767.98px) {
  .skins-sale:not(.skins-sale--deposit) {
    padding-top: 0
  }
}

.skins-sale__games-list {
  width: 100%;
  grid-gap: 16px;
  gap: 16px;
  display: flex;
  flex-wrap: wrap
}

.skins-sale__title {
  font-size: 14px;
  line-height: 20px
}

.skins-sale__title span {
  font-weight: 600;
  color: #ffbe18
}

.skins-sale__back-btn {
  font-size: 12px;
  line-height: 16px;
  color: #666d85;
  cursor: pointer;
  transition: .2s ease
}

.skins-sale__back-btn:hover {
  opacity: .8
}

.skins-sale__skins-list-wrap {
  width: 100%;
  position: relative;
  overflow: hidden
}

.skins-sale__skins-list-wrap:hover:after {
  opacity: 0
}

.skins-sale__skins-list-wrap:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 8px;
  width: 100%;
  z-index: 2;
  background: #0c0f1e;
  box-shadow: 0 0 32px 32px #0c0f1e;
  pointer-events: none;
  transition: .2s ease
}

.skins-sale__skins-list {
  width: 100%;
  max-height: 340px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 6px;
  grid-gap: 8px;
  gap: 8px;
  display: flex;
  flex-wrap: wrap
}

.skins-sale__skins-list.hide-selected .skin-card.selected {
  display: none
}

@media screen and (max-width: 767.98px) {
  .skins-sale__skins-list {
    max-height: 295px
  }
}

.skins-sale__actions {
  width: 100%;
  display: flex;
  justify-content: center;
  grid-gap: 16px;
  gap: 16px
}

.skins-sale__order-btn.btn {
  font-family: Halvar Breitschrift, sans-serif;
  flex-grow: 1;
  max-width: 200px;
  width: 100%;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: .2px;
  height: 42px
}

.skins-sale .btn-show-more {
  text-transform: none;
  letter-spacing: .2px
}

.skins-sale .deposit-max-payout {
  margin-top: 0;
  width: 100%;
  justify-content: space-between;
  display: flex
}

.skins-sale .deposit-max-payout .count.gray {
  color: #666d85;
  border-color: #666d85
}

.skins-sale .deposit-max-payout .count.green {
  color: #3eb13b;
  border-color: #3eb13b
}

.skins-sale .deposit-max-payout .count.red {
  color: #ff2c52;
  border-color: #ff2c52
}

.skins-sale .deposit-max-payout .count.white {
  color: #f3f3f3;
  border-color: #f3f3f3
}

.skins-sale__no-skins {
  align-self: center;
  font-size: 14px;
  line-height: 20px;
  color: #666d85;
  margin: 16px 0
}

.skins-sale__games {
  display: flex;
  flex-direction: column;
  grid-gap: 12px;
  gap: 12px;
  transition: .2s ease
}

.skins-sale__games.disabled {
  opacity: .75;
  cursor: not-allowed;
  filter: grayscale(80%)
}

.skins-sale__games.disabled * {
  pointer-events: none
}

.skins-sale__confirm-btns {
  width: 100%;
  display: flex;
  flex-direction: column;
  grid-gap: 8px;
  gap: 8px
}

.skins-sale__confirm-btns .btn {
  width: 100%;
  height: 40px
}

.skins-sale__confirm-btns .btn svg {
  width: 24px;
  height: 24px
}

.skins-sale.skins-sale--deposit .skins-sale-search .input-default input {
  padding-top: 10px
}

.skins-sale-game-card {
  flex-grow: 1;
  flex-basis: 50%;
  max-width: calc(50% - 8px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 16px;
  overflow: hidden;
  position: relative;
  cursor: pointer
}

.skins-sale-game-card img {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100%;
  transition: .2s ease
}

.skins-sale-game-card img.hover {
  position: absolute;
  opacity: 0
}

.skins-sale-game-card.dota {
  background: #000
}

.skins-sale-game-card.dota img.default {
  max-width: 80%
}

.skins-sale-game-card.dota img.hover {
  transform-origin: center;
  transform: rotate(33deg);
  max-width: 115%;
  margin-top: 22px
}

.skins-sale-game-card.csgo {
  background: #fff
}

.skins-sale-game-card.csgo img.hover {
  max-width: 85%
}

.skins-sale-game-card.rust {
  background: #0c0b0b
}

.skins-sale-game-card.rust img.default {
  max-width: 70%
}

.skins-sale-game-card.rust img.hover {
  max-width: 65%;
  margin-top: 20px
}

.skins-sale-game-card:hover img:not(.hover) {
  opacity: 0
}

.skins-sale-game-card:hover img.hover {
  opacity: 1
}

.skin-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 50%;
  max-width: calc(50% - 4px);
  min-height: 118px;
  font-size: 11px;
  line-height: 16px;
  color: #f3f3f3;
  padding: 12px 8px 4px;
  border: 1px solid #1b1d32;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(36, 70, 78, 0), rgba(82, 172, 192, .25) 90%), #201f2b;
  position: relative;
  transition: .2s ease;
  cursor: pointer;
  overflow: hidden
}

.skin-card>* {
  pointer-events: none
}

.skin-card__img {
  display: flex;
  flex-shrink: 0;
  width: 80px
}

.skin-card__img img {
  width: 100%;
  transition: .2s ease;
  transform-origin: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.skin-card__name {
  align-self: flex-start;
  height: 16px;
  line-height: 16px;
  width: calc(100% - 16px);
  position: absolute;
  bottom: 4px;
  left: 8px;
  font-style: italic;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.skin-card__price {
  position: absolute;
  right: 8px;
  top: 10px;
  color: #3eb13b;
  font-size: 13px;
  font-weight: 500;
  font-family: Halvar Breitschrift, sans-serif
}

.skin-card__cart-icon {
  opacity: 0;
  position: absolute;
  left: 8px;
  top: 10px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .2s ease
}

.skin-card__cart-icon * {
  width: 14px;
  height: 14px;
  background: url(/img/icons/payment/cart--green.svg) no-repeat 50%
}

.skin-card.selected {
  background: linear-gradient(180deg, rgba(26, 17, 81, 0), rgba(38, 64, 201, .24) 90%), #201f2b
}

.skin-card.selected .skin-card__cart-icon {
  opacity: 1
}

.skin-card:hover:not(.selected) .skin-card__name {
  white-space: break-spaces;
  text-overflow: clip;
  overflow: visible;
  height: auto
}

.skin-card:hover:not(.selected).dota .skin-card__img img {
  transform: scale(1.125)
}

.skin-card:hover:not(.selected).csgo .skin-card__img img,
.skin-card:hover:not(.selected).rust .skin-card__img img {
  transform: scale(1.175)
}

.skin-card:hover:not(.selected).too-expensive {
  cursor: not-allowed;
  background: linear-gradient(180deg, rgba(26, 17, 81, 0), rgba(125, 11, 11, .24) 90%), #201f2b
}

.skin-card.dota {
  padding-top: 18px
}

.skin-card.rust .skin-card__img {
  transform-origin: center;
  transform: scaleX(-1)
}

.skins-sale-search {
  width: 100%;
  display: flex;
  position: relative
}

.skins-sale-search__btn.btn {
  flex-shrink: 0;
  min-width: 90px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.skins-sale-search__btn.btn.disabled {
  opacity: .8
}

.skins-sale-search .input-default input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.skins-sale-search__clear {
  display: block;
  width: 20px;
  height: 20px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 10px);
  right: 96px
}

.skins-sale-search__clear:after,
.skins-sale-search__clear:before {
  display: block;
  content: "";
  position: absolute;
  width: 14px;
  border-radius: 1px;
  height: 2px;
  background: #f3f3f3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.skins-sale-search__clear:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.skins-sale-search__clear:hover {
  transform: rotate(90deg)
}

.skins-sale-search.without-btn .skins-sale-search__clear {
  right: 16px
}

.skins-sale-price-filter {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.skins-sale-price-filter__label {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #666d85
}

@media screen and (max-width: 767.98px) {
  .skins-sale-price-filter__label {
    width: 60px;
    display: flex;
    justify-content: center;
    flex-shrink: 0
  }
}

.skins-sale-price-filter .input-component {
  width: 100%;
  max-width: 130px
}

@media screen and (max-width: 767.98px) {
  .skins-sale-price-filter .input-component {
    max-width: calc(50% - 40px)
  }
}

.skins-sale-price-filter .input-default input {
  height: auto;
  padding-top: 10px;
  font-size: 10px;
  line-height: 14px
}

@media screen and (max-width: 767.98px) {
  .skins-sale-price-filter .input-default input {
    font-size: 16px
  }
}

.skins-sale-selected {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  grid-gap: 12px;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #1b1d32
}

.skins-sale-selected__title {
  font-size: 12px;
  line-height: 20px;
  text-decoration: underline;
  color: #666d85;
  cursor: pointer;
  transition: .2s ease
}

.skins-sale-selected__title:hover {
  color: #f3f3f3
}

.skins-sale-selected__title span {
  color: #3eb13b;
  font-weight: 700
}

.skins-sale-selected__list {
  width: 100%;
  grid-gap: 8px;
  gap: 8px;
  overflow-y: hidden;
  overflow-x: auto;
  display: flex;
  padding-bottom: 8px
}

.skins-sale-selected__list::-webkit-scrollbar {
  width: 8px;
  height: 6px
}

.skins-sale-selected__list .skin-card {
  width: 140px;
  max-width: 140px;
  flex-shrink: 0
}

.skins-sale-selected__list .skin-card.selected {
  background: linear-gradient(180deg, rgba(26, 17, 81, 0), rgba(15, 217, 45, .24) 90%), #201f2b
}

.skins-sale-order {
  width: 100%;
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
  gap: 16px
}

.skins-sale-order ol li a {
  color: #098bea
}

.skins-sale-order__footer {
  display: flex;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (max-width: 425px) {
  .skins-sale-order__footer {
    flex-direction: column
  }
}

.skins-sale-order__footer .btn {
  width: 100%;
  flex-shrink: 0;
  max-width: 170px
}

@media screen and (max-width: 425px) {
  .skins-sale-order__footer .btn {
    max-width: 100%
  }
}

.skins-sale-order__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  grid-gap: 4px;
  gap: 4px;
  font-size: 12px;
  line-height: 16px
}

.skins-sale-order__info>* {
  width: 100%;
  display: flex;
  justify-content: space-between
}

.skins-sale-order__info>* span {
  font-weight: 700
}

.skins-sale-bot {
  width: 100%;
  display: flex;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
  padding: 12px 16px;
  border: 1px solid #1b1d32;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  color: #f3f3f3
}

.skins-sale-bot__ava {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #f3f3f3;
  overflow: hidden
}

.skins-sale-bot__ava img {
  width: 100%
}

.skins-sale-bot__name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 4px;
  gap: 4px
}

.skins-sale-bot__name span {
  font-size: 12px;
  line-height: 16px;
  color: #666d85
}

.howToPlay .modal__content {
  width: 100%;
  padding: 24px 0 32px 24px;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .howToPlay .modal__content {
    padding: 24px 0 32px 16px
  }
}

.modal-slider {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 24px;
  position: relative
}

.modal-slider .swiper-container {
  max-width: 100%;
  padding-right: 24px
}

@media screen and (max-width: 767.98px) {
  .modal-slider .swiper-container {
    padding-right: 16px
  }
}

.modal-slider .swiper-slide {
  width: auto;
  max-width: 100%
}

.modal-slider__next-btn {
  width: 200px;
  flex-shrink: 0
}

.modal-slider__swiper-pagination {
  display: flex;
  align-items: center;
  height: 24px;
  top: 275px
}

@media screen and (max-width: 1024px) {
  .modal-slider__swiper-pagination {
    top: auto;
    bottom: 75px
  }
}

@media screen and (max-width: 767.98px) {
  .modal-slider__swiper-pagination {
    bottom: 85px
  }
}

.modal-slider__swiper-pagination .swiper-pagination-bullet {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  opacity: .5;
  transition: .25s ease;
  position: relative
}

.modal-slider__swiper-pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 6px
}

.modal-slider__swiper-pagination .swiper-pagination-bullet:after,
.modal-slider__swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  border-radius: 50%;
  position: absolute
}

.modal-slider__swiper-pagination .swiper-pagination-bullet:after {
  width: 10px;
  height: 10px;
  background: #fff;
  left: calc(50% - 5px);
  transition: .25s ease;
  transform-origin: center
}

.modal-slider__swiper-pagination .swiper-pagination-bullet:before {
  width: 100%;
  height: 100%;
  border: 3px solid #fff;
  left: calc(50% - 12px);
  transition: .25s ease;
  transform-origin: center;
  transform: scale(0)
}

.modal-slider__swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover:after,
.modal-slider__swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover:before {
  transform: scale(.75)
}

.modal-slider__swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1
}

.modal-slider__swiper-pagination .swiper-pagination-bullet-active:before {
  transform: scale(1)
}

.modal-slider-item {
  overflow: hidden;
  max-width: 486px
}

@media screen and (max-width: 767.98px) {
  .modal-slider-item {
    display: flex;
    flex-direction: column;
    height: 100%
  }
}

.modal-slider-item__img {
  width: 486px;
  height: 262px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 70px;
  overflow: hidden;
  border-radius: 12px;
  position: relative
}

.modal-slider-item__img img {
  max-width: 486px;
  border-radius: 12px
}

.modal-slider-item__img iframe {
  width: 100%;
  height: 100%;
  border: none
}

@media screen and (max-width: 767.98px) {
  .modal-slider-item__img {
    width: 100%;
    height: 100%;
    min-height: 260px
  }

  .modal-slider-item__img img {
    max-width: 100%
  }
}

@media screen and (max-width: 425px) {
  .modal-slider-item__img {
    min-height: 200px
  }
}

@media screen and (max-width: 375px) {
  .modal-slider-item__img {
    min-height: 166px
  }
}

.modal-slider-item__text {
  margin: 0 auto;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  letter-spacing: -.01em;
  color: #fff
}

@media screen and (max-width: 767.98px) {
  .modal-slider-item__text {
    padding: 0 4px;
    font-size: 12px;
    flex-shrink: 0;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
  }
}

.newDomain .modal {
  max-width: 600px
}

.newDomain .modal__content {
  width: 100%;
  padding: 48px 16px;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .newDomain .modal__content {
    padding-bottom: 80px
  }
}

.modal-new-domain {
  position: relative
}

.modal-new-domain__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -.3px;
  color: #f3f3f3;
  margin-bottom: 24px
}

.modal-new-domain__text {
  max-width: 370px;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -.01em;
  color: #fff;
  margin-bottom: 24px
}

.modal-new-domain__text--new,
.modal-new-domain__text--old {
  font-weight: 700
}

.modal-new-domain__text--old {
  color: #ff2c52
}

.modal-new-domain__text--new {
  color: #24abf8
}

.modal-new-domain__domains {
  width: 100%;
  max-width: 520px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-bottom: 48px
}

@media screen and (max-width: 767.98px) {
  .modal-new-domain__domains {
    max-width: 100%
  }
}

@media screen and (max-width: 500px) {
  .modal-new-domain__domains {
    flex-direction: column
  }
}

.modal-new-domain__domains-divider {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center
}

.modal-new-domain__domains-divider>svg {
  width: 16px;
  height: 8px;
  display: flex;
  flex-shrink: 0;
  fill: #f3f3f3;
  margin: 0 16px;
  transform-origin: center;
  transform: rotate(-90deg)
}

@media screen and (max-width: 500px) {
  .modal-new-domain__domains-divider {
    height: 60px;
    align-self: center
  }

  .modal-new-domain__domains-divider>svg {
    transform: rotate(0deg)
  }
}

.modal-new-domain__btn {
  min-width: 200px;
  height: 52px;
  letter-spacing: -.3px
}

.modal-new-domain-item {
  width: calc(50% - 20px);
  min-height: 50px;
  padding: 12px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #181b2c;
  border: 1px dashed #24abf8;
  border-radius: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -.03em;
  word-break: break-all;
  color: #24abf8
}

@media screen and (max-width: 500px) {
  .modal-new-domain-item {
    width: 100%
  }
}

.modal-new-domain-item--old {
  color: #666d85;
  border-color: #666d85;
  text-decoration: line-through;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: not-allowed
}

.modal-new-domain-item--new {
  color: #24abf8;
  border-color: #24abf8;
  cursor: copy;
  transition: .2s ease-in
}

.modal-new-domain-item--new svg {
  width: 20px;
  fill: #24abf8;
  margin-left: 6px;
  transition: .2s ease-in;
  transform-origin: center
}

.modal-new-domain-item--new:hover {
  background-color: rgba(36, 171, 248, .2)
}

.modal-new-domain-item--new:hover svg {
  transform: scale(1.1)
}

.videoFrame .modal {
  max-width: 1100px;
  height: 600px
}

.videoFrame .modal__close {
  top: 12px;
  right: 18px
}

.modal-video-frame,
.modal-video-frame iframe {
  width: 100%;
  height: 100%
}

.imageFree .modal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
  width: auto;
  max-width: calc(100vw - 48px)
}

@media screen and (max-width: 767.98px) {
  .imageFree .modal {
    border-radius: 12px;
    max-width: calc(100vw - 24px)
  }
}

.modal-image-free {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%
}

.modal-image-free img {
  max-width: 100%;
  max-height: 100%
}

.joinVKGroup .modal,
.VKGroup .modal {
  max-width: 600px
}

.joinVKGroup .modal__content,
.VKGroup .modal__content {
  width: 100%;
  padding: 48px 16px;
  align-items: center;
  justify-content: center
}

.subscribeTG .modal {
  max-width: 488px
}

.subscribeTG .modal__content {
  width: 100%;
  padding: 8px 24px 32px;
  background: #181b2c
}

@media screen and (max-width: 767.98px) {
  .subscribeTG .modal__content {
    padding: 8px 16px 24px
  }
}

.modal-subscribe-tg__tip {
  width: 100%;
  margin-bottom: 24px
}

.modal-subscribe-tg-step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 40px;
  position: relative
}

.modal-subscribe-tg-step:not(:last-child) {
  margin-bottom: 32px
}

@media screen and (max-width: 767.98px) {
  .modal-subscribe-tg-step {
    padding-right: 16px
  }

  .modal-subscribe-tg-step:not(:last-child) {
    margin-bottom: 24px
  }
}

.modal-subscribe-tg-step__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -.01em;
  color: #fff;
  margin-bottom: 10px
}

.modal-subscribe-tg-step__text {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #666d85
}

.modal-subscribe-tg-step__text:not(:last-child) {
  margin-bottom: 24px
}

@media screen and (max-width: 767.98px) {
  .modal-subscribe-tg-step__text:not(:last-child) {
    margin-bottom: 16px
  }
}

.modal-subscribe-tg-step__btn {
  min-width: 160px;
  height: 48px;
  padding: 0 24px
}

.modal-subscribe-tg-step:before {
  content: attr(data-step);
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f3f3f3;
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -.01em;
  color: #0c0f1e
}

.modal-subscribe-tg-step.disabled {
  opacity: .35
}

.modal-subscribe-tg-step.disabled .modal-subscribe-tg-step__btn {
  background: #393c4d;
  color: #595c6b;
  box-shadow: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.modal-subscribe-tg-step.complete:before {
  color: #f3f3f3;
  background: #3eb13b
}

.modal-subscribe-tg-step.complete>:not(.modal-subscribe-tg-step__title) {
  display: none
}

.modal-subscribe-tg-step.complete .modal-subscribe-tg-step__title {
  margin-bottom: 0;
  color: #3eb13b
}

.bonusRoulette .modal {
  max-width: 680px;
  min-height: 600px;
  background: #101224
}

@media screen and (max-width: 767.98px) {
  .bonusRoulette .modal {
    min-height: 0
  }
}

.bonusRoulette .modal__close {
  z-index: 5
}

.modal-bonus-roulette {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 48px;
  overflow: hidden !important
}

.modal-bonus-roulette__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3;
  z-index: 4
}

@media screen and (max-width: 767.98px) {
  .modal-bonus-roulette__title {
    font-size: 20px;
    line-height: 24px
  }
}

.modal-bonus-roulette__overlay {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 70px;
  grid-gap: 24px;
  gap: 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #f3f3f3
}

.modal-bonus-roulette__wheel {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 500px;
  height: 500px;
  background: url(/_nuxt/img/roulette-wheel-effects-test.4a71a2a.png) no-repeat 50%;
  background-size: cover
}

.modal-bonus-roulette__wheel img:not(.modal-bonus-roulette__wheel-pointer) {
  z-index: 1;
  width: 390px;
  transition: transform 10s cubic-bezier(.35, .07, .15, 1);
  transform-origin: center
}

@media screen and (max-width: 767.98px) {
  .modal-bonus-roulette__wheel img:not(.modal-bonus-roulette__wheel-pointer) {
    width: 305px
  }
}

.modal-bonus-roulette__wheel:before {
  content: "";
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: #ff2c52;
  filter: blur(130px);
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto
}

@media screen and (max-width: 767.98px) {
  .modal-bonus-roulette__wheel {
    width: 450px;
    height: 450px
  }
}

.modal-bonus-roulette__wheel-pointer {
  position: absolute;
  width: 32px;
  top: 48px;
  z-index: 2
}

@media screen and (max-width: 767.98px) {
  .modal-bonus-roulette__wheel-pointer {
    top: 66px
  }
}

.modal-bonus-roulette__wheel-pointer.animate {
  -webkit-animation: translate .9s cubic-bezier(.18, .39, .57, 1) infinite;
  animation: translate .9s cubic-bezier(.18, .39, .57, 1) infinite
}

@-webkit-keyframes translate {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(6px)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes translate {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(6px)
  }

  to {
    transform: translateY(0)
  }
}

.modal-bonus-roulette__wheel-action {
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 106px;
  margin-left: 2px;
  margin-top: 2px;
  border: 3px solid #ff2c52;
  border-radius: 50%;
  color: #f3f3f3;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -.25px;
  text-transform: uppercase;
  cursor: pointer;
  transition: .2s ease-in
}

@media screen and (max-width: 767.98px) {
  .modal-bonus-roulette__wheel-action {
    width: 84px;
    height: 84px;
    font-size: 12px
  }
}

.modal-bonus-roulette__wheel-action.black {
  background: linear-gradient(180deg, #101329 3.21%, #252b52 65.22%, #252b52 99.54%)
}

.modal-bonus-roulette__wheel-action.red {
  background: linear-gradient(180deg, #9d002f 3.21%, #e0243b 65.22%, #e0243b 99.54%)
}

.modal-bonus-roulette__wheel-action:hover {
  box-shadow: inset 0 3px 6px #ff5391
}

.modal-bonus-roulette__captcha {
  z-index: 6
}

.modal-bonus-roulette__captcha--Recaptcha {
  position: absolute;
  top: calc(50% + 64px);
  left: 50%;
  transform: translate(-50%, -50%)
}

.modal-bonus-roulette.blured .modal-bonus-roulette__wheel {
  opacity: .2;
  filter: blur(4px)
}

.noticeBonusRoulette {
  position: fixed;
  top: 30px;
  right: 30px;
  width: 290px;
  height: 60px;
  display: flex;
  padding: 0 0 0 56px;
  align-items: center;
  background-image: url(/_nuxt/img/bonuses-notify-bg.c4f2970.png);
  z-index: 101
}

.noticeBonusRoulette__text {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #dfdeec
}

.noticeBonusRoulette__text span {
  color: #ff2c52
}

.noticeBonusRoulette__close {
  position: absolute;
  top: 14px;
  right: 14px;
  cursor: pointer
}

.oneClickSave .modal {
  max-width: 550px
}

.oneClickSave .modal__body {
  padding: 24px 80px 32px
}

@media screen and (max-width: 1024px) {
  .oneClickSave .modal__body {
    padding: 24px 48px 32px
  }
}

@media screen and (max-width: 767.98px) {
  .oneClickSave .modal__body {
    padding: 24px 16px
  }
}

.oneClickSave .modal__sub-title {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -.03em;
  color: #fff
}

.oneClickSave .modal__sub-title-small {
  margin-top: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -.03em;
  color: #858cab
}

.modal-one-click__top-img {
  max-width: 224px;
  height: 104px
}

.modal-one-click__form {
  margin-top: 24px
}

.modal-one-click__input-wrap {
  display: flex;
  align-items: center;
  position: relative
}

.modal-one-click__input-wrap input {
  padding: 24px 40px 10px 12px
}

.modal-one-click__input-wrap:not(.email) {
  cursor: pointer
}

.modal-one-click__input-wrap:not(.email) .input-component {
  pointer-events: none
}

.modal-one-click__input-wrap>svg {
  position: absolute;
  right: 16px;
  cursor: pointer
}

.modal-one-click__input-wrap:hover input {
  background: #23253d
}

.modal-one-click__input-wrap:hover .modal-one-click__input-copy-icon {
  transform: scale(1.1)
}

.modal-one-click__input-wrap:hover .modal-one-click__input-send-btn {
  background: #1b1d32
}

.modal-one-click__input-copy-icon {
  transform-origin: center;
  fill: #24abf8
}

.modal-one-click__input-send-btn {
  position: absolute;
  cursor: pointer;
  right: 6px;
  width: 36px;
  height: 36px;
  background: #23253d;
  border-radius: 6px;
  transition: .2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0
}

.modal-one-click__input-send-btn svg {
  fill: #24abf8
}

.modal-one-click__input-send-btn:hover {
  background: #23253d !important
}

.modal-one-click__input-send-btn:hover svg {
  fill: #f3f3f3
}

.modal-one-click__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 3px;
  color: #666d85;
  text-transform: uppercase;
  margin: 16px 0;
  position: relative
}

.modal-one-click__divider span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px
}

.modal-one-click__divider:after,
.modal-one-click__divider:before {
  content: "";
  position: absolute;
  width: calc(50% - 50px);
  height: 1px;
  background-color: #1a1d2c
}

.modal-one-click__divider:before {
  left: 0
}

.modal-one-click__divider:after {
  right: 0
}

.historyDice .modal {
  max-width: 510px
}

.historyMiner .modal {
  max-width: 610px
}

.historyStair .modal {
  max-width: 690px
}

.modal-game-result .modal__content {
  padding: 24px
}

@media screen and (max-width: 767.98px) {
  .modal-game-result .modal__content {
    padding: 8px
  }
}

.modal-game-result__main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px
}

.details__user .details__user-top {
  display: flex;
  padding: 16px;
  background: #181b2c;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid #0c0f1e;
  justify-content: center;
  align-items: center
}

.details__user .details__user-top .details__user-ava {
  margin-right: 16px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden
}

.details__user .details__user-top .details__user-ava img {
  max-width: 48px
}

.details__user .details__user-top .details__user-name {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3
}

.details__user .details__user-top .details__user-rang {
  margin-left: 4px
}

.details__user .details__user-bottom {
  display: flex;
  grid-gap: 24px;
  gap: 24px;
  padding: 4px;
  background: #181b2c;
  border-radius: 0 0 12px 12px;
  justify-content: center
}

.details__user .details__user-bottom .info {
  width: 89px;
  height: 89px
}

@media screen and (max-width: 767.98px) {
  .details__user .details__user-bottom .info {
    width: 80px;
    height: 74px
  }
}

.details__user .details__user-bottom .details__user-item {
  position: relative;
  display: flex;
  margin: auto 0;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #f3f3f3
}

.details__user .details__user-bottom .details__user-item .text {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: -.5px
}

.details__user .details__user-bottom .details__user-item .blue {
  color: #24abf8
}

.details__user .details__user-bottom .details__user-item .orange {
  color: #ffbe18
}

.details__user .details__user-bottom .details__user-item:before {
  content: "";
  position: absolute;
  bottom: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 89px;
  height: 57px;
  background: url(/_nuxt/img/wreath.d2a5ab4.svg) no-repeat 50%;
  background-size: cover
}

.chatRules .modal__content {
  padding: 24px 32px 48px
}

@media screen and (max-width: 1024px) {
  .chatRules .modal__content {
    padding: 48px 24px
  }
}

@media screen and (max-width: 767.98px) {
  .chatRules .modal__content {
    padding: 32px 16px
  }
}

.chatRules .numbered-list {
  margin-bottom: 24px
}

.aboutRanks .modal__content,
.cashbackInfo .modal__content {
  padding: 32px
}

@media screen and (max-width: 767.98px) {

  .aboutRanks .modal__content,
  .cashbackInfo .modal__content {
    padding: 24px 16px
  }
}

.СЃashback__content-img {
  max-width: 100%
}

.СЃashback__content-main {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -.03em
}

.СЃashback__content-main a {
  color: #24abf8
}

.СЃashback__content-balance {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 22px;
  letter-spacing: -.03em
}

.СЃashback__content-rules {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -.03em;
  color: #666d85
}

.СЃashback__content-table {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8px;
  gap: 8px
}

.СЃashback__content-elem {
  position: relative;
  min-width: 80px;
  padding: 10px 8px;
  background: #1b1d32;
  border: 2px solid #1b1d32;
  border-radius: 8px
}

.СЃashback__content-elem.active {
  border: 2px solid #24abf8
}

.СЃashback__content-elem .type {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #666d85
}

.СЃashback__content-elem .bonus {
  display: flex;
  grid-gap: 4px;
  gap: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -.03em
}

.СЃashback__content-elem .percent {
  top: 10px;
  right: 8px;
  font-size: 11px;
  line-height: 14px;
  text-align: right;
  letter-spacing: -.03em
}

.СЃashback__content-elem .here,
.СЃashback__content-elem .percent {
  position: absolute;
  font-weight: 400;
  text-transform: uppercase;
  color: #f3f3f3
}

.СЃashback__content-elem .here {
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 1px 4px;
  background: #24abf8;
  border-radius: 32px;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
  letter-spacing: -.05em
}

.modal-deposit-dropdown__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.modalHaveAnyIdeas .modal__header {
  justify-content: center
}

.haveAnyIdeas .modal__content {
  padding: 32px 52px 48px
}

.haveAnyIdeas .haveAnyIdeas__content {
  display: flex;
  flex-direction: column;
  align-items: center
}

.haveAnyIdeas__title {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center
}

.haveAnyIdeas__buttons {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 32px;
  grid-gap: 80px;
  gap: 80px
}

.haveAnyIdeas__buttons.column {
  flex-direction: column
}

.haveAnyIdeas__buttons.flex-wrap {
  flex-wrap: wrap
}

.haveAnyIdeas__buttons.j-center {
  justify-content: center
}

.haveAnyIdeas__buttons.j-between {
  justify-content: space-between
}

.haveAnyIdeas__buttons.j-end {
  justify-content: flex-end
}

.haveAnyIdeas__buttons.a-center {
  align-items: center
}

.haveAnyIdeas__buttons.a-stretch {
  align-items: stretch
}

.haveAnyIdeas__buttons.a-end {
  align-items: flex-end
}

.haveAnyIdeas__buttons.flex-shrink-0 {
  flex-shrink: 0
}

.haveAnyIdeas__textarea {
  margin-top: 32px;
  padding: 12px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: #f3f3f3;
  background: #1a1d2c;
  resize: none;
  outline: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.haveAnyIdeas__textarea:focus,
.haveAnyIdeas__textarea:hover {
  background: #23253d
}

.haveAnyIdeas__textarea::-moz-placeholder {
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: #666d85
}

.haveAnyIdeas__textarea:-ms-input-placeholder {
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: #666d85
}

.haveAnyIdeas__textarea::placeholder {
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: #666d85
}

.chatBanAdmin .modal__header {
  justify-content: center
}

.chatBanAdmin .modal__content {
  min-height: 280px;
  width: 100%;
  padding: 48px 24px 32px;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .chatBanAdmin .modal__content {
    padding: 32px 16px
  }
}

.chat-ban-admin {
  width: 100%;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 32px;
  gap: 32px
}

.chat-ban-admin__select {
  z-index: 1;
  width: 100%
}

.chat-ban-admin__btns {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 24px;
  gap: 24px
}

.chat-ban-admin__btns>* {
  width: 100%
}

.chat-ban-admin__btns>:first-child {
  max-width: 70%
}

.chat-ban-admin__btns>:nth-child(2) {
  max-width: 30%
}

.modalLogout .modal__header {
  height: 40px
}

.modalLogout .modal__content {
  padding: 32px
}

.modalLogout .modal__close {
  top: 8px
}

.modalLogout .logout__icon {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 auto
}

.modalLogout .logout__title {
  margin-top: 18px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #f3f3f3
}

.modalLogout .logout__warning {
  margin: 32px auto 0;
  text-align: center;
  font-size: 14px
}

.modalLogout .logout__buttons {
  display: flex;
  grid-gap: 12px;
  gap: 12px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 32px auto 0
}

.modalLogout .logout__buttons :first-child,
.modalLogout .logout__buttons :nth-child(2) {
  width: 145px
}

.modalLogout .logout__buttons :nth-child(2) {
  background: #1b1d32
}

.giveawayMain .modal,
.giveawayRegister .modal {
  background: transparent;
  max-width: 720px;
  overflow: visible
}

.giveawayMain .modal__close,
.giveawayRegister .modal__close {
  display: none
}

.giveawayMain .modal__body,
.giveawayRegister .modal__body {
  border-radius: 24px
}

.giveawayMain .modal>div,
.giveawayRegister .modal>div {
  overflow: visible
}

.giveawayMain .modal__content,
.giveawayRegister .modal__content {
  padding: 0
}

.giveaway-modal {
  background-color: #0b0d23;
  background-image: url(/img/giveaway-modal/giveaway-modal-img-x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  box-shadow: 0 4px 23px 8px #006ca0;
  border-radius: 24px;
  min-height: 440px;
  width: 720px;
  display: flex;
  align-items: stretch
}

@media screen and (max-width: 767.98px) {
  .giveaway-modal {
    width: 100%
  }
}

.giveaway-modal__close-btn {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 14px;
  right: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .3s ease;
  cursor: pointer
}

.giveaway-modal__close-btn:hover {
  transform: rotate(90deg)
}

.giveaway-modal__close-btn img {
  max-width: 100%
}

.giveaway-register {
  width: 100%;
  padding: 40px 24px 56px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative
}

@media screen and (max-width: 767.98px) {
  .giveaway-register {
    max-width: 400px;
    margin: 0 auto;
    align-items: center;
    padding: 40px 16px
  }
}

.giveaway-register button,
.giveaway-register input,
.giveaway-register select {
  outline: none;
  border: none
}

.giveaway-register input::-moz-placeholder {
  font-weight: 300;
  color: #666d85
}

.giveaway-register input:-ms-input-placeholder {
  font-weight: 300;
  color: #666d85
}

.giveaway-register input::placeholder {
  font-weight: 300;
  color: #666d85
}

.giveaway-register input::-webkit-inner-spin-button,
.giveaway-register input::-webkit-outer-spin-button {
  -webkit-appearance: none
}

.giveaway-register input[type=number] {
  -moz-appearance: textfield
}

.giveaway-register__img-1,
.giveaway-register__img-2 {
  pointer-events: none;
  position: absolute;
  transform-origin: center;
  transition: .4s ease-out;
  opacity: 0
}

@media screen and (max-width: 600px) {

  .giveaway-register__img-1,
  .giveaway-register__img-2 {
    display: none
  }
}

.giveaway-register__img-1.animate,
.giveaway-register__img-2.animate {
  transform: translateZ(0);
  opacity: 1
}

.giveaway-register__img-1 {
  max-width: 880px;
  top: -90px;
  left: -300px;
  transform: translate3d(0, -140px, 0)
}

@media screen and (max-width: 767.98px) {
  .giveaway-register__img-1 {
    left: -450px;
    max-width: 680px
  }
}

.giveaway-register__img-2 {
  max-width: 180px;
  top: 72px;
  right: -90px;
  transform: translate3d(0, 80px, 0)
}

@media screen and (max-width: 767.98px) {
  .giveaway-register__img-2 {
    right: -120px
  }
}

.giveaway-register__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 500;
  font-size: 34px;
  line-height: 40px;
  text-align: right;
  text-transform: uppercase;
  color: #00a0ee;
  text-shadow: 0 4px 4px rgba(0, 0, 0, .25), 1px 4px 9px rgba(0, 0, 0, .25);
  margin-bottom: 48px
}

@media screen and (max-width: 767.98px) {
  .giveaway-register__title {
    text-align: center
  }
}

.giveaway-register__btn {
  width: 100%;
  font-family: Halvar Breitschrift, sans-serif;
  height: 50px;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  cursor: pointer;
  transition: .2s ease;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  text-transform: capitalize;
  color: #fff;
  background: linear-gradient(94deg, #24abf8, #098bea 51%, #00b3ec);
  box-shadow: inset 0 0 32px hsla(0, 0%, 100%, .35)
}

.giveaway-register__btn:hover {
  background-color: #098bea;
  box-shadow: inset 0 0 32px rgba(0, 111, 173, .35)
}

.giveaway-register__form {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 320px
}

@media screen and (max-width: 767.98px) {
  .giveaway-register__form {
    align-items: center;
    max-width: 260px
  }
}

.giveaway-register__form .giveaway-register__btn {
  max-width: 200px;
  align-self: flex-end
}

@media screen and (max-width: 767.98px) {
  .giveaway-register__form .giveaway-register__btn {
    max-width: 100%
  }
}

.giveaway-register-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.giveaway-register-field__label {
  padding-left: 20px;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 4px
}

.giveaway-register-field input {
  width: 100%;
  height: 50px;
  padding-left: 20px;
  background: #041a2e;
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, .25);
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  transition: .2s ease
}

@media screen and (max-width: 767.98px) {
  .giveaway-register-field input {
    font-size: 16px
  }
}

.giveaway-register-field input:active,
.giveaway-register-field input:focus,
.giveaway-register-field input:hover {
  box-shadow: none
}

.giveaway-register-field select {
  width: 100%;
  height: 40px;
  padding-left: 20px;
  background: #041a2e;
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, .25);
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  transition: .2s ease
}

.giveaway-register-field select:active,
.giveaway-register-field select:focus,
.giveaway-register-field select:hover {
  box-shadow: none
}

.giveaway-register-field.giveaway-register-field--prize {
  width: 100%;
  max-width: calc(100% - 50px);
  margin-bottom: 16px
}

@media screen and (max-width: 767.98px) {
  .giveaway-register-field.giveaway-register-field--prize {
    max-width: 100%
  }
}

.giveaway-register-field.giveaway-register-field--duration {
  width: 100%;
  max-width: 130px;
  margin-bottom: 24px
}

@media screen and (max-width: 767.98px) {
  .giveaway-register-field.giveaway-register-field--duration {
    max-width: 100%
  }
}

.giveaway-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 24px
}

.giveaway-main__title {
  z-index: 2;
  position: absolute;
  top: 20px;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 500;
  font-size: 34px;
  line-height: 40px;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 4px 6px rgba(0, 0, 0, .25)
}

.giveaway-main__title.notice-centered {
  top: calc(50% - 20px)
}

@media screen and (max-width: 600px) {
  .giveaway-main__title {
    top: 40px;
    padding: 0 8px;
    font-size: 24px;
    line-height: 24px;
    text-align: center
  }
}

.giveaway-waiting {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  padding: 0 24px;
  border-radius: 24px;
  overflow: hidden
}

@media screen and (max-width: 767px) {
  .giveaway-waiting {
    padding: 0 16px
  }
}

@media screen and (max-width: 600px) {
  .giveaway-waiting {
    flex-direction: column;
    align-items: center
  }
}

.giveaway-waiting:after,
.giveaway-waiting:before {
  display: none;
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  height: 24px;
  background: #04071e;
  box-shadow: 0 0 64px 64px #04071e;
  z-index: 1;
  pointer-events: none
}

.giveaway-waiting:after {
  bottom: 0
}

.giveaway-waiting__l {
  z-index: 2;
  width: 260px;
  padding-top: 72px;
  margin-left: 40px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 767px) {
  .giveaway-waiting__l {
    margin-left: 0;
    padding-right: 16px;
    width: auto
  }
}

@media screen and (max-width: 600px) {
  .giveaway-waiting__l {
    padding-right: 0
  }
}

.giveaway-waiting__r {
  width: 100%;
  max-width: 300px;
  height: 380px;
  display: flex;
  align-items: stretch;
  align-self: flex-start;
  margin-top: 72px;
  margin-left: auto;
  padding-bottom: 16px;
  padding-top: 16px;
  position: relative
}

@media screen and (max-width: 600px) {
  .giveaway-waiting__r {
    display: none;
    padding-top: 108px
  }
}

.giveaway-waiting__r:after,
.giveaway-waiting__r:before {
  content: "";
  position: absolute;
  right: 0;
  width: 672px;
  height: 8px;
  background: #04071e;
  box-shadow: 0 0 64px 64px #04071e;
  opacity: .95
}

.giveaway-waiting__r:before {
  top: 0
}

.giveaway-waiting__r:after {
  bottom: 0
}

.giveaway-waiting__users-counter {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #f3f3f3
}

.giveaway-waiting__users-counter span {
  font-family: Halvar Breitschrift, sans-serif;
  font-size: 16px;
  font-weight: 500
}

.giveaway-players {
  width: 100%;
  max-height: 100%;
  align-self: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 8px
}

.giveaway-players__item {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  background: #00405f;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  border-radius: 12px
}

.giveaway-players__item:not(:last-child) {
  margin-bottom: 15px
}

.giveaway-players__item-ava {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  background: #f08080
}

.giveaway-players__item-ava img {
  width: 100%
}

.giveaway-players__item-nickname {
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -.02em;
  color: #858cab
}

.giveaway-waiting-timer {
  width: 260px;
  height: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-bottom: 24px
}

.giveaway-waiting-timer .game-timer__path-elapsed {
  stroke-width: 32px;
  stroke: transparent
}

.giveaway-waiting-timer .game-timer__time-left {
  font-size: 92px;
  line-height: 56px;
  transition: .2s ease
}

.giveaway-waiting-timer .game-timer__time-left.length-4 {
  font-size: 64px
}

.giveaway-waiting-timer .game-timer__time-left.length-5 {
  font-size: 44px
}

.giveaway-waiting-timer .game-timer__path-remaining {
  stroke-width: 10px
}

.giveaway-link {
  width: 100%;
  height: 48px;
  margin-bottom: 16px;
  background-color: #1b1d32;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: #fff;
  transition: .2s ease;
  position: relative;
  cursor: copy !important
}

@media screen and (max-width: 600px) {
  .giveaway-link {
    margin-bottom: 16px
  }
}

.giveaway-link:hover {
  background: #23253d
}

.giveaway-link__label {
  position: absolute;
  left: 48px;
  top: 9px;
  font-size: 11px;
  line-height: 14px;
  font-weight: 500;
  letter-spacing: -.03em;
  color: #666d85;
  pointer-events: none
}

.giveaway-link__left-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 100%;
  flex-shrink: 0
}

.giveaway-link__left-icon svg {
  fill: #24abf8
}

.giveaway-link__right-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 18px;
  height: 18px;
  fill: #24abf8
}

.giveaway-link__value {
  position: absolute;
  left: 48px;
  right: 0;
  top: 25px;
  width: calc(100% - 96px);
  color: #24abf8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.giveaway-game {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 24px;
  overflow: hidden
}

.giveaway-game__bottom,
.giveaway-game__top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(11, 13, 35, .75);
  position: relative
}

.giveaway-game__bottom:before,
.giveaway-game__top:before {
  z-index: 2;
  pointer-events: none;
  content: "";
  width: 100%;
  height: 75px;
  background: linear-gradient(0deg, rgba(11, 13, 35, .8) 50%, transparent);
  position: absolute;
  left: 0
}

.giveaway-game__top {
  padding-top: 20px;
  padding-bottom: 8px
}

.giveaway-game__top:before {
  top: 100%;
  transform: scaleY(-1)
}

@media screen and (max-width: 600px) {
  .giveaway-game__top {
    padding-top: 40px
  }
}

.giveaway-game__bottom {
  margin-top: auto;
  padding-top: 8px;
  padding-bottom: 20px
}

.giveaway-game__bottom:before {
  bottom: 100%
}

.giveaway-game__middle {
  position: absolute;
  left: 0;
  top: calc(50% - 36px);
  width: 100%;
  height: 72px;
  overflow: hidden;
  background: url(/img/giveaway-modal/giveaway-arrows.png) 50% no-repeat;
  background-size: cover
}

.giveaway-game__middle img {
  width: 100%;
  max-width: 100%;
  height: auto
}

.giveaway-game__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff
}

.giveaway-game__title span {
  color: #f90;
  display: flex;
  align-items: center
}

.giveaway-game__title img,
.giveaway-game__title svg {
  width: 40px;
  height: 40px;
  margin-left: 12px
}

.giveaway-game__sub-title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  color: #fff
}

@media screen and (max-width: 600px) {
  .giveaway-game__sub-title {
    font-size: 16px
  }
}

.giveaway-game-main {
  width: 100%;
  height: 270px;
  overflow: hidden;
  max-width: 540px;
  margin: 0 auto;
  position: relative
}

.giveaway-game-main:after,
.giveaway-game-main:before {
  z-index: 3;
  pointer-events: none;
  content: "";
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: rgba(47, 50, 65, .85);
  position: absolute;
  left: 0
}

.giveaway-game-main:before {
  top: 0
}

.giveaway-game-main:after {
  bottom: 0
}

.giveaway-game-main__wrap {
  display: flex;
  flex-direction: column;
  transform: scaleY(-1);
  width: 100%;
  height: 270px
}

.giveaway-game-main__list {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.giveaway-game-main__list .giveaway-game-main__item {
  transform: scaleY(-1)
}

.giveaway-game-main__item {
  width: 100%;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0
}

.giveaway-game-main__item-ava {
  width: 90px;
  height: 90px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2f3241;
  border: 2px solid transparent;
  border-radius: 50%;
  overflow: hidden
}

.giveaway-game-main__item-ava img {
  width: 100%;
  height: auto
}

.giveaway-winner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 40px;
  position: relative
}

.giveaway-winner>* {
  z-index: 2
}

.giveaway-winner__trophy-img {
  z-index: 1;
  position: absolute;
  width: 380px;
  bottom: 30px
}

.giveaway-winner .giveaway-game-main__item {
  position: absolute;
  top: 90px;
  width: 100px;
  height: 100px
}

.giveaway-winner .giveaway-game-main__item .giveaway-game-main__item-ava {
  width: 100%;
  height: 100%;
  border-color: gold
}

.giveaway-winner__name {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -.3px;
  text-align: center;
  color: gold
}

.giveaway-winner__prize {
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #f3f3f3
}

.giveaway-winner__prize span {
  font-family: Halvar Breitschrift, sans-serif;
  color: #666d85
}

.giveaway-winner__prize img,
.giveaway-winner__prize svg {
  max-width: 20px;
  width: 20px;
  height: 20px;
  margin-left: 6px
}

.modalCancelPayout .modal__header {
  height: 40px
}

.modalCancelPayout .modal__content {
  padding: 32px
}

.modalCancelPayout .modal__close {
  top: 8px
}

.modalCancelPayout .logout__icon {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 auto
}

.modalCancelPayout .logout__title {
  margin-top: 18px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #f3f3f3
}

.modalCancelPayout .logout__warning {
  margin: 32px auto 0;
  text-align: center;
  font-size: 14px
}

.modalCancelPayout .logout__buttons {
  display: flex;
  grid-gap: 12px;
  gap: 12px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 32px auto 0
}

.modalCancelPayout .logout__buttons :first-child,
.modalCancelPayout .logout__buttons :nth-child(2) {
  width: 145px
}

.modalCancelPayout .logout__buttons :nth-child(2) {
  background: #1b1d32
}

.modal-confirm-email {
  padding: 32px 32px 64px
}

@media screen and (max-width: 1024px) {
  .modal-confirm-email {
    padding: 32px 16px 80px
  }
}

.footer-mobile {
  width: 100%;
  height: 90px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 11;
  background: #04071e;
  border-top: 1px solid #101224
}

.footer-mobile__link {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 28px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -.4px;
  color: #858cab
}

.footer-mobile__link svg {
  margin-right: 8px;
  fill: #858cab
}

.footer-mobile__link.yellow {
  color: #ffbe18
}

.footer-mobile__link.nuxt-link-exact-active:not(.yellow) {
  color: #f3f3f3
}

.footer-mobile__link.nuxt-link-exact-active:not(.yellow) svg {
  fill: #f3f3f3
}

.footer-mobile__link-counter {
  left: -17px;
  top: -4px;
  height: 13px;
  position: absolute;
  padding: 0 3px;
  font-weight: 700;
  font-size: 8px;
  line-height: 9px;
  text-align: center;
  letter-spacing: -.24px;
  background-color: #24abf8;
  color: #f3f3f3;
  border: 2px solid #04071e;
  border-radius: 25px
}

@media screen and (max-width: 767.98px) {
  .footer-mobile {
    height: 84px
  }

  .footer-mobile__link {
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 11px;
    line-height: 14px
  }

  .footer-mobile__link svg {
    margin-right: 0;
    margin-bottom: 10px
  }

  .footer-mobile__link-counter {
    left: calc(50% + 1px);
    top: -32px
  }
}

@media max-425 {
  .footer-mobile__link {
    padding-left: 12px;
    padding-right: 12px
  }
}

.progress-bar {
  width: 100%;
  height: 6px;
  background-color: #101224;
  border-radius: 12px;
  overflow: hidden;
  position: relative
}

.progress-bar>span {
  transition: .2s ease;
  background: #24abf8;
  box-shadow: inset 0 3px 8px 1px #6dcaff;
  position: absolute;
  height: 6px;
  border-radius: 12px;
  left: 0;
  top: 0
}

.progress-bar.animate {
  background: #23253d;
  width: 100%;
  height: 12px
}

.progress-bar.animate>span {
  height: 100%;
  overflow: hidden;
  transition: 1s ease-in
}

.progress-bar.animate>span:before {
  content: "";
  width: 8000px;
  height: 100%;
  background: url(/_nuxt/img/referralProgressBarGradientBg.5f8f681.svg) repeat-x 50%;
  background-size: 16px 12px;
  display: flex;
  -webkit-animation: progress 40s linear infinite;
  animation: progress 40s linear infinite;
  border-radius: 32px
}

@-webkit-keyframes progress {
  0% {
    transform: translate(-4000px)
  }

  to {
    transform: translate(0)
  }
}

@keyframes progress {
  0% {
    transform: translate(-4000px)
  }

  to {
    transform: translate(0)
  }
}

.ranks-page__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  border-radius: 8px;
  background: #101224
}

@media screen and (max-width: 1200px) {
  .ranks-page__container {
    overflow: hidden
  }
}

@media screen and (max-width: 1024px) {
  .ranks-page__container {
    padding: 24px
  }
}

@media screen and (max-width: 767.98px) {
  .ranks-page__container {
    padding: 24px 16px
  }
}

.ranks-page__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px
}

@media screen and (max-width: 1024px) {
  .ranks-page__header {
    flex-direction: column;
    align-items: flex-start
  }
}

.ranks-page__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3;
  display: flex;
  align-items: center;
  margin: 0
}

.ranks-page__title img,
.ranks-page__title svg {
  max-width: 16px;
  margin-right: 8px
}

@media screen and (max-width: 767.98px) {
  .ranks-page__title {
    font-size: 16px;
    line-height: 20px
  }
}

.ranks-page-user {
  display: flex;
  align-items: center
}

@media screen and (max-width: 1024px) {
  .ranks-page-user {
    width: 100%;
    margin-top: 32px
  }
}

@media screen and (max-width: 767.98px) {
  .ranks-page-user {
    flex-direction: column;
    align-items: flex-start
  }
}

.ranks-page-user__rank {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: -.5px;
  text-transform: uppercase;
  color: #f3f3f3;
  margin-right: 10px
}

@media screen and (max-width: 767.98px) {
  .ranks-page-user__rank {
    margin-right: 0;
    margin-bottom: 14px
  }
}

.ranks-page-user__rank img,
.ranks-page-user__rank svg {
  display: flex;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px
}

.ranks-page-user__progress {
  width: 250px;
  margin-right: 10px
}

@media screen and (max-width: 767.98px) {
  .ranks-page-user__progress {
    margin-right: 0;
    margin-bottom: 14px
  }
}

.ranks-page-user__progress .progress-bar {
  background: #1b1d32
}

.ranks-page-user__progress .progress-bar span {
  background: #24abf8;
  box-shadow: inset 0 3px 8px 1px #6dcaff
}

@media screen and (max-width: 1024px) {
  .ranks-page-user__progress {
    width: 100%
  }
}

.ranks-page-user__points {
  display: flex;
  flex-shrink: 0;
  align-items: flex-end
}

.ranks-page-user__points>:first-child {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  letter-spacing: -.5px;
  color: #f3f3f3
}

.ranks-page-user__points>:last-child {
  font-size: 12px;
  line-height: 16px;
  color: #666d85
}

.ranks-page__slider-block {
  width: 100%;
  padding-bottom: 32px;
  border-bottom: 1px solid #23253d;
  margin-bottom: 48px;
  min-height: 395px
}

.ranks-page__slider-block .ranks-page__header {
  margin-bottom: 28px
}

.ranks-slider {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  padding: 0 8px
}

@media screen and (max-width: 1200px) {
  .ranks-slider {
    padding: 0;
    width: calc(100% + 32px)
  }

  .ranks-slider:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -20px;
    right: 0;
    width: 8px;
    z-index: 2;
    background: #101224;
    box-shadow: 0 0 32px 32px #101224
  }
}

@media screen and (max-width: 1024px) {
  .ranks-slider {
    width: calc(100% + 24px)
  }
}

@media screen and (max-width: 767.98px) {
  .ranks-slider {
    width: calc(100% + 16px)
  }
}

.ranks-slider .swiper-slide {
  width: 186px;
  height: 310px;
  padding-top: 20px
}

.ranks-slider .ranks-slider__next,
.ranks-slider .ranks-slider__prev {
  z-index: 2;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #f3f3f3;
  transition: .2s ease;
  cursor: pointer
}

.ranks-slider .ranks-slider__next svg,
.ranks-slider .ranks-slider__prev svg {
  fill: #0c0f1e;
  transform-origin: center;
  width: 16px;
  height: 8px;
  transition: .2s ease
}

.ranks-slider .ranks-slider__next.disabled,
.ranks-slider .ranks-slider__prev.disabled {
  cursor: none;
  opacity: .33;
  pointer-events: none
}

.ranks-slider .ranks-slider__prev {
  left: -24px
}

@media screen and (max-width: 1200px) {
  .ranks-slider .ranks-slider__prev {
    left: -12px
  }
}

.ranks-slider .ranks-slider__prev svg {
  transform: rotate(90deg)
}

.ranks-slider .ranks-slider__prev:hover:not(.disabled) {
  background-color: #fff
}

.ranks-slider .ranks-slider__prev:hover:not(.disabled) svg {
  transform: rotate(90deg) translateY(4px)
}

@media screen and (max-width: 1200px) {
  .ranks-slider .ranks-slider__prev:hover:not(.disabled) svg {
    transform: rotate(90deg)
  }
}

.ranks-slider .ranks-slider__next {
  right: -24px
}

@media screen and (max-width: 1200px) {
  .ranks-slider .ranks-slider__next {
    right: 0
  }
}

.ranks-slider .ranks-slider__next svg {
  transform: rotate(-90deg)
}

.ranks-slider .ranks-slider__next:hover:not(.disabled) {
  background-color: #fff
}

.ranks-slider .ranks-slider__next:hover:not(.disabled) svg {
  transform: rotate(-90deg) translateY(4px)
}

@media screen and (max-width: 1200px) {
  .ranks-slider .ranks-slider__next:hover:not(.disabled) svg {
    transform: rotate(-90deg)
  }
}

.ranks-info {
  width: 100%
}

.ranks-info__container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  grid-gap: 18px;
  gap: 18px
}

.ranks-info-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 24px 16px;
  background: #1b1d32;
  border-radius: 12px;
  position: relative;
  overflow: hidden
}

.ranks-info-block.highlight {
  -webkit-animation: highlightBg 1.75s ease-in-out 3;
  animation: highlightBg 1.75s ease-in-out 3
}

@-webkit-keyframes highlightBg {
  0% {
    background-color: #1b1d32
  }

  50% {
    background-color: rgba(173, 216, 230, .2)
  }
}

@keyframes highlightBg {
  0% {
    background-color: #1b1d32
  }

  50% {
    background-color: rgba(173, 216, 230, .2)
  }
}

@media screen and (max-width: 767.98px) {
  .ranks-info-block {
    width: 100% !important;
    order: 0 !important
  }
}

.ranks-info-block__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
  background: #0c0f1e;
  border: 2px solid #24abf8;
  margin-bottom: 16px
}

.ranks-info-block__icon img,
.ranks-info-block__icon svg {
  max-width: 20px
}

.ranks-info-block__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: #f3f3f3;
  margin-bottom: 16px
}

.ranks-info-block__text {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #f3f3f3
}

.ranks-info-block__text b {
  font-weight: 700
}

.ranks-info-block>:not(.ranks-info-block__img) {
  position: relative;
  z-index: 2
}

.ranks-info-block__img {
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ranks-info-block__img:before {
  content: "";
  border-radius: 50%;
  position: absolute
}

.ranks-info-block__img img,
.ranks-info-block__img svg {
  z-index: 1;
  position: relative
}

.ranks-info-block__img img {
  width: 100%
}

.ranks-info-block--profit {
  padding-bottom: 110px;
  width: calc(50% - 128px)
}

@media screen and (max-width: 1024px) {
  .ranks-info-block--profit {
    width: calc(60% - 10.8px)
  }
}

@media screen and (max-width: 767.98px) {
  .ranks-info-block--profit {
    padding-bottom: 80px;
    padding-right: 48px
  }
}

.ranks-info-block__img--numbers {
  right: 0;
  top: 24px;
  width: 100px
}

.ranks-info-block__img--numbers:before {
  width: 160px;
  height: 160px;
  background: #3e4af7;
  opacity: .3;
  filter: blur(74px);
  bottom: 0;
  left: 0
}

.ranks-info-block__img--spaceship {
  bottom: -68px;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px
}

.ranks-info-block__img--spaceship:before {
  width: 160px;
  height: 160px;
  background: #ff2c52;
  opacity: .5;
  filter: blur(72px)
}

@media screen and (max-width: 767.98px) {
  .ranks-info-block__img--spaceship {
    width: 180px;
    bottom: -30px;
    right: 10px
  }
}

.ranks-info-block--controller {
  padding-bottom: 110px;
  width: 220px;
  flex-shrink: 0
}

@media screen and (max-width: 1024px) {
  .ranks-info-block--controller {
    width: calc(40% - 7.2px);
    flex-shrink: 1
  }
}

@media screen and (max-width: 767.98px) {
  .ranks-info-block--controller {
    padding-bottom: 90px
  }
}

.ranks-info-block__img--controller {
  bottom: -20px;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px
}

.ranks-info-block__img--controller:before {
  width: 160px;
  height: 160px;
  background: #3e4af7;
  opacity: .5;
  filter: blur(50px)
}

.ranks-info-block--expansion {
  padding-bottom: 110px;
  width: calc(50% - 128px)
}

.ranks-info-block--expansion .ranks-info-block__text {
  max-width: 180px
}

@media screen and (max-width: 1024px) {
  .ranks-info-block--expansion {
    width: calc(60% - 10.8px);
    min-height: 300px
  }
}

@media screen and (max-width: 767.98px) {
  .ranks-info-block--expansion {
    min-height: auto;
    padding-right: 100px;
    padding-bottom: 40px
  }
}

.ranks-info-block__img--expansion {
  right: -42px;
  bottom: -78px;
  width: 210px
}

.ranks-info-block__img--expansion:before {
  width: 180px;
  height: 180px;
  background: #b658ff;
  filter: blur(64px);
  bottom: 15px;
  left: 0
}

@media screen and (max-width: 767.98px) {
  .ranks-info-block__img--expansion {
    bottom: -170px;
    width: 250px;
    right: -81px
  }
}

.ranks-info-block--chest {
  padding-right: 230px;
  width: calc(62% - 11.16px)
}

@media screen and (max-width: 1024px) {
  .ranks-info-block--chest {
    width: 100%;
    order: 1;
    min-height: 210px;
    padding-right: 300px
  }
}

@media screen and (max-width: 767.98px) {
  .ranks-info-block--chest {
    padding-right: 24px;
    padding-bottom: 120px
  }

  .ranks-info-block--chest .ranks-info-block__text {
    padding-right: 32px
  }
}

.ranks-info-block__img--chest {
  right: 24px;
  top: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 196px
}

.ranks-info-block__img--chest:before {
  width: 160px;
  height: 160px;
  background: #ffbe18;
  opacity: .5;
  filter: blur(72px)
}

@media screen and (max-width: 1024px) {
  .ranks-info-block__img--chest {
    right: 64px
  }
}

@media screen and (max-width: 767.98px) {
  .ranks-info-block__img--chest {
    right: calc(50% - 98px);
    top: auto;
    bottom: -46px
  }
}

.ranks-info-block--case {
  padding-right: 160px;
  width: calc(38% - 6.84px)
}

@media screen and (max-width: 1024px) {
  .ranks-info-block--case {
    width: calc(40% - 7.2px);
    padding-right: 24px
  }
}

@media screen and (max-width: 767.98px) {
  .ranks-info-block--case {
    padding-right: 100px;
    padding-bottom: 40px
  }
}

.ranks-info-block__img--case {
  right: 0;
  top: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px
}

.ranks-info-block__img--case:before {
  width: 150px;
  height: 150px;
  background: #2e43ff;
  opacity: .5;
  filter: blur(48px)
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .ranks-info-block__img--case {
    right: auto;
    top: auto;
    bottom: -12px;
    width: 120px;
    height: 120px;
    left: calc(50% - 60px)
  }
}

@media screen and (max-width: 767.98px) {
  .ranks-info-block__img--case {
    right: -42px;
    top: 40px
  }
}

.ranks-card {
  width: 186px;
  height: 290px;
  background: url(/_nuxt/img/rank-card-mask.c986df5.svg) no-repeat 50%;
  background-size: cover;
  display: flex;
  flex-shrink: 0;
  position: relative
}

.ranks-card>* {
  position: relative;
  z-index: 2
}

.ranks-card.active:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: url(/_nuxt/img/rank-card-mask-active.67b6ca1.svg) no-repeat 50%;
  background-size: cover;
  z-index: 1
}

.ranks-card__user-badge {
  z-index: 3;
  position: absolute !important;
  top: -20px;
  left: 50%;
  transform: translate(-50%);
  height: 26px;
  padding: 0 10px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: #098bea;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.5px;
  color: #f3f3f3
}

.ranks-card__container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
  padding-left: 18px;
  padding-right: 18px;
  overflow: hidden
}

.ranks-card__img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  transform-origin: center;
  transition: .33s ease
}

.ranks-card__img img {
  height: 48px;
  position: relative;
  z-index: 1
}

.ranks-card__img:before {
  content: "";
  width: 64px;
  height: 64px;
  border-radius: 50%;
  position: absolute;
  background-color: #3ef772;
  filter: blur(32px)
}

.ranks-card.ranks-card--1 .ranks-card__img:before {
  background-color: #3e4af7
}

.ranks-card.ranks-card--1 .ranks-card__info-percent {
  color: #3e4af7
}

.ranks-card.ranks-card--2 .ranks-card__img:before {
  background-color: #3ef772
}

.ranks-card.ranks-card--2 .ranks-card__info-percent {
  color: #3ef772
}

.ranks-card.ranks-card--3 .ranks-card__img:before {
  background-color: #f7763e
}

.ranks-card.ranks-card--3 .ranks-card__info-percent {
  color: #f7763e
}

.ranks-card.ranks-card--4 .ranks-card__img:before {
  background-color: #33bf61
}

.ranks-card.ranks-card--4 .ranks-card__info-percent {
  color: #33bf61
}

.ranks-card.ranks-card--5 .ranks-card__img:before {
  background-color: #8f3ef7
}

.ranks-card.ranks-card--5 .ranks-card__info-percent {
  color: #8f3ef7
}

.ranks-card.ranks-card--6 .ranks-card__img:before {
  background-color: #3ef7cb
}

.ranks-card.ranks-card--6 .ranks-card__info-percent {
  color: #3ef7cb
}

.ranks-card.ranks-card--7 .ranks-card__img:before {
  background-color: #843ef7
}

.ranks-card.ranks-card--7 .ranks-card__info-percent {
  color: #843ef7
}

.ranks-card.ranks-card--8 .ranks-card__img:before {
  background-color: #3e51f7
}

.ranks-card.ranks-card--8 .ranks-card__info-percent {
  color: #3e51f7
}

.ranks-card.ranks-card--9 .ranks-card__img:before {
  background-color: #f73ee4
}

.ranks-card.ranks-card--9 .ranks-card__info-percent {
  color: #f73ee4
}

.ranks-card.ranks-card--10 .ranks-card__img:before {
  background-color: #ffb648
}

.ranks-card.ranks-card--10 .ranks-card__info-percent {
  color: #ffb648
}

.ranks-card__info-percent {
  cursor: pointer;
  transition: .2s ease
}

.ranks-card__info-percent:hover {
  opacity: .8
}

.ranks-card__subtitle {
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  color: #f3f3f3;
  opacity: .25;
  margin-bottom: 2px
}

.ranks-card__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 800;
  font-size: 15px;
  line-height: 17px;
  text-transform: uppercase;
  color: #f3f3f3;
  margin-bottom: 14px
}

.ranks-card__info {
  width: calc(100% + 12px);
  margin-left: -6px;
  margin-right: -6px;
  display: flex;
  align-items: stretch;
  grid-gap: 2px;
  gap: 2px
}

.ranks-card__info>* {
  min-height: 44px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #131529
}

.ranks-card__info>:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}

.ranks-card__info>:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
}

.ranks-card__info-title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 800;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #f3f3f3;
  margin-bottom: 2px
}

.ranks-card__info-subtitle {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  color: #858cab
}

.ranks-card__case {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 12px
}

.ranks-card__case img,
.ranks-card__case svg {
  width: 68px
}

.ranks-card__case.has-case .ranks-card__case-title {
  color: #f3f3f3;
  font-weight: 700
}

.ranks-card__case-title {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #858cab;
  text-align: center;
  margin-bottom: 10px
}

.ranks-card__footer {
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 4px;
  height: 80px;
  background: linear-gradient(0deg, #1b1d32 20%, rgba(27, 29, 50, .9) 40%, rgba(27, 29, 50, .8) 90%, hsla(0, 0%, 100%, 0));
  display: flex;
  align-items: flex-end;
  padding: 0 6px 6px;
  transition: .13s ease-in;
  opacity: 0;
  z-index: 5
}

@media screen and (max-width: 767.98px) {
  .ranks-card__footer {
    display: none
  }
}

.ranks-card__btn {
  width: 100%;
  height: 44px;
  transform-origin: center;
  transform: translateY(60px)
}

.ranks-card.has-case:hover .ranks-card__footer {
  opacity: 1
}

.ranks-card.has-case:hover .ranks-card__btn {
  -webkit-animation-delay: .13s;
  animation-delay: .13s;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: showRankCaseBtn;
  animation-name: showRankCaseBtn
}

.ranks-card:hover .ranks-card__img {
  transform: scale(1.088)
}

@-webkit-keyframes showRankCaseBtn {
  to {
    transform: translateY(0)
  }
}

@keyframes showRankCaseBtn {
  to {
    transform: translateY(0)
  }
}

.toggle-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #1b1d32;
  border-radius: 12px;
  overflow: hidden
}

.toggle-block-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid transparent;
  padding-left: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  cursor: pointer;
  transition: .2s ease-in
}

@media screen and (max-width: 767.98px) {
  .toggle-block-head {
    padding-left: 16px
  }
}

.toggle-block-head__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #f3f3f3
}

.toggle-block-head__icon {
  width: 62px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative
}

@media screen and (max-width: 767.98px) {
  .toggle-block-head__icon {
    width: 54px
  }
}

.toggle-block-head__icon:after,
.toggle-block-head__icon:before {
  content: "";
  width: 14px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  transform-origin: center;
  transition: .2s ease-in
}

.toggle-block-head__icon:after {
  transform: rotate(90deg)
}

.toggle-block-head:hover:not(.active) {
  background-color: #23253d
}

.toggle-block-head.active {
  border-color: #23253d
}

.toggle-block-head.active .toggle-block-head__title {
  color: #24abf8
}

.toggle-block-head.active .toggle-block-head__icon:after,
.toggle-block-head.active .toggle-block-head__icon:before {
  background-color: #24abf8
}

.toggle-block-head.active .toggle-block-head__icon:after {
  opacity: 0
}

.toggle-block-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px
}

.help-page__container {
  display: flex;
  flex-direction: column;
  grid-gap: 24px;
  gap: 24px
}

.help-page__title {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3;
  margin-bottom: 24px
}

@media screen and (max-width: 767.98px) {
  .help-page__title {
    font-size: 18px;
    line-height: 24px
  }
}

.help-page__video-slider-block {
  margin-bottom: 0
}

.help-page__questions {
  padding: 32px 32px 48px
}

@media screen and (max-width: 1024px) {
  .help-page__questions {
    padding: 24px 32px 64px
  }
}

@media screen and (max-width: 767.98px) {
  .help-page__questions {
    padding: 32px 24px
  }
}

.help-page__questions-list {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  grid-gap: 18px;
  gap: 18px
}

@media screen and (max-width: 1024px) {
  .help-page__questions-list {
    max-width: 500px
  }
}

.help-page__questions-item {
  width: calc(50% - 9px)
}

.help-page__questions-item.full-width {
  width: 100%
}

.help-page__questions-item ol,
.help-page__questions-item p,
.help-page__questions-item ul {
  margin: 0;
  padding: 0
}

.help-page__questions-item ol,
.help-page__questions-item ul {
  padding-left: 16px
}

@media screen and (max-width: 767.98px) {

  .help-page__questions-item ol,
  .help-page__questions-item ul {
    padding-left: 12px
  }
}

.help-page__questions-item p+ol,
.help-page__questions-item p+ul {
  padding-left: 32px
}

@media screen and (max-width: 767.98px) {

  .help-page__questions-item p+ol,
  .help-page__questions-item p+ul {
    padding-left: 24px
  }
}

@media screen and (max-width: 1024px) {
  .help-page__questions-item {
    width: 100%
  }
}

.game-panel {
  width: 100%;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0
}

@media screen and (max-width: 1024px) {
  .game-panel {
    width: 100%;
    height: auto !important;
    max-width: none !important;
    order: 2
  }
}

@media screen and (max-width: 1024px) {
  .game-panel-head {
    display: none
  }
}

.game-panel-head .head-trapezoid__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -.5px;
  text-transform: uppercase;
  color: #fff
}

.game-panel-head .head-trapezoid__trapezoid {
  top: -1px;
  left: calc(100% - 2px);
  pointer-events: none
}

.game-panel-head .head-trapezoid__body {
  justify-content: flex-end;
  grid-gap: 8px;
  gap: 8px;
  background: #101224
}

.game-panel-head__icons {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

.game-panel-head__icon {
  display: flex;
  padding: 4px;
  border-radius: 8px;
  background-color: #1b1d32;
  cursor: pointer
}

.game-panel-head__icon:hover {
  background: #23253d
}

.game-panel-head__icon svg {
  fill: #858cab
}

.game-panel-head__icon.green svg {
  fill: #3eb13b
}

.game-panel-head__icon.active svg {
  fill: #24abf8
}

.game-panel-body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #101224
}

.game-panel-body__not-available {
  padding: 16px 12px;
  margin: auto;
  text-align: center
}

@media screen and (max-width: 1024px) {
  .game-panel__total-item-mobile {
    display: flex;
    align-items: center;
    min-height: 72px;
    width: 60%;
    padding: 12px 24px;
    background: linear-gradient(269.87deg, #1e1e3f .12%, #18172b 99.9%);
    border-radius: 8px
  }

  .game-panel__total-item-mobile:not(:last-child) {
    width: 40%;
    min-width: 140px;
    margin-right: 24px
  }
}

@media screen and (max-width: 1024px) {
  .game-panel__total-item-mobile {
    padding: 12px;
    min-height: 40px
  }

  .game-panel__total-item-mobile:not(:last-child) {
    margin-right: 12px
  }
}

.game-plinko {
  margin-bottom: 24px
}

@media screen and (max-width: 1024px) {
  .game-plinko {
    margin-bottom: 0
  }
}

.game-plinko .game-panel {
  width: 100%;
  max-width: 250px;
  position: relative;
  height: 531px
}

.game-plinko .game-panel .head-trapezoid__trapezoid {
  left: calc(100% - 9px)
}

.game-plinko .game-panel .head-trapezoid__body {
  padding-left: 40px
}

@media screen and (max-width: 1024px) {
  .game-plinko .game-panel .head-trapezoid__body {
    border-top-right-radius: 12px
  }
}

@media screen and (max-width: 1024px) {
  .game-plinko .game-panel {
    width: calc(100% - 48px);
    margin: 0 auto
  }
}

@media screen and (max-width: 767.98px) {
  .game-plinko .game-panel {
    width: calc(100% - 32px)
  }
}

.game-plinko .game-panel-body {
  align-items: center
}

@media screen and (max-width: 1024px) {
  .game-plinko .game-panel-body {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
  }
}

@media screen and (max-width: 1024px) {
  .game-plinko {
    background: none !important
  }

  .game-plinko .game-panel-head {
    display: flex !important
  }
}

.game-plinko-field {
  height: 531px;
  background-image: url(/img/games/plinko/Background.svg);
  background-color: #12142a
}

@media screen and (max-width: 1024px) {
  .game-plinko-field {
    margin-bottom: 20px
  }
}

@media screen and (max-width: 767.98px) {
  .game-plinko-field {
    height: 320px;
    margin-bottom: 8px
  }
}

@media screen and (max-width: 374.98px) {
  .game-plinko-field {
    height: 240px
  }
}

.game-plinko__canvas-container {
  width: 100%;
  display: flex;
  height: 100%;
  justify-content: center
}

.PlinkoGamePage .game-panel.plinko {
  max-width: 100%
}

.c-tooltip,
.PlinkoGamePage .game-panel.plinko .game-panel-head__icons {
  display: none
}

.c-tooltip {
  position: absolute;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  height: 34px;
  padding: 0 8px;
  background-color: #f3f3f3;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  color: #1a1d2c;
  visibility: hidden;
  z-index: 4
}

@media screen and (max-width: 767.98px) {
  .c-tooltip {
    display: none
  }
}

.c-tooltip.show {
  display: inline-flex;
  visibility: visible
}

.c-tooltip__arrow,
.c-tooltip__arrow:before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit
}

.c-tooltip__arrow {
  visibility: hidden
}

.c-tooltip__arrow:before {
  visibility: hidden;
  content: "";
  transform: rotate(45deg)
}

.c-tooltip.show .c-tooltip__arrow:before {
  visibility: visible
}

.c-tooltip[data-popper-placement^=top]>.c-tooltip__arrow {
  bottom: -4px
}

.c-tooltip[data-popper-placement^=bottom]>.c-tooltip__arrow {
  top: -4px
}

.c-tooltip[data-popper-placement^=left]>.c-tooltip__arrow {
  right: -4px
}

.c-tooltip[data-popper-placement^=right]>.c-tooltip__arrow {
  left: -4px
}

.c-tooltip[data-popper-placement^=right].sidebar-game {
  margin-left: 8px !important;
  z-index: 9
}

.game-mobile-header {
  z-index: 1;
  display: flex;
  padding: 14px 24px;
  align-items: center;
  justify-content: space-between;
  background: rgba(4, 7, 30, .8);
  border-top: 1px solid #23253d
}

@media screen and (max-width: 767.98px) {
  .game-mobile-header {
    padding: 12px 16px
  }
}

.game-mobile-header__title {
  display: flex;
  flex-shrink: 0;
  padding-right: 12px;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-weight: 900;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -.5px;
  text-transform: uppercase
}

@media screen and (max-width: 767.98px) {
  .game-mobile-header__title {
    font-size: 16px;
    line-height: 20px
  }
}

.game-mobile-header__icons {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

@media screen and (max-width: 767.98px) {
  .game-mobile-header__icons {
    width: 100%;
    justify-content: space-between
  }
}

.game-mobile-header .game-panel-head__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 32px;
  height: 32px;
  border-radius: 10px
}

@media screen and (max-width: 767.98px) {
  .game-mobile-header .game-panel-head__icon {
    width: 24px;
    height: 24px;
    border-radius: 8px
  }
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .game-mobile-header .game-panel-head__icon svg {
    width: 18px !important
  }
}

.game-mobile-header .game-mobile-header__balance svg {
  width: 16px !important;
  margin-top: -3px
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .game-mobile-header .game-mobile-header__balance {
    margin-left: 20px
  }
}

.game-mobile-header__user-balance {
  font-size: 16px;
  line-height: 20px
}

[data-v-fa3d546e] #secondPlinko canvas {
  max-width: 100% !important
}

.noticeWin[data-v-fa3d546e] {
  position: absolute;
  top: 40px;
  right: 10px;
  min-width: 274px;
  width: 274px;
  padding: 16px 42px;
  background: radial-gradient(circle farthest-corner at 0, at 0, #326491, #252339, #252339, #252339);
  background: radial-gradient(circle farthest-corner at 0 0, #326491, #252339, #252339, #252339);
  box-shadow: none;
  border-radius: 6px
}

.noticeWin.fade-enter-active[data-v-fa3d546e],
.noticeWin.fade-leave-active[data-v-fa3d546e] {
  transition: opacity .3s
}

.noticeWin.fade-enter[data-v-fa3d546e],
.noticeWin.fade-leave-to[data-v-fa3d546e] {
  opacity: 0
}

.noticeWin__close[data-v-fa3d546e] {
  display: none;
  position: absolute;
  top: 14px;
  right: 14px
}

.noticeWin__icon[data-v-fa3d546e] {
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%)
}

.noticeWin__title[data-v-fa3d546e] {
  font-size: 24px;
  line-height: 32px;
  color: #24abf8
}

.noticeWin__descr[data-v-fa3d546e],
.noticeWin__title[data-v-fa3d546e] {
  font-family: FS Elliot Pro;
  font-style: normal;
  font-weight: 400
}

.noticeWin__descr[data-v-fa3d546e] {
  font-size: 13px;
  line-height: 17px;
  color: #dfdeec
}

.board[data-v-fa3d546e] {
  position: relative
}

.board__win[data-v-fa3d546e] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 390px;
  height: 190px;
  background-color: rgba(33, 34, 51, .95);
  border-radius: 6px;
  border: 1px solid #82ffff;
  box-shadow: 0 0 22px 2px #121223;
  font-size: 20px;
  color: #fff
}

.board__win-coeff[data-v-fa3d546e] {
  margin-bottom: 15px;
  font-size: 83px;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  text-shadow: 2px 2px 40px #72f3fb
}

.board__win-coeff[data-v-fa3d546e],
.board__win-gain[data-v-fa3d546e] {
  background: linear-gradient(45deg, #3eb6eb, #72f3fb);
  -webkit-background-clip: text
}

.board__win-gain[data-v-fa3d546e] {
  -webkit-text-fill-color: transparent
}

.board__win-img[data-v-fa3d546e] {
  width: 22px;
  margin-bottom: -4px
}

.background-game[data-v-fa3d546e] {
  display: flex;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 100%
}

@media screen and (min-width: 992px) {
  .background-game[data-v-fa3d546e] {
    height: 531px
  }
}

.menu-game__wrap[data-v-fa3d546e] {
  position: relative;
  border-radius: 8px
}

@media screen and (min-width: 992px) {
  .menu-game__wrap[data-v-fa3d546e] {
    max-width: 250px
  }
}

.menu-game__name[data-v-fa3d546e] {
  position: absolute;
  background-image: url(/img/games/plinko/plinko.png);
  background-repeat: no-repeat;
  width: 133px;
  height: 44px
}

.menu-game__name .game-logo[data-v-fa3d546e] {
  margin: 16px 0 0 16px
}

.menu-game__settings[data-v-fa3d546e] {
  position: relative;
  width: 100%;
  height: 50px;
  margin-left: auto;
  background-image: url(/img/games/plinko/bgc-settings.png);
  background-repeat: no-repeat
}

.menu-game__settings-header[data-v-fa3d546e] {
  display: flex;
  align-items: center;
  width: 65%;
  height: 100%;
  margin-left: auto
}

@media screen and (max-width: 720px) {
  .menu-game__settings-header[data-v-fa3d546e] {
    width: 55%
  }
}

.menu-game__settings .icons-wrap[data-v-fa3d546e] {
  display: flex;
  justify-content: space-between;
  width: 88px;
  margin-left: auto;
  margin-right: 16px
}

.menu-game__settings .icons-wrap .icon-wrap[data-v-fa3d546e] {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1b1d32;
  border-radius: 8px;
  cursor: pointer
}

.menu-game__settings .icons-wrap .icon-wrap[data-v-fa3d546e]:hover {
  background-color: #23253d
}

@media screen and (max-width: 1024px) {
  .wrap-table[data-v-fa3d546e] {
    max-width: calc(100% - 48px);
    margin: 0 auto
  }
}

@media screen and (max-width: 767.98px) {
  .wrap-table[data-v-fa3d546e] {
    max-width: calc(100% - 32px)
  }
}

.menu-game__details-wrap[data-v-fa3d546e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px;
  background-color: #101224;
  border-bottom-left-radius: 8px
}

@media screen and (max-width: 1024px) {
  .menu-game__details-wrap[data-v-fa3d546e] {
    max-width: 570px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
  }
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row[data-v-fa3d546e] {
  display: flex;
  justify-content: center;
  padding: 14px 0;
  background: #1b1d32;
  border-radius: 4px 4px 0 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .mode[data-v-fa3d546e] {
  cursor: pointer
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .mode.active[data-v-fa3d546e] {
  color: #24abf8
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch[data-v-fa3d546e] {
  position: relative;
  width: 30px;
  margin: 0 12px
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch[data-v-fa3d546e] {
  display: none;
  position: absolute;
  margin: 8px 0 0 16px
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch+label[data-v-fa3d546e] {
  position: relative;
  padding: 5px 0 0 50px;
  line-height: 2em;
  cursor: pointer
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch+label[data-v-fa3d546e]:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 40px;
  height: 24px;
  border-radius: 16px;
  background: #202233;
  transition: all .3s
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch+label[data-v-fa3d546e]:after {
  content: "";
  position: absolute;
  display: block;
  left: 2px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: #24abf8;
  border: 2px solid #166695;
  transition: all .3s
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch+label[data-v-fa3d546e]:hover:after {
  box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch:checked+label[data-v-fa3d546e]:after {
  margin-left: 16px
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch:checked+label[data-v-fa3d546e]:before {
  background: #202233
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch .switch-label[data-v-fa3d546e] {
  position: absolute !important;
  top: -2px
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch-sm[data-v-fa3d546e] {
  margin: 5px 0 0 10px
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch-sm+label[data-v-fa3d546e] {
  position: relative;
  padding: 0 0 0 32px;
  line-height: 1.3em
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch-sm+label[data-v-fa3d546e]:before {
  width: 30px;
  height: 20px;
  border-radius: 10px
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch-sm+label[data-v-fa3d546e]:after {
  width: 16px;
  height: 16px;
  border-radius: 10px
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch-sm+label[data-v-fa3d546e]:hover:after {
  box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.menu-game__details-wrap .menu-game__settings-rate .switch-row .switch input[type=checkbox].ios8-switch-sm:checked+label[data-v-fa3d546e]:after {
  margin-left: 10px
}

.menu-game__details-wrap .menu-game__settings-rate .rate-row[data-v-fa3d546e] {
  display: flex;
  flex-direction: row;
  margin-top: 3px;
  margin-bottom: 3px;
  background: #1b1d32
}

.menu-game__details-wrap .menu-game__settings-rate .rate-row .rate-icon[data-v-fa3d546e] {
  margin: 16px 14px
}

.menu-game__details-wrap .menu-game__settings-rate .rate-row input[data-v-fa3d546e]::-webkit-inner-spin-button,
.menu-game__details-wrap .menu-game__settings-rate .rate-row input[data-v-fa3d546e]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.menu-game__details-wrap .menu-game__settings-rate .rate-row .separator-vertical[data-v-fa3d546e] {
  width: 1px;
  height: 36px;
  margin-top: 8px;
  background: #262941
}

.menu-game__details-wrap .menu-game__settings-rate .rate-row .rate-enter[data-v-fa3d546e] {
  width: 100%;
  background-color: transparent;
  border: none;
  padding-left: 11px;
  font-family: Halvar Breitschrift, sans-serif;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.menu-game__details-wrap .menu-game__settings-rate .rate-row .wrap-rate-cf[data-v-fa3d546e] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 2px 8px;
  margin-left: auto
}

.menu-game__details-wrap .menu-game__settings-rate .rate-row .wrap-rate-cf .rate-mult[data-v-fa3d546e] {
  padding: 4px;
  background: #272945;
  border-radius: 3px;
  color: #666d85;
  text-align: center;
  font-family: FS Elliot Pro;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: -.03em;
  cursor: pointer
}

.menu-game__details-wrap .menu-game__settings-rate .rate-row .wrap-rate-cf .rate-mult[data-v-fa3d546e]:hover {
  background: #363855
}

.menu-game__details-wrap .menu-game__settings-rate .mult-row[data-v-fa3d546e] {
  display: flex;
  justify-content: space-between;
  padding: 6px 9px;
  background: #1b1d32;
  border-radius: 0 0 4px 4px
}

.menu-game__details-wrap .menu-game__settings-rate .mult-row .mult[data-v-fa3d546e] {
  padding: 2px 4px;
  background: #272945;
  border-radius: 5px;
  font-family: FS Elliot Pro;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
  letter-spacing: -.03em;
  color: #666d85;
  cursor: pointer
}

.menu-game__details-wrap .menu-game__settings-rate .mult-row .mult[data-v-fa3d546e]:hover {
  background: #363855
}

.menu-game__details-wrap .menu-game__range-risk[data-v-fa3d546e] {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  text-align: center;
  cursor: pointer
}

.menu-game__details-wrap .menu-game__range-risk .gradient-range[data-v-fa3d546e] {
  background-color: transparent
}

.menu-game__details-wrap .menu-game__range-risk input[type=range][data-v-fa3d546e] {
  width: 215px;
  padding: 12px 0;
  -webkit-appearance: none
}

.menu-game__details-wrap .menu-game__range-risk input[type=range][data-v-fa3d546e]:focus {
  outline: none
}

.menu-game__details-wrap .menu-game__range-risk input[type=range][data-v-fa3d546e]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: .2s;
  box-shadow: 0 0 0 #fff;
  padding-left: 5px;
  background-image: url(/img/games/plinko/risk-range.svg);
  background-position: 5px 0;
  background-repeat: no-repeat;
  border: 0 solid #f3c846
}

.menu-game__details-wrap .menu-game__range-risk input[type=range][data-v-fa3d546e]::-webkit-slider-thumb {
  box-shadow: 0 0 0 #353535;
  border: 0 solid #f3c846;
  height: 16px;
  width: 6px;
  border-radius: 15px;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px
}

.menu-game__details-wrap .menu-game__range-risk input[type=range][data-v-fa3d546e]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: .2s;
  box-shadow: 0 0 0 #fff;
  background-image: url(/img/games/plinko/risk-range.svg);
  background-position: 5px 0;
  background-repeat: no-repeat;
  border-radius: 5px;
  border: 0 solid #f3c846
}

.menu-game__details-wrap .menu-game__range-risk input[type=range][data-v-fa3d546e]::-moz-range-thumb {
  box-shadow: 0 0 0 #353535;
  border: 0 solid #f3c846;
  height: 24px;
  width: 15px;
  border-radius: 15px;
  background: #fff;
  cursor: pointer
}

.menu-game__details-wrap .menu-game__range-risk input[type=range][data-v-fa3d546e]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: .2s;
  background: transparent;
  border-color: transparent;
  color: transparent
}

.menu-game__details-wrap .menu-game__range-risk input[type=range][data-v-fa3d546e]::-ms-fill-lower,
.menu-game__details-wrap .menu-game__range-risk input[type=range][data-v-fa3d546e]::-ms-fill-upper {
  background: #f66d52;
  border: 0 solid #f3c846;
  border-radius: 15px;
  box-shadow: 0 0 0 #fff
}

.menu-game__details-wrap .menu-game__range-risk input[type=range][data-v-fa3d546e]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0 0 0 #353535;
  border: 0 solid #f3c846;
  height: 24px;
  width: 15px;
  border-radius: 15px;
  background: #fff;
  cursor: pointer
}

.menu-game__details-wrap .menu-game__range-risk input[type=range][data-v-fa3d546e]:focus::-ms-fill-lower,
.menu-game__details-wrap .menu-game__range-risk input[type=range][data-v-fa3d546e]:focus::-ms-fill-upper {
  background: #f66d52
}

.menu-game__details-wrap .risk-tab-wrap[data-v-fa3d546e] {
  display: flex;
  justify-content: space-between;
  width: 207px
}

.menu-game__details-wrap .risk-tab-wrap .risk-tab[data-v-fa3d546e] {
  width: 30%;
  height: 4px;
  background: #232536;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px
}

.menu-game__details-wrap .risk-tab-wrap .risk-tab.low.active[data-v-fa3d546e] {
  background: #23abf7
}

.menu-game__details-wrap .risk-tab-wrap .risk-tab.medium.active[data-v-fa3d546e] {
  background: #ffbe18
}

.menu-game__details-wrap .risk-tab-wrap .risk-tab.high.active[data-v-fa3d546e] {
  background: #fe2c51
}

.menu-game__details-wrap .select-rows.active[data-v-fa3d546e] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.menu-game__details-wrap .select-rows[data-v-fa3d546e] {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 52px;
  margin-top: 24px;
  margin-bottom: 18px;
  padding: 8px 18px 11px 12px;
  background: #1b1d32;
  border-radius: 8px;
  cursor: pointer
}

.menu-game__details-wrap .select-rows[data-v-fa3d546e]:hover {
  background: #23253d
}

.menu-game__details-wrap .select-rows .arrow-down[data-v-fa3d546e] {
  display: block;
  margin: auto 0
}

.menu-game__details-wrap .select-rows .rows-count[data-v-fa3d546e],
.menu-game__details-wrap .select-rows .rows-value[data-v-fa3d546e] {
  display: block
}

.menu-game__details-wrap .select-rows .rows-count[data-v-fa3d546e] {
  font-family: FS Elliot Pro;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #858cab
}

.menu-game__details-wrap .select-rows .rows-options[data-v-fa3d546e] {
  position: absolute;
  left: 0;
  top: 52px;
  height: 160px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 0 0 8px 8px;
  z-index: 1
}

.menu-game__details-wrap .select-rows .rows-options .rows-option[data-v-fa3d546e] {
  width: 100%;
  padding: 12px;
  background: #23253d;
  border-top: 1px solid #1f2235
}

.menu-game__details-wrap .select-rows .rows-options .rows-option.active[data-v-fa3d546e],
.menu-game__details-wrap .select-rows .rows-options .rows-option[data-v-fa3d546e]:hover {
  background-color: #1b1d32
}

.menu-game__details-wrap .select-rows .rows-options .rows-option:hover .rows-value[data-v-fa3d546e] {
  color: #24abf8
}

.menu-game__details-wrap .menu-game__start-game[data-v-fa3d546e] {
  width: 100%;
  padding: 21px 0;
  border-radius: 8px;
  border: none;
  background: #24abf8;
  box-shadow: inset 0 3px 8px 1px #6dcaff;
  outline: none;
  font-family: Halvar Breitschrift, sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #fff
}

.menu-game__details-wrap .menu-game__start-game[data-v-fa3d546e]:hover {
  background: #098bea;
  box-shadow: none
}

@media screen and (min-width: 992px) {
  .menu-game__details-wrap .menu-game__start-game[data-v-fa3d546e] {
    margin-bottom: 92px
  }
}

.menu-game__details-wrap .menu-game__start-game .icon-play[data-v-fa3d546e] {
  margin-top: -2px;
  margin-right: 8px
}

.mode[data-v-fa3d546e] {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -.5px;
  text-transform: uppercase;
  color: #f3f3f3
}

.rows-value[data-v-fa3d546e] {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #fff
}

.rows-value.active[data-v-fa3d546e] {
  color: #0676b5
}

.options-active[data-v-fa3d546e] {
  transform: rotate(180deg)
}

.loader[data-v-fa3d546e] {
  position: absolute;
  top: 0;
  background: rgba(42, 42, 68, .55);
  border-radius: 5px
}

.loader[data-v-fa3d546e],
[data-v-fa3d546e] .game-plinko .head-trapezoid__title span {
  z-index: 1
}

@-webkit-keyframes hilo-main-card {
  0% {
    transform: scale(.8) translate(100px, -5%)
  }

  to {
    transform: scale(1) translate(0)
  }
}

@keyframes hilo-main-card {
  0% {
    transform: scale(.8) translate(100px, -5%)
  }

  to {
    transform: scale(1) translate(0)
  }
}

@-webkit-keyframes hilo-flip-opened-card {
  0% {
    transform: rotateY(180deg)
  }

  to {
    transform: rotateY(1turn)
  }
}

@keyframes hilo-flip-opened-card {
  0% {
    transform: rotateY(180deg)
  }

  to {
    transform: rotateY(1turn)
  }
}

@-webkit-keyframes hilo-flip-closed-card {
  0% {
    transform: rotateY(0deg)
  }

  to {
    transform: rotateY(180deg)
  }
}

@keyframes hilo-flip-closed-card {
  0% {
    transform: rotateY(0deg)
  }

  to {
    transform: rotateY(180deg)
  }
}

@-webkit-keyframes hilo-flip-opened-return-card {
  0% {
    transform: rotateY(1turn)
  }

  to {
    transform: rotateY(180deg)
  }
}

@keyframes hilo-flip-opened-return-card {
  0% {
    transform: rotateY(1turn)
  }

  to {
    transform: rotateY(180deg)
  }
}

@-webkit-keyframes hilo-flip-closed-return-card {
  0% {
    transform: rotateY(180deg)
  }

  to {
    transform: rotateY(0deg)
  }
}

@keyframes hilo-flip-closed-return-card {
  0% {
    transform: rotateY(180deg)
  }

  to {
    transform: rotateY(0deg)
  }
}

@-webkit-keyframes card-pulse-upper {
  0% {
    transform: translateY(0)
  }

  15% {
    transform: translateY(-5px)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes card-pulse-upper {
  0% {
    transform: translateY(0)
  }

  15% {
    transform: translateY(-5px)
  }

  to {
    transform: translateY(0)
  }
}

@-webkit-keyframes card-pulse-lower {
  0% {
    transform: translateY(0)
  }

  15% {
    transform: translateY(5px)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes card-pulse-lower {
  0% {
    transform: translateY(0)
  }

  15% {
    transform: translateY(5px)
  }

  to {
    transform: translateY(0)
  }
}

@-webkit-keyframes hilo-drop-card-left {
  0% {
    transform: translate(0) rotate(15deg)
  }

  to {
    transform: translate(-500px, -200px) rotate(15deg)
  }
}

@keyframes hilo-drop-card-left {
  0% {
    transform: translate(0) rotate(15deg)
  }

  to {
    transform: translate(-500px, -200px) rotate(15deg)
  }
}

@-webkit-keyframes hilo-drop-card-right {
  0% {
    transform: translate(0) rotate(-15deg)
  }

  to {
    transform: translate(500px, -200px) rotate(-15deg)
  }
}

@keyframes hilo-drop-card-right {
  0% {
    transform: translate(0) rotate(-15deg)
  }

  to {
    transform: translate(500px, -200px) rotate(-15deg)
  }
}

.list-complete-item {
  transition: .4s ease
}

.list-complete-enter,
.list-complete-leave-to {
  transform: translateX(-250%)
}

.list-complete-leave-active {
  position: absolute
}

.game-hilo .game-field {
  background-color: #020727
}

.game-hilo .game-panel {
  max-width: 400px;
  height: 680px
}

.hilo-table .game-table-col-1 {
  max-width: 96px;
  padding-right: 10px
}

.hilo-table .game-table-col-2 {
  max-width: 60px
}

.hilo-table .game-table-col-3,
.hilo-table .game-table-col-4 {
  max-width: 48px
}

.hilo-table .game-table-col-5 {
  max-width: 70px
}

.hilo-table .game-table-col-6 {
  max-width: 38px
}

.game-hilo-field {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url(/_nuxt/img/main-bg-desktop.50d26e5.png);
  overflow: hidden
}

@media screen and (max-width: 1024px) {
  .game-hilo-field {
    height: 720px
  }
}

@media screen and (max-width: 767.98px) {
  .game-hilo-field {
    height: 440px;
    margin-bottom: 180px;
    overflow: visible;
    overflow: initial
  }
}

.game-hilo-field .game-hilo-field__container {
  width: 100%;
  max-width: 680px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0
}

@media screen and (max-width: 767.98px) {
  .game-hilo__game-control {
    bottom: -170px
  }
}

.game-hilo__game-control-btns {
  width: calc(50% - 8px)
}

@media screen and (max-width: 767.98px) {
  .game-hilo__game-control-btns {
    width: calc(50% - 6px)
  }
}

.game-hilo__game-control-btns .game-control__hilo-btn {
  width: 100%
}

.game-hilo__game-control-btns .game-control__hilo-btn.flex-start {
  padding: 0 12px;
  align-items: flex-start
}

@media screen and (max-width: 374.98px) {
  .game-hilo__game-control-btns .game-control__hilo-btn.flex-start {
    padding: 0 6px
  }
}

.game-hilo__game-control-btns .game-control__hilo-btn {
  overflow: hidden
}

@media screen and (max-width: 425px) {

  .game-hilo__game-control-btns .game-control__big-btn,
  .game-hilo__game-control-btns .game-control__hilo-btn {
    font-size: 12px
  }
}

.game-hilo__game-control-btns .game-control__big-btn .game-control__big-btn-title,
.game-hilo__game-control-btns .game-control__big-btn .game-control__hilo-btn-title,
.game-hilo__game-control-btns .game-control__hilo-btn .game-control__big-btn-title,
.game-hilo__game-control-btns .game-control__hilo-btn .game-control__hilo-btn-title {
  text-transform: uppercase;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width: 425px) {

  .game-hilo__game-control-btns .game-control__big-btn .game-control__big-btn-title,
  .game-hilo__game-control-btns .game-control__big-btn .game-control__hilo-btn-title,
  .game-hilo__game-control-btns .game-control__hilo-btn .game-control__big-btn-title,
  .game-hilo__game-control-btns .game-control__hilo-btn .game-control__hilo-btn-title {
    font-size: 12px;
    line-height: 14px
  }
}

.game-hilo__game-control-btns .game-control__big-btn .game-control__hilo-btn-subtitle.game-control__hilo-btn-subtitle--425-show,
.game-hilo__game-control-btns .game-control__hilo-btn .game-control__hilo-btn-subtitle.game-control__hilo-btn-subtitle--425-show {
  display: none
}

@media screen and (max-width: 425px) {

  .game-hilo__game-control-btns .game-control__big-btn .game-control__hilo-btn-subtitle.game-control__hilo-btn-subtitle--425-show,
  .game-hilo__game-control-btns .game-control__hilo-btn .game-control__hilo-btn-subtitle.game-control__hilo-btn-subtitle--425-show {
    display: flex;
    font-size: 8px
  }
}

@media screen and (max-width: 425px) {

  .game-hilo__game-control-btns .game-control__big-btn .game-control__hilo-btn-subtitle.game-control__hilo-btn-subtitle--425-hide,
  .game-hilo__game-control-btns .game-control__hilo-btn .game-control__hilo-btn-subtitle.game-control__hilo-btn-subtitle--425-hide {
    display: none
  }
}

.game-hilo__game-control-btns .game-control__big-btn .game-control__big-btn-subtitle,
.game-hilo__game-control-btns .game-control__big-btn .game-control__hilo-btn-subtitle,
.game-hilo__game-control-btns .game-control__hilo-btn .game-control__big-btn-subtitle,
.game-hilo__game-control-btns .game-control__hilo-btn .game-control__hilo-btn-subtitle {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  text-align: center;
  text-transform: none;
  font-size: 14px
}

@media screen and (max-width: 767.98px) {

  .game-hilo__game-control-btns .game-control__big-btn .game-control__big-btn-subtitle,
  .game-hilo__game-control-btns .game-control__big-btn .game-control__hilo-btn-subtitle,
  .game-hilo__game-control-btns .game-control__hilo-btn .game-control__big-btn-subtitle,
  .game-hilo__game-control-btns .game-control__hilo-btn .game-control__hilo-btn-subtitle {
    font-size: 12px;
    line-height: 14px
  }
}

@media screen and (max-width: 425px) {

  .game-hilo__game-control-btns .game-control__big-btn .game-control__big-btn-subtitle,
  .game-hilo__game-control-btns .game-control__big-btn .game-control__hilo-btn-subtitle,
  .game-hilo__game-control-btns .game-control__hilo-btn .game-control__big-btn-subtitle,
  .game-hilo__game-control-btns .game-control__hilo-btn .game-control__hilo-btn-subtitle {
    font-size: 9px;
    line-height: 12px
  }
}

.game-hilo__game-control-btns .game-control__big-btn.orange .game-control__big-btn-title,
.game-hilo__game-control-btns .game-control__big-btn.orange .game-control__hilo-btn-title,
.game-hilo__game-control-btns .game-control__hilo-btn.orange .game-control__big-btn-title,
.game-hilo__game-control-btns .game-control__hilo-btn.orange .game-control__hilo-btn-title {
  font-family: Halvar Breitschrift, sans-serif
}

.game-hilo__game-control-btns .game-control__big-btn.orange .game-control__big-btn-subtitle,
.game-hilo__game-control-btns .game-control__big-btn.orange .game-control__hilo-btn-subtitle,
.game-hilo__game-control-btns .game-control__hilo-btn.orange .game-control__big-btn-subtitle,
.game-hilo__game-control-btns .game-control__hilo-btn.orange .game-control__hilo-btn-subtitle {
  font-family: Halvar Breitschrift, sans-serif;
  letter-spacing: .5px;
  text-transform: uppercase
}

.game-hilo__game-control-btns .game-control-arrow {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width: 374.98px) {
  .game-hilo__game-control-btns .game-control-arrow {
    width: 22px
  }
}

.game-hilo__game-control-btns.plus .game-control-arrow {
  background-color: #3e943c
}

.game-hilo__game-control-btns.plus .game-control-arrow>img {
  transform: rotateX(180deg)
}

.game-hilo__game-control-btns.minus .game-control-arrow {
  background-color: #9c0f32
}

.game-hilo__game-control-btns.actions {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer
}

.game-hilo__game-control-btns.actions .game-control__hilo-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start
}

.game-hilo__game-control-btns.actions .game-control__hilo-btn .game-control__hilo-btn-subtitle {
  opacity: .7
}

.game-hilo__game-control-btns.actions .game-control__hilo-btn.red {
  background: linear-gradient(180deg, #9d002f 3%, #e0243b 65%, #e0243b);
  box-shadow: inset 0 3px 8px #ff6d6d
}

.game-hilo__game-control-btns.actions .game-control__hilo-btn.red:before {
  background: linear-gradient(180deg, #830027 3%, #a20114 65%, #b7071c);
  box-shadow: inset 0 3px 8px #ec3f49
}

.game-hilo__game-control-btns.actions .game-control__hilo-btn.green {
  background: linear-gradient(180deg, #1fd80f 3%, #44b13b 65%, #61d958);
  box-shadow: inset 0 3px 8px #cbffa3
}

.game-hilo__game-control-btns.actions .game-control__hilo-btn.green:before {
  background: linear-gradient(180deg, #0dac00 11%, #139a08 65%, #10a204);
  box-shadow: inset 0 3px 8px #b0ff73
}

.game-hilo__game-control-btns.actions.disabled {
  cursor: auto
}

.game-hilo__game-control-btns.actions.disabled .game-control__hilo-btn :first-child {
  display: none
}

.game-hilo__game-control-btns.actions.disabled .game-control__hilo-btn .game-control__hilo-btn-subtitle {
  letter-spacing: -.5px;
  opacity: .7
}

.game-hilo__game-control-btns.actions.disabled.plus .game-control-arrow {
  background-color: #676b8e
}

.game-hilo__game-control-btns.actions.disabled.plus .game-control__hilo-btn,
.game-hilo__game-control-btns.actions.disabled.plus .game-control__hilo-btn:hover:before {
  box-shadow: none;
  color: #f3f3f3;
  background: #767aa9;
  cursor: auto
}

.game-hilo__game-control-btns.actions.disabled.minus .game-control-arrow {
  background-color: #383b5a
}

.game-hilo__game-control-btns.actions.disabled.minus .game-control__hilo-btn,
.game-hilo__game-control-btns.actions.disabled.minus .game-control__hilo-btn:hover:before {
  box-shadow: none;
  color: #f3f3f3;
  background: #777992;
  cursor: auto
}

.game-hilo__game-control-btns.actions .game-control__hilo-btn {
  height: 50px
}

.game-hilo__game-control-input {
  width: calc(50% - 8px)
}

.game-hilo__game-control-section {
  grid-gap: 8px;
  gap: 8px;
  justify-content: space-between
}

.game-hilo__game-control-section--actions {
  padding-top: 0
}

.hilo-board {
  width: 100%
}

.hilo-board__card-refresh {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px
}

.hilo-board__card-refresh .hilo-board__card-refresh-button {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  color: #24abf8;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.3px
}

.hilo-board__card-refresh .hilo-board__card-refresh-button svg {
  fill: #24abf8;
  margin-right: 2px;
  transition: transform .8s ease-in-out, opacity .2s ease;
  transform-origin: center
}

.hilo-board__card-refresh .hilo-board__card-refresh-button:hover {
  color: #f3f3f3
}

.hilo-board__card-refresh .hilo-board__card-refresh-button:hover svg {
  fill: #f3f3f3
}

.hilo-board__card-refresh .hilo-board__card-refresh-button.hilo-board__card-refresh-button_disabled {
  cursor: not-allowed;
  opacity: .6
}

.game-hilo__choice {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 50px 0 10px
}

@media screen and (max-width: 767.98px) {
  .game-hilo__choice {
    padding: 36px 0 10px;
    justify-content: space-around
  }
}

@media screen and (max-width: 375px) {
  .game-hilo__choice {
    padding: 36px 8px 10px;
    justify-content: space-between
  }
}

.game-hilo__choice .game-hilo__choice-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #666d85
}

@media screen and (max-width: 375px) {
  .game-hilo__choice .game-hilo__choice-info {
    font-size: 14px
  }
}

.game-hilo__choice .game-hilo__choice-info strong {
  margin-bottom: 8px;
  color: #f3f3f3;
  font-size: 24px;
  line-height: 28px
}

@media screen and (max-width: 375px) {
  .game-hilo__choice .game-hilo__choice-info strong {
    font-size: 20px;
    line-height: 20px
  }
}

.game-hilo__choice .game-hilo__choice-info.game-hilo__choice-info_cards {
  order: 0
}

.game-hilo__choice .game-hilo__choice-info.game-hilo__choice-info_rate {
  position: relative;
  order: 2
}

.game-hilo__choice .game-hilo__choice-card {
  order: 1;
  display: inline-block;
  position: relative;
  margin-left: -55px
}

@media screen and (max-width: 375px) {
  .game-hilo__choice .game-hilo__choice-card {
    margin-left: -40px
  }
}

.game-hilo__choice .game-hilo__choice-card .game-hilo__choice-card-front {
  position: relative;
  z-index: 2
}

.game-hilo__choice .game-hilo__choice-card .game-hilo__choice-card-front.game-hilo__choice-card-front_moving {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  transform: unset;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.game-hilo__choice .game-hilo__choice-card .game-hilo__choice-card-front.game-hilo__choice-card-front_moving-left {
  -webkit-animation: hilo-drop-card-left .4s linear;
  animation: hilo-drop-card-left .4s linear;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.game-hilo__choice .game-hilo__choice-card .game-hilo__choice-card-front.game-hilo__choice-card-front_moving-right {
  -webkit-animation: hilo-drop-card-right .4s linear;
  animation: hilo-drop-card-right .4s linear;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.game-hilo__choice .game-hilo__choice-card .game-hilo__choice-card-front.game-hilo__choice-card-front_moving .game-hilo__opens-item_opened .game-card__front {
  -webkit-animation: unset;
  animation: unset;
  z-index: 2
}

.game-hilo__choice .game-hilo__choice-card .game-hilo__choice-card-front.game-hilo__choice-card-front_moving .game-hilo__opens-item_opened .game-card__back {
  -webkit-animation: unset;
  animation: unset
}

.game-hilo__choice .game-hilo__choice-card .game-hilo__choice-card-front_main {
  -webkit-animation: hilo-main-card .3s forwards;
  animation: hilo-main-card .3s forwards
}

.game-hilo__choice .game-hilo__choice-card .game-hilo__choice-card-back {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transform: scale(.725) translate(130px)
}

@media screen and (max-width: 767.98px) {
  .game-hilo__choice .game-hilo__choice-card .game-hilo__choice-card-back {
    transform: scale(.725) translate(90px)
  }
}

@media screen and (max-width: 375px) {
  .game-hilo__choice .game-hilo__choice-card .game-hilo__choice-card-back {
    transform: scale(.725) translate(70px)
  }
}

.game-hilo__choice-card-front .game-card__back {
  -webkit-animation: hilo-flip-opened-card .5s ease;
  animation: hilo-flip-opened-card .5s ease;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.game-hilo__choice-card-front .game-card__front {
  -webkit-animation: hilo-flip-closed-card .5s ease;
  animation: hilo-flip-closed-card .5s ease;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.game-card {
  width: 146px;
  transition: transform .2s ease-in-out;
  position: relative;
  padding-top: 150%
}

@media screen and (max-width: 767.98px) {
  .game-card {
    width: 100px
  }
}

.game-card.game-card_small {
  width: 24px
}

.game-card .game-card-inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(-50px);
  border-radius: 8px;
  overflow: hidden
}

.game-card .game-card__back {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 2;
  background: #040d2e
}

.game-card .game-card__back .game-card__back-image {
  width: 100%;
  height: 100%;
  background-color: #040d2e;
  background-image: url(/_nuxt/img/card-back.c216c67.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 105%;
  border-radius: 5px
}

.game-card .game-card__front {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  z-index: 1;
  background: #fff
}

.game-card .game-card__front .game-card__front-bottom,
.game-card .game-card__front .game-card__front-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px
}

.game-card .game-card__front .game-card__front-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.game-card .game-card__front .game-card__front-bottom {
  transform: rotate(180deg);
  align-self: flex-end
}

.game-card .game-card__front .game-card-value {
  font-family: Exo\ 2, Open Sans, sans-serif;
  margin-bottom: 4px;
  font-size: 40px;
  line-height: 32px
}

@media screen and (max-width: 767.98px) {
  .game-card .game-card__front .game-card-value {
    font-size: 32px;
    line-height: 26px
  }
}

.game-card .game-card__front .game-card-suit {
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px
}

@media screen and (max-width: 767.98px) {
  .game-card .game-card__front .game-card-suit {
    width: 16px;
    height: 16px
  }
}

.game-card .game-card__front .game-card__front-middle .game-card-suit {
  width: 36px;
  height: 36px
}

.game-card.game-card_diamond .game-card-value,
.game-card.game-card_heart .game-card-value {
  color: red
}

.game-card.game-card_club .game-card-value,
.game-card.game-card_spade .game-card-value {
  color: #000
}

.game-card.game-card_heart .game-card-suit {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3LjI1LjQ2N0E5LjkyNiA5LjkyNiAwIDAwMTkgNC44NiA5Ljk0IDkuOTQgMCAwMDEwLjc0Ny40NjdDNS4yNi40NjcuODEzIDQuOTA5LjgxMyAxMC4zODhjMCAxMC4yMTQgMTUuNzc0IDIzLjE0IDE4LjE4NiAyMy4xNCAyLjQxMiAwIDE4LjE4Ny0xMi45MjYgMTguMTg3LTIzLjE0IDAtNS40NzktNC40NDktOS45MjEtOS45MzUtOS45MjF6IiBmaWxsPSJyZWQiLz48L3N2Zz4=)
}

.game-card.game-card_diamond .game-card-suit {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTEuOTk5IDUxMS45OTkiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48cGF0aCBkPSJNMjcwLjM1OCA3LjA4M2M2MS40MjYgNzkuNDUxIDE1NS4wODYgMTczLjEyNiAyMzQuNTIzIDIzNC41NiA5LjQ0MSA3LjMwMiA5LjQ0MSAyMS40MTEgMCAyOC43MTItNzkuNDM2IDYxLjQzNC0xNzMuMDk4IDE1NS4xMTEtMjM0LjUyMyAyMzQuNTYtNy4zMDIgOS40NDQtMjEuNDE1IDkuNDQ0LTI4LjcxNiAwQzE4MC4yMTYgNDI1LjQ2NiA4Ni41NTUgMzMxLjc5MSA3LjExOCAyNzAuMzU2Yy05LjQ0MS03LjMwMi05LjQ0MS0yMS40MTEgMC0yOC43MTJDODYuNTU1IDE4MC4yMSAxODAuMjE2IDg2LjUzNCAyNDEuNjQxIDcuMDg0YzcuMzAyLTkuNDQ1IDIxLjQxNS05LjQ0NSAyOC43MTctLjAwMXoiIGZpbGw9InJlZCIvPjwvc3ZnPg==)
}

.game-card.game-card_spade .game-card-suit {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zLjgyLjcwN1MuODc1IDIuODAzLjg3NSA0LjQ2YTEuNjA5IDEuNjA5IDAgMDAyLjY0OSAxLjIyOCA3LjI2IDcuMjYgMCAwMS0uMzMzIDEuNjA0SDQuNDVzLS4yNDUtLjY5LS4zMzItMS42MDRBMS42MDkgMS42MDkgMCAwMDYuNzY1IDQuNDZDNi43NjUgMi44MDMgMy44Mi43MDcgMy44Mi43MDd6IiBmaWxsPSIjMDAwIi8+PC9zdmc+)
}

.game-card.game-card_club .game-card-suit {
  background-image: url(/_nuxt/img/club.1191f0c.svg)
}

.game-card.game-hilo__opens-item_opened .game-card__back {
  -webkit-animation: hilo-flip-opened-return-card .5s ease-in-out;
  animation: hilo-flip-opened-return-card .5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.game-card.game-hilo__opens-item_opened .game-card__front {
  -webkit-animation: hilo-flip-closed-return-card .5s ease-in-out;
  animation: hilo-flip-closed-return-card .5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.game-hilo__opens {
  position: relative;
  min-height: 78px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 10px 0;
  flex-direction: row-reverse;
  transition: .3s ease
}

@media screen and (max-width: 1024px) {
  .game-hilo__opens {
    overflow: hidden
  }
}

@media(max-width: 575px) {
  .game-hilo__opens {
    height: 79px;
    padding: 0 5px
  }
}

.game-hilo__opens_change {
  transform: translateX(-100%)
}

.game-hilo__opens-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 12px
}

@media(max-width: 575px) {
  .game-hilo__opens-item {
    margin-right: 15px
  }
}

.game-hilo__opens-item-sign {
  width: 14px;
  height: 14px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  visibility: hidden;
  transition: opacity .4s ease-in-out, visibility .4s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center
}

@media(max-width: 575px) {
  .game-hilo__opens-item-sign {
    width: 10px;
    height: 10px
  }
}

.game-hilo__opens-item-sign_upper {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExOTBfMTU0ODc0KSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43OCA4LjAyNWExIDEgMCAwMS0xLjQwNS4xNTZMNiA0LjY4MWwtNC4zNzUgMy41QTEgMSAwIDExLjM3NSA2LjYybDUtNGExIDEgMCAwMTEuMjUgMGw1IDRhMSAxIDAgMDEuMTU2IDEuNDA2eiIgZmlsbD0iIzNFQjEzQiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzExOTBfMTU0ODc0Ij48cGF0aCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMiAwKSIgZD0iTTAgMGgxMnYxMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);
  -webkit-animation: card-pulse-upper 1s ease-out infinite;
  animation: card-pulse-upper 1s ease-out infinite
}

.game-hilo__opens-item-sign_upper svg {
  transform: rotateX(180deg);
  fill: green
}

.game-hilo__opens-item-sign_lower {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExOTBfMTU0ODc2KSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43OCAzLjk3NWExIDEgMCAwMC0xLjQwNS0uMTU2TDYgNy4zMTlsLTQuMzc1LTMuNUExIDEgMCAxMC4zNzUgNS4zOGw1IDRhMSAxIDAgMDAxLjI1IDBsNS00YTEgMSAwIDAwLjE1Ni0xLjQwNnoiIGZpbGw9IiNGRjJDNTIiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF8xMTkwXzE1NDg3NiI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDYgNikiIGQ9Ik0wIDBoMTJ2MTJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=);
  -webkit-animation: card-pulse-lower 1s ease-out infinite;
  animation: card-pulse-lower 1s ease-out infinite
}

.game-hilo__opens-item-sign_lower svg {
  fill: red
}

.game-hilo__opens-item-sign_visible {
  visibility: visible;
  opacity: 1
}

.game-hilo__opens-item-card {
  position: relative;
  margin: 2px 0;
  transition: box-shadow .4s ease-in-out
}

.game-hilo__opens-item-card:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 2px;
  opacity: 0;
  transition: opacity .8s ease
}

.game-hilo__opens-item-card:before,
.game-hilo__opens-item-card_lose {
  box-shadow: 0 0 0 4px #25273a, 0 0 0 6px #f44336
}

.game-hilo__opens-item_opened .game-hilo__opens-item-sign {
  opacity: .5
}

.game-hilo__opens-item_opened .game-hilo__opens-item-sign_active {
  opacity: 1
}

.game-hilo__opens-item_opened .game-hilo__opens-item-sign_lower,
.game-hilo__opens-item_opened .game-hilo__opens-item-sign_upper {
  -webkit-animation: none;
  animation: none
}

.game-hilo__opens-item_opened .game-card__front {
  -webkit-animation: hilo-flip-closed-return-card .5s ease-in-out;
  animation: hilo-flip-closed-return-card .5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.game-hilo__opens-item_opened .game-card__back {
  -webkit-animation: hilo-flip-opened-return-card .5s ease-in-out;
  animation: hilo-flip-opened-return-card .5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.game-hilo__opens-item_lose .game-hilo__opens-item-sign {
  opacity: 0
}

.game-hilo__opens-item_lose .game-hilo__opens-item-card:before {
  opacity: 1
}

.game-hilo__opens-item:not(.game-hilo__opens-item_opened) .game-hilo__opens-item-card {
  -webkit-animation: card-pulse-current 1s ease-out infinite;
  animation: card-pulse-current 1s ease-out infinite;
  border-radius: 3px
}

.game-card.game-card_small .game-card-inner {
  border-radius: 0
}

.game-card.game-card_small .game-card-inner .game-card__front .game-card-value {
  font-size: 7px;
  line-height: 5px;
  margin-bottom: 2px
}

.game-card.game-card_small .game-card-inner .game-card__front .game-card-suit {
  width: 4px;
  height: 4px
}

.game-card.game-card_small .game-card-inner .game-card__front-bottom,
.game-card.game-card_small .game-card-inner .game-card__front-top {
  padding: 2px
}

.historyHilo .modal__content {
  padding: 32px
}

.historyHilo .game-hilo__opens {
  margin-top: 24px;
  padding: 0
}

.game-miner .game-field {
  background-color: #020727
}

.game-miner .game-panel {
  max-width: 400px;
  height: 680px
}

.miner-table .game-table-col-1 {
  min-width: 102px;
  max-width: 102px;
  padding-right: 8px
}

.miner-table .game-table-col-2 {
  max-width: 60px
}

.miner-table .game-table-col-3 {
  max-width: 48px
}

.miner-table .game-table-item__col--bombs {
  display: flex;
  justify-content: center
}

.miner-table .game-table-col-4 {
  max-width: 48px
}

.miner-table .game-table-col-5 {
  max-width: 70px
}

.miner-table .game-table-col-6 {
  max-width: 26px
}

@media screen and (max-width: 1024px) {
  .miner-table {
    padding-top: 36px
  }

  .miner-table .game-table-col-1 {
    max-width: 140px
  }

  .miner-table .game-table-col-2 {
    max-width: 90px
  }

  .miner-table .game-table-col-3 {
    max-width: 70px
  }

  .miner-table .game-table-col-4 {
    max-width: 80px
  }

  .miner-table .game-table-col-5 {
    max-width: 120px
  }
}

@media screen and (max-width: 767.98px) {
  .miner-table .game-table-col-1 {
    max-width: 100px
  }

  .miner-table .game-table-col-2 {
    max-width: 60px
  }

  .miner-table .game-table-col-4 {
    max-width: 48px
  }

  .miner-table .game-table-col-5 {
    max-width: 70px
  }
}

@media screen and (max-width: 600px) {
  .miner-table .game-table-col-4 {
    display: none !important
  }
}

@media screen and (max-width: 425px) {
  .miner-table .game-table-col-1 {
    max-width: 90px
  }

  .miner-table .game-table-col-2 {
    max-width: 50px
  }

  .miner-table .game-table-col-3 {
    max-width: 40px
  }

  .miner-table .game-table-col-5 {
    max-width: 66px
  }

  .miner-table .game-table-col-6 {
    max-width: 26px
  }
}

.game-miner-field {
  background-image: url(/_nuxt/img/main-bg-desktop.50d26e5.png);
  overflow: hidden
}

.game-miner-field,
.game-miner-field__container {
  display: flex;
  flex-direction: column;
  align-items: center
}

.game-miner-field__container {
  width: 100%;
  position: absolute;
  top: 0
}

@media screen and (max-width: 1024px) {
  .game-miner-field {
    height: 740px
  }
}

@media screen and (max-width: 767.98px) {
  .game-miner-field {
    height: 520px;
    margin-bottom: 180px;
    overflow: visible;
    overflow: initial
  }
}

@media screen and (max-width: 600px) {
  .game-miner-field {
    height: 530px
  }
}

@media screen and (max-width: 425px) {
  .game-miner-field {
    height: 540px
  }
}

.game-miner__game-control {
  max-width: 432px;
  bottom: 8px;
  z-index: 2
}

@media screen and (max-width: 767.98px) {
  .game-miner__game-control {
    bottom: -170px
  }
}

.game-miner__game-control-btns {
  width: calc(50% - 8px)
}

@media screen and (max-width: 425px) {
  .game-miner__game-control-btns {
    width: calc(60% - 8px)
  }
}

.game-miner__game-control-btns .game-control__big-btn {
  width: 100%
}

.game-miner__game-control-btns .game-control__big-btn-title {
  text-transform: uppercase
}

.game-miner__game-control-btns .game-control__big-btn.orange .game-control__big-btn-title {
  font-family: Halvar Breitschrift, sans-serif
}

.game-miner__game-control-btns .game-control__big-btn.orange .game-control__big-btn-subtitle {
  font-family: Halvar Breitschrift, sans-serif;
  letter-spacing: .5px;
  text-transform: uppercase
}

.game-miner__game-control-input {
  width: calc(50% - 8px)
}

@media screen and (max-width: 425px) {
  .game-miner__game-control-input {
    width: calc(40% - 8px)
  }
}

.game-miner__game-control-section {
  grid-gap: 8px;
  gap: 8px;
  justify-content: space-between
}

.game-control-input.game-miner__game-control-input--bombs {
  width: 120px;
  border-radius: 8px;
  padding: 2px;
  background: #0a0d2c;
  transition: .2s ease;
  position: relative;
  overflow: hidden
}

.game-control-input.game-miner__game-control-input--bombs:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url(/_nuxt/img/bomb.7890603.svg) no-repeat;
  position: absolute;
  left: 100%;
  transform-origin: center;
  transition: .2s ease-out;
  pointer-events: none
}

.game-control-input.game-miner__game-control-input--bombs:hover {
  background: #1d2144
}

.game-control-input.game-miner__game-control-input--bombs input {
  padding: 0 14px;
  text-align: left;
  min-height: 40px
}

.game-control-input.game-miner__game-control-input--bombs input::-moz-placeholder {
  color: #666d85
}

.game-control-input.game-miner__game-control-input--bombs input:-ms-input-placeholder {
  color: #666d85
}

.game-control-input.game-miner__game-control-input--bombs input::placeholder {
  color: #666d85
}

.game-control-input.game-miner__game-control-input--bombs input.disabled {
  cursor: not-allowed
}

.game-control-input.game-miner__game-control-input--bombs.filled {
  background: linear-gradient(#9d002f, #e0243b 65%, #e0243b)
}

.game-control-input.game-miner__game-control-input--bombs.filled:before {
  transform: translateX(-40px)
}

@media screen and (max-width: 1024px) {
  .game-control-input.game-miner__game-control-input--bombs input {
    font-size: 16px;
    line-height: 20px
  }
}

.miner-board {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 24px;
  position: relative
}

@media screen and (max-width: 1024px) {
  .miner-board {
    margin-bottom: 32px
  }
}

@media screen and (max-width: 767.98px) {
  .miner-board {
    width: 100%
  }
}

.miner-board__header {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 64px
}

@media screen and (max-width: 1024px) {
  .miner-board__header {
    padding: 32px 0 24px;
    min-height: 80px
  }
}

@media screen and (max-width: 767.98px) {
  .miner-board__header {
    width: 100%;
    padding: 24px 12px;
    min-height: 72px
  }
}

.miner-board__auto-select {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.3px;
  padding: 2px 8px;
  color: #24abf8
}

.miner-board__auto-select svg {
  fill: #24abf8;
  margin-right: 2px;
  transition: transform .4s ease-in-out, opacity .2s ease;
  transform-origin: center
}

.miner-board__auto-select:hover {
  color: #f3f3f3
}

.miner-board__auto-select:hover svg {
  transform: rotate(90deg);
  fill: #f3f3f3
}

.miner-board__body {
  width: 280px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  grid-gap: 10px;
  gap: 10px
}

.miner-board__flank {
  padding: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f3f3f3;
  width: 130px;
  height: 156px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  position: absolute;
  bottom: 70px
}

@media screen and (max-width: 767.98px) {
  .miner-board__flank {
    position: static;
    background-image: none !important;
    width: 65px;
    height: auto
  }
}

.miner-board__flank-wrap {
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .miner-board__flank-wrap {
    width: 100%;
    flex-direction: row
  }
}

.miner-board__flank-title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: -.02em;
  text-transform: uppercase
}

@media screen and (max-width: 767.98px) {
  .miner-board__flank-title {
    display: none
  }
}

.miner-board__flank-amount {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -.02em
}

@media screen and (max-width: 767.98px) {
  .miner-board__flank-amount {
    order: 2
  }
}

.miner-board__flank.diamond {
  background-image: url(/_nuxt/img/flank-diamond.93dc6d9.svg);
  right: calc(100% + 48px);
  justify-content: flex-end
}

@media screen and (max-width: 1439.98px) {
  .miner-board__flank.diamond {
    right: 100%
  }
}

@media screen and (max-width: 1024px) {
  .miner-board__flank.diamond {
    right: calc(100% + 60px)
  }
}

.miner-board__flank.diamond .miner-board__flank-img {
  width: 32px;
  margin-top: 14px;
  margin-bottom: 14px
}

@media screen and (max-width: 767.98px) {
  .miner-board__flank.diamond .miner-board__flank-img {
    order: 1;
    width: 22px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 6px
  }
}

.miner-board__flank.bomb {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMxIiBoZWlnaHQ9IjE1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTI5LjA0NiA4MC4wNjRsLTQ0LjU3OSA3NEE0IDQgMCAwMTgxLjA0MSAxNTZINC4yODlhNCA0IDAgMDEtNC00VjRhNCA0IDAgMDE0LTRoNzYuNzUyYTQgNCAwIDAxMy40MjYgMS45MzZsNDQuNTc5IDc0YTQgNCAwIDAxMCA0LjEyOHoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNDM1XzEwODA4OCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTQzNV8xMDgwODgiIHgxPSIxMzAuMjg5IiB5MT0iODIiIHgyPSI0Ljk5IiB5Mj0iODMuNjM1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzU0MEMzNyIgc3RvcC1vcGFjaXR5PSIuNiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFEMkQzQyIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+);
  left: calc(100% + 48px);
  justify-content: flex-start
}

@media screen and (max-width: 1439.98px) {
  .miner-board__flank.bomb {
    left: 100%
  }
}

@media screen and (max-width: 1024px) {
  .miner-board__flank.bomb {
    left: calc(100% + 60px)
  }
}

.miner-board__flank.bomb .miner-board__flank-img {
  width: 36px;
  margin-top: 6px;
  margin-bottom: 12px
}

@media screen and (max-width: 767.98px) {
  .miner-board__flank.bomb .miner-board__flank-img {
    order: 1;
    width: 22px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 3px
  }
}

.miner-board__flank.bomb .miner-board__flank-amount {
  margin-right: 10px
}

@media screen and (max-width: 767.98px) {
  .miner-board__flank.bomb .miner-board__flank-amount {
    margin-right: 0
  }
}

.game-miner-cell {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #119bff, #00d1ff);
  overflow: hidden;
  position: relative;
  cursor: pointer
}

.game-miner-cell__container {
  transition: .25s ease-in;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #5e3aff;
  box-shadow: inset 0 -3px 0 1px #2b28b7, inset 0 4px 24px 4px #0660e7;
  border-radius: 8px
}

.game-miner-cell__blur-effect {
  transition: .25s ease-in;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #24abf8;
  filter: blur(24px);
  opacity: 1;
  z-index: 3;
  position: absolute
}

.game-miner-cell__img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4;
  opacity: 0
}

.game-miner-cell:before {
  border-radius: 8px;
  z-index: 3;
  border: 2px solid #a5d4ff;
  filter: blur(1px)
}

.game-miner-cell:after,
.game-miner-cell:before {
  transition: .25s ease-in;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0
}

.game-miner-cell:after {
  border-radius: 8px;
  z-index: 2;
  background: #3ad0ff;
  box-shadow: inset 0 -3px 0 1px #0c567a, inset 0 4px 24px 4px #0660e7
}

.game-miner-cell:hover:not(.bomb):not(.diamond):not(.disabled):after,
.game-miner-cell:hover:not(.bomb):not(.diamond):not(.disabled):before {
  opacity: 1
}

.game-miner-cell.diamond {
  background: linear-gradient(180deg, rgba(31, 216, 15, .25) 3.21%, rgba(68, 177, 59, .25) 65.22%, rgba(97, 217, 88, .25) 99.54%);
  box-shadow: inset 0 -3px 0 1px #086211
}

.game-miner-cell.diamond .game-miner-cell__blur-effect {
  opacity: 0
}

.game-miner-cell.diamond .game-miner-cell__container {
  border: 1px solid #1fd80f;
  background: transparent;
  box-shadow: none
}

.game-miner-cell.diamond .game-miner-cell__img {
  width: 26px;
  height: 20px;
  opacity: 1;
  background: url(/_nuxt/img/diamond.09ccfb8.svg) no-repeat;
  background-size: contain;
  transform-origin: center center;
  -webkit-animation: animatedDiamond .3s linear;
  animation: animatedDiamond .3s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

@-webkit-keyframes animatedDiamond {
  0% {
    transform: scale(1)
  }

  33% {
    transform: scale(1.3)
  }

  66% {
    transform: scale(1.15)
  }

  to {
    transform: scale(1)
  }
}

@keyframes animatedDiamond {
  0% {
    transform: scale(1)
  }

  33% {
    transform: scale(1.3)
  }

  66% {
    transform: scale(1.15)
  }

  to {
    transform: scale(1)
  }
}

.game-miner-cell.bomb {
  background: rgba(255, 44, 82, .2);
  box-shadow: inset 0 -3px 0 1px #1a0003
}

.game-miner-cell.bomb .game-miner-cell__blur-effect {
  opacity: 0
}

.game-miner-cell.bomb .game-miner-cell__container {
  border: 1px solid #e0243b;
  background: transparent;
  box-shadow: none
}

.game-miner-cell.bomb .game-miner-cell__img {
  opacity: 1;
  background: url(/_nuxt/img/bomb.7890603.svg) no-repeat;
  background-size: contain;
  top: 5px;
  width: 32px;
  height: 32px;
  transform-origin: center center;
  -webkit-animation: animatedDiamond .3s linear;
  animation: animatedDiamond .3s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  transform: translateX(100px)
}

.game-miner-cell.disabled {
  cursor: not-allowed
}

.game-miner-cell.selected {
  cursor: auto
}

.game-miner-cell.bomb:not(.selected),
.game-miner-cell.diamond:not(.selected) {
  opacity: .5
}

.miner-rates-slider {
  display: flex;
  align-items: stretch;
  justify-content: center;
  min-height: 66px
}

.miner-rates-slider__container {
  display: flex;
  align-items: flex-start;
  width: 532px;
  overflow-y: hidden;
  overflow-x: auto
}

.miner-rates-slider__container::-webkit-scrollbar {
  width: 0
}

.miner-rates-slider__container::-webkit-scrollbar-track {
  background: transparent
}

@media screen and (max-width: 1400px) {
  .miner-rates-slider__container {
    width: 328px
  }
}

@media screen and (max-width: 1024px) {
  .miner-rates-slider__container {
    width: 532px
  }
}

@media screen and (max-width: 767.98px) {
  .miner-rates-slider__container {
    width: 464px
  }
}

@media screen and (max-width: 600px) {
  .miner-rates-slider__container {
    width: 328px
  }
}

@media screen and (max-width: 425px) {
  .miner-rates-slider__container {
    width: 260px
  }
}

.miner-rates-slider__arrow {
  width: 24px;
  height: 56px;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.miner-rates-slider__arrow svg {
  fill: #666d85;
  transform-origin: center
}

.miner-rates-slider__arrow.prev svg {
  transform: rotate(90deg)
}

.miner-rates-slider__arrow.prev:hover svg {
  fill: #f3f3f3;
  transform: rotate(90deg) scale(1.2)
}

.miner-rates-slider__arrow.next {
  justify-content: flex-end
}

.miner-rates-slider__arrow.next svg {
  transform: rotate(-90deg)
}

.miner-rates-slider__arrow.next:hover svg {
  fill: #f3f3f3;
  transform: rotate(-90deg) scale(1.2)
}

.miner-rates-slider-item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  position: relative
}

.miner-rates-slider-item__container {
  width: 56px;
  height: 56px;
  display: flex;
  flex-shrink: 0;
  background: #222545;
  padding: 1px;
  border-radius: 50%;
  transition: .2s ease
}

.miner-rates-slider-item__bridge {
  width: 12px;
  height: 10px;
  background: #181b3a;
  transition: .2s ease;
  opacity: 0;
  display: none
}

.miner-rates-slider-item__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #181b3a;
  border-radius: 50%;
  padding-top: 6px
}

.miner-rates-slider-item svg {
  fill: #666d85;
  margin-bottom: 1px
}

.miner-rates-slider-item__rate {
  font-weight: 500;
  font-size: 11px;
  letter-spacing: .6px;
  color: #f3f3f3
}

.miner-rates-slider-item__rate,
.miner-rates-slider-item__step {
  font-family: Halvar Breitschrift, sans-serif;
  line-height: 14px;
  text-align: center;
  transition: .2s ease
}

.miner-rates-slider-item__step {
  font-weight: 400;
  font-size: 10px;
  letter-spacing: -.02em;
  color: #858cab
}

.miner-rates-slider-item:not(:first-child) .miner-rates-slider-item__bridge {
  opacity: 1;
  display: flex
}

.miner-rates-slider-item.prev {
  opacity: .5
}

.miner-rates-slider-item.prev .miner-rates-slider-item__bridge,
.miner-rates-slider-item.prev .miner-rates-slider-item__container {
  background: linear-gradient(180deg, #119bff, #00d1ff)
}

.miner-rates-slider-item.prev .miner-rates-slider-item__wrap {
  background: #24abf8
}

.miner-rates-slider-item.prev svg {
  fill: #f3f3f3
}

.miner-rates-slider-item.prev .miner-rates-slider-item__step {
  color: #f3f3f3
}

.miner-rates-slider-item.current .miner-rates-slider-item__container {
  background: #222545
}

.miner-rates-slider-item.current .miner-rates-slider-item__bridge,
.miner-rates-slider-item.current .miner-rates-slider-item__wrap {
  background: linear-gradient(180deg, #119bff, #00d1ff)
}

.miner-rates-slider-item.current svg {
  fill: #f3f3f3
}

.miner-rates-slider-item.current .miner-rates-slider-item__step {
  color: #f3f3f3
}

.miner-rates-slider-item.next .miner-rates-slider-item__bridge,
.miner-rates-slider-item.next .miner-rates-slider-item__container {
  background: linear-gradient(180deg, #119bff, #00d1ff)
}

.miner-rates-slider-item.next .miner-rates-slider-item__wrap {
  border-color: #24abf8;
  background: #181b3a
}

.miner-rates-slider-item.next svg {
  fill: #666d85
}

.miner-rates-slider-item.lost .miner-rates-slider-item__bridge,
.miner-rates-slider-item.lost .miner-rates-slider-item__container,
.miner-rates-slider-item.lost .miner-rates-slider-item__wrap {
  background: linear-gradient(#9d002f, #e0243b 65%, #e0243b) !important
}

.miner-rates-slider-item.lost .miner-rates-slider-item__wrap {
  border-color: #9d002f !important
}

.miner-rates-slider-item.lost.prev .miner-rates-slider-item__container,
.miner-rates-slider-item.lost.prev .miner-rates-slider-item__wrap {
  background: linear-gradient(rgba(157, 0, 47, .5), rgba(224, 36, 59, .5) 65%, rgba(224, 36, 59, .5)) !important
}

.miner-rates-slider-item.lost.prev .miner-rates-slider-item__wrap {
  border-color: rgba(157, 0, 47, .5) !important
}

.miner-rates-slider-item.lost.next .miner-rates-slider-item__wrap {
  background: #181b3a !important
}

.miner-game-result {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative
}

.miner-game-result__flank-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width: 767.98px) {
  .miner-game-result__flank-container {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 16px;
    grid-gap: 16px;
    gap: 16px
  }
}

@media screen and (max-width: 767.98px) {
  .miner-game-result .miner-board__flank {
    width: 120px;
    height: 120px
  }
}

.miner-game-result .miner-board__flank.bomb {
  left: calc(100% + 16px)
}

@media screen and (max-width: 767.98px) {
  .miner-game-result .miner-board__flank.bomb {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMxIiBoZWlnaHQ9IjE1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTI5LjA0NiA4MC4wNjRsLTQ0LjU3OSA3NEE0IDQgMCAwMTgxLjA0MSAxNTZINC4yODlhNCA0IDAgMDEtNC00VjRhNCA0IDAgMDE0LTRoNzYuNzUyYTQgNCAwIDAxMy40MjYgMS45MzZsNDQuNTc5IDc0YTQgNCAwIDAxMCA0LjEyOHoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNDM1XzEwODA4OCkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTQzNV8xMDgwODgiIHgxPSIxMzAuMjg5IiB5MT0iODIiIHgyPSI0Ljk5IiB5Mj0iODMuNjM1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzU0MEMzNyIgc3RvcC1vcGFjaXR5PSIuNiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFEMkQzQyIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+) !important
  }

  .miner-game-result .miner-board__flank.bomb .miner-board__flank-img {
    width: 36px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    order: inherit
  }

  .miner-game-result .miner-board__flank.bomb .miner-board__flank-amount {
    margin-right: 8px
  }
}

.miner-game-result .miner-board__flank.diamond {
  right: calc(100% + 16px)
}

@media screen and (max-width: 767.98px) {
  .miner-game-result .miner-board__flank.diamond {
    background-image: url(/_nuxt/img/flank-diamond.93dc6d9.svg) !important
  }

  .miner-game-result .miner-board__flank.diamond .miner-board__flank-img {
    width: 32px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    order: inherit
  }
}

@media screen and (max-width: 767.98px) {
  .miner-game-result .miner-board__flank-wrap {
    width: auto;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px 0
  }
}

@media screen and (max-width: 767.98px) {
  .miner-game-result .miner-board__flank-title {
    display: flex
  }
}

.bonus-countdown,
.bonus-countdown__item {
  display: flex;
  align-items: center
}

.bonus-countdown__item {
  width: 38px;
  height: 50px;
  background: linear-gradient(180deg, #9d002f 3%, #e0243b 65%, #e0243b);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -.03em;
  color: #f3f3f3
}

.bonus-countdown__item-symbol {
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #858cab
}

.bonus-countdown__divider {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -.03em;
  color: #f3f3f3;
  width: 18px
}

.bonus-countdown.default .bonus-countdown__item {
  background: transparent;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #f3f3f3;
  width: 24px;
  height: auto
}

.bonus-countdown.default .bonus-countdown__divider {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  height: 100%;
  width: 12px;
  font-size: 14px;
  line-height: 18px;
  color: #858cab;
  opacity: .5
}

.bonuses-page__container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  grid-gap: 8px;
  gap: 8px
}

@media screen and (max-width: 1024px) {
  .bonuses-page__container {
    grid-gap: 12px;
    gap: 12px
  }
}

.bonuses-page__block-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  grid-gap: 8px;
  gap: 8px
}

@media screen and (max-width: 1024px) {
  .bonuses-page__block-col {
    grid-gap: 12px;
    gap: 12px
  }
}

.bonus-wreath {
  height: 48px;
  margin: 0 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Halvar Breitschrift, sans-serif;
  position: absolute
}

.bonus-wreath__title {
  font-size: 14px;
  line-height: 16px;
  color: #666d85;
  margin-bottom: 2px
}

.bonus-wreath__num,
.bonus-wreath__title {
  font-weight: 700;
  text-transform: uppercase
}

.bonus-wreath__num {
  font-size: 18px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #f3f3f3
}

.bonus-wreath__num svg {
  margin-left: 4px
}

.bonus-wreath__num:nth-child(2) {
  margin-bottom: 10px
}

.bonus-wreath:after,
.bonus-wreath:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 48px;
  background: url(/_nuxt/img/wreath_right.7964011.svg) no-repeat 50%;
  background-size: cover
}

.bonus-wreath:before {
  left: -22px;
  transform: rotateY(180deg)
}

.bonus-wreath:after {
  right: -22px
}

.bonuses-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 80px 40px 32px;
  background-color: #101224;
  border-radius: 8px;
  overflow: hidden;
  position: relative
}

@media screen and (max-width: 1024px) {
  .bonuses-block {
    padding-left: 24px;
    padding-right: 24px
  }
}

.bonuses-block>* {
  z-index: 3
}

.bonuses-block>img {
  position: absolute;
  transform-origin: center;
  pointer-events: none
}

.bonuses-block:after,
.bonuses-block:before {
  content: "";
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  pointer-events: none
}

.bonuses-block:after {
  display: none
}

.bonuses-block .bonus-wreath {
  left: 34px;
  top: 34px
}

@media screen and (max-width: 1024px) {
  .bonuses-block .bonus-wreath {
    left: 24px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block .bonus-wreath {
    left: 16px
  }
}

.bonuses-block__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  text-align: left;
  color: #f3f3f3;
  margin-bottom: 16px
}

@media screen and (max-width: 1024px) {
  .bonuses-block__title {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 24px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block__title {
    font-size: 28px;
    line-height: normal
  }
}

@media screen and (max-width: 374.98px) {
  .bonuses-block__title {
    font-size: 24px
  }
}

.bonuses-block__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -.3px;
  text-align: left;
  color: #f3f3f3;
  margin-bottom: 24px
}

.bonuses-block__text-min {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #666d85
}

.bonuses-block__btn {
  height: 52px;
  min-width: 195px
}

.bonuses-block__link-btn {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.bonuses-block__link-btn svg {
  fill: #666d85;
  order: 2;
  margin-right: 0;
  margin-left: 6px;
  transform-origin: center;
  transition: .2s ease-in;
  transform: rotate(-90deg)
}

.bonuses-block__link-btn:hover svg {
  transform: rotate(-90deg) translateY(4px)
}

.bonuses-block ol {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding-left: 36px;
  margin-top: 0;
  margin-bottom: 32px
}

.bonuses-block ol li {
  display: flex;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -.3px;
  color: #f3f3f3;
  position: relative
}

.bonuses-block ol li:not(:last-child) {
  margin-bottom: 16px
}

.bonuses-block ol li:before {
  content: attr(data-index);
  width: 24px;
  height: 24px;
  position: absolute;
  right: calc(100% + 12px);
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #101329 3%, #252b52 65%, #252b52);
  border-radius: 50%;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -.25px;
  color: #24abf8
}

.bonuses-block ol li a {
  margin: 0 4px;
  color: #24abf8;
  position: relative
}

.bonuses-block ol li a:after,
.bonuses-block ol li a:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #24abf8;
  opacity: .35;
  transition: .2s ease;
  position: absolute;
  left: 0;
  bottom: -4px
}

.bonuses-block ol li a:after {
  z-index: 1;
  width: 0;
  opacity: 1
}

.bonuses-block ol li a:hover:after {
  width: 100%
}

.bonuses-block ol li.success {
  color: #3eb13b
}

.bonuses-block ol li.success:before {
  background: #3eb13b;
  color: #f3f3f3
}

.bonuses-block__li-link {
  margin-left: 3px;
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #24abf8;
  transition: .2s ease-in
}

.bonuses-block__li-link svg {
  margin-right: 3px;
  fill: #24abf8;
  transition: .2s ease-in
}

.bonuses-block__li-link:hover {
  color: #098bea
}

.bonuses-block__li-link:hover svg {
  fill: #098bea
}

.bonuses-block__attention {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 32px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block__attention {
    margin-bottom: 16px
  }
}

.bonuses-block__attention-title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3;
  margin-bottom: 18px
}

.bonuses-block__attention-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 18px;
  background-color: #1b1d32;
  border-radius: 8px;
  overflow: hidden
}

@media screen and (max-width: 767.98px) {
  .bonuses-block__attention-container {
    padding: 10px 12px
  }
}

.bonuses-block__attention-item {
  padding-left: 34px;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #f3f3f3;
  position: relative
}

@media screen and (max-width: 767.98px) {
  .bonuses-block__attention-item {
    font-size: 12px;
    padding-left: 32px
  }
}

.bonuses-block__attention-item:not(:last-child) {
  margin-bottom: 16px
}

.bonuses-block__attention-item:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCAxMGMwIDUuNTIzLTQuNDc3IDEwLTEwIDEwUzAgMTUuNTIzIDAgMTAgNC40NzcgMCAxMCAwczEwIDQuNDc3IDEwIDEwek0xMCA4LjI1YS43NS43NSAwIDAxLjc1Ljc1djVhLjc1Ljc1IDAgMDEtMS41IDBWOWEuNzUuNzUgMCAwMS43NS0uNzV6TTEwIDdhMSAxIDAgMTAwLTIgMSAxIDAgMDAwIDJ6IiBmaWxsPSIjMjRBQkY4Ii8+PC9zdmc+) no-repeat 50%;
  background-size: cover;
  position: absolute;
  left: 2px;
  top: calc(50% - 10px)
}

.bonuses-block-overlay {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  flex-direction: column;
  padding: 0 24px;
  background: rgba(12, 15, 30, .75)
}

.bonuses-block-overlay,
.bonuses-block-overlay__x-mark {
  display: flex;
  align-items: center;
  justify-content: center
}

.bonuses-block-overlay__x-mark {
  width: 52px;
  height: 52px;
  border: 4px solid #24abf8;
  border-radius: 50%;
  margin-bottom: 16px;
  position: relative
}

.bonuses-block-overlay__x-mark:after,
.bonuses-block-overlay__x-mark:before {
  content: "";
  position: absolute;
  width: 24px;
  border-radius: 8px;
  height: 4px;
  background: #24abf8;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.bonuses-block-overlay__x-mark:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.bonuses-block-overlay__text {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -.3px;
  color: #f3f3f3;
  max-width: 380px
}

.bonuses-block-overlay__btn {
  padding: 0 24px;
  font-size: 16px;
  line-height: 20px;
  color: #f3f3f3;
  position: relative;
  overflow: hidden
}

.bonuses-block-overlay__btn svg {
  width: 24px;
  height: auto;
  margin-right: 48px
}

.bonuses-block-overlay__btn.vkontakte {
  background-color: #07f
}

.bonuses-block-overlay__btn.vkontakte:before {
  content: "";
  position: absolute;
  left: 72px;
  top: 6px;
  width: 1px;
  height: calc(100% - 12px);
  background-color: #f3f3f3
}

.bonuses-block-overlay__btn.vkontakte:hover {
  background-color: #0059be
}

.bonuses-block-overlay.achieved .bonuses-block-overlay__text {
  color: #3eb13b
}

.bonuses-block-overlay.achieved .bonuses-block-overlay__x-mark {
  border-color: #3eb13b
}

.bonuses-block-overlay.achieved .bonuses-block-overlay__x-mark svg {
  fill: #3eb13b
}

.bonuses-block-overlay.achieved .bonuses-block-overlay__x-mark:after,
.bonuses-block-overlay.achieved .bonuses-block-overlay__x-mark:before {
  display: none
}

.bonuses-block--roulette {
  align-self: stretch;
  max-width: calc(55% - 4px)
}

@media screen and (max-width: 1024px) {
  .bonuses-block--roulette {
    max-width: 100%;
    padding-bottom: 40px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--roulette {
    padding-bottom: 240px
  }
}

.bonuses-block--roulette .bonuses-block__title {
  max-width: 350px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--roulette .bonuses-block__title {
    max-width: 250px
  }
}

.bonuses-block--roulette .bonuses-block__text {
  max-width: 218px;
  margin-bottom: 24px
}

.bonuses-block--roulette .bonuses-block__text~.bonuses-block__text {
  margin-bottom: 12px
}

.bonuses-block--roulette .bonuses-block__text-min {
  margin-top: 32px
}

.bonuses-block--roulette .bonuses-block__btn {
  margin-top: 24px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--roulette .bonuses-block__btn {
    width: 100%
  }
}

.bonuses-block--roulette:before {
  width: 220px;
  height: 220px;
  top: -110px;
  left: -110px;
  background: #23253d;
  filter: blur(120px)
}

.bonuses-block--roulette:after {
  display: flex;
  width: 220px;
  height: 220px;
  top: 50px;
  right: -200px;
  background: linear-gradient(180deg, #9d002f 3.21%, #e0243b 65.22%, #e0243b 99.54%);
  filter: blur(120px)
}

.bonuses-block--roulette .bonuses-block__img-coins {
  width: 148px;
  right: 10px;
  top: -64px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--roulette .bonuses-block__img-coins {
    width: 80px;
    right: 18px;
    top: 24px
  }
}

.bonuses-block--roulette .bonuses-block__img-wheel {
  width: 520px;
  right: -190px;
  top: 90px;
  transform: rotate(-27deg)
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--roulette .bonuses-block__img-wheel {
    width: 520px;
    top: auto;
    bottom: -260px;
    right: calc(50% - 260px);
    transform: inherit
  }
}

.bonuses-block--referral {
  align-self: stretch;
  max-width: calc(45% - 4px);
  padding-bottom: 40px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--referral {
    max-width: calc(50% - 6px);
    padding-bottom: 24px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--referral {
    max-width: 100%
  }
}

.bonuses-block--referral .bonuses-block__title {
  max-width: 300px
}

.bonuses-block--referral .bonuses-block__text {
  margin-bottom: 24px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--referral .bonuses-block__text {
    max-width: 220px
  }
}

.bonuses-block--referral ol {
  margin-bottom: 40px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--referral ol {
    margin-bottom: 24px
  }
}

.bonuses-block--referral ol li:before {
  color: #b658ff
}

.bonuses-block--referral .input-referral {
  max-width: 100%
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--referral .input-referral {
    max-width: 360px
  }
}

.bonuses-block--referral:before {
  width: 220px;
  height: 220px;
  top: -110px;
  left: -110px;
  background: #23274e;
  filter: blur(120px)
}

.bonuses-block--referral:after {
  z-index: 0;
  display: flex;
  width: 180px;
  height: 180px;
  right: calc(50% - 90px);
  top: -90px;
  background-color: #b658ff;
  filter: blur(120px)
}

.bonuses-block--referral img {
  width: 180px;
  top: 18px;
  right: -40px;
  transform: rotate(-17deg)
}

@media screen and (max-width: 1024px) {
  .bonuses-block--referral img {
    width: 220px;
    top: -26px;
    right: -60px
  }
}

.bonuses-block--daily-chalenge {
  max-width: calc(36% - 4px);
  align-self: stretch;
  align-items: center;
  padding-bottom: 106px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--daily-chalenge {
    max-width: calc(50% - 6px)
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--daily-chalenge {
    max-width: 100%
  }
}

.bonuses-block--daily-chalenge .bonuses-block__text,
.bonuses-block--daily-chalenge .bonuses-block__title {
  text-align: center
}

.bonuses-block--daily-chalenge .bonuses-block__title .blue {
  color: #098bea
}

.bonuses-block--daily-chalenge .bonus-wreath {
  top: 30px;
  left: calc(50% - 15px);
  transform: translateX(-50%)
}

.bonuses-block--daily-chalenge:before {
  width: 220px;
  height: 220px;
  top: -110px;
  background: #455580;
  filter: blur(110px)
}

.bonuses-block--daily-chalenge img {
  width: 240px;
  bottom: -38px
}

.bonuses-block--daily-tournaments {
  max-width: calc(64% - 4px);
  align-self: stretch;
  padding-bottom: 80px;
  background-color: #1a1d2c
}

@media screen and (max-width: 1024px) {
  .bonuses-block--daily-tournaments {
    max-width: 100%;
    padding-bottom: 32px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--daily-tournaments {
    padding-bottom: 72px
  }
}

.bonuses-block--daily-tournaments .bonuses-block__title {
  max-width: 300px
}

.bonuses-block--daily-tournaments .bonuses-block__text {
  max-width: 344px;
  margin-bottom: 32px
}

.bonuses-block--daily-tournaments:before {
  width: 180px;
  height: 180px;
  bottom: -35px;
  left: -90px;
  background: #455580;
  filter: blur(100px);
  transform: translateZ(0)
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--daily-tournaments:before {
    bottom: auto;
    top: -35px
  }
}

.bonuses-block--daily-tournaments:after {
  display: flex;
  width: 180px;
  height: 180px;
  top: -35px;
  right: -90px;
  background: #fed264;
  filter: blur(100px);
  transform: translateZ(0)
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--daily-tournaments:after {
    top: auto;
    bottom: -35px
  }
}

.bonuses-block--daily-tournaments img {
  width: 220px;
  bottom: 40px;
  right: 60px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--daily-tournaments img {
    width: 160px;
    bottom: -6px;
    right: -15px
  }
}

.bonuses-block--vk-review {
  max-width: calc(64% - 4px);
  align-self: stretch;
  padding-top: 90px;
  padding-bottom: 80px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-review {
    order: 1;
    max-width: 100%;
    padding-bottom: 32px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-review {
    padding-bottom: 180px
  }
}

.bonuses-block--vk-review .bonuses-block__title {
  max-width: 220px
}

.bonuses-block--vk-review .bonuses-block__text {
  max-width: 330px;
  margin-bottom: 20px
}

.bonuses-block--vk-review .bonuses-block__text~.bonuses-block__text {
  margin-bottom: 32px
}

.bonuses-block--vk-review .bonus-wreath {
  top: 42px
}

.bonuses-block--vk-review:before {
  z-index: 2;
  width: 220px;
  height: 220px;
  top: -110px;
  right: 160px;
  background: #098bea;
  filter: blur(110px)
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-review:before {
    top: auto;
    bottom: -110px;
    right: -60px
  }
}

.bonuses-block--vk-review .bonuses-block__img-iphone {
  height: 500px;
  right: -260px;
  top: 40px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-review .bonuses-block__img-iphone {
    height: 560px;
    right: -260px;
    top: 40px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-review .bonuses-block__img-iphone {
    height: 480px;
    top: auto;
    bottom: -320px;
    right: -210px
  }
}

.bonuses-block--vk-review .bonuses-block__img-coin {
  z-index: 1;
  width: 140px;
  transform: rotate(144deg);
  right: 125px;
  top: 50px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-review .bonuses-block__img-coin {
    right: 180px;
    top: 80px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-review .bonuses-block__img-coin {
    width: 110px;
    top: auto;
    bottom: 40px;
    right: 160px
  }
}

.bonuses-block--vk-review .bonuses-block__img-gift {
  width: 120px;
  right: 180px;
  bottom: -5px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-review .bonuses-block__img-gift {
    width: 130px;
    right: 225px;
    bottom: -60px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-review .bonuses-block__img-gift {
    width: 76px;
    right: 20px;
    bottom: 100px
  }
}

.bonuses-page__block-col.bonuses-page__block-col--double {
  max-width: calc(36% - 4px)
}

@media screen and (max-width: 1024px) {
  .bonuses-page__block-col.bonuses-page__block-col--double {
    max-width: 100%;
    flex-direction: row;
    align-items: stretch
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-page__block-col.bonuses-page__block-col--double {
    flex-direction: column
  }
}

.bonuses-block--ranks {
  max-width: 100%;
  padding-top: 40px;
  padding-bottom: 32px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--ranks {
    max-width: calc(50% - 6px)
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--ranks {
    max-width: 100%
  }
}

.bonuses-block--ranks .bonuses-block__text {
  max-width: 260px;
  margin-bottom: 24px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--ranks .bonuses-block__text {
    max-width: 200px
  }
}

.bonuses-block--ranks .bonus-wreath {
  left: auto;
  right: 24px;
  top: 34px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--ranks .bonus-wreath {
    right: 16px
  }
}

.bonuses-block--ranks:before {
  width: 180px;
  height: 180px;
  top: -90px;
  left: calc(50% - 90px);
  background: #455580;
  filter: blur(100px)
}

.bonuses-block--ranks img {
  width: 105px;
  bottom: -20px;
  right: 15px
}

.bonuses-block--policy {
  max-width: 100%;
  padding-top: 40px;
  padding-bottom: 40px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--policy {
    max-width: 100%
  }
}

.bonuses-block--policy .bonuses-block__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 23.16px;
  letter-spacing: -.3px
}

.bonuses-block--policy .bonuses-block__text {
  max-width: 260px;
  margin-bottom: 24px
}

.bonuses-block--policy .bonus-wreath {
  left: auto;
  right: 24px;
  top: 34px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--policy .bonus-wreath {
    right: 16px
  }
}

.bonuses-block--policy:before {
  width: 180px;
  height: 180px;
  top: -70px;
  right: 10px;
  background: #455580;
  filter: blur(100px)
}

.bonuses-block--policy img {
  top: 0;
  right: 0
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--policy img {
    top: 90px;
    right: -45px;
    width: 328px
  }
}

.bonuses-block--cashback {
  max-width: 100%;
  padding-top: 40px;
  padding-bottom: 32px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--cashback {
    max-width: calc(50% - 6px)
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--cashback {
    max-width: 100%
  }
}

.bonuses-block--cashback .bonuses-block__text {
  max-width: 260px;
  margin-bottom: 24px
}

.bonuses-block--cashback .bonus-wreath {
  left: auto;
  right: 24px;
  top: 34px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--cashback .bonus-wreath {
    right: 16px
  }
}

.bonuses-block--cashback:before {
  width: 180px;
  height: 180px;
  top: -90px;
  left: calc(50% - 90px);
  background: #3eb13b;
  filter: blur(100px)
}

.bonuses-block--cashback img {
  width: 130px;
  bottom: -55px;
  right: 0;
  transform: rotate(-10deg)
}

@media screen and (max-width: 1024px) {
  .bonuses-block--cashback img {
    right: -25px
  }
}

.bonuses-page__block-col.bonuses-page__block-col--w55 {
  max-width: calc(64% - 4px)
}

@media screen and (max-width: 1024px) {
  .bonuses-page__block-col.bonuses-page__block-col--w55 {
    max-width: 100%
  }
}

.bonuses-block--vk-repost {
  max-width: 100%
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-repost {
    padding-right: 16px
  }
}

.bonuses-block--vk-repost .bonuses-block__title {
  max-width: 260px
}

.bonuses-block--vk-repost .bonuses-block__title .blue {
  color: #07f;
  display: flex;
  align-items: center
}

.bonuses-block--vk-repost .bonuses-block__title img {
  width: 32px;
  margin: 0 10px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-repost .bonuses-block__title img {
    margin: 0 4px
  }
}

.bonuses-block--vk-repost .bonuses-block__text {
  max-width: 260px;
  margin-bottom: 24px
}

.bonuses-block--vk-repost:before {
  top: -110px;
  left: -110px;
  background: #33386a
}

.bonuses-block--vk-repost:after,
.bonuses-block--vk-repost:before {
  width: 220px;
  height: 220px;
  filter: blur(120px);
  transform: translateZ(0)
}

.bonuses-block--vk-repost:after {
  display: flex;
  top: 50px;
  right: -200px;
  background: linear-gradient(180deg, #2e43ff 3.21%, #0971ea 65.22%, #09ddea 99.54%)
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-repost:after {
    right: -50px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-repost:after {
    right: -100px;
    top: 100px
  }
}

.bonuses-block--vk-repost img {
  width: 160px;
  top: 35px;
  right: 20px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-repost img {
    right: 80px;
    top: 50px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-repost img {
    width: 80px;
    right: 10px;
    top: 10px
  }
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-repost .bonuses-block__attention {
    max-width: 600px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-repost ol li {
    display: inline
  }
}

.bonuses-block--vk-repost .bonuses-block__li-link {
  display: inline-flex
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-repost .bonuses-block__btn {
    width: 100%
  }
}

.bonuses-block--vk-notification {
  max-width: 100%;
  padding-bottom: 54px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-notification {
    padding-bottom: 112px
  }
}

.bonuses-block--vk-notification .bonuses-block__title {
  max-width: 320px
}

.bonuses-block--vk-notification .bonuses-block__text {
  max-width: 360px;
  margin-bottom: 24px
}

.bonuses-block--vk-notification:before {
  left: -110px
}

.bonuses-block--vk-notification:after,
.bonuses-block--vk-notification:before {
  width: 220px;
  height: 220px;
  top: -110px;
  background: #23274e;
  filter: blur(120px);
  transform: translateZ(0)
}

.bonuses-block--vk-notification:after {
  z-index: 1;
  display: flex;
  right: -40px
}

.bonuses-block--vk-notification .bonuses-block__btn {
  padding: 0 24px
}

.bonuses-block--vk-notification .bonuses-block__img-bell {
  width: 100px;
  right: 35px;
  top: 50px;
  transform: rotate(-26deg)
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-notification .bonuses-block__img-bell {
    top: auto;
    bottom: 15px;
    right: 190px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-notification .bonuses-block__img-bell {
    bottom: auto;
    top: 24px;
    right: 32px;
    width: 45px
  }
}

.bonuses-block--vk-notification .bonuses-block__img-wrap {
  position: absolute;
  right: -20px;
  bottom: -76px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-notification .bonuses-block__img-wrap {
    bottom: auto;
    right: -60px;
    top: 60px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-notification .bonuses-block__img-wrap {
    top: auto;
    bottom: -65px;
    right: calc(50% - 95px)
  }
}

.bonuses-block--vk-notification .bonuses-block__img-wrap img {
  width: 260px;
  transform: rotate(14deg)
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-notification .bonuses-block__img-wrap img {
    width: 320px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-notification .bonuses-block__img-wrap img {
    width: 190px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-notification .bonuses-block__btn {
    width: 100%
  }
}

.bonuses-page__block-col.bonuses-page__block-col--w45 {
  flex-direction: row
}

@media screen and (max-width: 1024px) {
  .bonuses-page__block-col.bonuses-page__block-col--w45 {
    max-width: 100%;
    flex-direction: row;
    align-items: stretch
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-page__block-col.bonuses-page__block-col--w45 {
    flex-direction: column
  }
}

.bonuses-block--vk-subscription {
  max-width: 100%
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-subscription {
    max-width: calc(50% - 6px);
    padding-bottom: 140px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-subscription {
    max-width: 100%
  }
}

.bonuses-block--vk-subscription .bonuses-block__title {
  max-width: 350px
}

.bonuses-block--vk-subscription .bonuses-block__title .blue {
  color: #07f;
  display: flex;
  align-items: center
}

.bonuses-block--vk-subscription .bonuses-block__title img {
  width: 32px;
  margin: 0 10px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--vk-subscription .bonuses-block__title img {
    margin: 0 4px
  }
}

.bonuses-block--vk-subscription .bonuses-block__text {
  max-width: 320px;
  margin-bottom: 24px
}

.bonuses-block--vk-subscription .bonuses-block__text~.bonuses-block__text {
  margin-bottom: 32px
}

.bonuses-block--vk-subscription:before {
  width: 220px;
  height: 220px;
  top: -110px;
  left: -110px;
  background: #23274e;
  filter: blur(120px);
  transform: translateZ(0)
}

.bonuses-block--vk-subscription:after {
  display: flex;
  width: 220px;
  height: 220px;
  bottom: -30px;
  right: 0;
  background: #07f;
  filter: blur(120px);
  transform: translateZ(0)
}

.bonuses-block--vk-subscription img {
  width: 200px;
  bottom: -120px;
  right: 16px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-subscription img {
    right: calc(50% - 100px)
  }
}

@media screen and (max-width: 1024px) {
  .bonuses-block--vk-subscription .bonuses-block__btn {
    width: 100%
  }
}

.bonuses-block--tg-subscription {
  max-width: 100%
}

@media screen and (max-width: 1024px) {
  .bonuses-block--tg-subscription {
    max-width: calc(50% - 6px);
    padding-bottom: 32px
  }
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--tg-subscription {
    max-width: 100%
  }
}

.bonuses-block--tg-subscription .bonuses-block__title {
  max-width: 350px
}

.bonuses-block--tg-subscription .bonuses-block__title .blue {
  color: #1ca9d6;
  display: flex;
  align-items: center
}

.bonuses-block--tg-subscription .bonuses-block__title img {
  width: 32px;
  margin: 0 10px
}

@media screen and (max-width: 767.98px) {
  .bonuses-block--tg-subscription .bonuses-block__title img {
    margin: 0 4px
  }
}

.bonuses-block--tg-subscription .bonuses-block__text {
  max-width: 290px;
  margin-bottom: 24px
}

.bonuses-block--tg-subscription:before {
  width: 220px;
  height: 220px;
  top: -110px;
  left: -110px;
  background: #23274e;
  filter: blur(120px);
  transform: translateZ(0)
}

.bonuses-block--tg-subscription:after {
  display: flex;
  width: 220px;
  height: 220px;
  bottom: -110px;
  right: 0;
  background-color: #1ca9d6;
  filter: blur(120px);
  transform: translateZ(0)
}

.bonuses-block--tg-subscription img {
  width: 170px;
  top: 20px;
  right: 24px
}

@media screen and (max-width: 1024px) {
  .bonuses-block--tg-subscription img {
    width: 120px
  }
}

@media screen and (max-width: 1024px) {
  .bonuses-block--tg-subscription .bonuses-block__btn {
    width: 100%
  }
}

.download-app-hint {
  z-index: 900;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  align-items: stretch;
  justify-content: space-between;
  background: #f3f3f3;
  box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .5);
  display: flex
}

@media screen and (min-width: 1024.51px) {
  .download-app-hint {
    display: none
  }
}

.download-app-hint__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0 12px 12px;
  width: 100%
}

.download-app-hint__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
  padding: 6px;
  border-radius: 12px;
  background: #04071e
}

.download-app-hint__logo img {
  width: 100%
}

.download-app-hint__logo.market-logo {
  background: #000
}

.download-app-hint__logo.market-logo img,
.download-app-hint__logo.market-logo svg {
  display: block;
  width: 35px;
  height: auto
}

.download-app-hint__logo-wrapper {
  display: flex;
  align-items: center;
  grid-gap: 12px;
  gap: 12px
}

.download-app-hint__logo-arrow {
  width: 20px;
  height: 20px
}

.download-app-hint__logo-arrow svg {
  width: 100%;
  height: 100%;
  fill: #24abf8;
  transform: rotate(90deg);
  transform-origin: center
}

.download-app-hint__download-btn.btn {
  height: 42px;
  padding: 0 24px;
  text-transform: uppercase;
  letter-spacing: .2px
}

.download-app-hint__close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0 15px;
  margin-left: 15px;
  border-left: 1px solid #eaeaea;
  transition: ese .25s;
  cursor: pointer
}

.download-app-hint__close-btn img {
  max-width: 20px;
  transition: .25s ease;
  filter: invert(1);
  opacity: .3
}

.download-app-hint__close-btn:hover {
  background: #eaeaea
}

.download-app-hint__close-btn:hover img {
  transform: rotate(180deg)
}

.download-app-hint__desc {
  display: flex;
  flex-direction: column;
  grid-gap: 4px;
  gap: 4px;
  font-size: 12px;
  padding: 0 20px
}

.download-app-hint__desc .name {
  color: #1b1d32;
  display: block;
  font-weight: 700;
  line-height: 16px
}

.download-app-hint__desc .desc {
  line-height: 16px
}

.download-app-hint__desc .desc span {
  color: #1b1d32
}

.download-app-hint__desc .desc span:first-child {
  color: #666d85;
  display: inline-block;
  margin-right: 6px
}

.download-app-hint__desc .desc span:last-child {
  text-transform: uppercase
}

@media screen and (max-width: 560px) {
  .download-app-hint__download-btn {
    min-width: 148px
  }

  .download-app-hint__wrap {
    flex-direction: column;
    align-items: flex-start
  }

  .download-app-hint__desc {
    padding: 12px 0
  }

  .download-app-hint__logo {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px
  }

  .download-app-hint__logo.market-logo img,
  .download-app-hint__logo.market-logo svg {
    width: 22px
  }
}

.weekly-promo-code[data-v-6f6a4dce] {
  position: relative
}

.weekly-promo-code.--modal .weekly-promo-code__active-code[data-v-6f6a4dce] {
  font-size: 16px
}

.weekly-promo-code.--modal .weekly-promo-code__active-code__text[data-v-6f6a4dce] {
  color: hsla(0, 0%, 95.3%, .50196);
  font-weight: 900
}

.weekly-promo-code.--modal .weekly-promo-code__active-code__value[data-v-6f6a4dce] {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  color: #f3f3f3;
  font-weight: 900;
  font-style: normal
}

.weekly-promo-code.--modal .weekly-promo-code__active-code img[data-v-6f6a4dce] {
  display: block
}

.weekly-promo-code__active-code[data-v-6f6a4dce],
.weekly-promo-code__countdown[data-v-6f6a4dce],
.weekly-promo-code__days-remaining[data-v-6f6a4dce] {
  display: flex;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  font-size: 12px
}

.weekly-promo-code__active-code img[data-v-6f6a4dce],
.weekly-promo-code__countdown img[data-v-6f6a4dce],
.weekly-promo-code__days-remaining img[data-v-6f6a4dce] {
  display: block;
  width: 16px;
  height: 16px
}

.weekly-promo-code .weekly-promo-code__countdown__text[data-v-6f6a4dce],
.weekly-promo-code .weekly-promo-code__days-remaining__text[data-v-6f6a4dce] {
  font-weight: 700;
  color: #848693
}

.weekly-promo-code .weekly-promo-code__countdown__value[data-v-6f6a4dce],
.weekly-promo-code .weekly-promo-code__days-remaining__value[data-v-6f6a4dce] {
  font-weight: 700;
  color: #f3f3f3
}

.weekly-promo-code .weekly-promo-code__active-code[data-v-6f6a4dce] {
  text-transform: uppercase;
  font-size: 12px
}

.weekly-promo-code .weekly-promo-code__active-code img[data-v-6f6a4dce] {
  display: none
}

.weekly-promo-code .weekly-promo-code__active-code__text[data-v-6f6a4dce] {
  color: #fff;
  font-weight: 700
}

.weekly-promo-code .weekly-promo-code__active-code__value[data-v-6f6a4dce] {
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  font-weight: 900;
  font-style: italic
}

.bonus-weekly[data-v-40c3d5f0] {
  position: relative;
  width: 100%;
  padding: 40px;
  border-radius: 12px;
  background-color: #101224;
  overflow: hidden
}

@media(max-width: 767.98px) {
  .bonus-weekly[data-v-40c3d5f0] {
    background-color: transparent;
    padding: 0;
    overflow: visible
  }
}

.bonus-weekly[data-v-40c3d5f0]:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  background: radial-gradient(50% 50% at 50%, at 50%, #098bea 80%, rgba(9, 139, 234, 0) 100%);
  background: radial-gradient(50% 50% at 50% 50%, #098bea 80%, rgba(9, 139, 234, 0) 100%);
  filter: blur(150px);
  right: 0;
  top: -100px
}

@media(max-width: 767.98px) {
  .bonus-weekly[data-v-40c3d5f0]:before {
    width: 200px;
    height: 200px;
    right: -100px;
    filter: blur(100px);
    top: -100px
  }
}

.bonus-weekly__header[data-v-40c3d5f0] {
  position: relative;
  margin-bottom: 28px
}

@media(max-width: 767.98px) {
  .bonus-weekly__header[data-v-40c3d5f0] {
    margin-bottom: 16px
  }
}

.bonus-weekly__header__title[data-v-40c3d5f0] {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  margin-bottom: 12px
}

@media(max-width: 767.98px) {
  .bonus-weekly__header__title[data-v-40c3d5f0] {
    font-size: 24px;
    line-height: 24px
  }
}

.bonus-weekly__header__description[data-v-40c3d5f0] {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 2px
}

@media(max-width: 767.98px) {
  .bonus-weekly__header__description[data-v-40c3d5f0] {
    margin-bottom: 6px
  }
}

.bonus-weekly__header__notice[data-v-40c3d5f0] {
  display: flex;
  grid-gap: 6px;
  gap: 6px;
  align-items: center
}

.bonus-weekly__header__notice img[data-v-40c3d5f0] {
  width: 16px
}

.bonus-weekly__header__notice span[data-v-40c3d5f0] {
  font-size: 14px;
  line-height: 20px;
  color: #858cab
}

@media(max-width: 767.98px) {
  .bonus-weekly__header__notice span[data-v-40c3d5f0] {
    font-size: 12px;
    line-height: 12px
  }
}

.bonus-weekly__cards[data-v-40c3d5f0] {
  position: relative;
  display: flex;
  grid-gap: 16px;
  gap: 16px
}

@media(max-width: 767.98px) {
  .bonus-weekly__cards[data-v-40c3d5f0] {
    flex-direction: column;
    grid-gap: 24px;
    gap: 24px
  }
}

.bonus-weekly__card[data-v-40c3d5f0] {
  position: relative;
  width: calc(50% - 8px);
  background-color: #000;
  border-radius: 12px;
  height: 214px;
  padding: 12px 24px 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media(max-width: 1280px) {
  .bonus-weekly__card[data-v-40c3d5f0] {
    width: 100%
  }
}

.bonus-weekly__card--default[data-v-40c3d5f0]:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: #722bff;
  filter: blur(120px);
  right: 50%;
  transform: translateX(70%);
  bottom: -180px
}

@media(max-width: 1280px) {
  .bonus-weekly__card--default[data-v-40c3d5f0]:before {
    right: 0;
    transform: translateX(70px);
    bottom: -150px
  }
}

.bonus-weekly__card--default .bonus-weekly__card__bg[data-v-40c3d5f0] {
  position: absolute;
  top: 0;
  right: 0;
  width: 364px;
  height: 214px;
  background-image: url(/_nuxt/img/card-default.a5e31e9.png);
  background-size: cover
}

@media(max-width: 1280px) {
  .bonus-weekly__card--default .bonus-weekly__card__bg[data-v-40c3d5f0] {
    background-image: url(/_nuxt/img/card-default-mob.4b97441.png);
    width: 260px
  }
}

.bonus-weekly__card--vip[data-v-40c3d5f0]:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: #322bff;
  filter: blur(120px);
  right: 50%;
  transform: translateX(70%);
  bottom: -180px
}

@media(max-width: 1280px) {
  .bonus-weekly__card--vip[data-v-40c3d5f0]:before {
    right: 0;
    transform: translateX(70px);
    bottom: -150px
  }
}

.bonus-weekly__card--vip .bonus-weekly__card__bg[data-v-40c3d5f0] {
  position: absolute;
  top: 0;
  right: 0;
  width: 338px;
  height: 214px;
  background-image: url(/_nuxt/img/card-vip.86937ef.png);
  background-size: cover
}

@media(max-width: 1280px) {
  .bonus-weekly__card--vip .bonus-weekly__card__bg[data-v-40c3d5f0] {
    background-image: url(/_nuxt/img/card-vip-mob.f813dcf.png);
    width: 243px
  }
}

.bonus-weekly__card--full[data-v-40c3d5f0] {
  width: 100%
}

.bonus-weekly__card--full[data-v-40c3d5f0]:before {
  content: "";
  position: absolute;
  width: 60%;
  height: 300px;
  border-radius: 50%;
  background: #322bff;
  filter: blur(120px);
  right: 50%;
  transform: translateX(50%);
  bottom: -200px
}

@media(max-width: 1280px) {
  .bonus-weekly__card--full[data-v-40c3d5f0]:before {
    width: 300px;
    right: 0;
    transform: translateX(70px);
    bottom: -150px
  }
}

.bonus-weekly__card--full .bonus-weekly__card__bg[data-v-40c3d5f0] {
  position: absolute;
  top: 0;
  right: 7%;
  width: 686px;
  height: 214px;
  background-image: url(/_nuxt/img/card-vip-full.b1b005f.png);
  background-size: cover
}

@media(max-width: 1280px) {
  .bonus-weekly__card--full .bonus-weekly__card__bg[data-v-40c3d5f0] {
    background-image: url(/_nuxt/img/card-vip-mob.f813dcf.png);
    width: 243px;
    right: 0
  }
}

.bonus-weekly__card__bg[data-v-40c3d5f0] {
  position: absolute;
  top: 0;
  right: 0
}

.bonus-weekly__card__notice[data-v-40c3d5f0] {
  position: relative;
  display: flex;
  align-items: center
}

.bonus-weekly__card__notice span[data-v-40c3d5f0] {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #626981
}

.bonus-weekly__card__notice-icon[data-v-40c3d5f0] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.bonus-weekly__card__notice-icon[data-v-40c3d5f0]:hover {
  opacity: .8;
  transition: opacity .25s
}

.bonus-weekly__card__content[data-v-40c3d5f0] {
  position: relative;
  display: flex;
  flex-direction: column;
  grid-gap: 12px;
  gap: 12px
}

.bonus-weekly__card__title[data-v-40c3d5f0] {
  position: relative;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 900;
  font-size: 24px;
  letter-spacing: -.3px;
  text-transform: uppercase
}

@media(max-width: 767.98px) {
  .bonus-weekly__card__title[data-v-40c3d5f0] {
    font-size: 20px
  }
}

.bonus-weekly__card__promocod[data-v-40c3d5f0] {
  position: relative;
  display: flex;
  grid-gap: 4px;
  gap: 4px;
  align-items: center
}

.bonus-weekly__card__promocod span[data-v-40c3d5f0] {
  text-transform: uppercase;
  font-size: 12px
}

.bonus-weekly__card__promocod span[data-v-40c3d5f0]:first-child {
  color: #fff;
  font-weight: 700
}

.bonus-weekly__card__promocod span[data-v-40c3d5f0]:nth-child(2) {
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  font-weight: 900;
  font-style: italic
}

.bonus-weekly__card__btn[data-v-40c3d5f0] {
  position: relative;
  display: flex
}

.bonus-weekly__card__btn .btn[data-v-40c3d5f0] {
  background-color: #098bea;
  height: 36px;
  padding: 0 16px
}

.bonus-weekly__card__btn .btn[data-v-40c3d5f0]:hover {
  background: rgba(9, 139, 234, .50196)
}

.gblock-lottery-header {
  display: flex;
  grid-gap: 2px;
  gap: 2px;
  justify-content: center
}

.gblock-lottery-header .gblock-lottery-header__item {
  width: 150px;
  height: 53px;
  padding: 8px 12px;
  background: #111531
}

.gblock-lottery-header .gblock-lottery-header__item.left {
  border-radius: 8px 0 0 8px
}

.gblock-lottery-header .gblock-lottery-header__item.right {
  display: flex;
  border-radius: 0 8px 8px 0
}

.gblock-lottery-header .gblock-lottery-header__item .lottery-header-text {
  display: flex;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  height: 21px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -.005em;
  color: #f3f3f3
}

.gblock-lottery-header .gblock-lottery-header__item .timer-bar {
  height: 8px;
  margin-top: 6px;
  background: #23274e;
  border-radius: 64px;
  overflow: hidden
}

.gblock-lottery-header .gblock-lottery-header__item .timer-bar .progress-bar_top {
  background: linear-gradient(90deg, #119bff, #00d1ff);
  height: 100%
}

.gblock-lottery-header .gblock-lottery-header__item .lottery-header-coin {
  max-width: 35px;
  margin-right: 8px
}

.gblock-lottery-header .gblock-lottery-header__item .lottery-header-coin img {
  max-width: 100%
}

.gblock-lottery-header .gblock-lottery-header__item .lottery-header-win {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -.01em;
  color: #24abf8
}

.bounce-enter-active {
  -webkit-animation: bounce-in 1s;
  animation: bounce-in 1s
}

.bounce-leave-active {
  animation: bounce-in 1s reverse
}

@-webkit-keyframes bounce-in {
  0% {
    transform: scaleY(.1)
  }

  to {
    transform: scaleY(1)
  }
}

@keyframes bounce-in {
  0% {
    transform: scaleY(.1)
  }

  to {
    transform: scaleY(1)
  }
}

.game-block {
  position: relative;
  width: 100%;
  max-width: 726px;
  margin: 0 auto;
  padding: 20px
}

.game-block .user-rates {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 110px;
  height: 150px
}

.game-block .user-rates .user-rates__no-bids {
  height: 100%;
  width: 100%;
  transform: translateY(-20px);
  padding: 0 20px;
  flex-flow: row wrap;
  text-align: center
}

.game-block .user-rates .user-rates__no-bids .user-rates__no-bids__title {
  margin-top: 12px;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -.02em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #f3f3f3, rgba(184, 212, 255, .8));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.game-block .user-rates .user-rates__no-bids .user-rates__no-bids__descr {
  display: block;
  max-width: 337px;
  margin: 12px auto 0;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -.005em;
  color: #f3f3f3
}

.game-block .user-rates .user-rates__item__wrap {
  position: relative;
  cursor: pointer;
  transition: all .3s;
  margin-right: 1%;
  height: 100%
}

.game-block .user-rates .user-rates__item__wrap:hover,
.game-block .user-rates .user-rates__item__wrap_clicked {
  margin-top: -10px
}

.game-block .user-rates .user-rates__item__wrap:last-child {
  margin-right: 0
}

.game-block .user-rates .user-rates__item {
  color: #fff;
  padding: 15px;
  position: relative;
  border-radius: 5px;
  height: 100%;
  overflow: hidden
}

.game-block .user-rates .user-rates__item__tooltip {
  background: rgba(0, 0, 0, .9);
  width: 300px;
  min-height: 140px;
  position: absolute;
  left: 0;
  top: -155px;
  z-index: 60;
  border-radius: 5px;
  border: 1px solid #444357;
  padding: 10px 15px
}

.game-block .user-rates .user-rates__item__tooltip .close-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  transition: all .3s
}

.game-block .user-rates .user-rates__item__tooltip .close-button img {
  transition: all .3s;
  width: 15px
}

.game-block .user-rates .user-rates__item__tooltip .close-button:hover {
  background: rgba(148, 144, 178, .15)
}

.game-block .user-rates .user-rates__item__tooltip .close-button:hover img {
  transform: rotate(180deg)
}

.game-block .user-rates .user-rates__item__tooltip .name {
  background: linear-gradient(45deg, #47beee, #7ef5fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.game-block .user-rates .user-rates__item__tooltip .bid_wrap {
  display: flex;
  align-items: center;
  margin-top: 10px
}

.game-block .user-rates .user-rates__item__tooltip .bid_wrap div:first-child {
  margin-right: 20px
}

.game-block .user-rates .user-rates__item__tooltip .bid_wrap div span:first-child {
  color: #848484;
  font-size: 12px
}

.game-block .user-rates .user-rates__item__tooltip .bid_wrap div span:nth-child(2) {
  background: linear-gradient(45deg, #47beee, #7ef5fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.game-block .user-rates .user-rates__item__tooltip .bid_wrap div img {
  width: 17px;
  vertical-align: bottom
}

.game-block .user-rates .user-rates__item__tooltip .tickets {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row wrap
}

.game-block .user-rates .user-rates__item__tooltip .tickets .title {
  color: #848484;
  font-size: 12px;
  display: block;
  margin-right: 10px
}

.game-block .user-rates .user-rates__item__tooltip .tickets .item {
  border: 1px solid #47beee;
  padding: 4px 6px;
  color: #fff;
  margin: 5px 5px 5px 0;
  font-size: 12px
}

.game-block .user-rates .user-rates__item__tooltip .tickets .more {
  background: #47beee;
  padding: 5px 6px;
  color: #fff;
  margin-right: 5px;
  font-size: 12px;
  cursor: pointer;
  transition: all .3s
}

.game-block .user-rates .user-rates__item__tooltip .tickets .more:hover {
  background: #fff;
  color: #47beee
}

.game-block .user-rates .user-rates__item__tooltip p {
  font-size: 10px;
  margin-top: 10px;
  color: #848484;
  line-height: 15px
}

.game-block .user-rates .user-rates__item:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent);
  z-index: 1;
  left: 0;
  top: 0;
  border-radius: 5px
}

.game-block .user-rates .user-rates__item .user-percent {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 2;
  white-space: nowrap;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  color: #f3f3f3
}

.game-block .user-rates .user-rates__item .user-percent .small {
  font-size: 26px;
  font-weight: 700;
  display: inline-block;
  margin-left: -11px
}

.game-block .user-rates .user-rates__item .user-info {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2
}

.game-block .user-rates .user-rates__item .user-info .name {
  margin-left: 12px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -.05em
}

.game-block .user-rates .user-rates__item .user-info .name span:first-child {
  display: block;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: -.005em;
  color: #f3f3f3
}

.game-block .user-rates .user-rates__item .user-info .avatar {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 50%;
  display: block;
  padding: 2px;
  border: 2px solid hsla(0, 0%, 100%, .25)
}

.game-block .user-rates .user-rates__item .user-info img.ingot {
  width: 17px;
  margin-bottom: -3px
}

.game-block .user-rates .user-rates__item_small {
  padding: 15px 0 0
}

.game-block .user-rates .user-rates__item_small .name {
  display: none
}

.game-block .user-rates .user-rates__item_small .avatar {
  margin: auto
}

.game-block .user-rates .user-rates__item_small .user-percent {
  text-align: center;
  width: 100%;
  left: 0;
  font-size: 20px
}

.game-block .user-rates .user-rates__item_small .user-percent .small {
  font-size: 15px;
  margin-left: -3px
}

.game-block .user__bidsTitle {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -.02em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #f3f3f3, rgba(184, 212, 255, .8));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: absolute;
  top: -64px;
  width: 100%;
  text-align: center
}

.game-block .classic-game {
  position: relative;
  margin-top: 110px
}

.game-block .classic-game .classic-game__wrap-line {
  overflow: hidden;
  position: relative;
  margin-top: 30px;
  padding: 50px 0 0;
  height: 200px;
  background-image: url(/_nuxt/img/lottery-users-bg.69bce65.png);
  background-position: 50%;
  background-repeat: no-repeat
}

.game-block .classic-game .classic-game__line {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 5
}

.game-block .classic-game .classic-game__line_top {
  top: -10px
}

.game-block .classic-game .classic-game__line_bottom {
  bottom: -10px
}

.game-block .classic-game .classic-game__line_bottom img {
  transform: rotate(180deg)
}

.game-block .classic-game:after,
.game-block .classic-game:before {
  content: "";
  position: absolute;
  width: 15%;
  height: calc(100% - 2px);
  top: 1px;
  z-index: 5
}

.game-block .classic-game:before {
  left: 0;
  border-radius: 6px 0 0 6px;
  background: linear-gradient(90deg, #070d2e, rgba(17, 19, 63, 0))
}

.game-block .classic-game:after {
  right: 0;
  border-radius: 0 6px 6px 0;
  background: linear-gradient(270deg, #11133f, rgba(17, 19, 63, 0))
}

.game-block .classic-game .classic-game__wrap {
  white-space: nowrap
}

.game-block .classic-game .classic-game__wrap.classic-game__wrap_opacity .classic-game__wrap__item {
  opacity: 0
}

.game-block .classic-game .classic-game__wrap.classic-game__wrap_opacity .classic-game__wrap__item_win-el {
  opacity: 1
}

.game-block .classic-game .classic-game__wrap.classic-game__wrap_opacity .classic-game__wrap__item_win-el img.avatar {
  border: 2px solid #b1b2ce
}

.game-block .classic-game .classic-game__wrap.classic-game__wrap_opacity .classic-game__wrap__item_win-el .name,
.game-block .classic-game .classic-game__wrap.classic-game__wrap_opacity .classic-game__wrap__item_win-el .win,
.game-block .classic-game .classic-game__wrap.classic-game__wrap_opacity .classic-game__wrap__item_win-el .win-bid,
.game-block .classic-game .classic-game__wrap.classic-game__wrap_opacity .classic-game__wrap__item_win-el .win-chance {
  display: block
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item {
  display: inline-block
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div {
  width: 80px;
  height: 80px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .name {
  position: absolute;
  width: 150px;
  display: none;
  bottom: -26px;
  left: 50%;
  transform: translateX(-50%);
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #f3f3f3;
  text-shadow: 0 0 8px rgba(0, 0, 0, .55)
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win-bid,
.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win-chance {
  position: absolute;
  display: none
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win-bid {
  left: -80px
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win-bid :first-child {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -.01em;
  color: #ffbe18
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win-bid :nth-child(2) {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: -.005em;
  color: #f3f3f3
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win-chance {
  right: -80px
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win-chance :first-child {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -.01em;
  color: #24abf8
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win-chance :nth-child(2) {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: -.005em;
  color: #f3f3f3
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win {
  position: absolute;
  right: -150px;
  width: 150px;
  display: none
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win .bid {
  margin-bottom: 5px
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win .bid span:first-child {
  color: #848484;
  font-size: 12px
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win .bid span:nth-child(2) {
  background: linear-gradient(45deg, #47beee, #7ef5fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win .bid img {
  width: 17px;
  vertical-align: bottom
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win .chance {
  margin-top: 5px
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win .chance span:first-child {
  color: #848484;
  font-size: 12px
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div .win .chance span:last-child {
  background: linear-gradient(45deg, #47beee, #7ef5fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.game-block .classic-game .classic-game__wrap .classic-game__wrap__item>div img.avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  padding: 3px;
  border: 2px solid #454765;
  overflow: hidden
}

.game-block__game-state {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.game-block__game-state .title {
  border: 1px solid #3a3a59;
  padding: 8px 10px;
  border-radius: 5px;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  display: flex;
  align-items: center
}

.game-block__game-state .title .totalWin {
  margin: 0 8px 0 18px;
  text-align: center;
  color: #48beee;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 120px
}

.game-block__game-state .title .percent {
  background: linear-gradient(180deg, #39a3ce, #349ac3);
  border-top: 2px solid hsla(0, 0%, 100%, .35);
  padding: 4px 7px 6px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: opacity .15s ease-in-out
}

.game-block__game-state .title .percent span {
  color: #fff
}

.game-block__game-state .title .percent:hover {
  opacity: .75
}

.game-block__game-state .title img {
  height: 30px;
  display: block;
  margin-left: 10px
}

.game-block .timer .count {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  letter-spacing: -.01em;
  color: #24abf8
}

.game-block .timer .count.count_animation {
  transform: scale(1.2)
}

@media screen and (max-width: 1300px) {
  .classic-game {
    width: 100%
  }

  .classic-game__header {
    display: block
  }

  .game-block {
    margin: auto;
    width: 100%;
    max-width: 100%
  }
}

@media screen and (max-width: 767px) {
  .game-block__game-state {
    display: block
  }

  .game-block__game-state .title {
    justify-content: space-between
  }

  .user-rates {
    margin-top: 30px
  }
}

@media screen and (max-width: 767.98px) {
  .user-rates__item__wrap.small .user-percent {
    right: auto;
    left: 15px
  }
}

.game-lottery {
  overflow: visible;
  overflow: initial
}

.game-lottery .game-panel {
  max-width: 356px;
  height: 680px
}

.game-lottery .game-lottery-field {
  position: relative;
  background-image: url(/_nuxt/img/main-bg-desktop.50d26e5.png)
}

@media screen and (max-width: 1024px) {
  .game-lottery .game-lottery-field {
    height: 720px
  }
}

@media screen and (max-width: 767.98px) {
  .game-lottery .game-lottery-field {
    height: 680px
  }
}

.game-lottery .game-lottery-field .game-lottery-image {
  position: absolute;
  top: 0;
  left: 50%;
  width: 692px;
  max-width: 100%;
  height: 640px;
  transform: translateX(-50%);
  background-image: url(/_nuxt/img/portal-bg-classic.33bce1b.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  mix-blend-mode: screen;
  opacity: .25;
  transition: opacity 1.5s
}

.game-lottery .game-lottery-field .game-lottery-image.active {
  opacity: 1
}

.game-lottery .lottery-table .game-table-item__col.game-table-col-2 .white {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #24abf8
}

.game-lottery .lottery-table .game-table-item__col.game-table-col-4 .white {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -.03em;
  color: #666d85
}

.game-lottery .lottery-table .game-table-col-1 {
  max-width: 120px
}

.game-lottery .lottery-table .game-table-col-2,
.game-lottery .lottery-table .game-table-col-4 {
  max-width: 42px
}

.game-lottery .lottery-table .game-table-col-6 {
  max-width: 26px
}

.game-lottery .game-lottery__game-control {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  max-width: 300px
}

.game-lottery .game-lottery__game-control-section {
  grid-gap: 8px;
  gap: 8px;
  padding: 0 12px
}

.game-lottery .lottery-room-button {
  position: relative;
  display: flex;
  flex: 1 1 33.33%;
  padding: 8px 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #222545;
  border-bottom: 1px solid #222545;
  border-left: 1px solid #222545;
  border-radius: 0 !important;
  border-radius: initial !important;
  overflow: hidden
}

.game-lottery .lottery-room-button:first-child {
  border-radius: 8px 0 0 8px
}

.game-lottery .lottery-room-button:last-child {
  border-right: 1px solid #222545;
  border-radius: 0 8px 8px 0
}

.game-lottery .lottery-room-button.active:after,
.game-lottery .lottery-room-button:hover:after {
  content: "";
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background-size: cover;
  background-color: #24abf8;
  filter: blur(20px);
  position: absolute;
  bottom: -10px;
  left: auto;
  right: auto;
  z-index: 0
}

.game-lottery .lottery-room-button.active:first-child:after,
.game-lottery .lottery-room-button:hover:first-child:after {
  background-color: #24abf8
}

.game-lottery .lottery-room-button.active:nth-child(2):after,
.game-lottery .lottery-room-button:hover:nth-child(2):after {
  background-color: #3eb13b
}

.game-lottery .lottery-room-button.active:nth-child(3):after,
.game-lottery .lottery-room-button:hover:nth-child(3):after {
  background-color: #ffbe18
}

.game-lottery .lottery-room-button .lottery-room-button__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -.02em;
  text-transform: uppercase
}

.game-lottery .lottery-room-button .lottery-room-button__value {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.04em;
  text-transform: uppercase
}

.game-lottery .lottery-room-button .lottery-room-button__value.low {
  color: #24abf8
}

.game-lottery .lottery-room-button .lottery-room-button__value.medium {
  color: #44b13b
}

.game-lottery .lottery-room-button .lottery-room-button__value.high {
  color: #ffbe18
}

.game-lottery .lottery-room-button .progress-bar {
  position: relative;
  width: 100%;
  height: 3px;
  background-color: #101224;
  border-radius: 12px;
  overflow: hidden;
  opacity: 0
}

.game-lottery .lottery-room-button .progress-bar.progress-bar_low {
  background: linear-gradient(180deg, #119bff, #00d1ff)
}

.game-lottery .lottery-room-button .progress-bar.progress-bar_medium {
  background: linear-gradient(180deg, #1fd80f 3.21%, #44b13b 65.22%, #61d958 99.54%)
}

.game-lottery .lottery-room-button .progress-bar.progress-bar_high {
  background: #ffbe18
}

.game-lottery .lottery-room-button.active .lottery-room-button__title.low {
  color: #24abf8
}

.game-lottery .lottery-room-button.active .lottery-room-button__title.medium {
  color: #44b13b
}

.game-lottery .lottery-room-button.active .lottery-room-button__title.high {
  color: #ffbe18
}

.game-lottery .lottery-room-button.active .lottery-room-button__value.high,
.game-lottery .lottery-room-button.active .lottery-room-button__value.low,
.game-lottery .lottery-room-button.active .lottery-room-button__value.medium {
  color: #000;
  color: initial
}

.game-lottery .lottery-room-button.active .progress-bar {
  opacity: 1
}

.game-lottery .lottery-bet-tickets {
  display: flex;
  flex: 1 1 auto;
  padding: 12px;
  justify-content: space-between;
  align-items: center
}

.game-lottery .rate-block__content__tooltip {
  position: absolute;
  bottom: 85px;
  left: calc(50% - 150px);
  width: 300px;
  min-height: 140px;
  padding: 10px 15px;
  background: #181b3a;
  border: 1px solid #222545;
  border-radius: 8px;
  z-index: 60
}

.game-lottery .rate-block__content__tooltip .close-button {
  display: block;
  width: 24px;
  height: 24px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  transition: all .3s;
  cursor: pointer
}

.game-lottery .rate-block__content__tooltip .close-button:after,
.game-lottery .rate-block__content__tooltip .close-button:before {
  display: block;
  content: "";
  position: absolute;
  width: 12px;
  border-radius: 1px;
  height: 2px;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.game-lottery .rate-block__content__tooltip .close-button:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.game-lottery .rate-block__content__tooltip .close-button:hover {
  transform: rotate(90deg)
}

.game-lottery .rate-block__content__tooltip .name {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #24abf8
}

.game-lottery .rate-block__content__tooltip .user-no-bids {
  background: linear-gradient(45deg, #47beee, #7ef5fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-size: 14px
}

.game-lottery .rate-block__content__tooltip .bid_wrap {
  display: flex;
  align-items: center;
  margin-top: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #222545
}

.game-lottery .rate-block__content__tooltip .bid_wrap div {
  display: flex;
  flex-direction: column
}

.game-lottery .rate-block__content__tooltip .bid_wrap div:first-child {
  margin-right: 18px
}

.game-lottery .rate-block__content__tooltip .bid_wrap div span:first-child {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  text-transform: uppercase;
  color: #666d85
}

.game-lottery .rate-block__content__tooltip .bid_wrap div span:nth-child(2) {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #f3f3f3
}

.game-lottery .rate-block__content__tooltip .bid_wrap div img {
  width: 17px;
  vertical-align: bottom
}

.game-lottery .rate-block__content__tooltip .tickets {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row wrap
}

.game-lottery .rate-block__content__tooltip .tickets .title {
  color: #848484;
  font-size: 12px;
  display: block;
  margin-right: 10px
}

.game-lottery .rate-block__content__tooltip .tickets .item {
  border: 1px solid #119bff;
  display: flex;
  min-width: 19px;
  min-height: 28px;
  margin-right: 4px;
  justify-content: center;
  align-items: center;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #f3f3f3
}

.game-lottery .rate-block__content__tooltip .tickets .more {
  background: #47beee;
  padding: 5px 6px;
  color: #fff;
  margin-right: 5px;
  font-size: 12px;
  cursor: pointer;
  transition: all .3s
}

.game-lottery .rate-block__content__tooltip .tickets .more:hover {
  background: #fff;
  color: #47beee
}

.game-lottery .rate-block__content__tooltip p {
  margin-top: 12px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -.02em;
  color: #f3f3f3
}

.game-lottery .lottery-control-bg {
  background: #0a0d2c;
  border-radius: 8px
}

.game-lottery .lottery-user-chance {
  display: flex;
  flex: 1 1 50%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 12px;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #f3f3f3
}

.game-lottery .lottery-user-chance .lottery-user-chance__color {
  font-size: 14px;
  line-height: 16px;
  color: #24abf8
}

.game-lottery .lottery-user-bet {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #f3f3f3
}

.game-lottery .lottery-user-bet .lottery-user-bet__rate {
  font-size: 14px;
  line-height: 16px;
  color: #858cab
}

.game-lottery .lottery-tickets {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #24abf8;
  border-bottom: 1px dashed #24abf8
}

.game-lottery .lottery-main-button,
.game-lottery .lottery-tickets {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  cursor: pointer
}

.game-lottery .lottery-main-button {
  display: flex;
  flex: 1 1 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(94deg, #24abf8, #098bea 51%, #00b3ec);
  box-shadow: inset 0 0 32px hsla(0, 0%, 100%, .35);
  border-radius: 8px;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  letter-spacing: -1px;
  color: #f3f3f3;
  text-transform: uppercase
}

.game-lottery .lottery-main-button.disable {
  opacity: .5
}

.historyLottery .modal {
  max-width: 580px
}

.historyLottery .modal__content {
  padding: 24px 24px 16px
}

@media screen and (max-width: 767.98px) {
  .historyLottery .modal__content {
    padding: 24px 16px 16px
  }
}

.historyLottery .details__user-top {
  justify-content: space-between
}

.historyLottery .details__user-top :first-child {
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .historyLottery .details__user-top--lottery {
    display: flex;
    flex-direction: column
  }
}

.historyLottery .details__user-bottom--lottery {
  padding: 12px 18px;
  justify-content: space-between;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .historyLottery .details__user-bottom--lottery {
    overflow: auto
  }
}

.historyLottery .details__user-bottom--lottery .hash-game {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -.03em
}

.historyLottery .details__user-bottom--lottery .hash-game span {
  color: #24abf8
}

.historyLottery .details__game .lottery-history-table {
  display: flex;
  margin: 24px 0 0;
  flex-direction: column;
  align-items: stretch;
  overflow-x: hidden;
  overflow-y: auto
}

.historyLottery .details__game .lottery-history-table .lottery-history-table-item {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #23253d;
  overflow: hidden
}

.historyLottery .details__game .lottery-history-table .lottery-history-table-item:last-child {
  border-bottom: none
}

.historyLottery .details__game .lottery-history-table .lottery-history-table-col {
  position: relative;
  width: 100%;
  z-index: 2
}

.historyLottery .details__game .lottery-history-table .lottery-history-table-col-1 {
  max-width: 120px
}

@media screen and (max-width: 600px) {
  .historyLottery .details__game .lottery-history-table .lottery-history-table-col-1 {
    max-width: 100px
  }
}

.historyLottery .details__game .lottery-history-table .lottery-history-table-col-2 {
  max-width: 42px
}

@media screen and (max-width: 600px) {
  .historyLottery .details__game .lottery-history-table .lottery-history-table-col-2 {
    font-size: 11px;
    padding-left: 4px
  }
}

.historyLottery .details__game .lottery-history-table .lottery-history-table-col-3 {
  max-width: 42px
}

@media screen and (max-width: 600px) {
  .historyLottery .details__game .lottery-history-table .lottery-history-table-col-3 {
    font-size: 11px;
    padding-left: 4px
  }
}

.historyLottery .details__game .lottery-history-table .lottery-history-table-col-4 {
  max-width: 180px
}

@media screen and (max-width: 425px) {
  .historyLottery .details__game .lottery-history-table .lottery-history-table-col-4 {
    max-width: 68px;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start
  }
}

.historyLottery .details__game .lottery-history-tickets {
  display: flex;
  grid-gap: 4px;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: center
}

.historyLottery .details__game .lottery-history-tickets .lottery-history-ticket {
  display: flex;
  flex-shrink: 0;
  width: 20px;
  height: 19px;
  justify-content: center;
  align-items: center;
  background: #222545;
  border-radius: 2px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.03em;
  color: #f3f3f3;
  border: 1px solid #08b8ff
}

.historyLottery .details__game .lottery-history-tickets .lottery-history-ticket.win {
  background: linear-gradient(180deg, #119bff, #00d1ff)
}

.progress-bar {
  width: 100%;
  height: 6px;
  background-color: #101224;
  border-radius: 12px;
  overflow: hidden;
  position: relative
}

.progress-bar>span {
  transition: .2s ease;
  background: #24abf8;
  box-shadow: inset 0 3px 8px 1px #6dcaff;
  position: absolute;
  height: 6px;
  border-radius: 12px;
  left: 0;
  top: 0
}

.progress-bar.animate {
  background: #23253d;
  width: 100%;
  height: 12px
}

.progress-bar.animate>span {
  height: 100%;
  overflow: hidden;
  transition: 1s ease-in
}

.progress-bar.animate>span:before {
  content: "";
  width: 8000px;
  height: 100%;
  background: url(/_nuxt/img/referralProgressBarGradientBg.5f8f681.svg) repeat-x 50%;
  background-size: 16px 12px;
  display: flex;
  -webkit-animation: progress 40s linear infinite;
  animation: progress 40s linear infinite;
  border-radius: 32px
}

@-webkit-keyframes progress {
  0% {
    transform: translate(-4000px)
  }

  to {
    transform: translate(0)
  }
}

@keyframes progress {
  0% {
    transform: translate(-4000px)
  }

  to {
    transform: translate(0)
  }
}

.bonus-countdown,
.bonus-countdown__item {
  display: flex;
  align-items: center
}

.bonus-countdown__item {
  width: 38px;
  height: 50px;
  background: linear-gradient(180deg, #9d002f 3%, #e0243b 65%, #e0243b);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -.03em;
  color: #f3f3f3
}

.bonus-countdown__item-symbol {
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #858cab
}

.bonus-countdown__divider {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -.03em;
  color: #f3f3f3;
  width: 18px
}

.bonus-countdown.default .bonus-countdown__item {
  background: transparent;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #f3f3f3;
  width: 24px;
  height: auto
}

.bonus-countdown.default .bonus-countdown__divider {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  height: 100%;
  width: 12px;
  font-size: 14px;
  line-height: 18px;
  color: #858cab;
  opacity: .5
}

.progress-bar {
  width: 100%;
  height: 6px;
  background-color: #101224;
  border-radius: 12px;
  overflow: hidden;
  position: relative
}

.progress-bar>span {
  transition: .2s ease;
  background: #24abf8;
  box-shadow: inset 0 3px 8px 1px #6dcaff;
  position: absolute;
  height: 6px;
  border-radius: 12px;
  left: 0;
  top: 0
}

.progress-bar.animate {
  background: #23253d;
  width: 100%;
  height: 12px
}

.progress-bar.animate>span {
  height: 100%;
  overflow: hidden;
  transition: 1s ease-in
}

.progress-bar.animate>span:before {
  content: "";
  width: 8000px;
  height: 100%;
  background: url(/_nuxt/img/referralProgressBarGradientBg.5f8f681.svg) repeat-x 50%;
  background-size: 16px 12px;
  display: flex;
  -webkit-animation: progress 40s linear infinite;
  animation: progress 40s linear infinite;
  border-radius: 32px
}

@-webkit-keyframes progress {
  0% {
    transform: translate(-4000px)
  }

  to {
    transform: translate(0)
  }
}

@keyframes progress {
  0% {
    transform: translate(-4000px)
  }

  to {
    transform: translate(0)
  }
}

.TournamentList {
  position: relative;
  margin-top: 32px;
  z-index: 0
}

.TournamentList.TournamentList--indexPage {
  margin-top: 0;
  margin-bottom: 32px
}

.TournamentList .head-trapezoid__trapezoid {
  top: -1px;
  left: calc(100% - 2px);
  pointer-events: none
}

.TournamentList .head-trapezoid__title {
  padding-right: 3px;
  grid-gap: 8px;
  gap: 8px
}

.TournamentList .head-trapezoid__body {
  background-color: #04071e;
  border-top-right-radius: 12px
}

.TournamentList .tournamentList__body {
  background-color: #04071e;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 24px 12px
}

@media screen and (max-width: 767.98px) {
  .TournamentList .tournamentList__body {
    padding: 24px 12px
  }
}

.TournamentList .tournaments-header {
  font-style: italic;
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -.5px;
  text-transform: uppercase;
  color: #fff
}

@media screen and (max-width: 767.98px) {
  .TournamentList .tournaments-header {
    font-size: 14px;
    line-height: 16px
  }
}

@media screen and (max-width: 374.98px) {
  .TournamentList .tournaments-header {
    font-size: 12px;
    line-height: normal
  }
}

.TournamentList .tournamentList__list {
  position: relative;
  overflow: auto
}

@media screen and (max-width: 767.98px) {
  .TournamentList .tournamentList__list {
    padding-bottom: 48px
  }
}

.TournamentList .tournamentList__list:after,
.TournamentList .tournamentList__list:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  z-index: 2;
  background: #04071e;
  box-shadow: 0 0 64px 64px #04071e
}

@media screen and (max-width: 767.98px) {

  .TournamentList .tournamentList__list:after,
  .TournamentList .tournamentList__list:before {
    width: 1px;
    box-shadow: 0 0 16px 16px #04071e
  }
}

.TournamentList .tournamentList__list:before {
  left: 0
}

.TournamentList .tournamentList__list:after {
  right: 0
}

.TournamentList .tournamentList__list.no-slider {
  display: flex;
  grid-gap: 24px;
  gap: 24px
}

.TournamentList .tournamentList__list.no-slider:after,
.TournamentList .tournamentList__list.no-slider:before {
  display: none
}

.TournamentList .tournamentList__list .swiper-wrapper {
  display: flex
}

.TournamentList .tournamentList__list .swiper-slide {
  width: 278px;
  max-width: 278px
}

.TournamentList .tournamentList__list .tournament-slider-block__next,
.TournamentList .tournamentList__list .tournament-slider-block__prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, .55);
  border-radius: 50%;
  z-index: 3;
  cursor: pointer
}

@media screen and (max-width: 767.98px) {

  .TournamentList .tournamentList__list .tournament-slider-block__next,
  .TournamentList .tournamentList__list .tournament-slider-block__prev {
    display: none
  }
}

.TournamentList .tournamentList__list .tournament-slider-block__next svg,
.TournamentList .tournamentList__list .tournament-slider-block__prev svg {
  width: 14px;
  height: 10px;
  fill: #000
}

.TournamentList .tournamentList__list .tournament-slider-block__prev {
  left: 50px
}

.TournamentList .tournamentList__list .tournament-slider-block__prev svg {
  transform: rotate(90deg)
}

.TournamentList .tournamentList__list .tournament-slider-block__next {
  right: 50px
}

.TournamentList .tournamentList__list .tournament-slider-block__next svg {
  transform: rotate(-90deg)
}

.TournamentList .tournamentList__list .swiper-pagination {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: none
}

.TournamentList .tournamentList__list .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.TournamentList .tournamentList__list .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main,
.TournamentList .tournamentList__list .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.TournamentList .tournamentList__list .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.TournamentList .tournamentList__list .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.TournamentList .tournamentList__list .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  min-width: 24px;
  transform: none
}

.TournamentList .tournamentList__list .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
  margin-right: 8px
}

@media screen and (max-width: 767.98px) {
  .TournamentList .tournamentList__list .swiper-pagination {
    display: flex
  }
}

.TournamentList .tournamentList__empty {
  padding: 31px 0 82px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.TournamentList .tournamentList__empty .tournamentList__empty-text {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #f3f3f3
}

.tournamentCard {
  position: relative;
  min-width: 278px;
  max-width: 278px;
  border-radius: 8px;
  overflow: hidden
}

@media screen and (max-width: 767.98px) {
  .tournamentCard {
    height: auto
  }
}

.tournamentCard:before {
  content: "";
  position: absolute;
  left: 50%;
  border-radius: 50%;
  z-index: 1;
  top: 45px;
  transform: translateX(-50%);
  width: 110px;
  height: 110px;
  opacity: .7;
  filter: blur(55px)
}

.tournamentCard.card-blue:before,
.tournamentCard.card-finished:before {
  background: linear-gradient(180deg, #2e43ff 3.21%, #0971ea 65.22%, #09ddea 99.54%)
}

.tournamentCard.card-red:before {
  background: #ff2c52
}

.tournamentCard.card-yellow:before {
  background: #ffbe18
}

.tournamentCard.card-purple:before {
  background: #d419f2
}

.tournamentCard .head-trapezoid__body {
  background-color: #1b1d32
}

.tournamentCard .tournamentCard__head {
  height: 48px;
  background: #1b1d32
}

.tournamentCard .tournamentCard__head .head-trapezoid__title {
  padding-right: 0;
  width: 79px
}

.tournamentCard .tournamentCard__head_count {
  position: absolute;
  display: flex;
  align-items: center;
  grid-gap: 6px;
  gap: 6px
}

.tournamentCard .tournamentCard__head_count svg {
  fill: #f3f3f3
}

.tournamentCard .tournamentCard__head_count span {
  padding-top: 4px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -.5px;
  text-transform: uppercase;
  color: #f3f3f3
}

.tournamentCard.card-yellow .tournamentCard__head_count svg {
  fill: #0c0f1e
}

.tournamentCard.card-yellow .tournamentCard__head_count span {
  color: #0c0f1e
}

.tournamentCard .tournamentCard__body {
  padding: 24px 4px 12px;
  background: #1b1d32
}

.tournamentCard .tournamentCard__body .tournamentCard__finishedText {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.02em;
  color: #f3f3f3
}

.tournamentCard .tournamentCard__body .tournamentCard__finishedDates {
  margin-top: -8px;
  margin-bottom: 8px;
  text-align: center;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #858cab
}

.tournamentCard .tournamentCard__body .tournamentCard__name {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 58px;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
  color: #f3f3f3;
  text-align: center
}

.tournamentCard .tournamentCard__body .tournamentCard__name span {
  font-size: 32px;
  line-height: 37px
}

.tournamentCard .tournamentCard__body .tournamentCard__name span.card-blue,
.tournamentCard .tournamentCard__body .tournamentCard__name span.card-finished {
  background: linear-gradient(180deg, #119bff, #00d1ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.tournamentCard .tournamentCard__body .tournamentCard__name span.card-red {
  color: #ff2c52
}

.tournamentCard .tournamentCard__body .tournamentCard__name span.card-yellow {
  color: #ffbe18
}

.tournamentCard .tournamentCard__body .tournamentCard__name span.card-purple {
  color: #d419f2
}

.tournamentCard .tournamentCard__body .tournamentCard__data {
  display: flex;
  grid-gap: 2px;
  gap: 2px;
  margin: 24px 24px 0
}

.tournamentCard .tournamentCard__body .tournamentCard__data .tournamentCard__data_elem {
  width: 114px;
  height: 66px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #0c0f1e
}

.tournamentCard .tournamentCard__body .tournamentCard__data .tournamentCard__data_elem:first-child {
  border-radius: 12px 0 0 12px
}

.tournamentCard .tournamentCard__body .tournamentCard__data .tournamentCard__data_elem:last-child {
  border-radius: 0 12px 12px 0
}

.tournamentCard .tournamentCard__body .tournamentCard__data .tournamentCard__data_elem.future {
  width: 100%;
  border-radius: 12px 12px 12px 12px
}

.tournamentCard .tournamentCard__body .tournamentCard__data .tournamentCard__data_podium,
.tournamentCard .tournamentCard__body .tournamentCard__data .tournamentCard__data_users {
  display: flex;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -.02em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #f3f3f3, rgba(184, 212, 255, .8));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.tournamentCard .tournamentCard__body .tournamentCard__data .tournamentCard__data_text {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.4px;
  color: #858cab
}

.tournamentCard .tournamentCard__body .tournamentCard__users {
  margin-top: 24px;
  min-height: 218px
}

.tournamentCard .tournamentCard__body .cardUserItem {
  display: flex;
  margin-top: 2px;
  padding: 8px 8px 4px;
  justify-content: space-between;
  background: #1b1d32;
  border-left: 2px solid #1b1d32;
  border-radius: 4px
}

.tournamentCard .tournamentCard__body .cardUserItem .cardUserItem__data {
  display: flex;
  align-items: center
}

.tournamentCard .tournamentCard__body .cardUserItem .cardUserItem__data .cardUserItem__data-userAva {
  position: relative;
  min-width: 30px;
  width: 30px;
  height: 30px;
  border-radius: 6px
}

.tournamentCard .tournamentCard__body .cardUserItem .cardUserItem__data .cardUserItem__data-userAva .ava-default {
  max-width: 100%;
  border-radius: 6px
}

.tournamentCard .tournamentCard__body .cardUserItem .cardUserItem__data .cardUserItem__data-userPlace {
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 13px;
  padding: 0 4px;
  background: #2e3258;
  border: 2px solid #1b1d32;
  border-radius: 32px
}

.tournamentCard .tournamentCard__body .cardUserItem .cardUserItem__data .cardUserItem__data-userPlace span {
  padding-top: 2px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
  letter-spacing: -.02em;
  color: #f3f3f3
}

.tournamentCard .tournamentCard__body .cardUserItem .cardUserItem__data .cardUserItem__data-userPlace.one {
  background: #ffbe18
}

.tournamentCard .tournamentCard__body .cardUserItem .cardUserItem__data .cardUserItem__data-userPlace.one span {
  color: #0c0f1e
}

.tournamentCard .tournamentCard__body .cardUserItem .cardUserItem__data .cardUserItem__data-userPlace.two {
  background: #858cab
}

.tournamentCard .tournamentCard__body .cardUserItem .cardUserItem__data .cardUserItem__data-userPlace.three {
  background: #665d47
}

.tournamentCard .tournamentCard__body .cardUserItem .cardUserItem__data .cardUserItem__data-userName {
  max-width: 128px;
  margin-left: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.02em;
  color: #858cab
}

.tournamentCard .tournamentCard__body .cardUserItem .cardUserItem__points {
  display: flex;
  align-items: center;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #24abf8
}

.tournamentCard .tournamentCard__body .cardUserItem .cardUserItem__points.gold {
  color: #ffbe18
}

.tournamentCard .tournamentCard__body .cardUserItem.cardUserItem--active {
  background: #23253d;
  border-left: 2px solid #24abf8
}

.tournamentCard .tournamentCard__body .cardUserItem.cardUserItem--active .cardUserItem__data-userName {
  color: #f3f3f3
}

.tournamentCard .tournamentCard__body .tournamentCard__buttonWrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 12px 24px;
  background: #1b1d32;
  box-shadow: 0 0 32px 24px #1b1d32;
  z-index: 3;
  display: none
}

.tournamentCard .tournamentCard__body .tournamentCard__buttonWrap.show {
  display: block
}

@media screen and (max-width: 767.98px) {
  .tournamentCard .tournamentCard__body .tournamentCard__buttonWrap {
    position: static;
    margin-top: 8px;
    padding: 0 12px;
    display: block
  }
}

.tournamentCard:hover .tournamentCard__body .tournamentCard__buttonWrap {
  display: block
}

.tournamentCard.finished .tournamentCard__data {
  margin-top: 16px
}

.tournamentCard__timer {
  display: flex;
  grid-gap: 16px;
  gap: 16px
}

.tournamentCard__timer.card {
  position: absolute;
  top: 10px;
  right: 12px
}

.tournamentCard__timer .tournamentCard__timer_col {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #f3f3f3
}

.tournamentCard__timer .tournamentCard__timer_col span {
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  color: #858cab
}

.tournamentCard__timer .tournamentCard__timer_col:not(:first-child):before {
  content: ":";
  position: absolute;
  top: -1px;
  left: -10px;
  color: #858cab;
  opacity: .5
}

.game-timer {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}

.game-timer__circle {
  fill: none;
  stroke: none
}

.game-timer__path-elapsed {
  stroke-width: 10px;
  stroke: rgba(0, 0, 0, .3)
}

.game-timer__time-left {
  position: absolute;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #f3f3f3
}

@media screen and (max-width: 767.98px) {
  .game-timer__time-left {
    font-size: 34px;
    line-height: 40px
  }
}

.game-timer__path-remaining {
  stroke-width: 10px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: all 1s linear;
  stroke: #24abf8
}

@media screen and (max-width: 767.98px) {
  .game-timer__path-remaining {
    stroke-width: 8px
  }
}

.game-timer__svg {
  transform: scaleX(-1);
  width: 100%
}

.game-roulette .game-panel {
  max-width: 270px;
  height: 806px
}

.game-roulette .game-panel .head-trapezoid__trapezoid {
  left: calc(100% - 9px)
}

.game-roulette .game-panel .head-trapezoid__body {
  padding-left: 60px
}

.game-roulette .game-table {
  max-height: 208px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 0
}

@media screen and (max-width: 1024px) {
  .game-roulette .game-table {
    min-height: 288px;
    max-height: 288px
  }
}

.roulette-table {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  transition: .2s ease
}

.roulette-table:not(:last-child) {
  margin-bottom: 8px
}

.roulette-table__total {
  padding: 16px 12px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .roulette-table__total {
    padding-bottom: 8px
  }
}

.roulette-table__total-sector {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -.03em;
  text-transform: uppercase
}

@media screen and (max-width: 1024px) {
  .roulette-table__total-sector {
    font-size: 24px;
    line-height: 28px
  }
}

@media screen and (max-width: 767.98px) {
  .roulette-table__total-sector {
    font-size: 14px;
    line-height: 18px
  }
}

.roulette-table__total-sector .circle-status {
  margin-right: 6px
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .roulette-table__total-sector .circle-status {
    margin-right: 12px;
    width: 22px;
    height: 22px
  }

  .roulette-table__total-sector .circle-status span {
    width: 8px;
    height: 8px
  }

  .roulette-table__total-sector .circle-status:before {
    width: 16px;
    height: 16px;
    left: 3px;
    top: 3px
  }

  .roulette-table__total-sector .circle-status:after {
    width: 22px;
    height: 22px
  }
}

@media screen and (max-width: 767.98px) {
  .roulette-table__total-sector .circle-status {
    margin-right: 6px
  }
}

.roulette-table__total-sector.red {
  color: #ff2c52
}

.roulette-table__total-sector.green {
  color: #3eb13b
}

.roulette-table__total-sector.black {
  color: #858cab
}

.roulette-table__total-amount .table-game-winning {
  font-size: 12px;
  line-height: 16px
}

.roulette-table__total-amount .table-game-winning svg {
  width: 16px !important
}

@media screen and (max-width: 1024px) {
  .roulette-table__total-amount .table-game-winning svg {
    width: 24px !important;
    margin-right: 12px
  }
}

@media screen and (max-width: 767.98px) {
  .roulette-table__total-amount .table-game-winning svg {
    width: 18px !important;
    margin-right: 6px
  }
}

@media screen and (max-width: 1024px) {
  .roulette-table__total-amount .table-game-winning {
    font-size: 24px;
    line-height: 28px
  }
}

@media screen and (max-width: 767.98px) {
  .roulette-table__total-amount .table-game-winning {
    font-size: 14px;
    line-height: 18px
  }
}

.roulette-table .game-table-item__col {
  display: flex
}

.roulette-table .game-table-item__col:last-child {
  margin-left: auto;
  justify-content: flex-end;
  min-width: 80px;
  flex-shrink: 0
}

@media screen and (max-width: 1024px) {
  .roulette-table .game-table-item__col {
    width: 40%
  }

  .roulette-table .game-table-item__col:last-child {
    width: 60%;
    justify-content: flex-start;
    padding-left: 60px
  }
}

@media screen and (max-width: 767.98px) {
  .roulette-table .game-table-item__col:last-child {
    justify-content: flex-start;
    padding-left: 50px
  }
}

.win .roulette-table {
  opacity: .3
}

.win.black .roulette-table.black,
.win.green .roulette-table.green,
.win.red .roulette-table.red {
  opacity: 1
}

.game-roulette-field {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url(/_nuxt/img/main-bg-desktop.090ef9f.png)
}

@media screen and (max-width: 1024px) {
  .game-roulette-field {
    height: 792px
  }
}

@media screen and (max-width: 767.98px) {
  .game-roulette-field {
    height: 440px;
    margin-bottom: 260px
  }
}

.game-roulette-field__container {
  position: absolute;
  top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .game-roulette-field__container {
    top: 30px
  }
}

.game-roulette-field__effect {
  width: 607px;
  height: 607px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-image: url(/_nuxt/img/effects-around-desktop-without-blur.910c7ee.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  position: relative
}

.game-roulette-field__effect:before {
  content: "";
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: linear-gradient(180deg, #119bff, #00d1ff);
  filter: blur(130px);
  transform: translateZ(0);
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto
}

@media screen and (max-width: 767.98px) {
  .game-roulette-field__effect:before {
    width: 160px;
    height: 160px
  }
}

@media screen and (max-width: 767.98px) {
  .game-roulette-field__effect {
    width: 400px;
    height: 400px
  }
}

.game-roulette-wheel {
  width: 445px;
  height: 445px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel {
    width: 290px;
    height: 290px
  }
}

.game-roulette-wheel__marker {
  z-index: 2;
  position: absolute;
  top: -12px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel__marker {
    top: -3px
  }
}

.game-roulette-wheel__marker-arrow {
  transition: .5s;
  z-index: 1;
  filter: drop-shadow(0 12px 48px #000000)
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel__marker-arrow {
    width: 25px
  }
}

.game-roulette-wheel__marker-shell {
  z-index: -1;
  margin-top: -8px
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel__marker-shell {
    width: 53px;
    margin-top: -7px
  }
}

.game-roulette-wheel__marker.dynamic .game-roulette-wheel__marker-arrow {
  -webkit-animation: translate 1s cubic-bezier(.18, .39, .57, 1) infinite;
  animation: translate 1s cubic-bezier(.18, .39, .57, 1) infinite
}

@-webkit-keyframes translate {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(5px)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes translate {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(5px)
  }

  to {
    transform: translateY(0)
  }
}

.game-roulette-wheel__marker.hidden .game-roulette-wheel__marker-arrow {
  opacity: 0
}

.game-roulette-wheel__circle {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.game-roulette-wheel__circle img {
  display: flex;
  width: 100%;
  height: auto;
  transform: rotate(-84deg);
  transform-origin: center;
  transition: .2s ease
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel__circle {
    width: 280px;
    height: 280px
  }
}

.game-roulette-wheel__win {
  z-index: 4;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(0, 28, 101, .6);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-weight: 800;
  font-size: 44px;
  line-height: 50px;
  letter-spacing: -.4px;
  color: #f3f3f3
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel__win {
    font-size: 32px;
    line-height: 38px;
    width: calc(100% - 16px);
    height: calc(100% - 16px)
  }
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel__win-img {
    width: 160px;
    margin-bottom: 8px
  }
}

.game-roulette-wheel__win-amount {
  margin-right: 8px
}

.game-roulette-wheel-state {
  width: 175px;
  height: 175px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  position: absolute
}

.game-roulette-wheel-state>* {
  position: absolute
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel-state {
    width: 110px;
    height: 110px
  }
}

.game-roulette-wheel-state__win {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #f3f3f3;
  border-radius: 50%;
  border: 4px solid #23274e;
  background: linear-gradient(180deg, #101329 3.21%, #252b52 65.22%, #252b52 99.54%);
  padding-top: 48px
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel-state__win {
    padding-top: 26px;
    font-size: 32px;
    line-height: 37px
  }
}

.game-roulette-wheel-state__win.dark {
  border-color: #23274e;
  background: linear-gradient(180deg, #101329 3.21%, #252b52 65.22%, #252b52 99.54%)
}

.game-roulette-wheel-state__win.red {
  border-color: #ff2c52;
  background: linear-gradient(180deg, #9d002f 3.21%, #e0243b 65.22%, #e0243b 99.54%)
}

.game-roulette-wheel-state__win.green {
  border-color: #72f06f;
  background: linear-gradient(180deg, #1fd80f 3.21%, #44b13b 65.22%, #61d958 99.54%)
}

.game-roulette-wheel-state__win-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  letter-spacing: -.02em;
  text-transform: uppercase
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel-state__win-title {
    font-size: 18px;
    line-height: 24px
  }
}

.game-roulette-wheel-state__running {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: linear-gradient(180deg, #101329 3.21%, #252b52 51.38%, #252b52 67.43%, #101329 99.54%);
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #666d85
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel-state__running {
    font-size: 18px;
    line-height: 21px
  }
}

.game-roulette-wheel-state__running span:last-child {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 37px;
  text-align: center;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #f3f3f3
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel-state__running span:last-child {
    font-size: 13px;
    line-height: 17px
  }
}

.game-roulette-wheel-state__running.wait {
  font-size: 11px;
  line-height: 14px
}

.game-roulette-wheel-state__running.wait span:last-child {
  font-size: 24px;
  line-height: 28px
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel-state__running.wait span:last-child {
    font-size: 12px;
    line-height: 14px
  }
}

.game-roulette-wheel-state__running.not-available span:last-child {
  font-size: 12px;
  line-height: 14px
}

@media screen and (max-width: 767.98px) {
  .game-roulette-wheel-state__running.not-available span:last-child {
    font-size: 10px;
    line-height: 12px
  }
}

.game-roulette-wheel-state__running-wrap {
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #10142a
}

.game-roulette-wheel-state__timer {
  width: 100%;
  height: 100%
}

.game-roulette__game-control {
  max-width: 460px;
  bottom: 0
}

@media screen and (max-width: 1024px) {
  .game-roulette__game-control {
    max-width: 630px
  }
}

@media screen and (max-width: 767.98px) {
  .game-roulette__game-control {
    bottom: auto;
    top: calc(100% - 16px)
  }
}

.game-roulette__game-control-section {
  grid-gap: 12px;
  gap: 12px
}

@media screen and (max-width: 767.98px) {
  .game-roulette__game-control-section {
    flex-direction: column;
    align-items: stretch
  }
}

.game-roulette__game-control-section .game-control__big-btn.game-control__roulette-btn {
  width: 33.33%
}

.game-roulette__game-control-section .game-control__big-btn.game-control__roulette-btn .roulette-userBet {
  font-size: 11px;
  color: #f3f3f3;
  font-weight: 400
}

.game-roulette__game-control-input {
  width: 160px
}

@media screen and (max-width: 1024px) {
  .game-roulette__game-control-input {
    width: calc(50% - 8px)
  }

  .game-roulette__game-control-input input {
    text-align: left
  }
}

@media screen and (max-width: 767.98px) {
  .game-roulette__game-control-input {
    width: 100%
  }
}

.game-history {
  position: absolute;
  right: 24px;
  top: 12px;
  grid-gap: 8px;
  gap: 8px;
  width: calc(100% - 48px);
  display: flex;
  z-index: 1
}

@media screen and (max-width: 767.98px) {
  .game-history {
    top: 8px;
    right: 16px;
    width: calc(100% - 32px)
  }
}

.game-history__list {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: flex-end;
  overflow: hidden;
  grid-gap: 8px;
  gap: 8px
}

.game-history__show-more {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 36px;
  height: 24px;
  background: #1b1d32;
  border-radius: 4px;
  cursor: pointer
}

.game-history__show-more:hover:not(.active) {
  background: #23253d
}

.game-history__show-more>span {
  position: absolute;
  opacity: 0 !important;
  display: block;
  width: 16px;
  height: 16px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer
}

.game-history__show-more>span:after,
.game-history__show-more>span:before {
  display: block;
  content: "";
  position: absolute;
  width: 14px;
  border-radius: 1px;
  height: 2px;
  background: #0c0f1e;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.game-history__show-more>span:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.game-history__show-more.active {
  background: #f3f3f3
}

.game-history__show-more.active svg {
  opacity: 0
}

.game-history__show-more.active>span {
  opacity: 1 !important
}

.game-history-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .2s ease
}

.game-history--bubbles:after {
  content: "";
  position: absolute;
  width: 32px;
  right: -16px;
  top: -4px;
  bottom: -4px;
  background: rgba(3, 10, 42, .75);
  filter: blur(8px);
  pointer-events: none
}

.game-history--bubbles .game-history-item {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -.3px;
  color: #f3f3f3;
  transition: .2s ease
}

.game-history--bubbles .game-history-item.red {
  background: linear-gradient(180deg, #9d002f 3.21%, #e0243b 65.22%, #e0243b 99.54%)
}

.game-history--bubbles .game-history-item.black {
  background: linear-gradient(180deg, #101329 3.21%, #252b52 65.22%, #252b52 99.54%)
}

.game-history--bubbles .game-history-item.green {
  background: linear-gradient(180deg, #1fd80f 3.21%, #44b13b 65.22%, #61d958 99.54%)
}

.game-history--bubbles .game-history-item.higher svg,
.game-history--bubbles .game-history-item.lower svg {
  transition: 0s;
  transform-origin: center center;
  fill: #f3f3f3
}

.game-history--bubbles .game-history-item.higher {
  background: linear-gradient(180deg, #1fd80f 3.21%, #44b13b 65.22%, #61d958 99.54%)
}

.game-history--bubbles .game-history-item.higher svg {
  transform: rotate(180deg)
}

.game-history--bubbles .game-history-item.lower {
  background: linear-gradient(180deg, #9d002f 3.21%, #e0243b 65.22%, #e0243b 99.54%)
}

.game-history--bubbles .game-history__list.roulette .game-history-item {
  opacity: .5
}

.game-history--bubbles .game-history__list.roulette .game-history-item.is-win {
  opacity: 1
}

.game-history--rates .game-history__list {
  max-height: 24px;
  flex-direction: row;
  flex-wrap: wrap
}

.game-history--rates .game-history__list .game-history-item {
  opacity: .5
}

.game-history--rates .game-history__list.open {
  max-height: -webkit-min-content;
  max-height: -moz-min-content;
  max-height: min-content;
  overflow-x: hidden;
  overflow-y: hidden;
  max-height: 56px
}

.game-history--rates .game-history__list.open .game-history-item {
  opacity: 1
}

.game-history--rates .game-history-item__rate {
  min-width: 60px;
  padding: 6px 5px 4px
}

.checkbox {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer
}

.checkbox.as-start {
  align-items: start
}

.checkbox__wrap {
  width: 32px;
  height: 18px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  background-color: #23253d;
  transition: .2s ease-in
}

.checkbox__label {
  margin-left: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.7px;
  color: #858cab;
  transition: .2s ease-in
}

.checkbox__circle {
  transition: .2s ease-in;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #666d85;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 0
}

.checkbox.checked .checkbox__wrap {
  background: #24abf8
}

.checkbox.checked .checkbox__wrap .checkbox__circle {
  background: #f3f3f3;
  left: calc(100% - 18px)
}

.checkbox.checked .checkbox__wrap+.checkbox__label {
  color: #24abf8
}

.checkbox__label a[data-v-601ee994] {
  color: #24abf8;
  text-decoration: underline
}

.checkbox__label a[data-v-601ee994]:hover {
  opacity: .8
}

.bannerWelcomeTimer__separator {
  -webkit-animation: toogle-opacity 2s ease-in 1s infinite;
  animation: toogle-opacity 2s ease-in 1s infinite
}

.bannerWelcomeTimer {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: 700;
  text-align: center
}

.bannerWelcomeTimer__title {
  margin-bottom: 6px
}

.bannerWelcomeTimer__wrap {
  display: flex;
  align-items: center;
  grid-gap: 4px;
  gap: 4px
}

.bannerWelcomeTimer__col {
  display: flex;
  flex-direction: column;
  align-items: center
}

.bannerWelcomeTimer__row {
  display: flex;
  align-items: center;
  grid-gap: 2px;
  gap: 2px
}

.bannerWelcomeTimer__field {
  width: 24px;
  height: 30px;
  border: 1px solid #771dc3;
  border-radius: 6px
}

.bannerWelcomeTimer__text {
  font-size: 9px;
  line-height: 1;
  padding-top: 2px;
  text-align: center;
  font-weight: 500
}

.bannerWelcomeTimer__separator {
  height: 100%
}

.bannerWelcomeBig {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 45px;
  background: url(/img/banners/welcomeBonus/bg.png) rgba(24, 27, 44, .61) no-repeat bottom;
  background-size: cover;
  position: relative
}

.bannerWelcomeBig>:not(.bannerWelcomeBig__img) {
  z-index: 2
}

.bannerWelcomeBig__trapezoid {
  height: 35px;
  min-width: 125px;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 4px;
  padding-left: 10px;
  background: url(/img/banners/welcomeBonus/rectangle-purple.svg) no-repeat top;
  background-size: cover;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .5px
}

.bannerWelcomeBig__trapezoid span {
  font-size: 15px;
  letter-spacing: .5px
}

.bannerWelcomeBig__timer {
  margin-top: 35px;
  margin-bottom: 35px
}

.bannerWelcomeBig__text-blue {
  background-image: linear-gradient(0deg, #fff 10%, #24abf8 60%, #761dc2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 12px #25acf9;
  -webkit-text-stroke: 2px rgba(24, 114, 174, .35)
}

.bannerWelcomeBig__footer {
  margin-top: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 32px;
  font-size: 11px;
  line-height: 16px;
  color: hsla(0, 0%, 100%, .7)
}

.bannerWelcomeBig__img {
  display: flex;
  z-index: 1
}

.bannerWelcomeBig__img img {
  width: 100%;
  height: auto
}

.bannerWelcomeBig__img--gift-box {
  max-width: 180px;
  margin-top: auto;
  bottom: 80px
}

.bannerWelcomeBig__img--planet-1,
.bannerWelcomeBig__img--planet-2,
.bannerWelcomeBig__img--planet-3 {
  position: absolute
}

.bannerWelcomeBig__img--planet-1 {
  top: 0;
  right: 0
}

.bannerWelcomeBig__img--planet-2 {
  bottom: 0;
  left: 0
}

.bannerWelcomeBig__img--planet-3 {
  bottom: 8px;
  right: 0
}

.bannerWelcomeBig__bonus {
  display: flex;
  flex-direction: column;
  align-self: center;
  align-items: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700
}

.bannerWelcomeBig__bonus-text {
  font-size: 26px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase
}

.bannerWelcomeBig__bonus-text--new-size {
  font-size: 20px !important
}

.bannerWelcomeBig__bonus-min {
  font-family: FS Elliot Pro;
  font-size: 8px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 2px;
  color: #fff
}

.bannerWelcomeBig__bonus-plus {
  margin-top: 6px;
  display: flex;
  line-height: 1
}

.bannerWelcomeBig__bonus-amount {
  font-size: 80px;
  line-height: 1
}

.bannerWelcomeBig__bonus-additional {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

.bannerWelcomeBig__bonus-additional .bannerWelcomeBig__bonus-text {
  font-size: 16px !important
}

.bannerWelcomeBig__bonus-additional .bannerWelcomeBig__bonus-amount {
  font-size: 32px !important
}

.bannerWelcomeBig__bonus-additional .bannerWelcomeBig__text-blue {
  -webkit-text-stroke: 1px rgba(24, 114, 174, .35)
}

.bannerWelcomeBig__bonus.fix,
.bannerWelcomeBig__bonus.percent {
  margin-top: 20px
}

.bannerWelcomeBig__bonus.freespin .bannerWelcomeBig__bonus-text,
.bannerWelcomeBig__bonus.percent .bannerWelcomeBig__bonus-text {
  font-size: 26px
}

.bannerWelcomeBig__bonus.freespin .bannerWelcomeBig__bonus-amount,
.bannerWelcomeBig__bonus.percent .bannerWelcomeBig__bonus-amount {
  font-size: 80px
}

.bannerWelcomeBig__bonus.currency-4-length>.bannerWelcomeBig__bonus-text {
  font-size: 20px
}

.bannerWelcomeBig__bonus.currency-4-length>.bannerWelcomeBig__bonus-amount {
  font-size: 48px
}

.bannerWelcomeBig__bonus .bannerWelcomeBig__bonus-additional {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

.bannerWelcomeBig__bonus .bannerWelcomeBig__bonus-additional .bannerWelcomeBig__bonus-text {
  font-size: 16px !important
}

.bannerWelcomeBig__bonus .bannerWelcomeBig__bonus-additional .bannerWelcomeBig__bonus-amount {
  font-size: 32px !important
}

.bannerWelcomeBig__bonus .bannerWelcomeBig__bonus-additional .bannerWelcomeBig__text-blue {
  -webkit-text-stroke: 1px rgba(24, 114, 174, .35)
}

@-webkit-keyframes hello-budy {

  0%,
  20% {
    transform: rotate(12deg) translateY(20%)
  }

  40%,
  60% {
    transform: rotate(0deg) translateY(0)
  }

  80%,
  to {
    transform: rotate(12deg) translateY(20%)
  }
}

@keyframes hello-budy {

  0%,
  20% {
    transform: rotate(12deg) translateY(20%)
  }

  40%,
  60% {
    transform: rotate(0deg) translateY(0)
  }

  80%,
  to {
    transform: rotate(12deg) translateY(20%)
  }
}

.bannerWelcomeMin {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 8px;
  position: relative;
  z-index: 0
}

.bannerWelcomeMin>:not(.bannerWelcomeMin__image-container) {
  z-index: 2
}

.bannerWelcomeMin:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: 8px;
  background: url(/img/banners/welcomeBonus/bg-min.png) rgba(24, 27, 44, .61) no-repeat bottom;
  background-size: cover
}

.bannerWelcomeMin__head {
  display: flex;
  align-items: center;
  margin-left: 70px;
  width: calc(100% - 70px);
  height: 44px;
  position: relative
}

.bannerWelcomeMin__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 16px 32px;
  grid-gap: 16px;
  gap: 16px;
  font-size: 12px;
  line-height: 16px
}

@media screen and (max-width: 767.98px) {
  .bannerWelcomeMin__body {
    padding: 16px
  }
}

.bannerWelcomeMin__text-blue {
  background-image: linear-gradient(0deg, #fff 10%, #24abf8 60%, #761dc2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 2px 2px #25acf9
}

.bannerWelcomeMin__image-container {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 8px
}

.bannerWelcomeMin__img {
  display: flex;
  position: absolute
}

.bannerWelcomeMin__img img {
  width: 100%;
  height: auto
}

.bannerWelcomeMin__img--gift-box {
  max-width: 52px;
  top: 8px;
  left: 6px;
  -webkit-animation: hello-budy;
  animation: hello-budy;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
  animation-timing-function: cubic-bezier(0, 0, .2, 1);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.bannerWelcomeMin__img--planet-2 {
  bottom: -35px;
  right: 20%;
  transform: rotate(-45deg) scale(.75)
}

.bannerWelcomeMin__img--planet-3 {
  top: -26px;
  right: 8%;
  transform: rotate(-90deg) scale(.5)
}

.bannerWelcomeMin.hasAdditional .bannerWelcomeMin__head {
  height: 54px;
  padding-bottom: 8px;
  width: auto
}

.bannerWelcomeMin.hasAdditional .bannerWelcomeMin__img--planet-2 {
  display: none
}

.bannerWelcomeMin.opened .bannerWelcomeMin__img--gift-box {
  -webkit-animation: none;
  animation: none
}

.bannerWelcomeMin-bonus {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700
}

.bannerWelcomeMin-bonus__text {
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 2px 3px #000
}

.bannerWelcomeMin-bonus__plus {
  margin: 0 4px;
  display: flex;
  line-height: 1;
  text-shadow: 1px 2px 3px #000
}

.bannerWelcomeMin-bonus__amount {
  font-size: 16px;
  line-height: 1
}

.bannerWelcomeMin-bonus__additional {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.bannerWelcomeMin-bonus__additional .bannerWelcomeBig__bonus-text {
  font-size: 10px !important
}

.bannerWelcomeMin-bonus__additional .bannerWelcomeBig__bonus-amount {
  font-size: 16px !important
}

.bannerWelcomeMin-bonus__more {
  font-size: 10px;
  line-height: 1;
  font-weight: 300;
  text-decoration: underline;
  color: hsla(0, 0%, 95.3%, .6);
  cursor: pointer;
  transition: -webkit-text-decoration-color .2s ease;
  transition: text-decoration-color .2s ease;
  transition: text-decoration-color .2s ease, -webkit-text-decoration-color .2s ease;
  position: absolute;
  right: 24px
}

.bannerWelcomeMin-bonus__more:hover {
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent
}

@media screen and (max-width: 767.98px) {
  .bannerWelcomeMin-bonus__more {
    font-size: 8px;
    text-decoration: none
  }
}

.bannerWelcomeMin-bonus.hasAdditional {
  flex-direction: row;
  align-items: center
}

.bannerWelcomeMin-bonus.hasAdditional .bannerWelcomeMin-bonus__more {
  bottom: 4px;
  font-size: 8px;
  right: auto;
  left: 50%;
  transform: translate(-50%)
}

.attention-block {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: rgba(36, 171, 248, .15);
  border-radius: 8px;
  position: relative;
  overflow: hidden
}

.attention-block__icon-wrap {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 8px
}

.attention-block__icon {
  max-width: 24px
}

.attention-block__text {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #f3f3f3;
  max-width: 800px
}

.attention-block__text .modal-btn {
  color: #24abf8;
  cursor: pointer;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
  transition: .2s ease
}

.attention-block__text .modal-btn:hover {
  -webkit-text-decoration-color: #24abf8;
  text-decoration-color: #24abf8
}

.attention-block__close {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  margin-left: 8px
}

.attention-block__close span {
  display: block;
  width: 16px;
  height: 16px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer
}

.attention-block__close span:after,
.attention-block__close span:before {
  display: block;
  content: "";
  position: absolute;
  width: 12px;
  border-radius: 1px;
  height: 2px;
  background: #f3f3f3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.attention-block__close span:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.attention-block__close span:hover {
  transform: rotate(90deg)
}

.attention-block:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #24abf8
}

.attention-block.info {
  background: rgba(36, 171, 248, .15)
}

.attention-block.info:before {
  background: #24abf8
}

.attention-block.danger {
  background: rgba(255, 44, 82, .15)
}

.attention-block.danger:before {
  background: #ff2c52
}

.captchaNew[data-v-400125a8] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2
}

.captchaNew--positionStatic[data-v-400125a8] {
  position: static
}

.captchaNew__content[data-v-400125a8] {
  max-width: 530px;
  padding: 28px 72px;
  border-radius: 18px;
  background: #0b0d23;
  box-shadow: 0 2px 15px 0 rgba(5, 83, 113, .29);
  position: relative
}

.captchaNew__action[data-v-400125a8],
.captchaNew__title[data-v-400125a8] {
  display: flex;
  justify-content: center;
  text-align: center
}

.captchaNew__subtitle[data-v-400125a8],
.captchaNew__title[data-v-400125a8] {
  font-family: Helvetica Neue, sans-serif;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.captchaNew__title[data-v-400125a8] {
  font-size: 22px;
  color: #fff
}

.captchaNew__AttentionBlock[data-v-400125a8] {
  margin-top: 8px
}

.captchaNew__subtitle[data-v-400125a8] {
  font-size: 12px;
  color: #cacaca
}

.captchaNew .img-loader[data-v-400125a8] {
  margin: 32px auto;
  width: 316px;
  height: 316px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.captchaNew__images[data-v-400125a8] {
  display: grid;
  margin: 32px auto;
  padding: 0;
  grid-gap: 8px;
  grid-template-columns: repeat(3, 100px);
  grid-template-rows: repeat(3, 100px);
  justify-content: center
}

@media screen and (max-width: 767px) {
  .captchaNew__images[data-v-400125a8] {
    grid-template-columns: repeat(3, 80px);
    grid-template-rows: repeat(3, 80px)
  }
}

.captchaNew__images img[data-v-400125a8] {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all .1s ease;
  overflow: hidden;
  cursor: pointer;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.captchaNew__images img[data-v-400125a8]:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #e6e6e6;
  border: 2px dotted #c8c8c8;
  border-radius: 5px
}

.captchaNew__images img[data-v-400125a8]:after {
  content: "Ошибка";
  display: block;
  font-size: 16px;
  font-style: normal;
  color: #646464;
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  text-align: center
}

.captchaNew__action .btn[data-v-400125a8] {
  min-width: 195px
}

.captchaNew__close[data-v-400125a8] {
  position: absolute;
  top: 16px;
  right: 16px;
  display: block;
  width: 24px;
  height: 24px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer
}

.captchaNew__close[data-v-400125a8]:after,
.captchaNew__close[data-v-400125a8]:before {
  display: block;
  content: "";
  position: absolute;
  width: 18px;
  border-radius: 1px;
  height: 2px;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.captchaNew__close[data-v-400125a8]:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.captchaNew__close[data-v-400125a8]:hover {
  transform: rotate(90deg)
}

.captchaNew.captchaNew--small[data-v-400125a8] {
  position: static
}

.captchaNew.captchaNew--small .captchaNew__content[data-v-400125a8] {
  max-width: 100%;
  padding: 16px 0;
  background: transparent;
  box-shadow: none
}

@media screen and (max-width: 767.98px) {
  .captchaNew.captchaNew--small .captchaNew__content[data-v-400125a8] {
    padding: 16px
  }
}

.captchaNew.captchaNew--small .captchaNew__title[data-v-400125a8] {
  font-size: 18px;
  line-height: 24px
}

.captchaNew.captchaNew--small .captchaNew__images[data-v-400125a8] {
  margin: 16px 0;
  grid-template-columns: repeat(3, 70px);
  grid-template-rows: repeat(3, 70px)
}

.notice-container {
  z-index: 102;
  position: fixed;
  width: 336px;
  top: 20px;
  right: 16px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  transition: .2s ease-in
}

@media screen and (max-width: 425px) {
  .notice-container {
    width: calc(100% - 32px)
  }
}

.notice-game-container,
.NoticeRatingWrapper {
  z-index: 102;
  position: fixed;
  width: 300px;
  top: 20px;
  right: 50%;
  transform: translateX(50%);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  transition: .2s ease-in
}

.casinoRefund.NoticeRatingWrapper,
.notice-game-container.casinoRefund {
  width: 400px
}

@media screen and (max-width: 425px) {

  .casinoRefund.NoticeRatingWrapper,
  .notice-game-container,
  .notice-game-container.casinoRefund,
  .NoticeRatingWrapper {
    width: calc(100% - 32px)
  }
}

.notice {
  width: 100%;
  color: #f3f3f3;
  background-color: #1c1c31;
  border-radius: 6px;
  overflow: hidden;
  position: relative
}

.notice__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 16px 32px 16px 16px
}

.notice .notice__wrap.row {
  flex-direction: row;
  grid-gap: 14px;
  gap: 14px;
  align-items: center
}

.notice:not(:last-child) {
  margin-bottom: 12px
}

.notice__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  display: flex;
  align-items: center
}

.notice__title svg {
  margin-right: 8px
}

.notice__close {
  display: block;
  width: 20px;
  height: 20px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px
}

.notice__close:after,
.notice__close:before {
  display: block;
  content: "";
  position: absolute;
  width: 14px;
  border-radius: 1px;
  height: 2px;
  background: #504e68;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.notice__close:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.notice__close:hover {
  transform: rotate(90deg)
}

.notice__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 12px
}

.notice__text {
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: #f3f3f3
}

.notice__text:not(:last-child) {
  margin-bottom: 12px
}

.notice__progress {
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex
}

.notice__progress span {
  transition: .2s ease;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%
}

.notice.success .notice__wrap {
  background: linear-gradient(90deg, rgba(62, 177, 59, .2) 10%, #1c1c31 70%)
}

.notice.success .notice__progress span {
  background: #3eb13b
}

.notice.error .notice__wrap {
  background: linear-gradient(90deg, rgba(255, 44, 82, .2) 10%, #1c1c31 70%)
}

.notice.error .notice__progress span {
  background: #ff2c52
}

.notice.warning .notice__wrap {
  background: linear-gradient(90deg, rgba(255, 190, 24, .2) 10%, #1c1c31 70%)
}

.notice.warning .notice__progress span {
  background: #ffbe18
}

.notice.info .notice__wrap {
  background: linear-gradient(90deg, rgba(133, 140, 171, .2) 10%, #1c1c31 70%)
}

.notice.info .notice__progress span {
  background: #858cab
}

.notice.game .notice__title {
  color: #24abf8;
  text-transform: none
}

.notice.game .notice__body {
  padding-top: 4px
}

.notice.game .notice__text {
  display: inline-flex;
  align-items: center;
  grid-gap: 4px;
  gap: 4px
}

.notice.game .notice__img-game {
  min-width: 35px;
  height: 35px;
  margin-left: 4px;
  border-radius: 4px;
  box-shadow: 0 0 0 2px #6dcaff, 0 0 0 4px hsla(0, 0%, 100%, .35);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%
}

.notice.game .notice__wrap {
  background: linear-gradient(90deg, rgba(36, 171, 248, .2) 10%, #1c1c31 70%)
}

.notice.game .notice__progress span {
  background: #24abf8
}

.notice.noticeTicket.success .notice__wrap {
  background: linear-gradient(135deg, rgba(62, 177, 59, .2) 10%, #1c1c31 50%)
}

.notice.noticeTicket .notice__wrap {
  padding: 16px
}

.notice.noticeTicket .noticeTicket__header {
  display: flex;
  grid-gap: 8px;
  gap: 8px
}

.notice.noticeTicket .noticeTicket__text {
  margin-top: 16px;
  font-family: FS Elliot Pro, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

.notice.noticeTicket .noticeTicket__bottom {
  position: relative;
  margin-top: 16px
}

.notice.noticeTicket .noticeTicket__bottom svg {
  border-radius: 8px
}

.notice.noticeTicket .noticeTicket__bonus {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px
}

.notice.noticeTicket .noticeTicket__line1,
.notice.noticeTicket .noticeTicket__line2 {
  font-family: FS Elliot Pro, sans-serif;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

.notice.noticeTicket .noticeTicket__line1 {
  font-size: 14px;
  font-weight: 700;
  line-height: 17.02px;
  color: #ffe600
}

.notice.noticeTicket .noticeTicket__line2 {
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.59px;
  color: #f3f3f3
}

.notice.noticeTicket .noticeTicket__bottom-link {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border-radius: 6px;
  transition: background-color .2s ease, opacity .2s ease;
  cursor: pointer;
  background-color: #292d44;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -.3px;
  color: #fff
}

.notice.noticeTicket .noticeTicket__bottom-link:hover {
  opacity: .8
}

.notice.noticeTicket .notice__close {
  z-index: 2
}

.notice.noticeTicket .noticeTicket__fake-link-container {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent
}

.notice.noticeTicket:hover .noticeTicket__bottom-link {
  opacity: .8
}

.NoticeRatingWrapper {
  width: 325px;
  top: 50px;
  z-index: 103
}

@media screen and (max-width: 767.98px) {
  .NoticeRatingWrapper {
    width: 300px
  }
}

.noticeRatingBg {
  padding: 2px;
  background: linear-gradient(180deg, #119bff, #00d1ff);
  border-radius: 8px
}

.noticeRating {
  padding: 18px 12px;
  background: #1b1d32;
  border-radius: 8px
}

.noticeRating__progress {
  margin: 16px 6px 0;
  padding: 4px;
  background: #0c0f1e;
  border-radius: 32px
}

.noticeRating__progressBar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1%;
  height: 16px;
  padding: 3px;
  overflow: hidden;
  transition: width .6s linear;
  background: linear-gradient(180deg, #25b1ff -100%, rgba(9, 139, 234, .5) 4.17%, rgba(9, 139, 234, .55) 48.94%, #25b1ff);
  box-shadow: inset 0 3px 8px 1px #6dcaff;
  border-radius: 32px
}

.noticeRating__progressBar span {
  position: absolute;
  left: 0;
  right: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.5px
}

.ranksLine {
  position: relative;
  display: flex;
  height: 81px;
  justify-content: space-between
}

.ranksLine__arrows {
  position: absolute;
  top: 20px;
  left: 132px
}

@media screen and (max-width: 767.98px) {
  .ranksLine__arrows {
    left: 120px
  }
}

.ranksLine__rank {
  position: absolute;
  display: flex;
  width: 115px;
  flex-direction: column;
  align-items: center
}

.ranksLine__rank_current {
  left: 0
}

.ranksLine__rank_next {
  right: 0
}

.ranksLine__rank_transition {
  transition: .4s ease
}

.ranksLine__rank-image {
  max-width: 72px
}

@media screen and (max-width: 767.98px) {
  .ranksLine__rank-image {
    max-width: 70px
  }
}

.ranksLine__rank-image img {
  max-width: 100%
}

.ranksLine__rank-type {
  margin-top: 6px;
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  color: #666d85
}

.ranksLine__rank-type.type-current {
  color: #24abf8
}

.ranksLine__rank-name {
  margin-top: 2px;
  text-align: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: -.5px;
  text-transform: uppercase;
  color: #f3f3f3
}

.profile-sidebar__rank-lower-fade {
  z-index: 3;
  -webkit-animation: profile-sidebar-rank-lower-fade .7s forwards;
  animation: profile-sidebar-rank-lower-fade .7s forwards
}

.profile-sidebar__rank-up-reveal {
  z-index: 3;
  -webkit-animation: profile-sidebar-rank-up-reveal .7s forwards;
  animation: profile-sidebar-rank-up-reveal .7s forwards
}

@-webkit-keyframes profile-sidebar-rank-lower-fade {
  0% {
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(10px)
  }
}

@keyframes profile-sidebar-rank-lower-fade {
  0% {
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(10px)
  }
}

@-webkit-keyframes profile-sidebar-rank-up-reveal {
  0% {
    opacity: 0;
    transform: translateY(-10px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes profile-sidebar-rank-up-reveal {
  0% {
    opacity: 0;
    transform: translateY(-10px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.table[data-v-50ecb9ea] {
  margin: 0
}

.table__wrap[data-v-50ecb9ea] {
  position: relative
}

.table__wrap .table__name[data-v-50ecb9ea] {
  position: absolute;
  width: 133px;
  height: 44px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMzIiBoZWlnaHQ9IjQ0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMjYuMzU3IDUuMzM4QzEyOC41NjUgMy41NjQgMTI3LjMxIDAgMTI0LjQ3OCAwSDhhOCA4IDAgMDAtOCA4djM2aDY5LjhhMjQgMjQgMCAwMDE1LjAzNS01LjI5Mmw0MS41MjItMzMuMzd6IiBmaWxsPSIjMDQwNzFFIi8+PHBhdGggZD0iTTM4LjcxMiAxNy41MDRsLTEuNzI4IDcuNjhoNi40OEw0Mi44NTYgMjhoLTkuNzZsMi4zMzYtMTAuNDk2aDMuMjh6bTEwLjc0NCAwTDQ3LjEyIDI4aC0zLjI5NmwyLjM1Mi0xMC40OTZoMy4yOHptMTIuOTU4IDBsLS4wOTYuNDhMNTUuODA2IDI4SDUyLjAzbC0yLjAzMi0xMC4wMTYuMDk2LS40OGgzLjEzNmwxLjIxNiA3LjEzNiA0LjM4NC03LjEzNmgzLjU4NHptMTAuODU2IDBsLS41OTIgMi42NzJoLTYuNDhsLS4yODggMS4yNDhoNi4xNmwtLjU3NiAyLjY0aC02LjE2bC0uMzA0IDEuMjQ4aDYuNDhMNzAuOTM0IDI4aC05Ljc2bDIuMzM2LTEwLjQ5Nmg5Ljc2eiIgZmlsbD0iI2ZmZiIvPjxjaXJjbGUgb3BhY2l0eT0iLjIiIGN4PSIyMCIgY3k9IjIzIiByPSI3IiBmaWxsPSIjRkYyQzUyIi8+PGNpcmNsZSBvcGFjaXR5PSIuMTUiIGN4PSIyMCIgY3k9IjIzIiByPSI5IiBmaWxsPSIjRkYyQzUyIi8+PGNpcmNsZSBjeD0iMjAiIGN5PSIyMyIgcj0iMyIgZmlsbD0iI0ZGMkM1MiIvPjwvc3ZnPg==");
  background-repeat: no-repeat
}

.table__wrap .table__tab[data-v-50ecb9ea] {
  display: flex
}

.table__wrap .table__tab .table__diagonal-header[data-v-50ecb9ea] {
  width: 174px;
  height: 49px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU4IiBoZWlnaHQ9IjQ5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMS0xaDE2MHY1MUgtMXoiLz48cGF0aCBzdHlsZT0iLS1kYXJrcmVhZGVyLWlubGluZS1maWxsOiMwZDBlMWQiIHN0cm9rZT0ibnVsbCIgZmlsbD0iIzEwMTIyNCIgZD0iTTEwODIgOC45NzRjMC00Ljk1Ni00LjAyLTguOTc0LTguOTctOC45NzRIMTU3LjE3NWMtMTEuODkxIDAtMjMuMzg2IDQuMTM0LTMyLjM4MyAxMS42NDdsLTI5Ljk5MyAyNi4wMWMtNy44OTQgNi41OTItMTcuNzQgMTAuNjA2LTI4LjEzNSAxMS40N2wtMTEuMzUxLjk0NUwxMDgyIDU3LjgwNFY4Ljk3NHoiLz48L3N2Zz4=");
  background-repeat: no-repeat
}

.table__wrap .table__tab .table__header[data-v-50ecb9ea] {
  display: flex;
  vertical-align: bottom;
  width: 100%;
  height: 49px;
  padding-top: 13px;
  background-color: #101224;
  border-top-right-radius: 8px
}

.table__wrap .table__tab .table__header .tab-wrap[data-v-50ecb9ea] {
  display: flex;
  margin-left: -35px
}

.table__wrap .table__tab .table__header .tab-wrap .cool-bet.active[data-v-50ecb9ea],
.table__wrap .table__tab .table__header .tab-wrap .cool-bet[data-v-50ecb9ea],
.table__wrap .table__tab .table__header .tab-wrap .cool-kf.active[data-v-50ecb9ea],
.table__wrap .table__tab .table__header .tab-wrap .cool-kf[data-v-50ecb9ea] {
  background-repeat: no-repeat;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.01em;
  font-feature-settings: "kern" off
}

.table__wrap .table__tab .table__header .tab-wrap .cool-bet.active[data-v-50ecb9ea],
.table__wrap .table__tab .table__header .tab-wrap .cool-bet[data-v-50ecb9ea] {
  width: 124px;
  margin-right: 1px;
  padding: 10px 13px 10px 0;
  text-align: right
}

.table__wrap .table__tab .table__header .tab-wrap .cool-kf.active[data-v-50ecb9ea],
.table__wrap .table__tab .table__header .tab-wrap .cool-kf[data-v-50ecb9ea] {
  width: 170px;
  padding: 10px 0 10px 10px
}

.table__wrap .table__tab .table__header .tab-wrap .cool-bet.active[data-v-50ecb9ea],
.table__wrap .table__tab .table__header .tab-wrap .cool-kf.active[data-v-50ecb9ea] {
  color: #24abf8
}

.table__wrap .table__tab .table__header .tab-wrap .cool-bet[data-v-50ecb9ea],
.table__wrap .table__tab .table__header .tab-wrap .cool-kf[data-v-50ecb9ea] {
  color: #f3f3f3;
  cursor: pointer
}

.table__wrap .table__tab .table__header .tab-wrap .cool-bet[data-v-50ecb9ea] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM0IiBoZWlnaHQ9IjM1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMS0xaDEzNnYzN0gtMXoiLz48cGF0aCBmaWxsPSIjMUExRDJDIiBkPSJNMjUuMjEgNS41ODdBMTYgMTYgMCAwMTM3LjM2IDBIMTc0djM1SDEzLjA0NWMtNS4xMjYgMC03Ljg5MS02LjAxMy00LjU1NS05LjkwNUwyNS4yMSA1LjU4N3oiLz48L3N2Zz4=")
}

.table__wrap .table__tab .table__header .tab-wrap .cool-bet.active[data-v-50ecb9ea] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI0IiBoZWlnaHQ9IjM1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2lfNTY3XzI5NDEpIj48cGF0aCBkPSJNMTguMjEgNS41ODdBMTYgMTYgMCAwMTMwLjM2IDBIMTI0djM1SDYuMDQ1Qy45MiAzNS0xLjg0NiAyOC45ODcgMS40OSAyNS4wOTVMMTguMjEgNS41ODd6IiBmaWxsPSIjMUExRDJDIi8+PC9nPjxkZWZzPjxmaWx0ZXIgaWQ9ImZpbHRlcjBfaV81NjdfMjk0MSIgeD0iLjAzMyIgeT0iMCIgd2lkdGg9IjEyMy45NjciIGhlaWdodD0iMzUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE2Ii8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjE0MTE3NiAwIDAgMCAwIDAuNjcwNTg4IDAgMCAwIDAgMC45NzI1NDkgMCAwIDAgMC41NSAwIi8+PGZlQmxlbmQgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzU2N18yOTQxIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==")
}

.table__wrap .table__tab .table__header .tab-wrap .cool-kf[data-v-50ecb9ea] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY3IiBoZWlnaHQ9IjM1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNDguNzg5IDUuNTg3QTE2IDE2IDAgMDAxMzYuNjQxIDBIMHYzNWgxNjAuOTU1YzUuMTI2IDAgNy44OTEtNi4wMTMgNC41NTUtOS45MDVMMTQ4Ljc4OSA1LjU4N3oiIGZpbGw9IiMxQTFEMkMiLz48L3N2Zz4=")
}

.table__wrap .table__tab .table__header .tab-wrap .cool-kf.active[data-v-50ecb9ea] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcwIiBoZWlnaHQ9IjM1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2lfNTY3XzI5NDEpIj48cGF0aCBkPSJNMTQzLjI1OCAzLjgwM0ExNiAxNiAwIDAwMTMyLjkwMiAwSDB2MzVoMTYzLjY2M2M1LjU4NSAwIDguMTQxLTYuOTYgMy44ODQtMTAuNTc0TDE0My4yNTggMy44MDN6IiBmaWxsPSIjMUExRDJDIi8+PC9nPjxkZWZzPjxmaWx0ZXIgaWQ9ImZpbHRlcjBfaV81NjdfMjk0MSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2OS42NzYiIGhlaWdodD0iMzUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE2Ii8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjE0MTE3NiAwIDAgMCAwIDAuNjcwNTg4IDAgMCAwIDAgMC45NzI1NDkgMCAwIDAgMC41NSAwIi8+PGZlQmxlbmQgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzU2N18yOTQxIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==")
}

.table__wrap .table[data-v-50ecb9ea] {
  width: 100%;
  height: auto;
  background-color: #101224;
  border-radius: 0 0 8px 8px
}

.table__wrap .table .tr[data-v-50ecb9ea] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 54px;
  padding-right: 40px;
  grid-gap: 4px;
  gap: 4px
}

@media screen and (max-width: 1024px) {
  .table__wrap .table .tr[data-v-50ecb9ea] {
    grid-gap: 8px;
    gap: 8px;
    padding-right: 20px
  }
}

.table__wrap .table .tr .td[data-v-50ecb9ea],
.table__wrap .table .tr .th[data-v-50ecb9ea] {
  padding: 0;
  width: 55px
}

.table__wrap .table .tr .td-main[data-v-50ecb9ea],
.table__wrap .table .tr .th-main[data-v-50ecb9ea] {
  display: flex;
  width: 20%;
  align-items: center
}

.table__wrap .table .tr .th[data-v-50ecb9ea] {
  padding: 22px 0 12px;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
  text-align: left
}

.table__wrap .table .tr .td .name-player[data-v-50ecb9ea],
.table__wrap .table .tr .th[data-v-50ecb9ea] {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.3px;
  color: #666d85
}

.table__wrap .table .tr .td .name-player[data-v-50ecb9ea] {
  display: block;
  max-width: 92px;
  margin: 0 4px 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap
}

.table__wrap .table .tr .td .icon-rang[data-v-50ecb9ea] {
  max-width: 14px
}

.table__wrap .table .tr .td .game-name[data-v-50ecb9ea] {
  text-transform: capitalize
}

.table__wrap .table .tr .td .game-name[data-v-50ecb9ea],
.table__wrap .table .tr .td .money-count[data-v-50ecb9ea] {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.table__wrap .table .tr .td .money-count.sum.mobile[data-v-50ecb9ea] {
  color: #be8800 !important
}

.table__wrap .table .tr .td .game-icon[data-v-50ecb9ea],
.table__wrap .table .tr .td .money-icon[data-v-50ecb9ea] {
  width: 16px;
  height: 16px
}

.table__wrap .table .tr .td .game-icon[data-v-50ecb9ea] {
  margin-right: 8px;
  mix-blend-mode: luminosity
}

.table__wrap .table .tr .td .money-icon[data-v-50ecb9ea] {
  margin-right: 4px
}

.table__wrap .table .tr .td .kf-more-15[data-v-50ecb9ea] {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #fff
}

.table__wrap .table .tr .td .kf-more-15.color-1[data-v-50ecb9ea] {
  color: #bd30ff
}

.table__wrap .table .tr .td .kf-more-15.color-2[data-v-50ecb9ea] {
  color: #3eb13b
}

.table__wrap .table .tr .td .kf-more-15.color-3[data-v-50ecb9ea] {
  color: #308fff
}

.table__wrap .table .tr .td .kf-more-15.color-4[data-v-50ecb9ea] {
  color: #ff3055
}

.table__wrap .table .tr .td .time-bet[data-v-50ecb9ea] {
  padding-top: 18px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #666d85
}

.table__wrap .table .tr .td-first-left[data-v-50ecb9ea] {
  display: flex;
  padding: 15px 0;
  align-items: center
}

.table__wrap .table .tr .td-first-left .avatar[data-v-50ecb9ea] {
  width: 24px;
  max-width: 24px
}

.table__wrap .table .tr .td-first-left[data-v-50ecb9ea],
.table__wrap .table .tr .th-first-left[data-v-50ecb9ea] {
  min-width: 140px;
  padding-left: 25px
}

.table__wrap .table .td-bet[data-v-50ecb9ea],
.table__wrap .table .td-game[data-v-50ecb9ea],
.table__wrap .table .td-sum[data-v-50ecb9ea] {
  display: flex;
  align-items: center
}

.table__wrap .table .tr.white[data-v-50ecb9ea] {
  background: #1a1d2c;
  box-shadow: inset -8px 0 8px rgba(12, 15, 30, .55), inset 8px 0 8px rgba(12, 15, 30, .55)
}

.table__wrap.mobile[data-v-50ecb9ea] {
  position: relative;
  width: 100%
}

.table__wrap.mobile .table__name.mobile[data-v-50ecb9ea] {
  position: absolute;
  width: 110px;
  height: 44px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEzIiBoZWlnaHQ9IjQ0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMDYuMzU3IDUuMzM4YzIuMjA4LTEuNzc0Ljk1NC01LjMzOC0xLjg3OS01LjMzOEg4YTggOCAwIDAwLTggOHYzNmg0OS44MDFhMjQgMjQgMCAwMDE1LjAzNC01LjI5Mmw0MS41MjItMzMuMzd6IiBmaWxsPSIjMDQwNzFFIi8+PHBhdGggZD0iTTM1Ljk5OCAxOC44MTZsLTEuNTEyIDYuNzJoNS42N0wzOS42MjQgMjhoLTguNTRsMi4wNDQtOS4xODRoMi44N3ptOS40MDIgMEw0My4zNTYgMjhINDAuNDdsMi4wNTktOS4xODRoMi44N3ptMTEuMzM3IDBsLS4wODQuNDJMNTAuOTU1IDI4aC0zLjMwNGwtMS43NzgtOC43NjQuMDg0LS40MmgyLjc0NGwxLjA2NCA2LjI0NCAzLjgzNi02LjI0NGgzLjEzNnptOS41IDBsLS41MTggMi4zMzhoLTUuNjdsLS4yNTIgMS4wOTJoNS4zOWwtLjUwNCAyLjMxaC01LjM5bC0uMjY3IDEuMDkyaDUuNjdMNjQuMTkyIDI4aC04LjU0bDIuMDQ0LTkuMTg0aDguNTR6IiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBvcGFjaXR5PSIuMiIgY3g9IjE4IiBjeT0iMjQiIHI9IjYuMjIyIiBmaWxsPSIjRkYyQzUyIi8+PGNpcmNsZSBvcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjI0IiByPSI4IiBmaWxsPSIjRkYyQzUyIi8+PGNpcmNsZSBjeD0iMTgiIGN5PSIyNCIgcj0iMi42NjciIGZpbGw9IiNGRjJDNTIiLz48L3N2Zz4=");
  background-repeat: no-repeat
}

.table__wrap.mobile .table__tab.mobile[data-v-50ecb9ea] {
  display: flex
}

.table__wrap.mobile .table__tab.mobile .table__diagonal-header.mobile[data-v-50ecb9ea] {
  position: absolute;
  width: 184px;
  height: 49px;
  background-repeat: no-repeat;
  background-position: -20px;
  z-index: 0
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile[data-v-50ecb9ea] {
  display: flex;
  vertical-align: bottom;
  width: 100%;
  height: 49px;
  margin-left: 135px;
  padding-top: 13px;
  background-color: #101224;
  border-top-right-radius: 8px
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile[data-v-50ecb9ea] {
  display: flex;
  margin-left: -55px;
  z-index: 1
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.active.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.active.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.mobile[data-v-50ecb9ea] {
  width: auto !important;
  padding: 0 !important;
  line-height: 25px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -.01em;
  font-feature-settings: "kern" off
}

@media screen and (max-width: 374px) {

  .table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.active.mobile[data-v-50ecb9ea],
  .table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.mobile[data-v-50ecb9ea],
  .table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.active.mobile[data-v-50ecb9ea],
  .table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.mobile[data-v-50ecb9ea] {
    line-height: 16px
  }
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.active.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.mobile[data-v-50ecb9ea] {
  width: 124px;
  margin-left: 30px;
  margin-right: 16px;
  text-align: right
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.active.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.mobile[data-v-50ecb9ea] {
  width: 170px;
  padding: 10px 0 10px 10px
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.active.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.active.mobile[data-v-50ecb9ea] {
  color: #24abf8;
  border-bottom: 1px solid #24abf8
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.mobile[data-v-50ecb9ea] {
  color: #666d85
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.active.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.active.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.mobile[data-v-50ecb9ea] {
  background-image: none
}

.table__wrap.mobile .table.mobile[data-v-50ecb9ea] {
  width: 100%;
  height: auto;
  background-color: #101224;
  border-radius: 0 0 8px 8px
}

.table__wrap.mobile .table.mobile .tbody[data-v-50ecb9ea] {
  border-top: 1px solid #0d0e1d
}

.table__wrap.mobile .table.mobile .tr.mobile[data-v-50ecb9ea] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 83px;
  padding-right: 0
}

.table__wrap.mobile .table.mobile .tr.mobile .td.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table.mobile .tr.mobile .th.mobile[data-v-50ecb9ea] {
  padding: 0;
  width: auto
}

.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .game-name.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .kf-more-15.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .money-count.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .time-bet.mobile[data-v-50ecb9ea] {
  margin: 0
}

.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .game-name.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .money-count.mobile[data-v-50ecb9ea] {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .game-icon.mobile[data-v-50ecb9ea] {
  margin-right: 8px
}

.table__wrap.mobile .table.mobile .tr.mobile .td-first-left.mobile[data-v-50ecb9ea] {
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start
}

.table__wrap.mobile .table.mobile .tr.mobile .td-first-left.mobile .game-wrap[data-v-50ecb9ea],
.table__wrap.mobile .table.mobile .tr.mobile .td-first-left.mobile .player-wrap[data-v-50ecb9ea] {
  display: flex;
  align-items: center
}

.table__wrap.mobile .table.mobile .tr.mobile .td-first-left.mobile .game-wrap .avatar.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table.mobile .tr.mobile .td-first-left.mobile .player-wrap .avatar.mobile[data-v-50ecb9ea] {
  width: 24px;
  height: 24px
}

.table__wrap.mobile .table.mobile .tr.mobile .td-bet.mobile[data-v-50ecb9ea] {
  flex-direction: column !important;
  width: 40%;
  justify-content: space-evenly;
  align-items: flex-start
}

.table__wrap.mobile .table.mobile .tr.mobile .td-bet.mobile .bet-wrap[data-v-50ecb9ea] {
  display: flex
}

.table__wrap.mobile .table.mobile .tr.mobile .td-first-left.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table.mobile .tr.mobile .th-first-left.mobile[data-v-50ecb9ea] {
  padding-left: 18px
}

.table__wrap.mobile .table.mobile .td-bet.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table.mobile .td-game.mobile[data-v-50ecb9ea],
.table__wrap.mobile .table.mobile .td-sum.mobile[data-v-50ecb9ea] {
  display: flex
}

.table__wrap.mobile .table.mobile .tr.white.mobile[data-v-50ecb9ea] {
  background: #1a1d2c;
  box-shadow: inset -8px 0 8px rgba(12, 15, 30, .55), inset 8px 0 8px rgba(12, 15, 30, .55)
}

.td[data-v-50ecb9ea],
.th[data-v-50ecb9ea] {
  border: none
}

.game-panel {
  width: 100%;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0
}

@media screen and (max-width: 1024px) {
  .game-panel {
    width: 100%;
    height: auto !important;
    max-width: none !important;
    order: 2
  }
}

@media screen and (max-width: 1024px) {
  .game-panel-head {
    display: none
  }
}

.game-panel-head .head-trapezoid__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -.5px;
  text-transform: uppercase;
  color: #fff
}

.game-panel-head .head-trapezoid__trapezoid {
  top: -1px;
  left: calc(100% - 2px);
  pointer-events: none
}

.game-panel-head .head-trapezoid__body {
  justify-content: flex-end;
  grid-gap: 8px;
  gap: 8px;
  background: #101224
}

.game-panel-head__icons {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

.game-panel-head__icon {
  display: flex;
  padding: 4px;
  border-radius: 8px;
  background-color: #1b1d32;
  cursor: pointer
}

.game-panel-head__icon:hover {
  background: #23253d
}

.game-panel-head__icon svg {
  fill: #858cab
}

.game-panel-head__icon.green svg {
  fill: #3eb13b
}

.game-panel-head__icon.active svg {
  fill: #24abf8
}

.game-panel-body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #101224
}

.game-panel-body__not-available {
  padding: 16px 12px;
  margin: auto;
  text-align: center
}

@media screen and (max-width: 1024px) {
  .game-panel__total-item-mobile {
    display: flex;
    align-items: center;
    min-height: 72px;
    width: 60%;
    padding: 12px 24px;
    background: linear-gradient(269.87deg, #1e1e3f .12%, #18172b 99.9%);
    border-radius: 8px
  }

  .game-panel__total-item-mobile:not(:last-child) {
    width: 40%;
    min-width: 140px;
    margin-right: 24px
  }
}

@media screen and (max-width: 1024px) {
  .game-panel__total-item-mobile {
    padding: 12px;
    min-height: 40px
  }

  .game-panel__total-item-mobile:not(:last-child) {
    margin-right: 12px
  }
}

.game-control {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 16px;
  left: auto;
  right: auto;
  width: 100%;
  max-width: 460px
}

.game-control__main {
  background: #181b3a;
  border: 1px solid #222545;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 0
}

.game-control__main.not-authed {
  position: relative;
  z-index: 1;
  overflow: hidden
}

.game-control__main.not-authed>:not(.game-control__block) {
  pointer-events: none
}

.game-control__block {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background: rgba(25, 27, 58, .7)
}

.game-control__block-btn svg {
  fill: #f3f3f3
}

@media screen and (max-width: 767.98px) {
  .game-control {
    max-width: calc(100% - 32px) !important
  }
}

.game-control-section {
  display: flex;
  align-items: stretch;
  padding: 12px
}

.game-control-section--dangerous-elems {
  padding-top: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  grid-gap: 10px;
  gap: 10px
}

@media screen and (max-width: 425px) {
  .game-control-section--dangerous-elems {
    grid-gap: 8px;
    gap: 8px
  }
}

.game-control-btns {
  width: 100%;
  display: flex;
  align-items: stretch;
  grid-gap: 1px;
  gap: 1px
}

.game-control-btns>* {
  flex-grow: 1
}

.game-control-btns.rounded>.full-rounded,
.game-control-btns.rounded>.full-rounded:before {
  border-radius: 8px
}

.game-control-btns.rounded>:first-child,
.game-control-btns.rounded>:first-child:before {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}

.game-control-btns.rounded>:last-child,
.game-control-btns.rounded>:last-child:before {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
}

.game-control__big-btn {
  height: 58px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #fff;
  transition: .2s ease;
  position: relative;
  overflow-x: hidden;
  z-index: 1
}

.game-control__big-btn:before {
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: .2s ease
}

.game-control__big-btn:hover:before {
  opacity: 1
}

@media screen and (max-width: 1024px) {
  .game-control__big-btn {
    font-size: 16px;
    line-height: 18px
  }
}

@media screen and (max-width: 767.98px) {
  .game-control__big-btn {
    font-size: 14px;
    line-height: 16px
  }
}

.game-control__big-btn.red {
  background: linear-gradient(180deg, #9d002f 3%, #e0243b 65%, #e0243b);
  box-shadow: inset 0 3px 8px #ff6d6d
}

.game-control__big-btn.red:before {
  background: linear-gradient(180deg, #830027 3%, #a20114 65%, #b7071c);
  box-shadow: inset 0 3px 8px #ec3f49
}

.game-control__big-btn.green {
  background: linear-gradient(180deg, #1fd80f 3%, #44b13b 65%, #61d958);
  box-shadow: inset 0 3px 8px #cbffa3
}

.game-control__big-btn.green:before {
  background: linear-gradient(180deg, #0dac00 11%, #139a08 65%, #10a204);
  box-shadow: inset 0 3px 8px #b0ff73
}

.game-control__big-btn.black {
  background: linear-gradient(180deg, #101329 3%, #252b52 65%, #252b52);
  box-shadow: inset 0 3px 8px #23274e
}

.game-control__big-btn.black:before {
  background: #23274e;
  box-shadow: inset 0 3px 8px #24396f
}

.game-control__big-btn.blue {
  background: linear-gradient(94deg, #24abf8, #098bea 51%, #00b3ec);
  box-shadow: inset 0 3px 8px #6dcaff
}

.game-control__big-btn.blue:before {
  background: #098bea;
  box-shadow: inset 0 3px 8px #6dcaff
}

.game-control__big-btn.orange {
  background: #ffbe18;
  box-shadow: inset 0 3px 8px #fff975;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  color: #7b5925
}

.game-control__big-btn.orange:hover {
  background: #fd9e11;
  box-shadow: inset 0 3px 8px #ffc163
}

.game-control__big-btn.orange span {
  color: #23253d
}

.game-control__big-btn.gray {
  background: #23274e
}

.game-control__big-btn.gray .game-control__big-btn-title {
  color: #858cab
}

.game-control__big-btn.gray:before {
  background: #23274e
}

.game-control__big-btn.disabled {
  opacity: .7;
  cursor: not-allowed
}

.game-control__big-btn-subtitle,
.game-control__big-btn-title {
  font-weight: 700;
  text-align: center;
  color: #f3f3f3;
  text-transform: none
}

.game-control__big-btn-title {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0;
  margin-bottom: 1px
}

.game-control__big-btn-subtitle {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -.5px;
  opacity: .7
}

.game-control__xs-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 2px 4px;
  border-radius: 6px;
  background: #23274e;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.03em;
  color: #858cab;
  transition: .2s ease
}

.game-control__xs-btn:hover {
  background: #33386a;
  color: #f3f3f3
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .game-control__xs-btn {
    font-size: 16px;
    line-height: 20px
  }
}

.game-control__danger-choose-btn {
  min-height: 44px;
  min-width: 44px;
  padding: 2px;
  flex-shrink: 0;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #f3f3f3
}

.game-control__danger-choose-btn,
.game-control__danger-choose-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0d2c;
  border-radius: 8px;
  transition: .2s ease-in
}

.game-control__danger-choose-btn-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}

.game-control__danger-choose-btn-wrap:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 100%;
  transform-origin: center;
  transition: .2s ease-out
}

.game-control__danger-choose-btn.active .game-control__danger-choose-btn-wrap:before {
  transform: translateY(-15px)
}

.game-control__danger-choose-btn:not(.active):not(.disabled):hover,
.game-control__danger-choose-btn:not(.active):not(.disabled):hover .game-control__danger-choose-btn-wrap {
  background: #1d2144
}

.game-control__danger-choose-btn:not(.active):not(.disabled):hover .game-control__danger-choose-btn-wrap:before {
  transform: translateY(-15px)
}

.game-control__danger-choose-btn.disabled {
  cursor: not-allowed
}

.game-control__danger-choose-btn.bomb .game-control__danger-choose-btn-wrap:before {
  background: url(/_nuxt/img/bomb.7890603.svg) no-repeat
}

.game-control__danger-choose-btn.bomb.active {
  background: linear-gradient(#9d002f, #e0243b 65%, #e0243b)
}

.game-control__danger-choose-btn.rock .game-control__danger-choose-btn-wrap:before {
  background: url(/_nuxt/img/rock.249965e.svg) no-repeat
}

.game-control__danger-choose-btn.rock.active {
  background: linear-gradient(#119bff, #00d1ff)
}

.game-control__danger-choose-btn.rock.active .game-control__danger-choose-btn-wrap:before,
.game-control__danger-choose-btn.rock:not(.active):not(.disabled):hover .game-control__danger-choose-btn-wrap:before {
  transform: translateY(-10px) translateX(1px)
}

@media screen and (max-width: 767.98px) {
  .game-control__danger-choose-btn {
    width: calc(20% - 34px)
  }

  .game-control__danger-choose-btn.rock {
    width: calc(14.28571% - 6.85714px)
  }
}

@media screen and (max-width: 450px) {
  .game-control__danger-choose-btn {
    width: calc(25% - 40px)
  }

  .game-control__danger-choose-btn:nth-of-type(5) {
    display: none
  }

  .game-control__danger-choose-btn.rock {
    width: calc(16.66667% - 6.66667px)
  }
}

@media screen and (max-width: 400px) {
  .game-control__danger-choose-btn {
    width: auto;
    min-width: 40px
  }

  .game-control__danger-choose-btn:nth-of-type(4) {
    display: none
  }

  .game-control__danger-choose-btn.rock {
    min-width: 44px;
    width: auto
  }
}

.game-control-input {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0
}

.game-control-input input {
  width: 100%;
  padding: 0 16px;
  min-height: 58px;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -1px;
  text-align: center;
  color: #f3f3f3;
  transition: .2s ease
}

.game-control-input input.game-control__dark-box:not(.disabled):focus,
.game-control-input input.game-control__dark-box:not(.disabled):hover {
  background: #1d2144
}

@media screen and (max-width: 1024px) {
  .game-control-input input {
    font-size: 20px;
    line-height: 24px
  }
}

@media screen and (max-width: 767.98px) {
  .game-control-input input {
    font-size: 16px;
    line-height: 20px
  }
}

.game-control-input.min input {
  text-align: left;
  min-height: 32px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 16px
}

@media screen and (max-width: 767.98px) {
  .game-control-input.min input {
    font-size: 16px
  }
}

.game-control-input.min input::-moz-placeholder {
  color: #666d85
}

.game-control-input.min input:-ms-input-placeholder {
  color: #666d85
}

.game-control-input.min input,
.game-control-input.min input::placeholder {
  color: #666d85
}

@media screen and (max-width: 1024px) {
  .game-control-input.min input {
    font-size: 16px;
    line-height: 18px
  }
}

.game-control-input.min.rate {
  position: relative
}

.game-control-input.min.rate input {
  padding-left: 22px
}

.game-control-input.min.rate:before {
  content: "x";
  left: 12px;
  position: absolute;
  pointer-events: none;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #666d85
}

.game-control__dark-box {
  background: #0a0d2c;
  border-radius: 8px
}

label.game-control__dark-box:not(.disabled):hover {
  cursor: text
}

label.game-control__dark-box:not(.disabled):not(.disabled).focus,
label.game-control__dark-box:not(.disabled):not(.disabled):hover {
  background: #1d2144
}

.game-control-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #222545;
  padding: 12px;
  grid-gap: 8px;
  gap: 8px;
  flex-wrap: wrap
}

@media screen and (max-width: 767.98px) {
  .game-control-bottom {
    grid-gap: 8px;
    gap: 8px
  }
}

.game-control-footer {
  width: 100%;
  align-self: center;
  display: flex;
  align-items: flex-start
}

.game-control-footer__c {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  border-top: 1px solid #222545;
  grid-gap: 4px;
  gap: 4px;
  margin: 0 30px;
  padding: 8px 24px;
  position: relative
}

@media screen and (max-width: 767.98px) {
  .game-control-footer__c {
    padding-left: 8px;
    padding-right: 8px;
    min-width: 260px
  }
}

@media screen and (max-width: 600px) {
  .game-control-footer__c {
    min-width: 120px
  }
}

.game-control-footer__c:after,
.game-control-footer__c:before {
  content: "";
  width: 32px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMTl2MWMxLjU2NS0uMzg1IDIuNDQtLjcxNiA0LTEuNSAyLjg2Ny0yLjA0NCA0LjEyNC0zLjU0NSA2LjUtNi41IDIuNjQtMi44MjYgNC4yNC00LjIzMSA3LjUtNi41IDIuNzkyLTEuNjQxIDQuNDc1LTIuNDY1IDgtMy41IDIuMzMxLS41MTQgMy42NDItLjc1OCA2LTFWMGMtMi4yNzIuMjY4LTMuODQ4LjQ3LTYgMS0zLjY3NyAxLjA4Ni02LjMzOSAyLjM2Ni05IDQtMi42MjcgMS44MjUtMy45MzQgMi45MjQtNiA1LTIuNDY4IDIuODczLTMuODI4IDQuNDk3LTYuNSA3LTEuNzc1IDEuMTM1LTIuNzk1IDEuNTQ3LTQuNSAyeiIgZmlsbD0iIzIyMjU0NSIvPjxwYXRoIGQ9Ik0zMiAwSDB2MTljMS43MDUtLjQ1MyAyLjcyNS0uODY1IDQuNS0yIDIuNjcyLTIuNTAzIDQuMDMyLTQuMTI3IDYuNS03IDIuMDY2LTIuMDc2IDMuMzczLTMuMTc1IDYtNSAyLjY2MS0xLjYzNCA1LjMyMy0yLjkxNCA5LTQgMi4xNTItLjUzIDMuNzI4LS43MzIgNi0xeiIgZmlsbD0iIzE4MUIzQSIvPjwvc3ZnPg==) no-repeat 50%;
  background-size: cover;
  position: absolute;
  top: -1px
}

.game-control-footer__c:before {
  left: -31px
}

.game-control-footer__c:after {
  right: -31px;
  transform: scaleX(-1)
}

.game-control-footer__l,
.game-control-footer__r {
  width: 100%;
  display: flex;
  flex-grow: 1;
  height: 20px;
  border-bottom: 1px solid #222545;
  background: #181b3a
}

.game-control-footer__l {
  border-left: 1px solid #222545;
  border-bottom-left-radius: 8px
}

.game-control-footer__r {
  border-right: 1px solid #222545;
  border-bottom-right-radius: 8px
}

.game-control-footer__game {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 800;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.689888px;
  text-transform: uppercase;
  color: #2b2f58
}

@media screen and (max-width: 767.98px) {
  .game-control-footer__game {
    font-size: 12px;
    line-height: 14px
  }
}

.game-control-footer__id {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #2b2f58
}

.game-control__hr {
  width: 100%;
  border-top: 1px solid #222545
}

.game-control-field {
  min-height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  padding: 8px 12px;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #f3f3f3
}

.game-control-field__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.game-control-field__amount {
  font-size: 14px;
  line-height: 16px
}

.game-control-field__amount--input input {
  width: 100%;
  color: #24abf8;
  min-width: 100px
}

.game-control-field .white {
  color: #f3f3f3
}

.game-control-field .blue {
  color: #24abf8
}

.game-control-field .yellow {
  color: #ffbe18
}

.game-control-range {
  min-height: 28px
}

.game-control-range__scales {
  width: 100%;
  height: 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbQAAAAGAgMAAADWL4MfAAAACVBMVEUAAAAiJ04jJ06wh7esAAAAAnRSTlMA32D/An0AAAAaSURBVCjPY3AQYGGkH9GgwME0Sgw9gq6pBACH7EkNNVoREQAAAABJRU5ErkJggg==) no-repeat 50%;
  background-size: cover
}

.c-tooltip {
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  height: 34px;
  padding: 0 8px;
  background-color: #f3f3f3;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  color: #1a1d2c;
  visibility: hidden;
  z-index: 4
}

@media screen and (max-width: 767.98px) {
  .c-tooltip {
    display: none
  }
}

.c-tooltip.show {
  display: inline-flex;
  visibility: visible
}

.c-tooltip__arrow,
.c-tooltip__arrow:before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit
}

.c-tooltip__arrow {
  visibility: hidden
}

.c-tooltip__arrow:before {
  visibility: hidden;
  content: "";
  transform: rotate(45deg)
}

.c-tooltip.show .c-tooltip__arrow:before {
  visibility: visible
}

.c-tooltip[data-popper-placement^=top]>.c-tooltip__arrow {
  bottom: -4px
}

.c-tooltip[data-popper-placement^=bottom]>.c-tooltip__arrow {
  top: -4px
}

.c-tooltip[data-popper-placement^=left]>.c-tooltip__arrow {
  right: -4px
}

.c-tooltip[data-popper-placement^=right]>.c-tooltip__arrow {
  left: -4px
}

.c-tooltip[data-popper-placement^=right].sidebar-game {
  margin-left: 8px !important;
  z-index: 9
}

.game-mobile-header {
  z-index: 1;
  display: flex;
  padding: 14px 24px;
  align-items: center;
  justify-content: space-between;
  background: rgba(4, 7, 30, .8);
  border-top: 1px solid #23253d
}

@media screen and (max-width: 767.98px) {
  .game-mobile-header {
    padding: 12px 16px
  }
}

.game-mobile-header__title {
  display: flex;
  flex-shrink: 0;
  padding-right: 12px;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-weight: 900;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -.5px;
  text-transform: uppercase
}

@media screen and (max-width: 767.98px) {
  .game-mobile-header__title {
    font-size: 16px;
    line-height: 20px
  }
}

.game-mobile-header__icons {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px
}

@media screen and (max-width: 767.98px) {
  .game-mobile-header__icons {
    width: 100%;
    justify-content: space-between
  }
}

.game-mobile-header .game-panel-head__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 32px;
  height: 32px;
  border-radius: 10px
}

@media screen and (max-width: 767.98px) {
  .game-mobile-header .game-panel-head__icon {
    width: 24px;
    height: 24px;
    border-radius: 8px
  }
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .game-mobile-header .game-panel-head__icon svg {
    width: 18px !important
  }
}

.game-mobile-header .game-mobile-header__balance svg {
  width: 16px !important;
  margin-top: -3px
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .game-mobile-header .game-mobile-header__balance {
    margin-left: 20px
  }
}

.game-mobile-header__user-balance {
  font-size: 16px;
  line-height: 20px
}

.game-table-item__user-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.game-table {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 12px;
  overflow: hidden
}

.game-table.blured {
  position: relative
}

.game-table.blured:after {
  pointer-events: none;
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #101224, rgba(16, 18, 36, 0))
}

.game-table .gray {
  color: #666d85
}

.game-table .white {
  color: #f3f3f3
}

.game-table-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -.03em;
  color: #858cab;
  padding: 0 24px 12px 16px
}

@media screen and (max-width: 1024px) {
  .game-table-head {
    font-size: 14px;
    line-height: 18px
  }
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .game-table-head {
    padding-right: 28px
  }
}

@media screen and (max-width: 425px) {
  .game-table-head__item {
    font-size: 10px
  }
}

.game-table-col-1,
.game-table-col-2,
.game-table-col-3,
.game-table-col-4,
.game-table-col-5,
.game-table-col-6,
.game-table-col-7,
.game-table-col-8,
.game-table-col-9,
.game-table-col-10 {
  width: 100%
}

.game-table-body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow-x: hidden;
  overflow-y: auto;
  grid-gap: 8px;
  gap: 8px;
  margin-right: 4px;
  padding: 0 6px 12px 12px
}

.game-table-body::-webkit-scrollbar {
  width: 4px;
  height: 2px
}

.game-table-body::-webkit-scrollbar-thumb {
  background: transparent
}

.game-table-body:hover::-webkit-scrollbar-thumb {
  background-color: rgba(113, 113, 146, .35);
  border-radius: 2px
}

.game-table-body:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgba(113, 113, 146, .5)
}

.game-table-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(270deg, #1e1e3f, #18172b);
  padding: 4px 12px 4px 4px;
  position: relative;
  overflow: hidden;
  border: 1px solid #101224;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  transition: .2s ease
}

.game-table-item:before {
  content: "";
  position: absolute;
  width: 28px;
  height: 48px;
  background: #8dcfff;
  filter: blur(64px);
  right: calc(100% - 4px);
  border-radius: 80px;
  z-index: 1;
  pointer-events: none
}

.game-table-item__col {
  position: relative;
  z-index: 2
}

.game-table-item.active {
  border: 1px solid #24abf8;
  background: linear-gradient(180deg, #1f1e46, #213569)
}

.game-table-item.active .game-table-item__user-name {
  color: #f3f3f3
}

.game-table-item.current-user {
  background: linear-gradient(180deg, #1f1e46, #213569);
  border-color: #24abf8
}

.game-table-item.current-user .game-table-item__user-name {
  color: #f3f3f3;
  font-weight: 700
}

.game-table-item.lost {
  opacity: .5
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .game-table-item {
    padding: 6px 16px 6px 6px;
    min-height: 60px;
    font-size: 16px;
    line-height: 21px
  }
}

.game-table-item__user {
  display: flex;
  align-items: center;
  grid-gap: 4px;
  gap: 4px
}

.game-table-item__user-ava {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: #1b1b35
}

.game-table-item__user-ava img {
  width: 16px;
  height: auto
}

.game-table-item__user-name {
  font-size: 11px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: -.02em;
  color: #858cab;
  max-width: 80px
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .game-table-item__user-name {
    font-size: 16px;
    line-height: 21px;
    max-width: 250px
  }
}

@media screen and (min-width: 1024.51px) {
  .game-table-item__user-name {
    max-width: 40px
  }
}

@media screen and (max-width: 425px) {
  .game-table-item__user-data {
    max-width: 100%;
    overflow: hidden
  }
}

@media screen and (min-width: 1024.51px) {
  .game-table-item__user--min {
    min-width: 90px
  }
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .game-table-item__user--min {
    min-width: 200px
  }
}

.game-table-item__user--min .game-table-item__user-name {
  max-width: 35px
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .game-table-item__user--min .game-table-item__user-name {
    max-width: 100px
  }
}

.game-table-item__user-rang {
  max-width: 14px;
  height: auto;
  display: flex;
  flex-shrink: 0;
  margin-left: auto
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .game-table-item__user-rang {
    max-width: 20px
  }
}

.game-table-item__staf span {
  color: #858cab
}

.game-table-item__kef {
  margin: 0 auto
}

.game-table-item__kef,
.game-table-item__staf,
.game-table-item__sum {
  min-width: 60px;
  text-align: center;
  letter-spacing: -.03em
}

.table-cols-center .game-table-head__item,
.table-cols-center .game-table-item__col:not(.game-table-col-1) {
  display: flex;
  justify-content: center;
  text-align: center;
  align-self: center
}

.attention-block {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: rgba(36, 171, 248, .15);
  border-radius: 8px;
  position: relative;
  overflow: hidden
}

.attention-block__icon-wrap {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 8px
}

.attention-block__icon {
  max-width: 24px
}

.attention-block__text {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #f3f3f3;
  max-width: 800px
}

.attention-block__text .modal-btn {
  color: #24abf8;
  cursor: pointer;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
  transition: .2s ease
}

.attention-block__text .modal-btn:hover {
  -webkit-text-decoration-color: #24abf8;
  text-decoration-color: #24abf8
}

.attention-block__close {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  margin-left: 8px
}

.attention-block__close span {
  display: block;
  width: 16px;
  height: 16px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer
}

.attention-block__close span:after,
.attention-block__close span:before {
  display: block;
  content: "";
  position: absolute;
  width: 12px;
  border-radius: 1px;
  height: 2px;
  background: #f3f3f3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.attention-block__close span:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.attention-block__close span:hover {
  transform: rotate(90deg)
}

.attention-block:before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #24abf8
}

.attention-block.info {
  background: rgba(36, 171, 248, .15)
}

.attention-block.info:before {
  background: #24abf8
}

.attention-block.danger {
  background: rgba(255, 44, 82, .15)
}

.attention-block.danger:before {
  background: #ff2c52
}

.tournament-single {
  position: relative;
  padding-top: 20px
}

.tournament-single.page-container {
  max-width: 100%
}

.tournament-single .tournament-single__back {
  position: absolute;
  top: -16px;
  cursor: pointer
}

.tournament-single .tournament-single__back span {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #666d85
}

.tournament-single .tournament-single__attention-block {
  margin-bottom: 12px
}

.tournament-single .tournament-single__attention-block .attention-block__text {
  max-width: 848px
}

.tournament-single .tournament-single__attention-block .attention-block__close {
  margin-left: auto
}

.tournament-single.tournament-single__container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  grid-gap: 8px;
  gap: 8px
}

.tournament-single .tournament-single-block {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px 24px;
  background-color: #101224;
  border-radius: 8px;
  overflow: hidden;
  align-self: stretch;
  z-index: 0
}

.tournament-single .tournament-single-block--info {
  max-width: calc(58% - 4px);
  padding: 32px 24px 32px 37px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.tournament-single .tournament-single-block--info .tournament-info-coin {
  position: absolute;
  right: 80px;
  bottom: 36px;
  max-width: 100px;
  max-height: 100px
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single-block--info .tournament-info-coin {
    display: none
  }
}

.tournament-single .tournament-single-block--info .img-black,
.tournament-single .tournament-single-block--info .img-blue,
.tournament-single .tournament-single-block--info .img-pur1,
.tournament-single .tournament-single-block--info .img-pur2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  right: -100px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0
}

@media screen and (max-width: 767.98px) {

  .tournament-single .tournament-single-block--info .img-black,
  .tournament-single .tournament-single-block--info .img-blue,
  .tournament-single .tournament-single-block--info .img-pur1,
  .tournament-single .tournament-single-block--info .img-pur2 {
    opacity: .5
  }
}

.tournament-single .tournament-single-block--info .img-blue {
  max-width: 312px;
  right: -78px
}

.tournament-single .tournament-single-block--info .img-black {
  max-width: 252px;
  top: auto;
  transform: none;
  right: -34px;
  bottom: -12px
}

.tournament-single .tournament-single-block--info .img-pur1 {
  max-width: 415px;
  top: -100px;
  transform: none
}

.tournament-single .tournament-single-block--info .img-pur2 {
  max-width: 512px;
  right: -150px
}

.tournament-single .tournament-single-block--terms {
  max-width: calc(42% - 4px)
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single-block--terms {
    padding-bottom: 120px
  }
}

.tournament-single .tournament-single-block--terms:after {
  content: "";
  position: absolute;
  right: -29px;
  bottom: 47px;
  width: 163px;
  height: 163px;
  border-radius: 50%;
  background: linear-gradient(180deg, #119bff, #00d1ff);
  filter: blur(90px)
}

.tournament-single .tournament-single-block--terms .img--controller {
  display: none
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single-block--terms .img--controller {
    position: absolute;
    bottom: -28px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    align-self: center;
    z-index: 1
  }
}

.tournament-single .tournament-single-block--games {
  max-width: calc(58% - 4px)
}

.tournament-single .tournament-single-block--prizes {
  max-width: calc(42% - 4px)
}

@media screen and (max-width: 767.98px) {

  .tournament-single .tournament-single-block--games,
  .tournament-single .tournament-single-block--info,
  .tournament-single .tournament-single-block--prizes,
  .tournament-single .tournament-single-block--terms {
    max-width: 100%
  }
}

.tournament-single .tournament-single-block--usersRating {
  max-width: 100%;
  padding: 32px 8px 32px 24px
}

.tournament-single .tournament-single__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3
}

.tournament-single ol.tournament-terms {
  position: relative;
  list-style: none;
  display: flex;
  flex-direction: column;
  padding-left: 36px;
  margin-top: 24px;
  margin-bottom: 0;
  z-index: 2
}

.tournament-single ol.tournament-terms li {
  position: relative;
  display: block;
  font-family: FS Elliot Pro, sans-serif;
  max-width: 326px;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.tournament-single ol.tournament-terms li:not(:last-child) {
  margin-bottom: 18px
}

.tournament-single ol.tournament-terms li:before {
  content: attr(data-index);
  position: absolute;
  right: calc(100% + 12px);
  width: 24px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  letter-spacing: -.25px;
  color: #24abf8
}

.tournament-single ol.tournament-terms li strong {
  font-weight: inherit;
  color: #24abf8
}

.tournament-single .tournament-single-block-card__date {
  display: flex;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #f3f3f3
}

.tournament-single .tournament-single-block-card__date svg {
  margin-right: 4px
}

.tournament-single .tournament-single-block-card__title {
  max-width: 340px;
  margin-top: 12px;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3;
  z-index: 1
}

@media screen and (min-width: 1024.51px) {
  .tournament-single .tournament-single-block-card__title {
    min-height: 84px
  }
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single-block-card__title {
    font-size: 28px;
    line-height: 32px
  }
}

@media screen and (max-width: 374.98px) {
  .tournament-single .tournament-single-block-card__title {
    font-size: 24px;
    line-height: 28px
  }
}

.tournament-single .tournament-single-block-card__title .bg-blue {
  color: #24abf8
}

.tournament-single .tournament-single-block-card__title .bg-black {
  color: #d5b57b
}

.tournament-single .tournament-single-block-card__title .bg-pur1,
.tournament-single .tournament-single-block-card__title .bg-pur2 {
  color: #d419f2
}

.tournament-single .tournament-single-block-card__prize {
  display: flex;
  align-items: center;
  margin-top: 22px;
  font-weight: 700;
  font-size: 24px;
  line-height: 31px;
  text-transform: uppercase;
  color: #ffbe18;
  z-index: 1
}

.tournament-single .tournament-single-block-card__prize svg {
  margin-top: -3px;
  margin-right: 8px;
  fill: #ffbe18
}

.tournament-single .tournament-single-block-card__description {
  max-width: 246px;
  margin-top: 23px;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -.3px;
  color: #f3f3f3;
  z-index: 1
}

.tournament-single .tournament-single-block-card__button {
  margin-top: 24px;
  width: 195px
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single-block-card__button {
    width: 100%
  }
}

.tournament-single .tournament-single-block-card__button.dark {
  background: #1a1d2c
}

.tournament-single .tournament-single-block-card__button.dark:hover {
  cursor: auto;
  color: #f3f3f3;
  background: #1a1d2c
}

.tournament-single .tournament-single-block-card__button.yellow {
  cursor: auto
}

.tournament-single .tournament-single-block-card__button.yellow:hover {
  background: #ffbe18;
  box-shadow: inset 0 4px 8px #fff975
}

.tournament-single .tournament-single-block-card__timer {
  position: absolute;
  left: 270px;
  bottom: 42px
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single-block-card__timer {
    position: static;
    margin-top: 24px;
    align-self: center
  }
}

.tournament-single .tournament-single-block__games {
  position: relative;
  margin-top: 32px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 16px;
  gap: 16px;
  max-height: 422px;
  overflow: auto
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single-block__games {
    max-height: 278px
  }
}

.tournament-single .tournament-single-block__games.no-slider {
  display: flex;
  flex-wrap: nowrap;
  grid-gap: 16px;
  gap: 16px
}

.tournament-single .tournament-single-block__games .block-games-card,
.tournament-single .tournament-single-block__games .slot-catalog-item,
.tournament-single .tournament-single-block__games .slot-catalog-item.slotWithDemo,
.tournament-single .tournament-single-block__games .TournamentGameCardWrapper {
  max-width: 181px;
  max-height: 130px;
  min-height: 130px
}

.tournament-single .tournament-single-block__games .slot-catalog-item.slotWithDemo .slot-catalog-item__img {
  height: 40px
}

.tournament-single .tournament-single-block__games .slot-catalog-item.slotWithDemo .slot-catalog-item__play-for-free {
  line-height: normal
}

.tournament-single .tournament-single-block__games .block-games-card__play-btn {
  margin-left: 10px;
  background-size: 75%;
  background-position: 50%
}

@media screen and (min-width: 1400.51px) {
  .tournament-single .tournament-single-block__games .block-games-card__play-btn {
    width: 66px;
    height: 84px
  }
}

.tournament-single .tournament-single-block__games .swiper-slide {
  width: 242px;
  max-width: 242px
}

.tournament-single .tournament-single-block__games .tournament-slider__next,
.tournament-single .tournament-single-block__games .tournament-slider__prev {
  z-index: 3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #f3f3f3;
  transition: .2s ease;
  cursor: pointer
}

@media screen and (max-width: 767.98px) {

  .tournament-single .tournament-single-block__games .tournament-slider__next,
  .tournament-single .tournament-single-block__games .tournament-slider__prev {
    display: none
  }
}

.tournament-single .tournament-single-block__games .tournament-slider__next svg,
.tournament-single .tournament-single-block__games .tournament-slider__prev svg {
  fill: #0c0f1e;
  transform-origin: center;
  width: 16px;
  height: 8px;
  transition: .2s ease
}

.tournament-single .tournament-single-block__games .tournament-slider__next.disabled,
.tournament-single .tournament-single-block__games .tournament-slider__prev.disabled {
  cursor: none;
  opacity: .33;
  pointer-events: none
}

.tournament-single .tournament-single-block__games .tournament-slider__prev {
  left: 24px
}

.tournament-single .tournament-single-block__games .tournament-slider__prev svg {
  transform: rotate(90deg)
}

.tournament-single .tournament-single-block__games .tournament-slider__prev:hover:not(.disabled) {
  background-color: #fff
}

.tournament-single .tournament-single-block__games .tournament-slider__prev:hover:not(.disabled) svg {
  transform: rotate(90deg) translateY(4px)
}

.tournament-single .tournament-single-block__games .tournament-slider__next {
  right: 24px
}

.tournament-single .tournament-single-block__games .tournament-slider__next svg {
  transform: rotate(-90deg)
}

.tournament-single .tournament-single-block__games .tournament-slider__next:hover:not(.disabled) {
  background-color: #fff
}

.tournament-single .tournament-single-block__games .tournament-slider__next:hover:not(.disabled) svg {
  transform: rotate(-90deg) translateY(4px)
}

.tournament-single .tournament-single-block__games .swiper-pagination {
  position: static;
  justify-content: center;
  margin: 32px 0 0
}

.tournament-single .tournament-single__info {
  position: absolute;
  top: 16px;
  right: 24px;
  display: flex;
  grid-gap: 2px;
  gap: 2px
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single__info {
    position: static;
    width: 100%;
    margin-top: 24px;
    grid-gap: 8px;
    gap: 8px
  }
}

.tournament-single .tournament-single__info .tournament-info-left,
.tournament-single .tournament-single__info .tournament-info-right {
  padding: 6px 12px
}

@media screen and (max-width: 767.98px) {

  .tournament-single .tournament-single__info .tournament-info-left,
  .tournament-single .tournament-single__info .tournament-info-right {
    width: 50%
  }
}

.tournament-single .tournament-single__info.pos-initial {
  position: static;
  width: 100%;
  margin-top: 24px;
  grid-gap: 8px;
  gap: 8px
}

.tournament-single .tournament-single__info.pos-initial .tournament-info-left,
.tournament-single .tournament-single__info.pos-initial .tournament-info-right {
  padding: 12px;
  width: 50%;
  display: flex;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  flex-wrap: wrap
}

.tournament-single .tournament-single__info .tournament-info-left {
  background: linear-gradient(270deg, #1e1e3f .12%, #18172b 99.9%);
  border-radius: 8px 0 0 8px
}

.tournament-single .tournament-single__info .tournament-info-right {
  background: linear-gradient(90deg, #1e1e3f .12%, #18172b 99.9%);
  border-radius: 0 8px 8px 0
}

.tournament-single .tournament-single__info .tournament-info-count {
  display: flex;
  grid-gap: 4px;
  gap: 4px;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -.02em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #f3f3f3, rgba(184, 212, 255, .8));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.tournament-single .tournament-single__info .tournament-info-text {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.4px;
  color: #858cab
}

.tournament-single .tournament-single__prizes-list {
  width: 100%;
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  flex-direction: column;
  margin-top: 28px
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single__prizes-list {
    margin-top: 8px
  }
}

.tournament-single .tournament-single__prizes-list.tournament-single__prizes-list--prizes {
  margin-top: 8px
}

.tournament-single .tournament-single__prizes-list .tournament-table__usersWrapper {
  max-height: 545px;
  overflow: auto;
  padding: 0 12px 0 0
}

.tournament-single .tournament-single__prizes-list .tournament-table__usersWrapper .tournament-table__row:not(.tournament-single .tournament-single__prizes-list .tournament-table__usersWrapper .tournament-table__row:first-child) {
  margin-top: 8px
}

.tournament-single .tournament-single__prizes-list .tournament-table__usersWrapper .simplebar-track.simplebar-vertical {
  width: 7px
}

.tournament-single .tournament-single__prizes-list .tournament-table__usersWrapper .simplebar-scrollbar:before {
  background: #23253d;
  border-radius: 32px
}

.tournament-single .tournament-single__prizes-list .tournament-table__usersWrapper .simplebar-scrollbar.simplebar-visible:before {
  opacity: 1
}

.tournament-single .tournament-single__prizes-list .tournament-table__row {
  display: flex;
  padding: 8px;
  align-items: center;
  border-left: 2px solid #18172b;
  background: linear-gradient(269.87deg, #1e1e3f .12%, #18172b 99.9%);
  border-radius: 8px;
  justify-content: space-between
}

.tournament-single .tournament-single__prizes-list .tournament-table__row.fix-height {
  height: 42px
}

.tournament-single .tournament-single__prizes-list .tournament-table__row.tournament-table__row--title {
  padding: 8px 20px 8px 8px
}

.tournament-single .tournament-single__prizes-list .tournament-table__row.no-bg {
  background: none
}

.tournament-single .tournament-single__prizes-list .tournament-table__row.justify-content-evenly {
  justify-content: space-evenly
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col {
  display: flex;
  flex-direction: column;
  align-items: center
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col.tournament-table__col--prizes_userPlace,
.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col.tournament-table__col--prizes_userWinCount {
  min-width: 65px
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col.tournament-table__col--prizes_userPlace {
  margin-right: 48px
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col.tournament-table__col--prizes_userPlace {
    margin-right: 0
  }
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col.align-items-start {
  align-items: flex-start
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col .list__item-lower,
.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col .list__item-upper {
  display: flex;
  min-width: 28px;
  height: 18px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 32px
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col .list__item-upper {
  color: #3eb13b;
  background: rgba(62, 177, 59, .1)
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col .list__item-lower {
  color: #ff2c52;
  background: rgba(255, 44, 82, .1)
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-1,
.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-2,
.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-3,
.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-4,
.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-5 {
  width: 100%
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-1 {
  min-width: 26px;
  max-width: 26px;
  margin-right: 16px
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-1 {
    margin-right: 12px
  }
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-1 span.number {
  display: flex;
  min-width: 26px;
  justify-content: center;
  padding: 2px 4px 1px;
  background: #23253d;
  border-radius: 51.6923px;
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  color: #858cab
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-1 .list__item-lower-mobile,
.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-1 .list__item-upper-mobile {
  font-weight: 700;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
  letter-spacing: -.02em
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-1 .list__item-upper-mobile {
  color: #3eb13b
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-1 .list__item-lower-mobile {
  color: #ff2c52
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-2 {
  min-width: 260px;
  max-width: 260px;
  padding-right: 16px
}

@media screen and (max-width: 1439.98px) {
  .tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-2 {
    min-width: 0
  }
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-2 {
    min-width: 80px;
    padding-right: 4px
  }
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-3 {
    max-width: 70px
  }
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-4 {
    max-width: 54px
  }
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-5 {
    display: none
  }
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #666d85
}

@media screen and (max-width: 767.98px) {
  .tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-table__col-title {
    font-size: 11px;
    line-height: 14px
  }
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .prizes-list__item-points,
.tournament-single .tournament-single__prizes-list .tournament-table__row .prizes-list__item-prize {
  font-weight: 700;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -.03em
}

@media screen and (max-width: 767.98px) {

  .tournament-single .tournament-single__prizes-list .tournament-table__row .prizes-list__item-points,
  .tournament-single .tournament-single__prizes-list .tournament-table__row .prizes-list__item-prize {
    font-size: 12px
  }
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .prizes-list__item-points {
  color: #ffbe18
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .prizes-list__item-prize {
  color: #24abf8
}

.tournament-single .tournament-single__prizes-list .tournament-table__row .tournament-list-places {
  padding: 4px 8px 2px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  background: #2e3258;
  border-radius: 52px
}

.tournament-single .tournament-single__prizes-list .tournament-table__row.tournament-table__row-active {
  background: linear-gradient(180deg, #1f1e46, #213569);
  border-left: 2px solid #24abf8;
  outline: 1px solid #1c69ff
}

.tournament-single .tournament-single__prizes-list .tournament-table__row.tournament-table__row-active .tournament-table__col-1>span {
  color: #0c0f1e;
  background: linear-gradient(180deg, #119bff, #00d1ff)
}

.tournament-single .tournament-single__prizes-list .tournament-table__row.tournament-table__row-active .game-table-item__user-name {
  color: #f3f3f3
}

.tournament-single .tournament-single__prizes-list .tournament-table__row.row-sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 1px;
  width: 100%
}

.tournament-single .tournament-table__usersWrapper {
  padding: 1px
}

.tournament-single .game-table-item__user-you {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -.02em;
  color: #24abf8
}

.tournament-single .game-table-item__user-name {
  font-weight: 700;
  max-width: 80px
}

@media screen and (min-width: 1024.51px) {
  .tournament-single .game-table-item__user-name {
    max-width: none
  }
}

@media screen and (max-width: 767.98px) {
  .tournament-single .game-table-item__user-name {
    max-width: 70px
  }
}

@media screen and (max-width: 374.98px) {
  .tournament-single .game-table-item__user-name {
    max-width: 40px
  }
}

.sport[data-v-01e2291a] {
  position: relative;
  z-index: 1
}

.sport .sport__wrapper[data-v-01e2291a] {
  width: 100%;
  max-width: 100%;
  position: relative
}

.sport .sport__window[data-v-01e2291a],
.sport .sport__wrapper iframe[data-v-01e2291a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.sport .sport__window[data-v-01e2291a] {
  overflow: hidden;
  border-right: 8px
}

.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 0;
  opacity: 1;
  transition: width .1s, opacity .4s;
  background-color: #24abf8;
  z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
  transition: none
}

.nuxt-progress-failed {
  background-color: red
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.modal-enter-active,
.modal-leave-active {
  transition: .3s ease
}

.modal-enter,
.modal-leave-to {
  opacity: 0
}

.modal-mobile-enter-active,
.modal-mobile-leave-active {
  transition: .3s ease-in-out
}

.modal-mobile-enter,
.modal-mobile-leave-to {
  transform: translateY(100vh)
}

.header-games-mobile--enter-active,
.header-games-mobile--leave-active {
  transition: .3s ease-in-out;
  transform-origin: center
}

.header-games-mobile--enter,
.header-games-mobile--leave-to {
  transform: translate3d(0, -40px, 0)
}

.sound-toggler-enter-active,
.sound-toggler-leave-active {
  transition: all .25s ease-in
}

.sound-toggler-enter {
  transform: translateY(-10px);
  opacity: 0;
  top: 10vh
}

.sound-toggler-leave-to {
  transform: translateY(-10px);
  opacity: 0;
  top: -10vh
}

.notice-enter-active {
  transition: .75s ease-in
}

.notice-leave-active {
  transition: .5s ease-out
}

.notice-enter,
.notice-leave-to {
  transform: translateX(400px)
}

.notice-leave-to {
  opacity: 0
}

.notice-game-enter-active {
  transition: .75s ease-in
}

.notice-game-leave-active {
  transition: .5s ease-out
}

.notice-game-enter,
.notice-game-leave-to {
  transform: translateY(-400px)
}

.notice-game-leave-to {
  opacity: 0
}

.loader-enter-active,
.loader-leave-active {
  transition: opacity .5s
}

.loader-enter,
.loader-leave-to {
  opacity: 0
}

.game-table-row-enter-active {
  -webkit-animation: bounce-in .3s;
  animation: bounce-in .3s
}

.game-table-row-leave-active {
  animation: bounce-in .3s reverse
}

.game-history-bubble-enter-active {
  -webkit-animation: bounce-in .75s;
  animation: bounce-in .75s
}

.game-history-bubble-leave-active {
  animation: bounce-in .75s reverse
}

.bounce-in-roulette-enter-active {
  -webkit-animation: bounce-in .3s;
  animation: bounce-in .3s
}

.bounce-in-roulette-leave-active {
  animation: bounce-in .3s reverse;
  opacity: 0
}

.toggle-block-enter-active {
  transition: opacity .3s ease-in
}

.toggle-block-leave-active {
  transition: opacity .1s ease-out
}

.toggle-block-enter,
.toggle-block-leave-to {
  opacity: 0
}

.chat-message-enter-active,
.chat-message-leave-active {
  transition: .2s ease-in .05s;
  transform-origin: center
}

.chat-message-enter,
.chat-message-leave-to {
  opacity: 0;
  transform: scale(0)
}

.footer-mobile-enter-active,
.footer-mobile-leave-active {
  transition: .3s ease-in-out;
  transform-origin: center
}

.footer-mobile-enter,
.footer-mobile-leave-to {
  opacity: 0;
  transform: translate3d(0, 100%, 0)
}

@-webkit-keyframes toogle-opacity {
  50% {
    opacity: 0
  }
}

@keyframes toogle-opacity {
  50% {
    opacity: 0
  }
}

@-webkit-keyframes bounce-in {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

@keyframes bounce-in {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

:root {
  --env-inset-top: env(safe-area-inset-top);
  --env-inset-bottom: env(safe-area-inset-bottom);
  --safe-area-inset-top: var(--env-inset-top, 0);
  --safe-area-inset-bottom: var(--env-inset-bottom, 0)
}

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

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

input {
  background-color: transparent;
  padding: 0;
  border: none;
  outline: none
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none
}

input[type=number] {
  -moz-appearance: textfield
}

button {
  border: none;
  cursor: pointer;
  background-color: transparent;
  transition: .2s ease;
  padding: 0
}

button:active,
button:focus,
button:hover {
  outline: 0
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

[hidden],
template {
  display: none
}

p {
  margin: 0
}

a {
  text-decoration: none;
  cursor: pointer
}

a,
button,
svg {
  transition: .2s ease
}

@font-face {
  font-family: FS Elliot Pro;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("FS Elliot Pro"), local("FSElliotPro"), url(/_nuxt/fonts/FSElliotPro.2aeaa9d.woff2) format("woff2"), url(/_nuxt/fonts/FSElliotPro.10b5eed.woff) format("woff")
}

@font-face {
  font-family: FS Elliot Pro;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local("FS Elliot Pro Bold"), local("FSElliotPro-Bold"), url(/_nuxt/fonts/FSElliotPro-Bold.332026c.woff2) format("woff2"), url(/_nuxt/fonts/FSElliotPro-Bold.232d020.woff) format("woff")
}

@font-face {
  font-family: FS Elliot Pro;
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: local("FS Elliot Pro Heavy"), local("FSElliotPro-Heavy"), url(/_nuxt/fonts/FSElliotPro-Heavy.8ad9e7e.woff2) format("woff2"), url(/_nuxt/fonts/FSElliotPro-Heavy.0ab0d9c.woff) format("woff")
}

@font-face {
  font-family: Halvar Breitschrift;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: local("Halvar Breitschrift Medium"), local("HalvarBreit-Md"), url(/_nuxt/fonts/HalvarBreit-Md.ac0c54a.woff2) format("woff2"), url(/_nuxt/fonts/HalvarBreit-Md.02c9b83.woff) format("woff")
}

@font-face {
  font-family: Halvar Breitschrift;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local("Halvar Breitschrift Bold"), local("HalvarBreit-Bd"), url(/_nuxt/fonts/HalvarBreit-Bd.ed601a7.woff2) format("woff2"), url(/_nuxt/fonts/HalvarBreit-Bd.d21a350.woff) format("woff")
}

@font-face {
  font-family: Halvar Breitschrift;
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local("Halvar Breitschrift Extra Bold"), local("HalvarBreit-XBd"), url(/_nuxt/fonts/HalvarBreit-XBd.8357c9a.woff2) format("woff2"), url(/_nuxt/fonts/HalvarBreit-XBd.4381061.woff) format("woff")
}

@font-face {
  font-family: Halvar Breitschrift;
  font-weight: 900;
  font-style: italic;
  font-display: swap;
  src: local("Halvar Breitschrift Black"), local("HalvarBreit-Blk"), url(/_nuxt/fonts/HalvarBreit-BlkSlanted.c8d214c.woff2) format("woff2"), url(/_nuxt/fonts/HalvarBreit-BlkSlanted.74d1d44.woff) format("woff")
}

.flex {
  display: flex;
  align-items: flex-start
}

.flex.column {
  flex-direction: column
}

.flex.flex-wrap {
  flex-wrap: wrap
}

.flex.j-center {
  justify-content: center
}

.flex.j-between {
  justify-content: space-between
}

.flex.j-end {
  justify-content: flex-end
}

.flex.a-center {
  align-items: center
}

.flex.a-stretch {
  align-items: stretch
}

.flex.a-end {
  align-items: flex-end
}

.flex.flex-shrink-0 {
  flex-shrink: 0
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(4, 3, 20, .89);
  transition: .3s ease;
  transition-delay: .15s
}

.d-none {
  display: none !important
}

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

.text-transform-lowercase {
  text-transform: lowercase
}

@media screen and (min-width: 768px) {
  .d-mobile-only {
    display: none !important
  }
}

@media screen and (max-width: 1024px) {
  .d-tablet-none {
    display: none !important
  }
}

@media screen and (max-width: 767.98px) {
  .d-mobile-none {
    display: none !important
  }
}

@media screen and (min-width: 1024.51px) {
  .d-desktop-none {
    display: none !important
  }
}

@media screen and (max-width: 1439.98px) {
  .d-desktop-small-none {
    display: none !important
  }
}

.relative {
  position: relative
}

.w-100 {
  width: 100%
}

.bold {
  font-weight: 700
}

.mt-4 {
  margin-top: 4px
}

.mt-8 {
  margin-top: 8px
}

.mt-12 {
  margin-top: 12px
}

.mt-16 {
  margin-top: 16px
}

.mt-24 {
  margin-top: 24px
}

.mt-32 {
  margin-top: 32px
}

.mt-64 {
  margin-top: 64px
}

.mr-4 {
  margin-right: 4px
}

.mr-8 {
  margin-right: 8px
}

.mr-12 {
  margin-right: 12px
}

.mr-16 {
  margin-right: 16px
}

.mr-24 {
  margin-right: 24px
}

.mr-32 {
  margin-right: 32px
}

.mr-64 {
  margin-right: 64px
}

.mb-4 {
  margin-bottom: 4px
}

.mb-8 {
  margin-bottom: 8px
}

.mb-12 {
  margin-bottom: 12px
}

.mb-16 {
  margin-bottom: 16px
}

.mb-24 {
  margin-bottom: 24px
}

.mb-32 {
  margin-bottom: 32px
}

.mb-64 {
  margin-bottom: 64px
}

.ml-4 {
  margin-left: 4px
}

.gap-4 {
  grid-gap: 4px;
  gap: 4px
}

.ml-8 {
  margin-left: 8px
}

.gap-8 {
  grid-gap: 8px;
  gap: 8px
}

.ml-12 {
  margin-left: 12px
}

.gap-12 {
  grid-gap: 12px;
  gap: 12px
}

.ml-16 {
  margin-left: 16px
}

.gap-16 {
  grid-gap: 16px;
  gap: 16px
}

.ml-24 {
  margin-left: 24px
}

.gap-24 {
  grid-gap: 24px;
  gap: 24px
}

.ml-32 {
  margin-left: 32px
}

.gap-32 {
  grid-gap: 32px;
  gap: 32px
}

.ml-64 {
  margin-left: 64px
}

.gap-64 {
  grid-gap: 64px;
  gap: 64px
}

.white {
  color: #f3f3f3
}

.purple {
  color: #7e12ea
}

.violet {
  color: #b658ff
}

.yellow {
  color: #ffbe18
}

.green {
  color: #3eb13b
}

.red {
  color: #ff2c52
}

.blue {
  color: #24abf8
}

.f-bold {
  font-weight: 700
}

.f-heavy {
  font-weight: 900
}

.f-regular {
  font-weight: 400 !important
}

.pointer {
  cursor: pointer
}

.text-md {
  font-size: 14px
}

.text-md,
.text-sm {
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -.3px
}

.text-sm {
  font-size: 13px
}

.text-with-background {
  border-radius: 4px;
  background: #f3f3f3;
  color: #0c0f1e;
  padding: 0 6px
}

.text-with-background.blue {
  background: rgba(9, 139, 234, .3);
  color: #24abf8
}

.copy-block,
.copy-block * {
  cursor: copy !important
}

.hr {
  width: 100%;
  height: 1px;
  background-color: #23253d;
  margin: 16px 0
}

.ya-share2__badge {
  width: 48px;
  height: 48px;
  display: flex !important;
  justify-content: center;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .ya-share2__badge {
    width: 32px;
    height: 32px
  }
}

.ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item {
  margin: 0 6px 0 0 !important
}

@media screen and (max-width: 767.98px) {
  .ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item {
    margin: 0 12px 0 0 !important
  }
}

.circle-status {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1
}

.circle-status span {
  width: 6px;
  height: 6px;
  position: relative;
  z-index: 1;
  border-radius: 50%;
  background-color: #3eb13b
}

.circle-status:after,
.circle-status:before {
  content: "";
  background-color: #3eb13b;
  position: absolute;
  border-radius: 50%;
  z-index: -1
}

.circle-status:before {
  width: 12px;
  height: 12px;
  left: 2px;
  top: 2px;
  opacity: .2
}

.circle-status:after {
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  opacity: .15
}

.circle-status.green:after,
.circle-status.green:before,
.circle-status.green span {
  background: #3eb13b
}

.circle-status.red:after,
.circle-status.red:before,
.circle-status.red span {
  background: #ff2c52
}

.circle-status.blue:after,
.circle-status.blue:before,
.circle-status.blue span {
  background: #24abf8
}

.circle-status.black:after,
.circle-status.black:before,
.circle-status.black span {
  background: #858cab
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.word-break-all {
  word-break: break-all
}

.cabinet-page-box-face {
  background-color: #101224;
  border-radius: 8px
}

.cabinet-page-box-face--padding {
  padding: 32px 24px
}

.vue-slider-disabled {
  opacity: .5;
  cursor: not-allowed
}

.vue-slider {
  padding: 0 !important;
  height: auto !important
}

.vue-slider-rail {
  background-color: #181b3a;
  border: 3px solid #23274e;
  border-radius: 64px;
  height: 20px !important
}

.vue-slider-process {
  background: linear-gradient(180deg, #119bff, #00d1ff);
  border-radius: 15px
}

.vue-slider-mark {
  z-index: 4
}

.vue-slider-mark:first-child .vue-slider-mark-step,
.vue-slider-mark:last-child .vue-slider-mark-step {
  display: none
}

.vue-slider-mark-step {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .16)
}

.vue-slider-mark-label {
  font-size: 14px;
  white-space: nowrap
}

.vue-slider-dot {
  width: 16px !important;
  height: 28px !important;
  border: 2px solid #cad5dc;
  border-radius: 32px;
  overflow: hidden
}

.vue-slider-dot-handle {
  cursor: pointer;
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-sizing: border-box
}

.vue-slider-dot-handle-focus {
  box-shadow: 0 0 1px 2px rgba(52, 152, 219, .36)
}

.vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  background-color: #ccc
}

.vue-slider-dot-tooltip-inner {
  font-size: 14px;
  white-space: nowrap;
  padding: 2px 5px;
  min-width: 20px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  border-color: #3498db;
  background-color: #3498db;
  box-sizing: content-box
}

.vue-slider-dot-tooltip-inner:after {
  content: "";
  position: absolute
}

.vue-slider-dot-tooltip-inner-top:after {
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: inherit
}

.vue-slider-dot-tooltip-inner-bottom:after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%);
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-bottom-color: inherit
}

.vue-slider-dot-tooltip-inner-left:after {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-left-color: inherit
}

.vue-slider-dot-tooltip-inner-right:after {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-right-color: inherit
}

.vue-slider-dot-tooltip-wrapper {
  opacity: 0;
  transition: all .3s
}

.vue-slider-dot-tooltip-wrapper-show {
  opacity: 1
}

#jivo-iframe-container+jdiv>jdiv>jdiv>jdiv {
  margin: 0 !important
}

@media screen and (max-width: 1024px) {
  #jivo-iframe-container+jdiv>jdiv>jdiv {
    margin-bottom: 100px !important;
    margin-right: 24px !important
  }
}

@media screen and (max-width: 767.98px) {
  #jivo-iframe-container+jdiv>jdiv>jdiv {
    margin-bottom: 90px !important;
    margin-right: 15px !important
  }
}

.simplebar-content-wrapper {
  outline: none
}

.deposit .simplebar-scrollbar:before,
.layout-default .simplebar-scrollbar:before,
.payIn .simplebar-scrollbar:before,
.payOut .simplebar-scrollbar:before,
.rows-options .simplebar-scrollbar:before {
  background: #717192
}

@media screen and (max-width: 1024px) {

  .webim-button-corner,
  .webim-html-button-container {
    bottom: 90px !important
  }
}

@media screen and (max-width: 767.98px) {

  .webim-button-corner,
  .webim-html-button-container {
    bottom: 84px !important
  }
}

html {
  background: #04071e;
  scrollbar-color: rgba(113, 113, 146, .35);
  scrollbar-width: 6px
}

body {
  font-family: FS Elliot Pro, sans-serif;
  color: #f3f3f3;
  background-color: #1a1d2c
}

::-webkit-scrollbar {
  width: 6px;
  height: 4px
}

::-webkit-scrollbar-thumb {
  background-color: rgba(113, 113, 146, .35);
  border-radius: 3px
}

a {
  color: #098bea
}

.page-pa {
  padding: 0 24px
}

@media screen and (max-width: 767.98px) {
  .page-pa {
    padding: 0 16px
  }
}

.page-container {
  width: 100%;
  max-width: 1082px;
  margin: 0 auto
}

.layout-default {
  min-height: 100vh;
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 1024px) {
  .layout-default {
    padding-bottom: 90px
  }
}

@media screen and (max-width: 767.98px) {
  .layout-default {
    padding-bottom: 84px
  }
}

.layout-default.header-is-fixed .chat-wrap:before {
  display: none
}

@media screen and (min-width: 1024.51px) {
  .layout-default.header-is-fixed .AppChat {
    top: 76px;
    height: calc(100% - 76px)
  }
}

@media screen and (min-width: 1024.51px) {
  .layout-default.chat-is-opened .header-mid:not(.fixed) {
    padding-right: 230px
  }
}

@media screen and (min-width: 1024.51px) {
  .layout-default.chat-is-opened .AppFooter {
    width: calc(100% - 230px);
    padding-right: 0
  }
}

@media screen and (min-width: 1024.51px)and (max-width:1200px) {

  .layout-default.chat-is-opened .AppFooter .footer__up-btn,
  .layout-default.chat-is-opened .AppFooter .footer__upx {
    display: none
  }
}

.layout-default.chat-is-opened .header-mid__r:after {
  display: none
}

@media screen and (min-width: 1024.51px) {
  .layout-default.chat-is-opened .main-content {
    padding-right: 230px
  }
}

.ErrorLayout__content {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px
}

@media screen and (max-width: 767.98px) {
  .ErrorLayout__content {
    padding: 0 16px
  }
}

.ErrorLayout__img {
  z-index: 2
}

.ErrorLayout__title {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -.3px;
  text-transform: uppercase;
  z-index: 2
}

.ErrorLayout__title.title-404 {
  margin-top: -140px
}

.ErrorLayout__subtitle {
  font-family: Halvar Breitschrift, sans-serif;
  z-index: 2;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -.3px
}

.ErrorLayout__btn {
  z-index: 2;
  min-width: 195px;
  margin-top: 40px
}

.ErrorLayout__star {
  position: absolute;
  z-index: 1
}

.ErrorLayout__star:first-of-type {
  width: 51px;
  height: 51px;
  left: 260px;
  top: 50px
}

@media screen and (max-width: 767.98px) {
  .ErrorLayout__star:first-of-type {
    left: 70px
  }
}

.ErrorLayout__star:nth-of-type(2) {
  width: 32px;
  height: 32px;
  left: 120px;
  top: 150px
}

@media screen and (max-width: 767.98px) {
  .ErrorLayout__star:nth-of-type(2) {
    left: 50px
  }
}

.ErrorLayout__star:nth-of-type(3) {
  width: 59px;
  height: 59px;
  left: 80px;
  top: 240px
}

@media screen and (max-width: 767.98px) {
  .ErrorLayout__star:nth-of-type(3) {
    left: 60px
  }
}

.ErrorLayout__star:nth-of-type(4) {
  width: 59px;
  height: 59px;
  left: 200px;
  top: 320px
}

@media screen and (max-width: 767.98px) {
  .ErrorLayout__star:nth-of-type(4) {
    left: 30px
  }
}

.ErrorLayout__star:nth-of-type(5) {
  width: 94px;
  height: 94px;
  top: 18px;
  right: 140px
}

@media screen and (max-width: 767.98px) {
  .ErrorLayout__star:nth-of-type(5) {
    right: 30px
  }
}

.ErrorLayout__star:nth-of-type(6) {
  width: 32px;
  height: 32px;
  top: 140px;
  left: calc(100% - 120px)
}

.ErrorLayout__star:nth-of-type(7) {
  width: 59px;
  height: 59px;
  top: 270px;
  left: calc(100% - 160px)
}

@media screen and (max-width: 767.98px) {
  .ErrorLayout__star:nth-of-type(7) {
    left: calc(100% - 65px)
  }
}

.ErrorLayout.technical-works .ErrorLayout__img {
  display: flex;
  max-width: 200px;
  margin-bottom: 48px
}

@media screen and (max-width: 767.98px) {
  .ErrorLayout.technical-works .ErrorLayout__img {
    margin-bottom: 24px;
    max-width: 150px
  }
}

.ErrorLayout.technical-works .ErrorLayout__img img {
  width: 100%;
  z-index: 2
}

.ErrorLayout.technical-works .ErrorLayout__title {
  margin-bottom: 24px
}

@media screen and (max-width: 767.98px) {
  .ErrorLayout.technical-works .ErrorLayout__title {
    margin-bottom: 16px
  }
}

.main-content {
  padding-top: 140px;
  padding-bottom: 60px;
  padding-left: 88px;
  transition: .3s ease-in
}

.main-content-page {
  padding-top: 100px;
  padding-bottom: 60px;
  padding-left: 88px;
  transition: .3s ease-in
}

@media screen and (min-width: 1024.51px) {
  .main-content {
    padding-right: 70px;
    position: relative
  }

  .main-content:before {
    content: "";
    width: 70px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    background: #04071e;
    pointer-events: none;
    transition: .3s ease-in
  }
  
    .AppFooter:before {
    content: "";
    width: 70px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    background: #04071e;
    pointer-events: none;
    transition: .3s ease-in
  }

  .main-content.chat-is-opened:before {
    width: 230px
  }
}

@media screen and (max-width: 1024px) {
  .main-content {
    padding-left: 0;
    overflow: hidden
  }

  .main-content.main-content--sport {
    overflow: visible;
    overflow: initial
  }
}

@media screen and (max-width: 767.98px) {
  .main-content {
    padding-top: 124px
  }

  .main-content:not(.authenticated) {
    padding-top: 190px
  }
}

.ios-layout-safe .main-content {
  padding-top: calc(env(safe-area-inset-top) + 140px)
}

@media screen and (max-width: 767.98px) {
  .ios-layout-safe .main-content {
    padding-top: calc(env(safe-area-inset-top) + 124px)
  }

  .ios-layout-safe .main-content:not(.authenticated) {
    padding-top: calc(env(safe-area-inset-top) + 190px)
  }
}

.game-page {
  padding: 0 24px
}

.game-page.SportGamePage {
  padding: 0 0 0 24px
}

@media screen and (max-width: 1024px) {
  .game-page {
    padding: 0;
    margin-top: -66px
  }

  .game-page.SportGamePage {
    padding: 0
  }
}

@media screen and (max-width: 767.98px) {
  .game-page {
    margin-top: -64px
  }

  :not(.authenticated) .game-page {
    margin-top: -70px
  }
}

.game-page .page-container {
  max-width: 100%
}

.game-main-block {
  display: flex;
  border-radius: 12px;
  overflow: hidden
}

@media screen and (max-width: 1024px) {
  .game-main-block {
    flex-direction: column;
    border-radius: 0;
    border-radius: initial;
    background: #101224;
    padding-bottom: 24px
  }
}

@media screen and (max-width: 767.98px) {
  .game-main-block {
    overflow: visible;
    overflow: initial
  }
}

.game-field {
  position: relative;
  flex-grow: 1;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  background-color: #040d2e
}

@-webkit-keyframes spinner {
  to {
    transform: rotate(1turn)
  }
}

@keyframes spinner {
  to {
    transform: rotate(1turn)
  }
}

.waiting img {
  -webkit-animation: spinner 2s linear infinite;
  animation: spinner 2s linear infinite
}

#vk_community_messages {
  left: 90px !important;
  z-index: 9996 !important
}

@media screen and (min-width: 1024.51px) {
  #pushpad-bell {
    left: 88px !important
  }

  #vk_community_messages {
    left: 188px !important;
    bottom: -5px !important
  }
}

@media screen and (max-width: 1024px) {
  #pushpad-bell {
    bottom: 75px !important
  }

  #vk_community_messages {
    bottom: 92px !important;
    margin: 0 !important
  }
}

.link {
  display: flex;
  align-items: center;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -.04em;
  color: #666d85
}

.link svg {
  margin-right: 6px;
  fill: #858cab
}

.link span {
  color: #858cab;
  margin-right: 2px
}

.link.active svg,
.link.blue svg,
.link:not(.active):hover:is(a, button) svg {
  fill: #24abf8
}

.link:not(.active):hover:is(a, button),
.link:not(.active):hover:is(a, button) span {
  color: #24abf8
}

@media screen and (max-width: 767.98px) {
  .link {
    font-size: 14px;
    line-height: 18px
  }

  .link svg {
    width: 18px !important
  }
}

.sign-up__link {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  cursor: pointer
}

.sign-up__link.white {
  color: #f3f3f3
}

.sign-up__link:hover {
  color: #666d85
}

.numbered-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding-left: 36px;
  grid-gap: 16px;
  gap: 16px
}

.numbered-list li {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -.3px;
  color: #f3f3f3;
  position: relative
}

.numbered-list li a {
  color: #098bea
}

.numbered-list li:before {
  content: attr(data-index);
  width: 24px;
  height: 24px;
  position: absolute;
  right: calc(100% + 12px);
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, #101329 3%, #252b52 65%, #252b52);
  border-radius: 50%;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -.25px;
  color: #24abf8
}

.numbered-list.sm {
  grid-gap: 8px;
  gap: 8px
}

.numbered-list.sm li {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400
}

.numbered-list.sm li:before {
  width: 20px;
  height: 20px;
  font-size: 10px;
  font-weight: 400
}

.numbered-list.white-counter li:before {
  background: #f3f3f3;
  color: #1b1d32
}

.page-text h1 {
  margin: 18px 0;
  font-family: Halvar Breitschrift, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3
}

.page-text h2,
.page-text h3,
.page-text h4,
.page-text h5,
.page-text h6 {
  margin: 24px 0;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  color: #f3f3f3
}

.page-text ol,
.page-text p,
.page-text ul {
  margin: 24px 0;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #858cab
}

.page-text ol,
.page-text ul {
  padding: 0 0 0 24px
}

.page-text small {
  font-size: 12px;
  color: #666d85
}

.page-text a,
.page-text small {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 20px
}

.page-text a {
  font-size: 13px;
  color: #24abf8
}

.page-text .page-text__table-wrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden
}

.page-text table {
  border: 1px solid #b0aece;
  color: #858cab;
  border-collapse: collapse;
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 14px
}

.page-text table th {
  padding: .75rem;
  border: solid #b0aece;
  border-width: 1px 1px 2px;
  margin: 24px 0;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  color: #f3f3f3
}

.page-text table td {
  border: 1px solid #b0aece;
  padding: .75rem
}

.page-text .highlight {
  position: relative
}

.page-text .highlight>span {
  z-index: 2;
  position: relative;
  color: #fff;
  transition: .25s ease;
  transition-delay: .5s
}

.page-text .highlight:before {
  z-index: 1;
  content: "";
  position: absolute;
  left: -12px;
  right: -12px;
  top: -12px;
  bottom: -12px;
  border-radius: 8px;
  background: rgba(102, 221, 246, .25);
  opacity: 0;
  -webkit-animation: opacity .25s forwards;
  animation: opacity .25s forwards;
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

@-webkit-keyframes opacity {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes opacity {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@media screen and (max-width: 1024px) {
  .lt-label-mobile {
    transform: translateY(-68px)
  }
}

.user-balance {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -.5px;
  color: #fff;
  overflow: hidden
}

.user-balance svg {
  margin-right: 5px
}

.user-balance__decimals {
  color: #858cab
}

.user-finance {
  width: 100%;
  display: flex;
  flex-direction: column
}

.user-finance__item {
  padding: 12px 16px;
  color: #858cab;
  position: relative
}

.user-finance .user-balance {
  margin-bottom: 6px
}

.user-finance__item-title {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: .2px;
  margin-bottom: 12px
}

.user-finance__item-desc {
  font-size: 12px;
  line-height: 16px;
  color: #666d85
}

.user-finance__item-question-icon {
  font-family: Halvar Breitschrift, sans-serif;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 12px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #23253d;
  color: #666d85;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  transition: .2s ease
}

.user-finance__item-question-icon>span {
  transition: .2s ease;
  transform-origin: center center
}

.user-finance__item--link:hover .user-finance__item-question-icon>span {
  color: #24abf8;
  transform: scale(1.15);
  -webkit-animation: bounce-question .8s linear .2s infinite;
  animation: bounce-question .8s linear .2s infinite
}

.user-finance.balance-notice {
  background: #05071e;
  border-radius: 8px;
  overflow: hidden
}

.user-finance.balance-notice .user-finance__item {
  padding: 16px 12px 8px 16px;
  border-bottom: 1px solid #1a1d2c
}

.user-finance.balance-notice .user-finance__item--link:hover {
  background: #0c0f1e
}

.user-finance.modal-mobile-finance .user-finance__item {
  padding: 12px 0
}

.user-finance.modal-mobile-finance .user-finance__item-question-icon>span {
  color: #24abf8;
  transform: scale(1.15);
  -webkit-animation: bounce-question .8s linear .2s infinite;
  animation: bounce-question .8s linear .2s infinite
}

.user-finance.cabinet-finance {
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-right: -16px;
  padding-top: 8px
}

.user-finance.cabinet-finance .user-finance__item-question-icon>span {
  color: #24abf8;
  transform: scale(1.15);
  -webkit-animation: bounce-question .8s linear .2s infinite;
  animation: bounce-question .8s linear .2s infinite
}

.user-finance.cabinet-finance .user-finance__item--link:hover {
  background: #04071e
}

@media screen and (max-width: 1200px) {
  .user-finance.cabinet-finance {
    flex-direction: row
  }

  .user-finance.cabinet-finance .user-finance__item {
    flex-basis: 33%
  }
}

@media screen and (max-width: 600px) {
  .user-finance.cabinet-finance {
    flex-direction: column
  }
}

@-webkit-keyframes bounce-question {
  50% {
    transform: scale(1.15)
  }

  50% {
    transform: scale(.95)
  }
}

@keyframes bounce-question {
  50% {
    transform: scale(1.15)
  }

  50% {
    transform: scale(.95)
  }
}

.slot-catalog-item__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.slot-catalog-item {
  width: 100%;
  max-width: calc(20% - 9.6px);
  background: #1b1d32;
  border-radius: 12px;
  overflow: hidden;
  position: relative
}

@media screen and (max-width: 1600px) {
  .slot-catalog-item {
    max-width: calc(25% - 9px)
  }
}

@media screen and (max-width: 1440px) {
  .slot-catalog-item {
    max-width: calc(33.33333% - 8px)
  }
}

@media screen and (max-width: 767.98px) {
  .slot-catalog-item {
    max-width: calc(33.33333% - 5.33333px)
  }
}

@media screen and (max-width: 425px) {
  .slot-catalog-item {
    max-width: calc(50% - 4px)
  }
}

.slot-catalog-item__img-game {
  padding-top: 71.428571%;
  z-index: 1;
  width: 100%;
  height: 100%
}

.slot-catalog-item__img-game img {
  position: absolute;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%
}

.slot-catalog-item__bonusIcon {
  z-index: 3;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 32px;
  height: 32px;
  display: block;
  background-size: calc(100% - 12px);
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(/img/other/icon-letter-b.png);
  transition: .2s ease;
  transform-origin: center;
  cursor: pointer
}

.slot-catalog-item__bonusIcon:hover {
  transform: scale(1.1)
}

@media screen and (max-width: 767.98px) {
  .slot-catalog-item__bonusIcon {
    width: 14px;
    height: 14px;
    background-size: cover;
    left: 8px;
    top: 9px
  }
}

.slot-catalog-item__wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 12px;
  transform: translate3d(0, 101%, 0);
  transition: .2s ease
}

@media screen and (max-width: 1024px) {
  .slot-catalog-item__wrap {
    transform: translateZ(0)
  }
}

.slot-catalog-item__wrap:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(19, 71, 255, .9);
  border-radius: 12px;
  z-index: 1
}

@media screen and (max-width: 1024px) {
  .slot-catalog-item__wrap:before {
    opacity: .7
  }
}

.slot-catalog-item__wrap>* {
  z-index: 2
}

.slot-catalog-item__head {
  width: 100%;
  padding: 8px 8px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

@media screen and (max-width: 767.98px) {
  .slot-catalog-item__head {
    padding: 8px 8px 4px 26px
  }
}

.slot-catalog-item__name {
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  color: #f3f3f3;
  max-height: 14px
}

.slot-catalog-item__favorite {
  margin-left: 4px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center
}

.slot-catalog-item__favorite svg {
  stroke: #f3f3f3
}

@media screen and (min-width: 1024.51px) {
  .slot-catalog-item__favorite svg:hover {
    fill: #f3f3f3
  }
}

.slot-catalog-item__body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 12px 0
}

.slot-catalog-item__body.demo-only,
.slot-catalog-item__body.not-allowed {
  justify-content: center;
  padding-top: 0
}

.slot-catalog-item__play {
  width: 100%;
  display: flex;
  margin: auto 0;
  flex-direction: column;
  align-items: center;
  cursor: pointer
}

.slot-catalog-item__play:hover .slot-catalog-item__img {
  -webkit-animation: bounce-play-icon .8s linear .2s infinite;
  animation: bounce-play-icon .8s linear .2s infinite;
  transform: scale(1.15)
}

.slot-catalog-item__play:hover .slot-catalog-item__text:before {
  width: 100%
}

.slot-catalog-item__img {
  height: 54px;
  max-width: none;
  transform-origin: center;
  transition: .2s ease
}

@media screen and (min-width: 525px)and (max-width:720px),
screen and (min-width:1025px)and (max-width:1120px) {
  .slot-catalog-item__img {
    height: 25px
  }
}

@media screen and (min-width: 426px)and (max-width:525px) {
  .slot-catalog-item__img {
    height: 0
  }
}

@media screen and (max-width: 425px) {
  .slot-catalog-item__img {
    height: 20px
  }
}

@media screen and (max-width: 374px) {
  .slot-catalog-item__img {
    height: 0
  }
}

.slot-catalog-item__text {
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3;
  text-shadow: 0 0 8px hsla(0, 0%, 100%, .6);
  position: relative
}

.slot-catalog-item__text:before {
  content: "";
  width: 0;
  height: 1px;
  background: #f3f3f3;
  transition: .2s ease;
  position: absolute;
  bottom: 0;
  left: 0
}

.slot-catalog-item__play-for-free {
  padding-bottom: 8px;
  padding-top: 8px;
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-right: -16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  transition: .2s ease;
  cursor: pointer
}

.slot-catalog-item__play-for-free:hover {
  color: #101224;
  background: #f3f3f3
}

.slot-catalog-item.no-access .slot-catalog-item__wrap:before {
  background: rgba(12, 15, 28, .9)
}

.slot-catalog-item.favorite .slot-catalog-item__favorite svg {
  fill: #f3f3f3
}

.slot-catalog-item:hover .slot-catalog-item__wrap {
  transform: translateZ(0)
}

.headerFreeSpin[data-v-afe44ac0] {
  display: flex;
  padding: 2px 6px 2px 2px;
  border-radius: 58px;
  grid-gap: 6px;
  gap: 6px;
  align-items: center;
  align-self: center;
  font-family: FS Elliot Pro, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #fff;
  background: #7428ed;
  cursor: pointer
}

.headerFreeSpin[data-v-afe44ac0]:hover {
  background: rgba(116, 40, 237, .8)
}

.headerFreeSpin span[data-v-afe44ac0] {
  display: flex;
  margin-top: 2px
}

.headerFreeSpin__gameCard[data-v-afe44ac0] {
  display: none;
  width: 0;
  height: 0;
  opacity: 0
}

.newBanner[data-v-75e8320f] {
  position: relative;
  max-height: 94px;
  padding: 12px 48px 12px 8px;
  background-color: #1a1d2c;
  overflow: hidden
}

.newBanner__circleBg[data-v-75e8320f] {
  position: absolute;
  top: 8px;
  left: -40px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  overflow: hidden;
  filter: blur(40px);
  z-index: 0
}

.newBanner__circleBg--default[data-v-75e8320f],
.newBanner__circleBg[data-v-75e8320f] {
  background-color: rgba(37, 177, 255, .12)
}

.newBanner__circleBg--purpure[data-v-75e8320f] {
  background-color: rgba(240, 37, 255, .12)
}

.newBanner__contentLink[data-v-75e8320f] {
  position: relative;
  display: flex;
  grid-gap: 12px;
  gap: 12px;
  color: #f3f3f3;
  z-index: 1
}

.newBanner__contentLink[data-v-75e8320f],
.newBanner__contentLink[data-v-75e8320f]:active {
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.newBanner__img[data-v-75e8320f] {
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden
}

.newBanner__title[data-v-75e8320f] {
  position: relative;
  display: flex;
  height: 32px;
  overflow: hidden
}

.newBanner__tSpan[data-v-75e8320f] {
  display: inline-block;
  margin: auto 0;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0
}

.newBanner__textLink[data-v-75e8320f] {
  display: flex;
  grid-gap: 7.5px;
  gap: 7.5px;
  align-items: center;
  margin-top: 4px;
  color: #24abf8;
  font-family: FS Elliot Pro, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.3px
}

.newBanner__textLink svg[data-v-75e8320f] {
  fill: #24abf8
}

.newBanner__close[data-v-75e8320f] {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 32px;
  height: 32px;
  padding: 6px
}

.newBanner__close[data-v-75e8320f]:after,
.newBanner__close[data-v-75e8320f]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 1px;
  background-color: #fff;
  transform: translate(-50%, -50%) rotate(45deg)
}

.newBanner__close[data-v-75e8320f]:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.header-mobile-mid.fixed .newBanner.banner_ShowType_1[data-v-75e8320f] {
  display: none
}

.header-mobile-mid {
  height: auto !important;
  padding: calc(var(--safe-area-inset-top)) 0 0 0 !important;
  flex-direction: column
}

@media screen and (min-width: 768px) {
  .header-mobile-mid {
    display: none !important
  }
}

.header-mobile-mid .header-mobile-mid__line {
  width: 100%
}

.header-mobile-mid .header-mobile-mid__line.old-version {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
  height: 60px;
  overflow: hidden
}

.header-mobile-mid .header-mobile-mid__line.old-version .header-mid__l {
  grid-gap: 8px;
  gap: 8px
}

.header-mobile-mid .header-mobile-mid__line.header-mid__auth-buttons {
  position: static;
  padding: 12px 16px
}

.AppHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 6
}

@media screen and (max-width: 1024px) {
  .AppHeader {
    z-index: 10
  }
}

.user-ava {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden
}

.user-ava.full-width {
  width: 100%;
  height: 100%
}

.user-ava svg {
  fill: #f3f3f3
}

.user-ava img {
  max-width: 100%
}

@media screen and (max-width: 767.98px) {
  .user-ava {
    width: 32px;
    height: 32px
  }

  .user-ava svg {
    width: 16px !important
  }
}

.logo-main {
  display: flex;
  justify-content: center;
  align-items: center
}

.logo-main .logo-main__upx.new-year {
  width: 100%;
  max-width: 130px
}

@media screen and (max-width: 1024px) {
  .logo-main .logo-main__upx.new-year {
    margin-top: 15px
  }
}

.logo-main.birthday {
  width: 100%;
  height: 100%;
  padding-bottom: 10%
}

@media screen and (max-width: 767.98px) {
  .logo-main.birthday {
    padding-bottom: 4%;
    max-width: 68px
  }
}

.logo-main.birthday img {
  max-height: 100%
}

.header-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  position: relative;
  z-index: 4;
  background-color: #04071e
}

@media screen and (max-width: 1024px) {
  .header-top {
    display: none
  }
}

.header-top__link {
  height: 16px;
  display: flex;
  align-items: center;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -.04em;
  color: #666d85
}

.header-top__link svg {
  margin-right: 6px;
  fill: #858cab
}

@media screen and (max-width: 1200px) {
  .header-top__link svg {
    display: none
  }
}

.header-top__link span {
  color: #858cab;
  margin-right: 2px
}

.header-top__link.blue svg {
  fill: #24abf8
}

.header-top__link.active,
.header-top__link.nuxt-link-exact-active {
  color: #24abf8
}

.header-top__link.active svg,
.header-top__link.nuxt-link-exact-active svg,
.header-top__link:not(.active):hover:is(a, button) svg {
  fill: #24abf8
}

.header-top__link:not(.active):hover:is(a, button),
.header-top__link:not(.active):hover:is(a, button) span {
  color: #24abf8
}

.header-top__sound-switcher {
  width: 16px;
  height: 16px
}

.header-top__sound-switcher svg {
  fill: #666d85
}

.header-top__sound-switcher .active svg {
  fill: #24abf8
}

.header-top__l .header-top__link:not(:last-child),
.header-top__r .header-top__link:not(:last-child) {
  margin-right: 24px
}

.header-top__r-links {
  margin-right: 32px
}

.header-top__social-links {
  margin-right: 32px;
  grid-gap: 12px;
  gap: 12px
}

.header-top__actions .header-top__link svg {
  margin: 0
}

.header-top__select-language {
  margin-right: 16px
}

.header-top__logo {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  margin: 0 auto;
  background-color: #04071e;
  width: 180px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center
}

.header-top__logo-trapezoid {
  position: absolute;
  bottom: 0
}

.header-top__logo-trapezoid:first-of-type {
  left: calc(100% - 1px)
}

.header-top__logo-trapezoid:nth-of-type(2) {
  right: 100%;
  transform-origin: center;
  transform: scaleX(-1)
}

.header-top .sound-switcher .header-top__link:not(.active):hover svg {
  fill: #666d85
}

.ios-layout-safe .header-top {
  padding: calc(var(--safe-area-inset-top) + 12px) 24px 12px
}

.ios-layout-safe .header-top__logo {
  margin-top: calc(var(--safe-area-inset-top))
}

.header-mid {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 88px
}

.header-mid:not(.fixed) {
  transition: .3s ease-in
}

@media screen and (min-width: 1024.51px) {
  .header-mid {
    padding-right: 70px
  }
}

@media screen and (max-width: 1024px) {
  .header-mid {
    padding: 16px 24px;
    position: relative;
    top: 0 !important;
    background: rgba(4, 7, 30, .8);
    height: 74px
  }
}

@media screen and (max-width: 767.98px) {
  .header-mid {
    padding: 12px 16px;
    height: 60px
  }

  .header-mid:not(.authenticated) {
    height: 120px;
    padding-bottom: 72px
  }

  .header-mid:not(.authenticated) .header-mid__open-chat {
    margin-right: 0
  }
}

.header-mid__l {
  padding-left: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative
}

@media screen and (max-width: 1024px) {
  .header-mid__l {
    padding: 0;
    display: flex;
    align-items: center
  }

  .header-mid__l:before {
    display: none
  }
}

.header-mid__l:before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12V0h12C3.804 1.623 1.613 4.65 0 12z' fill='%2304071E'/%3E%3C/svg%3E");
  left: 0;
  top: 0;
  z-index: 1
}

.header-mid__link {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -.03px;
  color: #f3f3f3;
  padding: 12px 6px;
  position: relative
}

.header-mid__link:not(:last-child) {
  margin-right: 12px
}

.header-mid__link img,
.header-mid__link svg {
  margin-right: 12px;
  fill: #666d85
}

@media screen and (max-width: 1200px) {

  .header-mid__link img,
  .header-mid__link svg {
    display: none
  }
}

.header-mid__link-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.3px;
  color: #f3f3f3;
  margin-left: 3px;
  background-color: #24abf8;
  padding: 0 6px;
  border-radius: 32px;
  min-width: 20px
}

.header-mid__link:before {
  content: "";
  width: calc(100% - 12px);
  height: 2px;
  position: absolute;
  left: 6px;
  bottom: -2px;
  background-color: #24abf8;
  border-radius: 2px;
  opacity: 0
}

.header-mid__link.nuxt-link-exact-active {
  color: #24abf8
}

.header-mid__link.nuxt-link-exact-active svg {
  fill: #24abf8
}

.header-mid__link.nuxt-link-exact-active:before {
  opacity: 1
}

.header-mid__link.nuxt-link-exact-active.yellow:before {
  background-color: #ffbe18
}

.header-mid__link.yellow {
  font-style: italic;
  color: #ffbe18
}

.header-mid__link:not(.nuxt-link-exact-active):hover {
  color: #24abf8
}

.header-mid__link:not(.nuxt-link-exact-active):hover svg {
  fill: #24abf8
}

.header-mid__r {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 24px;
  position: relative
}

@media screen and (max-width: 1024px) {
  .header-mid__r {
    padding: 0
  }
}

.header-mid__r:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12V0h12C3.804 1.623 1.613 4.65 0 12z' fill='%2304071E'/%3E%3C/svg%3E");
  right: 0;
  top: 0;
  z-index: 1;
  transform: rotate(90deg)
}

@media screen and (max-width: 1024px) {
  .header-mid__r:after {
    display: none
  }
}

.header-mid__auth-buttons {
  position: absolute;
  left: 0;
  bottom: 16px;
  width: 100%;
  padding: 0 16px
}

.header-mid__auth-buttons>* {
  flex-basis: 0;
  flex-grow: 1
}

.header-mid__signIn {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: -.03px;
  color: #f3f3f3;
  padding: 12px 6px;
  margin-right: 12px
}

.header-mid__signIn svg {
  margin-right: 8px;
  fill: #666d85
}

.header-mid__signIn:hover {
  color: #24abf8
}

.header-mid__signIn:hover svg {
  fill: #24abf8
}

@media screen and (max-width: 767.98px) {
  .header-mid__signIn {
    justify-content: center
  }

  .header-mid__signIn svg {
    display: none
  }
}

.header-mid .user-balance {
  cursor: pointer;
  overflow: visible
}

@media screen and (max-width: 1024px) {
  .header-mid .user-balance {
    font-size: 16px;
    line-height: 18px;
    height: 18px
  }

  .header-mid .user-balance svg {
    margin-top: -2px;
    margin-right: 4px;
    max-width: 18px
  }

  .header-mid .user-balance .balance-coin {
    width: 18px;
    height: 18px
  }
}

.header-mid__user-balance-wrap {
  position: relative
}

@media screen and (max-width: 1024px) {
  .header-mid__user-actions {
    margin-right: -4px;
    margin-top: 6px
  }
}

.header-mid__user-actions-separator {
  width: 1px;
  height: 16px;
  margin: 0 4px;
  background-color: #2d2f42
}

.header-mid__deposit,
.header-mid__withdraw {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.3px;
  display: flex;
  align-items: center;
  padding: 6px
}

@media screen and (max-width: 1024px) {

  .header-mid__deposit,
  .header-mid__withdraw {
    padding: 0 6px
  }
}

.header-mid__deposit {
  color: #ff0
}

.header-mid__deposit svg {
  fill: #ffbe18;
  margin-right: 6px
}

.header-mid__deposit:hover {
  color: #24abf8
}

.header-mid__deposit:hover svg {
  fill: #ffbe18
}

.header-mid__withdraw {
  color: #f3f3f3
}

.header-mid__withdraw:hover {
  color: #24abf8
}

.header-mid__user-ava {
  margin-left: 16px
}

@media screen and (max-width: 1024px) {
  .header-mid__user-ava {
    display: flex;
    align-items: center
  }

  .header-mid__user-ava .user-ava {
    width: 42px;
    height: 42px
  }

  .header-mid__user-ava svg.arrow {
    transform-origin: center;
    transition: .2s ease;
    margin-left: 8px;
    fill: #666d85
  }

  .header-mid__user-ava.active svg.arrow {
    transform: rotate(180deg);
    fill: #f3f3f3
  }
}

@media screen and (max-width: 767.98px) {
  .header-mid__user-ava {
    margin-left: 0
  }

  .header-mid__user-ava .user-ava {
    width: 32px;
    height: 32px
  }
}

.header-mid__actions {
  margin-left: 64px
}

.header-mid__select-language {
  margin-right: 12px
}

.header-mid__sound-witcher {
  display: flex;
  padding: 12px;
  background: #1a1d2c;
  border-radius: 8px
}

.header-mid__sound-witcher svg {
  fill: #666d85
}

.header-mid__sound-witcher:hover {
  background-color: #1b1d32
}

.header-mid__sound-witcher.active {
  background-color: #23253d
}

.header-mid__sound-witcher.active svg {
  fill: #24abf8
}

.header-mid__logo {
  position: absolute;
  left: 0;
  right: 0;
  width: 175px;
  padding-right: 88px;
  margin: 0 auto
}

.header-mid__logo.birthday {
  height: 100%
}

@media screen and (max-width: 1024px) {
  .header-mid__logo {
    top: 0;
    padding: 0;
    width: 90px
  }

  .header-mid__logo .logo-main__upx {
    max-height: 74px
  }
}

@media screen and (max-width: 767.98px) {
  .header-mid__logo {
    left: 56px;
    right: auto
  }

  .header-mid__logo .logo-main__upx {
    max-height: 60px
  }
}

.header-mid__open-chat {
  margin-left: 18px;
  padding: 0 16px;
  width: 60px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  background-color: #1b1d32;
  overflow: hidden
}

@media screen and (max-width: 767.98px) {
  .header-mid__open-chat {
    margin-left: 0;
    margin-bottom: 2px;
    margin-right: 8px;
    background: transparent;
    width: auto;
    height: auto;
    padding: 0 4px
  }
}

.header-mid__open-chat .chat-wrap__open-btn {
  flex-shrink: 0;
  margin-bottom: 8px;
  margin-left: 6px
}

@media screen and (max-width: 767.98px) {
  .header-mid__open-chat .chat-wrap__open-btn {
    margin: 0
  }
}

.header-mid__open-chat .chat-wrap__open-btn span {
  border-color: #1b1d32
}

@media screen and (max-width: 767.98px) {
  .header-mid__open-chat .chat-wrap__open-btn span {
    top: 2px
  }
}

.header-mid.fixed {
  width: calc(100% - 88px);
  height: 75px;
  position: fixed;
  left: 88px;
  z-index: 6;
  top: -300px;
  background: rgba(4, 7, 30, .95);
  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .5);
  padding: 0 24px;
  align-items: center
}

.header-mid.fixed .header-mid__l {
  padding: 0
}

.header-mid.fixed .header-mid__l:before {
  display: none
}

.header-mid.fixed .header-mid__link.active:before {
  bottom: -16px
}

.header-mid.fixed .header-mid__r {
  padding: 0
}

@media screen and (max-width: 1024px) {
  .header-mid.fixed {
    width: 100%;
    left: 0;
    background: rgba(4, 7, 30, .8);
    box-shadow: none
  }
}

@media screen and (max-width: 767.98px) {
  .header-mid.fixed {
    height: 60px;
    padding: 0 16px
  }

  .header-mid.fixed:not(.authenticated) {
    height: 120px;
    padding-bottom: 60px
  }
}

.ios-layout-safe .header-mid.fixed {
  padding: calc(var(--safe-area-inset-top)) 24px 0
}

@media screen and (max-width: 1024px) {
  .ios-layout-safe .header-mid {
    height: calc(var(--safe-area-inset-top) + 74px);
    padding: calc(var(--safe-area-inset-top) + 16px) 24px 16px 24px
  }
}

@media screen and (max-width: 767.98px) {
  .ios-layout-safe .header-mid {
    padding: calc(var(--safe-area-inset-top) + 12px) 16px 12px 16px;
    height: auto
  }

  .ios-layout-safe .header-mid:not(.authenticated) {
    height: auto;
    padding-bottom: 72px
  }

  .ios-layout-safe .header-mid:not(.authenticated) .header-mid__open-chat {
    margin-right: 0
  }
}

@media screen and (max-width: 1024px) {
  .ios-layout-safe .header-mid__logo {
    top: calc(var(--safe-area-inset-top))
  }
}

@media screen and (max-width: 767.98px) {
  .ios-layout-safe .header-mid__logo {
    top: calc(var(--safe-area-inset-top))
  }
}

@media screen and (max-width: 767.98px) {
  .ios-layout-safe .header-mid.fixed {
    height: auto;
    padding: calc(var(--safe-area-inset-top)) 16px 12px 16px
  }

  .ios-layout-safe .header-mid.fixed:not(.authenticated) {
    height: auto;
    padding-bottom: 60px
  }
}

@media screen and (max-width: 767.98px)and (max-width:767.98px) {
  .ios-layout-safe .header-mid.fixed .header-mid__logo {
    top: calc(var(--safe-area-inset-top) - 16px)
  }
}

.balanceNotice {
  z-index: 7;
  position: fixed;
  top: 120px;
  right: 94px;
  width: 220px;
  display: flex;
  flex-direction: column;
  background: #05071e;
  border-radius: 8px
}

.balanceNotice__close {
  padding: 16px 12px 12px
}

.balanceNotice__close .btn {
  width: 100%;
  height: 32px
}

.header-is-fixed .balanceNotice {
  top: 80px;
  right: 195px
}

.chat-is-opened .balanceNotice {
  top: 120px;
  right: 254px
}

.header-is-fixed.chat-is-opened .balanceNotice {
  top: 80px
}

.burger-menu {
  height: 18px;
  display: flex;
  align-items: center;
  cursor: pointer
}

@media screen and (max-width: 1024px) {
  .burger-menu {
    height: 42px;
    padding: 0 16px;
    border-radius: 8px
  }
}

@media screen and (min-width: 768px)and (max-width:1024px) {
  .burger-menu {
    background-color: #1b1d32
  }

  .burger-menu.active {
    background-color: #23253d
  }
}

@media screen and (max-width: 767.98px) {
  .burger-menu {
    height: auto;
    padding: 10px 16px;
    margin-left: -16px
  }

  .burger-menu .burger-menu__burger {
    margin: 0
  }
}

.burger-menu__burger {
  width: 24px;
  height: 10px;
  margin-right: 10px;
  position: relative
}

.burger-menu__burger:after,
.burger-menu__burger:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #f3f3f3;
  transform-origin: center;
  transition: .13s ease-in;
  position: absolute;
  left: 0
}

.burger-menu__burger:before {
  top: 0
}

.burger-menu__burger:after {
  bottom: 0
}

.burger-menu__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #f3f3f3;
  transition: .13s ease-in
}

@media screen and (max-width: 1024px) {
  .burger-menu__title {
    margin-top: 2px
  }
}

.burger-menu.active .burger-menu__burger:before {
  height: 3px;
  top: 4px;
  transform: scale(.75) rotate(45deg)
}

.burger-menu.active .burger-menu__burger:after {
  height: 3px;
  bottom: 3px;
  transform: scale(.75) rotate(-45deg)
}

.balance-coin {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
  position: relative;
  transform-origin: center
}

.balance-coin.animate {
  -webkit-animation: coin-animation-lite 1.2s ease forwards;
  animation: coin-animation-lite 1.2s ease forwards
}

.balance-coin__side {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform-style: preserve-3d;
  transform-origin: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-size: 100%
}

.balance-coin__side img {
  width: 100%
}

.balance-coin__side:last-of-type {
  transform: rotateY(-180deg)
}

@-webkit-keyframes coin-animation-lite {
  0% {
    transform: scale(1) rotateY(0)
  }

  50% {
    transform: scale(1.2) rotateY(1turn)
  }

  to {
    transform: scale(1) rotateY(2turn)
  }
}

@keyframes coin-animation-lite {
  0% {
    transform: scale(1) rotateY(0)
  }

  50% {
    transform: scale(1.2) rotateY(1turn)
  }

  to {
    transform: scale(1) rotateY(2turn)
  }
}

.header-games-mobile {
  width: 100%;
  display: flex;
  align-items: center;
  background: #101224;
  position: relative;
  overflow: hidden
}

.header-games-mobile__wrap {
  width: 100%;
  height: 42px;
  display: flex;
  align-items: flex-end;
  grid-gap: 12px;
  gap: 12px;
  padding: 0 10px 6px;
  overflow-x: auto;
  overflow-y: hidden
}

.header-games-mobile__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 0 6px;
  height: 32px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #858cab;
  transition: .2s ease
}

@media screen and (max-width: 767.98px) {
  .header-games-mobile__item {
    font-size: 12px
  }
}

.header-games-mobile__item.active,
.header-games-mobile__item:active,
.header-games-mobile__item:hover {
  color: #24abf8
}

.header-games-mobile__item.active {
  font-style: italic
}

.header-games-mobile:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #101224;
  box-shadow: 0 0 12px 12px #101224
}

.AppSidebar {
  position: fixed;
  height: 100vh;
  top: calc(var(--safe-area-inset-top) + 40px);
  left: 0;
  background-color: #04071e;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 0 54px;
  width: 88px
}

.AppSidebar:before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  height: 40px;
  background-color: #04071e;
  z-index: 1;
  width: 100%;
  display: none
}

.AppSidebar__bg {
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  width: 88px;
  background-color: #04071e
}

.header-is-fixed .AppSidebar {
  z-index: 6
}

.sidebar-list {
  overflow: visible;
  height: 100%;
  width: 100%;
  grid-gap: 16px;
  gap: 16px
}

.sidebar-list.hidden {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%
}

.sidebar-list::-webkit-scrollbar {
  width: 4px;
  height: 2px
}

.sidebar-item {
  position: relative
}

.sidebar-item>div,
.sidebar-item a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  cursor: pointer
}

.sidebar-item__new {
  position: absolute;
  left: 100%;
  top: 0;
  margin-top: 0;
  margin-left: -16px;
  background: #ff2c52;
  padding: 4px 6px;
  border-radius: 4px;
  font-family: Halvar Breitschrift, sans-serif;
  font-size: 8px;
  font-weight: 500;
  color: #f3f3f3;
  text-transform: uppercase
}

.sidebar-item:not(.active):hover>div,
.sidebar-item:not(.active):hover a {
  background: radial-gradient(100% 100% at 50%, at 0, rgba(31, 33, 40, .5) 0, rgba(49, 52, 62, .5) 52.08%, rgba(49, 52, 62, .5) 74.48%, rgba(89, 89, 92, 0) 100%);
  background: radial-gradient(100% 100% at 50% 0, rgba(31, 33, 40, .5) 0, rgba(49, 52, 62, .5) 52.08%, rgba(49, 52, 62, .5) 74.48%, rgba(89, 89, 92, 0) 100%);
  box-shadow: inset 0 0 12px #1f2128
}

.sidebar-item:not(.active):hover>div .sidebar-item__logo,
.sidebar-item:not(.active):hover a .sidebar-item__logo {
  mix-blend-mode: luminosity
}

.sidebar-item:not(.active):hover>div+.sidebar-item__tip,
.sidebar-item:not(.active):hover a+.sidebar-item__tip {
  opacity: 1
}

.sidebar-item.active a {
  background: radial-gradient(100% 100% at 50%, at 0, #25b1ff 0, rgba(9, 139, 234, .35) 52%, rgba(9, 139, 234, .25) 75%, rgba(37, 177, 255, 0) 100%);
  background: radial-gradient(100% 100% at 50% 0, #25b1ff 0, rgba(9, 139, 234, .35) 52%, rgba(9, 139, 234, .25) 75%, rgba(37, 177, 255, 0) 100%);
  box-shadow: inset 0 0 12px #25b1ff
}

.sidebar-item__logo {
  transition: .2s ease
}

.banner__bg[data-v-4596c320] {
  --center-img-width: 88px;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  padding: 140px 16px 0;
  background-color: rgba(4, 3, 20, .6);
  z-index: 101
}

.banner__content[data-v-4596c320] {
  position: relative;
  width: 440px;
  max-width: 440px;
  display: flex;
  flex-direction: column
}

.banner__content.banner__content--center[data-v-4596c320] {
  width: 380px;
  max-width: 380px;
  margin: 0 8px
}

.banner__content .banner__imageContent[data-v-4596c320] {
  position: relative
}

.banner__content .banner__imageContent.banner__imageContent--center[data-v-4596c320] {
  padding-bottom: 48px;
  padding-bottom: calc(var(--center-img-width, 88px) - 40px);
  background-color: #fff;
  border-radius: 16px 16px 0 0
}

.banner__content .banner__imageContent.banner__imageContent--noImage[data-v-4596c320] {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
  padding-top: 16px
}

.banner__content .banner__contentInner[data-v-4596c320] {
  padding: 16px;
  border-radius: 0 0 16px 16px
}

.btnA[data-v-4596c320],
.description[data-v-4596c320],
.title[data-v-4596c320] {
  font-family: FS Elliot Pro, Helvetica, sans-serif
}

.title[data-v-4596c320] {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -.3px;
  line-height: 24px;
  color: #f3f3f3
}

.description[data-v-4596c320] {
  margin-top: 4px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -.42px;
  line-height: 20px;
  color: #656d84
}

.btnA[data-v-4596c320] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  margin-top: 16px;
  padding: 0 20px;
  color: #f3f3f3;
  background-color: #098bea;
  border-radius: 12px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  cursor: pointer
}

.circle[data-v-4596c320] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  padding: 8px;
  background-color: #0c0f1e
}

.circle .circleInner[data-v-4596c320],
.circle[data-v-4596c320] {
  border-radius: 50%;
  overflow: hidden
}

.circle .circleInner[data-v-4596c320] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  width: var(--center-img-width, 88px)
}

.circle .circleInner[data-v-4596c320]:before {
  content: "";
  padding-top: 100%;
  float: left
}

.circle .circleInner img[data-v-4596c320],
.circle .circleInner svg[data-v-4596c320] {
  max-width: 65%
}

.imgCenter[data-v-4596c320] {
  height: 100%
}

.imgCenter[data-v-4596c320],
.imgNoCenter[data-v-4596c320] {
  width: 100%;
  background-size: cover
}

.imgNoCenter[data-v-4596c320] {
  height: 200px;
  display: block;
  border: 0;
  outline: none;
  border-radius: 16px 16px 0 0;
  background-repeat: no-repeat;
  background-position: 50%
}

.banner__content.banner__content--dark .banner__contentInner[data-v-4596c320],
.banner__content.banner__content--dark .banner__imageContent.banner__imageContent--center[data-v-4596c320],
.banner__content.banner__content--dark .banner__imageContent.banner__imageContent--noImage[data-v-4596c320],
.banner__content.banner__content--dark .circleInner[data-v-4596c320] {
  background-color: #1b1d32
}

.banner__content.banner__content--dark .title[data-v-4596c320] {
  color: #f3f3f3
}

.banner__content.banner__content--dark .description[data-v-4596c320] {
  color: #666d85
}

.banner__content.banner__content--dark rect.rect[data-v-4596c320] {
  fill: rgba(0, 0, 0, .48)
}

.banner__content.banner__content--dark path.path[data-v-4596c320] {
  stroke: #fff
}

.banner__content.banner__content--light .banner__contentInner[data-v-4596c320],
.banner__content.banner__content--light .circleInner[data-v-4596c320] {
  background-color: #fff
}

.banner__content.banner__content--light .title[data-v-4596c320] {
  color: #1b1d32
}

.banner__content.banner__content--light .description[data-v-4596c320] {
  color: #666d85
}

.banner__content.banner__content--light rect.rect[data-v-4596c320] {
  fill: rgba(0, 0, 0, .48)
}

.banner__content.banner__content--light path.path[data-v-4596c320] {
  stroke: #fff
}

.banner__content.banner__content--center[data-v-4596c320] {
  text-align: center
}

.banner__content.banner__content--center rect.rect[data-v-4596c320] {
  fill: transparent
}

.banner__content.banner__content--center.banner__content--dark path.path[data-v-4596c320] {
  stroke: #fff
}

.banner__content.banner__content--center.banner__content--light path.path[data-v-4596c320] {
  stroke: #1b1d32
}

.banner__content .banner__close[data-v-4596c320] {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 700;
  letter-spacing: -.03em;
  text-align: center;
  color: #f3f3f3;
  position: relative;
  transition: background .2s ease, box-shadow .2s ease;
  cursor: pointer;
  height: 52px
}

.btn:-webkit-autofill {
  background-color: inherit
}

.btn svg {
  margin-right: 8px
}

.btn__spinner {
  pointer-events: none;
  color: #f3f3f3;
  font-size: 12px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em !important;
  height: 1em;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0)
}

.btn.loading .btn__spinner {
  -webkit-animation: spinner-state-animation 1.7s ease infinite, spin-animation 1.7s ease infinite;
  animation: spinner-state-animation 1.7s ease infinite, spin-animation 1.7s ease infinite
}

.btn.xl {
  padding: 0 24px;
  font-size: 14px;
  line-height: 18px;
  height: 64px
}

.btn.lg {
  padding: 0 24px;
  height: 52px
}

.btn.lg,
.btn.md {
  font-size: 13px;
  line-height: 17px
}

.btn.md {
  padding: 16px 32px
}

.btn.xs {
  padding: 12px;
  font-size: 12px;
  height: 32px
}

.btn.blue {
  background: linear-gradient(94deg, #24abf8, #098bea 51%, #00b3ec);
  box-shadow: inset 0 0 32px hsla(0, 0%, 100%, .35)
}

.btn.blue:hover {
  background-color: #098bea;
  box-shadow: inset 0 0 32px rgba(0, 111, 173, .35)
}

.btn.blue.shadow-blue:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(100% + 12px);
  background: linear-gradient(94deg, #24abf8, #098bea 51%, #00b3ec);
  opacity: .3;
  box-shadow: inset 0 0 32px hsla(0, 0%, 100%, .35);
  filter: blur(16px);
  border-radius: 8px;
  z-index: -1;
  transition: .2s ease;
  pointer-events: none
}

.btn.blue.shadow-blue:hover:before {
  opacity: 0
}

.btn.dark {
  background: #1b1d32
}

.btn.dark:hover {
  color: #24abf8;
  background-color: #23253d
}

.btn.crash-grey {
  background: #23274e
}

.btn.crash-grey:hover {
  background-color: #33386a
}

.btn.green {
  background: #3eb13b;
  box-shadow: inset 0 3px 8px #cbffa3
}

.btn.green:hover {
  cursor: default
}

.btn.transparent-bordered {
  background: transparent;
  border: 1px solid rgba(102, 109, 133, .55)
}

.btn.transparent-bordered:hover {
  border-color: #666d85
}

.btn.yellow {
  background: #ffbe18;
  box-shadow: inset 0 4px 8px #fff975;
  color: #0c0f1e
}

.btn.yellow:hover {
  background: #fd9e11;
  box-shadow: inset 0 3px 8px #ffc163
}

.btn.red {
  background: linear-gradient(180deg, #9d002f 3%, #e0243b 65%, #e0243b);
  box-shadow: inset 0 2.3px 6px #ff5391;
  color: #f3f3f3
}

.btn.red:hover {
  box-shadow: inset 0 3px 8px #ec3f49
}

.btn.white {
  background: #f3f3f3;
  color: #1b1d32
}

.btn.white:hover {
  opacity: .8
}

.btn.android {
  background: #a6d864;
  color: #666d85
}

.btn.android:hover {
  opacity: .8
}

.btn.view-only {
  background: #666d85 !important;
  opacity: .3
}

.btn.view-only:hover {
  background: #666d85 !important;
  opacity: .45
}

.btn.link {
  background: #1b1d32;
  padding: 0 12px;
  color: #24abf8
}

.btn.link:hover {
  color: #24abf8;
  background-color: #23253d
}

.btn.disabled {
  opacity: .5;
  cursor: not-allowed
}

.btn.btn--signUp {
  padding: 0 20px;
  height: 42px
}

@media screen and (max-width: 767.98px) {
  .btn.btn--signUp {
    padding: 0 16px
  }
}

.btn-show-more {
  width: 100%;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: transparent;
  border: 1px solid #23253d;
  border-radius: 8px;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -.3px;
  text-transform: uppercase;
  color: #f3f3f3
}

.btn-show-more.loading,
.btn-show-more:hover {
  background: #24abf8
}

.btn-show-more.loading .btn-show-more__spinner {
  -webkit-animation: load6 1.7s ease infinite, round 1.7s ease infinite;
  animation: load6 1.7s ease infinite, round 1.7s ease infinite
}

.btn-show-more__spinner {
  pointer-events: none;
  color: #f3f3f3;
  font-size: 12px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0)
}

@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
  }

  5%,
  95% {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
  }

  10%,
  59% {
    box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
  }

  20% {
    box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
  }

  38% {
    box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
  }

  to {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
  }
}

@keyframes load6 {
  0% {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
  }

  5%,
  95% {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
  }

  10%,
  59% {
    box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
  }

  20% {
    box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
  }

  38% {
    box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
  }

  to {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
  }
}

@-webkit-keyframes round {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

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

  to {
    transform: rotate(1turn)
  }
}

.block-games-card__btn-hexagon {
  position: absolute;
  left: 0;
  bottom: 0
}

.btn-hexagon {
  padding: 12px 24px 6px 12px;
  background-image: url(/_nuxt/img/game-index-bg.7cc6b53.svg);
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: cover;
  border-bottom-left-radius: 12px
}

.btn-hexagon__main {
  font-family: Halvar Breitschrift, sans-serif;
  font-style: italic;
  font-weight: 900;
  font-size: 15px;
  line-height: 17px;
  letter-spacing: -.5px;
  text-transform: uppercase;
  color: #fff
}

.btn-game-table-detail {
  width: 26px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0a0d2c;
  border-radius: 32px
}

.btn-game-table-detail svg {
  fill: #f3f3f3;
  transform-origin: center center;
  transform: rotate(-90deg)
}

.btn-game-table-detail:active,
.btn-game-table-detail:hover {
  background: #f3f3f3
}

.btn-game-table-detail:active svg,
.btn-game-table-detail:hover svg {
  fill: #0a0d2c;
  transform: rotate(-90deg) translateY(3px)
}

.input-component {
  display: block;
  width: 100%
}

.input-default {
  width: 100%;
  position: relative;
  cursor: pointer
}

.input-default.error input,
.input-default.error textarea {
  background: rgba(255, 44, 82, .2);
  border-color: #ff2c52
}

.input-default.error .input-default__label {
  color: #ff2c52
}

.input-default:hover input,
.input-default:hover textarea {
  background-color: #23253d
}

.input-default input,
.input-default textarea {
  width: 100%;
  height: 52px;
  background-color: #1b1d32;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: #fff;
  transition: .2s ease;
  padding: 25px 12px 10px
}

@media screen and (max-width: 767.98px) {

  .input-default input,
  .input-default textarea {
    font-size: 16px
  }
}

.input-default input::-moz-placeholder,
.input-default textarea::-moz-placeholder {
  font-weight: 300;
  color: #666d85
}

.input-default input:-ms-input-placeholder,
.input-default textarea:-ms-input-placeholder {
  font-weight: 300;
  color: #666d85
}

.input-default input::placeholder,
.input-default textarea::placeholder {
  font-weight: 300;
  color: #666d85
}

.input-default input:focus,
.input-default textarea:focus {
  background-color: #23253d
}

.input-default input:-moz-read-only,
.input-default textarea:-moz-read-only {
  cursor: default
}

.input-default input:read-only,
.input-default textarea:read-only {
  cursor: default
}

.input-default textarea {
  height: 120px;
  resize: none;
  outline: none
}

.input-default__label {
  position: absolute;
  left: 12px;
  top: 9px;
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: #666d85;
  pointer-events: none
}

.input-default__show-pass {
  position: absolute;
  cursor: pointer;
  height: 100%;
  top: 0;
  right: 0;
  padding: 0 16px;
  display: flex;
  justify-content: center;
  align-items: center
}

.input-default__show-pass svg {
  fill: #666d85;
  transition: .2s ease
}

.input-default__show-pass:hover svg {
  fill: #f3f3f3
}

.input-default__stroke-error {
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: -.03em;
  color: #ff2c52
}

.input-default__safety {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -.03em
}

.input-default__safety.middle {
  color: #ffbe18
}

.input-default__safety.high {
  color: #3eb13b
}

.input-default__safety.low {
  color: #ff2c52
}

.safety-bar__item {
  width: 24px;
  height: 3px;
  border-radius: 12px;
  background-color: #1b1d32;
  transition: .3s ease-in-out
}

.safety-bar__item:nth-child(2) {
  margin: 0 4px
}

.input-default.with-icon input {
  padding-left: 48px
}

.input-default.with-icon .input-default__label {
  left: 48px
}

.input-default.with-icon.error .input-default__icon svg {
  fill: #ff2c52
}

.input-default.with-icon.disabled {
  pointer-events: none;
  cursor: not-allowed
}

.input-default.with-icon.disabled input {
  background-color: #1a1d2c;
  color: #666d85
}

.input-default__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 100%;
  flex-shrink: 0
}

.input-default__icon svg {
  fill: #666d85
}

.input-phone .input-default input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-phone-select {
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex
}

.input-phone-select .input-default {
  margin-left: 112px;
  width: calc(100% - 112px);
  position: absolute
}

.select-country-code {
  width: 100%
}

.select-country-code .select-default__field {
  width: 112px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 1px solid rgba(133, 140, 171, .1)
}

.select-country-code .select-default__options-list {
  max-height: 120px
}

.select-country-code .select-country-code__option .select-country-code__country-code>span {
  margin-right: 45px
}

.modal__sign-up .select-country-code .select-default__options-list {
  max-height: 160px
}

.input-promocode {
  width: 100%;
  position: relative
}

.input-promocode.disabled {
  pointer-events: none;
  cursor: not-allowed
}

.input-promocode__submit {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  right: 0;
  top: 0;
  height: 52px;
  padding: 0 12px;
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: -.03em;
  color: #24abf8;
  background-color: #23253d
}

.input-promocode__submit:not(.disabled):hover {
  opacity: .85
}

.input-promocode__submit.disabled {
  cursor: not-allowed;
  color: #666d85
}

.input-promocode__success {
  position: absolute;
  right: 0;
  top: 0;
  height: 52px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: -.03em;
  color: #24abf8;
  background-color: #23253d;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.input-promocode__success svg {
  margin-right: 6px;
  fill: #24abf8
}

.input-promocode .input-default:hover input {
  background-color: #1b1d32
}

.input-promocode .input-default input {
  padding-top: 12px;
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase
}

@media screen and (max-width: 767.98px) {
  .input-promocode .input-default input {
    font-size: 16px
  }
}

.input-promocode .input-default input::-moz-placeholder {
  text-transform: none;
  color: #f3f3f3
}

.input-promocode .input-default input:-ms-input-placeholder {
  text-transform: none;
  color: #f3f3f3
}

.input-promocode .input-default input::placeholder {
  text-transform: none;
  color: #f3f3f3
}

.input-promocode .input-default.error input {
  background-color: #1b1d32;
  border-color: transparent;
  color: #ff2c52
}

.input-promocode .input-default .input-default__label {
  display: none
}

.input-promocode .input-default__stroke-error {
  margin-top: 8px
}

.deposit-promo-code .input-promocode .input-default input,
.deposit-promo-code .input-promocode .input-promocode__submit,
.deposit-promo-code .input-promocode .input-promocode__success {
  height: 41px
}

.input-quadro {
  width: 100%
}

.input-quadro input {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  background-color: #1b1d32;
  color: #fff;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  letter-spacing: -.03em
}

.input-quadro input:hover {
  background-color: #23253d
}

.input-referral {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative
}

.input-referral__input input {
  color: #24abf8
}

@media screen and (max-width: 767.98px) {
  .input-referral__input input {
    padding-right: 40px
  }
}

.input-referral__icon {
  position: absolute;
  right: 16px;
  top: 16px;
  fill: #24abf8
}

.input-referral__spinner {
  pointer-events: none;
  color: #f3f3f3;
  font-size: 12px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  transform: translateZ(0);
  position: absolute;
  z-index: 1
}

.input-referral .input-default__icon,
.input-referral .input-default__label,
.input-referral .input-referral__icon {
  transition: .2s ease-in
}

.input-referral.loading .input-referral__spinner {
  -webkit-animation: spinner-state-animation 1.7s ease infinite, spin-animation 1.7s ease infinite;
  animation: spinner-state-animation 1.7s ease infinite, spin-animation 1.7s ease infinite
}

.input-referral.loading .input-default__icon,
.input-referral.loading .input-default__label,
.input-referral.loading .input-referral__icon {
  opacity: 0;
  pointer-events: none
}

.bonuses-block--referral .input-referral.loading .input-referral__input input {
  color: transparent;
  background-color: #332153
}

.bonuses-block--referral .input-referral__input input {
  color: #b658ff
}

.bonuses-block--referral .input-default__icon svg {
  fill: #f3f3f3
}

.bonuses-block--referral .input-referral__icon {
  fill: #b658ff
}

.bonuses-block--referral .input-default__label {
  color: #f3f3f3
}

.bonuses-block--referral .input-referral__spinner {
  font-size: 16px;
  color: #dfb9fc
}

@-webkit-keyframes spinner-state-animation {
  0% {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
  }

  5%,
  95% {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
  }

  10%,
  59% {
    box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
  }

  20% {
    box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
  }

  38% {
    box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
  }

  to {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
  }
}

@keyframes spinner-state-animation {
  0% {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
  }

  5%,
  95% {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
  }

  10%,
  59% {
    box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em
  }

  20% {
    box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em
  }

  38% {
    box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em
  }

  to {
    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em
  }
}

@-webkit-keyframes spin-animation {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

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

  to {
    transform: rotate(1turn)
  }
}

.select-country-code .select-default__field {
  justify-content: center;
  padding-left: 12px
}

.select-country-code .select-default__choice {
  display: flex;
  align-items: center
}

.select-country-code .select-default__choice .select-country-code__flag {
  margin-right: 12px
}

.select-country-code__flag {
  width: 20px;
  overflow: hidden;
  display: flex;
  align-items: center
}

.select-country-code__flag img {
  height: 13px;
  max-width: 100%
}

.select-country-code__country-code {
  display: flex;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500
}

.select-country-code__country-code>span {
  font-weight: 700;
  width: 32px
}

.select-country-code__option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 40px
}

.select-country-code__option .select-country-code__flag {
  margin-right: 16px
}

.select-country-code__option .select-country-code__country-code>span {
  margin-right: 12px
}

.select-default {
  width: 100%;
  position: relative
}

.select-default__field {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  height: 52px;
  padding: 12px 8px;
  background: #1b1d32;
  border-radius: 8px;
  cursor: pointer;
  transition: .2s ease
}

.select-default__field:hover {
  background-color: #23253d
}

.select-default__title {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #858cab
}

.select-default__choice {
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: -.03em;
  color: #f3f3f3
}

.select-default__arrow {
  transition: .2s ease;
  transform-origin: center;
  fill: #666d85;
  position: absolute;
  right: 16px;
  top: calc(50% - 3px)
}

.select-default__options-list {
  position: absolute;
  background-color: #23253d;
  max-height: 136px;
  overflow-y: auto;
  top: calc(100% + 4px);
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 8px
}

.select-default__option {
  cursor: pointer;
  padding: 8px 12px;
  background-color: #23253d;
  transition: .2s ease;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -.03em;
  color: #fff
}

.select-default__option:first-child {
  border-top: 1px solid rgba(133, 140, 171, .05)
}

.select-default__option:not(:last-child) {
  border-bottom: 1px solid rgba(133, 140, 171, .05)
}

.select-default__option:hover {
  background-color: #1b1d32;
  color: #24abf8
}

.select-default.active .select-default__field {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #1b1d32
}

.select-default.active .select-default__arrow {
  transform: rotate(180deg);
  fill: #f3f3f3
}

.select-default.active .select-default__options-list {
  top: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  min-width: 100%
}

.select-language {
  position: relative
}

.select-language__field {
  cursor: pointer;
  flex-shrink: 0;
  transition: .2s ease
}

.select-language__country-chosen,
.select-language__field {
  display: flex;
  align-items: center
}

.select-language__country-chosen svg {
  margin-right: 8px
}

.select-language__arrow {
  transition: .2s ease;
  transform-origin: center;
  fill: #666d85
}

.select-language__options-list {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 8px;
  align-items: stretch
}

.select-language__option {
  cursor: pointer;
  padding: 8px 12px;
  background-color: #23253d;
  transition: .2s ease
}

.select-language__option:first-child {
  border-top: 1px solid rgba(133, 140, 171, .05)
}

.select-language__option:not(:last-child) {
  border-bottom: 1px solid rgba(133, 140, 171, .05)
}

.select-language__option:hover {
  background-color: #1b1d32
}

.select-language.default.active .select-language__arrow,
.select-language.default:hover .select-language__arrow {
  transform: rotate(180deg);
  fill: #f3f3f3
}

.select-language.filled .select-language__field {
  display: flex;
  padding: 12px;
  background: #1a1d2c;
  border-radius: 8px
}

.select-language.filled .select-language__field:hover {
  background-color: #1b1d32
}

.select-language.filled .select-language__field:hover .select-language__arrow {
  transform: rotate(180deg);
  fill: #f3f3f3
}

.select-language.filled.active .select-language__field {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #1b1d32
}

.select-language.filled.active .select-language__arrow {
  transform: rotate(180deg);
  fill: #f3f3f3
}

.select-language.filled.active .select-language__options-list {
  top: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  min-width: 100%
}

.select-language.reverse-y.active .select-language__options-list {
  top: auto;
  bottom: calc(100% + 3px)
}

.select-language.reverse-y.active.filled .select-language__field {
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select-language.reverse-y.active.filled .select-language__options-list {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

.select-language.has-title .select-language__country-chosen>span {
  margin-right: 6px
}

.select-language.has-title .select-language__country-chosen,
.select-language.has-title .select-language__option {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.02em;
  color: #f3f3f3
}

.select-language.has-title .select-language__option svg {
  margin-right: 6px
}

.head-trapezoid {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  overflow: hidden
}

.head-trapezoid__title {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-left: 12px;
  padding-right: 12px;
  border-bottom: 3px solid #101224;
  border-top-left-radius: 12px;
  position: relative
}

.head-trapezoid__title span {
  position: relative;
  z-index: 2
}

.head-trapezoid__trapezoid {
  position: absolute;
  left: 100%;
  top: 0;
  pointer-events: none
}

.head-trapezoid__body {
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 84px;
  padding-right: 12px
}

.head-trapezoid.rank-card__head-trapezoid .head-trapezoid__title {
  border-bottom-color: #101224
}

.loader[data-v-7c0c8f5d] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.loader_margin[data-v-7c0c8f5d] {
  margin: 50px 0
}

.loaderThink[data-v-7c0c8f5d] {
  border: 8px solid #363155;
  border-top-color: #e2dff6;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: spin-data-v-7c0c8f5d 2s linear infinite;
  animation: spin-data-v-7c0c8f5d 2s linear infinite;
  display: inline-block
}

.loaderThink_margin[data-v-7c0c8f5d] {
  margin-left: 20px
}

@-webkit-keyframes spin-data-v-7c0c8f5d {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(3turn)
  }
}

@keyframes spin-data-v-7c0c8f5d {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(3turn)
  }
}

.tip {
  padding: 10px 16px 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.03em;
  border-radius: 8px;
  flex-shrink: 0;
  color: #f3f3f3;
  background-color: #1b1d32;
  overflow: hidden;
  position: relative
}

.tip,
.tip b {
  font-weight: 700
}

.tip:before {
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  position: absolute;
  background-color: #24abf8
}

.tip.error:before {
  background-color: #ff2c52
}

.tip.info:before {
  background-color: #ffbe18
}

.tip.lg {
  padding: 16px 24px 16px 16px;
  font-size: 12px;
  line-height: 16px
}

.tip.lg.error {
  background: rgba(255, 44, 82, .1)
}

.tip.lg.info {
  background: rgba(255, 190, 24, .1)
}

.tip.sm {
  font-size: 12px;
  line-height: 16px;
  padding: 12px 16px 12px 12px
}

.table-game-winning {
  display: flex;
  align-items: center;
  font-weight: 700
}

.table-game-winning.blue {
  color: #24abf8
}

.table-game-winning.red {
  color: #ff2c52
}

.table-game-winning.green {
  color: #3eb13b
}

.table-game-winning.black {
  color: #858cab
}

.table-game-winning.white {
  color: #f3f3f3
}

.table-game-winning svg {
  margin-right: 6px
}

.table-game-winning__decimal {
  font-weight: 300
}

.table-game-coefficient {
  padding: 6px 8px 4px;
  background-color: #24abf8;
  border-radius: 4px;
  color: #f3f3f3;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -.04em
}

@media screen and (max-width: 767.98px) {
  .table-game-coefficient {
    font-size: 11px;
    line-height: 13px
  }
}

.table-game-coefficient.blue {
  background-color: #24abf8;
  color: #f3f3f3
}

.table-game-coefficient.purple {
  background-color: #7e12ea;
  color: #f3f3f3
}

.table-game-coefficient.yellow {
  background-color: #ffbe18;
  color: #0c0f1e
}

.table-game-coefficient.red {
  background-color: #ff2c52;
  color: #f3f3f3
}

.v-popper--theme-light-tooltip .v-popper__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  height: 34px;
  padding: 0 8px;
  background-color: #f3f3f3;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  color: #1a1d2c
}

.v-popper--theme-light-tooltip .v-popper__arrow-outer {
  border-color: #f3f3f3
}

.v-popper--theme-dark-dropdown .v-popper__inner,
.v-popper--theme-dark-rad-dropdown .v-popper__inner {
  background: #23253d;
  border-color: transparent
}

.v-popper--theme-dark-dropdown .v-popper__arrow-inner,
.v-popper--theme-dark-dropdown .v-popper__arrow-outer,
.v-popper--theme-dark-rad-dropdown .v-popper__arrow-inner,
.v-popper--theme-dark-rad-dropdown .v-popper__arrow-outer {
  border-color: #23253d
}

.v-popper--theme-dark-rad-dropdown .v-popper__inner {
  border-radius: 8px
}

.bonus-countdown,
.bonus-countdown__item {
  display: flex;
  align-items: center
}

.bonus-countdown__item {
  width: 38px;
  height: 50px;
  background: linear-gradient(180deg, #9d002f 3%, #e0243b 65%, #e0243b);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -.03em;
  color: #f3f3f3
}

.bonus-countdown__item-symbol {
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #858cab
}

.bonus-countdown__divider {
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -.03em;
  color: #f3f3f3;
  width: 18px
}

.bonus-countdown.default .bonus-countdown__item {
  background: transparent;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #f3f3f3;
  width: 24px;
  height: auto
}

.bonus-countdown.default .bonus-countdown__divider {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  height: 100%;
  width: 12px;
  font-size: 14px;
  line-height: 18px;
  color: #858cab;
  opacity: .5
}

.c-tooltip {
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  height: 34px;
  padding: 0 8px;
  background-color: #f3f3f3;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  color: #1a1d2c;
  visibility: hidden;
  z-index: 4
}

@media screen and (max-width: 767.98px) {
  .c-tooltip {
    display: none
  }
}

.c-tooltip.show {
  display: inline-flex;
  visibility: visible
}

.c-tooltip__arrow,
.c-tooltip__arrow:before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit
}

.c-tooltip__arrow {
  visibility: hidden
}

.c-tooltip__arrow:before {
  visibility: hidden;
  content: "";
  transform: rotate(45deg)
}

.c-tooltip.show .c-tooltip__arrow:before {
  visibility: visible
}

.c-tooltip[data-popper-placement^=top]>.c-tooltip__arrow {
  bottom: -4px
}

.c-tooltip[data-popper-placement^=bottom]>.c-tooltip__arrow {
  top: -4px
}

.c-tooltip[data-popper-placement^=left]>.c-tooltip__arrow {
  right: -4px
}

.c-tooltip[data-popper-placement^=right]>.c-tooltip__arrow {
  left: -4px
}

.c-tooltip[data-popper-placement^=right].sidebar-game {
  margin-left: 8px !important;
  z-index: 9
}

.AppChat {
  position: fixed;
  top: calc(var(--safe-area-inset-top) + 40px);
  z-index: 6;
  width: 70px;
  height: calc(100vh - 40px);
  transition: .2s ease
}

.AppChat,
.AppChat:before {
  right: 0;
  background-color: #04071e
}

.AppChat:before {
  content: "";
  position: absolute;
  bottom: 100%;
  height: 100px;
  height: -webkit-fill-available;
  z-index: -1;
  width: 100%;
  display: none
}

.AppChat .overlay {
  opacity: 0;
  pointer-events: none
}

.AppChat.opened .chat {
  right: 0
}

.AppChat.opened .chat-wrap {
  transform: translateX(100px)
}

.AppChat.opened .chat-head__close {
  opacity: 1
}

@media screen and (max-width: 1024px) {
  .AppChat {
    top: 0;
    height: 100vh;
    height: -webkit-fill-available;
    background-color: transparent;
    z-index: 20;
    width: 100%;
    right: -100%;
    padding-top: 0
  }

  .AppChat .overlay {
    z-index: 19
  }

  .AppChat.opened {
    right: 0
  }

  .AppChat.opened .overlay {
    opacity: 1;
    pointer-events: auto
  }

  .AppChat .chat {
    z-index: 21;
    margin-left: auto;
    width: 100%;
    max-width: 50%;
    position: relative;
    border-top: none
  }

  .AppChat:not(.opened) .chat-head__close {
    display: none
  }
}

@media screen and (max-width: 600px) {
  .AppChat .chat {
    max-width: 100%
  }

  .AppChat .chat-head {
    height: 50px;
    padding: 0
  }

  .AppChat .chat-head__close {
    display: none
  }

  .AppChat.opened .chat-head__close {
    display: flex;
    position: absolute;
    left: 0;
    top: 7px
  }

  .AppChat .chat-head__close-wrap {
    border: none
  }

  .AppChat .chat-head__close-wrap svg {
    width: 17px !important;
    height: auto
  }

  .AppChat .chat-head__rules-btn {
    position: absolute;
    right: 0;
    padding: 0 16px
  }

  .AppChat .chat-head__title {
    margin: 0 auto;
    font-size: 20px;
    line-height: 27px
  }

  .AppChat .chat__input-fixed {
    height: 80px
  }

  .AppChat .chat-container {
    margin-bottom: 80px
  }
}

.chat-wrap {
  background-color: #04071e;
  height: 100%;
  width: 70px;
  position: absolute;
  right: 0;
  top: 0;
  transition: .3s ease-in;
  padding-top: 18px;
  align-items: center
}

.chat-wrap,
.chat-wrap__open-btn {
  display: flex;
  flex-direction: column
}

.chat-wrap__open-btn {
  cursor: pointer;
  width: 32px;
  height: 32px;
  align-items: flex-start;
  justify-content: flex-end;
  margin-bottom: 20px;
  position: relative
}

.chat-wrap__open-btn span {
  position: absolute;
  top: 3px;
  right: 3px;
  border: 2px solid #04071e;
  border-radius: 32px;
  padding: 0 5px;
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  letter-spacing: -.3px;
  color: #f3f3f3;
  background: #24abf8
}

.chat-wrap__golden {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: .2s ease-in;
  cursor: pointer
}

.chat-wrap__golden img {
  transform-origin: center;
  transition: .2s ease-in
}

.chat-wrap__golden:hover {
  opacity: .85
}

.chat {
  background-color: #04071e;
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(151, 147, 186, .2);
  height: 100%;
  width: 230px;
  position: absolute;
  right: -230px;
  transition: .3s ease-in
}

.chat-head {
  background: #04071e;
  padding: 0 10px 0 24px;
  height: 42px;
  width: 100%;
  position: relative
}

.chat-head__close {
  padding: 6px;
  cursor: pointer;
  position: absolute;
  opacity: 0;
  left: -15px;
  top: 4px;
  transition: .2s ease
}

.chat-head__close-wrap {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid #1a1d2c;
  background-color: #04071e;
  transition: .2s
}

.chat-head__close svg {
  transition: .2s;
  fill: #666d85;
  transform-origin: center;
  transform: rotate(-90deg)
}

.chat-head__close:hover .chat-head__close-wrap {
  border-color: #24abf8
}

.chat-head__close:hover svg {
  fill: #24abf8
}

.chat-head__title {
  font-weight: 900;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.chat-head__rules-btn {
  display: flex;
  align-items: center;
  color: #666d85;
  font-weight: 700;
  font-size: 11px;
  line-height: 14px;
  text-align: right;
  letter-spacing: -.02em
}

.chat-head__rules-btn svg {
  fill: #666d85;
  margin-right: 4px
}

.chat-head__rules-btn:hover {
  color: #f3f3f3
}

.chat-head__rules-btn:hover svg {
  fill: #f3f3f3
}

.chat-banner {
  width: 100%;
  min-height: 50px;
  padding: 12px 12px 8px 64px;
  position: relative;
  background: url(/_nuxt/img/chat-banner-bg.53f69bd.jpg) no-repeat 50%;
  background-size: cover;
  overflow: hidden
}

.chat-banner.index-chat-banner {
  border-radius: 0 0 12px 12px;
  margin-bottom: 18px
}

.chat-banner__gold-bars {
  position: absolute;
  left: 7px;
  bottom: 0
}

.chat-banner__title {
  font-style: italic;
  font-weight: 900;
  font-size: 14px;
  color: #ffe600;
  margin-bottom: 2px
}

.chat-banner__text,
.chat-banner__title {
  line-height: 14px;
  letter-spacing: -.3px;
  text-align: left
}

.chat-banner__text {
  font-weight: 700;
  font-size: 11px;
  color: #f3f3f3
}

.chat-banner__arrow {
  fill: #f3f3f3;
  transform-origin: center;
  transform: rotate(-90deg)
}

.chat-banner:hover .chat-banner__gold-bars {
  -webkit-animation: dargGoldBars 1.25s ease-in-out .15s infinite;
  animation: dargGoldBars 1.25s ease-in-out .15s infinite
}

@-webkit-keyframes dargGoldBars {
  0% {
    transform: rotate(-8deg)
  }

  6% {
    transform: rotate(0deg)
  }

  12% {
    transform: rotate(8deg)
  }

  18% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(0deg)
  }
}

@keyframes dargGoldBars {
  0% {
    transform: rotate(-8deg)
  }

  6% {
    transform: rotate(0deg)
  }

  12% {
    transform: rotate(8deg)
  }

  18% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(0deg)
  }
}

.chat-container-wrap {
  height: 100%;
  position: relative;
  overflow: hidden
}

.chat-container {
  height: 100%;
  overflow-y: auto;
  padding: 16px 10px;
  background-color: #0c0f1e;
  transition: .3s ease-in
}

.chat__input-fixed {
  background-color: #0c0f1e;
  width: 100%;
  padding: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-top: 1px solid #1b1d32;
  font-size: 13px;
  line-height: 20px;
  color: #666d85;
  font-style: italic
}

.chat__auth-btn {
  width: 100%;
  height: 40px;
  margin-bottom: 5px
}

.chat-user-banned__link {
  color: #098bea
}

.chat-user-banned .bonus-countdown {
  font-style: normal;
  margin-top: 8px
}

.chat-user-banned .bonus-countdown__item {
  font-family: Halvar Breitschrift, sans-serif;
  width: 32px;
  height: 32px;
  font-size: 16px
}

.chat-scroll-toggler {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: flex;
  align-items: center;
  height: 40px;
  width: calc(100% - 16px);
  padding: 0 8px 0 40px;
  grid-gap: 8px;
  gap: 8px;
  font-size: 12px;
  line-height: 12px;
  color: #f3f3f3;
  background: rgba(26, 29, 44, .8);
  border: 1px solid hsla(0, 0%, 95.3%, .3);
  border-radius: 8px
}

@media screen and (max-width: 600px) {
  .chat-scroll-toggler {
    bottom: 88px
  }
}

.chat-scroll-toggler:hover {
  background: #1a1d2c
}

.chat-scroll-toggler__stop {
  position: absolute;
  width: 16px;
  height: 20px;
  left: 16px
}

.chat-scroll-toggler__stop:after,
.chat-scroll-toggler__stop:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 5px;
  background-color: #f3f3f3
}

.chat-scroll-toggler__stop:before {
  left: 0
}

.chat-scroll-toggler__stop:after {
  right: 0
}

.chat-message {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 10px
}

.chat-message:not(:last-child) {
  margin-bottom: 20px
}

.chat-message__box {
  width: 100%;
  background-color: #1b1d32;
  border: 1px solid transparent;
  border-radius: 20px 20px 20px 4px;
  padding: 10px 32px 10px 10px;
  margin-bottom: 6px;
  position: relative;
  transition: .2s ease
}

.chat-message__box:active,
.chat-message__box:hover {
  background: #1f2131;
  box-shadow: inset 0 0 8px #24273a
}

.chat-message__box:active .chat-message__answer-btn,
.chat-message__box:hover .chat-message__answer-btn {
  opacity: 1;
  pointer-events: auto
}

.chat-message__user {
  margin-bottom: 6px
}

.chat-message__user-ava {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: linear-gradient(180deg, #4e58f9, #00d1ff)
}

.chat-message__user-ava img {
  width: 10px;
  height: 10px
}

.chat-message__user-name {
  margin-left: 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -.02em;
  color: #f3f3f3;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis
}

.chat-message__user-rank {
  width: 16px;
  margin-left: 6px;
  display: flex;
  flex-shrink: 0
}

.chat-message__message {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #858cab;
  word-wrap: break-word
}

.chat-message__answer-btn {
  padding: 8px;
  opacity: 0;
  position: absolute;
  right: 8px;
  top: 10px;
  cursor: pointer;
  pointer-events: none
}

.chat-message__answer-btn svg {
  fill: #858cab
}

.chat-message__answer-btn:hover svg {
  fill: #24abf8
}

.chat-message__date {
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -.02em;
  color: #666d85
}

.chat-message__delete {
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  opacity: .75;
  transition: .2s ease
}

.chat-message__delete svg {
  max-width: 20px;
  fill: #ff2c52
}

.chat-message__delete:hover {
  opacity: 1
}

.chat-message__user-ban-btn {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-left: 8px;
  opacity: .75;
  transition: .2s ease
}

.chat-message__user-ban-btn img {
  max-width: 100%
}

.chat-message__user-ban-btn:hover {
  opacity: 1
}

.chat-message.current-user {
  padding-right: 0;
  padding-left: 10px
}

.chat-message.current-user .chat-message__box {
  border-color: #2596ff;
  border-radius: 20px 20px 4px 20px
}

.chat-message.current-user .chat-message__date {
  align-self: flex-end
}

.chat-message.role-moderator .chat-message__box,
.chat-message.role-moderator .chat-message__box:hover {
  background: #24394c
}

.chat-message.role-moderator .chat-message__user-ava {
  background: #f3f3f3
}

.chat-message.role-moderator .chat-message__user-ava img {
  width: 15px;
  height: 15px
}

.chat-input {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 6px
}

.chat-input input {
  width: 100%;
  height: 38px;
  background: #1b1d32;
  border-radius: 6px;
  padding-left: 10px;
  padding-right: 44px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #858cab;
  transition: .2s ease-in
}

@media screen and (max-width: 767.98px) {
  .chat-input input {
    font-size: 16px
  }
}

.chat-input input::-moz-placeholder {
  color: #858cab
}

.chat-input input:-ms-input-placeholder {
  color: #858cab
}

.chat-input input::placeholder {
  color: #858cab
}

.chat-input:hover input,
.chat-input input:focus,
.chat-input input:hover {
  background-color: #23253d
}

.chat-input__send-btn {
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #1b1d32
}

.chat-input__send-btn svg {
  fill: #858cab;
  transition: .2s ease-in
}

.chat-input__send-btn:hover svg {
  fill: #f3f3f3
}

.social-links {
  display: flex;
  align-items: center;
  grid-gap: 12px;
  gap: 12px
}

.social-links__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
  transition: .2s ease;
  min-height: 16px
}

.social-links__item svg {
  margin: 0;
  fill: #858cab
}

.social-links__item.rounded-colored {
  width: 32px;
  height: 32px;
  border-radius: 50%
}

.social-links__item.rounded-colored svg {
  fill: #f3f3f3
}

.social-links__item.rounded-colored.vkontakte {
  background: #07f
}

.social-links__item.rounded-colored.instagram {
  background: linear-gradient(45deg, #fee411 6.9%, #fedb16 11%, #fec125 18%, #fe983d 26%, #fe5f5e 36%, #fe2181 46%, #9000dc 85%)
}

.social-links__item.rounded-colored.google {
  background: #fff
}

.social-links__item.rounded-colored.yandex {
  background: #fc3f1d
}

.social-links__item.rounded-colored.odnoklassniki {
  background: #ff9b3c
}

.social-links__item.rounded-colored.facebook {
  background: #4480f3
}

.social-links__item.rounded-colored.mailru {
  background: #fc2c38
}

.social-links__item.rounded-colored.steam {
  background: linear-gradient(180deg, #111d2e, #051839 21%, #0a1b48 40%, #132e62 58%, #144b7e 74%, #136497 87%, #1387b8)
}

.social-links__item.rounded-colored.twitter {
  background: #00a3ff
}

.social-links__item.rounded-colored.twitch {
  background: #8550f6
}

.social-links__item.rounded-colored.telegram {
  background: #1ca9d6
}

.social-links__item.rounded-colored.reddit {
  background: #ff4500
}

.social-links__item:hover svg {
  fill: #24abf8
}

.social-links__item:hover.rounded-colored {
  opacity: .8
}

.social-links__item:hover.rounded-colored svg {
  fill: #f3f3f3
}

.AppFooter {
  width: 100%;
  margin-top: auto;
  padding-left: 88px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 14px;
  overflow: hidden;
  transition: .3s ease-in;
  position: relative
}

@media screen and (min-width: 1024.51px) {
  .AppFooter {
    padding-right: 70px
  }
}

@media screen and (max-width: 1024px) {
  .AppFooter {
    padding-left: 0;
    padding-right: 0;
    padding-top: 24px
  }
}

.footer-container {
  width: 796px;
  margin: 0 auto
}

@media screen and (max-width: 1400px) {
  .footer-container {
    width: 680px
  }
}

@media screen and (max-width: 1024px) {
  .footer-container {
    width: 100%
  }
}

.page-container__footer-top {
  position: relative
}

@media screen and (max-width: 1024px) {
  .page-container__footer-top {
    padding: 0
  }
}

.footer-top {
  position: relative;
  padding-top: 24px;
  padding-bottom: 6px;
  display: flex;
  grid-gap: 24px 32px;
  gap: 24px 32px;
  flex-wrap: wrap;
  background-color: #04071e
}

@media screen and (max-width: 1024px) {
  .footer-top {
    width: 100%;
    padding: 110px 24px 24px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px
  }
}

@media screen and (max-width: 767.98px) {
  .footer-top {
    justify-content: flex-start;
    padding: 96px 16px 64px;
    flex-direction: column;
    align-items: flex-start
  }
}

.footer-top .footer-top__link-underline {
  letter-spacing: -.01em;
  font-feature-settings: "kern" off
}

.footer-top__trapezoid {
  position: absolute;
  top: 0;
  width: 88px;
  height: 48px
}

.footer-top__trapezoid:after {
  content: "";
  position: absolute;
  bottom: -100%;
  width: 50vw;
  height: 50px;
  background-color: #04071e
}

.footer-top__trapezoid svg {
  width: 88px !important;
  height: 48px !important
}

.footer-top__trapezoid.left {
  right: calc(100% - 2px);
  transform: scaleX(-1)
}

.footer-top__trapezoid.left:after {
  left: 2px
}

.footer-top__trapezoid.right {
  left: calc(100% - 2px)
}

.footer-top__trapezoid.right:after {
  left: 2px
}

@media screen and (max-width: 1024px) {
  .footer-top__trapezoid {
    display: none
  }
}

.footer-bot {
  width: 100%;
  display: flex;
  padding: 32px 16px;
  background-color: #04071e
}

@media screen and (max-width: 1024px) {
  .footer-bot {
    padding: 0 24px 32px;
    height: auto
  }
}

@media screen and (max-width: 767.98px) {
  .footer-bot {
    padding: 0 16px 40px
  }
}

.footer-bot__payment-list {
  flex-wrap: wrap;
  justify-content: flex-start
}

@media screen and (max-width: 1024px) {
  .footer-bot__payment-list {
    width: 100%;
    max-width: 100%;
    margin-bottom: 48px
  }
}

@media screen and (max-width: 767.98px) {
  .footer-bot__payment-list {
    margin-bottom: 24px;
    justify-content: flex-start
  }
}

.footer-bot__text {
  margin-top: 40px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -.3px;
  color: #666d85
}

.footer__up-btn,
.footer__upx {
  position: absolute;
  top: 16px;
  transform: translateY(-50%);
  display: flex
}

.footer__upx {
  left: 4px;
  width: 76px;
  height: 21px
}

@media screen and (max-width: 1400px) {
  .footer__upx {
    left: 24px
  }
}

@media screen and (max-width: 1024px) {
  .footer__upx {
    top: 72px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 70px;
    height: 30px
  }
}

@media screen and (max-width: 767.98px) {
  .footer__upx {
    left: 16px;
    top: 56px;
    margin: 0
  }
}

.footer__up-btn {
  left: auto;
  right: 16px;
  width: 41px;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 1400px) {
  .footer__up-btn {
    right: 24px
  }
}

.footer__up-btn svg {
  width: 24px;
  fill: #24abf8;
  margin-bottom: 8px;
  transform-origin: center;
  transition: .2s ease
}

.footer__up-btn-text {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.01em;
  font-feature-settings: "kern" off;
  color: #f3f3f3;
  transition: .25s ease
}

.footer__up-btn:hover svg {
  transform: translateY(-5px)
}

.footer__up-btn:hover .footer__up-btn-text {
  color: #24abf8
}

@media screen and (max-width: 1024px) {
  .footer__up-btn {
    justify-content: center;
    background-color: #24abf8;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 8px solid #1a1d2c;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto
  }

  .footer__up-btn-text {
    display: none
  }

  .footer__up-btn svg {
    width: 18px !important;
    fill: #f3f3f3;
    margin: 0
  }

  .footer__up-btn:hover svg {
    transform: none
  }

  .footer__up-btn:active svg {
    transform: translateY(-4px)
  }
}

@media screen and (max-width: 767.98px) {
  .footer__up-btn {
    margin: 0;
    left: auto;
    right: 40px
  }
}

.footer-info {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  flex-wrap: wrap;
  grid-gap: 32px;
  gap: 32px
}

@media screen and (max-width: 767.98px) {
  .footer-info {
    margin-top: 32px
  }
}

@media screen and (max-width: 425px) {
  .footer-info {
    justify-content: center
  }
}

.footer-info__buttons {
  display: flex;
  align-items: center;
  grid-gap: 40px;
  gap: 40px
}

@media screen and (max-width: 425px) {
  .footer-info__buttons {
    width: 100%;
    justify-content: space-between
  }
}

.footer-info .social-links {
  grid-gap: 8px;
  gap: 8px
}

.footer-info .social-links .social-links__item {
  width: 24px;
  height: 24px
}

.footer-license-images {
  display: flex;
  justify-content: center;
  grid-gap: 16px;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 32px
}

.footer-license-images img {
  max-width: 100%;
  height: 24px
}

.footer-actions {
  display: flex;
  height: 16px;
  grid-gap: 16px;
  gap: 16px
}

@media screen and (max-width: 1024px) {
  .footer-actions {
    margin-right: 0
  }
}

.footer-actions__sound-switcher svg {
  fill: #666d85
}

.footer-actions__sound-switcher.active svg {
  fill: #24abf8
}

.footer-download-pwa {
  font-size: 12px;
  line-height: 20px;
  color: #666d85;
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
  border: 1px solid rgba(102, 109, 133, .3);
  border-radius: 8px;
  transition: .2s ease;
  cursor: pointer
}

.footer-download-pwa span {
  color: #f3f3f3;
  font-weight: 500;
  font-size: 14px
}

.footer-download-pwa:hover {
  border-color: #666d85
}

.footer-download-pwa img {
  max-width: 30px
}

.footer-download-pwa.with-img {
  padding-left: 60px;
  position: relative;
  justify-content: center
}

.footer-download-pwa.with-img img {
  position: absolute;
  left: 16px
}

@media screen and (max-width: 767.98px) {
  .footer-download-pwa {
    width: 100%
  }
}

.link-underline {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.3px;
  color: #666d85;
  padding-bottom: 1px;
  border-bottom: 1px solid rgba(102, 109, 133, .3);
  cursor: pointer;
  transition: .2s ease
}

.link-underline.gray {
  color: #666d85;
  border-color: rgba(102, 109, 133, .3)
}

.link-underline.gray:hover {
  color: #24abf8;
  border-color: rgba(36, 171, 248, .3)
}

.payment-list {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 16px;
  gap: 16px
}

.payment-icon {
  position: relative;
  display: flex;
  overflow: hidden
}

.payment-icon img {
  height: 18px;
  opacity: .2;
  transition: opacity .3s ease
}

@media screen and (max-width: 767.98px) {
  .payment-icon img {
    height: 15px
  }
}

.payment-icon img.payment-icon__hover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0
}

.payment-icon img.age18 {
  opacity: 1
}

.payment-icon:hover img:not(.payment-icon__hover) {
  opacity: 0
}

.payment-icon:hover img.payment-icon__hover {
  opacity: 1
}

.table[data-v-5aed50bc] {
  margin: 0
}

.table__wrap[data-v-5aed50bc] {
  position: relative
}

.table__wrap .table__name[data-v-5aed50bc] {
  position: absolute;
  width: 133px;
  height: 44px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMzIiBoZWlnaHQ9IjQ0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMjYuMzU3IDUuMzM4QzEyOC41NjUgMy41NjQgMTI3LjMxIDAgMTI0LjQ3OCAwSDhhOCA4IDAgMDAtOCA4djM2aDY5LjhhMjQgMjQgMCAwMDE1LjAzNS01LjI5Mmw0MS41MjItMzMuMzd6IiBmaWxsPSIjMDQwNzFFIi8+PHBhdGggZD0iTTM4LjcxMiAxNy41MDRsLTEuNzI4IDcuNjhoNi40OEw0Mi44NTYgMjhoLTkuNzZsMi4zMzYtMTAuNDk2aDMuMjh6bTEwLjc0NCAwTDQ3LjEyIDI4aC0zLjI5NmwyLjM1Mi0xMC40OTZoMy4yOHptMTIuOTU4IDBsLS4wOTYuNDhMNTUuODA2IDI4SDUyLjAzbC0yLjAzMi0xMC4wMTYuMDk2LS40OGgzLjEzNmwxLjIxNiA3LjEzNiA0LjM4NC03LjEzNmgzLjU4NHptMTAuODU2IDBsLS41OTIgMi42NzJoLTYuNDhsLS4yODggMS4yNDhoNi4xNmwtLjU3NiAyLjY0aC02LjE2bC0uMzA0IDEuMjQ4aDYuNDhMNzAuOTM0IDI4aC05Ljc2bDIuMzM2LTEwLjQ5Nmg5Ljc2eiIgZmlsbD0iI2ZmZiIvPjxjaXJjbGUgb3BhY2l0eT0iLjIiIGN4PSIyMCIgY3k9IjIzIiByPSI3IiBmaWxsPSIjRkYyQzUyIi8+PGNpcmNsZSBvcGFjaXR5PSIuMTUiIGN4PSIyMCIgY3k9IjIzIiByPSI5IiBmaWxsPSIjRkYyQzUyIi8+PGNpcmNsZSBjeD0iMjAiIGN5PSIyMyIgcj0iMyIgZmlsbD0iI0ZGMkM1MiIvPjwvc3ZnPg==");
  background-repeat: no-repeat
}

.table__wrap .table__tab[data-v-5aed50bc] {
  display: flex
}

.table__wrap .table__tab .table__diagonal-header[data-v-5aed50bc] {
  width: 158px;
  height: 49px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU4IiBoZWlnaHQ9IjQ5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMS0xaDE2MHY1MUgtMXoiLz48cGF0aCBzdHlsZT0iLS1kYXJrcmVhZGVyLWlubGluZS1maWxsOiMwZDBlMWQiIHN0cm9rZT0ibnVsbCIgZmlsbD0iIzEwMTIyNCIgZD0iTTEwODIgOC45NzRjMC00Ljk1Ni00LjAyLTguOTc0LTguOTctOC45NzRIMTU3LjE3NWMtMTEuODkxIDAtMjMuMzg2IDQuMTM0LTMyLjM4MyAxMS42NDdsLTI5Ljk5MyAyNi4wMWMtNy44OTQgNi41OTItMTcuNzQgMTAuNjA2LTI4LjEzNSAxMS40N2wtMTEuMzUxLjk0NUwxMDgyIDU3LjgwNFY4Ljk3NHoiLz48L3N2Zz4=");
  background-repeat: no-repeat
}

.table__wrap .table__tab .table__header[data-v-5aed50bc] {
  display: flex;
  vertical-align: bottom;
  width: 100%;
  height: 49px;
  padding-top: 13px;
  background-color: #101224;
  border-top-right-radius: 12px
}

.table__wrap .table__tab .table__header .tab-wrap[data-v-5aed50bc] {
  display: flex;
  margin-left: -35px
}

.table__wrap .table__tab .table__header .tab-wrap .cool-bet.active[data-v-5aed50bc],
.table__wrap .table__tab .table__header .tab-wrap .cool-bet[data-v-5aed50bc],
.table__wrap .table__tab .table__header .tab-wrap .cool-kf.active[data-v-5aed50bc],
.table__wrap .table__tab .table__header .tab-wrap .cool-kf[data-v-5aed50bc] {
  background-repeat: no-repeat;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -.01em;
  font-feature-settings: "kern" off
}

.table__wrap .table__tab .table__header .tab-wrap .cool-bet.active[data-v-5aed50bc],
.table__wrap .table__tab .table__header .tab-wrap .cool-bet[data-v-5aed50bc] {
  width: 124px;
  margin-right: 1px;
  padding: 10px 13px 10px 0;
  text-align: right
}

.table__wrap .table__tab .table__header .tab-wrap .cool-kf.active[data-v-5aed50bc],
.table__wrap .table__tab .table__header .tab-wrap .cool-kf[data-v-5aed50bc] {
  width: 170px;
  padding: 10px 0 10px 10px
}

.table__wrap .table__tab .table__header .tab-wrap .cool-bet.active[data-v-5aed50bc],
.table__wrap .table__tab .table__header .tab-wrap .cool-kf.active[data-v-5aed50bc] {
  color: #24abf8
}

.table__wrap .table__tab .table__header .tab-wrap .cool-bet[data-v-5aed50bc],
.table__wrap .table__tab .table__header .tab-wrap .cool-kf[data-v-5aed50bc] {
  color: #f3f3f3;
  cursor: pointer
}

.table__wrap .table__tab .table__header .tab-wrap .cool-bet[data-v-5aed50bc] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM0IiBoZWlnaHQ9IjM1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMS0xaDEzNnYzN0gtMXoiLz48cGF0aCBmaWxsPSIjMUExRDJDIiBkPSJNMjUuMjEgNS41ODdBMTYgMTYgMCAwMTM3LjM2IDBIMTc0djM1SDEzLjA0NWMtNS4xMjYgMC03Ljg5MS02LjAxMy00LjU1NS05LjkwNUwyNS4yMSA1LjU4N3oiLz48L3N2Zz4=")
}

.table__wrap .table__tab .table__header .tab-wrap .cool-bet.active[data-v-5aed50bc] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI0IiBoZWlnaHQ9IjM1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2lfNTY3XzI5NDEpIj48cGF0aCBkPSJNMTguMjEgNS41ODdBMTYgMTYgMCAwMTMwLjM2IDBIMTI0djM1SDYuMDQ1Qy45MiAzNS0xLjg0NiAyOC45ODcgMS40OSAyNS4wOTVMMTguMjEgNS41ODd6IiBmaWxsPSIjMUExRDJDIi8+PC9nPjxkZWZzPjxmaWx0ZXIgaWQ9ImZpbHRlcjBfaV81NjdfMjk0MSIgeD0iLjAzMyIgeT0iMCIgd2lkdGg9IjEyMy45NjciIGhlaWdodD0iMzUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE2Ii8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjE0MTE3NiAwIDAgMCAwIDAuNjcwNTg4IDAgMCAwIDAgMC45NzI1NDkgMCAwIDAgMC41NSAwIi8+PGZlQmxlbmQgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzU2N18yOTQxIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==")
}

.table__wrap .table__tab .table__header .tab-wrap .cool-kf[data-v-5aed50bc] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY3IiBoZWlnaHQ9IjM1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNDguNzg5IDUuNTg3QTE2IDE2IDAgMDAxMzYuNjQxIDBIMHYzNWgxNjAuOTU1YzUuMTI2IDAgNy44OTEtNi4wMTMgNC41NTUtOS45MDVMMTQ4Ljc4OSA1LjU4N3oiIGZpbGw9IiMxQTFEMkMiLz48L3N2Zz4=")
}

.table__wrap .table__tab .table__header .tab-wrap .cool-kf.active[data-v-5aed50bc] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcwIiBoZWlnaHQ9IjM1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2lfNTY3XzI5NDEpIj48cGF0aCBkPSJNMTQzLjI1OCAzLjgwM0ExNiAxNiAwIDAwMTMyLjkwMiAwSDB2MzVoMTYzLjY2M2M1LjU4NSAwIDguMTQxLTYuOTYgMy44ODQtMTAuNTc0TDE0My4yNTggMy44MDN6IiBmaWxsPSIjMUExRDJDIi8+PC9nPjxkZWZzPjxmaWx0ZXIgaWQ9ImZpbHRlcjBfaV81NjdfMjk0MSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2OS42NzYiIGhlaWdodD0iMzUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz48ZmVPZmZzZXQvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE2Ii8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjE0MTE3NiAwIDAgMCAwIDAuNjcwNTg4IDAgMCAwIDAgMC45NzI1NDkgMCAwIDAgMC41NSAwIi8+PGZlQmxlbmQgaW4yPSJzaGFwZSIgcmVzdWx0PSJlZmZlY3QxX2lubmVyU2hhZG93XzU2N18yOTQxIi8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==")
}

.table__wrap .table[data-v-5aed50bc] {
  width: 100%;
  height: auto;
  background-color: #101224;
  border-radius: 0 0 12px 12px
}

.table__wrap .table .tr[data-v-5aed50bc] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 54px;
  padding-right: 40px
}

.table__wrap .table .tr .td[data-v-5aed50bc],
.table__wrap .table .tr .th[data-v-5aed50bc] {
  padding: 0;
  width: 55px
}

.table__wrap .table .tr .td-main[data-v-5aed50bc],
.table__wrap .table .tr .th-main[data-v-5aed50bc] {
  display: flex;
  width: 20%;
  align-items: center
}

.table__wrap .table .tr .plinko-col-center[data-v-5aed50bc] {
  justify-content: center;
  text-align: center !important
}

.table__wrap .table .tr .th[data-v-5aed50bc] {
  padding: 22px 0 12px;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
  text-align: left
}

.table__wrap .table .tr .td .name-player[data-v-5aed50bc],
.table__wrap .table .tr .th[data-v-5aed50bc] {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.3px;
  color: #666d85
}

.table__wrap .table .tr .td .name-player[data-v-5aed50bc] {
  display: block;
  max-width: 92px;
  margin: 0 4px 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap
}

.table__wrap .table .tr .td .icon-rang[data-v-5aed50bc] {
  max-width: 14px
}

.table__wrap .table .tr .td .game-name[data-v-5aed50bc] {
  text-transform: capitalize
}

.table__wrap .table .tr .td .game-name[data-v-5aed50bc],
.table__wrap .table .tr .td .money-count[data-v-5aed50bc] {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.table__wrap .table .tr .td .money-count.sum.mobile[data-v-5aed50bc] {
  color: #be8800 !important
}

.table__wrap .table .tr .td .game-icon[data-v-5aed50bc],
.table__wrap .table .tr .td .money-icon[data-v-5aed50bc] {
  width: 16px;
  height: 16px
}

.table__wrap .table .tr .td .game-icon[data-v-5aed50bc] {
  margin-right: 8px;
  mix-blend-mode: luminosity
}

.table__wrap .table .tr .td .money-icon[data-v-5aed50bc] {
  margin-right: 4px
}

.table__wrap .table .tr .td .kf-more-15[data-v-5aed50bc] {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #fff
}

.table__wrap .table .tr .td .kf-more-15.color-1[data-v-5aed50bc] {
  color: #bd30ff
}

.table__wrap .table .tr .td .kf-more-15.color-2[data-v-5aed50bc] {
  color: #3eb13b
}

.table__wrap .table .tr .td .kf-more-15.color-3[data-v-5aed50bc] {
  color: #308fff
}

.table__wrap .table .tr .td .kf-more-15.color-4[data-v-5aed50bc] {
  color: #ff3055
}

.table__wrap .table .tr .td .time-bet[data-v-5aed50bc] {
  padding-top: 18px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #666d85
}

.table__wrap .table .tr .td-first-left[data-v-5aed50bc] {
  display: flex;
  padding: 15px 0;
  align-items: center
}

.table__wrap .table .tr .td-first-left .avatar[data-v-5aed50bc] {
  width: 24px;
  max-width: 24px
}

.table__wrap .table .tr .td-first-left[data-v-5aed50bc],
.table__wrap .table .tr .th-first-left[data-v-5aed50bc] {
  padding-left: 25px;
  padding-right: 4px
}

.table__wrap .table .tr .td-id[data-v-5aed50bc],
.table__wrap .table .tr .th-id[data-v-5aed50bc] {
  width: 100px;
  padding-left: 25px
}

.table__wrap .table .td-bet[data-v-5aed50bc],
.table__wrap .table .td-game[data-v-5aed50bc],
.table__wrap .table .td-id[data-v-5aed50bc],
.table__wrap .table .td-sum[data-v-5aed50bc],
.table__wrap .table .td-time[data-v-5aed50bc] {
  display: flex;
  align-items: center
}

.table__wrap .table .tr.white[data-v-5aed50bc] {
  background: #1a1d2c;
  box-shadow: inset -8px 0 8px rgba(12, 15, 30, .55), inset 8px 0 8px rgba(12, 15, 30, .55)
}

.table__wrap.mobile[data-v-5aed50bc] {
  position: relative;
  width: 100%
}

.table__wrap.mobile .table__name.mobile[data-v-5aed50bc] {
  position: absolute;
  width: 110px;
  height: 44px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEzIiBoZWlnaHQ9IjQ0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMDYuMzU3IDUuMzM4YzIuMjA4LTEuNzc0Ljk1NC01LjMzOC0xLjg3OS01LjMzOEg4YTggOCAwIDAwLTggOHYzNmg0OS44MDFhMjQgMjQgMCAwMDE1LjAzNC01LjI5Mmw0MS41MjItMzMuMzd6IiBmaWxsPSIjMDQwNzFFIi8+PHBhdGggZD0iTTM1Ljk5OCAxOC44MTZsLTEuNTEyIDYuNzJoNS42N0wzOS42MjQgMjhoLTguNTRsMi4wNDQtOS4xODRoMi44N3ptOS40MDIgMEw0My4zNTYgMjhINDAuNDdsMi4wNTktOS4xODRoMi44N3ptMTEuMzM3IDBsLS4wODQuNDJMNTAuOTU1IDI4aC0zLjMwNGwtMS43NzgtOC43NjQuMDg0LS40MmgyLjc0NGwxLjA2NCA2LjI0NCAzLjgzNi02LjI0NGgzLjEzNnptOS41IDBsLS41MTggMi4zMzhoLTUuNjdsLS4yNTIgMS4wOTJoNS4zOWwtLjUwNCAyLjMxaC01LjM5bC0uMjY3IDEuMDkyaDUuNjdMNjQuMTkyIDI4aC04LjU0bDIuMDQ0LTkuMTg0aDguNTR6IiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBvcGFjaXR5PSIuMiIgY3g9IjE4IiBjeT0iMjQiIHI9IjYuMjIyIiBmaWxsPSIjRkYyQzUyIi8+PGNpcmNsZSBvcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjI0IiByPSI4IiBmaWxsPSIjRkYyQzUyIi8+PGNpcmNsZSBjeD0iMTgiIGN5PSIyNCIgcj0iMi42NjciIGZpbGw9IiNGRjJDNTIiLz48L3N2Zz4=");
  background-repeat: no-repeat
}

.table__wrap.mobile .table__tab.mobile[data-v-5aed50bc] {
  display: flex
}

.table__wrap.mobile .table__tab.mobile .table__diagonal-header.mobile[data-v-5aed50bc] {
  position: absolute;
  width: 184px;
  height: 49px;
  background-repeat: no-repeat;
  background-position: -20px;
  z-index: 0
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile[data-v-5aed50bc] {
  display: flex;
  vertical-align: bottom;
  width: 100%;
  height: 49px;
  margin-left: 135px;
  padding-top: 13px;
  background-color: #101224;
  border-top-right-radius: 12px
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile[data-v-5aed50bc] {
  display: flex;
  margin-left: -55px
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.active.mobile[data-v-5aed50bc],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.mobile[data-v-5aed50bc],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.active.mobile[data-v-5aed50bc],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.mobile[data-v-5aed50bc] {
  width: auto !important;
  padding: 0 !important;
  line-height: 25px;
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -.01em;
  font-feature-settings: "kern" off
}

@media screen and (max-width: 374px) {

  .table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.active.mobile[data-v-5aed50bc],
  .table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.mobile[data-v-5aed50bc],
  .table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.active.mobile[data-v-5aed50bc],
  .table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.mobile[data-v-5aed50bc] {
    line-height: 16px
  }
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.active.mobile[data-v-5aed50bc],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.mobile[data-v-5aed50bc] {
  width: 124px;
  margin-left: 30px;
  margin-right: 16px;
  text-align: right
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.active.mobile[data-v-5aed50bc],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.mobile[data-v-5aed50bc] {
  width: 170px;
  padding: 10px 0 10px 10px
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.active.mobile[data-v-5aed50bc],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.active.mobile[data-v-5aed50bc] {
  color: #24abf8;
  border-bottom: 1px solid #24abf8
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.mobile[data-v-5aed50bc],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.mobile[data-v-5aed50bc] {
  color: #666d85
}

.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.active.mobile[data-v-5aed50bc],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-bet.mobile[data-v-5aed50bc],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.active.mobile[data-v-5aed50bc],
.table__wrap.mobile .table__tab.mobile .table__header.mobile .tab-wrap.mobile .cool-kf.mobile[data-v-5aed50bc] {
  background-image: none
}

.table__wrap.mobile .table.mobile[data-v-5aed50bc] {
  width: 100%;
  height: auto;
  background-color: #101224;
  border-radius: 0 0 12px 12px
}

.table__wrap.mobile .table.mobile .tbody[data-v-5aed50bc] {
  border-top: 1px solid #0d0e1d
}

.table__wrap.mobile .table.mobile .tr.mobile[data-v-5aed50bc] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 83px;
  padding-right: 0
}

.table__wrap.mobile .table.mobile .tr.mobile .td.mobile[data-v-5aed50bc],
.table__wrap.mobile .table.mobile .tr.mobile .th.mobile[data-v-5aed50bc] {
  padding: 0;
  width: auto
}

.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .game-name.mobile[data-v-5aed50bc],
.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .kf-more-15.mobile[data-v-5aed50bc],
.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .money-count.mobile[data-v-5aed50bc],
.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .time-bet.mobile[data-v-5aed50bc] {
  margin: 0
}

.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .game-name.mobile[data-v-5aed50bc],
.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .money-count.mobile[data-v-5aed50bc] {
  font-family: FS Elliot Pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -.3px;
  color: #f3f3f3
}

.table__wrap.mobile .table.mobile .tr.mobile .td.mobile .game-icon.mobile[data-v-5aed50bc] {
  margin-right: 8px
}

.table__wrap.mobile .table.mobile .tr.mobile .td-first-left.mobile[data-v-5aed50bc] {
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start
}

.table__wrap.mobile .table.mobile .tr.mobile .td-first-left.mobile .game-wrap[data-v-5aed50bc],
.table__wrap.mobile .table.mobile .tr.mobile .td-first-left.mobile .player-wrap[data-v-5aed50bc] {
  display: flex;
  align-items: center
}

.table__wrap.mobile .table.mobile .tr.mobile .td-first-left.mobile .game-wrap .avatar.mobile[data-v-5aed50bc],
.table__wrap.mobile .table.mobile .tr.mobile .td-first-left.mobile .player-wrap .avatar.mobile[data-v-5aed50bc] {
  width: 24px;
  height: 24px
}

.table__wrap.mobile .table.mobile .tr.mobile .td-bet.mobile[data-v-5aed50bc] {
  flex-direction: column !important;
  width: 40%;
  justify-content: space-evenly;
  align-items: flex-start;
  padding-left: 12px
}

.table__wrap.mobile .table.mobile .tr.mobile .td-bet.mobile .bet-wrap[data-v-5aed50bc] {
  display: flex
}

.table__wrap.mobile .table.mobile .tr.mobile .td-first-left.mobile[data-v-5aed50bc],
.table__wrap.mobile .table.mobile .tr.mobile .th-first-left.mobile[data-v-5aed50bc] {
  padding-left: 18px
}

.table__wrap.mobile .table.mobile .td-bet.mobile[data-v-5aed50bc],
.table__wrap.mobile .table.mobile .td-game.mobile[data-v-5aed50bc],
.table__wrap.mobile .table.mobile .td-sum.mobile[data-v-5aed50bc] {
  display: flex
}

.table__wrap.mobile .table.mobile .tr.white.mobile[data-v-5aed50bc] {
  background: #1a1d2c;
  box-shadow: inset -8px 0 8px rgba(12, 15, 30, .55), inset 8px 0 8px rgba(12, 15, 30, .55)
}

.td[data-v-5aed50bc],
.th[data-v-5aed50bc] {
  border: none
}

.game-dice .game-panel {
  max-width: 450px;
  height: 650px
}

.game-dice .game-history-item {
  opacity: .35
}

.game-dice .game-history-item.win-item {
  opacity: 1
}

.dice-table .game-table-col-1 {
  min-width: 102px;
  max-width: 102px;
  padding-right: 8px
}

.dice-table .game-table-col-2 {
  max-width: 60px
}

.dice-table .game-table-col-3,
.dice-table .game-table-col-4 {
  max-width: 48px
}

.dice-table .game-table-col-5 {
  max-width: 70px
}

.dice-table .game-table-col-6 {
  max-width: 26px
}

@media screen and (max-width: 1024px) {
  .dice-table {
    padding-top: 36px
  }

  .dice-table .game-table-col-1,
  .dice-table .game-table-col-2 {
    max-width: 130px
  }

  .dice-table .game-table-col-3 {
    max-width: 70px
  }

  .dice-table .game-table-col-4 {
    max-width: 80px
  }

  .dice-table .game-table-col-5 {
    max-width: 120px
  }
}

@media screen and (max-width: 767.98px) {
  .dice-table .game-table-col-1 {
    max-width: 100px
  }

  .dice-table .game-table-col-2 {
    max-width: 60px
  }

  .dice-table .game-table-col-3 {
    display: none !important
  }

  .dice-table .game-table-col-4 {
    max-width: 48px
  }

  .dice-table .game-table-col-5 {
    max-width: 70px
  }
}

.game-dice-field {
  background-image: url(/_nuxt/img/main-bg-desktop.7cc5092.png)
}

.game-dice-field,
.game-dice-field__container {
  display: flex;
  flex-direction: column;
  align-items: center
}

.game-dice-field__container {
  position: absolute;
  top: 80px
}

@media screen and (max-width: 1024px) {
  .game-dice-field {
    height: 792px
  }
}

@media screen and (max-width: 767.98px) {
  .game-dice-field {
    height: 500px;
    margin-bottom: 160px
  }
}

@media screen and (max-width: 425px) {
  .game-dice-field {
    margin-bottom: 240px
  }
}

.game-dice-numbers {
  z-index: 2;
  display: flex;
  align-items: stretch;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 64px
}

@media screen and (max-width: 1024px) {
  .game-dice-numbers {
    margin-bottom: 100px
  }
}

@media screen and (max-width: 767.98px) {
  .game-dice-numbers {
    margin-bottom: 80px
  }
}

@media screen and (max-width: 425px) {
  .game-dice-numbers {
    margin-bottom: 60px
  }
}

.game-dice-numbers__item {
  width: 55px;
  height: 68px;
  background: #181b3a;
  border: 1px solid #222545;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  font-family: Halvar Breitschrift, sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -.03em;
  color: #24abf8
}

@media screen and (max-width: 767.98px) {
  .game-dice-numbers__item {
    width: 44px;
    height: 56px;
    font-size: 26px;
    line-height: 30px
  }
}

.game-dice-numbers__item:not(:last-child) {
  margin-right: 8px
}

.game-dice-numbers__item:nth-child(4) {
  margin-left: 12px
}

@media screen and (max-width: 767.98px) {
  .game-dice-numbers__item:nth-child(4) {
    margin-left: 6px
  }
}

.game-dice__game-control {
  max-width: 460px;
  bottom: 8px;
  z-index: 2
}

@media screen and (max-width: 1024px) {
  .game-dice__game-control {
    max-width: 630px
  }
}

@media screen and (max-width: 767.98px) {
  .game-dice__game-control {
    bottom: -170px
  }
}

@media screen and (max-width: 425px) {
  .game-dice__game-control {
    bottom: -260px
  }
}

.game-dice__game-control-btns .game-control__big-btn {
  width: 50%
}

.game-dice__game-control-section {
  grid-gap: 8px;
  gap: 8px
}

.game-dice__game-control-section.game-dice__game-control-section--rates .game-control-field {
  width: 100%
}

.game-dice__game-control-section.game-dice__game-control-section--rates .game-control-field:first-child {
  max-width: 50%
}

.game-dice__game-control-section.game-dice__game-control-section--rates .game-control-field:nth-child(2),
.game-dice__game-control-section.game-dice__game-control-section--rates .game-control-field:nth-child(3) {
  max-width: 25%
}

@media screen and (max-width: 425px) {
  .game-dice__game-control-section.game-dice__game-control-section--rates {
    flex-wrap: wrap
  }

  .game-dice__game-control-section.game-dice__game-control-section--rates .game-control-field:first-child {
    max-width: 100%
  }

  .game-dice__game-control-section.game-dice__game-control-section--rates .game-control-field:not(:first-child) {
    max-width: calc(50% - 4px)
  }

  .game-dice__game-control-section.game-dice__game-control-section--ctrls {
    flex-wrap: wrap
  }

  .game-dice__game-control-section.game-dice__game-control-section--ctrls .game-control-input {
    width: 100%
  }
}

.game-dice__game-control-input {
  width: 160px
}

@media screen and (max-width: 1024px) {
  .game-dice__game-control-input {
    width: calc(50% - 8px)
  }

  .game-dice__game-control-input input {
    text-align: left
  }
}

.game-dice__range-container {
  width: 100%;
  padding: 0 12px 12px
}

.game-dice__range-container .game-control-range {
  margin-bottom: 4px
}

.dice-game-result {
  width: 100%;
  max-width: 382px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width: 767.98px) {
  .dice-game-result {
    max-width: 310px
  }
}

.dice-game-result__title {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #f3f3f3;
  margin-bottom: 24px
}

.dice-game-result .game-dice-numbers {
  margin-bottom: 24px
}

.dice-game-result__footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.dice-game-result__footer-title,
.dice-game-result__value {
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  color: #f3f3f3
}

.dice-game-result__value,
.dice-game-result__value-icon {
  display: flex;
  align-items: center
}

.dice-game-result__value-icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(180deg, #9d002f 3.21%, #e0243b 65.22%, #e0243b 99.54%)
}

.dice-game-result__value-icon svg {
  fill: #f3f3f3;
  transform-origin: center
}

.dice-game-result__value-icon.lower {
  background: linear-gradient(180deg, #9d002f 3.21%, #e0243b 65.22%, #e0243b 99.54%)
}

.dice-game-result__value-icon.higher {
  background: linear-gradient(180deg, #1fd80f 3.21%, #44b13b 65.22%, #61d958 99.54%)
}

.dice-game-result__value-icon.higher svg {
  transform: rotate(180deg)
}

.game-dice__cube-container {
  width: 80px;
  height: 80px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center
}

.game-dice__cube-container-blur {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  background: #dcff00;
  filter: blur(64px);
  transform: translateZ(0);
  transition: .2s ease-in-out;
  transform-origin: center;
  -webkit-animation: blur-animate 15s linear infinite;
  animation: blur-animate 15s linear infinite
}

@-webkit-keyframes blur-animate {
  0% {
    background: #dcff00;
    transform: scale(1) translateZ(0)
  }

  16% {
    background: #ffa400;
    transform: scale(1.33) translateZ(0)
  }

  33% {
    background: #ff0062;
    transform: scale(1) translateZ(0)
  }

  50% {
    background: #fff;
    transform: scale(1.33) translateZ(0)
  }

  66% {
    background: #00f896;
    transform: scale(1) translateZ(0)
  }

  83% {
    background: #fff;
    transform: scale(1.33) translateZ(0)
  }

  to {
    background: #dcff00;
    transform: scale(1) translateZ(0)
  }
}

@keyframes blur-animate {
  0% {
    background: #dcff00;
    transform: scale(1) translateZ(0)
  }

  16% {
    background: #ffa400;
    transform: scale(1.33) translateZ(0)
  }

  33% {
    background: #ff0062;
    transform: scale(1) translateZ(0)
  }

  50% {
    background: #fff;
    transform: scale(1.33) translateZ(0)
  }

  66% {
    background: #00f896;
    transform: scale(1) translateZ(0)
  }

  83% {
    background: #fff;
    transform: scale(1.33) translateZ(0)
  }

  to {
    background: #dcff00;
    transform: scale(1) translateZ(0)
  }
}

@-webkit-keyframes dice-rotation {
  0% {
    transform: rotateX(0deg) rotateY(0deg) rotate(0deg)
  }

  16% {
    transform: rotateX(180deg) rotateY(180deg) rotate(0deg)
  }

  33% {
    transform: rotateX(1turn) rotateY(90deg) rotate(180deg)
  }

  50% {
    transform: rotateX(1turn) rotateY(1turn) rotate(1turn)
  }

  66% {
    transform: rotateX(180deg) rotateY(1turn) rotate(270deg)
  }

  83% {
    transform: rotateX(270deg) rotateY(180deg) rotate(180deg)
  }

  to {
    transform: rotateX(1turn) rotateY(1turn) rotate(1turn)
  }
}

@keyframes dice-rotation {
  0% {
    transform: rotateX(0deg) rotateY(0deg) rotate(0deg)
  }

  16% {
    transform: rotateX(180deg) rotateY(180deg) rotate(0deg)
  }

  33% {
    transform: rotateX(1turn) rotateY(90deg) rotate(180deg)
  }

  50% {
    transform: rotateX(1turn) rotateY(1turn) rotate(1turn)
  }

  66% {
    transform: rotateX(180deg) rotateY(1turn) rotate(270deg)
  }

  83% {
    transform: rotateX(270deg) rotateY(180deg) rotate(180deg)
  }

  to {
    transform: rotateX(1turn) rotateY(1turn) rotate(1turn)
  }
}

.dice-cube {
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 2;
  transform-style: preserve-3d;
  transition: .3s ease-in-out
}

.dice-cube__side {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  box-shadow: inset 0 0 18px #ccc;
  border-radius: 18px
}

.dice-cube__side.inner {
  background: #e0e0e0;
  box-shadow: none
}

.dice-cube__side.front {
  transform: translateZ(40px)
}

.dice-cube__side.front.inner {
  transform: translateZ(38px)
}

.dice-cube__side.back {
  transform: rotateX(-180deg) translateZ(40px)
}

.dice-cube__side.back.inner {
  transform: rotateX(-180deg) translateZ(38px)
}

.dice-cube__side.top {
  transform: rotateX(90deg) translateZ(40px)
}

.dice-cube__side.top.inner {
  transform: rotateX(90deg) translateZ(38px)
}

.dice-cube__side.bottom {
  transform: rotateX(-90deg) translateZ(40px)
}

.dice-cube__side.bottom.inner {
  transform: rotateX(-90deg) translateZ(38px)
}

.dice-cube__side.right {
  transform: rotateY(90deg) translateZ(40px)
}

.dice-cube__side.right.inner {
  transform: rotateY(90deg) translateZ(38px)
}

.dice-cube__side.left {
  transform: rotateY(-90deg) translateZ(40px)
}

.dice-cube__side.left.inner {
  transform: rotateY(-90deg) translateZ(38px)
}

.dice-cube__side.cover {
  background: #e0e0e0;
  box-shadow: none;
  border-radius: 0;
  transform: translateZ(0)
}

.dice-cube__side.cover.x {
  transform: rotateY(90deg)
}

.dice-cube__side.cover.z {
  transform: rotateX(90deg)
}

.dice-cube__dot {
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #000;
  box-shadow: inset 5px 0 10px #444
}

.dice-cube__dot.center {
  margin: 31px 0 0 31px
}

.dice-cube__dot.dtop {
  margin-top: 10px
}

.dice-cube__dot.dleft {
  margin-left: 52px
}

.dice-cube__dot.dright {
  margin-left: 12px
}

.dice-cube__dot.dbottom {
  margin-top: 53px
}

.game-history {
  position: absolute;
  right: 24px;
  top: 12px;
  grid-gap: 8px;
  gap: 8px;
  width: calc(100% - 48px);
  display: flex;
  z-index: 1
}

@media screen and (max-width: 767.98px) {
  .game-history {
    top: 8px;
    right: 16px;
    width: calc(100% - 32px)
  }
}

.game-history__list {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: flex-end;
  overflow: hidden;
  grid-gap: 8px;
  gap: 8px
}

.game-history__show-more {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 36px;
  height: 24px;
  background: #1b1d32;
  border-radius: 4px;
  cursor: pointer
}

.game-history__show-more:hover:not(.active) {
  background: #23253d
}

.game-history__show-more>span {
  position: absolute;
  opacity: 0 !important;
  display: block;
  width: 16px;
  height: 16px;
  transition: all .2s ease-in-out;
  transform-origin: center;
  cursor: pointer
}

.game-history__show-more>span:after,
.game-history__show-more>span:before {
  display: block;
  content: "";
  position: absolute;
  width: 14px;
  border-radius: 1px;
  height: 2px;
  background: #0c0f1e;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg)
}

.game-history__show-more>span:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.game-history__show-more.active {
  background: #f3f3f3
}

.game-history__show-more.active svg {
  opacity: 0
}

.game-history__show-more.active>span {
  opacity: 1 !important
}

.game-history-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .2s ease
}

.game-history--bubbles:after {
  content: "";
  position: absolute;
  width: 32px;
  right: -16px;
  top: -4px;
  bottom: -4px;
  background: rgba(3, 10, 42, .75);
  filter: blur(8px);
  pointer-events: none
}

.game-history--bubbles .game-history-item {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -.3px;
  color: #f3f3f3;
  transition: .2s ease
}

.game-history--bubbles .game-history-item.red {
  background: linear-gradient(180deg, #9d002f 3.21%, #e0243b 65.22%, #e0243b 99.54%)
}

.game-history--bubbles .game-history-item.black {
  background: linear-gradient(180deg, #101329 3.21%, #252b52 65.22%, #252b52 99.54%)
}

.game-history--bubbles .game-history-item.green {
  background: linear-gradient(180deg, #1fd80f 3.21%, #44b13b 65.22%, #61d958 99.54%)
}

.game-history--bubbles .game-history-item.higher svg,
.game-history--bubbles .game-history-item.lower svg {
  transition: 0s;
  transform-origin: center center;
  fill: #f3f3f3
}

.game-history--bubbles .game-history-item.higher {
  background: linear-gradient(180deg, #1fd80f 3.21%, #44b13b 65.22%, #61d958 99.54%)
}

.game-history--bubbles .game-history-item.higher svg {
  transform: rotate(180deg)
}

.game-history--bubbles .game-history-item.lower {
  background: linear-gradient(180deg, #9d002f 3.21%, #e0243b 65.22%, #e0243b 99.54%)
}

.game-history--bubbles .game-history__list.roulette .game-history-item {
  opacity: .5
}

.game-history--bubbles .game-history__list.roulette .game-history-item.is-win {
  opacity: 1
}

.game-history--rates .game-history__list {
  max-height: 24px;
  flex-direction: row;
  flex-wrap: wrap
}

.game-history--rates .game-history__list .game-history-item {
  opacity: .5
}

.game-history--rates .game-history__list.open {
  max-height: -webkit-min-content;
  max-height: -moz-min-content;
  max-height: min-content;
  overflow-x: hidden;
  overflow-y: hidden;
  max-height: 56px
}

.game-history--rates .game-history__list.open .game-history-item {
  opacity: 1
}

.game-history--rates .game-history-item__rate {
  min-width: 60px;
  padding: 6px 5px 4px
}