* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.container {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 var(--offsets);
  width: 100%;
}
html {
  font-family: var(--version-font);
}
body {
  background: var(--site-bg);
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
}
body[data-scroll="no-scroll"] {
  height: 100%;
  overflow: hidden;
  position: relative;
}
main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 0;
}
a {
  color: var(--links-color);
}
ol,
ul {
  list-style-position: inside;
}
dialog {
  border: none;
  outline: none;
}
button,
input,
select,
textarea {
  font-family: inherit;
}
:root {
  --black: #000;
  --white: #fff;
  --grey-lighten-4: #f2f2f2;
  --grey-lighten-3: #ccc;
  --grey-lighten-2: #b3b3b3;
  --grey-lighten-1: #999;
  --grey-base: grey;
  --grey-darken-1: #666;
  --grey-darken-2: #4c4c4c;
  --grey-darken-3: #333;
  --grey-darken-4: #191919;
  --accent-lighten-4: #fffae5;
  --accent-lighten-3: #ffeb99;
  --accent-lighten-2: #ffe166;
  --accent-lighten-1: #ffd733;
  --accent-base: #fc0;
  --accent-darken-1: #cca400;
  --accent-darken-2: #997b00;
  --accent-darken-3: #665200;
  --accent-darken-4: #332900;
  --success-lighten-4: #e7feee;
  --success-lighten-3: #9ff9bd;
  --success-lighten-2: #6ef79c;
  --success-lighten-1: #3ef47b;
  --success-base: #0ef15a;
  --success-darken-1: #0bc148;
  --success-darken-2: #089136;
  --success-darken-3: #066024;
  --success-darken-4: #033012;
  --error-lighten-4: #fde9e7;
  --error-lighten-3: #f8a6a0;
  --error-lighten-2: #f47a71;
  --error-lighten-1: #f14d41;
  --error-base: #ed2012;
  --error-darken-1: #be1a0e;
  --error-darken-2: #8e140b;
  --error-darken-3: #5f0d07;
  --error-darken-4: #300704;
  --site-bg: #fff;
  --button-color: #000;
  --button-hover-color: #000;
  --button-bg: #fc0;
  --button-hover-bg: #cca400;
  --secondary-button-color: #fff;
  --secondary-button-hover-color: #fff;
  --secondary-button-bg: #000;
  --secondary-button-hover-bg: #333;
  --button-radius: 8px;
  --links-color: #fc0;
  --button-disable-bg: hsla(0, 0%, 52%, 0.49);
  --button-disable-color: #d5d5d5;
  --theme-color: #fc0;
  --theme-secondary-color: #fad26b;
  --card-bg: #f2f2f2;
  --card-text: #000;
  --card-text-secondary: #666;
  --text-main: #000;
  --text-secondary: #666;
  --line-main: #fc0;
  --line-secondary: #ccc;
  --contrast-color: #000;
  --contrast-bg: #fc0;
  --gradient-color-1: #d73915;
  --gradient-color-2: #e5bd1d;
  --gradient-color-3: #f5e397aa;
  --gradient2-color-1: color-mix(in srgb, var(--gradient-color-1) 40%, #fff);
  --gradient2-color-2: color-mix(in srgb, var(--gradient-color-2) 40%, #fff);
  --gradient2-color-3: color-mix(in srgb, var(--gradient-color-3) 40%, #fff);
  --gradient-hover-color-1: color-mix(in srgb, var(--gradient-color-1) 80%, #fff);
  --gradient-hover-color-2: color-mix(in srgb, var(--gradient-color-2) 80%, #fff);
  --gradient-hover-color-3: color-mix(in srgb, var(--gradient-color-3) 80%, #fff);
  --heroscreen-button-bg: #fc0;
  --heroscreen-button-bg-hover: #cca400;
  --heroscreen-button-color: #000;
  --heroscreen-button-color-hover: #000;
  --heroscreen-button-radius: 8px;
  --heroscreen-block-bg: #f2f2f2;
  --heroscreen-breadcrumbs-color: #666;
  --heroscreen-breadcrumbs-active-color: #000;
  --heroscreen-main-color: #000;
  --heroscreen-secondary-color: #666;
  --heroscreen-links-color: #fff;
  --heroscreen-bonus-color: #000;
  --header-bg: #fff;
  --header-button-bg: #fc0;
  --header-button-bg-hover: #cca400;
  --header-button-color: #000;
  --header-button-color-hover: #fff;
  --header-button-radius: 8px;
  --header-button-secondary-bg: #000;
  --header-button-secondary-bg-hover: #191919;
  --header-button-secondary-color: #fff;
  --header-button-secondary-color-hover: #fff;
  --header-text: #000;
  --header-text-hover: #000;
  --footer-bg: #f2f2f2;
  --footer-text-main: #000;
  --footer-text-secondary: #666;
  --footer-button-main-bg: #fc0;
  --footer-button-main-bg-hover: #cca400;
  --footer-button-main-color: #000;
  --footer-button-main-color-hover: #000;
  --footer-button-radius: 8px;
  --footer-button-secondary-bg: #000;
  --footer-button-secondary-bg-hover: #000;
  --footer-button-secondary-color: #fff;
  --footer-button-secondary-color-hover: red;
  --h-menu-burger: #000;
  --h-menu-burger-hover: #000;
  --h-menu-item-text: #000;
  --h-menu-item-text-hover: #000;
  --h-menu-item-bg: #fff;
  --h-menu-item-bg-hover: #fc0;
  --h-menu-divider: #ccc;
  --h-menu-back-text: #000;
  --h-menu-back-text-hover: #000;
  --h-menu-back-bg: #000;
  --h-menu-back-bg-hover: #000;
  --h-menu-back-border: #000;
  --h-menu-back-border-hover: #000;
  --h-menu-s-item-text: #000;
  --h-menu-s-item-text-hover: #000;
  --h-menu-s-item-bg: #fff;
  --h-menu-s-item-bg-hover: #f2f2f2;
  --thead-bg: #000;
  --thead-text: #fff;
  --thead-border: #fff;
  --trow-bg: #f9f9f9;
  --trow-text: #000;
  --trow-border: #f2f2f2;
  --trow-secondary-bg: #f2f2f2;
  --trow-secondary-text: #000;
  --c-field-bg: #fff;
  --c-field-border: #ccc;
  --c-field-border-focus: #fc0;
  --c-field-text: #000;
  --c-field-placeholder: #ccc;
  --offsets: 64px;
  --gradient-direction: 180deg;
  --header-height: 0px;
  --version-font: "Arial", sans-serif;
  --check-icon: "\e803";
  --cross-icon: "\e804";
}
.text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: var(--text-secondary);
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
}
.text-block_center {
  text-align: center;
}
.text-block p {
  width: 100%;
}
.latter-page-update,
.text-block p {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.latter-page-update {
  color: var(--text-secondary);
  padding: 16px 0;
}
button[class="site-button "] {
  background: none;
  border: none;
  color: var(--links-color);
  font-size: 16px;
  outline: none;
  text-decoration: underline;
}
.site-button {
  font-size: 16px;
}
button {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  outline: none;
  text-align: inherit;
}
.video-block {
  height: auto;
  width: 100%;
}
.vAll-meta-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--button-bg);
  border-radius: var(--button-radius);
  color: var(--button-color);
  gap: 12px;
  padding: 8px 24px;
  text-align: center;
  text-decoration: none;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
}
.vAll-meta-button:disabled {
  background: var(--button-disable-bg);
  color: var(--button-disable-color);
  pointer-events: none;
}
.vAll-meta-button[type="submit"]:not(:disabled) {
  color: var(--button-color) !important;
}
.vAll-meta-button__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  white-space: nowrap;
}
.vAll-meta-button__text-main {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}
.vAll-meta-button__text-secondary {
  font-size: 10px;
  line-height: 100%;
}
.vAll-meta-button svg {
  height: 20px;
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.vAll-meta-button:not(:has(svg)) {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.vAll-meta-button:not(:has(svg)) .vAll-meta-button__text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.vAll-meta-button_header {
  --button-color: var(--header-button-color);
  --button-hover-color: var(--header-button-color-hover);
  --button-bg: var(--header-button-bg);
  --button-hover-bg: var(--header-button-bg-hover);
  --button-radius: var(--header-button-radius);
  padding: 8px 12px;
}
.vAll-meta-button_header-secondary {
  --button-color: var(--header-button-secondary-color);
  --button-hover-color: var(--header-button-secondary-color-hover);
  --button-bg: var(--header-button-secondary-bg);
  --button-hover-bg: var(--header-button-secondary-bg-hover);
  --button-radius: var(--header-button-radius);
  padding: 8px 12px;
}
.vAll-meta-button_hero {
  --button-color: var(--heroscreen-button-color);
  --button-hover-color: var(--heroscreen-button-color-hover);
  --button-bg: var(--heroscreen-button-bg);
  --button-hover-bg: var(--heroscreen-button-bg-hover);
  --button-radius: var(--heroscreen-button-radius);
}
.vAll-meta-button_footer {
  --button-color: var(--footer-button-main-color);
  --button-hover-color: var(--footer-button-main-color-hover);
  --button-bg: var(--footer-button-main-bg);
  --button-hover-bg: var(--footer-button-main-bg-hover);
  --button-radius: var(--footer-button-radius);
}
.v-form__error-message {
  display: none;
}
.v-form__error-message_active {
  display: block;
}
.v-form__success-block {
  display: none;
}
.v-form__success-block_active {
  display: block;
}
.vAll-button,
.vAll-button_footer,
.vAll-button_footer-secondary,
.vAll-button_header,
.vAll-button_header-secondary,
.vAll-button_hero,
.vAll-button_secondary {
  --gradient2-color-1: color-mix(in srgb, var(--gradient-color-1) 40%, #fff);
  --gradient2-color-2: color-mix(in srgb, var(--gradient-color-2) 40%, #fff);
  --gradient2-color-3: color-mix(in srgb, var(--gradient-color-3) 40%, #fff);
  --gradient-hover-color-1: color-mix(in srgb, var(--gradient-color-1) 80%, #fff);
  --gradient-hover-color-2: color-mix(in srgb, var(--gradient-color-2) 80%, #fff);
  --gradient-hover-color-3: color-mix(in srgb, var(--gradient-color-3) 80%, #fff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  text-decoration: none;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--button-radius);
  gap: 8px;
  overflow: hidden;
  padding: 12px 48px;
  position: relative;
  width: 100%;
}
.vAll-button:disabled,
.vAll-button_footer-secondary:disabled,
.vAll-button_footer:disabled,
.vAll-button_header-secondary:disabled,
.vAll-button_header:disabled,
.vAll-button_hero:disabled,
.vAll-button_secondary:disabled {
  background: var(--button-disable-bg);
  color: var(--button-disable-color);
  pointer-events: none;
}
.vAll-button:has(svg) svg,
.vAll-button_footer-secondary:has(svg) svg,
.vAll-button_footer:has(svg) svg,
.vAll-button_header-secondary:has(svg) svg,
.vAll-button_header:has(svg) svg,
.vAll-button_hero:has(svg) svg,
.vAll-button_secondary:has(svg) svg {
  color: inherit;
  height: 20px;
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.vAll-button_hero {
  --button-color: var(--heroscreen-button-color);
  --button-hover-color: var(--heroscreen-button-color-hover);
  --button-bg: var(--heroscreen-button-bg);
  --button-hover-bg: var(--heroscreen-button-bg-hover);
  --button-radius: var(--heroscreen-button-radius);
}
.vAll-button_header {
  --button-color: var(--header-button-color);
  --button-hover-color: var(--header-button-color-hover);
  --button-bg: var(--header-button-bg);
  --button-hover-bg: var(--header-button-bg-hover);
  --button-radius: var(--header-button-radius);
  padding: 12px 24px;
}
.vAll-button_header-secondary {
  --button-color: var(--header-button-secondary-color);
  --button-hover-color: var(--header-button-secondary-color-hover);
  --button-bg: var(--header-button-secondary-bg);
  --button-hover-bg: var(--header-button-secondary-bg-hover);
  --button-radius: var(--header-button-radius);
  padding: 12px 24px;
}
.vAll-button_footer {
  --button-color: var(--footer-button-main-color);
  --button-hover-color: var(--footer-button-main-color-hover);
  --button-bg: var(--footer-button-main-bg);
  --button-hover-bg: var(--footer-button-main-bg-hover);
  --button-radius: var(--footer-button-radius);
}
.vAll-button_footer-secondary {
  --button-color: var(--footer-button-secondary-color);
  --button-hover-color: var(--footer-button-secondary-color-hover);
  --button-bg: var(--footer-button-secondary-bg);
  --button-hover-bg: var(--footer-button-secondary-bg-hover);
  --button-radius: var(--footer-button-radius);
}
.author-container > :not(:first-child) {
  margin: 48px 0;
}
.countdown-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: var(--site-bg);
  border-radius: 8px;
  color: var(--text-main);
  container-type: inline-size;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  line-height: 150%;
  padding: 6px;
  width: 100%;
}
.countdown-timer__icon {
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  padding: 3px;
  width: 20px;
  -ms-flex-negative: 0;
  background: var(--contrast-bg);
  color: var(--contrast-color);
  flex-shrink: 0;
}
@container (max-width: 242px) {
  .countdown-timer__icon {
    height: 18px;
    padding: 2px;
    width: 18px;
  }
}
.countdown-timer__icon svg {
  color: inherit;
  height: 100%;
  width: 100%;
}
@container (max-width: 242px) {
  .countdown-timer__text {
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
  }
}
.countdown-timer__minutes {
  display: inline-block;
  width: 62px;
}
@container (max-width: 242px) {
  .countdown-timer__minutes {
    width: 53px;
  }
}
.standalone-breadcrumbs {
  padding: 24px 0;
}
.standalone-breadcrumbs [class$="-breadcrumbs"] {
  padding: 0;
}
.latter-page-meta {
  color: var(--text-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 400;
  gap: 8px 16px;
  line-height: 150%;
  padding: 16px 0;
}
.latter-page-meta,
.latter-page-meta__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.latter-page-meta__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
}
.latter-page-meta__avatar {
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.latter-page-meta__author-link,
.latter-page-meta__extra-link {
  color: var(--links-color);
  text-decoration: underline;
}
@font-face {
  font-display: swap;
  font-family: latter-icons;
  font-style: normal;
  font-weight: 400;
  src:
    url(../fonts/latter-icons.woff2) format("woff2"),
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmb250IGlkPSJmb250ZWxsbyIgaG9yaXotYWR2LXg9IjEwMDAiPjxmb250LWZhY2UgYXNjZW50PSI4NTAiIGRlc2NlbnQ9Ii0xNTAiIGZvbnQtZmFtaWx5PSJmb250ZWxsbyIgZm9udC13ZWlnaHQ9IjQwMCIvPjxnbHlwaCBkPSJNNzI5IDQ1NHE0NCAwIDc0LTMxdDMxLTczLTMxLTczLTc0LTMwbC0yMDggM1YzOHEwLTQzLTMwLTczdC03NS0zMS03MyAzMS0zMCA3M2wzIDIxMi0yMTItM3EtNDQgMC03NCAzMFQwIDM1MHQzMCA3MyA3NCAzMWgyMTJsLTMgMjA5cTAgNDIgMzAgNzN0NzMgMzEgNzUtMzEgMzAtNzNWNDU0eiIgZ2x5cGgtbmFtZT0icGx1cyIgaG9yaXotYWR2LXg9IjgzNCIgdW5pY29kZT0i7qCAIi8+PGdseXBoIGQ9Ik03MjkgNDU1cTQ0IDAgNzQtMzJ0MzEtNzMtMzEtNzQtNzQtMzBIMTA0cS00NCAwLTc0IDMwVDAgMzUwcTAgNDMgMzEgNzR0NzMgMzF6IiBnbHlwaC1uYW1lPSJtaW51cyIgaG9yaXotYWR2LXg9IjgzNCIgdW5pY29kZT0i7qCBIi8+PGdseXBoIGQ9Ik0yNDkgMHEtMzQgMC01NiAyOEwxMyAyNjRxLTE2IDI0LTEyIDUydDI2IDQ2IDUxIDE0IDQ3LTI4bDExOC0xNTQgMjk2IDQ3NHExNiAyNCA0MyAzMHQ1My04cTI0LTE2IDMwLTQzdC04LTUzTDMwNyAzNFEyODcgMiAyNTEgMnoiIGdseXBoLW5hbWU9ImNoZWNrIiBob3Jpei1hZHYteD0iNjY3IiB1bmljb2RlPSLuoIIiLz48Z2x5cGggZD0iTTAgMzM5cTAtMzUgMjQtNjBMMjcwIDQwcTI0LTI1IDYwLTI1dDYwIDI1bDUwNSA0OTVxMjUgMjQgMjUgNTl0LTI1IDU4cS0yNSAyNS02MCAyNXQtNjAtMjVMMzMwIDIxNyAxNDUgMzk4cS0yNSAyNC02MCAyNHQtNjEtMjRRMCAzNzQgMCAzMzkiIGdseXBoLW5hbWU9Im9rIiBob3Jpei1hZHYteD0iOTIwLjQiIHVuaWNvZGU9Iu6ggyIvPjxnbHlwaCBkPSJNNDUyIDE5NHExOC0xOCAxOC00M3QtMTgtNDNxLTE4LTE2LTQzLTE2dC00MyAxNkwyMzQgMjYwIDEwMiAxMDhRODQgOTIgNTkgOTJ0LTQzIDE2UTAgMTI2IDAgMTUxdDE2IDQzbDEzOCAxNTZMMTYgNTA4UTAgNTI2IDAgNTUxdDE2IDQzcTE4IDE2IDQzIDE2dDQzLTE2bDEzMi0xNTIgMTMyIDE1MnExOCAxNiA0MyAxNnQ0My0xNnExOC0xOCAxOC00M3QtMTgtNDNMMzE0IDM1MHoiIGdseXBoLW5hbWU9ImNhbmNlbCIgaG9yaXotYWR2LXg9IjQ3MCIgdW5pY29kZT0i7qCEIi8+PGdseXBoIGQ9Ik0yOTcgNDk4cTY5IDE1MiAxMTQgMjUyIDYgMTUgMjQgMTV0MjMtMTVsMTE0LTI1MnExNjQtMTggMjc0LTMwIDE1LTMgMjEtMTh0LTYtMjdMNjU3IDIzNnEzMy0xNjEgNTUtMjcwIDMtMTUtMTAtMjV0LTI3LTJMNDM1IDc1UTI5MS02IDE5NS02MXEtMTUtOS0yOCAydC0xMSAyNWw1NiAyNzBROTAgMzQ4IDggNDIzcS0xMiAxMS02IDI2dDIxIDE5eiIgZ2x5cGgtbmFtZT0ic3RhciIgaG9yaXotYWR2LXg9Ijg2OSIgdW5pY29kZT0i7qCFIi8+PGdseXBoIGQ9Ik02MzYgMjUwIDc0NC05NyA0NjQgMTE5IDE4Ni05N2wxMDggMzQ4TDE4IDQ2MmgzMzVsMTExIDMzNSAxMTItMzM1aDMzNXoiIGdseXBoLW5hbWU9InN0YXItMiIgaG9yaXotYWR2LXg9IjkyOCIgdW5pY29kZT0i7qCGIi8+PGdseXBoIGQ9Ik0wIDM1MHEwIDIwNyAxNDcgMzU0dDM1MyAxNDYgMzU0LTE0NiAxNDYtMzU0VDg1NC00IDUwMC0xNTAgMTQ3LTQgMCAzNTBtMTYwIDgyIDIwNS0xNTYtODAtMjQ2IDIxMSAxNDhMNzA1IDI2bC03NCAyNDYgMjA5IDE1Mi0yNTggNC03OCAyNDYtODYtMjQyeiIgZ2x5cGgtbmFtZT0ic3Rhci1jaXJjbGVkIiBob3Jpei1hZHYteD0iMTAwMCIgdW5pY29kZT0i7qCHIi8+PGdseXBoIGQ9Ik0wIDUzM3EwIDI1IDE4IDQzdDQ0IDE4IDQyLTE4bDMwNS0zMDMgMzA0IDMwM3ExOCAxOCA0MyAxOHQ0My0xOCAxOC00My0xOC00M0w0MDkgOTkgMTggNDkwUTAgNTA5IDAgNTMzIiBnbHlwaC1uYW1lPSJkb3duLW9wZW4iIGhvcml6LWFkdi14PSI4MTcuNCIgdW5pY29kZT0i74CEIi8+PC9mb250PjwvZGVmcz48L3N2Zz4=#fontello)
      format("svg");
}
[class*=" icon-"]:before,
[class^="icon-"]:before {
  font-family: latter-icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: inline-block;
  font-variant: normal;
  line-height: 1em;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  width: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-plus:before {
  content: "";
}
.icon-minus:before {
  content: "";
}
.icon-check:before {
  content: "";
}
.icon-ok:before {
  content: "";
}
.icon-cancel:before {
  content: "";
}
.icon-down-open:before {
  content: "";
}
.icon-star:before {
  content: "";
}
.icon-star-2:before {
  content: "";
}
.icon-star-circled:before {
  content: "";
}
.section__title {
  color: var(--text-main);
  font-size: 30px;
  font-weight: 700;
  line-height: 130%;
  width: 100%;
}
h1.section__title {
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}
h2.section__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 130%;
}
h3.section__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}
h4.section__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}
h5.section__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}
h6.section__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}
.horizontal-wrapper {
  overflow: auto;
  width: 100%;
}
.horizontal-wrapper::-webkit-scrollbar {
  background-color: var(--line-secondary);
  border-radius: 0;
  height: 4px;
  width: 4px;
}
.horizontal-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--line-main);
  border-radius: 0;
  cursor: pointer;
}
nav.langs-subdir-nav > ul {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 12px;
  list-style: none;
}
nav.langs-subdir-nav > ul,
nav.langs-subdir-nav > ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
nav.langs-subdir-nav > ul li {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
nav.langs-subdir-nav > ul li:before {
  content: none !important;
}
nav.langs-subdir-nav > ul li a {
  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;
}
nav.langs-subdir-nav > ul li a img {
  height: auto;
  width: 32px;
}
.vAll-app-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--text-main);
  gap: 8px;
}
.vAll-app-links__title {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.vAll-app-links__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.vAll-app-links__item {
  color: var(--text-main);
  display: block;
  height: 20px;
  width: 20px;
}
.vAll-app-links__item svg {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.v5-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--text-main);
  gap: 8px;
}
.v5-rating__title {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.v5-rating__value {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}
.v5-rating__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  --percent: calc(20% * var(--rating, 5));
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(var(--accent-lighten-1)),
    to(var(--grey-lighten-3))
  );
  background: linear-gradient(
    90deg,
    var(--accent-lighten-1) var(--percent),
    var(--grey-lighten-3) var(--percent)
  );
  -webkit-background-clip: text;
  background-clip: text;
}
.v5-rating__stars i {
  -webkit-text-fill-color: transparent;
  height: auto;
  width: 20px;
}
.v5-rating__stars i:before {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes shake-stronger {
  0% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  to {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
}
@keyframes shake-stronger {
  0% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  to {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
}
@-webkit-keyframes shake-with-pause {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  16.66% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  33.33% {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
  50% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  66.66% {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
  83.33% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes shake-with-pause {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  16.66% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  33.33% {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
  50% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  66.66% {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
  83.33% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes shake-with-pause-stronger {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  40% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes shake-with-pause-stronger {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  40% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes pulse-stronger {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse-stronger {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes flip-x {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  40% {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  60% {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes flip-x {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  40% {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  60% {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-webkit-keyframes shine {
  0% {
    -webkit-transform: skewX(-25deg) translateX(0);
    transform: skewX(-25deg) translateX(0);
  }
  to {
    -webkit-transform: skewX(-25deg) translateX(400%);
    transform: skewX(-25deg) translateX(400%);
  }
}
@keyframes shine {
  0% {
    -webkit-transform: skewX(-25deg) translateX(0);
    transform: skewX(-25deg) translateX(0);
  }
  to {
    -webkit-transform: skewX(-25deg) translateX(400%);
    transform: skewX(-25deg) translateX(400%);
  }
}
@-webkit-keyframes shake-up-down {
  0%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
@keyframes shake-up-down {
  0%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
@-webkit-keyframes pulse-bonus {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse-bonus {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes float-button {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  90% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes float-button {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  90% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slow-bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slow-bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounce {
  0%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  6% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  12% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  18% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  24% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes bounce {
  0%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  6% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  12% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  18% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  24% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes jittery {
  5%,
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
  15% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  20% {
    -webkit-transform: scale(1.03) rotate(-3deg);
    transform: scale(1.03) rotate(-3deg);
  }
  25% {
    -webkit-transform: scale(1.03) rotate(3deg);
    transform: scale(1.03) rotate(3deg);
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg);
    transform: scale(1.03) rotate(-2deg);
  }
  35% {
    -webkit-transform: scale(1.03) rotate(1deg);
    transform: scale(1.03) rotate(1deg);
  }
  40% {
    -webkit-transform: scale(1.03) rotate(0);
    transform: scale(1.03) rotate(0);
  }
}
@keyframes jittery {
  5%,
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
  15% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  20% {
    -webkit-transform: scale(1.03) rotate(-3deg);
    transform: scale(1.03) rotate(-3deg);
  }
  25% {
    -webkit-transform: scale(1.03) rotate(3deg);
    transform: scale(1.03) rotate(3deg);
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg);
    transform: scale(1.03) rotate(-2deg);
  }
  35% {
    -webkit-transform: scale(1.03) rotate(1deg);
    transform: scale(1.03) rotate(1deg);
  }
  40% {
    -webkit-transform: scale(1.03) rotate(0);
    transform: scale(1.03) rotate(0);
  }
}
.v5-bonus {
  background: var(--site-bg);
  border-radius: 8px;
  color: var(--text-main);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}
.v5-bonus__ico {
  -ms-flex-negative: 0;
  background: var(--contrast-bg);
  border-radius: 8px;
  color: var(--contrast-color);
  flex-shrink: 0;
  height: 60px;
  padding: 10px;
  width: 60px;
}
.v5-bonus__ico svg {
  -webkit-animation: flip-x 1.5s ease-in-out infinite;
  animation: flip-x 1.5s ease-in-out infinite;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-bonus__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 8px;
}
.v5-bonus__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}
.v5-bonus__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.v5-bonus_brand .v5-bonus__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}
.v5-bonus__timer {
  font-size: 14px;
  font-weight: 700;
  grid-column: 1/-1;
  line-height: 150%;
}
.v5-promocode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  width: 100%;
  -ms-flex-item-align: center;
  align-self: center;
}
.v5-promocode__value {
  border: 2px dashed var(--line-secondary);
  border-radius: 8px;
  color: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  padding: 12px 16px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0;
}
.v5-promocode__btn {
  background-color: var(--button-bg);
  border-radius: var(--button-radius);
  color: var(--button-color);
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.v5-promocode__btn:disabled {
  background: var(--button-disable-bg);
  color: var(--button-disable-color);
  pointer-events: none;
}
.v5-promocode__btn[type="submit"]:not(:disabled) {
  color: var(--button-color) !important;
}
.v5-promocode__btn svg {
  height: 24px;
  width: 24px;
}
.v5-promocode__btn svg:last-child,
.v5-promocode__btn.vAll-promocode__btn_copied svg:first-child {
  display: none;
}
.v5-promocode__btn.vAll-promocode__btn_copied svg:last-child {
  display: block;
}
.v5-calculator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: var(--card-bg);
  border-radius: 8px;
  color: var(--card-text);
  container-type: inline-size;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 12px;
  padding: 12px;
  width: 100%;
}
.v5-calculator__icon {
  background: var(--contrast-bg);
  border-radius: 5px;
  color: var(--contrast-color);
  height: 60px;
  padding: 10px;
  width: 60px;
}
.v5-calculator__icon svg {
  height: 100%;
  width: 100%;
}
.v5-calculator__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
}
.v5-calculator__values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.v5-calculator__values svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20px;
  width: 20px;
}
@container (max-width: 630px) {
  .v5-calculator__values {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.v5-calculator__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: 1px solid var(--line-secondary);
  border-radius: 5px;
  color: var(--card-text);
  cursor: pointer;
  gap: 10px;
  padding: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@container (max-width: 630px) {
  .v5-calculator__field {
    width: 100%;
  }
}
.v5-calculator__field:has(input:focus) {
  border-color: var(--line-main);
}
.v5-calculator__field:has(input:not(:-moz-placeholder, :focus)) {
  border-color: var(--card-text);
}
.v5-calculator__field:has(input:not(:-ms-input-placeholder, :focus)) {
  border-color: var(--card-text);
}
.v5-calculator__field:has(input:not(:placeholder-shown, :focus)) {
  border-color: var(--card-text);
}
.v5-calculator__field-input {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  -webkit-box-flex: 1;
  background: transparent;
  border: none;
  color: var(--card-text);
  -ms-flex: 1;
  flex: 1;
  outline: none;
}
.v5-calculator__field-input::-webkit-input-placeholder {
  color: var(--card-text-secondary);
}
.v5-calculator__field-input::-moz-placeholder {
  color: var(--card-text-secondary);
}
.v5-calculator__field-input:-ms-input-placeholder {
  color: var(--card-text-secondary);
}
.v5-calculator__field-input::-ms-input-placeholder {
  color: var(--card-text-secondary);
}
.v5-calculator__field-input::placeholder {
  color: var(--card-text-secondary);
}
.v5-calculator__field-input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.v5-calculator__field-input:focus::-moz-placeholder {
  opacity: 0;
}
.v5-calculator__field-input:focus:-ms-input-placeholder {
  opacity: 0;
}
.v5-calculator__field-input:focus::-ms-input-placeholder {
  opacity: 0;
}
.v5-calculator__field-input:focus::placeholder {
  opacity: 0;
}
.v5-calculator__field-currency {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.v5-calculator__coef {
  font-size: 18px;
  line-height: 150%;
}
.v5-calculator__result {
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
}
.v5-calculator__link {
  width: 100% !important;
}
.v5-screenshots-list {
  background: var(--card-bg);
  border-radius: 8px;
  padding: 16px;
}
.v5-screenshots-list__block {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(var(--count, 5), 1fr);
  grid-template-rows: repeat(1, 1fr);
  margin-bottom: 12px;
  width: 100%;
}
.v5-screenshots-list__block a {
  display: contents;
}
.v5-screenshots-list__block img {
  display: block;
  width: 100%;
  -ms-flex-negative: 0;
  border-radius: 5px;
  flex-shrink: 0;
  height: auto;
}
.v5-screenshots-list__block:has(a:nth-child(n + 6)),
.v5-screenshots-list__block:has(img:nth-child(n + 6)) {
  cursor: -webkit-grab;
  cursor: grab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.v5-screenshots-list__block:has(a:nth-child(n + 6)) img,
.v5-screenshots-list__block:has(img:nth-child(n + 6)) img {
  width: calc(20% - 12.8px);
}
.v5-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  width: 100%;
}
.v5-features__cons,
.v5-features__pros {
  background-color: var(--card-bg);
  border-radius: 8px;
  color: var(--card-text);
  max-width: 400px;
  padding: 16px;
  width: 100%;
}
.v5-features__cons-header,
.v5-features__pros-header {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 16px;
}
.v5-features__cons-list,
.v5-features__pros-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
}
.v5-features__cons-list__item,
.v5-features__pros-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 4px;
  line-height: 150%;
}
.v5-features__cons-list__item:before,
.v5-features__pros-list__item:before {
  border-radius: 50%;
  font-family: latter-icons;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  position: relative;
  text-align: center;
  top: 2px;
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.v5-features__pros-list__item:before {
  color: var(--success-darken-2);
  content: var(--check-icon);
}
.v5-features__cons-list__item:before {
  color: var(--error-darken-1);
  content: var(--cross-icon);
  font-size: 18px;
}
.v5-breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  list-style: none;
}
.v5-breadcrumbs__item {
  color: var(--heroscreen-breadcrumbs-color);
}
.v5-breadcrumbs__item:not(:last-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.v5-breadcrumbs__item:not(:last-child):after {
  background-color: var(--heroscreen-breadcrumbs-color);
  content: "";
  height: 10px;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjExIiBmaWxsPSJub25lIj48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibS4zNTQuMzU0IDUgNS01IDUiLz48L3N2Zz4=);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjExIiBmaWxsPSJub25lIj48cGF0aCBzdHJva2U9ImN1cnJlbnRDb2xvciIgZD0ibS4zNTQuMzU0IDUgNS01IDUiLz48L3N2Zz4=);
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 10px;
}
.v5-breadcrumbs__item:last-child .v5-breadcrumbs__item-link {
  color: var(--heroscreen-breadcrumbs-active-color, var(--heroscreen-breadcrumbs-color));
}
.v5-breadcrumbs__item-link {
  color: var(--heroscreen-breadcrumbs-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}
.v5-breadcrumbs__item-link__ico {
  bottom: -2px;
  height: 16px;
  position: relative;
  width: 16px;
}
.v5-post-card {
  background-color: var(--card-bg);
  border-radius: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: var(--card-text);
  -ms-flex-direction: column;
  flex-direction: column;
}
.v5-post-card__img {
  height: 204px;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.v5-post-card__img-content {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-post-card__info {
  padding: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 16px;
  height: 100%;
  justify-content: space-between;
}
.v5-post-card__info,
.v5-post-card__info-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.v5-post-card__info-data {
  gap: 8px;
}
.v5-post-card__info-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}
.v5-post-card__info-description {
  color: var(--card-text-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.v5-post-card__link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.v5-quick-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
}
.v5-quick-links__text {
  color: var(--text-main);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.v5-quick-links__list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.v5-quick-link,
.v5-quick-links__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.v5-quick-link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border-bottom: 2px solid var(--contrast-bg);
  color: var(--text-main);
  font-size: 14px;
  font-weight: 700;
  gap: flex-start;
  justify-content: center;
  line-height: 150%;
  padding: 8px;
  position: relative;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-quick-link:before {
  background: var(--contrast-bg);
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  width: 100%;
  z-index: -1;
}
.v5-quick-link__img {
  background: var(--white);
  height: 20px;
  margin-right: 4px;
  overflow: hidden;
  width: 20px;
}
.v5-quick-link__img img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.v5-quick-link svg {
  height: 20px;
  margin-left: auto;
  width: 20px;
}
.v5-quick-link__link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.v5-quick-link__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin-right: 12px;
}
.v5-brand-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.v5-brand-feature__img {
  background: var(--white);
  border-radius: 5px;
  height: 32px;
  padding: 6px;
  width: 32px;
}
.v5-brand-feature__img img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.v5-brand-feature__title {
  color: var(--heroscreen-main-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.v5-hero-links {
  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;
  gap: 24px;
  padding-bottom: 16px;
}
.v5-hero-links__item {
  color: var(--heroscreen-breadcrumbs-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  text-transform: uppercase;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.v5-author-about {
  background-color: var(--heroscreen-block-bg);
  color: var(--heroscreen-main-color);
  padding: 30px 0;
}
.v5-author-about .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 54px;
}
.v5-author-about__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 100px;
}
.v5-author-about__img {
  -ms-flex-negative: 0;
  border-radius: 50%;
  flex-shrink: 0;
  height: 300px;
  overflow: hidden;
  width: 300px;
}
.v5-author-about__img-content {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-author-about__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  gap: 16px;
  justify-content: center;
}
.v5-author-about__info-name {
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}
.v5-author-about__info .text-block {
  color: var(--heroscreen-secondary-color);
}
.v5-author-about__info .text-block a {
  color: var(--heroscreen-links-color);
}
.v5-author-about__info-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.v5-author-about__info-sm__link {
  background-color: var(--heroscreen-button-bg);
  border-radius: 8px;
  color: var(--heroscreen-button-color);
  height: 40px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  width: 40px;
}
.v5-author-about__info-sm__link:disabled {
  background: var(--button-disable-bg);
  color: var(--button-disable-color);
  pointer-events: none;
}
.v5-author-about__info-sm__link svg {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-posts {
  color: var(--text-main);
}
.v5-posts .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 20px;
}
.v5-posts__list {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
}
.v5-posts__more-btn {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-download {
  background-color: var(--site-bg);
  bottom: 0;
  display: none;
  left: 0;
  padding: 4px;
  position: fixed;
  width: calc(var(--vw, 1vw) * 100);
  z-index: 100;
}
.v5-download__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--contrast-bg);
  border-radius: 5px;
  color: var(--contrast-color);
  gap: 8px;
  padding: 8px;
}
.v5-download__card:before {
  -webkit-animation: shine 2s infinite;
  animation: shine 2s infinite;
  background: linear-gradient(
    120deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.4) 50%,
    hsla(0, 0%, 100%, 0)
  );
  content: "";
  height: 100%;
  left: -75%;
  position: absolute;
  top: 0;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  width: 50%;
}
.v5-download__card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.v5-download__card-logo {
  -ms-flex-negative: 0;
  border-radius: 8px;
  flex-shrink: 0;
  height: 32px;
  overflow: hidden;
  padding: 4px;
  width: 32px;
}
.v5-download__card-logo__img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.v5-download__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 4px;
}
.v5-download__card-info__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}
.v5-download__card-info__app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.v5-download__card-info__app-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.v5-download__card-info__app-rating__value {
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
}
.v5-download__card-info__app-rating i {
  height: auto;
  width: 12px;
  -webkit-text-fill-color: unset;
  color: inherit;
}
.v5-download__card-info__app-rating i:before {
  font-size: 12px;
  height: 12px;
  width: 12px;
}
.v5-download__card-btn,
.v5-download__card-info__app-downloads {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.v5-download__card-btn {
  background: var(--secondary-button-color);
  border-radius: var(--button-radius);
  color: var(--secondary-button-bg);
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
}
.v5-download__card-btn:disabled {
  background: var(--button-disable-bg);
  color: var(--button-disable-color);
  pointer-events: none;
}
.v5-download__link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.v5-download__link span {
  display: none;
}
ol:not([class]),
ul:not([class]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 8px;
  list-style: none;
}
ol:not([class]) li,
ul:not([class]) li {
  color: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  overflow-wrap: break-word;
}
ol:not([class]) li a,
ul:not([class]) li a {
  word-break: break-all;
}
ol:not([class]) ol,
ol:not([class]) ul,
ul:not([class]) ol,
ul:not([class]) ul {
  margin-top: 10px;
  padding-left: 16px;
}
ul:not([class]) li:before {
  background: var(--text-secondary);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 6px;
  margin-right: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6px;
}
ol:not([class]) {
  counter-reset: li;
}
ol:not([class]) li:before {
  content: counter(li) ".";
  counter-increment: li;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-right: 8px;
}
ol ol:not([class]),
ol ul:not([class]) {
  list-style-position: inside;
  list-style-type: lower-alpha;
  padding-left: 16px;
}
ol ol:not([class]) li:before,
ol ul:not([class]) li:before {
  display: none;
}
.v5-top {
  color: var(--text-main);
}
.v5-top .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 20px;
}
.v5-top-table {
  border-collapse: collapse;
  margin-bottom: 8px;
  width: 100%;
}
.v5-top-table thead tr {
  background: var(--thead-bg, var(--secondary-button-bg));
  color: var(--thead-text, var(--secondary-button-color));
}
.v5-top-table thead tr th {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding: 10px 12px;
  text-align: center;
}
.v5-top-table tbody tr {
  background-color: var(--trow-bg, var(--white));
  color: var(--trow-text, var(--text-main));
}
.v5-top-table tbody tr:nth-child(odd) {
  background-color: var(--trow-secondary-bg, var(--card-bg));
  color: var(--trow-secondary-text, var(--card-text));
}
.v5-top-table tbody tr td {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  padding: 10px 12px;
  text-align: center;
}
.v5-to-top {
  background-color: var(--secondary-button-bg);
  border: none;
  border-radius: 3px;
  bottom: 40px;
  color: var(--secondary-button-color);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  opacity: 0;
  outline: none;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  visibility: hidden;
  width: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 100;
}
.v5-to-top:disabled {
  background: var(--button-disable-bg);
  color: var(--button-disable-color);
  pointer-events: none;
}
.v5-to-top svg {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-author {
  color: var(--text-main);
}
.v5-author .container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 20px;
}
.v5-author .container,
.v5-author__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.v5-author__card {
  background: var(--card-bg);
  border-left: 3px solid var(--line-main);
  border-radius: 5px;
  color: var(--card-text);
  gap: 16px;
  max-width: 455px;
  padding: 16px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.v5-author__card-img {
  -ms-flex-negative: 0;
  border-radius: 5px;
  flex-shrink: 0;
  height: 120px;
  overflow: hidden;
  width: 120px;
}
.v5-author__card-img__content {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-author__card-info__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 10px;
}
.v5-author__card-info__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.v5-author__card-link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.v5-comments {
  color: var(--text-main);
}
.v5-comments .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 20px;
}
.v5-comments__success {
  width: 100%;
}
.v5-comments__success-message {
  color: var(--success-darken-2);
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 16px;
  text-align: center;
}
.v5-comments__form {
  gap: 16px;
  max-width: 642px;
}
.v5-comments__form,
.v5-comments__form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.v5-comments__form-item {
  gap: 4px;
}
.v5-comments__form-item.vAll-comments__form-item_invalid .v5-comments__form-input,
.v5-comments__form-item.vAll-comments__form-item_invalid .v5-comments__form-textarea {
  border-color: var(--error-base) !important;
  color: var(--error-base) !important;
}
.v5-comments__form-item.vAll-comments__form-item_invalid .v5-comments__form-error {
  display: block;
}
.v5-comments__form-error {
  color: var(--error-base);
  display: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.v5-comments__form-error-message {
  color: var(--error-base);
  font-size: 16px;
  line-height: 150%;
  text-align: center;
}
.v5-comments__form-input,
.v5-comments__form-textarea {
  background-color: var(--c-field-bg);
  border: 1px solid var(--c-field-border);
  border-radius: 5px;
  color: var(--c-field-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  outline: none;
  padding: 12px;
  width: 100%;
}
.v5-comments__form-input::-webkit-input-placeholder,
.v5-comments__form-textarea::-webkit-input-placeholder {
  color: var(--c-field-placeholder);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.v5-comments__form-input::-moz-placeholder,
.v5-comments__form-textarea::-moz-placeholder {
  color: var(--c-field-placeholder);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.v5-comments__form-input:-ms-input-placeholder,
.v5-comments__form-textarea:-ms-input-placeholder {
  color: var(--c-field-placeholder);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.v5-comments__form-input::-ms-input-placeholder,
.v5-comments__form-textarea::-ms-input-placeholder {
  color: var(--c-field-placeholder);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.v5-comments__form-input::placeholder,
.v5-comments__form-textarea::placeholder {
  color: var(--c-field-placeholder);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.v5-comments__form-input:active,
.v5-comments__form-input:focus,
.v5-comments__form-textarea:active,
.v5-comments__form-textarea:focus {
  border-color: var(--c-field-border-focus);
}
.v5-comments__form-input:active::-webkit-input-placeholder,
.v5-comments__form-input:focus::-webkit-input-placeholder,
.v5-comments__form-textarea:active::-webkit-input-placeholder,
.v5-comments__form-textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.v5-comments__form-input:active::-moz-placeholder,
.v5-comments__form-input:focus::-moz-placeholder,
.v5-comments__form-textarea:active::-moz-placeholder,
.v5-comments__form-textarea:focus::-moz-placeholder {
  color: transparent;
}
.v5-comments__form-input:active:-ms-input-placeholder,
.v5-comments__form-input:focus:-ms-input-placeholder,
.v5-comments__form-textarea:active:-ms-input-placeholder,
.v5-comments__form-textarea:focus:-ms-input-placeholder {
  color: transparent;
}
.v5-comments__form-input:active::-ms-input-placeholder,
.v5-comments__form-input:focus::-ms-input-placeholder,
.v5-comments__form-textarea:active::-ms-input-placeholder,
.v5-comments__form-textarea:focus::-ms-input-placeholder {
  color: transparent;
}
.v5-comments__form-input:active::placeholder,
.v5-comments__form-input:focus::placeholder,
.v5-comments__form-textarea:active::placeholder,
.v5-comments__form-textarea:focus::placeholder {
  color: transparent;
}
.v5-comments__form-input:not(:-moz-placeholder, :focus),
.v5-comments__form-textarea:not(:-moz-placeholder, :focus) {
  border-color: var(--c-field-text);
}
.v5-comments__form-input:not(:-ms-input-placeholder, :focus),
.v5-comments__form-textarea:not(:-ms-input-placeholder, :focus) {
  border-color: var(--c-field-text);
}
.v5-comments__form-input:not(:placeholder-shown, :focus),
.v5-comments__form-textarea:not(:placeholder-shown, :focus) {
  border-color: var(--c-field-text);
}
.v5-comments__form-textarea {
  font-family: Arial, sans-serif;
  resize: none;
}
.v5-comments__form-button {
  margin-top: 8px;
}
.v5-comments__form .vAll-button {
  background-color: var(--button-bg);
  border-radius: var(--button-radius);
  color: var(--button-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
}
.v5-comments__form .vAll-button:disabled {
  background: var(--button-disable-bg);
  color: var(--button-disable-color);
  pointer-events: none;
}
.v5-comments__form .vAll-button[type="submit"]:not(:disabled) {
  color: var(--button-color) !important;
}
.v5-comments__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 20px;
}
.v5-comments__list_answers {
  margin-top: 0;
  padding-left: 32px;
}
.v5-comment {
  background-color: var(--card-bg);
  border-radius: 5px;
  color: var(--card-text);
  padding: 10px;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 18px;
}
.v5-comment,
.v5-comment__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.v5-comment__info {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 20px;
}
.v5-comment__info-author {
  font-size: 19px;
  font-weight: 400;
}
.v5-comment__info-date {
  color: var(--card-text-secondary);
}
.v5-comment__content,
.v5-comment__info-date {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.v5-404 {
  background-color: var(--heroscreen-block-bg);
  color: var(--heroscreen-main-color);
  padding: 30px 0;
}
.v5-404__content {
  display: grid;
  gap: 60px;
  grid-template-columns: 1.1fr 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.v5-404__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
}
.v5-404__info-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}
.v5-404__info-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.v5-404__info-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.v5-404__info-buttons__item {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-transform: capitalize;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-404 .v5-bonus__info {
  width: 100%;
}
.v5-404__img {
  border-radius: 5px;
  overflow: hidden;
}
.v5-404__img,
.v5-404__img img {
  height: auto;
  width: 100%;
}
@media (max-width: 1024px) {
  :root {
    --offsets: 30px;
  }
  .v5-author-about__content {
    gap: 32px;
  }
  .v5-author-about__img {
    height: 200px;
    width: 200px;
  }
  .v5-posts__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .v5-404__content {
    gap: 24px;
  }
}
@media (max-width: 920px) {
  body {
    padding-bottom: 76px;
  }

  .v5-download {
    display: block;
  }
  .v5-to-top {
    bottom: 84px;
  }
}
@media (max-width: 900px) {
  .v5-404 {
    padding: 16px 0;
  }
  .v5-404__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    gap: 16px;
  }
  .v5-404__info-title {
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
  }
}
@media (max-width: 800px) {
  .v5-post-card__img {
    height: 176px;
  }
  .v5-post-card__info-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
  }
  .v5-post-card__info-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
  }
  .v5-posts__list {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  :root {
    --offsets: 16px;
  }
  .text-block_center {
    text-align: left;
  }
  .latter-page-update {
    padding: 8px 0;
  }
  .vAll-button_header,
  .vAll-button_header-secondary {
    padding: 12px;
  }
  .countdown-timer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 4px;
  }
  .standalone-breadcrumbs {
    padding: 16px 0;
  }
  .section__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    text-align: left;
  }
  h1.section__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 130%;
  }
  h2.section__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
  }
  h3.section__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
  }
  h4.section__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
  }
  h5.section__title {
    font-size: 17px;
  }
  .vAll-app-links__item_android svg {
    color: #8bc34a;
  }
  .vAll-app-links__item_apple svg {
    color: #455a64;
  }
  .vAll-app-links__item_windows svg {
    color: #03a9f5;
  }
  .v5-promocode {
    gap: 10px;
  }
  .v5-promocode__btn {
    padding: 12px 24px;
  }
  .v5-screenshots-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .v5-screenshots-list__block img {
    width: 238px;
  }
  .v5-screenshots-list__block:has(a:nth-child(n + 6)),
  .v5-screenshots-list__block:has(img:nth-child(n + 6)) {
    gap: 8px;
  }
  .v5-screenshots-list__block:has(a:nth-child(n + 6)) img,
  .v5-screenshots-list__block:has(img:nth-child(n + 6)) img {
    width: 238px;
  }
  .v5-features {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
  .v5-features__cons,
  .v5-features__pros {
    max-width: unset;
    padding: 8px;
  }
  .v5-features__cons-header,
  .v5-features__pros-header {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
  }
  .v5-features__cons-list,
  .v5-features__pros-list {
    gap: 8px;
  }
  .v5-quick-links__list {
    gap: 16px;
  }
  .v5-hero-links {
    gap: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 8px;
  }
  .v5-author-about {
    padding: 16px 0;
  }
  .v5-author-about .container {
    gap: 16px;
  }
  .v5-author-about__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 64px;
  }
  .v5-author-about__img {
    margin: 0 auto;
  }
  .v5-author-about__info-name {
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
  }
  .v5-author .container,
  .v5-posts .container,
  .v5-top .container {
    gap: 16px;
  }
  .v5-author__card-img {
    height: 100px;
    width: 100px;
  }
  .v5-comments__form .vAll-button {
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
  }
}
@media (max-width: 620px) {
  .v5-bonus {
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .v5-bonus:has(.v5-promocode) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    gap: 12px;
  }
}
@media (max-width: 600px) {
  .v5-quick-link {
    width: 100%;
  }
  .v5-404__info-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .v5-404__info-buttons__item {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .v5-posts__list {
    grid-template-columns: repeat(1, 1fr);
  }
  .v5-posts__more-btn {
    width: 100%;
  }
}
@media (max-width: 420px) {
  .v5-author__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 370px) {
  .v5-comment__info {
    gap: 10px;
  }
  .v5-comment__info-date {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    white-space: nowrap;
  }
}
@media (hover: hover) {
  .vAll-meta-button:hover {
    background-color: var(--button-hover-bg);
    color: var(--button-hover-color);
  }
  .vAll-meta-button[type="submit"]:not(:disabled):hover {
    color: var(--button-hover-color) !important;
  }
  .vAll-app-links__item_android:hover svg {
    color: #8bc34a;
  }
  .vAll-app-links__item_apple:hover svg {
    color: #455a64;
  }
  .vAll-app-links__item_windows:hover svg {
    color: #03a9f5;
  }
  .v5-promocode__btn:hover {
    background-color: var(--button-hover-bg);
    color: var(--button-hover-color);
  }
  .v5-promocode__btn[type="submit"]:not(:disabled):hover {
    color: var(--button-hover-color) !important;
  }
  .v5-post-card:hover {
    -webkit-box-shadow:
      0 4px 16px 0 rgba(15, 15, 16, 0.08),
      0 8px 24px 0 rgba(15, 15, 16, 0.12);
    box-shadow:
      0 4px 16px 0 rgba(15, 15, 16, 0.08),
      0 8px 24px 0 rgba(15, 15, 16, 0.12);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  .v5-post-card:hover .v5-post-card__info-button {
    background-color: var(--button-hover-bg);
    color: var(--button-hover-color);
  }
  .v5-quick-link:hover {
    color: var(--contrast-color);
  }
  .v5-quick-link:hover:before {
    height: 100%;
  }
  .v5-hero-links__item:hover {
    color: var(--heroscreen-breadcrumbs-active-color);
  }
  .v5-author-about__info-sm__link:hover {
    background-color: var(--heroscreen-button-bg-hover);
    color: var(--heroscreen-button-color-hover);
  }
  .v5-to-top:hover {
    background-color: var(--secondary-button-hover-bg);
    color: var(--secondary-button-hover-color);
  }
  .v5-author__card:hover {
    -webkit-box-shadow:
      0 4px 16px 0 rgba(15, 15, 16, 0.08),
      0 8px 24px 0 rgba(15, 15, 16, 0.12);
    box-shadow:
      0 4px 16px 0 rgba(15, 15, 16, 0.08),
      0 8px 24px 0 rgba(15, 15, 16, 0.12);
  }
  .v5-comments__form .vAll-button:hover {
    background-color: var(--button-hover-bg);
    color: var(--button-hover-color);
  }
  .v5-comments__form .vAll-button[type="submit"]:not(:disabled):hover {
    color: var(--button-hover-color) !important;
  }
}
.v5-heroscreen {
  background-color: var(--heroscreen-block-bg);
  color: var(--heroscreen-main-color);
  container-type: inline-size;
  padding: 30px 0;
}
.v5-heroscreen__content {
  display: grid;
  gap: 60px;
  grid-template-columns: 1fr 1fr;
  margin-top: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.v5-heroscreen__content:not(:has(.v5-heroscreen__img)) {
  display: block;
}
.v5-heroscreen__content:not(:has(.v5-heroscreen__img)) .v5-bonus,
.v5-heroscreen__content:not(:has(.v5-heroscreen__img)) .v5-heroscreen__info-buttons {
  max-width: 800px;
}
.v5-heroscreen__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
}
.v5-heroscreen__info-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}
.v5-heroscreen__info-description {
  color: var(--heroscreen-secondary-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.v5-heroscreen__info-description a {
  color: var(--heroscreen-links-color);
}
.v5-heroscreen__info-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  width: 100%;
}
.v5-heroscreen__info-buttons__item {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-heroscreen__img {
  height: auto;
  width: 100%;
}
.v5-heroscreen__img img {
  display: block;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.v5-heroscreen .v5-rating {
  color: var(--heroscreen-main-color);
}
.v5-heroscreen .v5-bonus__timer {
  background: var(--card-bg);
  color: var(--card-text);
}
@media (max-width: 1200px) {
  .v5-heroscreen__content {
    gap: 32px;
    grid-template-columns: 1.4fr 1fr;
  }
}
@media (max-width: 940px) {
  .v5-heroscreen__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    gap: 16px;
  }
  .v5-heroscreen__info-buttons .vAll-meta-button,
  .v5-heroscreen__info-buttons__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .v5-heroscreen__info-buttons__item {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .v5-heroscreen {
    padding: 16px 0;
  }
  .v5-heroscreen__info-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
  }
}
@media (max-width: 620px) {
  .v5-heroscreen__info-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.section {
  background-color: var(--section-bg, inherit);
  scroll-margin-top: var(--header-height);
}
.section > * {
  padding: 32px 0;
}
.section > :first-child {
  padding-top: 48px;
}
.section > :last-child {
  padding-bottom: 48px;
}
.section > .container {
  padding-left: var(--offsets);
  padding-right: var(--offsets);
}
@media (max-width: 768px) {
  .section > * {
    padding: 20px 0;
  }
  .section > :first-child {
    padding-top: 32px;
  }
  .section > :last-child {
    padding-bottom: 32px;
  }
}
.v5-toc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: var(--site-bg);
  border: 1px solid var(--line-secondary);
  border-radius: 5px;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
  max-width: 500px;
  padding: 9px 8px;
  row-gap: 0;
  width: 100%;
}
.v5-toc,
.v5-toc__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.v5-toc__header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.v5-toc__title {
  color: var(--text-main);
  font-weight: 700;
}
.v5-toc__button,
.v5-toc__title {
  font-size: 16px;
  line-height: 150%;
}
.v5-toc__button {
  background: transparent;
  border: none;
  color: var(--theme-color);
  cursor: pointer;
  font-weight: 400;
  outline: none;
}
.v5-toc__button-hide {
  display: none;
}
.v5-toc.dropdown-list_open .v5-toc__button {
  background: transparent;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.v5-toc.dropdown-list_open .v5-toc__button-hide {
  display: block;
}
.v5-toc.dropdown-list_open .v5-toc__button-show {
  display: none;
}
.v5-toc__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: var(--site-bg);
  counter-reset: item;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
  height: 0;
  list-style-type: none;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.v5-toc__menu-item:first-child {
  margin-top: 16px;
}
.v5-toc__menu-item__link {
  color: var(--text-main);
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  padding: 0 0 0 10px;
  text-decoration: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-toc__menu-item__link:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  display: inline-block;
  margin-right: 8px;
}
.v5-toc__menu_child {
  counter-reset: item;
  list-style-type: none;
}
.v5-toc__menu_child .toc__menu-item__link {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  padding-left: 20px;
}
.v5-toc__menu_grandchild {
  counter-reset: item;
  list-style-type: none;
}
.v5-toc__menu_grandchild .toc__menu-item__link {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  padding-left: 25px;
}
@media (max-width: 768px) {
  .v5-toc {
    max-width: unset;
  }
}
.v5-review__content {
  background-color: var(--card-bg);
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 16px 4px hsla(0, 0%, 77%, 0.08);
  box-shadow: 0 4px 16px 4px hsla(0, 0%, 77%, 0.08);
  gap: 16px;
  padding: 16px;
}
.v5-review__content,
.v5-review__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.v5-review__info {
  gap: 8px;
}
.v5-review__head {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.v5-review__head,
.v5-review__head-title {
  gap: 16px;
}
.v5-review__head,
.v5-review__head-logo,
.v5-review__head-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.v5-review__head-logo {
  -ms-flex-negative: 0;
  background: var(--text-main);
  border-radius: 50%;
  flex-shrink: 0;
  height: 64px;
  overflow: hidden;
  padding: 6px;
  width: 64px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.v5-review__head-logo img {
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.v5-review__head .vAll-button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-review__rating-apps {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1fr;
}
.v5-review__rating-apps .v5-rating {
  background: var(--site-bg);
  border-radius: 8px;
  padding: 12px;
  width: 100%;
}
.v5-review__rating-apps .v5-rating__title {
  margin-right: auto;
}
.v5-review__rating-apps .vAll-app-links {
  background: var(--site-bg);
  border-radius: 8px;
  padding: 12px;
}
.v5-review__details {
  display: grid;
  gap: 16px;
  grid-template-columns: 255px 1fr;
}
.v5-review__details:has(> :only-child) {
  grid-template-columns: 1fr;
}
.v5-review__details:has(> :only-child) .v5-features__cons,
.v5-review__details:has(> :only-child) .v5-features__pros {
  max-width: none;
}
.v5-review__table {
  border-collapse: collapse;
  color: var(--text-main);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  table-layout: fixed;
  width: 100%;
}
.v5-review__table-wrapper {
  background: var(--site-bg);
  border-radius: 8px;
  padding: 0 16px;
}
.v5-review__table tr td {
  padding: 16px 0;
  width: 50%;
}
.v5-review__table tr:not(:last-child) td {
  border-bottom: 1px solid var(--line-secondary);
}
.v5-review__table tr:first-child {
  vertical-align: top;
}
.v5-review__table tr:last-child {
  vertical-align: bottom;
}
.v5-review__table td:first-child {
  padding-right: 16px;
}
.v5-review__table td span {
  display: block;
  font-size: 20px;
  line-height: 140%;
  word-break: break-all;
}
.v5-review__table td span:first-child {
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 8px;
}
.v5-review .v5-features {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.v5-review .v5-bonus,
.v5-review .v5-features__cons,
.v5-review .v5-features__pros {
  background: var(--site-bg);
  color: var(--text-main);
}
.v5-review .v5-screenshots-list {
  border-radius: unset;
  padding: 0;
}
@media (max-width: 1024px) {
  .v5-review__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    gap: 16px;
  }
  .v5-review .v5-features {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .v5-review .v5-features__cons,
  .v5-review .v5-features__pros {
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .v5-review__content {
    padding: 8px;
  }
  .v5-review__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .v5-review__head-title {
    gap: 8px;
  }
  .v5-review__head-logo {
    height: 48px;
    padding: 5px;
    width: 48px;
  }
  .v5-review__head .vAll-button {
    width: 100%;
  }
  .v5-review__rating-apps {
    gap: 8px;
    grid-template-columns: 1fr;
  }
  .v5-review__table {
    padding: 0 8px;
  }
  .v5-review__table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .v5-review__table tr td {
    padding: 8px 0;
    width: 100%;
  }
  .v5-review__table tr:last-child td:not(:last-child) {
    border-bottom: 1px solid var(--line-secondary);
  }
  .v5-review__table td:first-child {
    padding-right: 8px;
  }
  .v5-review__table td span {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
  }
  .v5-review .v5-features {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.v5-welcome {
  color: var(--main-text);
}
.v5-welcome .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
}
.v5-welcome__content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 32px;
}
.v5-welcome__content,
.v5-welcome__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.v5-welcome__info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
}
.v5-welcome__info .vAll-button,
.v5-welcome__info .vAll-meta-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-welcome__img {
  -webkit-box-flex: 1;
  border-radius: 5px;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.v5-welcome__img-content {
  display: block;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-welcome__img-btn {
  background-color: var(--button-bg);
  border-radius: 50%;
  color: var(--button-color);
  height: 70px;
  left: 50%;
  padding: 17px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  width: 70px;
}
.v5-welcome__img-btn:disabled {
  background: var(--button-disable-bg);
  color: var(--button-disable-color);
  pointer-events: none;
}
.v5-welcome__img-btn[type="submit"]:not(:disabled) {
  color: var(--button-color) !important;
}
.v5-welcome__img-btn svg {
  height: 100%;
  width: 100%;
}
.v5-welcome__img .latter-iframe {
  aspect-ratio: 59/33;
  border: none;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-welcome__img.active-iframe .v5-welcome__img-btn,
.v5-welcome__img.active-iframe .v5-welcome__img-content {
  display: none;
}
@media (max-width: 1024px) {
  .v5-welcome__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  .v5-welcome__img {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}
@media (max-width: 768px) {
  .v5-welcome__content {
    gap: 16px;
  }
  .v5-welcome__img .latter-iframe {
    aspect-ratio: unset;
    min-height: calc(100vh - var(--header-height));
  }
}
@media (max-width: 600px) {
  .v5-welcome__info .vAll-button,
  .v5-welcome__info .vAll-meta-button {
    width: 100%;
  }
}
@media (hover: hover) {
  .v5-welcome__img-btn:hover {
    background-color: var(--button-hover-bg);
    color: var(--button-hover-color);
  }
  .v5-welcome__img-btn[type="submit"]:not(:disabled):hover {
    color: var(--button-hover-color) !important;
  }
}
.v5-how-to {
  color: var(--text-main);
}
.v5-how-to .container {
  gap: 16px;
}
.v5-how-to .container,
.v5-how-to__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.v5-how-to__steps {
  gap: 24px;
  margin-top: 8px;
}
.v5-step {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--text-main);
  gap: 24px;
}
.v5-step__content {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
}
.v5-step__content,
.v5-step__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.v5-step__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.v5-step__title-num {
  background: var(--contrast-bg);
  border-radius: 50%;
  color: var(--contrast-color);
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: 22px;
  line-height: 22px;
  text-align: center;
  width: 22px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.v5-step__title-text {
  font-size: 26px;
  font-weight: 700;
  text-transform: capitalize;
}
.v5-step .vAll-button {
  margin-top: 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-step__img {
  border-radius: 5px;
  height: auto;
  overflow: hidden;
  width: 100%;
}
.v5-step__img img {
  display: block;
  height: auto;
  width: 100%;
}
@media (max-width: 768px) {
  .v5-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    gap: 16px;
  }
  .v5-step__title-text {
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
  }
  .v5-step .vAll-button {
    margin-top: 0;
    width: 100%;
  }
  .v5-step__img {
    margin: 0 auto;
    max-width: 500px;
  }
}
.v5-games-advanced .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
}
.v5-games-advanced__list {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, 1fr);
}
.v5-games-advanced__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: var(--card-bg);
  border-radius: 8px;
  color: var(--card-text);
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.v5-games-advanced__card-header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.v5-games-advanced__card-img {
  position: relative;
}
.v5-games-advanced__card-img img {
  display: block;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-games-advanced__card-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 8px;
  top: 8px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  z-index: 1;
}
.v5-games-advanced__card-tag {
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  padding: 4px 8px;
  text-transform: capitalize;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-games-advanced__card-tag_new {
  background: var(--success-darken-1);
  color: var(--white);
}
.v5-games-advanced__card-tag_popular {
  background: var(--error-base);
  color: var(--white);
}
.v5-games-advanced__card-tag_jackpot {
  background: var(--contrast-bg);
  color: var(--contrast-color);
}
.v5-games-advanced__card-content {
  -webkit-box-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
}
.v5-games-advanced__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
}
.v5-games-advanced__card-info__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}
.v5-games-advanced__card-info__category {
  background: var(--site-bg);
  border-radius: 4px;
  color: var(--text-main);
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  padding: 4px 8px;
  text-transform: capitalize;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-games-advanced__card-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 32px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.v5-games-advanced__card-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 8px;
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.v5-games-advanced__card-detail:first-child {
  text-align: left;
}
.v5-games-advanced__card-detail:last-child {
  text-align: right;
}
.v5-games-advanced__card-detail__title {
  color: var(--card-text-secondary);
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.v5-games-advanced__card-detail__value {
  color: var(--card-text);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}
.v5-games-advanced__card-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 8px;
  margin-top: auto;
}
.v5-games-advanced__link {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1260px) {
  .v5-games-advanced__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  .v5-games-advanced__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .v5-games-advanced .container {
    gap: 8px;
  }
  .v5-games-advanced__list {
    gap: 16px;
    margin-top: 8px;
  }
  .v5-games-advanced__card-info__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
  }
  .v5-games-advanced__link {
    margin-top: 8px;
  }
}
@media (max-width: 600px) {
  .v5-games-advanced__list {
    grid-template-columns: repeat(1, 1fr);
  }
  .v5-games-advanced__link {
    width: 100%;
  }
}
@media (hover: hover) {
  .v5-games-advanced__card:hover {
    -webkit-box-shadow:
      0 4px 16px 0 rgba(15, 15, 16, 0.08),
      0 8px 24px 0 rgba(15, 15, 16, 0.12);
    box-shadow:
      0 4px 16px 0 rgba(15, 15, 16, 0.08),
      0 8px 24px 0 rgba(15, 15, 16, 0.12);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.v5-faq .container {
  gap: 16px;
}
.v5-faq .container,
.v5-faq__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.v5-faq__list {
  gap: 24px;
}
.v5-faq__list-item {
  interpolate-size: allow-keywords;
  border: 1px solid var(--theme-color);
  border-radius: 10px;
  padding: 16px 24px 16px 54px;
  width: 100%;
}
.v5-faq__list-item::details-content {
  block-size: 0;
  overflow: hidden;
  -webkit-transition:
    block-size 0.3s,
    content-visibility 0.3s;
  transition:
    block-size 0.3s,
    content-visibility 0.3s;
  transition-behavior: allow-discrete;
}
.v5-faq__list-item[open]::details-content {
  block-size: auto;
}
.v5-faq__list-item summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}
.v5-faq__list-item summary::-webkit-details-marker {
  display: none;
}
.v5-faq__list-item summary:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "►";
  font-family: latter-icons;
  font-size: 20px;
  height: 22px;
  left: -30px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 6px;
  width: 22px;
}
.v5-faq__list-item summary:before,
.v5-faq__list-item__question {
  color: var(--text-main);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.v5-faq__list-item__question {
  display: inline-block;
  font-size: 26px;
  font-weight: 700;
  line-height: normal;
}
.v5-faq__list-item .text-block {
  color: var(--text-main);
}
.v5-faq__list-item[open] summary:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.v5-faq__list-item[open] .v5-faq__list-item__question {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .v5-faq__list-item__question {
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
  }
}
.v5-screenshots .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 20px;
}
.v5-screenshots .container .horizontal-wrapper {
  overflow-y: hidden;
}
@media (max-width: 768px) {
  .v5-screenshots .container {
    gap: 16px;
  }
}
.button_1,
.button_1-gradient {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.button_1-gradient:after,
.button_1-gradient:before,
.button_1:after,
.button_1:before {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
  width: 0;
  z-index: 0;
}
.button_1-gradient:before,
.button_1:before {
  left: 0;
}
.button_1-gradient:after,
.button_1:after {
  right: 0;
}
.button_1 span,
.button_1 svg,
.button_1-gradient span,
.button_1-gradient svg {
  position: relative;
  z-index: 1;
}
.vAll-button.button_1,
.vAll-button_footer-secondary.button_1,
.vAll-button_footer.button_1,
.vAll-button_header-secondary.button_1,
.vAll-button_header.button_1,
.vAll-button_hero.button_1 {
  background-color: var(--button-bg);
  color: var(--button-color);
}
.vAll-button.button_1:after,
.vAll-button.button_1:before,
.vAll-button_footer-secondary.button_1:after,
.vAll-button_footer-secondary.button_1:before,
.vAll-button_footer.button_1:after,
.vAll-button_footer.button_1:before,
.vAll-button_header-secondary.button_1:after,
.vAll-button_header-secondary.button_1:before,
.vAll-button_header.button_1:after,
.vAll-button_header.button_1:before,
.vAll-button_hero.button_1:after,
.vAll-button_hero.button_1:before {
  background: var(--button-hover-bg);
}
.vAll-button.button_1-gradient,
.vAll-button_footer-secondary.button_1-gradient,
.vAll-button_footer.button_1-gradient,
.vAll-button_header-secondary.button_1-gradient,
.vAll-button_header.button_1-gradient,
.vAll-button_hero.button_1-gradient {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--gradient-direction)),
    color-stop(0, var(--gradient-color-1)),
    color-stop(50%, var(--gradient-color-2)),
    to(var(--gradient-color-3))
  );
  background: linear-gradient(
    var(--gradient-direction),
    var(--gradient-color-1) 0,
    var(--gradient-color-2) 50%,
    var(--gradient-color-3) 100%
  );
  color: var(--button-color);
}
.vAll-button.button_1-gradient:before,
.vAll-button_footer-secondary.button_1-gradient:before,
.vAll-button_footer.button_1-gradient:before,
.vAll-button_header-secondary.button_1-gradient:before,
.vAll-button_header.button_1-gradient:before,
.vAll-button_hero.button_1-gradient:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--gradient-direction)),
    color-stop(0, var(--gradient-hover-color-1)),
    color-stop(50%, var(--gradient-hover-color-2)),
    to(var(--gradient-hover-color-3))
  );
  background: linear-gradient(
    var(--gradient-direction),
    var(--gradient-hover-color-1) 0,
    var(--gradient-hover-color-2) 50%,
    var(--gradient-hover-color-3) 100%
  );
}
.vAll-button.button_1-gradient:after,
.vAll-button_footer-secondary.button_1-gradient:after,
.vAll-button_footer.button_1-gradient:after,
.vAll-button_header-secondary.button_1-gradient:after,
.vAll-button_header.button_1-gradient:after,
.vAll-button_hero.button_1-gradient:after {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--gradient-direction)),
    color-stop(0, var(--gradient-hover-color-3)),
    color-stop(50%, var(--gradient-hover-color-2)),
    to(var(--gradient-hover-color-1))
  );
  background: linear-gradient(
    var(--gradient-direction),
    var(--gradient-hover-color-3) 0,
    var(--gradient-hover-color-2) 50%,
    var(--gradient-hover-color-1) 100%
  );
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.vAll-button_secondary.button_1 {
  background-color: var(--secondary-button-bg);
  color: var(--secondary-button-color);
}
.vAll-button_secondary.button_1:after,
.vAll-button_secondary.button_1:before {
  background: var(--secondary-button-hover-bg);
}
.vAll-button_secondary.button_1-gradient {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--gradient-direction)),
    color-stop(0, var(--gradient2-color-1)),
    color-stop(50%, var(--gradient2-color-2)),
    to(var(--gradient2-color-3))
  );
  background: linear-gradient(
    var(--gradient-direction),
    var(--gradient2-color-1) 0,
    var(--gradient2-color-2) 50%,
    var(--gradient2-color-3) 100%
  );
  color: var(--secondary-button-color);
}
.vAll-button_secondary.button_1-gradient:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--gradient-direction)),
    color-stop(0, var(--gradient-hover-color-1)),
    color-stop(50%, var(--gradient-hover-color-2)),
    to(var(--gradient-hover-color-3))
  );
  background: linear-gradient(
    var(--gradient-direction),
    var(--gradient-hover-color-1) 0,
    var(--gradient-hover-color-2) 50%,
    var(--gradient-hover-color-3) 100%
  );
}
.vAll-button_secondary.button_1-gradient:after {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--gradient-direction)),
    color-stop(0, var(--gradient-hover-color-3)),
    color-stop(50%, var(--gradient-hover-color-2)),
    to(var(--gradient-hover-color-1))
  );
  background: linear-gradient(
    var(--gradient-direction),
    var(--gradient-hover-color-3) 0,
    var(--gradient-hover-color-2) 50%,
    var(--gradient-hover-color-1) 100%
  );
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
@media (hover: hover) {
  .button_1-gradient:hover:after,
  .button_1-gradient:hover:before,
  .button_1:hover:after,
  .button_1:hover:before {
    width: 50%;
  }
  .vAll-button.button_1-gradient:hover,
  .vAll-button.button_1:hover,
  .vAll-button_footer-secondary.button_1-gradient:hover,
  .vAll-button_footer-secondary.button_1:hover,
  .vAll-button_footer.button_1-gradient:hover,
  .vAll-button_footer.button_1:hover,
  .vAll-button_header-secondary.button_1-gradient:hover,
  .vAll-button_header-secondary.button_1:hover,
  .vAll-button_header.button_1-gradient:hover,
  .vAll-button_header.button_1:hover,
  .vAll-button_hero.button_1-gradient:hover,
  .vAll-button_hero.button_1:hover {
    color: var(--button-hover-color);
  }
  .vAll-button_secondary.button_1-gradient:hover,
  .vAll-button_secondary.button_1:hover {
    color: var(--secondary-button-hover-color);
  }
}
.burger-1 {
  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;
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 30px;
  outline: none;
  position: relative;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  width: 30px;
}
.burger-1:has(.burger-1__text) .burger-1__icon {
  top: 8px;
}
.burger-1__icon {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
.burger-1__icon,
.burger-1__icon:after,
.burger-1__icon:before {
  background-color: var(--h-menu-burger);
  border-radius: 20px;
  height: 2.5px;
  position: absolute;
  width: 23px;
}
.burger-1__icon:after,
.burger-1__icon:before {
  content: "";
  left: 0;
  -webkit-transition:
    top 0.25s,
    background-color 0.25s ease-in-out,
    -webkit-transform 0.25s;
  transition:
    top 0.25s,
    background-color 0.25s ease-in-out,
    -webkit-transform 0.25s;
  transition:
    transform 0.25s,
    top 0.25s,
    background-color 0.25s ease-in-out;
  transition:
    transform 0.25s,
    top 0.25s,
    background-color 0.25s ease-in-out,
    -webkit-transform 0.25s;
}
.burger-1__icon:before {
  top: -6px;
}
.burger-1__icon:after {
  top: 6px;
}
.burger-1__text {
  color: var(--h-menu-burger);
  font-size: 10px;
  font-weight: 600;
  line-height: 150%;
  position: absolute;
  text-transform: uppercase;
  top: 19px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.burger-1[data-state="open"] .burger-1__icon {
  background: transparent;
}
.burger-1[data-state="open"] .burger-1__icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.burger-1[data-state="open"] .burger-1__icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.burger-1[data-state="open"] .burger-1__text {
  opacity: 0;
  visibility: hidden;
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes shake-stronger {
  0% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  to {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
}
@keyframes shake-stronger {
  0% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  to {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
}
@-webkit-keyframes shake-with-pause {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  16.66% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  33.33% {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
  50% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  66.66% {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
  83.33% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes shake-with-pause {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  16.66% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  33.33% {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
  50% {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
  }
  66.66% {
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
  }
  83.33% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes shake-with-pause-stronger {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  40% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes shake-with-pause-stronger {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  40% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes pulse-stronger {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse-stronger {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes flip-x {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  40% {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  60% {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes flip-x {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  40% {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  60% {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-webkit-keyframes shine {
  0% {
    -webkit-transform: skewX(-25deg) translateX(0);
    transform: skewX(-25deg) translateX(0);
  }
  to {
    -webkit-transform: skewX(-25deg) translateX(400%);
    transform: skewX(-25deg) translateX(400%);
  }
}
@keyframes shine {
  0% {
    -webkit-transform: skewX(-25deg) translateX(0);
    transform: skewX(-25deg) translateX(0);
  }
  to {
    -webkit-transform: skewX(-25deg) translateX(400%);
    transform: skewX(-25deg) translateX(400%);
  }
}
@-webkit-keyframes shake-up-down {
  0%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
@keyframes shake-up-down {
  0%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
@-webkit-keyframes pulse-bonus {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse-bonus {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes float-button {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  90% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes float-button {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  90% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slow-bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slow-bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounce {
  0%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  6% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  12% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  18% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  24% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes bounce {
  0%,
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  6% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  12% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  18% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  24% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes jittery {
  5%,
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
  15% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  20% {
    -webkit-transform: scale(1.03) rotate(-3deg);
    transform: scale(1.03) rotate(-3deg);
  }
  25% {
    -webkit-transform: scale(1.03) rotate(3deg);
    transform: scale(1.03) rotate(3deg);
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg);
    transform: scale(1.03) rotate(-2deg);
  }
  35% {
    -webkit-transform: scale(1.03) rotate(1deg);
    transform: scale(1.03) rotate(1deg);
  }
  40% {
    -webkit-transform: scale(1.03) rotate(0);
    transform: scale(1.03) rotate(0);
  }
}
@keyframes jittery {
  5%,
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
  15% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  20% {
    -webkit-transform: scale(1.03) rotate(-3deg);
    transform: scale(1.03) rotate(-3deg);
  }
  25% {
    -webkit-transform: scale(1.03) rotate(3deg);
    transform: scale(1.03) rotate(3deg);
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg);
    transform: scale(1.03) rotate(-2deg);
  }
  35% {
    -webkit-transform: scale(1.03) rotate(1deg);
    transform: scale(1.03) rotate(1deg);
  }
  40% {
    -webkit-transform: scale(1.03) rotate(0);
    transform: scale(1.03) rotate(0);
  }
}
.v5-header {
  background: var(--header-bg);
  padding: 12px 0;
}
.v5-header_sticky {
  bottom: 0;
  position: sticky;
  top: 0;
  z-index: 100;
}
.v5-header .burger-btn {
  display: none;
}
.v5-header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px 16px;
}
.v5-header__info,
.v5-header__wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}
.v5-header__info {
  display: contents;
  gap: 24px;
  width: 100%;
}
.v5-header__logo {
  -ms-flex-negative: 0;
  color: var(--header-text);
  display: block;
  flex-shrink: 0;
  height: auto;
  width: var(--logo-width, 120px);
}
.v5-header__logo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.v5-header__logo img {
  display: block;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-header__download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.v5-header__download-button {
  font-size: 16px;
  font-weight: 700;
  gap: 4px;
  line-height: 150%;
  padding: 12px 32px;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-header__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.v5-header__panel:has(.v5-header__panel-bonuses-btn_open) .v5-header__panel-bonuses-content {
  z-index: 999;
}
.v5-header__panel-bonuses {
  position: relative;
}
.v5-header__panel-bonuses-btn {
  background-color: var(--header-button-bg);
  color: var(--header-button-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  text-decoration: none;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--header-button-bg);
  border-radius: 5px;
  gap: 10px;
  padding: 6px 12px 6px 6px;
}
.v5-header__panel-bonuses-btn:disabled {
  background: var(--button-disable-bg);
  color: var(--button-disable-color);
  pointer-events: none;
}
.v5-header__panel-bonuses-btn .gift {
  -webkit-animation: flip-x 1.5s ease-in-out infinite;
  animation: flip-x 1.5s ease-in-out infinite;
  color: var(--black);
  height: 100%;
  width: 100%;
}
.v5-header__panel-bonuses-btn__text {
  color: var(--header-button-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}
.v5-header__panel-bonuses-btn_open {
  background-color: var(--header-button-bg-hover);
}
.v5-header__panel-bonuses-btn_open .v5-header__panel-bonuses-btn__text {
  color: var(--header-button-color-hover);
}
.v5-header__panel-bonuses-btn_open .gift {
  -webkit-animation: none;
  animation: none;
}
.v5-header__panel-bonuses-ico {
  background: var(--white);
  border-radius: 5px;
  display: inline-block;
  height: 36px;
  padding: 8px;
  width: 36px;
}
.v5-header__panel-bonuses-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-radius: 8px;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 8px;
  left: 0;
  position: absolute;
  top: calc(100% + 8px);
  visibility: hidden;
  width: 324px;
  z-index: -1;
}
.v5-header__panel-bonuses-content .v5-claim-bonus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--card-bg);
  border-radius: 5px;
  -webkit-box-shadow:
    0 4px 16px 0 rgba(15, 15, 16, 0.08),
    0 8px 24px 0 rgba(15, 15, 16, 0.12);
  box-shadow:
    0 4px 16px 0 rgba(15, 15, 16, 0.08),
    0 8px 24px 0 rgba(15, 15, 16, 0.12);
  color: var(--card-text);
  gap: 8px;
  opacity: 0;
  padding: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
}
.v5-header__panel-bonuses-content .v5-claim-bonus_visible {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}
.v5-header__panel-bonuses-content .v5-claim-bonus__logo {
  -ms-flex-negative: 0;
  background: var(--white);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  padding: 4px;
  width: 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.v5-header__panel-bonuses-content .v5-claim-bonus__logo img {
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.v5-header__panel-bonuses-content .v5-claim-bonus__description {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
}
.v5-header__panel-bonuses-content .v5-claim-bonus__link {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 12px;
}
.v5-header__panel-bonuses-content .v5-claim-bonus .vAll-button_secondary {
  text-transform: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-header__panel-language {
  border: 1px solid transparent;
  position: relative;
  z-index: 101;
}
.v5-header__panel-language[data-state="open"] {
  border-color: var(--h-menu-divider, var(--line-secondary));
}
.v5-header__panel-language[data-state="open"] .v5-header__panel-language__list {
  border: 1px solid var(--h-menu-divider, var(--line-secondary));
  border-top: none;
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}
.v5-header__panel-language[data-state="open"] .v5-header__panel-language__btn-dropdown-ico {
  rotate: 180deg;
}
.v5-header__panel-language__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 4px;
  outline: none;
  padding: 8px 12px;
}
.v5-header__panel-language__btn-flag {
  border-radius: 50%;
  height: 23px;
  overflow: hidden;
  width: 23px;
}
.v5-header__panel-language__btn-flag__img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-header__panel-language__btn-dropdown-ico {
  height: 20px;
  margin-left: -4px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 20px;
}
.v5-header__panel-language__btn-dropdown-ico:after {
  color: var(--header-text);
  content: "";
  font-family: latter-icons;
  font-size: 13px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.v5-header__panel-language__btn-value {
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}
.v5-header__panel-language__list {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  interpolate-size: allow-keywords;
  background-color: var(--header-bg);
  left: -1px;
  position: absolute;
  top: 100%;
  -webkit-transform-origin: top;
  transform-origin: top;
  width: calc(100% + 2px);
}
.v5-header__panel-language__item,
.v5-header__panel-language__list {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.v5-header__panel-language__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 8px 12px;
  position: relative;
}
.v5-header__panel-language__item:after {
  background-color: var(--h-menu-divider, var(--line-secondary));
  content: "";
  height: 1px;
  left: 12px;
  position: absolute;
  top: 0;
  width: calc(100% - 24px);
}
.v5-header__panel-language__item-flag {
  border-radius: 50%;
  height: 23px;
  overflow: hidden;
  width: 23px;
}
.v5-header__panel-language__item-flag__img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-header__panel-language__item-value {
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}
.v5-header__panel-language__item-link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.v5-header__panel-button {
  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;
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 40px;
  outline: none;
  position: relative;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  width: 40px;
}
.v5-header__panel-button__burger {
  background-color: var(--h-menu-burger, var(--header-text));
  border-radius: 20px;
  height: 2px;
  position: absolute;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  width: 20px;
}
.v5-header__panel-button__burger:before {
  top: -6px;
}
.v5-header__panel-button__burger:after,
.v5-header__panel-button__burger:before {
  background-color: var(--h-menu-burger, var(--header-text));
  border-radius: 20px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  -webkit-transition:
    top 0.25s 0.25s,
    -webkit-transform 0.25s;
  transition:
    top 0.25s 0.25s,
    -webkit-transform 0.25s;
  transition:
    transform 0.25s,
    top 0.25s 0.25s;
  transition:
    transform 0.25s,
    top 0.25s 0.25s,
    -webkit-transform 0.25s;
  width: 20px;
}
.v5-header__panel-button__burger:after {
  top: 6px;
}
.v5-header__panel-button[data-state="open"] .v5-header__panel-button__burger {
  background: transparent;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.v5-header__panel-button[data-state="open"] .v5-header__panel-button__burger:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition:
    top 0.25s,
    -webkit-transform 0.25s 0.25s;
  transition:
    top 0.25s,
    -webkit-transform 0.25s 0.25s;
  transition:
    top 0.25s,
    transform 0.25s 0.25s;
  transition:
    top 0.25s,
    transform 0.25s 0.25s,
    -webkit-transform 0.25s 0.25s;
}
.v5-header__panel-button[data-state="open"] .v5-header__panel-button__burger:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition:
    top 0.4s,
    -webkit-transform 0.25s 0.25s;
  transition:
    top 0.4s,
    -webkit-transform 0.25s 0.25s;
  transition:
    top 0.4s,
    transform 0.25s 0.25s;
  transition:
    top 0.4s,
    transform 0.25s 0.25s,
    -webkit-transform 0.25s 0.25s;
}
.v5-header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  color: var(--h-menu-item-text, var(--header-text));
  order: 2;
}
.v5-header__menu[data-state="open"] {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}
.v5-header__menu-list {
  list-style: none;
}
.v5-header__menu-list_depth-0 {
  display: contents;
}
.v5-header__menu-list_depth-1,
.v5-header__menu-list_depth-2 {
  background: var(--h-menu-s-item-bg, var(--theme-secondary-color));
  opacity: 0;
  padding: 0 12px;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  z-index: 101;
}
.v5-header__menu-list_depth-1 > .v5-header__menu-item,
.v5-header__menu-list_depth-2 > .v5-header__menu-item {
  color: var(--h-menu-s-item-text);
}
.v5-header__menu-list_depth-1 {
  left: 0;
  top: calc(100% + 12px);
}
.v5-header__menu-list_depth-1 .v5-header__menu-item__btn:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.v5-header__menu-list_depth-2.active {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.v5-header__menu-item {
  padding: 8px;
  position: relative;
}
.v5-header__menu-item:last-child .v5-header__menu-list,
.v5-header__menu-item:nth-last-child(2) .v5-header__menu-list,
.v5-header__menu-item:nth-last-child(3) .v5-header__menu-list {
  left: auto;
  right: 0;
}
.v5-header__menu-item_parent {
  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;
  gap: 8px;
}
.v5-header__menu-item__link {
  color: inherit;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  -webkit-text-decoration: transparent underline 1px;
  text-decoration: transparent underline 1px;
  text-underline-offset: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.v5-header__menu-item__btn {
  background-color: transparent;
  border: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: inherit;
  cursor: pointer;
  outline: none;
  text-align: right;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.v5-header__menu-item__btn:after {
  color: inherit;
  content: "";
  display: block;
  font-family: latter-icons;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 20px;
}
.v5-header__menu-language {
  color: var(--h-menu-item-text, var(--header-text));
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.v5-header__menu-language__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--h-menu-divider);
  color: var(--h-menu-item-text, var(--header-text));
  cursor: pointer;
  gap: 4px;
  margin: 0 12px;
  outline: none;
  padding: 8px 0;
}
.v5-header__menu-language__btn-flag {
  height: 23px;
  width: 23px;
}
.v5-header__menu-language__btn-flag__img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-header__menu-language__btn-dropdown-ico {
  height: 20px;
  margin-left: -4px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 20px;
}
.v5-header__menu-language__btn-dropdown-ico:after {
  content: "";
  font-family: latter-icons;
  font-size: 13px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.v5-header__menu-language__btn-value {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
}
.v5-header__menu-language__list {
  background-color: var(--h-menu-s-item-bg, var(--theme-secondary-color));
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 12px);
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
  width: 100%;
}
.v5-header__menu-language__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--h-menu-s-item-text);
  cursor: pointer;
  gap: 24px;
  padding: 8px 12px;
  position: relative;
  width: 100%;
}
.v5-header__menu-language__item-flag {
  height: 23px;
  width: 23px;
}
.v5-header__menu-language__item-flag__img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-header__menu-language__item-value {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
}
.v5-header__menu-language__item-link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.v5-header .dropdown-list_open .v5-header__menu-language__btn-dropdown-ico {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
@media (min-width: 1000px) {
  .v5-header__menu-list_depth-1,
  .v5-header__menu-list_depth-2 {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}
@media (min-width: 1001px) {
  .v5-header_sticky-active {
    -webkit-box-shadow: 0 12px 36px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 12px 36px 0 rgba(0, 0, 0, 0.16);
  }
  .v5-header_sticky-active .v5-header__menu {
    display: none;
  }
  .v5-header_sticky-active .v5-header__download-button {
    font-size: 14px;
    padding: 8px 24px;
  }
  .v5-header_sticky-active .v5-header__download-button svg {
    width: 18px;
  }
  .v5-header__menu-list_depth-1,
  .v5-header__menu-list_depth-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    min-width: 640px;
    padding: 12px;
    width: 100%;
  }
  .v5-header__menu-list_depth-1 > .v5-header__menu-item,
  .v5-header__menu-list_depth-2 > .v5-header__menu-item {
    padding: 4px;
  }
  .v5-header__menu-list_depth-2 {
    border: none;
    left: 0;
    top: var(--header-menu-list-depth-1-height);
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }
}
@media (min-width: 1001px) and (hover: hover) {
  .v5-header__menu-list_depth-1
    .v5-header__menu-item_parent:hover
    .v5-header__menu-item__btn:after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
  }
  .v5-header__menu-list_depth-1 .v5-header__menu-item_parent:hover > .v5-header__menu-item__link {
    position: relative;
    z-index: 1;
  }
  .v5-header__menu-list_depth-1
    .v5-header__menu-item_parent:hover
    > .v5-header__menu-item__link:before {
    content: "";
    height: 160px;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% + 24px);
    z-index: -1;
  }
  .v5-header__menu-list_depth-1 .v5-header__menu-item_parent:hover > .v5-header__menu-item__btn {
    z-index: 1;
  }
  .v5-header__menu-item_parent:hover > .v5-header__menu-list_depth-1,
  .v5-header__menu-item_parent:hover > .v5-header__menu-list_depth-2 {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
  }
}
@media (max-width: 1550px) {
  .v5-header__menu-item:nth-last-child(4) .v5-header__menu-list {
    left: auto;
    right: 0;
  }
}
@media (max-width: 1300px) {
  .v5-header__menu-list_depth-1,
  .v5-header__menu-list_depth-2 {
    min-width: 350px;
  }
}
@media (max-width: 1024px) {
  .v5-header__panel-language {
    display: none;
  }
}
@media (max-width: 1000px) {
  .v5-header:not(.v5-header_sticky) {
    position: relative;
    z-index: 100;
  }
  .v5-header .burger-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .v5-header__wrapper {
    gap: 32px;
  }
  .v5-header__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
  }
  .v5-header__logo-wrapper {
    display: contents;
  }
  .v5-header__download {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .v5-header__download .vAll-meta-button,
  .v5-header__download-button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .v5-header__download-button {
    padding: 12px;
  }
  .v5-header__panel-bonuses {
    position: static;
  }
  .v5-header__panel-bonuses-btn {
    background: var(--header-button-bg);
    padding: 2px;
  }
  .v5-header__panel-bonuses-btn__text {
    display: none;
  }
  .v5-header__panel-bonuses-btn_open {
    background: var(--site-bg);
  }
  .v5-header__panel-bonuses-btn_open .v5-header__panel-bonuses-ico {
    background: var(--header-button-bg-hover);
  }
  .v5-header__panel-bonuses-btn_open .v5-header__panel-bonuses-ico svg {
    color: var(--header-button-color-hover);
  }
  .v5-header__panel-bonuses-content {
    left: -16px;
    margin-top: 16px;
    width: calc(100% + 32px);
  }
  .v5-header__menu {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 16px;
    justify-content: space-between;
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    visibility: hidden;
    interpolate-size: allow-keywords;
    background: var(--header-bg);
    border-top: 1px solid var(--line-secondary);
    height: calc(var(--vh, 1vh) * 100 - var(--header-height));
    left: 0;
    padding: 0 0 16px;
    position: absolute;
    top: 100%;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition:
      opacity 0.5s ease-in-out,
      visibility 0.5s ease-in-out,
      -webkit-transform 0.5s ease-in-out;
    transition:
      opacity 0.5s ease-in-out,
      visibility 0.5s ease-in-out,
      -webkit-transform 0.5s ease-in-out;
    transition:
      opacity 0.5s ease-in-out,
      visibility 0.5s ease-in-out,
      transform 0.5s ease-in-out;
    transition:
      opacity 0.5s ease-in-out,
      visibility 0.5s ease-in-out,
      transform 0.5s ease-in-out,
      -webkit-transform 0.5s ease-in-out;
  }
  .v5-header__menu,
  .v5-header__menu-list_depth-0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .v5-header__menu-list_depth-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden auto;
    position: relative;
    width: 100%;
  }
  .v5-header__menu-list_depth-0::-webkit-scrollbar {
    background-color: var(--line-secondary);
    border-radius: 0;
    height: 4px;
    width: 4px;
  }
  .v5-header__menu-list_depth-0::-webkit-scrollbar-thumb {
    background-color: var(--line-main);
    border-radius: 0;
    cursor: pointer;
  }
  .v5-header__menu-list_depth-0 > .v5-header__menu-item:not(:last-child) {
    border-bottom: 1px solid var(--h-menu-divider);
  }
  .v5-header__menu-list_depth-0 > .v5-header__menu-item {
    padding: 16px;
    width: 100%;
  }
  .v5-header__menu-list_depth-0:has([data-state="open"]) {
    overflow: hidden;
  }
  .v5-header__menu-list_depth-1,
  .v5-header__menu-list_depth-2 {
    background: var(--header-bg);
    padding: 0;
  }
  .v5-header__menu-list_depth-1::-webkit-scrollbar {
    background-color: var(--line-secondary);
    border-radius: 0;
    height: 4px;
    width: 4px;
  }
  .v5-header__menu-list_depth-1::-webkit-scrollbar-thumb {
    background-color: var(--line-main);
    border-radius: 0;
    cursor: pointer;
  }
  .v5-header__menu-list_depth-1 {
    height: 100%;
    overflow: auto;
    top: 0;
    width: 100%;
  }
  .v5-header__menu-list_depth-1 > .v5-header__menu-item {
    border-bottom: 1px solid var(--h-menu-divider, var(--line-secondary));
    padding: 16px;
  }
  .v5-header__menu-list_depth-1
    > .v5-header__menu-item_parent[data-state="open"]
    .v5-header__menu-item__btn:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .v5-header__menu-list_depth-1 > .v5-header__menu-item_header {
    background: var(--h-menu-item-bg-hover, var(--contrast-bg));
    border-bottom: none;
    color: var(--h-menu-item-text-hover, var(--contrast-color));
    padding: 16px;
    position: relative;
    text-align: center;
  }
  .v5-header__menu-list_depth-1 > .v5-header__menu-item_header:before {
    color: var(--h-menu-item-text-hover);
    content: "";
    display: block;
    font-family: latter-icons;
    font-size: 12px;
    height: 20px;
    left: 16px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 16px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 20px;
  }
  .v5-header__menu-list_depth-2 {
    border: none;
    height: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0 16px;
    position: static;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    width: 100%;
  }
  .v5-header__menu-item_parent {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: static;
    width: 100%;
  }
  .v5-header__menu-item_parent[data-state="open"] > .v5-header__menu-list_depth-1 {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
  }
  .v5-header__menu-item_parent[data-state="open"] > .v5-header__menu-list_depth-2 {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
  .v5-header__menu-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap;
  }
  .v5-header__menu-language__btn {
    padding: 10px 16px;
  }
  .v5-header__menu-language__list {
    background: var(--header-bg);
    bottom: 100%;
    top: unset;
    z-index: 999;
  }
  .v5-header__menu-language__item {
    padding: 10px 16px;
  }
}

@media (max-width: 600px) {
  .v5-header__panel {
    gap: 10px;
  }
}
@media (max-width: 560px) {
  .v5-header__download-button {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
@media (hover: hover) {
  .v5-header__panel-bonuses-btn:hover {
    background-color: var(--header-button-bg-hover);
    color: var(--header-button-color-hover);
  }
  .v5-header__panel-language__item:hover {
    background: var(--theme-secondary-color);
    color: var(--header-text-hover);
  }
  .v5-header__menu-list_depth-1 > .v5-header__menu-item:hover > .v5-header__menu-item__link,
  .v5-header__menu-list_depth-2 > .v5-header__menu-item:hover > .v5-header__menu-item__link {
    color: var(--h-menu-s-item-text-hover);
  }
  .v5-header__menu-item:hover > .v5-header__menu-item__link {
    text-decoration-color: var(--h-menu-item-text-hover, var(--header-text-hover));
  }
  .v5-header__menu-item:hover > .v5-header__menu-item__btn,
  .v5-header__menu-item:hover > .v5-header__menu-item__link {
    color: var(--h-menu-item-text-hover, var(--header-text-hover));
  }
  .v5-header__menu-language__item:hover .v5-header__menu-language__item-value {
    color: var(--h-menu-s-item-text-hover);
    text-decoration: underline;
    text-decoration-color: var(--h-menu-s-item-text-hover);
    text-underline-offset: 3px;
  }
}
.v5-footer {
  background-color: var(--footer-bg);
  color: var(--footer-text-main);
  margin-top: 24px;
  padding: 62px 0 42px;
}
.v5-footer .container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 24px;
}
.v5-footer .container,
.v5-footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.v5-footer__info {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
}
.v5-footer__logo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: auto;
  width: var(--logo-width, 120px);
}
.v5-footer__logo img {
  color: var(--footer-text-main);
  display: block;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-footer__links {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 24px;
}
.v5-footer__links,
.v5-footer__links-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.v5-footer__links-sm {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}
.v5-footer__links-sm__item {
  background-color: var(--footer-button-secondary-bg);
  border-radius: var(--footer-button-radius);
  color: var(--footer-button-secondary-color);
  height: 40px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  -webkit-transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
  width: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.v5-footer__links-sm__item:disabled {
  background: var(--button-disable-bg);
  color: var(--button-disable-color);
  pointer-events: none;
}
.v5-footer__links-sm__item svg {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.v5-footer__links-app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 16px;
}
.v5-footer__links-app__item {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}
.v5-footer__links-app .vAll-meta-button,
.v5-footer__links-app__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.v5-footer__subscribe-description {
  color: var(--footer-text-main);
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.v5-footer__content {
  border-top: 1px solid var(--line-main);
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 24px;
}
.v5-footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 16px;
  padding: 10px;
}
.v5-footer__menu-title {
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
}
.v5-footer__menu-list {
  list-style: none;
}
.v5-footer__menu-list__item-link {
  color: var(--footer-text-main);
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  padding: 16px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.v5-footer__other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  font-size: 16px;
  font-weight: 400;
  gap: 2px;
  line-height: 150%;
}
.v5-footer__other-dmca {
  height: auto;
  margin-top: 8px;
  position: relative;
  width: 110px;
}
.v5-footer__other-dmca img {
  height: auto;
  width: 100%;
}
.v5-footer__other-dmca__link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.v5-footer__other a {
  color: inherit;
  text-decoration: none;
}
.v5-footer__payments-partners {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: 1px solid var(--line-main);
  gap: 80px;
  padding-top: 24px;
}
.v5-footer__partners,
.v5-footer__payments-partners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.v5-footer__partners {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.v5-footer__partners-logo {
  height: 40px;
  width: 72px;
  -ms-flex-negative: 0;
  border-radius: var(--button-radius);
  flex-shrink: 0;
}
.v5-footer__partners-logo img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.v5-footer__payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.v5-footer__payment img {
  height: var(--payment-height);
  width: auto;
}
.error404 .v5-footer {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .v5-footer {
    margin-top: 16px;
    padding: 30px 0 20px;
  }
  .v5-footer .container {
    gap: 20px;
  }
  .v5-footer__info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
  }
  .v5-footer__content {
    gap: 20px;
    padding-top: 20px;
  }
}
@media (max-width: 860px) {
  .v5-footer__content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .v5-footer__payments-partners {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    padding-top: 20px;
  }
  .v5-footer__partners {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .v5-footer__partners-logo {
    height: 43px;
    width: 78px;
  }
  .v5-footer__payment {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (max-width: 600px) {
  .v5-footer__links {
    width: 100%;
  }
  .v5-footer__content {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (hover: hover) {
  .v5-footer__links-sm__item:hover {
    background-color: var(--footer-button-secondary-bg-hover);
    color: var(--footer-button-secondary-color-hover);
  }
  .v5-footer__menu-list__item-link:hover {
    color: var(--footer-text-secondary);
  }
}
/* Standalone static-site safeguards. */
html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
}
img,
svg,
video,
canvas {
  max-width: 100%;
}
img {
  height: auto;
}
iframe {
  max-width: 100%;
}
.horizontal-wrapper {
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
  table {
    min-width: 560px;
  }
  .container {
    max-width: 100%;
  }
}

/* Modern standalone UI layer. */
:root {
  --modern-bg: #0b0d10;
  --modern-surface: #12151a;
  --modern-surface-2: #181c22;
  --modern-surface-3: #20252d;
  --modern-text: #f7f3ea;
  --modern-muted: #a6adb8;
  --modern-accent: #ffc62f;
  --modern-accent-strong: #ffd966;
  --modern-positive: #32d583;
  --modern-line: rgba(255, 255, 255, 0.11);
  --modern-line-strong: rgba(255, 198, 47, 0.38);
  --modern-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
  --modern-radius-sm: 10px;
  --modern-radius: 18px;
  --modern-radius-lg: 28px;
  --site-bg: var(--modern-bg) !important;
  --site-text: var(--modern-text) !important;
  --header-bg: rgba(11, 13, 16, 0.94) !important;
  --header-text: var(--modern-text) !important;
  --h-menu-item-text: #d7dbe2 !important;
  --h-menu-item-text-hover: #111318 !important;
  --h-menu-item-bg-hover: var(--modern-accent) !important;
  --h-menu-s-item-bg: #171b21 !important;
  --h-menu-s-item-text: #eff1f4 !important;
  --h-menu-divider: var(--modern-line) !important;
  --card-bg: var(--modern-surface) !important;
  --card-text: var(--modern-text) !important;
  --line-main: rgba(255, 198, 47, 0.42) !important;
  --line-secondary: var(--modern-line) !important;
  --contrast-bg: var(--modern-accent) !important;
  --contrast-color: #111318 !important;
  --heroscreen-block-bg: #101319 !important;
  color-scheme: dark;
}

html {
  scroll-padding-top: 150px;
}

body {
  background:
    radial-gradient(circle at 85% 8%, rgba(255, 198, 47, 0.08), transparent 28rem), var(--modern-bg);
  color: var(--modern-text);
  font-family:
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  font-size: 17px;
  line-height: 1.7;
  text-rendering: optimizeLegibility;
}

::selection {
  background: var(--modern-accent);
  color: #111318;
}

.container {
  margin-inline: auto;
  max-width: 1280px;
  padding-inline: clamp(18px, 3vw, 36px);
}

a,
button,
summary {
  -webkit-tap-highlight-color: transparent;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--modern-accent);
  outline-offset: 4px;
}

.skip-link {
  background: var(--modern-accent);
  border-radius: 0 0 10px 10px;
  color: #111318;
  font-weight: 800;
  left: 20px;
  padding: 10px 16px;
  position: fixed;
  top: 0;
  transform: translateY(-140%);
  transition: transform 0.2s ease;
  z-index: 2000;
}

.skip-link:focus {
  transform: translateY(0);
}

.scroll-progress {
  background: var(--modern-accent);
  box-shadow: 0 0 18px rgba(255, 198, 47, 0.55);
  height: 3px;
  left: 0;
  position: fixed;
  top: 0;
  transform: scaleX(0);
  transform-origin: left center;
  width: 100%;
  z-index: 1900;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--modern-text);
  letter-spacing: -0.025em;
  line-height: 1.18;
  text-wrap: balance;
}

.section__title {
  font-size: clamp(1.75rem, 3.2vw, 3rem);
  font-weight: 800;
  margin-bottom: clamp(22px, 3vw, 34px);
  max-width: 920px;
}

.section__title::before {
  background: var(--modern-accent);
  border-radius: 999px;
  content: "";
  display: block;
  height: 4px;
  margin-bottom: 16px;
  width: 48px;
}

.text-block {
  color: #d2d7df;
  font-size: 1rem;
  line-height: 1.78;
}

.text-block p + p,
.text-block ul + p,
.text-block ol + p,
.text-block p + ul,
.text-block p + ol {
  margin-top: 18px;
}

.text-block h3,
.text-block h4 {
  margin-bottom: 12px;
  margin-top: 28px;
}

.text-block a:not([class]) {
  color: var(--modern-accent-strong);
  text-decoration-color: rgba(255, 217, 102, 0.45);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.text-block li::marker {
  color: var(--modern-accent);
  font-weight: 800;
}

/* Header and navigation. */
.v5-header {
  backdrop-filter: blur(18px);
  background: rgba(11, 13, 16, 0.88) !important;
  border-bottom: 1px solid var(--modern-line);
  padding: 12px 0 10px;
  position: sticky !important;
  top: 0;
  transition:
    background-color 0.25s ease,
    box-shadow 0.25s ease;
  z-index: 1000 !important;
}

.v5-header.is-scrolled {
  background: rgba(11, 13, 16, 0.97) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.32);
}

.v5-header__wrapper {
  align-items: center;
  display: grid;
  gap: 8px 28px;
  grid-template-areas:
    "brand actions"
    "nav nav";
  grid-template-columns: minmax(120px, 1fr) auto;
  justify-content: stretch;
}

.v5-header__info {
  display: flex;
  grid-area: brand;
  justify-content: flex-start;
  width: auto;
}

.v5-header__logo-wrapper {
  justify-content: flex-start;
  width: auto;
}

.v5-header__logo {
  border-radius: 12px;
  overflow: hidden;
  width: 118px !important;
}

.v5-header__logo img {
  aspect-ratio: 2.3 / 1;
  object-fit: cover;
  object-position: center 51%;
}

.v5-header__download {
  gap: 10px;
  grid-area: actions;
  justify-content: flex-end;
}

.v5-header__download-button {
  border-radius: 11px;
  font-size: 13px;
  letter-spacing: 0.035em;
  line-height: 1.2;
  min-height: 42px;
  padding: 11px 18px;
}

.v5-header__menu {
  align-items: center;
  grid-area: nav;
  justify-content: flex-start;
  order: initial;
  width: 100%;
}

.v5-header__menu-list_depth-0 {
  align-items: center;
  display: flex;
  gap: 2px;
  width: 100%;
}

.v5-header__menu-item {
  border-radius: 9px;
  padding: 6px 8px;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.v5-header__menu-item__link {
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.005em;
  line-height: 1.35;
  text-decoration: none;
}

.v5-header__menu-item__link.is-current {
  color: var(--modern-accent);
}

.v5-header__menu-list_depth-0 > .v5-header__menu-item:has(> .is-current) {
  background: rgba(255, 198, 47, 0.1);
}

.v5-header__menu-list_depth-1,
.v5-header__menu-list_depth-2 {
  background: #171b21 !important;
  border: 1px solid var(--modern-line);
  border-radius: 14px;
  box-shadow: var(--modern-shadow);
  gap: 3px !important;
  min-width: 230px !important;
  padding: 8px !important;
  width: max-content !important;
}

.v5-header__menu-list_depth-1 > .v5-header__menu-item,
.v5-header__menu-list_depth-2 > .v5-header__menu-item {
  justify-content: flex-start;
  padding: 9px 10px;
  width: 100%;
}

.v5-header__menu-list_depth-1 .v5-header__menu-item__link,
.v5-header__menu-list_depth-2 .v5-header__menu-item__link {
  font-size: 14px;
}

/* Buttons. */
.vAll-button,
.vAll-button_footer,
.vAll-button_header,
.vAll-button_hero,
.v5-download__card-btn {
  background: var(--modern-accent) !important;
  border: 1px solid var(--modern-accent) !important;
  border-radius: 12px !important;
  box-shadow: 0 9px 24px rgba(255, 198, 47, 0.16);
  color: #111318 !important;
  font-weight: 800 !important;
  letter-spacing: 0.015em;
  min-height: 48px;
  padding: 12px 22px;
  transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease !important;
}

.vAll-button_header-secondary,
.vAll-button_footer-secondary {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 12px !important;
  box-shadow: none;
  color: var(--modern-text) !important;
  font-weight: 750 !important;
}

.button_1::before,
.button_1::after {
  display: none !important;
}

/* Hero. */
.v5-heroscreen {
  background:
    radial-gradient(circle at 78% 40%, rgba(255, 198, 47, 0.18), transparent 25rem),
    linear-gradient(135deg, #101318 0%, #151a21 100%) !important;
  border-bottom: 1px solid var(--modern-line);
  overflow: hidden;
  padding: clamp(58px, 7vw, 104px) 0;
  position: relative;
}

.v5-heroscreen::before {
  border: 1px solid rgba(255, 198, 47, 0.16);
  border-radius: 50%;
  content: "";
  height: 440px;
  pointer-events: none;
  position: absolute;
  right: -130px;
  top: -210px;
  width: 440px;
}

.v5-heroscreen__content {
  align-items: center;
  display: grid;
  gap: clamp(38px, 6vw, 88px);
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
}

.v5-heroscreen__info {
  gap: 24px;
  max-width: 760px;
}

.v5-heroscreen__info-title {
  font-size: clamp(2.45rem, 5.2vw, 5rem);
  font-weight: 850;
  letter-spacing: -0.055em;
  line-height: 0.99;
}

.v5-heroscreen__info-title::after {
  background: var(--modern-accent);
  border-radius: 999px;
  content: "";
  display: block;
  height: 5px;
  margin-top: 24px;
  width: 68px;
}

.v5-heroscreen__info-description {
  color: #cbd0d8;
  font-size: clamp(1rem, 1.3vw, 1.17rem);
  line-height: 1.72;
  max-width: 66ch;
}

.v5-heroscreen__info-buttons {
  gap: 12px;
  margin-top: 5px;
}

.v5-heroscreen__info-buttons__item {
  min-height: 54px;
  padding-inline: 24px;
}

.v5-heroscreen__info-buttons__item:nth-child(even) {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow: none;
  color: var(--modern-text) !important;
}

.v5-heroscreen__img {
  align-items: center;
  aspect-ratio: 1;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--modern-radius-lg);
  box-shadow: var(--modern-shadow);
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: clamp(14px, 2.5vw, 28px);
  position: relative;
}

.v5-heroscreen__img::after {
  background: var(--modern-accent);
  border-radius: 999px;
  bottom: -45px;
  content: "";
  filter: blur(70px);
  height: 130px;
  opacity: 0.26;
  position: absolute;
  width: 70%;
}

.v5-heroscreen__img img {
  max-height: 540px;
  object-fit: contain;
  position: relative;
  width: 100%;
  z-index: 1;
}

/* Content sections. */
.section {
  margin: 0 !important;
  padding: clamp(54px, 7vw, 94px) 0 !important;
  scroll-margin-top: 145px;
}

.section + .section {
  border-top: 1px solid rgba(255, 255, 255, 0.055);
}

.section:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.012);
}

.v5-review__content,
.v5-welcome__content,
.v5-download__card,
.v5-author__card,
.v5-post-card,
.v5-calculator,
.v5-comment {
  background: var(--modern-surface) !important;
  border: 1px solid var(--modern-line);
  border-radius: var(--modern-radius-lg) !important;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.2);
}

.v5-review__content {
  padding: clamp(24px, 4vw, 46px);
}

.v5-review__head {
  align-items: flex-start;
  border-bottom: 1px solid var(--modern-line);
  gap: 24px;
  margin-bottom: 28px;
  padding-bottom: 26px;
}

.v5-review__head .section__title {
  margin-bottom: 0;
}

.v5-welcome__content {
  align-items: stretch;
  gap: clamp(26px, 4vw, 56px);
  overflow: hidden;
  padding: clamp(22px, 3.5vw, 42px);
}

.v5-welcome__info {
  justify-content: center;
}

.v5-welcome__img {
  background: var(--modern-surface-2);
  border: 1px solid var(--modern-line);
  border-radius: var(--modern-radius);
  min-height: 310px;
  overflow: hidden;
}

.v5-welcome__img-content {
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
  width: 100%;
}

.v5-how-to .container {
  background: var(--modern-surface);
  border: 1px solid var(--modern-line);
  border-radius: var(--modern-radius-lg);
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.18);
  padding: clamp(26px, 4vw, 50px);
}

.v5-how-to ol {
  counter-reset: modern-steps;
  display: grid;
  gap: 12px;
  list-style: none;
  margin-top: 24px;
  padding: 0;
}

.v5-how-to ol > li {
  background: var(--modern-surface-2);
  border: 1px solid var(--modern-line);
  border-radius: 14px;
  counter-increment: modern-steps;
  min-height: 58px;
  padding: 15px 18px 15px 66px;
  position: relative;
}

.v5-how-to ol > li::before {
  align-items: center;
  background: var(--modern-accent);
  border-radius: 10px;
  color: #111318;
  content: counter(modern-steps, decimal-leading-zero);
  display: flex;
  font-size: 13px;
  font-weight: 900;
  height: 36px;
  justify-content: center;
  left: 14px;
  position: absolute;
  top: 14px;
  width: 36px;
}

/* Table of contents and data tables. */
.v5-toc {
  background: var(--modern-surface) !important;
  border: 1px solid var(--modern-line-strong) !important;
  border-radius: var(--modern-radius) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
  padding: 0 !important;
}

.v5-toc__header {
  background: rgba(255, 198, 47, 0.06);
  border-bottom: 1px solid var(--modern-line);
  padding: 20px 24px;
}

.v5-toc__title {
  font-size: 1.25rem;
  font-weight: 800;
}

.v5-toc__button {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--modern-line) !important;
  border-radius: 9px !important;
  color: var(--modern-text) !important;
  font-weight: 750;
  padding: 7px 12px;
}

.v5-toc__menu {
  column-gap: 34px;
  columns: 2;
  padding: 22px 24px 26px !important;
}

.v5-toc__menu-item {
  break-inside: avoid;
  margin-bottom: 5px;
}

.v5-toc__menu-item__link {
  border-radius: 8px;
  color: #cfd4dc !important;
  display: block;
  font-size: 14px;
  line-height: 1.45;
  padding: 7px 9px 7px 22px;
  position: relative;
  text-decoration: none;
}

.v5-toc__menu-item__link::before {
  background: var(--modern-accent) !important;
  border-radius: 50%;
  height: 5px !important;
  left: 8px !important;
  top: 14px !important;
  width: 5px !important;
}

.horizontal-wrapper {
  border: 1px solid var(--modern-line);
  border-radius: 15px;
  margin: 26px 0;
  overflow: auto;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  color: #d9dde3;
  font-size: 15px;
  width: 100%;
}

table th {
  background: #21262e !important;
  color: var(--modern-text) !important;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 15px 18px !important;
  text-align: left;
}

table td {
  background: transparent !important;
  border-bottom: 1px solid var(--modern-line) !important;
  padding: 14px 18px !important;
}

table tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.025);
}

table tbody tr:last-child td {
  border-bottom: 0 !important;
}

table td:first-child {
  color: var(--modern-text);
  font-weight: 700;
}

/* Game, download and FAQ cards. */
.v5-games-advanced__list {
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.v5-games-advanced__card {
  background: var(--modern-surface) !important;
  border: 1px solid var(--modern-line);
  border-radius: var(--modern-radius) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition:
    border-color 0.25s ease,
    transform 0.25s ease;
}

.v5-games-advanced__card-content {
  padding: 22px;
}

.v5-games-advanced__card-info__title {
  font-size: 1.25rem;
}

.v5-games-advanced__card-details {
  background: var(--modern-surface-2);
  border: 1px solid var(--modern-line);
  border-radius: 12px;
  overflow: hidden;
}

.v5-download__card {
  padding: clamp(22px, 3vw, 36px);
}

.v5-faq__list {
  gap: 12px;
}

.v5-faq__list-item {
  background: var(--modern-surface) !important;
  border: 1px solid var(--modern-line) !important;
  border-radius: 15px !important;
  overflow: hidden;
  transition: border-color 0.2s ease;
}

.v5-faq__list-item[open] {
  border-color: var(--modern-line-strong) !important;
}

.v5-faq__list-item summary {
  padding: 20px 58px 20px 22px;
}

.v5-faq__list-item__question {
  color: var(--modern-text) !important;
  font-size: 1.05rem;
  font-weight: 750;
}

.v5-faq__list-item .text-block {
  border-top: 1px solid var(--modern-line);
  padding: 18px 22px 22px;
}

/* Footer and utility controls. */
.v5-footer {
  background: #080a0d !important;
  border-top: 1px solid var(--modern-line);
  margin-top: 0 !important;
  padding: 58px 0 26px;
}

.v5-footer__info {
  align-items: flex-start;
  border-bottom: 1px solid var(--modern-line);
  padding-bottom: 34px;
}

.v5-footer__logo {
  border-radius: 14px;
  overflow: hidden;
}

.v5-footer__content {
  gap: 28px;
  padding-top: 34px;
}

.v5-footer__menu-title {
  color: var(--modern-text) !important;
  font-weight: 800;
}

.v5-footer__menu-list__item-link,
.v5-footer__other-text {
  color: var(--modern-muted) !important;
}

.v5-to-top {
  background: var(--modern-accent) !important;
  border: 0 !important;
  border-radius: 14px !important;
  bottom: 22px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.32);
  color: #111318 !important;
  height: 48px;
  right: 22px;
  width: 48px;
}

@media (hover: hover) {
  .vAll-button:hover,
  .vAll-button_footer:hover,
  .vAll-button_header:hover,
  .vAll-button_hero:hover,
  .v5-download__card-btn:hover {
    background: var(--modern-accent-strong) !important;
    box-shadow: 0 13px 30px rgba(255, 198, 47, 0.23);
    transform: translateY(-2px);
  }

  .vAll-button_header-secondary:hover,
  .vAll-button_footer-secondary:hover,
  .v5-heroscreen__info-buttons__item:nth-child(even):hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.42) !important;
  }

  .v5-header__menu-list_depth-0 > .v5-header__menu-item:hover {
    background: rgba(255, 255, 255, 0.07);
  }

  .v5-header__menu-list_depth-1 > .v5-header__menu-item:hover,
  .v5-header__menu-list_depth-2 > .v5-header__menu-item:hover {
    background: var(--modern-accent);
    color: #111318;
  }

  .v5-toc__menu-item__link:hover {
    background: rgba(255, 198, 47, 0.08);
    color: var(--modern-text) !important;
  }

  .v5-games-advanced__card:hover {
    border-color: var(--modern-line-strong);
    transform: translateY(-5px);
  }

  .v5-welcome__img:hover .v5-welcome__img-content {
    transform: scale(1.025);
  }
}

@media (max-width: 1120px) {
  .v5-header__menu-list_depth-0 {
    gap: 0;
  }

  .v5-header__menu-item {
    padding-inline: 5px;
  }

  .v5-header__menu-item__link {
    font-size: 12px;
  }

  .v5-games-advanced__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1000px) {
  html {
    scroll-padding-top: 110px;
  }

  .v5-header {
    padding: 10px 0;
  }

  .v5-header__wrapper {
    display: flex;
    gap: 12px;
  }

  .v5-header__info {
    width: 100%;
  }

  .v5-header__logo {
    width: 106px !important;
  }

  .v5-header__panel {
    order: initial;
  }

  .v5-header .burger-btn {
    align-items: center;
    background: var(--modern-surface-2);
    border: 1px solid var(--modern-line);
    border-radius: 11px;
    height: 44px;
    justify-content: center;
    width: 44px;
  }

  .v5-header__download {
    gap: 8px;
    order: 1;
    width: 100%;
  }

  .v5-header__download-button {
    min-height: 42px;
    padding: 9px 12px;
  }

  .v5-header__menu {
    background: rgba(11, 13, 16, 0.99) !important;
    border-top: 1px solid var(--modern-line);
    gap: 0;
    height: calc(100dvh - var(--header-height));
    padding: 10px 12px 24px;
  }

  .v5-header__menu-list_depth-0 {
    gap: 2px;
  }

  .v5-header__menu-list_depth-0 > .v5-header__menu-item {
    border: 0 !important;
    border-radius: 10px;
    min-height: 50px;
    padding: 14px;
  }

  .v5-header__menu-item__link {
    font-size: 15px;
  }

  .v5-header__menu-list_depth-1,
  .v5-header__menu-list_depth-2 {
    background: #0d1014 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
    max-width: none;
    padding: 0 !important;
    width: 100% !important;
  }

  .v5-header__menu-list_depth-1 > .v5-header__menu-item {
    border-color: var(--modern-line) !important;
    border-radius: 0;
    padding: 15px 18px;
  }

  .v5-header__menu-list_depth-1 > .v5-header__menu-item_header {
    background: var(--modern-accent) !important;
    color: #111318 !important;
  }

  .v5-heroscreen {
    padding: 56px 0 64px;
  }

  .v5-heroscreen__content {
    gap: 36px;
    grid-template-columns: 1fr;
  }

  .v5-heroscreen__info {
    max-width: 800px;
  }

  .v5-heroscreen__img {
    aspect-ratio: auto;
    justify-self: stretch;
    max-height: 520px;
  }

  .v5-heroscreen__img img {
    max-height: 470px;
  }

  .section {
    scroll-margin-top: 110px;
  }

  .v5-welcome__content {
    grid-template-columns: 1fr;
  }

  .v5-welcome__img {
    max-height: 520px;
    order: -1;
  }
}

@media (max-width: 720px) {
  body {
    font-size: 16px;
    padding-bottom: 76px;
  }

  .container {
    padding-inline: 16px;
  }

  .v5-header__download-button {
    font-size: 11px;
    letter-spacing: 0;
  }

  .v5-heroscreen {
    padding: 44px 0 50px;
  }

  .v5-heroscreen__info-title {
    font-size: clamp(2.2rem, 12vw, 3.55rem);
  }

  .v5-heroscreen__info-description {
    font-size: 1rem;
  }

  .v5-heroscreen__info-buttons {
    align-items: stretch;
    flex-direction: column;
  }

  .v5-heroscreen__info-buttons__item {
    width: 100%;
  }

  .v5-heroscreen__img {
    border-radius: 20px;
    padding: 12px;
  }

  .section {
    padding: 50px 0 !important;
  }

  .section__title {
    font-size: clamp(1.65rem, 8vw, 2.25rem);
  }

  .v5-review__content,
  .v5-how-to .container,
  .v5-welcome__content {
    border-radius: 18px !important;
    padding: 22px;
  }

  .v5-review__head {
    align-items: stretch;
    flex-direction: column;
  }

  .v5-review__head .vAll-button {
    width: 100%;
  }

  .v5-toc__menu {
    columns: 1;
    padding: 14px 12px 18px !important;
  }

  .v5-toc__header {
    padding: 16px;
  }

  .v5-games-advanced__list {
    grid-template-columns: 1fr;
  }

  .v5-welcome__img {
    min-height: 220px;
  }

  .v5-how-to ol > li {
    padding: 14px 14px 14px 58px;
  }

  .v5-how-to ol > li::before {
    height: 32px;
    left: 12px;
    top: 13px;
    width: 32px;
  }

  .horizontal-wrapper {
    border-radius: 12px;
    margin-inline: -6px;
  }

  .v5-footer {
    padding-top: 42px;
  }
}

@media (max-width: 920px) {
  .v5-download {
    backdrop-filter: blur(18px);
    background: rgba(8, 10, 13, 0.9) !important;
    border-top: 1px solid var(--modern-line);
    padding: 7px max(8px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom))
      max(8px, env(safe-area-inset-left));
    z-index: 1100;
  }

  .v5-download__card {
    background: var(--modern-surface) !important;
    border: 1px solid var(--modern-line) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
    min-height: 58px;
    padding: 7px 9px 7px 14px !important;
  }

  .v5-download__card::before {
    display: none;
  }

  .v5-download__card-content:empty {
    display: none;
  }

  .v5-download__card-btn {
    min-height: 44px;
    padding: 9px 16px;
  }

  .v5-download__card:has(.v5-download__card-content:empty) .v5-download__card-btn {
    width: 100%;
  }

  .v5-to-top {
    bottom: 86px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* Content media and FAQ refresh. */
.v5-welcome__content:has(> .v5-welcome__img) {
  align-items: center;
  display: grid;
  gap: clamp(34px, 5vw, 72px);
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
  overflow: visible;
}

.v5-welcome__content:has(> .v5-welcome__img) .v5-welcome__info {
  min-width: 0;
}

.v5-welcome__img {
  aspect-ratio: auto;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  isolation: isolate;
  min-height: 0;
  overflow: visible;
  padding: 10px;
  position: relative;
}

.v5-welcome__img::before {
  background: var(--modern-accent);
  border-radius: 24px;
  bottom: -7px;
  content: "";
  left: -7px;
  opacity: 0.9;
  position: absolute;
  right: 22px;
  top: 22px;
  transform: rotate(-1.8deg);
  z-index: -2;
}

.v5-welcome__img::after {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 19px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
  content: "";
  inset: 10px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.v5-welcome__img-content {
  aspect-ratio: auto;
  background: var(--modern-surface-3);
  border-radius: 20px;
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.38);
  height: auto;
  object-fit: contain;
  position: relative;
  transform: translateZ(0);
  width: 100%;
  z-index: 1;
}

.section:nth-of-type(even) .v5-welcome__content:has(> .v5-welcome__img) {
  grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1fr);
}

.section:nth-of-type(even) .v5-welcome__img {
  grid-column: 1;
  grid-row: 1;
}

.section:nth-of-type(even) .v5-welcome__info {
  grid-column: 2;
  grid-row: 1;
}

.section:nth-of-type(even) .v5-welcome__img::before {
  left: 22px;
  right: -7px;
  transform: rotate(1.8deg);
}

.text-block > img,
.text-block > p > img {
  background: var(--modern-surface-2);
  border: 1px solid var(--modern-line);
  border-radius: 20px;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.3);
  display: block;
  margin: 28px auto;
  padding: 7px;
}

.v5-faq .container {
  gap: clamp(24px, 4vw, 42px);
}

.v5-faq__list {
  counter-reset: faq-item;
  gap: 12px;
  margin-inline: auto;
  max-width: 1040px;
  width: 100%;
}

.v5-faq__list-item {
  background: rgba(18, 21, 26, 0.82) !important;
  border: 1px solid var(--modern-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.12);
  counter-increment: faq-item;
  overflow: hidden;
  padding: 0 !important;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.v5-faq__list-item summary {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: 48px minmax(0, 1fr) 42px;
  min-height: 86px;
  padding: 16px 18px;
}

.v5-faq__list-item summary::before {
  align-items: center;
  background: rgba(255, 198, 47, 0.1);
  border: 1px solid rgba(255, 198, 47, 0.28);
  border-radius: 13px;
  color: var(--modern-accent) !important;
  content: counter(faq-item, decimal-leading-zero) !important;
  display: flex;
  font-family: inherit !important;
  font-size: 13px;
  font-weight: 850;
  grid-column: 1;
  height: 48px;
  justify-content: center;
  left: auto;
  letter-spacing: 0.04em;
  line-height: 1;
  position: static;
  top: auto;
  transform: none !important;
  width: 48px;
}

.v5-faq__list-item summary::after {
  align-items: center;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid var(--modern-line);
  border-radius: 50%;
  color: var(--modern-text);
  content: "+";
  display: flex;
  font-size: 26px;
  font-weight: 400;
  grid-column: 3;
  height: 38px;
  justify-content: center;
  line-height: 1;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
  width: 38px;
}

.v5-faq__list-item__question {
  color: var(--modern-text) !important;
  font-size: clamp(1.05rem, 1.7vw, 1.34rem);
  font-weight: 760;
  grid-column: 2;
  letter-spacing: -0.018em;
  line-height: 1.35;
  margin: 0 !important;
}

.v5-faq__list-item .text-block {
  border-top: 1px solid var(--modern-line);
  color: #cbd1da;
  margin: 0 22px 0 84px;
  padding: 22px 0 26px;
  width: auto;
}

.v5-faq__list-item[open] {
  background:
    linear-gradient(90deg, rgba(255, 198, 47, 0.055), transparent 42%), var(--modern-surface) !important;
  border-color: rgba(255, 198, 47, 0.42) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
}

.v5-faq__list-item[open] summary::before {
  background: var(--modern-accent);
  border-color: var(--modern-accent);
  color: #111318 !important;
}

.v5-faq__list-item[open] summary::after {
  background: var(--modern-accent);
  border-color: var(--modern-accent);
  color: #111318;
  content: "−";
  transform: rotate(180deg);
}

@media (hover: hover) {
  .v5-welcome__img:hover .v5-welcome__img-content {
    transform: translateY(-5px) scale(1.012);
  }

  .v5-faq__list-item:hover {
    border-color: rgba(255, 198, 47, 0.3) !important;
    transform: translateY(-2px);
  }

  .v5-faq__list-item summary:hover::after {
    background: rgba(255, 198, 47, 0.12);
    border-color: rgba(255, 198, 47, 0.35);
  }
}

@media (max-width: 1024px) {
  .v5-welcome__content:has(> .v5-welcome__img),
  .section:nth-of-type(even) .v5-welcome__content:has(> .v5-welcome__img) {
    display: flex;
    gap: 34px;
  }

  .section:nth-of-type(even) .v5-welcome__img,
  .section:nth-of-type(even) .v5-welcome__info {
    grid-column: auto;
    grid-row: auto;
  }

  .v5-welcome__img {
    max-height: none;
    order: -1;
    width: min(100%, 720px);
  }
}

@media (max-width: 720px) {
  .v5-welcome__content:has(> .v5-welcome__img),
  .section:nth-of-type(even) .v5-welcome__content:has(> .v5-welcome__img) {
    gap: 26px;
  }

  .v5-welcome__img {
    aspect-ratio: auto;
    margin-inline: -4px;
    min-height: 0;
    padding: 7px;
    width: calc(100% + 8px);
  }

  .v5-welcome__img::before,
  .section:nth-of-type(even) .v5-welcome__img::before {
    border-radius: 18px;
    bottom: -4px;
    left: -4px;
    right: 14px;
    top: 16px;
    transform: rotate(-1deg);
  }

  .v5-welcome__img::after {
    border-radius: 15px;
    inset: 7px;
  }

  .v5-welcome__img-content {
    aspect-ratio: auto;
    border-radius: 16px;
  }

  .v5-faq__list {
    gap: 10px;
  }

  .v5-faq__list-item {
    border-radius: 15px !important;
  }

  .v5-faq__list-item summary {
    gap: 12px;
    grid-template-columns: 38px minmax(0, 1fr) 34px;
    min-height: 72px;
    padding: 13px 12px;
  }

  .v5-faq__list-item summary::before {
    border-radius: 10px;
    font-size: 11px;
    height: 38px;
    width: 38px;
  }

  .v5-faq__list-item summary::after {
    font-size: 22px;
    height: 32px;
    width: 32px;
  }

  .v5-faq__list-item__question {
    font-size: 1rem;
    line-height: 1.35;
  }

  .v5-faq__list-item .text-block {
    margin: 0 14px;
    padding: 17px 0 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v5-welcome__img-content,
  .v5-faq__list-item,
  .v5-faq__list-item summary::after {
    transition: none !important;
  }
}

/* Adaptive table-of-contents navigation. */
.v5-toc {
  margin-inline: auto;
  max-width: 1080px;
  overflow: hidden;
}

.v5-toc__header {
  min-height: 76px;
  padding: 18px 24px;
}

.v5-toc__title {
  align-items: center;
  display: flex;
  font-size: clamp(1.15rem, 2vw, 1.42rem);
  gap: 13px;
  letter-spacing: -0.018em;
}

.v5-toc__title::before {
  background: var(--modern-accent);
  border-radius: 999px;
  content: "";
  height: 28px;
  width: 4px;
}

.v5-toc__button {
  align-items: center;
  display: inline-flex;
  gap: 9px;
  justify-content: center;
  min-width: 84px;
}

.v5-toc__button::after {
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  content: "";
  height: 7px;
  margin-top: -4px;
  transform: rotate(45deg);
  transition: transform 0.22s ease;
  width: 7px;
}

.v5-toc__button.open::after,
.v5-toc.dropdown-list_open .v5-toc__button::after {
  margin-top: 4px;
  transform: rotate(225deg);
}

.v5-toc__menu {
  columns: auto;
  counter-reset: toc-item;
  display: grid;
  gap: 5px 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  height: 0;
  opacity: 0;
  padding: 0 22px !important;
  transition:
    height 0.3s ease,
    opacity 0.25s ease,
    padding 0.3s ease;
}

.v5-toc.dropdown-list_open .v5-toc__menu {
  height: auto !important;
  opacity: 1 !important;
  padding: 18px 22px 24px !important;
}

.v5-toc__menu-item,
.v5-toc__menu-item:first-child {
  counter-increment: toc-item;
  margin: 0;
  min-width: 0;
}

.v5-toc__menu-item__link {
  align-items: flex-start;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #cfd4dc !important;
  display: flex;
  font-size: 14px;
  gap: 11px;
  line-height: 1.45;
  min-height: 44px;
  padding: 10px 11px !important;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
  width: 100%;
}

.v5-toc__menu-item__link::before {
  background: transparent !important;
  color: var(--modern-muted);
  content: counter(toc-item, decimal-leading-zero) !important;
  flex: 0 0 25px;
  font-size: 11px;
  font-weight: 850;
  height: auto !important;
  left: auto !important;
  letter-spacing: 0.025em;
  line-height: 1.85;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  width: 25px !important;
}

.v5-toc__menu-item__link.is-active {
  background: rgba(255, 198, 47, 0.1);
  border-color: rgba(255, 198, 47, 0.24);
  color: var(--modern-text) !important;
}

.v5-toc__menu-item__link.is-active::before {
  color: var(--modern-accent);
}

@media (hover: hover) {
  .v5-toc__menu-item__link:hover {
    background: rgba(255, 255, 255, 0.055);
    border-color: var(--modern-line);
  }
}

@media (max-width: 768px) {
  .v5-toc__header {
    min-height: 64px;
    padding: 14px 15px;
  }

  .v5-toc__title {
    font-size: 1.08rem;
    gap: 10px;
  }

  .v5-toc__title::before {
    height: 22px;
  }

  .v5-toc__button {
    min-width: 76px;
    padding: 7px 10px;
  }

  .v5-toc__menu {
    gap: 3px;
    grid-template-columns: 1fr;
    padding-inline: 10px !important;
  }

  .v5-toc.dropdown-list_open .v5-toc__menu {
    max-height: min(62vh, 540px);
    overflow-y: auto;
    padding: 10px 10px 14px !important;
  }

  .v5-toc__menu-item__link {
    font-size: 13px;
    min-height: 42px;
    padding: 9px 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v5-toc__button::after,
  .v5-toc__menu,
  .v5-toc__menu-item__link {
    transition: none !important;
  }
}

/* Bright, high-contrast hover states for the dark theme. */
@media (hover: hover) {
  .vAll-button:not(:disabled):hover,
  .vAll-button_header:not(:disabled):hover,
  .vAll-button_footer:not(:disabled):hover,
  .vAll-button_hero:not(:disabled):hover,
  .v5-download__card-btn:hover,
  .v5-promocode__btn:not(:disabled):hover,
  .v5-comments__form-button:not(:disabled):hover {
    background: #ffe078 !important;
    border-color: #ffe078 !important;
    box-shadow:
      0 14px 34px rgba(255, 198, 47, 0.3),
      0 0 0 3px rgba(255, 198, 47, 0.08);
    color: #0b0d10 !important;
    filter: none !important;
    transform: translateY(-2px);
  }

  .vAll-button_header-secondary:not(:disabled):hover,
  .vAll-button_footer-secondary:not(:disabled):hover,
  .vAll-button_secondary:not(:disabled):hover,
  .v5-heroscreen__info-buttons__item:nth-child(even):not(:disabled):hover {
    background: rgba(255, 198, 47, 0.14) !important;
    border-color: var(--modern-accent) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 217, 102, 0.12),
      0 10px 26px rgba(255, 198, 47, 0.12) !important;
    color: var(--modern-accent-strong) !important;
    filter: none !important;
    transform: translateY(-2px);
  }

  .v5-toc__button:hover,
  .v5-to-top:hover,
  .v5-welcome__img-btn:hover {
    background: var(--modern-accent-strong) !important;
    border-color: var(--modern-accent-strong) !important;
    color: #0b0d10 !important;
    filter: none !important;
  }
}

.vAll-button:not(:disabled):active,
.vAll-button_header:not(:disabled):active,
.vAll-button_footer:not(:disabled):active,
.vAll-button_hero:not(:disabled):active,
.vAll-button_header-secondary:not(:disabled):active,
.vAll-button_footer-secondary:not(:disabled):active,
.vAll-button_secondary:not(:disabled):active,
.v5-download__card-btn:active {
  box-shadow: none !important;
  transform: translateY(0) scale(0.985) !important;
}

/* Keep desktop navigation legible on the dark header. */
@media (hover: hover) {
  .v5-header__menu-list_depth-0 > .v5-header__menu-item:hover {
    background: rgba(255, 198, 47, 0.12) !important;
    color: var(--modern-accent-strong) !important;
  }

  .v5-header__menu-list_depth-0 > .v5-header__menu-item:hover > .v5-header__menu-item__link,
  .v5-header__menu-list_depth-0 > .v5-header__menu-item:hover > .v5-header__menu-item__btn {
    color: var(--modern-accent-strong) !important;
    text-decoration-color: transparent !important;
  }

  .v5-header__menu-list_depth-1 > .v5-header__menu-item:hover > .v5-header__menu-item__link,
  .v5-header__menu-list_depth-1 > .v5-header__menu-item:hover > .v5-header__menu-item__btn,
  .v5-header__menu-list_depth-2 > .v5-header__menu-item:hover > .v5-header__menu-item__link,
  .v5-header__menu-list_depth-2 > .v5-header__menu-item:hover > .v5-header__menu-item__btn {
    color: #0b0d10 !important;
  }
}

/* PokerDom refresh: light lobby, black header and green action system. */
:root {
  --modern-bg: #f4f5f6;
  --modern-surface: #ffffff;
  --modern-surface-2: #f1f3f4;
  --modern-surface-3: #e9ecef;
  --modern-text: #121417;
  --modern-muted: #697078;
  --modern-accent: #2bd379;
  --modern-accent-strong: #43df8b;
  --modern-positive: #2bd379;
  --modern-line: #e2e5e8;
  --modern-line-strong: rgba(43, 211, 121, 0.48);
  --modern-shadow: 0 24px 70px rgba(22, 29, 37, 0.12);
  --site-bg: var(--modern-bg) !important;
  --site-text: var(--modern-text) !important;
  --header-bg: #050606 !important;
  --header-text: #ffffff !important;
  --h-menu-burger: #ffffff !important;
  --h-menu-burger-hover: #2bd379 !important;
  --h-menu-item-text: #e8ebed !important;
  --h-menu-item-text-hover: #101311 !important;
  --h-menu-item-bg: #090b0a !important;
  --h-menu-item-bg-hover: #2bd379 !important;
  --h-menu-s-item-bg: #121513 !important;
  --h-menu-s-item-text: #f4f6f5 !important;
  --h-menu-divider: rgba(255, 255, 255, 0.11) !important;
  --card-bg: #ffffff !important;
  --card-text: #121417 !important;
  --card-text-secondary: #697078 !important;
  --text-main: #121417 !important;
  --text-secondary: #697078 !important;
  --links-color: #118b4a !important;
  --line-main: #2bd379 !important;
  --line-secondary: #e2e5e8 !important;
  --contrast-bg: #2bd379 !important;
  --contrast-color: #08110c !important;
  --heroscreen-block-bg: #10102d !important;
  --heroscreen-main-color: #ffffff !important;
  --heroscreen-secondary-color: #d9dae4 !important;
  --heroscreen-breadcrumbs-color: #bbbecb !important;
  --heroscreen-breadcrumbs-active-color: #ffffff !important;
  --thead-bg: #111527 !important;
  --thead-text: #ffffff !important;
  --trow-bg: #ffffff !important;
  --trow-text: #15191d !important;
  --trow-border: #e5e8ea !important;
  --trow-secondary-bg: #f5f7f8 !important;
  --trow-secondary-text: #15191d !important;
  --c-field-bg: #ffffff !important;
  --c-field-border: #d8dde0 !important;
  --c-field-border-focus: #2bd379 !important;
  --c-field-text: #171a1d !important;
  --c-field-placeholder: #899198 !important;
  color-scheme: light;
}

html {
  background: var(--modern-bg);
  scroll-padding-top: 132px;
}

body {
  background: var(--modern-bg) !important;
  color: var(--modern-text);
  overflow-x: hidden;
}

::selection {
  background: rgba(43, 211, 121, 0.9);
  color: #07110b;
}

.scroll-progress {
  background: var(--modern-accent);
  box-shadow: 0 0 18px rgba(43, 211, 121, 0.45);
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline-color: var(--modern-accent);
}

.skip-link {
  background: var(--modern-accent);
  color: #07110b;
}

/* Compact lobby header. */
.v5-header {
  backdrop-filter: blur(18px);
  background: rgba(5, 6, 6, 0.97) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
  min-height: 82px;
  padding: 13px 0;
}

.v5-header.is-scrolled {
  background: rgba(5, 6, 6, 0.985) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.2);
}

.v5-header__wrapper {
  display: grid !important;
  gap: 12px;
  grid-template-areas: "brand actions panel";
  grid-template-columns: minmax(190px, 1fr) auto auto;
  min-height: 56px;
}

.v5-header__info {
  display: contents !important;
}

.v5-header__logo-wrapper {
  display: flex !important;
  grid-area: brand;
  justify-content: flex-start;
  width: auto;
}

.v5-header__logo {
  align-items: center;
  border-radius: 0;
  display: inline-flex;
  gap: 10px;
  overflow: visible;
  text-decoration: none;
  width: auto !important;
}

.v5-header__logo img {
  display: none;
}

.v5-header__logo::before {
  align-items: center;
  background: var(--modern-accent);
  border-radius: 13px 13px 13px 4px;
  color: #07110b;
  content: "F";
  display: flex;
  font-size: 25px;
  font-weight: 950;
  height: 42px;
  justify-content: center;
  letter-spacing: -0.08em;
  line-height: 1;
  transform: rotate(-2deg);
  width: 42px;
}

.v5-header__logo::after {
  color: #ffffff;
  content: "PokerDom";
  font-size: 25px;
  font-weight: 850;
  letter-spacing: -0.045em;
  line-height: 1;
}

.v5-header__download {
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  grid-area: actions;
  width: auto;
}

.v5-header__download::before {
  align-items: center;
  background:
    radial-gradient(circle at 35% 30%, #f5f6ff 0 10%, transparent 11%),
    linear-gradient(145deg, #9b4dff, #2bd379 62%, #d8dae8);
  border: 3px solid rgba(255, 255, 255, 0.64);
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 3px #24283c,
    0 5px 16px rgba(65, 40, 170, 0.35);
  color: #ffffff;
  content: "F";
  display: flex;
  font-size: 15px;
  font-weight: 900;
  height: 43px;
  justify-content: center;
  margin-right: 8px;
  transform: rotate(5deg);
  width: 43px;
}

.reference-login,
.v5-header__download-button {
  align-items: center;
  border-radius: 999px !important;
  display: inline-flex;
  font-size: 13px;
  font-weight: 850 !important;
  justify-content: center;
  letter-spacing: 0.02em;
  min-height: 46px;
  min-width: 138px;
  padding: 11px 22px;
  text-decoration: none;
  text-transform: uppercase;
}

.reference-login {
  background: transparent;
  border: 1px solid #6e7275;
  color: #ffffff;
  transition:
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.v5-header__download-button.vAll-button_header {
  background: var(--modern-accent) !important;
  border-color: var(--modern-accent) !important;
  box-shadow: none;
  color: #07110b !important;
}

.v5-header__download-button.vAll-button_header-secondary {
  display: none;
}

.v5-header__panel {
  grid-area: panel;
  order: initial;
}

.v5-header .burger-btn {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px;
  display: flex !important;
  height: 46px;
  justify-content: center;
  width: 46px;
}

.v5-header .burger-btn__icon,
.v5-header .burger-btn__icon::before,
.v5-header .burger-btn__icon::after {
  background-color: #ffffff !important;
}

/* Full navigation is available from the hamburger, matching the reference header. */
.v5-header__menu {
  align-items: stretch;
  background: rgba(8, 10, 9, 0.985) !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0 0 0 20px;
  box-shadow: -18px 30px 60px rgba(0, 0, 0, 0.3);
  display: flex !important;
  flex-flow: column nowrap;
  gap: 0;
  height: calc(100dvh - 82px);
  justify-content: flex-start;
  opacity: 0;
  overflow-y: auto;
  padding: 18px;
  position: fixed;
  right: 0;
  top: 82px;
  transform: translateX(105%);
  transition:
    opacity 0.25s ease,
    transform 0.3s ease,
    visibility 0.3s ease;
  visibility: hidden;
  width: min(390px, 92vw);
  z-index: 1200;
}

.v5-header__menu[data-state="open"] {
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
}

.v5-header__menu-list_depth-0 {
  display: flex !important;
  flex-flow: column nowrap;
  gap: 4px !important;
  width: 100%;
}

.v5-header__menu-list_depth-0 > .v5-header__menu-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 11px;
  justify-content: space-between;
  min-height: 52px;
  padding: 14px 12px;
  width: 100%;
}

.v5-header__menu-item__link {
  font-size: 15px;
  font-weight: 720;
}

.v5-header__menu-item__link.is-current {
  color: var(--modern-accent);
}

.v5-header__menu-list_depth-1,
.v5-header__menu-list_depth-2 {
  background: #121513 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  left: auto !important;
  min-width: 230px !important;
  padding: 8px !important;
  right: calc(100% + 8px) !important;
  top: 0 !important;
  width: max-content !important;
}

/* White category rail under the black header. */
.site-categories {
  background: #ffffff;
  border-bottom: 1px solid #e0e3e5;
  box-shadow: 0 3px 12px rgba(23, 29, 34, 0.06);
  position: relative;
  z-index: 20;
}

.site-categories__inner {
  align-items: stretch;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 64px;
  padding-inline: clamp(18px, 5vw, 96px);
}

.site-categories__item {
  align-items: center;
  border-bottom: 3px solid transparent;
  color: #151719;
  display: flex;
  font-size: 15px;
  font-weight: 760;
  gap: 10px;
  justify-content: center;
  padding: 12px 18px 9px;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.site-categories__item.is-current {
  border-bottom-color: var(--modern-accent);
  color: #0c8e49;
}

.site-categories__icon {
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: flex;
  font-size: 13px;
  height: 27px;
  justify-content: center;
  line-height: 1;
  width: 27px;
}

.site-categories__icon--coral {
  color: #ff756b;
}

.site-categories__icon--green {
  color: #2bcf77;
}

.site-categories__icon--violet {
  color: #8f63ef;
}

.site-categories__icon--blue {
  color: #5f92ff;
}

/* Loyalty banner is shown on the homepage only. */
.loyalty-banner {
  background: var(--modern-bg);
  padding: 38px 0 0;
}

.loyalty-banner__card {
  align-items: center;
  background: linear-gradient(105deg, #281052 0%, #0d2872 58%, #07184c 100%);
  border-radius: 999px;
  box-shadow: 0 14px 34px rgba(14, 31, 91, 0.12);
  color: #ffffff;
  display: grid;
  gap: 22px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 72px;
  overflow: hidden;
  padding: 9px 13px 9px 18px;
  position: relative;
}

.loyalty-banner__card::after {
  background: rgba(139, 74, 255, 0.28);
  border-radius: 50%;
  content: "";
  filter: blur(24px);
  height: 90px;
  position: absolute;
  right: 17%;
  top: -45px;
  width: 180px;
}

.loyalty-banner__coins {
  display: flex;
  padding-left: 3px;
}

.loyalty-banner__coins span {
  align-items: center;
  background: linear-gradient(145deg, #ffe774, #c88b08);
  border: 3px solid #f8db62;
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 2px #8a5d05,
    0 4px 9px rgba(0, 0, 0, 0.22);
  color: #704900;
  display: flex;
  font-size: 12px;
  font-weight: 950;
  height: 38px;
  justify-content: center;
  margin-left: -8px;
  width: 38px;
}

.loyalty-banner__coins span:nth-child(2) {
  background: linear-gradient(145deg, #ff7d78, #c62835);
  border-color: #ff9f94;
  color: #67111b;
  transform: translateY(-3px);
}

.loyalty-banner__coins span:nth-child(3) {
  background: linear-gradient(145deg, #5be693, #0e9d53);
  border-color: #7ff0aa;
  color: #075e30;
}

.loyalty-banner__card p {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 18px;
  line-height: 1.35;
  min-width: 0;
}

.loyalty-banner__card p strong {
  font-size: 17px;
}

.loyalty-banner__card p span {
  color: #d4d8ec;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.loyalty-banner__card > a {
  background: var(--modern-accent);
  border-radius: 999px;
  color: #07110b;
  font-size: 14px;
  font-weight: 850;
  min-width: 170px;
  padding: 14px 22px;
  position: relative;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

/* Promotional hero card. */
.v5-heroscreen {
  background: var(--modern-bg) !important;
  border: 0;
  overflow: visible;
  padding: 38px 0 18px;
}

.v5-heroscreen::before {
  display: none;
}

.v5-heroscreen__content {
  align-items: center;
  background:
    radial-gradient(circle at 77% 42%, rgba(217, 42, 255, 0.64), transparent 31%),
    radial-gradient(circle at 98% 15%, rgba(93, 67, 255, 0.6), transparent 27%),
    linear-gradient(105deg, #050608 0%, #11102e 45%, #38105c 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px;
  box-shadow: 0 22px 48px rgba(29, 24, 64, 0.2);
  gap: clamp(26px, 5vw, 72px);
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr);
  min-height: 440px;
  overflow: hidden;
  padding: clamp(34px, 4.5vw, 64px);
  position: relative;
}

.v5-heroscreen__content::after {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
  inset: 0;
  mask-image: linear-gradient(90deg, transparent, #000 70%);
  opacity: 0.38;
  pointer-events: none;
  position: absolute;
}

.v5-heroscreen__info {
  gap: 20px;
  max-width: 690px;
  min-width: 0;
  position: relative;
  z-index: 2;
}

.hero-kicker {
  align-items: center;
  color: #78f0ac;
  display: flex;
  font-size: 12px;
  font-weight: 850;
  gap: 9px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.hero-kicker::before {
  background: var(--modern-accent);
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(43, 211, 121, 0.13);
  content: "";
  height: 8px;
  width: 8px;
}

.v5-heroscreen__info-title {
  color: #ffffff !important;
  font-size: clamp(2.25rem, 4.3vw, 4rem);
  font-weight: 850;
  letter-spacing: -0.05em;
  line-height: 1.03;
  overflow-wrap: anywhere;
}

.v5-heroscreen__info-title::after {
  display: none;
}

.v5-heroscreen__info-description {
  color: #d8dae4 !important;
  font-size: clamp(0.95rem, 1.15vw, 1.07rem);
  line-height: 1.62;
  max-width: 64ch;
}

.v5-heroscreen__info-description a,
.v5-breadcrumbs__item-link {
  color: #8cf0b6 !important;
}

.v5-heroscreen > .container > .v5-breadcrumbs .v5-breadcrumbs__item-link {
  color: #0d9750 !important;
}

.v5-heroscreen > .container > .v5-breadcrumbs .v5-breadcrumbs__item:not(:last-child)::after {
  background-color: #9aa19d;
}

.v5-heroscreen__info-buttons {
  gap: 12px;
  margin-top: 4px;
}

.v5-heroscreen__info-buttons__item,
.vAll-button,
.vAll-button_footer,
.vAll-button_header,
.vAll-button_hero,
.v5-download__card-btn {
  background: var(--modern-accent) !important;
  border: 1px solid var(--modern-accent) !important;
  border-radius: 999px !important;
  box-shadow: none;
  color: #07110b !important;
  font-weight: 850 !important;
}

.v5-heroscreen__info-buttons__item {
  min-height: 54px;
  padding-inline: 28px;
}

.v5-heroscreen__info-buttons__item:nth-child(even) {
  background: rgba(255, 255, 255, 0.055) !important;
  border-color: rgba(255, 255, 255, 0.54) !important;
  color: #ffffff !important;
}

.v5-heroscreen__img {
  align-self: stretch;
  aspect-ratio: auto;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-height: 330px;
  overflow: visible;
  padding: 0;
  position: relative;
  z-index: 2;
}

.v5-heroscreen__img::before {
  background: radial-gradient(circle, rgba(175, 44, 255, 0.8), rgba(57, 28, 136, 0) 70%);
  content: "";
  inset: 12% 0 0;
  filter: blur(14px);
  position: absolute;
}

.v5-heroscreen__img::after {
  background: var(--modern-accent);
  bottom: 4%;
  filter: blur(70px);
  height: 80px;
  opacity: 0.17;
}

.v5-heroscreen__img img {
  filter: drop-shadow(0 25px 24px rgba(0, 0, 0, 0.4));
  max-height: 430px;
  object-fit: contain;
  transform: scale(1.08) translateY(9px);
}

.hero-dots {
  bottom: 2px;
  display: flex;
  gap: 9px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 4;
}

.hero-dots i {
  background: rgba(255, 255, 255, 0.48);
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

.hero-dots i:first-child {
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.12);
}

/* Light content system. */
.section {
  background: transparent !important;
  border-top: 0 !important;
  padding: clamp(48px, 6vw, 82px) 0 !important;
  scroll-margin-top: 126px;
}

.section:nth-of-type(even) {
  background: #f9fafb !important;
}

.section__title,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--modern-text);
}

.section__title {
  font-size: clamp(1.8rem, 3vw, 2.8rem);
}

.section__title::before {
  background: var(--modern-accent);
}

.text-block {
  color: #4e555c;
}

.text-block a:not([class]) {
  color: #0d8e48;
  text-decoration-color: rgba(13, 142, 72, 0.34);
}

.text-block li::marker {
  color: #12a456;
}

.v5-review__content,
.v5-welcome__content,
.v5-download__card,
.v5-author__card,
.v5-post-card,
.v5-calculator,
.v5-comment,
.v5-how-to .container {
  background: #ffffff !important;
  border: 1px solid var(--modern-line) !important;
  box-shadow: 0 16px 44px rgba(26, 35, 42, 0.07);
}

.v5-review__head,
.v5-faq__list-item .text-block,
.v5-footer__info {
  border-color: var(--modern-line);
}

.v5-how-to ol > li,
.v5-games-advanced__card-details {
  background: #f5f7f8;
  border-color: #e2e6e8;
}

.v5-how-to ol > li::before {
  background: var(--modern-accent);
  color: #07110b;
}

.v5-welcome__img::before {
  background: var(--modern-accent);
  opacity: 0.72;
}

.v5-welcome__img-content,
.text-block > img,
.text-block > p > img {
  background: #ffffff;
  border-color: var(--modern-line);
  box-shadow: 0 20px 48px rgba(24, 32, 38, 0.12);
}

.v5-toc {
  background: #ffffff !important;
  border-color: rgba(43, 211, 121, 0.48) !important;
  box-shadow: 0 14px 38px rgba(25, 35, 42, 0.07);
}

.v5-toc__header {
  background: rgba(43, 211, 121, 0.075);
  border-color: #dfe5e1;
}

.v5-toc__button {
  background: #ffffff !important;
  border-color: #d8ddda !important;
  color: #171b18 !important;
}

.v5-toc__title::before {
  background: var(--modern-accent);
}

.v5-toc__menu-item__link {
  color: #535b62 !important;
}

.v5-toc__menu-item__link::before {
  color: #889098;
}

.v5-toc__menu-item__link.is-active {
  background: rgba(43, 211, 121, 0.1);
  border-color: rgba(43, 211, 121, 0.28);
  color: #111713 !important;
}

.v5-toc__menu-item__link.is-active::before {
  color: #0d9850;
}

.horizontal-wrapper {
  background: #ffffff;
  border-color: #dfe3e6;
}

table {
  color: #40464c;
}

table th {
  background: #111527 !important;
  color: #ffffff !important;
}

table td {
  background: transparent !important;
  border-color: #e6e9eb !important;
}

table tbody tr:nth-child(even) {
  background: #f7f8f9;
}

table td:first-child {
  color: #15191d;
}

.v5-games-advanced__card {
  background: #ffffff !important;
  border-color: #e0e4e7;
  box-shadow: 0 14px 36px rgba(29, 37, 44, 0.08);
}

.v5-games-advanced__card-detail__title,
.v5-games-advanced__card-detail__value {
  color: #535b62 !important;
}

.v5-faq__list-item {
  background: #ffffff !important;
  border-color: #e0e4e7 !important;
  box-shadow: 0 9px 28px rgba(26, 35, 42, 0.06);
}

.v5-faq__list-item summary::before {
  background: rgba(43, 211, 121, 0.1);
  border-color: rgba(43, 211, 121, 0.28);
  color: #0d9850 !important;
}

.v5-faq__list-item summary::after {
  background: #f4f6f5;
  border-color: #dce1de;
  color: #171b18;
}

.v5-faq__list-item__question {
  color: #171a1d !important;
}

.v5-faq__list-item .text-block {
  color: #596168;
}

.v5-faq__list-item[open] {
  background: linear-gradient(90deg, rgba(43, 211, 121, 0.06), transparent 42%), #ffffff !important;
  border-color: rgba(43, 211, 121, 0.52) !important;
  box-shadow: 0 16px 38px rgba(26, 35, 42, 0.09);
}

.v5-faq__list-item[open] summary::before,
.v5-faq__list-item[open] summary::after {
  background: var(--modern-accent);
  border-color: var(--modern-accent);
  color: #07110b !important;
}

/* Footer returns to the dark brand shell. */
.v5-footer {
  background: #070908 !important;
  border-color: rgba(255, 255, 255, 0.09);
}

.v5-footer__info {
  border-color: rgba(255, 255, 255, 0.1);
}

.v5-footer__menu-title,
.v5-footer h2,
.v5-footer h3,
.v5-footer h4 {
  color: #ffffff !important;
}

.v5-footer__menu-list__item-link,
.v5-footer__other-text,
.v5-footer p {
  color: #aeb5b1 !important;
}

.v5-footer__logo img {
  background: #134d32;
}

.v5-to-top {
  background: var(--modern-accent) !important;
  color: #07110b !important;
}

.v5-download {
  background: rgba(7, 9, 8, 0.93) !important;
}

@media (hover: hover) {
  .reference-login:hover {
    border-color: var(--modern-accent);
    color: var(--modern-accent);
    transform: translateY(-2px);
  }

  .site-categories__item:hover {
    background: #f4f8f6;
    border-bottom-color: rgba(43, 211, 121, 0.5);
    color: #0e8f49;
  }

  .loyalty-banner__card > a:hover,
  .vAll-button:not(:disabled):hover,
  .vAll-button_header:not(:disabled):hover,
  .vAll-button_footer:not(:disabled):hover,
  .vAll-button_hero:not(:disabled):hover,
  .v5-download__card-btn:hover {
    background: var(--modern-accent-strong) !important;
    border-color: var(--modern-accent-strong) !important;
    box-shadow: 0 13px 30px rgba(43, 211, 121, 0.24) !important;
    color: #07110b !important;
  }

  .v5-heroscreen__info-buttons__item:nth-child(even):hover {
    background: rgba(255, 255, 255, 0.13) !important;
    border-color: #ffffff !important;
    box-shadow: none !important;
    color: #ffffff !important;
  }

  .v5-header__menu-list_depth-0 > .v5-header__menu-item:hover {
    background: rgba(43, 211, 121, 0.12) !important;
  }

  .v5-header__menu-list_depth-0 > .v5-header__menu-item:hover > .v5-header__menu-item__link,
  .v5-header__menu-list_depth-0 > .v5-header__menu-item:hover > .v5-header__menu-item__btn {
    color: var(--modern-accent) !important;
  }

  .v5-toc__menu-item__link:hover {
    background: rgba(43, 211, 121, 0.08);
    border-color: rgba(43, 211, 121, 0.24);
    color: #151a17 !important;
  }

  .v5-faq__list-item:hover {
    border-color: rgba(43, 211, 121, 0.4) !important;
  }

  .v5-faq__list-item summary:hover::after {
    background: rgba(43, 211, 121, 0.1);
    border-color: rgba(43, 211, 121, 0.32);
  }
}

@media (max-width: 1000px) {
  .v5-header {
    min-height: 76px;
    padding: 10px 0;
  }

  .v5-header__wrapper {
    display: grid !important;
    gap: 10px;
    grid-template-areas: "brand actions panel";
    grid-template-columns: minmax(150px, 1fr) auto auto;
  }

  .v5-header__download {
    order: initial;
    width: auto;
  }

  .v5-header__download::before {
    display: none;
  }

  .reference-login,
  .v5-header__download-button {
    flex: 0 0 auto !important;
    min-height: 42px;
    min-width: 112px;
    padding: 9px 16px;
  }

  .v5-header__menu {
    border-radius: 0;
    height: calc(100dvh - 76px);
    top: 76px;
  }

  .v5-header__menu-list_depth-1,
  .v5-header__menu-list_depth-2 {
    background: #101311 !important;
    border: 0 !important;
    border-radius: 0 !important;
    min-width: 100% !important;
    right: auto !important;
    top: 0 !important;
    width: 100% !important;
  }

  .v5-heroscreen__content {
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.75fr);
    min-height: 410px;
    padding: 38px;
  }

  .v5-heroscreen__img {
    max-height: none;
  }

  .v5-heroscreen__img img {
    max-height: 390px;
  }
}

@media (max-width: 760px) {
  body {
    padding-bottom: 76px;
  }

  .v5-header__wrapper {
    grid-template-columns: minmax(120px, 1fr) auto auto;
  }

  .v5-header__logo::before {
    border-radius: 11px 11px 11px 4px;
    font-size: 21px;
    height: 36px;
    width: 36px;
  }

  .v5-header__logo::after {
    font-size: 21px;
  }

  .reference-login {
    display: none;
  }

  .v5-header__download-button {
    font-size: 11px;
    min-width: 0;
    padding-inline: 14px;
  }

  .v5-header .burger-btn {
    height: 42px;
    width: 42px;
  }

  .site-categories {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .site-categories::-webkit-scrollbar {
    display: none;
  }

  .site-categories__inner {
    display: flex;
    min-height: 58px;
    padding-inline: 8px;
    width: max-content;
  }

  .site-categories__item {
    font-size: 13px;
    min-width: max-content;
    padding-inline: 16px;
  }

  .site-categories__icon {
    height: 24px;
    width: 24px;
  }

  .loyalty-banner {
    padding-top: 22px;
  }

  .loyalty-banner__card {
    border-radius: 20px;
    gap: 14px;
    grid-template-columns: auto 1fr;
    padding: 14px;
  }

  .loyalty-banner__card p {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .loyalty-banner__card > a {
    grid-column: 1 / -1;
    min-width: 0;
    width: 100%;
  }

  .v5-heroscreen {
    padding: 22px 0 10px;
  }

  .v5-heroscreen__content {
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-height: 0;
    padding: 28px 22px 18px;
    width: 100%;
  }

  .v5-heroscreen__info {
    gap: 17px;
  }

  .hero-kicker {
    font-size: 10px;
  }

  .v5-heroscreen__info-title {
    font-size: clamp(2rem, 10.5vw, 3.15rem);
  }

  .v5-heroscreen__info-description {
    font-size: 0.94rem;
  }

  .v5-heroscreen__info-buttons {
    align-items: stretch;
    flex-direction: column;
  }

  .v5-heroscreen__info-buttons__item {
    width: 100%;
  }

  .v5-heroscreen__img {
    min-height: 250px;
    order: initial;
    width: 100%;
  }

  .v5-heroscreen__img img {
    max-height: 300px;
    transform: scale(1.04) translateY(5px);
  }

  .hero-dots {
    bottom: 10px;
  }

  .section {
    padding: 46px 0 !important;
  }
}

@media (max-width: 430px) {
  .container {
    padding-inline: 13px;
  }

  .v5-header__wrapper {
    grid-template-columns: minmax(96px, 1fr) auto auto;
  }

  .v5-header__logo {
    gap: 7px;
  }

  .v5-header__logo::before {
    height: 33px;
    width: 33px;
  }

  .v5-header__logo::after {
    font-size: 19px;
  }

  .v5-header__download-button {
    font-size: 0;
    min-height: 38px;
    min-width: 42px;
    padding: 0;
  }

  .v5-header__download-button span::after {
    content: "+";
    font-size: 22px;
  }

  .v5-header .burger-btn {
    height: 38px;
    width: 38px;
  }

  .loyalty-banner__coins span {
    height: 32px;
    width: 32px;
  }

  .v5-heroscreen__content {
    padding-inline: 18px;
  }
}

/* Restore the original full page navigation while keeping the refreshed palette. */
.site-categories {
  display: none !important;
}

.v5-header__logo img {
  aspect-ratio: 2.3 / 1;
  display: block;
  height: auto;
  object-fit: cover;
  object-position: center 51%;
  width: 100%;
}

.v5-header__logo::before,
.v5-header__logo::after,
.v5-header__download::before {
  content: none !important;
  display: none !important;
}

.v5-header__download-button.vAll-button_header-secondary {
  color: #ffffff !important;
  display: inline-flex;
}

@media (min-width: 1001px) {
  .v5-header {
    min-height: 0;
    padding: 12px 0 10px;
  }

  .v5-header__wrapper {
    align-items: center;
    display: grid !important;
    gap: 8px 28px;
    grid-template-areas:
      "brand actions"
      "nav nav";
    grid-template-columns: minmax(120px, 1fr) auto;
    justify-content: stretch;
    min-height: 0;
  }

  .v5-header__info {
    display: flex !important;
    grid-area: brand;
    justify-content: flex-start;
    width: auto;
  }

  .v5-header__logo-wrapper {
    display: flex !important;
    grid-area: auto;
    justify-content: flex-start;
    width: auto;
  }

  .v5-header__logo {
    border-radius: 12px;
    display: block;
    overflow: hidden;
    width: 118px !important;
  }

  .v5-header__download {
    display: flex;
    gap: 10px;
    grid-area: actions;
    justify-content: flex-end;
    width: max-content;
  }

  .v5-header__download-button {
    border-radius: 11px !important;
    font-size: 13px;
    letter-spacing: 0.035em;
    line-height: 1.2;
    min-height: 42px;
    min-width: 0;
    padding: 11px 18px;
  }

  .v5-header__panel,
  .v5-header .burger-btn {
    display: none !important;
  }

  .v5-header__menu {
    align-items: center;
    background: transparent !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex !important;
    flex-flow: row wrap;
    gap: 12px;
    grid-area: nav;
    height: auto;
    justify-content: flex-start;
    opacity: 1;
    overflow: visible;
    padding: 0;
    position: static;
    right: auto;
    top: auto;
    transform: none;
    visibility: visible;
    width: 100%;
  }

  .v5-header__menu-list_depth-0 {
    align-items: center;
    display: flex !important;
    flex-flow: row wrap;
    gap: 2px !important;
    width: 100%;
  }

  .v5-header__menu-list_depth-0 > .v5-header__menu-item {
    border: 0;
    border-radius: 9px;
    min-height: 0;
    padding: 5px 6px;
    width: auto;
  }

  .v5-header__menu-item__link {
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.005em;
    line-height: 1.35;
  }

  .v5-header__menu-list_depth-1,
  .v5-header__menu-list_depth-2 {
    background: #121513 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
    display: flex;
    flex-flow: column nowrap;
    gap: 3px !important;
    height: auto;
    left: 0 !important;
    min-width: 230px !important;
    opacity: 0;
    overflow: visible;
    padding: 8px !important;
    position: absolute;
    right: auto !important;
    top: calc(100% + 10px) !important;
    transform: scaleY(0);
    transform-origin: top;
    visibility: hidden;
    width: max-content !important;
  }

  .v5-header__menu-list_depth-0
    > .v5-header__menu-item:nth-last-child(-n + 3)
    > .v5-header__menu-list {
    left: auto !important;
    right: 0 !important;
  }

  .v5-header__menu-item_parent:hover > .v5-header__menu-list_depth-1,
  .v5-header__menu-item_parent:hover > .v5-header__menu-list_depth-2 {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
  }
}

@media (max-width: 1000px) {
  .v5-header {
    min-height: 0;
    padding: 10px 0;
  }

  .v5-header__wrapper {
    align-items: center;
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px 12px;
  }

  .v5-header__info {
    align-items: center;
    display: flex !important;
    justify-content: space-between;
    width: 100%;
  }

  .v5-header__logo-wrapper {
    display: contents !important;
  }

  .v5-header__logo {
    border-radius: 10px;
    display: block;
    overflow: hidden;
    width: 106px !important;
  }

  .v5-header__panel {
    display: flex;
    order: initial;
  }

  .v5-header .burger-btn {
    display: flex !important;
  }

  .v5-header__download {
    display: flex;
    gap: 8px;
    order: 1;
    width: 100%;
  }

  .v5-header__download-button {
    flex: 1 1 0 !important;
    font-size: 11px;
    min-height: 42px;
    min-width: 0;
    padding: 9px 12px;
  }

  .v5-header__menu {
    background: rgba(5, 6, 6, 0.99) !important;
    border: 0;
    border-radius: 0;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.32);
    height: calc(100dvh - var(--header-height));
    left: 0;
    opacity: 0;
    padding: 10px 12px 24px;
    position: absolute;
    right: auto;
    top: 100%;
    transform: scaleY(0);
    transform-origin: top;
    visibility: hidden;
    width: 100%;
  }

  .v5-header__menu[data-state="open"] {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
  }

  .v5-header__menu-list_depth-0 {
    display: flex !important;
    flex-flow: column nowrap;
    width: 100%;
  }

  .v5-header__menu-list_depth-0 > .v5-header__menu-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    min-height: 50px;
    padding: 14px;
    width: 100%;
  }

  .v5-header__menu-list_depth-1,
  .v5-header__menu-list_depth-2 {
    background: #101311 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
    left: 0 !important;
    min-width: 100% !important;
    padding: 0 !important;
    right: auto !important;
    top: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 430px) {
  .v5-header__wrapper {
    display: flex !important;
  }

  .v5-header__download-button {
    font-size: 10px;
    min-height: 40px;
    padding: 8px 7px;
  }

  .v5-header__download-button span::after {
    content: none;
  }
}

/* Final PokerDom identity sizing and mobile menu visibility. */
@media (min-width: 1001px) {
  .v5-header__logo {
    width: 170px !important;
  }
}

@media (max-width: 1000px) {
  .v5-header__info {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
  }

  .v5-header__logo {
    width: 132px !important;
  }

  .v5-header__panel {
    display: flex !important;
    margin-left: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .v5-header .burger-btn {
    display: flex !important;
    opacity: 1 !important;
    position: relative !important;
    visibility: visible !important;
    z-index: 3;
  }
}