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

body {
  margin: 0;
}

main {
  display: block;
}

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

hr {
  overflow: visible;
  height: 0;
  box-sizing: content-box;
}

a {
  background-color: transparent;
}

b,
strong {
  font-weight: bolder;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  padding: 0;
  box-sizing: border-box;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.has-white-color {
  color: #fff;
}

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

.wp-block-table table {
  border-collapse: collapse;
  width: 100%;
}

.wp-block-table td, .wp-block-table th {
  border: 1px solid;
  padding: 0.5em;
}

.wp-block-table .has-fixed-layout {
  table-layout: fixed;
  width: 100%;
}

.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {
  display: table;
  width: auto;
}

.wp-block-video video {
  max-width: 100%;
}

@media (width <= 767px) {
  .wp-block-table .has-fixed-layout {
    table-layout: auto;
  }
}
:root {
  --width-container: 1080px;
  --offsets: 20px;
  --wrapper-margin: 20px;
  --ff-primary: -apple-system,
  blinkmacsystemfont,
  "Segoe UI",
  roboto,
  oxygen,
  ubuntu,
  cantarell,
  "Open Sans",
  "Helvetica Neue",
  sans-serif;
  --ff-secondary: -apple-system,
  blinkmacsystemfont,
  "Segoe UI",
  roboto,
  oxygen,
  ubuntu,
  cantarell,
  "Open Sans",
  "Helvetica Neue",
  sans-serif;
  --font-text: normal 400 16px/24px var(--ff-primary);
  --font-link: normal 400 16px/24px var(--ff-primary);
  --font-H1: normal 700 28px/36px var(--ff-primary);
  --font-H2: normal 700 24px/32px var(--ff-primary);
  --font-H3: normal 700 20px/26px var(--ff-primary);
  --font-H4: normal 700 20px/24px var(--ff-primary);
  --font-system-text: normal 400 14px/16px var(--ff-primary);
  --font-system-bold-text: normal 700 14px/20px var(--ff-primary);
  --font-button: normal 500 16px/18px var(--ff-primary);
  --font-menu-item: normal 700 14px/20px var(--ff-primary);
  --R: 8px;
  --R-button: 4px;
  --transition: all 0.2s ease-in-out;
  /*  Font colors  */
  --color-text: #d8d8d8;
  --color-heading: #fff;
  --color-icon: #dc0031;
  --color-primary: #19be47;
  --color-link: #19be47;
  /* Bg colors */
  --bg-body: #262626;
  --bg-block: #3d3d3d;
  /* mobile-button */
  --bg-mobile-aside: #3d3d3d;
  --color-mobile-aside-text: #fff;
  /* Buttons */
  --color-main-button: #fff;
  --bg-main-button: #19be47;
  --color-second-button: #616161;
  --bg-second-button: #FFF;
  /* table */
  --bg-table: #fff;
  --border-color-table: #dedede;
  --bg-table-th: #dedede;
  --color-table-th: #000;
  --color-table-td: #000;
  /* header */
  --bg-header: #303030;
  --color-header-navigation-link: #d4d4d4;
  --color-header-navigation-link-hover: #fff;
  /* footer */
  --bg-footer: #303030;
  --color-footer-navigation-link: #d4d4d4;
  --color-footer-navigation-link-hover: #fff;
  --color-footer-text: #d8d8d8;
  /* breadcrumbs */
  --bg-breadcrumbs: #000;
  --color-breadcrumbs-link: #dc0031;
  --color-breadcrumbs-link-current: #ddd;
  /* toc */
  --bg-toc: #303030;
  --color-toc-title: #fff;
  --color-toc-item: #d8d8d8;
  --color-toc-item-hover: #fff;
  /* scroll-to-top */
  --bg-scroll-to-top: #e0e0e0;
  --color-arrow-scroll-to-top: #000;
  /* scroll-to-top */
  --color-body-thumb: #D6F620;
  --color-body-track: #1A2D2E;
  --color-mobile-aside-bg: #1A2D2E;
  --color-bonus-bg: #2b0135;
  --color-bonus-accent: #c302ff;
  --color-bg-lang-switch: #2E4B4D;
  --divider: #ddd3d30d;
  --icon-list-marker: url("data:image/svg+xml,<svg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.322 5.576 2.765 1.478A.5.5 0 0 0 2 1.902v1.502a.5.5 0 0 0 .036.185l.89 2.225a.5.5 0 0 1 0 .372l-.89 2.225A.5.5 0 0 0 2 8.596v1.502a.5.5 0 0 0 .765.424l6.557-4.098a.5.5 0 0 0 0-.848Z' fill='%23dc0031'/></svg>");
  --icon-header-arrow: url("data:image/svg+xml,<svg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='24' height='24' rx='5' fill='%23fff' fill-opacity='.05'/><path d='m8 10 4 6 4-6h-3l-1 1.5-1-1.5H8Z' fill='%23dc0031'/></svg>");
  --icon-toc-arrow: url("data:image/svg+xml,<svg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='24' height='24' rx='5' fill='%23fff' fill-opacity='.05'/><path d='m8 10 4 6 4-6h-3l-1 1.5-1-1.5H8Z' fill='%23dc0031'/></svg>");
  --icon-toc-item: url("data:image/svg+xml,<svg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.5 6v10' stroke='%23dc0031' stroke-width='2'/><path d='m12.5 18-4-6H11l1.5 2.5L14 12h2.5l-4 6Z' fill='%23dc0031'/><path d='M20.5 4v16' stroke='%23dc0031'/></svg>");
  --icon-faq-item: url("data:image/svg+xml,<svg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21.657 10.343 10.343 21.657M10.343 10.343l11.314 11.314' stroke='%23dc0031' stroke-width='2'/></svg>");
  --icon-breadcrumbs-separator: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5 12L11 8L5 4L5 7L6.5 8L5 9L5 12Z' fill='%23dc0031'/></svg>");
  /* z-index */
  --z-header: 10;
  --z-menu: 100;
  --z-languages-switcher: 110;
  --z-mobile-button: 80;
  --z-scroll-top-top: 70;
  --z-content: 5;
  --z-popup: 90;
}

*,
::after,
::before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
}

[data-sf-a] {
  cursor: pointer;
}

html {
  font-size: 17px;
}

.page,
.post,
.category,
.error404,
.single {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  height: 100vh;
  font: var(--font-text);
  color: var(--color-text);
  background-color: var(--bg-body);
}

.page-main,
.post-main,
.page-404 {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

h1 {
  font: var(--font-H1);
  color: var(--color-heading);
}

h2 {
  font: var(--font-H2);
  color: var(--color-heading);
}

h3 {
  font: var(--font-H3);
  color: var(--color-heading);
}

h4, h5, h6 {
  font: var(--font-H4);
  color: var(--color-heading);
}

a:not([class]) {
  font: var(--font-link);
  color: var(--color-link);
  transition: var(--transition);
}

@media (hover: hover) {
  a:hover {
    text-decoration: none;
  }
}
img {
  vertical-align: middle;
  shape-margin: 1rem;
  width: 100%;
  height: auto;
  max-width: 100%;
  font-style: italic;
  background-size: cover;
  background-repeat: no-repeat;
}

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

.list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-404 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem var(--offsets);
  background-image: url("../images/404.png");
  background-position: right -100px top 50%;
}

.last-modified-date {
  display: inline-block;
  margin: 1rem auto;
  border-radius: 5px;
  padding: 10px 30px;
  width: 100%;
  font-weight: 700;
  text-align: center;
  background: var(--clr-bg-block);
}

.starzeg-container {
  margin: 0 auto;
  padding: 0 var(--offsets);
  max-width: calc(var(--width-container) + 2 * var(--offsets));
}

* + .mt {
  margin-top: 20px;
}

._scroll-lock {
  overflow: hidden;
}

._scroll-lock.admin-bar {
  margin-top: -32px;
}

@media (width <= 767px) {
  ._scroll-lock.admin-bar {
    margin-top: -46px;
  }
}
@keyframes animation-engine {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.starzeg-content-image {
  display: block;
  border-radius: var(--R);
}

@supports not selector(::-webkit-scrollbar) {
  ._has-scroll {
    overflow: auto;
    scrollbar-color: rgba(255, 255, 255, 0.0980392157) transparent;
    scrollbar-width: thin;
  }
}
._has-scroll::-webkit-scrollbar {
  width: 4px;
}

._has-scroll::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.0980392157);
}

._has-scroll::-webkit-scrollbar-track {
  border-radius: 9px;
  background: 100% 0;
}

.starzeg-breadcrumbs {
  border-top: 1px solid var(--divider);
  border-bottom: 1px solid var(--divider);
  padding: 4px 0;
  background: var(--bg-breadcrumbs);
}

.starzeg-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: calc(var(--width-container) + 2 * var(--offsets));
  gap: 8px;
}

.starzeg-breadcrumbs__link {
  display: flex;
  align-items: center;
  padding: 4px 0;
  font: var(--font-system-text);
  text-decoration: none;
  text-transform: uppercase;
  color: var(--color-breadcrumbs-link);
  gap: 8px;
}

.starzeg-breadcrumbs__link--no-active {
  color: var(--color-breadcrumbs-link-current);
}

.starzeg-breadcrumbs__separator {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
}

.starzeg-breadcrumbs__separator::after {
  content: var(--icon-breadcrumbs-separator);
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
}

@media (hover: hover) {
  a.starzeg-breadcrumbs__link:hover {
    color: var(--color-breadcrumbs-link-current);
  }
}
._button {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  border-radius: var(--R-button);
  padding: 16px 32px;
  font: var(--font-button);
  text-align: center;
  text-decoration: none;
  transform-origin: center;
  transition: var(--transition);
  will-change: transform;
  gap: 8px;
}

._button:has(svg) {
  padding-block: 8px;
}

._button svg {
  flex-shrink: 0;
  fill: currentcolor;
}

._button--main {
  color: var(--color-main-button);
  background: var(--bg-main-button);
}

._button--second {
  color: var(--color-second-button);
  background: var(--bg-second-button);
}

._button:active {
  scale: 0.98;
}

@media (hover: hover) {
  ._button:hover {
    cursor: pointer;
    scale: 0.98;
  }
}
._button[disabled],
._button.disabled {
  filter: grayscale(1) brightness(1.5);
  pointer-events: none;
}

.starzeg-content-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}

.starzeg-content-buttons.align-center {
  justify-content: center;
}

.starzeg-content-buttons__button {
  width: 100%;
  max-width: 240px;
}

.starzeg-external-links {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.starzeg-external-links__link {
  display: flex;
  justify-content: center;
}

.starzeg-external-links__image {
  width: auto;
  max-height: 40px;
  object-fit: contain;
  transition: var(--transition);
}

@media (hover: hover) {
  .starzeg-external-links__link:hover .starzeg-external-links__image {
    scale: 1.1;
  }
}
.starzeg-payments-gallery {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.starzeg-payments-gallery__image {
  width: auto;
  max-height: 40px;
  object-fit: contain;
}

.starzeg-scroll-to-top {
  position: fixed;
  left: var(--offsets);
  bottom: 78px;
  z-index: var(--z-scroll-top-top);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  pointer-events: none;
}

.starzeg-scroll-to-top._show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.starzeg-scroll-to-top__button {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  border-radius: calc(var(--R) / 2);
  padding: 0 0 6px;
  width: 40px;
  height: 40px;
  font-size: 36px;
  line-height: 36px;
  color: var(--color-arrow-scroll-to-top);
  background-color: var(--bg-scroll-to-top);
  transition: var(--transition);
  cursor: pointer;
}

@media (hover: hover) {
  .starzeg-scroll-to-top__button:hover {
    translate: 0 -5px;
  }
}
.starzeg-social {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
}

.starzeg-social__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.starzeg-social__link img,
.starzeg-social__link svg {
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
  transition: var(--transition);
}

@media (hover: hover) {
  .starzeg-social__link:hover img,
  .starzeg-social__link:hover svg {
    transform: scale(1.2);
  }
}
.starzeg-languages-switcher {
  position: relative;
  z-index: 15;
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 16px;
  border-radius: var(--R);
  width: 100%;
  color: var(--color-heading);
  background-color: var(--color-bg-lang-switch);
}

.starzeg-languages-switcher > svg {
  position: absolute;
  left: 8px;
  top: 8px;
  transition: var(--transition);
  pointer-events: none;
}

.starzeg-languages-switcher__list-wrapper {
  display: none;
}

.starzeg-languages-switcher__list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
}

.starzeg-languages-switcher__item {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-start;
  padding: 0 8px;
  width: 100%;
  height: 40px;
  font: var(--font-system-bold-text);
  white-space: nowrap;
  text-decoration: none;
  text-transform: uppercase;
  transition: var(--transition);
  gap: 4px;
}

@media (hover: hover) {
  .starzeg-languages-switcher__item:hover {
    background: rgba(255, 255, 255, 0.1019607843);
  }
}
.starzeg-languages-switcher__lang {
  display: flex;
  align-items: center;
  gap: 5px;
}

.starzeg-languages-switcher__lang img {
  width: 20px;
  height: 20px;
}

.starzeg-languages-switcher__lang::after {
  content: "";
  position: absolute;
  inset: 0;
}

.starzeg-languages-switcher._show .starzeg-languages-switcher__list-wrapper {
  display: block;
}

.starzeg-languages-switcher._show > svg {
  rotate: 180deg;
}

.starzeg-mobile-button {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: var(--z-mobile-button);
  display: flex;
  align-items: center;
  padding: 12px var(--offsets);
  background-color: var(--bg-body);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  gap: 8px;
}

.starzeg-mobile-button__image {
  max-width: 70px;
  max-height: 40px;
}

.starzeg-mobile-button__text {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
}

.starzeg-mobile-button._show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.starzeg-mobile-button__link {
  flex-grow: 1;
  align-self: stretch;
  padding: 8px 12px;
}

@media (width >= 767px) {
  .starzeg-mobile-button {
    display: none;
  }
}
.wp-block-heading:not(.has-text-color) {
  color: var(--color-heading);
}

.wp-block-heading span {
  color: var(--primary-accent);
}

* + .wp-block-table {
  margin-top: 1rem;
}

.wp-block-table {
  overflow: auto;
}

.wp-block-table table {
  overflow: hidden;
  outline: 1px solid var(--border-color-table);
  border: none;
  border-collapse: collapse;
  border-radius: var(--R);
  width: 100%;
  background: var(--bg-table);
}

.wp-block-table thead {
  border: none;
}

.wp-block-table td, .wp-block-table th {
  border: 1px solid var(--border-color-table);
  padding: 12px;
}

.wp-block-table th {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: var(--color-table-th);
  background-color: var(--bg-table-th);
}

.wp-block-table td {
  color: var(--color-table-td);
}

.wp-block-image img {
  border-radius: var(--R-image);
}

ol.wp-block-list,
ul.wp-block-list {
  counter-reset: myCounter;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  gap: 8px;
}

* + ol.wp-block-list,
* + ul.wp-block-list {
  margin-top: 1rem;
}

ol.wp-block-list li::before {
  counter-increment: myCounter;
  content: counter(myCounter) ".";
  display: inline-block;
  padding: 0 0 0 4px;
  width: auto;
  height: auto;
  font-family: var(--ff-secondary);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--color-icon);
}

ul.wp-block-list li::before {
  /*content: var(--icon-list-marker);*/
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: var(--color-icon);
  display: inline-block;
  /*display: block;*/
  margin: 0 0 0 0.5rem;
  /*width: auto;*/
  /*height: auto;*/
  text-align: center;
}

* + .wp-block-image {
  margin-top: 1rem;
}

.wp-block-image img {
  border-radius: var(--R);
}

.starzeg-wrapper > * {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--width-container);
}

.starzeg-wrapper > *:first-child {
  margin-top: 0;
}

.starzeg-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}

main > .starzeg-wrapper:not(:last-child) {
  border-bottom: 1px solid var(--divider);
}

@media (width <= 1120px) {
  .starzeg-wrapper > * {
    margin-left: var(--offsets);
    margin-right: var(--offsets);
    max-width: calc(100% - var(--offsets) * 2);
  }
}
.starzeg-page-header {
  position: sticky;
  z-index: var(--z-header);
  padding: 16px 0;
  background: var(--bg-header);
}

.starzeg-page-header__container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}

.starzeg-page-header__wrapper {
  position: absolute;
  right: 0;
  top: calc(var(--height) - 16px);
  display: none;
  overflow: hidden;
  padding: 20px 8px;
  width: 328px;
  height: calc(100svh - var(--height));
  background: var(--bg-header);
}

.starzeg-page-header__wrapper._active {
  display: block;
}

.starzeg-page-header__wrapper::before {
  content: "";
  position: fixed;
  inset: var(--height) 0 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.768627451);
}

.starzeg-page-header__logo img {
  width: fit-content;
  max-height: 20px;
  object-fit: contain;
}

.starzeg-page-header__burger {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  order: -10;
  margin-right: -6px;
  border: none;
  width: 36px;
  height: 36px;
  background: none;
  gap: 4px;
}

.starzeg-page-header__burger span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--color-header-navigation-link);
  pointer-events: none;
}

.starzeg-page-header__buttons {
  display: flex;
  align-items: center;
  margin-right: auto;
  gap: 4px;
}

.starzeg-page-header__button {
  padding: 8px 16px;
}

@media (width <= 1023px) {
  .starzeg-page-header__burger {
    margin-right: -12px;
  }
}
.starzeg-main-nav {
  position: relative;
  overflow: hidden auto;
  height: calc(100% - 44px);
  background: var(--bg-header);
}

.starzeg-page-header__languages-switcher._show + .starzeg-main-nav {
  height: calc(100% - 44px);
}

.starzeg-main-nav__list {
  display: flex;
  flex-direction: column;
  background: var(--bg-header);
  gap: 8px;
}

@supports not selector(::-webkit-scrollbar) {
  .starzeg-main-nav {
    scrollbar-color: rgba(208, 216, 232, 0.31) transparent;
    scrollbar-width: thin;
  }
}
.starzeg-main-nav::-webkit-scrollbar {
  width: 4px;
  scrollbar-color: rgba(208, 216, 232, 0.31) transparent;
  scrollbar-width: thin;
}

.starzeg-main-nav::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 9px;
  background: rgba(208, 216, 232, 0.31);
}

.starzeg-main-nav::-webkit-scrollbar-track {
  border-radius: 9px;
  background: 100% 0;
}

.starzeg-main-nav__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px 10px;
}

.starzeg-main-nav__item--has-children {
  flex-wrap: wrap;
}

.starzeg-main-nav__item--has-children > .starzeg-main-nav__link {
  width: fit-content;
}

.starzeg-main-nav__link {
  display: inline-block;
  padding: 10px 8px 10px 0;
  width: 100%;
  font: var(--font-system-bold-text);
  text-decoration: none;
  color: var(--color-header-navigation-link);
  transition: var(--transition);
}

.starzeg-main-nav__link--current {
  color: var(--color-header-navigation-link-hover);
}

.sub-menu-arrow {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  padding: 0 0 0 8px;
  height: 40px;
}

.starzeg-main-nav__item--has-children._active .starzeg-sub-menu {
  display: flex;
}

.starzeg-main-nav__item--has-children._active .sub-menu-arrow svg {
  rotate: 180deg;
}

.sub-menu-arrow svg {
  transition: var(--transition);
  pointer-events: none;
}

.starzeg-sub-menu {
  display: none;
  flex-direction: column;
  padding: 8px;
  width: 100%;
  gap: 4px;
}

.starzeg-sub-menu__link {
  font-weight: 500;
  color: var(--color-text);
}

.sub-menu__link--current {
  color: var(--color-header-navigation-link-hover);
}

@media (hover: hover) {
  a.starzeg-main-nav__link:hover {
    color: var(--color-header-navigation-link-hover);
  }
}
.starzeg-page-footer {
  padding: 20px 0;
  background: var(--bg-footer);
}

.starzeg-page-footer--enable-mobile-button {
  padding-bottom: 80px;
}

.starzeg-page-footer__container {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 40px;
}

.starzeg-page-footer__left {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.starzeg-page-footer__left::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--divider);
}

.starzeg-page-footer__logo {
  display: block;
  margin: 0 0 0 auto;
  width: auto;
  max-width: 120px;
}

.starzeg-page-footer__dmca {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dmca-badge__image {
  width: auto;
}

.starzeg-page-footer__right {
  position: relative;
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 40px;
}

.starzeg-page-footer__footer-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.starzeg-page-footer__footer-buttons button {
  flex-grow: 1;
  max-width: 220px;
  padding-inline: 12px;
}

.starzeg-page-footer__footer-buttons button:nth-child(2) {
  color: var(--color-second-button);
  background: var(--bg-second-button);
}

.starzeg-page-footer__info {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.starzeg-page-footer__info::before {
  content: "";
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--divider);
}

.starzeg-page-footer__information_text {
  margin: 0;
}

.starzeg-page-footer__copyright {
  position: relative;
  grid-column: 1/-1;
  margin: 0;
  text-align: center;
  color: var(--color-footer-text);
}

.starzeg-page-footer__copyright::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: -20px;
  height: 1px;
  background: var(--divider);
}

@media (width <= 1023px) {
  .starzeg-page-footer__container {
    grid-template-columns: 120px 1fr;
  }
  .starzeg-page-footer__right {
    display: contents;
  }
  .starzeg-page-footer__info {
    grid-column: 1/-1;
  }
  .starzeg-page-footer__info::before {
    content: "";
    position: absolute;
    inset: -20px 0 auto;
    width: 100%;
    height: 1px;
    background: var(--divider);
  }
}
@media (width <= 767px) {
  .starzeg-page-footer__container {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .starzeg-page-footer__left {
    flex-direction: row;
    order: -10;
    gap: 10px;
  }
  .starzeg-page-footer__payments-gallery,
  .starzeg-page-footer__social,
  .starzeg-page-footer__external-links {
    justify-content: center;
  }
  .starzeg-page-footer__right,
  .starzeg-page-footer__info {
    display: contents;
  }
  .starzeg-page-footer__footer-buttons {
    justify-content: center;
    order: -6;
    border-top: 1px solid var(--divider);
    border-bottom: 1px solid var(--divider);
    padding-block: 20px;
  }
  .starzeg-page-footer__footer-buttons button {
    max-width: 100%;
  }
  .starzeg-page-footer__information_text {
    order: -8;
  }
  .starzeg-page-footer__copyright::before {
    display: none;
  }
}
.starzeg-footer-nav {
  position: relative;
}

.starzeg-footer-nav__list {
  column-count: 2;
  column-fill: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 200px;
  max-width: 400px;
}

.starzeg-footer-nav__item {
  margin-right: 8px;
}

.starzeg-footer-nav__list:has(> *:nth-child(11)) {
  height: 260px;
}

.starzeg-footer-nav__link {
  display: inline-block;
  padding: 8px 0;
  width: 100%;
  text-decoration: none;
  color: var(--color-header-navigation-link);
  transition: var(--transition);
}

.starzeg-footer-nav__link--current {
  color: var(--color-footer-navigation-link-hover);
}

@media (hover: hover) {
  a.starzeg-footer-nav__link:hover {
    color: var(--color-footer-navigation-link-hover);
  }
}
@media (width <= 767px) {
  .starzeg-footer-nav__list {
    display: flex;
    flex-direction: column;
    margin-top: -8px;
    height: auto;
    max-width: 100%;
  }
  .starzeg-footer-nav__item {
    margin: 0;
  }
}
.starzeg-toc {
  border-radius: var(--R);
  background: var(--bg-toc);
}

.starzeg-toc__title {
  position: relative;
  display: flex;
  align-self: center;
  justify-content: space-between;
  margin: 0;
  padding: 20px;
  font: var(--font-system-bold-text);
  color: var(--color-toc-title);
  user-select: none;
  gap: 1rem;
}

.starzeg-toc__title::after {
  content: var(--icon-toc-arrow);
  position: absolute;
  left: 20px;
  top: 50%;
  display: block;
  width: 24px;
  height: 24px;
  transition: var(--transition);
  translate: 0 -50%;
}

.starzeg-toc._active .starzeg-toc__title::after {
  rotate: 180deg;
}

.starzeg-toc ol,
.starzeg-toc ul {
  position: relative;
  display: none;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0 20px 20px;
  gap: 8px;
}

.starzeg-toc._active ol,
.starzeg-toc._active ul {
  display: grid;
}

.starzeg-toc--auto ol,
.starzeg-toc--auto ul {
  counter-reset: myCounter;
  grid-template-columns: 1fr;
}

.starzeg-toc li {
  margin: 0;
  border: 1px solid var(--divider);
  border-radius: calc(var(--R) / 2);
  color: var(--color-toc-item);
}

.starzeg-toc li:nth-child(n+10) a {
  padding-right: 36px;
}

.starzeg-toc a {
  position: relative;
  display: block;
  padding: 8px 24px 8px 36px;
  width: 100%;
  font-style: normal;
  text-decoration: none;
  color: var(--color-toc-item);
}

.starzeg-toc a::after {
  content: var(--icon-toc-item);
  position: absolute;
  left: 8px;
  top: 50%;
  display: flex;
  width: 24px;
  height: 24px;
  translate: 0 -50%;
}

.starzeg-toc a::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  border-radius: 2px;
  width: 4px;
  height: 4px;
  background: var(--color-icon);
  translate: 0 -50%;
}

.starzeg-toc--auto a::before {
  counter-increment: myCounter;
  content: counter(myCounter) ".";
  width: auto;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--color-icon);
  background: transparent;
}

.starzeg-toc--auto a {
  padding-right: 32px;
}

@media (hover: hover) {
  .starzeg-toc a:hover {
    color: var(--color-toc-item-hover);
  }
}
.starzeg-bonus__bonus {
  position: relative;
  z-index: var(--z-content);
  display: flex;
  flex-direction: column;
  /*align-items: center;*/
  justify-content: center;
  overflow: hidden;
  border-radius: var(--R);
  padding: 20px;
  gap: 4px;
}

.starzeg-bonus__background-image {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.starzeg-bonus__title {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: var(--color-heading);
}

.starzeg-bonus__bonus-text {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: var(--color-icon);
}

.starzeg-bonus__button {
  margin-top: 16px;
}

.starzeg-bonus__description {
  margin: 0;
  font: var(--font-system-text);
  text-align: center;
}

@media (width <= 575px) {
  .starzeg-bonus__button {
    width: 100%;
  }
}
.starzeg-text-image {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 32px;
}

.starzeg-text-image__content {
  overflow: hidden;
}
.starzeg-text-image__content > *:first-child {
  margin-top: 0;
}
.starzeg-text-image__content > *:last-child {
  margin-bottom: 0;
}

.starzeg-text-image.reversed .starzeg-text-image__content {
  order: 2;
}

.starzeg-text-image__image {
  border-radius: var(--R);
  width: 100%;
  height: fit-content;
  object-fit: contain;
}

@media (width <= 1023px) {
  .starzeg-text-image:has(.starzeg-bonus) .starzeg-text-image__content {
    display: contents;
  }
  .starzeg-text-image:has(.starzeg-bonus) .starzeg-text-image__content > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .starzeg-text-image:has(.starzeg-bonus) .wp-block-heading {
    order: -4;
  }
  .starzeg-text-image:has(.starzeg-bonus) .starzeg-bonus {
    order: -3;
  }
  .starzeg-text-image {
    grid-template-columns: 1fr;
  }
  .starzeg-text-image.reversed .starzeg-text-image__content {
    order: 0;
  }
}
.starzeg-faq {
  border-bottom: 1px solid var(--divider);
  padding-top: 12px;
  padding-bottom: 12px;
}

.starzeg-faq._active .starzeg-faq__answer {
  display: none;
}

.starzeg-faq._active .starzeg-faq__title::after {
  rotate: 225deg;
}

.starzeg-faq__title {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: calc(100% - 36px);
  cursor: pointer;
  gap: 4px;
}

.starzeg-faq__title::after {
  content: var(--icon-faq-item);
  position: absolute;
  left: -32px;
  top: 50%;
  display: block;
  width: 32px;
  height: 32px;
  transition: var(--transition);
  translate: 0 -50%;
}

.starzeg-faq__title::before {
  content: "";
  position: absolute;
  left: -32px;
  top: 50%;
  display: block;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  background: var(--divider);
  translate: 0 -50%;
}

.starzeg-faq__answer {
  margin-top: 10px;
}

.starzeg-faq__answer > *:first-child {
  margin-top: 0;
}

.starzeg-faq__answer > *:last-child {
  margin-bottom: 0;
}

.starzeg-screenshot-gallery {
  overflow: auto;
}

.starzeg-screenshot-gallery__list {
  display: flex;
  gap: 10px;
}

@media (width <= 1023px) {
  .starzeg-screenshot-gallery__list {
    min-width: 900px;
  }
}
.starzeg-how-to__item:has(img) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.starzeg-how-to__item:not(:last-child) {
  margin-bottom: 1rem;
}

.starzeg-how-to__content {
  margin: auto 0;
}

.starzeg-how-to__content > *:last-child {
  margin-bottom: 0;
}

.starzeg-how-to__counter {
  font: var(--font-H3);
  color: var(--color-icon);
}

.starzeg-how-to__image {
  border-radius: var(--R);
}

@media (width <= 1023px) {
  .starzeg-how-to__item:has(img) {
    grid-template-columns: 1fr;
  }
}

/* bonuses */

.starzeg-bonus {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  width: 100%;
  gap: 1rem;
}

.starzeg-bonus__item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--R);
  background: var(--bg-block);
}

.starzeg-bonus__image {
  width: 100%;
  height: auto;
  object-fit: contain
}

.starzeg-bonus__content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 16px;
  gap: 4px
}

.starzeg-bonuses-section__bonus-tag {
  display: block;
  margin: 0 0 8px;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.125rem;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.starzeg-bonus__tag {
  display: block;
  margin: 0 0 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.starzeg-bonus__name {
  font-weight: 700;
  color: #fff;
}

.starzeg-bonus__description {
  display: block;
  margin: 0 0 auto;
  border-radius: 4px;
  padding: 8px;
  width: fit-content;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--primary-accent);
  background: rgb(255 255 255 / 8%)
}

.starzeg-bonus__button {
  display: block;
  margin: 16px 0 0;
  width: 100%;
  max-width: unset
}

/* bonus */
/* bonus-slider */
.splide {
  position: relative;
}

.splide__navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  gap: 12px;
}

.splide__arrows {
  display: contents;
}

.splide__arrow {
  position: relative;
  border: none;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  transition: var(--transition);
  cursor: pointer;
}

.splide__arrow::before {
  content: var(--icon-arrow-slider);
  position: absolute;
  right: 50%;
  top: 50%;
  z-index: var(--z-content);
  display: flex;
  width: 16px;
  height: 16px;
  pointer-events: none;
  translate: -50% -50%;
}

.splide__arrow--prev {
  order: -1;
  rotate: -180deg;
}

.splide__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  gap: 8px;
}

.splide__pagination__page {
  border: none;
  border-radius: 100%;
  padding: 0;
  width: 8px;
  height: 8px;
  background: #E3E3E3;
}

.splide__pagination__page.is-active {
  background: var(--color-heading);
}

.starzeg-bonus-slider {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  border-radius: var(--R-image);
  min-height: 140px;
  background: linear-gradient(0deg, #222, #2220);
}

.starzeg-bonus-slider__content {
  margin-top: auto;
  padding: 12px;
  max-width: 400px;
}

.starzeg-bonus-slider__text {
  margin: 0;
  font-weight: 500;
  color: #E3E3E3;
}

.starzeg-bonus-slider__image {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  inset: 0;
}

.starzeg-bonus-slider__button {
  margin-top: 12px;
}

.splide--full .starzeg-bonus-slider__image {
  position: static;
  object-fit: contain;
}

.splide--full .starzeg-bonus-slider__content {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (hover: hover) {
  .splide__arrow:hover,
  .splide__pagination__page:hover {
    background: #00000010;
  }
}

@media (width <= 640px) {
  .starzeg-bonus-slider {
    min-height: 280px;
  }

  .splide--full .starzeg-bonus-slider__image {
    position: static;
    object-fit: cover;
  }
}

/* bonus-slider */
.pros-cons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.pros-cons__wrapper {
  border-radius: var(--R);
  overflow: hidden;
}

.pros-cons__title {
  margin: 0;
  padding: 10px;
  color: #fff;
  font: var(--font-H3);
  text-align: center;
}

.pros-cons__title--like {
  background: green;
}

.pros-cons__title--like + .pros-cons__list {
  background: #0080000d;
}

.pros-cons__title--dislike + .pros-cons__list {
  background: #ff00000d;
}

.pros-cons__title--dislike {
  background: red;
}

.pros-cons__list {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 10px 30px 10px 10px;
}

.pros-cons__list li {
  list-style: disc;
}

.pros-cons__text {
  margin: 0;
}

@media (max-width: 1023px) {
  .pros-cons {
    grid-template-columns: 1fr;
  }
}

/* category */
.starzeg-categories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  border-radius: var(--R);
  padding: 20px;
  width: 100%;
  background: #303030;
  gap: 1rem;
}

.starzeg-categories__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: var(--R);
  transition: var(--transition);
  gap: 8px;
}

.starzeg-categories__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 16px;
  width: 96px;
  height: 96px;
  background: #454545;
  pointer-events: none;
}

.starzeg-categories__text {
  text-align: center;
  color: var(--color-heading);
}

@media (hover: hover) {
  .starzeg-categories__item[data-sf-a]:hover {
    background: #454545;
  }
}

@media (width <= 767px) {
  .starzeg-categories {
    padding: 16px;
    display: flex;
    overflow: auto;
  }
}

/* category */
/* slots */
.starzeg-slots {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 1rem
}

.starzeg-slots__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.starzeg-slots__inner {
  position: relative;
  overflow: hidden;
  border-radius: var(--R);
  width: 100%
}

.starzeg-slots__buttons {
  position: absolute;
  right: -100%;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 60%);
  transition: var(--transition);
  gap: 1rem;
}

.starzeg-slots__button,
.starzeg-slots__demo {
  text-wrap: balance;
}

.starzeg-slots__demo {
  color: #fff;
  background: #292621;
}

.starzeg-slots__image {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.starzeg-slots__name {
  color: var(--color-heading);
}

.starzeg-slots-popup {
  content: "";
  position: fixed;
  z-index: var(--z-popup);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--offsets);
  background-color: rgb(255 255 255 / 70%);
  inset: 0;
}

.starzeg-slots-popup__content {
  display: flex;
  flex-direction: column;
  border-radius: var(--R);
  width: 100%;
  max-width: 1440px;
  background: var(--bg-slot);
  aspect-ratio: 16 / 9;
}

.starzeg-slots-popup__header {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--divider);
  padding: 8px 16px 8px 0;
  height: 60px;
}

.starzeg-slots-popup__title {
  display: none;
  font: var(--font-accent-text);
  text-transform: uppercase;
  color: var(--color-slot-popup-title);
}

.starzeg-slots-popup__button {
  display: none;
  padding: 10px 32px;
}

.starzeg-slots-popup__button.show,
.starzeg-slots-popup__title.show {
  display: flex;
}

.starzeg-slots-popup__close {
  align-self: stretch;
  outline: none;
  border: none;
  border-radius: calc(var(--R) / 2);
  width: 60px;
  background: transparent;
  aspect-ratio: 1;
}

.starzeg-slots-popup__body {
  flex-grow: 1;
  width: 100%;
}

.starzeg-slots-popup__body iframe {
  border: none;
}

.starzeg-slots-popup__footer:has(.show) {
  display: none;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--divider);
  padding: 8px 16px 8px 0;
  height: 60px;
}

@media (hover: hover) {
  .starzeg-slots__inner:hover .starzeg-slots__buttons {
    right: 0
  }

  .starzeg-slots-popup__close:hover svg {
    transition: var(--transition);
    cursor: pointer;
    scale: 1.3;
  }
}

@media (width <= 1280px) {
  .starzeg-slots-popup {
    padding: 0;
  }

  .starzeg-slots-popup__content {
    height: 100svh;
    aspect-ratio: auto;
  }

  .starzeg-slots-popup__header .starzeg-slots-popup__button {
    display: none;
  }

  .starzeg-slots-popup__footer:has(.show) {
    display: flex;
  }

  .starzeg-slots__item {
    background: var(--bg-slot);
    gap: 0;
  }

  .starzeg-slots__inner {
    display: flex;
    flex-direction: column-reverse;
  }

  .starzeg-slots__buttons {
    position: static;
    padding: 8px;
    gap: 8px;
  }

  .starzeg-slots__button,
  .starzeg-slots__demo {
    padding: 10px 8px;
    width: 100%;
  }

  .starzeg-slots__name {
    order: -1;
    padding: 4px;
    color: var(--color-slot-popup-title);
  }
}

@media (width <= 575px) {
  .starzeg-slots {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* slots */
/* games */

.starzeg-games {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 1rem
}

.starzeg-games__item {
  position: relative;
  overflow: hidden;
  border-radius: var(--R);
  background: var(--bg-block);
}

.starzeg-games__inner {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 4px;
}

.starzeg-games__tag {
  display: block;
  font: var(--font-subtext);
  color: #777;
}

.starzeg-games__name {
  display: block;
  font: var(--font-accent-text);
  color: var(--color-heading);
}

.starzeg-games__name:has(+ *) {
  margin-bottom: 12px;
}

.starzeg-games__button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: auto;
  margin-bottom: -12px;
  border: none;
  padding: 4px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-heading);
  background: none;
  gap: 8px;
}

.starzeg-games__button::after {
  content: var(--icon-arrow-right-black);
  width: 24px;
  height: 24px;
  transition: var(--transition);
}

@media (hover: hover) {
  .starzeg-games__button:hover {
    scale: 1;
  }

  .starzeg-games__button:hover::after {
    translate: 8px 0;
  }
}

/* games */
/* promo-code */

.starzeg-promo-code {
  position: relative;
  padding: 2px;
  max-width: 340px;
  background: linear-gradient(45deg, #19be47, #dc0031, #19be47, #dc0031, #19be47, #dc0031, #19be47);
  background-size: 400% 400%;
  animation: 3s infinite gradient
}

.starzeg-promo-code__inner {
  padding: 16px;
  background: #000;
  gap: 16px;
}

.starzeg-promo-code__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #353535;
  padding-bottom: .75rem;
  gap: 16px
}

.starzeg-promo-code__title {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #FFF;
}

.starzeg-promo-code__title span {
  color: #ee2
}

.starzeg-promo-code__icons {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px
}

.starzeg-promo-code__text {
  padding-top: 12px;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #e3e3e3
}

.starzeg-promo-code__text b,
.starzeg-promo-code__text span,
.starzeg-promo-code__text strong {
  font-weight: 700;
  color: #fff
}

.starzeg-promo-code__controls {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 16px;
  gap: 4px
}

.starzeg-promo-code__value {
  flex-grow: 1;
  border: 1px solid #3c3c3c;
  border-radius: 1.5rem;
  padding: 16px 20px;
  font-family: var(--ff-primary);
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  color: #dc0031
}

.starzeg-promo-code__button:has(svg) {
  padding-left: 6px;
  padding-right: 6px;
  width: fit-content;
  min-width: 110px;
  text-transform: uppercase;
  background: rgb(255 255 255 / 10%);
  gap: 4px;
}

.starzeg-promo-code__button span {
  color: #fff;
}

.starzeg-promo-code__button .copied {
  display: none;
}

.starzeg-promo-code__button svg {
  pointer-events: none
}

.starzeg-promo-code__button._active .copy {
  display: none;
}

.starzeg-promo-code__button._active {
  background: #19be47;
}

.starzeg-promo-code__button._active .copied {
  display: block
}

.starzeg-promo-code__info-key,
.starzeg-promo-code__info-value {
  font-family: var(--ff-primary);
  font-style: normal;
  font-size: 14px;
  line-height: 20px
}

.promo-code__link--aff {
  margin-top: 12px;
  width: 100%;
}

.starzeg-promo-code__buttons {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  gap: 12px
}

.starzeg-promo-code__ios {
  outline: 1px solid rgb(255 255 255 / 10%);
  box-shadow: none;
  color: var(--bg-main-button);
  background: transparent;
}

.starzeg-promo-code__info {
  position: absolute;
  right: calc(100% + 24px);
  top: 0;
  display: flex;
  flex-direction: column;
  min-width: 150px;
  gap: 12px
}

.starzeg-promo-code__info-item {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.starzeg-promo-code__info-key {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #fff;
  gap: 4px
}

.starzeg-promo-code__info-value {
  margin-right: 28px;
  font-weight: 500;
  color: #e3e3e3
}



@keyframes gradient {
  0%, 100% {
    background-position: 100% 50%
  }

  50% {
    background-position: 0% 50%
  }
}

@media (width <= 1023px) {
  .starzeg-promo-code {
    margin: 0 auto;
  }

  .starzeg-promo-code.download {
    margin-right: 0;
  }
}

@media (width <= 575px) {
  .starzeg-promo-code.download {
    margin: 0 auto;
  }

  .starzeg-promo-code__info {
    position: static;
    margin-top: 12px;
  }
}

/* promo-code */
.wp-block-columns {
  display: grid;
  gap: 1rem;
  align-items: center;
}

.wp-block-columns.col-2 {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 1023px) {
  .wp-block-columns.col-2 {
    grid-template-columns: 1fr;
  }
}

/* demo-game-full */
.starzeg-game-demo-full {
  border-radius: var(--R);
}

.starzeg-game-demo-full__box {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  min-height: 400px;
  aspect-ratio: 16 / 9;
}

.starzeg-game-demo-full__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  inset: 0;
}

.starzeg-game-demo-full__box iframe {
  position: absolute;
  border: none;
  width: 100%;
  height: 100%;
  inset: 0;
}

.starzeg-game-demo-full__content {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 10px;
  width: 100%;
  max-width: 400px;
  transform: translate(-50%, -50%);
  gap: 12px;
}

.starzeg-game-demo-full__logo {
  margin: 0 auto;
  width: fit-content;
  max-height: 84px;
  object-fit: contain;
}

.starzeg-game-demo-full__name {
  margin: 0;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFF;
}

.starzeg-game-demo-full__content ._button:first-of-type {
  margin-top: 40px;
}

@media (width <= 767px) {
  .starzeg-game-demo-full__box {
    aspect-ratio: auto;
  }

}

/* demo-game-full */