@charset "UTF-8";
@font-face {
  font-family: "Circe";
  font-display: swap;
  src: url("/assets/fonts/Circe-Regular-D1cIeblC.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: drukwidecyr;
  font-display: swap;
  src: url("/assets/fonts/drukwidecyr-bold-BmSxsSWv.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Druk Wide Medium Cy";
  font-display: swap;
  src: url("/assets/fonts/drukwidecyr-medium-D05BX1Bq.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "AA Stetica";
  src: url("/assets/fonts/AAStetica-Bold-5JqBeQ1F.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Pro";
  font-display: swap;
  src: url("/assets/fonts/gothampro-DjhFNDBp.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Pro";
  font-display: swap;
  src: url("/assets/fonts/gothampro_bold-BUwnO7C1.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Pro";
  font-display: swap;
  src: url("/assets/fonts/gothampro_light-TfoGc6BH.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gotham Pro";
  font-display: swap;
  src: url("/assets/fonts/gothampro_medium-enLwR_U9.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-Bold-D9OW42R1.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-Medium-DLbiJQ4r.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-SemiBold-Dsvb8sk4.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/assets/fonts/Montserrat-Regular-3ZeI_7k9.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* === базовые стили === */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body > * {
  flex-shrink: 0;
}

input,
textarea,
button {
  outline: none;
  font-family: inherit;
  padding: 0;
}

input[type=radio],
input[type=checkbox],
input[type=submit] {
  appearance: none;
  -moz-appearance: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  appearance: none;
}

label,
a,
button {
  cursor: pointer;
}

a,
button {
  transition: 0.2s ease-in;
}

a,
a:hover {
  text-decoration: none;
}

svg {
  max-width: 100%;
  fill: currentColor;
  stroke: currentColor;
}

input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

button, input[type=submit] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

button {
  display: inline-block;
  border: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

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

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

legend {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer;
}

select:focus {
  outline: none;
}

select::-ms-expand {
  display: none;
}

: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}

@media (max-width: 768px) {
  :root {
    --padding-container: 24px;
  }
}
@media (max-width: 480px) {
  :root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
  }
}
.base-bg, .apm-modal-content, .game-info-text {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}

.base-bg-light {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}

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

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

.flex-jc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.full-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* base styles  */
html {
  height: 100%;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 0.521vw;
}
@media (max-width: 1440px) {
  html {
    font-size: 0.55vw;
  }
}
@media (max-width: 1200px) {
  html {
    font-size: 0.7vw;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 0.8vw;
  }
}
@media (max-width: 992px) {
  html {
    font-size: 1.04vw;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 1vw;
  }
}
@media (max-width: 576px) {
  html {
    font-size: 1.6vw;
  }
}
@media (max-width: 480px) {
  html {
    font-size: 2.6vw;
  }
}
@media (max-width: 425px) {
  html {
    font-size: 2.5vw;
  }
}
@media (max-width: 393px) {
  html {
    font-size: 2.56vw;
  }
}
@media (max-width: 360px) {
  html {
    font-size: 2.778vw;
  }
}

html, body {
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  height: 100%;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  color: var(--text-inverse-100);
  background-color: #0D2E1A;
}
@media (max-width: 480px) {
  body {
    font-size: 1.4rem;
  }
}

#app {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  flex: 1 0 auto;
  overflow: clip;
}

.main {
  flex: 1 0 auto;
}

body > * {
  flex-shrink: 0;
}

body.noscroll {
  overflow: hidden;
}

#overlay {
  display: none;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
  transition: 0.5s;
  position: fixed;
}
#overlay.active {
  display: block;
}

.section {
  padding: 68px 0;
}
@media (max-width: 480px) {
  .section {
    padding: 42px 0;
  }
}

.container {
  max-width: calc(144rem + var(--padding-container) * 2);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--padding-container);
  padding-right: var(--padding-container);
}
.container.--big {
  max-width: calc(176rem + var(--padding-container) * 2);
}

.container-left {
  padding-left: max(var(--padding-container), (100% - 144rem) / 2);
}

.none {
  display: none !important;
}

.list-scrollbar {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.list-scrollbar::-webkit-scrollbar-track {
  border-radius: 0.7rem;
}

.list-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.list-scrollbar::-webkit-scrollbar-track {
  background-color: var(--fill-accent-2-3);
}

.list-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 0.7rem;
  background: var(--fill-accent-2-1);
}

.list-scrollbar:hover::-webkit-scrollbar-thumb {
  background: var(--fill-accent-2-1);
}

.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;
}

@keyframes animationLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.leaf {
  width: 100%;
  height: 100%;
  fill: #ffd08e;
  stroke: transparent;
}
.leaf.--green {
  fill: #0D2E1A;
}
.leaf.--x {
  stroke: #0D2E1A;
  fill: transparent;
}

.count-info {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 140%;
  color: var(--text-inverse-100);
}
.count-info .yellow {
  display: inline-flex;
  gap: 3px;
  color: var(--text-accent-2-100);
}
.count-info svg {
  width: 2.4rem;
  height: 2.4rem;
  fill: currentColor;
}

.game-btn-disabled {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: transparent;
  border: none;
  border-bottom: 1px dashed var(--border-accent-2-1);
  padding: 0 0 0.8rem 0;
  height: auto;
  border-radius: 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2rem;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--text-inverse-100);
}
@media (max-width: 768px) {
  .game-btn-disabled {
    font-size: 1.8rem;
  }
}
@media (hover: hover) {
  .game-btn-disabled:hover {
    border-color: transparent;
  }
}
.game-btn-disabled svg {
  width: 2rem;
  height: 2rem;
  fill: var(--border-accent-2-1);
}

.game-info-text {
  position: absolute;
  top: 35px;
  left: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 140%;
  color: var(--text-inverse-100);
  text-transform: none;
  border-radius: 2.4rem;
  padding: 1.6rem 1.6rem 1.2rem;
  width: 40rem;
  z-index: 2;
}
@media (max-width: 576px) {
  .game-info-text {
    transform: translateX(-50%);
    left: 50%;
  }
}
@media (max-width: 480px) {
  .game-info-text {
    width: 30rem;
  }
}
.game-info-text svg {
  fill: #fff;
  position: absolute;
  top: 5px;
  right: 10px;
}

.title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 7.8rem;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--text-inverse-100);
}
@media (max-width: 576px) {
  .title {
    font-size: 4.8rem;
    line-height: 140%;
  }
}
@media (max-width: 480px) {
  .title {
    font-size: 2.8rem;
    line-height: 140%;
  }
}

.title2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 130%;
  text-transform: uppercase;
}
@media (max-width: 576px) {
  .title2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 480px) {
  .title2 {
    font-size: 2rem;
    line-height: 120%;
  }
}

.title3 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 140%;
  text-transform: uppercase;
  color: var(--text-accent-2-100);
}
@media (max-width: 576px) {
  .title3 {
    font-size: 2rem;
  }
}

.profile-title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--text-inverse-100);
}
@media (max-width: 480px) {
  .profile-title {
    font-size: 2rem;
  }
}

.game-title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 7.8rem;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--text-inverse-100);
}
@media (max-width: 576px) {
  .game-title {
    font-size: 4.8rem;
  }
}
@media (max-width: 480px) {
  .game-title {
    font-size: 2.4rem;
    line-height: 100%;
  }
}

/* === /базовые стили === */
/* === Блоки ===*/
.form {
  display: grid;
  gap: 30px;
}
@media (max-width: 480px) {
  .form {
    gap: 20px;
  }
}

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

.form__row-inputs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 576px) {
  .form__row-inputs {
    grid-template-columns: 1fr;
  }
}

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

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

.title-animate, .input__field:not(:placeholder-shown) + .input__title, .input__field.valid + .input__title, .input__field.not-valid + .input__title, .input__field:focus + .input__title {
  transform: translateY(-120%);
  font-size: 16px;
  color: var(--text-inverse-40);
}

.title-animate-message, .input__holder.--message .input__field.valid + .input__title, .input__holder.--message .input__field.not-valid + .input__title, .input__holder.--message .input__field:focus + .input__title {
  transform: translateY(-90%);
  font-size: 16px;
  color: var(--text-inverse-40);
}
@media (max-width: 480px) {
  .title-animate-message, .input__holder.--message .input__field.valid + .input__title, .input__holder.--message .input__field.not-valid + .input__title, .input__holder.--message .input__field:focus + .input__title {
    transform: translateY(-110%);
  }
}

.input__holder {
  position: relative;
}
.input__holder.--message .input__field {
  height: 160px;
  resize: none;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 480px) {
  .input__holder.--message .input__field {
    padding-top: 25px;
  }
}
.input__holder.--message .input__title {
  top: 30px;
}

.input__field {
  width: 100%;
  outline: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  color: var(--text-inverse-100);
  border: none;
  outline: none;
  background: var(--fill-accent-1-1);
  border: 1px solid var(--border-accent-2-3);
  border-radius: 24px;
  padding: 26px 24px 14px;
  transition: var(--transition) ease-in;
}
@media (max-width: 480px) {
  .input__field {
    padding: 25px 20px 13px;
    border-radius: 16px;
  }
}
@media (max-width: 425px) {
  .input__field {
    padding-right: 55px;
  }
}
.input__field::placeholder {
  color: transparent;
  opacity: 0;
  transition: var(--transition) ease-in;
}
@media (max-width: 425px) {
  .input__field::placeholder {
    font-size: 16px;
  }
}
.input__field:focus {
  box-shadow: 0 0 0 4px var(--brand-accent-2-24);
  background: var(--fill-accent-1-1);
  border: 1px solid var(--border-accent-2-1);
}
.input__field:focus::placeholder {
  opacity: 1;
}
.input__field.not-valid {
  box-shadow: 0 0 0 4px rgba(243, 101, 101, 0.24);
  background: var(--fill-accent-1-1);
  border: 1px solid var(--status-error-1);
}
.input__field.valid {
  border: 1px solid var(--border-accent-2-3);
}
@media (hover: hover) {
  .input__field:hover {
    border: 1px solid var(--border-accent-2-1);
  }
}

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

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

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

.input__counter {
  display: none;
  position: absolute;
  bottom: 20px;
  right: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: var(--text-default-100);
}
.input__counter i {
  font-style: normal;
}

.input__error {
  position: absolute;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  color: var(--text-default-100);
  border: 1px solid var(--border-accent-3-4);
  border-radius: 0.8rem;
  box-shadow: 0 18px 32px 0 rgba(64, 40, 25, 0.24);
  background: var(--fill-inverse-1);
  border: 1px solid var(--status-error-1);
  border-radius: 1.6rem;
  padding: 10px 20px;
  z-index: 12;
  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;
  fill: var(--text-accent-1-100);
}

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

.form__footer {
  display: grid;
  gap: 40px;
}
@media (max-width: 480px) {
  .form__footer {
    gap: 25px;
  }
}
.form__footer.--small-gap {
  gap: 24px;
}
@media (max-width: 480px) {
  .form__footer.--small-gap {
    gap: 12px;
  }
}

.form__btn-wrapper {
  display: grid;
  gap: 12px;
}
@media (max-width: 480px) {
  .form__btn-wrapper {
    gap: 10px;
  }
}
.form__btn-wrapper span {
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  color: var(--text-inverse-100);
}
@media (max-width: 480px) {
  .form__btn-wrapper span {
    font-size: 16px;
  }
}
.form__btn-wrapper span button {
  font-weight: 700;
  font-size: 2rem;
  line-height: 120%;
  border-bottom: 1px dashed currentColor;
  color: var(--text-accent-2-100);
  transition: var(--transition) ease-in;
}
@media (hover: hover) {
  .form__btn-wrapper span button:hover {
    border-color: transparent;
  }
}

.form__btn {
  width: 100%;
}
.form__btn.not-hover {
  background-color: var(--border-accent-1-1);
  border: 1px solid var(--border-accent-1-1);
  pointer-events: none;
}
@media (max-width: 360px) {
  .form__btn.btn {
    font-size: 2rem;
  }
}

.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;
}
@media (max-width: 480px) {
  .form__text-error {
    font-size: 16px;
  }
}

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

.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;
}

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  gap: 0.8rem;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--text-accent-1-100);
  border: 1px solid transparent;
  background: var(--fill-accent-2-1);
  padding: 0px 3.9rem;
  min-height: 8rem;
  border-radius: 2rem;
  z-index: 1;
  transition: var(--transition) ease-in;
}
@media (hover: hover) {
  .btn:hover {
    background: var(--text-inverse-100);
  }
}
@media (max-width: 480px) {
  .btn {
    font-size: 2rem;
    line-height: 100%;
    padding: 0rem 3rem;
    min-height: 4.8rem;
    border-radius: 1.6rem;
  }
}
.btn.--small {
  font-size: 2rem;
  padding: 0rem 1.5rem;
  border-radius: 1.6rem;
  min-height: 4.8rem;
}
@media (max-width: 480px) {
  .btn.--small {
    font-size: 1.8rem;
    min-height: 4rem;
    border-radius: 1.2rem;
    padding: 0rem 1rem;
  }
}
.btn.--smalest {
  min-height: 4rem;
  padding: 0rem 1.5rem;
  border-radius: 1.2rem;
  font-size: 1.2rem;
}
.btn.--border-white {
  border: 1px solid var(--border-default-1);
  color: var(--border-default-1);
  background-color: transparent;
}
@media (hover: hover) {
  .btn.--border-white:hover {
    color: var(--text-accent-1-100);
    background-color: var(--border-default-1);
  }
}
@media (max-width: 480px) {
  .btn.--mobile-small {
    font-size: 1.4rem;
    min-height: 3.2rem;
  }
}

.btn-text {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 140%;
  text-decoration: underline;
  color: var(--text-accent-2-100);
}
@media (hover: hover) {
  .btn-text:hover {
    text-decoration: none;
  }
}

.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;
  width: 665px;
  margin: 0 auto;
  pointer-events: none;
  transform: none;
  vertical-align: middle;
  display: inline-block;
  text-align: left;
}
@media (max-width: 740px) {
  .apm-modal-dialog {
    max-width: 90%;
  }
}
@media (min-width: 480px) {
  .apm-modal-dialog {
    max-width: 460px;
    margin: 1.75rem auto;
  }
}
@media (min-width: 768px) {
  .apm-modal-dialog {
    max-width: 665px;
    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: 32px;
  font-family: var(--font-family);
  background: var(--fill-accent-1-1);
}
.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(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 140%;
  color: var(--text-inverse-100);
  text-transform: uppercase;
  text-align: start;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  h3.apm-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}

.apm-p {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  text-align: start;
  color: var(--text-inverse-100);
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .apm-p {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

#apm-close-widget-button {
  background: transparent;
  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: #fff;
}
#apm-close-widget-button::after {
  height: 100%;
}
#apm-close-widget-button::before {
  width: 100%;
}

.apm-qr-video {
  border: 1px solid var(--border-inverse-1);
  border-radius: 0rem;
}

.apm-btn,
.apm-block-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  width: 100%;
  height: auto;
  background: var(--fill-accent-2-1);
  padding: 0rem 0.5rem;
  min-height: 8rem;
  border-radius: 2rem;
  box-shadow: none;
  transition: var(--transition) ease-in;
}
@media (max-width: 480px) {
  .apm-btn,
  .apm-block-btn {
    font-size: 20px;
    padding: 20px 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-weight: 500;
  font-size: 2.4rem;
  line-height: 110%;
  color: var(--text-accent-1-100);
  letter-spacing: 0px;
}
@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: 3rem;
  }
}
@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: 2rem;
  }
}

.apm-phone-input {
  width: 100%;
}
@media (max-width: 360px) {
  .apm-phone-input {
    width: 100%;
  }
}

.apm-img-error-block {
  display: none;
}

.apm-p-input {
  color: var(--text-inverse-100);
  margin-bottom: 5px;
}

.apm-phone-input {
  height: 50px;
  border-radius: 16px;
}

/* === /Блоки ===*/[data-v-61f6403f]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-61f6403f]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-61f6403f]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-61f6403f] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-61f6403f] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.nav-icon[data-v-61f6403f] {
  display: none;
  border-radius: 10rem;
  width: 36px;
  height: auto;
  align-items: center;
  z-index: 4;
}
@media (max-width: 992px) {
.nav-icon[data-v-61f6403f] {
    display: flex;
}
}
@media (max-width: 480px) {
.nav-icon[data-v-61f6403f] {
    width: 20px;
}
}
.nav-icon span[data-v-61f6403f] {
  position: relative;
  width: 100%;
  height: 2px;
  background: #FFD08E;
  border-radius: 3px;
}
.nav-icon span[data-v-61f6403f]::before, .nav-icon span[data-v-61f6403f]::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #FFD08E;
  border-radius: 3px;
  transition: transform 0.2s ease-in, top 0.2s linear 0.2s;
}
.nav-icon span[data-v-61f6403f]::before {
  top: -6px;
  width: 100%;
}
@media (max-width: 480px) {
.nav-icon span[data-v-61f6403f]::before {
    top: -5px;
}
}
.nav-icon span[data-v-61f6403f]::after {
  top: 6px;
  width: 100%;
}
@media (max-width: 480px) {
.nav-icon span[data-v-61f6403f]::after {
    top: 5px;
}
}
.nav-icon.active span[data-v-61f6403f] {
  background: transparent;
}
.nav-icon.active span[data-v-61f6403f]::before, .nav-icon.active span[data-v-61f6403f]::after {
  top: 0px;
  width: 100%;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
}
.nav-icon.active span[data-v-61f6403f]::before {
  transform: rotate(45deg);
}
.nav-icon.active span[data-v-61f6403f]::after {
  transform: rotate(-45deg);
}
.header[data-v-61f6403f] {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 4;
  transition: 0.2s ease-in;
}
.header.--fixed[data-v-61f6403f] {
  background: var(--fill-accent-1-1);
}
.header.--fixed .logo__img[data-v-61f6403f] {
  width: 18.8rem;
}
@media (max-width: 1200px) {
.header.--fixed .logo__img[data-v-61f6403f] {
    width: 14rem;
}
}
@media (max-width: 992px) {
.header.--fixed .logo__img[data-v-61f6403f] {
    width: 12rem;
}
}
.header.active .nav[data-v-61f6403f] {
  left: 0;
  opacity: 1;
}
.header__container[data-v-61f6403f] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo[data-v-61f6403f] {
  position: relative;
  z-index: 3;
  flex-shrink: 0;
}
@media (max-width: 480px) {
.logo[data-v-61f6403f] {
    left: 50%;
    transform: translateX(-50%);
}
}
.logo__img[data-v-61f6403f] {
  width: 28.4rem;
  height: auto;
  transition: var(--transition) ease-in;
}
@media (max-width: 1200px) {
.logo__img[data-v-61f6403f] {
    width: 18rem;
}
}
@media (max-width: 992px) {
.logo__img[data-v-61f6403f] {
    width: 14.1rem;
}
}
.nav[data-v-61f6403f] {
  display: flex;
  align-items: center;
  gap: 2.6rem;
}
@media (max-width: 1440px) {
.nav[data-v-61f6403f] {
    gap: 2rem;
}
}
@media (max-width: 992px) {
.nav[data-v-61f6403f] {
    position: fixed;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    top: 0;
    left: -100%;
    opacity: 0;
    padding: 12.4rem var(--padding-container) 2rem;
    background: var(--fill-accent-1-1);
    width: 100%;
    max-width: 100%;
    gap: 2rem;
    transition: all 0.5s ease-in;
    overflow-y: auto;
    height: 100dvh;
}
}
.nav__link[data-v-61f6403f] {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.4rem;
  color: var(--text-inverse-100);
  white-space: nowrap;
  transition: opacity var(--transition);
}
@media (hover: hover) {
.nav__link[data-v-61f6403f]:hover {
    opacity: 0.7;
}
}
.header__btns[data-v-61f6403f] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
.header__btns[data-v-61f6403f] {
    gap: 0.8rem;
}
}
@media (max-width: 992px) {
.header__btns.--desktop[data-v-61f6403f] {
    display: none;
}
}
.header__btns.--mobile[data-v-61f6403f] {
  display: none;
  width: 100%;
  gap: 1.2rem;
  margin-top: auto;
  padding-top: 2rem;
}
@media (max-width: 992px) {
.header__btns.--mobile[data-v-61f6403f] {
    display: flex;
    justify-content: center;
}
}
.header__btn[data-v-61f6403f] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.header__btn svg[data-v-61f6403f] {
  width: 3.2rem;
  height: 3.2rem;
  flex-shrink: 0;
  fill: transparent;
  stroke: currentColor;
}
@media (max-width: 1200px) {
.header__btn.--upload[data-v-61f6403f] {
    order: 3;
}
}
.header__btn.--profile svg[data-v-61f6403f] {
  stroke: var(--text-accent-1-100);
}
.header__btn.--profile span[data-v-61f6403f] {
  max-width: 14rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header__btn.--logout[data-v-61f6403f] {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
.header__btn.--logout svg[data-v-61f6403f] {
  stroke: var(--text-accent-1-100);
}
.header__btn.--leaves svg[data-v-61f6403f] {
  fill: var(--text-accent-1-100);
  stroke: none;
}
@keyframes animHeader-61f6403f {
0% {
    transform: translateY(-100%);
}
100% {
    transform: translateY(0%);
}
}[data-v-151a6fd8]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-151a6fd8]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-151a6fd8]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-151a6fd8] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-151a6fd8] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.nav-icon[data-v-151a6fd8] {
  display: none;
  border-radius: 10rem;
  width: 36px;
  height: auto;
  align-items: center;
  z-index: 4;
}
@media (max-width: 992px) {
.nav-icon[data-v-151a6fd8] {
    display: flex;
}
}
@media (max-width: 480px) {
.nav-icon[data-v-151a6fd8] {
    width: 20px;
}
}
.nav-icon span[data-v-151a6fd8] {
  position: relative;
  width: 100%;
  height: 2px;
  background: #FFD08E;
  border-radius: 3px;
}
.nav-icon span[data-v-151a6fd8]::before, .nav-icon span[data-v-151a6fd8]::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #FFD08E;
  border-radius: 3px;
  transition: transform 0.2s ease-in, top 0.2s linear 0.2s;
}
.nav-icon span[data-v-151a6fd8]::before {
  top: -6px;
  width: 100%;
}
@media (max-width: 480px) {
.nav-icon span[data-v-151a6fd8]::before {
    top: -5px;
}
}
.nav-icon span[data-v-151a6fd8]::after {
  top: 6px;
  width: 100%;
}
@media (max-width: 480px) {
.nav-icon span[data-v-151a6fd8]::after {
    top: 5px;
}
}
.nav-icon.active span[data-v-151a6fd8] {
  background: transparent;
}
.nav-icon.active span[data-v-151a6fd8]::before, .nav-icon.active span[data-v-151a6fd8]::after {
  top: 0px;
  width: 100%;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
}
.nav-icon.active span[data-v-151a6fd8]::before {
  transform: rotate(45deg);
}
.nav-icon.active span[data-v-151a6fd8]::after {
  transform: rotate(-45deg);
}
.header[data-v-151a6fd8] {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 4;
  transition: 0.2s ease-in;
}
.header.--fixed[data-v-151a6fd8] {
  background: var(--fill-accent-1-1);
}
.header.--fixed .logo__img[data-v-151a6fd8] {
  width: 18.8rem;
}
@media (max-width: 1200px) {
.header.--fixed .logo__img[data-v-151a6fd8] {
    width: 14rem;
}
}
@media (max-width: 992px) {
.header.--fixed .logo__img[data-v-151a6fd8] {
    width: 12rem;
}
}
.header.active .nav[data-v-151a6fd8] {
  left: 0;
  opacity: 1;
}
.header__container[data-v-151a6fd8] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo[data-v-151a6fd8] {
  position: relative;
  z-index: 3;
  flex-shrink: 0;
  left: 50%;
  transform: translateX(-50%);
}
.logo__img[data-v-151a6fd8] {
  width: 28.4rem;
  height: auto;
  transition: var(--transition) ease-in;
}
@media (max-width: 1200px) {
.logo__img[data-v-151a6fd8] {
    width: 18rem;
}
}
@media (max-width: 992px) {
.logo__img[data-v-151a6fd8] {
    width: 14.1rem;
}
}
.nav[data-v-151a6fd8] {
  display: flex;
  align-items: center;
  gap: 2.6rem;
}
@media (max-width: 1440px) {
.nav[data-v-151a6fd8] {
    gap: 2rem;
}
}
@media (max-width: 992px) {
.nav[data-v-151a6fd8] {
    position: fixed;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    top: 0;
    left: -100%;
    opacity: 0;
    padding: 12.4rem var(--padding-container) 2rem;
    background: var(--fill-accent-1-1);
    width: 100%;
    max-width: 100%;
    gap: 2rem;
    transition: all 0.5s ease-in;
    overflow-y: auto;
    height: 100dvh;
}
}
.nav__link[data-v-151a6fd8] {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.4rem;
  color: var(--text-inverse-100);
  white-space: nowrap;
  transition: opacity var(--transition);
}
@media (hover: hover) {
.nav__link[data-v-151a6fd8]:hover {
    opacity: 0.7;
}
}
.header__btns[data-v-151a6fd8] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
.header__btns[data-v-151a6fd8] {
    gap: 0.8rem;
}
}
@media (max-width: 992px) {
.header__btns.--desktop[data-v-151a6fd8] {
    display: none;
}
}
.header__btns.--mobile[data-v-151a6fd8] {
  display: none;
  width: 100%;
  gap: 1.2rem;
  margin-top: auto;
  padding-top: 2rem;
}
@media (max-width: 992px) {
.header__btns.--mobile[data-v-151a6fd8] {
    display: flex;
    justify-content: center;
}
}
.header__btn[data-v-151a6fd8] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.header__btn svg[data-v-151a6fd8] {
  width: 3.2rem;
  height: 3.2rem;
  flex-shrink: 0;
  fill: transparent;
  stroke: currentColor;
}
@media (max-width: 1200px) {
.header__btn.--upload[data-v-151a6fd8] {
    order: 3;
}
}
.header__btn.--profile svg[data-v-151a6fd8] {
  stroke: var(--text-accent-1-100);
}
.header__btn.--profile span[data-v-151a6fd8] {
  max-width: 14rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header__btn.--logout[data-v-151a6fd8] {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
.header__btn.--logout svg[data-v-151a6fd8] {
  stroke: var(--text-accent-1-100);
}
.header__btn.--leaves svg[data-v-151a6fd8] {
  fill: var(--text-accent-1-100);
  stroke: none;
}
@keyframes animHeader-151a6fd8 {
0% {
    transform: translateY(-100%);
}
100% {
    transform: translateY(0%);
}
}[data-v-b3f7f6e6]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-b3f7f6e6]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-b3f7f6e6]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-b3f7f6e6] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-b3f7f6e6] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.footer[data-v-b3f7f6e6] {
  position: relative;
  padding: 0rem 0 5.1rem;
  border-top: 1px solid rgba(14, 14, 14, 0.16);
  z-index: 1;
}
@media (max-width: 480px) {
.footer[data-v-b3f7f6e6] {
    padding: 0rem 0 2rem;
}
}
.footer__btn[data-v-b3f7f6e6] {
  font-size: 2rem;
  min-height: 4.8rem;
}
.footer__top[data-v-b3f7f6e6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 5.5rem;
}
@media (max-width: 1024px) {
.footer__top[data-v-b3f7f6e6] {
    flex-direction: column;
    gap: 1.8rem;
    margin-bottom: 2.7rem;
}
}
.footer__container[data-v-b3f7f6e6] {
  padding-right: 2.5rem;
}
@media (max-width: 1200px) {
.footer__container[data-v-b3f7f6e6] {
    padding-right: 0;
}
}
@media (max-width: 480px) {
.logo[data-v-b3f7f6e6] {
    width: 18.5rem;
}
}
.footer__nav[data-v-b3f7f6e6] {
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media (max-width: 1024px) {
.footer__nav[data-v-b3f7f6e6] {
    flex-direction: column;
    gap: 1.2rem;
}
}
@media (max-width: 480px) {
.footer__nav[data-v-b3f7f6e6] {
    gap: 0;
}
}
.footer__nav a[data-v-b3f7f6e6] {
  font-weight: 600;
  font-size: 2rem;
  line-height: 120%;
  color: var(--text-inverse-100);
  border-radius: 10rem;
  padding: 0.6rem 1.8rem;
  border: 1px solid transparent;
}
@media (hover: hover) {
.footer__nav a[data-v-b3f7f6e6]:hover {
    border-color: currentColor;
}
}
@media (max-width: 576px) {
.footer__nav a[data-v-b3f7f6e6] {
    padding: 0.6rem 1rem;
    font-size: 1.6rem;
}
}
.footer__text[data-v-b3f7f6e6] {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 140%;
  color: var(--text-inverse-100);
}
@media (max-width: 480px) {
.footer__text[data-v-b3f7f6e6] {
    font-size: 1.2rem;
}
}.v-enter-active[data-v-9a709440],
.v-leave-active[data-v-9a709440] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-9a709440] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-9a709440] {
  opacity: 0;
  transform: translate(-50%, 10px);
}.v-enter-active[data-v-868d6c8e],
.v-leave-active[data-v-868d6c8e] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-868d6c8e] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-868d6c8e] {
  opacity: 0;
  transform: translate(-50%, 10px);
}[data-v-b54f265a]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-b54f265a]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-b54f265a]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-b54f265a] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-b54f265a] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.checkbox[data-v-b54f265a] {
  display: grid;
  gap: 0.5rem;
}
.checkbox__inner[data-v-b54f265a] {
  display: flex;
  align-items: start;
  gap: 0.8rem;
}
.checkbox__real-input[data-v-b54f265a] {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.checkbox__custom-input[data-v-b54f265a] {
  display: flex;
  align-items: center;
  justify-self: center;
  position: relative;
  border: 1px solid var(--border-accent-2-1);
  border-radius: 0.8rem;
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  background-color: transparent;
  transition: var(--transition) ease-in;
}
.checkbox__text[data-v-b54f265a] {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--text-inverse-100);
}
@media (max-width: 480px) {
.checkbox__text[data-v-b54f265a] {
    font-size: 14px;
}
}
.checkbox__text[data-v-b54f265a] a {
  white-space: nowrap;
  color: inherit;
  border-bottom: 0.1rem solid transparent;
}
@media (max-width: 425px) {
.checkbox__text[data-v-b54f265a] a {
    white-space: wrap;
}
}
@media (hover: hover) {
.checkbox__text[data-v-b54f265a] a:hover {
    color: var(--fill-accent-2-1);
    border-color: currentColor;
}
}
.checkbox__custom-input[data-v-b54f265a]::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  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='M17.942%206.06754L7.94205%2016.0675C7.884%2016.1256%207.81507%2016.1717%207.7392%2016.2032C7.66332%2016.2347%207.58199%2016.2508%207.49986%2016.2508C7.41772%2016.2508%207.3364%2016.2347%207.26052%2016.2032C7.18465%2016.1717%207.11572%2016.1256%207.05767%2016.0675L2.68267%2011.6925C2.5654%2011.5753%202.49951%2011.4162%202.49951%2011.2503C2.49951%2011.0845%202.5654%2010.9254%202.68267%2010.8082C2.79995%2010.6909%202.95901%2010.625%203.12486%2010.625C3.29071%2010.625%203.44977%2010.6909%203.56705%2010.8082L7.49986%2014.7418L17.0577%205.18316C17.1749%205.06588%2017.334%205%2017.4999%205C17.6657%205%2017.8248%205.06588%2017.942%205.18316C18.0593%205.30044%2018.1252%205.4595%2018.1252%205.62535C18.1252%205.7912%2018.0593%205.95026%2017.942%206.06754Z'%20fill='%230D2E1A'/%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-b54f265a] {
  background: var(--fill-accent-2-1);
}
.checkbox__real-input:checked + .checkbox__custom-input[data-v-b54f265a]::before {
  transform: scale(1) translateX(1.5px);
}
.v-enter-active[data-v-b54f265a],
.v-leave-active[data-v-b54f265a] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-b54f265a] {
  opacity: 0;
  transform: translateX(20px);
}
.v-leave-to[data-v-b54f265a] {
  opacity: 0;
  transform: translateX(-20px);
}[data-v-12ca71f9]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-12ca71f9]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-12ca71f9]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-12ca71f9] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-12ca71f9] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.v-enter-active[data-v-12ca71f9],
.v-leave-active[data-v-12ca71f9] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-12ca71f9] {
  opacity: 0;
  transform: translate(0%, 20px);
}
.v-leave-to[data-v-12ca71f9] {
  opacity: 0;
  transform: translate(0%, 20px);
}
.section-dropdown[data-v-12ca71f9] {
  max-width: 300px;
}
.dropdown[data-v-12ca71f9] {
  position: relative;
}
.dropdown__button[data-v-12ca71f9] {
  position: relative;
  display: block;
  text-align: left;
  cursor: pointer;
  padding-right: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(14, 14, 14, 0.4);
}
.dropdown__button.--visible[data-v-12ca71f9]::after {
  transform: translateY(-50%) rotateX(180deg);
}
.dropdown__button.valid[data-v-12ca71f9] {
  color: var(--text-inverse-100);
}
.dropdown__button[data-v-12ca71f9]::placeholder {
  color: var(--text-inverse-100);
}
.dropdown-label[data-v-12ca71f9] {
  display: grid;
  gap: 5px;
}
.dropdown-label[data-v-12ca71f9]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 28px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 8px 0 8px;
  border-color: #ffffff transparent transparent transparent;
  transform: translateY(-50%) rotateX(0deg);
}
.dropdown-label.--visible[data-v-12ca71f9]::after {
  transform: translateY(-50%) rotateX(180deg);
}
.dropdown__list[data-v-12ca71f9] {
  position: absolute;
  left: 0;
  top: 80px;
  margin: 0;
  list-style-type: none;
  box-shadow: 0 15px 15px 0 rgba(18, 38, 67, 0.1);
  background: #fff;
  border: 1px solid rgba(14, 14, 14, 0.16);
  border-radius: 1.6rem;
  overflow: hidden;
  width: 100%;
  z-index: 2;
}
@media (max-width: 480px) {
.dropdown__list[data-v-12ca71f9] {
    top: 55px;
}
}
.dropdown__list-item[data-v-12ca71f9] {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: var(--text-default-100);
  margin: 0;
  padding: 0;
  border-bottom: 0px;
  padding: 5px 10px;
  cursor: pointer;
}
@media (max-width: 480px) {
.dropdown__list-item[data-v-12ca71f9] {
    padding: 5px 15px;
    font-size: 16px;
}
}
.dropdown__list-item[data-v-12ca71f9]:first-child {
  padding-top: 20px;
}
.dropdown__list-item[data-v-12ca71f9]:last-child {
  padding-bottom: 20px;
}
.dropdown__list-item[data-v-12ca71f9]:hover {
  background: rgba(176, 198, 225, 0.26);
}
.dropdown__input-hidden[data-v-12ca71f9] {
  display: none;
}
.dropdown__list-scroll[data-v-12ca71f9] {
  height: auto;
}
.dropdown__list-scroll--height[data-v-12ca71f9] {
  height: 125px;
}.v-enter-active[data-v-33e734b9],
.v-leave-active[data-v-33e734b9] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-33e734b9] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-33e734b9] {
  opacity: 0;
  transform: translate(-50%, 10px);
}[data-v-6af18f38]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-6af18f38]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-6af18f38]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-6af18f38] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-6af18f38] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.file-holder[data-v-6af18f38] {
  display: grid;
  gap: 10px;
}
.file[data-v-6af18f38] {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-left: 5px;
  cursor: pointer;
}
@media (hover: hover) {
.file:hover .file__text[data-v-6af18f38] {
    text-decoration: underline;
}
}
.file__real[data-v-6af18f38] {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.file__custom[data-v-6af18f38] {
  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.9567%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.14753%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.08487%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='%23FFD08E'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 0px 0px; /* x y*/
  background-size: 20px;
  width: 20px;
  height: 20px;
}
@media (max-width: 480px) {
.file__custom[data-v-6af18f38] {
    background-size: 20px; /* w h*/
    width: 20px;
    height: 20px;
}
}
.file__text[data-v-6af18f38] {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: var(--text-accent-2-100);
}
.file-desc__item[data-v-6af18f38] {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: var(--text-inverse-100);
}
.preview-file__list[data-v-6af18f38] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  gap: 0.8rem;
}
@media (max-width: 480px) {
.preview-file__list[data-v-6af18f38] {
    grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
}
}
.preview-file__item[data-v-6af18f38] {
  position: relative;
  overflow: hidden;
  border: 2px solid rgba(197, 198, 202, 0.24);
  border-radius: 0.8rem;
  width: 100%;
  aspect-ratio: 1/1;
}
.file-error[data-v-6af18f38] {
  display: inline-block;
  margin-top: 10px;
  color: red;
}
.preview-file__file-image[data-v-6af18f38] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.preview-file__btn[data-v-6af18f38] {
  position: absolute;
  top: 3px;
  right: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--border-accent-1-1);
  border-radius: 0.2rem;
  width: 2rem;
  height: 2rem;
  background: #fff;
}
.preview-file__btn svg[data-v-6af18f38] {
  width: 100%;
  height: 100%;
  stroke-width: 2px;
  fill: transparent;
  stroke: var(--border-accent-1-1);
}
.list-enter-active[data-v-6af18f38],
.list-leave-active[data-v-6af18f38] {
  transition: all 0.5s ease;
}
.list-enter-from[data-v-6af18f38],
.list-leave-to[data-v-6af18f38] {
  opacity: 0;
  transform: translateX(30px);
}.v-enter-active[data-v-02fc7dff],
.v-leave-active[data-v-02fc7dff] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-02fc7dff] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-02fc7dff] {
  opacity: 0;
  transform: translate(-50%, 10px);
}.v-enter-active[data-v-04635b7e],
.v-leave-active[data-v-04635b7e] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-04635b7e] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-04635b7e] {
  opacity: 0;
  transform: translate(-50%, 10px);
}.v-enter-active[data-v-981f0cc1],
.v-leave-active[data-v-981f0cc1] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-981f0cc1] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-981f0cc1] {
  opacity: 0;
  transform: translate(-50%, 10px);
}[data-v-65bc1b57]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-65bc1b57]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-65bc1b57]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-65bc1b57], .copy-tooltip__text[data-v-65bc1b57] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-65bc1b57] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.copy-tooltip[data-v-65bc1b57] {
  position: relative;
  display: inline-flex;
}
.copy-tooltip__text[data-v-65bc1b57] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 140%;
  color: var(--text-inverse-100);
  border-radius: 1.6rem;
  padding: 0.8rem 1.6rem;
  white-space: nowrap;
  pointer-events: none;
  text-transform: none;
}
.copy-tooltip.active[data-v-65bc1b57] {
  z-index: 2;
}
.fade-enter-active[data-v-65bc1b57],
.fade-leave-active[data-v-65bc1b57] {
  transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-65bc1b57],
.fade-leave-to[data-v-65bc1b57] {
  opacity: 0;
}[data-v-ae8b606c]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-ae8b606c]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-ae8b606c]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-ae8b606c] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-ae8b606c] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.pagination[data-v-ae8b606c] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
[data-v-ae8b606c] .swiper-pagination-bullet {
  border-radius: 5rem;
  width: 1rem;
  height: 1rem;
  opacity: 0.24;
  background: var(--fill-accent-2-1);
}
[data-v-ae8b606c] .swiper-pagination-bullet-active {
  width: 3rem;
  height: 1rem;
  background: var(--fill-accent-2-1);
  opacity: 1;
}[data-v-e26787f8]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-e26787f8]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-e26787f8]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-e26787f8], .modal__container[data-v-e26787f8] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-e26787f8], .modal-content__inner-timer[data-v-e26787f8] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.v-enter-active[data-v-e26787f8],
.v-leave-active[data-v-e26787f8] {
  transition: 0.5s ease;
}
.v-enter-from[data-v-e26787f8] {
  opacity: 0;
  transform: translateY(-10%);
}
.v-leave-to[data-v-e26787f8] {
  opacity: 0;
  transform: translateY(-10%);
}
.modal[data-v-e26787f8] {
  --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);
  backdrop-filter: blur(10.8000001907px);
  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-e26787f8]::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.modal__container[data-v-e26787f8] {
  position: relative;
  width: 665px;
  margin: 50px auto;
  display: none;
  vertical-align: middle;
  background: var(--fill-accent-1-1);
  border-radius: 4rem;
  cursor: default;
  text-align: left;
  padding: 0;
}
@media (max-width: 768px) {
.modal__container[data-v-e26787f8] {
    width: 95%;
}
}
@media (max-width: 480px) {
.modal__container[data-v-e26787f8] {
    border-radius: 2.2rem;
}
}
.modal__container.w1212[data-v-e26787f8] {
  width: 1212px;
}
@media (max-width: 1260px) {
.modal__container.w1212[data-v-e26787f8] {
    width: 95%;
}
}
.modal__container.w740[data-v-e26787f8] {
  width: 740px;
}
@media (max-width: 768px) {
.modal__container.w740[data-v-e26787f8] {
    width: 95%;
}
}
.modal__container.w726[data-v-e26787f8] {
  width: 726px;
}
@media (max-width: 768px) {
.modal__container.w726[data-v-e26787f8] {
    width: 95%;
}
}
.modal__container.w704[data-v-e26787f8] {
  width: 704px;
}
@media (max-width: 768px) {
.modal__container.w704[data-v-e26787f8] {
    width: 95%;
}
}
.modal__container.w585[data-v-e26787f8] {
  width: 585px;
}
@media (max-width: 768px) {
.modal__container.w585[data-v-e26787f8] {
    width: 95%;
}
}
.modal__container.w408[data-v-e26787f8] {
  width: 408px;
}
@media (max-width: 425px) {
.modal__container.w408[data-v-e26787f8] {
    width: 95%;
}
}
.modal__container.w400[data-v-e26787f8] {
  width: 400px;
  border-radius: 24px;
}
@media (max-width: 425px) {
.modal__container.w400[data-v-e26787f8] {
    width: 95%;
}
}
.modal__container.w400 .modal-close[data-v-e26787f8] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 15px;
  right: 15px;
}
@media (max-width: 480px) {
.modal__container.w400 .modal-close[data-v-e26787f8] {
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
}
}
.modal__container.w400 .modal-close svg[data-v-e26787f8] {
  width: 100%;
  height: 100%;
  stroke-width: 2px;
  stroke: #fff;
  transition: transform var(--transition) ease-in;
}
@media (hover: hover) {
.modal__container.w400 .modal-close:hover svg[data-v-e26787f8] {
    transform: scale(1.1);
}
}
.modal__container.w320[data-v-e26787f8] {
  width: 320px;
}
@media (max-width: 393px) {
.modal__container.w320[data-v-e26787f8] {
    width: 95%;
}
}
.modal.is-open[data-v-e26787f8] {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--transition-time), visibility var(--transition-time);
}
.modal.is-open .modal__container[data-v-e26787f8] {
  display: inline-block;
}
.modal__container.modal-open[data-v-e26787f8] {
  display: inline-block;
}
.fade[data-v-e26787f8] {
  opacity: 0;
  transition: opacity var(--transition-time);
}
.fade.animate-open[data-v-e26787f8] {
  opacity: 1;
  transition: opacity var(--transition-time);
}
.fadeInUp[data-v-e26787f8] {
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity var(--transition-time), transform var(--transition-time);
}
.fadeInUp.animate-open[data-v-e26787f8] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity var(--transition-time), transform var(--transition-time);
}
.disable-scroll[data-v-e26787f8] {
  position: relative;
  overflow: hidden;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.modal-close[data-v-e26787f8] {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 30px;
  right: 23px;
}
@media (max-width: 480px) {
.modal-close[data-v-e26787f8] {
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
}
}
.modal-close svg[data-v-e26787f8] {
  width: 100%;
  height: 100%;
  stroke-width: 2px;
  stroke: #fff;
  transition: transform var(--transition) ease-in;
}
@media (hover: hover) {
.modal-close:hover svg[data-v-e26787f8] {
    transform: scale(1.1);
}
}
.modal-content[data-v-e26787f8] {
  display: grid;
  gap: 30px;
  padding: 62px;
}
@media (max-width: 480px) {
.modal-content[data-v-e26787f8] {
    padding: 35px;
    gap: 25px;
}
}
.modal-content.--modalInfo[data-v-e26787f8] {
  padding: 32px;
  gap: 24px;
}
.modal-content.--modalInfo[data-v-e26787f8] p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}
.modal-content.--modalPrize[data-v-e26787f8] {
  padding: 70px 62px;
  gap: 35px;
}
@media (max-width: 576px) {
.modal-content.--modalPrize[data-v-e26787f8] {
    padding: 40px 20px;
    gap: 20px;
}
}
.modal-content.--modalPrize .modal-title[data-v-e26787f8] {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 110%;
  text-transform: uppercase;
}
@media (max-width: 576px) {
.modal-content.--modalPrize .modal-title[data-v-e26787f8] {
    font-size: 2.2rem;
}
}
.modal-content.--modalPrize .modal-subtitle[data-v-e26787f8] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
}
@media (max-width: 576px) {
.modal-content.--modalPrize .modal-subtitle[data-v-e26787f8] {
    font-size: 1.8rem;
}
}
.modal-content.--modalPrize .form__text-error[data-v-e26787f8] {
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 120%;
  text-align: start;
  color: var(--text-accent-2-100);
}
@media (max-width: 576px) {
.modal-content.--modalPrize .form__text-error[data-v-e26787f8] {
    font-size: 1.6rem;
}
}
.modal-content.--modalPrize .modal-prizes__title[data-v-e26787f8] {
  font-size: 2.8rem;
  line-height: 160%;
}
.modal-title[data-v-e26787f8] {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  line-height: 140%;
  text-transform: uppercase;
  color: var(--text-inverse-100);
}
@media (max-width: 576px) {
.modal-title[data-v-e26787f8] {
    font-size: 20px;
}
}
@media (max-width: 393px) {
.modal-title[data-v-e26787f8] {
    font-size: 18px;
}
}
.modal-title.--center[data-v-e26787f8] {
  text-align: center;
}
.modal-title.--fs[data-v-e26787f8] {
  font-size: 28px;
}
.modal-subtitle[data-v-e26787f8] {
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 576px) {
.modal-subtitle[data-v-e26787f8] {
    font-size: 16px;
}
}
.modal-subtitle a[data-v-e26787f8] {
  color: inherit;
}
@media (hover: hover) {
.modal-subtitle a[data-v-e26787f8]:hover {
    text-decoration: underline;
}
}
.modal-subtitle.--center[data-v-e26787f8] {
  text-align: center;
}
.modal-discription[data-v-e26787f8] ol {
  padding-left: 22px;
}
.modal-discription[data-v-e26787f8] a {
  color: inherit;
}
@media (hover: hover) {
.modal-discription[data-v-e26787f8] a:hover {
    text-decoration: underline;
}
}
.modal-btn-copy-inner[data-v-e26787f8] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  color: var(--text-inverse-100);
}
@media (max-width: 480px) {
.modal-btn-copy-inner[data-v-e26787f8] {
    flex-direction: column;
    align-items: start;
    font-size: 1.6rem;
}
}
.modal-btn-copy[data-v-e26787f8] {
  font-family: var(--third-family);
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--text-inverse-100);
  border: 1px solid var(--border-accent-2-1);
  border-radius: 1.9rem;
  padding: 0rem 3.2rem;
  width: fit-content;
  height: 5.6rem;
  transition: var(--transition) ease-in;
}
@media (max-width: 480px) {
.modal-btn-copy[data-v-e26787f8] {
    padding: 0 2rem;
    font-size: 1.6rem;
    height: 4rem;
    border-radius: 1.2rem;
}
}
@media (hover: hover) {
.modal-btn-copy.--sertificate:hover svg[data-v-e26787f8] {
    fill: var(--brand-accent-1-100);
    stroke: transparent;
}
}
@media (hover: hover) {
.modal-btn-copy[data-v-e26787f8]:hover {
    background-color: #fff;
    color: var(--brand-accent-1-100);
    border-color: var(--brand-accent-1-100);
}
.modal-btn-copy:hover svg[data-v-e26787f8] {
    fill: var(--brand-accent-1-100);
    stroke: var(--text-accent-2-100);
}
}
.modal-btn-copy span[data-v-e26787f8] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal-btn-copy svg[data-v-e26787f8] {
  width: 3.2rem;
  height: 3.2rem;
  fill: var(--text-accent-2-100);
  stroke: var(--brand-accent-1-100);
  transition: var(--transition) ease-in;
}
@media (max-width: 480px) {
.modal-btn-copy svg[data-v-e26787f8] {
    width: 2.4rem;
    height: 2.4rem;
}
}
.buttons[data-v-e26787f8] {
  display: grid;
  gap: 56px;
}
.modal-content__desc[data-v-e26787f8] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
  color: var(--fill-default-1);
}
@media (max-width: 480px) {
.modal-content__desc[data-v-e26787f8] {
    font-size: 1.8rem;
}
}
.modal-content__desc ul[data-v-e26787f8] {
  padding-left: 3rem;
  list-style-type: disc;
}
@media (max-width: 480px) {
.modal-content__desc ul[data-v-e26787f8] {
    padding-left: 1.5rem;
}
}
.modal-content__desc-title[data-v-e26787f8] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
  margin-bottom: 4rem;
}
@media (max-width: 480px) {
.modal-content__desc-title[data-v-e26787f8] {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}
}
.modal-prizes[data-v-e26787f8] {
  display: grid;
  gap: 15px;
}
.modal-prizes img[data-v-e26787f8] {
  flex-shrink: 0;
  pointer-events: none;
  justify-self: center;
}
.modal-prizes .btn[data-v-e26787f8] {
  font-size: 1.6rem;
  padding: 1.8rem 4rem;
}
@media (max-width: 480px) {
.modal-prizes .btn[data-v-e26787f8] {
    padding: 1.4rem 4rem;
}
}
.modal-prizes__swiper[data-v-e26787f8] {
  width: 90%;
}
.modal-prizes__slide[data-v-e26787f8] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-prizes__zoom-btn[data-v-e26787f8] {
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  z-index: 1;
  bottom: 0;
  right: 0;
}
.modal-prizes__zoom-btn svg[data-v-e26787f8] {
  width: 100%;
  height: 100%;
  fill: var(--fill-accent-2-1);
  stroke: transparent;
}
.modal-prizes__title[data-v-e26787f8] {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 110%;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 480px) {
.modal-prizes__title[data-v-e26787f8] {
    font-size: 2.8rem;
}
}
.modal-prizes__price[data-v-e26787f8] {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.modal-prizes__price-value[data-v-e26787f8] {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 140%;
  color: var(--text-accent-2-100);
}
@media (max-width: 480px) {
.modal-prizes__price-value[data-v-e26787f8] {
    font-size: 2.8rem;
}
}
.modal-prizes__price-icon[data-v-e26787f8] {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
.modal-prizes__price-icon[data-v-e26787f8] {
    width: 2.6rem;
    height: 2.6rem;
}
}
.modal-prizes__desc-inner .modal-prizes__desc[data-v-e26787f8]:last-child {
  opacity: 0.4;
}
.modal-prizes__desc[data-v-e26787f8] {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 140%;
  white-space: pre-line;
}
.modal-prizes__desc[data-v-e26787f8]:not(:last-child) {
  margin-bottom: 10px;
}
.modal-content__list-inner[data-v-e26787f8] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
}
@media (max-width: 576px) {
.modal-content__list-inner[data-v-e26787f8] {
    font-size: 1.8rem;
}
}
.modal-content__list-inner ol[data-v-e26787f8] {
  margin: 0;
}
.modal-content__list-inner ol li[data-v-e26787f8]:not(:last-child) {
  margin-bottom: 2px;
}
.modal-content__list-title[data-v-e26787f8] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
.modal-content__list-title[data-v-e26787f8] {
    font-size: 1.8rem;
}
}
.modal-content__inner-timer[data-v-e26787f8] {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  border: 1px solid var(--border-accent-2-4);
  border-radius: 1.6rem;
  padding: 16px 8px 16px;
}
.modal-content__inner-timer p[data-v-e26787f8] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
  text-align: center;
}
@media (max-width: 576px) {
.modal-content__inner-timer p[data-v-e26787f8] {
    font-size: 1.4rem;
}
}
.modal-content__timer[data-v-e26787f8] {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.modal-content__timer-item[data-v-e26787f8] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-content__timer-item span[data-v-e26787f8] {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  text-transform: lowercase;
  color: var(--text-inverse-100);
}
@media (max-width: 576px) {
.modal-content__timer-item span[data-v-e26787f8] {
    font-size: 1.2rem;
}
}
.modal-content__timer-item span[data-v-e26787f8]:first-child {
  font-family: var(--third-family);
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 140%;
  text-transform: uppercase;
  text-align: center;
  color: var(--text-accent-2-100);
}
@media (max-width: 576px) {
.modal-content__timer-item span[data-v-e26787f8]:first-child {
    font-size: 1.8rem;
}
}[data-v-1db53c68]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-1db53c68]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-1db53c68]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-1db53c68] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-1db53c68] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.cookies[data-v-1db53c68] {
  position: fixed;
  width: 100%;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  border-left: 1px solid var(--border-accent-2-3);
  border-right: 1px solid var(--border-accent-2-3);
  border-top: 1px solid var(--border-accent-2-3);
  border-radius: 4rem 4rem 0 0;
  backdrop-filter: blur(44.7000007629px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background: rgba(13, 46, 26, 0.48);
  padding: 3.5rem 4rem 3.5rem;
  z-index: 3;
}
@media (max-width: 768px) {
.cookies[data-v-1db53c68] {
    padding: 1.6rem;
}
}
@media (max-width: 480px) {
.cookies[data-v-1db53c68] {
    padding: 1.2rem 1rem;
    border-radius: 1.4rem 1.4rem 0 0;
}
}
.cookies__container[data-v-1db53c68] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.4rem;
}
@media (max-width: 576px) {
.cookies__container[data-v-1db53c68] {
    flex-direction: column;
    gap: 1.2rem;
}
}
.cookies__content[data-v-1db53c68] {
  max-width: 80%;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 140%;
}
@media (max-width: 576px) {
.cookies__content[data-v-1db53c68] {
    max-width: 100%;
}
}
@media (max-width: 480px) {
.cookies__content[data-v-1db53c68] {
    font-size: 1.2rem;
}
}
.cookies__content a[data-v-1db53c68] {
  white-space: nowrap;
  color: currentColor;
  border-bottom: 1px solid currentColor;
}
@media (hover: hover) {
.cookies__content a[data-v-1db53c68]:hover {
    border-color: transparent;
}
}
@media (max-width: 576px) {
.cookies__btn[data-v-1db53c68] {
    width: 100%;
}
}[data-v-623aa41a]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-623aa41a]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-623aa41a]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-623aa41a] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-623aa41a] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}[data-v-abaaffe6]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-abaaffe6]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-abaaffe6]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-abaaffe6] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-abaaffe6] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.leaves[data-v-abaaffe6] {
  position: fixed;
  bottom: 4rem;
  right: 7.5rem;
  z-index: 1;
  display: grid;
  gap: 1rem;
  justify-items: end;
}
@media (max-width: 1024px) {
.leaves[data-v-abaaffe6] {
    right: 2rem;
}
}
@media (max-width: 480px) {
.leaves[data-v-abaaffe6] {
    right: 1rem;
}
}
.leaves.--hidden[data-v-abaaffe6] {
  opacity: 0;
  transition: var(--transition) ease-in-out;
}
.leaves__btn[data-v-abaaffe6] {
  display: grid;
  place-content: center;
  width: 8rem;
  height: 8rem;
  padding: 0;
}
@media (max-width: 480px) {
.leaves__btn[data-v-abaaffe6] {
    width: 4.8rem;
    height: 4.8rem;
}
}
.leaves__btn svg[data-v-abaaffe6] {
  width: 4rem;
  height: 4rem;
}
@media (max-width: 480px) {
.leaves__btn svg[data-v-abaaffe6] {
    width: 3.2rem;
    height: 3.2rem;
}
}
.modal-leaves[data-v-abaaffe6] {
  display: grid;
  gap: 1.8rem;
  border: 1px solid var(--border-accent-2-3);
  border-radius: 2.4rem;
  padding: 3rem 3.2rem 2rem 3.2rem;
  width: 40.8rem;
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background: var(--fill-accent-1-1);
}
@media (max-width: 480px) {
.modal-leaves[data-v-abaaffe6] {
    width: 36rem;
}
}
@media (max-width: 360px) {
.modal-leaves[data-v-abaaffe6] {
    width: 33.5rem;
}
}
.modal-leaves__title[data-v-abaaffe6] {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 140%;
  text-transform: uppercase;
  color: var(--text-inverse-100);
}
.modal-leaves__count[data-v-abaaffe6] {
  display: flex;
  align-items: end;
  gap: 5px;
  color: var(--text-accent-2-100);
}
.modal-leaves__count span[data-v-abaaffe6] {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 100%;
  text-transform: uppercase;
}
.modal-leaves__count svg[data-v-abaaffe6] {
  width: 3.2rem;
  height: 3.2rem;
  fill: currentColor;
}
.modal-leaves__text[data-v-abaaffe6] {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 140%;
  color: var(--text-inverse-100);
}
.modal-leaves__desc[data-v-abaaffe6] {
  font-weight: 500;
  font-size: 2rem;
  line-height: 140%;
  color: var(--text-inverse-100);
}
.modal-leaves__desc .yellow[data-v-abaaffe6] {
  display: inline-flex;
  gap: 3px;
  color: var(--text-accent-2-100);
}
.modal-leaves__desc svg[data-v-abaaffe6] {
  width: 2.4rem;
  height: 2.4rem;
  fill: currentColor;
}
.modal-leaves__btns[data-v-abaaffe6] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal-leaves__btn svg[data-v-abaaffe6] {
  width: 2.4rem;
  height: 2.4rem;
}
.modal-leaves__btn[data-v-abaaffe6] .leaf {
  width: 2.4rem;
  height: 2.4rem;
}
.v-enter-active[data-v-abaaffe6],
.v-leave-active[data-v-abaaffe6] {
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.v-enter-from[data-v-abaaffe6],
.v-leave-to[data-v-abaaffe6] {
  opacity: 0;
  transform: translateX(100%);
}
.fade-enter-active[data-v-abaaffe6],
.fade-leave-active[data-v-abaaffe6] {
  transition: opacity 0.4s ease;
}
.fade-enter-from[data-v-abaaffe6],
.fade-leave-to[data-v-abaaffe6] {
  opacity: 0;
}[data-v-27ca814f]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-27ca814f]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-27ca814f]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-27ca814f] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-27ca814f] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.line[data-v-27ca814f] {
  height: 0.6rem;
  box-shadow: inset 0 4px 2px 0 rgba(255, 255, 255, 0.25), inset 0 -4px 4px 0 rgba(0, 0, 0, 0.19);
  background: var(--brand-accent-2-100);
}[data-v-3703dbf2]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-3703dbf2]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-3703dbf2]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-3703dbf2] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-3703dbf2] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.main-screen[data-v-3703dbf2] {
  background-image: image-set(url("/assets/img/main_img-CGjp9a35.webp") type("image/webp") 1x);
  background-repeat: no-repeat;
  background-position: center; /* x y*/
  background-size: cover; /* w h*/
}
@media (max-width: 1024px) {
.main-screen[data-v-3703dbf2] {
    background-position: 70% center;
}
}
@media (max-width: 992px) {
.main-screen[data-v-3703dbf2] {
    background-position: 60% center;
}
}
@media (max-width: 480px) {
.main-screen[data-v-3703dbf2] {
    background-image: url("/assets/img/main_img_mobile-Bgb3ZoGz.webp");
    background-position: center -17%;
    background-size: contain;
}
}
@media (max-width: 425px) {
.main-screen[data-v-3703dbf2] {
    background-position: center -17%;
}
}
@media (max-width: 360px) {
.main-screen[data-v-3703dbf2] {
    background-position: center -4%;
}
}
.main-screen__content[data-v-3703dbf2] {
  max-width: 82rem;
  display: grid;
  align-items: start;
  padding: 2.5rem 0 6.5rem;
}
@media (max-width: 480px) {
.main-screen__content[data-v-3703dbf2] {
    padding: 1.7rem 0 2rem;
    gap: 31rem;
}
}
@media (max-width: 425px) {
.main-screen__content[data-v-3703dbf2] {
    gap: 34rem;
}
}
@media (max-width: 393px) {
.main-screen__content[data-v-3703dbf2] {
    gap: 32rem;
}
}
.main-screen__header[data-v-3703dbf2] {
  display: grid;
  gap: 1.7rem;
  margin-bottom: 1rem;
}
@media (max-width: 480px) {
.main-screen__header[data-v-3703dbf2] {
    gap: 0.5rem;
}
}
.main-screen__date[data-v-3703dbf2] {
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 110%;
  color: var(--text-accent-2-100);
}
@media (max-width: 576px) {
.main-screen__date[data-v-3703dbf2] {
    font-size: 1.8rem;
}
}
.main-screen__body[data-v-3703dbf2] {
  position: relative;
}
.main-screen__body[data-v-3703dbf2]::before {
  display: none;
  position: absolute;
  content: "";
  background-image: url("/assets/img/main_bg_mobile-C_sbpu3W.webp");
  background-repeat: no-repeat;
  background-position: 0px 0px; /* x y*/
  background-size: cover; /* w h*/
  inset: calc(var(--padding-container) * -1 - 20px) 0 0 calc(var(--padding-container) * -1.1);
}
@media (max-width: 480px) {
.main-screen__body[data-v-3703dbf2]::before {
    display: block;
}
}
.main-screen__list[data-v-3703dbf2] {
  display: grid;
  align-items: start;
  gap: 1rem;
  margin-bottom: 3rem;
}
@media (max-width: 480px) {
.main-screen__list[data-v-3703dbf2] {
    gap: 0.6rem;
    margin-bottom: 2rem;
}
}
.main-screen__item[data-v-3703dbf2] {
  display: flex;
  align-items: start;
  gap: 2rem;
}
@media (max-width: 480px) {
.main-screen__item[data-v-3703dbf2] {
    gap: 1rem;
}
}
.main-screen__item-number[data-v-3703dbf2] {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 6rem;
  line-height: 110%;
  text-transform: uppercase;
  text-align: center;
  color: var(--text-accent-2-100);
  width: 4.2rem;
}
@media (max-width: 576px) {
.main-screen__item-number[data-v-3703dbf2] {
    font-size: 3rem;
}
}
.main-screen__item-content[data-v-3703dbf2] {
  display: grid;
  align-items: start;
  gap: 0px;
}
@media (max-width: 480px) {
.main-screen__item-content[data-v-3703dbf2] {
    width: 100%;
}
}
.main-screen__item-title[data-v-3703dbf2] {
  color: var(--text-accent-2-100);
}
.main-screen__item-text a[data-v-3703dbf2] {
  position: relative;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--text-accent-2-100);
}
@media (hover: hover) {
.main-screen__item-text a[data-v-3703dbf2]:hover {
    text-decoration: none;
}
}
.main-screen__item-btn[data-v-3703dbf2] {
  margin-top: 1rem;
  width: fit-content;
}
@media (max-width: 480px) {
.main-screen__item-btn[data-v-3703dbf2] {
    width: 80%;
}
}
.main-screen__item-link[data-v-3703dbf2] {
  position: relative;
  width: fit-content;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 160%;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--text-accent-2-100);
}
@media (hover: hover) {
.main-screen__item-link[data-v-3703dbf2]:hover {
    text-decoration: none;
}
}
.main-screen__btns[data-v-3703dbf2] {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.main-screen__link-tg[data-v-3703dbf2] {
  padding: 0;
  border-radius: 2rem;
  width: 8rem;
  height: 8rem;
  flex-shrink: 0;
}
@media (max-width: 480px) {
.main-screen__link-tg[data-v-3703dbf2] {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 1.6rem;
}
}
.main-screen__link-tg svg[data-v-3703dbf2] {
  width: 4rem;
  height: 4rem;
  padding-right: 0.5rem;
}
@media (max-width: 480px) {
.main-screen__link-tg svg[data-v-3703dbf2] {
    width: 3.2rem;
    height: 3.2rem;
}
}
.main-screen__btn[data-v-3703dbf2] {
  width: fit-content;
}
@media (max-width: 480px) {
.main-screen__btn[data-v-3703dbf2] {
    width: 100%;
}
}
.v-enter-active[data-v-3703dbf2],
.v-leave-active[data-v-3703dbf2] {
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.v-enter-from[data-v-3703dbf2],
.v-leave-to[data-v-3703dbf2] {
  opacity: 0;
  transform: translateY(100%);
}
[data-v-dd714496]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-dd714496]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-dd714496]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-dd714496] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-dd714496] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.tooltip-wrapper[data-v-dd714496] {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltip-trigger[data-v-dd714496] {
  display: flex;
}
.tooltip-trigger[data-v-dd714496] svg {
  stroke: transparent;
}
.tooltip[data-v-dd714496] {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  width: 25rem;
  opacity: 1;
}
@media (max-width: 480px) {
.tooltip[data-v-dd714496] {
    width: 18rem;
}
}
@media (max-width: 320px) {
.tooltip[data-v-dd714496] {
    width: 24rem;
}
}
.tooltip__btn-close[data-v-dd714496] {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 2rem;
  height: 2rem;
  z-index: 1;
}
.tooltip__btn-close svg[data-v-dd714496] {
  width: 100%;
  height: 100%;
  stroke: #ffffff;
}
.tooltip.top[data-v-dd714496] {
  left: 50%;
  transform: translateX(-85%);
}
.tooltip.bottom[data-v-dd714496] {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.left[data-v-dd714496] {
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.left-bottom[data-v-dd714496] {
  top: 140%;
  transform: translateY(0%);
  width: 260px;
}
.tooltip.right[data-v-dd714496] {
  top: 50%;
  transform: translateY(-50%);
}
.tooltip-content[data-v-dd714496] {
  padding: 24px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
}
.tooltip.dark .tooltip-content[data-v-dd714496] {
  background: #1f2937;
  color: white;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.tooltip.light .tooltip-content[data-v-dd714496] {
  border: 1px solid var(--border-accent-2-3);
  border-radius: 2.4rem;
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background: var(--fill-accent-1-1);
}
@media (max-width: 480px) {
.tooltip.light .tooltip-content[data-v-dd714496] {
    border-radius: 1.6rem;
}
}

/* Анимации */
.tooltip-enter-active[data-v-dd714496],
.tooltip-leave-active[data-v-dd714496] {
  transition: all 0.2s ease;
}
.tooltip-enter-from[data-v-dd714496],
.tooltip-leave-to[data-v-dd714496] {
  opacity: 0;
  transform: translateX(-50%) translateY(-4px);
}
.tooltip.top.tooltip-enter-from[data-v-dd714496],
.tooltip.top.tooltip-leave-to[data-v-dd714496] {
  transform: translateX(-50%) translateY(-4px);
}
.tooltip.bottom.tooltip-enter-from[data-v-dd714496],
.tooltip.bottom.tooltip-leave-to[data-v-dd714496] {
  transform: translateX(-50%) translateY(4px);
}
.tooltip.left.tooltip-enter-from[data-v-dd714496],
.tooltip.left.tooltip-leave-to[data-v-dd714496] {
  transform: translateY(-50%) translateX(-4px);
}
.tooltip.right.tooltip-enter-from[data-v-dd714496],
.tooltip.right.tooltip-leave-to[data-v-dd714496] {
  transform: translateY(-50%) translateX(4px);
}[data-v-0cd946d1]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-0cd946d1]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-0cd946d1]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-0cd946d1] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-0cd946d1] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.scrollbar[data-v-0cd946d1] {
  height: 6px;
  border-radius: 0.7rem;
  background-color: var(--fill-accent-2-3);
  cursor: grab;
}
.scrollbar .swiper-scrollbar-drag[data-v-0cd946d1] {
  height: 100%;
  border-radius: 0.7rem;
  background: var(--fill-accent-2-1);
}
.scrollbar[data-v-0cd946d1] .swiper-scrollbar-drag {
  height: 100%;
  border-radius: 0.7rem;
  background: var(--fill-accent-2-1);
}[data-v-06c7188b]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-06c7188b]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-06c7188b]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-06c7188b] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-06c7188b] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.slide[data-v-06c7188b] {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.slide__container[data-v-06c7188b] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 4rem;
  border: 1px solid var(--border-accent-2-4);
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(0.77rem);
  box-shadow: inset 0 1.3rem 3.48rem 0 rgba(255, 255, 255, 0.14);
  aspect-ratio: 1/1;
  margin-bottom: 1.5rem;
}
@media (max-width: 480px) {
.slide__container[data-v-06c7188b] {
    border-radius: 2.4rem;
    margin-bottom: 0.8rem;
}
}
@media (hover: hover) {
.slide__container:hover .slide__info[data-v-06c7188b] {
    opacity: 0.7;
}
}
.slide__image[data-v-06c7188b] {
  width: 23.6rem;
  height: 23.6rem;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 480px) {
.slide__image[data-v-06c7188b] {
    width: 14.6rem;
    height: 14.6rem;
}
}
.slide__image img[data-v-06c7188b] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.slide__info[data-v-06c7188b] {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3.2rem;
  height: 3.2rem;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  transition: opacity var(--transition);
}
@media (max-width: 480px) {
.slide__info[data-v-06c7188b] {
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
}
}
.slide__info svg[data-v-06c7188b] {
  width: 100%;
  height: 100%;
  stroke: transparent;
}
.slide__text[data-v-06c7188b] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0rem;
  padding: 0 1.2rem 0.5rem;
  width: 100%;
  height: 100%;
}
@media (max-width: 480px) {
.slide__text[data-v-06c7188b] {
    gap: 0rem;
    padding: 0 0.8rem;
}
}
.slide__title[data-v-06c7188b] {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
  color: var(--text-inverse-100);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 480px) {
.slide__title[data-v-06c7188b] {
    font-size: 1.4rem;
}
}
.slide__price[data-v-06c7188b] {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.slide__price-value[data-v-06c7188b] {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 140%;
  color: var(--text-accent-2-100);
}
@media (max-width: 480px) {
.slide__price-value[data-v-06c7188b] {
    font-size: 2.8rem;
}
}
.slide__price-icon[data-v-06c7188b] {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
.slide__price-icon[data-v-06c7188b] {
    width: 2.6rem;
    height: 2.6rem;
}
}
.slide__btn[data-v-06c7188b] {
  width: 100%;
  margin-top: auto;
}[data-v-4ee23842]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-4ee23842]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-4ee23842]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-4ee23842] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-4ee23842] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.slide[data-v-4ee23842] {
  display: flex;
  width: 100%;
  height: 100%;
}
.slide__container[data-v-4ee23842] {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 6.2rem 5.6rem 6rem;
  gap: 7.3rem;
  border-radius: 2.8rem;
  border: 1px solid var(--border-accent-2-4);
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(0.77rem);
  box-shadow: inset 0 1.3rem 3.48rem 0 rgba(255, 255, 255, 0.14);
}
@media (max-width: 576px) {
.slide__container[data-v-4ee23842] {
    gap: 3rem;
    padding: 5rem 6rem 3.2rem;
}
}
@media (max-width: 480px) {
.slide__container[data-v-4ee23842] {
    flex-direction: column;
    gap: 5.4rem;
    padding: 5rem 6rem 3.2rem;
}
}
.slide__image[data-v-4ee23842] {
  width: 18rem;
  overflow: hidden;
}
.slide__image img[data-v-4ee23842] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.slide__info[data-v-4ee23842] {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3.2rem;
  height: 3.2rem;
  transition: opacity var(--transition);
}
@media (hover: hover) {
.slide__info[data-v-4ee23842]:hover {
    opacity: 0.7;
}
}
@media (max-width: 480px) {
.slide__info[data-v-4ee23842] {
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
}
}
.slide__info svg[data-v-4ee23842] {
  width: 100%;
  height: 100%;
  stroke: transparent;
}
.slide__name[data-v-4ee23842] {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 160%;
  color: var(--text-accent-2-100);
  max-width: 314px;
}
@media (max-width: 480px) {
.slide__name[data-v-4ee23842] {
    font-size: 2rem;
    line-height: 120%;
    text-align: center;
}
}[data-v-24b414c2]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-24b414c2]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-24b414c2]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-24b414c2], .grand-prize[data-v-24b414c2]::before {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-24b414c2] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.prizes[data-v-24b414c2] {
  padding: 80px 0 135px;
}
@media (max-width: 768px) {
.prizes[data-v-24b414c2] {
    padding: 6rem 0 10rem;
}
}
@media (max-width: 480px) {
.prizes[data-v-24b414c2] {
    padding: 3rem 0 3rem;
}
}
.prizes__header[data-v-24b414c2] {
  margin-bottom: 5.3rem;
}
@media (max-width: 480px) {
.prizes__header[data-v-24b414c2] {
    margin-bottom: 3.2rem;
}
}
.prizes__title[data-v-24b414c2] {
  margin-bottom: 1rem;
}
@media (max-width: 480px) {
.prizes__title[data-v-24b414c2] {
    margin-bottom: 1.7rem;
}
}
.prizes__desc[data-v-24b414c2] {
  margin-bottom: 1.5rem;
}
@media (max-width: 480px) {
.prizes__desc[data-v-24b414c2] {
    font-size: 1.6rem;
    letter-spacing: -0.2px;
    line-height: 130%;
}
}
@media (max-width: 1200px) {
.prizes__container[data-v-24b414c2] {
    padding-right: var(--padding-container);
}
}
.prizes__inner[data-v-24b414c2] {
  display: flex;
  gap: 6.5rem;
  align-items: start;
}
@media (max-width: 1024px) {
.prizes__inner[data-v-24b414c2] {
    flex-direction: column;
    align-items: center;
}
}
@media (max-width: 480px) {
.prizes__inner[data-v-24b414c2] {
    gap: 3rem;
}
}
.prizes__list[data-v-24b414c2] {
  width: 100%;
  padding-top: 2rem;
}
@media (max-width: 480px) {
.prizes__list[data-v-24b414c2] {
    padding-top: 0;
}
}
.prizes__tabs[data-v-24b414c2] {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 3.5rem;
}
@media (max-width: 576px) {
.prizes__tabs[data-v-24b414c2] {
    gap: 1rem;
    overflow: auto;
    padding: 0 var(--padding-container) 10px 0;
    margin-right: calc(var(--padding-container) * -1);
    margin-bottom: 0.5rem;
}
}
.prizes__weekly[data-v-24b414c2] {
  width: 83.7rem;
}
@media (max-width: 1200px) {
.prizes__weekly[data-v-24b414c2] {
    width: 100%;
}
}
.prizes__cumulative[data-v-24b414c2] {
  width: 105rem;
}
@media (max-width: 1440px) {
.prizes__cumulative[data-v-24b414c2] {
    width: 100rem;
}
}
@media (max-width: 1200px) {
.prizes__cumulative[data-v-24b414c2] {
    width: 77rem;
}
}
@media (max-width: 1024px) {
.prizes__cumulative[data-v-24b414c2] {
    width: 100%;
}
}
.prizes__game[data-v-24b414c2] {
  width: 105rem;
}
@media (max-width: 1440px) {
.prizes__game[data-v-24b414c2] {
    width: 100rem;
}
}
@media (max-width: 1200px) {
.prizes__game[data-v-24b414c2] {
    width: 77rem;
}
}
@media (max-width: 1024px) {
.prizes__game[data-v-24b414c2] {
    width: 100%;
}
}
.prizes__scrollbar[data-v-24b414c2] {
  margin-bottom: 4rem;
}
@media (max-width: 480px) {
.prizes__scrollbar[data-v-24b414c2] {
    margin-bottom: 1.5rem;
}
}
@media (max-width: 480px) {
.prizes__swiper[data-v-24b414c2] {
    padding-right: var(--padding-container);
    margin-right: calc(var(--padding-container) * -1);
}
}
.grand-prize[data-v-24b414c2] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  width: 53.9rem;
  border: 1px solid var(--border-accent-2-3);
  border-radius: 4rem;
  box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.25);
  padding: 36px 30px 36px 40px;
  background-image: url("data:image/webp;base64,UklGRnYOAABXRUJQVlA4WAoAAAAwAAAAKAMA+QIASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIMgAAAAEP8MD/iIhAJm3T+de+OxH9n4A+jv/4j//4j//4j//4j//4j//4j//4j//4j//4z9EAVlA4IE4MAAAwvACdASopA/oCPm02mUmkIqKiIAgAgA2JaW7gJLzcbt2EvpubDLRkcjm3ciecYc3QL//vLPnpedP+uoAKzePvLXaN3plskFku14uTkPfbJyHvtir/ouQ993fwKmEtNpquvMyuNonWsnIoxRsIA99sc+aSG0hL/ZGlNk2ZftPbJyHxkR2lQLJdr2uIfZBVDZmwWv8d7R+buuRRPisl2vFych76zc8ltpcPmvn3EAVPuC0dQFKqfbXpOEQXaU+TbBv6KTAgZMNkxZmxAqyQOGnI0vY2Z8ogWhcW2mpF5C5Yb8YWPYlAze7yVmDHSemjXA379JCw0klLSoMBI3J2q/brNNE7uLLybAIu72khYtpxkc4R/Ipp64rdQ9LnXhhDdDaVBmremIxoFvIGhtjTkskGT+TqKB09sxwpPEIiaqD6IhlJrZcRnunrMW30FkIhET7O/mfuACG0I1cFsCYIUZlWojHZXbZMR2sXmXT2yzdhH72tOPYqWcTptE2pyhNE4MeLM/F4u4SMOZgbjQ4gx2Lj1n6omzkXIX4ivj22oAiuWrG06o4nCWTlZwqKfcjrYC53QzqdTROlw5+YdcFpByuqyuupztv4uQZn6lLQlleTRDNNHOyDQCYA2JPP1ZX/Q6UlpioHE94vVPfJKscPPxQz41EppQI+a2ZDo/25wmWxcUoKs+5B53HZ3bqVGa+wXFz8cJq8OrrF06r4SQ+GN8eOeWot25h0WYAb3ktk6AFGybSDKxUNbPKAQXr/D0iyNCVVIPjw5/l/kd5paPGu+UlPSsAkaPX2pWhzuuMBeBBWD8eOvsAO4s/ltscQgan4+N0TmVekIaJGw0ycNtVdYI/Goil71YKY3ula5VnwYQ8OmZhYzeZrh3KgPFeRVybMopeSeKvNJeE9lvoCkRd/HdGVYjOTZ3IMIU6R9Dkkl3YIgVPbJI2bwFX762IbizjafBALZIBpV9jHM+aM/oY78MZ8SQdrkm+iz0SvP24NNjYodYx6mHV7HTTZJ+vgf+pHqHG4Nchci/dtdDYPyKFZjCF8vNWER9DFqIQmYwipmV7ilm1ZlgE5DoNlv93oUMYpd07z3SyOIzWJy5jZAzBuN41PBNVHrrkjY7DNR6NOJHHsP3pFZ8QqijW8ZxgaPRL30Hs8UpZ+wF8dDLKLMrff1u8Tks62c93C1lrYZYfYfv5crnPxUaEueHBEU9aC3fy00TDsC11mRd1ZAj77KlWEKmAQqp0+W8tWAQuzET5EXiVaYkdB0WHYYHKG+U/AS5EQjL//dUD4LEyIbp6QaXo/HbjSdMcBoCPi5tHWwN+LN7qnTT75y8lM/Qr58tOl+LKNwuV5TNxmTz1YGpEAVGuPQFU8LPet8YT5mrCwif/CtuD55kf0PqiI4I3EjG1WcLCV4c1AhVPy8nRhGaLw/G7vMuoM64A9MngXcbR3OAU+hitACLAvAnMO3gFUU8HRJP/9k/EorLrNXKjPwhA+LOqoYKxpQVyfdU9hLOw04M4BUQBvRNJPZWGvaK1F789p05Tvcz3E2xCPGAmowmFQTqBX8X8YAY1EOwikbtcBUB5Uos3f486DQLyoOPYzOdWm6GkV++iVNUxrGadbCVnsOkWf/Loijpxm0s+i0NlVI1nN3Kr8CHbDLo2O1KJ+ZquQHP3NSaUSs9cHD4FqN4PJOkgIwfHTIE213uO3mJKaL050UgiEUVoien7Lb+Yp1kYBwcbtT/XBmIhziKZiIeqbCbTdSqXGQ2EMIXt/HRrmJ8m9LRQiLNmHwJERV21XBhAwOxizn8atTJNgu0h1w0RMxRpxIi1LxCaYQPNsd6N5Ca+F4kREUdErm/qufQ2VE0kVh/EVx+JitWfrzKIVknZG6ntTboRE2StEWIiWysCt8WMk4MCBG6Tbtms+CM4aZAOqIelrqtlkRERNBwiLjL/1+OBQhMSQGH1RxwxvCcYAsRdXBkRQ0SmzKvKeChSX5+LqsSVMGl0/vLXb8NecIIlZy1DiLP0arYFGUiNIicLIAAD+9pZ/EDoP/h377fc3c6rxf6RrJfFaAyLq4XYZbRyFQhRYIt6GzFbkv/6/qZNusCLs6lqoUKY2oTgOAb7T2dAESCwzs7+mMdAyfKAFu6oiYxGkU4LKxluro8LRh0lAhQsulfU6ikUTr1f+GwTzNUbFObAAAG64wMvDiYaUIfbgrKG7GlX9EJxjIRrW4OaFNgFJ8n6SnX2ONKCJ4EcgS9YCgIIMCjqbk5kC/KG1QtAhpc3aDTbe5N4JGfOtlk3To4qT1UgjRIwABLa72gE/pmWfua+Z/VqXJbR3jqeoB0IywhRvWxUMtivsOZSo8oX3y/6PVV61gmfWMyrzD4vytppogJr+b8auzBLLClCO5U256+UbXbLKbEv/R8JWpFHEkpc3u8psknUGcNV1hxQyhDxoT40pjWzr6mPMrltHmrhUboxm9/GDd9g5h1pOLi+ypV7zDrm9rDmiYd/tffAfY9W7K5p1Fd+G167QwEELV60gDrQY5tVF06SaAR0B6axbVkTOrz4a1JamRmuZ8g7ZZY3LCJuTX6MsCDHv1JuelMxIcA5zxytAQc+IVs1sNlp/y8C/zGGr1s3rZYLgwUEAdOux5+HxlBGJv+r0VPGVR1F3tA6lQDD9mxpl+0XGkSxj+7J0gdomKmEYbp2Ud7BIvYsEjTX8bwbC4tCF7qxsBNRRwuqa1Qcuh5ygWMWmbGwfrhhWF9hE6KBM5798+/MOS17JDNvC9Ag4DkYlqmA2GCOF21ofpWBYBnfWfDFrgXp8sZ4E9WkbzE7JZAKNNc8Cci4LA5PA8n5zDRrD2Fomfw7ep8GNK2Dn014QvsIooI9KA/bOA8yU4Gj8Zje+V7syCOhCoEJzL/bV+0S7lWmNi1XPPOtisr/ZqprEjh6taHkxEY8lFYthRCQQLEjFsBj8sp78/aJIdHrH0YHmQwWlhszFzsIRshi0HFWsNg+XdOE3qm8WUJsPeRw1Lv1bfQK69sXdCEM80tpgGxZAwxQEQmphfGeY8KF0xmnQ+CwmGxHkwGz7PR2dw1vmM+PlgGUKMK0zfv+XaFqD6ARN5L24bM3b04xcGtoXzwrKmGxErIt44Vu0WEBhmS2j7Y873XJ6NIeWSj1MuTMhywC2jVVGbwEHEHJJ3x9FVcCiQw7Ose8zhgju4hi4k0zVjXw9TWKFKskZKr8DGp9K7huMg+z1cOryQREufm6zRuEEdLbinDzQE+6jKNpPjQDKq0jkz82iCwDSJFtzXWIdOSyXCr+oVOQzpu4pL3dCWlu0GVs8kYGodCNyckknGmG0qka6JC1UAR8XtAycUeInFHdxIYX1vvSSiaI0S5dWmKWYOU1ibfZJw330gP0FaUTgCkpCierCt2TJANdHqY+rXahRC/s0BcWe32RiiAXEGQQXUy9VO+EmNPwSAn8qMhMJ4cpemDfuQaNq1rsLF59imgGixo9DWEFbzqiEVS010ZhnouoodQlTr7MxnS1eTSGsYmcnayA1sVf0uc/K7TWeQ8XrADronDGKxtPvtIKZSymLINp3owfUNWU8SH7KU+Ov3Dvamg6At4/lLJSmGe1va0BYb/nLUXJmBJrf6nb6RJmK4CLZnciwKW48DDf73iejaz+MKYCGvZK7/e5RrF61oIobKbeR1xsZiSHGlbng39iA7/KradU/+dmRbjjq2HjMP8hmkMaNoU9Q7FusQPDZT7EoOHHtBt/MD8SpPbp/lFO0w1DnMqHv48AqBss42nqkRReiCN5Z3G+to08ZCshCdLAD7lW+voIysgyOPFZzi6FoKKzmF9UuSgUCZ7CA5YJOj5sdQDm9LA+06Xf5siIJZPpEQiYfwpLz4tsj+8pyC1FSFntrwqwbwm6Ei69EYcKYwDhJF2ZZ2nvkEoypu1+vy+JvOugxvnrSMR+T9GTLvgzgnZ4hxnZk8lVanmt/bYcGMt/2DtGGqIYwWZHcVlsLBZSU5pPZlDqQtoVrnnZ2UQHaclottoEX/pDJ5S56HuFBErjiSsAXDVPHyfmtkDKPNpq/2m2TeP6uSYa2+vf5H0CN8YPQbTFeYBbcL/qU+DH9nH4Cyuf35/UkF+FItSABbF2LOEcX6udhs39oPTZyRvWFLp8FlzFVasbe0Jgf+E1sMuky8jKh1ZRx/ESCQGaITgvNnrvsvfKhPc1VVT/IVsANSPHH4obeO/qwAAA=");
  background-repeat: no-repeat;
  background-position: center; /* x y*/
  background-size: cover; /* w h*/
}
@media (max-width: 480px) {
.grand-prize[data-v-24b414c2] {
    width: 100%;
    border-radius: 2.4rem;
    padding: 2.5rem 2rem 3rem 2.5rem;
}
}
.grand-prize[data-v-24b414c2]::before {
  position: absolute;
  content: "";
  border: 1px solid var(--border-accent-2-1);
  border-radius: 5.6rem;
  width: 34.1rem;
  height: 34.1rem;
  bottom: -16%;
  left: -13%;
  z-index: -1;
}
@media (max-width: 1200px) {
.grand-prize[data-v-24b414c2]::before {
    bottom: -5%;
    left: -5%;
}
}
@media (max-width: 480px) {
.grand-prize[data-v-24b414c2]::before {
    display: none;
}
}
.grand-prize__title[data-v-24b414c2] {
  margin-bottom: 2.4rem;
  color: var(--text-accent-2-100);
}
@media (max-width: 480px) {
.grand-prize__title[data-v-24b414c2] {
    font-size: 2.8rem;
    margin-bottom: 2rem;
}
}
.grand-prize__image[data-v-24b414c2] {
  align-self: center;
  margin-bottom: 2.4rem;
  margin-left: 2rem;
}
@media (max-width: 480px) {
.grand-prize__image[data-v-24b414c2] {
    width: 16.7rem;
}
}
.grand-prize__desc[data-v-24b414c2] {
  font-size: 1.6rem;
}
@media (max-width: 480px) {
.grand-prize__desc[data-v-24b414c2] {
    font-size: 1.4rem;
    line-height: 140%;
}
}
.grand-prize__footer[data-v-24b414c2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.grand-prize__info[data-v-24b414c2] {
  font-size: 2rem;
}
@media (max-width: 480px) {
.grand-prize__info[data-v-24b414c2] {
    font-size: 1.4rem;
}
}
.weekly-prize__header[data-v-24b414c2] {
  position: relative;
  margin-bottom: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 480px) {
.weekly-prize__header[data-v-24b414c2] {
    margin-bottom: 1.5rem;
}
}
.weekly-prize__desc[data-v-24b414c2] {
  font-size: 1.6rem;
  line-height: 140%;
}
@media (max-width: 480px) {
.weekly-prize__btn[data-v-24b414c2] {
    position: absolute;
    right: 0;
    bottom: 0;
}
}
.prizes-slide[data-v-24b414c2] {
  height: auto;
}
@media (max-width: 480px) {
.tabs__btn[data-v-24b414c2] {
    min-height: 3.2rem;
    font-size: 1.4rem;
}
}
.slide-up-enter-active[data-v-24b414c2],
.slide-up-leave-active[data-v-24b414c2] {
  transition: all 0.25s ease-out;
}
.slide-up-enter-from[data-v-24b414c2] {
  opacity: 0;
  transform: translateY(30px);
}
.slide-up-leave-to[data-v-24b414c2] {
  opacity: 0;
  transform: translateY(-30px);
}[data-v-6420f5b2]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-6420f5b2]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-6420f5b2]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-6420f5b2] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-6420f5b2] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.games[data-v-6420f5b2] {
  position: relative;
  padding: 6.5rem 0;
}
.games[data-v-6420f5b2]::before {
  position: absolute;
  content: "";
  background-image: url("/assets/img/games_bg-DSLWbD_a.webp");
  background-repeat: no-repeat;
  background-position: center; /* x y*/
  background-size: auto; /* w h*/
  width: 105.6rem;
  height: 79.3rem;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 576px) {
.games[data-v-6420f5b2]::before {
    display: none;
}
}
@media (max-width: 768px) {
.games[data-v-6420f5b2] {
    padding: 3rem 0;
}
}
.games__title[data-v-6420f5b2] {
  margin-bottom: 4rem;
  text-align: center;
}
@media (max-width: 768px) {
.games__title[data-v-6420f5b2] {
    margin-bottom: 2.4rem;
}
}
@media (max-width: 480px) {
.games__title[data-v-6420f5b2] {
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
}
.games__title .br-mobile[data-v-6420f5b2] {
  display: none;
}
@media (max-width: 480px) {
.games__title .br-mobile[data-v-6420f5b2] {
    display: block;
}
}
@media (max-width: 992px) {
.games__title br[data-v-6420f5b2] {
    display: none;
}
}
.games__container[data-v-6420f5b2] {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
@media (max-width: 1024px) {
.games__container[data-v-6420f5b2] {
    flex-direction: column;
    gap: 4rem;
}
}
.game[data-v-6420f5b2] {
  display: flex;
  gap: 3.2rem;
  max-width: 67.5rem;
  width: 100%;
}
@media (max-width: 768px) {
.game[data-v-6420f5b2] {
    gap: 1.6rem;
    max-width: 100%;
}
}
@media (max-width: 480px) {
.game[data-v-6420f5b2] {
    align-items: start;
}
}
.game__image[data-v-6420f5b2] {
  width: 23.6rem;
  height: 23.6rem;
  flex-shrink: 0;
  border-radius: 4rem;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(7.7px);
  box-shadow: inset 0 1.3rem 3.48rem 0 rgba(255, 255, 255, 0.14);
}
@media (max-width: 480px) {
.game__image[data-v-6420f5b2] {
    width: 8rem;
    height: 8rem;
    border-radius: 1.6rem;
    backdrop-filter: blur(2.61px);
    box-shadow: inset 0 0.44rem 1.18rem 0 rgba(255, 255, 255, 0.14);
}
}
.game__content[data-v-6420f5b2] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  padding-top: 3.2rem;
}
@media (max-width: 576px) {
.game__content[data-v-6420f5b2] {
    gap: 0.6rem;
    padding-top: 1rem;
}
}
.game__desc[data-v-6420f5b2] {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  color: var(--text-inverse-100);
}
@media (max-width: 576px) {
.game__desc[data-v-6420f5b2] {
    font-size: 1.4rem;
    line-height: 140%;
}
}
.v-enter-active[data-v-6420f5b2],
.v-leave-active[data-v-6420f5b2] {
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.v-enter-from[data-v-6420f5b2],
.v-leave-to[data-v-6420f5b2] {
  opacity: 0;
  transform: translateY(10%);
}
[data-v-6e046350]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-6e046350]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-6e046350]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-6e046350], .winners__sub-item[data-v-6e046350], .grand-prize[data-v-6e046350], .game-info-text[data-v-6e046350] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-6e046350] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}

/* base styles  */
html[data-v-6e046350] {
  height: 100%;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 0.521vw;
}
@media (max-width: 1440px) {
html[data-v-6e046350] {
    font-size: 0.55vw;
}
}
@media (max-width: 1200px) {
html[data-v-6e046350] {
    font-size: 0.7vw;
}
}
@media (max-width: 1024px) {
html[data-v-6e046350] {
    font-size: 0.8vw;
}
}
@media (max-width: 992px) {
html[data-v-6e046350] {
    font-size: 1.04vw;
}
}
@media (max-width: 768px) {
html[data-v-6e046350] {
    font-size: 1vw;
}
}
@media (max-width: 576px) {
html[data-v-6e046350] {
    font-size: 1.6vw;
}
}
@media (max-width: 480px) {
html[data-v-6e046350] {
    font-size: 2.6vw;
}
}
@media (max-width: 425px) {
html[data-v-6e046350] {
    font-size: 2.5vw;
}
}
@media (max-width: 393px) {
html[data-v-6e046350] {
    font-size: 2.56vw;
}
}
@media (max-width: 360px) {
html[data-v-6e046350] {
    font-size: 2.778vw;
}
}
html[data-v-6e046350], body[data-v-6e046350] {
  scrollbar-gutter: stable;
}
body[data-v-6e046350] {
  margin: 0;
  height: 100%;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  color: var(--text-inverse-100);
  background-color: #0D2E1A;
}
@media (max-width: 480px) {
body[data-v-6e046350] {
    font-size: 1.4rem;
}
}
#app[data-v-6e046350] {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.wrapper[data-v-6e046350] {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  flex: 1 0 auto;
  overflow: clip;
}
.main[data-v-6e046350] {
  flex: 1 0 auto;
}
body[data-v-6e046350] > * {
  flex-shrink: 0;
}
body.noscroll[data-v-6e046350] {
  overflow: hidden;
}
#overlay[data-v-6e046350] {
  display: none;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
  transition: 0.5s;
  position: fixed;
}
#overlay.active[data-v-6e046350] {
  display: block;
}
.section[data-v-6e046350] {
  padding: 68px 0;
}
@media (max-width: 480px) {
.section[data-v-6e046350] {
    padding: 42px 0;
}
}
.container[data-v-6e046350] {
  max-width: calc(144rem + var(--padding-container) * 2);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--padding-container);
  padding-right: var(--padding-container);
}
.container.--big[data-v-6e046350] {
  max-width: calc(176rem + var(--padding-container) * 2);
}
.container-left[data-v-6e046350] {
  padding-left: max(var(--padding-container), (100% - 144rem) / 2);
}
.none[data-v-6e046350] {
  display: none !important;
}
.list-scrollbar[data-v-6e046350] {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.list-scrollbar[data-v-6e046350]::-webkit-scrollbar-track {
  border-radius: 0.7rem;
}
.list-scrollbar[data-v-6e046350]::-webkit-scrollbar {
  width: 6px;
}
.list-scrollbar[data-v-6e046350]::-webkit-scrollbar-track {
  background-color: var(--fill-accent-2-3);
}
.list-scrollbar[data-v-6e046350]::-webkit-scrollbar-thumb {
  border-radius: 0.7rem;
  background: var(--fill-accent-2-1);
}
.list-scrollbar[data-v-6e046350]:hover::-webkit-scrollbar-thumb {
  background: var(--fill-accent-2-1);
}
.none-scrollbar[data-v-6e046350] {
  scrollbar-width: none;
  -ms-overflow-style: none; /* Для Internet Explorer и Edge */
}
.none-scrollbar[data-v-6e046350]::-webkit-scrollbar {
  width: 0px;
  display: none; /* Для WebKit (Chrome, Safari, iOS Safari) */
}
.none-scrollbar[data-v-6e046350]::-webkit-scrollbar-track {
  background-color: transparent;
}
.none-scrollbar[data-v-6e046350]::-webkit-scrollbar-thumb {
  background: transparent;
}
.none-scrollbar[data-v-6e046350]:hover::-webkit-scrollbar-thumb {
  background: transparent;
}
@keyframes animationLoader-6e046350 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.leaf[data-v-6e046350] {
  width: 100%;
  height: 100%;
  fill: #ffd08e;
  stroke: transparent;
}
.leaf.--green[data-v-6e046350] {
  fill: #0D2E1A;
}
.leaf.--x[data-v-6e046350] {
  stroke: #0D2E1A;
  fill: transparent;
}
.count-info[data-v-6e046350] {
  font-weight: 500;
  font-size: 2.1rem;
  line-height: 140%;
  color: var(--text-inverse-100);
}
.count-info .yellow[data-v-6e046350] {
  display: inline-flex;
  gap: 3px;
  color: var(--text-accent-2-100);
}
.count-info svg[data-v-6e046350] {
  width: 2.4rem;
  height: 2.4rem;
  fill: currentColor;
}
.game-btn-disabled[data-v-6e046350] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: transparent;
  border: none;
  border-bottom: 1px dashed var(--border-accent-2-1);
  padding: 0 0 0.8rem 0;
  height: auto;
  border-radius: 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2rem;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--text-inverse-100);
}
@media (max-width: 768px) {
.game-btn-disabled[data-v-6e046350] {
    font-size: 1.8rem;
}
}
@media (hover: hover) {
.game-btn-disabled[data-v-6e046350]:hover {
    border-color: transparent;
}
}
.game-btn-disabled svg[data-v-6e046350] {
  width: 2rem;
  height: 2rem;
  fill: var(--border-accent-2-1);
}
.game-info-text[data-v-6e046350] {
  position: absolute;
  top: 35px;
  left: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 140%;
  color: var(--text-inverse-100);
  text-transform: none;
  border-radius: 2.4rem;
  padding: 1.6rem 1.6rem 1.2rem;
  width: 40rem;
  z-index: 2;
}
@media (max-width: 576px) {
.game-info-text[data-v-6e046350] {
    transform: translateX(-50%);
    left: 50%;
}
}
@media (max-width: 480px) {
.game-info-text[data-v-6e046350] {
    width: 30rem;
}
}
.game-info-text svg[data-v-6e046350] {
  fill: #fff;
  position: absolute;
  top: 5px;
  right: 10px;
}
.winners[data-v-6e046350] {
  padding: 6.5rem 0 7.5rem;
  background-image: url("/assets/img/winners_bg-DJ0dJu-Y.webp");
  background-repeat: no-repeat;
  background-position: center; /* x y*/
  background-size: cover; /* w h*/
}
@media (max-width: 480px) {
.winners[data-v-6e046350] {
    background-image: url("data:image/webp;base64,UklGRuAHAABXRUJQVlA4INQHAACweQCdASqJAWcEPmUyl0kkIqIhIAgAgAyJaW7gfO3eEs1QPN+CMwT//pWvkbGY9zPkAVm7qFp7u3zSiOsMdpdLgG6Bhuo/PQ6bii6Lzie7OqbjZ+pw4sMCpJb2MJvcptdPgcyRaEBYfBd2OC5mJdUS1XCc+GrUtRCpDLZ8zgKIJ5HdHG+jnjj1RWU3IvVBeZweg7pJhvkKs4YAN6GpaWDzHmro1lol5Qt37WflTa9qrUrJNhAlNNnf2+RGvHTV9l9kRE9ZL9d57imubbZUx6IiKb5ZLqJUQ7Gyb6r6ohznUljxu1iIpsCm0iq7pXCQbgYDlbSMKBjAsKwVUmyeHobKwvThKjFf0HquXvDHBqWpe3vubVIi6asG30go7uzYtsPCdGJtMC4vEin8C2xIEw5dmkgR/UkvF23a1Y/cTcJDaIP8PHh5lTnkgZSmBn/iHKmym8yrdIu005TBgyU/al6JEbBdKaVpBC1LEHDwrRNb87MuHsyeLBEmV/KV841yI8hFGiJhRKFOEW6I1zJ6IigbBWkKoCs2Pf2KISh7EUCRTmjzp8vtkMDp+IiJxIiIiHUYqsXV7EgjuLfLOxEREQ5GyNKYrQZUDXoIZERERDnSZf/JfoiikIiIiIhzpL1Ck3J/aGUmiGRET2dAeTP1nIiIiIZERE9l8G6FKohkREREOcTsFJ6oiGREREQyIiIiY27WQnbJERERDIiIib8ApxNKaREREQyIiIiHVvDht91IRERERDKTTSnVj2peIiIhkRETiUjZG/7NMGhERE4kROxFA0aIhkREREw6yImkoJvRERERDIiifAkUhzpERERDIiifRMUjSfyIiIm+9MHlFNhQ2E/kRERNJQTgmRGbS0hmUQyKUu14tZE4zaVAsly6J1JNgxgetURccTlYosGn66ndO6d/u9ry+lJENjRZwIjGUqBZ6DOIiEVlUaY4N2Wm2VcNQ5D+1DyUTgolL1yuhawtoonwJTPiEQyMDsS+afP+V8rUi4oUByzqZ0im0hpUB5ySgG9O6JvvgwD39AjhEbxb9o04iJXCC7U4hnMioEUfI9N++3shdIqz7gRXtNIlWM8rUB8VoKgibVOxDh0G8XJjJ9AUTUO8A+A/S7XjgPVODfpi8Yrel2vaH859ItDuh7FKXa8XJyHrGygTiBAw4QXaU+SKcShCoKEXJyAHLuQdZcWnYV77ZOUO9H6PmdI6mych77ern7Y6thlubXi5ORAe1/UYhHaVAsl2vHsILtKgWS7Xi5OQ99sc4MA99snIe+2TkPfbJyHvtk5D32ych77ZOQ99snCgAP75qW+RC3/Bvzh91VolqWajfbVk7DYY58ZCux0ko54pEdVDsfDQchzXL+L4jZAy8BiWz3qdNjXjvVAhchWVuuAUZWb8iPGJKQhD7/6GOHejzvvX4TIXEZcPmACnHxuENwCXrwy/xePbuIXFoWOzkCRX29u89zhD7t7huD/OL3i/d7Sc31QSSa0+WUpZcZtytJnp/u+MsnJ9xgfQScevI+/Ieq6YsUqFjLbIbsJwKHtC2CmeEnPacxvoSjOd/ABHLzPIyhZ4d6w31LFVd5EnWLQzyMmm2L09XLdYLNvMOaifG7ZjqvJjfuU7KJXbeeRX+e+WRYhI89xeKAQ5mpwvGzgquNVIKeeZudkB6SAmNibJ4LHO6PN3dJD8Y6pa/+mInHyRSP/y6rlsvsPNSVO6yWUSpI5h9Qd1juFxy5q4Ywj8Ujf27JTeASlU3QjB4QQGakAek2/XB0kgaXHbeMZjpwarJ+AsyX0N7MaCRYgOnpnEgPbrflZPC+GgxmWwjdStugPqCZpNHuCwSvTQedeM94UT6TGY2uy+gVXAfZcFwP2fZxW/kD5N0mJQHHbPUxGdznt3jCtj41ng2k2TsUkELj+7YNKIi/xtgyMMhHgUSy8FiI1p3MyqWt/UXuCGD/JIpFZKVqwyGGV12fEe9f4WDeGnb3l7XoPpODSVvbek+t0NOq5RD1OPqF8Abim5mKfevTUKbn0l8iAy1xycOdKmoyHzJ3ldFViesCi4BVqzNC1rjijHKAIOMs2qNRyLcYk2e/cP24Os2ZlJfHUFU972aJmRq5Xj8CObfraB/Mr3B+iqT4S4Y3bVYA8gYjvj34WYJZb5u0TyHrGddFm5XEEXFH4PtrzforXjHDEZsS5Wh4o+AeYVgz+HCypTPBzb1mexwzQg+wmGDBEATD1qGuBpeb59MGPKCABl9ooYubBNJCwpQAJaRc7LgANuLEabNEAATCu6CBfCcIAV/ZtvQgAAvYbQAAAqLeKyLcr71gAAEtQIAAiT7QAAGuP8IAASwABzAMYQQN57A0XLF69aUPd3Wiqa3tw/DpWjsyEiSjZA9cSUuLiLIKhwr2xjU0qXqQjLHXJIOdi6G45vgETEgruBsrYlRzloSxGbvIdDBIgXivMZ3uCsYGkrWis0JxX5PgbPdWUxmqz6GuxnlCAzv8XxuduzZo66xkBWA2nxNo4hySwXWCJYGp8v3EWHVuDsEWeBsVdFyAAEwpH8pj3VZ6EAZBxgp6g+KEsvg9S4kspW58FQAGBXh1n8MDbJAARX4/jFl9sABvu9UwbWUBspXchrIIEs+Aa8BnA+ZkUsIa6mnOzepvXAAJ0AQAAAACPEAAAAAAAAAAAAAAAAAAAAAAA=");
    padding: 2.5rem 0 2.5rem;
}
}
.winners__title[data-v-6e046350] {
  margin-bottom: 2.5rem;
}
.winners__container[data-v-6e046350] {
  display: grid;
  grid-template-columns: 51.8rem 1fr;
  gap: 4.5rem;
}
@media (max-width: 992px) {
.winners__container[data-v-6e046350] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.winners__container[data-v-6e046350] {
    gap: 3.7rem;
}
}
@media (max-width: 992px) {
.winners__grand-prize[data-v-6e046350] {
    max-width: 58rem;
    justify-self: center;
    width: 100%;
}
}
.winners__block[data-v-6e046350] {
  margin-top: -10px;
}
.winners__header[data-v-6e046350] {
  display: grid;
  align-items: end;
  grid-template-columns: auto 1fr;
  gap: 10rem;
  margin-bottom: 1.8rem;
}
@media (max-width: 1200px) {
.winners__header[data-v-6e046350] {
    gap: 5rem;
}
}
@media (max-width: 1024px) {
.winners__header[data-v-6e046350] {
    grid-template-columns: 1fr;
    gap: 2rem;
}
}
@media (max-width: 480px) {
.winners__header[data-v-6e046350] {
    gap: 0;
}
}
.winners__weekly[data-v-6e046350] {
  display: flex;
  align-items: end;
  gap: 6rem;
}
@media (max-width: 1200px) {
.winners__weekly[data-v-6e046350] {
    gap: 3rem;
}
}
@media (max-width: 480px) {
.winners__weekly[data-v-6e046350] {
    gap: 1.7rem;
    justify-content: space-between;
}
}
.winners__weekly-title[data-v-6e046350] {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 140%;
  text-transform: uppercase;
  color: var(--text-inverse-100);
  margin-bottom: 1.3rem;
}
.winners__weekly-img[data-v-6e046350] {
  width: 13.5rem;
  flex-shrink: 0;
}
@media (max-width: 480px) {
.winners__weekly-img[data-v-6e046350] {
    width: 7.9rem;
}
}
.winners__list.--overflow-auto[data-v-6e046350] {
  max-height: 400px;
  margin-right: -2.5rem;
  padding-right: 2.5rem;
}
@media (max-width: 480px) {
.winners__list.--overflow-auto[data-v-6e046350] {
    margin-right: 0px;
    padding-right: 15px;
}
}
.winners__item[data-v-6e046350]:not(:last-child) {
  margin-bottom: 2rem;
}
@media (max-width: 480px) {
.winners__item[data-v-6e046350]:not(:last-child) {
    margin-bottom: 1.5rem;
}
}
.winners__sub-item[data-v-6e046350] {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid var(--border-accent-2-3);
  border-radius: 2.4rem;
  padding: 1.8rem 4.8rem;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  color: var(--text-accent-2-100);
}
@media (max-width: 480px) {
.winners__sub-item[data-v-6e046350] {
    grid-template-columns: 1fr;
    font-size: 1.6rem;
    line-height: 140%;
    border-radius: 1.6rem;
    padding: 1.3rem 2rem;
    gap: 0.3rem;
}
}
.winners__sub-item[data-v-6e046350]:not(:last-child) {
  margin-bottom: 2rem;
}
@media (max-width: 480px) {
.winners__sub-item[data-v-6e046350]:not(:last-child) {
    margin-bottom: 15px;
}
}
.winners__sub-item.--header[data-v-6e046350] {
  position: relative;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2rem;
  line-height: 120%;
  color: var(--text-inverse-100);
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1rem;
  padding: 0;
  border-radius: 0;
  border: none;
  backdrop-filter: unset;
  box-shadow: unset;
  background: transparent;
}
@media (max-width: 480px) {
.winners__sub-item.--header[data-v-6e046350] {
    grid-template-columns: 1fr;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 160%;
    justify-items: center;
}
}
.winners__sub-item.--header[data-v-6e046350]::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--text-accent-2-100);
}
@media (max-width: 480px) {
.winners__sub-item.--header[data-v-6e046350]::before {
    display: none;
}
}
.winners__sub-item.--header[data-v-6e046350]::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--text-accent-2-100);
}
@media (max-width: 480px) {
.winners__sub-item.--header[data-v-6e046350]::after {
    display: none;
}
}
.winners__empty[data-v-6e046350] {
  position: relative;
}
.winners__empty-inner[data-v-6e046350] {
  display: grid;
  gap: 20px;
}
.winners__empty-desc[data-v-6e046350]:first-child {
  border-bottom: 1px solid var(--border-accent-2-3);
  padding-bottom: 20px;
}
.winners__empty-footer[data-v-6e046350] {
  display: grid;
  gap: 20px;
}
.winners__empty-btn[data-v-6e046350] {
  width: fit-content;
}
@media (max-width: 480px) {
.winners__empty-btn[data-v-6e046350] {
    width: 100%;
}
}
.grand-prize[data-v-6e046350] {
  position: relative;
  border: 1px solid var(--border-accent-2-3);
  border-radius: 4rem;
  padding: 4rem 4rem;
}
@media (max-width: 480px) {
.grand-prize[data-v-6e046350] {
    border-radius: 2.4rem;
    padding: 2.5rem 2.5rem;
}
}
.grand-prize.--empty[data-v-6e046350] {
  display: grid;
  gap: 2.4rem;
}
@media (max-width: 480px) {
.grand-prize.--empty[data-v-6e046350] {
    gap: 2rem;
}
}
.grand-prize.--empty[data-v-6e046350]::before {
  background-image: url("/assets/img/shape-BLyaIJMx.webp");
}
.grand-prize.--empty .grand-prize__title[data-v-6e046350] {
  margin-bottom: 0;
}
.grand-prize[data-v-6e046350]::before {
  position: absolute;
  content: "";
  background-image: url("/assets/img/shape_empty-DTqt1Ch2.webp");
  background-repeat: no-repeat;
  background-position: 0px 0px; /* x y*/
  background-size: contain; /* w h*/
  width: 16.8rem;
  height: 16.5rem;
  bottom: -23%;
  right: 3%;
}
@media (max-width: 480px) {
.grand-prize[data-v-6e046350]::before {
    bottom: 93%;
    right: 1%;
    width: 8rem;
    height: 7.9rem;
}
}
.grand-prize__title[data-v-6e046350] {
  color: var(--text-inverse-100);
  margin-bottom: 4rem;
}
@media (max-width: 480px) {
.grand-prize__title[data-v-6e046350] {
    font-size: 2.8rem;
}
}
@media (max-width: 480px) {
.grand-prize__desc[data-v-6e046350] {
    font-size: 1.6rem;
}
}
.grand-prize__image[data-v-6e046350] {
  width: 26rem;
  margin: 0 auto;
  margin-bottom: 2.3rem;
}
@media (max-width: 480px) {
.grand-prize__image[data-v-6e046350] {
    width: 18rem;
}
}
.grand-prize__counter[data-v-6e046350] {
  width: 100%;
  height: 7rem;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border: 1px solid var(--border-accent-2-1);
  border-radius: 1.6rem;
  box-shadow: inset 0 0 24px 0 rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.grand-prize__counter span[data-v-6e046350] {
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  background: var(--fill-accent-1-1);
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 3.6rem;
  line-height: 140%;
  text-align: center;
  color: var(--text-accent-2-100);
}
.grand-prize__counter span[data-v-6e046350]:not(:last-child) {
  border-right: 1px solid var(--border-accent-2-1);
}
.grand-prize__line[data-v-6e046350] {
  width: 100%;
  height: 1px;
  background-color: var(--border-accent-2-3);
}
.grand-prize__btn-text[data-v-6e046350] {
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--text-accent-2-100);
  text-align: start;
}
@media (max-width: 480px) {
.grand-prize__btn-text[data-v-6e046350] {
    font-size: 1.6rem;
}
}
@media (hover: hover) {
.grand-prize__btn-text[data-v-6e046350]:hover {
    text-decoration: none;
}
}
.grand-prize__winner[data-v-6e046350] {
  display: grid;
  gap: 0.5rem;
  font-weight: 500;
  color: var(--text-accent-2-100);
}
.grand-prize__winner-name[data-v-6e046350] {
  font-size: 3.4rem;
  line-height: 140%;
}
@media (max-width: 480px) {
.grand-prize__winner-name[data-v-6e046350] {
    font-size: 2.2rem;
}
}
.grand-prize__winner-email[data-v-6e046350] {
  font-size: 2rem;
  line-height: 120%;
}
@media (max-width: 480px) {
.grand-prize__winner-email[data-v-6e046350] {
    font-size: 1.8rem;
}
}
.winners-filter[data-v-6e046350] {
  margin-bottom: 1rem;
}
.winners-filter__label[data-v-6e046350] {
  position: relative;
  width: 100%;
}
.winners-filter__search-btn[data-v-6e046350] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
}
.winners-filter__search-btn svg[data-v-6e046350] {
  width: 100%;
  height: 100%;
  fill: var(--text-inverse-100);
  stroke: transparent;
}
.winners-filter__search-btn.--clear svg[data-v-6e046350] {
  fill: transparent;
  stroke: var(--text-inverse-100);
}
.winners-filter__search[data-v-6e046350] {
  width: 100%;
  border: 1px solid var(--border-accent-2-3);
  border-radius: 1.6rem;
  padding: 1.6rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 160%;
  color: var(--text-inverse-100);
}
.winners-filter__search[data-v-6e046350]::placeholder {
  color: var(--text-inverse-100);
}
@media (max-width: 480px) {
.winners-filter__search[data-v-6e046350] {
    font-size: 1.6rem;
    padding: 1.4rem 2.2rem;
}
}
.winners-filter__search.--error[data-v-6e046350] {
  border-color: var(--status-error-1);
  box-shadow: 0 0 0 4px rgba(243, 101, 101, 0.24);
}
.v-enter-active[data-v-6e046350],
.v-leave-active[data-v-6e046350] {
  transition: all 0.2s ease;
}
.v-enter-from[data-v-6e046350],
.v-leave-to[data-v-6e046350] {
  opacity: 0;
}[data-v-1f3e050c]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-1f3e050c]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-1f3e050c]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-1f3e050c], .faq__item[data-v-1f3e050c] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-1f3e050c] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
[data-accordion-parent].active [data-accordion-hidden][data-v-1f3e050c] {
  grid-template-rows: 1fr;
}
[data-accordion][data-v-1f3e050c] {
  position: relative;
  cursor: pointer;
}
[data-accordion-hidden][data-v-1f3e050c] {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
.faq[data-v-1f3e050c] {
  position: relative;
  background-image: url("/assets/img/faq_bg-B3NQSntN.webp");
  background-repeat: no-repeat;
  background-position: right top; /* x y*/
  background-size: auto; /* w h*/
  padding: 7rem 0;
}
@media (max-width: 1200px) {
.faq[data-v-1f3e050c] {
    background-image: none;
}
}
@media (max-width: 480px) {
.faq[data-v-1f3e050c] {
    padding: 3rem 0 3.7rem;
}
}
.faq__title[data-v-1f3e050c] {
  margin-bottom: 6rem;
}
@media (max-width: 480px) {
.faq__title[data-v-1f3e050c] {
    margin-bottom: 1.6rem;
}
}
.faq__container[data-v-1f3e050c] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 50rem;
  align-items: start;
  gap: 7rem;
  z-index: 1;
}
.faq__container.--telegram[data-v-1f3e050c] {
  grid-template-columns: 1fr;
}
@media (max-width: 992px) {
.faq__container[data-v-1f3e050c] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 576px) {
.faq__container[data-v-1f3e050c] {
    grid-template-columns: 1fr;
    gap: 3rem;
}
}
.decor[data-v-1f3e050c] {
  position: relative;
}
.faq__list[data-v-1f3e050c] {
  display: grid;
  gap: 2.1rem;
  max-height: 61.5rem;
  padding-right: 2.4rem;
}
@media (max-width: 768px) {
.faq__list[data-v-1f3e050c] {
    max-height: 54rem;
}
}
@media (max-width: 480px) {
.faq__list[data-v-1f3e050c] {
    margin-right: 0px;
    padding-right: 15px;
    max-height: 34rem;
    gap: 0.8rem;
}
}
@media (max-width: 393px) {
.faq__list[data-v-1f3e050c] {
    max-height: 40rem;
}
}
.faq__item[data-v-1f3e050c] {
  padding: 4.3rem 4rem 4rem;
  transition: var(--transition) ease-in;
  border: 1px solid var(--border-accent-2-3);
  border-radius: 4rem;
}
@media (max-width: 480px) {
.faq__item[data-v-1f3e050c] {
    padding: 24px 16px;
    border-radius: 1.6rem;
}
}
.faq__item.active[data-v-1f3e050c] {
  border: 1px solid var(--border-accent-2-1);
}
.faq__item.active .faq__btn[data-v-1f3e050c] {
  transform: rotate(180deg);
}
.faq__item.active .faq__answer[data-v-1f3e050c] {
  padding-top: 1.4rem;
}
@media (max-width: 576px) {
.faq__item.active .faq__answer[data-v-1f3e050c] {
    padding-top: 1rem;
}
}
.faq__question[data-v-1f3e050c] {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: space-between;
  font-weight: 700;
  gap: 2.4rem;
  font-size: 2.4rem;
  line-height: 140%;
  color: var(--text-accent-2-100);
  cursor: pointer;
}
@media (max-width: 480px) {
.faq__question[data-v-1f3e050c] {
    font-size: 1.6rem;
    gap: 1.5rem;
}
}
.faq__btn[data-v-1f3e050c] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
  transition: var(--transition) ease-in;
}
.faq__btn svg[data-v-1f3e050c] {
  width: 100%;
  height: 100%;
}
.faq__answer[data-v-1f3e050c] {
  font-weight: 400;
  font-size: 2rem;
  line-height: 160%;
  color: var(--text-inverse-100);
}
@media (max-width: 480px) {
.faq__answer[data-v-1f3e050c] {
    font-size: 1.6rem;
}
}
.faq__answer a[data-v-1f3e050c] {
  color: inherit;
}
@media (hover: hover) {
.faq__answer a[data-v-1f3e050c]:hover {
    text-decoration: underline;
}
}
.faq__answer span[data-v-1f3e050c] {
  font-family: var(--third-family);
}
.faq__block[data-v-1f3e050c] {
  position: relative;
  display: grid;
  gap: 1.5rem;
  position: sticky;
  z-index: 1;
  border: 1px solid var(--border-accent-2-3);
  border-radius: 4rem;
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
  padding: 3.7rem 3.7rem;
}
@media (max-width: 480px) {
.faq__block[data-v-1f3e050c] {
    padding: 2.5rem;
    border-radius: 2.4rem;
    gap: 1.7rem;
}
}
.faq__block[data-v-1f3e050c]::before {
  position: absolute;
  content: "";
  background-image: url("/assets/img/faq_shape-BzlZAjPb.webp");
  background-repeat: no-repeat;
  background-position: 0px 0px; /* x y*/
  background-size: contain; /* w h*/
  width: 22.7rem;
  height: 25.6rem;
  top: -62%;
  right: -15%;
}
@media (max-width: 992px) {
.faq__block[data-v-1f3e050c]::before {
    display: none;
}
}
.faq__block-text[data-v-1f3e050c] {
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  color: var(--text-inverse-100);
}
@media (max-width: 480px) {
.faq__block-text[data-v-1f3e050c] {
    font-size: 1.6rem;
}
}
.faq__feedback-btn[data-v-1f3e050c] {
  width: 100%;
}[data-v-a08429dd]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-a08429dd]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-a08429dd]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-a08429dd] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-a08429dd] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.v-enter-active[data-v-a08429dd],
.v-leave-active[data-v-a08429dd] {
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.v-enter-from[data-v-a08429dd],
.v-leave-to[data-v-a08429dd] {
  opacity: 0;
  transform: translateY(100%);
}[data-v-f9f0d57c]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-f9f0d57c]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-f9f0d57c]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-f9f0d57c] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-f9f0d57c] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.not-page[data-v-f9f0d57c] {
  position: relative;
  min-height: 75.7rem;
  display: flex;
  flex-direction: column;
  background-color: #0f2e1b;
  box-shadow: 0 4.4rem 10rem 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
  background-image: url("/assets/img/bg_pattern_2-TMrKiM1G.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.not-page[data-v-f9f0d57c]::before {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 11.39rem 0 rgba(0, 0, 0, 0.64);
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 1024px) {
.not-page[data-v-f9f0d57c] {
    min-height: 60rem;
}
}
@media (max-width: 480px) {
.not-page[data-v-f9f0d57c] {
    min-height: auto;
    padding-bottom: 4rem;
}
}
.not-page .container[data-v-f9f0d57c] {
  width: 100%;
}
.not-page__container[data-v-f9f0d57c] {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding: 12rem 24rem 5rem 16rem;
  flex: 1;
}
@media (max-width: 1200px) {
.not-page__container[data-v-f9f0d57c] {
    padding: 0 4rem;
    padding: 10rem 0rem 0rem;
}
}
@media (max-width: 1024px) {
.not-page__container[data-v-f9f0d57c] {
    flex-direction: column-reverse;
    justify-content: center;
    gap: 4rem;
    padding: 2rem 0rem 4rem;
}
}
@media (max-width: 480px) {
.not-page__container[data-v-f9f0d57c] {
    gap: 3rem;
}
}
.not-page__content[data-v-f9f0d57c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.2rem;
  max-width: 74.1rem;
}
@media (max-width: 1024px) {
.not-page__content[data-v-f9f0d57c] {
    align-items: center;
    text-align: center;
    max-width: 100%;
}
}
@media (max-width: 480px) {
.not-page__content[data-v-f9f0d57c] {
    gap: 2.4rem;
}
}
.not-page__title[data-v-f9f0d57c] {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--text-inverse-100);
}
@media (max-width: 480px) {
.not-page__title[data-v-f9f0d57c] {
    font-size: 1.8rem;
}
}
.not-page__info[data-v-f9f0d57c] {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media (max-width: 1024px) {
.not-page__info[data-v-f9f0d57c] {
    align-items: center;
}
}
.not-page__subtitle[data-v-f9f0d57c] {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 2rem;
  line-height: 120%;
  color: var(--text-accent-2-100);
}
@media (max-width: 480px) {
.not-page__subtitle[data-v-f9f0d57c] {
    font-size: 1.6rem;
}
}
.not-page__list[data-v-f9f0d57c] {
  display: flex;
  flex-direction: column;
  gap: 0;
  list-style: disc;
  padding-left: 3rem;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  color: var(--text-inverse-100);
}
@media (max-width: 1024px) {
.not-page__list[data-v-f9f0d57c] {
    text-align: left;
}
}
@media (max-width: 480px) {
.not-page__list[data-v-f9f0d57c] {
    font-size: 1.6rem;
    padding-left: 2rem;
}
}
.not-page__list li[data-v-f9f0d57c] {
  margin-bottom: 0;
}
.not-page__btn[data-v-f9f0d57c] {
  min-width: 26.7rem;
}
@media (max-width: 480px) {
.not-page__btn[data-v-f9f0d57c] {
    min-width: 100%;
}
}
.not-page__numbers[data-v-f9f0d57c] {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media (max-width: 480px) {
.not-page__numbers[data-v-f9f0d57c] {
    gap: 1rem;
}
}
.not-page__number[data-v-f9f0d57c] {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 20rem;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--text-accent-2-100);
}
@media (max-width: 1200px) {
.not-page__number[data-v-f9f0d57c] {
    font-size: 16rem;
}
}
@media (max-width: 1024px) {
.not-page__number[data-v-f9f0d57c] {
    font-size: 12rem;
}
}
@media (max-width: 480px) {
.not-page__number[data-v-f9f0d57c] {
    font-size: 8rem;
}
}
.not-page__teapot[data-v-f9f0d57c] {
  width: 16.9rem;
  height: auto;
  object-fit: contain;
}
@media (max-width: 1200px) {
.not-page__teapot[data-v-f9f0d57c] {
    width: 13rem;
}
}
@media (max-width: 1024px) {
.not-page__teapot[data-v-f9f0d57c] {
    width: 10rem;
}
}
@media (max-width: 480px) {
.not-page__teapot[data-v-f9f0d57c] {
    width: 7rem;
}
}[data-v-09787c5b]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-09787c5b]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-09787c5b]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-09787c5b] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-09787c5b] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.profile-links[data-v-09787c5b] {
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 0.7rem;
}
@media (max-width: 992px) {
.profile-links[data-v-09787c5b] {
    flex-direction: row;
    flex-wrap: nowrap;
}
}
@media (max-width: 480px) {
.profile-links[data-v-09787c5b] {
    gap: 1rem;
}
}
.profile-btn[data-v-09787c5b] {
  width: 100%;
  justify-content: start;
}
@media (max-width: 992px) {
.profile-btn[data-v-09787c5b] {
    justify-content: center;
}
}
@media (max-width: 480px) {
.profile-btn[data-v-09787c5b] {
    min-height: 3.2rem;
    font-size: 1.6rem;
}
}[data-v-252d2639]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-252d2639]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-252d2639]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-252d2639], .user-data__invations[data-v-252d2639] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-252d2639] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.user-data__inner[data-v-252d2639] {
  display: grid;
  grid-template-columns: 1fr 43rem;
  gap: 1rem;
  align-items: start;
}
@media (max-width: 576px) {
.user-data__inner[data-v-252d2639] {
    grid-template-columns: 1fr;
    gap: 3rem;
}
}
.user-data__contacts[data-v-252d2639] {
  padding-top: 2rem;
}
@media (max-width: 480px) {
.user-data__contacts[data-v-252d2639] {
    padding-top: 0;
}
}
.user-data__contacts span[data-v-252d2639] {
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
}
@media (max-width: 480px) {
.user-data__contacts span[data-v-252d2639] {
    font-size: 1.6rem;
    line-height: 140%;
}
}
.user-data__title[data-v-252d2639] {
  font-weight: 500;
  font-size: 4rem;
  line-height: 160%;
  color: var(--text-inverse-100);
  margin-bottom: 1rem;
}
@media (max-width: 480px) {
.user-data__title[data-v-252d2639] {
    font-size: 2.4rem;
    margin-bottom: 0.5rem;
}
}
.user-data__contacts-phone-email[data-v-252d2639] {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
@media (max-width: 1024px) {
.user-data__contacts-phone-email[data-v-252d2639] {
    flex-direction: column;
    align-items: start;
    gap: 1.5rem;
}
}
@media (max-width: 480px) {
.user-data__contacts-phone-email[data-v-252d2639] {
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}
}
.user-data__contacts-phone-email span[data-v-252d2639] {
  display: inline-block;
}
.user-data__contacts-phone-email span[data-v-252d2639]:first-child {
  position: relative;
  padding-right: 2.4rem;
  margin-right: 2.4rem;
}
@media (max-width: 1024px) {
.user-data__contacts-phone-email span[data-v-252d2639]:first-child {
    margin-right: 0;
    padding-right: 0;
}
}
.user-data__contacts-phone-email span[data-v-252d2639]:first-child::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--fill-accent-2-1);
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
.user-data__contacts-phone-email span[data-v-252d2639]:first-child::before {
    display: none;
}
}
.user-data__inner-btns[data-v-252d2639] {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 480px) {
.user-data__inner-btns[data-v-252d2639] {
    margin-top: 1.4rem;
}
}
.user-data__tooltip[data-v-252d2639] {
  flex-shrink: 0;
}
.user-data__btn[data-v-252d2639] {
  width: fit-content;
}
@media (max-width: 480px) {
.user-data__btn[data-v-252d2639] {
    width: 100%;
    font-size: 2rem;
    min-height: 4.8rem;
}
}
.user-data__btn-text[data-v-252d2639] {
  margin-top: 1rem;
}
.user-data__invations[data-v-252d2639] {
  border: 1px solid var(--border-accent-2-3);
  border-radius: 2.4rem;
  padding: 3.2rem 2.4rem 2.4rem;
}
@media (max-width: 480px) {
.user-data__invations[data-v-252d2639] {
    padding: 2.8rem 2.2rem 2.4rem;
}
}
.user-data__invations-title[data-v-252d2639] {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 144%;
  color: var(--text-inverse-100);
  margin-bottom: 2rem;
}
@media (max-width: 480px) {
.user-data__invations-title[data-v-252d2639] {
    font-size: 1.4rem;
    line-height: 134%;
    margin-bottom: 1.4rem;
}
}
.user-data__invations-title span[data-v-252d2639] {
  position: relative;
  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.9484%203.75655C20.9377%203.57307%2020.86%203.39991%2020.73%203.26994C20.6001%203.13998%2020.4269%203.06226%2020.2434%203.05155C13.1062%202.63249%207.38937%204.78124%204.95187%208.81249C4.10697%2010.1915%203.69062%2011.7903%203.75562%2013.4062C3.79806%2014.4396%204.0083%2015.4591%204.37812%2016.425C4.39986%2016.4844%204.43628%2016.5374%204.48399%2016.579C4.53171%2016.6205%204.58918%2016.6494%204.65103%2016.6627C4.71289%2016.6761%204.77713%2016.6736%204.83776%2016.6555C4.8984%2016.6374%204.95346%2016.6042%204.99781%2016.559L12.9666%208.46842C13.0362%208.39874%2013.119%208.34347%2013.21%208.30575C13.3011%208.26804%2013.3986%208.24863%2013.4972%208.24863C13.5957%208.24863%2013.6933%208.26804%2013.7844%208.30575C13.8754%208.34347%2013.9581%208.39874%2014.0278%208.46842C14.0975%208.53811%2014.1528%208.62083%2014.1905%208.71188C14.2282%208.80292%2014.2476%208.9005%2014.2476%208.99905C14.2476%209.0976%2014.2282%209.19518%2014.1905%209.28622C14.1528%209.37727%2014.0975%209.45999%2014.0278%209.52967L5.31937%2018.3694L3.98906%2019.6997C3.85071%2019.8344%203.76811%2020.0162%203.75769%2020.209C3.74727%2020.4018%203.80979%2020.5915%203.93281%2020.7403C4.00019%2020.8183%204.08292%2020.8816%204.17586%2020.9262C4.26879%2020.9708%204.36992%2020.9958%204.47294%2020.9996C4.57595%2021.0034%204.67865%2020.9859%204.7746%2020.9482C4.87055%2020.9105%204.95771%2020.8535%205.03062%2020.7806L6.60469%2019.2065C7.93031%2019.8478%209.26812%2020.1975%2010.5947%2020.2444C10.6991%2020.2481%2010.8031%2020.25%2010.9069%2020.25C12.4176%2020.2539%2013.8996%2019.8377%2015.1875%2019.0481C19.2187%2016.6106%2021.3684%2010.8947%2020.9484%203.75655Z'%20fill='%23FFD08E'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 3.3rem 0px;
  background-size: contain;
  width: 5.5rem;
  display: inline-block;
}
.user-data__invations-title span[data-v-252d2639]:last-child {
  background-position: 3rem 0px;
}
@media (max-width: 480px) {
.user-data__invations-title br[data-v-252d2639] {
    display: none;
}
}
.user-data__invations-btns[data-v-252d2639] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.user-data__invations-btns .btn[data-v-252d2639] {
  min-height: 3.2rem;
  font-size: 1.4rem;
  border-radius: 1rem;
}
.user-data__invations-btns .btn span[data-v-252d2639] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.user-data__invations-btns .btn span svg[data-v-252d2639] {
  width: 2.4rem;
  height: 2.4rem;
}[data-v-f8890b5d]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-f8890b5d]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-f8890b5d]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-f8890b5d] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-f8890b5d] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.profile-empty[data-v-f8890b5d] {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
}
.profile-empty p[data-v-f8890b5d] {
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
  color: var(--text-inverse-100);
}
@media (max-width: 480px) {
.profile-empty p[data-v-f8890b5d] {
    font-size: 1.6rem;
}
}
@media (max-width: 480px) {
.profile-empty__btn[data-v-f8890b5d] {
    width: 100%;
}
}[data-v-298c0163]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-298c0163]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-298c0163]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-298c0163], .user-receipts__item[data-v-298c0163] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-298c0163] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.user-receipts__title[data-v-298c0163] {
  margin-bottom: 4.7rem;
}
@media (max-width: 480px) {
.user-receipts__title[data-v-298c0163] {
    margin-bottom: 2.2rem;
}
}
.user-receipts__list[data-v-298c0163] {
  width: 100%;
  display: grid;
  gap: 1.6rem;
}
@media (max-width: 425px) {
.user-receipts__list[data-v-298c0163] {
    gap: 1rem;
}
}
.user-receipts__list.--overflow-auto[data-v-298c0163] {
  max-height: 36.8rem;
  padding-right: 2rem;
}
.user-receipts__item[data-v-298c0163] {
  position: relative;
  display: grid;
  grid-template-columns: 4rem 1fr;
  align-items: center;
  gap: 2.4rem;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
  border: 1px solid var(--border-accent-2-3);
  border-radius: 2.4rem;
  padding: 2.1rem 2.4rem;
}
@media (max-width: 576px) {
.user-receipts__item[data-v-298c0163] {
    grid-template-columns: 14rem 1fr;
    gap: 16px;
}
}
@media (max-width: 480px) {
.user-receipts__item[data-v-298c0163] {
    grid-template-columns: 5.6rem 1fr;
    border-radius: 1.6rem;
    padding: 10px;
    font-size: 1.6rem;
}
}
@media (hover: hover) {
.user-receipts__item[data-v-298c0163]:hover {
    z-index: 2;
}
}
.user-receipts__item[data-v-298c0163]:has(.tooltip-wrapper.active) {
  z-index: 2;
}
.user-receipts__image[data-v-298c0163] {
  position: relative;
  border: 1px solid var(--text-inverse-100);
  border-radius: 0.8rem;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 480px) {
.user-receipts__image[data-v-298c0163] {
    border-radius: 0.9rem;
    width: 5.6rem;
    height: 5.6rem;
}
}
.user-receipts__image svg[data-v-298c0163] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.8rem;
  height: 3.8rem;
  stroke: transparent;
  opacity: 0;
  transition: var(--transition) ease-in;
}
@media (hover: hover) {
.user-receipts__image:hover svg[data-v-298c0163] {
    opacity: 1;
}
}
.user-receipts__body[data-v-298c0163] {
  display: grid;
  grid-template-columns: 19rem 1fr 1fr;
  gap: 1.2rem;
}
@media (max-width: 1024px) {
.user-receipts__body[data-v-298c0163] {
    grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 576px) {
.user-receipts__body[data-v-298c0163] {
    grid-template-columns: 1fr 1fr;
    gap: 0.3rem;
}
}
.user-receipts__number[data-v-298c0163] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-receipts__status[data-v-298c0163] {
  width: fit-content;
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 576px) {
.user-receipts__status[data-v-298c0163] {
    grid-column: 1/3;
    gap: 0.5rem;
}
}
.user-receipts__status svg[data-v-298c0163] {
  stroke: transparent;
}
@media (max-width: 480px) {
.user-receipts__status svg[data-v-298c0163] {
    width: 1.6rem;
    height: 1.6rem;
}
}
.user-receipts__date[data-v-298c0163] {
  --gap: 14px;
  display: flex;
  align-items: center;
  justify-self: start;
  gap: var(--gap);
}
.user-receipts__date span[data-v-298c0163]:first-child {
  display: flex;
  align-items: center;
  gap: var(--gap);
}
.user-receipts__date span[data-v-298c0163]:first-child::after {
  content: "";
  border-radius: 100%;
  background-color: currentColor;
  width: 0.4rem;
  height: 0.4rem;
}
.user-receipts__more-show[data-v-298c0163] {
  margin-top: 6rem;
}
@media (max-width: 480px) {
.user-receipts__more-show[data-v-298c0163] {
    width: 100%;
    margin-top: 3.6rem;
}
}
.user-receipts__btn[data-v-298c0163] {
  margin: 2rem auto 0;
  display: flex;
}
@media (max-width: 480px) {
.user-receipts__btn[data-v-298c0163] {
    width: 100%;
}
}[data-v-346e1fc7]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-346e1fc7]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-346e1fc7]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-346e1fc7] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-346e1fc7] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.slide[data-v-346e1fc7] {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.slide__container[data-v-346e1fc7] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 4rem;
  border: 1px solid var(--border-accent-2-4);
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(0.77rem);
  box-shadow: inset 0 1.3rem 3.48rem 0 rgba(255, 255, 255, 0.14);
  aspect-ratio: 1/1;
  margin-bottom: 1.5rem;
  cursor: pointer;
}
@media (max-width: 480px) {
.slide__container[data-v-346e1fc7] {
    border-radius: 2.4rem;
    margin-bottom: 0.8rem;
}
}
@media (hover: hover) {
.slide__container:hover .slide__info[data-v-346e1fc7] {
    opacity: 0.7;
}
}
.slide__image[data-v-346e1fc7] {
  width: 23.6rem;
  height: 23.6rem;
  overflow: hidden;
}
@media (max-width: 480px) {
.slide__image[data-v-346e1fc7] {
    width: 14.6rem;
    height: 14.6rem;
}
}
.slide__image img[data-v-346e1fc7] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.slide__info[data-v-346e1fc7] {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3.2rem;
  height: 3.2rem;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  transition: opacity var(--transition);
}
@media (hover: hover) {
.slide__info:hover svg[data-v-346e1fc7] {
    opacity: 0.7;
}
}
@media (max-width: 480px) {
.slide__info[data-v-346e1fc7] {
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
}
}
.slide__info svg[data-v-346e1fc7] {
  width: 100%;
  height: 100%;
  stroke: transparent;
}
.slide__text[data-v-346e1fc7] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0rem;
  padding: 0 1.2rem 0.5rem;
  width: 100%;
  height: 100%;
}
@media (max-width: 480px) {
.slide__text[data-v-346e1fc7] {
    gap: 0rem;
    padding: 0 0.8rem;
}
}
.slide__title[data-v-346e1fc7] {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
  color: var(--text-inverse-100);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 480px) {
.slide__title[data-v-346e1fc7] {
    font-size: 1.4rem;
}
}
.slide__price[data-v-346e1fc7] {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.slide__price-value[data-v-346e1fc7] {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 140%;
  color: var(--text-accent-2-100);
}
@media (max-width: 480px) {
.slide__price-value[data-v-346e1fc7] {
    font-size: 2.8rem;
}
}
.slide__price-icon[data-v-346e1fc7] {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
.slide__price-icon[data-v-346e1fc7] {
    width: 2.6rem;
    height: 2.6rem;
}
}
.slide__btn[data-v-346e1fc7] {
  width: 100%;
  margin-top: auto;
}
@media (max-width: 480px) {
.slide__btn[data-v-346e1fc7] {
    font-size: 1.6rem;
    min-height: 3.2rem;
}
}[data-v-c836e415]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-c836e415]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-c836e415]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-c836e415], .quiz-slide-timer[data-v-c836e415] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-c836e415] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.quiz-slide-timer[data-v-c836e415] {
  width: fit-content;
  border: 1px solid var(--border-accent-2-4);
  border-radius: 2.4rem;
  padding: 3rem 4rem 3rem 1.8rem;
  overflow: hidden;
}
@media (max-width: 480px) {
.quiz-slide-timer[data-v-c836e415] {
    width: 100%;
    padding: 2rem 2rem 2rem 1rem;
}
}
.quiz-slide-timer.--big[data-v-c836e415] {
  display: grid;
  place-content: center;
  padding: 1rem;
  border-radius: 4rem;
  width: 54.9rem;
  height: 54.9rem;
}
@media (max-width: 480px) {
.quiz-slide-timer.--big[data-v-c836e415] {
    border-radius: 2.4rem;
    width: 100%;
    height: 26.1rem;
}
}
.quiz-slide-timer.--big .quiz-slide-timer__img[data-v-c836e415] {
  width: 28.1rem;
  height: 27.6rem;
}
@media (max-width: 480px) {
.quiz-slide-timer.--big .quiz-slide-timer__img[data-v-c836e415] {
    width: 15.7rem;
    height: 15.4rem;
}
}
.quiz-slide-timer.--big .quiz-slide-timer__inner[data-v-c836e415] {
  flex-direction: column;
  gap: 9rem;
}
@media (max-width: 480px) {
.quiz-slide-timer.--big .quiz-slide-timer__inner[data-v-c836e415] {
    gap: 2.4rem;
}
}
.quiz-slide-timer.--big .quiz-slide-timer__info[data-v-c836e415] {
  display: flex;
  align-items: center;
}
.quiz-slide-timer.--big .quiz-slide-timer__time[data-v-c836e415] {
  padding-left: 1rem;
}
@media (max-width: 480px) {
.quiz-slide-timer.--big .quiz-slide-timer__time[data-v-c836e415] {
    padding-left: 0.5rem;
}
}
@media (max-width: 480px) {
.quiz-slide-timer.--decor[data-v-c836e415] {
    background-image: url("/assets/img/quiz_slide_timer_bg-Z_xH4jk0.png");
    background-repeat: no-repeat;
    background-position: 0px 0px; /* x y*/
    background-size: cover; /* w h*/
}
}
.quiz-slide-timer.--prize-slide[data-v-c836e415] {
  display: grid;
  place-content: center;
  padding: 1rem;
  border-radius: 4rem;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
@media (max-width: 480px) {
.quiz-slide-timer.--prize-slide[data-v-c836e415] {
    border-radius: 2.4rem;
}
}
.quiz-slide-timer.--prize-slide .quiz-slide-timer__img[data-v-c836e415] {
  width: 18.3rem;
  height: 18.1rem;
}
@media (max-width: 480px) {
.quiz-slide-timer.--prize-slide .quiz-slide-timer__img[data-v-c836e415] {
    width: 8rem;
    height: 7.9rem;
}
}
.quiz-slide-timer.--prize-slide .quiz-slide-timer__inner[data-v-c836e415] {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 480px) {
.quiz-slide-timer.--prize-slide .quiz-slide-timer__inner[data-v-c836e415] {
    gap: 2.4rem;
}
}
.quiz-slide-timer.--prize-slide .quiz-slide-timer__info[data-v-c836e415] {
  display: flex;
  align-items: center;
}
.quiz-slide-timer.--prize-slide .quiz-slide-timer__text[data-v-c836e415] {
  display: none;
}
.quiz-slide-timer.--prize-slide .quiz-slide-timer__time[data-v-c836e415] {
  padding-left: 0rem;
  display: none;
}
@media (max-width: 480px) {
.quiz-slide-timer.--prize-slide .quiz-slide-timer__time[data-v-c836e415] {
    padding-left: 0rem;
}
}
.quiz-slide-timer.--prize-slide .quiz-slide-timer__time.--slide[data-v-c836e415] {
  display: block;
}
.quiz-slide-timer__inner[data-v-c836e415] {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.quiz-slide-timer__img[data-v-c836e415] {
  width: 13.1rem;
  height: 12.9rem;
  flex-shrink: 0;
}
@media (max-width: 480px) {
.quiz-slide-timer__img[data-v-c836e415] {
    width: 8rem;
    height: 7.9rem;
}
}
.quiz-slide-timer__time[data-v-c836e415] {
  display: block;
  font-weight: 700;
  font-size: 2rem;
  line-height: 120%;
  color: var(--text-accent-2-100);
  padding-left: 2.6rem;
}
@media (max-width: 480px) {
.quiz-slide-timer__time[data-v-c836e415] {
    font-size: 1.6rem;
}
}
.quiz-slide-timer__time.--slide[data-v-c836e415] {
  display: none;
}[data-v-5300bb7a]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-5300bb7a]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-5300bb7a]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-5300bb7a] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-5300bb7a] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.user-prizes__title[data-v-5300bb7a] {
  margin-bottom: 37px;
}
.user-prizes__scrollbar[data-v-5300bb7a] {
  margin-bottom: 37px;
}
@media (max-width: 1200px) {
.user-prizes__swiper[data-v-5300bb7a] {
    padding-right: var(--padding-container);
    margin-right: calc(var(--padding-container) * -1);
}
}
.prizes-slide.--prize-slide[data-v-5300bb7a] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  height: auto;
}
.prizes-slide.--prize-slide .prizes-slide__title[data-v-5300bb7a] {
  font-weight: 500;
  font-size: 2rem;
  line-height: 120%;
}
@media (max-width: 480px) {
.prizes-slide.--prize-slide .prizes-slide__title[data-v-5300bb7a] {
    font-size: 1.4rem;
}
}
.prizes-slide.--prize-slide .prizes-slide__btn[data-v-5300bb7a] {
  width: 100%;
}
.slide__info[data-v-5300bb7a] {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3.2rem;
  height: 3.2rem;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  transition: opacity var(--transition);
  z-index: 1;
}
@media (hover: hover) {
.slide__info[data-v-5300bb7a]:hover {
    opacity: 0.7;
}
}
@media (max-width: 480px) {
.slide__info[data-v-5300bb7a] {
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
}
}
.slide__info svg[data-v-5300bb7a] {
  width: 100%;
  height: 100%;
  stroke: transparent;
}[data-v-a4396889]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-a4396889]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-a4396889]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-a4396889] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-a4396889], .user-tickets[data-v-a4396889] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.user-tickets[data-v-a4396889] {
  border: 1px solid var(--border-accent-2-3);
  border-radius: 4rem;
  padding: 4.5rem 4rem 5rem 4rem;
  background-image: url("/assets/img/tickets_bg-D77X-fcN.webp");
  background-repeat: no-repeat;
  background-position: 12% 100%; /* x y*/
  background-size: 38rem; /* w h*/
}
@media (max-width: 576px) {
.user-tickets[data-v-a4396889] {
    background-image: none;
}
}
@media (max-width: 480px) {
.user-tickets[data-v-a4396889] {
    border-radius: 2.4rem;
    padding: 2.7rem 2rem 3rem 2.4rem;
}
}
.user-tickets__title[data-v-a4396889] {
  margin-bottom: 1.6rem;
}
@media (max-width: 480px) {
.user-tickets__title[data-v-a4396889] {
    margin-bottom: 0.5rem;
}
}
.user-tickets__inner[data-v-a4396889] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1024px) {
.user-tickets__inner[data-v-a4396889] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.user-tickets__inner[data-v-a4396889] {
    gap: 2rem;
}
}
.user-tickets__block[data-v-a4396889] {
  display: grid;
  grid-template-columns: 1fr 16.6rem;
  gap: 1rem;
  padding-top: 1.5rem;
  padding-right: 3rem;
  padding-bottom: 4rem;
}
@media (max-width: 1024px) {
.user-tickets__block[data-v-a4396889] {
    padding-right: 0px;
}
}
@media (max-width: 480px) {
.user-tickets__block[data-v-a4396889] {
    grid-template-columns: 1fr;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    gap: 4.8rem;
}
}
.user-tickets__block[data-v-a4396889]:last-child {
  padding-right: 0;
  padding-left: 3.8rem;
  border-left: 1px solid var(--border-accent-2-3);
}
@media (max-width: 1024px) {
.user-tickets__block[data-v-a4396889]:last-child {
    padding-left: 0;
    border-color: transparent;
}
}
@media (max-width: 480px) {
.user-tickets__block[data-v-a4396889]:last-child {
    padding-left: 0px;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-accent-2-3);
}
}
.user-tickets__box[data-v-a4396889] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.user-tickets__prize-name[data-v-a4396889] {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2rem;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--text-accent-2-100);
  margin-bottom: 1rem;
}
@media (max-width: 480px) {
.user-tickets__prize-name[data-v-a4396889] {
    display: none;
}
}
.user-tickets__prize-name.--mobile[data-v-a4396889] {
  display: none;
}
@media (max-width: 480px) {
.user-tickets__prize-name.--mobile[data-v-a4396889] {
    display: block;
}
}
.user-tickets__desc[data-v-a4396889] {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 140%;
  margin-bottom: 1.5rem;
}
@media (max-width: 480px) {
.user-tickets__desc[data-v-a4396889] {
    margin-bottom: 1.2rem;
}
}
.user-tickets__desc p[data-v-a4396889]:not(:last-child) {
  margin-bottom: 1rem;
}
.user-tickets__desc p span[data-v-a4396889] {
  display: block;
  font-family: var(--second-family);
  font-weight: 700;
  font-style: Bold;
  font-size: 2.8rem;
  line-height: 110%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: var(--fill-accent-2-1);
}
.user-tickets__info[data-v-a4396889] {
  margin-bottom: 10px;
}
.user-tickets__btn[data-v-a4396889] {
  min-height: 4.8rem;
  width: fit-content;
  margin-top: auto;
}
@media (max-width: 480px) {
.user-tickets__btn[data-v-a4396889] {
    width: 100%;
}
}
.user-tickets__image-inner[data-v-a4396889] {
  display: grid;
  place-content: center;
}
@media (max-width: 480px) {
.user-tickets__image-inner[data-v-a4396889] {
    grid-row: 1/2;
    place-content: start;
}
}
.user-tickets__image-inner.--weekly[data-v-a4396889] {
  place-content: start;
}
.user-tickets__image-inner.--weekly .user-tickets__image[data-v-a4396889] {
  position: relative;
  width: 12.1rem;
  margin: 0 auto;
}
@media (max-width: 480px) {
.user-tickets__image-inner.--weekly .user-tickets__image[data-v-a4396889] {
    margin: 0 0 0 20px;
}
}
.user-tickets__image-inner.--weekly .user-tickets__image[data-v-a4396889]::before {
  position: absolute;
  content: attr(data-count);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 140%;
  text-align: center;
  color: var(--text-inverse-100);
  border: 1px solid var(--border-accent-2-1);
  border-radius: 1.8rem;
  background: var(--fill-accent-1-1);
  width: 4.7rem;
  height: 2.9rem;
  bottom: -20%;
  right: -7%;
}
@media (max-width: 480px) {
.user-tickets__image-inner.--weekly .user-tickets__image[data-v-a4396889]::before {
    bottom: -17%;
    right: -13%;
}
}
.user-tickets__image-inner.--grand .user-tickets__image[data-v-a4396889] {
  width: 13.5rem;
}
@media (max-width: 480px) {
.user-tickets__image-inner.--grand .user-tickets__image[data-v-a4396889] {
    margin: 3.7rem 0 -2rem 2rem;
}
}
.user-tickets__image-name[data-v-a4396889] {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 140%;
  color: var(--text-accent-2-100);
  margin-bottom: 1.9rem;
}
@media (max-width: 480px) {
.user-tickets__image-name[data-v-a4396889] {
    margin-bottom: 4.8rem;
}
}[data-v-e082877a]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-e082877a]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-e082877a]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-e082877a] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-e082877a], .user-balance[data-v-e082877a] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.user-balance[data-v-e082877a] {
  border: 1px solid var(--border-accent-2-3);
  border-radius: 4rem;
  padding: 5.2rem 4rem 3.5rem 4rem;
}
@media (max-width: 480px) {
.user-balance[data-v-e082877a] {
    border-radius: 2.4rem;
    padding: 3rem 2.4rem 3rem 2.4rem;
}
}
.user-balance__inner[data-v-e082877a] {
  display: grid;
  grid-template-columns: 37rem 1fr;
  gap: 2.8rem;
  align-items: start;
}
@media (max-width: 576px) {
.user-balance__inner[data-v-e082877a] {
    grid-template-columns: 1fr;
    gap: 3.3rem;
}
}
.user-balance__info[data-v-e082877a] {
  display: grid;
  gap: 1.7rem;
}
@media (max-width: 480px) {
.user-balance__info[data-v-e082877a] {
    gap: 1rem;
}
}
.user-balance__value[data-v-e082877a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 4.4rem;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--text-accent-2-100);
}
.user-balance__value svg[data-v-e082877a] {
  width: 3.2rem;
  height: 3.2rem;
}
.user-balance__btn-text[data-v-e082877a] {
  text-align: start;
}
.user-balance__btn[data-v-e082877a] {
  min-height: 4.8rem;
  width: fit-content;
}
@media (max-width: 480px) {
.user-balance__btn[data-v-e082877a] {
    width: 100%;
}
}
.user-balance__select-btn[data-v-e082877a] {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: space-between;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--text-accent-2-100);
  margin-bottom: 3rem;
}
@media (max-width: 576px) {
.user-balance__select-btn[data-v-e082877a] {
    display: flex;
}
}
@media (max-width: 480px) {
.user-balance__select-btn[data-v-e082877a] {
    margin-bottom: 2rem;
}
}
.user-balance__select-btn.active[data-v-e082877a]::after {
  transform: rotateX(0deg);
}
.user-balance__select-btn[data-v-e082877a]::after {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.9rem 0.85rem 0 0.85rem;
  border-color: #ffd08e transparent transparent transparent;
  transform: rotateX(180deg);
  transition: transform var(--transition) ease-in;
}
.user-balance__list[data-v-e082877a] {
  width: 100%;
  max-height: 21.5rem;
  padding-right: 2rem;
}
@media (max-width: 480px) {
.user-balance__list[data-v-e082877a] {
    max-height: 27rem;
    padding-right: 15px;
}
}
.user-balance__item[data-v-e082877a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.7rem 0;
  border-bottom: 1px solid var(--border-accent-2-4);
}
@media (max-width: 480px) {
.user-balance__item[data-v-e082877a] {
    align-items: start;
}
}
.user-balance__item[data-v-e082877a]:first-child {
  padding-top: 0;
}
.user-balance__item span[data-v-e082877a] {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 140%;
  color: var(--text-inverse-100);
}
.user-balance__item span[data-v-e082877a]:last-child {
  font-family: var(--third-family);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 140%;
  color: var(--text-accent-2-100);
}
.v-enter-active[data-v-e082877a],
.v-leave-active[data-v-e082877a] {
  transition: 0.5s ease;
}
.v-enter-from[data-v-e082877a],
.v-leave-to[data-v-e082877a] {
  opacity: 0;
  transform: translateY(10px);
}[data-v-6564ae89]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-6564ae89]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-6564ae89]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-6564ae89] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-6564ae89] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.user-prizes__title[data-v-6564ae89] {
  margin-bottom: 37px;
}
.user-prizes__scrollbar[data-v-6564ae89] {
  margin-bottom: 37px;
}
@media (max-width: 1200px) {
.user-prizes__swiper[data-v-6564ae89] {
    padding-right: var(--padding-container);
    margin-right: calc(var(--padding-container) * -1);
}
}
.prizes-slide[data-v-6564ae89] {
  height: auto;
}[data-v-87370d5d]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-87370d5d]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-87370d5d]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-87370d5d] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-87370d5d] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.session-timer[data-v-87370d5d] {
  display: flex;
  flex-direction: column;
  background: var(--fill-accent-1-1);
  border: 1px solid var(--border-accent-2-4);
  border-radius: 1.6rem;
  padding-top: 1rem;
}
.session-timer__title[data-v-87370d5d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 140%;
}
.session-timer__row-time[data-v-87370d5d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 1rem;
}
.session-timer__time[data-v-87370d5d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.session-timer__time span[data-v-87370d5d] {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2rem;
  line-height: 110%;
  text-transform: uppercase;
  text-align: center;
  color: var(--text-accent-2-100);
}
.session-timer__time span[data-v-87370d5d]:last-child {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 140%;
  text-transform: lowercase;
  text-align: center;
  color: var(--text-inverse-100);
}
.session-timer__btn[data-v-87370d5d] {
  width: 100%;
  min-height: 4.8rem;
  font-size: 2rem;
  border-radius: 1.6rem;
}
[data-v-87370d5d] .session-timer__number {
  font-size: 2rem;
}
[data-v-87370d5d] .game-banner__timer-text.--warning {
  color: var(--text-accent-2-100);
  font-size: 1.6rem;
  padding: 0 24px 10px;
}
[data-v-87370d5d] .session-timer__leaf {
  width: 2.4rem;
  height: 2.4rem;
}[data-v-2a0034a9]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-2a0034a9]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-2a0034a9]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-2a0034a9] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-2a0034a9], .game-banner[data-v-2a0034a9] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.game-banner[data-v-2a0034a9] {
  border: 1px solid var(--border-accent-2-3);
  border-radius: 2.4rem;
  margin-top: 1.6rem;
}
.game-banner__header[data-v-2a0034a9] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 0.01);
  position: relative;
  border: 1px solid var(--border-accent-2-3);
  border-radius: 2.4rem;
  width: 100%;
  height: 12rem;
  overflow: hidden;
}
@media (max-width: 992px) {
.game-banner__header[data-v-2a0034a9] {
    height: 14.5rem;
}
}
@media (hover: hover) {
.game-banner__header[data-v-2a0034a9]:hover .game-banner__link {
    background-color: #fff;
}
}
.game-banner__body[data-v-2a0034a9] {
  display: grid;
  gap: 10px;
  padding: 2rem 2.4rem 2.4rem;
}
.game-banner__title[data-v-2a0034a9] {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2rem;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--text-accent-2-100);
}
.game-banner__desc[data-v-2a0034a9] {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 140%;
  color: var(--text-inverse-100);
}
.game-banner__sessions[data-v-2a0034a9] {
  display: grid;
  gap: 0.8rem;
}
.game-banner__timer-text[data-v-2a0034a9] {
  color: var(--text-accent-2-100);
  font-size: 1.6rem;
  padding: 0 0px 10px;
}
.game-banner__btn[data-v-2a0034a9] {
  width: 100%;
  min-height: 4.8rem;
  font-size: 2rem;
  border-radius: 1.6rem;
}
[data-v-2a0034a9] .game-banner__link {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  display: grid;
  place-content: center;
  border-radius: 1.2rem;
  width: 3.2rem;
  height: 3.2rem;
  background: var(--fill-accent-2-1);
  z-index: 1;
  transition: background-color var(--transition) ease-in;
}
[data-v-2a0034a9] .game-banner__link svg {
  width: 2.4rem;
  height: 2.4rem;
  color: var(--text-accent-1-100);
}
[data-v-2a0034a9] .game-banner__img {
  position: absolute;
  inset: 0;
}
[data-v-2a0034a9] .game-banner__timer-text.--warning {
  color: var(--text-accent-2-100);
  font-size: 1.6rem;
  padding: 10px 0px 10px;
}[data-v-8afd1013]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-8afd1013]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-8afd1013]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-8afd1013] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-8afd1013] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}[data-v-4d1a574e]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-4d1a574e]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-4d1a574e]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-4d1a574e] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-4d1a574e] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.profile[data-v-4d1a574e] {
  position: relative;
}
.profile[data-v-4d1a574e]::before {
  position: absolute;
  content: "";
  background-image: url("/assets/img/profile_bg-CaRhoaIx.webp");
  background-repeat: no-repeat;
  background-position: 100% 0%; /* x y*/
  background-size: auto; /* w h*/
  width: 91.5rem;
  height: 90.2rem;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.14;
}
@media (max-width: 992px) {
.profile[data-v-4d1a574e]::before {
    display: none;
}
}
@media (max-width: 992px) {
.profile[data-v-4d1a574e] {
    background-image: none;
}
}
.profile__container[data-v-4d1a574e] {
  display: grid;
  grid-template-columns: 30rem 1fr;
  gap: 5.5rem;
  align-items: start;
  padding-top: 1.6rem;
  padding-bottom: 15.2rem;
}
@media (max-width: 1200px) {
.profile__container[data-v-4d1a574e] {
    padding-right: var(--padding-container);
    max-width: calc(144rem + var(--padding-container) * 2);
}
}
@media (max-width: 992px) {
.profile__container[data-v-4d1a574e] {
    display: flex;
    flex-direction: column;
}
}
@media (max-width: 480px) {
.profile__container[data-v-4d1a574e] {
    padding-top: 2.2rem;
    padding-bottom: 5.2rem;
    gap: 0.5rem;
}
}
.profile__nav[data-v-4d1a574e] {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #0D2E1A;
}
.profile__nav[data-v-4d1a574e]::before {
  position: absolute;
  content: "";
  height: 150px;
  top: -150px;
  left: 0;
  right: calc(var(--padding-container) * -1);
  background-color: #0D2E1A;
  display: none;
}
@media (max-width: 992px) {
.profile__nav[data-v-4d1a574e]::before {
    display: block;
}
}
@media (max-width: 992px) {
.profile__filter[data-v-4d1a574e] {
    background-color: #0D2E1A;
}
}
@media (max-width: 576px) {
.profile__filter[data-v-4d1a574e] {
    overflow-x: auto;
    padding-bottom: 1rem;
    margin-right: -24px;
}
}
@media (max-width: 480px) {
.profile__filter[data-v-4d1a574e] {
    margin-right: -15px;
}
}
@media (max-width: 992px) {
.profile__games-banner[data-v-4d1a574e] {
    display: none;
}
}
.profile__body[data-v-4d1a574e] {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (max-width: 992px) {
.profile__body[data-v-4d1a574e] {
    width: 100%;
}
}
.profile__section[data-v-4d1a574e] {
  max-width: 108.5rem;
}
@media (max-width: 1200px) {
.profile__section[data-v-4d1a574e] {
    max-width: 100%;
    width: 100%;
}
}
.profile__section.--full[data-v-4d1a574e] {
  max-width: 131rem;
}
@media (max-width: 1440px) {
.profile__section.--full[data-v-4d1a574e] {
    max-width: 126rem;
}
}
@media (max-width: 1200px) {
.profile__section.--full[data-v-4d1a574e] {
    max-width: 98rem;
}
}
@media (max-width: 1024px) {
.profile__section.--full[data-v-4d1a574e] {
    max-width: 80rem;
}
}
@media (max-width: 992px) {
.profile__section.--full[data-v-4d1a574e] {
    max-width: 100%;
}
}
.profile__user-games-banner[data-v-4d1a574e] {
  display: none;
}
@media (max-width: 992px) {
.profile__user-games-banner[data-v-4d1a574e] {
    display: grid;
    grid-template-columns: 300px;
    align-items: start;
    justify-content: center;
}
}
@media (max-width: 480px) {
.profile__user-games-banner[data-v-4d1a574e] {
    grid-template-columns: 360px;
}
}
@media (max-width: 425px) {
.profile__user-games-banner[data-v-4d1a574e] {
    display: block;
    width: 100%;
}
}
.profile__user-info[data-v-4d1a574e] {
  display: grid;
  gap: 20px;
}
.profile-line[data-v-4d1a574e] {
  background: var(--border-accent-2-1);
  height: 1px;
  max-width: 108.5rem;
  width: 100%;
}
@media (max-width: 1200px) {
.profile-line[data-v-4d1a574e] {
    max-width: 100%;
}
}
.v-enter-active[data-v-4d1a574e],
.v-leave-active[data-v-4d1a574e] {
  transition: 0.5s ease;
}
.v-enter-from[data-v-4d1a574e],
.v-leave-to[data-v-4d1a574e] {
  opacity: 0;
  transform: translateY(10px);
}[data-v-eaf946b9]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-eaf946b9]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-eaf946b9]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-eaf946b9] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-eaf946b9] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}[data-v-725cbb1e]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-725cbb1e]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-725cbb1e]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-725cbb1e] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-725cbb1e], .quiz-welcome__img[data-v-725cbb1e] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.quiz-welcome[data-v-725cbb1e] {
  padding: 6.2rem 0 11rem;
}
@media (max-width: 480px) {
.quiz-welcome[data-v-725cbb1e] {
    padding: 1.5rem 0 35px;
}
}
.quiz-welcome__container[data-v-725cbb1e] {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 992px) {
.quiz-welcome__container[data-v-725cbb1e] {
    flex-direction: column-reverse;
    align-items: center;
    gap: 5rem;
}
}
@media (max-width: 480px) {
.quiz-welcome__container[data-v-725cbb1e] {
    gap: 2rem;
}
}
.quiz-welcome__content[data-v-725cbb1e] {
  padding-top: 14.8rem;
  display: grid;
  gap: 2.6rem;
  align-items: start;
  align-content: start;
}
@media (max-width: 992px) {
.quiz-welcome__content[data-v-725cbb1e] {
    padding-top: 0;
}
}
@media (max-width: 576px) {
.quiz-welcome__title[data-v-725cbb1e] {
    display: none;
}
}
.quiz-welcome__title.--mobile[data-v-725cbb1e] {
  display: none;
}
@media (max-width: 576px) {
.quiz-welcome__title.--mobile[data-v-725cbb1e] {
    display: block;
    text-align: center;
    margin-bottom: 1rem;
}
}
@media (max-width: 480px) {
.quiz-welcome__text[data-v-725cbb1e] {
    font-size: 1.6rem;
    text-align: center;
}
}
.quiz-welcome__start-bnt[data-v-725cbb1e] {
  display: grid;
  gap: 4rem;
}
@media (max-width: 576px) {
.quiz-welcome__start-bnt[data-v-725cbb1e] {
    justify-items: center;
    gap: 2.4rem;
}
}
.quiz-welcome__start-bnt[data-v-725cbb1e] .btn {
  width: fit-content;
}
@media (max-width: 480px) {
.quiz-welcome__start-bnt[data-v-725cbb1e] .btn {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}
}
.quiz-welcome__img[data-v-725cbb1e] {
  border: 2.33px solid var(--border-accent-2-3);
  border-radius: 4rem;
  width: 54.9rem;
  height: 54.9rem;
  overflow: hidden;
}
@media (max-width: 480px) {
.quiz-welcome__img[data-v-725cbb1e] {
    width: 100%;
    height: 23.8rem;
    border-radius: 2.4rem;
}
}.header[data-v-860f8bb7] {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 2.4rem;
  color: white;
}
.level[data-v-860f8bb7],
.progress[data-v-860f8bb7] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.label[data-v-860f8bb7] {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.value[data-v-860f8bb7] {
  font-size: 2.4rem;
  font-weight: bold;
  color: #4ade80;
}.board[data-v-af331aa1] {
  display: grid;
  gap: 0.4rem;
  max-width: 30rem;
}
.cell[data-v-af331aa1] {
  aspect-ratio: 1;
  min-width: 4rem;
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 0.8rem;
  transition: all 0.3s ease;
}
.cell.empty[data-v-af331aa1] {
  background: transparent;
}
.cell[data-v-af331aa1]:not(.empty) {
  background: rgba(255, 255, 255, 0.1);
  border: 0.2rem solid rgba(255, 255, 255, 0.2);
  color: transparent;
}
.cell.revealed[data-v-af331aa1] {
  background: linear-gradient(145deg, #3b82f6, #2563eb);
  border-color: #3b82f6;
  color: white;
  box-shadow: 0 0.2rem 0.8rem rgba(59, 130, 246, 0.4);
}
.cell.just-revealed[data-v-af331aa1] {
  animation: reveal-af331aa1 0.5s ease-out;
}
@keyframes reveal-af331aa1 {
0% {
    transform: scale(0.5) rotateY(90deg);
    opacity: 0;
}
50% {
    transform: scale(1.2) rotateY(0deg);
}
100% {
    transform: scale(1) rotateY(0deg);
    opacity: 1;
}
}.wheel-container[data-v-d8908e3d] {
  position: relative;
  margin: 0 auto;
}
.wheel-svg[data-v-d8908e3d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.selection-path[data-v-d8908e3d] {
  filter: drop-shadow(0 0 0.8rem rgba(74, 222, 128, 0.5));
}
.letter[data-v-d8908e3d] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 2.4rem;
  font-weight: bold;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s;
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.01);
  user-select: none;
  text-transform: uppercase;
}
.letter.selected[data-v-d8908e3d] {
  transform: scale(1.15);
  background: rgba(190, 190, 190, 0.01);
  border: 1px solid var(--border-accent-2-1);
}
.current-word[data-v-ca0bfe05] {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 16px 0;
	transition: all 0.2s ease;
}
.word-text[data-v-ca0bfe05] {
	font-size: 32px;
	font-weight: bold;
	color: #4ade80;
	letter-spacing: 4px;
	text-transform: uppercase;
	text-shadow: 0 0 20px rgba(74, 222, 128, 0.5);
}
.placeholder[data-v-ca0bfe05] {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.4);
}
.current-word.active[data-v-ca0bfe05] {
	transform: scale(1.05);
}
.game[data-v-818129c2] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  max-width: 40rem;
  margin: 0 auto;
  padding: 1.6rem;
}
.bottom-section[data-v-818129c2] {
  margin-top: auto;
  padding-bottom: 3.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
}
.shuffle-btn[data-v-818129c2] {
  background: transparent;
  border: 0.1rem solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.7);
  padding: 0.8rem 2rem;
  font-size: 1.4rem;
  border-radius: 0.8rem;
  cursor: pointer;
  transition: all 0.2s;
}
.shuffle-btn[data-v-818129c2]:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.modal-overlay[data-v-818129c2] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.modal[data-v-818129c2] {
  background: linear-gradient(145deg, #1e3a5f, #16213e);
  padding: 3.2rem 4.8rem;
  border-radius: 2rem;
  text-align: center;
  color: white;
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.5);
}
.modal h2[data-v-818129c2] {
  font-size: 3.2rem;
  margin-bottom: 0.8rem;
  color: #4ade80;
}
.modal p[data-v-818129c2] {
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 2.4rem;
}
.btn[data-v-818129c2] {
  background: linear-gradient(145deg, #4ade80, #22c55e);
  color: #0f172a;
  border: none;
  padding: 1.4rem 3.2rem;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 1.2rem;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}
.btn[data-v-818129c2]:hover {
  transform: scale(1.05);
  box-shadow: 0 0.8rem 2.4rem rgba(74, 222, 128, 0.4);
}
.toast[data-v-818129c2] {
  position: fixed;
  top: 8rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 1.2rem 2.4rem;
  border-radius: 1.2rem;
  font-weight: bold;
  color: white;
  z-index: 200;
}
.toast.success[data-v-818129c2] {
  background: linear-gradient(145deg, #4ade80, #22c55e);
}
.toast.error[data-v-818129c2] {
  background: linear-gradient(145deg, #f87171, #ef4444);
}
.toast.info[data-v-818129c2] {
  background: linear-gradient(145deg, #60a5fa, #3b82f6);
}
.modal-enter-active[data-v-818129c2],
.modal-leave-active[data-v-818129c2] {
  transition: opacity 0.3s ease;
}
.modal-enter-from[data-v-818129c2],
.modal-leave-to[data-v-818129c2] {
  opacity: 0;
}
.toast-enter-active[data-v-818129c2],
.toast-leave-active[data-v-818129c2] {
  transition: all 0.3s ease;
}
.toast-enter-from[data-v-818129c2] {
  opacity: 0;
  transform: translateX(-50%) translateY(-2rem);
}
.toast-leave-to[data-v-818129c2] {
  opacity: 0;
  transform: translateX(-50%) translateY(-2rem);
}[data-v-44baf07e]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-44baf07e]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-44baf07e]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-44baf07e] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-44baf07e] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.quiz[data-v-44baf07e] {
  background-image: url("/assets/img/welcome_game_bg-DXNa3C5Z.webp");
  background-repeat: no-repeat;
  background-position: center; /* x y*/
  background-size: cover; /* w h*/
}
@media (max-width: 576px) {
.quiz[data-v-44baf07e] {
    background-image: none;
}
}
.v-enter-active[data-v-44baf07e],
.v-leave-active[data-v-44baf07e] {
  transition: 0.5s ease;
}
.v-enter-from[data-v-44baf07e],
.v-leave-to[data-v-44baf07e] {
  opacity: 0;
  transform: translateY(10px);
}[data-v-22a7ae6e]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-22a7ae6e]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-22a7ae6e]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-22a7ae6e] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-22a7ae6e] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.quiz-end-game__container[data-v-22a7ae6e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 992px) {
.quiz-end-game__container[data-v-22a7ae6e] {
    flex-direction: column;
    gap: 2.4rem;
}
}
.quiz-end-game__block[data-v-22a7ae6e] {
  width: fit-content;
  display: grid;
  gap: 3rem;
  justify-items: start;
}
@media (max-width: 992px) {
.quiz-end-game__block[data-v-22a7ae6e] {
    gap: 2rem;
    justify-items: center;
}
}
.quiz-end-game__title[data-v-22a7ae6e] {
  line-height: 100%;
}
@media (max-width: 992px) {
.quiz-end-game__title[data-v-22a7ae6e] {
    text-align: center;
}
}
.quiz-end-game__scope span[data-v-22a7ae6e] {
  font-weight: 500;
  color: var(--text-accent-2-100);
}
.quiz-end-game__subtitle[data-v-22a7ae6e] {
  max-width: 62.2rem;
}
@media (max-width: 992px) {
.quiz-end-game__subtitle[data-v-22a7ae6e] {
    text-align: center;
}
}
@media (max-width: 480px) {
.quiz-end-game__subtitle[data-v-22a7ae6e] {
    font-size: 1.6rem;
}
}
@media (max-width: 992px) {
.quiz-end-game__btns[data-v-22a7ae6e] {
    display: none;
}
}
.quiz-end-game__btns.--mobile[data-v-22a7ae6e] {
  display: none;
}
@media (max-width: 992px) {
.quiz-end-game__btns.--mobile[data-v-22a7ae6e] {
    display: block;
}
}
@media (max-width: 480px) {
.quiz-end-game__box[data-v-22a7ae6e] {
    width: 100%;
}
}[data-v-0c9519ac]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-0c9519ac]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-0c9519ac]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-0c9519ac] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-0c9519ac] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.match3[data-v-0c9519ac] {
  padding: 4.3rem 0 7.4rem;
  background-image: url("/assets/img/shape_1-C8clYFkX.webp"), url("/assets/img/shape_2-t55CWZNI.webp");
  background-repeat: no-repeat;
  background-position: 0% 20%, 100% 80%;
  background-size: 16rem, 40.1rem;
}
@media (max-width: 768px) {
.match3[data-v-0c9519ac] {
    background-image: none;
}
}
@media (max-width: 480px) {
.match3[data-v-0c9519ac] {
    padding: 2.7rem 0 7.4rem;
}
}
.match3__container[data-v-0c9519ac] {
  display: grid;
  gap: 2.5rem;
  align-items: start;
  justify-content: center;
  justify-items: center;
}
@media (max-width: 480px) {
.match3__container[data-v-0c9519ac] {
    gap: 2rem;
}
}
.match3__title[data-v-0c9519ac] {
  line-height: 100%;
}
.match3__header[data-v-0c9519ac] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 39rem;
}
@media (max-width: 576px) {
.match3__header[data-v-0c9519ac] {
    width: 97%;
}
}
.match3__control[data-v-0c9519ac] {
  display: flex;
  align-items: center;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 110%;
  text-transform: uppercase;
  color: var(--text-inverse-100);
  gap: 5px;
}
@media (max-width: 480px) {
.match3__control[data-v-0c9519ac] {
    font-size: 2rem;
}
}
.match3__control.--score span[data-v-0c9519ac]:first-child {
  color: var(--text-accent-2-100);
}
.match3__control.--timer[data-v-0c9519ac] {
  justify-content: end;
}
.match3__control.--timer svg[data-v-0c9519ac] {
  width: 3.2rem;
  height: 3.2rem;
  stroke: transparent;
}
@media (max-width: 480px) {
.match3__control.--timer svg[data-v-0c9519ac] {
    width: 2rem;
    height: 2rem;
}
}
.match3__control.--timer span[data-v-0c9519ac] {
  width: 8.5rem;
}
@media (max-width: 480px) {
.match3__control.--timer span[data-v-0c9519ac] {
    width: 75px;
}
}
@media (max-width: 425px) {
.match3__control.--timer span[data-v-0c9519ac] {
    width: 68px;
}
}
@media (max-width: 393px) {
.match3__control.--timer span[data-v-0c9519ac] {
    width: 65px;
}
}
.match3__canvas[data-v-0c9519ac] {
  position: relative;
  border: 0.1rem solid var(--border-accent-2-1);
  border-radius: 1.6rem;
  overflow: hidden;
  width: fit-content;
  cursor: pointer;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
@media (max-width: 480px) {
.match3__canvas[data-v-0c9519ac] {
    border-radius: 1.2rem;
}
}
.match3__canvas[data-v-0c9519ac]::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 1;
  pointer-events: none;
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
}
.v-enter-active[data-v-0c9519ac],
.v-leave-active[data-v-0c9519ac] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-0c9519ac] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-0c9519ac] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.body-enter-active[data-v-0c9519ac],
.body-leave-active[data-v-0c9519ac] {
  transition: 0.5s ease;
}
.body-enter-from[data-v-0c9519ac],
.body-leave-to[data-v-0c9519ac] {
  opacity: 0;
}.loader[data-v-7592de61] {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  inset: 0;
  background-color: var(--fill-default-1);
  opacity: 0.9;
  z-index: 1;
}
.loader img[data-v-7592de61] {
  width: 10rem;
  height: 10rem;
  animation: loader-7592de61 4s linear infinite;
}
@keyframes loader-7592de61 {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}[data-v-2f4fc255]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-2f4fc255]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-2f4fc255]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-2f4fc255] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-2f4fc255] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.quiz[data-v-2f4fc255] {
  background-image: url("/assets/img/welcome_game_bg-DXNa3C5Z.webp");
  background-repeat: no-repeat;
  background-position: center; /* x y*/
  background-size: cover; /* w h*/
}
@media (max-width: 576px) {
.quiz[data-v-2f4fc255] {
    background-image: none;
}
}
.quiz .game-btn-disabled[data-v-2f4fc255] {
  width: fit-content;
}
.quiz-matches[data-v-2f4fc255] {
  display: grid;
  gap: 4rem;
  max-width: 62.2rem;
}
@media (max-width: 576px) {
.quiz-matches[data-v-2f4fc255] {
    justify-items: center;
    gap: 2.4rem;
}
}
@media (max-width: 480px) {
.quiz-matches__desc[data-v-2f4fc255] {
    text-align: center;
}
}
.quiz-matches__desc p[data-v-2f4fc255]:not(:last-child) {
  margin-bottom: 20px;
}
.quiz-padding[data-v-2f4fc255] {
  padding: 4.3rem 0 7.4rem;
}
@media (max-width: 480px) {
.quiz-padding[data-v-2f4fc255] {
    padding: 2.7rem 0 7.4rem;
}
}
.slide-up-enter-active[data-v-2f4fc255],
.slide-up-leave-active[data-v-2f4fc255] {
  transition: all 0.25s ease-out;
}
.slide-up-enter-from[data-v-2f4fc255] {
  opacity: 0;
  transform: translateY(30px);
}
.slide-up-leave-to[data-v-2f4fc255] {
  opacity: 0;
  transform: translateY(-30px);
}[data-v-77ec530b]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-77ec530b]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-77ec530b]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-77ec530b] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-77ec530b] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.main-telegram__container[data-v-77ec530b] {
  padding: 5rem 0;
}[data-v-fb203c14]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-fb203c14]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-fb203c14]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-fb203c14] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-fb203c14] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}[data-v-e60fc483]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-e60fc483]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-e60fc483]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-e60fc483] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-e60fc483] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.profile[data-v-e60fc483] {
  position: relative;
}
.profile[data-v-e60fc483]::before {
  position: absolute;
  content: "";
  background-image: url("/assets/img/profile_bg-CaRhoaIx.webp");
  background-repeat: no-repeat;
  background-position: 100% 0%; /* x y*/
  background-size: auto; /* w h*/
  width: 91.5rem;
  height: 90.2rem;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.14;
}
@media (max-width: 992px) {
.profile[data-v-e60fc483]::before {
    display: none;
}
}
@media (max-width: 992px) {
.profile[data-v-e60fc483] {
    background-image: none;
}
}
.profile__container[data-v-e60fc483] {
  display: grid;
  grid-template-columns: 30rem 1fr;
  gap: 5.5rem;
  align-items: start;
  padding-top: 1.6rem;
  padding-bottom: 15.2rem;
}
@media (max-width: 1200px) {
.profile__container[data-v-e60fc483] {
    padding-right: var(--padding-container);
    max-width: calc(144rem + var(--padding-container) * 2);
}
}
@media (max-width: 992px) {
.profile__container[data-v-e60fc483] {
    display: flex;
    flex-direction: column;
}
}
@media (max-width: 480px) {
.profile__container[data-v-e60fc483] {
    padding-top: 2.2rem;
    padding-bottom: 5.2rem;
    gap: 0.5rem;
}
}
.profile__nav[data-v-e60fc483] {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #0D2E1A;
}
.profile__nav[data-v-e60fc483]::before {
  position: absolute;
  content: "";
  height: 150px;
  top: -150px;
  left: 0;
  right: calc(var(--padding-container) * -1);
  background-color: #0D2E1A;
  display: none;
}
@media (max-width: 992px) {
.profile__nav[data-v-e60fc483]::before {
    display: block;
}
}
@media (max-width: 576px) {
.profile__filter[data-v-e60fc483] {
    overflow-x: auto;
    padding-bottom: 1rem;
    margin-right: -20px;
}
}
@media (max-width: 992px) {
.profile__games-banner[data-v-e60fc483] {
    display: none;
}
}
.profile__body[data-v-e60fc483] {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (max-width: 992px) {
.profile__body[data-v-e60fc483] {
    width: 100%;
}
}
.profile__section[data-v-e60fc483] {
  max-width: 108.5rem;
}
@media (max-width: 1200px) {
.profile__section[data-v-e60fc483] {
    max-width: 100%;
    width: 100%;
}
}
.profile__section.--full[data-v-e60fc483] {
  max-width: 133rem;
}
@media (max-width: 1200px) {
.profile__section.--full[data-v-e60fc483] {
    max-width: 98rem;
}
}
@media (max-width: 1024px) {
.profile__section.--full[data-v-e60fc483] {
    max-width: 80rem;
}
}
@media (max-width: 992px) {
.profile__section.--full[data-v-e60fc483] {
    max-width: 100%;
}
}
.profile__user-games-banner[data-v-e60fc483] {
  display: none;
}
@media (max-width: 992px) {
.profile__user-games-banner[data-v-e60fc483] {
    display: grid;
    grid-template-columns: 300px;
    align-items: start;
    justify-content: center;
}
}
@media (max-width: 480px) {
.profile__user-games-banner[data-v-e60fc483] {
    grid-template-columns: 360px;
}
}
@media (max-width: 425px) {
.profile__user-games-banner[data-v-e60fc483] {
    display: block;
    width: 100%;
}
}
.profile__user-info[data-v-e60fc483] {
  display: grid;
  gap: 20px;
}
.profile-line[data-v-e60fc483] {
  background: var(--border-accent-2-1);
  height: 1px;
  max-width: 108.5rem;
  width: 100%;
}
@media (max-width: 1200px) {
.profile-line[data-v-e60fc483] {
    max-width: 100%;
}
}
.v-enter-active[data-v-e60fc483],
.v-leave-active[data-v-e60fc483] {
  transition: 0.5s ease;
}
.v-enter-from[data-v-e60fc483],
.v-leave-to[data-v-e60fc483] {
  opacity: 0;
  transform: translateY(10px);
}[data-v-12050ff0]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-12050ff0]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-12050ff0]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-12050ff0] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-12050ff0] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.profile[data-v-12050ff0] {
  position: relative;
}
.profile[data-v-12050ff0]::before {
  position: absolute;
  content: "";
  background-image: url("/assets/img/profile_bg-CaRhoaIx.webp");
  background-repeat: no-repeat;
  background-position: 100% 0%; /* x y*/
  background-size: auto; /* w h*/
  width: 91.5rem;
  height: 90.2rem;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.14;
}
@media (max-width: 992px) {
.profile[data-v-12050ff0]::before {
    display: none;
}
}
@media (max-width: 992px) {
.profile[data-v-12050ff0] {
    background-image: none;
}
}
.profile__telegram-inner[data-v-12050ff0] {
  max-width: 120rem;
  margin: 0 auto;
}
@media (max-width: 1200px) {
.profile__telegram-inner[data-v-12050ff0] {
    max-width: 103rem;
    width: 100%;
}
}
.profile__container[data-v-12050ff0] {
  display: grid;
  grid-template-columns: 30rem 1fr;
  gap: 5.5rem;
  align-items: start;
  padding-top: 1.6rem;
  padding-bottom: 15.2rem;
}
@media (max-width: 1200px) {
.profile__container[data-v-12050ff0] {
    padding-right: var(--padding-container);
    max-width: calc(144rem + var(--padding-container) * 2);
}
}
@media (max-width: 992px) {
.profile__container[data-v-12050ff0] {
    display: flex;
    flex-direction: column;
}
}
@media (max-width: 480px) {
.profile__container[data-v-12050ff0] {
    padding-top: 2.2rem;
    padding-bottom: 5.2rem;
    gap: 0.5rem;
}
}
.profile__nav[data-v-12050ff0] {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #0D2E1A;
}
.profile__nav[data-v-12050ff0]::before {
  position: absolute;
  content: "";
  height: 150px;
  top: -150px;
  left: 0;
  right: calc(var(--padding-container) * -1);
  background-color: #0D2E1A;
  display: none;
}
@media (max-width: 992px) {
.profile__nav[data-v-12050ff0]::before {
    display: block;
}
}
@media (max-width: 576px) {
.profile__filter[data-v-12050ff0] {
    overflow-x: auto;
    padding-bottom: 1rem;
    margin-right: -20px;
}
}
@media (max-width: 992px) {
.profile__games-banner[data-v-12050ff0] {
    display: none;
}
}
.profile__body[data-v-12050ff0] {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (max-width: 992px) {
.profile__body[data-v-12050ff0] {
    width: 100%;
}
}
.profile__section[data-v-12050ff0] {
  max-width: 108.5rem;
}
@media (max-width: 1200px) {
.profile__section[data-v-12050ff0] {
    max-width: 100%;
    width: 100%;
}
}
.profile__section.--full[data-v-12050ff0] {
  max-width: 133rem;
}
@media (max-width: 1200px) {
.profile__section.--full[data-v-12050ff0] {
    max-width: 98rem;
}
}
@media (max-width: 1024px) {
.profile__section.--full[data-v-12050ff0] {
    max-width: 80rem;
}
}
@media (max-width: 992px) {
.profile__section.--full[data-v-12050ff0] {
    max-width: 100%;
}
}
.profile__user-games-banner[data-v-12050ff0] {
  display: none;
}
@media (max-width: 992px) {
.profile__user-games-banner[data-v-12050ff0] {
    display: grid;
    grid-template-columns: 300px;
    align-items: start;
    justify-content: center;
}
}
@media (max-width: 480px) {
.profile__user-games-banner[data-v-12050ff0] {
    grid-template-columns: 360px;
}
}
@media (max-width: 425px) {
.profile__user-games-banner[data-v-12050ff0] {
    display: block;
    width: 100%;
}
}
.profile__user-info[data-v-12050ff0] {
  display: grid;
  gap: 20px;
}
.profile-line[data-v-12050ff0] {
  background: var(--border-accent-2-1);
  height: 1px;
  max-width: 108.5rem;
  width: 100%;
}
@media (max-width: 1200px) {
.profile-line[data-v-12050ff0] {
    max-width: 100%;
}
}
.v-enter-active[data-v-12050ff0],
.v-leave-active[data-v-12050ff0] {
  transition: 0.5s ease;
}
.v-enter-from[data-v-12050ff0],
.v-leave-to[data-v-12050ff0] {
  opacity: 0;
  transform: translateY(10px);
}[data-v-2384cbc1]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-2384cbc1]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-2384cbc1]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-2384cbc1] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-2384cbc1] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.quiz[data-v-2384cbc1] {
  background-image: url("/assets/img/welcome_game_bg-DXNa3C5Z.webp");
  background-repeat: no-repeat;
  background-position: center; /* x y*/
  background-size: cover; /* w h*/
}
@media (max-width: 576px) {
.quiz[data-v-2384cbc1] {
    background-image: none;
}
}
.quiz-matches[data-v-2384cbc1] {
  display: grid;
  gap: 4rem;
  max-width: 62.2rem;
}
@media (max-width: 576px) {
.quiz-matches[data-v-2384cbc1] {
    justify-items: center;
    gap: 2.4rem;
}
}
@media (max-width: 480px) {
.quiz-matches__desc[data-v-2384cbc1] {
    text-align: center;
}
}
.quiz-matches__desc p[data-v-2384cbc1]:not(:last-child) {
  margin-bottom: 20px;
}
.quiz-padding[data-v-2384cbc1] {
  padding: 4.3rem 0 7.4rem;
}
@media (max-width: 480px) {
.quiz-padding[data-v-2384cbc1] {
    padding: 2.7rem 0 7.4rem;
}
}
.slide-up-enter-active[data-v-2384cbc1],
.slide-up-leave-active[data-v-2384cbc1] {
  transition: all 0.25s ease-out;
}
.slide-up-enter-from[data-v-2384cbc1] {
  opacity: 0;
  transform: translateY(30px);
}
.slide-up-leave-to[data-v-2384cbc1] {
  opacity: 0;
  transform: translateY(-30px);
}[data-v-a4fbca05]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-a4fbca05]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-a4fbca05]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-a4fbca05] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-a4fbca05] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}[data-v-244ee4c7]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-244ee4c7]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-244ee4c7]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-244ee4c7] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-244ee4c7] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}[data-v-3c15e94e]: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: #0d2e1a;
  --text-inverse-100: var(--main-light-100);
  --main-dark-72: rgba(24, 24, 24, 0.72);
  --main-dark-100: #181818;
  --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(24, 24, 24, 0.4);
  --main-light-16: rgba(255, 255, 255, 0.16);
  --main-dark-16: rgba(24, 24, 24, 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(24, 24, 24, 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(24, 24, 24, 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(13, 46, 26, 0.72);
  --brand-accent-1-40: rgba(13, 46, 26, 0.4);
  --brand-accent-1-24: rgba(13, 46, 26, 0.24);
  --brand-accent-1-16: rgba(13, 46, 26, 0.16);
  --brand-accent-1-8: rgba(13, 46, 26, 0.08);
  --brand-accent-2-100: #ffd08e;
  --brand-accent-2-72: rgba(255, 208, 142, 0.72);
  --brand-accent-2-40: rgba(255, 208, 142, 0.4);
  --brand-accent-2-24: rgba(255, 208, 142, 0.24);
  --brand-accent-2-16: rgba(255, 208, 142, 0.16);
  --brand-accent-2-8: rgba(255, 208, 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: #22d5d2;
  --brand-accent-3-72: rgba(34, 213, 210, 0.72);
  --brand-accent-3-40: rgba(34, 213, 210, 0.4);
  --brand-accent-3-24: rgba(34, 213, 210, 0.24);
  --brand-accent-3-16: rgba(34, 213, 210, 0.16);
  --brand-accent-3-8: rgba(34, 213, 210, 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);
  --font-family: "Montserrat", sans-serif;
  --second-family: "AA Stetica", sans-serif;
  --third-family: "Druk Wide Medium Cy", sans-serif;
  --font3: "Circe", sans-serif;
  --transition: .2s;
  --padding-container: 40px;
  --border-radius: 3.2rem;
}
@media (max-width: 768px) {
[data-v-3c15e94e]:root {
    --padding-container: 24px;
}
}
@media (max-width: 480px) {
[data-v-3c15e94e]:root {
    --padding-container: 15px;
    --border-radius: 1.6rem;
}
}
.base-bg[data-v-3c15e94e], .user-data__invations[data-v-3c15e94e] {
  border: 1px solid var(--border-accent-2-3);
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14);
  background-color: var(--fill-accent-1-1);
}
.base-bg-light[data-v-3c15e94e] {
  backdrop-filter: blur(15.3999996185px);
  box-shadow: inset 0 13px 35px 0 rgba(255, 255, 255, 0.14), 0 16px 33px 0 rgba(0, 0, 0, 0.25);
  background-color: linear-gradient(143deg, #165230 0%, #0b2e1b 100%);
}
.user-data[data-v-3c15e94e] {
  display: grid;
  place-content: center;
}
.user-data__inner[data-v-3c15e94e] {
  display: grid;
  grid-template-columns: 50rem;
  gap: 1rem;
  align-items: start;
}
@media (max-width: 576px) {
.user-data__inner[data-v-3c15e94e] {
    grid-template-columns: 1fr;
    gap: 3rem;
}
}
.user-data__invations[data-v-3c15e94e] {
  border: 1px solid var(--border-accent-2-3);
  border-radius: 2.4rem;
  padding: 3.2rem 2.4rem 2.4rem;
}
@media (max-width: 480px) {
.user-data__invations[data-v-3c15e94e] {
    padding: 2.8rem 2.2rem 2.4rem;
}
}
.user-data__invations-title[data-v-3c15e94e] {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 144%;
  color: var(--text-inverse-100);
  margin-bottom: 2rem;
}
@media (max-width: 480px) {
.user-data__invations-title[data-v-3c15e94e] {
    font-size: 1.4rem;
    line-height: 134%;
    margin-bottom: 1.4rem;
}
}
.user-data__invations-title span[data-v-3c15e94e] {
  position: relative;
  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.9484%203.75655C20.9377%203.57307%2020.86%203.39991%2020.73%203.26994C20.6001%203.13998%2020.4269%203.06226%2020.2434%203.05155C13.1062%202.63249%207.38937%204.78124%204.95187%208.81249C4.10697%2010.1915%203.69062%2011.7903%203.75562%2013.4062C3.79806%2014.4396%204.0083%2015.4591%204.37812%2016.425C4.39986%2016.4844%204.43628%2016.5374%204.48399%2016.579C4.53171%2016.6205%204.58918%2016.6494%204.65103%2016.6627C4.71289%2016.6761%204.77713%2016.6736%204.83776%2016.6555C4.8984%2016.6374%204.95346%2016.6042%204.99781%2016.559L12.9666%208.46842C13.0362%208.39874%2013.119%208.34347%2013.21%208.30575C13.3011%208.26804%2013.3986%208.24863%2013.4972%208.24863C13.5957%208.24863%2013.6933%208.26804%2013.7844%208.30575C13.8754%208.34347%2013.9581%208.39874%2014.0278%208.46842C14.0975%208.53811%2014.1528%208.62083%2014.1905%208.71188C14.2282%208.80292%2014.2476%208.9005%2014.2476%208.99905C14.2476%209.0976%2014.2282%209.19518%2014.1905%209.28622C14.1528%209.37727%2014.0975%209.45999%2014.0278%209.52967L5.31937%2018.3694L3.98906%2019.6997C3.85071%2019.8344%203.76811%2020.0162%203.75769%2020.209C3.74727%2020.4018%203.80979%2020.5915%203.93281%2020.7403C4.00019%2020.8183%204.08292%2020.8816%204.17586%2020.9262C4.26879%2020.9708%204.36992%2020.9958%204.47294%2020.9996C4.57595%2021.0034%204.67865%2020.9859%204.7746%2020.9482C4.87055%2020.9105%204.95771%2020.8535%205.03062%2020.7806L6.60469%2019.2065C7.93031%2019.8478%209.26812%2020.1975%2010.5947%2020.2444C10.6991%2020.2481%2010.8031%2020.25%2010.9069%2020.25C12.4176%2020.2539%2013.8996%2019.8377%2015.1875%2019.0481C19.2187%2016.6106%2021.3684%2010.8947%2020.9484%203.75655Z'%20fill='%23FFD08E'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 3.3rem 0px;
  background-size: contain;
  width: 5.5rem;
  display: inline-block;
}
.user-data__invations-title span[data-v-3c15e94e]:last-child {
  background-position: 3rem 0px;
}
@media (max-width: 480px) {
.user-data__invations-title br[data-v-3c15e94e] {
    display: none;
}
}
.user-data__invations-btns[data-v-3c15e94e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.user-data__invations-btns .btn[data-v-3c15e94e] {
  min-height: 3.2rem;
  font-size: 1.4rem;
  border-radius: 1rem;
}
.user-data__invations-btns .btn span[data-v-3c15e94e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.user-data__invations-btns .btn span svg[data-v-3c15e94e] {
  width: 2.4rem;
  height: 2.4rem;
}