@charset "UTF-8";
html {
  scrollbar-gutter: stable;
}
html.lock {
  overflow: hidden;
  touch-action: none;
}

.wrapper:not(#app) {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.wrapper:not(#app).no-overflow {
  overflow: unset;
}
.wrapper:not(#app) > main {
  flex: 1 1 auto;
}
.wrapper:not(#app) > * {
  min-width: 0;
}

#app {
  height: 100%;
}

[class*=__container] {
  margin: 0 auto;
  width: 100%;
  max-width: 159rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.dont-break-out {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

@keyframes animationLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.apm-widget-page #apm-close-widget-button {
  display: none;
}

.apm-modal {
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: block;
  outline: 0;
  bottom: 0;
  right: 0;
  text-align: center;
}
.apm-modal::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.apm-modal-dialog {
  position: relative;
  margin: 0 auto;
  pointer-events: none;
  transform: none;
  vertical-align: middle;
  display: inline-block;
  text-align: left;
}
@media (max-width: 740px) {
  .apm-modal-dialog {
    width: 300px;
  }
}
@media (min-width: 480px) {
  .apm-modal-dialog {
    max-width: 400px;
    margin: 1.75rem auto;
  }
}
@media (min-width: 768px) {
  .apm-modal-dialog {
    width: 500px;
    margin: 1.75rem auto;
  }
}
@media (max-width: 480px) {
  .apm-modal-dialog {
    border-radius: 30px;
  }
}

.apm-modal-backdrop {
  background-color: rgba(0, 0, 0, 0.35);
}

.apm-modal-content {
  border: none;
  border-radius: 1.6rem;
  font-family: var(--font-family);
  background: #fff;
}
.apm-modal-header {
  padding-top: 30px;
}

.apm-modal-body {
  padding-top: 0;
  padding: 1rem 4rem 4rem;
}
@media (max-width: 480px) {
  .apm-modal-body {
    padding: 1rem 2rem 4rem;
  }
}

h3.apm-title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--text-accent-2-100);
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  h3.apm-title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.apm-p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 140%;
  text-align: start;
  color: var(--text-accent-2-100);
  margin-bottom: 40px;
}
@media (min-width: 360px) {
  .apm-p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

#apm-close-widget-button {
  background-color: #fff;
  top: 24px;
  right: 24px;
  height: 30px;
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  width: 30px;
}
#apm-close-widget-button::after, #apm-close-widget-button::before {
  background-color: var(--text-accent-2-100);
}
#apm-close-widget-button::after {
  height: 100%;
}
#apm-close-widget-button::before {
  width: 100%;
}

.apm-qr-video {
  border: 1px solid var(--text-accent-2-100);
  border-radius: 1.6rem;
}

.apm-btn,
.apm-block-btn {
  font-family: var(--second-family);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  width: 100%;
  background: var(--text-accent-2-100);
  padding: 2.2rem 3rem;
  border-radius: 1.2rem;
  transition: var(--transition) ease-in;
}
@media (max-width: 480px) {
  .apm-btn,
  .apm-block-btn {
    font-size: 20px;
    padding: 30px 5px;
  }
}
.apm-btn .btn-content,
.apm-btn .apm-qr-btn-text,
.apm-block-btn .btn-content,
.apm-block-btn .apm-qr-btn-text {
  font-family: var(--second-family);
  font-style: italic;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 100%;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: -1px;
}
@media (max-width: 768px) {
  .apm-btn .btn-content,
  .apm-btn .apm-qr-btn-text,
  .apm-block-btn .btn-content,
  .apm-block-btn .apm-qr-btn-text {
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  .apm-btn .btn-content,
  .apm-btn .apm-qr-btn-text,
  .apm-block-btn .btn-content,
  .apm-block-btn .apm-qr-btn-text {
    font-size: 1.2rem;
  }
}

.apm-phone-input {
  width: 100%;
}

.none-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none; /* Для Internet Explorer и Edge */
}

.none-scrollbar::-webkit-scrollbar {
  width: 0px;
  display: none; /* Для WebKit (Chrome, Safari, iOS Safari) */
}

.none-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}

.none-scrollbar::-webkit-scrollbar-thumb {
  background: transparent;
}

.none-scrollbar:hover::-webkit-scrollbar-thumb {
  background: transparent;
}

:root {
  --bg-color: #13488e;
  --font-color: #fff;
  --primary-color: #13488e;
  --second-color: #f5e19e;
  --third-color: #f19c23;
  --white: #fff;
  --white-24: rgba(255, 255, 255, 0.24);
  --white-08: rgba(255, 255, 255, 0.08);
  --primary-shadow: inset 16px 16px 20px 0 rgba(245, 225, 158, 0.09), inset -8px -8px 20px 0 rgba(0, 0, 0, 0.16),
  	0 13px 22px 0 rgba(0, 0, 0, 0.24);
  --second-shadow: inset 16px 16px 20px 0 rgba(255, 255, 255, 0.3), inset -8px -8px 20px 0 rgba(0, 0, 0, 0.16),
  	0 13px 22px 0 rgba(0, 0, 0, 0.06), 0 15px 57px 0 rgba(0, 0, 0, 0.17);
  --primary-font: "Montserrat", sans-serif;
  --second-font: "Yeast 22", sans-serif;
  --system-fill-light: #fff;
  --system-fill-dark: #181818;
  --system-fill-gray: rgba(0, 0, 0, 0.08);
  --system-text-dark: #242424;
  --system-text-light: #fff;
  --system-border-dark: rgba(255, 255, 255, 0.16);
  --fill-inverse-1: var(--main-light-100);
  --main-light-100: #fff;
  --fill-accent-1-1: var(--brand-accent-1-100);
  --brand-accent-1-100: #f5e19e;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(241, 156, 35, 0.72);
  --main-dark-100: #f19c23;
  --main-light-72: rgba(255, 255, 255, 0.72);
  --text-default-100: var(--main-dark-100);
  --text-default-72: var(--main-dark-72);
  --text-inverse-72: var(--main-light-72);
  --text-accent-1-100: var(--brand-accent-1-100);
  --main-light-40: rgba(255, 255, 255, 0.4);
  --main-dark-40: rgba(241, 156, 35, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(241, 156, 35, 0.16);
  --text-default-40: var(--main-dark-40);
  --text-default-16: var(--main-dark-16);
  --text-inverse-40: var(--main-light-40);
  --text-inverse-16: var(--main-light-16);
  --main-dark-8: rgba(241, 156, 35, 0.08);
  --main-light-8: rgba(255, 255, 255, 0.08);
  --border-default-1: var(--main-light-100);
  --border-inverse-1: var(--main-dark-100);
  --fill-default-3: var(--main-dark-8);
  --fill-default-1: var(--main-dark-100);
  --fill-inverse-3: var(--main-light-8);
  --main-dark-24: rgba(241, 156, 35, 0.24);
  --main-light-24: rgba(255, 255, 255, 0.24);
  --fill-default-2: var(--main-dark-24);
  --fill-inverse-2: var(--main-light-24);
  --border-accent-1-1: var(--brand-accent-1-100);
  --text-accent-1-72: var(--brand-accent-1-72);
  --brand-accent-1-72: rgba(245, 225, 158, 0.72);
  --brand-accent-1-40: rgba(245, 225, 158, 0.4);
  --brand-accent-1-24: rgba(245, 225, 158, 0.24);
  --brand-accent-1-16: rgba(245, 225, 158, 0.16);
  --brand-accent-1-8: rgba(245, 225, 158, 0.08);
  --brand-accent-2-100: #13488e;
  --brand-accent-2-72: rgba(19, 72, 142, 0.72);
  --brand-accent-2-40: rgba(19, 72, 142, 0.4);
  --brand-accent-2-24: rgba(19, 72, 142, 0.24);
  --brand-accent-2-16: rgba(19, 72, 142, 0.16);
  --brand-accent-2-8: rgba(19, 72, 142, 0.08);
  --text-accent-1-40: var(--brand-accent-1-40);
  --text-accent-1-16: var(--brand-accent-1-24);
  --text-accent-2-100: var(--brand-accent-2-100);
  --text-accent-2-72: var(--brand-accent-2-72);
  --text-accent-2-40: var(--brand-accent-2-40);
  --text-accent-2-16: var(--brand-accent-2-24);
  --border-inverse-2: var(--main-dark-72);
  --border-inverse-3: var(--main-dark-24);
  --border-inverse-4: var(--main-dark-16);
  --border-default-2: var(--main-light-72);
  --border-default-3: var(--main-light-24);
  --border-default-4: var(--main-light-16);
  --border-accent-1-2: var(--brand-accent-1-72);
  --border-accent-1-3: var(--brand-accent-1-24);
  --border-accent-1-4: var(--brand-accent-1-16);
  --fill-accent-1-2: var(--brand-accent-1-24);
  --fill-accent-1-3: var(--brand-accent-1-8);
  --fill-accent-2-1: var(--brand-accent-2-100);
  --fill-accent-2-2: var(--brand-accent-2-24);
  --fill-accent-2-3: var(--brand-accent-2-8);
  --border-accent-2-1: var(--brand-accent-2-100);
  --border-accent-2-2: var(--brand-accent-2-72);
  --border-accent-2-3: var(--brand-accent-2-24);
  --border-accent-2-4: var(--brand-accent-2-16);
  --status-error-1: var(--status-error-100);
  --status-positive-100: #29c54b;
  --status-positive-72: rgba(41, 197, 75, 0.72);
  --status-positive-40: rgba(41, 197, 75, 0.4);
  --status-positive-24: rgba(41, 197, 75, 0.24);
  --status-positive-16: rgba(41, 197, 75, 0.16);
  --status-positive-8: rgba(41, 197, 75, 0.08);
  --status-error-100: #ff3e3e;
  --status-error-72: rgba(255, 62, 62, 0.72);
  --status-error-40: rgba(255, 62, 62, 0.4);
  --status-error-24: rgba(255, 62, 62, 0.24);
  --status-error-16: rgba(255, 62, 62, 0.16);
  --status-error-8: rgba(255, 62, 62, 0.08);
  --status-info-100: #4980ea;
  --status-info-72: rgba(73, 128, 234, 0.72);
  --status-info-40: rgba(73, 128, 234, 0.4);
  --status-info-24: rgba(73, 128, 234, 0.24);
  --status-info-16: rgba(73, 128, 234, 0.16);
  --status-info-8: rgba(73, 128, 234, 0.08);
  --status-warning-100: #ffc700;
  --status-warning-72: rgba(255, 199, 0, 0.72);
  --status-warning-40: rgba(255, 199, 0, 0.4);
  --status-warning-24: rgba(255, 199, 0, 0.24);
  --status-warning-16: rgba(255, 199, 0, 0.16);
  --status-warning-8: rgba(255, 199, 0, 0.08);
  --status-positive-1: var(--status-positive-100);
  --status-info-1: var(--status-info-100);
  --status-warning-1: var(--status-warning-100);
  --status-positive-2: var(--status-positive-40);
  --status-positive-3: var(--status-positive-16);
  --status-positive-4: var(--status-positive-8);
  --status-error-2: var(--status-error-40);
  --status-error-3: var(--status-error-16);
  --status-error-4: var(--status-error-8);
  --status-info-2: var(--status-info-40);
  --status-info-3: var(--status-info-16);
  --status-info-4: var(--status-info-8);
  --status-warning-2: var(--status-warning-40);
  --status-warning-3: var(--status-warning-16);
  --status-warning-4: var(--status-warning-8);
  --brand-accent-3-100: #008dcb;
  --brand-accent-3-72: rgba(0, 141, 203, 0.72);
  --brand-accent-3-40: rgba(0, 141, 203, 0.4);
  --brand-accent-3-24: rgba(0, 141, 203, 0.24);
  --brand-accent-3-16: rgba(0, 141, 203, 0.16);
  --brand-accent-3-8: rgba(0, 141, 203, 0.08);
  --text-accent-3-100: var(--brand-accent-3-100);
  --text-accent-3-72: var(--brand-accent-3-72);
  --text-accent-3-40: var(--brand-accent-3-40);
  --text-accent-3-16: var(--brand-accent-3-24);
  --fill-accent-3-1: var(--brand-accent-3-100);
  --fill-accent-3-2: var(--brand-accent-3-24);
  --fill-accent-3-3: var(--brand-accent-3-8);
  --border-accent-3-1: var(--brand-accent-3-100);
  --border-accent-3-2: var(--brand-accent-3-72);
  --border-accent-3-3: var(--brand-accent-3-24);
  --border-accent-3-4: var(--brand-accent-3-16);
  --transition: 0.2s;
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
  box-sizing: border-box;
  /* Non-Standard, But More Styling-Capable Properties */
  /* Standardized Properties */
}
*::-webkit-scrollbar {
  cursor: pointer;
  width: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 0.7rem;
}
*::-webkit-scrollbar-thumb {
  border-radius: 0.7rem;
  cursor: pointer;
  background: var(--third-color);
  transition: 0.2s ease-in-out;
}
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-color: var(--third-color) rgba(255, 255, 255, 0.08);
    scrollbar-width: thin;
  }
}
*::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body,
html {
  font-size: 0.521vw;
}
@media screen and (max-width: 1439.98px) {
  body,
  html {
    font-size: 0.5435vw;
  }
}
@media screen and (max-width: 1169.98px) {
  body,
  html {
    font-size: 0.6vw;
  }
}
@media screen and (max-width: 991.98px) {
  body,
  html {
    font-size: 1.1vw;
  }
}
@media screen and (max-width: 767.98px) {
  body,
  html {
    font-size: 1.55vw;
  }
}
@media screen and (max-width: 539.98px) {
  body,
  html {
    font-size: 2.5vw;
  }
}

html,
body {
  width: 100%;
  margin: 0 auto;
  height: 100%;
}

body {
  color: var(--font-color);
  line-height: 1;
  font-family: var(--primary-font);
  background: var(--bg-color);
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

nav,
footer,
header,
aside {
  display: block;
}

input,
button,
textarea {
  outline: none;
  font-family: var(--primary-font);
  font-size: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background: transparent;
  -webkit-appearance: button;
  appearance: button;
}

button:active,
button:focus {
  outline: none !important;
}

button::-moz-focus-inner {
  border: 0 !important;
}

a {
  cursor: pointer;
  color: inherit;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-appearance: none;
  appearance: none;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  display: inline-block;
  max-width: 100%;
  border: 0;
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

body.noscroll {
  overflow: hidden;
}

section {
  position: relative;
  overflow: hidden;
}

@media (max-width: 991.98px) {
  .only-desktop {
    display: none !important;
  }
}

@media (min-width: 991.98px) {
  .only-mobile {
    display: none !important;
  }
}

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

h1,
h2 {
  font-family: var(--second-font);
  font-weight: 400;
  font-size: 7.2rem;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--primary-color);
}
h1 span,
h2 span {
  color: var(--third-color);
}
@media (max-width: 991.98px) {
  h1,
  h2 {
    font-weight: 400;
    font-size: 4.8rem;
    line-height: 115%;
    text-transform: uppercase;
    text-align: center;
    color: #13488e;
  }
}

h3 {
  font-family: var(--second-font);
  font-weight: 400;
  font-size: 4.8rem;
  text-transform: uppercase;
}
h3 span {
  color: var(--third-color);
}
@media (max-width: 991.98px) {
  h3 {
    font-size: 3.4rem;
  }
}

h4 {
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 120%;
  color: var(--primary-color);
}
@media (max-width: 991.98px) {
  h4 {
    font-size: 1.8rem;
    line-height: 150%;
  }
}

h5 {
  font-weight: 800;
  font-size: 2.8rem;
  line-height: 120%;
}
@media (max-width: 991.98px) {
  h5 {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 130%;
  }
}

h6 {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 120%;
}
@media (max-width: 991.98px) {
  h6 {
    font-size: 1.6rem;
    line-height: 130%;
  }
}

p {
  font-weight: 400;
  font-size: 2rem;
  line-height: 144%;
}
@media (max-width: 991.98px) {
  p {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 137%;
  }
}

.btn {
  text-transform: none;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 11;
  border: 1px solid transparent;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  padding: 3rem 5.6rem;
  font-size: 2.8rem;
  border-radius: 2.4rem;
}
@media (max-width: 991.98px) {
  .btn {
    font-size: 2rem;
    padding: 2rem 3.2rem;
    border-radius: 1.6rem;
  }
}
.btn._btn-primary {
  box-shadow: var(--primary-shadow);
  background-color: var(--primary-color);
  color: var(--white);
  border-color: var(--primary-color);
}
@media (any-hover: hover) {
  .btn._btn-primary:hover {
    background-color: var(--white);
    color: var(--primary-color);
  }
}
.btn._btn-primary-border {
  padding: 1.6rem;
  background-color: var(--white);
  color: var(--primary-color);
  border-color: var(--primary-color);
}
@media (any-hover: hover) {
  .btn._btn-primary-border:hover {
    background-color: var(--primary-color);
    color: #fff;
  }
}
.btn._btn-white {
  box-shadow: var(--primary-shadow);
  background-color: #fff;
  color: var(--primary-color);
  border-color: var(--primary-color);
}
@media (any-hover: hover) {
  .btn._btn-white:hover {
    background-color: var(--primary-color);
    color: var(--white);
  }
}
.btn._btn-white-border {
  background-color: var(--primary-color);
  border-color: #fff;
}
@media (any-hover: hover) {
  .btn._btn-white-border:hover {
    background-color: #fff;
    color: var(--third-color);
  }
}
.btn svg {
  width: 3.2rem;
  height: 3.2rem;
}

/* Fade animation */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.fade-slide-enter-from {
  opacity: 0;
  transform: translateY(100%);
}

.fade-slide-enter-active {
  transition: all 0.5s ease;
}

.fade-slide-enter-to {
  opacity: 1;
  transform: translateY(0);
}

.fade-slide-leave-from {
  opacity: 1;
  transform: translateY(0);
}

.fade-slide-leave-active {
  transition: all 0.5s ease;
}

.fade-slide-leave-to {
  opacity: 0;
  transform: translateY(100%);
}

@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-Bold-BewGjw5v.woff2") format("woff2"), url("/assets/fonts/Montserrat-Bold-C82vcNHf.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-Medium-DFfcsv-k.woff2") format("woff2"), url("/assets/fonts/Montserrat-Medium-DeCsG39C.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-ExtraBold-VKHfTdqv.woff2") format("woff2"), url("/assets/fonts/Montserrat-ExtraBold-CIN-MP3P.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Yeast 22";
  src: url("/assets/fonts/Yeast22-Regular-DR8ddeR7.woff2") format("woff2"), url("/assets/fonts/Yeast22-Regular-BN3WdA4p.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-Regular-CXklBiG8.woff2") format("woff2"), url("/assets/fonts/Montserrat-Regular-8wtivMA3.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-SemiBold-JOHL-zms.woff2") format("woff2"), url("/assets/fonts/Montserrat-SemiBold-BLbqgL2k.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
:root {
  --system-fill-light: #fff;
  --system-fill-dark: #181818;
  --system-fill-gray: rgba(0, 0, 0, 0.08);
  --system-text-dark: #242424;
  --system-text-light: #fff;
  --system-border-dark: rgba(255, 255, 255, 0.16);
  --fill-inverse-1: var(--main-light-100);
  --main-light-100: #fff;
  --fill-accent-1-1: var(--brand-accent-1-100);
  --brand-accent-1-100: #f5e19e;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(241, 156, 35, 0.72);
  --main-dark-100: #f19c23;
  --main-light-72: rgba(255, 255, 255, 0.72);
  --text-default-100: var(--main-dark-100);
  --text-default-72: var(--main-dark-72);
  --text-inverse-72: var(--main-light-72);
  --text-accent-1-100: var(--brand-accent-1-100);
  --main-light-40: rgba(255, 255, 255, 0.4);
  --main-dark-40: rgba(241, 156, 35, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(241, 156, 35, 0.16);
  --text-default-40: var(--main-dark-40);
  --text-default-16: var(--main-dark-16);
  --text-inverse-40: var(--main-light-40);
  --text-inverse-16: var(--main-light-16);
  --main-dark-8: rgba(241, 156, 35, 0.08);
  --main-light-8: rgba(255, 255, 255, 0.08);
  --border-default-1: var(--main-light-100);
  --border-inverse-1: var(--main-dark-100);
  --fill-default-3: var(--main-dark-8);
  --fill-default-1: var(--main-dark-100);
  --fill-inverse-3: var(--main-light-8);
  --main-dark-24: rgba(241, 156, 35, 0.24);
  --main-light-24: rgba(255, 255, 255, 0.24);
  --fill-default-2: var(--main-dark-24);
  --fill-inverse-2: var(--main-light-24);
  --border-accent-1-1: var(--brand-accent-1-100);
  --text-accent-1-72: var(--brand-accent-1-72);
  --brand-accent-1-72: rgba(245, 225, 158, 0.72);
  --brand-accent-1-40: rgba(245, 225, 158, 0.4);
  --brand-accent-1-24: rgba(245, 225, 158, 0.24);
  --brand-accent-1-16: rgba(245, 225, 158, 0.16);
  --brand-accent-1-8: rgba(245, 225, 158, 0.08);
  --brand-accent-2-100: #13488e;
  --brand-accent-2-72: rgba(19, 72, 142, 0.72);
  --brand-accent-2-40: rgba(19, 72, 142, 0.4);
  --brand-accent-2-24: rgba(19, 72, 142, 0.24);
  --brand-accent-2-16: rgba(19, 72, 142, 0.16);
  --brand-accent-2-8: rgba(19, 72, 142, 0.08);
  --text-accent-1-40: var(--brand-accent-1-40);
  --text-accent-1-16: var(--brand-accent-1-24);
  --text-accent-2-100: var(--brand-accent-2-100);
  --text-accent-2-72: var(--brand-accent-2-72);
  --text-accent-2-40: var(--brand-accent-2-40);
  --text-accent-2-16: var(--brand-accent-2-24);
  --border-inverse-2: var(--main-dark-72);
  --border-inverse-3: var(--main-dark-24);
  --border-inverse-4: var(--main-dark-16);
  --border-default-2: var(--main-light-72);
  --border-default-3: var(--main-light-24);
  --border-default-4: var(--main-light-16);
  --border-accent-1-2: var(--brand-accent-1-72);
  --border-accent-1-3: var(--brand-accent-1-24);
  --border-accent-1-4: var(--brand-accent-1-16);
  --fill-accent-1-2: var(--brand-accent-1-24);
  --fill-accent-1-3: var(--brand-accent-1-8);
  --fill-accent-2-1: var(--brand-accent-2-100);
  --fill-accent-2-2: var(--brand-accent-2-24);
  --fill-accent-2-3: var(--brand-accent-2-8);
  --border-accent-2-1: var(--brand-accent-2-100);
  --border-accent-2-2: var(--brand-accent-2-72);
  --border-accent-2-3: var(--brand-accent-2-24);
  --border-accent-2-4: var(--brand-accent-2-16);
  --status-error-1: var(--status-error-100);
  --status-positive-100: #29c54b;
  --status-positive-72: rgba(41, 197, 75, 0.72);
  --status-positive-40: rgba(41, 197, 75, 0.4);
  --status-positive-24: rgba(41, 197, 75, 0.24);
  --status-positive-16: rgba(41, 197, 75, 0.16);
  --status-positive-8: rgba(41, 197, 75, 0.08);
  --status-error-100: #ff3e3e;
  --status-error-72: rgba(255, 62, 62, 0.72);
  --status-error-40: rgba(255, 62, 62, 0.4);
  --status-error-24: rgba(255, 62, 62, 0.24);
  --status-error-16: rgba(255, 62, 62, 0.16);
  --status-error-8: rgba(255, 62, 62, 0.08);
  --status-info-100: #4980ea;
  --status-info-72: rgba(73, 128, 234, 0.72);
  --status-info-40: rgba(73, 128, 234, 0.4);
  --status-info-24: rgba(73, 128, 234, 0.24);
  --status-info-16: rgba(73, 128, 234, 0.16);
  --status-info-8: rgba(73, 128, 234, 0.08);
  --status-warning-100: #ffc700;
  --status-warning-72: rgba(255, 199, 0, 0.72);
  --status-warning-40: rgba(255, 199, 0, 0.4);
  --status-warning-24: rgba(255, 199, 0, 0.24);
  --status-warning-16: rgba(255, 199, 0, 0.16);
  --status-warning-8: rgba(255, 199, 0, 0.08);
  --status-positive-1: var(--status-positive-100);
  --status-info-1: var(--status-info-100);
  --status-warning-1: var(--status-warning-100);
  --status-positive-2: var(--status-positive-40);
  --status-positive-3: var(--status-positive-16);
  --status-positive-4: var(--status-positive-8);
  --status-error-2: var(--status-error-40);
  --status-error-3: var(--status-error-16);
  --status-error-4: var(--status-error-8);
  --status-info-2: var(--status-info-40);
  --status-info-3: var(--status-info-16);
  --status-info-4: var(--status-info-8);
  --status-warning-2: var(--status-warning-40);
  --status-warning-3: var(--status-warning-16);
  --status-warning-4: var(--status-warning-8);
  --brand-accent-3-100: #008dcb;
  --brand-accent-3-72: rgba(0, 141, 203, 0.72);
  --brand-accent-3-40: rgba(0, 141, 203, 0.4);
  --brand-accent-3-24: rgba(0, 141, 203, 0.24);
  --brand-accent-3-16: rgba(0, 141, 203, 0.16);
  --brand-accent-3-8: rgba(0, 141, 203, 0.08);
  --text-accent-3-100: var(--brand-accent-3-100);
  --text-accent-3-72: var(--brand-accent-3-72);
  --text-accent-3-40: var(--brand-accent-3-40);
  --text-accent-3-16: var(--brand-accent-3-24);
  --fill-accent-3-1: var(--brand-accent-3-100);
  --fill-accent-3-2: var(--brand-accent-3-24);
  --fill-accent-3-3: var(--brand-accent-3-8);
  --border-accent-3-1: var(--brand-accent-3-100);
  --border-accent-3-2: var(--brand-accent-3-72);
  --border-accent-3-3: var(--brand-accent-3-24);
  --border-accent-3-4: var(--brand-accent-3-16);
  --transition: .2s;
}

@media (max-width: 768px) {
  :root {
    --padding-container: 24px;
  }
}
@media (max-width: 480px) {
  :root {
    --padding-container: 15px;
    --p: 1rem;
  }
}
.form {
  display: grid;
  gap: 40px;
}
@media (max-width: 480px) {
  .form {
    gap: 30px;
  }
}

.form__block-inputns {
  display: grid;
  gap: 20px;
}

.form__wrap {
  display: grid;
  gap: 8px;
}

.input {
  position: relative;
  display: grid;
  gap: 8px;
}

.input__holder {
  position: relative;
}
.input__holder.--message .input__field {
  height: 160px;
  resize: none;
  padding-top: 20px;
  padding-bottom: 30px;
  border-radius: 12px;
}
.input__holder.--message .input__field:focus + .input__title {
  transform: translateY(-90%);
}
.input__holder.--message .input__field.not-valid + .input__title {
  transform: translateY(-90%);
}
@media (max-width: 480px) {
  .input__holder.--message .input__field.not-valid + .input__title {
    transform: translateY(-130%);
  }
}
.input__holder.--message .input__field.valid + .input__title {
  transform: translateY(-90%);
}
@media (max-width: 480px) {
  .input__holder.--message .input__field.valid + .input__title {
    transform: translateY(-130%);
  }
}
.input__holder.--message .input__title {
  top: 25px;
}

.input__field {
  width: 100%;
  outline: none;
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  color: var(--text-accent-2-100);
  border: none;
  outline: none;
  border: 1px solid var(--border-accent-2-3);
  border-radius: 12px;
  padding: 29px 25px 12px;
  transition: var(--transition) ease-in;
}
@media (max-width: 480px) {
  .input__field {
    padding: 19px 20px 9px;
    font-size: 16px;
  }
}
.input__field::placeholder {
  color: var(--text-accent-2-40);
  opacity: 0;
  transition: var(--transition) ease-in;
}
.input__field:focus {
  border: 1px solid var(--border-accent-2-3);
  box-shadow: 0 0 0 4px rgba(19, 72, 142, 0.1);
}
.input__field:focus + .input__title {
  transform: translateY(-120%);
  font-size: 16px;
  color: var(--text-accent-2-40);
}
@media (max-width: 480px) {
  .input__field:focus + .input__title {
    font-size: 12px;
  }
}
.input__field:focus::placeholder {
  opacity: 1;
}
.input__field.not-valid {
  border-color: var(--status-error-1);
  box-shadow: 0 0 0 4px rgba(243, 101, 101, 0.24);
}
.input__field.not-valid + .input__title {
  transform: translateY(-120%);
  font-size: 16px;
  color: var(--text-accent-2-40);
}
@media (max-width: 480px) {
  .input__field.not-valid + .input__title {
    font-size: 12px;
  }
}
.input__field.valid + .input__title {
  transform: translateY(-120%);
  font-size: 16px;
  color: var(--text-accent-2-40);
}
@media (max-width: 480px) {
  .input__field.valid + .input__title {
    font-size: 12px;
  }
}
.input__field:not(:placeholder-shown) + .input__title {
  transform: translateY(-120%);
  font-size: 16px;
  color: var(--text-accent-2-40);
}
@media (max-width: 480px) {
  .input__field:not(:placeholder-shown) + .input__title {
    font-size: 12px;
  }
}

.input__title {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  color: var(--text-accent-2-100);
  pointer-events: none;
  transition: var(--transition) ease-in;
}
@media (max-width: 480px) {
  .input__title {
    font-size: 14px;
    left: 20px;
  }
}

.form__text-btn-inner {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 7px;
}

.form__text-btn {
  width: fit-content;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--text-accent-2-100);
  border-bottom: 1px solid transparent;
}
@media (hover: hover) {
  .form__text-btn:hover {
    border-color: currentColor;
  }
}

.input__counter {
  position: absolute;
  bottom: 20px;
  right: 10px;
  font-size: 16px;
  line-height: 120%;
  color: var(--text-accent-2-100);
}
.input__counter i {
  font-style: normal;
}

.input__error {
  position: absolute;
  font-size: 16px;
  line-height: 120%;
  color: var(--text-accent-2-100);
  border: 1px solid var(--border-accent-3-4);
  border-radius: 0.8rem;
  border: 1px solid var(--status-error-1);
  box-shadow: 0 18px 32px 0 rgba(64, 40, 25, 0.24);
  background: var(--system-fill-light);
  padding: 14px 20px;
  z-index: 2;
  bottom: -70px;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  transition: var(--transition) ease-in;
}
@media (max-width: 480px) {
  .input__error {
    font-size: 14px;
    bottom: -60px;
  }
}
@media (max-width: 425px) {
  .input__error {
    bottom: -90px;
  }
}
.input__error::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='19'%20viewBox='0%200%2028%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.042%203.26953C13.0429%202.00914%2014.9571%202.00914%2015.958%203.26953L26.4648%2016.5L1.53516%2016.5L12.042%203.26953Z'%20fill='white'%20stroke='%23FF3E3E'/%3e%3cpath%20d='M11.6571%204.55337C12.8581%203.05165%2015.1419%203.05165%2016.3429%204.55337L27.8965%2019.0001L0.103516%2019.0001L11.6571%204.55337Z'%20fill='white'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 0px 0px; /* x y*/
  background-size: auto; /* w h*/
  width: 24px;
  height: 12px;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}

.input__password-btn {
  position: absolute;
  top: 50%;
  right: 23px;
  transform: translateY(-50%);
}
.input__password-btn svg {
  stroke: transparent;
}

.form__checkboxes {
  display: grid;
  gap: 15px;
}

.form__footer {
  display: grid;
  gap: 35px;
}
@media (max-width: 480px) {
  .form__footer {
    gap: 20px;
  }
}

.form__btn-wrapper {
  display: grid;
  gap: 20px;
}
@media (max-width: 480px) {
  .form__btn-wrapper {
    gap: 10px;
  }
}
.form__btn-wrapper span {
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: var(--text-accent-2-100);
}
@media (max-width: 480px) {
  .form__btn-wrapper span {
    font-size: 16px;
  }
}
.form__btn-wrapper span button {
  border-bottom: 1px solid var(--text-default-100);
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  color: var(--text-accent-2-100);
  transition: var(--transition) ease-in;
}
@media (hover: hover) {
  .form__btn-wrapper span button:hover {
    border-color: transparent;
  }
}
@media (max-width: 480px) {
  .form__btn-wrapper span button {
    font-size: 18px;
    line-height: 100%;
  }
}

.form__btn {
  width: 100%;
  padding: 30px 56px;
  font-size: 28px;
  border-radius: 24px;
}
@media (max-width: 480px) {
  .form__btn {
    padding: 16px 20px;
    font-size: 22px;
    border-radius: 10px;
  }
}
.form__btn.not-hover {
  background-color: var(--primary-color);
  pointer-events: none;
}

.send-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.form__text-error {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  text-align: center;
  color: var(--status-error-1);
}
@media (max-width: 480px) {
  .form__text-error {
    font-size: 16px;
  }
}

.form__loader {
  width: 36px;
  animation: animationLoader 0.7s linear infinite;
}

.checkbox__text a {
  color: inherit;
  border-bottom: 0.1rem solid;
}
@media (hover: hover) {
  .checkbox__text a:hover {
    border-color: transparent;
  }
}

.contest__form .input__holder.--message .input__field {
  height: 100px;
}
.contest__form .input__holder.--message .input__field.not-valid {
  border-color: var(--border-accent-1-1);
  box-shadow: 0 4px 0 0 var(--brand-accent-1-16);
}
.contest__form .input__title {
  font-weight: 500;
}

.swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  border-radius: 5rem;
  background: rgba(19, 72, 142, 0.4);
  transition: all 0.3s ease 0s;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  width: 3rem;
  background-color: var(--primary-color);
}.header[data-v-c90d0d4e] {
  padding: 1.6rem;
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0;
  left: 0;
  transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
@media (max-width: 991.98px) {
.header[data-v-c90d0d4e] {
    padding: 0.4rem 1.5rem;
}
}
.header__container[data-v-c90d0d4e] {
  max-width: 176rem;
  padding: 0;
}
.header__wrapper[data-v-c90d0d4e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--white);
  border-radius: 3.2rem;
  padding: 1.6rem;
}
@media (max-width: 991.98px) {
.header__wrapper[data-v-c90d0d4e] {
    padding: 0.8rem 1.8rem 0.8rem 1.2rem;
    border-radius: 1.2rem;
}
}
.header__logo[data-v-c90d0d4e] {
  width: 100%;
  max-width: 15.5rem;
}
@media (max-width: 991.98px) {
.header__logo[data-v-c90d0d4e] {
    max-width: 10.1rem;
}
}
.header__logo a[data-v-c90d0d4e] {
  display: block;
}
.header__logo a img[data-v-c90d0d4e] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__menu[data-v-c90d0d4e] {
  display: contents;
}
@media (min-width: 991.98px) {
.header__menu .menu__icon[data-v-c90d0d4e] {
    display: none;
}
}
@media (max-width: 991.98px) {
.header__menu .menu__icon[data-v-c90d0d4e] {
    height: 2.4rem;
    width: 2.4rem;
    padding: 0.6rem 0.3rem;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
}
.header__menu .menu__icon_body[data-v-c90d0d4e] {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.header__menu .menu__icon_body span[data-v-c90d0d4e] {
    position: absolute;
    display: block;
    width: 100%;
    height: 0.2rem;
    left: 0;
    border-radius: 0.2rem;
    background: var(--primary-color);
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.header__menu .menu__icon_body span[data-v-c90d0d4e]:nth-child(1) {
    top: 0rem;
}
.header__menu .menu__icon_body span[data-v-c90d0d4e]:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}
.header__menu .menu__icon_body span[data-v-c90d0d4e]:nth-child(3) {
    bottom: 0rem;
}
}
.menu-open .header__menu .menu__icon .menu__icon_body span[data-v-c90d0d4e]:nth-child(1) {
  top: calc(50% - 0.1rem);
  transform: rotate(-45deg);
}
.menu-open .header__menu .menu__icon .menu__icon_body span[data-v-c90d0d4e]:nth-child(2) {
  width: 0;
  opacity: 0;
}
.menu-open .header__menu .menu__icon .menu__icon_body span[data-v-c90d0d4e]:nth-child(3) {
  width: 100%;
  bottom: calc(50% - 0.1rem);
  transform: rotate(45deg);
}
@media (min-width: 991.98px) {
.header__menu .menu__block[data-v-c90d0d4e] {
    display: contents;
}
}
@media (max-width: 991.98px) {
.header__menu .menu__block[data-v-c90d0d4e] {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    z-index: -1;
    padding: 6.2rem 1.5rem 5.9rem;
    max-height: 100dvh;
    min-height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateY(-100%);
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    background: var(--second-color);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.menu-open .header__menu .menu__block[data-v-c90d0d4e] {
    transform: translateY(0%);
}
}
@media (min-width: 991.98px) {
.header__menu .menu__list[data-v-c90d0d4e] {
    display: flex;
    align-items: center;
    gap: 4rem;
}
}
@media (min-width: 991.98px) and (max-width: 1169.98px) {
.header__menu .menu__list[data-v-c90d0d4e] {
    gap: 2rem;
}
}
@media (max-width: 991.98px) {
.header__menu .menu__list li:not(:last-child) a[data-v-c90d0d4e] {
    border-bottom: 1px solid rgba(19, 72, 142, 0.4);
}
}
.header__menu .menu__list li a[data-v-c90d0d4e] {
  display: block;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 100%;
  transition: all 0.3s ease 0s;
  color: var(--third-color);
}
@media (max-width: 991.98px) {
.header__menu .menu__list li a[data-v-c90d0d4e] {
    font-family: var(--second-font);
    font-weight: 400;
    font-size: 3.2rem;
    text-transform: uppercase;
    padding: 2.8rem 0;
}
}
@media (any-hover: hover) {
.header__menu .menu__list li a[data-v-c90d0d4e]:hover {
    color: var(--primary-color);
}
}
.header__menu .menu__buttons[data-v-c90d0d4e] {
  display: flex;
  gap: 1.6rem;
}
@media (max-width: 991.98px) {
.header__menu .menu__buttons[data-v-c90d0d4e] {
    flex-wrap: wrap;
    margin-top: 3rem;
}
.header__menu .menu__buttons .btn._btn-primary[data-v-c90d0d4e] {
    flex-grow: 1;
}
}
.header__menu .menu__buttons .btn[data-v-c90d0d4e] {
  padding: 1.9rem 3rem;
  border-radius: 1.6rem;
  font-size: 2rem;
}
.header__menu .menu__buttons a span[data-v-c90d0d4e] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 19rem;
}.footer[data-v-869e4c57] {
  padding: 5.7rem 0 4.5rem;
}
@media (max-width: 991.98px) {
.footer[data-v-869e4c57] {
    padding: 5.9rem 0;
}
}
@media (min-width: 1439.98px) {
.footer__container[data-v-869e4c57] {
    max-width: 176rem;
    padding: 0;
}
}
.footer__top[data-v-869e4c57] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4.4rem;
}
@media (max-width: 991.98px) {
.footer__top[data-v-869e4c57] {
    flex-wrap: wrap;
}
}
.footer__logo[data-v-869e4c57] {
  width: 100%;
  max-width: 15.5rem;
}
.footer__logo a[data-v-869e4c57] {
  display: block;
}
.footer__logo a img[data-v-869e4c57] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 991.98px) {
.footer__logo-left[data-v-869e4c57] {
    max-width: 14.8rem;
    order: 1;
}
}
@media (max-width: 991.98px) {
.footer__logo-right[data-v-869e4c57] {
    max-width: 17.1rem;
    order: 2;
}
}
@media (max-width: 991.98px) {
.footer__menu[data-v-869e4c57] {
    order: 3;
    width: 100%;
}
}
@media (min-width: 991.98px) {
.footer__menu .menu__list[data-v-869e4c57] {
    display: flex;
    align-items: center;
    gap: 7.4rem;
}
}
@media (max-width: 991.98px) {
.footer__menu .menu__list li[data-v-869e4c57]:not(:last-child) {
    margin-bottom: 1.8rem;
}
}
.footer__menu .menu__list li a[data-v-869e4c57] {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 100%;
  transition: color 0.3s ease 0s;
}
@media (max-width: 991.98px) {
.footer__menu .menu__list li a[data-v-869e4c57] {
    font-size: 2rem;
    line-height: 120%;
}
}
@media (any-hover: hover) {
.footer__menu .menu__list li a[data-v-869e4c57]:hover {
    color: var(--third-color);
}
}
@media (max-width: 991.98px) {
.footer__feedback[data-v-869e4c57] {
    order: 4;
    width: 100%;
    margin-top: -0.4rem;
}
}
@media (min-width: 991.98px) {
.footer__feedback .btn[data-v-869e4c57] {
    padding: 2rem 3.2rem;
    font-size: 2rem;
}
}
@media (max-width: 991.98px) {
.footer__feedback .btn[data-v-869e4c57] {
    width: 100%;
}
}
.footer__bottom[data-v-869e4c57] {
  margin-top: 5.2rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 120%;
  color: rgba(255, 255, 255, 0.4);
}
.footer__bottom p[data-v-869e4c57] {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  margin-top: 2.2rem;
}.cookie-banner[data-v-7a2b988c] {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100svh;
  max-height: 100svh;
  padding: 4rem 0;
  overflow: auto;
}
@media (max-width: 991.98px) {
.cookie-banner[data-v-7a2b988c] {
    padding: 2rem 0;
}
}
.cookie-banner__container[data-v-7a2b988c] {
  height: 100%;
  width: 100%;
}
.cookie-banner__wrapper[data-v-7a2b988c] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.cookie-banner__content[data-v-7a2b988c] {
  pointer-events: all;
  width: 100%;
  max-width: 68.7rem;
  padding: 4.8rem 4rem 4rem;
  border-radius: 4rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
@media (max-width: 991.98px) {
.cookie-banner__content[data-v-7a2b988c] {
    padding: 2rem;
    gap: 2rem;
}
}
.cookie-banner__text[data-v-7a2b988c] {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 120%;
  color: var(--primary-color);
}
.cookie-banner__text p[data-v-7a2b988c] {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
.cookie-banner__text a[data-v-7a2b988c] {
  background-image: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(to right, var(--primary-color), var(--primary-color));
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100% 1px;
}
@media (any-hover: hover) {
.cookie-banner__text a[data-v-7a2b988c]:hover {
    animation: line-7a2b988c 0.8s ease forwards;
}
}
@keyframes line-7a2b988c {
0% {
    background-position: bottom right;
    background-size: 100% 1px;
}
49.9% {
    background-size: 0% 1px;
    background-position: bottom right;
}
50% {
    background-size: 0% 1px;
    background-position: bottom left;
}
100% {
    background-size: 100% 1px;
    background-position: bottom left;
}
}
.cookie-banner__btn[data-v-7a2b988c] {
  display: inline-flex;
  text-align: left;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 100%;
  color: var(--primary-color);
  transition: color 0.3s ease 0s;
}
@media (max-width: 991.98px) {
.cookie-banner__btn[data-v-7a2b988c] {
    font-size: 2rem;
    line-height: 130%;
}
}
@media (any-hover: hover) {
.cookie-banner__btn[data-v-7a2b988c]:hover {
    color: var(--third-color);
}
}.preloader[data-v-7b6d5ade] {
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0;
  background-color: var(--primary-color);
  z-index: 99999;
  user-select: none;
  overflow: hidden;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preloader.preloader--hide[data-v-7b6d5ade] {
  animation: out-7b6d5ade 0.6s forwards;
}
@keyframes out-7b6d5ade {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
.preloader__overlay[data-v-7b6d5ade] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.preloader__bg[data-v-7b6d5ade] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.preloader__bg img[data-v-7b6d5ade] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.preloader__video[data-v-7b6d5ade] {
  width: 100%;
  max-width: 90rem;
  padding-top: 4rem;
  z-index: 2;
}
.preloader__video img[data-v-7b6d5ade] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}.hero[data-v-2db30de9] {
  z-index: 1;
  height: 118.5rem;
  padding: 5rem 0;
  background-image: url("/assets/img/hero_bg-CLoxU0KF.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
@media (max-width: 991.98px) {
.hero[data-v-2db30de9] {
    height: auto;
    padding: 7.2rem 0 10.8rem;
    background-image: url("/assets/img/hero_bg--min-B_8rHert.svg");
}
}
.hero__container[data-v-2db30de9] {
  height: 100%;
}
.hero__wrapper[data-v-2db30de9] {
  height: 100%;
}
.hero__body[data-v-2db30de9] {
  height: 100%;
  position: relative;
}
.hero__title[data-v-2db30de9] {
  position: relative;
  z-index: 1;
}
@media (min-width: 991.98px) {
.hero__img[data-v-2db30de9] {
    width: 114rem;
    position: absolute;
    top: 7.2rem;
    left: -7.5rem;
}
}
@media (max-width: 991.98px) {
.hero__img[data-v-2db30de9] {
    width: 100%;
    padding: 4rem 0 0;
    margin: 0 -1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
}
.hero__img img[data-v-2db30de9] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 991.98px) {
.hero__img img[data-v-2db30de9] {
    width: 42.9rem;
    max-width: unset;
}
}
.hero__block[data-v-2db30de9] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 991.98px) {
.hero__block[data-v-2db30de9] {
    position: absolute;
    top: 2rem;
    right: 10.4rem;
    max-width: 37.9rem;
}
}
@media (max-width: 991.98px) {
.hero__block[data-v-2db30de9] {
    margin-top: -2.6rem;
}
}
.hero__block_desc[data-v-2db30de9] {
  color: var(--primary-color);
  text-align: center;
  width: 100%;
}
@media (max-width: 991.98px) {
.hero__block_desc[data-v-2db30de9] {
    margin-top: 4.1rem;
}
}
.hero__about[data-v-2db30de9] {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 991.98px) {
.hero__about[data-v-2db30de9] {
    max-width: 34rem;
    filter: drop-shadow(0 6px 23px rgba(0, 0, 0, 0.11));
}
}
@media (max-width: 991.98px) {
.hero__about[data-v-2db30de9] {
    background: #f7f4f2;
    border-radius: 1.5rem;
    padding: 1.6rem 1.3rem 1.6rem 16.3rem;
    min-height: 9rem;
    max-width: 36.3rem;
}
}
.hero__about_img[data-v-2db30de9] {
  width: 100%;
}
@media (max-width: 991.98px) {
.hero__about_img[data-v-2db30de9] {
    position: absolute;
    top: -3.8rem;
    left: -1.6rem;
    width: 19.1rem;
    height: 12.7rem;
}
}
.hero__about_img img[data-v-2db30de9] {
  width: 100%;
  object-fit: contain;
}
.hero__about_desc[data-v-2db30de9] {
  color: var(--primary-color);
}
@media (min-width: 991.98px) {
.hero__about_desc[data-v-2db30de9] {
    text-align: center;
    padding: 6.2rem 2.6rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
}
.hero__about_desc h5[data-v-2db30de9] {
  font-weight: 400;
  line-height: 103%;
}
@media (max-width: 991.98px) {
.hero__about_desc h5[data-v-2db30de9] {
    line-height: 125%;
}
.hero__about_desc h5 br[data-v-2db30de9] {
    display: none;
}
}
@media (max-width: 991.98px) {
.hero__subtitle[data-v-2db30de9] {
    margin-top: 3rem;
}
}
@media (min-width: 991.98px) {
.hero__subtitle h4[data-v-2db30de9] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}
}
@media (max-width: 991.98px) {
.hero__subtitle h4[data-v-2db30de9] {
    font-weight: 400;
    text-align: center;
}
}.v-enter-active[data-v-c9083028],
.v-leave-active[data-v-c9083028] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-c9083028] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-c9083028] {
  opacity: 0;
  transform: translate(-50%, 10px);
}.v-enter-active[data-v-6e7e107c],
.v-leave-active[data-v-6e7e107c] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-6e7e107c] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-6e7e107c] {
  opacity: 0;
  transform: translate(-50%, 10px);
}[data-v-89c46b95]:root {
  --system-fill-light: #fff;
  --system-fill-dark: #181818;
  --system-fill-gray: rgba(0, 0, 0, 0.08);
  --system-text-dark: #242424;
  --system-text-light: #fff;
  --system-border-dark: rgba(255, 255, 255, 0.16);
  --fill-inverse-1: var(--main-light-100);
  --main-light-100: #fff;
  --fill-accent-1-1: var(--brand-accent-1-100);
  --brand-accent-1-100: #f5e19e;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(241, 156, 35, 0.72);
  --main-dark-100: #f19c23;
  --main-light-72: rgba(255, 255, 255, 0.72);
  --text-default-100: var(--main-dark-100);
  --text-default-72: var(--main-dark-72);
  --text-inverse-72: var(--main-light-72);
  --text-accent-1-100: var(--brand-accent-1-100);
  --main-light-40: rgba(255, 255, 255, 0.4);
  --main-dark-40: rgba(241, 156, 35, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(241, 156, 35, 0.16);
  --text-default-40: var(--main-dark-40);
  --text-default-16: var(--main-dark-16);
  --text-inverse-40: var(--main-light-40);
  --text-inverse-16: var(--main-light-16);
  --main-dark-8: rgba(241, 156, 35, 0.08);
  --main-light-8: rgba(255, 255, 255, 0.08);
  --border-default-1: var(--main-light-100);
  --border-inverse-1: var(--main-dark-100);
  --fill-default-3: var(--main-dark-8);
  --fill-default-1: var(--main-dark-100);
  --fill-inverse-3: var(--main-light-8);
  --main-dark-24: rgba(241, 156, 35, 0.24);
  --main-light-24: rgba(255, 255, 255, 0.24);
  --fill-default-2: var(--main-dark-24);
  --fill-inverse-2: var(--main-light-24);
  --border-accent-1-1: var(--brand-accent-1-100);
  --text-accent-1-72: var(--brand-accent-1-72);
  --brand-accent-1-72: rgba(245, 225, 158, 0.72);
  --brand-accent-1-40: rgba(245, 225, 158, 0.4);
  --brand-accent-1-24: rgba(245, 225, 158, 0.24);
  --brand-accent-1-16: rgba(245, 225, 158, 0.16);
  --brand-accent-1-8: rgba(245, 225, 158, 0.08);
  --brand-accent-2-100: #13488e;
  --brand-accent-2-72: rgba(19, 72, 142, 0.72);
  --brand-accent-2-40: rgba(19, 72, 142, 0.4);
  --brand-accent-2-24: rgba(19, 72, 142, 0.24);
  --brand-accent-2-16: rgba(19, 72, 142, 0.16);
  --brand-accent-2-8: rgba(19, 72, 142, 0.08);
  --text-accent-1-40: var(--brand-accent-1-40);
  --text-accent-1-16: var(--brand-accent-1-24);
  --text-accent-2-100: var(--brand-accent-2-100);
  --text-accent-2-72: var(--brand-accent-2-72);
  --text-accent-2-40: var(--brand-accent-2-40);
  --text-accent-2-16: var(--brand-accent-2-24);
  --border-inverse-2: var(--main-dark-72);
  --border-inverse-3: var(--main-dark-24);
  --border-inverse-4: var(--main-dark-16);
  --border-default-2: var(--main-light-72);
  --border-default-3: var(--main-light-24);
  --border-default-4: var(--main-light-16);
  --border-accent-1-2: var(--brand-accent-1-72);
  --border-accent-1-3: var(--brand-accent-1-24);
  --border-accent-1-4: var(--brand-accent-1-16);
  --fill-accent-1-2: var(--brand-accent-1-24);
  --fill-accent-1-3: var(--brand-accent-1-8);
  --fill-accent-2-1: var(--brand-accent-2-100);
  --fill-accent-2-2: var(--brand-accent-2-24);
  --fill-accent-2-3: var(--brand-accent-2-8);
  --border-accent-2-1: var(--brand-accent-2-100);
  --border-accent-2-2: var(--brand-accent-2-72);
  --border-accent-2-3: var(--brand-accent-2-24);
  --border-accent-2-4: var(--brand-accent-2-16);
  --status-error-1: var(--status-error-100);
  --status-positive-100: #29c54b;
  --status-positive-72: rgba(41, 197, 75, 0.72);
  --status-positive-40: rgba(41, 197, 75, 0.4);
  --status-positive-24: rgba(41, 197, 75, 0.24);
  --status-positive-16: rgba(41, 197, 75, 0.16);
  --status-positive-8: rgba(41, 197, 75, 0.08);
  --status-error-100: #ff3e3e;
  --status-error-72: rgba(255, 62, 62, 0.72);
  --status-error-40: rgba(255, 62, 62, 0.4);
  --status-error-24: rgba(255, 62, 62, 0.24);
  --status-error-16: rgba(255, 62, 62, 0.16);
  --status-error-8: rgba(255, 62, 62, 0.08);
  --status-info-100: #4980ea;
  --status-info-72: rgba(73, 128, 234, 0.72);
  --status-info-40: rgba(73, 128, 234, 0.4);
  --status-info-24: rgba(73, 128, 234, 0.24);
  --status-info-16: rgba(73, 128, 234, 0.16);
  --status-info-8: rgba(73, 128, 234, 0.08);
  --status-warning-100: #ffc700;
  --status-warning-72: rgba(255, 199, 0, 0.72);
  --status-warning-40: rgba(255, 199, 0, 0.4);
  --status-warning-24: rgba(255, 199, 0, 0.24);
  --status-warning-16: rgba(255, 199, 0, 0.16);
  --status-warning-8: rgba(255, 199, 0, 0.08);
  --status-positive-1: var(--status-positive-100);
  --status-info-1: var(--status-info-100);
  --status-warning-1: var(--status-warning-100);
  --status-positive-2: var(--status-positive-40);
  --status-positive-3: var(--status-positive-16);
  --status-positive-4: var(--status-positive-8);
  --status-error-2: var(--status-error-40);
  --status-error-3: var(--status-error-16);
  --status-error-4: var(--status-error-8);
  --status-info-2: var(--status-info-40);
  --status-info-3: var(--status-info-16);
  --status-info-4: var(--status-info-8);
  --status-warning-2: var(--status-warning-40);
  --status-warning-3: var(--status-warning-16);
  --status-warning-4: var(--status-warning-8);
  --brand-accent-3-100: #008dcb;
  --brand-accent-3-72: rgba(0, 141, 203, 0.72);
  --brand-accent-3-40: rgba(0, 141, 203, 0.4);
  --brand-accent-3-24: rgba(0, 141, 203, 0.24);
  --brand-accent-3-16: rgba(0, 141, 203, 0.16);
  --brand-accent-3-8: rgba(0, 141, 203, 0.08);
  --text-accent-3-100: var(--brand-accent-3-100);
  --text-accent-3-72: var(--brand-accent-3-72);
  --text-accent-3-40: var(--brand-accent-3-40);
  --text-accent-3-16: var(--brand-accent-3-24);
  --fill-accent-3-1: var(--brand-accent-3-100);
  --fill-accent-3-2: var(--brand-accent-3-24);
  --fill-accent-3-3: var(--brand-accent-3-8);
  --border-accent-3-1: var(--brand-accent-3-100);
  --border-accent-3-2: var(--brand-accent-3-72);
  --border-accent-3-3: var(--brand-accent-3-24);
  --border-accent-3-4: var(--brand-accent-3-16);
  --transition: .2s;
}
@media (max-width: 768px) {
[data-v-89c46b95]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-89c46b95]:root {
    --padding-container: 15px;
    --p: 1rem;
}
}
.checkbox[data-v-89c46b95] {
  display: grid;
  gap: 0.5rem;
}
.checkbox__inner[data-v-89c46b95] {
  display: flex;
  align-items: start;
  gap: 0.8rem;
  cursor: pointer;
}
.checkbox__real-input[data-v-89c46b95] {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.checkbox__custom-input[data-v-89c46b95] {
  display: flex;
  align-items: center;
  justify-self: center;
  position: relative;
  border: 1px solid var(--text-accent-2-100);
  width: 24px;
  height: 24px;
  border-radius: 8px;
  flex-shrink: 0;
  background-color: #fff;
  transition: var(--transition) ease-in;
}
.checkbox__text[data-v-89c46b95] {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--text-accent-2-100);
}
.checkbox__text a[data-v-89c46b95] {
  border-bottom: 0.1rem solid;
}
@media (hover: hover) {
.checkbox__text a[data-v-89c46b95]:hover {
    border-color: transparent;
}
}
.checkbox__custom-input[data-v-89c46b95]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.6663%205L7.49967%2014.1667L3.33301%2010'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  position: absolute;
  transform: scale(0);
  transition: 0.2s ease-in;
}
.checkbox__real-input:checked + .checkbox__custom-input[data-v-89c46b95] {
  background: var(--text-accent-2-100);
}
.checkbox__real-input:checked + .checkbox__custom-input[data-v-89c46b95]::before {
  transform: scale(1) translateX(1.5px);
}
.v-enter-active[data-v-89c46b95],
.v-leave-active[data-v-89c46b95] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-89c46b95] {
  opacity: 0;
  transform: translateX(20px);
}
.v-leave-to[data-v-89c46b95] {
  opacity: 0;
  transform: translateX(-20px);
}[data-v-9d34f14f]:root {
  --system-fill-light: #fff;
  --system-fill-dark: #181818;
  --system-fill-gray: rgba(0, 0, 0, 0.08);
  --system-text-dark: #242424;
  --system-text-light: #fff;
  --system-border-dark: rgba(255, 255, 255, 0.16);
  --fill-inverse-1: var(--main-light-100);
  --main-light-100: #fff;
  --fill-accent-1-1: var(--brand-accent-1-100);
  --brand-accent-1-100: #f5e19e;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(241, 156, 35, 0.72);
  --main-dark-100: #f19c23;
  --main-light-72: rgba(255, 255, 255, 0.72);
  --text-default-100: var(--main-dark-100);
  --text-default-72: var(--main-dark-72);
  --text-inverse-72: var(--main-light-72);
  --text-accent-1-100: var(--brand-accent-1-100);
  --main-light-40: rgba(255, 255, 255, 0.4);
  --main-dark-40: rgba(241, 156, 35, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(241, 156, 35, 0.16);
  --text-default-40: var(--main-dark-40);
  --text-default-16: var(--main-dark-16);
  --text-inverse-40: var(--main-light-40);
  --text-inverse-16: var(--main-light-16);
  --main-dark-8: rgba(241, 156, 35, 0.08);
  --main-light-8: rgba(255, 255, 255, 0.08);
  --border-default-1: var(--main-light-100);
  --border-inverse-1: var(--main-dark-100);
  --fill-default-3: var(--main-dark-8);
  --fill-default-1: var(--main-dark-100);
  --fill-inverse-3: var(--main-light-8);
  --main-dark-24: rgba(241, 156, 35, 0.24);
  --main-light-24: rgba(255, 255, 255, 0.24);
  --fill-default-2: var(--main-dark-24);
  --fill-inverse-2: var(--main-light-24);
  --border-accent-1-1: var(--brand-accent-1-100);
  --text-accent-1-72: var(--brand-accent-1-72);
  --brand-accent-1-72: rgba(245, 225, 158, 0.72);
  --brand-accent-1-40: rgba(245, 225, 158, 0.4);
  --brand-accent-1-24: rgba(245, 225, 158, 0.24);
  --brand-accent-1-16: rgba(245, 225, 158, 0.16);
  --brand-accent-1-8: rgba(245, 225, 158, 0.08);
  --brand-accent-2-100: #13488e;
  --brand-accent-2-72: rgba(19, 72, 142, 0.72);
  --brand-accent-2-40: rgba(19, 72, 142, 0.4);
  --brand-accent-2-24: rgba(19, 72, 142, 0.24);
  --brand-accent-2-16: rgba(19, 72, 142, 0.16);
  --brand-accent-2-8: rgba(19, 72, 142, 0.08);
  --text-accent-1-40: var(--brand-accent-1-40);
  --text-accent-1-16: var(--brand-accent-1-24);
  --text-accent-2-100: var(--brand-accent-2-100);
  --text-accent-2-72: var(--brand-accent-2-72);
  --text-accent-2-40: var(--brand-accent-2-40);
  --text-accent-2-16: var(--brand-accent-2-24);
  --border-inverse-2: var(--main-dark-72);
  --border-inverse-3: var(--main-dark-24);
  --border-inverse-4: var(--main-dark-16);
  --border-default-2: var(--main-light-72);
  --border-default-3: var(--main-light-24);
  --border-default-4: var(--main-light-16);
  --border-accent-1-2: var(--brand-accent-1-72);
  --border-accent-1-3: var(--brand-accent-1-24);
  --border-accent-1-4: var(--brand-accent-1-16);
  --fill-accent-1-2: var(--brand-accent-1-24);
  --fill-accent-1-3: var(--brand-accent-1-8);
  --fill-accent-2-1: var(--brand-accent-2-100);
  --fill-accent-2-2: var(--brand-accent-2-24);
  --fill-accent-2-3: var(--brand-accent-2-8);
  --border-accent-2-1: var(--brand-accent-2-100);
  --border-accent-2-2: var(--brand-accent-2-72);
  --border-accent-2-3: var(--brand-accent-2-24);
  --border-accent-2-4: var(--brand-accent-2-16);
  --status-error-1: var(--status-error-100);
  --status-positive-100: #29c54b;
  --status-positive-72: rgba(41, 197, 75, 0.72);
  --status-positive-40: rgba(41, 197, 75, 0.4);
  --status-positive-24: rgba(41, 197, 75, 0.24);
  --status-positive-16: rgba(41, 197, 75, 0.16);
  --status-positive-8: rgba(41, 197, 75, 0.08);
  --status-error-100: #ff3e3e;
  --status-error-72: rgba(255, 62, 62, 0.72);
  --status-error-40: rgba(255, 62, 62, 0.4);
  --status-error-24: rgba(255, 62, 62, 0.24);
  --status-error-16: rgba(255, 62, 62, 0.16);
  --status-error-8: rgba(255, 62, 62, 0.08);
  --status-info-100: #4980ea;
  --status-info-72: rgba(73, 128, 234, 0.72);
  --status-info-40: rgba(73, 128, 234, 0.4);
  --status-info-24: rgba(73, 128, 234, 0.24);
  --status-info-16: rgba(73, 128, 234, 0.16);
  --status-info-8: rgba(73, 128, 234, 0.08);
  --status-warning-100: #ffc700;
  --status-warning-72: rgba(255, 199, 0, 0.72);
  --status-warning-40: rgba(255, 199, 0, 0.4);
  --status-warning-24: rgba(255, 199, 0, 0.24);
  --status-warning-16: rgba(255, 199, 0, 0.16);
  --status-warning-8: rgba(255, 199, 0, 0.08);
  --status-positive-1: var(--status-positive-100);
  --status-info-1: var(--status-info-100);
  --status-warning-1: var(--status-warning-100);
  --status-positive-2: var(--status-positive-40);
  --status-positive-3: var(--status-positive-16);
  --status-positive-4: var(--status-positive-8);
  --status-error-2: var(--status-error-40);
  --status-error-3: var(--status-error-16);
  --status-error-4: var(--status-error-8);
  --status-info-2: var(--status-info-40);
  --status-info-3: var(--status-info-16);
  --status-info-4: var(--status-info-8);
  --status-warning-2: var(--status-warning-40);
  --status-warning-3: var(--status-warning-16);
  --status-warning-4: var(--status-warning-8);
  --brand-accent-3-100: #008dcb;
  --brand-accent-3-72: rgba(0, 141, 203, 0.72);
  --brand-accent-3-40: rgba(0, 141, 203, 0.4);
  --brand-accent-3-24: rgba(0, 141, 203, 0.24);
  --brand-accent-3-16: rgba(0, 141, 203, 0.16);
  --brand-accent-3-8: rgba(0, 141, 203, 0.08);
  --text-accent-3-100: var(--brand-accent-3-100);
  --text-accent-3-72: var(--brand-accent-3-72);
  --text-accent-3-40: var(--brand-accent-3-40);
  --text-accent-3-16: var(--brand-accent-3-24);
  --fill-accent-3-1: var(--brand-accent-3-100);
  --fill-accent-3-2: var(--brand-accent-3-24);
  --fill-accent-3-3: var(--brand-accent-3-8);
  --border-accent-3-1: var(--brand-accent-3-100);
  --border-accent-3-2: var(--brand-accent-3-72);
  --border-accent-3-3: var(--brand-accent-3-24);
  --border-accent-3-4: var(--brand-accent-3-16);
  --transition: .2s;
}
@media (max-width: 768px) {
[data-v-9d34f14f]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-9d34f14f]:root {
    --padding-container: 15px;
    --p: 1rem;
}
}
.v-enter-active[data-v-9d34f14f],
.v-leave-active[data-v-9d34f14f] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-9d34f14f] {
  opacity: 0;
  transform: translate(0%, 20px);
}
.v-leave-to[data-v-9d34f14f] {
  opacity: 0;
  transform: translate(0%, 20px);
}
.section-dropdown[data-v-9d34f14f] {
  max-width: 300px;
}
.dropdown[data-v-9d34f14f] {
  position: relative;
}
.dropdown__button[data-v-9d34f14f] {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  padding: 29px 50px 12px 25px;
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  color: var(--text-accent-2-100);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown__button.--visible[data-v-9d34f14f]::after {
  transform: translateY(-50%) rotateX(180deg);
}
.dropdown__button.valid[data-v-9d34f14f] {
  color: var(--text-accent-2-100);
}
.dropdown__button[data-v-9d34f14f]::placeholder {
  color: var(--text-default-100);
}
@media (max-width: 480px) {
.dropdown__button[data-v-9d34f14f] {
    padding: 19px 40px 9px 20px;
    font-size: 16px;
}
}
.dropdown-label[data-v-9d34f14f]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 28px;
  transform: translateY(-50%) rotateX(0deg);
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.2949%209.79537L12.7949%2017.2954C12.6904%2017.4002%2012.5662%2017.4835%2012.4295%2017.5402C12.2927%2017.597%2012.1461%2017.6263%2011.998%2017.6263C11.85%2017.6263%2011.7034%2017.597%2011.5666%2017.5402C11.4299%2017.4835%2011.3057%2017.4002%2011.2012%2017.2954L3.70117%209.79537C3.48983%209.58402%203.37109%209.29738%203.37109%208.99849C3.37109%208.69961%203.48983%208.41296%203.70117%208.20162C3.91251%207.99027%204.19916%207.87154%204.49805%207.87154C4.79693%207.87154%205.08358%207.99027%205.29492%208.20162L11.999%2014.9057L18.703%208.20068C18.9144%207.98934%2019.201%207.87061%2019.4999%207.87061C19.7988%207.87061%2020.0854%207.98934%2020.2968%208.20068C20.5081%208.41203%2020.6269%208.69867%2020.6269%208.99756C20.6269%209.29644%2020.5081%209.58309%2020.2968%209.79443L20.2949%209.79537Z'%20fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 0px 0px; /* x y*/
  background-size: auto; /* w h*/
  width: 24px;
  height: 24px;
  pointer-events: none;
  transition: var(--transition) ease-in;
}
@media (max-width: 480px) {
.dropdown-label[data-v-9d34f14f]::after {
    right: 10px;
}
}
.dropdown-label.--visible[data-v-9d34f14f]::after {
  transform: translateY(-50%) rotateX(180deg);
}
.dropdown__list[data-v-9d34f14f] {
  position: absolute;
  left: 0;
  top: 80px;
  margin: 0;
  list-style-type: none;
  box-shadow: 0 9px 24px 0 rgba(0, 0, 0, 0.06);
  background: var(--fill-inverse-1);
  border: 1px solid var(--border-accent-2-3);
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  z-index: 2;
}
@media (max-width: 480px) {
.dropdown__list[data-v-9d34f14f] {
    top: 55px;
}
}
.dropdown__list-item[data-v-9d34f14f] {
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  color: var(--text-accent-2-100);
  margin: 0;
  padding: 0;
  border-bottom: 0px;
  padding: 10px 30px;
  cursor: pointer;
}
@media (max-width: 480px) {
.dropdown__list-item[data-v-9d34f14f] {
    padding: 5px 15px;
    font-size: 16px;
}
}
.dropdown__list-item[data-v-9d34f14f]:first-child {
  padding-top: 20px;
}
.dropdown__list-item[data-v-9d34f14f]:last-child {
  padding-bottom: 20px;
}
.dropdown__list-item[data-v-9d34f14f]:hover {
  background: rgba(176, 198, 225, 0.26);
}
.dropdown__input-hidden[data-v-9d34f14f] {
  display: none;
}
.dropdown__list-scroll[data-v-9d34f14f] {
  height: auto;
}
.dropdown__list-scroll--height[data-v-9d34f14f] {
  height: 125px;
}.v-enter-active[data-v-ad93e3ce],
.v-leave-active[data-v-ad93e3ce] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-ad93e3ce] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-ad93e3ce] {
  opacity: 0;
  transform: translate(-50%, 10px);
}[data-v-a394a62a]:root {
  --system-fill-light: #fff;
  --system-fill-dark: #181818;
  --system-fill-gray: rgba(0, 0, 0, 0.08);
  --system-text-dark: #242424;
  --system-text-light: #fff;
  --system-border-dark: rgba(255, 255, 255, 0.16);
  --fill-inverse-1: var(--main-light-100);
  --main-light-100: #fff;
  --fill-accent-1-1: var(--brand-accent-1-100);
  --brand-accent-1-100: #f5e19e;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(241, 156, 35, 0.72);
  --main-dark-100: #f19c23;
  --main-light-72: rgba(255, 255, 255, 0.72);
  --text-default-100: var(--main-dark-100);
  --text-default-72: var(--main-dark-72);
  --text-inverse-72: var(--main-light-72);
  --text-accent-1-100: var(--brand-accent-1-100);
  --main-light-40: rgba(255, 255, 255, 0.4);
  --main-dark-40: rgba(241, 156, 35, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(241, 156, 35, 0.16);
  --text-default-40: var(--main-dark-40);
  --text-default-16: var(--main-dark-16);
  --text-inverse-40: var(--main-light-40);
  --text-inverse-16: var(--main-light-16);
  --main-dark-8: rgba(241, 156, 35, 0.08);
  --main-light-8: rgba(255, 255, 255, 0.08);
  --border-default-1: var(--main-light-100);
  --border-inverse-1: var(--main-dark-100);
  --fill-default-3: var(--main-dark-8);
  --fill-default-1: var(--main-dark-100);
  --fill-inverse-3: var(--main-light-8);
  --main-dark-24: rgba(241, 156, 35, 0.24);
  --main-light-24: rgba(255, 255, 255, 0.24);
  --fill-default-2: var(--main-dark-24);
  --fill-inverse-2: var(--main-light-24);
  --border-accent-1-1: var(--brand-accent-1-100);
  --text-accent-1-72: var(--brand-accent-1-72);
  --brand-accent-1-72: rgba(245, 225, 158, 0.72);
  --brand-accent-1-40: rgba(245, 225, 158, 0.4);
  --brand-accent-1-24: rgba(245, 225, 158, 0.24);
  --brand-accent-1-16: rgba(245, 225, 158, 0.16);
  --brand-accent-1-8: rgba(245, 225, 158, 0.08);
  --brand-accent-2-100: #13488e;
  --brand-accent-2-72: rgba(19, 72, 142, 0.72);
  --brand-accent-2-40: rgba(19, 72, 142, 0.4);
  --brand-accent-2-24: rgba(19, 72, 142, 0.24);
  --brand-accent-2-16: rgba(19, 72, 142, 0.16);
  --brand-accent-2-8: rgba(19, 72, 142, 0.08);
  --text-accent-1-40: var(--brand-accent-1-40);
  --text-accent-1-16: var(--brand-accent-1-24);
  --text-accent-2-100: var(--brand-accent-2-100);
  --text-accent-2-72: var(--brand-accent-2-72);
  --text-accent-2-40: var(--brand-accent-2-40);
  --text-accent-2-16: var(--brand-accent-2-24);
  --border-inverse-2: var(--main-dark-72);
  --border-inverse-3: var(--main-dark-24);
  --border-inverse-4: var(--main-dark-16);
  --border-default-2: var(--main-light-72);
  --border-default-3: var(--main-light-24);
  --border-default-4: var(--main-light-16);
  --border-accent-1-2: var(--brand-accent-1-72);
  --border-accent-1-3: var(--brand-accent-1-24);
  --border-accent-1-4: var(--brand-accent-1-16);
  --fill-accent-1-2: var(--brand-accent-1-24);
  --fill-accent-1-3: var(--brand-accent-1-8);
  --fill-accent-2-1: var(--brand-accent-2-100);
  --fill-accent-2-2: var(--brand-accent-2-24);
  --fill-accent-2-3: var(--brand-accent-2-8);
  --border-accent-2-1: var(--brand-accent-2-100);
  --border-accent-2-2: var(--brand-accent-2-72);
  --border-accent-2-3: var(--brand-accent-2-24);
  --border-accent-2-4: var(--brand-accent-2-16);
  --status-error-1: var(--status-error-100);
  --status-positive-100: #29c54b;
  --status-positive-72: rgba(41, 197, 75, 0.72);
  --status-positive-40: rgba(41, 197, 75, 0.4);
  --status-positive-24: rgba(41, 197, 75, 0.24);
  --status-positive-16: rgba(41, 197, 75, 0.16);
  --status-positive-8: rgba(41, 197, 75, 0.08);
  --status-error-100: #ff3e3e;
  --status-error-72: rgba(255, 62, 62, 0.72);
  --status-error-40: rgba(255, 62, 62, 0.4);
  --status-error-24: rgba(255, 62, 62, 0.24);
  --status-error-16: rgba(255, 62, 62, 0.16);
  --status-error-8: rgba(255, 62, 62, 0.08);
  --status-info-100: #4980ea;
  --status-info-72: rgba(73, 128, 234, 0.72);
  --status-info-40: rgba(73, 128, 234, 0.4);
  --status-info-24: rgba(73, 128, 234, 0.24);
  --status-info-16: rgba(73, 128, 234, 0.16);
  --status-info-8: rgba(73, 128, 234, 0.08);
  --status-warning-100: #ffc700;
  --status-warning-72: rgba(255, 199, 0, 0.72);
  --status-warning-40: rgba(255, 199, 0, 0.4);
  --status-warning-24: rgba(255, 199, 0, 0.24);
  --status-warning-16: rgba(255, 199, 0, 0.16);
  --status-warning-8: rgba(255, 199, 0, 0.08);
  --status-positive-1: var(--status-positive-100);
  --status-info-1: var(--status-info-100);
  --status-warning-1: var(--status-warning-100);
  --status-positive-2: var(--status-positive-40);
  --status-positive-3: var(--status-positive-16);
  --status-positive-4: var(--status-positive-8);
  --status-error-2: var(--status-error-40);
  --status-error-3: var(--status-error-16);
  --status-error-4: var(--status-error-8);
  --status-info-2: var(--status-info-40);
  --status-info-3: var(--status-info-16);
  --status-info-4: var(--status-info-8);
  --status-warning-2: var(--status-warning-40);
  --status-warning-3: var(--status-warning-16);
  --status-warning-4: var(--status-warning-8);
  --brand-accent-3-100: #008dcb;
  --brand-accent-3-72: rgba(0, 141, 203, 0.72);
  --brand-accent-3-40: rgba(0, 141, 203, 0.4);
  --brand-accent-3-24: rgba(0, 141, 203, 0.24);
  --brand-accent-3-16: rgba(0, 141, 203, 0.16);
  --brand-accent-3-8: rgba(0, 141, 203, 0.08);
  --text-accent-3-100: var(--brand-accent-3-100);
  --text-accent-3-72: var(--brand-accent-3-72);
  --text-accent-3-40: var(--brand-accent-3-40);
  --text-accent-3-16: var(--brand-accent-3-24);
  --fill-accent-3-1: var(--brand-accent-3-100);
  --fill-accent-3-2: var(--brand-accent-3-24);
  --fill-accent-3-3: var(--brand-accent-3-8);
  --border-accent-3-1: var(--brand-accent-3-100);
  --border-accent-3-2: var(--brand-accent-3-72);
  --border-accent-3-3: var(--brand-accent-3-24);
  --border-accent-3-4: var(--brand-accent-3-16);
  --transition: .2s;
}
@media (max-width: 768px) {
[data-v-a394a62a]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-a394a62a]:root {
    --padding-container: 15px;
    --p: 1rem;
}
}
.file[data-v-a394a62a] {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
}
@media (hover: hover) {
.file:hover .file__text[data-v-a394a62a] {
    text-decoration: underline;
}
}
.file__real[data-v-a394a62a] {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.file__custom[data-v-a394a62a] {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.3794%209.55805C16.4375%209.6161%2016.4836%209.68503%2016.5151%209.7609C16.5465%209.83678%2016.5627%209.91811%2016.5627%2010.0002C16.5627%2010.0824%2016.5465%2010.1637%2016.5151%2010.2396C16.4836%2010.3155%2016.4375%2010.3844%2016.3794%2010.4424L9.96925%2016.8487C9.14863%2017.6692%208.03568%2018.1301%206.87522%2018.13C5.71477%2018.13%204.60187%2017.6689%203.78136%2016.8483C2.96085%2016.0277%202.49993%2014.9147%202.5%2013.7543C2.50007%2012.5938%202.96113%2011.4809%203.78175%2010.6604L11.5364%202.79165C12.1223%202.20517%2012.9171%201.87544%2013.7461%201.875C14.5751%201.87456%2015.3703%202.20345%2015.9568%202.78931C16.5432%203.37516%2016.873%204.17001%2016.8734%204.99898C16.8738%205.82795%2016.545%206.62314%2015.9591%207.20962L8.20284%2015.0784C7.8506%2015.4306%207.37286%2015.6285%206.87472%2015.6285C6.37657%2015.6285%205.89883%2015.4306%205.54659%2015.0784C5.19435%2014.7261%204.99647%2014.2484%204.99647%2013.7502C4.99647%2013.2521%205.19435%2012.7744%205.54659%2012.4221L12.0544%205.81118C12.1114%205.75037%2012.18%205.70157%2012.2562%205.66766C12.3323%205.63376%2012.4145%205.61543%2012.4978%205.61375C12.5811%205.61207%2012.664%205.62708%2012.7414%205.6579C12.8189%205.68871%2012.8894%205.73471%2012.9488%205.79318C13.0082%205.85165%2013.0553%205.92141%2013.0874%205.99836C13.1194%206.07531%2013.1357%206.1579%2013.1354%206.24125C13.135%206.32461%2013.118%206.40705%2013.0853%206.48373C13.0526%206.56041%2013.0049%206.62977%2012.945%206.68774L6.43644%2013.3057C6.37816%2013.3635%206.33185%2013.4322%206.30013%2013.508C6.26842%2013.5837%206.25193%2013.6649%206.2516%2013.747C6.25127%2013.8291%206.26712%2013.9104%206.29823%2013.9864C6.32934%2014.0623%206.37511%2014.1314%206.43292%2014.1897C6.49073%2014.248%206.55946%2014.2943%206.63517%2014.326C6.71088%2014.3577%206.7921%2014.3742%206.87419%2014.3745C6.95627%2014.3749%207.03762%2014.359%207.11358%2014.3279C7.18954%2014.2968%207.25863%2014.251%207.31691%2014.1932L15.0724%206.32837C15.4246%205.97685%2015.6228%205.49981%2015.6233%205.00218C15.6238%204.50455%2015.4266%204.02709%2015.0751%203.67485C14.7236%203.32261%2014.2465%203.12444%2013.7489%203.12392C13.2513%203.12341%2012.7738%203.3206%2012.4216%203.67212L4.66847%2011.5377C4.37802%2011.8277%204.14754%2012.1721%203.99017%2012.5511C3.8328%2012.9302%203.75164%2013.3365%203.75131%2013.747C3.75099%2014.1574%203.8315%2014.5639%203.98827%2014.9432C4.14503%2015.3225%204.37497%2015.6672%204.66495%2015.9577C4.95494%2016.2481%205.29929%2016.4786%205.67835%2016.636C6.05741%2016.7933%206.46376%2016.8745%206.87419%2016.8748C7.28461%2016.8751%207.69109%2016.7946%208.0704%2016.6379C8.44971%2016.4811%208.79443%2016.2512%209.08488%2015.9612L15.4958%209.55493C15.6134%209.43822%2015.7726%209.37299%2015.9383%209.37358C16.1039%209.37416%2016.2626%209.44052%2016.3794%209.55805Z'%20fill='%232558FF'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 0px 0px; /* x y*/
  background-size: auto; /* w h*/
  width: 20px;
  height: 20px;
}
.file__text[data-v-a394a62a] {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: var(--text-accent-2-100);
}
.file-desc__list[data-v-a394a62a] {
  margin-bottom: 20px;
}
.file-desc__item[data-v-a394a62a] {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: var(--text-accent-2-100);
}
.preview-file__list[data-v-a394a62a] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  gap: 0.8rem;
}
@media (max-width: 480px) {
.preview-file__list[data-v-a394a62a] {
    grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
}
}
.preview-file__item[data-v-a394a62a] {
  position: relative;
  overflow: hidden;
  border: 2px solid rgba(197, 198, 202, 0.24);
  border-radius: 0.8rem;
  width: 100%;
  aspect-ratio: 1/1;
}
.preview-file__file-image[data-v-a394a62a] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.preview-file__btn[data-v-a394a62a] {
  position: absolute;
  top: 3px;
  right: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--border-accent-2-1);
  border-radius: 2px;
  width: 24px;
  height: 24px;
  background: transparent;
  color: #13488E;
}
.preview-file__btn svg[data-v-a394a62a] {
  width: 20px;
  height: 20px;
  stroke-width: 2px;
  fill: transparent;
  stroke: var(--text-default-100);
}
.list-enter-active[data-v-a394a62a],
.list-leave-active[data-v-a394a62a] {
  transition: all 0.5s ease;
}
.list-enter-from[data-v-a394a62a],
.list-leave-to[data-v-a394a62a] {
  opacity: 0;
  transform: translateX(30px);
}.v-enter-active[data-v-f9e56d52],
.v-leave-active[data-v-f9e56d52] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-f9e56d52] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-f9e56d52] {
  opacity: 0;
  transform: translate(-50%, 10px);
}.v-enter-active[data-v-e4e7b377],
.v-leave-active[data-v-e4e7b377] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-e4e7b377] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-e4e7b377] {
  opacity: 0;
  transform: translate(-50%, 10px);
}[data-v-8b55a36f]:root {
  --system-fill-light: #fff;
  --system-fill-dark: #181818;
  --system-fill-gray: rgba(0, 0, 0, 0.08);
  --system-text-dark: #242424;
  --system-text-light: #fff;
  --system-border-dark: rgba(255, 255, 255, 0.16);
  --fill-inverse-1: var(--main-light-100);
  --main-light-100: #fff;
  --fill-accent-1-1: var(--brand-accent-1-100);
  --brand-accent-1-100: #f5e19e;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(241, 156, 35, 0.72);
  --main-dark-100: #f19c23;
  --main-light-72: rgba(255, 255, 255, 0.72);
  --text-default-100: var(--main-dark-100);
  --text-default-72: var(--main-dark-72);
  --text-inverse-72: var(--main-light-72);
  --text-accent-1-100: var(--brand-accent-1-100);
  --main-light-40: rgba(255, 255, 255, 0.4);
  --main-dark-40: rgba(241, 156, 35, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(241, 156, 35, 0.16);
  --text-default-40: var(--main-dark-40);
  --text-default-16: var(--main-dark-16);
  --text-inverse-40: var(--main-light-40);
  --text-inverse-16: var(--main-light-16);
  --main-dark-8: rgba(241, 156, 35, 0.08);
  --main-light-8: rgba(255, 255, 255, 0.08);
  --border-default-1: var(--main-light-100);
  --border-inverse-1: var(--main-dark-100);
  --fill-default-3: var(--main-dark-8);
  --fill-default-1: var(--main-dark-100);
  --fill-inverse-3: var(--main-light-8);
  --main-dark-24: rgba(241, 156, 35, 0.24);
  --main-light-24: rgba(255, 255, 255, 0.24);
  --fill-default-2: var(--main-dark-24);
  --fill-inverse-2: var(--main-light-24);
  --border-accent-1-1: var(--brand-accent-1-100);
  --text-accent-1-72: var(--brand-accent-1-72);
  --brand-accent-1-72: rgba(245, 225, 158, 0.72);
  --brand-accent-1-40: rgba(245, 225, 158, 0.4);
  --brand-accent-1-24: rgba(245, 225, 158, 0.24);
  --brand-accent-1-16: rgba(245, 225, 158, 0.16);
  --brand-accent-1-8: rgba(245, 225, 158, 0.08);
  --brand-accent-2-100: #13488e;
  --brand-accent-2-72: rgba(19, 72, 142, 0.72);
  --brand-accent-2-40: rgba(19, 72, 142, 0.4);
  --brand-accent-2-24: rgba(19, 72, 142, 0.24);
  --brand-accent-2-16: rgba(19, 72, 142, 0.16);
  --brand-accent-2-8: rgba(19, 72, 142, 0.08);
  --text-accent-1-40: var(--brand-accent-1-40);
  --text-accent-1-16: var(--brand-accent-1-24);
  --text-accent-2-100: var(--brand-accent-2-100);
  --text-accent-2-72: var(--brand-accent-2-72);
  --text-accent-2-40: var(--brand-accent-2-40);
  --text-accent-2-16: var(--brand-accent-2-24);
  --border-inverse-2: var(--main-dark-72);
  --border-inverse-3: var(--main-dark-24);
  --border-inverse-4: var(--main-dark-16);
  --border-default-2: var(--main-light-72);
  --border-default-3: var(--main-light-24);
  --border-default-4: var(--main-light-16);
  --border-accent-1-2: var(--brand-accent-1-72);
  --border-accent-1-3: var(--brand-accent-1-24);
  --border-accent-1-4: var(--brand-accent-1-16);
  --fill-accent-1-2: var(--brand-accent-1-24);
  --fill-accent-1-3: var(--brand-accent-1-8);
  --fill-accent-2-1: var(--brand-accent-2-100);
  --fill-accent-2-2: var(--brand-accent-2-24);
  --fill-accent-2-3: var(--brand-accent-2-8);
  --border-accent-2-1: var(--brand-accent-2-100);
  --border-accent-2-2: var(--brand-accent-2-72);
  --border-accent-2-3: var(--brand-accent-2-24);
  --border-accent-2-4: var(--brand-accent-2-16);
  --status-error-1: var(--status-error-100);
  --status-positive-100: #29c54b;
  --status-positive-72: rgba(41, 197, 75, 0.72);
  --status-positive-40: rgba(41, 197, 75, 0.4);
  --status-positive-24: rgba(41, 197, 75, 0.24);
  --status-positive-16: rgba(41, 197, 75, 0.16);
  --status-positive-8: rgba(41, 197, 75, 0.08);
  --status-error-100: #ff3e3e;
  --status-error-72: rgba(255, 62, 62, 0.72);
  --status-error-40: rgba(255, 62, 62, 0.4);
  --status-error-24: rgba(255, 62, 62, 0.24);
  --status-error-16: rgba(255, 62, 62, 0.16);
  --status-error-8: rgba(255, 62, 62, 0.08);
  --status-info-100: #4980ea;
  --status-info-72: rgba(73, 128, 234, 0.72);
  --status-info-40: rgba(73, 128, 234, 0.4);
  --status-info-24: rgba(73, 128, 234, 0.24);
  --status-info-16: rgba(73, 128, 234, 0.16);
  --status-info-8: rgba(73, 128, 234, 0.08);
  --status-warning-100: #ffc700;
  --status-warning-72: rgba(255, 199, 0, 0.72);
  --status-warning-40: rgba(255, 199, 0, 0.4);
  --status-warning-24: rgba(255, 199, 0, 0.24);
  --status-warning-16: rgba(255, 199, 0, 0.16);
  --status-warning-8: rgba(255, 199, 0, 0.08);
  --status-positive-1: var(--status-positive-100);
  --status-info-1: var(--status-info-100);
  --status-warning-1: var(--status-warning-100);
  --status-positive-2: var(--status-positive-40);
  --status-positive-3: var(--status-positive-16);
  --status-positive-4: var(--status-positive-8);
  --status-error-2: var(--status-error-40);
  --status-error-3: var(--status-error-16);
  --status-error-4: var(--status-error-8);
  --status-info-2: var(--status-info-40);
  --status-info-3: var(--status-info-16);
  --status-info-4: var(--status-info-8);
  --status-warning-2: var(--status-warning-40);
  --status-warning-3: var(--status-warning-16);
  --status-warning-4: var(--status-warning-8);
  --brand-accent-3-100: #008dcb;
  --brand-accent-3-72: rgba(0, 141, 203, 0.72);
  --brand-accent-3-40: rgba(0, 141, 203, 0.4);
  --brand-accent-3-24: rgba(0, 141, 203, 0.24);
  --brand-accent-3-16: rgba(0, 141, 203, 0.16);
  --brand-accent-3-8: rgba(0, 141, 203, 0.08);
  --text-accent-3-100: var(--brand-accent-3-100);
  --text-accent-3-72: var(--brand-accent-3-72);
  --text-accent-3-40: var(--brand-accent-3-40);
  --text-accent-3-16: var(--brand-accent-3-24);
  --fill-accent-3-1: var(--brand-accent-3-100);
  --fill-accent-3-2: var(--brand-accent-3-24);
  --fill-accent-3-3: var(--brand-accent-3-8);
  --border-accent-3-1: var(--brand-accent-3-100);
  --border-accent-3-2: var(--brand-accent-3-72);
  --border-accent-3-3: var(--brand-accent-3-24);
  --border-accent-3-4: var(--brand-accent-3-16);
  --transition: .2s;
}
@media (max-width: 768px) {
[data-v-8b55a36f]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-8b55a36f]:root {
    --padding-container: 15px;
    --p: 1rem;
}
}
.v-enter-active[data-v-8b55a36f],
.v-leave-active[data-v-8b55a36f] {
  transition: 0.5s ease;
}
.v-enter-from[data-v-8b55a36f] {
  opacity: 0;
  transform: translateY(-10%);
}
.v-leave-to[data-v-8b55a36f] {
  opacity: 0;
  transform: translateY(-10%);
}
.modal[data-v-8b55a36f] {
  --transition-time: 0.3s;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-time), visibility var(--transition-time);
}
.modal[data-v-8b55a36f]::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.modal__container[data-v-8b55a36f] {
  position: relative;
  width: 665px;
  margin: 50px auto;
  display: none;
  vertical-align: middle;
  background: var(--font-color);
  border-radius: 64px;
  cursor: default;
  text-align: left;
  padding: 0;
}
@media (max-width: 768px) {
.modal__container[data-v-8b55a36f] {
    width: 95%;
}
}
@media (max-width: 480px) {
.modal__container[data-v-8b55a36f] {
    border-radius: 30px;
}
}
.modal__container.--big[data-v-8b55a36f] {
  width: 1228px;
}
@media (max-width: 1230px) {
.modal__container.--big[data-v-8b55a36f] {
    width: 95%;
}
}
.modal.is-open[data-v-8b55a36f] {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--transition-time), visibility var(--transition-time);
}
.modal.is-open .modal__container[data-v-8b55a36f] {
  display: inline-block;
}
.modal__container.modal-open[data-v-8b55a36f] {
  display: inline-block;
}
.fade[data-v-8b55a36f] {
  opacity: 0;
  transition: opacity var(--transition-time);
}
.fade.animate-open[data-v-8b55a36f] {
  opacity: 1;
  transition: opacity var(--transition-time);
}
.fadeInUp[data-v-8b55a36f] {
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity var(--transition-time), transform var(--transition-time);
}
.fadeInUp.animate-open[data-v-8b55a36f] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity var(--transition-time), transform var(--transition-time);
}
.disable-scroll[data-v-8b55a36f] {
  position: relative;
  overflow: hidden;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.modal-close[data-v-8b55a36f] {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 41px;
  right: 33px;
}
@media (max-width: 480px) {
.modal-close[data-v-8b55a36f] {
    top: 15px;
    right: 20px;
}
}
.modal-close svg[data-v-8b55a36f] {
  stroke-width: 2px;
  stroke: #13488e;
  transition: transform var(--transition) ease-in;
}
@media (hover: hover) {
.modal-close:hover svg[data-v-8b55a36f] {
    transform: scale(1.1);
}
}
.modal-content[data-v-8b55a36f] {
  padding: 64px;
}
@media (max-width: 480px) {
.modal-content[data-v-8b55a36f] {
    padding: 50px 25px 30px;
}
}
.modal-title[data-v-8b55a36f] {
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  color: var(--text-accent-2-100);
  margin-bottom: 50px;
}
@media (max-width: 480px) {
.modal-title[data-v-8b55a36f] {
    margin-bottom: 20px;
    font-size: 20px;
}
}
.modal-subtitle[data-v-8b55a36f] {
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  color: var(--text-accent-2-100);
  margin-bottom: 35px;
}
@media (max-width: 480px) {
.modal-subtitle[data-v-8b55a36f] {
    margin-bottom: 20px;
    font-size: 16px;
}
}
.buttons[data-v-8b55a36f] {
  display: grid;
  gap: 56px;
}
.modal-content__desc[data-v-8b55a36f] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
  color: var(--text-default-100);
}
@media (max-width: 480px) {
.modal-content__desc[data-v-8b55a36f] {
    font-size: 1.8rem;
}
}
.modal-content__desc ul[data-v-8b55a36f] {
  padding-left: 3rem;
  list-style-type: disc;
}
@media (max-width: 480px) {
.modal-content__desc ul[data-v-8b55a36f] {
    padding-left: 1.5rem;
}
}
.modal-content__desc-title[data-v-8b55a36f] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
  margin-bottom: 4rem;
}
@media (max-width: 480px) {
.modal-content__desc-title[data-v-8b55a36f] {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}
}.hero[data-v-6e898668] {
  z-index: 1;
  height: 118.5rem;
  padding: 11.4rem 0 7.4rem;
  background-image: url("/assets/img/hero_bg-CLoxU0KF.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
@media (max-width: 991.98px) {
.hero[data-v-6e898668] {
    height: auto;
    padding: 7.2rem 0 10.8rem;
    background-image: url("/assets/img/hero_bg--min-B_8rHert.svg");
}
}
.hero__container[data-v-6e898668] {
  height: 100%;
}
.hero__wrapper[data-v-6e898668] {
  height: 100%;
}
.hero__body[data-v-6e898668] {
  height: 100%;
  position: relative;
}
.hero__title[data-v-6e898668] {
  position: relative;
  z-index: 1;
}
@media (min-width: 991.98px) {
.hero__img[data-v-6e898668] {
    width: 114rem;
    position: absolute;
    top: 7.2rem;
    left: -7.5rem;
}
}
@media (max-width: 991.98px) {
.hero__img[data-v-6e898668] {
    width: 100%;
    padding: 4rem 0 0;
    margin: 0 -1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
}
.hero__img img[data-v-6e898668] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 991.98px) {
.hero__img img[data-v-6e898668] {
    width: 42.9rem;
    max-width: unset;
}
}
.hero__block[data-v-6e898668] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 991.98px) {
.hero__block[data-v-6e898668] {
    position: absolute;
    top: 2rem;
    right: 10.4rem;
    max-width: 37.9rem;
}
}
@media (max-width: 991.98px) {
.hero__block[data-v-6e898668] {
    margin-top: -2.6rem;
}
}
.hero__block_desc[data-v-6e898668] {
  color: var(--primary-color);
  text-align: center;
  width: 100%;
}
@media (max-width: 991.98px) {
.hero__block_desc[data-v-6e898668] {
    margin-top: 4.1rem;
}
}
.hero__block_desc .btn[data-v-6e898668] {
  margin-top: 2.6rem;
}
@media (min-width: 991.98px) {
.hero__block_desc .btn[data-v-6e898668] {
    padding-left: 3.8rem;
    padding-right: 3.8rem;
}
}
@media (max-width: 991.98px) {
.hero__block_desc .btn[data-v-6e898668] {
    width: 100%;
    margin-top: 1.8rem;
}
}
.hero__about[data-v-6e898668] {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 991.98px) {
.hero__about[data-v-6e898668] {
    max-width: 34rem;
    filter: drop-shadow(0 6px 23px rgba(0, 0, 0, 0.11));
}
}
@media (max-width: 991.98px) {
.hero__about[data-v-6e898668] {
    background: #f7f4f2;
    border-radius: 1.5rem;
    padding: 1.6rem 1.3rem 1.6rem 16.3rem;
    min-height: 9rem;
    max-width: 36.3rem;
}
}
.hero__about_img[data-v-6e898668] {
  width: 100%;
}
@media (max-width: 991.98px) {
.hero__about_img[data-v-6e898668] {
    position: absolute;
    top: -3.8rem;
    left: -1.6rem;
    width: 19.1rem;
    height: 12.7rem;
}
}
.hero__about_img img[data-v-6e898668] {
  width: 100%;
  object-fit: contain;
}
.hero__about_desc[data-v-6e898668] {
  color: var(--primary-color);
}
@media (min-width: 991.98px) {
.hero__about_desc[data-v-6e898668] {
    text-align: center;
    padding: 6.2rem 2.6rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
}
.hero__about_desc h5[data-v-6e898668] {
  font-weight: 400;
  line-height: 103%;
}
@media (max-width: 991.98px) {
.hero__about_desc h5[data-v-6e898668] {
    line-height: 125%;
}
.hero__about_desc h5 br[data-v-6e898668] {
    display: none;
}
}
@media (max-width: 991.98px) {
.hero__subtitle[data-v-6e898668] {
    margin-top: 3rem;
}
}
@media (min-width: 991.98px) {
.hero__subtitle h4[data-v-6e898668] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}
}
@media (max-width: 991.98px) {
.hero__subtitle h4[data-v-6e898668] {
    font-weight: 400;
    text-align: center;
}
}.how-to-join[data-v-7948c089] {
  padding-bottom: 16rem;
  overflow: visible;
}
@media (max-width: 991.98px) {
.how-to-join[data-v-7948c089] {
    padding-top: 3.5rem;
    padding-bottom: 10rem;
}
}
.how-to-join[data-v-7948c089]::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  user-select: none;
  left: 50%;
  transform: translateX(-50%);
  bottom: -262.6rem;
  display: block;
  width: 100%;
  max-width: 192rem;
  height: 306.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1920' height='3061' viewBox='0 0 1920 3061' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.1' d='M3954 3060.5C3985.25 3060.5 4000.87 3060.5 4010.58 3050.58C4020.28 3040.66 4019.95 3025.27 4019.29 2994.49C4002.31 2206.7 3681.98 1454.78 3123.6 896.4C2549.65 322.445 1771.2 6.12813e-05 959.5 0C147.805 -6.12813e-05 -630.645 322.444 -1204.6 896.399C-1762.98 1454.78 -2083.31 2206.7 -2100.29 2994.49C-2100.95 3025.27 -2101.28 3040.66 -2091.58 3050.58C-2081.87 3060.5 -2066.25 3060.5 -2035 3060.5L-1244.93 3060.5C-1214.03 3060.5 -1198.58 3060.5 -1188.98 3051.19C-1179.38 3041.88 -1178.89 3026.09 -1177.92 2994.5C-1161.16 2451.3 -938.052 1933.85 -552.601 1548.4C-151.567 1147.36 392.352 922.066 959.5 922.066C1526.65 922.066 2070.57 1147.36 2471.6 1548.4C2857.05 1933.85 3080.16 2451.3 3096.92 2994.5C3097.89 3026.09 3098.38 3041.88 3107.98 3051.19C3117.58 3060.5 3133.03 3060.5 3163.93 3060.5H3954Z' fill='white'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 991.98px) {
.how-to-join[data-v-7948c089]::after {
    width: 39.3rem;
    height: 114.2rem;
    bottom: -93rem;
}
}
.how-to-join__bg-elem[data-v-7948c089] {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 15.9rem;
  height: 17.2rem;
}
@media (max-width: 991.98px) {
.how-to-join__bg-elem[data-v-7948c089] {
    width: 8.6rem;
    height: 9.2rem;
}
}
.how-to-join__bg-elem img[data-v-7948c089] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.how-to-join__bg-elem-left-top[data-v-7948c089] {
  top: -3rem;
  left: 7rem;
}
@media (max-width: 991.98px) {
.how-to-join__bg-elem-left-top[data-v-7948c089] {
    top: 12.7rem;
    left: 1.7rem;
}
}
.how-to-join__bg-elem-right-bottom[data-v-7948c089] {
  right: 6rem;
  bottom: 9rem;
}
@media (max-width: 991.98px) {
.how-to-join__bg-elem-right-bottom[data-v-7948c089] {
    right: 1.5rem;
    bottom: 2rem;
}
}
.how-to-join__container[data-v-7948c089] {
  position: relative;
}
.how-to-join__wrapper[data-v-7948c089] {
  padding-top: 29.7rem;
}
@media (max-width: 991.98px) {
.how-to-join__wrapper[data-v-7948c089] {
    padding-top: 20.1rem;
}
}
.how-to-join__list[data-v-7948c089] {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
}
@media (max-width: 991.98px) {
.how-to-join__list[data-v-7948c089] {
    flex-direction: column;
    gap: 6.1rem;
}
}
.how-to-join__item[data-v-7948c089] {
  width: 100%;
  position: relative;
  box-shadow: var(--primary-shadow);
  background: var(--second-color);
  border-radius: 6.4rem;
  padding: 21rem 3.2rem 4.8rem;
}
@media (max-width: 991.98px) {
.how-to-join__item[data-v-7948c089] {
    padding: 13.8rem 2.4rem 2.9rem;
    border-radius: 4.4rem;
}
}
@media (min-width: 991.98px) {
.how-to-join__item[data-v-7948c089] {
    min-height: 44rem;
    flex: 1 1 calc(33.333% - 2rem);
}
.how-to-join__item[data-v-7948c089]:nth-child(odd) {
    margin-top: 4rem;
}
}
.how-to-join__item:nth-child(1) .how-to-join__img[data-v-7948c089] {
  width: 35.6rem;
  top: -14rem;
  right: 1rem;
}
@media (max-width: 991.98px) {
.how-to-join__item:nth-child(1) .how-to-join__img[data-v-7948c089] {
    width: 23.3rem;
    top: -8rem;
    right: 2.4rem;
}
}
.how-to-join__item:nth-child(1) .how-to-join__num[data-v-7948c089] {
  padding-right: 6.5rem;
}
@media (max-width: 991.98px) {
.how-to-join__item:nth-child(1) .how-to-join__num[data-v-7948c089] {
    padding-right: 5rem;
    padding-bottom: 4.9rem;
}
}
@media (min-width: 991.98px) {
.how-to-join__item[data-v-7948c089]:nth-child(2) {
    padding-top: 19.3rem;
}
}
.how-to-join__item:nth-child(2) .how-to-join__img[data-v-7948c089] {
  width: 40.5rem;
  top: -15.8rem;
  right: -1.5rem;
}
@media (max-width: 991.98px) {
.how-to-join__item:nth-child(2) .how-to-join__img[data-v-7948c089] {
    width: 25.2rem;
    top: -6.9rem;
    right: 0.8rem;
}
}
@media (min-width: 991.98px) {
.how-to-join__item[data-v-7948c089]:nth-child(3) {
    padding-top: 24.3rem;
}
}
.how-to-join__item:nth-child(3) .how-to-join__img[data-v-7948c089] {
  width: 39.3rem;
  top: -15.4rem;
  right: -1.1rem;
}
@media (max-width: 991.98px) {
.how-to-join__item:nth-child(3) .how-to-join__img[data-v-7948c089] {
    width: 23.5rem;
    top: -7.9rem;
    right: 2.3rem;
}
}
.how-to-join__num[data-v-7948c089] {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 172 196' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M-0.00195312 95.2657C-0.00195312 54.1345 48.063 -16.7827 86.4252 3.60489C170.667 48.3754 196.069 128.588 147.557 176.679C113.477 210.462 59.8546 192.974 31.2275 176.679C5.66264 162.127 -0.00195312 136.397 -0.00195312 95.2657Z' fill='%2313488E'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: -2.3rem;
  left: -1.3rem;
  width: 17.2rem;
  height: 19.6rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0 5.1rem 6.4rem 0;
  font-family: var(--second-font);
  font-weight: 400;
  font-size: 11rem;
  line-height: 22%;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
@media (max-width: 991.98px) {
.how-to-join__num[data-v-7948c089] {
    padding: 0 4rem 4.6rem 0;
    font-size: 7.6rem;
    width: 13rem;
    height: 14rem;
    top: -1.5rem;
    left: -0.7rem;
}
}
.how-to-join__img[data-v-7948c089] {
  width: 29.3rem;
  position: absolute;
  top: -11.6rem;
  right: 4rem;
}
.how-to-join__img img[data-v-7948c089] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.how-to-join__desc[data-v-7948c089] {
  color: var(--primary-color);
  text-align: center;
}
.how-to-join__desc h6[data-v-7948c089] {
  margin: 1rem 0;
}
@media (max-width: 991.98px) {
.how-to-join__desc h6[data-v-7948c089] {
    margin: 1.5rem 0;
}
}
.how-to-join__desc h6 a[data-v-7948c089] {
  font-weight: 700;
  background-image: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(to right, var(--third-color), var(--third-color));
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100% 2px;
}
@media (any-hover: hover) {
.how-to-join__desc h6 a[data-v-7948c089]:hover {
    animation: line-7948c089 0.8s ease forwards;
}
}
@keyframes line-7948c089 {
0% {
    background-position: bottom right;
    background-size: 100% 2px;
}
49.9% {
    background-size: 0% 2px;
    background-position: bottom right;
}
50% {
    background-size: 0% 2px;
    background-position: bottom left;
}
100% {
    background-size: 100% 2px;
    background-position: bottom left;
}
}
.how-to-join__desc p[data-v-7948c089] {
  margin: 1rem 0;
  color: rgba(19, 72, 142, 0.72);
}
@media (max-width: 991.98px) {
.how-to-join__desc p[data-v-7948c089] {
    margin: 1.8rem 0;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 120%;
    color: rgba(19, 72, 142, 0.72);
}
}
.how-to-join__desc .btn[data-v-7948c089] {
  margin: 1rem 0;
}
@media (max-width: 991.98px) {
.how-to-join__desc .btn[data-v-7948c089] {
    margin: 0.6rem 0;
    width: 100%;
}
}
.how-to-join__desc[data-v-7948c089] > *:first-child {
  margin-top: 0 !important;
}
.how-to-join__desc[data-v-7948c089] > *:last-child {
  margin-bottom: 0 !important;
}.prize {
  padding: 28.5rem 0 13.3rem;
  background-color: var(--second-color);
  border-radius: 12rem;
}
@media (max-width: 991.98px) {
.prize {
    padding: 14.4rem 0 3rem;
    border-radius: 6.5rem;
}
}
@media (min-width: 1439.98px) {
.prize__container {
    max-width: 178.8rem;
}
}
@media (max-width: 991.98px) {
.prize__container {
    padding-right: 2rem;
    padding-left: 2rem;
}
}
.prize__wrapper {
  position: relative;
}
.prize__slider {
  overflow: visible;
}
.prize__slide {
  min-height: 1px;
  height: auto;
}
.prize__item {
  width: 100%;
  height: 100%;
  padding: 2.4rem;
  border-radius: 6.4rem;
  box-shadow: var(--primary-shadow);
  background-color: var(--primary-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (max-width: 991.98px) {
.prize__item {
    border-radius: 4rem;
    padding: 1.5rem;
}
}
.prize__head {
  min-height: 13rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  box-shadow: var(--primary-shadow);
  background: var(--white);
  color: var(--third-color);
  border-radius: 4rem;
  padding: 2.4rem 1.6rem;
}
@media (max-width: 991.98px) {
.prize__head {
    min-height: 8rem;
    padding: 1.5rem 1rem;
    border-radius: 2.4rem;
}
.prize__head h3 {
    font-size: 3rem;
}
}
.prize__picture {
  margin-top: 3rem;
  position: relative;
}
@media (max-width: 991.98px) {
.prize__picture {
    margin-top: 3.4rem;
}
}
.prize__img {
  width: 29.2rem;
  height: 29.2rem;
  background: var(--white-24);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 991.98px) {
.prize__img {
    width: 18.2rem;
    height: 18.2rem;
}
}
.prize__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: unset;
  width: 140%;
  height: 136%;
  object-fit: contain;
}
.prize__quantity {
  position: absolute;
  min-width: 9rem;
  height: 9rem;
  padding: 2rem;
  right: -9rem;
  top: 1.1rem;
  font-weight: 800;
  font-size: 2.8rem;
  line-height: 120%;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--third-color);
  box-shadow: 4px 4px 0 0 #fff;
  border-radius: 50rem;
}
@media (max-width: 991.98px) {
.prize__quantity {
    min-width: 5.5rem;
    height: 5.5rem;
    font-size: 1.8rem;
    padding: 1rem;
    right: -5.6rem;
    top: -0.5rem;
}
}
.prize__desc {
  min-height: 14rem;
  margin-top: 0.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 991.98px) {
.prize__desc {
    min-height: 11.7rem;
}
}
.prize__desc p {
  margin-top: 1.4rem;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 120%;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 991.98px) {
.prize__desc p {
    font-size: 1.6rem;
    line-height: 137%;
    margin-top: 0.8rem;
}
}
@media (max-width: 991.98px) {
.prize__desc h5 {
    font-weight: 800;
    font-size: 2.2rem;
    line-height: 120%;
    text-align: center;
    color: #fff;
}
}
.prize__button-prev, .prize__button-next {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.8rem;
  border: 1px solid #13488e;
  border-radius: 2.4rem;
  color: var(--primary-color);
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
.prize__button-prev:hover, .prize__button-next:hover {
    background-color: var(--primary-color);
    color: #fff;
}
}
.prize__button-prev svg, .prize__button-next svg {
  width: 4rem;
  height: 4rem;
}
.prize__button-prev.swiper-button-disabled, .prize__button-next.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media (max-width: 991.98px) {
.prize__button-prev, .prize__button-next {
    display: none;
}
}
.prize__button-prev {
  left: 3rem;
  right: auto;
}
.prize__button-next {
  right: 3rem;
  left: auto;
}
.prize__pagination {
  margin-top: 3.1rem;
  width: 100%;
  text-align: center;
  z-index: 10;
  display: flex;
  justify-content: center;
  gap: 0.8rem;
}
@media (min-width: 991.98px) {
.prize__pagination {
    display: none;
}
}.game[data-v-d134d08f] {
  padding: 12rem 0 25.8rem;
}
@media (max-width: 991.98px) {
.game[data-v-d134d08f] {
    padding: 12.9rem 0 13.8rem;
}
}
.game__bg-elem[data-v-d134d08f] {
  position: absolute;
  z-index: -1;
  width: 15.9rem;
  height: 17.2rem;
}
@media (max-width: 991.98px) {
.game__bg-elem[data-v-d134d08f] {
    width: 8.6rem;
    height: 9.2rem;
}
}
.game__bg-elem img[data-v-d134d08f] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.game__bg-elem-right-top[data-v-d134d08f] {
  right: 4rem;
  top: 0.8rem;
}
@media (max-width: 991.98px) {
.game__bg-elem-right-top[data-v-d134d08f] {
    right: 1.3rem;
    top: 0.2rem;
}
}
.game__bg-elem-left-bottom[data-v-d134d08f] {
  bottom: 0rem;
  left: 8.4rem;
}
@media (max-width: 991.98px) {
.game__bg-elem-left-bottom[data-v-d134d08f] {
    bottom: 0rem;
    left: 3.4rem;
}
}
.game__block[data-v-d134d08f] {
  position: relative;
  box-shadow: var(--second-shadow);
  background: var(--second-color);
  border-radius: 6.4rem 6.4rem 0 0;
  padding: 12.2rem 11rem 10.4rem;
}
@media (max-width: 991.98px) {
.game__block[data-v-d134d08f] {
    padding: 29.4rem 2.5rem 7.1rem;
    border-radius: 3.4rem 3.4rem 0 0;
}
}
.game__wrapper[data-v-d134d08f] {
  position: relative;
}
.game__desc h4[data-v-d134d08f] {
  margin-top: 2.2rem;
}
@media (max-width: 991.98px) {
.game__desc h4[data-v-d134d08f] {
    line-height: 120%;
    text-align: center;
    margin-top: 1.5rem;
}
}
.game__desc .btn[data-v-d134d08f] {
  margin-top: 4.1rem;
}
@media (max-width: 991.98px) {
.game__desc .btn[data-v-d134d08f] {
    margin-top: 3rem;
    width: 100%;
}
}
.game__img[data-v-d134d08f] {
  width: 75.6rem;
  position: absolute;
  top: -18.6rem;
  right: -5.3rem;
  z-index: 1;
}
@media (max-width: 991.98px) {
.game__img[data-v-d134d08f] {
    width: 37rem;
    top: -32.2rem;
    right: -1.5rem;
}
}
.game__img img[data-v-d134d08f] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.game__bg[data-v-d134d08f] {
  position: absolute;
  top: calc(100% - 4.9rem);
  left: 0;
  width: 100%;
  height: 20.8rem;
}
@media (max-width: 991.98px) {
.game__bg[data-v-d134d08f] {
    height: 10.3rem;
    top: calc(100% - 4.6rem);
}
}
.game__bg img[data-v-d134d08f] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}.select[data-v-093d9412] {
  position: relative;
  transition: box-shadow 0.2s ease;
  width: 100%;
}
@media (min-width: 991.98px) {
.select[data-v-093d9412] {
    width: 32rem;
}
}
.select.open[data-v-093d9412] {
  z-index: 10;
}
.select__toggle[data-v-093d9412] {
  width: 100%;
  padding: 1.6rem 3.2rem;
  border: 1px solid #fff;
  border-radius: 1.6rem;
  text-align: left;
  cursor: pointer;
  font-weight: 700;
  font-size: 2rem;
  line-height: 120%;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  transition: all 0.3s ease 0s;
}
.select__toggle svg[data-v-093d9412] {
  transition: transform 0.3s ease;
}
.open .select__toggle svg[data-v-093d9412] {
  transform: rotate(180deg);
}
@media (any-hover: hover) {
.select__toggle[data-v-093d9412]:hover {
    background-color: #fff;
    color: var(--third-color);
}
}
.select__dropdown[data-v-093d9412] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid #fff;
  border-radius: 1.6rem;
  margin-top: 0.4rem;
  z-index: 100;
  list-style: none;
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
  background-color: var(--primary-color);
}
.select__item[data-v-093d9412] {
  width: 100%;
}
.select__option[data-v-093d9412] {
  width: 100%;
  padding: 1.6rem 3.2rem;
  font-weight: 700;
  font-size: 2rem;
  line-height: 120%;
  text-transform: uppercase;
  cursor: pointer;
  color: #fff;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s ease;
  background-color: transparent;
  border: none;
  text-align: left;
}
.select__option.selected[data-v-093d9412] {
  background-color: #fff;
  color: var(--primary-color);
}
@media (any-hover: hover) {
.select__option[data-v-093d9412]:hover {
    background-color: #fff;
    color: var(--third-color);
}
}.winners[data-v-40d59826] {
  padding: 28.3rem 0 12rem;
  overflow: visible;
}
@media (max-width: 991.98px) {
.winners[data-v-40d59826] {
    padding: 15.2rem 0 6.5rem;
}
}
.winners[data-v-40d59826]::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  user-select: none;
  left: 50%;
  transform: translateX(-50%);
  top: -0.4rem;
  display: block;
  width: 100%;
  max-width: 192rem;
  height: 227.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1920' height='2271' viewBox='0 0 1920 2271' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.1' d='M3954 3060.5C3985.25 3060.5 4000.87 3060.5 4010.58 3050.58C4020.28 3040.66 4019.95 3025.27 4019.29 2994.49C4002.31 2206.7 3681.98 1454.78 3123.6 896.4C2549.65 322.445 1771.2 6.12813e-05 959.5 0C147.805 -6.12813e-05 -630.645 322.444 -1204.6 896.399C-1762.98 1454.78 -2083.31 2206.7 -2100.29 2994.49C-2100.95 3025.27 -2101.28 3040.66 -2091.58 3050.58C-2081.87 3060.5 -2066.25 3060.5 -2035 3060.5L-985.839 3060.5C-954.966 3060.5 -939.529 3060.5 -929.938 3051.24C-920.348 3041.98 -919.792 3026.15 -918.681 2994.5C-902.024 2520.03 -706.251 2068.46 -369.393 1731.61C-16.9487 1379.16 461.068 1181.16 959.5 1181.16C1457.93 1181.16 1935.95 1379.16 2288.39 1731.61C2625.25 2068.46 2821.02 2520.03 2837.68 2994.5C2838.79 3026.15 2839.35 3041.98 2848.94 3051.24C2858.53 3060.5 2873.97 3060.5 2904.84 3060.5H3954Z' fill='white'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 991.98px) {
.winners[data-v-40d59826]::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='393' height='1142' viewBox='0 0 393 1142' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.1' d='M1314 1141.5C1325.36 1141.5 1331.04 1141.5 1334.57 1137.9C1338.1 1134.29 1337.98 1128.69 1337.75 1117.5C1331.57 823.445 1212.07 542.746 1003.66 334.338C789.59 120.265 499.245 2.28566e-05 196.5 0C-106.245 -2.28566e-05 -396.59 120.265 -610.662 334.338C-819.071 542.746 -938.57 823.444 -944.748 1117.5C-944.983 1128.69 -945.101 1134.29 -941.571 1137.9C-938.042 1141.5 -932.361 1141.5 -921 1141.5L196.5 1141.5H1314Z' fill='white'/%3e%3c/svg%3e ");
    width: 39.3rem;
    height: 114.2rem;
    top: 0;
}
}
.winners__wrapper[data-v-40d59826] {
  position: relative;
}
.winners__loader[data-v-40d59826] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.winners__block > h4[data-v-40d59826] {
  color: var(--second-color);
  text-align: center;
  padding: 1.7rem 0 7.6rem;
}
.winners__img[data-v-40d59826] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 991.98px) {
.winners__img[data-v-40d59826] {
    margin-left: -5.6rem;
}
}
.winners__img img[data-v-40d59826] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.winners__filters[data-v-40d59826] {
  display: flex;
  justify-content: space-between;
  padding-right: 3.1rem;
  gap: 1.6rem;
}
@media (max-width: 991.98px) {
.winners__filters[data-v-40d59826] {
    flex-direction: column;
    padding-right: 0;
}
}
.winners__tabs[data-v-40d59826] {
  display: flex;
  gap: 1.6rem;
}
.winners__tab[data-v-40d59826] {
  font-weight: 700;
  font-size: 2rem;
  line-height: 120%;
  text-transform: uppercase;
  color: #fff;
  border-radius: 1.6rem;
  padding: 2rem 3rem;
  border: 1px solid #fff;
  transition: all 0.3s ease 0s;
}
@media (max-width: 991.98px) {
.winners__tab[data-v-40d59826] {
    font-weight: 600;
    font-size: 1.6rem;
    padding: 1.1rem 1rem;
    width: 100%;
}
}
@media (any-hover: hover) {
.winners__tab[data-v-40d59826]:hover {
    background-color: #fff;
    color: var(--third-color);
}
}
.winners__tab._tab-active[data-v-40d59826] {
  background-color: #fff;
  color: var(--primary-color);
}
@media (any-hover: hover) {
.winners__tab._tab-active[data-v-40d59826]:hover {
    background-color: var(--third-color);
    border-color: var(--third-color);
    color: #fff;
}
}
.winners__table[data-v-40d59826] {
  margin-top: 5.6rem;
}
@media (max-width: 991.98px) {
.winners__table[data-v-40d59826] {
    margin-top: 3rem;
}
}
.winners__list[data-v-40d59826] {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  max-height: 45.3rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 2.6rem;
}
@media (max-width: 991.98px) {
.winners__list[data-v-40d59826] {
    max-height: 57.3rem;
    gap: 1.05rem;
}
}
.winners__item[data-v-40d59826] {
  display: grid;
  grid-template-columns: 41rem 41rem 1fr;
  border-radius: 2.4rem;
  padding: 2.65rem 4rem;
  background: rgba(255, 255, 255, 0.08);
  font-weight: 400;
  font-size: 2rem;
  line-height: 140%;
}
@media (max-width: 991.98px) {
.winners__item[data-v-40d59826] {
    padding: 2rem 2rem 1.5rem;
    gap: 0.2rem;
    grid-template-columns: repeat(1, 1fr);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 140%;
}
}.faq[data-v-bb27d4cf] {
  padding: 8rem 0 12rem;
  border-radius: 12rem;
  box-shadow: 0 15px 57px 0 rgba(0, 0, 0, 0.17);
  background: var(--second-color);
}
@media (max-width: 991.98px) {
.faq[data-v-bb27d4cf] {
    padding: 17.7rem 0 5.3rem;
    border-radius: 4.4rem;
}
}
.faq__wrapper[data-v-bb27d4cf] {
  padding-top: 20rem;
  display: flex;
  gap: 6rem;
}
@media (max-width: 991.98px) {
.faq__wrapper[data-v-bb27d4cf] {
    padding: 0;
    gap: 2.4rem;
    flex-direction: column;
}
}
.faq__list[data-v-bb27d4cf] {
  width: 100%;
  max-height: 56rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 3rem;
}
@media (min-width: 991.98px) {
.faq__list[data-v-bb27d4cf] {
    max-width: 100rem;
}
}
@media (max-width: 991.98px) {
.faq__list[data-v-bb27d4cf] {
    max-height: 37.6rem;
    padding-right: 2.2rem;
}
}
.faq__list[data-v-bb27d4cf]::-webkit-scrollbar {
  background: rgba(241, 156, 35, 0.24);
}
@supports not selector(::-webkit-scrollbar) {
.faq__list[data-v-bb27d4cf] {
    scrollbar-color: var(--third-color) rgba(241, 156, 35, 0.24);
}
}
.faq__block[data-v-bb27d4cf] {
  width: 100%;
}
@media (min-width: 991.98px) {
.faq__block[data-v-bb27d4cf] {
    max-width: 50rem;
}
}
.faq__block_body[data-v-bb27d4cf] {
  padding: 4.8rem;
  border-radius: 6.4rem;
  box-shadow: inset 16px 16px 20px 0 rgba(255, 255, 255, 0.3), inset -8px -8px 20px 0 rgba(0, 0, 0, 0.16), 0 13px 22px 0 rgba(0, 0, 0, 0.06);
  background: #fff;
  color: var(--primary-color);
}
@media (max-width: 991.98px) {
.faq__block_body[data-v-bb27d4cf] {
    border-radius: 4.4rem;
    padding: 3.4rem;
}
}
@media (max-width: 991.98px) {
.faq__block_body h3[data-v-bb27d4cf] {
    font-size: 3rem;
}
}
.faq__block_body h6[data-v-bb27d4cf] {
  margin-top: 1.5rem;
  line-height: 160%;
}
@media (max-width: 991.98px) {
.faq__block_body h6[data-v-bb27d4cf] {
    line-height: 120%;
    margin-top: 1.3rem;
}
}
.faq__block_body .btn[data-v-bb27d4cf] {
  margin-top: 2.6rem;
}
@media (max-width: 991.98px) {
.faq__block_body .btn[data-v-bb27d4cf] {
    margin-top: 1.9rem;
    width: 100%;
}
}
.spollers[data-v-bb27d4cf] {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.spollers__item[data-v-bb27d4cf] {
  padding: 3.1rem 4rem;
  border: 1px solid rgba(241, 156, 35, 0.16);
  border-radius: 4rem;
  box-shadow: inset 16px 16px 20px 0 rgba(255, 255, 255, 0.3), inset -8px -8px 20px 0 rgba(0, 0, 0, 0.16), 0 13px 22px 0 rgba(0, 0, 0, 0.06);
  background: var(--white);
  transition: border-color 0.3s ease 0s;
}
@media (max-width: 991.98px) {
.spollers__item[data-v-bb27d4cf] {
    padding: 2.4rem 1.6rem;
    border-radius: 2.4rem;
}
}
@media (any-hover: hover) {
.spollers__item[data-v-bb27d4cf]:hover {
    border-color: #f5e19e;
}
}
.spollers__title[data-v-bb27d4cf] {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 140%;
  color: var(--third-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
@media (max-width: 991.98px) {
.spollers__title[data-v-bb27d4cf] {
    font-size: 1.6rem;
}
}
@media (any-hover: hover) {
.spollers__title:hover .spollers__icon[data-v-bb27d4cf] {
    background-color: #fff;
    color: var(--primary-color);
}
}
.spollers__title._spoller-active .spollers__icon svg[data-v-bb27d4cf] {
  transform: rotate(180deg);
}
.spollers__icon[data-v-bb27d4cf] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  border-radius: 1.6rem;
  box-shadow: var(--primary-shadow);
  background: var(--primary-color);
  color: #fff;
  transition: all 0.3s ease 0s;
}
@media (max-width: 991.98px) {
.spollers__icon[data-v-bb27d4cf] {
    padding: 0.4rem;
    border-radius: 0.6rem;
}
}
.spollers__icon svg[data-v-bb27d4cf] {
  width: 3.2rem;
  height: 3.2rem;
  transition: transform 0.3s ease 0s;
}
@media (max-width: 991.98px) {
.spollers__icon svg[data-v-bb27d4cf] {
    width: 2.4rem;
    height: 2.4rem;
}
}
.spollers__body[data-v-bb27d4cf] {
  font-weight: 400;
  font-size: 2rem;
  line-height: 160%;
  color: var(--third-color);
  margin-top: 2rem;
}
@media (max-width: 991.98px) {
.spollers__body[data-v-bb27d4cf] {
    margin-top: 1rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 160%;
}
}
.spollers__body p[data-v-bb27d4cf] {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}.not-found[data-v-7bdcf615] {
  padding-bottom: 3.2rem;
}
.not-found__bg[data-v-7bdcf615] {
  width: 100%;
  height: 40rem;
  z-index: -1;
  position: relative;
  margin-top: -0.1rem;
}
@media (max-width: 991.98px) {
.not-found__bg[data-v-7bdcf615] {
    height: 20rem;
}
}
.not-found__bg img[data-v-7bdcf615] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.not-found__content[data-v-7bdcf615] {
  padding: 21.3rem 0 0;
  background-color: var(--second-color);
}
@media (max-width: 991.98px) {
.not-found__content[data-v-7bdcf615] {
    padding-top: 12rem;
}
}
.not-found__body[data-v-7bdcf615] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.not-found__body .btn[data-v-7bdcf615] {
  margin-top: 3.7rem;
  padding-right: 3.9rem;
  padding-left: 3.9rem;
}
.not-found__img[data-v-7bdcf615] {
  margin: 0 -2rem -10.6rem 0;
  width: 100%;
  max-width: 125.1rem;
}
.not-found__img img[data-v-7bdcf615] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}@media (min-width: 991.98px) {
.profile__nav_toggle[data-v-4a99796b] {
    display: none;
}
}
@media (max-width: 991.98px) {
.profile__nav_toggle[data-v-4a99796b] {
    width: 100%;
    text-transform: none;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 11;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background-color: #fff;
    border-radius: 1.6rem;
    font-weight: 700;
    padding: 0.8rem;
    font-size: 1.6rem;
    line-height: 120%;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
}
.profile__nav_body[data-v-4a99796b] {
  position: relative;
  display: inline-block;
}
@media (max-width: 991.98px) {
.profile__nav_body[data-v-4a99796b] {
    width: 100%;
}
}
.profile__nav_body[data-v-4a99796b]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 2rem);
  height: calc(100% + 2rem);
  background-color: #fff;
  border-radius: 2.4rem;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}
@media (min-width: 991.98px) {
.profile__nav_body.scrolled[data-v-4a99796b]::after {
    opacity: 1;
    visibility: visible;
}
}
@media (min-width: 991.98px) {
.profile__nav_list[data-v-4a99796b] {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}
}
@media (max-width: 991.98px) {
.profile__nav_list[data-v-4a99796b] {
    position: absolute;
    top: calc(100% + 1.8rem);
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease 0s;
}
.profile__nav_list[data-v-4a99796b]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
    background-color: #fff;
    border-radius: 2.4rem;
    display: block;
    transition: all 0.3s ease 0s;
}
.profile__nav_list.active[data-v-4a99796b] {
    opacity: 1;
    visibility: visible;
}
}
@media (max-width: 991.98px) {
.profile__nav_list li[data-v-4a99796b]:not(:last-child) {
    margin-bottom: 1.6rem;
}
}
.profile__nav_list li a[data-v-4a99796b] {
  text-transform: none;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 11;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  background-color: #fff;
  border-radius: 1.6rem;
  padding: 1.9rem 3rem;
  font-weight: 700;
  font-size: 2rem;
  line-height: 120%;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
@media (max-width: 991.98px) {
.profile__nav_list li a[data-v-4a99796b] {
    width: 100%;
    padding: 1.6rem;
    font-size: 1.6rem;
}
}
.profile__nav_list li a._active[data-v-4a99796b] {
  background-color: var(--primary-color);
  color: #fff;
}.user-data__row[data-v-53a220d8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 991.98px) {
.user-data__row[data-v-53a220d8] {
    flex-direction: column;
    align-items: flex-start;
}
}
.user-data__title[data-v-53a220d8] {
  font-family: var(--primary-font);
  font-weight: 700;
  font-size: 4rem;
  line-height: 140%;
  color: #fff;
  text-align: left;
  text-transform: capitalize;
  display: flex;
}
@media (max-width: 991.98px) {
.user-data__title[data-v-53a220d8] {
    font-size: 2.4rem;
}
}
.user-data__contact[data-v-53a220d8] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
.user-data__contact[data-v-53a220d8] {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2.2rem;
    gap: 0.5rem;
}
}
.user-data__contact li[data-v-53a220d8] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
  position: relative;
}
@media (max-width: 991.98px) {
.user-data__contact li[data-v-53a220d8] {
    font-size: 1.6rem;
    line-height: 120%;
}
}
@media (min-width: 991.98px) {
.user-data__contact li[data-v-53a220d8]:not(:last-child) {
    margin-right: 3.35rem;
    padding-right: 3.35rem;
}
.user-data__contact li[data-v-53a220d8]:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0.7rem;
    height: 0.7rem;
    background-color: #fff;
    border-radius: 50%;
}
}
.user-data__btns[data-v-53a220d8] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.3rem;
}
@media (min-width: 991.98px) {
.user-data__btns[data-v-53a220d8] {
    max-width: 30rem;
}
}
@media (max-width: 991.98px) {
.user-data__btns[data-v-53a220d8] {
    margin-top: 1.6rem;
    gap: 1.6rem;
}
}
.user-data__btns .btn[data-v-53a220d8] {
  font-size: 2rem;
  padding: 1.9rem;
  border-radius: 1.6rem;
}
@media (max-width: 991.98px) {
.user-data__btns .btn[data-v-53a220d8] {
    font-size: 1.6rem;
    padding: 1.2rem;
}
}.user-receipts h2[data-v-fcf1efe2] {
  font-family: var(--primary-font);
  font-weight: 700;
  font-size: 4rem;
  line-height: 75%;
  color: #fff;
  text-transform: unset;
  text-align: left;
  margin-bottom: 4rem;
}
@media (max-width: 991.98px) {
.user-receipts h2[data-v-fcf1efe2] {
    font-size: 2.4rem;
    line-height: 150%;
    margin-bottom: 2.4rem;
}
}
.user-receipts__body > h6[data-v-fcf1efe2] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
}
@media (max-width: 991.98px) {
.user-receipts__body > h6[data-v-fcf1efe2] {
    font-size: 1.6rem;
    line-height: 120%;
}
}
.user-receipts__body > .btn[data-v-fcf1efe2] {
  margin-top: 4rem;
  padding: 1.9rem 3rem;
  border-radius: 1.6rem;
  font-size: 2rem;
}
@media (max-width: 991.98px) {
.user-receipts__body > .btn[data-v-fcf1efe2] {
    margin-top: 3.2rem;
}
}
.user-receipts__list[data-v-fcf1efe2] {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  max-height: 44rem;
  padding-right: 1.8rem;
  margin-right: -2.3rem;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 991.98px) {
.user-receipts__list[data-v-fcf1efe2] {
    max-height: 34.8rem;
    gap: 1rem;
}
}
.user-receipts__list[data-v-fcf1efe2]::-webkit-scrollbar {
  background: rgba(241, 156, 35, 0.24);
}
@supports not selector(::-webkit-scrollbar) {
.user-receipts__list[data-v-fcf1efe2] {
    scrollbar-color: var(--third-color) rgba(241, 156, 35, 0.24);
}
}
.user-receipts__item[data-v-fcf1efe2] {
  gap: 2.4rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 120%;
  color: #fff;
  padding: 3.2rem;
  border-radius: 2.4rem;
  background: rgba(255, 255, 255, 0.08);
  position: relative;
}
@media (min-width: 991.98px) {
.user-receipts__item[data-v-fcf1efe2] {
    display: grid;
    grid-template-columns: 26rem 32rem 1fr;
}
}
@media (max-width: 991.98px) {
.user-receipts__item[data-v-fcf1efe2] {
    font-size: 1.4rem;
    padding: 1.2rem;
    display: flex;
    align-items: flex-start;
}
}
.user-receipts__item p[data-v-fcf1efe2] {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.user-receipts__picture[data-v-fcf1efe2] {
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
.user-receipts__picture[data-v-fcf1efe2] {
    align-items: flex-start;
}
}
.user-receipts__img[data-v-fcf1efe2] {
  width: 4rem;
  height: 4rem;
  border-radius: 0.8rem;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid #fff;
}
@media (max-width: 991.98px) {
.user-receipts__img[data-v-fcf1efe2] {
    border-radius: 0.8rem;
    width: 5.6rem;
    height: 5.6rem;
}
}
.user-receipts__img img[data-v-fcf1efe2] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.8rem;
}
.user-receipts__id[data-v-fcf1efe2] {
  margin-left: 2.4rem;
}
@media (max-width: 991.98px) {
.user-receipts__id[data-v-fcf1efe2] {
    margin-left: 1.9rem;
}
}
.user-receipts__date[data-v-fcf1efe2] {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.user-receipts__date li[data-v-fcf1efe2] {
  position: relative;
}
.user-receipts__date li[data-v-fcf1efe2]:not(:last-child) {
  margin-right: 1.2rem;
  padding-right: 1.2rem;
}
@media (max-width: 991.98px) {
.user-receipts__date li[data-v-fcf1efe2]:not(:last-child) {
    margin-right: 0.5rem;
    padding-right: 1rem;
}
}
.user-receipts__date li[data-v-fcf1efe2]:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 0.4rem;
  height: 0.4rem;
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
}
.user-receipts__status[data-v-fcf1efe2] {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  position: relative;
}
@media (max-width: 991.98px) {
.user-receipts__status[data-v-fcf1efe2] {
    position: absolute;
    bottom: 1.6rem;
    left: 8.6rem;
    gap: 0.4rem;
}
}
.user-receipts__status:hover .user-receipts__status_desc[data-v-fcf1efe2] {
  opacity: 1;
  visibility: visible;
}
.user-receipts__status_icon[data-v-fcf1efe2] {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  position: relative;
}
.user-receipts__status_icon svg[data-v-fcf1efe2] {
  width: 100%;
  height: 100%;
}
.user-receipts__status_desc[data-v-fcf1efe2] {
  position: absolute;
  z-index: 10;
  top: calc(100% + 2rem);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  border: 1px solid var(--status-error-1);
  box-shadow: 0 18px 32px 0 rgba(64, 40, 25, 0.24);
  background: var(--system-fill-light);
  border-radius: 1.6rem;
  color: var(--primary-color);
  padding: 1.5rem 2rem;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition: all 0.3s ease 0s;
  width: 19rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 120%;
  text-align: center;
}
@media (max-width: 991.98px) {
.user-receipts__status_desc[data-v-fcf1efe2] {
    font-size: 1.4rem;
    top: calc(100% + 1rem);
}
}
.user-receipts__status_desc[data-v-fcf1efe2]::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='19'%20viewBox='0%200%2028%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.042%203.26953C13.0429%202.00914%2014.9571%202.00914%2015.958%203.26953L26.4648%2016.5L1.53516%2016.5L12.042%203.26953Z'%20fill='white'%20stroke='%23FF3E3E'/%3e%3cpath%20d='M11.6571%204.55337C12.8581%203.05165%2015.1419%203.05165%2016.3429%204.55337L27.8965%2019.0001L0.103516%2019.0001L11.6571%204.55337Z'%20fill='white'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: auto;
  width: 24px;
  height: 12px;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}.user-prizes h2[data-v-7e9c55b2] {
  font-family: var(--primary-font);
  font-weight: 700;
  font-size: 4rem;
  line-height: 65%;
  color: #fff;
  text-transform: unset;
  text-align: left;
  margin-bottom: 5.2rem;
}
@media (max-width: 991.98px) {
.user-prizes h2[data-v-7e9c55b2] {
    font-size: 2.4rem;
    line-height: 150%;
    margin-bottom: 2.4rem;
}
}
.user-prizes__body > h6[data-v-7e9c55b2] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
}
@media (max-width: 991.98px) {
.user-prizes__body > h6[data-v-7e9c55b2] {
    font-size: 1.6rem;
    line-height: 120%;
}
}
.user-prizes__body > .btn[data-v-7e9c55b2] {
  margin-top: 4rem;
  padding: 1.9rem 3rem;
  border-radius: 1.6rem;
  font-size: 2rem;
}
@media (max-width: 991.98px) {
.user-prizes__body > .btn[data-v-7e9c55b2] {
    margin-top: 3.2rem;
}
}
.user-prizes__list[data-v-7e9c55b2] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
@media (max-width: 991.98px) {
.user-prizes__list[data-v-7e9c55b2] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767.98px) {
.user-prizes__list[data-v-7e9c55b2] {
    gap: 1.8rem;
    grid-template-columns: repeat(1, 1fr);
}
}
.user-prizes__item[data-v-7e9c55b2] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 2rem;
  padding: 1.6rem 2.4rem 2rem 2.4rem;
}
.user-prizes__quantity[data-v-7e9c55b2] {
  position: absolute;
  min-width: 7rem;
  height: 7rem;
  padding: 0.5rem;
  left: 1rem;
  top: 1rem;
  font-weight: 800;
  font-size: 2.8rem;
  line-height: 120%;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--third-color);
  box-shadow: 4px 4px 0 0 #fff;
  border-radius: 50rem;
}
@media (max-width: 991.98px) {
.user-prizes__quantity[data-v-7e9c55b2] {
    min-width: 5.5rem;
    height: 5.5rem;
    font-size: 1.8rem;
    padding: 0.5rem;
}
}
.user-prizes__hint[data-v-7e9c55b2] {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}
.user-prizes__hint svg[data-v-7e9c55b2] {
  cursor: pointer;
}
.user-prizes__hint:hover .user-prizes__hint_desc[data-v-7e9c55b2] {
  opacity: 1;
  visibility: visible;
}
.user-prizes__hint_desc[data-v-7e9c55b2] {
  position: absolute;
  z-index: 10;
  width: 25rem;
  top: calc(100% + 2rem);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  box-shadow: 0 18px 32px 0 rgba(64, 40, 25, 0.24);
  background: var(--system-fill-light);
  border-radius: 0.8rem;
  color: var(--primary-color);
  padding: 2rem;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition: all 0.3s ease 0s;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 120%;
  text-align: center;
}
@media (max-width: 991.98px) {
.user-prizes__hint_desc[data-v-7e9c55b2] {
    top: calc(100% + 1rem);
    font-size: 1.4rem;
    left: auto;
    right: -1rem;
    transform: translateX(0);
}
}
.user-prizes__hint_desc p[data-v-7e9c55b2] {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.user-prizes__hint_desc[data-v-7e9c55b2]::before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #ffffff transparent;
  transform: rotate(0deg);
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991.98px) {
.user-prizes__hint_desc[data-v-7e9c55b2]::before {
    left: auto;
    right: 1rem;
    transform: translateX(0);
}
}
.user-prizes__img[data-v-7e9c55b2] {
  max-width: 21.1rem;
  max-height: 20.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
.user-prizes__img[data-v-7e9c55b2] {
    width: 14.5rem;
    height: 14.2rem;
}
}
.user-prizes__img img[data-v-7e9c55b2] {
  width: 162%;
  margin-bottom: -3.7rem;
  max-width: unset;
  object-fit: contain;
}
.user-prizes__desc[data-v-7e9c55b2] {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 120%;
  text-align: center;
  min-height: 7.2rem;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
.user-prizes__desc[data-v-7e9c55b2] {
    min-height: 3rem;
    margin-top: 2.2rem;
}
}
.user-prizes__desc h6[data-v-7e9c55b2] {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.user-prizes__desc a[data-v-7e9c55b2] {
  font-weight: 700;
  line-height: 150%;
  color: var(--third-color);
  display: inline-block;
  margin-top: 1.4rem;
  transition: color 0.3s ease 0s;
}
@media (max-width: 991.98px) {
.user-prizes__desc a[data-v-7e9c55b2] {
    text-transform: uppercase;
}
}
@media (any-hover: hover) {
.user-prizes__desc a[data-v-7e9c55b2]:hover {
    color: #fff;
}
}.profile[data-v-f10040e1] {
  padding: 15.2rem 0;
  overflow: visible;
}
@media (max-width: 991.98px) {
.profile[data-v-f10040e1] {
    padding: 8rem 0 5.6rem;
}
}
.profile__bg[data-v-f10040e1] {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  max-height: 84.8rem;
  display: flex;
  flex-direction: column;
}
.profile__bg[data-v-f10040e1]::before {
  content: "";
  display: block;
  width: 100%;
  flex-grow: 1;
  background-color: var(--second-color);
}
.profile__bg img[data-v-f10040e1] {
  width: 100%;
  height: 40rem;
  margin-top: -0.1rem;
}
@media (max-width: 991.98px) {
.profile__container[data-v-f10040e1] {
    display: flex;
    flex-direction: column;
    gap: 3.1rem;
}
}
@media (min-width: 991.98px) {
.profile__wrapper[data-v-f10040e1] {
    display: flex;
    gap: 4rem;
}
}
@media (max-width: 991.98px) {
.profile__wrapper[data-v-f10040e1] {
    display: contents;
}
}
.profile__block[data-v-f10040e1] {
  width: 100%;
}
@media (min-width: 991.98px) {
.profile__block[data-v-f10040e1] {
    max-width: 109rem;
}
}
@media (max-width: 991.98px) {
.profile__block[data-v-f10040e1] {
    display: contents;
}
}
.profile__nav[data-v-f10040e1] {
  position: sticky;
  top: 15.2rem;
  left: 0;
  z-index: 100;
}
@media (max-width: 991.98px) {
.profile__nav[data-v-f10040e1] {
    top: 8rem;
    order: 1;
    width: 100%;
}
}
@media (min-width: 991.98px) {
.profile__parts[data-v-f10040e1] {
    padding-top: 4rem;
    position: relative;
    z-index: 1;
}
}
@media (max-width: 991.98px) {
.profile__parts[data-v-f10040e1] {
    display: contents;
}
}
.profile__part[data-v-f10040e1] {
  border-radius: 6.4rem;
  padding: 6.4rem;
  box-shadow: var(--primary-shadow);
  background-color: var(--primary-color);
}
@media (max-width: 991.98px) {
.profile__part[data-v-f10040e1] {
    border-radius: 4.4rem;
    padding: 3rem 3.6rem 3.8rem;
}
}
@media (min-width: 991.98px) {
.profile__part[data-v-f10040e1]:not(:last-child) {
    margin-bottom: 4rem;
}
}
@media (max-width: 991.98px) {
.profile__part[data-v-f10040e1]:nth-child(1) {
    order: 2;
}
.profile__part[data-v-f10040e1]:nth-child(2) {
    order: 4;
}
.profile__part[data-v-f10040e1]:nth-child(3) {
    order: 5;
}
}
.profile__game[data-v-f10040e1] {
  width: 100%;
}
@media (min-width: 991.98px) {
.profile__game[data-v-f10040e1] {
    padding-top: 10.4rem;
    max-width: 43rem;
}
}
@media (max-width: 991.98px) {
.profile__game[data-v-f10040e1] {
    order: 2;
}
}
.profile__game_body[data-v-f10040e1] {
  padding: 4.7rem 3.7rem 5.6rem;
  width: 100%;
  border-radius: 4rem;
  box-shadow: var(--primary-shadow);
  background-color: var(--primary-color);
  width: 100%;
}
@media (min-width: 991.98px) {
.profile__game_body[data-v-f10040e1] {
    position: sticky;
    top: 15.2rem;
    left: 0;
}
}
@media (max-width: 991.98px) {
.profile__game_body[data-v-f10040e1] {
    padding: 5.1rem 3.7rem 5.6rem;
}
}
.profile__game_body h3[data-v-f10040e1] {
  font-size: 5.6rem;
}
@media (max-width: 991.98px) {
.profile__game_body h3[data-v-f10040e1] {
    font-size: 4.8rem;
}
}
.profile__game_body h6[data-v-f10040e1] {
  font-size: 2.4rem;
  margin-top: 1.4rem;
}
@media (max-width: 991.98px) {
.profile__game_body h6[data-v-f10040e1] {
    font-size: 1.6rem;
}
}
.profile__game_body .btn[data-v-f10040e1] {
  margin-top: 3rem;
  padding: 3rem;
  width: 100%;
}
.profile__game_img[data-v-f10040e1] {
  margin-top: 2.4rem;
  width: 100%;
  border-radius: 2.8rem;
  overflow: hidden;
}
@media (max-width: 991.98px) {
.profile__game_img[data-v-f10040e1] {
    height: 21.6rem;
}
}
.profile__game_img img[data-v-f10040e1] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.game[data-v-f16d2d5e] {
  padding-top: 33.3rem;
  padding-bottom: 6.5rem;
}
@media (max-width: 1599.98px) {
.game[data-v-f16d2d5e] {
    padding-top: 48.3rem;
}
}
@media (max-width: 991.98px) {
.game[data-v-f16d2d5e] {
    padding-top: 23rem;
    padding-bottom: 43rem;
}
}
.game__bg[data-v-f16d2d5e] {
  position: absolute;
  width: 100%;
  height: calc(100% - 8.4rem);
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  z-index: -1;
}
@media (max-width: 991.98px) {
.game__bg[data-v-f16d2d5e] {
    height: 100%;
}
}
.game__bg[data-v-f16d2d5e]::before {
  content: "";
  display: block;
  background-color: var(--second-color);
  width: 100%;
  flex-grow: 1;
}
.game__bg_img[data-v-f16d2d5e] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media (max-width: 991.98px) {
.game__bg_img[data-v-f16d2d5e] {
    height: calc(100% - 11.8rem);
}
}
.game__bg_img img[data-v-f16d2d5e] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.game__wave[data-v-f16d2d5e] {
  width: 100%;
  height: 40rem;
}
@media (max-width: 991.98px) {
.game__wave[data-v-f16d2d5e] {
    height: 10.3rem;
}
}
.game__wave img[data-v-f16d2d5e] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.game__wrapper[data-v-f16d2d5e] {
  border-radius: 2.5rem;
  width: 100%;
  max-width: 60.2rem;
  height: 77rem;
  margin: 0 auto;
  padding: 2.8rem;
  position: relative;
}
@media (max-width: 991.98px) {
.game__wrapper[data-v-f16d2d5e] {
    border-radius: 1.5rem;
    height: 52.3rem;
    padding: 0.8rem 1.7rem 1.7rem;
}
}
.game__wrapper[data-v-f16d2d5e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  box-shadow: inset 0 0 14px 0 #2c2928, inset 0 0 14px 0 #fffbf6, inset 0 0 36px 0 #fffbf6;
  background-color: #bfb9a6;
}
.game__wrapper_body[data-v-f16d2d5e] {
  width: 100%;
  height: 100%;
  background-color: var(--second-color);
  border-radius: 0.4rem;
  box-shadow: inset 0 0 9px 0 rgba(105, 93, 53, 0.88), inset 0 0 1px 0 #57513e;
}
.game__action[data-v-f16d2d5e] {
  position: absolute;
  top: -3.8rem;
  left: 50%;
  transform: translateX(-50%);
  max-width: calc(100% - 12rem);
  width: 100%;
  z-index: 10;
}
@media (max-width: 991.98px) {
.game__action[data-v-f16d2d5e] {
    top: -2.5rem;
    max-width: calc(100% - 7rem);
}
}
.game__action img[data-v-f16d2d5e] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.game__border[data-v-f16d2d5e] {
  height: 100%;
}
.game__screen[data-v-f16d2d5e] {
  height: 100%;
  overflow: hidden;
}
.game__screen_body[data-v-f16d2d5e] {
  height: 100%;
  padding: 7rem 4.8rem;
  color: #13488e;
  text-align: center;
}
@media (max-width: 991.98px) {
.game__screen_body[data-v-f16d2d5e] {
    padding: 5.3rem 1.5rem;
}
}
.game__screen_body h3[data-v-f16d2d5e] {
  font-size: 5.8rem;
  text-transform: unset;
}
@media (max-width: 991.98px) {
.game__screen_body h3[data-v-f16d2d5e] {
    font-size: 4rem;
}
}
.game__screen_body h4[data-v-f16d2d5e] {
  font-weight: 600;
  font-size: 3.4rem;
  margin-bottom: 3.5rem;
}
@media (max-width: 991.98px) {
.game__screen_body h4[data-v-f16d2d5e] {
    font-size: 2.4rem;
    line-height: 120%;
    margin-bottom: 2.8rem;
}
}
.game__screen_body h5[data-v-f16d2d5e] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
}
@media (max-width: 991.98px) {
.game__screen_body h5[data-v-f16d2d5e] {
    font-size: 1.6rem;
    line-height: 120%;
}
}
.game__screen_body p[data-v-f16d2d5e] {
  line-height: 140%;
  margin: 2.7rem 0;
}
@media (max-width: 991.98px) {
.game__screen_body p[data-v-f16d2d5e] {
    line-height: 120%;
    margin: 1.9rem 0;
}
}
.game__screen_body .btn[data-v-f16d2d5e] {
  margin: 1.5rem auto 0;
  max-width: 33.4rem;
  width: 100%;
  padding: 2.9rem;
}
@media (max-width: 991.98px) {
.game__screen_body .btn[data-v-f16d2d5e] {
    font-size: 1.7rem;
    padding: 1.8rem;
    margin-top: 0.4rem;
}
}
.game__screen-game .game__screen_body[data-v-f16d2d5e] {
  padding: 0;
  background-image: url("/assets/img/game-inner_bg-game-BOL3mWo2.png");
  display: flex;
  flex-direction: column;
  padding-bottom: 3.2em;
}
.game__screen_head[data-v-f16d2d5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  padding: 3.8rem 0;
}
@media (max-width: 991.98px) {
.game__screen_head[data-v-f16d2d5e] {
    padding: 3.4rem 0;
}
}
.game__screen_head_item[data-v-f16d2d5e] {
  width: 100%;
  max-width: 11.7rem;
  border-radius: 1.6rem;
  padding: 1.4rem 1.8rem;
  background-color: #fff2c7;
  text-align: center;
  color: #13488e;
}
@media (max-width: 991.98px) {
.game__screen_head_item[data-v-f16d2d5e] {
    max-width: 9.5rem;
}
}
.game__screen_head_type[data-v-f16d2d5e] {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 100%;
}
@media (max-width: 991.98px) {
.game__screen_head_type[data-v-f16d2d5e] {
    font-size: 1.4rem;
}
}
.game__screen_head_block[data-v-f16d2d5e] {
  font-family: var(--second-font);
  font-weight: 400;
  font-size: 4.3rem;
  line-height: 64%;
  text-transform: uppercase;
  margin-top: 1.8rem;
}
@media (max-width: 991.98px) {
.game__screen_head_block[data-v-f16d2d5e] {
    font-size: 3rem;
    line-height: 100%;
    margin-top: 0.8rem;
}
}
.game__screen_zone[data-v-f16d2d5e] {
  flex-grow: 1;
  width: 100%;
  position: relative;
  /* Входящая анимация */
  /* Исходящая анимация */
}
.game__screen_zone .pancake-enter-from[data-v-f16d2d5e] {
  opacity: 0;
  transform: scale(0.5);
}
.game__screen_zone .pancake-enter-active[data-v-f16d2d5e] {
  transition: all 0.2s ease-out;
}
.game__screen_zone .pancake-enter-to[data-v-f16d2d5e] {
  opacity: 1;
  transform: scale(1);
}
.game__screen_zone .pancake-leave-from[data-v-f16d2d5e] {
  opacity: 1;
  transform: scale(1);
}
.game__screen_zone .pancake-leave-to[data-v-f16d2d5e] {
  opacity: 0;
  transform: scale(0.8);
}
.game__screen_zone .pancake-leave-active[data-v-f16d2d5e] {
  transition: all 0.2s ease-in;
}
.game__screen_zone .pancake[data-v-f16d2d5e] {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s, opacity 0.3s;
  cursor: pointer;
  z-index: 10;
}
.game__screen_zone .pancake[data-v-f16d2d5e]:active {
  transform: scale(1.1);
}
.game__screen_rezult[data-v-f16d2d5e] {
  margin: 5.3rem 0 4rem;
}
@media (max-width: 991.98px) {
.game__screen_rezult[data-v-f16d2d5e] {
    margin: 3.9rem 0 4.2rem;
}
.game__screen_rezult p[data-v-f16d2d5e] {
    margin: 3.2rem 0;
}
}.herb[data-v-39a05c8d] {
  padding-top: 33.5rem;
  padding-bottom: 39rem;
  margin-bottom: 1rem;
}
@media (max-width: 1599.98px) {
.herb[data-v-39a05c8d] {
    padding-top: 45rem;
}
}
@media (max-width: 991.98px) {
.herb[data-v-39a05c8d] {
    padding-top: 19.6rem;
    padding-bottom: 14rem;
    margin-bottom: 2rem;
}
}
.herb__bg[data-v-39a05c8d] {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}
.herb__bg[data-v-39a05c8d]::before {
  content: "";
  display: block;
  width: 100%;
  flex-grow: 1;
  background-color: var(--second-color);
}
.herb__bg img[data-v-39a05c8d] {
  width: 100%;
  height: 40rem;
  object-fit: cover;
  margin-top: -0.1rem;
}
@media (max-width: 991.98px) {
.herb__bg img[data-v-39a05c8d] {
    height: 10.3rem;
}
}
.herb__wrapper[data-v-39a05c8d] {
  display: flex;
  justify-content: space-between;
  gap: 3.2rem;
}
@media (max-width: 991.98px) {
.herb__wrapper[data-v-39a05c8d] {
    flex-direction: column;
    gap: 0.3rem;
}
}
.herb__text[data-v-39a05c8d] {
  width: 100%;
  max-width: 64.1rem;
  padding-top: 0.4rem;
}
.herb__text h4[data-v-39a05c8d] {
  font-weight: 600;
  font-size: 3.4rem;
  line-height: 120%;
  color: #13488e;
}
@media (max-width: 991.98px) {
.herb__text h4[data-v-39a05c8d] {
    font-size: 2.4rem;
    text-align: center;
}
}
.herb__img[data-v-39a05c8d] {
  max-width: 58rem;
  width: 100%;
  margin-top: 0.8rem;
}
.herb__img img[data-v-39a05c8d] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.herb__settings[data-v-39a05c8d] {
  width: 100%;
  max-width: 80.6rem;
}
.herb__settings_part[data-v-39a05c8d]:not(:last-child) {
  margin-bottom: 5rem;
}
@media (max-width: 991.98px) {
.herb__settings_part[data-v-39a05c8d]:not(:last-child) {
    margin-bottom: 3.9rem;
}
}
.herb__settings_part h6[data-v-39a05c8d] {
  margin-bottom: 2.6rem;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 120%;
  color: var(--primary-color);
}
@media (max-width: 991.98px) {
.herb__settings_part h6[data-v-39a05c8d] {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
}
}
.herb__settings_line[data-v-39a05c8d] {
  width: 100%;
  max-width: 55.6rem;
}
.herb__settings_line input[data-v-39a05c8d] {
  width: 100%;
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 120%;
  color: #13488e;
  border-radius: 2.4rem;
  padding: 2.4rem 3.3rem 3rem 3.3rem;
  background: #fff2c7;
}
@media (max-width: 991.98px) {
.herb__settings_line input[data-v-39a05c8d] {
    font-size: 2.4rem;
    padding-bottom: 3.3rem;
}
}
.herb__settings_list[data-v-39a05c8d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.herb__settings_list.is-full .checkbox-label[data-v-39a05c8d] {
  background: rgba(255, 242, 199, 0.5);
  color: rgba(19, 72, 142, 0.5);
}
.herb__settings_list .checkbox[data-v-39a05c8d] {
  position: relative;
}
.herb__settings_list .checkbox input[data-v-39a05c8d] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.herb__settings_list .checkbox input:checked + .checkbox-label[data-v-39a05c8d] {
  background-color: var(--primary-color);
  color: #fff;
}
.herb__settings_list .checkbox-label[data-v-39a05c8d] {
  display: block;
  padding: 1.1rem 2.4rem;
  background: rgb(255, 242, 199);
  border-radius: 3rem;
  font-weight: 400;
  font-size: 2rem;
  line-height: 140%;
  color: rgb(19, 72, 142);
  transition: all 0.3s ease 0s;
}
@media (max-width: 991.98px) {
.herb__settings_list .checkbox-label[data-v-39a05c8d] {
    font-size: 1.6rem;
    padding: 1.1rem 1.6rem;
}
}
.herb__button[data-v-39a05c8d] {
  width: 100%;
  max-width: 38.9rem;
}
.herb__button .btn[data-v-39a05c8d] {
  width: 100%;
  padding: 2.8rem;
}
.herb__button .btn[data-v-39a05c8d]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@media (max-width: 991.98px) {
.herb__button .btn[data-v-39a05c8d] {
    padding: 2rem;
}
}
.herb__button .btn[data-v-39a05c8d]::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5.6rem;
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M35.0024 20C35.6914 20 36.255 19.4406 36.2021 18.7536C35.9887 15.9788 35.0653 13.2976 33.5114 10.972C31.7258 8.29968 29.1879 6.21688 26.2186 4.98696C23.2493 3.75703 19.982 3.43523 16.8298 4.06224C13.6776 4.68925 10.7821 6.23691 8.50951 8.50951C6.23691 10.7821 4.68925 13.6776 4.06224 16.8298C3.43523 19.982 3.75703 23.2493 4.98696 26.2186C6.21688 29.1879 8.29969 31.7258 10.972 33.5114C13.2976 35.0653 15.9788 35.9887 18.7536 36.2021C19.4406 36.255 20 35.6914 20 35.0024V35.0024C20 34.3134 19.4403 33.7607 18.7541 33.6983C16.4734 33.4909 14.2733 32.7164 12.3582 31.4368C10.0962 29.9254 8.33323 27.7771 7.29216 25.2638C6.25108 22.7504 5.97869 19.9847 6.50943 17.3166C7.04016 14.6484 8.35018 12.1975 10.2738 10.2738C12.1975 8.35018 14.6484 7.04016 17.3166 6.50943C19.9847 5.97869 22.7504 6.25108 25.2638 7.29216C27.7771 8.33323 29.9254 10.0962 31.4368 12.3582C32.7164 14.2733 33.4909 16.4734 33.6983 18.7541C33.7607 19.4403 34.3134 20 35.0024 20V20Z' fill='white'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 3.8rem;
  height: 3.8rem;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}
@keyframes rotate-39a05c8d {
from {
    transform: translateY(-50%) rotate(0deg);
}
to {
    transform: translateY(-50%) rotate(360deg);
}
}
._form-pending .herb__button .btn[data-v-39a05c8d] {
  padding-left: 7.6rem;
  pointer-events: none;
}
._form-pending .herb__button .btn[data-v-39a05c8d]::before {
  opacity: 1;
  visibility: visible;
  animation: rotate-39a05c8d 3s linear infinite;
}.herb[data-v-fcf42fb3] {
  padding-top: 33.5rem;
  padding-bottom: 30rem;
  margin-bottom: 1rem;
}
@media (max-width: 1599.98px) {
.herb[data-v-fcf42fb3] {
    padding-top: 45rem;
}
}
@media (max-width: 991.98px) {
.herb[data-v-fcf42fb3] {
    padding-top: 21.4rem;
    padding-bottom: 14rem;
    margin-bottom: 2rem;
}
}
.herb__bg[data-v-fcf42fb3] {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}
.herb__bg[data-v-fcf42fb3]::before {
  content: "";
  display: block;
  width: 100%;
  flex-grow: 1;
  background-color: var(--second-color);
}
.herb__bg img[data-v-fcf42fb3] {
  width: 100%;
  height: 40rem;
  object-fit: cover;
  margin-top: -0.1rem;
}
@media (max-width: 991.98px) {
.herb__bg img[data-v-fcf42fb3] {
    height: 10.3rem;
}
}
.herb__wrapper[data-v-fcf42fb3] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 124.1rem;
  margin: 0 auto;
  position: relative;
}
.herb__wrapper_body[data-v-fcf42fb3] {
  padding: 2rem;
  box-shadow: inset 0 0 9px 0 #2c2928, inset 0 0 9px 0 #fffbf6, inset 0 0 24px 0 #fffbf6;
  background: #bfb9a6;
  border-radius: 1.7rem;
  position: relative;
}
@media (max-width: 991.98px) {
.herb__wrapper_body[data-v-fcf42fb3] {
    padding: 1.6rem;
}
}
.herb__wrapper > .btn[data-v-fcf42fb3] {
  margin-top: 4.5rem;
  padding-left: 3.8rem;
  padding-right: 3.8rem;
}
@media (max-width: 991.98px) {
.herb__wrapper > .btn[data-v-fcf42fb3] {
    margin-top: 3rem;
    padding: 1.8rem;
    font-size: 1.7rem;
    width: 100%;
}
}
.herb__action[data-v-fcf42fb3] {
  position: absolute;
  max-width: 47.415rem;
  width: 100%;
  top: -4.1rem;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991.98px) {
.herb__action[data-v-fcf42fb3] {
    top: -2.4rem;
    max-width: 28.6rem;
}
}
.herb__action img[data-v-fcf42fb3] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.herb__img[data-v-fcf42fb3] {
  border-radius: 0.6rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.herb__img img[data-v-fcf42fb3] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.herb__buttons[data-v-fcf42fb3] {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 3rem;
}
@media (min-width: 991.98px) {
.herb__buttons[data-v-fcf42fb3] {
    flex-direction: column;
    position: absolute;
    left: calc(100% + 4.5rem);
    top: 0;
    gap: 1.4rem;
    margin-top: 0;
}
}
.herb__buttons li a[data-v-fcf42fb3],
.herb__buttons li button[data-v-fcf42fb3] {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease 0s;
  width: 8rem;
  height: 8rem;
}
@media (max-width: 991.98px) {
.herb__buttons li a[data-v-fcf42fb3],
  .herb__buttons li button[data-v-fcf42fb3] {
    width: 6rem;
    height: 6rem;
}
}
@media (any-hover: hover) {
.herb__buttons li a[data-v-fcf42fb3]:hover,
  .herb__buttons li button[data-v-fcf42fb3]:hover {
    transform: scale(1.1);
}
}.arc-svg[data-v-271a8956] {
  pointer-events: none;
  width: 612.1rem;
  height: 612.1rem;
}
@media (max-width: 991.98px) {
.arc-svg[data-v-271a8956] {
    width: 193.7rem;
    height: 193.7rem;
}
}
.arc-text[data-v-271a8956] {
  pointer-events: all;
}