@charset "UTF-8";
.stylesmodule__container___8rIUb {
  display: flex;
}

.stylesmodule__popover___O1tev {
  box-sizing: border-box;
}

.stylesmodule__ellipsed___q0gTO {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}

.stylesmodule__breaked___WOj2t {
  overflow: hidden;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.stylesmodule__multiline___ccZyy {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.stylesmodule__header___qQHEO {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  width: 100%;
}

.stylesmodule__asButton___lrko6 .stylesmodule__header___qQHEO {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  min-height: 70px;
  padding: 10px 20px;
}

.stylesmodule__title___ZKJt {
  grid-gap: 10px;
  display: grid;
  gap: 10px;
}

.stylesmodule__title___ZKJt.stylesmodule__arrow-right___ObBj8:not(.stylesmodule__withoutArrow___ofVUp) {
  grid-template-areas: "text arrow";
  grid-template-columns: auto min-content;
}

.stylesmodule__text___HEXw {
  flex-grow: 1;
  grid-area: text;
}

.stylesmodule__arrowIcon___49ONE {
  align-self: center;
  color: var(--base-color-60);
  grid-area: arrow;
  transition: transform 0.2s;
  width: 20px;
}

.stylesmodule__container___EIYbr.stylesmodule__collapsed___VhSlt .stylesmodule__arrowIcon___49ONE {
  transform: rotate(180deg);
}

.stylesmodule__asButton___lrko6.stylesmodule__container___EIYbr {
  border-radius: 12px;
  overflow: hidden;
}

.stylesmodule__asButton___lrko6.stylesmodule__container___EIYbr:not([data-collapsed]) > .stylesmodule__header___qQHEO {
  border-radius: inherit;
}

.stylesmodule__shortContent___fb6BM {
  height: 0;
  overflow: hidden;
}

.stylesmodule__container___EIYbr.stylesmodule__collapsed___VhSlt .stylesmodule__shortContent___fb6BM, .stylesmodule__content___Z3ypJ {
  height: auto;
}

.stylesmodule__asButton___lrko6.stylesmodule__container___EIYbr:not(.stylesmodule__collapsed___VhSlt) .stylesmodule__content___Z3ypJ {
  margin: 20px 0;
  max-height: 450px;
  overflow: auto;
  padding: 0 20px;
}

.stylesmodule__container___EIYbr.stylesmodule__collapsed___VhSlt .stylesmodule__content___Z3ypJ {
  height: 0;
  overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__header___qQHEO:hover {
    background-color: var(--base-color-10);
  }
  .stylesmodule__asButton___lrko6 .stylesmodule__header___qQHEO:hover {
    background-color: var(--base-color-5) !important;
  }
}
@container body (min-width: 481px) {
  .stylesmodule__asButton___lrko6 .stylesmodule__header___qQHEO {
    font-size: 16px;
    padding: 20px 40px;
  }
  .stylesmodule__asButton___lrko6.stylesmodule__container___EIYbr:not(.stylesmodule__collapsed___VhSlt) .stylesmodule__content___Z3ypJ {
    padding: 0 40px;
  }
}

@keyframes stylesmodule__spin___UuODG {
  0% {
    transform: rotate(45deg);
  }
  to {
    transform: rotate(405deg);
  }
}

.stylesmodule__button___QT7Qz {
  align-items: center;
  background: var(--uikit-button-background-color);
  border: none;
  border-radius: var(--uikit-button-border-radius);
  display: flex;
  font-family: var(--uikit-button-font-family);
  font-size: var(--uikit-button-font-size);
  font-weight: var(--uikit-button-font-weight);
  justify-content: center;
  line-height: var(--uikit-button-line-height);
  padding: var(--uikit-button-padding-y) var(--uikit-button-padding-x);
  position: relative;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.stylesmodule__button___QT7Qz {
  color: var(--uikit-button-color);
}

.stylesmodule__button___QT7Qz:disabled {
  background: inherit;
  border: var(--uikit-button-border-width) solid;
  padding: calc(var(--uikit-button-padding-y) - var(--uikit-button-border-width)) calc(var(--uikit-button-padding-x) - var(--uikit-button-border-width));
}

.stylesmodule__button___QT7Qz:disabled {
  color: var(--uikit-button-disabled-color);
}

.stylesmodule__button___QT7Qz:not(:disabled) {
  cursor: pointer;
}

.stylesmodule__button___QT7Qz:not(:disabled):active {
  background: var(--uikit-button-active-background-color);
}

.stylesmodule__button___QT7Qz.stylesmodule__transparent___8x65D {
  background: transparent;
  border: none;
}

.stylesmodule__button___QT7Qz.stylesmodule__transparent___8x65D {
  color: var(--uikit-button-transparent-color);
}

.stylesmodule__button___QT7Qz.stylesmodule__transparent___8x65D:disabled {
  color: var(--uikit-button-transparent-disabled-color);
}

.stylesmodule__button___QT7Qz:not(:disabled).stylesmodule__transparent___8x65D:active {
  color: var(--uikit-button-transparent-active-color);
}

.stylesmodule__button___QT7Qz.stylesmodule__outline___zZMAD {
  background: transparent;
  border: var(--uikit-button-border-width) solid var(--uikit-button-outline-color, var(--uikit-button-color));
  padding: calc(var(--uikit-button-padding-y) - var(--uikit-button-border-width)) calc(var(--uikit-button-padding-x) - var(--uikit-button-border-width));
}

.stylesmodule__button___QT7Qz.stylesmodule__outline___zZMAD {
  color: var(--uikit-button-outline-color);
}

.stylesmodule__button___QT7Qz.stylesmodule__outline___zZMAD:active {
  background: transparent;
  border-color: var(--uikit-button-outline-active-color);
  color: var(--uikit-button-outline-active-color);
}

.stylesmodule__button___QT7Qz.stylesmodule__outline___zZMAD:disabled {
  border-color: var(--uikit-button-outline-disabled-color);
}

.stylesmodule__button___QT7Qz.stylesmodule__outline___zZMAD:disabled {
  color: var(--uikit-button-outline-disabled-color);
}

.stylesmodule__button___QT7Qz.stylesmodule__outline___zZMAD.stylesmodule__faded___PzyS5 {
  background: transparent;
  border-color: var(--uikit-button-outline-fade-color);
}

.stylesmodule__button___QT7Qz.stylesmodule__outline___zZMAD.stylesmodule__faded___PzyS5 {
  color: var(--uikit-button-outline-fade-color);
}

.stylesmodule__button___QT7Qz.stylesmodule__outline___zZMAD.stylesmodule__faded___PzyS5:disabled {
  background: transparent;
  border-color: var(--uikit-button-outline-disabled-color);
}

.stylesmodule__button___QT7Qz.stylesmodule__outline___zZMAD.stylesmodule__faded___PzyS5:disabled {
  color: var(--uikit-button-outline-disabled-color);
}

.stylesmodule__primary___dnGI:not(:disabled) {
  background: var(--uikit-button-primary-background-color);
}

.stylesmodule__primary___dnGI:not(:disabled) {
  color: var(--uikit-button-primary-color);
}

.stylesmodule__primary___dnGI:disabled {
  background: var(--uikit-button-primary-background-disabled-color);
  border-color: transparent;
}

.stylesmodule__primary___dnGI:disabled {
  color: var(--uikit-button-primary-disabled-color);
}

.stylesmodule__primary___dnGI:not(:disabled):active {
  background: var(--uikit-button-primary-active-backround-color);
  color: var(--uikit-button-primary-active-color);
}

.stylesmodule__primary___dnGI.stylesmodule__transparent___8x65D {
  background: inherit;
}

.stylesmodule__primary___dnGI.stylesmodule__transparent___8x65D {
  color: var(--uikit-button-primary-transparent-color);
}

.stylesmodule__primary___dnGI.stylesmodule__outline___zZMAD {
  background: transparent;
  border-color: currentcolor;
}

.stylesmodule__primary___dnGI.stylesmodule__outline___zZMAD {
  color: var(--uikit-button-primary-outline-color);
}

.stylesmodule__primary___dnGI:not(:disabled).stylesmodule__outline___zZMAD:active, .stylesmodule__primary___dnGI:not(:disabled).stylesmodule__transparent___8x65D:active {
  background: inherit;
  color: var(--uikit-button-primary-transparent-active-color);
}

.stylesmodule__second___rWoML:not(:disabled) {
  background: var(--uikit-button-secondary-background-color);
}

.stylesmodule__second___rWoML:not(:disabled) {
  color: var(--uikit-button-secondary-color);
}

.stylesmodule__second___rWoML:disabled {
  background: var(--uikit-button-secondary-background-disabled-color);
  border-color: transparent;
}

.stylesmodule__second___rWoML:disabled {
  color: var(--uikit-button-secondary-disabled-color);
}

.stylesmodule__second___rWoML:not(:disabled):active {
  background: var(--uikit-button-secondary-active-background-color);
  color: var(--uikit-button-secondary-active-color);
}

.stylesmodule__second___rWoML.stylesmodule__outline___zZMAD, .stylesmodule__second___rWoML.stylesmodule__transparent___8x65D {
  background: transparent;
}

.stylesmodule__second___rWoML.stylesmodule__outline___zZMAD, .stylesmodule__second___rWoML.stylesmodule__transparent___8x65D {
  color: var(--uikit-button-secondary-outline-color);
}

.stylesmodule__second___rWoML:not(:disabled).stylesmodule__outline___zZMAD:active, .stylesmodule__second___rWoML:not(:disabled).stylesmodule__transparent___8x65D:active {
  background: transparent;
  color: var(--uikit-button-secondary-outline-active-color);
}

.stylesmodule__second2___xCZIz:not(:disabled) {
  background: var(--uikit-button-secondary2-background-color);
}

.stylesmodule__second2___xCZIz:not(:disabled) {
  color: var(--uikit-button-secondary2-color);
}

.stylesmodule__second2___xCZIz:disabled {
  background: var(--uikit-button-secondary2-background-disabled-color);
  border-color: transparent;
}

.stylesmodule__second2___xCZIz:disabled {
  color: var(--uikit-button-secondary2-disabled-color);
}

.stylesmodule__second2___xCZIz:not(:disabled):active {
  background: var(--uikit-button-secondary2-active-background-color);
  color: var(--uikit-button-secondary2-active-color);
}

.stylesmodule__button___QT7Qz.stylesmodule__large___4xKuG {
  --uikit-button-padding-y: var(--uikit-button-lg-padding-y);
  --uikit-button-padding-x: var(--uikit-button-lg-padding-x);
  --uikit-button-font-size: var(--uikit-button-lg-font-size);
  --uikit-button-line-height: var(--uikit-button-lg-line-height) ;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__button___QT7Qz:not(:disabled):hover {
    background: var(--uikit-button-hover-background-color);
  }
  .stylesmodule__button___QT7Qz:not(:disabled).stylesmodule__transparent___8x65D:hover {
    background: transparent;
    color: var(--uikit-button-transparent-hover-color);
  }
  .stylesmodule__button___QT7Qz:not(:disabled).stylesmodule__outline___zZMAD.stylesmodule__faded___PzyS5:hover, .stylesmodule__button___QT7Qz:not(:disabled).stylesmodule__outline___zZMAD:hover {
    background: var(--uikit-button-outline-background-hover-color);
    border-color: var(--uikit-button-outline-hover-color);
    color: var(--uikit-button-outline-hover-color);
  }
  .stylesmodule__primary___dnGI:not(:disabled):hover {
    background: var(--uikit-button-primary-background-hover-color);
    color: var(--uikit-button-primary-hover-color);
  }
  .stylesmodule__primary___dnGI:not(:disabled).stylesmodule__outline___zZMAD:hover, .stylesmodule__primary___dnGI:not(:disabled).stylesmodule__transparent___8x65D:hover {
    background: inherit;
    color: var(--uikit-button-primary-outline-hover-color);
  }
  .stylesmodule__second___rWoML:not(:disabled):hover {
    background: var(--uikit-button-secondary-background-hover-color);
    color: var(--uikit-button-secondary-hover-color);
  }
  .stylesmodule__second___rWoML:not(:disabled).stylesmodule__transparent___8x65D:hover {
    background: inherit;
    color: var(--uikit-button-secondary-outline-hover-color);
  }
  .stylesmodule__second___rWoML:not(:disabled).stylesmodule__outline___zZMAD:hover {
    background: inherit;
    background: var(--uikit-button-secondary-outline-hover-background, inherit);
    color: var(--uikit-button-secondary-outline-hover-color);
  }
  .stylesmodule__second2___xCZIz:not(:disabled):hover {
    background: var(--uikit-button-secondary2-background-hover-color);
    color: var(--uikit-button-secondary2-hover-color);
  }
}
.stylesmodule__arrow___wsRNv {
  align-items: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: none;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.stylesmodule__arrow___wsRNv > svg {
  flex-shrink: 0;
  height: 1em;
  width: 1em;
}

.stylesmodule__arrow___wsRNv:disabled {
  visibility: hidden;
}

@keyframes stylesmodule__on-start___0KO00 {
  0% {
    border: none;
  }
  to {
    border: none;
  }
}
.stylesmodule__headerMenuItem___haKkK {
  align-items: center;
  box-sizing: border-box;
  color: var(--header-text-color-40);
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  line-height: 28px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

.stylesmodule__active___GHtNz {
  color: var(--header-text-color-90);
}

.stylesmodule__border___1kTr {
  background: currentcolor;
  border-radius: 3px;
  bottom: 0;
  display: none;
  height: var(--uikit-header-menu-underline-height);
  left: 0;
  position: absolute;
  width: 100%;
}

.stylesmodule__active___GHtNz > .stylesmodule__border___1kTr {
  background: var(--primary-color);
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__headerMenuItem___haKkK:hover {
    color: var(--header-text-color);
  }
}
.stylesmodule__headerMenu___mDiht {
  grid-gap: 52px;
  display: grid;
  gap: 52px;
  grid-auto-flow: column;
  height: 100%;
  margin-left: 60px;
  overflow: visible hidden;
}

.stylesmodule__headerMenu___mDiht::-webkit-scrollbar {
  height: 0;
}

.stylesmodule__headerWidth___UV655 {
  display: none;
  grid-column: 3/6;
  grid-row-start: 2;
  visibility: visible !important;
  width: calc(100% - 235px);
}

.stylesmodule__more___8I8QF {
  align-items: center;
  color: var(--header-text-color-40);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 4px;
  line-height: 28px;
  position: absolute;
  visibility: hidden;
}

.stylesmodule__more___8I8QF > svg {
  flex-shrink: 0;
  font-size: 12px;
  height: 1em;
  width: 1em;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__more___8I8QF:hover {
    color: var(--header-text-color);
  }
}
@media (min-width: 769px) {
  .stylesmodule__headerWidth___UV655 {
    display: block;
  }
}

@keyframes stylesmodule__pulse-animation___DUlGK {
  50% {
    opacity: 0;
  }
}

@keyframes stylesmodule__slide-in___gTLcr {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes stylesmodule__loading-progress___Qphd1 {
  0% {
    width: 100%;
  }
  to {
    width: 0;
  }
}

:root {
  --uikit-notifications-top: unset ;
}

.stylesmodule__dropdown___ezQ8m {
  padding: 0 var(--uikit-dropdown-padding-x) !important;
  z-index: var(--z-index-uikit-select-dropdown) !important;
}

.stylesmodule__dropdownContent___E8lO {
  -webkit-overflow-scrolling: touch;
  display: grid;
  font-weight: var(--uikit-dropdown-content-font-weight);
  max-height: var(--uikit-dropdown-content-max-height);
  overflow-y: auto;
  padding: var(--uikit-dropdown-padding-y) var(--uikit-dropdown-padding-x) !important;
  text-align: left;
  width: 100%;
}

.stylesmodule__dropdownContent___E8lO::-webkit-scrollbar-track {
  margin: var(--uikit-dropdown-padding-y);
}

.stylesmodule__container___u32HI {
  color: var(--uikit-input-icon-color);
  height: 100%;
  position: relative;
}

.stylesmodule__selectContainer___jLnhc {
  height: 100%;
  height: var(--uikit-input-height, 100%);
  position: relative;
}

.stylesmodule__fieldset___6pTZ7 {
  border: var(--uikit-input-border-width) solid var(--uikit-input-border-color);
  border-radius: var(--uikit-input-radius);
  inset: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
}

.stylesmodule__fieldset___6pTZ7.stylesmodule__active___Ct30w {
  border-color: var(--uikit-input-border-active-color);
}

.stylesmodule__placeholder___YMW4T {
  color: var(--uikit-input-placeholder-color);
  font-size: 1em;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 80px;
  text-overflow: ellipsis;
  top: 50%;
  transform: translate(var(--uikit-input-padding-x), -50%);
  transform-origin: top left;
  transition: top 0.2s, right 0.2s, font-size 0.2s, transform 0.2s;
  white-space: nowrap;
}

.stylesmodule__placeholder___YMW4T.stylesmodule__active___Ct30w {
  color: var(--uikit-input-placeholder-valid-color);
  right: auto;
  top: 0;
  transform: translate(calc(var(--uikit-input-padding-x) + var(--uikit-input-legend-offset)), -50%);
}

 .stylesmodule__placeholder___YMW4T.stylesmodule__active___Ct30w {
  font-size: 0.7em;
}

.stylesmodule__select___YRy9J {
  align-items: center;
  background: none;
  border: none;
  border-radius: var(--uikit-input-radius);
  box-shadow: none;
  box-sizing: border-box;
  color: var(--uikit-input-color);
  cursor: pointer;
  display: flex;
  font-size: 1em;
  height: 100%;
  margin: 0;
  min-height: inherit;
  outline: none;
  padding: 4px var(--uikit-input-padding-x);
  text-align: start;
  width: 100%;
}

.stylesmodule__select___YRy9J:disabled {
  color: var(--base-color-30);
  cursor: not-allowed;
}

.stylesmodule__endIcon___cPmi3 {
  pointer-events: none;
}

.stylesmodule__endIcon___cPmi3 {
  display: flex;
  font-size: 16px;
}

.stylesmodule__endIcon___cPmi3 > svg {
  color: var(--uikit-input-border-active-color);
  height: 1em;
  width: 1em;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__container___u32HI:not(.stylesmodule__disabled___Oipvp):hover .stylesmodule__fieldset___6pTZ7:not(.stylesmodule__focused___CPx30, .stylesmodule__error___fwn) {
    border-color: var(--uikit-input-border-hover-color);
  }
   .stylesmodule__container___u32HI:not(.stylesmodule__disabled___Oipvp):hover .stylesmodule__placeholder___YMW4T:not(.stylesmodule__active___Ct30w, .stylesmodule__error___fwn) {
    color: var(--uikit-input-placeholder-hover-color);
  }
}
.stylesmodule__valueLabel___nU3ml {
  flex-grow: 1;
  overflow: hidden;
  padding-right: 5px;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 45px;
}

:root {
  --uikit-slider-margin: 4px ;
}

.stylesmodule__title___ASkLE {
  align-items: center;
  color: var(--base-color);
  display: flex;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.stylesmodule__controls___rkf0d {
  display: flex;
  gap: 4px;
  margin-left: auto;
  min-width: -moz-max-content;
  min-width: max-content;
}

.stylesmodule__button___hfYpR {
  height: 34px;
  padding: 0 17px;
}

.stylesmodule__button___hfYpR svg {
  height: 13px;
  width: 7px;
}

@media (min-width: 481px) {
  .stylesmodule__title___ASkLE {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 20px;
  }
  .stylesmodule__button___hfYpR {
    height: 40px;
    padding: 0 20px;
  }
  .stylesmodule__button___hfYpR svg {
    height: 16px;
    width: 16px;
  }
}
@media (min-width: 769px) {
  :root {
    --uikit-slider-margin:6px ;
  }
  .stylesmodule__title___ASkLE {
    align-items: flex-end;
    line-height: 1;
    margin-bottom: 20px;
  }
}
@media (min-width: 1025px) {
  .stylesmodule__title___ASkLE {
    margin-bottom: 20px;
  }
}
.stylesmodule__custom___ZVuDa {
  display: flex;
  margin: 0 -20px;
  overflow: auto;
  padding: 0 20px;
  position: relative;
  scroll-padding: 0 20px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.stylesmodule__custom___ZVuDa::-webkit-scrollbar {
  display: none;
}

.stylesmodule__custom___ZVuDa > * {
  margin: 0 4px;
  margin: 0 var(--uikit-slider-margin);
  scroll-snap-align: start;
}

.stylesmodule__custom___ZVuDa > :first-child {
  margin-left: 0 !important;
}

.stylesmodule__custom___ZVuDa > :last-child {
  margin-right: 0 !important;
}

@media (min-width: 481px) {
  .stylesmodule__custom___ZVuDa {
    margin: 0 -30px;
    padding: 0 30px;
    scroll-padding: 0 30px;
  }
}
@container body (min-width: 1025px) {
  :root {
    --uikit-slider-margin: 6px ;
  }
  .stylesmodule__custom___ZVuDa {
    margin: 0 -20px;
    padding: 0 20px;
    scroll-padding: 0 20px;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__custom___ZVuDa {
    margin: 0 -30px;
    padding: 0 30px;
    scroll-padding: 0 30px;
  }
}

.stylesmodule__swiper___YGZME {
  display: grid;
  min-width: 0;
}

.stylesmodule__swiper___YGZME.stylesmodule__withArrows___s1aXz {
  gap: 12px;
  grid-template-columns: 20px 1fr 20px;
}

.stylesmodule__arrowButton___bQI9s {
  align-items: center;
  background-color: var(--background-block);
  border: none;
  border-radius: 6px;
  color: var(--primary-color);
  cursor: pointer;
  display: flex;
  margin: 6px 0;
  padding: 1px 6px;
}

.stylesmodule__arrowButton___bQI9s:hover {
  background-color: var(--primary-color-hover);
  color: var(--secondary-color);
}

.stylesmodule__arrowButton___bQI9s:active {
  background-color: var(--background-block);
  color: var(--primary-color-60);
}

.stylesmodule__arrowButton___bQI9s:disabled {
  background-color: transparent;
  color: var(--base-color-20);
  cursor: auto;
  opacity: 0.6;
  pointer-events: none;
}

.stylesmodule__wrapper___areU4 {
  min-width: 0;
}

.stylesmodule__container___TldfV {
  -ms-overflow-style: none;
  display: flex;
  gap: 12px;
  overflow: scroll;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.stylesmodule__container___TldfV::-webkit-scrollbar {
  display: none;
}

.stylesmodule__container___TldfV > * {
  scroll-snap-align: start;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.stylesmodule__tabMenu___aIm3I {
  background-color: var(--background-block);
  border-bottom: 1px solid var(--base-color-10);
  border-top: 1px solid var(--base-color-10);
  padding: 0 6px;
}

.stylesmodule__tabMenuContainer___NpvnL {
  grid-gap: 10px;
  display: grid;
  gap: 10px;
  height: 100%;
}

.stylesmodule__arrows___1s6zb {
  margin: 0;
}

.stylesmodule__tabMenuContainer___NpvnL:nth-child(n) {
  grid-template-columns: repeat(auto-fit, minmax(50px, max-content));
}

@media (min-width: 429px) {
  .stylesmodule__tabMenu___aIm3I {
    padding: 0;
  }
}
.stylesmodule__tabMenuItem___4ve0k {
  align-items: center;
  background: none;
  border: none;
  box-sizing: border-box;
  color: var(--base-color-90);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  justify-content: center;
  line-height: 18px;
  padding: 10px 10px 12.5px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

.stylesmodule__tabMenuItem___4ve0k.stylesmodule__active___LP1ix:not(:disabled) {
  color: var(--primary-color);
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__tabMenuItem___4ve0k:not(:disabled):hover {
    color: var(--base-color-90);
  }
}
.stylesmodule__tabMenuItem___4ve0k.stylesmodule__active___LP1ix:after {
  background: currentcolor;
  border-radius: 3px;
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}

@keyframes stylesmodule__elevator___rFWCN {
  0% {
    animation-timing-function: ease-out;
    transform: translateY(0);
  }
  25% {
    animation-timing-function: ease-in-out;
    transform: translateY(-50%);
  }
  75% {
    animation-timing-function: ease-in;
    transform: translateY(50%);
  }
  to {
    transform: translateY(0);
  }
}
.stylesmodule__currency___Twc16 {
  cursor: inherit;
  display: flex;
}

.stylesmodule__currency___Twc16 > svg {
  flex-shrink: 0;
  font-size: 1.28571em;
  height: 1em;
  line-height: 1;
  width: 1em;
}

.stylesmodule__container___R3se {
  align-items: center;
  display: flex;
  gap: 4px;
}

.stylesmodule__formatted___otvcp {
  align-items: center;
  display: flex;
  font-size: 1em;
  line-height: 1;
}

.stylesmodule__formatted___otvcp > svg {
  flex-shrink: 0;
  font-size: 1.28571em;
  height: 1em;
  line-height: 1;
  width: 1em;
}

.stylesmodule__reverse___2lIbI {
  flex-direction: row-reverse;
}

.stylesmodule__amount___ZshnO {
  display: flex;
  white-space: nowrap;
}

.stylesmodule__amount___ZshnO span {
  color: var(--base-color-60);
  display: inline-block;
}

.stylesmodule__column___hpOeg {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@keyframes stylesmodule__username-animation___9Nqpu {
  0%, to {
    transform: scale(1) translateY(0);
  }
  50% {
    color: var(--aditional-colors-exclusive);
    transform: scale(1.2) translateY(5px);
  }
}
@keyframes stylesmodule__wheel-animation___qb05B {
  0%, to {
    transform: scale(1) translateY(0);
  }
  50% {
    color: var(--aditional-colors-exclusive);
    transform: scale(1.2) translateY(5px);
  }
}
@keyframes stylesmodule__win-animation___tXswk {
  0%, to {
    transform: scale(1) translateX(0) translateY(0);
  }
  50% {
    color: var(--aditional-colors-exclusive);
    transform: scale(1.2) translateX(15px) translateY(5px);
  }
}

@keyframes stylesmodule__loading-animation___9mh1g {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes stylesmodule__appear-animation___lbk59 {
  0% {
    transform: rotate(-100deg) scale(0.5);
  }
  to {
    transform: rotate(0) scale(1);
  }
}

@keyframes stylesmodule__swap-animation___njAdh {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(60deg);
  }
}

@keyframes stylesmodule__scale-animation___dlQLp {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes stylesmodule__animation___7ONIh {
  0% {
    transform: translateX(150%) rotate(-125deg);
  }
  50% {
    transform: translateX(-150%) rotate(-125deg);
  }
  to {
    transform: translateX(150%) rotate(-125deg);
  }
}

:root {
  --aditional-colors-new: #37d37f;
  --aditional-colors-exclusive: #e16b39;
  --aditional-colors-top: #d32d2c;
  --aditional-colors-blue: #2c8dd3;
  --aditional-colors-verify: #6f9412;
  --aditional-colors-verify-90: rgba(111,148,18,.9);
  --aditional-colors-verify-80: rgba(111,148,18,.8);
  --aditional-colors-verify-70: rgba(111,148,18,.7);
  --aditional-colors-verify-60: rgba(111,148,18,.6);
  --aditional-colors-verify-50: rgba(111,148,18,.5);
  --aditional-colors-verify-40: rgba(111,148,18,.4);
  --aditional-colors-verify-30: rgba(111,148,18,.3);
  --aditional-colors-verify-20: rgba(111,148,18,.2);
  --aditional-colors-verify-10: rgba(111,148,18,.1);
  --background-block: #1e1e1e;
  --background-block-80: rgba(30,30,30,.8);
  --background-block-additional: #292727;
  --background-color: #141414;
  --background-color-85: hsla(0,0%,8%,.85);
  --background-color-60: hsla(0,0%,8%,.6);
  --background-color-20: hsla(0,0%,8%,.2);
  --banner-color: #fff;
  --banner-color-90: hsla(0,0%,100%,.9);
  --banner-color-80: hsla(0,0%,100%,.8);
  --banner-color-70: hsla(0,0%,100%,.7);
  --banner-color-60: hsla(0,0%,100%,.6);
  --banner-color-50: hsla(0,0%,100%,.5);
  --banner-color-40: hsla(0,0%,100%,.4);
  --banner-color-30: hsla(0,0%,100%,.3);
  --banner-color-20: hsla(0,0%,100%,.2);
  --banner-color-10: hsla(0,0%,100%,.1);
  --banner-color-5: hsla(0,0%,100%,.05);
  --base-color: hsla(0,0%,100%,.9);
  --base-color-90: hsla(0,0%,100%,.9);
  --base-color-80: hsla(0,0%,100%,.8);
  --base-color-70: hsla(0,0%,100%,.7);
  --base-color-60: hsla(0,0%,100%,.6);
  --base-color-50: hsla(0,0%,100%,.5);
  --base-color-40: hsla(0,0%,100%,.4);
  --base-color-30: hsla(0,0%,100%,.3);
  --base-color-20: hsla(0,0%,100%,.2);
  --base-color-10: hsla(0,0%,100%,.1);
  --base-color-5: hsla(0,0%,100%,.05);
  --base-color-3: hsla(0,0%,100%,.03);
  --base-color-70-nottransparent: #b9b9ba;
  --bg-hover-game-card: rgba(15,15,25,.85);
  --block-stroke: #272729;
  --bonus-card-image-text: #eee;
  --color-bronze-lucky-spin-button-default: radial-gradient(50% 50% at 50% 100%,#fffaeb 0%,#eacd75 100%);
  --color-bronze-lucky-spin-button-hover: #d0bd84;
  --color-bronze-lucky-spin-button-disable: #2a2821;
  --color-gold-lucky-spin-button-default: radial-gradient(50% 50% at 50% 100%,#fff200 0%,#f90 100%);
  --color-gold-lucky-spin-button-hover: #d88508;
  --color-gold-lucky-spin-button-disable: #372811;
  --button-promotions-default: radial-gradient(100% 66.8% at 0% 50%,#344b6a 0%,#2a2e3a 100%);
  --color-silver-lucky-spin-button-default: radial-gradient(50% 50% at 50% 100%,#f5f7f8 0%,#bcc6cc 100%);
  --color-silver-lucky-spin-button-hover: #9aa3a7;
  --color-silver-lucky-spin-button-disable: #222323;
  --button-text-color-black-default: rgba(0,0,0,.9);
  --button-text-color-black-hover: rgba(0,0,0,.8);
  --button-text-color-black-active: rgba(0,0,0,.9);
  --button-text-color-black-fade: rgba(0,0,0,.6);
  --button-text-color-black-disable: rgba(0,0,0,.6);
  --button-text-color-white-default: hsla(0,0%,100%,.9);
  --button-text-color-white-hover: hsla(0,0%,100%,.8);
  --button-text-color-white-active: hsla(0,0%,100%,.9);
  --button-text-color-white-fade: hsla(0,0%,100%,.6);
  --button-text-color-white-disable: hsla(0,0%,100%,.6);
  --gradient-white: linear-gradient(270deg,hsla(0,0%,92%,0),hsla(0,0%,92%,.05));
  --error-color: #d32d2c;
  --error-color-90: rgba(211,45,44,.9);
  --error-color-80: rgba(211,45,44,.8);
  --error-color-70: rgba(211,45,44,.7);
  --error-color-60: rgba(211,45,44,.6);
  --error-color-50: rgba(211,45,44,.5);
  --error-color-40: rgba(233,42,16,.4);
  --error-color-30: rgba(233,42,16,.3);
  --error-color-20: rgba(233,42,16,.2);
  --error-color-10: rgba(211,45,44,.1);
  --game-card-text: #fff;
  --game-card-text-80: hsla(0,0%,100%,.8);
  --game-card-elements: #fff;
  --gradient-primarycolor: linear-gradient(180deg,#ffcd00,rgba(255,205,0,.2));
  --gradient-bg-block-vertical: linear-gradient(180deg,hsla(0,0%,8%,0),#141414 60%);
  --card-provider-gradient: linear-gradient(180deg,#252836,rgba(25,27,36,0) 46.8%);
  --gradient-shandow-sidebar-menu: linear-gradient(180deg,rgba(0,0,0,.6),transparent);
  --gradient-transparency-bg-block-horizontal: linear-gradient(90deg,#1e1e1e 40%,rgba(30,30,30,0));
  --gradient-transparency-bg-block-vertical: linear-gradient(180deg,#1e1e1e 40%,rgba(30,30,30,0));
  --gradient-bg-block-horizontal: linear-gradient(270deg,hsla(0,0%,8%,0),#141414 60%);
  --header-text-color: #fff;
  --header-text-color-90: hsla(0,0%,100%,.9);
  --header-text-color-80: hsla(0,0%,100%,.8);
  --header-text-color-70: hsla(0,0%,100%,.7);
  --header-text-color-60: hsla(0,0%,100%,.6);
  --header-text-color-50: hsla(0,0%,100%,.5);
  --header-text-color-40: hsla(0,0%,100%,.4);
  --header-text-color-30: hsla(0,0%,100%,.3);
  --header-text-color-20: hsla(0,0%,100%,.2);
  --header-text-color-10: hsla(0,0%,100%,.1);
  --header-text-color-5: hsla(0,0%,100%,.05);
  --input-stroke-color-default: #7a7a81;
  --input-stroke-color-hover: #909096;
  --input-stroke-color-focused: #d3d3d5;
  --input-stroke-color-filled: #a6a6ab;
  --input-stroke-color-desabled: #4d4d57;
  --light-effect-optical-100: #e9b352;
  --light-effect-optical-20: rgba(233,179,82,.2);
  --light-effect-optical-30: rgba(233,179,82,.3);
  --light-effect-optical-10: rgba(233,179,82,.1);
  --light-effect-radial: radial-gradient(50% 50% at 50% 50%,hsla(0,0%,100%,.2) 0%,hsla(0,0%,100%,0) 100%);
  --loader-gradient: linear-gradient(91deg,#4d4d57 15.56%,#999 25%,#4d4d57 37.1%);
  --outline-button-color-default: #fff;
  --outline-button-color-hover: hsla(0,0%,100%,.8);
  --outline-button-color-active: #fff;
  --outline-button-color-disabled: hsla(0,0%,100%,.4);
  --outline-fill-button-color-hover: hsla(0,0%,100%,.1);
  --outline-button-color-fade: hsla(0,0%,100%,.6);
  --primary-button-color-default: #e9b352;
  --primary-button-color-hover: #ffd486;
  --primary-button-color-active: #e9b352;
  --primary-button-color-disabled: #795f32;
  --primary-button-color-fade: #947339;
  --primary-button-color-stroke: linear-gradient(180deg,#e9b352,#ffd486);
  --primary-color: #e9b352;
  --primary-color-90: rgba(233,179,82,.9);
  --primary-color-80: rgba(233,179,82,.8);
  --primary-color-70: rgba(233,179,82,.7);
  --primary-color-60: rgba(233,179,82,.6);
  --primary-color-50: rgba(233,179,82,.5);
  --primary-color-40: rgba(233,179,82,.4);
  --primary-color-30: rgba(233,179,82,.3);
  --primary-color-20: rgba(233,179,82,.2);
  --primary-color-10: rgba(233,179,82,.1);
  --primary-color-hover: #ffd486;
  --primary2-button-color-default: linear-gradient(91deg,#f0d48c,#e8bc4e);
  --primary2-button-color-hover: linear-gradient(91deg,#e8bc4e,#f0d48c);
  --primary2-button-color-active: linear-gradient(91deg,#f0d48c,#e8bc4e);
  --primary2-button-color-disabled: linear-gradient(91deg,hsla(43,77%,75%,.4),rgba(232,188,78,.4));
  --primary2-gradient-gold-default: linear-gradient(91deg,#f0d48c,#e8bc4e);
  --primary2-solid-color-gold-100: #f6db75;
  --primary2-solid-color-gold-60: hsla(47,88%,71%,.6);
  --primary2-solid-color-gold-40: hsla(47,88%,71%,.4);
  --primary2-solid-color-gold-10: hsla(47,88%,71%,.1);
  --secondary-button-color-default: #303030;
  --secondary-button-color-hover: #404040;
  --secondary-button-color-active: #303030;
  --secondary-button-color-disabled: #272727;
  --secondary-color-hover: #3b3b3b;
  --secondary-color: #303030;
  --secondary-color-90: rgba(48,48,48,.9);
  --secondary-color-80: rgba(48,48,48,.8);
  --secondary-color-70: rgba(48,48,48,.7);
  --secondary-color-60: rgba(48,48,48,.6);
  --secondary-color-50: rgba(48,48,48,.5);
  --secondary-color-40: rgba(48,48,48,.4);
  --secondary-color-30: rgba(48,48,48,.3);
  --secondary-color-20: rgba(48,48,48,.2);
  --secondary-color-10: rgba(48,48,48,.1);
  --secondary2-button-color-default: #3c3c3c;
  --secondary2-button-color-hover: #434343;
  --secondary2-button-color-active: #3c3c3c;
  --secondary2-button-color-disabled: #333;
  --provider-card-gradient-default: linear-gradient(180deg,#292a30,rgba(41,42,48,0));
  --provider-card-gradient-hover: linear-gradient(180deg,rgba(41,42,48,0) 53%,#292a30);
  --sidebar-button-user-profile: radial-gradient(100% 66.8% at 0% 50%,rgba(59,59,63,.5) 0%,rgba(59,59,63,.1) 100%);
  --sidebar-button-user-profile-stroke: linear-gradient(90deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,0));
  --background-header: #141414;
  --background-sidebar: #1e1e1e;
  --sidebar-hidden-buttons-active-bg: #30311f;
  --sidebar-hidden-buttons-active-default: linear-gradient(103deg,#7b721e,#484315);
  --sidebar-hidden-buttons-active-hover: linear-gradient(103deg,#78721a,#453e0a);
  --sidebar-buttons-gradient1-default: radial-gradient(100% 66.8% at 0% 50%,#b57d2c 0%,#522e12 100%);
  --sidebar-buttons-gradient1-hover: radial-gradient(100% 66.8% at 0% 50%,rgba(181,125,44,.7) 0%,rgba(82,46,18,.7) 100%);
  --sidebar-buttons-gradient2-default: radial-gradient(100% 66.8% at 0% 50%,#64653b 0%,#383431 100%);
  --sidebar-buttons-gradient2-hover: radial-gradient(100% 66.8% at 0% 50%,rgba(100,101,59,.7) 0%,rgba(56,52,49,.7) 100%);
  --sidebar-buttons-gradient3-default: radial-gradient(100% 66.8% at 0% 50%,#d32d2c 0%,#2c2828 100%);
  --sidebar-buttons-gradient3-hover: radial-gradient(100% 66.8% at 0% 50%,rgba(211,45,44,.7) 0%,rgba(44,40,40,.7) 100%);
  --sidebar-buttons-gradient4-default: radial-gradient(100% 66.8% at 0% 50%,#6a4001 0%,#323338 100%);
  --sidebar-buttons-gradient4-hover: radial-gradient(100% 66.8% at 0% 50%,rgba(106,64,1,.7) 0%,rgba(50,51,56,.7) 100%);
  --sidebar-buttons-gradient5-default: radial-gradient(100% 66.8% at 0% 50%,#66467e 0%,#33263c 100%);
  --sidebar-buttons-gradient5-hover: radial-gradient(100% 66.8% at 0% 50%,rgba(102,70,126,.7) 0%,rgba(51,38,60,.7) 100%);
  --sidebar-text-colors: #fff;
  --sidebar-text-colors-90: hsla(0,0%,100%,.9);
  --sidebar-text-colors-80: hsla(0,0%,100%,.8);
  --sidebar-text-colors-70: hsla(0,0%,100%,.7);
  --sidebar-text-colors-60: hsla(0,0%,100%,.6);
  --sidebar-text-colors-50: hsla(0,0%,100%,.5);
  --sidebar-text-colors-40: hsla(0,0%,100%,.4);
  --sidebar-text-colors-30: hsla(0,0%,100%,.3);
  --sidebar-text-colors-20: hsla(0,0%,100%,.2);
  --sidebar-text-colors-10: hsla(0,0%,100%,.1);
  --sidebar-text-color-5: hsla(0,0%,100%,.05);
  --success-color: #37d37f;
  --success-color-90: rgba(55,211,127,.9);
  --success-color-80: rgba(55,211,127,.8);
  --success-color-70: rgba(55,211,127,.7);
  --success-color-60: rgba(55,211,127,.6);
  --success-color-50: rgba(55,211,127,.5);
  --success-color-40: rgba(55,211,127,.4);
  --success-color-30: rgba(55,211,127,.3);
  --success-color-20: rgba(55,211,127,.2);
  --success-color-10: rgba(55,211,127,.1);
  --toggle-gradient: linear-gradient(180deg,#fff,#b0b0b0);
  --white-gradient-buttons: linear-gradient(270deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0) 70.32%);
  --light-bronze-lucky-spin-button: 0px 0px 8px rgba(255,233,169,.6);
  --winner-effect: 0px 0px 12px #25262b;
  --light-silver-lucky-spin-button: 0px 0px 8px rgba(222,227,230,.6);
  --extra-light: 0px 0px 20px #e60022;
  --shandow-md: 0px 0px 15px rgba(0,0,0,.5);
  --light-gold-lucky-spin-button: 0px 0px 8px rgba(255,205,0,.5);
  --blur-bg-modalwindow: blur(10px);
  --light-button-primary: 0px 0px 15px rgba(255,205,0,.4);
  --blur-bg-game: blur(2.5px);
  --light-button-primary-2: 0px 0px 15px hsla(47,88%,71%,.3);
  --shandow-s: 0px 6px 20px rgba(0,0,0,.2);
  --shandow-lg: 0px 0px 20px rgba(0,0,0,.6) ;
}

.uikit__button {
  --uikit-button-border-radius: 8px;
  --uikit-button-border-width: 2px;
  --uikit-button-font-family: inherit;
  --uikit-button-font-weight: bold;
  --uikit-button-padding-y: 6px;
  --uikit-button-padding-x: 12px;
  --uikit-button-font-size: 14px;
  --uikit-button-sm-padding-y: 3px;
  --uikit-button-sm-padding-x: 6px;
  --uikit-button-sm-font-size: 10px;
  --uikit-button-lg-padding-y: 12px;
  --uikit-button-lg-padding-x: 20px;
  --uikit-button-lg-font-size: 14px;
  --uikit-button-lg-line-height: 16px;
  --uikit-button-color: var(--base-color-90);
  --uikit-button-hover-background-color: var(--base-color-50);
  --uikit-button-background-color: var(--base-color-30);
  --uikit-button-disabled-color: var(--base-color-20);
  --uikit-button-active-background-color: var(--base-color-10);
  --uikit-button-primary-color: var(--button-text-color-black-default);
  --uikit-button-primary-background-color: var(--primary-button-color-default);
  --uikit-button-primary-hover-color: var(--button-text-color-black-hover);
  --uikit-button-primary-background-hover-color: var(--primary-button-color-hover);
  --uikit-button-primary-disabled-color: var(--button-text-color-black-disable);
  --uikit-button-primary-background-disabled-color: var(--primary-button-color-disabled);
  --uikit-button-primary-loading-background-color: var(--primary-button-color-hover);
  --uikit-button-primary-active-backround-color: var(--primary-button-color-active);
  --uikit-button-primary-active-color: var(--button-text-color-black-active);
  --uikit-button-primary-transparent-color: var(--primary-color);
  --uikit-button-primary-transparent-active-color: var(--primary-color);
  --uikit-button-primary-outline-color: var(--primary-color);
  --uikit-button-primary-outline-hover-color: var(--primary-color-90);
  --uikit-button-primary-faded-color: var(--button-text-color-black-fade);
  --uikit-button-primary-faded-background-color: var(--primary-button-color-fade);
  --uikit-button-primary-faded-hover-color: var(--button-text-color-black-hover);
  --uikit-button-primary-faded-background-hover-color: var(--primary-button-color-hover);
  --uikit-button-primary-faded-disabled-color: var(--button-text-color-black-disable);
  --uikit-button-primary-faded-background-disabled-color: var(--primary-button-color-disabled);
  --uikit-button-primary-faded-active-color: var(--button-text-color-black-fade);
  --uikit-button-primary-faded-active-background-color: var(--primary-button-color-fade);
  --uikit-button-primary2-color: var(--button-text-color-black-default);
  --uikit-button-primary2-background-color: var(--primary2-button-color-default);
  --uikit-button-primary2-hover-color: var(--button-text-color-black-hover);
  --uikit-button-primary2-background-hover-color: var(--primary2-button-color-hover);
  --uikit-button-primary2-disabled-color: var(--button-text-color-black-disable);
  --uikit-button-primary2-background-disabled-color: var(--primary2-button-color-disabled);
  --uikit-button-primary2-active-color: var(--button-text-color-black-active);
  --uikit-button-primary2-active-background-color: var(--primary2-button-color-active);
  --uikit-button-secondary-color: var(--button-text-color-white-default);
  --uikit-button-secondary-background-color: var(--secondary-button-color-default);
  --uikit-button-secondary-hover-color: var(--button-text-color-white-hover);
  --uikit-button-secondary-background-hover-color: var(--secondary-button-color-hover);
  --uikit-button-secondary-disabled-color: var(--button-text-color-white-disable);
  --uikit-button-secondary-background-disabled-color: var(--secondary-button-color-disabled);
  --uikit-button-secondary-active-background-color: var(--secondary-button-color-active);
  --uikit-button-secondary-active-color: var(--button-text-color-white-active);
  --uikit-button-secondary-outline-color: var(--base-color-80);
  --uikit-button-secondary-outline-hover-background: var(--base-color-10);
  --uikit-button-secondary-outline-active-color: var(--secondary-color-20);
  --uikit-button-secondary-outline-hover-color: var(--base-color);
  --uikit-button-secondary2-color: var(--button-text-color-white-default);
  --uikit-button-secondary2-background-color: var(--secondary2-button-color-default);
  --uikit-button-secondary2-hover-color: var(--button-text-color-white-hover);
  --uikit-button-secondary2-background-hover-color: var(--secondary2-button-color-hover);
  --uikit-button-secondary2-disabled-color: var(--button-text-color-white-disable);
  --uikit-button-secondary2-background-disabled-color: var(--secondary2-button-color-disabled);
  --uikit-button-secondary2-active-color: var(--button-text-color-white-active);
  --uikit-button-secondary2-active-background-color: var(--secondary2-button-color-active);
  --uikit-button-transparent-color: var(--base-color-60);
  --uikit-button-transparent-active-color: var(--base-color-60);
  --uikit-button-transparent-disabled-color: var(--base-color-20);
  --uikit-button-transparent-hover-color: var(--base-color);
  --uikit-button-outline-color: var(--outline-button-color-default);
  --uikit-button-outline-hover-color: var(--outline-button-color-hover);
  --uikit-button-outline-background-hover-color: var(--outline-fill-button-color-hover);
  --uikit-button-outline-active-color: var(--outline-button-color-active);
  --uikit-button-outline-disabled-color: var(--outline-button-color-disabled);
  --uikit-button-outline-fade-color: var(--outline-button-color-fade);
  transition: color, background-color, background 0.3s;
}

@media (min-width: 481px) {
  .uikit__button {
    --uikit-button-padding-y:7px;
    --uikit-button-padding-x: 16px;
    --uikit-button-font-size: 14px;
    --uikit-button-sm-padding-y: 3px;
    --uikit-button-sm-padding-x: 8px;
    --uikit-button-sm-font-size: 11px ;
  }
}
@media (min-width: 1025px) {
  .uikit__button {
    --uikit-button-padding-y:9px;
    --uikit-button-padding-x: 22px;
    --uikit-button-font-size: 14px;
    --uikit-button-sm-padding-y: 3px;
    --uikit-button-sm-padding-x: 30px;
    --uikit-button-sm-font-size: 14px ;
  }
}
.uikit__button[data-color=primary]:not([data-transparent], [data-outline], :disabled) {
  transition: box-shadow 0.3s;
}

.uikit__button[data-color=primary]:not([data-transparent], [data-outline], :disabled):hover {
  box-shadow: none;
}

.uikit__button[data-size=large] > svg:only-child {
  margin: 0 -8px;
}

.uikit__header_menu {
  --uikit-header-menu-underline-height: 2px;
  align-items: center;
  display: none;
}

.uikit__header_menu__menu_item {
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}

@media (min-width: 769px) {
  .uikit__header_menu {
    display: grid;
  }
}
:root {
  --uikit-input-color: var(--base-color-90);
  --uikit-input-error-color: var(--error-color-80);
  --uikit-input-radius: 8px;
  --uikit-input-padding-x: 20px;
  --uikit-input-border-width: 2px;
  --uikit-input-border-color: var(--input-stroke-color-default);
  --uikit-input-border-active-color: var(--input-stroke-color-focused);
  --uikit-input-border-valid-color: var(--input-stroke-color-filled);
  --uikit-input-border-error-color: var(--error-color-80);
  --uikit-input-border-hover-color: var(--input-stroke-color-hover);
  --uikit-input-placeholder-color: var(--base-color-60);
  --uikit-input-placeholder-active-color: var(--input-stroke-color-focused);
  --uikit-input-placeholder-focused-color: var(--base-color-60);
  --uikit-input-placeholder-valid-color: var(--input-stroke-color-filled);
  --uikit-input-placeholder-hover-color: var(--base-color-80);
  --uikit-input-placeholder-error-color: var(--base-color-80);
  --uikit-input-placeholder-focused-error-color: var(--error-color-80);
  --uikit-input-legend-padding-x: 4px;
  --uikit-input-legend-offset: -6px;
  --uikit-input-carret-color: var(--base-color);
  --uikit-input-end-icon-offset: 14px;
  --uikit-input-helper-padding: 2px 10px;
  --uikit-input-helper-line-height: 16px;
  --uikit-input-icon-color: var(--input-stroke-color-default);
  --uikit-input-icon-hover-color: var(--input-stroke-color-focused);
  --uikit-input-height: 44px ;
}

.uikit__select__button {
  padding-right: 12px;
}

 .uikit__select__button:disabled {
  color: var(--base-color-40);
}

 .uikit__select button[disabled] > .uikit__select__icon_end {
  font-size: 22px;
}

.uikit__dropdown {
  --uikit-dropdown-padding-x: 3px;
  --uikit-dropdown-padding-y: 8px;
  --uikit-dropdown-background: var(--background-block);
  --uikit-dropdown-radius: 8px;
  --uikit-dropdown-content-max-height: 180px;
  --uikit-dropdown-content-font-weight: 500;
  --uikit-dropdown-checkmark: var(--button-text-color-black-default);
  width: auto;
}

.uikit__dropdown__content {
  margin: 0 -2px 0 -3px;
  padding: 0 3px;
  width: auto;
}

.uikit__dropdown__content::-webkit-scrollbar {
  height: 3px;
  width: 3px;
}

.uikit__dropdown__content::-webkit-scrollbar-thumb {
  border-radius: 20px;
}
.uikit__tooltip {
  background: var(--background-block-additional);
  border: 1px solid var(--base-color-10);
  border-radius: 8px;
  box-shadow: var(--shandow-lg);
  color: var(--base-color-80);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 16px;
  white-space: normal;
  z-index: var(--z-index-tooltip-default);
}

.uikit__accordion__border {
  background: var(--background-block);
  border: 1px solid var(--base-color-5);
  color: var(--base-color);
}

.uikit__accordion__header__border {
  background: var(--background-block-additional);
  color: var(--base-color-90);
}

@media (hover: hover) and (pointer: fine) {
  .uikit__accordion__header__border:hover {
    background: linear-gradient(var(--base-color-5), var(--base-color-5)), var(--background-block-additional) !important;
  }
}
.uikit__button.uikit__button__banner {
  --uikit-button-outline-color: var(--banner-color-60);
  --uikit-button-outline-hover-color: var(--banner-color-80);
  --uikit-button-outline-active-color: var(--banner-color-60);
  box-shadow: inset 0 0 14.86px 0 rgba(253, 215, 43, 0.3);
  transition: box-shadow 0.3s;
}

@media (hover: hover) and (pointer: fine) {
  .uikit__button__banner[data-transparent=true]:hover {
    background: transparent !important;
    box-shadow: inset 0 0 14.86px 0 rgba(253, 215, 43, 0.6);
  }
}
.uikit__shadow_button[data-color=blue] {
  outline: 1px solid var(--primary-color-30);
  outline-offset: -1px;
}

@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  src: url("../../fonts/Inter/Inter-Thin.fff2a096db014f6239d4.woff2") format("woff2"), url("../../fonts/Inter/Inter-Thin.29b9c616a95a912abf73.woff") format("woff"), url("../../fonts/Inter/Inter-Thin.ce527d9d96bea5cb1966.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: italic;
  font-weight: 100;
  src: url("../../fonts/Inter/Inter-ThinItalic.bf213704dce6b437ede4.woff2") format("woff2"), url("../../fonts/Inter/Inter-ThinItalic.bae95eb2f889c797e435.woff") format("woff"), url("../../fonts/Inter/Inter-ThinItalic.2c96bf71ce6b7b6f74f0.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  src: url("../../fonts/Inter/Inter-ExtraLight.72505e6a122c6acd5471.woff2") format("woff2"), url("../../fonts/Inter/Inter-ExtraLight.c4248615291a9e8f1fb7.woff") format("woff"), url("../../fonts/Inter/Inter-ExtraLight.ec452e9550a33c0393a3.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: italic;
  font-weight: 200;
  src: url("../../fonts/Inter/Inter-ExtraLightItalic.5c7d7d6deb1d2ec8d48c.woff2") format("woff2"), url("../../fonts/Inter/Inter-ExtraLightItalic.170dddfca278d3c2ad4a.woff") format("woff"), url("../../fonts/Inter/Inter-ExtraLightItalic.9ff635aac08408a0fcae.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  src: url("../../fonts/Inter/Inter-Light.2d5198822ab091ce4305.woff2") format("woff2"), url("../../fonts/Inter/Inter-Light.994e34451cc19ede31d3.woff") format("woff"), url("../../fonts/Inter/Inter-Light.f70b465fac229d73e982.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: italic;
  font-weight: 300;
  src: url("../../fonts/Inter/Inter-LightItalic.f86952265d7b0f02c921.woff2") format("woff2"), url("../../fonts/Inter/Inter-LightItalic.ef9f65d91d2b0ba9b2e4.woff") format("woff"), url("../../fonts/Inter/Inter-LightItalic.34c3d717a3b48f28b788.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/Inter/Inter-Regular.c8ba52b05a9ef10f4758.woff2") format("woff2"), url("../../fonts/Inter/Inter-Regular.8c206db99195777c6769.woff") format("woff"), url("../../fonts/Inter/Inter-Regular.a416f4674fad5f019461.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: italic;
  font-weight: 400;
  src: url("../../fonts/Inter/Inter-Italic.cb10ffd7684cd9836a05.woff2") format("woff2"), url("../../fonts/Inter/Inter-Italic.890025e726861dba417f.woff") format("woff"), url("../../fonts/Inter/Inter-Italic.78529c1946e52095fabb.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/Inter/Inter-Medium.293fd13dbca5a3e450ef.woff2") format("woff2"), url("../../fonts/Inter/Inter-Medium.9053572c46aeb4b16caa.woff") format("woff"), url("../../fonts/Inter/Inter-Medium.16eda82a3c37a6edda09.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: italic;
  font-weight: 500;
  src: url("../../fonts/Inter/Inter-MediumItalic.085cb93e613ba3d40d2b.woff2") format("woff2"), url("../../fonts/Inter/Inter-MediumItalic.3d0107dd43d0101274d3.woff") format("woff"), url("../../fonts/Inter/Inter-MediumItalic.e00d5fc2f114498cbe5a.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src: url("../../fonts/Inter/Inter-SemiBold.b5f0f109bc88052d4000.woff2") format("woff2"), url("../../fonts/Inter/Inter-SemiBold.cca62d21c8c555c392e5.woff") format("woff"), url("../../fonts/Inter/Inter-SemiBold.3aa40e610d938943736b.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: italic;
  font-weight: 600;
  src: url("../../fonts/Inter/Inter-SemiBoldItalic.d9467ee321a8f38aefff.woff2") format("woff2"), url("../../fonts/Inter/Inter-SemiBoldItalic.463bdbfb28abad0fa6df.woff") format("woff"), url("../../fonts/Inter/Inter-SemiBoldItalic.e38e27f283c11f08ebd7.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/Inter/Inter-Bold.ec64ea577b0349e055ad.woff2") format("woff2"), url("../../fonts/Inter/Inter-Bold.93c1301bd9f486c573b3.woff") format("woff"), url("../../fonts/Inter/Inter-Bold.29a77b7e0aa49b534323.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: italic;
  font-weight: 700;
  src: url("../../fonts/Inter/Inter-BoldItalic.2d26c56a606662486796.woff2") format("woff2"), url("../../fonts/Inter/Inter-BoldItalic.b376885042f6c961a541.woff") format("woff"), url("../../fonts/Inter/Inter-BoldItalic.a7b09443b13b6bc0f59e.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  src: url("../../fonts/Inter/Inter-ExtraBold.cbe0ae49c52c920fd563.woff2") format("woff2"), url("../../fonts/Inter/Inter-ExtraBold.d0fa3bb2b7c9063dc594.woff") format("woff"), url("../../fonts/Inter/Inter-ExtraBold.c5677e3dd6a827174876.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: italic;
  font-weight: 800;
  src: url("../../fonts/Inter/Inter-ExtraBoldItalic.535a6cf662596b3bd6a6.woff2") format("woff2"), url("../../fonts/Inter/Inter-ExtraBoldItalic.6ab17abedc4d3f140953.woff") format("woff"), url("../../fonts/Inter/Inter-ExtraBoldItalic.d04ebc64054ce0690624.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  src: url("../../fonts/Inter/Inter-Black.15ca31c0a2a68f76d2d1.woff2") format("woff2"), url("../../fonts/Inter/Inter-Black.c6938660eec019fefd68.woff") format("woff"), url("../../fonts/Inter/Inter-Black.b2a2b192860f79c0b89c.otf") format("opentype");
}
@font-face {
  font-display: swap;
  font-family: Inter;
  font-style: italic;
  font-weight: 900;
  src: url("../../fonts/Inter/Inter-BlackItalic.cb2a7335650c690077fe.woff2") format("woff2"), url("../../fonts/Inter/Inter-BlackItalic.ca1e738e4f349f27514d.woff") format("woff"), url("../../fonts/Inter/Inter-BlackItalic.301462cf60c6e1073dc9.otf") format("opentype");
}
* {
  font-family: Inter, sans-serif !important;
}

body, html {
  background-color: var(--background-color);
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  font-family: Inter, sans-serif;
  height: 100%;
  height: 100dvh;
  margin: 0;
  overflow: hidden;
  overscroll-behavior: contain;
  padding: 0;
  padding: var(--app-header-height, 0) var(--app-offset-right, 0) var(--app-mobile-menu-height, 0) var(--app-offset-left, 0);
  width: 100%;
}

#root {
  background: inherit;
}

#root, main {
  height: 100%;
}

main {
  container-name: body;
  container-type: inline-size;
  overflow: auto;
}

button, input, textarea {
  font-family: inherit;
}

::-webkit-scrollbar {
  height: var(--app-scroll-height);
  width: var(--app-scroll-width);
}

::-webkit-scrollbar-track {
  background: var(--base-color-10);
  border-radius: var(--app-scroll-width);
}

::-webkit-scrollbar-thumb {
  background-color: var(--base-color-20);
  border-radius: var(--app-scroll-width);
}

@keyframes move-gradient {
  0% {
    background-position: 70% 0;
  }
  to {
    background-position: -130% 0;
  }
}
.placeholder {
  animation: move-gradient 2.8s linear infinite;
  background: var(--loader-gradient);
  background-size: 200% 100%;
  will-change: background-position;
}

:root {
  --filter-payment-color: brightness(0) invert(1) opacity(0.3);
  --filter-payment-mobile-color: brightness(0) invert(1) opacity(0.6) ;
}

html {
  -webkit-text-size-adjust: 100%;
}

:where(:not(html, iframe, canvas, img, svg, video, audio, svg *, symbol *)) {
  all: unset;
  display: revert;
}

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

a, button {
  cursor: revert;
}

menu, ul {
  -webkit-padding-start: 40px;
  list-style: none;
  padding-inline-start: 40px;
}

img {
  max-inline-size: 100%;
}

table {
  border-collapse: collapse;
}

input, textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

::-moz-placeholder {
  color: inherit;
}

::placeholder {
  color: inherit;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

@supports (scrollbar-width: thin) {
  * {
    scrollbar-color: var(--base-color-20) var(--background-color);
    scrollbar-width: thin;
  }
}
:root {
  --z-index-negative: -1;
  --z-index-default: 0;
  --z-index-positive: 1;
  --z-index-tooltip-default: 1;
  --z-index-uikit-popover: 1;
  --z-index-uikit-select-option-tooltip: 1;
  --z-index-tooltip-overlap: 2;
  --z-index-support-button: 8;
  --z-index-drawer: 9;
  --z-index-drawer-container: 9;
  --z-index-header: 10;
  --z-index-dots: 10;
  --z-index-search-modal: 11;
  --z-index-cookie: 12;
  --z-index-uikit-select-dropdown: 15;
  --z-index-uikit-modal-overlay: 15;
  --z-index-mobile-menu: 16;
  --z-index-chat-elements: 17;
  --z-index-uikit-datepicker: 100;
  --z-index-uikit-notification: 101;
  --app-header-height: 0px;
  --app-offset-right: 0px;
  --app-offset-left: 0px;
  --card-tag-unit: 1cqi;
  --mutable-light-effect-optical: var(--light-effect-optical-20);
  --mutable-notification-color: var(--primary-color);
  --app-mobile-menu-width: 0px;
  --app-mobile-menu-height: 0px;
  --app-big-banner-hight: 280px;
  --app-small-banners-hight: 56.01vw;
  --app-scroll-width: 3px;
  --app-scroll-height: 3px;
  --overlay-dark-color: rgba(30,30,30,.6);
  --custom-shadow-38: rgba(0,0,0,.38);
  --base-color-0: hsla(0,0%,100%,0);
  --background-block-0: rgba(30,30,30,0);
  --mutable-play-button: var(--button-text-color-black-default);
  --mutable-play-button-hover: var(--button-text-color-black-hover);
  --mutable-tag-text: var(--button-text-color-black-default);
  --mutable-checkbox-checkmark: var(--button-text-color-black-default);
  --mutable-badge-text: var(--button-text-color-black-default);
  --mutable-stepper-active-text: var(--button-text-color-black-default);
  --mutable-light-effect-optical: var(--light-effect-optical-10);
  --mutable-notification-color: var(--aditional-colors-new) ;
}

@media (min-width: 481px) {
  :root {
    --app-big-banner-hight:542px ;
  }
}
@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  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");
}
:root {
  --swiper-theme-color: #007aff ;
}

.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: ease;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1;
}

 .swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

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

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: auto;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}

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

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

.swiper-pagination-bullet {
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}

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

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

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

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

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

.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}

.ql-clipboard {
  height: 1px;
  left: -100000px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  word-wrap: break-word;
  box-sizing: border-box;
  height: 100%;
  line-height: 1.42;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
}

.ql-editor > * {
  cursor: text;
}

 .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor p, .ql-editor ul {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  margin: 0;
  padding: 0;
}

 .ql-editor ul {
  padding-left: 1.5em;
}

 .ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li:before {
  content: "•";
}

.ql-editor li:before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl):before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

 .ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-snow, .ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor code {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

body:has(> div[id=modal-portal] > .uikit__modal__overlay[id=registration-modal]) {
  --app-mobile-menu-height: 0!important ;
}
.stylesmodule__moderation___csHeP {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}

.stylesmodule__logos___MdiFC {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  text-align: center;
}

.stylesmodule__logos___MdiFC a {
  display: flex;
}

.stylesmodule__logos___MdiFC img {
  height: 49px;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
}

@container body (min-width: 769px) {
  .stylesmodule__logos___MdiFC {
    justify-content: flex-end;
  }
}
.stylesmodule__commonInfo___fvaR {
  border-top: 1px solid var(--base-color-10);
  display: flex;
  flex-direction: column;
  font-weight: 400;
  gap: 14px;
  justify-content: center;
  margin-top: 24px;
  padding-top: 20px;
}

.stylesmodule__description___ZAw4k {
  color: var(--base-color-60);
  display: flex;
  flex-direction: column;
  font-size: 12px;
  gap: 10px;
  line-height: 1.5;
  text-align: center;
}

.stylesmodule__moderation___tQWmk {
  display: none;
}

@container body (min-width: 481px) {
  .stylesmodule__commonInfo___fvaR {
    font-weight: 500;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__commonInfo___fvaR, .stylesmodule__description___ZAw4k {
    text-align: center;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__commonInfo___fvaR {
    grid-gap: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    padding-top: 30px;
  }
  .stylesmodule__description___ZAw4k {
    text-align: left;
  }
  .stylesmodule__moderation___tQWmk {
    display: flex;
  }
}
.stylesmodule__linksBlock___fcMRn {
  background-color: var(--background-block);
  border-bottom: 1px solid var(--base-color-5);
  border-top: 1px solid var(--base-color-5);
  box-shadow: var(--shandow-s);
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
  justify-content: space-between;
  margin: 0 -20px;
  overflow: hidden;
  padding: 30px 20px;
}

.stylesmodule__licence___UIngr {
  flex: 1 1;
  min-width: 40%;
}

.stylesmodule__blocks___b45V {
  display: flex;
  flex-grow: 1000;
  flex-wrap: wrap;
  gap: 30px 120px;
}

.stylesmodule__block___jlLS {
  grid-gap: 16px;
  display: grid;
  flex: 1 1 auto;
  gap: 16px;
  grid-auto-flow: row;
  grid-auto-rows: min-content;
  position: relative;
}

.stylesmodule__block___jlLS:before {
  border-left: 1px solid var(--base-color-10);
  content: "";
  height: 100%;
  left: -60px;
  position: absolute;
}

.stylesmodule__title___vI7T9 {
  color: var(--base-color-80);
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}

.stylesmodule__list___RdWYt {
  grid-gap: 12px 50px;
  align-items: flex-start;
  display: grid;
  gap: 12px 50px;
  grid-auto-flow: row;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(2, minmax(min-content, max-content));
}

.stylesmodule__contact___ytDOU, .stylesmodule__link___NJEfO {
  word-wrap: break-word;
  color: var(--base-color-80);
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  text-decoration: initial;
}

.stylesmodule__contact___ytDOU {
  align-items: center;
  background-color: transparent;
  border: none;
  display: flex;
  padding: 0;
}

.stylesmodule__contact___ytDOU > svg {
  margin-right: 10px;
  width: 22px;
}

@container body (min-width: 481px) {
  .stylesmodule__contact___ytDOU, .stylesmodule__link___NJEfO {
    font-size: 16px;
  }
  .stylesmodule__linksBlock___fcMRn {
    border: 1px solid var(--base-color-5);
    border-radius: 12px;
    margin: 0;
    padding: 30px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__linksBlock___fcMRn {
    display: flex;
    gap: 40px 120px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__licence___UIngr {
    min-width: 550px;
  }
  .stylesmodule__linksBlock___fcMRn {
    padding: 48px 40px 46px;
  }
}
@container body (min-width: 1921px) {
  .stylesmodule__blocks___b45V {
    flex-grow: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .stylesmodule__contact___ytDOU:focus, .stylesmodule__contact___ytDOU:hover, .stylesmodule__link___NJEfO:focus, .stylesmodule__link___NJEfO:hover {
    color: var(--base-color);
    cursor: pointer;
  }
}
.stylesmodule__logoContainer___a67PS {
  display: flex;
}

.stylesmodule__text___9G {
  color: var(--base-color-80);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 20px;
}

@container body (min-width: 481px) {
  .stylesmodule__text___9G {
    font-size: 14px;
  }
}
.stylesmodule__footer___tXImh {
  margin: auto 0 0;
  padding: 0 20px 20px;
}

.stylesmodule__moderation___CR9C2 {
  flex-direction: column;
  justify-content: center;
  margin-top: 30px;
}

@container body (min-width: 481px) {
  .stylesmodule__footer___tXImh {
    padding: 0 30px 20px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__moderation___CR9C2 {
    display: none;
  }
  .stylesmodule__footer___tXImh {
    padding: 0 20px 20px;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__footer___tXImh {
    padding: 0 30px 20px;
  }
}
.stylesmodule__layout___1HLw {
  color: var(--base-color);
  display: flex;
  flex-direction: column;
  gap: 60px;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
  position: relative;
}

.stylesmodule__content___Gytdh > :last-child {
  margin-bottom: 0;
}

@container body (min-width: 769px) {
  .stylesmodule__layout___1HLw {
    gap: 80px;
  }
}
.stylesmodule__pageLayout___zwo9e {
  background: var(--background-block);
  box-sizing: border-box;
  color: var(--base-color);
  margin: 0 auto;
  max-width: 1670px;
  padding: 50px 20px;
  scroll-margin-top: inherit;
  width: 100%;
}

@container body (min-width: 26.938rem) {
  .stylesmodule__pageLayout___zwo9e {
    padding: 50px 30px;
  }
}
@container body (min-width: 78.813rem) {
  .stylesmodule__pageLayout___zwo9e {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    padding-bottom: 0;
  }
}

.stylesmodule__additional___cS49M {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  max-width: 468px;
  padding: 40px 0;
  width: 100%;
}

.stylesmodule__additionalRow___Cl7wn {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  line-height: 20px;
  position: relative;
}

.stylesmodule__additionalRowLabel___KHfOX {
  color: var(--base-color-80);
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  width: -moz-max-content;
  width: max-content;
}

.stylesmodule__additionalRowValue___SyRE2 {
  color: var(--base-color);
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  width: -moz-max-content;
  width: max-content;
}

.stylesmodule__additionalRow___Cl7wn:not(:last-child, :has(div[id=table])):after {
  border-top: 1px solid var(--base-color-10);
  bottom: -12px;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}

.stylesmodule__additionalRow___Cl7wn:has(+ .stylesmodule__additionalRow___Cl7wn div[id=table]):after {
  display: none;
}

@media (min-width: 481px) {
  .stylesmodule__additionalRowLabel___KHfOX {
    font-size: 14px;
  }
  .stylesmodule__additionalRowValue___SyRE2 {
    font-size: 16px;
  }
}
@media (min-width: 769px) {
  .stylesmodule__additional___cS49M {
    border: 1px solid var(--block-stroke);
    border-radius: 0 20px 20px 0;
    height: 100%;
    max-width: 600px;
    padding: 50px;
  }
}

@keyframes stylesmodule__pulsate___dYtZ {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.stylesmodule__container___tzb2p .ql-container {
  border: none !important;
  font-family: inherit;
  overflow: hidden;
}

.stylesmodule__container___tzb2p .ql-editor {
  padding: 0;
}

 .stylesmodule__container___tzb2p ul {
  padding-left: 0 !important;
}

.stylesmodule__container___tzb2p h1, .stylesmodule__container___tzb2p h2 {
  font-weight: 700;
}

.stylesmodule__container___tzb2p s {
  text-decoration: line-through;
}

.stylesmodule__container___tzb2p a {
  color: var(--primary-color) !important;
}

:root {
  --animation-duration: 0.3s ;
}

.stylesmodule__game___RG88F {
  aspect-ratio: 1;
  border-radius: 12px;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}

.stylesmodule__cardContainer___ZyKUp {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  container-type: size;
  flex-direction: column;
  width: 100%;
}

.stylesmodule__cardContainer___ZyKUp, .stylesmodule__iconContainer___Cpw5S {
  border-radius: inherit;
  display: flex;
  height: 100%;
  overflow: inherit;
  position: relative;
}

.stylesmodule__icon___Kq7s2 {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  transform: scale(1);
  transition: transform 0.3s;
  transition: transform var(--animation-duration);
  width: 100%;
}

.stylesmodule__icon___Kq7s2:not([src]) {
  height: 0;
  width: 0;
}

.stylesmodule__iconOverlay___DV7v2 {
  align-items: center;
  background-color: var(--bg-hover-game-card);
  flex-direction: column;
  inset: 0;
  justify-content: center;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s;
  transition: opacity var(--animation-duration);
}

.stylesmodule__tags___W9x53 {
  color: var(--game-card-elements);
  display: flex;
  gap: 8px;
  position: absolute;
  transform: translateZ(0);
}

div[data-is-wide] .stylesmodule__tags___W9x53 {
  --card-tag-unit: 1cqh ;
}

.stylesmodule__tagsTop___g6ZL {
  left: max(4cqh, 6px);
  top: max(4cqh, 6px);
}

.stylesmodule__tags___W9x53 > div {
  border-radius: 4px;
  cursor: default;
  font-size: max(4.9cqi, 10px);
  font-size: max(var(--card-tag-unit, 1cqi) * 4.9, 10px);
  font-weight: 700;
  line-height: normal;
  padding: 4px 8px;
  text-transform: uppercase;
}

.stylesmodule__description___hle1t {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.5cqh;
  margin-bottom: 4.7cqh;
  text-align: center;
  width: 100%;
}

.stylesmodule__gameTitle___priCL {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--game-card-text);
  display: -webkit-box;
  font-size: 8cqh;
  font-weight: 700;
  line-height: normal;
  overflow: hidden;
  padding: 0 12cqh;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.stylesmodule__gameProviderTitle___uhUrt {
  color: var(--game-card-text-80);
  font-size: 4.87cqh;
  font-weight: 600;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__demoButton___Wu4w8:hover {
    color: var(--game-card-text-80);
  }
}

.stylesmodule__playButton___J4g4u {
  align-items: center;
  box-shadow: var(--light-button-primary);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  inset: 0;
  justify-content: center;
  padding: 0;
  position: absolute;
}

.stylesmodule__playButton___J4g4u svg {
  color: var(--mutable-play-button);
  flex-shrink: 0;
  font-size: 8.6cqh;
  height: 1em;
  width: 1em;
}

.stylesmodule__demoButton___Wu4w8 {
  background-color: transparent;
  border: none;
  color: var(--game-card-text);
  cursor: pointer;
  display: none;
  font-size: 4.82cqh;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 9.41cqh;
  text-decoration: underline;
  text-transform: uppercase;
}

@media (min-width: 769px) and (min-height: 481px) {
  .stylesmodule__demoButton___Wu4w8 {
    display: inline;
    display: initial;
  }
  .stylesmodule__playButton___J4g4u {
    border-radius: 50%;
    font-size: 21.57cqh;
    height: 1em;
    inset: unset;
    position: static;
    width: 1em;
  }
  .stylesmodule__iconOverlay___DV7v2 {
    display: flex;
  }
}
@media (min-width: 769px) and (min-height: 481px) and (hover: hover) and (pointer: fine) {
  .stylesmodule__game___RG88F:hover .stylesmodule__icon___Kq7s2 {
    transform: scale(1.05);
  }
  .stylesmodule__game___RG88F:hover .stylesmodule__iconOverlay___DV7v2 {
    -webkit-backdrop-filter: var(--blur-bg-game);
    backdrop-filter: var(--blur-bg-game);
    opacity: 1;
    z-index: var(--z-index-tooltip-default);
  }
  .stylesmodule__game___RG88F:hover .stylesmodule__playButton___J4g4u {
    animation: stylesmodule__scale-animation___UjMJV 0.45s forwards;
    animation: stylesmodule__scale-animation___UjMJV calc(var(--animation-duration) * 1.5) forwards;
  }
}
@keyframes stylesmodule__scale-animation___UjMJV {
  0% {
    transform: scale(1.4);
  }
  to {
    transform: scale(1);
  }
}
@media (hover: hover) and (pointer: fine) {
  .stylesmodule__playButton___J4g4u:not(:disabled) {
    box-shadow: var(--light-button-primary) !important;
  }
  .stylesmodule__playButton___J4g4u:hover svg {
    color: var(--mutable-play-button-hover);
  }
}
@media (hover: none) or (pointer: coarse) {
  .stylesmodule__playButton___J4g4u {
    border-radius: 0;
    border-radius: initial;
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
  }
}
.stylesmodule__showMore___jHXqP {
  font-size: 12px;
  font-weight: 600;
  gap: 10px;
  margin: 14px auto 0;
}

.stylesmodule__showMore___jHXqP:disabled {
  border: initial;
}

@media (min-width: 481px) {
  .stylesmodule__showMore___jHXqP {
    font-size: 14px;
    margin-top: 20px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__showMore___jHXqP {
    margin-top: 24px;
  }
}
.stylesmodule__wrapper___epJS {
  display: flex;
  height: 190px;
  margin-bottom: 20px;
}

.stylesmodule__container___nYosI {
  align-items: center;
  display: flex;
  height: 190px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: var(--z-index-default);
}

.stylesmodule__wrapper___epJS:first-child > .stylesmodule__container___nYosI:before {
  top: -60px;
}

.stylesmodule__container___nYosI:before {
  background: radial-gradient(50% 50% at 50% 50%, hsla(0, 0%, 8%, 0) 0, var(--background-color) 100%);
  content: "";
  inset: 0;
  position: absolute;
  z-index: var(--z-index-negative);
}

.stylesmodule__container___nYosI:after {
  background: linear-gradient(0deg, var(--background-color) 0, hsla(0, 0%, 8%, 0) 100%);
  bottom: 0;
  content: "";
  height: 68px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: var(--z-index-negative);
}

.stylesmodule__info___A7Oen {
  width: 100cqw;
}

.stylesmodule__background___91aoy {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: calc(var(--z-index-negative) + var(--z-index-negative));
}

.stylesmodule__content___BONnt {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 7px;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 20px;
  text-align: center;
  z-index: var(--z-index-tooltip-default);
}

.stylesmodule__title___KmWam {
  color: var(--primary2-solid-color-gold-100);
  font-size: 26px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.stylesmodule__description___eVZYw, .stylesmodule__title___KmWam {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.stylesmodule__description___eVZYw {
  color: var(--base-color-90);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 481px) {
  .stylesmodule__wrapper___epJS {
    height: 220px;
    margin-bottom: 30px;
  }
  .stylesmodule__container___nYosI {
    height: 220px;
  }
  .stylesmodule__content___BONnt {
    gap: 10px;
  }
  .stylesmodule__title___KmWam {
    font-size: 40px;
  }
  .stylesmodule__description___eVZYw {
    font-size: 20px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__wrapper___epJS {
    height: 270px;
    margin-bottom: 30px;
  }
  .stylesmodule__container___nYosI {
    height: 270px;
  }
  .stylesmodule__title___KmWam {
    font-size: 40px;
  }
  .stylesmodule__description___eVZYw {
    font-size: 20px;
  }
}
.stylesmodule__affiliateBlock___4ZhJt {
  background: var(--background-block);
  border: 1px solid var(--block-stroke);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 10px;
  position: relative;
}

@container body (min-width: 481px) {
  .stylesmodule__affiliateBlock___4ZhJt {
    padding: 20px 30px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__affiliateBlock___4ZhJt {
    grid-column: span 2;
    padding: 20px;
  }
}
@container body (min-width: 1025px) and (max-width: 1180px) {
  .stylesmodule__affiliateBlock___4ZhJt:nth-child(-n+2) {
    grid-column: span 3;
  }
  .stylesmodule__affiliateBlock___4ZhJt:nth-child(3) {
    grid-column: 1/-1;
  }
}
.stylesmodule__background___shmVP {
  inset: 0;
  position: absolute;
}

.stylesmodule__image___FQI4M {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 70%;
  object-position: 70%;
  width: 100%;
}

.stylesmodule__content___aOeAA {
  margin: 0 10px;
  position: relative;
}

.stylesmodule__percent___DpwuY {
  color: var(--base-color);
  font-size: 84px;
  font-weight: 700;
  line-height: 100px;
  text-transform: uppercase;
}

.stylesmodule__description___EWPpt {
  color: var(--base-color-80);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 15px;
  max-width: 276px;
}

@container body (min-width: 481px) {
  .stylesmodule__image___FQI4M {
    -o-object-position: 50%;
    object-position: 50%;
  }
  .stylesmodule__content___aOeAA {
    margin: 0;
  }
  .stylesmodule__description___EWPpt {
    font-weight: 500;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__image___FQI4M {
    -o-object-position: 30%;
    object-position: 30%;
  }
  .stylesmodule__description___EWPpt {
    max-width: 264px;
  }
}
.stylesmodule__dataBlock___oodfn {
  align-items: center;
  background-color: var(--background-block-additional);
  border: 1px solid var(--block-stroke);
  border-radius: 12px;
  display: flex;
  margin-bottom: 10px;
  padding: 10px;
}

.stylesmodule__stepContainer___k2Pn {
  align-items: center;
  background: var(--background-block-additional);
  border: 1px solid var(--base-color-5);
  border-radius: 12px;
  display: flex;
  height: 60px;
  justify-content: center;
  margin-right: 20px;
  min-height: 60px;
  min-width: 60px;
  overflow: hidden;
  position: relative;
  width: 60px;
}

.stylesmodule__stepContainer___k2Pn:before {
  background: var(--base-color-50);
  border-radius: 50%;
  content: "";
  filter: blur(36px);
  height: 47px;
  left: 0;
  position: absolute;
  right: 0;
  top: -13px;
  transform: translateZ(0);
}

.stylesmodule__step___cgzBl {
  font-size: 25px;
  font-weight: 700;
  line-height: 28px;
  z-index: var(--z-index-positive);
}

.stylesmodule__content___OGENa {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.stylesmodule__title___NrZnH {
  color: var(--base-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.stylesmodule__title___NrZnH > span {
  color: var(--primary-color);
}

.stylesmodule__description___hquYg {
  color: var(--base-color-60);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 4px;
}

@container body (min-width: 481px) {
  .stylesmodule__stepContainer___k2Pn {
    height: 82px;
    min-height: 82px;
    min-width: 82px;
    width: 82px;
  }
  .stylesmodule__step___cgzBl {
    font-size: 34px;
    line-height: 38px;
  }
  .stylesmodule__title___NrZnH {
    font-size: 20px;
  }
  .stylesmodule__description___hquYg {
    font-size: 16px;
    line-height: 21px;
  }
  .stylesmodule__stepContainer___k2Pn {
    height: 74px;
    min-height: 74px;
    min-width: 74px;
    width: 74px;
  }
}
.stylesmodule__button___izIZt {
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin: 10px auto 0;
  max-width: 470px;
  padding: 14px 22px;
  text-transform: inherit;
  width: 100%;
}

.stylesmodule__button___izIZt:disabled {
  padding: 12px 20px;
}

.stylesmodule__amount___ulvBu {
  display: inline-block;
}

.stylesmodule__content___mnxl {
  display: flex;
  margin: 10px 0;
}

.stylesmodule__line___OJJs5 {
  background-color: var(--base-color-40);
  border-radius: 2px;
  display: none;
  min-width: 4px;
  width: 4px;
}

.stylesmodule__text___zfOMQ {
  color: var(--base-color-60);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin: 0 10px;
}

.stylesmodule__text___zfOMQ > div:last-child {
  margin-top: 20px;
}

@container body (min-width: 481px) {
  .stylesmodule__line___OJJs5 {
    display: block;
  }
  .stylesmodule__text___zfOMQ {
    font-size: 14px;
    line-height: 21px;
    margin: 0 30px 0 20px;
  }
  .stylesmodule__text___zfOMQ > div:last-child {
    margin-top: 27px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__info___o4Gw1 {
    grid-column: 1/-3;
  }
  .stylesmodule__content___mnxl {
    margin: 0;
  }
  .stylesmodule__text___zfOMQ {
    font-size: 16px;
    line-height: 24px;
    margin: 0 60px 0 30px;
  }
}
.stylesmodule__title___9ySl {
  color: var(--base-color-60);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.stylesmodule__fakeInput___6dLza {
  align-items: center;
  background-color: var(--base-color-10);
  border-radius: 8px;
  display: flex;
  height: 44px;
  justify-content: space-between;
  margin: 10px 0 20px;
  padding: 2px;
}

.stylesmodule__value___L5AmM {
  color: var(--base-color);
  margin: 0 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stylesmodule__iconButton___WuOOq {
  background-color: var(--base-color-10);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  padding: 8px;
}

.stylesmodule__iconButton___WuOOq > svg {
  color: var(--base-color-60);
  height: 24px;
  width: 24px;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__iconButton___WuOOq:hover {
    background-color: var(--base-color-20);
  }
  .stylesmodule__iconButton___WuOOq:hover > svg {
    color: var(--base-color-80);
  }
}
@container body (min-width: 481px) {
  .stylesmodule__fakeInput___6dLza {
    margin: 10px 0 30px;
  }
}
.stylesmodule__link___aYZcI {
  margin: auto auto 0;
  max-width: 470px;
  width: 100%;
}

.stylesmodule__button___FbU2D {
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  padding: 14px 22px;
  text-transform: inherit;
  width: 100%;
}

.stylesmodule__dataLine___SBTo {
  align-items: center;
  display: flex;
  padding-bottom: 10px;
}

.stylesmodule__dataLine___SBTo:not(:first-child) {
  border-top: 1px solid var(--base-color-5);
  padding: 10px 0;
}

.stylesmodule__iconContainer___dd4B5 {
  align-items: center;
  border: 1px solid var(--base-color-10);
  border-radius: 12px;
  color: var(--base-color-40);
  display: flex;
  height: 60px;
  justify-content: center;
  margin-right: 20px;
  min-height: 60px;
  min-width: 60px;
  overflow: hidden;
  position: relative;
  width: 60px;
}

.stylesmodule__iconContainer___dd4B5:before {
  background: var(--base-color-20);
  border-radius: 50%;
  content: "";
  filter: blur(34px);
  height: 39px;
  left: -5px;
  position: absolute;
  right: -5px;
  top: -15px;
  transform: translateZ(0);
}

.stylesmodule__iconContainer___dd4B5 > picture {
  height: 34px;
  min-height: 34px;
  min-width: 34px;
  width: 34px;
}

.stylesmodule__title___H18zM {
  color: var(--base-color-60);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

@keyframes stylesmodule__placeholder___zvNwC {
  0% {
    background-position: 0;
  }
  50% {
    background-position: 100%;
  }
  to {
    background-position: 0;
  }
}
.stylesmodule__value___XOOA {
  align-items: center;
  color: var(--base-color-90);
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 28px;
  margin-top: 4px;
}

.stylesmodule__value___XOOA > div > button {
  font-size: 18px;
}

.stylesmodule__value___XOOA > div > button > svg {
  rotate: 90deg;
}

@container body (min-width: 481px) {
  .stylesmodule__iconContainer___dd4B5 {
    height: 74px;
    margin-right: 26px;
    min-height: 74px;
    min-width: 74px;
    width: 74px;
  }
  .stylesmodule__iconContainer___dd4B5 > picture {
    height: 42px;
    min-height: 42px;
    min-width: 42px;
    width: 42px;
  }
  .stylesmodule__dataLine___SBTo {
    padding-bottom: 20px;
  }
  .stylesmodule__dataLine___SBTo:not(:first-child) {
    padding: 20px 0;
  }
  .stylesmodule__value___XOOA {
    font-size: 20px;
  }
}
.stylesmodule__button___Qlp5G {
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin: 10px auto 0;
  max-width: 470px;
  padding: 14px 22px;
  text-transform: inherit;
  width: 100%;
}

.stylesmodule__button___Qlp5G:disabled {
  padding: 12px 20px;
}

.stylesmodule__currency___EolcU svg {
  font-size: 17px;
}

@container body (min-width: 481px) {
  .stylesmodule__button___Qlp5G {
    margin: auto auto 0;
  }
  .stylesmodule__currency___EolcU svg {
    font-size: 22px;
  }
}
.stylesmodule__specialOffer___nsKAh {
  align-items: center;
  flex-direction: row;
  grid-column: unset;
}

.stylesmodule__image___roAnk {
  display: none;
  height: 160px;
  min-width: 156px;
}

.stylesmodule__content___cXqh {
  color: var(--base-color-60);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin: 10px;
}

.stylesmodule__content___cXqh > div:last-child {
  margin-top: 30px;
}

.stylesmodule__content___cXqh a {
  text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__content___cXqh a:hover {
    color: var(--base-color-70);
  }
}
@container body (min-width: 481px) {
  .stylesmodule__image___roAnk {
    display: block;
    margin: 0 4px -16px -28px;
  }
  .stylesmodule__content___cXqh {
    font-size: 14px;
    line-height: 21px;
    margin: 10px 0;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__image___roAnk {
    margin: 0 8px -16px -4px;
  }
  .stylesmodule__specialOffer___nsKAh {
    grid-column: 1/-1;
    padding-right: 90px;
  }
  .stylesmodule__content___cXqh {
    margin: 0;
  }
}
.stylesmodule__overview___lUq76 {
  grid-gap: 20px 12px;
  display: grid;
  gap: 20px 12px;
  grid-template-columns: minmax(300px, 1fr);
}

@container body (min-width: 769px) {
  .stylesmodule__overview___lUq76 {
    gap: 15px 12px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__overview___lUq76 {
    grid-template-columns: repeat(6, minmax(150px, 248px));
  }
}

.stylesmodule__tabs___KvE5n {
  justify-self: center;
  margin-bottom: 10px;
  margin-top: auto;
}

@container body (min-width: 481px) {
  .stylesmodule__tabs___KvE5n {
    margin-bottom: 2px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__tabs___KvE5n {
    margin-bottom: 16px;
  }
}
.stylesmodule__tabs___DSFd {
  background: transparent;
  border-radius: 0;
  border-top: none;
  display: flex;
  padding: 0;
}

.stylesmodule__tabs___DSFd > * {
  margin-bottom: -1px;
}

.stylesmodule__tabsContainer___pbb8n {
  gap: 40px;
}

.stylesmodule__tab___dqA1C {
  background-color: transparent;
  color: var(--base-color-60);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  padding: 0 0 6px;
  text-transform: inherit;
}

.stylesmodule__tab___dqA1C.stylesmodule__activeTab___3kngp:after {
  height: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__activeTab___3kngp:hover {
    color: var(--primary-color-hover) !important;
  }
}
@container body (min-width: 481px) {
  .stylesmodule__tabs___DSFd {
    padding-inline: 10px;
  }
  .stylesmodule__tabsContainer___pbb8n {
    gap: 100px;
  }
  .stylesmodule__tab___dqA1C {
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 8px;
  }
  .stylesmodule__tab___dqA1C.stylesmodule__activeTab___3kngp:after {
    height: 3px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__tabs___DSFd {
    padding-inline: 0;
  }
}
.stylesmodule__container___qrk1m {
  --grid-gap: 8px;
  --grid-num: 2;
  grid-gap: var(--grid-gap);
  backface-visibility: hidden;
  display: grid;
  gap: var(--grid-gap);
  grid-auto-columns: calc(100% / var(--grid-num) - (var(--grid-num) - 1) * var(--grid-gap) / var(--grid-num));
  grid-auto-flow: column;
  grid-template-rows: 1fr;
  scrollbar-width: none;
  touch-action: pan-y pinch-zoom;
}

@media (min-width: 481px) {
  .stylesmodule__container___qrk1m {
    --grid-gap:12px;
    --grid-num: 4 ;
  }
}
@container body (min-width: 1280px) {
  .stylesmodule__container___qrk1m {
    --grid-num: 7 ;
  }
}
.stylesmodule__games___36pQ7 {
  grid-gap: 8px;
  display: grid;
  gap: 8px;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
}

.stylesmodule__games___36pQ7:before {
  content: "";
  grid-column: 1/1;
  grid-row: 1/1;
  padding-bottom: 100%;
  width: 0;
}

.stylesmodule__games___36pQ7 > div {
  position: relative;
}

.stylesmodule__games___36pQ7 > div:first-child {
  aspect-ratio: unset;
  grid-column: 1/span 2;
  grid-row: 1/1;
}

.stylesmodule__games___36pQ7 img {
  max-height: 100%;
  position: absolute;
}

@media (min-width: 481px) {
  .stylesmodule__games___36pQ7 {
    gap: 12px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@container body (min-width: 1280px) {
  .stylesmodule__games___36pQ7 {
    gap: 12px;
    grid-template-columns: repeat(7, 1fr);
  }
}
.stylesmodule__gamesCategory___ll8Zg {
  margin-top: 24px;
  overflow: hidden;
  padding: 0 20px;
}

@media (min-width: 481px) {
  .stylesmodule__gamesCategory___ll8Zg {
    margin-top: 40px;
    padding: 0 30px;
  }
  .stylesmodule__paged___8HgK + div {
    margin-top: 12px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__gamesCategory___ll8Zg {
    padding: 0 20px;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__gamesCategory___ll8Zg {
    padding: 0 30px;
  }
}

.stylesmodule__title___uLjXy {
  align-items: center;
  color: var(--base-color);
  display: flex;
  font-size: 16px;
  font-weight: 700;
  gap: 18px;
  line-height: 16px;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.stylesmodule__controls___JqC6 {
  display: flex;
  gap: 20px;
  margin-left: auto;
  min-width: -moz-max-content;
  min-width: max-content;
}

.stylesmodule__controls___JqC6 a {
  text-decoration: none;
}

.stylesmodule__seeAll___pEGeL {
  gap: 10px;
  padding-left: 18px;
  padding-right: 18px;
}

.stylesmodule__totalCount___dGVWU {
  background-color: var(--base-color-10);
  border-radius: 19px;
  color: var(--uikit-button-secondary-color);
  font-size: 10px;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  margin: -6px 0;
  min-width: 30px;
  padding: 0 4px;
  text-align: center;
}

.stylesmodule__navigation___vJd5 {
  display: none;
}

.stylesmodule__text___mY8fm {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 480px) {
  .stylesmodule__seeAll___pEGeL {
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    gap: 4px;
    line-height: 20px;
    padding: 7px 12px !important;
  }
}
@media (min-width: 481px) {
  .stylesmodule__title___uLjXy {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 12px;
  }
  .stylesmodule__totalCount___dGVWU {
    font-size: 14px;
    min-width: 32px;
  }
  .stylesmodule__seeAll___pEGeL {
    padding-left: 26px;
    padding-right: 26px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__seeAll___pEGeL {
    padding-left: 20px;
    padding-right: 20px;
  }
  .stylesmodule__navigation___vJd5 {
    display: flex;
    gap: 4px;
  }
  .stylesmodule__title___uLjXy {
    align-items: flex-end;
    line-height: 1;
    margin-bottom: 20px;
  }
}

.stylesmodule__searchButton___jaOZO {
  gap: 12px;
}

.stylesmodule__searchButton___jaOZO svg:last-child {
  margin-left: auto;
}

.stylesmodule__game___XYvAP {
  align-items: center;
  background-color: transparent;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  height: 60px;
  padding: 12px 10px;
}

.stylesmodule__icon___6FNq {
  border-radius: 6px;
  height: 64px;
  width: 64px;
}

.stylesmodule__info___rnk81 {
  flex-grow: 1;
  text-align: start;
}

.stylesmodule__title___YQHd1 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--base-color);
  display: -webkit-box;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  overflow: hidden;
}

.stylesmodule__provider___YfZss {
  color: var(--base-color-60);
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stylesmodule__icon___6FNq, .stylesmodule__title___YQHd1 {
  transition: 0.4s;
}

@media (min-width: 481px) {
  .stylesmodule__game___XYvAP {
    gap: 15px;
    padding: 0 10px 0 20px;
  }
}
@container body (min-width: 600px) {
  .stylesmodule__game___XYvAP {
    max-width: 210px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__game___XYvAP {
    gap: 20px;
    padding: 0 16px 0 20px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .stylesmodule__game___XYvAP:hover {
    background-color: var(--base-color-5);
  }
  .stylesmodule__game___XYvAP:hover .stylesmodule__icon___6FNq {
    transform: scale(1.1);
  }
}
@media (hover: none) and (pointer: coarse) {
  .stylesmodule__game___XYvAP:hover {
    background-color: var(--base-color-5);
  }
}
.stylesmodule__container___xwlsx {
  background-color: var(--background-block);
  border: 1px solid var(--block-stroke);
  border-radius: 20px;
  box-shadow: var(--shandow-md);
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  visibility: visible !important;
  width: 100% !important;
  z-index: var(--z-index-tooltip-overlap) !important;
}

.stylesmodule__list___vjnxN {
  grid-gap: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(min(210px, 50% - 10px), 1fr));
  margin: 0 -10px 0 2px;
  max-height: 392px;
  overflow: auto;
  padding: 31px 0;
}

.stylesmodule__list___vjnxN::-webkit-scrollbar-track {
  margin: 31px;
}

.stylesmodule__listTitle___bf4ii {
  border-bottom: 1px solid var(--base-color-10);
  color: var(--base-color);
  display: none;
  font-size: 20px;
  font-weight: 700;
  margin: 0 -20px;
  padding: 10px 20px 20px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
}

.stylesmodule__closeButton___RZQYg {
  color: var(--base-color) !important;
  font-size: 16px;
  padding: 4px;
  position: absolute;
  right: 20px;
  top: 8px;
}

.stylesmodule__closeButton___RZQYg svg {
  height: 1em;
  width: 1em;
}

.stylesmodule__card___hrNCt {
  overflow: hidden;
}

.stylesmodule__cardIcon___2diaU {
  height: 38px;
  width: 38px;
}

.stylesmodule__cardContent___KURjU {
  flex: 1 1;
  min-width: 0;
}

@media (min-width: 481px) {
  .stylesmodule__listTitle___bf4ii {
    font-size: 24px;
    padding: 20px 30px 30px;
  }
  .stylesmodule__closeButton___RZQYg {
    right: 28px;
    top: 18px;
  }
}
@media (min-width: 660px) {
  .stylesmodule__list___vjnxN {
    gap: 20px;
  }
}
@media (min-width: 900px) {
  .stylesmodule__list___vjnxN {
    gap: 30px;
  }
}
.stylesmodule__button___lyLgb {
  justify-content: space-between;
  min-width: 190px;
}

@container body (min-width: 769px) {
  .stylesmodule__button___lyLgb {
    justify-content: space-between;
    width: 190px;
  }
}

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

.stylesmodule__search___7gn2j > :not(:first-child) {
  flex: 1 1;
}

@media (min-width: 481px) {
  .stylesmodule__search___7gn2j {
    display: flex;
    gap: 12px;
  }
  .stylesmodule__search___7gn2j > * {
    flex: 1 1;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__search___7gn2j {
    gap: 12px;
  }
  .stylesmodule__search___7gn2j > * {
    flex: initial;
  }
}
.stylesmodule__filters___MaIcu {
  grid-gap: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  margin: 12px 20px 10px;
}

@media (min-width: 481px) {
  .stylesmodule__filters___MaIcu {
    border-bottom: 1px solid var(--base-color-10);
    gap: 12px;
    margin: 0 30px;
    padding: 12px 0;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__filters___MaIcu {
    gap: 20px;
    grid-template-columns: 1fr auto;
    justify-content: space-between;
    padding: 0;
    position: relative;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__filters___MaIcu {
    margin-inline: 20px;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__filters___MaIcu {
    margin-inline: 30px;
  }
}
.stylesmodule__container___Yv1fu {
  gap: 30px;
}

.stylesmodule__tabs___ckk2y {
  background: none;
  border: none;
  box-sizing: content-box;
  display: flex;
  min-width: 0;
  padding: 0;
  position: relative;
}

.stylesmodule__tabs___ckk2y .uikit__swiper__wrapper {
  display: flex;
  flex-grow: 1;
  margin: 0 -20px;
  padding: 0 20px;
}

.stylesmodule__tabs___ckk2y .uikit__swiper__container {
  flex-grow: 1;
  margin: 0 -20px;
  padding: 0 20px;
  scroll-padding: 0 20px;
}

.stylesmodule__arrows___0FfzV:first-child {
  left: -20px;
}

.stylesmodule__arrows___0FfzV:last-child {
  right: -20px;
}

.stylesmodule__tabs___ckk2y:last-child {
  border-bottom: none;
}

.stylesmodule__arrows___0FfzV {
  background: none !important;
  bottom: 0;
  color: var(--base-color-60);
  display: flex;
  position: absolute;
  top: 0;
}

.stylesmodule__arrows___0FfzV:before, .stylesmodule__arrows___0FfzV > svg {
  z-index: var(--z-index-tooltip-default);
}

.stylesmodule__arrows___0FfzV:before {
  background: var(--gradient-bg-block-horizontal);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 54px;
}

.stylesmodule__arrows___0FfzV:last-child:before {
  left: auto;
  right: 0;
  transform: rotate(180deg);
}

.stylesmodule__arrows___0FfzV:hover {
  color: var(--base-color-70);
}

button[disabled].stylesmodule__arrows___0FfzV, button[disabled].stylesmodule__arrows___0FfzV:before {
  display: none;
}

@media (min-width: 481px) {
  .stylesmodule__tabs___ckk2y .uikit__swiper__wrapper {
    margin: 0 -30px;
    padding: 0 30px;
  }
  .stylesmodule__tabs___ckk2y .uikit__swiper__container {
    margin: 0 -30px;
    padding: 0 30px;
    scroll-padding: 0 30px;
  }
  .stylesmodule__arrows___0FfzV:first-child {
    left: -30px;
  }
  .stylesmodule__arrows___0FfzV:last-child {
    right: -30px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__tabs___ckk2y {
    min-height: 64px;
  }
  .stylesmodule__tabs___ckk2y .uikit__swiper__wrapper {
    margin: -10px;
    padding: 10px;
  }
  .stylesmodule__tabs___ckk2y .uikit__swiper__container {
    margin: 0 -10px;
    padding: 12px 10px;
    scroll-padding: 0 40px;
  }
  .stylesmodule__arrows___0FfzV {
    display: flex;
  }
  .stylesmodule__container___Yv1fu {
    gap: 40px;
  }
  .stylesmodule__arrows___0FfzV:before, .stylesmodule__arrows___0FfzV:last-child:before {
    width: 64px;
  }
  .stylesmodule__arrows___0FfzV:first-child {
    left: -10px;
  }
  .stylesmodule__arrows___0FfzV:last-child {
    right: -10px;
  }
}
.stylesmodule__tab___Ln0zY {
  color: var(--base-color-70) !important;
  flex-direction: column;
  font-weight: 600;
  line-height: 28px;
  padding: 0;
  text-transform: uppercase;
}

.stylesmodule__tab___Ln0zY svg {
  color: var(--base-color-30) !important;
}

.stylesmodule__activeTab___urelg:after {
  color: var(--primary-color) !important;
  height: 1px !important;
}

.stylesmodule__activeTab___urelg, .stylesmodule__activeTab___urelg svg {
  color: var(--base-color-90) !important;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__tab___Ln0zY:hover, .stylesmodule__tab___Ln0zY:hover svg {
    color: var(--base-color-90) !important;
  }
}

.stylesmodule__iconContainer___7qEr7 {
  position: relative;
}

.stylesmodule__icon___9HBsk {
  height: 22px;
  width: 22px;
}

.stylesmodule__plate___eLViJ {
  color: var(--aditional-colors-exclusive);
  font-size: 10px;
  font-weight: 800;
  left: 27px;
  line-height: 12px;
  position: absolute;
  top: 0;
}

@container body (min-width: 769px) {
  .stylesmodule__tab___Ln0zY {
    flex-direction: row;
    gap: 10px;
    line-height: 24px;
  }
  .stylesmodule__plate___eLViJ {
    left: 32px;
    top: -10px;
  }
  .stylesmodule__activeTab___urelg:after {
    bottom: -12px !important;
  }
}
.stylesmodule__header___9Pp5e {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-weight: 700;
  text-align: center;
}

.stylesmodule__icon___54y41 {
  color: var(--primary-color);
  flex-shrink: 0;
  font-size: 32px;
  height: 1em;
  margin-bottom: 12px;
  width: 1em;
}

.stylesmodule__title___idpUW {
  color: var(--base-color);
  font-size: 26px;
  line-height: 1.2;
  text-transform: uppercase;
}

.stylesmodule__description___wuCz5 {
  font-size: 14px;
  line-height: 1.2;
  margin-top: 8px;
}

@container body (min-width: 481px) {
  .stylesmodule__title___idpUW {
    font-size: 40px;
  }
  .stylesmodule__icon___54y41 {
    font-size: 44px;
  }
  .stylesmodule__description___wuCz5 {
    font-size: 16px;
    margin-top: 12px;
  }
}
.stylesmodule__cardContainer___cGlFx {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.stylesmodule__providerCard___6Yru7 {
  align-items: center;
  border: 1px solid var(--block-stroke);
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 45px 27px 14px;
  position: relative;
  transition: opacity 0.4s;
  width: 100%;
}

.stylesmodule__providerCard___6Yru7:after, .stylesmodule__providerCard___6Yru7:before {
  border-radius: 12px;
  content: "";
  inset: -1px;
  position: absolute;
  transition: opacity 0.4s;
  z-index: var(--z-index-negative);
}

.stylesmodule__providerCard___6Yru7:after {
  background: var(--provider-card-gradient-hover);
  opacity: 0;
}

.stylesmodule__providerCard___6Yru7:before {
  background: var(--provider-card-gradient-default);
}

.stylesmodule__providerLogo___CCBzK {
  left: 50%;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  width: 50%;
}

.stylesmodule__games___by0iQ {
  align-items: flex-end;
  aspect-ratio: 278/127;
  display: flex;
  justify-content: center;
  max-height: 127px;
  max-width: 100%;
}

.stylesmodule__firstGame___6A6mo, .stylesmodule__secondGame___CC45p, .stylesmodule__thirdGame___mcyJW {
  aspect-ratio: 1/1;
  border-radius: 12px;
  max-height: 100%;
  transform-origin: bottom center;
  transition: transform 0.4s;
  will-change: transform;
}

.stylesmodule__firstGame___6A6mo {
  box-shadow: var(--shandow-lg);
  margin: 1px -7.952%;
  z-index: var(--z-index-tooltip-default);
}

.stylesmodule__secondGame___CC45p, .stylesmodule__thirdGame___mcyJW {
  height: 77.5%;
}

.stylesmodule__gamesCount___YHaq {
  color: var(--base-color-60);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-top: 15px;
  text-align: center;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__providerCard___6Yru7:hover:after {
    opacity: 1;
  }
  .stylesmodule__providerCard___6Yru7:hover:before {
    opacity: 0;
  }
  .stylesmodule__providerCard___6Yru7:hover .stylesmodule__firstGame___6A6mo {
    transform: scale(1.05);
  }
  .stylesmodule__providerCard___6Yru7:hover .stylesmodule__secondGame___CC45p {
    transform: scale(1.05) translate(8%, -20%) rotate(-15deg);
  }
  .stylesmodule__providerCard___6Yru7:hover .stylesmodule__thirdGame___mcyJW {
    transform: scale(1.05) translate(-8%, -20%) rotate(15deg);
  }
}
@container body (min-width: 481px) {
  .stylesmodule__providerCard___6Yru7 {
    padding: 54px 35px 18px;
  }
  .stylesmodule__games___by0iQ {
    max-height: 161px;
  }
  .stylesmodule__gamesCount___YHaq {
    font-size: 18px;
    line-height: 22px;
    margin-top: 15px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__providerCard___6Yru7 {
    padding: 54px 35px 15px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__providerCard___6Yru7 {
    padding: 54px 40px 18px;
  }
  .stylesmodule__gamesCount___YHaq {
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px;
  }
}
.stylesmodule__wrapper___bwMjq {
  --banner-gap: 8px;
  height: 100%;
  margin: 60px -20px 0;
  position: relative;
}

.stylesmodule__container___8ud6V {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin-left: calc(var(--banner-gap) * -1);
  touch-action: pan-y pinch-zoom;
}

.stylesmodule__slide___zMDX1 {
  flex-basis: calc(100% - 40px);
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 0;
  padding-left: var(--banner-gap);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__arrowNext___ssMxT:hover, .stylesmodule__arrowPrev___3Vi3k:hover {
    color: var(--base-color);
  }
}
.stylesmodule__arrowNext___ssMxT > svg {
  transform: rotate(180deg);
}

@container body (min-width: 481px) {
  .stylesmodule__wrapper___bwMjq {
    --banner-gap: 20px;
    margin-inline: 0;
  }
  .stylesmodule__slide___zMDX1 {
    flex-basis: 60.9375%;
  }
  .stylesmodule__arrow___MWzj9 {
    color: var(--base-color-60);
    display: flex;
    font-size: 24px;
    z-index: var(--z-index-tooltip-overlap);
  }
  .stylesmodule__arrowPrev___3Vi3k {
    left: 10px;
  }
  .stylesmodule__arrowNext___ssMxT {
    right: 10px;
  }
  .stylesmodule__shadows___dJs3A:before {
    left: -1px;
  }
  .stylesmodule__shadows___dJs3A:after, .stylesmodule__shadows___dJs3A:before {
    background: var(--gradient-bg-block-horizontal);
    bottom: -18px;
    content: "";
    pointer-events: none;
    position: absolute;
    top: -56px;
    width: 80px;
    z-index: var(--z-index-tooltip-default);
  }
  .stylesmodule__shadows___dJs3A:after {
    right: -1px;
    transform: rotate(180deg);
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__slide___zMDX1 {
    flex-basis: 33.35%;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__slide___zMDX1 {
    flex-basis: 25%;
  }
}
.stylesmodule__popularProviders___GP5yP {
  margin-top: 60px !important;
  overflow: hidden;
}

.stylesmodule__wrapper___vAoN {
  padding-inline: 20px;
}

.stylesmodule__popularProviders___GP5yP:empty {
  margin-top: 0 !important;
}

@media (min-width: 481px) {
  .stylesmodule__popularProviders___GP5yP {
    margin-top: 80px !important;
  }
  .stylesmodule__wrapper___vAoN {
    padding-inline: 30px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__wrapper___vAoN {
    padding-inline: 20px;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__wrapper___vAoN {
    padding-inline: 30px;
  }
}
.stylesmodule__container___EmiF1 {
  align-items: center;
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
  justify-content: center;
  padding: 10px 20px;
}

.stylesmodule__content___x7lGR {
  padding: 0;
}

@media (min-width: 481px) {
  .stylesmodule__container___EmiF1 {
    padding-inline: 30px;
  }
}
@media (min-width: 1025px) {
  .stylesmodule__container___EmiF1 {
    padding-inline: 20px;
  }
}
@media (min-width: 1340px) {
  .stylesmodule__container___EmiF1 {
    padding-inline: 30px;
  }
}
.stylesbuttonmodule__link___PGoMy {
  margin-top: auto;
  max-width: 100%;
  z-index: var(--z-index-positive);
}

.stylesbuttonmodule__button___0Tyu1 {
  --uikit-button-outline-color: var(--banner-color-80);
  --uikit-button-border-width: 1px;
  --uikit-button-outline-hover-color: var(--banner-color);
  --uikit-button-outline-active-color: var(--banner-color-30);
  border-radius: 8px;
  color: var(--banner-color) !important;
  flex-shrink: 0;
  font-size: 3.7333cqw;
  font-weight: 700;
  line-height: 1;
  max-width: 100%;
  min-width: 29.3333cqw;
  overflow: hidden;
  padding: 3.4666cqw 4.9333cqw !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stylesbuttonmodule__left___dOhL {
  align-self: flex-start;
}

@media (min-width: 481px) {
  .stylesbuttonmodule__button___0Tyu1 {
    font-size: 1.8229cqw;
    min-width: 14.3229cqw;
    padding: 1.6927cqw 2.4088cqw !important;
  }
}
@container body (min-width: 1025px) {
  .stylesbuttonmodule__button___0Tyu1 {
    font-size: 0.9703cqw;
    min-width: 8.7331cqw;
    padding: 0.8086cqw 1.8328cqw !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .stylesbuttonmodule__button___0Tyu1:hover {
    color: var(--banner-color-90) !important;
  }
  .stylesbuttonmodule__button___0Tyu1:active {
    color: var(--banner-color) !important;
  }
}
.stylesmodule__banner___yAqMS {
  height: 100%;
  position: relative;
}

.stylesmodule__image___LDZc8 {
  border-radius: 20px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

.stylesmodule__container___uJ0b0 {
  inset: 0;
  position: absolute;
}

.stylesmodule__content___9hmx3 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 6.992cqw 5.861cqw;
  width: 100%;
}

.stylesmodule__title___UOy47 {
  color: var(--banner-color-80);
  font-size: 4.8cqw;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1.643cqw;
}

.stylesmodule__description___xZcHW {
  color: var(--banner-color);
  font-size: 3.2cqw;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 6.157cqw;
}

@container body (min-width: 481px) {
  .stylesmodule__content___9hmx3 {
    padding: 2.7669cqw 2.5273cqw;
  }
  .stylesmodule__title___UOy47 {
    font-size: 2.3437cqw;
    margin-bottom: 0.802cqw;
  }
  .stylesmodule__description___xZcHW {
    font-size: 1.5625cqw;
    margin-bottom: 3.0065cqw;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__content___9hmx3 {
    padding: 1.71cqw 2.14cqw;
  }
  .stylesmodule__title___UOy47 {
    font-size: 1.4583cqw;
    margin-bottom: 0.4927cqw;
  }
  .stylesmodule__description___xZcHW {
    font-size: 0.97cqw;
    margin-bottom: 1.617cqw;
  }
}

.stylesmodule__banners___1PijL {
  --banner-gap: 20px;
  box-sizing: content-box;
  height: 49.06cqw;
  margin: 20px 0;
  position: relative;
}

.stylesmodule__wrapper___nIyB {
  height: 100%;
  overflow: hidden;
  padding: 0 20px;
  position: relative;
}

.stylesmodule__container___e122D {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin-left: calc(var(--banner-gap) * -1);
  touch-action: pan-y pinch-zoom;
}

.stylesmodule__slide___OS0e9 {
  flex: 0 0 100%;
  min-width: 0;
  padding-left: var(--banner-gap);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.stylesmodule__arrow___xKAZ1 {
  color: var(--base-color-60);
  display: flex;
  font-size: 14px;
  z-index: var(--z-index-tooltip-overlap);
}

.stylesmodule__arrowPrev___aSQCO {
  left: 4px;
}

.stylesmodule__arrowNext___jwplS {
  right: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__arrowNext___jwplS:hover, .stylesmodule__arrowPrev___aSQCO:hover {
    color: var(--base-color);
  }
}
.stylesmodule__arrowNext___jwplS > svg {
  transform: rotate(180deg);
}

@container body (min-width: 481px) {
  .stylesmodule__wrapper___nIyB {
    --banner-gap: 12px;
    padding: 0 30px;
  }
  .stylesmodule__wrapper___nIyB:before {
    left: -1px;
  }
  .stylesmodule__wrapper___nIyB:after, .stylesmodule__wrapper___nIyB:before {
    background: var(--gradient-bg-block-horizontal);
    bottom: -1px;
    content: "";
    position: absolute;
    top: -1px;
    width: 45px;
    z-index: var(--z-index-tooltip-default);
  }
  .stylesmodule__wrapper___nIyB:after {
    right: -1px;
    transform: rotate(180deg);
  }
  .stylesmodule__banners___1PijL:first-child :where(.stylesmodule__wrapper___nIyB:before, .stylesmodule__wrapper___nIyB:after) {
    background: var(--gradient-bg-block-horizontal);
  }
  .stylesmodule__banners___1PijL:nth-child(2) :where(.stylesmodule__wrapper___nIyB:before, .stylesmodule__wrapper___nIyB:after) {
    background: var(--background-block);
  }
  .stylesmodule__banners___1PijL {
    height: 23.9583cqw;
    margin: 24px 0;
  }
  .stylesmodule__banners___1PijL:first-child {
    margin-top: 0;
    padding-top: 24px;
  }
  .stylesmodule__banners___1PijL:first-child:before {
    background: var(--mutable-light-effect-optical);
    border-radius: 50%;
    content: "";
    filter: blur(42px);
    height: calc(var(--app-header-height) * 2.283);
    left: 0;
    position: absolute;
    right: 0;
    top: calc(var(--app-header-height) * -2.167);
    transform: translateZ(0);
  }
  .stylesmodule__slide___OS0e9 {
    flex-basis: 50%;
  }
  .stylesmodule__arrow___xKAZ1 {
    font-size: 12px;
  }
  .stylesmodule__arrowPrev___aSQCO {
    left: 10px;
  }
  .stylesmodule__arrowNext___jwplS {
    right: 10px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__banners___1PijL {
    height: 24.8cqw;
    margin: 20px 0;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__wrapper___nIyB:after, .stylesmodule__wrapper___nIyB:before {
    width: 20px;
  }
  .stylesmodule__wrapper___nIyB {
    --banner-gap: 1.7741cqw;
    padding: 0 20px;
  }
  .stylesmodule__banners___1PijL {
    height: 14.4075cqw;
  }
  .stylesmodule__slide___OS0e9 {
    flex-basis: 33.35%;
  }
  .stylesmodule__arrow___xKAZ1 {
    font-size: 1.725cqw;
  }
  .stylesmodule__arrowPrev___aSQCO {
    left: -0.5em;
    padding-left: inherit;
  }
  .stylesmodule__arrowNext___jwplS {
    padding-right: inherit;
    right: -0.5em;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__wrapper___nIyB {
    padding: 0 30px;
  }
  .stylesmodule__wrapper___nIyB:after, .stylesmodule__wrapper___nIyB:before {
    width: 30px;
  }
}
.stylesmodule__promotion___yJgjw {
  align-items: flex-start;
  background: var(--background-block);
  border: 1px solid var(--base-color-10);
  border-radius: 20px;
  box-shadow: var(--shandow-md);
  display: flex;
  flex-direction: column;
  gap: 18px;
  height: 300px;
  isolation: isolate;
  justify-content: space-between;
  overflow: hidden;
  padding: 25px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.stylesmodule__imageContainer___8WF5p {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 71.1%;
  z-index: var(--z-index-negative);
}

.stylesmodule__imageContainer___8WF5p:after {
  background: radial-gradient(68.1% 94.66% at 66.7% 44.35%, rgba(30, 30, 30, 0) 0, #1e1e1e 100%);
  content: "";
  inset: -1px;
  position: absolute;
}

.stylesmodule__image___JDK58 {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
}

.stylesmodule__tags___S9A45 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  width: 100%;
}

.stylesmodule__tag___ECw1I {
  background: var(--base-color-10);
  border-radius: 12px;
  box-shadow: var(--shandow-md);
  color: var(--bonus-card-image-text);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  overflow: hidden;
  padding: 4px 8px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.stylesmodule__bonusTag___GiCjX {
  background: var(--primary2-button-color-default);
  color: var(--button-text-color-black-default);
}

.stylesmodule__details___Yd2gf {
  color: var(--base-color-90);
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: 7px;
  justify-content: flex-end;
  max-width: 250px;
}

.stylesmodule__title___BKdzD {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

.stylesmodule__description___M1cAZ {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}

.stylesmodule__actions___Q7kU2 {
  display: flex;
  gap: 10px;
}

.stylesmodule__actionButton___yE0V {
  font-size: 16px;
  min-width: 110px;
}

 .stylesmodule__readMoreButton___Rmv5C {
  min-height: 40px;
  text-transform: capitalize !important;
}

.stylesmodule__infoIcon___O16ht {
  flex-shrink: 0;
  font-size: 22px;
  height: 1em;
  width: 1em;
}

.stylesmodule__readMoreButton___Rmv5C {
  --uikit-button-outline-fade-color: var(--base-color-90);
  --uikit-button-secondary-outline-active-color: var(--base-color-90);
  border-color: var(--base-color-50) !important;
  border-width: 1px !important;
  gap: 7px;
  padding-inline: 11px !important;
}

.stylesmodule__readMoreButton___Rmv5C > svg {
  transform: translateZ(0);
}

.stylesmodule__readMoreButton___Rmv5C:not(:active, :hover, :disabled, :focus) > svg {
  color: var(--base-color-80);
}

.stylesmodule__readMoreButton___Rmv5C:not(:disabled) {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: var(--base-color-10) !important;
}
@container body (min-width: 769px) {
  .stylesmodule__details___Yd2gf {
    gap: 10px;
    justify-content: center;
    max-width: 340px;
  }
  .stylesmodule__imageContainer___8WF5p {
    max-width: 335px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__title___BKdzD {
    font-size: 26px;
  }
  .stylesmodule__description___M1cAZ {
    font-size: 14px;
  }
  .stylesmodule__imageContainer___8WF5p {
    max-width: 100%;
    width: clamp(290px, 64%, 486px);
  }
}
@container body (min-width: 1261px) {
  .stylesmodule__promotion___yJgjw {
    border-radius: max(20px, 1.2cqw);
    height: max(300px, 18cqw);
    padding: max(25px, 1.5cqw);
  }
  .stylesmodule__tags___S9A45 {
    gap: max(4px, 0.24cqw) max(8px, 0.48cqw);
  }
  .stylesmodule__tag___ECw1I {
    border-radius: max(12px, 0.72cqw);
    font-size: max(11px, 0.66cqw);
    padding: max(4px, 0.24cqw) max(8px, 0.48cqw);
  }
  .stylesmodule__actions___Q7kU2 {
    gap: max(10px, 0.6cqw);
  }
  .stylesmodule__actionButton___yE0V {
    font-size: max(16px, 0.96cqw);
    min-height: max(40px, 2.4cqw);
    min-width: max(110px, 6.6cqw);
    padding-inline: max(var(--uikit-button-padding-x), 1.8cqw);
  }
  .stylesmodule__infoIcon___O16ht {
    font-size: max(22px, 1.32cqw);
  }
  .stylesmodule__readMoreButton___Rmv5C {
    font-size: max(14px, 0.84cqw);
    gap: max(7px, 0.42cqw);
    min-height: max(40px, 2.4cqw);
  }
  .stylesmodule__details___Yd2gf {
    gap: max(10px, 0.6cqw);
    max-width: max(340px, 20.4cqw);
  }
  .stylesmodule__title___BKdzD {
    font-size: max(26px, 1.56cqw);
  }
  .stylesmodule__description___M1cAZ {
    font-size: max(14px, 0.84cqw);
  }
  .stylesmodule__imageContainer___8WF5p {
    width: clamp(max(290px, 17.4cqw), 64%, max(486px, 29.2cqw));
  }
}
.stylesmodule__grid___swnmS {
  grid-gap: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
  justify-content: center;
}

@container body (min-width: 481px) {
  .stylesmodule__grid___swnmS {
    gap: 22px;
    grid-template-columns: repeat(auto-fit, minmax(clamp(315px, 50% - 11px, 100%), 1fr));
  }
}
@container body (min-width: 769px) {
  .stylesmodule__grid___swnmS {
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(clamp(315px, 50% - 15px, 100%), 1fr));
  }
}
.stylesmodule__container___FqGg9 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 24px 0;
  padding: 0 20px;
}

.stylesmodule__header___MGRNw {
  align-items: center;
  display: flex;
  gap: 10px;
}

.stylesmodule__icon___9EOZe {
  flex-shrink: 0;
  font-size: 24px;
  height: 1em;
  width: 1em;
}

.stylesmodule__title___iPMN9 {
  color: var(--base-color-90);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.stylesmodule__shadowWrapper___6IeL2 {
  margin: -20px;
  overflow: hidden;
  padding: 20px;
  position: relative;
}

@container body (min-width: 481px) {
  .stylesmodule__container___FqGg9 {
    gap: 20px;
    margin: 30px 0 40px;
    padding: 0 30px;
  }
  .stylesmodule__title___iPMN9 {
    font-size: 28px;
  }
  .stylesmodule__icon___9EOZe {
    font-size: 34px;
  }
  .stylesmodule__shadowWrapper___6IeL2 {
    margin: -30px;
    overflow: hidden;
    padding: 30px;
  }
  .stylesmodule__shadowWrapper___6IeL2:before {
    left: -1px;
    z-index: var(--z-index-positive);
  }
  .stylesmodule__shadowWrapper___6IeL2:after, .stylesmodule__shadowWrapper___6IeL2:before {
    background: var(--gradient-bg-block-horizontal);
    bottom: -1px;
    content: "";
    position: absolute;
    top: -1px;
    width: 30px;
  }
  .stylesmodule__shadowWrapper___6IeL2:after {
    right: -1px;
    transform: rotate(180deg);
    z-index: var(--z-index-default);
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__container___FqGg9 {
    gap: 20px;
    margin: 20px 0 40px;
  }
}
.stylesmodule__providersContainer___SPhJK {
  margin: 24px 0;
  padding: 0 20px;
}

.stylesmodule__list___0XdKd {
  margin-bottom: -26px;
  margin-top: -26px;
  padding-bottom: 26px;
  padding-top: 26px;
}

.stylesmodule__provider___TPVjc {
  background: var(--background-block);
  border-radius: 2.1333cqw;
  box-shadow: var(--shandow-s);
  cursor: pointer;
  height: 17.336cqw;
  padding: 10px 20px;
}

@media (hover: hover) {
  .stylesmodule__provider___TPVjc:hover {
    background: var(--base-color-10);
  }
}
.stylesmodule__provider___TPVjc img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.stylesmodule__list___0XdKd > * {
  min-width: calc(50% - 2.5px);
  width: calc(50% - 2.5px);
}

.stylesmodule__list___0XdKd > * button {
  width: 100%;
}

.stylesmodule__list___0XdKd > * > button:first-child {
  margin-bottom: 8px;
}

.stylesmodule__text___5VQZ0 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 481px) {
  .stylesmodule__providersContainer___SPhJK {
    margin: 30px 0;
    padding: 0 30px;
  }
  .stylesmodule__provider___TPVjc {
    border-radius: 1.86cqw;
    height: 9.98cqw;
    padding: 10px 26px;
  }
}
@container body (min-width: 600px) {
  .stylesmodule__provider___TPVjc {
    border-radius: 1.33cqw;
    height: 8.2cqw;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__providersContainer___SPhJK {
    margin: 40px 0;
  }
  .stylesmodule__providersContainer___SPhJK:has(> button) {
    margin-bottom: 50px;
  }
  .stylesmodule__provider___TPVjc {
    border-radius: 1.04cqw;
    height: 8.06cqw;
  }
}
@media (min-width: 481px) {
  .stylesmodule__list___0XdKd > * {
    min-width: calc(33.33333% - 5.33333px);
    width: calc(33.33333% - 5.33333px);
  }
}
@container body (min-width: 600px) {
  .stylesmodule__list___0XdKd > * {
    min-width: calc(25% - 6px);
    width: calc(25% - 6px);
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__providersContainer___SPhJK {
    padding: 0 20px;
  }
  .stylesmodule__provider___TPVjc {
    border-radius: 0.78cqw;
    height: 7.103cqw;
    padding: 15px 30px;
  }
  .stylesmodule__list___0XdKd > * {
    min-width: calc(25% - 9px);
    width: calc(25% - 9px);
  }
}
@container body (min-width: 1280px) {
  .stylesmodule__provider___TPVjc {
    border-radius: 0.625cqw;
    height: 4.906cqw;
  }
  .stylesmodule__list___0XdKd > * {
    min-width: calc(14.28571% - 10.28571px);
    width: calc(14.28571% - 10.28571px);
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__providersContainer___SPhJK {
    padding: 0 30px;
  }
}
@keyframes stylesmodule__fade-animation___4WhO3 {
  1% {
    padding: var(--win-padding-card);
  }
  30% {
    min-width: calc((100% - var(--win-padding-element)) / var(--win-count-element));
    opacity: 0;
  }
  to {
    min-width: calc((100% - var(--win-padding-element)) / var(--win-count-element));
    opacity: 1;
    padding: var(--win-padding-card);
  }
}
.stylesmodule__arrow___gjlYB {
  align-items: center;
  color: var(--base-color-60);
  cursor: pointer;
  display: flex;
  height: 34px;
  justify-content: center;
  position: absolute;
  top: calc(50% - 10px);
  transform: translateY(-50%);
  width: 26px;
  z-index: var(--z-index-positive);
}

.stylesmodule__arrow___gjlYB:disabled {
  display: none;
}

.stylesmodule__arrow___gjlYB > svg {
  height: 28px;
  width: 16px;
}

.stylesmodule__prev___VhB2n {
  left: 15px;
}

.stylesmodule__next___tVIHw {
  right: 15px;
}

.stylesmodule__next___tVIHw > svg {
  transform: rotate(180deg);
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__arrow___gjlYB:hover {
    color: var(--base-color);
  }
}
@container body (min-width: 769px) {
  .stylesmodule__arrow___gjlYB {
    height: 40px;
    width: 30px;
  }
  .stylesmodule__prev___VhB2n {
    left: -32px;
  }
  .stylesmodule__next___tVIHw {
    right: -32px;
  }
}
.stylesmodule__card___4A2iM {
  padding: 0.71% 0.71% 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}

.stylesmodule__cardInfo___xQKR8 {
  align-items: center;
  color: var(--base-color-60);
  display: flex;
  flex-direction: column;
  font-size: 4cqw;
  font-weight: 500;
  height: calc(100% - 7cqw);
  left: 0;
  line-height: 4.8cqw;
  position: absolute;
  right: 0;
  top: 2.8114cqw;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.stylesmodule__levelCircle___45RIO {
  align-items: center;
  display: flex;
  height: 18.6668cqw;
  justify-content: center;
  min-height: 18.6668cqw;
  min-width: 18.6668cqw;
  position: relative;
  width: 18.6668cqw;
}

.stylesmodule__levelImage___U5f3, .stylesmodule__levelPicture___GMj0 {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}

.stylesmodule__levelInactive___8mup {
  filter: grayscale(1);
  opacity: 0.8;
}

.stylesmodule__details___d6iY {
  display: flex;
  flex-direction: column;
  height: 57.5388cqw;
  justify-content: center;
  margin: auto;
  text-align: center;
}

.stylesmodule__bonusData___oED0U {
  margin-top: 5.3334cqw;
}

.stylesmodule__bonus___mMquP, .stylesmodule__compPoints___nrMW1 {
  color: var(--base-color);
  font-size: 5.3333cqw;
  font-weight: 800;
  line-height: 6.4cqw;
  margin-top: 2.666cqw;
}

@container body (min-width: 490px) {
  .stylesmodule__cardInfo___xQKR8 {
    font-size: 1.9533cqw;
    height: calc(100% - 3cqw);
    line-height: 2.3439cqw;
    top: 1.3022cqw;
  }
  .stylesmodule__levelCircle___45RIO {
    height: 9.1156cqw;
    min-height: 9.1156cqw;
    min-width: 9.1156cqw;
    width: 9.1156cqw;
  }
  .stylesmodule__details___d6iY {
    height: 26.6508cqw;
  }
  .stylesmodule__bonusData___oED0U {
    margin-top: 2.6042cqw;
  }
  .stylesmodule__bonus___mMquP, .stylesmodule__compPoints___nrMW1 {
    font-size: 2.6042cqw;
    line-height: 3.1251cqw;
    margin-top: 1.3022cqw;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__cardInfo___xQKR8 {
    font-size: 1.4649cqw;
    height: calc(100% - 4cqw);
    line-height: 1.7579cqw;
    top: 0.9766cqw;
  }
  .stylesmodule__levelCircle___45RIO {
    height: 6.8365cqw;
    min-height: 6.8365cqw;
    min-width: 6.8365cqw;
    width: 6.8365cqw;
  }
  .stylesmodule__details___d6iY {
    height: 19.9876cqw;
  }
  .stylesmodule__bonusData___oED0U {
    margin-top: 1.9531cqw;
  }
  .stylesmodule__bonus___mMquP, .stylesmodule__compPoints___nrMW1 {
    font-size: 1.9531cqw;
    line-height: 2.3438cqw;
    margin-top: 0.9766cqw;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__cardInfo___xQKR8 {
    font-size: 1.1719cqw;
    height: calc(100% - 4cqw);
    line-height: 1.4063cqw;
    top: 0.7812cqw;
  }
  .stylesmodule__levelCircle___45RIO {
    height: 5.4692cqw;
    min-height: 5.4692cqw;
    min-width: 5.4692cqw;
    width: 5.4692cqw;
  }
  .stylesmodule__details___d6iY {
    height: 15.99cqw;
  }
  .stylesmodule__bonusData___oED0U {
    margin-top: 1.5624cqw;
  }
  .stylesmodule__bonus___mMquP, .stylesmodule__compPoints___nrMW1 {
    font-size: 1.5624cqw;
    line-height: 1.875cqw;
    margin-top: 0.7812cqw;
  }
}
@container body (min-width: 1284px) {
  .stylesmodule__cardInfo___xQKR8 {
    font-size: 0.95cqw;
    height: calc(100% - 2cqw);
    line-height: 1.14cqw;
    top: 0.6333cqw;
  }
  .stylesmodule__levelCircle___45RIO {
    height: 4.4335cqw;
    min-height: 4.4335cqw;
    min-width: 4.4335cqw;
    width: 4.4335cqw;
  }
  .stylesmodule__details___d6iY {
    height: 12.9621cqw;
  }
  .stylesmodule__bonusData___oED0U {
    margin-top: 1.2666cqw;
  }
  .stylesmodule__bonus___mMquP, .stylesmodule__compPoints___nrMW1 {
    font-size: 1.2666cqw;
    line-height: 1.52cqw;
    margin-top: 0.6333cqw;
  }
}
@container body (min-width: 117rem) {
  .stylesmodule__cardInfo___xQKR8 {
    font-size: 0.7812cqw;
    height: calc(100% - 1.3cqw);
    line-height: 0.9375cqw;
    top: 0.5208cqw;
  }
  .stylesmodule__levelCircle___45RIO {
    height: 3.6459cqw;
    min-height: 3.6459cqw;
    min-width: 3.6459cqw;
    width: 3.6459cqw;
  }
  .stylesmodule__details___d6iY {
    height: 10.6595cqw;
  }
  .stylesmodule__bonusData___oED0U {
    margin-top: 1.0416cqw;
  }
  .stylesmodule__bonus___mMquP, .stylesmodule__compPoints___nrMW1 {
    font-size: 1.0416cqw;
    line-height: 1.25cqw;
    margin-top: 0.5208cqw;
  }
}
.stylesmodule__levels___HWnub {
  position: relative;
}

.stylesmodule__wrapperClass___pTaA {
  padding-bottom: 50px;
}

.stylesmodule__bulletClass___7bTOR {
  background-color: var(--base-color-30) !important;
  height: 30px !important;
  opacity: 1 !important;
  width: 30px !important;
}

.stylesmodule__bulletActiveClass___rQqGD {
  background-color: var(--primary-color) !important;
  opacity: 1 !important;
}

.stylesmodule__levelsSection___xhkv {
  margin: 0;
}

.stylesmodule__title___1qgtn {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  margin: 0 20px 30px;
  text-align: center;
}

.stylesmodule__text___lKpoy {
  color: var(--base-color-80);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 60px 20px;
}

.stylesmodule__text___lKpoy:last-child {
  margin-bottom: 0;
}

.stylesmodule__levelsSection___xhkv div > p:not(:last-child) {
  margin-bottom: 20px;
}

@container body (min-width: 490px) {
  .stylesmodule__title___1qgtn {
    font-size: 40px;
    line-height: 48px;
    margin: 0 30px 50px;
  }
  .stylesmodule__text___lKpoy {
    font-size: 14px;
    line-height: 21px;
    margin: 40px 30px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__text___lKpoy {
    margin: 40px 30px;
  }
  .stylesmodule__levelsSection___xhkv {
    margin: 0 30px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__levelsSection___xhkv {
    margin: 0 9.8958cqw;
  }
  .stylesmodule__text___lKpoy {
    margin: 80px 0;
  }
}

.stylesmodule__content___QzsKX {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.stylesmodule__progress___fgnPO {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.stylesmodule__progress___fgnPO:empty {
  display: none;
}

@media (min-width: 481px) {
  .stylesmodule__content___QzsKX {
    gap: 80px;
  }
}
.stylesmodule__item___U27oN {
  align-items: flex-start;
  background-color: transparent;
  border-radius: 10px;
  color: var(--base-color-80);
  display: flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 -30px;
  padding: 10px 30px;
  position: relative;
  text-decoration: none;
}

.stylesmodule__item___U27oN > svg {
  align-self: center;
  font-size: 14px;
  height: 1em;
  margin-left: auto;
  order: 1;
  width: 1em;
}

.stylesmodule__activeItem___B5MW {
  color: var(--primary-color);
}

.stylesmodule__activeItem___B5MW:before {
  background: var(--primary-color);
  border-radius: 3px;
  bottom: 2px;
  content: "";
  left: 0;
  position: absolute;
  top: 2px;
  width: 3px;
}

@media (min-width: 769px) {
  .stylesmodule__item___U27oN > svg {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .stylesmodule__item___U27oN:not(.stylesmodule__activeItem___B5MW):focus, .stylesmodule__item___U27oN:not(.stylesmodule__activeItem___B5MW):hover {
    background: var(--background-color);
    color: var(--base-color);
    cursor: pointer;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
  .stylesmodule__item___U27oN:not(.stylesmodule__activeItem___B5MW):focus, .stylesmodule__item___U27oN:not(.stylesmodule__activeItem___B5MW):hover {
    background: transparent;
  }
}
.stylesmodule__menu___0AGOQ {
  background-color: var(--background-block);
  border: 1px solid var(--block-stroke);
  border-radius: 20px;
  box-shadow: var(--shandow-md);
  min-width: 300px;
  padding: 20px 30px;
}
.stylesmodule__button___Dwsvy {
  align-items: center;
  color: var(--header-text-color-80);
  cursor: pointer;
  display: flex;
  height: 100%;
  margin-right: 10px;
  min-width: 24px;
}

.stylesmodule__hidden___wfCRc {
  margin-right: 0;
  min-width: 0;
  visibility: hidden;
  width: 0;
}

.stylesmodule__hidden___wfCRc .stylesmodule__burger___9q6zI:after, .stylesmodule__hidden___wfCRc .stylesmodule__burger___9q6zI:before {
  width: 0;
}

.stylesmodule__burger___9q6zI {
  background-color: currentColor;
  border-radius: 3px;
  display: inline-block;
  height: 3px;
  transition-delay: 0.2s;
  transition-duration: 0s;
  width: 24px;
}

.stylesmodule__burger___9q6zI:after, .stylesmodule__burger___9q6zI:before {
  background-color: currentColor;
  border-radius: 3px;
  content: "";
  height: 3px;
  position: absolute;
  transition-delay: 0.2s, 0s;
  transition-duration: 0.2s;
  transition-property: margin, transform;
  width: 24px;
}

.stylesmodule__burger___9q6zI:after {
  margin-top: 8px;
}

.stylesmodule__burger___9q6zI:before {
  margin-top: -8px;
}

.stylesmodule__open___JusfU > .stylesmodule__burger___9q6zI {
  background-color: transparent;
}

.stylesmodule__open___JusfU > .stylesmodule__burger___9q6zI:after, .stylesmodule__open___JusfU > .stylesmodule__burger___9q6zI:before {
  margin-top: 0;
  transition-delay: 0s, 0.2s;
}

.stylesmodule__open___JusfU > .stylesmodule__burger___9q6zI:before {
  transform: rotate(45deg);
}

.stylesmodule__open___JusfU > .stylesmodule__burger___9q6zI:after {
  transform: rotate(-45deg);
}

@media (min-width: 481px) {
  .stylesmodule__button___Dwsvy {
    margin-right: 20px;
  }
  .stylesmodule__hidden___wfCRc {
    margin-right: 20px;
    visibility: visible;
    width: 24px;
  }
  .stylesmodule__hidden___wfCRc .stylesmodule__burger___9q6zI:after, .stylesmodule__hidden___wfCRc .stylesmodule__burger___9q6zI:before {
    width: 24px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .stylesmodule__button___Dwsvy:hover {
    color: var(--header-text-color-90);
  }
}
.stylesmodule__container___HGUds {
  border-radius: 8px;
  cursor: pointer;
  height: 100%;
  min-height: 46px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.stylesmodule__container___HGUds:after, .stylesmodule__container___HGUds:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s;
  width: 100%;
}

.stylesmodule__container___HGUds:before, .stylesmodule__container___HGUds:hover:after {
  opacity: 1;
}

.stylesmodule__container___HGUds:after, .stylesmodule__container___HGUds:hover:before {
  opacity: 0;
}

.stylesmodule__content___B0EVf {
  align-items: center;
  display: flex;
  gap: 13px;
  height: 100%;
  padding: 0 20px;
  position: relative;
  width: 100%;
  z-index: var(--z-index-positive);
}

.stylesmodule__blue___oszj.stylesmodule__container___HGUds:before {
  background: var(--sidebar-buttons-gradient1-default);
}

.stylesmodule__blue___oszj.stylesmodule__container___HGUds:after {
  background: var(--sidebar-buttons-gradient1-hover);
}

.stylesmodule__red___1CmOs.stylesmodule__container___HGUds:before {
  background: var(--sidebar-buttons-gradient3-default);
}

.stylesmodule__red___1CmOs.stylesmodule__container___HGUds:after {
  background: var(--sidebar-buttons-gradient3-hover);
}

@media (min-width: 769px) {
  .stylesmodule__content___B0EVf {
    padding: 0 10px;
  }
}
.stylesmodule__container___BLT3q {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.stylesmodule__text___HI1B {
  color: var(--sidebar-text-colors);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.stylesmodule__text___HI1B.stylesmodule__fullWidth___TYuS3 {
  font-size: 14px;
  line-height: 1.2;
  text-transform: capitalize;
}

.stylesmodule__smallContent___imHxd {
  gap: 8px;
  padding: 0 7px;
}

.stylesmodule__smallContent___imHxd:has(.stylesmodule__fullWidth___TYuS3) {
  gap: 13px;
  padding: 0 11px;
}

 .stylesmodule__wheel___Otooa {
  flex-basis: calc(50% - 8px);
  flex-grow: 1;
  flex-shrink: 1;
}

.stylesmodule__item___waPAI {
  background: var(--background-sidebar);
  border-radius: 8px;
}

 .stylesmodule__wheelIcon___vn0M {
  flex-shrink: 0;
  transform: translateZ(0);
  width: 34px;
}

:where(.stylesmodule__wheel___Otooa, .stylesmodule__rakeback___S5Yv6) .stylesmodule__text___HI1B {
  font-size: 12px;
  line-height: 14px;
}

.stylesmodule__badge___RMk9I {
  height: 10px;
  right: 3px;
  top: 4px;
  width: 10px;
}

 .stylesmodule__badge___RMk9I {
  background: var(--primary-color);
  border: 2px solid var(--background-block);
  border-radius: 50%;
  position: absolute;
}

@media (min-width: 769px) {
  .stylesmodule__container___BLT3q {
    gap: 8px 4px;
  }
}

.stylesmodule__container___cGuSn {
  min-height: 54px;
}

.stylesmodule__item___FGF5N {
  align-items: center;
  background-color: transparent;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  padding: 14px 20px;
  position: relative;
  text-decoration: none;
  z-index: var(--z-index-default);
}

.stylesmodule__activeItem___tU5kI:not(:has(~ .stylesmodule__activeItem___tU5kI)) .stylesmodule__item___FGF5N {
  background: var(--sidebar-hidden-buttons-active-default);
  color: var(--sidebar-text-colors);
}

.stylesmodule__activeItem___tU5kI:not(:has(~ .stylesmodule__activeItem___tU5kI)) .stylesmodule__label___fEL {
  color: var(--sidebar-text-colors);
}

.stylesmodule__activeItem___tU5kI:not(:has(~ .stylesmodule__activeItem___tU5kI)) .stylesmodule__description___eTxiQ {
  color: var(--sidebar-text-colors-60);
}

.stylesmodule__activeItem___tU5kI:not(:has(~ .stylesmodule__activeItem___tU5kI)) .stylesmodule__icon___0Hv0W {
  color: var(--sidebar-text-colors);
}

.stylesmodule__textBlock___YpHxf {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.stylesmodule__label___fEL {
  color: var(--sidebar-text-colors-80);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.stylesmodule__description___eTxiQ {
  color: var(--sidebar-text-colors-40);
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  margin-top: 2px;
}

.stylesmodule__description___eTxiQ, .stylesmodule__label___fEL {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stylesmodule__icon___0Hv0W {
  color: var(--sidebar-text-colors-60);
  display: flex;
  margin-right: 12px;
}

.stylesmodule__icon___0Hv0W svg {
  height: 24px;
  width: 24px;
}
@media (min-width: 769px) {
  .stylesmodule__item___FGF5N {
    padding: 8px 12px;
  }
  .stylesmodule__activeItem___tU5kI:not(:has(~ .stylesmodule__activeItem___tU5kI)) .stylesmodule__description___eTxiQ {
    color: var(--sidebar-text-colors-40);
  }
  .stylesmodule__icon___0Hv0W svg {
    height: 18px;
    width: 18px;
  }
  .stylesmodule__label___fEL {
    color: var(--sidebar-text-colors-60);
  }
  .stylesmodule__description___eTxiQ {
    color: var(--sidebar-text-colors-30);
  }
}
@media (min-width: 769px) {
  .stylesmodule__container___cGuSn:hover .stylesmodule__item___FGF5N .stylesmodule__icon___0Hv0W {
    color: var(--sidebar-text-colors);
  }
}
@media (hover: hover) and (pointer: fine) {
  .stylesmodule__item___FGF5N:hover, .stylesmodule__item___FGF5N:hover .stylesmodule__label___fEL {
    color: var(--sidebar-text-colors);
  }
  .stylesmodule__item___FGF5N:hover .stylesmodule__description___eTxiQ {
    color: var(--sidebar-text-colors-50);
  }
}
.stylesmodule__languageSelector___5DLsQ .uikit__select__button {
  grid-gap: 8px;
  display: grid;
  font-size: 16px;
  font-weight: 600;
  gap: 8px;
  grid-template-columns: min-content 12px;
  line-height: 16px;
  padding: 0;
}

.stylesmodule__languageSelector___5DLsQ .uikit__select__button > img {
  color: var(--base-color);
  min-width: 12px;
  width: 12px;
}

.stylesmodule__languageSelector___5DLsQ fieldset {
  border: none;
}

.stylesmodule__languageSelector___5DLsQ .uikit__select__button__value_label {
  color: var(--base-color-80);
  padding-right: 0;
}

.stylesmodule__languageSelector___5DLsQ .uikit__select__button__value_label {
  grid-gap: 8px;
  align-items: center;
  display: grid;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  line-height: 16px;
  width: auto;
}

.stylesmodule__languageSelector___5DLsQ .uikit__select__button__value_label .stylesmodule__optionIcon___EEq6x {
  opacity: 0.8;
}

.stylesmodule__dropdownSelector___JdCwG {
  --uikit-dropdown-padding-y: 4px ;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__languageSelector___5DLsQ .uikit__select__button:not(:disabled):hover .uikit__select__button__value_label .stylesmodule__optionIcon___EEq6x {
    opacity: 1;
  }
}

.stylesmodule__optionIcon___EEq6x {
  border-radius: 50%;
  height: 24px;
  overflow: hidden;
  position: relative;
  width: 24px;
}

.stylesmodule__optionLabel___AmQ5p {
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stylesmodule__languageSelector___5DLsQ .uikit__select__button__value_label > img, .stylesmodule__optionIcon___EEq6x > img {
  display: inline;
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

.stylesmodule__languageSelector___5DLsQ + .uikit__dropdown {
  padding: 4px;
  width: auto;
}

.stylesmodule__languageSelector___5DLsQ + .uikit__dropdown > .uikit__dropdown__content {
  gap: 4px;
}

.stylesmodule__dropdownSelector___JdCwG .uikit__dropdown__content {
  margin-right: -1px;
  padding: 0 6px 0 4px;
}

.stylesmodule__dropdownSelector___JdCwG .uikit__dropdown__content::-webkit-scrollbar-track {
  margin: 5px 0;
}

@media (min-width: 481px) {
  .stylesmodule__languageSelector___5DLsQ .uikit__select__button {
    gap: 10px;
  }
}
.stylesmodule__languageButton___nuSpx {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

.stylesmodule__languageButton___nuSpx .uikit__select__button {
  grid-template-columns: min-content auto;
}

.stylesmodule__languageButton___nuSpx .uikit__select__icon_end {
  font-size: 12px;
  margin-left: auto;
}

.stylesmodule__languageContainer___3MW7C > button {
  border-radius: 8px;
  padding: 12px 10px !important;
}

.stylesmodule__languageButton___nuSpx .uikit__select__button__value_label {
  color: var(--sidebar-text-colors-60);
  font-weight: 500;
  gap: 12px;
}

.stylesmodule__languageButton___nuSpx .uikit__select__button .uikit__select__icon_end > svg {
  color: var(--sidebar-text-colors-60);
}

.stylesmodule__languageButton___nuSpx .uikit__select__button__value_label > div {
  font-size: 14px;
}

.stylesmodule__languageContainer___3MW7C + .uikit__dropdown {
  padding: 4px;
}

.stylesmodule__languageContainer___3MW7C + .uikit__dropdown > .uikit__dropdown__content > button {
  border-radius: 10px;
  padding: 8px 12px;
}

.stylesmodule__languageContainer___3MW7C + .uikit__dropdown > .uikit__dropdown__content {
  max-height: 245px;
  overflow: auto;
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .stylesmodule__languageContainer___3MW7C > button:hover .uikit__select__button__value_label, .stylesmodule__languageContainer___3MW7C > button:hover .uikit__select__icon_end svg {
    color: var(--base-color);
  }
}
.stylesmodule__container___ZX04U {
  display: grid;
}

.stylesmodule__block___Zfw3M {
  background: var(--background-sidebar);
  border-radius: 8px;
  overflow: hidden;
}

.stylesmodule__containerShadow___v6NS {
  min-height: 54px;
}

.stylesmodule__content___8iOMx {
  justify-content: space-between;
  padding: 0 20px;
}

.stylesmodule__text___L8lTY {
  color: var(--sidebar-text-colors);
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.stylesmodule__icon___cdDgi {
  height: 48px;
  width: 48px;
}

@media (min-width: 769px) {
  .stylesmodule__icon___cdDgi {
    height: 44px;
    width: 44px;
  }
  .stylesmodule__content___8iOMx {
    padding: 0 10px;
  }
}

@media (min-width: 769px) {
  :root {
    --app-offset-left: 60px ;
  }
}
.stylesmodule__drawer___SJrcY {
  inset: var(--app-header-height) 0 var(--app-mobile-menu-height) 0;
  overflow: auto;
  pointer-events: none;
  position: fixed;
  scrollbar-width: none;
  z-index: calc(var(--z-index-drawer) + var(--z-index-positive));
}

.stylesmodule__drawer___SJrcY::-webkit-scrollbar {
  display: none;
  width: 0;
}

.stylesmodule__drawerOpen___f67GW {
  background: var(--background-color);
  pointer-events: auto !important;
}

.stylesmodule__containerShadow___ghJH {
  display: flex;
  flex-direction: column;
  height: 100%;
  pointer-events: auto;
  transform: translate(-100%);
  transition: transform 0.2s;
}

.stylesmodule__containerShadow___ghJH.stylesmodule__open___vLImz {
  transform: translate(0);
}

.stylesmodule__containerShadow___ghJH:before {
  background: var(--gradient-shandow-sidebar-menu);
  content: "";
  display: none;
  height: 20px;
  position: absolute;
  top: 0;
  width: 100%;
}

.stylesmodule__backgroundColorContainer___yl5PT {
  background: var(--background-color);
  max-width: 100%;
  padding: 10px 20px;
  pointer-events: auto;
}

.stylesmodule__drawerOpen___f67GW .stylesmodule__backgroundColorContainer___yl5PT {
  width: 100%;
}

.stylesmodule__header___TCyc {
  display: flex;
  gap: 25px;
  margin-bottom: 8px;
}

.stylesmodule__headerClose___BpsY {
  height: 36px;
  justify-content: end;
  margin-left: auto;
  margin-right: 6px;
  position: relative;
  width: 36px;
}

.stylesmodule__headerClose___BpsY span, .stylesmodule__headerClose___BpsY span:after, .stylesmodule__headerClose___BpsY span:before {
  height: 2px;
  width: 23px;
}

.stylesmodule__menu___GLmuJ {
  align-items: center;
  background: var(--background-block);
  border: 1px solid var(--base-color-10);
  border-radius: 12px;
  box-shadow: var(--shandow-lg);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 30px;
  padding: 15px 10px 10px;
}

.stylesmodule__menu___GLmuJ > * {
  width: 100%;
}

.stylesmodule__menu___GLmuJ hr {
  border-color: var(--base-color-10);
  border-style: solid;
  border-width: 1px 0 0;
  margin: 10px 0;
}

@media (min-width: 481px) {
  .stylesmodule__drawer___SJrcY {
    max-width: 395px;
    padding-right: 20px;
    pointer-events: none;
  }
  .stylesmodule__drawerOpen___f67GW {
    background: transparent;
  }
  .stylesmodule__containerShadow___ghJH {
    background: var(--background-block);
    max-width: 375px;
    transform: translate(-375px);
  }
  .stylesmodule__drawerOpen___f67GW .stylesmodule__backgroundColorContainer___yl5PT {
    box-shadow: var(--shandow-lg);
  }
  .stylesmodule__backgroundColorContainer___yl5PT {
    background: var(--background-sidebar);
    flex: 1 1;
  }
  .stylesmodule__containerShadow___ghJH.stylesmodule__open___vLImz .stylesmodule__backgroundColorContainer___yl5PT {
    box-shadow: var(--shandow-lg);
  }
  .stylesmodule__menu___GLmuJ {
    background: var(--background-sidebar);
  }
  .stylesmodule__header___TCyc {
    justify-content: space-between;
    margin-bottom: 0;
  }
  .stylesmodule__containerShadow___ghJH:before {
    display: block;
  }
}
@media (min-width: 769px) and (hover: hover) {
  .stylesmodule__drawer___SJrcY {
    bottom: 0;
    max-width: 270px;
  }
  .stylesmodule__containerShadow___ghJH {
    align-items: flex-end;
    max-width: 250px;
    transform: translate(-190px);
  }
}
@media (min-width: 769px) and (hover: none) {
  .stylesmodule__drawer___SJrcY {
    bottom: 0;
    max-width: 80px;
    pointer-events: auto;
  }
  .stylesmodule__drawerOpen___f67GW {
    max-width: 270px;
  }
  .stylesmodule__containerShadow___ghJH {
    align-items: flex-end;
    transform: translate(0);
  }
}
@media (min-width: 769px) {
  .stylesmodule__containerShadow___ghJH:before {
    height: 25px;
  }
  .stylesmodule__backgroundColorContainer___yl5PT {
    box-shadow: var(--shandow-lg);
    padding: 0;
  }
  .stylesmodule__header___TCyc {
    margin-bottom: 0;
  }
  .stylesmodule__menu___GLmuJ {
    border: 0;
    box-shadow: none;
    padding: 15px 3px 10px;
    width: 60px;
  }
  .stylesmodule__open___vLImz .stylesmodule__menu___GLmuJ {
    padding: 15px 10px 10px;
    width: 100%;
  }
  .stylesmodule__menu___GLmuJ hr {
    margin: 0;
  }
  .stylesmodule__headerClose___BpsY {
    display: none;
  }
}
@media (max-height: 480px) and (orientation: landscape) {
  .stylesmodule__menu___GLmuJ {
    row-gap: 5px;
  }
}
.stylesmodule__search___ZsDW {
  color: var(--header-text-color-80) !important;
  background: hsla(0, 0%, 100%, 0.05) !important;
  display: none;
  font-size: 22px;
  justify-self: flex-start;
  padding: 0 !important;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__search___ZsDW:hover {
    color: var(--header-text-color) !important;
  }
}
.stylesmodule__search___ZsDW svg {
  height: 1em;
  width: 1em;
}

@media (min-width: 481px) {
  .stylesmodule__search___ZsDW {
    display: flex;
    margin-left: 20px;
  }
}
@media (min-width: 630px) {
  .stylesmodule__search___ZsDW {
    margin-left: 30px;
  }
}
@media (min-width: 769px) {
  .stylesmodule__search___ZsDW {
    margin-left: 40px;
  }
}

.stylesmodule__loginBlock___MITUI {
  grid-gap: 12px;
  display: grid;
  gap: 12px;
  grid-auto-flow: column;
  grid-template-columns: auto auto;
  justify-content: flex-end;
  place-items: center;
}

.stylesmodule__loginBlock___MITUI > button {
  white-space: nowrap;
}

.stylesmodule__loginBlock___MITUI > button[data-color=primary] {
  box-shadow: var(--light-button-primary);
}

.stylesmodule__language___m0X97 {
  margin-left: 12px;
}

.stylesmodule__language___m0X97 .uikit__select__button__value_label {
  color: var(--header-text-color-80);
}

.stylesmodule__language___m0X97 .uikit__select__button .uikit__select__icon_end > svg {
  color: var(--header-text-color-90);
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__language___m0X97 .uikit__select__button:not(:disabled):hover .uikit__select__button__value_label {
    color: var(--header-text-color);
  }
}
.stylesmodule__languageDropdown___CIjNM.uikit__dropdown {
  padding: 0 5px 0 6px !important;
}

.stylesmodule__languageDropdown___CIjNM .uikit__dropdown__content {
  max-height: 245px;
  padding: 4px 0;
}

.stylesmodule__languageDropdown___CIjNM .uikit__dropdown__content::-webkit-scrollbar-track {
  margin: 4px;
}

.stylesmodule__languageDropdown___CIjNM:not(.stylesmodule__singleColumn___2AX6B) .uikit__dropdown__content {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
}

@media (min-width: 481px) {
  .stylesmodule__languageOption___psmLa {
    font-size: 16px !important;
  }
}
@media (min-width: 661px) {
  .stylesmodule__loginBlock___MITUI > button {
    --uikit-button-padding-y:9px;
    --uikit-button-padding-x: 24px;
    line-height: 16px;
  }
}
@media (min-width: 769px) {
  .stylesmodule__loginBlock___MITUI {
    gap: 12px;
    grid-auto-columns: auto;
  }
  .stylesmodule__loginBlock___MITUI > button {
    min-height: 34px;
  }
  .stylesmodule__language___m0X97 {
    margin-left: 12px;
  }
}
.stylesmodule__logo___7RYhA {
  display: flex;
  grid-column: 2/span 2;
  grid-row: 1;
  margin-right: 10px;
  overflow: visible hidden;
}

.stylesmodule__logo___7RYhA::-webkit-scrollbar {
  height: 0;
}

.stylesmodule__smallLogo___nN4Q1 {
  overflow: visible;
}

.stylesmodule__logo___7RYhA > a {
  align-items: center;
  color: var(--primary-color);
  display: flex;
  height: 100%;
}

.stylesmodule__hidden___Jx0mG {
  order: 3 !important;
  visibility: hidden;
}

@media (min-width: 481px) {
  .stylesmodule__logo___7RYhA {
    grid-column: unset;
    grid-row: unset;
  }
}
:root {
  --app-header-height: 54px ;
}

.stylesmodule__header___RRvo1 {
  align-items: center;
  background: var(--background-header);
  box-shadow: var(--shandow-lg);
  color: var(--secondary-color);
  display: grid;
  grid-template-columns: minmax(0, max-content) minmax(auto, min-content) minmax(0, 1fr) auto;
  grid-template-rows: 54px;
  grid-template-rows: var(--app-header-height);
  left: 0;
  min-height: 54px;
  min-height: var(--app-header-height);
  overflow: hidden;
  padding: 0 20px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--z-index-header);
}

.stylesmodule__header___RRvo1 > :first-child {
  order: 1;
}

.stylesmodule__header___RRvo1 > :where(:nth-child(2), :nth-child(3), :nth-child(4), :nth-child(5), :nth-child(6)) {
  order: 2;
}

.stylesmodule__header___RRvo1 > :nth-child(7) {
  order: 6;
}

.stylesmodule__header___RRvo1:before {
  /* background: var(--mutable-light-effect-optical); */
  background: rgba(233, 179, 82, 0.2);
  border-radius: 50%;
  content: "";
  filter: blur(20px);
  height: 50px;
  left: 0;
  position: absolute;
  right: 0;
  top: -25px;
  z-index: var(--z-index-negative);
}

@media (min-width: 481px) {
  .stylesmodule__header___RRvo1 {
    grid-template-columns: repeat(4, minmax(auto, max-content)) auto max-content;
    padding: 0 30px;
  }
  .stylesmodule__header___RRvo1:before {
    filter: blur(42px);
    height: 137px;
    top: -70px;
  }
}
@media (min-width: 769px) {
  :root {
    --app-header-height:60px ;
  }
  .stylesmodule__header___RRvo1 {
    padding: 0 30px 0 18px;
  }
  .stylesmodule__header___RRvo1:before {
    height: 137px;
    top: -70px;
  }
  .stylesmodule__burgerButton___IjLUh {
    display: flex;
  }
}
@media (max-height: 430px) and (orientation: landscape) {
  :root {
    --app-header-height:46px ;
  }
}

.stylesmodule__layout___XynrF {
  height: 100%;
}

.uikit__accordion {
  margin: 30px;
}

.stylesmodule__container___qrk1m, .swiper-wrapper {
  overflow-x: auto;
}

.stylesmodule__overview___lUq76 {
  margin: 0 20px;
}

.seo-text {
  margin: 30px !important;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 48px 40px 46px;
  background-color: #1e1e1e;
  border: 1px solid hsla(0, 0%, 100%, 0.05);
  border-radius: 12px;
}

.seo-text .col-1 {
  width: 30%;
  min-width: 30%;
}

.seo-text .col-2 {
  max-height: 300px;
  overflow-y: auto;
}

@media (min-width: 768px) {
  .seo-text {
    flex-direction: row;
  }
  .seo-text .col-1 {
    width: 100%;
  }
}
h1 {
  font-size: 48px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

.seo-text :not(:first-child) {
  margin-top: 16px;
}

.stylesmodule__layout___GMZH {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.stylesmodule__layout___GMZH > * {
  flex: 1 1;
}

@container body (min-width: 26.938rem) {
  .stylesmodule__layout___GMZH {
    gap: 50px;
  }
}
@container body (min-width: 78.813rem) {
  .stylesmodule__outlet___0ouU0 {
    background: var(--background-block);
    border: 1px solid var(--base-color-5);
    border-radius: 20px;
    box-shadow: var(--shandow-md);
    padding: 36px 50px 40px;
  }
  .stylesmodule__layout___GMZH {
    align-items: flex-start;
    flex-direction: row;
    gap: 30px;
    padding: 20px 30px;
  }
  .stylesmodule__layout___GMZH > :first-child {
    flex: 0 0 auto;
  }
  .stylesmodule__layout___GMZH > :last-child {
    flex: 1 1;
  }
}
.stylesmodule__title___CShou {
  color: var(--base-color);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
  max-width: calc(100vw - 45px);
  overflow: hidden;
}

.stylesmodule__content___ypRi {
  color: var(--base-color-60);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  position: relative;
}

.stylesmodule__content___ypRi h1, .stylesmodule__content___ypRi h2 {
  color: var(--base-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stylesmodule__content___ypRi h2 {
  margin-bottom: 20px;
}

.stylesmodule__content___ypRi > div > title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: initial;
}

text {
  color: var(--base-color-60);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin-top: 10px;
}

text:not(:last-child) {
  margin-bottom: 30px;
}

text p {
  margin-bottom: 10px;
}

text a {
  color: var(--base-color-80);
  text-decoration: underline;
}

text a:hover {
  color: var(--base-color-90);
}

text > ul {
  list-style: none;
  margin-bottom: 20px;
  padding-left: 0;
}

text > ul > li {
  margin: 10px 0;
}

text ul {
  margin-bottom: 20px;
  padding-left: 30px;
  position: relative;
}

text ul > div > li, text ul > li {
  margin: 10px 0;
}

text ul > li::marker {
  content: counter(list-item, lower-latin) ") ";
  font-weight: 600;
}

text > div > ul > li::marker {
  color: var(--base-color-60);
  content: counter(list-item, circle) " ";
}

text > ul > div > li > div {
  display: flex;
}

text h3 {
  margin-top: 20px;
}

text h3:first-child {
  margin-top: 0;
}

.stylesmodule__content___ypRi > div {
  -webkit-padding-start: 0;
  list-style-position: inside;
  list-style-type: decimal;
  margin: initial;
  padding-inline-start: 0;
}

.stylesmodule__content___ypRi > div > li {
  counter-increment: title-counter;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 40px;
}

.stylesmodule__content___ypRi > div > li > h1 {
  display: inline-flex;
}

.stylesmodule__content___ypRi > div > li:last-child {
  margin-bottom: 0;
}

.stylesmodule__content___ypRi > div > li::marker {
  content: counter(title-counter) ".";
}

@container body (min-width: 26.938rem) {
  .stylesmodule__content___ypRi h1, .stylesmodule__content___ypRi h2 {
    font-size: 24px;
  }
  text {
    font-size: 16px;
    line-height: 24px;
  }
  .stylesmodule__content___ypRi > div > li, title {
    font-size: 24px;
    line-height: 30px;
  }
}
.breadcrumbs {
  display: flex;
  padding-bottom: 24px;
}

.breadcrumbs-seperator {
  margin: 0 12px;
}

body:has(> div[id=modal-portal] > .uikit__modal__overlay[id=registration-modal]) {
  --app-mobile-menu-height: 0!important ;
}
.stylesmodule__moderation___csHeP {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}

.stylesmodule__logos___MdiFC {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  text-align: center;
}

.stylesmodule__logos___MdiFC a {
  display: flex;
}

.stylesmodule__logos___MdiFC img {
  height: 49px;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
}

@container body (min-width: 769px) {
  .stylesmodule__logos___MdiFC {
    justify-content: flex-end;
  }
}
.stylesmodule__commonInfo___fvaR {
  border-top: 1px solid var(--base-color-10);
  display: flex;
  flex-direction: column;
  font-weight: 400;
  gap: 14px;
  justify-content: center;
  margin-top: 24px;
  padding-top: 20px;
}

.stylesmodule__description___ZAw4k {
  color: var(--base-color-60);
  display: flex;
  flex-direction: column;
  font-size: 12px;
  gap: 10px;
  line-height: 1.5;
  text-align: center;
}

.stylesmodule__moderation___tQWmk {
  display: none;
}

@container body (min-width: 481px) {
  .stylesmodule__commonInfo___fvaR {
    font-weight: 500;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__commonInfo___fvaR, .stylesmodule__description___ZAw4k {
    text-align: center;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__commonInfo___fvaR {
    grid-gap: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    padding-top: 30px;
  }
  .stylesmodule__description___ZAw4k {
    text-align: left;
  }
  .stylesmodule__moderation___tQWmk {
    display: flex;
  }
}
.stylesmodule__linksBlock___fcMRn {
  background-color: var(--background-block);
  border-bottom: 1px solid var(--base-color-5);
  border-top: 1px solid var(--base-color-5);
  box-shadow: var(--shandow-s);
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
  justify-content: space-between;
  margin: 0 -20px;
  overflow: hidden;
  padding: 30px 20px;
}

.stylesmodule__licence___UIngr {
  flex: 1 1;
  min-width: 40%;
}

.stylesmodule__blocks___b45V {
  display: flex;
  flex-grow: 1000;
  flex-wrap: wrap;
  gap: 30px 120px;
}

.stylesmodule__block___jlLS {
  grid-gap: 16px;
  display: grid;
  flex: 1 1 auto;
  gap: 16px;
  grid-auto-flow: row;
  grid-auto-rows: min-content;
  position: relative;
}

.stylesmodule__block___jlLS:before {
  border-left: 1px solid var(--base-color-10);
  content: "";
  height: 100%;
  left: -60px;
  position: absolute;
}

.stylesmodule__title___vI7T9 {
  color: var(--base-color-80);
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}

.stylesmodule__list___RdWYt {
  grid-gap: 12px 50px;
  align-items: flex-start;
  display: grid;
  gap: 12px 50px;
  grid-auto-flow: row;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(2, minmax(min-content, max-content));
}

.stylesmodule__contact___ytDOU, .stylesmodule__link___NJEfO {
  word-wrap: break-word;
  color: var(--base-color-80);
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  text-decoration: initial;
}

.stylesmodule__contact___ytDOU {
  align-items: center;
  background-color: transparent;
  border: none;
  display: flex;
  padding: 0;
}

.stylesmodule__contact___ytDOU > svg {
  margin-right: 10px;
  width: 22px;
}

@container body (min-width: 481px) {
  .stylesmodule__contact___ytDOU, .stylesmodule__link___NJEfO {
    font-size: 16px;
  }
  .stylesmodule__linksBlock___fcMRn {
    border: 1px solid var(--base-color-5);
    border-radius: 12px;
    margin: 0;
    padding: 30px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__linksBlock___fcMRn {
    display: flex;
    gap: 40px 120px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__licence___UIngr {
    min-width: 550px;
  }
  .stylesmodule__linksBlock___fcMRn {
    padding: 48px 40px 46px;
  }
}
@container body (min-width: 1921px) {
  .stylesmodule__blocks___b45V {
    flex-grow: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .stylesmodule__contact___ytDOU:focus, .stylesmodule__contact___ytDOU:hover, .stylesmodule__link___NJEfO:focus, .stylesmodule__link___NJEfO:hover {
    color: var(--base-color);
    cursor: pointer;
  }
}
.stylesmodule__logoContainer___a67PS {
  display: flex;
}

.stylesmodule__text___9G {
  color: var(--base-color-80);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 20px;
}

@container body (min-width: 481px) {
  .stylesmodule__text___9G {
    font-size: 14px;
  }
}
.stylesmodule__footer___tXImh {
  margin: auto 0 0;
  padding: 0 20px 20px;
}

.stylesmodule__moderation___CR9C2 {
  flex-direction: column;
  justify-content: center;
  margin-top: 30px;
}

@container body (min-width: 481px) {
  .stylesmodule__footer___tXImh {
    padding: 0 30px 20px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__moderation___CR9C2 {
    display: none;
  }
  .stylesmodule__footer___tXImh {
    padding: 0 20px 20px;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__footer___tXImh {
    padding: 0 30px 20px;
  }
}
.stylesmodule__layout___1HLw {
  color: var(--base-color);
  display: flex;
  flex-direction: column;
  gap: 60px;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
  position: relative;
}

.stylesmodule__content___Gytdh > :last-child {
  margin-bottom: 0;
}

@container body (min-width: 769px) {
  .stylesmodule__layout___1HLw {
    gap: 80px;
  }
}
.stylesmodule__pageLayout___zwo9e {
  background: var(--background-block);
  box-sizing: border-box;
  color: var(--base-color);
  margin: 0 auto;
  max-width: 1670px;
  padding: 50px 20px;
  scroll-margin-top: inherit;
  width: 100%;
}

@container body (min-width: 26.938rem) {
  .stylesmodule__pageLayout___zwo9e {
    padding: 50px 30px;
  }
}
@container body (min-width: 78.813rem) {
  .stylesmodule__pageLayout___zwo9e {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    padding-bottom: 0;
  }
}

.stylesmodule__additional___cS49M {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  max-width: 468px;
  padding: 40px 0;
  width: 100%;
}

.stylesmodule__additionalRow___Cl7wn {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  line-height: 20px;
  position: relative;
}

.stylesmodule__additionalRowLabel___KHfOX {
  color: var(--base-color-80);
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  width: -moz-max-content;
  width: max-content;
}

.stylesmodule__additionalRowValue___SyRE2 {
  color: var(--base-color);
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  width: -moz-max-content;
  width: max-content;
}

.stylesmodule__additionalRow___Cl7wn:not(:last-child, :has(div[id=table])):after {
  border-top: 1px solid var(--base-color-10);
  bottom: -12px;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}

.stylesmodule__additionalRow___Cl7wn:has(+ .stylesmodule__additionalRow___Cl7wn div[id=table]):after {
  display: none;
}

@media (min-width: 481px) {
  .stylesmodule__additionalRowLabel___KHfOX {
    font-size: 14px;
  }
  .stylesmodule__additionalRowValue___SyRE2 {
    font-size: 16px;
  }
}
@media (min-width: 769px) {
  .stylesmodule__additional___cS49M {
    border: 1px solid var(--block-stroke);
    border-radius: 20px;
    height: 100%;
    max-width: 600px;
    padding: 50px;
    margin: 24px 0;
  }
}

@keyframes stylesmodule__pulsate___dYtZ {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.stylesmodule__container___tzb2p .ql-container {
  border: none !important;
  font-family: inherit;
  overflow: hidden;
}

.stylesmodule__container___tzb2p .ql-editor {
  padding: 0;
}

 .stylesmodule__container___tzb2p ul {
  padding-left: 0 !important;
}

.stylesmodule__container___tzb2p h1, .stylesmodule__container___tzb2p h2 {
  font-weight: 700;
}

.stylesmodule__container___tzb2p s {
  text-decoration: line-through;
}

.stylesmodule__container___tzb2p a {
  color: var(--primary-color) !important;
}

:root {
  --animation-duration: 0.3s ;
}

.stylesmodule__game___RG88F {
  aspect-ratio: 1;
  border-radius: 12px;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}

.stylesmodule__cardContainer___ZyKUp {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  container-type: size;
  flex-direction: column;
  width: 100%;
}

.stylesmodule__cardContainer___ZyKUp, .stylesmodule__iconContainer___Cpw5S {
  border-radius: inherit;
  display: flex;
  height: 100%;
  overflow: inherit;
  position: relative;
}

.stylesmodule__icon___Kq7s2 {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  transform: scale(1);
  transition: transform 0.3s;
  transition: transform var(--animation-duration);
  width: 100%;
}

.stylesmodule__icon___Kq7s2:not([src]) {
  height: 0;
  width: 0;
}

.stylesmodule__iconOverlay___DV7v2 {
  align-items: center;
  background-color: var(--bg-hover-game-card);
  flex-direction: column;
  inset: 0;
  justify-content: center;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s;
  transition: opacity var(--animation-duration);
}

.stylesmodule__tags___W9x53 {
  color: var(--game-card-elements);
  display: flex;
  gap: 8px;
  position: absolute;
  transform: translateZ(0);
}

div[data-is-wide] .stylesmodule__tags___W9x53 {
  --card-tag-unit: 1cqh ;
}

.stylesmodule__tagsTop___g6ZL {
  left: max(4cqh, 6px);
  top: max(4cqh, 6px);
}

.stylesmodule__tags___W9x53 > div {
  border-radius: 4px;
  cursor: default;
  font-size: max(4.9cqi, 10px);
  font-size: max(var(--card-tag-unit, 1cqi) * 4.9, 10px);
  font-weight: 700;
  line-height: normal;
  padding: 4px 8px;
  text-transform: uppercase;
}

.stylesmodule__description___hle1t {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.5cqh;
  margin-bottom: 4.7cqh;
  text-align: center;
  width: 100%;
}

.stylesmodule__gameTitle___priCL {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--game-card-text);
  display: -webkit-box;
  font-size: 8cqh;
  font-weight: 700;
  line-height: normal;
  overflow: hidden;
  padding: 0 12cqh;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.stylesmodule__gameProviderTitle___uhUrt {
  color: var(--game-card-text-80);
  font-size: 4.87cqh;
  font-weight: 600;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__demoButton___Wu4w8:hover {
    color: var(--game-card-text-80);
  }
}

.stylesmodule__playButton___J4g4u {
  align-items: center;
  box-shadow: var(--light-button-primary);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  inset: 0;
  justify-content: center;
  padding: 0;
  position: absolute;
}

.stylesmodule__playButton___J4g4u svg {
  color: var(--mutable-play-button);
  flex-shrink: 0;
  font-size: 8.6cqh;
  height: 1em;
  width: 1em;
}

.stylesmodule__demoButton___Wu4w8 {
  background-color: transparent;
  border: none;
  color: var(--game-card-text);
  cursor: pointer;
  display: none;
  font-size: 4.82cqh;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 9.41cqh;
  text-decoration: underline;
  text-transform: uppercase;
}

@media (min-width: 769px) and (min-height: 481px) {
  .stylesmodule__demoButton___Wu4w8 {
    display: inline;
    display: initial;
  }
  .stylesmodule__playButton___J4g4u {
    border-radius: 50%;
    font-size: 21.57cqh;
    height: 1em;
    inset: unset;
    position: static;
    width: 1em;
  }
  .stylesmodule__iconOverlay___DV7v2 {
    display: flex;
  }
}
@media (min-width: 769px) and (min-height: 481px) and (hover: hover) and (pointer: fine) {
  .stylesmodule__game___RG88F:hover .stylesmodule__icon___Kq7s2 {
    transform: scale(1.05);
  }
  .stylesmodule__game___RG88F:hover .stylesmodule__iconOverlay___DV7v2 {
    -webkit-backdrop-filter: var(--blur-bg-game);
    backdrop-filter: var(--blur-bg-game);
    opacity: 1;
    z-index: var(--z-index-tooltip-default);
  }
  .stylesmodule__game___RG88F:hover .stylesmodule__playButton___J4g4u {
    animation: stylesmodule__scale-animation___UjMJV 0.45s forwards;
    animation: stylesmodule__scale-animation___UjMJV calc(var(--animation-duration) * 1.5) forwards;
  }
}
@keyframes stylesmodule__scale-animation___UjMJV {
  0% {
    transform: scale(1.4);
  }
  to {
    transform: scale(1);
  }
}
@media (hover: hover) and (pointer: fine) {
  .stylesmodule__playButton___J4g4u:not(:disabled) {
    box-shadow: var(--light-button-primary) !important;
  }
  .stylesmodule__playButton___J4g4u:hover svg {
    color: var(--mutable-play-button-hover);
  }
}
@media (hover: none) or (pointer: coarse) {
  .stylesmodule__playButton___J4g4u {
    border-radius: 0;
    border-radius: initial;
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
  }
}
.stylesmodule__showMore___jHXqP {
  font-size: 12px;
  font-weight: 600;
  gap: 10px;
  margin: 14px auto 0;
}

.stylesmodule__showMore___jHXqP:disabled {
  border: initial;
}

@media (min-width: 481px) {
  .stylesmodule__showMore___jHXqP {
    font-size: 14px;
    margin-top: 20px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__showMore___jHXqP {
    margin-top: 24px;
  }
}
.stylesmodule__wrapper___epJS {
  display: flex;
  height: 190px;
  margin-bottom: 20px;
}

.stylesmodule__container___nYosI {
  align-items: center;
  display: flex;
  height: 190px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: var(--z-index-default);
}

.stylesmodule__wrapper___epJS:first-child > .stylesmodule__container___nYosI:before {
  top: -60px;
}

.stylesmodule__container___nYosI:before {
  background: radial-gradient(50% 50% at 50% 50%, hsla(0, 0%, 8%, 0) 0, var(--background-color) 100%);
  content: "";
  inset: 0;
  position: absolute;
  z-index: var(--z-index-negative);
}

.stylesmodule__container___nYosI:after {
  background: linear-gradient(0deg, var(--background-color) 0, hsla(0, 0%, 8%, 0) 100%);
  bottom: 0;
  content: "";
  height: 68px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: var(--z-index-negative);
}

.stylesmodule__info___A7Oen {
  width: 100cqw;
}

.stylesmodule__background___91aoy {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: calc(var(--z-index-negative) + var(--z-index-negative));
}

.stylesmodule__content___BONnt {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 7px;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 20px;
  text-align: center;
  z-index: var(--z-index-tooltip-default);
}

.stylesmodule__title___KmWam {
  color: var(--primary2-solid-color-gold-100);
  font-size: 26px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.stylesmodule__description___eVZYw, .stylesmodule__title___KmWam {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.stylesmodule__description___eVZYw {
  color: var(--base-color-90);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 481px) {
  .stylesmodule__wrapper___epJS {
    height: 220px;
    margin-bottom: 30px;
  }
  .stylesmodule__container___nYosI {
    height: 220px;
  }
  .stylesmodule__content___BONnt {
    gap: 10px;
  }
  .stylesmodule__title___KmWam {
    font-size: 40px;
  }
  .stylesmodule__description___eVZYw {
    font-size: 20px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__wrapper___epJS {
    height: 270px;
    margin-bottom: 30px;
  }
  .stylesmodule__container___nYosI {
    height: 270px;
  }
  .stylesmodule__title___KmWam {
    font-size: 40px;
  }
  .stylesmodule__description___eVZYw {
    font-size: 20px;
  }
}
.stylesmodule__affiliateBlock___4ZhJt {
  background: var(--background-block);
  border: 1px solid var(--block-stroke);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 10px;
  position: relative;
}

@container body (min-width: 481px) {
  .stylesmodule__affiliateBlock___4ZhJt {
    padding: 20px 30px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__affiliateBlock___4ZhJt {
    grid-column: span 2;
    padding: 20px;
  }
}
@container body (min-width: 1025px) and (max-width: 1180px) {
  .stylesmodule__affiliateBlock___4ZhJt:nth-child(-n+2) {
    grid-column: span 3;
  }
  .stylesmodule__affiliateBlock___4ZhJt:nth-child(3) {
    grid-column: 1/-1;
  }
}
.stylesmodule__background___shmVP {
  inset: 0;
  position: absolute;
}

.stylesmodule__image___FQI4M {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 70%;
  object-position: 70%;
  width: 100%;
}

.stylesmodule__content___aOeAA {
  margin: 0 10px;
  position: relative;
}

.stylesmodule__percent___DpwuY {
  color: var(--base-color);
  font-size: 84px;
  font-weight: 700;
  line-height: 100px;
  text-transform: uppercase;
}

.stylesmodule__description___EWPpt {
  color: var(--base-color-80);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 15px;
  max-width: 276px;
}

@container body (min-width: 481px) {
  .stylesmodule__image___FQI4M {
    -o-object-position: 50%;
    object-position: 50%;
  }
  .stylesmodule__content___aOeAA {
    margin: 0;
  }
  .stylesmodule__description___EWPpt {
    font-weight: 500;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__image___FQI4M {
    -o-object-position: 30%;
    object-position: 30%;
  }
  .stylesmodule__description___EWPpt {
    max-width: 264px;
  }
}
.stylesmodule__dataBlock___oodfn {
  align-items: center;
  background-color: var(--background-block-additional);
  border: 1px solid var(--block-stroke);
  border-radius: 12px;
  display: flex;
  margin-bottom: 10px;
  padding: 10px;
}

.stylesmodule__stepContainer___k2Pn {
  align-items: center;
  background: var(--background-block-additional);
  border: 1px solid var(--base-color-5);
  border-radius: 12px;
  display: flex;
  height: 60px;
  justify-content: center;
  margin-right: 20px;
  min-height: 60px;
  min-width: 60px;
  overflow: hidden;
  position: relative;
  width: 60px;
}

.stylesmodule__stepContainer___k2Pn:before {
  background: var(--base-color-50);
  border-radius: 50%;
  content: "";
  filter: blur(36px);
  height: 47px;
  left: 0;
  position: absolute;
  right: 0;
  top: -13px;
  transform: translateZ(0);
}

.stylesmodule__step___cgzBl {
  font-size: 25px;
  font-weight: 700;
  line-height: 28px;
  z-index: var(--z-index-positive);
}

.stylesmodule__content___OGENa {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.stylesmodule__title___NrZnH {
  color: var(--base-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.stylesmodule__title___NrZnH > span {
  color: var(--primary-color);
}

.stylesmodule__description___hquYg {
  color: var(--base-color-60);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 4px;
}

@container body (min-width: 481px) {
  .stylesmodule__stepContainer___k2Pn {
    height: 82px;
    min-height: 82px;
    min-width: 82px;
    width: 82px;
  }
  .stylesmodule__step___cgzBl {
    font-size: 34px;
    line-height: 38px;
  }
  .stylesmodule__title___NrZnH {
    font-size: 20px;
  }
  .stylesmodule__description___hquYg {
    font-size: 16px;
    line-height: 21px;
  }
  .stylesmodule__stepContainer___k2Pn {
    height: 74px;
    min-height: 74px;
    min-width: 74px;
    width: 74px;
  }
}
.stylesmodule__button___izIZt {
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin: 10px auto 0;
  max-width: 470px;
  padding: 14px 22px;
  text-transform: inherit;
  width: 100%;
}

.stylesmodule__button___izIZt:disabled {
  padding: 12px 20px;
}

.stylesmodule__amount___ulvBu {
  display: inline-block;
}

.stylesmodule__content___mnxl {
  display: flex;
  margin: 10px 0;
}

.stylesmodule__line___OJJs5 {
  background-color: var(--base-color-40);
  border-radius: 2px;
  display: none;
  min-width: 4px;
  width: 4px;
}

.stylesmodule__text___zfOMQ {
  color: var(--base-color-60);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin: 0 10px;
}

.stylesmodule__text___zfOMQ > div:last-child {
  margin-top: 20px;
}

@container body (min-width: 481px) {
  .stylesmodule__line___OJJs5 {
    display: block;
  }
  .stylesmodule__text___zfOMQ {
    font-size: 14px;
    line-height: 21px;
    margin: 0 30px 0 20px;
  }
  .stylesmodule__text___zfOMQ > div:last-child {
    margin-top: 27px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__info___o4Gw1 {
    grid-column: 1/-3;
  }
  .stylesmodule__content___mnxl {
    margin: 0;
  }
  .stylesmodule__text___zfOMQ {
    font-size: 16px;
    line-height: 24px;
    margin: 0 60px 0 30px;
  }
}
.stylesmodule__title___9ySl {
  color: var(--base-color-60);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.stylesmodule__fakeInput___6dLza {
  align-items: center;
  background-color: var(--base-color-10);
  border-radius: 8px;
  display: flex;
  height: 44px;
  justify-content: space-between;
  margin: 10px 0 20px;
  padding: 2px;
}

.stylesmodule__value___L5AmM {
  color: var(--base-color);
  margin: 0 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stylesmodule__iconButton___WuOOq {
  background-color: var(--base-color-10);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  padding: 8px;
}

.stylesmodule__iconButton___WuOOq > svg {
  color: var(--base-color-60);
  height: 24px;
  width: 24px;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__iconButton___WuOOq:hover {
    background-color: var(--base-color-20);
  }
  .stylesmodule__iconButton___WuOOq:hover > svg {
    color: var(--base-color-80);
  }
}
@container body (min-width: 481px) {
  .stylesmodule__fakeInput___6dLza {
    margin: 10px 0 30px;
  }
}
.stylesmodule__link___aYZcI {
  margin: auto auto 0;
  max-width: 470px;
  width: 100%;
}

.stylesmodule__button___FbU2D {
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  padding: 14px 22px;
  text-transform: inherit;
  width: 100%;
}

.stylesmodule__dataLine___SBTo {
  align-items: center;
  display: flex;
  padding-bottom: 10px;
}

.stylesmodule__dataLine___SBTo:not(:first-child) {
  border-top: 1px solid var(--base-color-5);
  padding: 10px 0;
}

.stylesmodule__iconContainer___dd4B5 {
  align-items: center;
  border: 1px solid var(--base-color-10);
  border-radius: 12px;
  color: var(--base-color-40);
  display: flex;
  height: 60px;
  justify-content: center;
  margin-right: 20px;
  min-height: 60px;
  min-width: 60px;
  overflow: hidden;
  position: relative;
  width: 60px;
}

.stylesmodule__iconContainer___dd4B5:before {
  background: var(--base-color-20);
  border-radius: 50%;
  content: "";
  filter: blur(34px);
  height: 39px;
  left: -5px;
  position: absolute;
  right: -5px;
  top: -15px;
  transform: translateZ(0);
}

.stylesmodule__iconContainer___dd4B5 > picture {
  height: 34px;
  min-height: 34px;
  min-width: 34px;
  width: 34px;
}

.stylesmodule__title___H18zM {
  color: var(--base-color-60);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

@keyframes stylesmodule__placeholder___zvNwC {
  0% {
    background-position: 0;
  }
  50% {
    background-position: 100%;
  }
  to {
    background-position: 0;
  }
}
.stylesmodule__value___XOOA {
  align-items: center;
  color: var(--base-color-90);
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 28px;
  margin-top: 4px;
}

.stylesmodule__value___XOOA > div > button {
  font-size: 18px;
}

.stylesmodule__value___XOOA > div > button > svg {
  rotate: 90deg;
}

@container body (min-width: 481px) {
  .stylesmodule__iconContainer___dd4B5 {
    height: 74px;
    margin-right: 26px;
    min-height: 74px;
    min-width: 74px;
    width: 74px;
  }
  .stylesmodule__iconContainer___dd4B5 > picture {
    height: 42px;
    min-height: 42px;
    min-width: 42px;
    width: 42px;
  }
  .stylesmodule__dataLine___SBTo {
    padding-bottom: 20px;
  }
  .stylesmodule__dataLine___SBTo:not(:first-child) {
    padding: 20px 0;
  }
  .stylesmodule__value___XOOA {
    font-size: 20px;
  }
}
.stylesmodule__button___Qlp5G {
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin: 10px auto 0;
  max-width: 470px;
  padding: 14px 22px;
  text-transform: inherit;
  width: 100%;
}

.stylesmodule__button___Qlp5G:disabled {
  padding: 12px 20px;
}

.stylesmodule__currency___EolcU svg {
  font-size: 17px;
}

@container body (min-width: 481px) {
  .stylesmodule__button___Qlp5G {
    margin: auto auto 0;
  }
  .stylesmodule__currency___EolcU svg {
    font-size: 22px;
  }
}
.stylesmodule__specialOffer___nsKAh {
  align-items: center;
  flex-direction: row;
  grid-column: unset;
}

.stylesmodule__image___roAnk {
  display: none;
  height: 160px;
  min-width: 156px;
}

.stylesmodule__content___cXqh {
  color: var(--base-color-60);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin: 10px;
}

.stylesmodule__content___cXqh > div:last-child {
  margin-top: 30px;
}

.stylesmodule__content___cXqh a {
  text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__content___cXqh a:hover {
    color: var(--base-color-70);
  }
}
@container body (min-width: 481px) {
  .stylesmodule__image___roAnk {
    display: block;
    margin: 0 4px -16px -28px;
  }
  .stylesmodule__content___cXqh {
    font-size: 14px;
    line-height: 21px;
    margin: 10px 0;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__image___roAnk {
    margin: 0 8px -16px -4px;
  }
  .stylesmodule__specialOffer___nsKAh {
    grid-column: 1/-1;
    padding-right: 90px;
  }
  .stylesmodule__content___cXqh {
    margin: 0;
  }
}
.stylesmodule__overview___lUq76 {
  grid-gap: 20px 12px;
  display: grid;
  gap: 20px 12px;
  grid-template-columns: minmax(300px, 1fr);
}

@container body (min-width: 769px) {
  .stylesmodule__overview___lUq76 {
    gap: 15px 12px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__overview___lUq76 {
    grid-template-columns: repeat(6, minmax(150px, 248px));
  }
}

.stylesmodule__tabs___KvE5n {
  justify-self: center;
  margin-bottom: 10px;
  margin-top: auto;
}

@container body (min-width: 481px) {
  .stylesmodule__tabs___KvE5n {
    margin-bottom: 2px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__tabs___KvE5n {
    margin-bottom: 16px;
  }
}
.stylesmodule__tabs___DSFd {
  background: transparent;
  border-radius: 0;
  border-top: none;
  display: flex;
  padding: 0;
}

.stylesmodule__tabs___DSFd > * {
  margin-bottom: -1px;
}

.stylesmodule__tabsContainer___pbb8n {
  gap: 40px;
}

.stylesmodule__tab___dqA1C {
  background-color: transparent;
  color: var(--base-color-60);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  padding: 0 0 6px;
  text-transform: inherit;
}

.stylesmodule__tab___dqA1C.stylesmodule__activeTab___3kngp:after {
  height: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__activeTab___3kngp:hover {
    color: var(--primary-color-hover) !important;
  }
}
@container body (min-width: 481px) {
  .stylesmodule__tabs___DSFd {
    padding-inline: 10px;
  }
  .stylesmodule__tabsContainer___pbb8n {
    gap: 100px;
  }
  .stylesmodule__tab___dqA1C {
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 8px;
  }
  .stylesmodule__tab___dqA1C.stylesmodule__activeTab___3kngp:after {
    height: 3px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__tabs___DSFd {
    padding-inline: 0;
  }
}
.stylesmodule__providersContainer___SPhJK {
  margin: 24px 0;
  padding: 0 20px;
}

.stylesmodule__list___0XdKd {
  margin-bottom: -26px;
  margin-top: -26px;
  padding-bottom: 26px;
  padding-top: 26px;
}

.stylesmodule__provider___TPVjc {
  background: var(--background-block);
  border-radius: 2.1333cqw;
  box-shadow: var(--shandow-s);
  cursor: pointer;
  height: 17.336cqw;
  padding: 10px 20px;
}

@media (hover: hover) {
  .stylesmodule__provider___TPVjc:hover {
    background: var(--base-color-10);
  }
}
.stylesmodule__provider___TPVjc img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.stylesmodule__list___0XdKd > * {
  min-width: calc(50% - 2.5px);
  width: calc(50% - 2.5px);
}

.stylesmodule__list___0XdKd > * button {
  width: 100%;
}

.stylesmodule__list___0XdKd > * > button:first-child {
  margin-bottom: 8px;
}

.stylesmodule__text___5VQZ0 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 481px) {
  .stylesmodule__providersContainer___SPhJK {
    margin: 30px 0;
    padding: 0 30px;
  }
  .stylesmodule__provider___TPVjc {
    border-radius: 1.86cqw;
    height: 9.98cqw;
    padding: 10px 26px;
  }
}
@container body (min-width: 600px) {
  .stylesmodule__provider___TPVjc {
    border-radius: 1.33cqw;
    height: 8.2cqw;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__providersContainer___SPhJK {
    margin: 40px 0;
  }
  .stylesmodule__providersContainer___SPhJK:has(> button) {
    margin-bottom: 50px;
  }
  .stylesmodule__provider___TPVjc {
    border-radius: 1.04cqw;
    height: 8.06cqw;
  }
}
@media (min-width: 481px) {
  .stylesmodule__list___0XdKd > * {
    min-width: calc(33.33333% - 5.33333px);
    width: calc(33.33333% - 5.33333px);
  }
}
@container body (min-width: 600px) {
  .stylesmodule__list___0XdKd > * {
    min-width: calc(25% - 6px);
    width: calc(25% - 6px);
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__providersContainer___SPhJK {
    padding: 0 20px;
  }
  .stylesmodule__provider___TPVjc {
    border-radius: 0.78cqw;
    height: 7.103cqw;
    padding: 15px 30px;
  }
  .stylesmodule__list___0XdKd > * {
    min-width: calc(25% - 9px);
    width: calc(25% - 9px);
  }
}
@container body (min-width: 1280px) {
  .stylesmodule__provider___TPVjc {
    border-radius: 0.625cqw;
    height: 4.906cqw;
  }
  .stylesmodule__list___0XdKd > * {
    min-width: calc(14.28571% - 10.28571px);
    width: calc(14.28571% - 10.28571px);
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__providersContainer___SPhJK {
    padding: 0 30px;
  }
}
.stylesmodule__container___qrk1m {
  --grid-gap: 8px;
  --grid-num: 2;
  grid-gap: var(--grid-gap);
  backface-visibility: hidden;
  display: grid;
  gap: var(--grid-gap);
  grid-auto-columns: calc(100% / var(--grid-num) - (var(--grid-num) - 1) * var(--grid-gap) / var(--grid-num));
  grid-auto-flow: column;
  grid-template-rows: 1fr;
  scrollbar-width: none;
  touch-action: pan-y pinch-zoom;
}

@media (min-width: 481px) {
  .stylesmodule__container___qrk1m {
    --grid-gap:12px;
    --grid-num: 4 ;
  }
}
@container body (min-width: 1280px) {
  .stylesmodule__container___qrk1m {
    --grid-num: 7 ;
  }
}

.stylesmodule__title___uLjXy {
  align-items: center;
  color: var(--base-color);
  display: flex;
  font-size: 16px;
  font-weight: 700;
  gap: 18px;
  line-height: 16px;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.stylesmodule__controls___JqC6 {
  display: flex;
  gap: 20px;
  margin-left: auto;
  min-width: -moz-max-content;
  min-width: max-content;
}

.stylesmodule__controls___JqC6 a {
  text-decoration: none;
}

.stylesmodule__goBack___W1h9G {
  height: 32px;
  padding: 9px 15px;
  width: 32px;
}

.stylesmodule__goBack___W1h9G > * {
  height: 14px;
  width: 14px;
}

.stylesmodule__seeAll___pEGeL {
  gap: 10px;
  padding-left: 18px;
  padding-right: 18px;
}

.stylesmodule__totalCount___dGVWU {
  background-color: var(--base-color-10);
  border-radius: 19px;
  color: var(--uikit-button-secondary-color);
  font-size: 10px;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  margin: -6px 0;
  min-width: 30px;
  padding: 0 4px;
  text-align: center;
}

.stylesmodule__navigation___vJd5 {
  display: none;
}

.stylesmodule__text___mY8fm {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 480px) {
  .stylesmodule__seeAll___pEGeL {
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    gap: 4px;
    line-height: 20px;
    padding: 7px 12px !important;
  }
}
@media (min-width: 481px) {
  .stylesmodule__title___uLjXy {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 12px;
  }
  .stylesmodule__totalCount___dGVWU {
    font-size: 14px;
    min-width: 32px;
  }
  .stylesmodule__seeAll___pEGeL {
    padding-left: 26px;
    padding-right: 26px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__seeAll___pEGeL {
    padding-left: 20px;
    padding-right: 20px;
  }
  .stylesmodule__navigation___vJd5 {
    display: flex;
    gap: 4px;
  }
  .stylesmodule__title___uLjXy {
    line-height: 1;
    margin-bottom: 20px;
  }
}
.stylesmodule__games___36pQ7 {
  grid-gap: 8px;
  display: grid;
  gap: 8px;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
}

.stylesmodule__games___36pQ7:before {
  content: "";
  grid-column: 1/1;
  grid-row: 1/1;
  padding-bottom: 100%;
  width: 0;
}

.stylesmodule__games___36pQ7 > div {
  position: relative;
}

.stylesmodule__games___36pQ7 > div:first-child {
  aspect-ratio: unset;
  grid-column: 1/span 2;
  grid-row: 1/1;
}

.stylesmodule__games___36pQ7 img {
  max-height: 100%;
  position: absolute;
}

@media (min-width: 481px) {
  .stylesmodule__games___36pQ7 {
    gap: 12px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@container body (min-width: 1280px) {
  .stylesmodule__games___36pQ7 {
    gap: 12px;
    grid-template-columns: repeat(7, 1fr);
  }
}
.stylesmodule__gamesCategory___ll8Zg {
  margin-top: 24px;
  overflow: hidden;
  padding: 0 20px;
}

@media (min-width: 481px) {
  .stylesmodule__gamesCategory___ll8Zg {
    margin-top: 30px;
    padding: 0 30px;
  }
  .stylesmodule__paged___8HgK + div {
    margin-top: 12px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__gamesCategory___ll8Zg {
    padding: 0 20px;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__gamesCategory___ll8Zg {
    padding: 0 30px;
  }
}

.stylesmodule__searchButton___jaOZO {
  gap: 12px;
}

.stylesmodule__searchButton___jaOZO svg:last-child {
  margin-left: auto;
}

.stylesmodule__game___XYvAP {
  align-items: center;
  background-color: transparent;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  height: 60px;
  padding: 12px 10px;
}

.stylesmodule__icon___6FNq {
  border-radius: 6px;
  height: 64px;
  width: 64px;
}

.stylesmodule__info___rnk81 {
  flex-grow: 1;
  text-align: start;
}

.stylesmodule__title___YQHd1 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--base-color);
  display: -webkit-box;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  overflow: hidden;
}

.stylesmodule__provider___YfZss {
  color: var(--base-color-60);
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stylesmodule__icon___6FNq, .stylesmodule__title___YQHd1 {
  transition: 0.4s;
}

@media (min-width: 481px) {
  .stylesmodule__game___XYvAP {
    gap: 15px;
    padding: 0 10px 0 20px;
  }
}
@container body (min-width: 600px) {
  .stylesmodule__game___XYvAP {
    max-width: 210px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__game___XYvAP {
    gap: 20px;
    padding: 0 16px 0 20px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .stylesmodule__game___XYvAP:hover {
    background-color: var(--base-color-5);
  }
  .stylesmodule__game___XYvAP:hover .stylesmodule__icon___6FNq {
    transform: scale(1.1);
  }
}
@media (hover: none) and (pointer: coarse) {
  .stylesmodule__game___XYvAP:hover {
    background-color: var(--base-color-5);
  }
}
.stylesmodule__container___xwlsx {
  background-color: var(--background-block);
  border: 1px solid var(--block-stroke);
  border-radius: 20px;
  box-shadow: var(--shandow-md);
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  visibility: visible !important;
  width: 100% !important;
  z-index: var(--z-index-tooltip-overlap) !important;
}

.stylesmodule__list___vjnxN {
  grid-gap: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(min(210px, 50% - 10px), 1fr));
  margin: 0 -10px 0 2px;
  max-height: 392px;
  overflow: auto;
  padding: 31px 0;
}

.stylesmodule__list___vjnxN::-webkit-scrollbar-track {
  margin: 31px;
}

.stylesmodule__listTitle___bf4ii {
  border-bottom: 1px solid var(--base-color-10);
  color: var(--base-color);
  display: none;
  font-size: 20px;
  font-weight: 700;
  margin: 0 -20px;
  padding: 10px 20px 20px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
}

.stylesmodule__closeButton___RZQYg {
  color: var(--base-color) !important;
  font-size: 16px;
  padding: 4px;
  position: absolute;
  right: 20px;
  top: 8px;
}

.stylesmodule__closeButton___RZQYg svg {
  height: 1em;
  width: 1em;
}

.stylesmodule__card___hrNCt {
  overflow: hidden;
}

.stylesmodule__cardIcon___2diaU {
  height: 38px;
  width: 38px;
}

.stylesmodule__cardContent___KURjU {
  flex: 1 1;
  min-width: 0;
}

@media (min-width: 481px) {
  .stylesmodule__listTitle___bf4ii {
    font-size: 24px;
    padding: 20px 30px 30px;
  }
  .stylesmodule__closeButton___RZQYg {
    right: 28px;
    top: 18px;
  }
}
@media (min-width: 660px) {
  .stylesmodule__list___vjnxN {
    gap: 20px;
  }
}
@media (min-width: 900px) {
  .stylesmodule__list___vjnxN {
    gap: 30px;
  }
}
.stylesmodule__button___lyLgb {
  justify-content: space-between;
  min-width: 190px;
}

@container body (min-width: 769px) {
  .stylesmodule__button___lyLgb {
    justify-content: space-between;
    width: 190px;
  }
}

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

.stylesmodule__search___7gn2j > :not(:first-child) {
  flex: 1 1;
}

@media (min-width: 481px) {
  .stylesmodule__search___7gn2j {
    display: flex;
    gap: 12px;
  }
  .stylesmodule__search___7gn2j > * {
    flex: 1 1;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__search___7gn2j {
    gap: 12px;
  }
  .stylesmodule__search___7gn2j > * {
    flex: initial;
  }
}
.stylesmodule__filters___MaIcu {
  grid-gap: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  margin: 12px 20px 10px;
}

@media (min-width: 481px) {
  .stylesmodule__filters___MaIcu {
    border-bottom: 1px solid var(--base-color-10);
    gap: 12px;
    margin: 0 30px;
    padding: 12px 0;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__filters___MaIcu {
    gap: 20px;
    grid-template-columns: 1fr auto;
    justify-content: space-between;
    padding: 0;
    position: relative;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__filters___MaIcu {
    margin-inline: 20px;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__filters___MaIcu {
    margin-inline: 30px;
  }
}
.stylesmodule__container___Yv1fu {
  gap: 30px;
}

.stylesmodule__tabs___ckk2y {
  background: none;
  border: none;
  box-sizing: content-box;
  display: flex;
  min-width: 0;
  padding: 0;
  position: relative;
}

.stylesmodule__tabs___ckk2y .uikit__swiper__wrapper {
  display: flex;
  flex-grow: 1;
  margin: 0 -20px;
  padding: 0 20px;
}

.stylesmodule__tabs___ckk2y .uikit__swiper__container {
  flex-grow: 1;
  margin: 0 -20px;
  padding: 0 20px;
  scroll-padding: 0 20px;
}

.stylesmodule__arrows___0FfzV:first-child {
  left: -20px;
}

.stylesmodule__arrows___0FfzV:last-child {
  right: -20px;
}

.stylesmodule__tabs___ckk2y:last-child {
  border-bottom: none;
}

.stylesmodule__arrows___0FfzV {
  background: none !important;
  bottom: 0;
  color: var(--base-color-60);
  display: flex;
  position: absolute;
  top: 0;
}

.stylesmodule__arrows___0FfzV:before, .stylesmodule__arrows___0FfzV > svg {
  z-index: var(--z-index-tooltip-default);
}

.stylesmodule__arrows___0FfzV:before {
  background: var(--gradient-bg-block-horizontal);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 54px;
}

.stylesmodule__arrows___0FfzV:last-child:before {
  left: auto;
  right: 0;
  transform: rotate(180deg);
}

.stylesmodule__arrows___0FfzV:hover {
  color: var(--base-color-70);
}

button[disabled].stylesmodule__arrows___0FfzV, button[disabled].stylesmodule__arrows___0FfzV:before {
  display: none;
}

@media (min-width: 481px) {
  .stylesmodule__tabs___ckk2y .uikit__swiper__wrapper {
    margin: 0 -30px;
    padding: 0 30px;
  }
  .stylesmodule__tabs___ckk2y .uikit__swiper__container {
    margin: 0 -30px;
    padding: 0 30px;
    scroll-padding: 0 30px;
  }
  .stylesmodule__arrows___0FfzV:first-child {
    left: -30px;
  }
  .stylesmodule__arrows___0FfzV:last-child {
    right: -30px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__tabs___ckk2y {
    min-height: 64px;
  }
  .stylesmodule__tabs___ckk2y .uikit__swiper__wrapper {
    margin: -10px;
    padding: 10px;
  }
  .stylesmodule__tabs___ckk2y .uikit__swiper__container {
    margin: 0 -10px;
    padding: 12px 10px;
    scroll-padding: 0 40px;
  }
  .stylesmodule__arrows___0FfzV {
    display: flex;
  }
  .stylesmodule__container___Yv1fu {
    gap: 40px;
  }
  .stylesmodule__arrows___0FfzV:before, .stylesmodule__arrows___0FfzV:last-child:before {
    width: 64px;
  }
  .stylesmodule__arrows___0FfzV:first-child {
    left: -10px;
  }
  .stylesmodule__arrows___0FfzV:last-child {
    right: -10px;
  }
}
.stylesmodule__tab___Ln0zY {
  color: var(--base-color-70) !important;
  flex-direction: column;
  font-weight: 600;
  line-height: 28px;
  padding: 0;
  text-transform: uppercase;
}

.stylesmodule__tab___Ln0zY svg {
  color: var(--base-color-30) !important;
}

.stylesmodule__activeTab___urelg:after {
  color: var(--primary-color) !important;
  height: 1px !important;
}

.stylesmodule__activeTab___urelg, .stylesmodule__activeTab___urelg svg {
  color: var(--base-color-90) !important;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__tab___Ln0zY:hover, .stylesmodule__tab___Ln0zY:hover svg {
    color: var(--base-color-90) !important;
  }
}

.stylesmodule__iconContainer___7qEr7 {
  position: relative;
}

.stylesmodule__icon___9HBsk {
  height: 22px;
  width: 22px;
}

.stylesmodule__plate___eLViJ {
  color: var(--aditional-colors-exclusive);
  font-size: 10px;
  font-weight: 800;
  left: 27px;
  line-height: 12px;
  position: absolute;
  top: 0;
}

@container body (min-width: 769px) {
  .stylesmodule__tab___Ln0zY {
    flex-direction: row;
    gap: 10px;
    line-height: 24px;
  }
  .stylesmodule__plate___eLViJ {
    left: 32px;
    top: -10px;
  }
  .stylesmodule__activeTab___urelg:after {
    bottom: -12px !important;
  }
}
.stylesmodule__header___9Pp5e {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-weight: 700;
  text-align: center;
}

.stylesmodule__icon___54y41 {
  color: var(--primary-color);
  flex-shrink: 0;
  font-size: 32px;
  height: 1em;
  margin-bottom: 12px;
  width: 1em;
}

.stylesmodule__title___idpUW {
  color: var(--base-color);
  font-size: 26px;
  line-height: 1.2;
  text-transform: uppercase;
}

.stylesmodule__description___wuCz5 {
  font-size: 14px;
  line-height: 1.2;
  margin-top: 8px;
}

@container body (min-width: 481px) {
  .stylesmodule__title___idpUW {
    font-size: 40px;
  }
  .stylesmodule__icon___54y41 {
    font-size: 44px;
  }
  .stylesmodule__description___wuCz5 {
    font-size: 16px;
    margin-top: 12px;
  }
}
.stylesmodule__cardContainer___cGlFx {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.stylesmodule__providerCard___6Yru7 {
  align-items: center;
  border: 1px solid var(--block-stroke);
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 45px 27px 14px;
  position: relative;
  transition: opacity 0.4s;
  width: 100%;
}

.stylesmodule__providerCard___6Yru7:after, .stylesmodule__providerCard___6Yru7:before {
  border-radius: 12px;
  content: "";
  inset: -1px;
  position: absolute;
  transition: opacity 0.4s;
  z-index: var(--z-index-negative);
}

.stylesmodule__providerCard___6Yru7:after {
  background: var(--provider-card-gradient-hover);
  opacity: 0;
}

.stylesmodule__providerCard___6Yru7:before {
  background: var(--provider-card-gradient-default);
}

.stylesmodule__providerLogo___CCBzK {
  left: 50%;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  width: 50%;
}

.stylesmodule__games___by0iQ {
  align-items: flex-end;
  aspect-ratio: 278/127;
  display: flex;
  justify-content: center;
  max-height: 127px;
  max-width: 100%;
}

.stylesmodule__firstGame___6A6mo, .stylesmodule__secondGame___CC45p, .stylesmodule__thirdGame___mcyJW {
  aspect-ratio: 1/1;
  border-radius: 12px;
  max-height: 100%;
  transform-origin: bottom center;
  transition: transform 0.4s;
  will-change: transform;
}

.stylesmodule__firstGame___6A6mo {
  box-shadow: var(--shandow-lg);
  margin: 1px -7.952%;
  z-index: var(--z-index-tooltip-default);
}

.stylesmodule__secondGame___CC45p, .stylesmodule__thirdGame___mcyJW {
  height: 77.5%;
}

.stylesmodule__gamesCount___YHaq {
  color: var(--base-color-60);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-top: 15px;
  text-align: center;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__providerCard___6Yru7:hover:after {
    opacity: 1;
  }
  .stylesmodule__providerCard___6Yru7:hover:before {
    opacity: 0;
  }
  .stylesmodule__providerCard___6Yru7:hover .stylesmodule__firstGame___6A6mo {
    transform: scale(1.05);
  }
  .stylesmodule__providerCard___6Yru7:hover .stylesmodule__secondGame___CC45p {
    transform: scale(1.05) translate(8%, -20%) rotate(-15deg);
  }
  .stylesmodule__providerCard___6Yru7:hover .stylesmodule__thirdGame___mcyJW {
    transform: scale(1.05) translate(-8%, -20%) rotate(15deg);
  }
}
@container body (min-width: 481px) {
  .stylesmodule__providerCard___6Yru7 {
    padding: 54px 35px 18px;
  }
  .stylesmodule__games___by0iQ {
    max-height: 161px;
  }
  .stylesmodule__gamesCount___YHaq {
    font-size: 18px;
    line-height: 22px;
    margin-top: 15px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__providerCard___6Yru7 {
    padding: 54px 35px 15px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__providerCard___6Yru7 {
    padding: 54px 40px 18px;
  }
  .stylesmodule__gamesCount___YHaq {
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px;
  }
}
.stylesmodule__wrapper___bwMjq {
  --banner-gap: 8px;
  height: 100%;
  margin: 60px -20px 0;
  position: relative;
}

.stylesmodule__container___8ud6V {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin-left: calc(var(--banner-gap) * -1);
  touch-action: pan-y pinch-zoom;
}

.stylesmodule__slide___zMDX1 {
  flex-basis: calc(100% - 40px);
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 0;
  padding-left: var(--banner-gap);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__arrowNext___ssMxT:hover, .stylesmodule__arrowPrev___3Vi3k:hover {
    color: var(--base-color);
  }
}
.stylesmodule__arrowNext___ssMxT > svg {
  transform: rotate(180deg);
}

@container body (min-width: 481px) {
  .stylesmodule__wrapper___bwMjq {
    --banner-gap: 20px;
    margin-inline: 0;
  }
  .stylesmodule__slide___zMDX1 {
    flex-basis: 60.9375%;
  }
  .stylesmodule__arrow___MWzj9 {
    color: var(--base-color-60);
    display: flex;
    font-size: 24px;
    z-index: var(--z-index-tooltip-overlap);
  }
  .stylesmodule__arrowPrev___3Vi3k {
    left: 10px;
  }
  .stylesmodule__arrowNext___ssMxT {
    right: 10px;
  }
  .stylesmodule__shadows___dJs3A:before {
    left: -1px;
  }
  .stylesmodule__shadows___dJs3A:after, .stylesmodule__shadows___dJs3A:before {
    background: var(--gradient-bg-block-horizontal);
    bottom: -18px;
    content: "";
    pointer-events: none;
    position: absolute;
    top: -56px;
    width: 80px;
    z-index: var(--z-index-tooltip-default);
  }
  .stylesmodule__shadows___dJs3A:after {
    right: -1px;
    transform: rotate(180deg);
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__slide___zMDX1 {
    flex-basis: 33.35%;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__slide___zMDX1 {
    flex-basis: 25%;
  }
}
.stylesmodule__popularProviders___GP5yP {
  margin-top: 60px !important;
  overflow: hidden;
}

.stylesmodule__wrapper___vAoN {
  padding-inline: 20px;
}

.stylesmodule__popularProviders___GP5yP:empty {
  margin-top: 0 !important;
}

@media (min-width: 481px) {
  .stylesmodule__popularProviders___GP5yP {
    margin-top: 80px !important;
  }
  .stylesmodule__wrapper___vAoN {
    padding-inline: 30px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__wrapper___vAoN {
    padding-inline: 20px;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__wrapper___vAoN {
    padding-inline: 30px;
  }
}
.stylesmodule__container___EmiF1 {
  align-items: center;
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
  justify-content: center;
  padding: 10px 20px;
}

.stylesmodule__content___x7lGR {
  padding: 0;
}

@media (min-width: 481px) {
  .stylesmodule__container___EmiF1 {
    padding-inline: 30px;
  }
}
@media (min-width: 1025px) {
  .stylesmodule__container___EmiF1 {
    padding-inline: 20px;
  }
}
@media (min-width: 1340px) {
  .stylesmodule__container___EmiF1 {
    padding-inline: 30px;
  }
}
.stylesbuttonmodule__link___PGoMy {
  margin-top: auto;
  max-width: 100%;
  z-index: var(--z-index-positive);
}

.stylesbuttonmodule__button___0Tyu1 {
  --uikit-button-outline-color: var(--banner-color-80);
  --uikit-button-border-width: 1px;
  --uikit-button-outline-hover-color: var(--banner-color);
  --uikit-button-outline-active-color: var(--banner-color-30);
  border-radius: 8px;
  color: var(--banner-color) !important;
  flex-shrink: 0;
  font-size: 3.7333cqw;
  font-weight: 700;
  line-height: 1;
  max-width: 100%;
  min-width: 29.3333cqw;
  overflow: hidden;
  padding: 3.4666cqw 4.9333cqw !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stylesbuttonmodule__left___dOhL {
  align-self: flex-start;
}

@media (min-width: 481px) {
  .stylesbuttonmodule__button___0Tyu1 {
    font-size: 1.8229cqw;
    min-width: 14.3229cqw;
    padding: 1.6927cqw 2.4088cqw !important;
  }
}
@container body (min-width: 1025px) {
  .stylesbuttonmodule__button___0Tyu1 {
    font-size: 0.9703cqw;
    min-width: 8.7331cqw;
    padding: 0.8086cqw 1.8328cqw !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .stylesbuttonmodule__button___0Tyu1:hover {
    color: var(--banner-color-90) !important;
  }
  .stylesbuttonmodule__button___0Tyu1:active {
    color: var(--banner-color) !important;
  }
}
.stylesmodule__banner___yAqMS {
  height: 100%;
  position: relative;
}

.stylesmodule__image___LDZc8 {
  border-radius: 20px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}

.stylesmodule__container___uJ0b0 {
  inset: 0;
  position: absolute;
}

.stylesmodule__content___9hmx3 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 6.992cqw 5.861cqw;
  width: 100%;
}

.stylesmodule__title___UOy47 {
  color: var(--banner-color-80);
  font-size: 4.8cqw;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1.643cqw;
}

.stylesmodule__description___xZcHW {
  color: var(--banner-color);
  font-size: 3.2cqw;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 6.157cqw;
}

@container body (min-width: 481px) {
  .stylesmodule__content___9hmx3 {
    padding: 2.7669cqw 2.5273cqw;
  }
  .stylesmodule__title___UOy47 {
    font-size: 2.3437cqw;
    margin-bottom: 0.802cqw;
  }
  .stylesmodule__description___xZcHW {
    font-size: 1.5625cqw;
    margin-bottom: 3.0065cqw;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__content___9hmx3 {
    padding: 1.71cqw 2.14cqw;
  }
  .stylesmodule__title___UOy47 {
    font-size: 1.4583cqw;
    margin-bottom: 0.4927cqw;
  }
  .stylesmodule__description___xZcHW {
    font-size: 0.97cqw;
    margin-bottom: 1.617cqw;
  }
}

.stylesmodule__banners___1PijL {
  --banner-gap: 20px;
  box-sizing: content-box;
  height: 49.06cqw;
  margin: 20px 0;
  position: relative;
}

.stylesmodule__wrapper___nIyB {
  height: 100%;
  overflow: hidden;
  padding: 0 20px;
  position: relative;
}

.stylesmodule__container___e122D {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin-left: calc(var(--banner-gap) * -1);
  touch-action: pan-y pinch-zoom;
}

.stylesmodule__slide___OS0e9 {
  flex: 0 0 100%;
  min-width: 0;
  padding-left: var(--banner-gap);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.stylesmodule__arrow___xKAZ1 {
  color: var(--base-color-60);
  display: flex;
  font-size: 14px;
  z-index: var(--z-index-tooltip-overlap);
}

.stylesmodule__arrowPrev___aSQCO {
  left: 4px;
}

.stylesmodule__arrowNext___jwplS {
  right: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__arrowNext___jwplS:hover, .stylesmodule__arrowPrev___aSQCO:hover {
    color: var(--base-color);
  }
}
.stylesmodule__arrowNext___jwplS > svg {
  transform: rotate(180deg);
}

@container body (min-width: 481px) {
  .stylesmodule__wrapper___nIyB {
    --banner-gap: 12px;
    padding: 0 30px;
  }
  .stylesmodule__wrapper___nIyB:before {
    left: -1px;
  }
  .stylesmodule__wrapper___nIyB:after, .stylesmodule__wrapper___nIyB:before {
    background: var(--gradient-bg-block-horizontal);
    bottom: -1px;
    content: "";
    position: absolute;
    top: -1px;
    width: 45px;
    z-index: var(--z-index-tooltip-default);
  }
  .stylesmodule__wrapper___nIyB:after {
    right: -1px;
    transform: rotate(180deg);
  }
  .stylesmodule__banners___1PijL:first-child :where(.stylesmodule__wrapper___nIyB:before, .stylesmodule__wrapper___nIyB:after) {
    background: var(--gradient-bg-block-horizontal);
  }
  .stylesmodule__banners___1PijL:nth-child(2) :where(.stylesmodule__wrapper___nIyB:before, .stylesmodule__wrapper___nIyB:after) {
    background: var(--background-block);
  }
  .stylesmodule__banners___1PijL {
    height: 23.9583cqw;
    margin: 24px 0;
  }
  .stylesmodule__banners___1PijL:first-child {
    margin-top: 0;
    padding-top: 24px;
  }
  .stylesmodule__banners___1PijL:first-child:before {
    background: var(--mutable-light-effect-optical);
    border-radius: 50%;
    content: "";
    filter: blur(42px);
    height: calc(var(--app-header-height) * 2.283);
    left: 0;
    position: absolute;
    right: 0;
    top: calc(var(--app-header-height) * -2.167);
    transform: translateZ(0);
  }
  .stylesmodule__slide___OS0e9 {
    flex-basis: 50%;
  }
  .stylesmodule__arrow___xKAZ1 {
    font-size: 12px;
  }
  .stylesmodule__arrowPrev___aSQCO {
    left: 10px;
  }
  .stylesmodule__arrowNext___jwplS {
    right: 10px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__banners___1PijL {
    height: 24.8cqw;
    margin: 20px 0;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__wrapper___nIyB:after, .stylesmodule__wrapper___nIyB:before {
    width: 20px;
  }
  .stylesmodule__wrapper___nIyB {
    --banner-gap: 1.7741cqw;
    padding: 0 20px;
  }
  .stylesmodule__banners___1PijL {
    height: 14.4075cqw;
  }
  .stylesmodule__slide___OS0e9 {
    flex-basis: 33.35%;
  }
  .stylesmodule__arrow___xKAZ1 {
    font-size: 1.725cqw;
  }
  .stylesmodule__arrowPrev___aSQCO {
    left: -0.5em;
    padding-left: inherit;
  }
  .stylesmodule__arrowNext___jwplS {
    padding-right: inherit;
    right: -0.5em;
  }
}
@container body (min-width: 1340px) {
  .stylesmodule__wrapper___nIyB {
    padding: 0 30px;
  }
  .stylesmodule__wrapper___nIyB:after, .stylesmodule__wrapper___nIyB:before {
    width: 30px;
  }
}
.stylesmodule__promotion___yJgjw {
  align-items: flex-start;
  background: var(--background-block);
  border: 1px solid var(--base-color-10);
  border-radius: 20px;
  box-shadow: var(--shandow-md);
  display: flex;
  flex-direction: column;
  gap: 18px;
  height: 300px;
  isolation: isolate;
  justify-content: space-between;
  overflow: hidden;
  padding: 25px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.stylesmodule__imageContainer___8WF5p {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 71.1%;
  z-index: var(--z-index-negative);
}

.stylesmodule__imageContainer___8WF5p:after {
  background: radial-gradient(68.1% 94.66% at 66.7% 44.35%, rgba(30, 30, 30, 0) 0, #1e1e1e 100%);
  content: "";
  inset: -1px;
  position: absolute;
}

.stylesmodule__image___JDK58 {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  width: 100%;
}

.stylesmodule__tags___S9A45 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  width: 100%;
}

.stylesmodule__tag___ECw1I {
  background: var(--base-color-10);
  border-radius: 12px;
  box-shadow: var(--shandow-md);
  color: var(--bonus-card-image-text);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  overflow: hidden;
  padding: 4px 8px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.stylesmodule__bonusTag___GiCjX {
  background: var(--primary2-button-color-default);
  color: var(--button-text-color-black-default);
}

.stylesmodule__details___Yd2gf {
  color: var(--base-color-90);
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: 7px;
  justify-content: flex-end;
  max-width: 250px;
}

.stylesmodule__title___BKdzD {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

.stylesmodule__description___M1cAZ {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}

.stylesmodule__actions___Q7kU2 {
  display: flex;
  gap: 10px;
}

.stylesmodule__actionButton___yE0V {
  font-size: 16px;
  min-width: 110px;
}

 .stylesmodule__readMoreButton___Rmv5C {
  min-height: 40px;
  text-transform: capitalize !important;
}

.stylesmodule__infoIcon___O16ht {
  flex-shrink: 0;
  font-size: 22px;
  height: 1em;
  width: 1em;
}

.stylesmodule__readMoreButton___Rmv5C {
  --uikit-button-outline-fade-color: var(--base-color-90);
  --uikit-button-secondary-outline-active-color: var(--base-color-90);
  border-color: var(--base-color-50) !important;
  border-width: 1px !important;
  gap: 7px;
  padding-inline: 11px !important;
}

.stylesmodule__readMoreButton___Rmv5C > svg {
  transform: translateZ(0);
}

.stylesmodule__readMoreButton___Rmv5C:not(:active, :hover, :disabled, :focus) > svg {
  color: var(--base-color-80);
}

.stylesmodule__readMoreButton___Rmv5C:not(:disabled) {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: var(--base-color-10) !important;
}
@container body (min-width: 769px) {
  .stylesmodule__details___Yd2gf {
    gap: 10px;
    justify-content: center;
    max-width: 340px;
  }
  .stylesmodule__imageContainer___8WF5p {
    max-width: 335px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__title___BKdzD {
    font-size: 26px;
  }
  .stylesmodule__description___M1cAZ {
    font-size: 14px;
  }
  .stylesmodule__imageContainer___8WF5p {
    max-width: 100%;
    width: clamp(290px, 64%, 486px);
  }
}
@container body (min-width: 1261px) {
  .stylesmodule__promotion___yJgjw {
    border-radius: max(20px, 1.2cqw);
    height: max(300px, 18cqw);
    padding: max(25px, 1.5cqw);
  }
  .stylesmodule__tags___S9A45 {
    gap: max(4px, 0.24cqw) max(8px, 0.48cqw);
  }
  .stylesmodule__tag___ECw1I {
    border-radius: max(12px, 0.72cqw);
    font-size: max(11px, 0.66cqw);
    padding: max(4px, 0.24cqw) max(8px, 0.48cqw);
  }
  .stylesmodule__actions___Q7kU2 {
    gap: max(10px, 0.6cqw);
  }
  .stylesmodule__actionButton___yE0V {
    font-size: max(16px, 0.96cqw);
    min-height: max(40px, 2.4cqw);
    min-width: max(110px, 6.6cqw);
    padding-inline: max(var(--uikit-button-padding-x), 1.8cqw);
  }
  .stylesmodule__infoIcon___O16ht {
    font-size: max(22px, 1.32cqw);
  }
  .stylesmodule__readMoreButton___Rmv5C {
    font-size: max(14px, 0.84cqw);
    gap: max(7px, 0.42cqw);
    min-height: max(40px, 2.4cqw);
  }
  .stylesmodule__details___Yd2gf {
    gap: max(10px, 0.6cqw);
    max-width: max(340px, 20.4cqw);
  }
  .stylesmodule__title___BKdzD {
    font-size: max(26px, 1.56cqw);
  }
  .stylesmodule__description___M1cAZ {
    font-size: max(14px, 0.84cqw);
  }
  .stylesmodule__imageContainer___8WF5p {
    width: clamp(max(290px, 17.4cqw), 64%, max(486px, 29.2cqw));
  }
}
.stylesmodule__grid___swnmS {
  grid-gap: 20px;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
  justify-content: center;
}

@container body (min-width: 481px) {
  .stylesmodule__grid___swnmS {
    gap: 22px;
    grid-template-columns: repeat(auto-fit, minmax(clamp(315px, 50% - 11px, 100%), 1fr));
  }
}
@container body (min-width: 769px) {
  .stylesmodule__grid___swnmS {
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(clamp(315px, 50% - 15px, 100%), 1fr));
  }
}
.stylesmodule__container___FqGg9 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 24px 0;
  padding: 0 20px;
}

.stylesmodule__header___MGRNw {
  align-items: center;
  display: flex;
  gap: 10px;
}

.stylesmodule__icon___9EOZe {
  flex-shrink: 0;
  font-size: 24px;
  height: 1em;
  width: 1em;
}

.stylesmodule__title___iPMN9 {
  color: var(--base-color-90);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.stylesmodule__shadowWrapper___6IeL2 {
  margin: -20px;
  overflow: hidden;
  padding: 20px;
  position: relative;
}

@container body (min-width: 481px) {
  .stylesmodule__container___FqGg9 {
    gap: 20px;
    margin: 30px 0 40px;
    padding: 0 30px;
  }
  .stylesmodule__title___iPMN9 {
    font-size: 28px;
  }
  .stylesmodule__icon___9EOZe {
    font-size: 34px;
  }
  .stylesmodule__shadowWrapper___6IeL2 {
    margin: -30px;
    overflow: hidden;
    padding: 30px;
  }
  .stylesmodule__shadowWrapper___6IeL2:before {
    left: -1px;
    z-index: var(--z-index-positive);
  }
  .stylesmodule__shadowWrapper___6IeL2:after, .stylesmodule__shadowWrapper___6IeL2:before {
    background: var(--gradient-bg-block-horizontal);
    bottom: -1px;
    content: "";
    position: absolute;
    top: -1px;
    width: 30px;
  }
  .stylesmodule__shadowWrapper___6IeL2:after {
    right: -1px;
    transform: rotate(180deg);
    z-index: var(--z-index-default);
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__container___FqGg9 {
    gap: 20px;
    margin: 20px 0 40px;
  }
}
@keyframes stylesmodule__fade-animation___4WhO3 {
  1% {
    padding: var(--win-padding-card);
  }
  30% {
    min-width: calc((100% - var(--win-padding-element)) / var(--win-count-element));
    opacity: 0;
  }
  to {
    min-width: calc((100% - var(--win-padding-element)) / var(--win-count-element));
    opacity: 1;
    padding: var(--win-padding-card);
  }
}
.stylesmodule__arrow___gjlYB {
  align-items: center;
  color: var(--base-color-60);
  cursor: pointer;
  display: flex;
  height: 34px;
  justify-content: center;
  position: absolute;
  top: calc(50% - 10px);
  transform: translateY(-50%);
  width: 26px;
  z-index: var(--z-index-positive);
}

.stylesmodule__arrow___gjlYB:disabled {
  display: none;
}

.stylesmodule__arrow___gjlYB > svg {
  height: 28px;
  width: 16px;
}

.stylesmodule__prev___VhB2n {
  left: 15px;
}

.stylesmodule__next___tVIHw {
  right: 15px;
}

.stylesmodule__next___tVIHw > svg {
  transform: rotate(180deg);
}

@media (hover: hover) and (pointer: fine) {
  .stylesmodule__arrow___gjlYB:hover {
    color: var(--base-color);
  }
}
@container body (min-width: 769px) {
  .stylesmodule__arrow___gjlYB {
    height: 40px;
    width: 30px;
  }
  .stylesmodule__prev___VhB2n {
    left: -32px;
  }
  .stylesmodule__next___tVIHw {
    right: -32px;
  }
}
.stylesmodule__card___4A2iM {
  padding: 0.71% 0.71% 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}

.stylesmodule__cardInfo___xQKR8 {
  align-items: center;
  color: var(--base-color-60);
  display: flex;
  flex-direction: column;
  font-size: 4cqw;
  font-weight: 500;
  height: calc(100% - 7cqw);
  left: 0;
  line-height: 4.8cqw;
  position: absolute;
  right: 0;
  top: 2.8114cqw;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.stylesmodule__levelCircle___45RIO {
  align-items: center;
  display: flex;
  height: 18.6668cqw;
  justify-content: center;
  min-height: 18.6668cqw;
  min-width: 18.6668cqw;
  position: relative;
  width: 18.6668cqw;
}

.stylesmodule__levelImage___U5f3, .stylesmodule__levelPicture___GMj0 {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}

.stylesmodule__levelInactive___8mup {
  filter: grayscale(1);
  opacity: 0.8;
}

.stylesmodule__details___d6iY {
  display: flex;
  flex-direction: column;
  height: 57.5388cqw;
  justify-content: center;
  margin: auto;
  text-align: center;
}

.stylesmodule__bonusData___oED0U {
  margin-top: 5.3334cqw;
}

.stylesmodule__bonus___mMquP, .stylesmodule__compPoints___nrMW1 {
  color: var(--base-color);
  font-size: 5.3333cqw;
  font-weight: 800;
  line-height: 6.4cqw;
  margin-top: 2.666cqw;
}

@container body (min-width: 490px) {
  .stylesmodule__cardInfo___xQKR8 {
    font-size: 1.9533cqw;
    height: calc(100% - 3cqw);
    line-height: 2.3439cqw;
    top: 1.3022cqw;
  }
  .stylesmodule__levelCircle___45RIO {
    height: 9.1156cqw;
    min-height: 9.1156cqw;
    min-width: 9.1156cqw;
    width: 9.1156cqw;
  }
  .stylesmodule__details___d6iY {
    height: 26.6508cqw;
  }
  .stylesmodule__bonusData___oED0U {
    margin-top: 2.6042cqw;
  }
  .stylesmodule__bonus___mMquP, .stylesmodule__compPoints___nrMW1 {
    font-size: 2.6042cqw;
    line-height: 3.1251cqw;
    margin-top: 1.3022cqw;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__cardInfo___xQKR8 {
    font-size: 1.4649cqw;
    height: calc(100% - 4cqw);
    line-height: 1.7579cqw;
    top: 0.9766cqw;
  }
  .stylesmodule__levelCircle___45RIO {
    height: 6.8365cqw;
    min-height: 6.8365cqw;
    min-width: 6.8365cqw;
    width: 6.8365cqw;
  }
  .stylesmodule__details___d6iY {
    height: 19.9876cqw;
  }
  .stylesmodule__bonusData___oED0U {
    margin-top: 1.9531cqw;
  }
  .stylesmodule__bonus___mMquP, .stylesmodule__compPoints___nrMW1 {
    font-size: 1.9531cqw;
    line-height: 2.3438cqw;
    margin-top: 0.9766cqw;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__cardInfo___xQKR8 {
    font-size: 1.1719cqw;
    height: calc(100% - 4cqw);
    line-height: 1.4063cqw;
    top: 0.7812cqw;
  }
  .stylesmodule__levelCircle___45RIO {
    height: 5.4692cqw;
    min-height: 5.4692cqw;
    min-width: 5.4692cqw;
    width: 5.4692cqw;
  }
  .stylesmodule__details___d6iY {
    height: 15.99cqw;
  }
  .stylesmodule__bonusData___oED0U {
    margin-top: 1.5624cqw;
  }
  .stylesmodule__bonus___mMquP, .stylesmodule__compPoints___nrMW1 {
    font-size: 1.5624cqw;
    line-height: 1.875cqw;
    margin-top: 0.7812cqw;
  }
}
@container body (min-width: 1284px) {
  .stylesmodule__cardInfo___xQKR8 {
    font-size: 0.95cqw;
    height: calc(100% - 2cqw);
    line-height: 1.14cqw;
    top: 0.6333cqw;
  }
  .stylesmodule__levelCircle___45RIO {
    height: 4.4335cqw;
    min-height: 4.4335cqw;
    min-width: 4.4335cqw;
    width: 4.4335cqw;
  }
  .stylesmodule__details___d6iY {
    height: 12.9621cqw;
  }
  .stylesmodule__bonusData___oED0U {
    margin-top: 1.2666cqw;
  }
  .stylesmodule__bonus___mMquP, .stylesmodule__compPoints___nrMW1 {
    font-size: 1.2666cqw;
    line-height: 1.52cqw;
    margin-top: 0.6333cqw;
  }
}
@container body (min-width: 117rem) {
  .stylesmodule__cardInfo___xQKR8 {
    font-size: 0.7812cqw;
    height: calc(100% - 1.3cqw);
    line-height: 0.9375cqw;
    top: 0.5208cqw;
  }
  .stylesmodule__levelCircle___45RIO {
    height: 3.6459cqw;
    min-height: 3.6459cqw;
    min-width: 3.6459cqw;
    width: 3.6459cqw;
  }
  .stylesmodule__details___d6iY {
    height: 10.6595cqw;
  }
  .stylesmodule__bonusData___oED0U {
    margin-top: 1.0416cqw;
  }
  .stylesmodule__bonus___mMquP, .stylesmodule__compPoints___nrMW1 {
    font-size: 1.0416cqw;
    line-height: 1.25cqw;
    margin-top: 0.5208cqw;
  }
}
.stylesmodule__levels___HWnub {
  position: relative;
}

.stylesmodule__wrapperClass___pTaA {
  padding-bottom: 50px;
}

.stylesmodule__bulletClass___7bTOR {
  background-color: var(--base-color-30) !important;
  height: 30px !important;
  opacity: 1 !important;
  width: 30px !important;
}

.stylesmodule__bulletActiveClass___rQqGD {
  background-color: var(--primary-color) !important;
  opacity: 1 !important;
}

.stylesmodule__levelsSection___xhkv {
  margin: 0;
}

.stylesmodule__title___1qgtn {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  margin: 0 20px 30px;
  text-align: center;
}

.stylesmodule__text___lKpoy {
  color: var(--base-color-80);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 60px 20px;
}

.stylesmodule__text___lKpoy:last-child {
  margin-bottom: 0;
}

.stylesmodule__levelsSection___xhkv div > p:not(:last-child) {
  margin-bottom: 20px;
}

@container body (min-width: 490px) {
  .stylesmodule__title___1qgtn {
    font-size: 40px;
    line-height: 48px;
    margin: 0 30px 50px;
  }
  .stylesmodule__text___lKpoy {
    font-size: 14px;
    line-height: 21px;
    margin: 40px 30px;
  }
}
@container body (min-width: 769px) {
  .stylesmodule__text___lKpoy {
    margin: 40px 30px;
  }
  .stylesmodule__levelsSection___xhkv {
    margin: 0 30px;
  }
}
@container body (min-width: 1025px) {
  .stylesmodule__levelsSection___xhkv {
    margin: 0 9.8958cqw;
  }
  .stylesmodule__text___lKpoy {
    margin: 80px 0;
  }
}

.stylesmodule__content___QzsKX {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.stylesmodule__progress___fgnPO {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.stylesmodule__progress___fgnPO:empty {
  display: none;
}

@media (min-width: 481px) {
  .stylesmodule__content___QzsKX {
    gap: 80px;
  }
}
.stylesmodule__item___U27oN {
  align-items: flex-start;
  background-color: transparent;
  border-radius: 10px;
  color: var(--base-color-80);
  display: flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 -30px;
  padding: 10px 30px;
  position: relative;
  text-decoration: none;
}

.stylesmodule__item___U27oN > svg {
  align-self: center;
  font-size: 14px;
  height: 1em;
  margin-left: auto;
  order: 1;
  width: 1em;
}

.stylesmodule__activeItem___B5MW {
  color: var(--primary-color);
}

.stylesmodule__activeItem___B5MW:before {
  background: var(--primary-color);
  border-radius: 3px;
  bottom: 2px;
  content: "";
  left: 0;
  position: absolute;
  top: 2px;
  width: 3px;
}

@media (min-width: 769px) {
  .stylesmodule__item___U27oN > svg {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .stylesmodule__item___U27oN:not(.stylesmodule__activeItem___B5MW):focus, .stylesmodule__item___U27oN:not(.stylesmodule__activeItem___B5MW):hover {
    background: var(--background-color);
    color: var(--base-color);
    cursor: pointer;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {
  .stylesmodule__item___U27oN:not(.stylesmodule__activeItem___B5MW):focus, .stylesmodule__item___U27oN:not(.stylesmodule__activeItem___B5MW):hover {
    background: transparent;
  }
}
.stylesmodule__menu___0AGOQ {
  background-color: var(--background-block);
  border: 1px solid var(--block-stroke);
  border-radius: 20px;
  box-shadow: var(--shandow-md);
  min-width: 300px;
  padding: 20px 30px;
}
.stylesmodule__gamesCategory___ll8Zg > .stylesmodule__gamesCategory___ll8Zg {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.stylesmodule__gamesCategory___ll8Zg .seo-text {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.slot-demo {
  padding: 24px 0;
}

.slot-demo .game-overlay {
  height: 500px;
  background-size: cover;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slot-demo .game-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.slot-demo .btns {
  position: relative;
  z-index: 1;
}

.slot-demo .stylesmodule__outline___zZMAD {
  margin-top: 16px;
}

.stylesmodule__game___RG88F img {
  height: auto;
}