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

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

h1,
h2,
h3 {
  margin-block-start: .5rem;
  margin-block-end: 1rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit
}

h1 {
  font-size: 2.5rem
}

h2 {
  font-size: 2rem
}

h3 {
  font-size: 1.75rem
}

p {
  margin-block-start: 0;
  margin-block-end: .9rem
}

a {
  background-color: transparent;
  text-decoration: none;
  color: #c36
}

a:active,
a:hover {
  color: #336
}

img {
  border-style: none;
  height: auto;
  max-width: 100%
}

@media print {

  *,
  :after,
  :before {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important
  }

  a,
  a:visited {
    text-decoration: underline
  }

  a[href]:after {
    content: " (" attr(href) ")"
  }

  img,
  tr {
    -moz-column-break-inside: avoid;
    break-inside: avoid
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    -moz-column-break-after: avoid;
    break-after: avoid
  }
}

button {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0
}

button {
  overflow: visible
}

button {
  text-transform: none
}

[type=button],
button {
  width: auto;
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

table {
  background-color: transparent;
  width: 100%;
  margin-block-end: 15px;
  font-size: .9em;
  border-spacing: 0;
  /* border-collapse: collapse; */
  overflow-x: auto;
  /* word-break:normal; */
  padding: 0 10px;
}

::-webkit-scrollbar {
  background-color: rgb(87, 87, 87);
  height: 10px;
  width: 10px;

}

::-webkit-scrollbar-thumb {
  background-color: #b5e800;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #97c002;
}

table td {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid #a28df6;
  /* word-break: break-all; */
}

/* table tbody>tr:nth-child(odd)>td {
  background-color: #001c2e;
  background-image: linear-gradient(180deg, #00333e1a .14%, #00736b62 100.05%);
} */

table tbody tr:hover>td {
  background-color: hsla(0, 0%, 50.2%, .1019607843)
}

li,
ol,
ul {
  margin-block-start: 0;
  margin-block-end: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}

.elementor *,
.elementor :after,
.elementor :before {
  box-sizing: border-box
}

.elementor a {
  text-decoration: none
}

.elementor img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-left: auto;
  margin-right: auto;
}

.elementor .elementor-background-overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute
}

.elementor-element {
  --flex-direction: initial;
  --flex-wrap: initial;
  --justify-content: initial;
  --align-items: initial;
  --align-content: initial;
  --gap: initial;
  --flex-basis: initial;
  --flex-grow: initial;
  --flex-shrink: initial;
  --order: initial;
  --align-self: initial;
  flex-basis: var(--flex-basis);
  flex-grow: var(--flex-grow);
  flex-shrink: var(--flex-shrink);
  order: var(--order);
  align-self: var(--align-self);
  color: #fff;
}

.elementor-element:where(.e-con-full, .elementor-widget) {
  flex-direction: var(--flex-direction);
  flex-wrap: var(--flex-wrap);
  justify-content: var(--justify-content);
  align-items: var(--align-items);
  align-content: var(--align-content);
  gap: var(--gap)
}

.elementor-align-right {
  text-align: right
}

.elementor-align-right .elementor-button {
  width: auto
}

@media (max-width:767px) {
  .elementor-mobile-align-center {
    text-align: center
  }

  .elementor-mobile-align-center .elementor-button {
    width: auto
  }
}

:root {
  --page-title-display: block
}

.elementor-section {
  position: relative
}

.elementor-section .elementor-container {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative
}

@media (max-width:1024px) {
  .elementor-section .elementor-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.header {
  min-height: 70px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}



.elementor-section.elementor-section-boxed>.elementor-container {
  max-width: 1140px;
}

.elementor-section.elementor-section-items-middle>.elementor-container {
  align-items: center
}

.elementor-widget-wrap {
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
  display: flex
}

.elementor-widget-wrap>.elementor-element {
  width: 100%
}

.elementor-widget {
  position: relative
}

.elementor-widget:not(:last-child) {
  margin-top: 20px
}

.elementor-column {
  position: relative;
  min-height: 1px;
  display: flex
}

/* .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
  padding: 10px
} */

.elementor-inner-section .elementor-column-gap-no .elementor-element-populated {
  padding: 0
}

@media (min-width:768px) {
  .elementor-column.elementor-col-25 {
    width: 25%
  }

  .elementor-column.elementor-col-50 {
    width: 50%
  }

  .elementor-column.elementor-col-100 {
    width: 100%
  }
}

@media (max-width:767px) {
  .elementor-reverse-mobile>.elementor-container>:first-child {
    order: 10
  }

  .elementor-column {
    width: 100%
  }
}

:is(.elementor-section-wrap, [data-elementor-id])>.e-con {
  --margin-left: auto;
  --margin-right: auto;
  max-width: min(100%, var(--width))
}

:is(.e-con, .e-con>.e-con-inner)>.elementor-background-video-container:before {
  content: var(--background-overlay);
  display: block;
  position: absolute;
  mix-blend-mode: var(--overlay-mix-blend-mode);
  opacity: var(--overlay-opacity);
  transition: var(--overlay-transition, .3s);
  border-radius: var(--border-radius);
  border-style: var(--border-style);
  border-color: var(--border-color);
  border-block-start-width: var(--border-block-start-width);
  border-inline-end-width: var(--border-inline-end-width);
  border-block-end-width: var(--border-block-end-width);
  border-inline-start-width: var(--border-inline-start-width);
  top: calc(0px - var(--border-top-width));
  left: calc(0px - var(--border-left-width));
  width: max(100% + var(--border-left-width) + var(--border-right-width), 100%);
  height: max(100% + var(--border-top-width) + var(--border-bottom-width), 100%)
}

:is(.e-con, .e-con>.e-con-inner)>.elementor-background-video-container {
  border-radius: var(--border-radius);
  border-style: var(--border-style);
  border-color: var(--border-color);
  border-block-start-width: var(--border-block-start-width);
  border-inline-end-width: var(--border-inline-end-width);
  border-block-end-width: var(--border-block-end-width);
  border-inline-start-width: var(--border-inline-start-width);
  top: calc(0px - var(--border-top-width));
  left: calc(0px - var(--border-left-width));
  width: max(100% + var(--border-left-width) + var(--border-right-width), 100%);
  height: max(100% + var(--border-top-width) + var(--border-bottom-width), 100%)
}

@media (max-width:767px) {
  :is(.e-con, .e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-phone {
    display: none
  }
}

:is(.e-con, .e-con>.e-con-inner)>.elementor-background-video-container:before {
  z-index: 1
}

:is(.e-con, .e-con>.e-con-inner)>.elementor-background-slideshow:before {
  z-index: 2
}

.elementor-element .elementor-widget-container {
  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
}

.elementor-button {
  display: inline-block;
  line-height: 1;
  /* background-color: #69727d; */
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 3px;
  color: #fff;
  fill: #fff;
  text-align: center;
  transition: all .3s
}

.elementor-button:focus,
.elementor-button:hover,
.elementor-button:visited {
  color: #fff
}

.elementor-button-content-wrapper {
  display: flex;
  justify-content: center;
}

.elementor-button-text {
  flex-grow: 1;
  order: 10;
  display: inline-block
}

.elementor-button span {
  text-decoration: inherit;
  font-size: 18px;
  margin: 5px 10px;
}

.elementor-element {
  --swiper-theme-color: #000;
  --swiper-navigation-size: 44px;
  --swiper-pagination-bullet-size: 6px;
  --swiper-pagination-bullet-horizontal-gap: 6px
}

.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-bullets,
.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-bullets {
  bottom: 5px;
  left: 0;
  width: 100%
}

.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet,
.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-progressbar,
.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

@supports not (aspect-ratio:1/1) {}

/* .elementor-widget-n-tabs .e-n-tabs-heading::-webkit-scrollbar{display:none} */
.elementor-widget-n-tabs .e-n-tab-title:focus-visible {
  outline: 5px auto -webkit-focus-ring-color
}

:where(.elementor-widget-n-accordion .e-n-accordion-item>.e-con) {
  border: var(--n-accordion-border-width) var(--n-accordion-border-style) var(--n-accordion-border-color)
}

@media (max-width:576px) {
  .elementor-button-content-wrapper {
    align-items: center;
  }
}


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

:root {
  --swiper-theme-color: #007aff
}

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

.elementor-location-footer:before,
.elementor-location-header:before {
  content: "";
  display: table;
  clear: both
}

.elementor-widget-heading .elementor-heading-title {
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-size: var(--e-global-typography-primary-font-size);
  font-weight: var(--e-global-typography-primary-font-weight);
}

.elementor-widget-text-editor {
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
}

.elementor-widget-button .elementor-button {
  /* font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-size: var(--e-global-typography-accent-font-size);
  font-weight: var(--e-global-typography-accent-font-weight);
  background-color: var(--e-global-color-accent); */
  --stb-button-loading-background-color: #764317;
  --stb-button-loading-after-filter: invert(95%) sepia(59%) saturate(306%) hue-rotate(295deg) brightness(104%) contrast(101%);
  color: #ffffff;
  text-shadow: 0 1px 6px #00000066, 0 1px 0 #582e0f, 0 1px 1px #00000080;
  background-size: 0, 0;
  border-image: url(/wp-content/images/image/btn-secondary-default.def7dd3084ddb342.png) 63 fill / 88px stretch;
  background-image: url(/wp-content/images/image/btn-secondary-hover.98e67c940aabfd54.png);
}

.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where(.e-active, :hover) .e-tab-title-text {
  color: var(--e-global-color-text);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
}

.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where(.e-active, :hover) .e-tab-title-text a {
  color: var(--e-global-color-text);
}

.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where(.e-active, :hover) .e-tab-duration {
  color: var(--e-global-color-text);
}

@media(max-width:1024px) {
  .elementor-widget-heading .elementor-heading-title {
    font-size: var(--e-global-typography-primary-font-size);
  }

  .elementor-widget-text-editor {
    font-size: var(--e-global-typography-text-font-size);
  }

  .elementor-widget-button .elementor-button {
    font-size: var(--e-global-typography-accent-font-size);
  }

  .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where(.e-active, :hover) .e-tab-title-text {
    font-size: var(--e-global-typography-text-font-size);
  }
}

@media(max-width:767px) {
  .elementor-widget-heading .elementor-heading-title {
    font-size: var(--e-global-typography-primary-font-size);
  }

  .elementor-widget-text-editor {
    font-size: var(--e-global-typography-text-font-size);
  }

  .elementor-widget-button .elementor-button {
    font-size: var(--e-global-typography-accent-font-size);
  }

  .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where(.e-active, :hover) .e-tab-title-text {
    font-size: var(--e-global-typography-text-font-size);
  }
}

/* @font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');
}

@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/tDaH2o2WnlgI0FNDgduEk4jAhwgumbU1SVfU5BD8OuRL8OstC6KOhgvBYWSFJ-Mgdrgiju6fF8meZm0rk4eF-ZugTCRaKPCxFw.woff2) format('woff2');
} */

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

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

a {
  background-color: transparent
}

img {
  border-style: none
}

button {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button {
  overflow: visible
}

button {
  text-transform: none
}

button,
[type=button] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring {
  outline: 1px dotted ButtonText
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

:root {
  --stb-font-primary: "Jost", "Arial", sans-serif;
  --stb-font-secondary: "Cinzel", sans-serif;
  --stb-font-helper: "Helvetica", sans-serif;
  --stb-transition-time: .2s;
  --stb-sidebars-transition-time: .5s;
  --stb-animation-rotation-time: 3s;
  --stb-container-padding: 20px;
  --stb-game-page-container-padding: 20px;
  --stb-gamification-container-inner-width: 1264px;
  --stb-gamification-container: calc(var(--stb-gamification-container-inner-width) + var(--stb-container-padding) * 2);
  --stb-safe-area-inline-start: env(safe-area-inset-left);
  --stb-safe-area-inline-end: env(safe-area-inset-right);
  --stb-page-content-width: 800px;
  --stb-page-content-padding-bottom: 100px;
  --stb-page-indent-padding-top: 20px;
  --stb-page-indent-s-padding-top: 28px;
  --stb-page-indent-padding-bottom: 40px;
  --stb-games-gap: 12px;
  --stb-page-grid-row-gap: 28px;
  --stb-game-page-header-height: 52px;
  --stb-game-page-header-closed-height: 32px;
  --stb-header-height: 60px;
  --stb-sub-menu-height: 48px;
  --stb-navigation-bottom-height: 60px;
  --stb-sidebar-expanded-width: 232px;
  --stb-sidebar-current-width: var(--stb-sidebar-expanded-width);
  --stb-sidebar-collapsed-width: 80px;
  --stb-modal-menu-max-width: 420px;
  --stb-scrollbar-width: 6px;
  --stb-scrollbar-height: 6px;
  --stb-scrollbar-visibility: initial;
  --stb-scrollbar-thumb-color: var(--stb-bg-fourth);
  --stb-scrollbar-track-color: rgb(var(--stb-white) / 0);
  --stb-scrollbar-border-radius: 6px;
  --stb-scrollbar-width-keyword: none;
  --stb-scroller-correct-scrollbar: 8px;
  --stb-common-scroll-margin-top: calc(var(--stb-header-height) + 40px);
  --stb-modal-dialog-panel-max-width: 540px;
  --stb-modal-dialog-inner-vertical-padding: 24px;
  --stb-modal-dialog-header-inner-vertical-padding: 24px;
  --stb-modal-dialog-action-bottom-padding: 20px;
  --stb-modal-dialog-body-bottom-padding: 0px;
  --stb-modal-dialog-border-radius: 12px;
  --stb-modal-dialog-inner-top-padding: 16px;
  --stb-modal-dialog-inner-bottom-padding: 28px;
  --stb-modal-dialog-header-margin: 0 auto 14px;
  --stb-modal-dialog-close-button-top-position: 8px;
  --stb-spinner-loader-inset: -4px;
  --stb-spinner-loader-border-radius: 0px;
  --stb-thumbnail-border-radius: 4px;
  --stb-thumbnail-label-opacity: 1;
  --stb-thumbnail-actions-opacity: 0;
  --stb-thumbnail-favorite-block-opacity: 0;
  --stb-title-grid-template-columns: .5fr 1fr minmax(0, .5fr);
  --stb-text-transform-uppercase: uppercase;
  --stb-banner-offer-horizontal-padding: var(--stb-container-padding);
  --stb-banner-offer-vertical-padding: 16px;
  --stb-progress-banner-height: 320px;
  --stb-sidemenu-colapsed-hover-bg: url(/wp-content/images/image/sidemenu-center-hover-background.svg);
  --stb-sidemenu-active-bg: url(/wp-content/images/image/sidemenu-center-current-active.svg);
  --stb-sidemenu-active-right-active: url(/wp-content/images/image/sidebar/sidemenu-right-active.svg);
  --stb-sidemenu-active-left-active: url(/wp-content/images/image/sidebar/sidemenu-left-active.svg);
  --stb-sidemenu-link-color: var(--stb-button-text-middle);
  --stb-sidemenu-border-color: transparent;
  --stb-sidemenu-link-width: auto;
  --stb-sidemenu-link-padding: 0 16px;
  --stb-sidemenu-link-justify: start;
  --stb-sidemenu-title-opacity: 1;
  --stb-sidemenu-title-display: inline-block;
  --stb-sidemenu-item-width: 100%;
  --stb-onboarding-visible: hidden;
  --stb-icon-sprite-svg-search-width: 16px;
  --stb-icon-sprite-svg-search-height: 16px;
  --stb-provider-max-width: 100%;
  --stb-search-category-max-width: 100%
}

:root[lang=el-gr] {
  --stb-font-primary: "Commissioner", "Arial", sans-serif;
  --stb-font-secondary: "Tinos", sans-serif
}

@media screen and (min-width:768px) {
  :root {
    --stb-modal-dialog-panel-max-width: 580px;
    --stb-modal-dialog-inner-vertical-padding: 70px;
    --stb-modal-dialog-header-inner-vertical-padding: 70px;
    --stb-banner-offer-horizontal-padding: 28px;
    --stb-banner-offer-vertical-padding: 32px
  }
}

@media screen and (min-width:1536px) {
  :root {
    --stb-banner-offer-horizontal-padding: 40px;
    --stb-banner-offer-vertical-padding: 40px
  }
}

@media screen and (min-width:1024px) {
  :root {
    --stb-progress-banner-height: 400px
  }
}

@media screen and (min-width:1280px) {
  :root {
    --stb-game-page-container-padding: 60px;
    --stb-page-indent-s-padding-top: 40px;
    --stb-games-gap: 12px;
    --stb-game-page-header-height: 56px;
    --stb-header-height: 64px;
    --stb-sub-menu-height: 0px
  }
}

@media screen and (min-width:1536px) {
  :root {
    --stb-progress-banner-height: 480px
  }
}

:root {
  --stb-black: 0 0 0;
  --stb-white: 255 255 255;
  --stb-neutral-50: 242 242 242;
  --stb-neutral-100: 230 230 230;
  --stb-neutral-150: 217 217 217;
  --stb-neutral-200: 204 204 204;
  --stb-neutral-300: 179 179 179;
  --stb-neutral-400: 153 153 153;
  --stb-neutral-500: 133 133 133;
  --stb-neutral-600: 110 110 110;
  --stb-neutral-700: 77 77 77;
  --stb-neutral-800: 50 50 50;
  --stb-neutral-850: 38 38 38;
  --stb-neutral-900: 24 24 24;
  --stb-neutral-950: 13 13 13;
  --stb-brand-50: 178 155 155;
  --stb-brand-100: 194 120 109;
  --stb-brand-150: 205 94 75;
  --stb-brand-200: 220 58 28;
  --stb-brand-300: 163 14 14;
  --stb-brand-400: 117 42 42;
  --stb-brand-500: 128 20 0;
  --stb-brand-600: 106 25 0;
  --stb-brand-700: 86 18 1;
  --stb-brand-800: 42 7 0;
  --stb-brand-850: 64 48 48;
  --stb-brand-900: 26 18 18;
  --stb-brand-950: 13 12 12;
  --stb-brand-1000: 14 0 0;
  --stb-green-200: 0 153 0;
  --stb-green-300: 4 125 4;
  --stb-green-400: 3 99 3;
  --stb-green-500: 0 72 0;
  --stb-green-600: 0 55 26;
  --stb-red-500: 250 77 77;
  --stb-red-600: 223 58 58;
  --stb-red-700: 190 24 24;
  --stb-yellow-50: 255 219 127;
  --stb-yellow-100: 255 214 109;
  --stb-yellow-150: 255 203 93;
  --stb-yellow-200: 255 199 71;
  --stb-yellow-300: 234 175 75;
  --stb-yellow-400: 229 167 73;
  --stb-yellow-500: 225 162 37;
  --stb-yellow-600: 188 134 43;
  --stb-yellow-700: 168 120 38;
  --stb-yellow-800: 155 103 0;
  --stb-yellow-850: 140 102 38;
  --stb-yellow-900: 128 94 26;
  --stb-yellow-950: 98 75 29;
  --stb-yellow-1000: 70 47 0;
  --stb-system-skeleton: linear-gradient(90deg, rgb(var(--stb-white) / 0) 0%, rgb(var(--stb-white) / .05) 61.46%, rgb(var(--stb-white) / 0) 100%);
  --stb-text-primary: rgb(var(--stb-white));
  --stb-text-secondary: rgb(var(--stb-neutral-400));
  --stb-text-contrast-primary: rgb(var(--stb-neutral-950));
  --stb-text-contrast-secondary: rgb(var(--stb-neutral-800));
  --stb-text-accent: rgb(var(--stb-yellow-400));
  --stb-text-middle: rgb(var(--stb-neutral-200));
  --stb-button-primary: rgb(var(--stb-green-600));
  --stb-button-primary-hover: rgb(var(--stb-green-600));
  --stb-button-primary-active: rgb(var(--stb-green-600));
  --stb-button-secondary: rgb(var(--stb-brand-800));
  --stb-button-secondary-hover: rgb(var(--stb-brand-800));
  --stb-button-secondary-active: rgb(var(--stb-brand-800));
  --stb-button-tertiary: rgb(var(--stb-neutral-900));
  --stb-button-tertiary-hover: rgb(var(--stb-brand-800));
  --stb-button-tertiary-active: rgb(var(--stb-brand-900));
  --stb-button-disable: rgb(var(--stb-white) / .5);
  --stb-button-text-bright: rgb(var(--stb-white));
  --stb-button-text-middle: rgb(var(--stb-neutral-200));
  --stb-button-text-dark: rgb(var(--stb-neutral-950));
  --stb-text-gradient: linear-gradient(180deg, rgb(var(--stb-white)) 21%, rgb(var(--stb-yellow-150)) 32%);
  --stb-stroke: rgb(var(--stb-yellow-900));
  --stb-link-primary: rgb(var(--stb-yellow-400));
  --stb-link-secondary: rgb(var(--stb-white));
  --stb-link-invert: rgb(var(--stb-white));
  --stb-link-accent: rgb(var(--stb-yellow-400));
  --stb-link-alert: rgb(var(--stb-red-500));
  --stb-label-casino: rgb(var(--stb-red-700));
  --stb-label-border-casino: rgb(var(--stb-yellow-600));
  --stb-label-wrapper-border-casino: rgb(var(--stb-brand-500));
  --stb-label-triangle-casino: rgb(var(--stb-yellow-900));
  --stb-label-sport: rgb(var(--stb-brand-700));
  --stb-label-border-sport: rgb(var(--stb-yellow-600));
  --stb-label-wrapper-border-sport: rgb(var(--stb-brand-800));
  --stb-label-triangle-sport: rgb(var(--stb-yellow-900));
  --stb-label-past: rgb(var(--stb-neutral-600));
  --stb-label-border-past: rgb(var(--stb-neutral-700));
  --stb-label-wrapper-border-past: rgb(var(--stb-neutral-800));
  --stb-label-triangle-past: rgb(var(--stb-neutral-800));
  --stb-label-special: rgb(var(--stb-yellow-800));
  --stb-label-border-special: rgb(var(--stb-yellow-600));
  --stb-label-wrapper-border-special: rgb(var(--stb-yellow-900));
  --stb-label-triangle-special: rgb(var(--stb-yellow-900));
  --stb-label-coin-balance: rgb(var(--stb-red-700));
  --stb-label-border-coin-balance: rgb(var(--stb-yellow-600));
  --stb-label-wrapper-border-coin-balance: rgb(var(--stb-brand-500));
  --stb-label-triangle-coin-balance: rgb(var(--stb-yellow-900));
  --stb-small-label-bonus-new: rgb(var(--stb-neutral-700));
  --stb-small-label-bonus-active: rgb(var(--stb-brand-600));
  --stb-small-label-bonus: var(--stb-bg-fourth);
  --stb-small-label-shop-bet: rgb(var(--stb-brand-800));
  --stb-small-label-shop-sale: rgb(var(--stb-red-700));
  --stb-bg-primary: rgb(var(--stb-brand-950));
  --stb-bg-secondary: rgb(var(--stb-brand-900));
  --stb-bg-tertiary: rgb(var(--stb-brand-1000));
  --stb-bg-fourth: rgb(var(--stb-brand-850));
  --stb-bg-contrast-primary: rgb(var(--stb-neutral-900));
  --stb-bg-contrast-secondary: rgb(var(--stb-neutral-850));
  --stb-bg-contrast-tertiary: rgb(var(--stb-neutral-700));
  --stb-bg-card-border: linear-gradient(180deg, rgb(var(--stb-neutral-700)) 0%, rgb(var(--stb-brand-400)) 100%);
  --stb-bg-popup: rgb(var(--stb-neutral-800) / .8);
  --stb-bg-radial-gradient: radial-gradient(50% 50% at 50% bottom, rgb(var(--stb-brand-700) / .5) 0%, rgb(var(--stb-brand-700) / 0) 100%);
  --stb-bg-radial-gradient-vip-curtains: radial-gradient(67.37% 50% at 50% 49.93%, rgb(var(--stb-brand-950) / 0) 0%, rgb(var(--stb-brand-950) / 0) 75%, rgb(var(--stb-brand-950) / .8) 100%), linear-gradient(0deg, #0d0c0c 0%, rgb(var(--stb-brand-950) / 0) 30%, rgb(var(--stb-brand-950) / 0) 90%, #0d0c0c 100%), linear-gradient(270deg, #0d0c0c 0%, rgb(var(--stb-brand-950) / 0) 10%, rgb(var(--stb-brand-950) / 0) 90%, #0d0c0c 100%);
  --stb-input-fill: rgb(var(--stb-neutral-900));
  --stb-input-fill-hover: rgb(var(--stb-neutral-850));
  --stb-input-fill-selected: rgb(var(--stb-neutral-900));
  --stb-input-stroke: rgb(var(--stb-neutral-700));
  --stb-input-stroke-hover: rgb(var(--stb-neutral-700));
  --stb-input-stroke-selected: rgb(var(--stb-yellow-700));
  --stb-icon-bright: rgb(var(--stb-white));
  --stb-icon-middle: rgb(var(--stb-neutral-300));
  --stb-icon-dark: rgb(var(--stb-neutral-500));
  --stb-icon-contrast: rgb(var(--stb-neutral-800));
  --stb-icon-gradient-accent: linear-gradient(rgb(var(--stb-yellow-200)) 0%, rgb(var(--stb-yellow-200)) 26%, rgb(var(--stb-yellow-800)) 100%);
  --stb-icon-gradient-gray: linear-gradient(180deg, rgb(var(--stb-neutral-400)) 0%, rgb(var(--stb-brand-50)) 100%);
  --stb-functional-done: rgb(var(--stb-green-200));
  --stb-functional-warning: rgb(var(--stb-yellow-500));
  --stb-functional-error: rgb(var(--stb-red-600));
  --stb-functional-alert: rgb(var(--stb-red-500));
  --stb-functional-info: rgb(var(--stb-neutral-500));
  --stb-white-filter: invert(1);
  --stb-icon-middle-filter: invert(86%) sepia(7%) saturate(4%) hue-rotate(53deg) brightness(83%) contrast(88%);
  --stb-button-text-middle-filter: invert(100%) sepia(18%) saturate(1404%) hue-rotate(288deg) brightness(112%) contrast(60%);
  --stb-text-accent-filter: invert(73%) sepia(56%) saturate(604%) hue-rotate(338deg) brightness(97%) contrast(85%);
  --stb-neutral-400-filter: invert(76%) sepia(0%) saturate(0%) hue-rotate(152deg) brightness(81%) contrast(86%);
  --stb-pgw-surface-buttonPrimary: linear-gradient(to top, rgb(var(--stb-green-200)), rgb(var(--stb-green-500)));
  --stb-pgw-surface-buttonPrimaryHover: linear-gradient(to bottom, #01420b, #01720b);
  --stb-pgw-surface-buttonPrimaryPress: linear-gradient(to bottom, #003c12, #005412);
  --stb-pgw-surface-buttonPrimaryDisabled: linear-gradient(to bottom, #212123, #505052);
  --stb-pgw-surface-buttonSecondary: linear-gradient(0deg, #262626 0%, #262626 100%), linear-gradient(180deg, #953308 0%, #c4771a 100%);
  --stb-pgw-surface-buttonSecondaryPress: linear-gradient(0deg, #805500 0%, #805500 100%), linear-gradient(180deg, #691c03 0%, #773009 100%);
  --stb-pgw-surface-skeleton: linear-gradient(90deg, rgb(255 255 255 / 0) 0%, rgb(255 255 255 / .05) 61.46%, rgb(255 255 255 / 0) 100%), rgb(24 24 24 / .5)
}

:root {
  --stb-tournament-dropdown-padding: 16px;
  --stb-tournament-card-radius: 8px;
  --stb-tournament-leaderbord-row-radius: 0;
  --stb-tournament-details-list-gap: 8px;
  --stb-tournament-details-list-font-size: 12px;
  --stb-tournament-dropdown-grid-template-columns: none;
  --stb-tournament-dropdown-container-gap: 24px;
  --stb-tournament-description-padding: 60px 16px 16px;
  --stb-tournament-description-details-gap: 12px;
  --stb-tournament-banner-grid-template-columns: 150px 1fr;
  --stb-tournament-banner-title-font-size: 20px;
  --stb-tournament-prize-font-size: 16px
}

:root {
  --stb-base-shop-card-height: 212px;
  --stb-large-shop-card-height: 310px;
  --stb-scroller-shop-card-width: 240px;
  --stb-shop-card-border-radius: 8px;
  --stb-shop-items-grid-gap: 12px;
  --stb-bonus-crab-card-width: 234px;
  --stb-freebets-columns: 2;
  --stb-free-spins-columns: 1;
  --stb-bonus-money-columns: 2;
  --stb-bonus-crab-columns: auto-fill;
  --stb-bonus-crab-column-size: minmax(var(--stb-bonus-crab-card-width), 1fr)
}

@media screen and (min-width:768px) {
  :root {
    --stb-bonus-money-columns: 3;
    --stb-free-spins-columns: 2;
    --stb-freebets-columns: 3;
    --stb-bonus-crab-columns: 3;
    --stb-bonus-crab-column-size: 1fr
  }
}

@media screen and (min-width:1280px) {
  :root {
    --stb-bonus-money-columns: 4;
    --stb-bonus-crab-columns: 4;
    --stb-free-spins-columns: 3;
    --stb-freebets-columns: 4
  }
}

:root {
  --stb-challenges-intro-actions-flex-direction: column;
  --stb-challenges-intro-actions-align-items: flex-start;
  --stb-challenge-header-flex-direction: column;
  --stb-mission-image-column-width: 72px;
  --stb-challenge-composite-list-columns-amount: 1;
  --stb-challenge-completed-header-display: contents;
  --stb-challenge-completed-countdown-order: 1
}

:root {
  --stb-cookie-banner-border-radius: 12px;
  --stb-cookie-banner-box-shadow: var(--stb-shadow-primary);
  --stb-cookie-banner-scroller-border-radius: 20px;
  --stb-cookie-banner-scrollbar-track-bg: var(--stb-bg-secondary);
  --stb-cookie-banner-scrollbar-thumb-bg: var(--stb-bg-fourth);
  --stb-cookie-banner-text-primary: var(--stb-text-primary);
  --stb-cookie-banner-bg-primary: var(--stb-bg-primary);
  --stb-cookie-banner-bg-secondary: var(--stb-bg-primary);
  --stb-cookie-banner-bg-tertiary: var(--stb-bg-fourth);
  --stb-cookie-banner-link-color: var(--stb-link-accent);
  --stb-cookie-banner-link-color-hover: var(--stb-text-primary);
  --stb-cookie-banner-action-border-radius: 0px;
  --stb-cookie-banner-action-bg-primary: rgb(var(--stb-green-400));
  --stb-cookie-banner-action-bg-primary-hover: rgb(var(--stb-green-500));
  --stb-cookie-banner-action-color-primary: var(--stb-text-primary);
  --stb-cookie-banner-action-color-primary-hover: var(--stb-text-accent);
  --stb-cookie-banner-action-bg-secondary: var(--stb-button-tertiary);
  --stb-cookie-banner-action-bg-secondary-hover: #2a0700;
  --stb-cookie-banner-action-color-secondary: var(--stb-button-text-middle);
  --stb-cookie-banner-action-color-secondary-hover: var(--stb-text-accent);
  --stb-cookie-banner-switcher-disabled-pin-bg: var(--stb-button-disable);
  --stb-cookie-banner-switcher-disabled-track-bg: var(--stb-bg-contrast-secondary);
  --stb-cookie-banner-switcher-disabled-svg-color: var(--stb-button-disable);
  --stb-cookie-banner-switcher-selected-pin-bg: var(--stb-functional-done);
  --stb-cookie-banner-switcher-selected-track-bg: var(--stb-bg-contrast-secondary);
  --stb-cookie-banner-switcher-selected-svg-color: var(--stb-text-primary);
  --stb-cookie-banner-switcher-unselected-pin-bg: var(--stb-bg-contrast-tertiary);
  --stb-cookie-banner-switcher-unselected-track-bg: var(--stb-bg-contrast-secondary);
  --stb-cookie-banner-switcher-unselected-svg-color: var(--stb-text-middle)
}

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

::-webkit-scrollbar-track {
  background-color: transparent;
  visibility: hidden
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  visibility: hidden
}

::-webkit-scrollbar-thumb {
  visibility: hidden
}

html,
body {
  height: 100%
}

html {
  min-width: 360px;
  font-family: var(--stb-font-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--stb-text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  /* -webkit-user-select: none;
  user-select: none; */
  background-color: var(--stb-bg-primary)
}

@supports(scrollbar-width:auto) and (not (selector(::-webkit-scrollbar))) {
  html {
    scrollbar-color: var(--stb-scrollbar-thumb-color) var(--stb-scrollbar-track-color);
    scrollbar-width: var(--stb-scrollbar-width-keyword)
  }
}

@supports(scrollbar-gutter:stable) {
  html {
    scrollbar-gutter: stable
  }
}

img {
  display: block
}

img {
  height: auto;
  max-width: 100%
}

h1,
h2,
h3,
p,
ul,
ol {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit
}

ul,
ol {
  padding: 0;
  /* list-style: none */
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer
}

button:focus-visible {
  outline: 1px dashed rgb(var(--stb-brand-500))
}

button:disabled {
  cursor: default
}

button:focus:not(:focus-visible) {
  outline: none
}

a {
  text-decoration: none;
  color: var(--stb-text-primary)
}

a:focus-visible {
  outline: 1px dashed var(--stb-link-accent)
}

a:focus:not(:focus-visible) {
  outline: none
}

.container {
  display: block;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding-inline-start: var(--stb-container-padding);
  padding-inline-end: var(--stb-container-padding)
}

@media(orientation:landscape) {
  .container {
    padding-inline-start: max(var(--stb-safe-area-inline-start), var(--stb-container-padding));
    padding-inline-end: max(var(--stb-safe-area-inline-end), var(--stb-container-padding))
  }
}

.grid-games:focus-visible {
  outline: 1px dashed rgb(var(--stb-brand-500))
}

@supports(-webkit-hyphens:none) {}

@supports(scrollbar-width:auto) {}

.form-control__input--validation-icon:not(:focus) {
  padding-inline-end: 40px
}

.form-control__input--validation-icon.ng-touched.ng-invalid:not(:focus),
.form-control__input--validation-icon.ng-touched.ng-invalid:not(:focus)+.mobile-placeholder-imitation {
  background-image: url(/assets/icons/icons-color/input-invalid.svg)
}

.form-control__input--validation-icon.ng-touched.ng-valid:not(:focus) {
  background-image: url(/assets/icons/icons-color/input-valid.svg)
}

.form-control__input--validation-error:not(:focus) {
  padding-inline-end: 40px
}

.form-control__input--validation-error.ng-touched.ng-invalid:not(:focus),
.form-control__input--validation-error.ng-touched.ng-invalid:not(:focus)+.mobile-placeholder-imitation {
  background-image: url(/assets/icons/icons-color/input-invalid.svg)
}

.form-control__input--optional:not(:focus) {
  padding-inline-end: 40px
}

.form-control__input--optional.ng-touched.ng-invalid:not(:focus),
.form-control__input--optional.ng-touched.ng-invalid:not(:focus)+.mobile-placeholder-imitation {
  background-image: url(/assets/icons/icons-color/input-invalid.svg)
}

.scroller:focus-visible {
  outline: 1px dashed rgb(var(--stb-brand-500))
}

@supports(scrollbar-width:auto) {}

@supports(scrollbar-width:auto) {}

:host {
  --stb-hover-opacity: 0
}

.wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden
}

.main {
  display: contents
}

.content {
  --stb-sidebar-current-width: var(--stb-sidebar-expanded-width);
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  will-change: transform
}

@media screen and (min-width: 1280px) {
  .content {
    transition: transform var(--stb-transition-time)
  }
}

.main-banner-container {
  max-width: 1920px;
  display: block;
  width: 100%;
  margin: 0 auto
}

.main-banner-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 370px;
  position: relative;
  background: url(/wp-content/images/image/main-banner-desk.webp) center;
  background-repeat: no-repeat;
}

/* @media (min-width:768px) {
  .main-banner-2 {
    background-repeat: no-repeat;
    background-position: top;
  }
} */

.main-banner__video {
  position: absolute;
  inset: 0;
  z-index: 0
}

/* .main-banner__video:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(to top, var(--stb-bg-primary), transparent), none, none;
  background-size: 100% 200px, 164px 100%, 164px 100%;
  background-repeat: no-repeat;
  background-position: 0 100%, 0 0, 100% 0
} */


.main-banner__video:after {
  position: absolute;
  inset: 0;
  opacity: 0;
  background-image: url(/wp-content/images/image/scratches.svg);
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: 1648px auto;
  z-index: 2;
  pointer-events: none;
  content: "";
}

@media screen and (min-width: 768px) {
  .main-banner__video[_ngcontent-ng-c1406577162]:after {
    background-image: linear-gradient(90deg, rgb(var(--stb-neutral-950) / 0), rgb(var(--stb-neutral-950) / 1)), url(/wp-content/images/image/scratches.svg);
    background-repeat: no-repeat, repeat-x;
    background-position: right center, center bottom;
    background-size: 60px 100%, 1648px auto;
  }
}

/* @media screen and (min-width: 1920px) {
  .main-banner__video:before {
      background-image: linear-gradient(to top, var(--stb-bg-primary), transparent), linear-gradient(to right, var(--stb-bg-primary), transparent), linear-gradient(to left, var(--stb-bg-primary), transparent)
  }
} */

.main-banner__description {
  position: relative;
  z-index: 1;
  max-width: 550px;
  padding: 0 15px;
  width: 100%;
  pointer-events: none;
  border-image: url(/wp-content/images/image/main-banner-card.webp) 20 fill / 20px stretch;
  /* margin-block-end: -100px */
}

/* .main-banner__description-spline[_ngcontent-ng-c1210426229] {
  max-width: 100%;
  padding: 30px 20px 20px;
  background-image: url(/wp-content/images/image/popup-base.png);
  background-size: 100%;
  margin-block-end: -20px
} */

/* @media screen and (min-width: 1280px) {
  .main-banner__description-spline {
      max-width: 440px;
      background-image: none;
      padding: 0 20px;
      margin-block-end: -100px
  }
}

@media screen and (min-width: 1536px) {
  .main-banner__description-spline {
      max-width: 620px
  }
} */

/* .description__button {
  background-image: url('/wp-content/images/image/btn-primary-default.png');
  background-size: cover;
  
  background-repeat: no-repeat;
  border: none;
 
  color: white;
 

  cursor: pointer;
  display: inline-flex;
  align-items: center;
} */

.description__button a {
  color: inherit;

  text-decoration: none;
  /* видалити підкреслення */
}

.description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* .main-banner__description {
  background-image: url('/wp-content/images/image/main-banner-rays.svg'), url('/wp-content/images/image/main-banner-border.png');
  background-position: center, center;
  
  background-size: cover, contain;
 
  background-repeat: no-repeat, no-repeat;
  
  padding: 10px;
  position: relative;
  z-index: 1;
 
} */

.description {
  position: relative;
  z-index: 2;
  /* Вміст блоку залишиться поверх фону */
  /* background-image: linear-gradient(180deg, #040302, #04030200); */
  padding: 10px;
  border-radius: 15px 5px 15px 5px;
  margin-bottom: 8px;
}
/* @media (min-width:1300px) {
  .main-banner__description {
    margin-left: 550px;
  }
} */
/* :root {
  --textShadow: 37, 30, 11
} */

.top-games-section {
  padding: 15px 0 56px;

}

@media screen and (min-width: 1280px) {
  .top-games-section {
    padding: 45px 0 56px
  }
}

.top-games-section--slider {
  position: relative
}

.top-games-section--slider._mobile {
  overflow: hidden;
  width: calc(100%);
  display: flex;
  justify-content: center;
}

.top-games-section--scroll {
  display: grid;
  grid-template-columns: repeat(6, 170px) 16px;
  grid-column-gap: 16px;
  overflow-x: scroll;
  padding: 0 16px;
  margin-top: 10px;
}

.top-games-section--scroll:after {
  content: ""
}

.top-games-section--elem {
  display: grid
}

@media screen and (min-width: 540px) {
  .grid-games--item {
    grid-column: unset
  }
}

.grid-games--item {
  transition: transform 0.3s ease;
  /* Додаємо плавний перехід */
  /* border-top: 1px solid #916641;
  border-bottom: 1px solid #916641; */
}

.grid-games--item:hover {
  transform: scale(1.1);
  /* Збільшуємо іконку при наведенні */
}

.top-games-section--scroll {
  overflow-x: scroll;
  /* Зберігає горизонтальну прокрутку */
  scrollbar-width: none;
  /* Для Firefox */
  -ms-overflow-style: none;
  /* Для Internet Explorer і Edge */
}

.top-games-section--scroll::-webkit-scrollbar {
  display: none;
  /* Для Chrome, Safari і Opera */
}

.title-text {
  margin-bottom: 10px;
  text-align: center;
  color: rgb(187 141 76);
  /* text-transform: uppercase; */
}

h2 {
  color: rgb(187 141 76);
  text-align: center;
}

.game-title {
  line-height: 1.4;
  text-align: center;
  color: #a28df6;
  font-weight: 600;

}

.top-games-section--scroll {
  overflow-y: hidden;
  /* Сховати вертикальний скрол */
  overflow-x: auto;
  /* Додати горизонтальний скрол, якщо потрібно */
}

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

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

a {
  background-color: transparent
}

img {
  border-style: none
}

button {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button {
  overflow: visible
}

button {
  text-transform: none
}

button,
[type=button] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring {
  outline: 1px dotted ButtonText
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

:root {
  --stb-font-primary: "Jost", "Arial", sans-serif;
  --stb-font-secondary: "Cinzel", sans-serif;
  --stb-font-helper: "Helvetica", sans-serif;
  --stb-transition-time: .2s;
  --stb-sidebars-transition-time: .5s;
  --stb-animation-rotation-time: 3s;
  --stb-container-padding: 20px;
  --stb-game-page-container-padding: 20px;
  --stb-gamification-container-inner-width: 1264px;
  --stb-gamification-container: calc(var(--stb-gamification-container-inner-width) + var(--stb-container-padding) * 2);
  --stb-safe-area-inline-start: env(safe-area-inset-left);
  --stb-safe-area-inline-end: env(safe-area-inset-right);
  --stb-page-content-width: 800px;
  --stb-page-content-padding-bottom: 100px;
  --stb-page-indent-padding-top: 20px;
  --stb-page-indent-s-padding-top: 28px;
  --stb-page-indent-padding-bottom: 40px;
  --stb-games-gap: 12px;
  --stb-page-grid-row-gap: 28px;
  --stb-game-page-header-height: 52px;
  --stb-game-page-header-closed-height: 32px;
  --stb-header-height: 60px;
  --stb-sub-menu-height: 48px;
  --stb-navigation-bottom-height: 60px;
  --stb-sidebar-expanded-width: 232px;
  --stb-sidebar-current-width: var(--stb-sidebar-expanded-width);
  --stb-sidebar-collapsed-width: 80px;
  --stb-modal-menu-max-width: 420px;
  --stb-scrollbar-width: 6px;
  --stb-scrollbar-height: 6px;
  --stb-scrollbar-visibility: initial;
  --stb-scrollbar-thumb-color: var(--stb-bg-fourth);
  --stb-scrollbar-track-color: rgb(var(--stb-white) / 0);
  --stb-scrollbar-border-radius: 6px;
  --stb-scrollbar-width-keyword: none;
  --stb-scroller-correct-scrollbar: 8px;
  --stb-common-scroll-margin-top: calc(var(--stb-header-height) + 40px);
  --stb-modal-dialog-panel-max-width: 540px;
  --stb-modal-dialog-inner-vertical-padding: 24px;
  --stb-modal-dialog-header-inner-vertical-padding: 24px;
  --stb-modal-dialog-action-bottom-padding: 20px;
  --stb-modal-dialog-body-bottom-padding: 0px;
  --stb-modal-dialog-border-radius: 12px;
  --stb-modal-dialog-inner-top-padding: 16px;
  --stb-modal-dialog-inner-bottom-padding: 28px;
  --stb-modal-dialog-header-margin: 0 auto 14px;
  --stb-modal-dialog-close-button-top-position: 8px;
  --stb-spinner-loader-inset: -4px;
  --stb-spinner-loader-border-radius: 0px;
  --stb-thumbnail-border-radius: 4px;
  --stb-thumbnail-label-opacity: 1;
  --stb-thumbnail-actions-opacity: 0;
  --stb-thumbnail-favorite-block-opacity: 0;
  --stb-title-grid-template-columns: .5fr 1fr minmax(0, .5fr);
  --stb-text-transform-uppercase: uppercase;
  --stb-banner-offer-horizontal-padding: var(--stb-container-padding);
  --stb-banner-offer-vertical-padding: 16px;
  --stb-progress-banner-height: 320px;
  --stb-sidemenu-colapsed-hover-bg: url(/wp-content/images/image/sidemenu-center-hover-background.svg);
  --stb-sidemenu-active-bg: url(/wp-content/images/image/sidemenu-center-current-active.svg);
  --stb-sidemenu-active-right-active: url(/wp-content/images/image/sidemenu-right-active.svg);
  --stb-sidemenu-active-left-active: url(/wp-content/images/image/sidemenu-left-active.svg);
  --stb-sidemenu-link-color: var(--stb-button-text-middle);
  --stb-sidemenu-border-color: transparent;
  --stb-sidemenu-link-width: auto;
  --stb-sidemenu-link-padding: 0 16px;
  --stb-sidemenu-link-justify: start;
  --stb-sidemenu-title-opacity: 1;
  --stb-sidemenu-title-display: inline-block;
  --stb-sidemenu-item-width: 100%;
  --stb-onboarding-visible: hidden;
  --stb-icon-sprite-svg-search-width: 16px;
  --stb-icon-sprite-svg-search-height: 16px;
  --stb-provider-max-width: 100%;
  --stb-search-category-max-width: 100%
}

:root[lang=el-gr] {
  --stb-font-primary: "Commissioner", "Arial", sans-serif;
  --stb-font-secondary: "Tinos", sans-serif
}

@media screen and (min-width:768px) {
  :root {
    --stb-modal-dialog-panel-max-width: 580px;
    --stb-modal-dialog-inner-vertical-padding: 70px;
    --stb-modal-dialog-header-inner-vertical-padding: 70px;
    --stb-banner-offer-horizontal-padding: 28px;
    --stb-banner-offer-vertical-padding: 32px
  }
}

@media screen and (min-width:1536px) {
  :root {
    --stb-banner-offer-horizontal-padding: 40px;
    --stb-banner-offer-vertical-padding: 40px
  }
}

@media screen and (min-width:1024px) {
  :root {
    --stb-progress-banner-height: 400px
  }
}

@media screen and (min-width:1280px) {
  :root {
    --stb-game-page-container-padding: 60px;
    --stb-page-indent-s-padding-top: 40px;
    --stb-games-gap: 12px;
    --stb-game-page-header-height: 56px;
    --stb-header-height: 64px;
    --stb-sub-menu-height: 0px
  }
}

@media screen and (min-width:1536px) {
  :root {
    --stb-progress-banner-height: 480px
  }
}

:root {
  --stb-black: 0 0 0;
  --stb-white: 255 255 255;
  --stb-neutral-50: 242 242 242;
  --stb-neutral-100: 230 230 230;
  --stb-neutral-150: 217 217 217;
  --stb-neutral-200: 204 204 204;
  --stb-neutral-300: 179 179 179;
  --stb-neutral-400: 153 153 153;
  --stb-neutral-500: 133 133 133;
  --stb-neutral-600: 110 110 110;
  --stb-neutral-700: 77 77 77;
  --stb-neutral-800: 50 50 50;
  --stb-neutral-850: 38 38 38;
  --stb-neutral-900: 24 24 24;
  --stb-neutral-950: 13 13 13;
  --stb-brand-50: 178 155 155;
  --stb-brand-100: 194 120 109;
  --stb-brand-150: 205 94 75;
  --stb-brand-200: 220 58 28;
  --stb-brand-300: 163 14 14;
  --stb-brand-400: 117 42 42;
  --stb-brand-500: 128 20 0;
  --stb-brand-600: 106 25 0;
  --stb-brand-700: 86 18 1;
  --stb-brand-800: 42 7 0;
  --stb-brand-850: 64 48 48;
  --stb-brand-900: 26 18 18;
  --stb-brand-950: 13 12 12;
  --stb-brand-1000: 14 0 0;
  --stb-green-200: 0 153 0;
  --stb-green-300: 4 125 4;
  --stb-green-400: 3 99 3;
  --stb-green-500: 0 72 0;
  --stb-green-600: 0 55 26;
  --stb-red-500: 250 77 77;
  --stb-red-600: 223 58 58;
  --stb-red-700: 190 24 24;
  --stb-yellow-50: 255 219 127;
  --stb-yellow-100: 255 214 109;
  --stb-yellow-150: 255 203 93;
  --stb-yellow-200: 255 199 71;
  --stb-yellow-300: 234 175 75;
  --stb-yellow-400: 229 167 73;
  --stb-yellow-500: 225 162 37;
  --stb-yellow-600: 188 134 43;
  --stb-yellow-700: 168 120 38;
  --stb-yellow-800: 155 103 0;
  --stb-yellow-850: 140 102 38;
  --stb-yellow-900: 128 94 26;
  --stb-yellow-950: 98 75 29;
  --stb-yellow-1000: 70 47 0;
  --stb-system-skeleton: linear-gradient(90deg, rgb(var(--stb-white) / 0) 0%, rgb(var(--stb-white) / .05) 61.46%, rgb(var(--stb-white) / 0) 100%);
  --stb-text-primary: rgb(var(--stb-white));
  --stb-text-secondary: rgb(var(--stb-neutral-400));
  --stb-text-contrast-primary: rgb(var(--stb-neutral-950));
  --stb-text-contrast-secondary: rgb(var(--stb-neutral-800));
  --stb-text-accent: rgb(var(--stb-yellow-400));
  --stb-text-middle: rgb(var(--stb-neutral-200));
  --stb-button-primary: rgb(var(--stb-green-600));
  --stb-button-primary-hover: rgb(var(--stb-green-600));
  --stb-button-primary-active: rgb(var(--stb-green-600));
  --stb-button-secondary: rgb(var(--stb-brand-800));
  --stb-button-secondary-hover: rgb(var(--stb-brand-800));
  --stb-button-secondary-active: rgb(var(--stb-brand-800));
  --stb-button-tertiary: rgb(var(--stb-neutral-900));
  --stb-button-tertiary-hover: rgb(var(--stb-brand-800));
  --stb-button-tertiary-active: rgb(var(--stb-brand-900));
  --stb-button-disable: rgb(var(--stb-white) / .5);
  --stb-button-text-bright: rgb(var(--stb-white));
  --stb-button-text-middle: rgb(var(--stb-neutral-200));
  --stb-button-text-dark: rgb(var(--stb-neutral-950));
  --stb-text-gradient: linear-gradient(180deg, rgb(var(--stb-white)) 21%, rgb(var(--stb-yellow-150)) 32%);
  --stb-stroke: rgb(var(--stb-yellow-900));
  --stb-link-primary: rgb(var(--stb-yellow-400));
  --stb-link-secondary: rgb(var(--stb-white));
  --stb-link-invert: rgb(var(--stb-white));
  --stb-link-accent: rgb(var(--stb-yellow-400));
  --stb-link-alert: rgb(var(--stb-red-500));
  --stb-label-casino: rgb(var(--stb-red-700));
  --stb-label-border-casino: rgb(var(--stb-yellow-600));
  --stb-label-wrapper-border-casino: rgb(var(--stb-brand-500));
  --stb-label-triangle-casino: rgb(var(--stb-yellow-900));
  --stb-label-sport: rgb(var(--stb-brand-700));
  --stb-label-border-sport: rgb(var(--stb-yellow-600));
  --stb-label-wrapper-border-sport: rgb(var(--stb-brand-800));
  --stb-label-triangle-sport: rgb(var(--stb-yellow-900));
  --stb-label-past: rgb(var(--stb-neutral-600));
  --stb-label-border-past: rgb(var(--stb-neutral-700));
  --stb-label-wrapper-border-past: rgb(var(--stb-neutral-800));
  --stb-label-triangle-past: rgb(var(--stb-neutral-800));
  --stb-label-special: rgb(var(--stb-yellow-800));
  --stb-label-border-special: rgb(var(--stb-yellow-600));
  --stb-label-wrapper-border-special: rgb(var(--stb-yellow-900));
  --stb-label-triangle-special: rgb(var(--stb-yellow-900));
  --stb-label-coin-balance: rgb(var(--stb-red-700));
  --stb-label-border-coin-balance: rgb(var(--stb-yellow-600));
  --stb-label-wrapper-border-coin-balance: rgb(var(--stb-brand-500));
  --stb-label-triangle-coin-balance: rgb(var(--stb-yellow-900));
  --stb-small-label-bonus-new: rgb(var(--stb-neutral-700));
  --stb-small-label-bonus-active: rgb(var(--stb-brand-600));
  --stb-small-label-bonus: var(--stb-bg-fourth);
  --stb-small-label-shop-bet: rgb(var(--stb-brand-800));
  --stb-small-label-shop-sale: rgb(var(--stb-red-700));
  --stb-bg-primary: rgb(var(--stb-brand-950));
  --stb-bg-secondary: rgb(var(--stb-brand-900));
  --stb-bg-tertiary: rgb(var(--stb-brand-1000));
  --stb-bg-fourth: rgb(var(--stb-brand-850));
  --stb-bg-contrast-primary: rgb(var(--stb-neutral-900));
  --stb-bg-contrast-secondary: rgb(var(--stb-neutral-850));
  --stb-bg-contrast-tertiary: rgb(var(--stb-neutral-700));
  --stb-bg-card-border: linear-gradient(180deg, rgb(var(--stb-neutral-700)) 0%, rgb(var(--stb-brand-400)) 100%);
  --stb-bg-popup: rgb(var(--stb-neutral-800) / .8);
  --stb-bg-radial-gradient: radial-gradient(50% 50% at 50% bottom, rgb(var(--stb-brand-700) / .5) 0%, rgb(var(--stb-brand-700) / 0) 100%);
  --stb-bg-radial-gradient-vip-curtains: radial-gradient(67.37% 50% at 50% 49.93%, rgb(var(--stb-brand-950) / 0) 0%, rgb(var(--stb-brand-950) / 0) 75%, rgb(var(--stb-brand-950) / .8) 100%), linear-gradient(0deg, #0d0c0c 0%, rgb(var(--stb-brand-950) / 0) 30%, rgb(var(--stb-brand-950) / 0) 90%, #0d0c0c 100%), linear-gradient(270deg, #0d0c0c 0%, rgb(var(--stb-brand-950) / 0) 10%, rgb(var(--stb-brand-950) / 0) 90%, #0d0c0c 100%);
  --stb-input-fill: rgb(var(--stb-neutral-900));
  --stb-input-fill-hover: rgb(var(--stb-neutral-850));
  --stb-input-fill-selected: rgb(var(--stb-neutral-900));
  --stb-input-stroke: rgb(var(--stb-neutral-700));
  --stb-input-stroke-hover: rgb(var(--stb-neutral-700));
  --stb-input-stroke-selected: rgb(var(--stb-yellow-700));
  --stb-icon-bright: rgb(var(--stb-white));
  --stb-icon-middle: rgb(var(--stb-neutral-300));
  --stb-icon-dark: rgb(var(--stb-neutral-500));
  --stb-icon-contrast: rgb(var(--stb-neutral-800));
  --stb-icon-gradient-accent: linear-gradient(rgb(var(--stb-yellow-200)) 0%, rgb(var(--stb-yellow-200)) 26%, rgb(var(--stb-yellow-800)) 100%);
  --stb-icon-gradient-gray: linear-gradient(180deg, rgb(var(--stb-neutral-400)) 0%, rgb(var(--stb-brand-50)) 100%);
  --stb-functional-done: rgb(var(--stb-green-200));
  --stb-functional-warning: rgb(var(--stb-yellow-500));
  --stb-functional-error: rgb(var(--stb-red-600));
  --stb-functional-alert: rgb(var(--stb-red-500));
  --stb-functional-info: rgb(var(--stb-neutral-500));
  --stb-white-filter: invert(1);
  --stb-icon-middle-filter: invert(86%) sepia(7%) saturate(4%) hue-rotate(53deg) brightness(83%) contrast(88%);
  --stb-button-text-middle-filter: invert(100%) sepia(18%) saturate(1404%) hue-rotate(288deg) brightness(112%) contrast(60%);
  --stb-text-accent-filter: invert(73%) sepia(56%) saturate(604%) hue-rotate(338deg) brightness(97%) contrast(85%);
  --stb-neutral-400-filter: invert(76%) sepia(0%) saturate(0%) hue-rotate(152deg) brightness(81%) contrast(86%);
  --stb-pgw-surface-buttonPrimary: linear-gradient(to top, rgb(var(--stb-green-200)), rgb(var(--stb-green-500)));
  --stb-pgw-surface-buttonPrimaryHover: linear-gradient(to bottom, #01420b, #01720b);
  --stb-pgw-surface-buttonPrimaryPress: linear-gradient(to bottom, #003c12, #005412);
  --stb-pgw-surface-buttonPrimaryDisabled: linear-gradient(to bottom, #212123, #505052);
  --stb-pgw-surface-buttonSecondary: linear-gradient(0deg, #262626 0%, #262626 100%), linear-gradient(180deg, #953308 0%, #c4771a 100%);
  --stb-pgw-surface-buttonSecondaryPress: linear-gradient(0deg, #805500 0%, #805500 100%), linear-gradient(180deg, #691c03 0%, #773009 100%);
  --stb-pgw-surface-skeleton: linear-gradient(90deg, rgb(255 255 255 / 0) 0%, rgb(255 255 255 / .05) 61.46%, rgb(255 255 255 / 0) 100%), rgb(24 24 24 / .5)
}

:root {
  --stb-tournament-dropdown-padding: 16px;
  --stb-tournament-card-radius: 8px;
  --stb-tournament-leaderbord-row-radius: 0;
  --stb-tournament-details-list-gap: 8px;
  --stb-tournament-details-list-font-size: 12px;
  --stb-tournament-dropdown-grid-template-columns: none;
  --stb-tournament-dropdown-container-gap: 24px;
  --stb-tournament-description-padding: 60px 16px 16px;
  --stb-tournament-description-details-gap: 12px;
  --stb-tournament-banner-grid-template-columns: 150px 1fr;
  --stb-tournament-banner-title-font-size: 20px;
  --stb-tournament-prize-font-size: 16px
}

:root {
  --stb-base-shop-card-height: 212px;
  --stb-large-shop-card-height: 310px;
  --stb-scroller-shop-card-width: 240px;
  --stb-shop-card-border-radius: 8px;
  --stb-shop-items-grid-gap: 12px;
  --stb-bonus-crab-card-width: 234px;
  --stb-freebets-columns: 2;
  --stb-free-spins-columns: 1;
  --stb-bonus-money-columns: 2;
  --stb-bonus-crab-columns: auto-fill;
  --stb-bonus-crab-column-size: minmax(var(--stb-bonus-crab-card-width), 1fr)
}

@media screen and (min-width:768px) {
  :root {
    --stb-bonus-money-columns: 3;
    --stb-free-spins-columns: 2;
    --stb-freebets-columns: 3;
    --stb-bonus-crab-columns: 3;
    --stb-bonus-crab-column-size: 1fr
  }
}

@media screen and (min-width:1280px) {
  :root {
    --stb-bonus-money-columns: 4;
    --stb-bonus-crab-columns: 4;
    --stb-free-spins-columns: 3;
    --stb-freebets-columns: 4
  }
}

:root {
  --stb-challenges-intro-actions-flex-direction: column;
  --stb-challenges-intro-actions-align-items: flex-start;
  --stb-challenge-header-flex-direction: column;
  --stb-mission-image-column-width: 72px;
  --stb-challenge-composite-list-columns-amount: 1;
  --stb-challenge-completed-header-display: contents;
  --stb-challenge-completed-countdown-order: 1
}

:root {
  --stb-cookie-banner-border-radius: 12px;
  --stb-cookie-banner-box-shadow: var(--stb-shadow-primary);
  --stb-cookie-banner-scroller-border-radius: 20px;
  --stb-cookie-banner-scrollbar-track-bg: var(--stb-bg-secondary);
  --stb-cookie-banner-scrollbar-thumb-bg: var(--stb-bg-fourth);
  --stb-cookie-banner-text-primary: var(--stb-text-primary);
  --stb-cookie-banner-bg-primary: var(--stb-bg-primary);
  --stb-cookie-banner-bg-secondary: var(--stb-bg-primary);
  --stb-cookie-banner-bg-tertiary: var(--stb-bg-fourth);
  --stb-cookie-banner-link-color: var(--stb-link-accent);
  --stb-cookie-banner-link-color-hover: var(--stb-text-primary);
  --stb-cookie-banner-action-border-radius: 0px;
  --stb-cookie-banner-action-bg-primary: rgb(var(--stb-green-400));
  --stb-cookie-banner-action-bg-primary-hover: rgb(var(--stb-green-500));
  --stb-cookie-banner-action-color-primary: var(--stb-text-primary);
  --stb-cookie-banner-action-color-primary-hover: var(--stb-text-accent);
  --stb-cookie-banner-action-bg-secondary: var(--stb-button-tertiary);
  --stb-cookie-banner-action-bg-secondary-hover: #2a0700;
  --stb-cookie-banner-action-color-secondary: var(--stb-button-text-middle);
  --stb-cookie-banner-action-color-secondary-hover: var(--stb-text-accent);
  --stb-cookie-banner-switcher-disabled-pin-bg: var(--stb-button-disable);
  --stb-cookie-banner-switcher-disabled-track-bg: var(--stb-bg-contrast-secondary);
  --stb-cookie-banner-switcher-disabled-svg-color: var(--stb-button-disable);
  --stb-cookie-banner-switcher-selected-pin-bg: var(--stb-functional-done);
  --stb-cookie-banner-switcher-selected-track-bg: var(--stb-bg-contrast-secondary);
  --stb-cookie-banner-switcher-selected-svg-color: var(--stb-text-primary);
  --stb-cookie-banner-switcher-unselected-pin-bg: var(--stb-bg-contrast-tertiary);
  --stb-cookie-banner-switcher-unselected-track-bg: var(--stb-bg-contrast-secondary);
  --stb-cookie-banner-switcher-unselected-svg-color: var(--stb-text-middle)
}

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

::-webkit-scrollbar-track {
  background-color: transparent;
  visibility: hidden
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  visibility: hidden
}

::-webkit-scrollbar-thumb {
  visibility: hidden
}

html,
body {
  height: 100%
}

html {
  min-width: 360px;
  font-family: var(--stb-font-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--stb-text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  /* -webkit-user-select: none;
  user-select: none; */
  background-color: var(--stb-bg-primary)
}

@supports(scrollbar-width:auto) and (not (selector(::-webkit-scrollbar))) {
  html {
    scrollbar-color: var(--stb-scrollbar-thumb-color) var(--stb-scrollbar-track-color);
    scrollbar-width: var(--stb-scrollbar-width-keyword)
  }
}

@supports(scrollbar-gutter:stable) {
  html {
    scrollbar-gutter: stable
  }
}

img {
  display: block
}

img {
  height: auto;
  max-width: 100%
}

h1,
h2,
h3,
p,
ul,
ol {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit
}

ul,
ol {
  padding: 0 0 0 30px;
  /* list-style: none */
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer
}

button:focus-visible {
  outline: 1px dashed rgb(var(--stb-brand-500))
}

button:disabled {
  cursor: default
}

button:focus:not(:focus-visible) {
  outline: none
}

a {
  text-decoration: none;
  color: var(--stb-text-primary)
}

a:focus-visible {
  outline: 1px dashed var(--stb-link-accent)
}

a:focus:not(:focus-visible) {
  outline: none
}

.container {
  display: block;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding-inline-start: var(--stb-container-padding);
  padding-inline-end: var(--stb-container-padding)
}

@media(orientation:landscape) {
  .container {
    padding-inline-start: max(var(--stb-safe-area-inline-start), var(--stb-container-padding));
    padding-inline-end: max(var(--stb-safe-area-inline-end), var(--stb-container-padding))
  }
}

.grid-games:focus-visible {
  outline: 1px dashed rgb(var(--stb-brand-500))
}

@supports(-webkit-hyphens:none) {}

@supports(scrollbar-width:auto) {}

.form-control__input--validation-icon:not(:focus) {
  padding-inline-end: 40px
}

.form-control__input--validation-icon.ng-touched.ng-invalid:not(:focus),
.form-control__input--validation-icon.ng-touched.ng-invalid:not(:focus)+.mobile-placeholder-imitation {
  background-image: url(/assets/icons/icons-color/input-invalid.svg)
}

.form-control__input--validation-icon.ng-touched.ng-valid:not(:focus) {
  background-image: url(/assets/icons/icons-color/input-valid.svg)
}

.form-control__input--validation-error:not(:focus) {
  padding-inline-end: 40px
}

.form-control__input--validation-error.ng-touched.ng-invalid:not(:focus),
.form-control__input--validation-error.ng-touched.ng-invalid:not(:focus)+.mobile-placeholder-imitation {
  background-image: url(/assets/icons/icons-color/input-invalid.svg)
}

.form-control__input--optional:not(:focus) {
  padding-inline-end: 40px
}

.form-control__input--optional.ng-touched.ng-invalid:not(:focus),
.form-control__input--optional.ng-touched.ng-invalid:not(:focus)+.mobile-placeholder-imitation {
  background-image: url(/assets/icons/icons-color/input-invalid.svg)
}

.button {
  --stb-button-loading-dimension: 24px;
  --stb-button-font-family: var(--stb-font-secondary);
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-align: center;
  font-family: var(--stb-button-font-family);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  border: none;
  color: var(--stb-button-text-bright);
  cursor: pointer;
  transition-property: background-color, color, border-image;
  transition-duration: var(--stb-transition-time);
  transform: translateZ(0)
}

.button__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* -webkit-user-select: none;
  user-select: none; */
  text-shadow: 0 2px 2px rgb(var(--stb-brand-950)/.5);
  margin: 10px;

}


.button:disabled {
  color: var(--stb-button-disable);
  pointer-events: none
}


.button--m {
  font-size: 25px;
  min-height: 60px;
  max-height: 70px;
  padding: 8px 32px
}

.button--primary {
  color: rgb(var(--stb-yellow-100));
  border-image: url(/wp-content/images/image/btn-primary-default.2c3e743d3c257394.png) 64 fill / 88px stretch;
}



.scroller:focus-visible {
  outline: 1px dashed rgb(var(--stb-brand-500))
}

@supports(scrollbar-width:auto) {}

@supports(scrollbar-width:auto) {}

:host {
  --stb-hover-opacity: 0
}

:root {
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,
      rgba(6, 147, 227, 1) 0%,
      rgb(155, 81, 224) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,
      rgb(122, 220, 180) 0%,
      rgb(0, 208, 130) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,
      #eaa847 0%,
      #eaa847 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,
      rgba(255, 105, 0, 1) 0%,
      rgb(207, 46, 46) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,
      rgb(238, 238, 238) 0%,
      rgb(169, 184, 195) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,
      rgb(74, 234, 220) 0%,
      rgb(151, 120, 209) 20%,
      rgb(207, 42, 186) 40%,
      rgb(238, 44, 130) 60%,
      rgb(251, 105, 98) 80%,
      rgb(254, 248, 76) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,
      rgb(255, 206, 236) 0%,
      rgb(152, 150, 240) 100%);
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,
      rgb(254, 205, 165) 0%,
      rgb(254, 45, 45) 50%,
      rgb(107, 0, 62) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg,
      rgb(255, 245, 203) 0%,
      rgb(182, 227, 212) 50%,
      rgb(51, 167, 181) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg,
      rgb(202, 248, 128) 0%,
      rgb(113, 206, 126) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg,
      rgb(2, 3, 129) 0%,
      rgb(40, 116, 252) 100%);
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1),
    6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(.is-layout-flex) {
  gap: 0.5em;
}

:where(.is-layout-grid) {
  gap: 0.5em;
}

.is-layout-flex> :is(*, div) {
  margin: 0;
}

.is-layout-grid> :is(*, div) {
  margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}

:root :where(.wp-block-pullquote) {
  font-size: 1.5em;
  line-height: 1.6;
}

.elementor-widget-image {
  text-align: center;
}

.elementor-widget-image a {
  display: inline-block;
}

/* 
  .elementor-widget-image a img[src$=".svg"] {
    width: 48px
  } */

.elementor-widget-image img {
  vertical-align: middle;
  display: inline-block;
}

.elementor-heading-title {
  padding: 0;
  margin: 20px 0;
  line-height: 1;
}

/*! elementor - v3.21.0 - 30-04-2024 */

/*! elementor - v3.21.0 - 30-04-2024 */
body.elementor-page .elementor-widget-menu-anchor {
  margin-bottom: 0;
}

/*! elementor - v3.21.0 - 30-04-2024 */

.elementor-kit-6 {
  --e-global-color-primary: #916641;
  --e-global-color-secondary: #000092;
  --e-global-color-text: #000000;
  --e-global-color-accent: #eaa847;
  --e-global-color-fece8f1: #ff97d9;
  --e-global-color-00e5a46: #ff6b5b;
  --e-global-color-66e4d73: #f4f3ed;
  --e-global-typography-primary-font-family: "Viga";
  --e-global-typography-primary-font-size: 43px;
  --e-global-typography-primary-font-weight: 600;
  --e-global-typography-secondary-font-family: "Viga";
  --e-global-typography-secondary-font-size: 36px;
  --e-global-typography-secondary-font-weight: 400;
  --e-global-typography-text-font-family: "Chivo";
  --e-global-typography-text-font-size: 16px;
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "Chivo";
  --e-global-typography-accent-font-size: 18px;
  --e-global-typography-accent-font-weight: 500;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  background-color: #000A38;
}

/* .elementor-kit-6 a {
  color: #fff;
} */

.elementor-kit-6 h1 {
  font-size: 35px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  color: #fff;
}

.elementor-kit-6 h2 {
  font-size: 31px;
  color: #fff;
  font-weight: 900;
}

.elementor-section.elementor-section-boxed>.elementor-container {
  max-width: 1140px;
}

.elementor-widget:not(:last-child) {
  margin-bottom: 20px;
  margin-top: 0;
}

.elementor-element {
  --widgets-spacing: 20px 20px;
}

@media (max-width: 1024px) {
  .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1024px;
  }
}

@media (max-width: 767px) {
  .elementor-kit-6 {
    --e-global-typography-primary-font-size: 36px;
    --e-global-typography-secondary-font-size: 30px;
    --e-global-typography-text-font-size: 16px;
    --e-global-typography-accent-font-size: 18px;
    font-size: 16px;
  }

  .elementor-kit-6 h1 {
    font-size: 36px;
    text-align: center;
  }

  .elementor-kit-6 h2 {
    font-size: 26px;
  }

  .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 767px;
  }
}

.elementor-14 .elementor-element.elementor-element-3ead3cb4>.elementor-container {
  min-height: 430px;
}

.elementor-14 .elementor-element.elementor-element-3ead3cb4>.elementor-container>.elementor-column>.elementor-widget-wrap {
  align-content: center;
  align-items: center;
}

.elementor-14 .elementor-element.elementor-element-3ead3cb4:not(.elementor-motion-effects-element-type-background) {
  background-color: #000A38;
}

.elementor-14 .elementor-element.elementor-element-3ead3cb4>.elementor-background-overlay {
  opacity: 0.5;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-14 .elementor-element.elementor-element-3ead3cb4 {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  /* padding: 70px 0px 50px 0px; */
  padding: 0;
}

.elementor-14 .elementor-element.elementor-element-53c72ce9.elementor-column>.elementor-widget-wrap {
  justify-content: center;
}

/* .elementor-14
  .elementor-element.elementor-element-53c72ce9
  > .elementor-element-populated {
  margin: 0px 0px 0px 40px;
  --e-column-margin-right: 0px;
  --e-column-margin-left: 40px;
} */
.elementor-14 .elementor-element.elementor-element-60c6f895 .elementor-heading-title {
  font-size: 30px;
  color: #fff;
  font-weight: 900;
  text-transform: none;
}

.elementor-14 .elementor-element.elementor-element-190416e2 {
  text-align: left;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

.elementor-14 .elementor-element.elementor-element-190416e2>.elementor-widget-container {
  padding: 0% 0% 0% 0%;
}

.elementor-14 .elementor-element.elementor-element-7c37966:not(.elementor-motion-effects-element-type-background) {
  background-color: #000A38;
}

.elementor-14 .elementor-element.elementor-element-7c37966 {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 32px 0px 40px 0px;
}

:root {
  --page-title-display: none;
}

@media (max-width: 767px) {
  .elementor-14 .elementor-element.elementor-element-3ead3cb4 {
    padding: 0 5px 0px 5px;
  }

  .elementor-14 .elementor-element.elementor-element-53c72ce9>.elementor-element-populated {
    margin: 0px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
  }

  .elementor-14 .elementor-element.elementor-element-60c6f895 {
    text-align: center;
  }

  .elementor-14 .elementor-element.elementor-element-60c6f895 .elementor-heading-title {
    font-size: 29px;
  }

  .elementor-14 .elementor-element.elementor-element-190416e2 {
    text-align: left;
  }

  .elementor-14 .elementor-element.elementor-element-7c37966 {
    padding: 4px 5px 20px 5px;
  }
}

.elementor-22 .elementor-element.elementor-element-49b64f11>.elementor-container {
  max-width: 1390px;
  min-height: 70px;
  justify-content: space-around;
}

.elementor-22 .elementor-element.elementor-element-49b64f11:not(.elementor-motion-effects-element-type-background) {
  padding-bottom: 1px;
  border-bottom: 1px solid #540878;
    background-color: #000A38;
}

.elementor-22 .elementor-element.elementor-element-49b64f11>.elementor-background-overlay {
  background-color: #140d08;
  border-bottom: 1px solid #4e4e4e;
  opacity: 0.5;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-22 .elementor-element.elementor-element-49b64f11 {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 0px;
  margin-bottom: 0px;
  z-index: 1;
}

.elementor-22 .elementor-element.elementor-element-47593cd5>.elementor-element-populated {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-22 .elementor-element.elementor-element-21c99483 {
  text-align: center;
}

.elementor-22 .elementor-element.elementor-element-681ed4e3>.elementor-element-populated {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-22 .elementor-element.elementor-element-322d0802:not(.elementor-motion-effects-element-type-background)>.elementor-widget-wrap {
  background-color: #000A38;
}

.elementor-22 .elementor-element.elementor-element-322d0802>.elementor-element-populated {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  /* float: right; */
}

@media (max-width: 460px) {
  .elementor-22 .elementor-element.elementor-element-78323f52 .header-btns-enter .elementor-button {
    height: 48px;
    display: flex;
    justify-content: center;
  }
}

.elementor-22 .elementor-element.elementor-element-78323f52 .elementor-button:hover,
.elementor-22 .elementor-element.elementor-element-78323f52 .elementor-button:focus {
  color: #ffffff;
}

@media (min-width: 768px) {
  .elementor-22 .elementor-element.elementor-element-47593cd5 {
    width: 18.96%;
  }

  .elementor-22 .elementor-element.elementor-element-681ed4e3 {
    width: 20%;
  }

  .elementor-22 .elementor-element.menu-h {
    width: 60%;
  }

  .elementor-22 .elementor-element.elementor-element-322d0802 {
    width: 30%;
    float: right;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .elementor-22 .elementor-element.elementor-element-47593cd5 {
    width: 30%;
  }

  .elementor-22 .elementor-element.elementor-element-681ed4e3 {
    width: 70%;
  }

  .elementor-22 .elementor-element.elementor-element-322d0802 {
    width: 40%;
    float: right;
  }
}

@media (max-width: 767px) {
  .elementor-22 .elementor-element.elementor-element-49b64f11 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
  }

  .elementor-22 .elementor-element.elementor-element-47593cd5 {
    width: 37%;
  }

  /* .elementor-22 .elementor-element.elementor-element-21c99483 img{width:90px;} */
  .elementor-22 .elementor-element.elementor-element-681ed4e3 {
    width: 55%;
  }

  .elementor-22 .elementor-element.elementor-element-322d0802 {
    width: 100%;
  }

  .elementor-22 .elementor-element.elementor-element-322d0802.elementor-column>.elementor-widget-wrap {
    justify-content: center;
  }

  .elementor-22 .elementor-element.elementor-element-322d0802>.elementor-element-populated {
    margin: 0px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
    padding: 0px 0px 0px 0px;
  }

  .elementor-22 .elementor-element.elementor-element-78323f52 .elementor-button {
    font-size: 14px;
  }

  .elementor-22 .elementor-element.elementor-element-78323f52 {
    width: 100%;
    max-width: 100%;
  }
}

.elementor-36 .elementor-element.elementor-element-1a5bb419>.elementor-container {
  max-width: 1300px;
  min-height: 291px;
}

.elementor-36 .elementor-element.elementor-element-1a5bb419>.elementor-container>.elementor-column>.elementor-widget-wrap {
  align-content: center;
  align-items: center;
}

/* .elementor-36 .elementor-element.elementor-element-1a5bb419:not(.elementor-motion-effects-element-type-background) {
  background-color: #140d08;
} */

.elementor-36 .elementor-element.elementor-element-1a5bb419 {
  border-style: solid;
  border-width: 2px 0px 0px 0px;
  border-color: #ffffff1a;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 0;
}

/* .elementor-36 .elementor-element.elementor-element-6751ad6c>.elementor-element-populated {
  padding: 0px 0px 0px 67px;
} */

.elementor-36 .elementor-element.elementor-element-215daf2f {
  margin-top: 20px;
  margin-bottom: 20px;
}

.elementor-36 .elementor-element.elementor-element-1eb5db1f {
  text-align: left;
}

.elementor-36 .elementor-element.elementor-element-1eb5db1f img {
  width: 130px;
}

.elementor-36 .elementor-element.elementor-element-5b8c8646 {
  color: #ffffff;
  font-family: "Chivo", Sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
  font-style: normal;
  text-decoration: none;
  line-height: 20px;
  letter-spacing: 0px;
}

.elementor-36 .elementor-element.elementor-element-5b8c8646>.elementor-widget-container {
  padding: 0px 120px 0px 0px;
}

.elementor-36 .elementor-element.elementor-element-27a30581:not(.elementor-motion-effects-element-type-background) {
  border-radius: 8px;
  /* background-color: #588cf3; */
}

.elementor-36 .elementor-element.elementor-element-27a30581 {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 10px 0px 10px 0px;
}

.elementor-36 .elementor-element.elementor-element-1e5b7aac img {
  width: 28px;
}

.elementor-36 .elementor-element.elementor-element-1e5b7aac>.elementor-widget-container {
  padding: 10px;
}

.elementor-36 .elementor-element.elementor-element-4067731f img {
  width: 81px;
}

.elementor-36 .elementor-element.elementor-element-4067731f>.elementor-widget-container {
  padding: 10px;
}

.elementor-36 .elementor-element.elementor-element-54a8e819 img {
  width: 28px;
}

.elementor-36 .elementor-element.elementor-element-54a8e819>.elementor-widget-container {
  padding: 10px;
}

.elementor-36 .elementor-element.elementor-element-2eb0f6c6 img {
  width: 91px;
}

.elementor-36 .elementor-element.elementor-element-2eb0f6c6>.elementor-widget-container {
  padding: 10px;
}

.elementor-36 .elementor-element.elementor-element-37b2e306>.elementor-container {
  max-width: 1200px;
  min-height: 90px;
}

.elementor-36 .elementor-element.elementor-element-37b2e306>.elementor-container>.elementor-column>.elementor-widget-wrap {
  align-content: center;
  align-items: center;
}

/* .elementor-36 .elementor-element.elementor-element-37b2e306:not(.elementor-motion-effects-element-type-background) {
  background-color: #140d08;
} */

.elementor-36 .elementor-element.elementor-element-37b2e306 {
  border-style: solid;
  border-width: 2px 0px 0px 0px;
  border-color: #ffffff1a;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 0px 70px 0px 70px;
}

.elementor-36 .elementor-element.elementor-element-cfcd871>.elementor-element-populated {
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #e9e9e9;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-36 .elementor-element.elementor-element-6699fe7f .elementor-heading-title {
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  font-style: normal;
  text-decoration: none;
  line-height: 24px;
  letter-spacing: 0px;
  color: #fff;
}

@media (min-width: 768px) {
  .elementor-36 .elementor-element.elementor-element-18be9fd9 {
    width: 38%;
  }

  .elementor-36 .elementor-element.elementor-element-3ed07ec6 {
    width: 32.901%;
  }

  .elementor-36 .elementor-element.elementor-element-cfcd871 {
    width: 57.713%;
  }
}

@media (max-width: 1024px) {
  .elementor-36 .elementor-element.elementor-element-1a5bb419>.elementor-container {
    min-height: 380px;
  }

  .elementor-36 .elementor-element.elementor-element-6751ad6c>.elementor-element-populated {
    padding: 0px 10px 0px 10px;
  }

  .elementor-36 .elementor-element.elementor-element-215daf2f {
    padding: 0% 0% 0% 0%;
  }

  .elementor-36 .elementor-element.elementor-element-5b8c8646 {
    font-size: 14px;
    line-height: 21px;
  }

  .elementor-36 .elementor-element.elementor-element-37b2e306>.elementor-container {
    min-height: 70px;
  }

  .elementor-36 .elementor-element.elementor-element-6699fe7f .elementor-heading-title {
    font-size: 14px;
    line-height: 21px;
  }
}

@media (max-width: 767px) {
  .elementor-36 .elementor-element.elementor-element-1a5bb419>.elementor-container {
    min-height: 384px;
  }

  .elementor-36 .elementor-element.elementor-element-1a5bb419 {
    padding: 42px 0px 33px 0px;
  }

  .elementor-36 .elementor-element.elementor-element-6751ad6c>.elementor-element-populated {
    padding: 0% 0% 0% 0%;
  }

  .elementor-36 .elementor-element.elementor-element-215daf2f {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
  }

  .elementor-36 .elementor-element.elementor-element-18be9fd9>.elementor-element-populated {
    margin: 0px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
    padding: 0px 0px 0px 0px;
  }

  .elementor-36 .elementor-element.elementor-element-1eb5db1f {
    text-align: center;
  }

  .elementor-36 .elementor-element.elementor-element-3ed07ec6>.elementor-element-populated {
    padding: 20px 0px 0px 0px;
  }

  .elementor-36 .elementor-element.elementor-element-529edd93 {
    text-align: center;
  }

  .elementor-36 .elementor-element.elementor-element-5b8c8646 {
    text-align: center;
    font-size: 14px;
  }

  .elementor-36 .elementor-element.elementor-element-5b8c8646>.elementor-widget-container {
    padding: 0px 20px 0px 20px;
  }

  .elementor-36 .elementor-element.elementor-element-1e5b7aac {
    text-align: center;
  }

  .elementor-36 .elementor-element.elementor-element-1e5b7aac img {
    width: 31px;
  }

  .elementor-36 .elementor-element.elementor-element-4067731f img {
    width: 87px;
  }

  .elementor-36 .elementor-element.elementor-element-54a8e819 img {
    width: 38px;
  }

  .elementor-36 .elementor-element.elementor-element-2eb0f6c6 img {
    width: 87px;
  }

  .elementor-36 .elementor-element.elementor-element-37b2e306 {
    padding: 0% 3% 0% 6%;
  }

  .elementor-36 .elementor-element.elementor-element-cfcd871.elementor-column>.elementor-widget-wrap {
    justify-content: center;
  }

  .elementor-36 .elementor-element.elementor-element-cfcd871>.elementor-element-populated {
    border-width: 0px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
  }

  .elementor-36 .elementor-element.elementor-element-6699fe7f {
    text-align: center;
  }

  .elementor-36 .elementor-element.elementor-element-6699fe7f .elementor-heading-title {
    font-size: 14px;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .elementor-36 .elementor-element.elementor-element-6751ad6c {
    width: 100%;
  }

  .elementor-36 .elementor-element.elementor-element-cfcd871 {
    width: 59.8%;
  }
}

.header-btns-wrapper {
  display: flex;
  justify-content: flex-end;
}

.header-btns-enter {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 4px;
  text-align: center;
}

.section-plack-black {
  max-width: 1180px;
  margin: 30px auto 10px;
  border-radius: 8px;
  padding: 20px;
  border-image: url(/wp-content/images/image/border-frame-horizontal.a76b00804d940636.svg) 16 fill / 16px stretch;
    background: linear-gradient(117.7deg, #310275 10.07%, #1b0b5c 54.49%, #31086f 95.48%);
}
@media (min-width:500px) {
  .section-plack-black {
    padding: 50px;
  }
}
h3 {
  font-size: 20px;
  color: #fff;
  font-weight: 900;
  margin: 10px 0;
}

.margin-10 {
  padding: 12px !important;
}

.mobile-grid {
  display: flex;
  margin-top: 20px;
  margin-bottom: 12px;
  justify-content: center;
}

.mob-link {
  display: inline-block;
  background-size: contain;
  height: 46px;
  color: transparent;
  border-radius: 6px;
    border: 3px solid #08114D;
}

.mob-link:hover {
  box-shadow: 1px 0px 10px #a28df6;
}

.android-app {
  background: url(/wp-content/images/image/android.jpg) center center no-repeat;
  background-size: cover;
  width: 160px;
  margin: 4px;
}

.appstore {
  background: url(/wp-content/images/image/app-store.jpg) center center no-repeat;
  background-size: cover;
  width: 160px;
  margin: 4px;
}

@media only screen and (max-width: 767px) {
  .mobile-grid {
    margin: 20px auto 10px;
  }
}

.elementor-location-header {
  position: sticky;
  top: 0px;
  z-index: 3;
}

a {
  pointer-events: auto;
  z-index: 1;
}

button {
  pointer-events: auto;
  z-index: 1;
}

/**/

@media (max-width: 768px) {
  .menu-h {
    display: none;
    flex-direction: column;
    gap: 10px;
  }

  /* .menu.active {
        display: flex;
    } */
}

.description__title,
.description__detail {
  margin-bottom: 8px;
  font-weight: bold;
  color: #ffc64a;
  font-size: 18px;
  text-align: center;
}

.description__detail {
  font-weight: bold;
  /* text-transform: uppercase; */
  font-size: 30px;
  text-align: center;
  color: #fff;
}

.btn-margin {
  margin: 10px 0;
}

.elementor-button {

  /* background-image: url("/wp-content/images/image/"); */
  background-size: cover;
  /* Зображення покриває всю кнопку */
  background-position: center;
  /* Позиція зображення по центру */
  background-repeat: no-repeat;
  /* Зображення не повторюється */
  color: #fff;
  /* Колір тексту кнопки */
  padding: 10px 20px;
  /* Відступи навколо тексту кнопки */
  border: none;
  /* Забираємо рамку */
  display: inline-block;
  text-align: center;
  border-image: url(/wp-content/images/image/btn-tertiary-default.7e2e0841ece20e96.png) 68 fill / 88px stretch;
}

.elementor-button-text {
  position: relative;
  /* Щоб текст залишався поверх фону */
  z-index: 1;
  /* Задаємо пріоритет тексту, щоб бути поверх зображення */
}

.elementor-button-content-wrapper {
  position: relative;
  z-index: 2;
  /* Вміст кнопки також залишатиметься поверх фону */
}

.container-footer__title {
  margin-bottom: 20px;
  /* text-transform: uppercase; */
  line-height: 1.4;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #fff;
}

.container-footer__pays-section {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 3;
  grid-area: paysys;
  display: block;
  margin: 35px auto 60px;
}

.container-footer__pays-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

.container-footer__pays-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 105px;
  height: 90px;
  margin: 0 1px 1px 0;
  padding: 10px;
  border-radius: 8px;
  /* background-color: #588cf3; */
}

.container-footer__pays-item:hover img {
  opacity: 1;
}

.container-footer__pays-item img {
  width: auto;
  height: auto;
  opacity: 0.8;
  display: block;
  margin: 0 auto;
}

.main-tab {
  margin-left: auto;
  margin-right: auto;
}

.t-center {
  text-align: center;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-60 {
  margin-bottom: 60px;
}

footer {
  background-color: #000a38;
  background-image: url(/wp-content/images/image/footer-pattern.d055e430e0d2d2fc.svg);
  background-repeat: repeat;
  background-size: 80px 205px;
  border-top: 1px solid #540878;
}

/* @media screen and (min-width: 1280px) {
  footer {

    background: url(/wp-content/images/image/footer-bg-1-desk.1722b9e1517ade74.jpg) repeat-x 0 0 / auto 128px;
  }
}

footer {
  background: url(/wp-content/images/image/footer-bg-1-mob.47feed284d718b12.jpg) repeat-x 0 0 / auto 80px;
} */

@media (max-width: 767px) {
  .container-footer__pays-section {
    margin: 35px auto;
  }
}


.grid-games--pic img {
  border-bottom: 3px solid #08114D;
    border-left: 3px solid #08114D;
    border-right: 3px solid #08114D;
    border-radius: 6px;
    transition: transform 0.3sease;
    padding-top: 12px;
    background: url(/wp-content/images/image/thumbnail-decor.efe67a4377d5d2d4.svg);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

.overflow-table {
  margin-top: 10px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.overflow-table {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.btn {
  padding: 12px;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: .5rem;
  font-weight: 500;
  font-size: 12px;
}

@media (min-width:750px) {
  .btn {
    padding: 12px 24px;
    font-size: 16px;
  }
}

.reg {
  background-image: linear-gradient(180deg, #ffc909, #ff9d09);
  color: #0a0c1f;
}

.reg:hover {
  box-shadow: 1px 0px 20px #e0d426;
}

.log {
  background-color: #ef4444;
}

.log:hover {
  background-color: #dc2626;
}

.bonus-btn {
  padding: 15px 40px;
  font-size: 18px;
  background-image: linear-gradient(180deg, #2e92f0, #106bc0);
}

.bonus-btn:hover {
  box-shadow: 1px 0px 20px #269ce0;
  color: #000;
}




/* Buttons */

button {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button {
  overflow: visible
}

button {
  text-transform: none
}

button,[type=button] {
  -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring {
  outline: 1px dotted ButtonText
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

:root {
  --stb-font-primary: "Bricolage Grotesque", "Arial", sans-serif;
  --stb-font-secondary: "Inter", "Arial", sans-serif;
  --stb-transition-time: .2s;
  --stb-sidebars-transition-time: .5s;
  --stb-animation-rotation-time: 3s;
  --stb-container-padding: 20px;
  --stb-game-page-container-padding: 20px;
  --stb-gamification-container-inner-width: 1264px;
  --stb-gamification-container: calc( var(--stb-gamification-container-inner-width) + var(--stb-container-padding) * 2 );
  --stb-safe-area-inline-start: env(safe-area-inset-left);
  --stb-safe-area-inline-end: env(safe-area-inset-right);
  --stb-page-content-width: 800px;
  --stb-page-content-padding-bottom: 100px;
  --stb-page-content-padding-top-bottom: 80px 0 84px;
  --stb-page-indent-padding-top: 20px;
  --stb-page-indent-m-padding-top: 64px;
  --stb-page-indent-s-padding-top: 28px;
  --stb-page-indent-padding-bottom: 40px;
  --stb-page-indent-s-padding-bottom: 80px;
  --stb-page-indent-m-padding-bottom: 124px;
  --stb-games-gap: 12px;
  --stb-page-grid-row-gap: 28px;
  --stb-game-page-header-height: 52px;
  --stb-game-page-header-closed-height: 40px;
  --stb-header-height: 60px;
  --stb-sub-menu-height: 48px;
  --stb-navigation-bottom-height: 60px;
  --stb-sidebar-expanded-width: 232px;
  --stb-sidebar-current-width: var(--stb-sidebar-expanded-width);
  --stb-sidebar-collapsed-width: 80px;
  --stb-modal-menu-max-width: 420px;
  --stb-scrollbar-width: 6px;
  --stb-scrollbar-height: 6px;
  --stb-scrollbar-visibility: initial;
  --stb-scrollbar-thumb-color: var(--stb-bg-fourth);
  --stb-scrollbar-track-color: var(--stb-bg-primary);
  --stb-scrollbar-border-radius: 6px;
  --stb-scrollbar-width-keyword: none;
  --stb-scroller-correct-scrollbar: 8px;
  --stb-common-scroll-margin-top: calc(var(--stb-header-height) + 40px);
  --stb-modal-dialog-panel-max-width: 540px;
  --stb-modal-dialog-inner-vertical-padding: 24px;
  --stb-modal-dialog-action-bottom-padding: 56px;
  --stb-modal-dialog-body-bottom-padding: 58px;
  --stb-modal-dialog-border-radius: 12px;
  --stb-spinner-loader-inset: 0;
  --stb-spinner-loader-border-radius: 8px;
  --stb-thumbnail-border-radius: 6px;
  --stb-thumbnail-label-opacity: 1;
  --stb-thumbnail-actions-opacity: 0;
  --stb-thumbnail-favorite-block-opacity: 0;
  --stb-title-grid-template-columns: .5fr 1fr minmax(0, .5fr);
  --stb-text-transform-uppercase: uppercase;
  --stb-title-font-size: 28px
}

@media screen and (min-width: 768px) {
  :root {
      --stb-modal-dialog-panel-max-width: 580px;
      --stb-modal-dialog-inner-vertical-padding: 70px
  }
}

@media screen and (min-width: 1280px) {
  :root {
      --stb-game-page-container-padding: 60px;
      --stb-page-indent-m-padding-top: 80px;
      --stb-page-indent-s-padding-top: 40px;
      --stb-games-gap: 16px;
      --stb-game-page-header-height: 56px;
      --stb-header-height: 64px;
      --stb-sub-menu-height: 0px
  }
}

:root {
  --stb-black: 9 8 12;
  --stb-white: 255 255 255;
  --stb-neutral-50: 239 235 253;
  --stb-neutral-60: 221 218 249;
  --stb-neutral-75: 218 204 255;
  --stb-neutral-100: 199 178 255;
  --stb-neutral-150: 186 153 255;
  --stb-neutral-200: 162 141 246;
  --stb-neutral-300: 152 129 245;
  --stb-neutral-350: 125 97 234;
  --stb-neutral-400: 96 61 239;
  --stb-neutral-450: 83 35 237;
  --stb-neutral-500: 70 9 234;
  --stb-neutral-550: 56 53 196;
  --stb-neutral-600: 55 19 199;
  --stb-neutral-700: 44 15 162;
  --stb-neutral-750: 4 2 94;
  --stb-neutral-800: 38 4 124;
  --stb-neutral-850: 31 8 100;
  --stb-neutral-875: 20 12 79;
  --stb-neutral-900: 24 0 76;
  --stb-neutral-950: 0 10 56;
  --stb-brand-50: 226 180 255;
  --stb-brand-100: 206 126 255;
  --stb-brand-150: 188 123 244;
  --stb-brand-160: 199 108 255;
  --stb-brand-200: 169 127 255;
  --stb-brand-300: 185 73 255;
  --stb-brand-400: 172 37 255;
  --stb-brand-500: 158 1 255;
  --stb-brand-600: 147 20 247;
  --stb-brand-650: 142 2 252;
  --stb-brand-700: 84 8 120;
  --stb-brand-800: 70 0 113;
  --stb-brand-900: 60 12 101;
  --stb-brand-950: 59 0 95;
  --stb-green-450: 31 199 88;
  --stb-green-500: 11 179 68;
  --stb-green-600: 0 149 38;
  --stb-green-850: 67 118 84;
  --stb-green-900: 4 72 27;
  --stb-red-500: 237 74 134;
  --stb-red-550: 201 37 107;
  --stb-red-600: 164 0 79;
  --stb-red-650: 110 0 53;
  --stb-violet-200: 142 87 255;
  --stb-violet-500: 112 0 255;
  --stb-violet-700: 90 0 204;
  --stb-violet-750: 80 40 165;
  --stb-violet-800: 85 0 171;
  --stb-violet-850: 45 0 102;
  --stb-violet-900: 39 4 102;
  --stb-violet-950: 38 28 96;
  --stb-yellow-350: 255 244 190;
  --stb-yellow-400: 255 241 169;
  --stb-yellow-450: 255 228 133;
  --stb-yellow-500: 255 198 74;
  --stb-yellow-550: 255 184 0;
  --stb-yellow-600: 227 151 18;
  --stb-yellow-650: 206 132 2;
  --stb-blue-500: 133 228 255;
  --stb-text-primary: rgb(var(--stb-neutral-50));
  --stb-text-secondary: rgb(var(--stb-neutral-100));
  --stb-text-tertiary: rgb(var(--stb-neutral-200));
  --stb-text-fourth: rgb(var(--stb-brand-100));
  --stb-text-contrast-primary: rgb(var(--stb-yellow-500));
  --stb-text-contrast-secondary: rgb(var(--stb-yellow-450));
  --stb-text-accent: rgb(var(--stb-green-500));
  --stb-functional-info-plus: rgb(var(--stb-blue-500));
  --stb-button-primary: linear-gradient(90deg, #0b8c00 0%, #00db4a 48.22%, #0b8c00 100%);
  --stb-button-primary-hover: linear-gradient(270deg, #24ba3b 0%, #1ee160 47.72%, #24ba3b 100%);
  --stb-button-primary-active: linear-gradient(90deg, #078508 0%, #01ad2d 52.22%, #078508 100%);
  --stb-button-primary-disable: rgb(4 2 94);
  --stb-button-primary-text-shadow: rgb(0 34 1);
  --stb-button-secondary: radial-gradient( 104.17% 104.17% at 50% -4.17%, #6325dd 0%, #36008b 53%, #2c0072 74.5%, #2c0072 88%, #3a0aa8 100% );
  --stb-button-secondary-hover: radial-gradient( 100% 100% at 50% 0%, #6428db 0%, #400b99 54.22%, #380b85 74.72%, #380b85 88.72%, #4413b0 100% );
  --stb-button-secondary-active: radial-gradient( 100% 100% at 50% 0%, #4916a8 0%, #2e0077 53.5%, #280068 73%, #280068 88.5%, #300688 100% );
  --stb-button-secondary-stroke: linear-gradient(180deg, #360c89 0%, #3e03d1 47.22%, #281e81 100%);
  --stb-button-secondary-inner-stroke: linear-gradient( 180deg, #8953e5 0%, #472590 47.72%, #36127f 100% );
  --stb-button-tertiary: radial-gradient( 100% 100% at 50% 0%, #2f0598 0%, #19014d 62%, #19014d 79.5%, #19014d 95%, #200363 100% );
  --stb-button-tertiary-hover: radial-gradient( 100% 100% at 50% 0%, #2e01b1 0%, #1d0461 62%, #1d0461 81%, #1d0461 95.22%, #20007b 100% );
  --stb-button-tertiary-active: radial-gradient( 100% 100% at 50% 0%, #290482 0%, #19014d 59%, #19014d 77%, #19014d 93%, #1e035d 100% );
  --stb-button-tertiary-stroke: linear-gradient(180deg, #26047c 0%, #2c0fa2 50%, #2d158d 100%);
  --stb-button-disable: rgb(7 5 102);
  --stb-button-text-bright: rgb(var(--stb-white));
  --stb-button-text-middle: rgb(var(--stb-neutral-150));
  --stb-button-text-dark: rgb(var(--stb-neutral-900));
  --stb-button-primary-box-shadow: rgb(0 255 163);
  --stb-button-primary-banner-box-shadow: rgb(4 255 203);
  --stb-button-secondary-box-shadow: rgb(137 83 229 / .8);
  --stb-arrow-button-bg: radial-gradient( 84.93% 100% at 50% 0%, rgb(20 0 65 / 0) 71.22%, rgb(20 0 65 / .4) 86.4%, #140041 94.49%, #140041 100% ), radial-gradient( 50% 50% at 50% 50%, rgb(40 0 130 / 0) 71.22%, rgb(37 0 119 / .8) 83.72%, rgb(128 78 225 / .8) 100% ), linear-gradient( 180deg, rgb(24 0 77 / 0) 8.22%, #18004d 37%, #18004d 52.5%, #18004d 66%, rgb(24 0 77 / 0) 93.72% );
  --stb-arrow-button-bg-hover: radial-gradient( 84.93% 100% at 50% 0%, rgb(41 17 99 / 0) 71.22%, rgb(41 17 99 / .4) 86.4%, #291163 94.49%, #291163 100% ), radial-gradient(50% 50% at 50% 50%, rgb(60 25 148 / 0) 71.22%, #3c1994 83.72%, #804ee1 100%), linear-gradient( 180deg, rgb(37 12 94 / 0) 8.22%, #250c5e 37%, #250c5e 52.5%, #250c5e 66%, rgb(37 12 94 / 0) 93.72% );
  --stb-arrow-button-bg-active: radial-gradient( 84.93% 100% at 50% 0%, rgb(20 0 65 / 0) 71.22%, rgb(20 0 65 / .4) 86.4%, #140041 94.49%, #140041 100% ), radial-gradient(50% 50% at 50% 50%, rgb(40 0 130 / 0) 71.22%, #250077 83.72%, #6a34d4 100%), linear-gradient( 180deg, rgb(21 0 67 / 0) 8.22%, #150043 37%, #150043 52.5%, #150043 66%, rgb(21 0 67 / 0) 93.72% );
  --stb-button-icon-title: radial-gradient( 104% 104% at 50% -4%, #753beb 0%, #4914a4 53%, #3a0c85 74%, #34087d 88%, #3c0ca9 100% );
  --stb-button-icon-title-hover: radial-gradient( 104% 104% at 50% -4%, #7b41ee 0%, #5520b4 53%, #461798 74%, #401290 88%, #4615b1 100% );
  --stb-button-icon-title-active: radial-gradient( 104% 104% at 50% -4%, #5c28bf 0%, #3c0d8a 53%, #310875 74%, #2d056f 88%, #320888 100% );
  --stb-link-primary: rgb(var(--stb-brand-300));
  --stb-link-primary-hover: rgb(var(--stb-brand-160));
  --stb-link-primary-active: rgb(var(--stb-brand-400));
  --stb-link-secondary: rgb(var(--stb-neutral-75));
  --stb-link-secondary-hover: rgb(var(--stb-neutral-50));
  --stb-link-secondary-active: rgb(var(--stb-neutral-200));
  --stb-link-tertiary: rgb(var(--stb-neutral-400));
  --stb-link-tertiary-hover: rgb(var(--stb-neutral-350));
  --stb-link-tertiary-active: rgb(var(--stb-neutral-450));
  --stb-link-accent: rgb(var(--stb-yellow-500));
  --stb-link-accent-hover: rgb(var(--stb-yellow-450));
  --stb-link-accent-active: rgb(var(--stb-yellow-600));
  --stb-link-alert: rgb(var(--stb-red-600));
  --stb-link-alert-hover: rgb(var(--stb-red-550));
  --stb-link-alert-active: rgb(var(--stb-red-650));
  --stb-bg-primary: rgb(var(--stb-neutral-950));
  --stb-bg-secondary: rgb(var(--stb-neutral-875));
  --stb-bg-tertiary: rgb(var(--stb-neutral-800));
  --stb-bg-fourth: rgb(var(--stb-neutral-850));
  --stb-bg-contrast-primary: rgb(var(--stb-neutral-900));
  --stb-bg-contrast-secondary: rgb(var(--stb-violet-950));
  --stb-bg-contrast-tertiary: rgb(var(--stb-violet-800));
  --stb-bg-contrast-fourth: rgb(var(--stb-neutral-700));
  --stb-bg-popup: rgb(var(--stb-neutral-950) / .9);
  --stb-bg-additional: rgb(0 10 56 / .6);
  --stb-input-fill: linear-gradient(180deg, #181359 0%, #261b77 100%);
  --stb-input-fill-hover: linear-gradient(180deg, #231970 100%, #2f2089 100%);
  --stb-input-fill-selected: linear-gradient(180deg, #181359 0%, #261b77 100%);
  --stb-input-stroke: rgb(var(--stb-violet-750) / .6);
  --stb-input-stroke-hover: rgb(var(--stb-violet-750) / .9);
  --stb-input-stroke-selected: rgb(var(--stb-violet-750) / 1);
  --stb-input-radio-stroke: rgb(var(--stb-neutral-400));
  --stb-icon-100: rgb(var(--stb-neutral-75));
  --stb-icon-400: rgb(var(--stb-neutral-150));
  --stb-icon-800: rgb(var(--stb-neutral-300));
  --stb-icon-1000: rgb(var(--stb-neutral-600));
  --stb-decor-100: rgb(var(--stb-brand-150));
  --stb-decor-200: rgb(var(--stb-violet-700));
  --stb-menu-blue: rgb(0 185 255 / 1);
  --stb-menu-violet: rgb(var(--stb-neutral-500));
  --stb-menu-pink: rgb(222 6 241 / 1);
  --stb-menu-green: rgb(var(--stb-green-450));
  --stb-functional-done: rgb(var(--stb-green-500));
  --stb-functional-warning: rgb(var(--stb-yellow-550));
  --stb-functional-error: rgb(var(--stb-red-600));
  --stb-functional-alert: rgb(var(--stb-red-500));
  --stb-functional-info: rgb(var(--stb-neutral-400));
  --stb-skeleton: linear-gradient(90deg, #010b39 0%, #26057b 49.22%, #010b39 100%);
  --stb-gradient-1002: radial-gradient( 80.34% 35.44% at 49.89% 100.95%, rgb(var(--stb-neutral-550) / .9) 0%, rgb(var(--stb-neutral-550) / .288) 68.22%, rgb(var(--stb-neutral-550) / .144) 100% );
  --stb-gradient-100: radial-gradient( 80.34% 35.44% at 49.89% 100.95%, rgb(var(--stb-neutral-550) / .9) 0%, rgb(var(--stb-neutral-550) / .108) 68.22%, rgb(var(--stb-neutral-800) / .4) );
  --stb-gradient-110: radial-gradient( 89.61% 36.7% at 50% 66.31%, rgb(var(--stb-brand-650) / .6) 15.5%, rgb(var(--stb-brand-650) / .3) 60.5%, rgb(var(--stb-brand-650) / 0) 100% ), radial-gradient( 150.27% 60.09% at 50% 79.18%, rgb(var(--stb-neutral-850) / .9) 47%, rgb(var(--stb-neutral-500) / 0) 100% );
  --stb-gradient-120: radial-gradient( 85.96% 18.95% at 49.89% 95.36%, #8a009e 0%, rgb(138 0 158 / 0) 100% ), rgb(25 0 67 / .2);
  --stb-gradient-150: linear-gradient( 180deg, rgb(var(--stb-brand-500) / .4) 0%, rgb(var(--stb-violet-500) / .6) 100% );
  --stb-gradient-160: linear-gradient( 180deg, rgb(var(--stb-brand-500) / .3) 0%, rgb(var(--stb-violet-500) / .6) 100% );
  --stb-gradient-1601: linear-gradient( 180deg, rgb(var(--stb-brand-500) / .3) 0%, rgb(var(--stb-violet-500) / 0) 100% );
  --stb-gradient-170: linear-gradient( 180deg, rgb(var(--stb-white)) 0%, rgb(var(--stb-white) / .3) 100% );
  --stb-gradient-180: linear-gradient( 180deg, rgb(var(--stb-neutral-150) / 1) 0%, rgb(var(--stb-neutral-150) / .3) 100% );
  --stb-gradient-190: linear-gradient( 180deg, rgb(var(--stb-white) / .18) 0%, rgb(var(--stb-white) / .3) 100% );
  --stb-gradient-200: linear-gradient( 180deg, rgb(var(--stb-brand-500) / .6) 0%, rgb(var(--stb-violet-500) / 0) 100% );
  --stb-gradient-300: radial-gradient( 1298.94% 1254.87% at 84.93% 58.73%, rgb(var(--stb-brand-150) / 0) 27.56%, rgb(var(--stb-brand-150) / 1) 67.39%, rgb(var(--stb-brand-150) / 1) 100% );
  --stb-gradient-310: radial-gradient( 414.29% 50% at 50% 50%, #d868ff 0%, rgb(216 104 255 / 0) 100% );
  --stb-gradient-315: radial-gradient( 414.29% 50% at 50% 50%, rgb(var(--stb-brand-700) / 1) 0%, rgb(var(--stb-brand-700) / 0) 100% );
  --stb-gradient-320: linear-gradient( 90deg, rgb(var(--stb-brand-150) / 0) 0%, rgb(var(--stb-brand-150) / 1) 18.25%, rgb(var(--stb-brand-150) / 1) 49.5%, rgb(var(--stb-brand-150) / 1) 82.25%, rgb(var(--stb-brand-150) / 0) 100% );
  --stb-gradient-330: linear-gradient( 90deg, rgb(var(--stb-brand-150) / 0) 0%, rgb(var(--stb-brand-150) / 1) 51.72%, rgb(var(--stb-brand-150) / 0) 100% );
  --stb-gradient-340: linear-gradient( 90deg, rgb(var(--stb-neutral-400) / 0) 0%, rgb(var(--stb-neutral-400) / 1) 36.22%, rgb(var(--stb-neutral-400) / 1) 51.72%, rgb(var(--stb-neutral-400) / 1) 66.72%, rgb(var(--stb-neutral-400) / 0) 100% );
  --stb-gradient-345: radial-gradient( 1298.94% 1254.87% at 84.93% 58.73%, rgb(var(--stb-neutral-400) / 0) 27.56%, rgb(var(--stb-neutral-400) / 1) 67.39%, rgb(var(--stb-neutral-400) / 1) 92.72%, rgb(var(--stb-neutral-400) / 1) 100% );
  --stb-gradient-350: linear-gradient( 90deg, rgb(var(--stb-neutral-400) / 0) 0%, rgb(var(--stb-neutral-400) / 1) 36.22%, rgb(var(--stb-neutral-400) / 1) 51.72%, rgb(var(--stb-neutral-400) / 1) 66.72%, rgb(var(--stb-neutral-400) / 0) 100% );
  --stb-gradient-360: linear-gradient(117.7deg, #310275 10.07%, #1b0b5c 54.49%, #31086f 95.48%);
  --stb-gradient-370: linear-gradient( 127.38deg, #291d7c 10.91%, #291d7c 47.35%, #291d7c 60.27%, #291d7c 95.21% );
  --stb-gradient-400: radial-gradient( 79.2% 79.23% at 50% 100%, rgb(var(--stb-neutral-500) / .5) 0%, rgb(var(--stb-neutral-500) / 0) 100% ), rgb(var(--stb-neutral-900) / 1);
  --stb-gradient-420: radial-gradient( 93.71% 80% at 50% 100%, rgb(var(--stb-brand-500)) 0%, rgb(var(--stb-neutral-500) / 0) 100% ), rgb(var(--stb-neutral-800));
  --stb-gradient-430: linear-gradient( 178.58deg, rgb(var(--stb-violet-200) / .6) -26.78%, rgb(var(--stb-violet-200) / 0) 105.02% );
  --stb-gradient-440: linear-gradient( 179.98deg, rgb(var(--stb-violet-200) / 1) -92%, rgb(var(--stb-violet-200) / 0) 104.29% );
  --stb-gradient-450: radial-gradient( 57.89% 57.89% at 49.74% 0%, rgb(var(--stb-neutral-500) / .85) 0%, rgb(var(--stb-neutral-500) / 0) 100% );
  --stb-gradient-500: linear-gradient( 90deg, #ffc700 0%, #c46e09 12%, #fff39f 30%, #ffc801 40%, #ffc801 80%, #ffffff 90%, #ffc700 100% );
  --stb-gradient-520: linear-gradient( 0deg, rgb(var(--stb-yellow-600) / 1) 0%, rgb(var(--stb-yellow-400) / 1) 100% );
  --stb-gradient-530: linear-gradient(0deg, #f1ad36 0%, rgb(var(--stb-yellow-350) / 1) 100%);
  --stb-gradient-540: linear-gradient( 0deg, rgb(var(--stb-yellow-650) / 1) 0%, rgb(var(--stb-yellow-500) / 1) 100% );
  --stb-gradient-600: linear-gradient(180deg, #360c89 0%, #3e03d1 45.83%, #281e81 93.72%);
  --stb-gradient-610: linear-gradient(180deg, #00b9ff 0%, #4609ea 100%);
  --stb-gradient-620: linear-gradient(179.51deg, #070b41 16.37%, #49298e 50.99%, #070b41 79.5%);
  --stb-gradient-630: linear-gradient(180deg, #141a6f 0%, #9971ff 50.25%, #141a6f 100%);
  --stb-gradient-main-banner: linear-gradient(180deg, rgb(29 11 94 / 0) 0%, #1d0b5e 50%);
  --stb-gradient-special-banner: linear-gradient(180deg, rgb(29 11 94 / 0) 0%, #1d0b5e 100%);
  --stb-gradient-sport-card: radial-gradient( 162.92% 34.42% at 50% 100%, #5e05bb 27.63%, rgb(73 6 167 / .93) 51%, rgb(69 12 178 / 0) 100% );
  --stb-button-text-bright-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(126deg) brightness(108%) contrast(105%);
  --stb-neutral-75-filter: brightness(0) invert(78%) sepia(21%) saturate(859%) hue-rotate(206deg) brightness(103%) contrast(104%);
  --stb-neutral-150-filter: brightness(0) saturate(100%) invert(77%) sepia(39%) saturate(4679%) hue-rotate(207deg) brightness(100%) contrast(102%);
  --stb-yellow-500-filter: brightness(0%) invert(81%) sepia(27%) saturate(1084%) hue-rotate(341deg) brightness(101%) contrast(101%);
  --stb-shadow-primary: 0px 6px 16px rgb(37 14 61 / .1);
  --stb-shadow-inset-primary: inset 0px 0px 0px 2px rgb(var(--stb-brand-800)), inset 0px 2px 6px rgb(79 0 230);
  --stb-link-icon-shadow: 2px 2px 4px rgb(255 255 255 / .06), -2px -2px 4px rgb(0 0 0 / .4);
  --stb-shadow-current-player: inset 0px 2px 6px #4f00e6;
  --stb-shadow-coin-balance: 0px 0px 44px #1a5ff3;
  --stb-shadow-main-banner-top: radial-gradient( 50% 50% at 50% 50%, #c60ef3 0%, rgb(198 14 243 / .22) 71%, rgb(198 14 243 / 0) 100% );
  --stb-shadow-main-banner-bottom: radial-gradient( 50% 50% at 50% 50%, #0ecaf3 0%, rgb(14 202 243 / .2) 75.5%, rgb(14 202 243 / 0) 100% );
  --stb-vip-level-1-color: 255 140 102;
  --stb-vip-level-1-gradient-linear: linear-gradient( 180deg, rgb(var(--stb-vip-level-1-color)) 0%, rgb(123 60 30) 100% );
  --stb-vip-level-1-gradient-radial: radial-gradient( 100% 100% at 50% 100%, rgb(var(--stb-vip-level-1-color) / .7) 0%, rgb(var(--stb-vip-level-1-color) / 0) 100% );
  --stb-vip-level-2-color: 233 233 233;
  --stb-vip-level-2-gradient-linear: linear-gradient( 180deg, rgb(194 194 194) 0%, rgb(129 128 129) 100% );
  --stb-vip-level-2-gradient-radial: radial-gradient( 100% 100% at 50% 100%, rgb(123 122 123 / .6) 0%, rgb(123 122 123 / 0) 100% );
  --stb-vip-level-3-color: 242 198 97;
  --stb-vip-level-3-gradient-linear: linear-gradient( 180deg, rgb(var(--stb-vip-level-3-color)) 0%, rgb(228 153 22) 100% );
  --stb-vip-level-3-gradient-radial: radial-gradient( 100% 100% at 50% 100%, rgb(var(--stb-vip-level-3-color) / .6) 0%, rgb(var(--stb-vip-level-3-color) / 0) 100% );
  --stb-vip-level-4-color: 217 192 255;
  --stb-vip-level-4-gradient-linear: linear-gradient( 180deg, rgb(177 137 238) 0%, rgb(166 157 176) 100% );
  --stb-vip-level-4-gradient-radial: radial-gradient( 100% 100% at 50% 100%, rgb(var(--stb-vip-level-4-color) / .6) 0%, rgb(var(--stb-vip-level-4-color) / 0) 100% );
  --stb-vip-level-5-color: 1 251 251;
  --stb-vip-level-5-gradient-linear: linear-gradient( 180deg, rgb(2 224 255) 0%, rgb(32 136 150) 100% );
  --stb-vip-level-5-gradient-radial: radial-gradient( 100% 100% at 50% 100%, rgb(1 227 251 / .6) 0%, rgb(1 227 251 / 0) 100% );
  --stb--label-new: linear-gradient(to bottom, #f6d923 .3%, #fff39f 23.7%, #eabc1b 100%);
  --stb-indicator-bg-completed: rgb(6 104 47);
  --stb-indicator-bg-gradient-completed: linear-gradient(180deg, #09791e 0%, #015936 100%), linear-gradient(180deg, rgb(25 131 62 / 0) 67.22%, #19833e 100%), radial-gradient( 54.17% 54.17% at 50% 50%, rgb(70 183 111 / 0) 0%, rgb(70 183 111 / .08) 69.72%, rgb(70 183 111 / .8) 100% ), radial-gradient(62.5% 50% at 50% 50%, rgb(8 97 59 / 0) 69.79%, #08613b 83.22%);
  --stb-indicator-line-bg-completed: linear-gradient(90deg, rgb(255 198 74 / 0) 5%, #ffc64a 70%);
  --stb-indicator-shadow-completed: 8 106 49;
  --stb-indicator-bg-current: rgb(25 1 77);
  --stb-indicator-bg-gradient-current: linear-gradient(180deg, #38148c 0%, #250375 100%), linear-gradient(180deg, rgb(37 3 117 / 0) 67.22%, #250375 100%), radial-gradient( 54.17% 54.17% at 50% 50%, rgb(105 70 187 / 0) 0%, rgb(105 70 187 / .08) 69.72%, rgb(105 70 187 / .8) 100% ), radial-gradient(62.5% 50% at 50% 50%, rgb(67 34 144 / 0) 69.79%, #432290 83.22%);
  --stb-indicator-line-bg-current: linear-gradient(90deg, rgb(255 241 169 / 0) 5%, #fff1a9 70%);

  --stb-indicator-shadow-current: 119 0 193;
  --stb-indicator-bg-next: rgb(35 48 165);
  --stb-indicator-bg-gradient-next: linear-gradient(180deg, #187ff8 0%, #1444ec 100%), linear-gradient(180deg, rgb(50 61 163 / 0) 67.22%, #324ba3 100%), radial-gradient( 54.17% 54.17% at 50% 50%, rgb(100 130 207 / 0) 0%, rgb(100 136 207 / .08) 69.72%, rgb(100 130 207 / .8) 100% ), linear-gradient(0deg, rgb(28 52 100 / 0), rgb(28 52 100 / 0));
  --stb-indicator-line-bg-next: linear-gradient(90deg, rgb(125 97 234 / 0) 5%, #7d61ea 70%);

  --stb-indicator-shadow-next: 0 55 178
}

:root {
  --stb-tournament-dropdown-padding: 16px;
  --stb-tournament-card-radius: 12px;
  --stb-tournament-leaderbord-row-radius: 0;
  --stb-tournament-details-list-gap: 4px;
  --stb-tournament-details-list-font-size: 12px;
  --stb-tournament-dropdown-grid-template-columns: none;
  --stb-tournament-dropdown-container-gap: 24px;
  --stb-tournament-description-padding: 16px;
  --stb-tournament-description-details-gap: 12px;
  --stb-tournament-banner-grid-template-columns: 186px 1fr;
  --stb-tournament-banner-title-font-size: 20px;
  --stb-tournament-prize-font-size: 16px
}

:root {
  --stb-shop-image-aspect-ratio: 1.5 / 1;
  --stb-shop-page-grid-row-gap: 24px;
  --stb-shop-card-font-size: 12px;
  --stb-base-shop-card-height: 174px;
  --stb-base-shop-card-image-height: 96px;
  --stb-scroller-inner-row-gap: 8px;
  --stb-scroller-shop-card-width: 144px;
  --stb-shop-freespin-image-width: 99px;
  --stb-shop-freespin-font-size: 12px;
  --stb-shop-card-border-radius: 8px;
  --stb-shop-items-grid-gap: 12px;
  --stb-bonus-crab-card-width: 234px;
  --stb-card-title-min-height: 34px;
  --stb-freebets-columns: 2;
  --stb-free-spins-columns: 1;
  --stb-bonus-money-columns: 2;
  --stb-bonus-crab-columns: auto-fill;
  --stb-bonus-crab-column-size: minmax(var(--stb-bonus-crab-card-width), 1fr)
}

@media screen and (min-width: 768px) {
  :root {
      --stb-scroller-shop-card-width: 164px;
      --stb-bonus-money-columns: 4;
      --stb-free-spins-columns: 2;
      --stb-freebets-columns: 4;
      --stb-bonus-crab-columns: 3;
      --stb-bonus-crab-column-size: 1fr
  }
}

@media screen and (min-width: 1280px) {
  :root {
      --stb-bonus-money-columns: 5;
      --stb-bonus-crab-columns: 4;
      --stb-free-spins-columns: 3;
      --stb-freebets-columns: 5;
      --stb-card-title-min-height: auto;
      --stb-card-action-font-size: 16px;
      --stb-card-action-min-height: 48px;
      --stb-card-action-grid-column-gap: 8px;
      --stb-free-spin-label-font-size: 12px;
      --stb-shop-freespin-image-width: 122px;
      --stb-shop-freespin-font-size: 14px;
      --stb-shop-card-offer-font-size: 14px;
      --stb-shop-card-font-size: 14px
  }
}

:root {
  --stb-challenges-intro-actions-flex-direction: column;
  --stb-challenges-intro-actions-align-items: flex-start;
  --stb-challenge-header-flex-direction: column;
  --stb-mission-image-column-width: 72px;
  --stb-challenge-composite-list-columns-amount: 1;
  --stb-challenge-completed-header-display: contents;
  --stb-challenge-completed-countdown-order: 1
}

:root {
  --stb-cookie-banner-border-radius: 12px;
  --stb-cookie-banner-box-shadow: var(--stb-shadow-primary);
  --stb-cookie-banner-scroller-border-radius: 20px;
  --stb-cookie-banner-scrollbar-track-bg: var(--stb-bg-tertiary);
  --stb-cookie-banner-scrollbar-thumb-bg: var(--stb-bg-fourth);
  --stb-cookie-banner-text-primary: var(--stb-text-primary);
  --stb-cookie-banner-bg-primary: var(--stb-bg-primary);
  --stb-cookie-banner-bg-secondary: var(--stb-bg-secondary);
  --stb-cookie-banner-bg-tertiary: var(--stb-bg-tertiary);
  --stb-cookie-banner-link-color: var(--stb-link-accent);
  --stb-cookie-banner-link-color-hover: var(--stb-link-tertiary);
  --stb-cookie-banner-action-border-radius: 40px;
  --stb-cookie-banner-action-bg-primary: var(--stb-functional-done);
  --stb-cookie-banner-action-bg-primary-hover: rgb(var(--stb-green-450));
  --stb-cookie-banner-action-color-primary: var(--stb-button-text-bright);
  --stb-cookie-banner-action-color-primary-hover: var(--stb-green-450);
  --stb-cookie-banner-action-bg-secondary: var(--stb-bg-tertiary);
  --stb-cookie-banner-action-bg-secondary-hover: var(--stb-icon-1000);
  --stb-cookie-banner-action-color-secondary: rgb(var(--stb-white));
  --stb-cookie-banner-action-color-secondary-hover: var(--stb-button-text-bright);
  --stb-cookie-banner-switcher-disabled-pin-bg: var(--stb-icon-400);
  --stb-cookie-banner-switcher-disabled-track-bg: rgb(var(--stb-neutral-700));
  --stb-cookie-banner-switcher-disabled-svg-color: var(--stb-button-text-dark);
  --stb-cookie-banner-switcher-selected-pin-bg: var(--stb-functional-done);
  --stb-cookie-banner-switcher-selected-track-bg: rgb(var(--stb-neutral-700));
  --stb-cookie-banner-switcher-selected-svg-color: var(--stb-white);
  --stb-cookie-banner-switcher-unselected-pin-bg: var(--stb-icon-100);
  --stb-cookie-banner-switcher-unselected-track-bg: rgb(var(--stb-neutral-700));
  --stb-cookie-banner-switcher-unselected-svg-color: var(--stb-button-text-bright)
}


button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer
}

button:focus-visible {
  outline: 1px dashed rgb(var(--stb-brand-500))
}

button:disabled {
  cursor: default
}

button:focus:not(:focus-visible) {
  outline: none
}


.button {
  --stb-button-loading-dimension: 24px;
  --stb-text-transform-style: capitalize;
  position: relative;
  z-index: 1;
  display: grid;
  align-items: center;
  min-height: var(--stb-btn-size);
  text-align: center;
  font-weight: 500;
  line-height: 1;
  text-transform: var(--stb-text-transform-style);
  text-decoration: none;
  letter-spacing: .03em;
  max-width: var(--stb-button-max-w, auto);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background var(--stb-transition-time),color var(--stb-transition-time)
}

.button__inner {
  display: inline-grid;
  grid-auto-flow: column;
  place-items: center center;
  justify-content: center;
  grid-column-gap: 8px;
  text-align: center;
  font-weight: var(--stb-btn-inner-text-weight, 500);
  line-height: 1;
  padding: var(--stb-button-padding)
}

.button--s {
  --stb-button-border-offset: 2px;
  --stb-button-padding: 0 24px;
  border-radius: 40px;
  font-size: 16px;
  min-height: 46px
}

.button--s.button--secondary {
  min-height: 48px
}

.button--secondary {
  min-width: 94px;
  color: rgb(var(--stb-white));
  border-radius: 45px
}

.button--secondary:before,.button--secondary:after {
  position: absolute;
  z-index: -1;
  content: ""
}

.button--secondary:before {
  inset: -2px;
  padding: 2px;
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  background: var(--stb-button-secondary-stroke)
}

.button--secondary:after {
  top: 3px;
  left: 50%;
  transform: translate(-50%);
  width: calc(100% - 12px);
  height: 16px;
  background: var(--stb-gradient-180);
  border-radius: 26px 26px 4px 4px/20px 20px 2px 2px;
  opacity: .3;
  content: ""
}

.button--secondary .button__inner:before {
  position: absolute;
  z-index: -1;
  content: "";
  inset: 2px;
  border: 1px solid transparent;
  border-radius: 38px;
  background: var(--stb-button-secondary) content-box,var(--stb-button-secondary-inner-stroke) border-box;
  box-shadow: inset 0 0 6px var(--stb-button-secondary-box-shadow)
}

@media (hover: hover) and (pointer: fine) {
  .button--secondary:hover:after {
      opacity:.4
  }

  .button--secondary:hover .button__inner:before {
      background: var(--stb-button-secondary-hover) content-box,var(--stb-button-secondary-inner-stroke) border-box
  }
}

.button--secondary:active:after {
  opacity: .2
}

.button--secondary:active .button__inner:before {
  background: var(--stb-button-secondary-active) content-box,var(--stb-button-secondary-inner-stroke) border-box
}

.button:disabled:not(.button--loading) {
  color: var(--stb-button-text-middle);
  background: var(--stb-button-primary-disable);
  text-shadow: none;
  box-shadow: none;
  cursor: default;
  pointer-events: none
}

.button:disabled:not(.button--loading):not(.button--primary) {
  border: 1px solid var(--stb-bg-contrast-secondary)
}

.button--m {
  --stb-button-border-offset: 4px;
  --stb-button-padding: 0 30px;
  border-radius: 40px;
  font-size: 20px;
  min-height: 52px
}

.button.button--primary .button__inner {
  border-radius: 40px;
  padding: var(--stb-button-padding);
  min-height: 100%
}

.button--primary {
  --stb-button-loading-background-color: var(--stb-button-primary);
  --stb-button-loading-after-filter: var(--stb-button-text-bright-filter);
  --stb-button-inner-shadow: rgb(0 66 42);
  --stb-button-decorative-inner-shadow: 0 255 163;
  margin: 2px;
  color: var(--stb-button-text-bright);
  text-shadow: 0 0 8px var(--stb-button-primary-text-shadow);
  background: var(--stb-button-primary) padding-box,var(--stb-gradient-500) border-box;
  box-shadow: 0 0 9px 5px var(--stb-button-inner-shadow) inset
}

.button--primary:before {
  padding: 2px;
  background: var(--stb-gradient-500);
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border: none;
  opacity: 1
}

@media (hover: hover) and (pointer: fine) {
  .button--primary:before:hover:before {
      opacity:.3
  }
}

.button--primary:before:active:before {
  opacity: .2
}

.button--primary:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: calc(-1 * var(--stb-button-border-offset));
  border-radius: inherit;
  transition: opacity var(--stb-transition-time)
}

.button--primary .button__inner:before {
  content: "";
  position: absolute;
  inset: 1px 8px 65%;
  border-radius: 40px 40px 0 0;
  background: var(--stb-gradient-170);
  opacity: .6
}

@media (hover: hover) and (pointer: fine) {
  .button--primary:hover {
      background:var(--stb-button-primary-hover) padding-box,var(--stb-gradient-500) border-box
  }

  .button--primary:hover .button__inner {
      box-shadow: 0 0 7px 1px var(--stb-button-primary-box-shadow) inset
  }

  .button--primary:hover .button__inner:before {
      opacity: .7
  }
}

.button--primary:active {
  background: var(--stb-button-primary-active) padding-box,var(--stb-gradient-500) border-box
}

.button--primary:active .button__inner:before {
  opacity: .5
}

.button--primary.button--m {
  box-shadow: 0 0 9px 5px var(--stb-button-inner-shadow) inset
}

.button--primary.button--m .button__inner:before {
  top: 2px
}

.button--primary.button--m .button__inner:after {
  content: "";
  position: absolute;
  z-index: -2;
  top: -14px;
  bottom: 0;
  left: 50%;
  width: 38px;
  height: 104px;
  background-image: url(/wp-content/images/image/btn-primary-l-decore@2x.webp);
  background-repeat: no-repeat;
  background-size: 38px 104px;
  transform: translate(-50%)
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution: 2dppx),screen and (min-resolution: 192dpi) {
  .button--primary.button--m .button__inner:after {
      background-image:url(/wp-content/images/image/btn-primary-l-decore@2x.webp)
  }
}

.button--primary.button--m .button__inner:before {
  right: 10px;
  left: 10px
}

.button--primary.button--m .button__inner:after {
  top: -12px;
  background-image: url(/wp-content/images/image/btn-primary-m-decore.webp);
  background-size: 26px 76px;
  width: 26px;
  height: 76px
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution: 2dppx),screen and (min-resolution: 192dpi) {
  .button--primary.button--m .button__inner:after {
      background-image:url(/wp-content/images/image/btn-primary-m-decore@2x.webp)
  }
}

.button--primary:disabled:not(.button--loading) {
  --stb-button-border-offset: 2px;
  border: none;
  color: unset;
  background: none
}

.button--primary:disabled:not(.button--loading):before {
  display: none
}

.button--primary:disabled:not(.button--loading):after {
  content: "";
  position: absolute;
  z-index: -2;
  top: -9px;
  bottom: 0;
  left: 50%;
  width: 38px;
  height: 94px;
  background-repeat: no-repeat;
  background-size: 38px 94px;
  transform: translate(-50%);
  opacity: .3
}

.button--primary:disabled:not(.button--loading) .button__inner {
  position: relative;
  z-index: 2;
  border: 1px solid var(--stb-bg-contrast-secondary);
  border-radius: 50px;
  background-color: var(--stb-button-primary-disable);
  box-shadow: unset
}

.button--primary:disabled:not(.button--loading) .button__inner:before {
  opacity: .1
}

.button--primary:disabled:not(.button--loading) .button__inner:after {
  display: none
}

.button--primary:disabled:not(.button--loading).button--m:after {
  top: -7px;
  background-image: url(/wp-content/images/image/btn-primary-m-decore.webp);
  background-size: 26px 66px;
  width: 26px;
  height: 66px
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution: 2dppx),screen and (min-resolution: 192dpi) {
  .button--primary:disabled:not(.button--loading).button--m:after {
      background-image:url(/wp-content/images/image/btn-primary-m-decore@2x.webp)
  }
}

.button:disabled:not(.button--loading) {
  color: var(--stb-button-text-middle);
  background: var(--stb-button-primary-disable);
  text-shadow: none;
  box-shadow: none;
  cursor: default;
  pointer-events: none
}