@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
}

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

button {
  font-family: var(--font-stack);
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}

input,
textarea,
select {
  font-family: var(--font-stack);
  border: none;
  outline: none;
}

ul,
ol {
  list-style: none;
}

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

input[type=number] {
  appearance: textfield;
}

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

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

:root {
  --transparent: rgba(255, 255, 255, 0);
  --white: #ffffff;
  --white-rgb: 255, 255, 255;
  --white-06: rgba(255, 255, 255, 0.06);
  --black: #13151a;
  --black-2: #282a35;
  --default-black-00: rgba(0, 0, 0, 0);
  --default-black-30: rgba(0, 0, 0, 0.3);
  --default-black-10: rgba(0, 0, 0, 0.1);
  --default-black-50: rgba(0, 0, 0, 0.5);
  --light-grey: #ffffffb3;
  --light-grey-2: #f1f1f1;
  --light-grey-3: #a8b4ff;
  --black-rgb: 19, 21, 26;
  --white-smoke: #f8f8f8;
  --gray: #a1a1a3;
  --gray-2: #8f93a3;
  --gray-3: #898a8c;
  --gray-02: rgba(235, 81, 81, 0.2);
  --dark-gray: #717376;
  --steel-grey: #434549;
  --accent: #526aff;
  --accent-new: #4265f9;
  --accent-rgb: 82, 106, 255;
  --accent-purple: #612472;
  --blue-accent: #3488ff;
  --background-body: #13151a;
  --red: #eb5151;
  --red-2: #ff6567;
  --red-3: #ff6666;
  --red-20: rgba(255, 102, 54, 0.2);
  --red-03: rgba(255, 140, 102, 0.03);
  --red-accent: #8d1010;
  --orange: #ff6636;
  --orange-2: #ff8c66;
  --orange-3: #fca264;
  --text-primary: var(--white);
  --black-04: rgba(0, 0, 0, 0.4);
  --black-05: rgba(19, 21, 26, 0.05);
  --black-15: rgba(19, 21, 26, 0.15);
  --black-20: rgba(19, 21, 26, 0.2);
  --black-40: rgba(19, 21, 26, 0.4);
  --black-50: rgba(19, 21, 26, 0.5);
  --black-60: rgba(19, 21, 26, 0.6);
  --black-70: rgba(19, 21, 26, 0.7);
  --black-80: rgba(19, 21, 26, 0.8);
  --white-05: rgba(255, 255, 255, 0.05);
  --white-07: rgba(255, 255, 255, 0.07);
  --white-10: rgba(255, 255, 255, 0.1);
  --white-15: rgba(255, 255, 255, 0.15);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-30: rgba(255, 255, 255, 0.3);
  --white-40: rgba(255, 255, 255, 0.4);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-60: rgba(255, 255, 255, 0.6);
  --white-70: rgba(255, 255, 255, 0.7);
  --orange-15: rgba(255, 140, 102, 0.15);
  --border-grey: #dcdcdd;
  --yellow: #ffe566;
  --yellow-2: #f8ce4c;
  --yellow-10: rgba(255, 229, 102, 0.1);
  --green: #66ffb2;
  --green-2: #3c9993;
  --green-3: #4caf50;
  --green-10: rgba(102, 255, 178, 0.1);
  --blue-accent-10: rgba(102, 128, 255, 0.15);
  --blue-accent-20: rgba(82, 106, 255, 0.2);
  --blue-accent-70: rgba(82, 106, 255, 0.7);
  --wild-watermelon: #ff6669;
  --wild-watermelon-15: rgba(255, 102, 105, 0.15);
  --lime-green: #99ff66;
  --lime-green-10: rgba(153, 255, 102, 0.1);
  --aqua-green: #66ffe5;
  --aqua-green-10: rgba(102, 255, 229, 0.1);
  --purple: #dd99ff;
  --purple-15: rgba(204, 102, 255, 0.15);
  --blue: #66d9ff;
  --blue-2: #b4ccde;
  --blue-3: #2787f5;
  --blue-4: #3579ea;
  --blue-5: #3046d0;
  --blue-15: rgba(102, 217, 255, 0.15);
  --dark-blue-15: rgba(18, 21, 27, 0.15);
  --pink: #ff66bf;
  --pink-15: rgba(255, 102, 191, 0.15);
  --ghost-white: #eef0ff;
  --bg-blue-10: rgba(82, 106, 255, 0.1);
  --bg-blue-20: rgba(82, 106, 255, 0.2);
  --bg-success-green-20: rgba(71, 186, 131, 0.2);
  --main-green-success: #40a561;
  --box-shadow-1: 0 4px 10px rgba(51, 66, 160, 0.3);
  --gradient-3:
    linear-gradient(
      304deg,
      #ff513d 3.99%,
      rgba(255, 81, 61, 0.69) 26.31%,
      rgba(255, 171, 102, 0) 75.61%
    ),
    linear-gradient(
      243deg,
      #ff3469 1.8%,
      #ff5f88 1.81%,
      #ff5f88 30.1%,
      rgba(255, 101, 133, 0.73) 57.35%,
      rgba(255, 121, 124, 0.22) 78.5%,
      rgba(255, 171, 102, 0) 100%
    ),
    linear-gradient(
      65deg,
      #f9a25c 0%,
      #ffab66 32.57%,
      #ffab66 51.91%,
      rgba(255, 171, 102, 0) 104.52%
    ),
    #ffffff;
  --gradient-2:
    linear-gradient(
      136deg,
      rgba(18, 12, 79, 0.69) 0%,
      rgba(34, 29, 88, 0.2) 18.22%,
      rgba(44, 39, 94, 0.11) 31.8%,
      rgba(0, 0, 0, 0) 63.31%,
      rgba(0, 0, 0, 0) 63.31%
    ),
    linear-gradient(
      298deg,
      #1053d6 -5.49%,
      rgba(10, 0, 144, 0.3) 19.56%,
      rgba(41, 37, 86, 0.14) 44.93%,
      rgba(15, 13, 32, 0.04) 70.72%,
      rgba(0, 0, 0, 0) 90.88%,
      rgba(0, 0, 0, 0) 90.88%
    ),
    linear-gradient(
      68deg,
      rgba(15, 15, 99, 0.13) 0.02%,
      rgba(15, 15, 99, 0.11) 19.71%,
      rgba(15, 15, 99, 0.21) 55.69%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      237deg,
      rgba(80, 118, 254, 0.82) 8.34%,
      rgba(18, 0, 251, 0.52) 39.13%,
      rgba(18, 0, 251, 0.51) 49.88%,
      rgba(18, 0, 251, 0.5) 56.31%,
      rgba(14, 0, 194, 0.4) 71.26%,
      rgba(0, 0, 0, 0) 101.53%
    ),
    #ffffff;
  --gradient-6:
    linear-gradient(
      102deg,
      rgba(173, 143, 255, 0.59) -7.34%,
      rgba(148, 123, 218, 0.61) 5.09%,
      rgba(96, 79, 141, 0.36) 18.51%,
      rgba(96, 79, 141, 0) 92.67%
    ),
    linear-gradient(
      244deg,
      #98edff 0.25%,
      #98edff 11.43%,
      rgba(180, 255, 248, 0) 87.5%
    ),
    radial-gradient(
      92.07% 38.03% at 55.13% 49.96%,
      rgba(179, 209, 251, 0.13) 0%,
      rgba(0, 0, 0, 0) 100%,
      rgba(179, 209, 251, 0) 100%
    ),
    #ffffff;
  --gradient-1:
    linear-gradient(
      302deg,
      rgba(52, 51, 132, 0) 49.83%,
      rgba(54, 53, 135, 0.34) 71.82%,
      rgba(54, 54, 136, 0.49) 78.18%,
      rgba(54, 54, 137, 0.67) 85.78%,
      rgba(15, 15, 99, 0.76) 91.8%,
      rgba(3, 3, 53, 0.9) 99.99%,
      rgba(3, 3, 52, 0.9) 100%
    ),
    radial-gradient(
      49.93% 49.92% at 50% 50%,
      rgba(139, 89, 200, 0.69) 0%,
      rgba(140, 85, 205, 0.54) 51.35%,
      rgba(148, 96, 210, 0.37) 78.96%,
      rgba(159, 109, 217, 0.1) 100%
    ),
    linear-gradient(
      69deg,
      rgba(251, 241, 254, 0.9) -2.15%,
      rgba(237, 202, 245, 0.84) 0.51%,
      rgba(224, 159, 240, 0.58) 17.3%,
      rgba(224, 159, 240, 0.29) 25.11%,
      rgba(224, 159, 240, 0) 32.77%
    ),
    linear-gradient(
      191deg,
      rgba(207, 0, 255, 0.9) -15.22%,
      rgba(207, 0, 255, 0.85) -4.05%,
      rgba(203, 0, 251, 0.66) 8.02%,
      rgba(210, 40, 251, 0.45) 45.45%,
      rgba(221, 105, 252, 0) 76.58%
    ),
    linear-gradient(
      281deg,
      rgba(90, 59, 253, 0.8) 0.54%,
      rgba(94, 66, 254, 0.74) 14.25%,
      rgba(101, 76, 255, 0.54) 36.07%,
      rgba(103, 79, 255, 0.45) 46.23%
    ),
    #ffffff;
  --grad-blue:
    linear-gradient(
      136deg,
      rgba(18, 12, 79, 0.69) 0%,
      rgba(34, 29, 88, 0.2) 18.22%,
      rgba(44, 39, 94, 0.11) 31.8%,
      rgba(0, 0, 0, 0) 63.31%,
      rgba(0, 0, 0, 0) 63.31%
    ),
    linear-gradient(
      298deg,
      #1053d6 -5.49%,
      rgba(10, 0, 144, 0.3) 19.56%,
      rgba(41, 37, 86, 0.14) 44.93%,
      rgba(15, 13, 32, 0.04) 70.72%,
      rgba(0, 0, 0, 0) 90.88%,
      rgba(0, 0, 0, 0) 90.88%
    ),
    linear-gradient(
      68deg,
      rgba(15, 15, 99, 0.13) 0.02%,
      rgba(15, 15, 99, 0.11) 19.71%,
      rgba(15, 15, 99, 0.21) 55.69%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      237deg,
      rgba(80, 118, 254, 0.82) 8.34%,
      rgba(18, 0, 251, 0.52) 39.13%,
      rgba(18, 0, 251, 0.51) 49.88%,
      rgba(18, 0, 251, 0.5) 56.31%,
      rgba(14, 0, 194, 0.4) 71.26%,
      rgba(0, 0, 0, 0) 101.53%
    ),
    #ffffff;
  --grad-light-green:
    linear-gradient(
      119deg,
      #54eee4 -7.47%,
      rgba(84, 238, 228, 0.87) 2.85%,
      rgba(84, 238, 228, 0.29) 16.04%,
      rgba(84, 238, 228, 0.08) 32.89%,
      rgba(84, 238, 228, 0) 73.69%
    ),
    linear-gradient(
      61deg,
      #47bab3 2.33%,
      rgba(71, 186, 179, 0.89) 10.92%,
      rgba(71, 186, 179, 0.7) 21.22%,
      rgba(71, 186, 179, 0.3) 52.81%,
      rgba(71, 186, 179, 0) 78.8%
    ),
    linear-gradient(
      242deg,
      #ffc97c -3.13%,
      #ffc97c 4.91%,
      rgba(255, 201, 124, 0.84) 17.06%,
      rgba(255, 201, 124, 0.58) 42.4%,
      rgba(255, 201, 124, 0.4) 56.59%,
      rgba(255, 201, 124, 0) 99.97%
    ),
    #ffffff;
  --gradient-5:
    linear-gradient(
      119deg,
      #54eee4 -7.47%,
      rgba(84, 238, 228, 0.87) 2.85%,
      rgba(84, 238, 228, 0.29) 16.04%,
      rgba(84, 238, 228, 0.08) 32.89%,
      rgba(84, 238, 228, 0) 73.69%
    ),
    linear-gradient(
      61deg,
      #339993 2.33%,
      rgba(51, 153, 147, 0.89) 10.92%,
      rgba(51, 153, 147, 0.7) 21.22%,
      rgba(51, 153, 147, 0.3) 52.81%,
      rgba(51, 153, 147, 0) 78.8%
    ),
    linear-gradient(
      242deg,
      #ffb347 -3.13%,
      #ffb347 4.91%,
      rgba(255, 179, 71, 0.84) 17.06%,
      rgba(255, 179, 71, 0.58) 42.4%,
      rgba(255, 179, 71, 0.4) 56.59%,
      rgba(255, 179, 71, 0) 99.97%
    ),
    #ffffff;
  --gradient-4:
    linear-gradient(0deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)),
    radial-gradient(
      19.46% 21.38% at 43.68% 41.43%,
      rgba(4, 167, 19, 0.15) 0%,
      rgba(7, 168, 26, 0.08) 100%
    ),
    linear-gradient(
      304deg,
      rgba(240, 255, 146, 0.91) 0%,
      rgba(156, 218, 134, 0.33) 18.49%,
      rgba(147, 211, 131, 0.09) 64.38%,
      rgba(131, 200, 125, 0.32) 79.94%
    ),
    linear-gradient(
      240deg,
      #bafff1 0%,
      #b5fcee 7.33%,
      rgba(123, 224, 203, 0) 85.76%
    ),
    linear-gradient(
      168deg,
      rgba(3, 168, 15, 0.84) 6.65%,
      rgba(3, 168, 15, 0.6) 21.4%,
      rgba(3, 168, 15, 0.22) 65.44%,
      rgba(3, 168, 15, 0) 110.46%
    ),
    linear-gradient(
      54deg,
      rgba(1, 109, 79, 0.95) 12.9%,
      rgba(1, 109, 79, 0.85) 21.18%,
      rgba(1, 109, 79, 0) 90.12%
    ),
    #ffffff;
  --font-stack: "Stolzl", sans-serif;
  --font-stack-book: "Stolzl Book", sans-serif;
  --breakpoint-mobile: 768px;
  --breakpoint-tablet: 1024px;
  --breakpoint-desktop: 1240px;
  --breakpoint-large: 1920px;
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
}

/* stylelint-disable declaration-no-important */
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /*
/*rtl:begin:ignore*/
  left: 0;
} /*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /*
/*rtl:begin:ignore*/
  right: 0;
} /*
/*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: calc(100 * var(--doc-height, 1vh));
}

html {
  font-size: 16px;
  line-height: 1.5;
}

body {
  height: 100%;
  display: flex;
  flex-direction: column;
  font-family: var(--font-stack);
  color: var(--text-primary);
  background-color: var(--background-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

.wrapper {
  position: relative;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: calc(100 * var(--doc-height, 1vh));
}

main {
  flex-grow: 1;
  width: 100%;
  min-width: 100%;
}

.gray-icon {
  color: var(--white);
  opacity: 0.6;
}

.is-hidden {
  display: none !important;
}

textarea {
  resize: none;
}

@font-face {
  font-family: "Stolzl Book";
  src: url("/fonts/Stolzl-Book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  ascent-override: 96%;
  descent-override: 18%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Stolzl";
  src: url("/fonts/Stolzl-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  ascent-override: 96%;
  descent-override: 18%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Stolzl";
  src: url("/fonts/Stolzl-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  ascent-override: 96%;
  descent-override: 18%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Stolzl";
  src: url("/fonts/Stolzl-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  ascent-override: 96%;
  descent-override: 18%;
  line-gap-override: 0%;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideDown {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideBottom {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.fade-in {
  animation: fadeIn 0.3s ease-in;
}

.fade-out {
  animation: fadeOut 0.3s ease-out;
}

.slide-up {
  animation: slideUp 0.3s ease-out;
}

.slide-down {
  animation: slideDown 0.3s ease-out;
}

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

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

.slide-bottom-enter-active,
.slide-bottom-leave-active {
  transition: transform 0.3s ease;
}

.slide-bottom-enter-from {
  transform: translateY(-100%);
}

.slide-bottom-leave-to {
  transform: translateY(-100%);
}

/* stylelint-disable declaration-no-important */
.heading-1 {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 70px;
  line-height: 80px;
}
@media screen and (max-width: 1023px) {
  .heading-1 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    line-height: 62px;
  }
}
@media screen and (max-width: 767px) {
  .heading-1 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    line-height: 36px;
  }
}

.heading-2 {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
}
@media screen and (max-width: 1023px) {
  .heading-2 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    line-height: 54px;
  }
}
@media screen and (max-width: 767px) {
  .heading-2 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
  }
}

.heading-3 {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
}
@media screen and (max-width: 1023px) {
  .heading-3 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    line-height: 32px;
  }
}
@media screen and (max-width: 767px) {
  .heading-3 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
}

.heading-4 {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
}
@media screen and (max-width: 1023px) {
  .heading-4 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .heading-4 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
}

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

.paragraph {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  font-family: var(--font-stack-book);
}
.paragraph_color_gray {
  color: var(--white-60);
}

.link_hovered {
  transition: opacity var(--transition-base);
}
.link_hovered:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .hidden-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 1239px) {
  .hidden-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .hidden-tablet {
    display: none !important;
  }
}

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

.layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* stylelint-disable-next-line selector-max-id */
#svgContainer {
  height: 0;
  width: 0;
  position: absolute;
  left: -99999999px;
  visibility: hidden;
}

.header-placeholder {
  height: 104px;
}

.container, .main__container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 60px;
}

@media screen and (max-width: 1023px) {
  .container,
  .main__container {
    padding: 0 32px;
  }
}
@media screen and (max-width: 767px) {
  .container,
  .main__container {
    padding: 0 20px;
  }
}
.header {
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 35px 0;
  transition: transform 0.4s ease-out, background-color 0.2s ease;
}
.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header:has(.nav_opened), .header_bg-black {
  background-color: var(--black);
}
.header_hidden {
  transform: translate3d(0, -100%, 0);
}
.header__text, .header__button, .header__city, .header__link {
  color: var(--white);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}
.header__city {
  position: relative;
  display: flex;
  align-items: center;
  margin: -2px 0 0;
  padding: 0;
  font-family: var(--font-stack-book);
  background-color: transparent;
  border: none;
}
.header__city > div:first-child {
  display: flex;
  align-items: center;
}
.header__city svg {
  margin-right: 8px;
}
.header__city .dropdown__button span {
  max-width: 140px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.header__link {
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.header__link:hover {
  opacity: 0.8;
}
.header__logo {
  display: block;
  align-self: center;
  width: 174px;
  height: 34px;
  color: var(--white);
  transform: translateY(4px);
  transition: opacity 0.2s ease;
}
.header__logo svg {
  width: 174px;
  height: 34px;
}
.header__logo:hover {
  opacity: 0.8;
}
.header__button {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.header__button:hover {
  opacity: 0.8;
}
.header__button_icon {
  margin-top: -2px;
  line-height: 0;
}
.header__nav-wrapper {
  display: grid;
  grid-gap: 76px;
  grid-template-columns: 174px auto;
}
.header__info {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 34px;
  align-items: center;
  margin-top: 2px;
}
.header__burger {
  position: relative;
  z-index: 12;
  display: none;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.header__burger svg {
  display: none;
  color: var(--white);
}
.header__burger::before, .header__burger::after {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--white);
  transition: transform 0.2s ease;
  content: " ";
}
.header__burger::before {
  top: 14px;
}
.header__burger::after {
  bottom: 14px;
}
.header__burger.opened::before {
  transform: rotate(45deg) translateY(7px);
}
.header__burger.opened::after {
  transform: rotate(-45deg) translateY(-7px);
}

.nav {
  display: flex;
  flex-wrap: nowrap;
}
.nav__menu {
  position: absolute;
  top: var(--header-height, 104px);
  left: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 310px;
  text-align: left;
  background-color: var(--black);
  border-radius: 0 0 30px 30px;
  cursor: auto;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.nav__menu::after {
  position: absolute;
  top: 0;
  left: 38px;
  width: calc(100% - 76px);
  height: 1px;
  background-color: var(--white-20);
  content: "";
}
.nav__submenu-wrapper {
  display: grid;
  grid-template-columns: 1fr 443px;
  width: 100%;
  max-width: 1920px;
  padding: 40px 60px 92px;
}
.nav__submenu {
  display: grid;
  grid-auto-rows: max-content;
  grid-gap: 30px 90px;
  grid-template-columns: repeat(3, 1fr);
  max-width: 832px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav__button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin: 4px 0 0;
  padding: 0;
  color: var(--white);
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s ease;
}
.nav__button:focus {
  outline: none;
}
.nav__button::after {
  width: 100%;
  height: 5px;
  background-color: transparent;
  border-radius: 3px 3px 0 0;
  transform: translateY(38px);
  content: "";
}
.nav__button_active {
  outline: none;
}
.nav__button_active::after {
  background-color: var(--accent);
}
.nav__share {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 52px;
  padding: 0 38px;
  text-decoration: none;
  background-color: var(--white-10);
  border-radius: 0 0 30px 30px;
}
.nav__share .paragraph {
  font-family: var(--font-stack);
}
.nav__share:focus {
  outline: none;
}
.nav__share svg {
  color: var(--white);
  transform: scale(-1, 1);
}
.nav__link {
  display: flex;
  align-items: center;
  font-family: var(--font-stack);
  text-decoration: none;
}
.nav__link:focus {
  outline: none;
}
.nav__link-icon {
  width: 20px;
  height: 20px;
}
.nav__link-icon_left {
  margin-right: 8px;
}
.nav__link-icon_right {
  margin-left: 8px;
}
.nav__backdrop {
  position: absolute;
  top: 104px;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100vh;
  background-color: var(--black-60);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.nav__mobile-controls {
  display: none;
}
.nav__city {
  position: relative;
  display: flex;
  align-items: center;
  margin: -2px 0 40px;
  padding: 0;
  color: var(--white);
  font-weight: 400;
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 22px;
  background-color: transparent;
  border: none;
}
.nav__city > div:first-child {
  display: flex;
  align-items: center;
}
.nav__city svg {
  margin-right: 8px;
}
.nav__lang, .nav__phone {
  display: inline-block;
  margin-bottom: 40px;
  color: var(--white);
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
}
.nav__auth-button {
  width: 100%;
  font-size: 15px;
}
.nav__banner {
  max-height: 178px;
}

@media screen and (min-width: 1240px) {
  .nav {
    gap: 45px;
  }
  .nav_opened .nav__button:not(.nav__button_active) {
    color: var(--gray);
  }
  .nav_opened .nav__backdrop {
    opacity: 1;
    pointer-events: auto;
  }
  .nav_sticky {
    margin: -18px 0;
    padding: 18px 0;
  }
  .nav_sticky .nav__button::after {
    transform: translateY(21px);
  }
  .nav_sticky .nav__menu {
    top: 70px;
  }
  .nav__button_active + .nav__menu, .nav__button:focus + .nav__menu, .nav__button:focus-within + .nav__menu {
    transition-delay: 0ms;
    opacity: 1;
    pointer-events: auto;
  }
}
@media screen and (max-width: 1439px) {
  .header__info {
    margin-top: 0;
  }
  .header_with_bg {
    background-color: var(--black);
  }
  .header__burger {
    display: block;
  }
  .nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: calc(100 * var(--doc-height, 1vh));
    margin: 0;
    padding: 75px 32px 84px;
    gap: 32px;
    overflow: hidden auto;
    background-color: var(--black);
  }
  .nav_opened {
    display: flex;
  }
  .nav__menu {
    position: static;
    display: none;
    width: calc(100vw - 64px);
    min-height: auto;
    margin: 36px 0 0;
    padding: 0;
    border-radius: 0;
    opacity: 1;
    pointer-events: auto;
  }
  .nav__menu::after {
    content: none;
  }
  .nav__submenu-wrapper {
    display: block;
    padding: 0;
  }
  .nav__submenu {
    grid-gap: 20px 96px;
    grid-template-columns: max-content max-content;
    max-width: unset;
  }
  .nav__banner {
    display: none;
  }
  .nav__share {
    position: relative;
    margin-top: 30px;
    margin-bottom: 0;
    padding: 0;
    border-radius: inherit;
  }
  .nav__share::before {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    width: calc(100% + 64px);
    height: 100%;
    background-color: var(--white-10);
    transform: translateX(-50%);
    content: "";
  }
  .nav__button {
    display: block;
    height: auto;
    margin-top: 0;
    color: var(--white);
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    opacity: 0.6;
    transition: opacity 0.2s ease;
  }
  .nav__button:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .nav__button_active {
    opacity: 1;
  }
  .nav__button_active + .nav__menu {
    display: block;
  }
  .nav__button:focus-visible {
    opacity: 1;
  }
}
@media screen and (max-width: 1439px) and (hover: hover) {
  .nav__button:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 1439px) {
  .nav__backdrop {
    display: none;
  }
  .nav__mobile-controls {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .nav__auth-button {
    margin-top: auto;
  }
}
@media screen and (max-width: 1023px) {
  .header {
    padding: 35px 0;
  }
  .header__nav-wrapper {
    grid-template-columns: 1fr;
  }
  .header__city {
    display: none;
  }
  .header__info {
    grid-gap: 36px;
  }
}
@media screen and (max-width: 767px) {
  .header {
    padding: 21px 0;
  }
  .header__logo {
    width: 144px;
    height: 28px;
    transform: translateY(3px);
  }
  .header__logo svg {
    width: 144px;
    height: 28px;
  }
  .header__lang, .header__profile, .header__link[data-phone] {
    display: none;
  }
  .header__button[data-auth-button] {
    display: none;
  }
  .header__info {
    grid-gap: 26px;
  }
  .nav {
    padding: 45px 20px 120px;
  }
  .nav__button {
    font-size: 20px;
    line-height: 28px;
  }
  .nav__button:not(:last-child) {
    margin-bottom: 0;
  }
  .nav__link {
    font-size: 15px;
    font-family: var(--font-stack-book);
    line-height: 22px;
  }
  .nav__city {
    margin-bottom: 30px;
  }
  .nav__city .dropdown__button {
    font-size: 15px;
  }
  .nav__lang, .nav__phone {
    margin-bottom: 30px;
  }
  .nav__menu {
    width: calc(100vw - 40px);
    margin-top: 20px;
    padding-bottom: 0;
  }
  .nav__submenu {
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }
  .nav__share {
    height: auto;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 15px 0;
    background: none;
  }
  .nav__share .paragraph {
    font-size: 15px;
    line-height: 22px;
  }
  .nav__share::before {
    z-index: 0;
    width: calc(100% + 40px);
  }
}
.nav-quest-card {
  position: relative;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 146px 1fr;
  align-self: start;
  padding: 20px;
  background-color: var(--white-05);
  border-radius: 30px;
}
.nav-quest-card__image {
  width: 146px;
  height: 138px;
  object-fit: cover;
  border-radius: 30px;
}
.nav-quest-card__image-wrapper {
  position: relative;
}
.nav-quest-card__rating {
  position: absolute;
  right: 13px;
  bottom: 13px;
}
.nav-quest-card__title {
  margin-bottom: 5px;
}
.nav-quest-card__title::after {
  position: absolute;
  inset: 0;
  content: "";
}
.nav-quest-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 11px;
  padding-bottom: 7px;
}
.nav-quest-card svg {
  color: var(--white);
}
.nav-quest-card__complexity {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(5, 1fr);
  max-width: 110px;
}

@media screen and (max-width: 1239px) {
  .nav-quest-card__title {
    margin-bottom: 9px;
    font-size: 18px;
    line-height: 24px;
  }
}
.nav-article-card {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 67px 1fr;
  padding: 22px 40px;
  background-color: var(--white-05);
  border-radius: 30px;
}
.nav-article-card__image {
  width: 67px;
  height: auto;
}
.nav-article-card__image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.nav-article-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 11px;
  padding-bottom: 6px;
}
.nav-article-card__link {
  font-weight: 400;
  font-family: var(--font-stack);
  text-decoration: none;
}

@media screen and (max-width: 1239px) {
  .nav-article-card {
    grid-gap: 66px;
    padding: 20px 30px 20px 66px;
  }
  .nav-article-card__body {
    padding: 24px 0;
  }
  .nav-article-card__body > p {
    font-size: 18px;
    line-height: 24px;
  }
}
/* stylelint-disable number-max-precision */
/* stylelint-disable declaration-no-important */
.nav-gift-card {
  position: relative;
  padding: 30px;
  overflow: hidden;
  background: linear-gradient(301.9deg, rgba(52, 51, 132, 0) 49.83%, rgba(54, 53, 135, 0.342) 71.82%, rgba(54, 54, 136, 0.486) 78.18%, rgba(54, 54, 137, 0.666) 85.78%, rgba(15, 15, 99, 0.756) 91.8%, rgba(3, 3, 53, 0.899656) 99.99%, rgba(3, 3, 52, 0.9) 100%), radial-gradient(49.92% 49.92% at 50% 50%, rgba(139, 89, 200, 0.693) 0%, rgba(140, 85, 205, 0.54) 51.35%, rgba(148, 96, 210, 0.369) 78.96%, rgba(159, 109, 217, 0.099) 100%), linear-gradient(68.6deg, rgba(251, 241, 254, 0.9) -2.15%, rgba(237, 202, 245, 0.838834) 0.51%, rgba(224, 159, 240, 0.585) 17.3%, rgba(224, 159, 240, 0.288) 25.11%, rgba(224, 159, 240, 0) 32.77%), linear-gradient(190.87deg, rgba(207, 0, 255, 0.9) -15.22%, rgba(207, 0, 255, 0.846203) -4.05%, rgba(203, 0, 251, 0.657) 8.02%, rgba(210, 40, 251, 0.45) 45.45%, rgba(221, 105, 252, 0) 76.58%), linear-gradient(281.26deg, rgba(90, 59, 253, 0.801) 0.54%, rgba(94, 66, 254, 0.738) 14.25%, rgba(101, 76, 255, 0.54) 36.07%, rgba(103, 79, 255, 0.45) 46.23%), #ffffff;
  border-radius: 30px;
}
.nav-gift-card__text-container {
  max-width: 196px;
}
.nav-gift-card__title {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 15px !important;
  font-family: var(--font-stack-book);
  line-height: 22px !important;
}
.nav-gift-card__desc {
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 18px;
}
.nav-gift-card__link {
  display: inline-block;
  margin-top: 30px;
  font-family: var(--font-stack);
  text-decoration: none;
}
.nav-gift-card__image {
  position: absolute;
  right: 16px;
  bottom: -44px;
  z-index: 1;
  max-width: 170px;
}

.footer {
  padding-top: 80px;
  padding-bottom: 50px;
  margin-top: 130px;
  overflow: hidden;
  border-top: 1px solid var(--white-20);
}
.footer_without-border {
  border-top: none;
}
.footer__title {
  margin-bottom: 30px;
  color: var(--white);
  font-size: 22px;
  line-height: 1.36;
}
.footer__grid {
  position: relative;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr clamp(450px, 36.11%, 650px);
  align-items: start;
}
.footer__grid > div:first-child svg {
  opacity: 0.5;
}
.footer__nav-list {
  margin-top: 40px;
  margin-bottom: 50px;
}
.footer__nav-item:not(:last-child) {
  margin-bottom: 30px;
}
.footer__nav-link {
  color: var(--white);
  font-size: 22px;
  line-height: 1.36;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.footer__nav-link:hover, .footer__nav-link:focus {
  opacity: 0.7;
}
.footer__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.footer__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.footer__icon a {
  display: flex;
  color: var(--white);
  transition: opacity 0.2s ease;
}
.footer__icon a:hover, .footer__icon a:focus {
  opacity: 0.5;
}
.footer__contacts-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
}
.footer__contacts-item {
  display: inline-block;
  color: var(--white);
  font-size: 32px;
  line-height: 1;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.footer__contacts-item:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .footer__contacts-item:hover {
    opacity: 0.7;
  }
}
.footer__link {
  color: var(--white);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 1;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.footer__link:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .footer__link:hover {
    opacity: 0.7;
  }
}
.footer__fci {
  margin: 32px 0;
}
.footer__fci-link {
  transition: opacity 0.2s ease;
}
.footer__fci-link img {
  height: 30px;
  width: auto;
  filter: brightness(10);
}
.footer__fci-link:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .footer__fci-link:hover {
    opacity: 0.7;
  }
}
.footer__bottom {
  grid-column: span 2;
  display: flex;
  gap: 54px;
  width: 100%;
}
.footer__copyright {
  flex-shrink: 0;
  color: var(--white-50);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 1;
  margin-right: auto;
}
.footer__copyright_mobile {
  display: none;
}
.footer__copyright .footer__link {
  font-family: var(--font-stack);
  font-weight: 400;
  color: var(--white-50);
  transition: color 0.2s ease;
  transform: translateZ(0);
}
.footer__copyright .footer__link:focus-visible {
  color: var(--white);
}
@media (hover: hover) {
  .footer__copyright .footer__link:hover {
    color: var(--white);
  }
}
.footer__contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer_no-mt {
  margin-top: 0;
}

@media screen and (max-width: 1239px) {
  .footer__bottom {
    gap: 24px;
  }
  .wrapper:has(.quests-mobile-nav) .footer {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1023px) {
  .footer {
    padding-top: 60px;
    padding-bottom: 30px;
    margin-top: 100px;
  }
  .footer__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .footer__title {
    font-size: 18px;
  }
  .footer__nav-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 14px;
  }
  .footer__nav-list-item:not(:last-child) {
    margin-bottom: 16px;
  }
  .footer__copyright {
    order: 4;
  }
  .footer__bottom {
    grid-column: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .footer_no-mt {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .wrapper:has(.quests-mobile-nav) .footer {
    padding-bottom: 80px;
  }
  .footer {
    padding-top: 40px;
    padding-bottom: 20px;
    margin-top: 60px;
  }
  .footer__copyright {
    font-size: 13px;
    line-height: 18px;
  }
  .footer__link {
    font-size: 13px;
    line-height: 18px;
  }
  .footer__grid {
    display: block;
  }
  .footer__contacts-list {
    gap: 20px;
    margin-bottom: 20px;
  }
  .footer__contacts-item {
    font-size: 20px;
    line-height: 28px;
  }
  .footer__nav-list {
    display: block;
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .footer__nav-link {
    font-size: 15px;
    font-family: var(--font-stack-book);
  }
  .footer__nav-item:not(:last-child) {
    margin-bottom: 26px;
  }
  .footer__title {
    font-size: 20px;
  }
  .footer__list {
    gap: 11px;
    margin-bottom: 20px;
  }
  .footer__icon {
    width: 32px;
    height: 32px;
  }
  .footer__icon a svg {
    width: 32px;
    height: 32px;
  }
  .footer__documents {
    gap: 20px;
  }
  .footer_no-mt {
    margin-top: 0;
  }
}
.page-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.background-circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(120px);
  opacity: 0.3;
  pointer-events: none;
  background-position: left top;
  background-repeat: repeat-y;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  background-image: radial-gradient(ellipse 556.8px 515.2px at 0% 1198px, #526aff 30%, transparent 90%), radial-gradient(ellipse 304px 281.6px at 40% 259px, #526aff 30%, transparent 90%), radial-gradient(ellipse 307.2px 281.6px at 90% 1944px, #526aff 30%, transparent 90%), radial-gradient(ellipse 540.8px 499.2px at 0% 2731px, #612472 30%, transparent 90%), radial-gradient(ellipse 604.8px 556.8px at 80% 2204px, #526aff 30%, transparent 90%), radial-gradient(ellipse 323.2px 297.6px at 90% 2463px, #526aff 30%, transparent 90%), radial-gradient(ellipse 460.8px 425.6px at 0% 4482px, #612472 30%, transparent 90%), radial-gradient(ellipse 291.2px 275.2px at 90% 3559px, #526aff 30%, transparent 90%), radial-gradient(ellipse 464px 467.2px at 60% 3879px, #526aff 30%, transparent 90%), radial-gradient(ellipse 368px 339.2px at 90% 831px, #612472 30%, transparent 90%);
  background-size: 100% 4700px;
}
@media screen and (max-width: 1023px) {
  .background-circles {
    background-image: radial-gradient(ellipse 307.2px 281.6px at 55% 1296px, #526aff 30%, transparent 90%), radial-gradient(ellipse 508.8px 467.2px at 0% 1508px, #526aff 30%, transparent 90%), radial-gradient(ellipse 278.4px 252.8px at 100% 2016px, #526aff 30%, transparent 90%), radial-gradient(ellipse 448px 412.8px at 0% 2742px, #612472 30%, transparent 90%), radial-gradient(ellipse 460.8px 422.4px at 40% 2218px, #526aff 30%, transparent 90%), radial-gradient(ellipse 406.4px 377.6px at 100% 3385px, #526aff 30%, transparent 90%), radial-gradient(ellipse 355.2px 326.4px at 30% 4557px, #612472 30%, transparent 90%), radial-gradient(ellipse 464px 428.8px at 0% 5068px, #526aff 30%, transparent 90%), radial-gradient(ellipse 252.8px 252.8px at 10% 5709px, #526aff 30%, transparent 90%), radial-gradient(ellipse 310.4px 310.4px at 100% 5316px, #612472 30%, transparent 90%), radial-gradient(ellipse 272px 272px at 100% 6081px, #612472 30%, transparent 90%), radial-gradient(ellipse 272px 272px at 60% 5960px, #612472 30%, transparent 90%), radial-gradient(ellipse 265.6px 265.6px at 90% 7269px, #612472 30%, transparent 90%), radial-gradient(ellipse 323.2px 297.6px at 0% 6466px, #526aff 30%, transparent 90%), radial-gradient(ellipse 368px 339.2px at 90% 831px, #612472 30%, transparent 90%), radial-gradient(ellipse 307.2px 281.6px at 10% 259px, #526aff 30%, transparent 90%);
    background-size: 100% 7500px;
  }
}
@media screen and (max-width: 767px) {
  .background-circles {
    filter: blur(80px);
    background-image: radial-gradient(ellipse 214.4px 198.4px at 70% 928px, #526aff 30%, transparent 90%), radial-gradient(ellipse 355.2px 326.4px at 0% 1076px, #526aff 30%, transparent 90%), radial-gradient(ellipse 332.8px 304px at 20% 1613px, #526aff 30%, transparent 90%), radial-gradient(ellipse 300.8px 278.4px at 100% 589px, #612472 30%, transparent 90%), radial-gradient(ellipse 323.2px 297.6px at 90% 2895px, #526aff 30%, transparent 90%), radial-gradient(ellipse 310.4px 284.8px at 0% 4367px, #526aff 30%, transparent 90%), radial-gradient(ellipse 323.2px 297.6px at 0% 1992px, #612472 30%, transparent 90%), radial-gradient(ellipse 140.8px 131.2px at 0% 4966px, #526aff 30%, transparent 90%), radial-gradient(ellipse 268.8px 249.6px at 50% 5979px, #526aff 30%, transparent 90%), radial-gradient(ellipse 297.6px 275.2px at 10% 3900px, #612472 30%, transparent 90%), radial-gradient(ellipse 240px 240px at 80% 5127px, #612472 30%, transparent 90%), radial-gradient(ellipse 307.2px 281.6px at 0% 169px, #526aff 30%, transparent 90%);
    background-size: 100% 6300px;
  }
}

.page-content {
  overflow: hidden;
}
.page-content__breadcrumbs {
  margin: 20px 0 0;
}
.page-content__text {
  max-width: 758px;
}
.page-content__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 570px;
  overflow: hidden;
}
.page-content__background::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(2.04deg, var(--black) 8.75%, var(--default-black-00) 46.67%), linear-gradient(1.89deg, rgba(19, 21, 26, 0) 19.89%, var(--black-50) 81.26%);
  content: "";
}
.page-content__background img {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -2;
  width: 100%;
  min-width: 1440px;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: translateX(-50%);
}
.page-content__title {
  padding-bottom: 40px;
}
.page-content__title .paragraph {
  margin-top: 24px;
}
.page-content__body {
  display: grid;
  grid-auto-flow: row;
  gap: 0 40px;
  grid-template-columns: 1fr 450px;
  justify-content: space-between;
  margin-top: 195px;
}
.page-content__main {
  grid-column: 1/2;
  max-width: 1035px;
}
.page-content__aside.quest-sidebar {
  position: sticky;
  top: calc(var(--header-height, 104px) + 24px);
}
.page-content__aside.quest-sidebar:has(.ymaps-iframe-wrapper) {
  position: relative;
  top: auto;
}
.page-content__aside {
  grid-column: 2/3;
  align-self: start;
}

@media screen and (max-width: 1239px) {
  .page-content__background {
    height: 690px;
  }
  .page-content__background img {
    object-position: left;
  }
  .page-content__background::after {
    background-image: linear-gradient(1.53deg, rgba(19, 21, 26, 0.9) 8.41%, rgba(0, 0, 0, 0) 35.94%), linear-gradient(89.86deg, rgba(19, 21, 26, 0.9) 25.88%, rgba(0, 0, 0, 0) 49.26%), linear-gradient(269.74deg, rgba(19, 21, 26, 0.5) 22.65%, rgba(0, 0, 0, 0) 50.74%), linear-gradient(0deg, rgba(19, 21, 26, 0.18), rgba(19, 21, 26, 0.18));
  }
  .page-content__body {
    grid-template-columns: 1fr;
    margin-top: 280px;
  }
  .page-content__main {
    display: contents;
    max-width: unset;
    grid-area: auto;
  }
  .page-content__aside.quest-sidebar {
    position: relative;
    top: auto;
  }
  .page-content__aside {
    grid-area: auto;
    order: -1;
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .page-content__background {
    height: 560px;
  }
  .page-content__background::after {
    /* stylelint-disable-next-line @stylistic/declaration-colon-newline-after */
    background-image: linear-gradient(0deg, rgba(19, 21, 26, 0.6), rgba(19, 21, 26, 0.6));
  }
  .page-content__title {
    padding-bottom: 30px;
  }
  .page-content__title .paragraph {
    margin-top: 20px;
  }
  .page-content__body {
    margin-top: 160px;
  }
  .page-content__aside {
    left: -20px;
    width: calc(100% + 40px);
  }
}
.page-section_relative {
  position: relative;
}
.page-section:not(:first-child) {
  margin-top: 140px;
}
.page-section .container > .heading-2, .page-section > .heading-2 {
  margin-bottom: 30px;
}
.page-section .container > .heading-4, .page-section > .heading-4 {
  margin-bottom: 24px;
}

@media screen and (max-width: 1023px) {
  .page-section:not(:first-child) {
    margin-top: 100px;
  }
  .page-section .container > .heading-2, .page-section > .heading-2 {
    margin-bottom: 24px;
  }
  .page-section .container > .heading-4, .page-section > .heading-4 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .page-section:not(:first-child) {
    margin-top: 80px;
  }
  .page-section .container > .heading-2, .page-section > .heading-2 {
    margin-bottom: 20px;
  }
  .page-section .container > .heading-4, .page-section > .heading-4 {
    margin-bottom: 22px;
  }
}
.search-popup {
  position: fixed;
  width: 100vw;
  height: calc(100 * var(--doc-height, 1vh));
  left: 0;
  top: 0;
  padding-top: var(--header-height, 104px);
  background-color: var(--black);
  z-index: 90;
  display: flex;
  flex-direction: column;
  clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 0%);
  visibility: hidden;
  transition: clip-path 0.5s cubic-bezier(0.77, 0, 0.18, 1), visibility 0s cubic-bezier(0.77, 0, 0.18, 1) 0.5s;
}
.search-popup.is-open {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  visibility: visible;
  transition: clip-path 0.5s cubic-bezier(0.77, 0, 0.18, 1), visibility 0s cubic-bezier(0.77, 0, 0.18, 1);
}
.search-popup::before {
  content: "";
  position: absolute;
  left: 38px;
  right: 38px;
  height: 1px;
  background-color: var(--white);
  opacity: 0.2;
  top: var(--header-height, 104px);
}
.search-popup .container {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: auto;
}
.search-popup__inner {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 90;
  width: 100%;
  max-width: 871px;
  padding: 70px 0;
}
.search-popup__input input {
  font-size: 36px;
  background: none;
  border: none;
  border-bottom: 1px solid var(--white-20);
  border-radius: 0;
  outline: none;
  transition-duration: 0.35s;
  padding: 31px 0;
  margin-bottom: 27px;
  color: var(--white);
  width: 100%;
}
.search-popup__input input::placeholder {
  color: var(--gray);
}
.search-popup__input input:focus, .search-popup__input input:hover {
  border-color: var(--white);
}
.search-popup__popular-queries {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 60px;
  gap: 14px;
}
.search-popup__popular-queries > button {
  flex-shrink: 0;
  cursor: pointer;
  background: none;
  padding: 17px;
  border: 1px solid var(--steel-grey);
  border-radius: 63px;
  transition-duration: 0.35s;
  color: var(--white);
}
.search-popup__popular-queries > button:hover {
  background-color: var(--accent);
  border-color: var(--accent);
}
.search-popup__popular-quests {
  display: flex;
  flex-direction: column;
}
.search-popup__quests-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}
.search-popup__title {
  font-weight: 400;
  font-size: 24px;
  line-height: 127%;
}
.search-popup__link {
  font-size: 17px;
  line-height: 147%;
}
.search-popup__quests-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.search-popup__quests-wrapper .quest-card {
  flex-direction: row;
  align-items: center;
}
.search-popup__quests-wrapper .quest-card__image {
  width: 145px;
}
.search-popup__quests-wrapper .quest-card__header {
  width: 146px;
  height: 138px;
}
.search-popup__quests-wrapper .quest-card__rating {
  bottom: 13px;
  right: 13px;
}

@media screen and (max-width: 1023px) {
  .search-popup__inner {
    max-width: none;
  }
  .search-popup__input input {
    font-size: 34px;
    margin-bottom: 31px;
  }
  .search-popup__popular-queries {
    margin: 0 -32px 54px;
    padding: 0 32px 16px;
    scroll-padding: 0 32px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .search-popup__popular-queries > button {
    scroll-snap-align: start;
    padding: 20px 21px;
    font-size: 20px;
  }
  .search-popup__quests-header {
    margin-bottom: 39px;
  }
  .search-popup__link {
    font-size: 20px;
  }
  .search-popup__quests {
    overflow-x: hidden;
    margin: 0 -32px;
  }
  .search-popup__quests-wrapper {
    grid-auto-flow: column;
    grid-template-columns: unset;
    grid-auto-columns: 220px;
    gap: 22px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 0 32px 22px;
    scroll-padding: 0 32px;
  }
  .search-popup__quests-wrapper .quest-card {
    flex-direction: column;
    align-items: flex-start;
    min-width: 220px;
    scroll-snap-align: start;
  }
  .search-popup__quests-wrapper .quest-card__header {
    width: 220px;
    height: 214px;
  }
  .search-popup__quests-wrapper .quest-card__image {
    width: 220px;
  }
  .search-popup__quests-wrapper .quest-card__rating {
    bottom: 26px;
    right: 26px;
  }
}
@media screen and (max-width: 767px) {
  .search-popup .container {
    align-items: flex-start;
  }
  .search-popup__inner {
    justify-content: flex-start;
  }
  .search-popup__input input {
    padding: 26px 0;
    font-size: 26px;
    margin-bottom: 26px;
  }
  .search-popup__popular-queries {
    margin: 0 -20px 36px;
    padding: 0 20px 16px;
    scroll-padding: 0 20px;
  }
  .search-popup__popular-queries > button {
    font-size: 17px;
    padding: 16px 21px;
  }
  .search-popup__quests-header {
    display: contents;
  }
  .search-popup__title {
    font-size: 26px;
    margin-bottom: 26px;
  }
  .search-popup__link {
    order: 3;
    margin-top: 30px;
    align-self: center;
  }
  .search-popup__quests {
    margin: 0 -20px;
  }
  .search-popup__quests-wrapper {
    grid-auto-columns: 246px;
    gap: 20px;
    padding: 0 20px 22px;
    scroll-padding: 0 20px;
  }
  .search-popup__quests-wrapper .quest-card {
    flex-direction: column;
    align-items: flex-start;
    min-width: 246px;
    scroll-snap-align: start;
  }
  .search-popup__quests-wrapper .quest-card__image {
    width: 246px;
  }
  .search-popup__quests-wrapper .quest-card__header {
    width: 246px;
    height: 214px;
  }
  .search-popup__quests-wrapper .quest-card__rating {
    bottom: 20px;
    right: 20px;
  }
}
/* stylelint-disable number-max-precision */
.category-card {
  transform: translate3d(0, 0, 0);
  padding-top: 32px;
}
.category-card.is-filtered, .category-card.is-hidden {
  display: none;
}
.category-card__inner {
  position: relative;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 40px 40px 36px;
  background: var(--background, var(--black));
  background-size: cover;
  border-radius: 30px;
}
.category-card__inner--gradient-1 {
  --background: var(--gradient-1);
}
.category-card__inner--gradient-2 {
  --background: var(--gradient-2);
}
.category-card__inner--gradient-3 {
  --background: var(--gradient-3);
}
.category-card__inner--gradient-4 {
  --background: var(--gradient-4);
}
.category-card__inner--gradient-5 {
  --background: var(--gradient-5);
}
.category-card__inner--gradient-6 {
  --background: var(--gradient-6);
}
.category-card__inner::before, .category-card__inner::after {
  position: absolute;
  z-index: -1;
  height: 100%;
  background: var(--background, var(--black));
  border-radius: 30px;
  transition: transform 0.3s ease-out;
  content: "";
}
.category-card__inner::before {
  position: absolute;
  z-index: -2;
  top: -32px;
  left: 40px;
  width: calc(100% - 80px);
  opacity: 0.3;
}
.category-card__inner::after {
  position: absolute;
  z-index: -1;
  top: -16px;
  left: 20px;
  width: calc(100% - 40px);
  opacity: 0.5;
}
.category-card__inner:focus-visible::before, .category-card__inner:focus-visible::after {
  transform: translateY(-10px);
}
@media (hover: hover) {
  .category-card__inner:hover::before, .category-card__inner:hover::after {
    transform: translateY(-10px);
  }
}
.category-card__inner:focus-within::before, .category-card__inner:focus-within::after {
  transform: translateY(-10px);
}
.category-card__title {
  margin-bottom: 26px;
  color: var(--white);
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
}
.category-card__description {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: var(--white);
  opacity: 0.8;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1rem;
}
.category-card__info {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.category-card__tag {
  display: inline-block;
  padding: 6px 12px;
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 1;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 57px;
}
.category-card__tag:not(:only-child):first-child {
  margin-right: 12px;
}
.category-card__quests-count {
  color: var(--white);
  font-size: 48px;
  line-height: 54px;
  text-align: right;
}
.category-card__quests-count span {
  display: block;
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 22px;
  opacity: 0.75;
}
.category-card__link {
  font: inherit;
  color: inherit;
}
.category-card__link::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
}

.category-card-placeholder {
  position: relative;
  height: 100%;
  min-height: 262px;
  background: var(--dark-gray);
  border-radius: 30px;
  animation: fadeInOut 1s linear infinite;
}
.category-card-placeholder::before, .category-card-placeholder::after {
  position: absolute;
  z-index: -1;
  height: 100%;
  background: var(--dark-gray);
  border-radius: 30px;
  transition: transform 0.2s ease;
  content: "";
}
.category-card-placeholder::before {
  top: -32px;
  left: 40px;
  width: calc(100% - 80px);
  opacity: 0.3;
}
.category-card-placeholder::after {
  top: -16px;
  left: 20px;
  width: calc(100% - 40px);
  opacity: 0.5;
}

@media screen and (max-width: 1240px) {
  .category-card__title {
    font-size: 18px;
    line-height: 24px;
  }
  .category-card__quests-count {
    font-size: 32px;
    line-height: 42px;
  }
  .category-card__quests-count span {
    font-size: 13px;
    line-height: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .category-card__inner {
    padding: 30px 30px 36px;
  }
}
@media screen and (max-width: 768px) {
  .category-card__inner::before {
    left: 30px;
    width: calc(100% - 60px);
  }
  .category-card__inner::after {
    left: 15px;
    width: calc(100% - 30px);
  }
  .category-card__title {
    margin-bottom: 36px;
    font-size: 15px;
    font-family: var(--font-stack-book);
    line-height: 22px;
  }
  .category-card-placeholder::before {
    left: 30px;
    width: calc(100% - 60px);
  }
  .category-card-placeholder::after {
    left: 15px;
    width: calc(100% - 30px);
  }
}
.blog-card {
  position: relative;
  display: flex;
  flex-direction: column;
}
.blog-card.is-hidden {
  display: none;
}
@media (hover: hover) {
  .blog-card:hover .blog-card__image img {
    transform: scale(1.08);
  }
}
.blog-card:focus-within .blog-card__image img {
  transform: scale(1.08);
}
.blog-card__image {
  width: 100%;
  height: auto;
  aspect-ratio: 422/300;
  max-height: 350px;
  border-radius: 30px;
  overflow: hidden;
}
.blog-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
  transition: transform 0.3s ease-out;
  transform: translateZ(0) scale(1);
}
.blog-card__title {
  font-size: 22px;
  line-height: 28px;
  margin-top: 20px;
}
.blog-card__text {
  margin-top: 8px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.blog-card__link {
  font: inherit;
  color: inherit;
}
.blog-card__link::after {
  position: absolute;
  inset: 0;
  content: "";
}
.blog-card__date {
  margin-top: 32px;
  opacity: 0.6;
  font-size: 15px;
  line-height: 22px;
}
.blog-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 20px;
}
.blog-card__count {
  opacity: 0.6;
  font-size: 15px;
  line-height: 22px;
}
.blog-card__button {
  position: relative;
  z-index: 1;
}
.blog-card_main {
  width: 100%;
  flex-direction: row;
  align-items: center;
  gap: 60px;
}
.blog-card_main .blog-card__image {
  flex: 1 0 55.63%;
  aspect-ratio: 726/427;
  max-height: none;
}
.blog-card_main .blog-card__info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.blog-card_main .blog-card__title {
  margin-top: 0;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
}
.blog-card_main .blog-card__text {
  margin-top: 20px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.blog-card_main .blog-card__date {
  margin-top: 52px;
}

@media screen and (max-width: 1023px) {
  .blog-card__image {
    max-height: 278px;
    aspect-ratio: 340/214;
  }
  .blog-card__title {
    font-size: 18px;
    line-height: 24px;
  }
  .blog-card__date {
    margin-top: 10px;
    font-size: 13px;
    line-height: 18px;
  }
  .blog-card__footer {
    margin-top: 16px;
  }
  .blog-card_main {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  .blog-card_main .blog-card__image {
    flex: auto;
    aspect-ratio: 704/414;
  }
  .blog-card_main .blog-card__info {
    flex: auto;
  }
  .blog-card_main .blog-card__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    line-height: 32px;
  }
  .blog-card_main .blog-card__text {
    margin-top: 16px;
  }
  .blog-card_main .blog-card__date {
    margin-top: 22px;
  }
}
@media screen and (max-width: 767px) {
  .blog-card__image {
    aspect-ratio: 335/214;
  }
  .blog-card__title {
    font-size: 20px;
    line-height: 28px;
    margin-top: 15px;
  }
  .blog-card__date {
    margin-top: 8px;
  }
  .blog-card__footer {
    margin-top: 12px;
  }
  .blog-card_main {
    gap: 20px;
  }
  .blog-card_main .blog-card__image {
    flex: auto;
    aspect-ratio: 335/214;
  }
  .blog-card_main .blog-card__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
  .blog-card_main .blog-card__text {
    margin-top: 12px;
  }
  .blog-card_main .blog-card__date {
    margin-top: 20px;
  }
}
.location-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (hover: hover) {
  .location-card:hover .blog-card__image img {
    transform: scale(1.08);
  }
}
.location-card:focus-within .blog-card__image img {
  transform: scale(1.08);
}
.location-card__image {
  width: 100%;
  height: auto;
  aspect-ratio: 422/300;
  max-height: 350px;
  border-radius: 30px;
  overflow: hidden;
}
.location-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
  transition: transform 0.3s ease-out;
  transform: translateZ(0) scale(1);
}
.location-card__title {
  font-size: 22px;
  line-height: 28px;
  margin-top: 20px;
}
.location-card__link {
  font: inherit;
  color: inherit;
}
.location-card__link::after {
  position: absolute;
  inset: 0;
  content: "";
}
.location-card__address {
  margin-top: 8px;
  font-weight: 400;
  opacity: 0.3;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
}
.location-card__info {
  margin-top: 16px;
  font-size: 15px;
  line-height: 22px;
}

@media screen and (max-width: 1023px) {
  .location-card__image {
    max-height: 278px;
    aspect-ratio: 340/214;
  }
  .location-card__title {
    font-size: 18px;
    line-height: 24px;
  }
  .location-card__address {
    font-size: 13px;
    line-height: 18px;
  }
  .location-card__info {
    margin-top: 12px;
    font-size: 13px;
    line-height: 18px;
  }
}
@media screen and (max-width: 767px) {
  .location-card__image {
    aspect-ratio: 335/214;
  }
  .location-card__title {
    font-size: 20px;
    line-height: 28px;
    margin-top: 15px;
  }
  .location-card__address {
    margin-top: 6px;
  }
  .location-card__info {
    margin-top: 10px;
  }
}
.breadcrumbs {
  overflow: hidden;
  text-size-adjust: 100%;
  padding: 20px 0 25px;
}
.breadcrumbs__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.breadcrumbs__list::-webkit-scrollbar {
  display: none;
}
.breadcrumbs__item {
  display: flex;
  align-items: center;
  color: var(--white);
  font-size: 15px;
  line-height: 22px;
}
.breadcrumbs__item:not(:first-child)::before {
  flex-shrink: 0;
  content: "·";
  display: inline-block;
  margin-right: 8px;
}
.breadcrumbs__link {
  flex-shrink: 0;
  opacity: 0.7;
}
.breadcrumbs__link[href] {
  opacity: 1;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
}
.breadcrumbs__link[href]:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .breadcrumbs__link[href]:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 1023px) {
  .breadcrumbs {
    margin: 0 -32px;
    width: calc(100% + 64px);
    padding: 20px 32px 45px;
  }
  .breadcrumbs__list {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 32px;
    margin: 0 -32px;
    width: calc(100% + 64px);
    padding: 0 32px;
  }
  .breadcrumbs__item {
    flex-shrink: 0;
    scroll-snap-stop: always;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumbs {
    margin: 0 -20px;
    width: calc(100% + 40px);
    padding: 16px 20px 38px;
  }
  .breadcrumbs__list {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 20px;
    margin: 0 -20px;
    width: calc(100% + 40px);
    padding: 0 20px;
  }
  .breadcrumbs__item {
    flex-shrink: 0;
    scroll-snap-stop: always;
  }
}
.wysiwyg h1 {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 70px;
  line-height: 80px;
}
.wysiwyg h2 {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
  margin: 70px 0 20px;
}
.wysiwyg h3 {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
  margin: 70px 0 20px;
}
.wysiwyg h4 {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  margin: 70px 0 20px;
}
.wysiwyg > .attention, .wysiwyg > .page-section {
  margin-top: 70px;
}
.wysiwyg p {
  font-family: var(--font-stack-book);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  margin-bottom: 1rem;
}
.wysiwyg p + p {
  margin-top: 18px;
}
.wysiwyg ul {
  list-style: circle;
  margin: 0 0 1rem 1em;
}
.wysiwyg li p {
  margin-bottom: 0;
}
.wysiwyg .wysiwyg__secondary {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  color: var(--white-60);
}
.wysiwyg ol {
  list-style: decimal;
  margin: 0 0 1rem 1em;
}
.wysiwyg h5, .wysiwyg h6 {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  margin: 32px 0 12px;
}
.wysiwyg table {
  width: 100%;
  margin: 24px 0;
  border-collapse: collapse;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.wysiwyg th, .wysiwyg td {
  padding: 12px;
  border: 1px solid var(--white-20);
  text-align: left;
  vertical-align: top;
}
.wysiwyg th {
  font-weight: 600;
}
.wysiwyg img {
  max-width: 100%;
  height: auto;
  border-radius: 30px;
}
.wysiwyg a {
  color: var(--accent);
  font-weight: 700;
}
.wysiwyg.seo h2 {
  margin: 70px 0 0;
}
.wysiwyg.seo h3 {
  font-size: 16px;
  line-height: 22px;
  margin: 16px 0 0;
}
@media screen and (max-width: 1023px) {
  .wysiwyg h1 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    line-height: 62px;
  }
  .wysiwyg h3 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    line-height: 32px;
  }
  .wysiwyg h4 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4 {
    margin-top: 60px;
  }
  .wysiwyg > .attention, .wysiwyg > .page-section {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .wysiwyg h1 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    line-height: 36px;
  }
  .wysiwyg h2 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
  }
  .wysiwyg h3 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
  .wysiwyg h4 {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4 {
    margin-top: 40px;
  }
  .wysiwyg > .attention, .wysiwyg > .page-section {
    margin-top: 40px;
  }
}

.cookie-notification {
  position: fixed;
  right: 20px;
  bottom: 22px;
  z-index: 1000;
  padding: 28px 64px 28px 32px;
  background: linear-gradient(135.62deg, rgba(18, 12, 79, 0.69) 0%, rgba(34, 29, 88, 0.2) 18.22%, rgba(44, 39, 94, 0.11) 31.8%, rgba(0, 0, 0, 0) 63.31%, rgba(0, 0, 0, 0) 63.31%), linear-gradient(298.24deg, #1053d6 -5.49%, rgba(10, 0, 144, 0.3) 19.56%, rgba(41, 37, 86, 0.14) 44.93%, rgba(15, 13, 32, 0.04) 70.72%, rgba(0, 0, 0, 0) 90.88%, rgba(0, 0, 0, 0) 90.88%), linear-gradient(68.03deg, rgba(15, 15, 99, 0.13) 0.02%, rgba(15, 15, 99, 0.11) 19.71%, rgba(15, 15, 99, 0.21) 55.69%, rgba(0, 0, 0, 0) 100%), linear-gradient(236.54deg, rgba(80, 118, 254, 0.82) 8.34%, rgba(18, 0, 251, 0.52) 39.13%, rgba(18, 0, 251, 0.507) 49.88%, rgba(18, 0, 251, 0.5) 56.31%, rgba(14, 0, 194, 0.4) 71.26%, rgba(0, 0, 0, 0) 101.53%), #ffffff;
  border-radius: 30px;
  transform: translateZ(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.cookie-notification_hidden {
  opacity: 0;
  transform: translateX(100%);
  pointer-events: none;
}
.cookie-notification__desc {
  max-width: 214px;
  margin-bottom: 16px;
  color: var(--white);
  font-family: var(--font-stack-book);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  opacity: 0.6;
}
.cookie-notification__button {
  padding: 0;
  color: var(--white);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  font-family: var(--font-stack-book);
  background: none;
  border: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.cookie-notification__button:focus-visible {
  outline: none;
  opacity: 0.7;
}
@media (hover: hover) {
  .cookie-notification__button:hover {
    outline: none;
    opacity: 0.7;
  }
}
.cookie-notification__button_icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  line-height: 0;
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .cookie-notification {
    top: calc(var(--header-height) + 20px);
    bottom: auto;
    left: 20px;
    padding: 20px 54px 20px 20px;
  }
  .cookie-notification__desc {
    max-width: 247px;
    margin-bottom: 10px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    font-family: var(--font-stack-book);
  }
}
.scroll-top {
  position: fixed;
  bottom: 188px;
  right: 40px;
  z-index: 98;
  opacity: 0;
}
.scroll-top__button {
  outline: none;
  border: none;
  transition: background-color 0.2s ease, opacity 0.2s ease;
  border-radius: 50%;
  background-color: var(--white-20);
  backdrop-filter: blur(20px);
  opacity: 0.5;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scroll-top__button svg {
  transform: rotate(90deg);
  width: 16px;
  height: 16px;
  color: var(--white);
}
.scroll-top__button:focus-visible {
  opacity: 1;
  background-color: var(--accent);
}
@media (hover: hover) {
  .scroll-top__button:hover {
    opacity: 1;
    background-color: var(--accent);
  }
}
.scroll-top__button:active {
  opacity: 1;
  background-color: var(--accent);
}
@media tablet {
  .scroll-top {
    bottom: 118px;
    right: 18px;
  }
  .scroll-top .scroll-top__button {
    width: 40px;
    height: 40px;
  }
}

.scroll-top_show {
  opacity: 1;
}

.show-enter-active {
  animation: bounce-in 0.3s;
}

.show-leave-active {
  animation: bounce-in 0.3s reverse;
}

@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 18px 32px;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}
.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button_view_pseudo {
  color: var(--accent);
  background-color: var(--bg-blue-10);
}
.button_view_pseudo:focus-visible {
  background-color: var(--blue-accent-20);
}
@media (hover: hover) {
  .button_view_pseudo:hover {
    background-color: var(--blue-accent-20);
  }
}
.button_view_secondary {
  color: var(--white);
  background-color: var(--white-10);
  backdrop-filter: blur(20px);
}
.button_view_secondary:focus-visible {
  background-color: var(--white-20);
}
@media (hover: hover) {
  .button_view_secondary:hover {
    background-color: var(--white-20);
  }
}
.button_view_action {
  color: var(--white);
  background-color: var(--accent);
}
.button_view_action:focus-visible {
  background-color: var(--blue-5);
}
@media (hover: hover) {
  .button_view_action:hover {
    background-color: var(--blue-5);
  }
}
.button_view_action.loading {
  background-color: var(--blue-accent-70);
}
.button_view_action.loading::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cg clip-path='url(%23a)' data-figma-skip-parse='true'%3E%3CforeignObject width='2333.33' height='2333.33' x='-1166.67' y='-1166.67' transform='translate(13 13)scale(-.012)'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(81,106,255,0) 0deg,%23526aff 151.249deg,%23526aff 360deg);height:100%25;width:100%25;opacity:1'/%3E%3C/foreignObject%3E%3C/g%3E%3Cpath d='M24 13c0 6.075-4.925 11-11 11v2c7.18 0 13-5.82 13-13zM2 13C2 6.925 6.925 2 13 2V0C5.82 0 0 5.82 0 13zM13 2c6.075 0 11 4.925 11 11h2c0-7.18-5.82-13-13-13zm0 22a10.97 10.97 0 0 1-8.148-3.61l-1.48 1.345A12.97 12.97 0 0 0 13 26z' data-figma-gradient-fill='%7B"type":"GRADIENT_ANGULAR","stops":%5B%7B"color":%7B"r":0.32156860828399658,"g":0.41568630933761597,"b":1.0,"a":0.0%7D,"position":0.0%7D,%7B"color":%7B"r":0.32156863808631897,"g":0.41568627953529358,"b":1.0,"a":1.0%7D,"position":0.42013606429100037%7D,%7B"color":%7B"r":0.32156863808631897,"g":0.41568627953529358,"b":1.0,"a":1.0%7D,"position":1.0%7D%5D,"stopsVar":%5B%5D,"transform":%7B"m00":-24.0,"m01":3.3527794585097581e-07,"m02":25.0,"m10":-3.3527734899507777e-07,"m11":-24.0,"m12":25.0%7D,"opacity":1.0,"blendMode":"NORMAL","visible":true%7D'/%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M24 13c0 6.075-4.925 11-11 11v2c7.18 0 13-5.82 13-13zM2 13C2 6.925 6.925 2 13 2V0C5.82 0 0 5.82 0 13zM13 2c6.075 0 11 4.925 11 11h2c0-7.18-5.82-13-13-13zm0 22a10.97 10.97 0 0 1-8.148-3.61l-1.48 1.345A12.97 12.97 0 0 0 13 26z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.button_view_secondary_white_bg {
  background-color: var(--bg-blue-10);
  backdrop-filter: blur(50px);
  color: var(--accent);
}
.button_view_secondary_white_bg:focus-visible {
  background-color: var(--bg-blue-20);
}
@media (hover: hover) {
  .button_view_secondary_white_bg:hover {
    background-color: var(--bg-blue-20);
  }
}
.button_view_white {
  background-color: var(--white);
}
.button.loading {
  pointer-events: none;
}
.button.loading .button__text {
  display: none;
}
.button.loading::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cg clip-path='url(%23a)' data-figma-skip-parse='true'%3E%3CforeignObject width='2333.33' height='2333.33' x='-1166.67' y='-1166.67' transform='translate(13 13)scale(-.012)'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(255,255,255,0) 0deg,%23fff 151.249deg,%23fff 360deg);height:100%25;width:100%25;opacity:1'/%3E%3C/foreignObject%3E%3C/g%3E%3Cpath d='M24 13c0 6.075-4.925 11-11 11v2c7.18 0 13-5.82 13-13zM2 13C2 6.925 6.925 2 13 2V0C5.82 0 0 5.82 0 13zM13 2c6.075 0 11 4.925 11 11h2c0-7.18-5.82-13-13-13zm0 22a10.97 10.97 0 0 1-8.148-3.61l-1.48 1.345A12.97 12.97 0 0 0 13 26z' data-figma-gradient-fill='%7B"type":"GRADIENT_ANGULAR","stops":%5B%7B"color":%7B"r":1.0,"g":1.0,"b":1.0,"a":0.0%7D,"position":0.0%7D,%7B"color":%7B"r":1.0,"g":1.0,"b":1.0,"a":1.0%7D,"position":0.42013606429100037%7D,%7B"color":%7B"r":1.0,"g":1.0,"b":1.0,"a":1.0%7D,"position":1.0%7D%5D,"stopsVar":%5B%7B"color":%7B"r":1.0,"g":1.0,"b":1.0,"a":0.0%7D,"position":0.0%7D,%7B"color":%7B"r":1.0,"g":1.0,"b":1.0,"a":1.0%7D,"position":0.42013606429100037%7D,%7B"color":%7B"r":1.0,"g":1.0,"b":1.0,"a":1.0%7D,"position":1.0%7D%5D,"transform":%7B"m00":-24.0,"m01":3.3527794585097581e-07,"m02":25.0,"m10":-3.3527734899507777e-07,"m11":-24.0,"m12":25.0%7D,"opacity":1.0,"blendMode":"NORMAL","visible":true%7D'/%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M24 13c0 6.075-4.925 11-11 11v2c7.18 0 13-5.82 13-13zM2 13C2 6.925 6.925 2 13 2V0C5.82 0 0 5.82 0 13zM13 2c6.075 0 11 4.925 11 11h2c0-7.18-5.82-13-13-13zm0 22a10.97 10.97 0 0 1-8.148-3.61l-1.48 1.345A12.97 12.97 0 0 0 13 26z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 24px;
  height: 24px;
  animation: rotate 1s linear infinite;
}
.button-red {
  background-color: var(--red);
}
.button-red:focus-visible {
  background-color: var(--red-accent);
}
@media (hover: hover) {
  .button-red:hover {
    background-color: var(--red-accent);
  }
}
.button--icon-only {
  padding: 0;
  aspect-ratio: 1/1;
}
.button--icon-only svg {
  width: 16px;
  height: 16px;
}
.button--size-40 {
  height: 40px;
}

@media screen and (max-width: 767px) {
  .button {
    font-size: 13px;
  }
}
.dropdown {
  position: relative;
}
.dropdown_align-right .dropdown__container {
  left: auto;
  right: 0;
}
.dropdown__count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-left: 10px;
  color: var(--accent);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 1;
  background-color: var(--white);
  border-radius: 50%;
}
.dropdown__count:empty {
  display: none;
}
.dropdown__button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  color: var(--white);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.dropdown__button:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .dropdown__button:hover {
    opacity: 0.7;
  }
}
.dropdown__button > span:first-of-type {
  position: relative;
  top: 1px;
}
.dropdown__button_button-appearance {
  justify-content: center;
  height: 52px;
  margin: 0;
  padding: 14px 15px;
  line-height: 1;
  background-color: transparent;
  border: 1px solid var(--white-20);
  border-radius: 57px;
  outline: none;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.dropdown__button_button-appearance:focus-visible {
  border-color: var(--white);
  opacity: 1;
}
@media (hover: hover) {
  .dropdown__button_button-appearance:hover {
    border-color: var(--white);
    opacity: 1;
  }
}
.dropdown__button_button-appearance.dropdown__button_active {
  background-color: var(--accent);
  border-color: var(--accent);
}
.dropdown__button_button-appearance.dropdown__button_active:focus-visible {
  border-color: var(--accent);
}
@media (hover: hover) {
  .dropdown__button_button-appearance.dropdown__button_active:hover {
    border-color: var(--accent);
  }
}
.dropdown__icon {
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.dropdown__header {
  position: relative;
  display: none;
}
.dropdown__search {
  width: 100%;
  min-width: 263px;
  margin: 0 0 20px;
}
.dropdown__search-input {
  width: 100%;
  padding: 15px 32px;
  color: var(--black);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 22px;
  border: 1px solid #dcdcdd;
  border-radius: 57px;
  transition: border-color 0.2s ease;
}
.dropdown__search-input:hover, .dropdown__search-input:focus {
  border-color: var(--accent);
  outline: none;
  caret-color: var(--accent);
}
.dropdown__search-input::placeholder {
  color: var(--black);
  opacity: 0.5;
}
.dropdown__default {
  margin-bottom: 18px;
}
.dropdown__default::after {
  display: block;
  width: calc(100% + 40px);
  height: 1px;
  margin-top: 16px;
  margin-left: -20px;
  background-color: var(--black);
  opacity: 0.15;
  content: "";
}
.dropdown__container {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 13;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  max-height: 400px;
  padding: 16px 20px;
  background-color: var(--white);
  border: 1px solid var(--white-20);
  border-radius: 30px;
}
.dropdown__container_visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.dropdown__container_align-right {
  left: auto;
  right: 0;
}
.dropdown__option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 32px;
  padding: 0 12px 0 0;
  color: var(--black);
  font-size: 15px;
  line-height: 22px;
  white-space: nowrap;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
}
.dropdown__option::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 6px;
  height: 6px;
  background-color: var(--accent);
  border-radius: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s ease;
  content: "";
}
.dropdown__option:focus-visible::after {
  opacity: 1;
}
@media (hover: hover) {
  .dropdown__option:hover::after {
    opacity: 1;
  }
}
.dropdown__option_active::after {
  opacity: 1;
}
.dropdown__option-icon {
  display: none;
}
.dropdown__option.is-hidden {
  display: none;
}
.dropdown__options-container {
  width: calc(100% + 40px);
  max-height: 288px;
  margin-left: -20px;
  padding: 0 20px;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--black-20) transparent;
}
.dropdown__options-container::-webkit-scrollbar {
  width: 12px;
  appearance: none;
}
.dropdown__options-container::-webkit-scrollbar-track {
  background: transparent;
}
.dropdown__options-container::-webkit-scrollbar-thumb {
  background-color: var(--black-20);
  border: 4px solid var(--white);
  border-radius: 12px;
}
.dropdown__backdrop {
  display: none;
}
.dropdown__close {
  position: absolute;
  top: -20px;
  right: -20px;
  display: none;
  padding: 20px;
  color: var(--black);
  line-height: 0;
  background: none;
  border: 0;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.2s ease;
}
.dropdown__close:hover, .dropdown__close:focus {
  opacity: 1;
}
.dropdown_multiple .dropdown__option {
  padding-right: 40px;
}
.dropdown_multiple .dropdown__option::after {
  display: none;
}
.dropdown_multiple .dropdown__option-icon {
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  display: block;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.dropdown_multiple .dropdown__option:focus-visible .dropdown__option-icon {
  opacity: 1;
}
@media (hover: hover) {
  .dropdown_multiple .dropdown__option:hover .dropdown__option-icon {
    opacity: 1;
  }
}
.dropdown_multiple .dropdown__option_active .dropdown__option-icon {
  opacity: 1;
}
.dropdown_active .dropdown__button {
  opacity: 1;
}
.dropdown_opened .dropdown__icon_animated {
  transform: rotate(180deg);
}

@media screen and (max-width: 767px) {
  .dropdown__button {
    font-size: 13px;
  }
  .dropdown__button_button-appearance {
    height: 42px;
    font-size: 15px;
  }
  .dropdown__container {
    position: fixed;
    inset: 100% 0 0;
    width: 100%;
    height: fit-content;
    padding-top: 25px;
    transform: translate3d(0, 0, 0);
    transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .dropdown__container_visible {
    transform: translate3d(0, -100%, 0);
    transition: transform 0.2s ease;
  }
  .dropdown__container_visible + .dropdown__backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .dropdown__container-title {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: var(--black);
  }
  .dropdown__backdrop {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    width: 100%;
    height: 100%;
    background-color: var(--black-50);
  }
  .dropdown__header {
    display: block;
    margin-bottom: 20px;
  }
  .dropdown__option {
    min-height: 30px;
    font-size: 13px;
    font-family: var(--font-stack-book);
    line-height: 18px;
  }
  .dropdown__options-container {
    max-height: 236px;
  }
  .dropdown__close {
    display: block;
  }
}
.field {
  position: relative;
  text-align: left;
}
.field__wrapper {
  position: relative;
}
.field__wrapper:has(.textarea-field-counter) {
  border: 1px solid var(--border-grey);
  border-radius: 8px;
  transition: border-color 0.3s ease;
}
.field__wrapper:has(textarea:focus) {
  border-color: var(--accent);
}
.field__text-field-wrapper, .field__password-field-wrapper {
  position: relative;
}
.field__label {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  display: block;
  margin-bottom: 8px;
  color: var(--black);
}
.field__error-message {
  display: block;
  margin-top: 8px;
  color: var(--red);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 23px;
}
.field__error-message:empty {
  display: none;
}
.field_dark .field__label {
  color: var(--white);
}
.field .textarea-field-counter {
  flex-shrink: 0;
  align-self: flex-start;
  width: fit-content;
  display: flex;
  align-items: center;
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.24px;
  color: var(--black-40);
  margin: 6px 20px 12px auto;
}
.field .text-field-reset-button {
  position: absolute;
  bottom: 21px;
  right: 16px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.field .text-field-reset-button svg {
  width: 12px;
  height: 12px;
}
.field .text-field-reset-button.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.field .text-field-is-loading {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 26px;
  height: 26px;
  display: flex;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  background-color: var(--white);
}
.field .text-field-is-loading svg {
  width: 26px;
  height: 26px;
  animation: rotate 1.5s linear infinite;
}
.field .text-field-is-loading.is-loading {
  opacity: 1;
  z-index: 1;
}
.field--dark label {
  color: var(--white);
}
.field--dark .text-field,
.field--dark .password-field input {
  background: transparent;
  border: 1px solid var(--white-20);
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20.8px;
  letter-spacing: -0.48px;
  color: var(--white);
}
.field--dark .text-field::placeholder,
.field--dark .password-field input::placeholder {
  color: var(--white-40);
}
.field--dark .text-field:autofill, .field--dark .text-field:-webkit-autofill, .field--dark .text-field:-webkit-autofill:hover, .field--dark .text-field:-webkit-autofill:focus, .field--dark .text-field:-webkit-autofill:active,
.field--dark .password-field input:autofill,
.field--dark .password-field input:-webkit-autofill,
.field--dark .password-field input:-webkit-autofill:hover,
.field--dark .password-field input:-webkit-autofill:focus,
.field--dark .password-field input:-webkit-autofill:active {
  -webkit-text-fill-color: rgba(var(--white-rgb), 1);
  caret-color: var(--accent);
}
.field--dark .password-field__button svg {
  color: var(--white);
}
.field--dark input:read-only,
.field--dark input:disabled {
  background-color: var(--white-05);
  pointer-events: none;
  color: var(--white-40);
}
.field--has-label label {
  margin-bottom: 8px;
  display: inline-block;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.field--no-border-right .text-field {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-color: var(--transparent);
}
.field--no-border-right .text-field:focus-visible {
  border-color: var(--transparent);
}
@media (hover: hover) {
  .field--no-border-right .text-field:hover {
    border-color: var(--transparent);
  }
}
.field--no-border-left .text-field {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-color: var(--transparent);
}
.field--no-border-left .text-field:focus-visible {
  border-color: var(--transparent);
}
@media (hover: hover) {
  .field--no-border-left .text-field:hover {
    border-color: var(--transparent);
  }
}

.text-field {
  width: 100%;
  height: 52px;
  padding: 15px 20px;
  color: rgba(var(--black-rgb), 1);
  font-family: var(--font-stack-book);
  font-family: var(--font-stack);
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  background-color: var(--white);
  border: 1px solid var(--border-grey);
  border-radius: 8px;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  appearance: none;
}
.text-field:autofill, .text-field:-webkit-autofill, .text-field:-webkit-autofill:hover, .text-field:-webkit-autofill:focus, .text-field:-webkit-autofill:active {
  -webkit-text-fill-color: rgba(var(--black-rgb), 1);
  caret-color: var(--accent);
  transition: background-color 5000s ease-in-out 0s, border-color 0.2s ease, color 0.2s ease;
}
.text-field:focus-visible {
  border-color: var(--accent);
  caret-color: var(--accent);
  outline: none;
}
.text-field::placeholder {
  color: rgba(var(--black-rgb), 0.5);
}
.text-field:read-only, .text-field:disabled {
  background-color: var(--white-smoke);
}
.text-field_dark {
  color: rgba(var(--white-rgb), 1);
  background-color: var(--black);
  border-color: transparent;
}
.text-field_dark:focus-visible {
  border-color: transparent;
  caret-color: var(--accent);
}
.text-field_dark:disabled {
  background-color: var(black-50);
}
.text-field_dark::placeholder {
  color: var(--white-50);
}
.text-field_dark:autofill, .text-field_dark:-webkit-autofill, .text-field_dark:-webkit-autofill:hover, .text-field_dark:-webkit-autofill:focus, .text-field_dark:-webkit-autofill:active {
  -webkit-text-fill-color: rgba(var(--white-rgb), 1);
  caret-color: var(--accent);
}
.text-field_icon-right {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: flex;
}
.text-field_icon-right svg {
  width: 100%;
  height: 100%;
  color: var(--accent);
}
.text-field_info {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
}
.text-field_info-icon {
  width: 16px;
  height: 16px;
  color: var(--accent);
}
.text-field_info-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  color: var(--white-60);
}
.text-field:has(~ .text-field_icon-right) {
  padding-right: 50px;
}
.text-field_error {
  border-color: var(--red);
}
.text-field_error:focus {
  border-color: var(--red);
}

.password-field .text-field {
  padding-right: 50px;
}
.password-field .text-field_hint {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.text-field-counter {
  position: relative;
}

.text-field-counter-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  position: absolute;
  top: 10px;
  right: 16px;
  width: fit-content;
}

.text-field-counter-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--black-15);
  border-radius: 50%;
  cursor: pointer;
}
.text-field-counter-button:disabled {
  cursor: not-allowed;
}
.text-field-counter-button:disabled svg {
  opacity: 0.5;
}
.text-field-counter-button svg {
  color: var(--accent);
}

.checkbox-field.field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.checkbox-field__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.checkbox-field__wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
  appearance: none;
}
.checkbox-field__wrapper input:checked + span > svg {
  opacity: 1;
}
.checkbox-field__wrapper input:checked + span:first-of-type::before {
  opacity: 0;
}
.checkbox-field__wrapper input:disabled + span::before {
  background-color: var(--white-smoke);
  border-color: var(--border-grey);
}
.checkbox-field__wrapper input:disabled + span span {
  opacity: 0.5;
}
.checkbox-field__wrapper > span {
  display: flex;
  align-items: flex-start;
  color: var(--black);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 22px;
  text-align: left;
}
.checkbox-field__wrapper > span > span {
  padding-top: 3px;
}
.checkbox-field__wrapper > span a {
  color: var(--accent);
  transition: opacity 0.2s ease;
}
.checkbox-field__wrapper > span > svg {
  flex-shrink: 0;
  margin-top: 2px;
  margin-right: 16px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.checkbox-field__wrapper > span:first-of-type {
  position: relative;
}
.checkbox-field__wrapper > span:first-of-type::before {
  position: absolute;
  top: 4px;
  left: 2px;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  transform: rotate(45deg);
  transition: opacity 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  content: "";
}
.checkbox-field__wrapper:hover input:disabled + span::before, .checkbox-field__wrapper:focus input:disabled + span::before {
  border-color: var(--border-grey);
}
.checkbox-field__wrapper:hover > span:first-of-type::before, .checkbox-field__wrapper:focus > span:first-of-type::before {
  border-color: var(--accent);
}
.checkbox-field_dark .checkbox-field__wrapper input:disabled + span::before {
  opacity: 0.3;
}
.checkbox-field_dark .checkbox-field__wrapper > span {
  color: var(--white-70);
}
.checkbox-field_dark .checkbox-field__wrapper > span a {
  color: var(--white);
}
.checkbox-field_dark .checkbox-field__wrapper > span:first-of-type::before {
  border-color: var(--white);
}
.checkbox-field_dark .checkbox-field__wrapper:hover > span:first-of-type::before, .checkbox-field_dark .checkbox-field__wrapper:focus > span:first-of-type::before {
  border-color: rgba(var(--white-rgb), 0.6);
}
.checkbox-field_error .checkbox-field__wrapper > span {
  color: var(--black);
}
.checkbox-field_error .checkbox-field__wrapper > span a {
  color: var(--red);
}
.checkbox-field_error .checkbox-field__wrapper > span:first-of-type::before {
  border-color: var(--red);
}
.checkbox-field_error .checkbox-field__wrapper:hover > span:first-of-type::before, .checkbox-field_error .checkbox-field__wrapper:focus > span:first-of-type::before {
  border-color: var(--red);
}
.checkbox-field_error.checkbox-field_dark .checkbox-field__wrapper > span {
  color: var(--white);
}
.checkbox-field:has(input[type=radio]):hover .checkbox-field__wrapper > span:first-of-type::before, .checkbox-field:has(input[type=radio]):focus .checkbox-field__wrapper > span:first-of-type::before, .checkbox-field:has(input[type=radio]):focus-within .checkbox-field__wrapper > span:first-of-type::before {
  border-color: var(--accent-new);
}
.checkbox-field:has(input[type=radio]) .checkbox-field__wrapper > span:first-of-type::before {
  display: flex;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transform: none;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border-color: var(--white-20);
}
.checkbox-field:has(input[type=radio]) .checkbox-field__wrapper > span svg {
  width: 20px;
  height: 20px;
  margin-right: 12px;
  margin-top: 0;
}
.checkbox-field:has(input[type=radio]) .checkbox-field__wrapper > span svg + span {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.28px;
  line-height: 17px;
  padding-top: 2px;
}
@media screen and (max-width: 767px) {
  .checkbox-field.sm\:checkbox-field--small .checkbox-field__wrapper > span:first-of-type::before {
    width: 15px;
    height: 15px;
  }
  .checkbox-field.sm\:checkbox-field--small .checkbox-field__wrapper > span svg {
    width: 21px;
    height: 21px;
    margin-right: 10px;
  }
}
.checkbox-field--small .checkbox-field__wrapper > span:first-of-type::before {
  width: 15px;
  height: 15px;
}
.checkbox-field--small .checkbox-field__wrapper > span svg {
  width: 21px;
  height: 21px;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .checkbox-field__wrapper > span {
    font-size: 13px;
    line-height: 18px;
  }
  .checkbox-field__wrapper > span > span {
    padding-top: 6px;
  }
}
.counter-field {
  display: flex;
  align-items: center;
}
.counter-field__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.counter-field__label {
  color: var(--black);
  font-size: 15px;
  line-height: 22px;
}
.counter-field__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  color: var(--accent);
  background: none;
  border: 1px solid #dcdcdd;
  border-radius: 50%;
  cursor: pointer;
}
.counter-field__button:disabled svg {
  opacity: 0.5;
}
.counter-field span {
  width: 12px;
  margin: 0 20px;
  color: inherit;
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 18px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .counter-field__label {
    font-size: 13px;
    line-height: 18px;
  }
}
.phone__wrapper {
  position: relative;
  display: flex;
  width: 100%;
}
.phone__wrapper > input {
  flex: 1;
  border-radius: 0 9px 9px 0;
}
.phone__wrapper > .additional {
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
}
.phone__wrapper.error > button,
.phone__wrapper.error > input {
  border-color: var(--red);
}
.phone__wrapper.error > button {
  border-right-color: transparent;
}
.phone__wrapper.disabled > button, .phone__wrapper.readonly > button {
  background-color: var(--white-smoke);
  pointer-events: none;
}
.phone__code-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 12px 20px 12px 19px;
  min-width: 100px;
  border-radius: 9px 0 0 9px;
  border: 1px solid var(--border-grey);
  border-right-color: transparent;
  background-color: var(--white);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--black);
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.phone__code-button.is-active {
  border-color: var(--accent);
}
.phone__code-button.is-active svg {
  transform: rotate(180deg);
}
.phone__code-button svg {
  width: 16px;
  height: 16px;
  color: var(--accent);
  margin-left: auto;
  transition: transform 0.2s ease;
}
.phone__code-button_dark {
  background-color: var(--black);
  border-color: transparent;
  color: var(--white);
}
.phone__code-button_dark:focus-visible {
  border-color: transparent;
}
.phone__code-button_dark ~ input {
  border-left-color: var(--white-30);
}
.phone__codes-list {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  display: flex;
  flex-direction: column;
  padding: 11px;
  border-radius: 9px;
  color: var(--black);
  background-color: var(--white);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-height: 277px;
  overflow-y: auto;
  z-index: 10;
  width: max-content;
  min-width: 250px;
  max-width: 300px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.phone__codes-list.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.phone__codes-list {
  scrollbar-width: thin;
}
.phone__codes-list::-webkit-scrollbar {
  width: 4px;
}
.phone__codes-list::-webkit-scrollbar-track {
  background: var(--gray-light);
  border-radius: 2px;
}
.phone__codes-list::-webkit-scrollbar-thumb {
  background: var(--gray);
  border-radius: 2px;
}
.phone__codes-list::-webkit-scrollbar-thumb:hover {
  background: var(--gray-3);
}
.phone__codes-list_dark {
  background-color: var(--black);
  color: var(--white);
  border: transparent;
  box-shadow: 0 4px 10px var(--white-20);
  scrollbar-color: var(--white-20) transparent;
}
.phone__codes-list_dark::-webkit-scrollbar-track {
  background: var(--white-50);
}
.phone__code-item {
  display: flex;
  align-items: center;
  padding: 11px 13px;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-radius: 9px;
  margin-bottom: 5px;
  border: none;
  width: 100%;
  color: inherit;
}
.phone__code-item::after {
  content: "";
  width: 6px;
  height: 6px;
  margin-left: auto;
  background-color: var(--accent);
  border-radius: 50%;
  opacity: 0;
  transition: background-color 0.2s ease;
}
.phone__code-item.active::after {
  opacity: 1;
}
@media (hover: hover) {
  .phone__code-item:hover::after {
    opacity: 0.5;
  }
}
.phone__code-item:last-of-type {
  margin-bottom: 0;
}
.phone__code-value, .phone__name {
  font-size: 17px;
  line-height: 147%;
  color: inherit;
  text-align: left;
}
.phone__code-value {
  font-weight: 400;
}
.phone__name {
  color: var(--gray);
  margin-left: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  width: min-content;
}
.phone .field {
  flex-grow: 1;
}
.phone input {
  border-radius: 0 8px 8px 0;
}

textarea.main__input {
  width: 100%;
  min-height: 130px;
  padding: 12px 16px;
  border-radius: 8px;
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.45px;
  font-family: var(--font-stack-book);
  transition: border-color 0.2s ease;
  color: var(--black);
  border: 1px solid var(--border-grey);
}
textarea.main__input:focus-visible {
  outline: none;
  border-color: var(--accent);
}
textarea.main__input::placeholder {
  color: var(--gray);
}
textarea.main__input:read-only, textarea.main__input:disabled {
  background-color: var(--white-smoke);
}

.field__wrapper:has(.textarea-field-counter) textarea.main__input {
  border: 0;
}

.scroll__dark {
  scrollbar-width: thin;
  scrollbar-color: var(--default-black-30) var(--default-black-10);
}
.scroll__dark::-webkit-scrollbar {
  width: 8px;
}
.scroll__dark::-webkit-scrollbar-track {
  background: var(--default-black-10);
  border-radius: 4px;
}
.scroll__dark::-webkit-scrollbar-thumb {
  background: var(--default-black-30);
  border-radius: 4px;
}
.scroll__dark::-webkit-scrollbar-thumb:hover {
  background: var(--default-black-50);
}

@media screen and (max-width: 767px) {
  textarea.main__input {
    min-height: 100px;
  }
}
.rating-input {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.rating-input__stars {
  display: flex;
  flex-direction: row-reverse;
  width: fit-content;
  gap: 4px;
}
.rating-input input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.rating-input label {
  --scale-on-hover: 1;
  position: relative;
  display: block;
  cursor: pointer;
  width: 28px;
  height: 28px;
}
.rating-input label::after, .rating-input label::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  content: "";
}
.rating-input label::after {
  width: 24px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23526aff' width='27' height='25' viewBox='0 0 40 37' xmlns='http://www.w3.org/2000/svg' %3E%3Cg filter='url(%23filter0_d_selected)'%3E%3Cpath d='M20 0L24.9844 9.13954L35.2169 11.0557L28.065 18.6205L29.4046 28.9443L20 24.48L10.5954 28.9443L11.935 18.6205L4.7831 11.0557L15.0156 9.13954L20 0Z' fill='white' /%3E%3Cpath d='M20 2.08858L24.1065 9.61833L24.3338 10.0351L24.8004 10.1224L33.2305 11.7011L27.3383 17.9335L27.0122 18.2784L27.0733 18.7491L28.1769 27.2546L20.4288 23.5766L20 23.3731L19.5712 23.5766L11.8231 27.2546L12.9267 18.7491L12.9878 18.2784L12.6617 17.9335L6.76945 11.7011L15.1996 10.1224L15.6662 10.0351L15.8935 9.61833L20 2.08858Z' stroke='gold' stroke-width='1' /%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_selected' x='0.783081' y='0' width='40' height='37' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB' %3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3E%3CfeOffset dy='4' /%3E%3CfeGaussianBlur stdDeviation='2' /%3E%3CfeComposite in2='hardAlpha' operator='out' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0' /%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape' /%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.rating-input label::before {
  width: 20px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='25' viewBox='0 0 40 37' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cg filter='url(%23filter0_d_unselected)'%3E%3Cpath d='M20 2.08858L24.1065 9.61833L24.3338 10.0351L24.8004 10.1224L33.2305 11.7011L27.3383 17.9335L27.0122 18.2784L27.0733 18.7491L28.1769 27.2546L20.4288 23.5766L20 23.3731L19.5712 23.5766L11.8231 27.2546L12.9267 18.7491L12.9878 18.2784L12.6617 17.9335L6.76945 11.7011L15.1996 10.1224L15.6662 10.0351L15.8935 9.61833L20 2.08858Z' stroke='%2397a5ff' stroke-width='2' shape-rendering='crispEdges' /%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_unselected' x='0.783081' y='0' width='38.4338' height='36.9443' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB' %3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3E%3CfeOffset dy='4' /%3E%3CfeGaussianBlur stdDeviation='2' /%3E%3CfeComposite in2='hardAlpha' operator='out' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0' /%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape' /%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  opacity: 1;
  transition: transform 0.2s ease;
  transform-origin: center center;
}
.rating-input label:nth-of-type(1) {
  --scale-on-hover: 2.36;
}
.rating-input label:nth-of-type(2) {
  --scale-on-hover: 2.22;
}
.rating-input label:nth-of-type(3) {
  --scale-on-hover: 2.08;
}
.rating-input label:nth-of-type(4) {
  --scale-on-hover: 1.94;
}
.rating-input label:nth-of-type(5) {
  --scale-on-hover: 1.8;
}
.rating-input label:nth-of-type(6) {
  --scale-on-hover: 1.66;
}
.rating-input label:nth-of-type(7) {
  --scale-on-hover: 1.52;
}
.rating-input label:nth-of-type(8) {
  --scale-on-hover: 1.38;
}
.rating-input label:nth-of-type(9) {
  --scale-on-hover: 1.24;
}
.rating-input label:nth-of-type(10) {
  --scale-on-hover: 1.1;
}
.rating-input input:checked ~ label::after {
  opacity: 1;
}
.rating-input input:checked ~ label::before {
  opacity: 0;
}
.rating-input input:not(:checked) ~ label:hover::before,
.rating-input input:not(:checked) ~ label:hover ~ label::before {
  transform: translate3d(-50%, -50%, 0) scale(var(--scale-on-hover));
}

.password-field {
  position: relative;
}
.password-field__button {
  position: absolute;
  top: 50%;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  color: var(--black);
  background: none;
  border: 0;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.password-field__button:focus-visible {
  opacity: 1;
}
@media (hover: hover) {
  .password-field__button:hover {
    opacity: 1;
  }
}
.password-field__button svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  opacity: 0;
  transition: opacity 0.2s ease;
  width: 20px;
  height: 20px;
}
.password-field__button svg:nth-of-type(1) {
  opacity: 1;
}
.password-field__button.is-password-visible svg:nth-of-type(1) {
  opacity: 0;
}
.password-field__button.is-password-visible svg:nth-of-type(2) {
  opacity: 1;
}
.password-field .text-field {
  padding-right: 50px;
}
.password-field_dark .password-field__button {
  color: var(--white);
}

.select-field {
  position: relative;
  min-width: 250px;
}
.select-field.disabled, .select-field.readonly, .select-field_disabled {
  pointer-events: none;
}
.select-field.disabled .select-field__trigger, .select-field.readonly .select-field__trigger, .select-field_disabled .select-field__trigger {
  background-color: var(--white-smoke);
}
.select-field__trigger {
  position: relative;
  width: 100%;
  min-height: 52px;
  padding: 14px 54px 14px 20px;
  color: var(--black);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  text-align: left;
  background-color: var(--white);
  border: 1px solid var(--border-grey);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.select-field__trigger svg {
  position: absolute;
  top: calc(50% - 7px);
  right: 20px;
  color: var(--accent);
  fill: var(--accent);
  stroke: var(--accent);
  transition: transform 0.2s ease;
}
.select-field__trigger_active {
  border-color: var(--accent);
}
.select-field__trigger_active svg {
  transform: rotateZ(180deg);
}
.select-field__trigger-text:not(:empty) + .select-field__placeholder {
  display: none;
}
.select-field__placeholder {
  color: var(--black-50);
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.45px;
}
.select-field__options-container {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 11;
  width: 100%;
  max-height: 214px;
  padding: 20px;
  overflow-y: auto;
  background-color: var(--white);
  border: 1px solid var(--white-20);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--black-20) transparent;
}
.select-field__options-container_visible {
  opacity: 1;
  pointer-events: auto;
}
.select-field__options-container::-webkit-scrollbar {
  width: 12px;
  appearance: none;
}
.select-field__options-container::-webkit-scrollbar-track {
  background: transparent;
}
.select-field__options-container::-webkit-scrollbar-thumb {
  background-color: var(--black-20);
  border: 4px solid var(--white);
  border-radius: 12px;
}
.select-field__option {
  position: relative;
  width: 100%;
  padding: 0 12px 0 0;
  color: var(--black);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
}
.select-field__option:not(:last-child) {
  margin-bottom: 16px;
}
.select-field__option::after {
  position: absolute;
  top: calc(50% - 3px);
  right: 0;
  display: block;
  width: 6px;
  height: 6px;
  background-color: var(--accent);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.2s ease;
  content: "";
}
.select-field__option:hover::after, .select-field__option_active::after {
  opacity: 1;
}
.select-field__hide {
  display: none;
  width: 0;
  height: 0;
  max-height: 0;
  max-width: 0;
  overflow: hidden;
  position: absolute;
}
.select-field_dark .select-field__trigger {
  color: var(--white);
  background: linear-gradient(0deg, var(--black), var(--black)), linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02));
  border-color: transparent;
}
.select-field_dark .select-field__trigger_active {
  border-color: transparent;
}
.select-field_dark label {
  color: var(--white);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.select-field_dark .select-field__options-container {
  background: linear-gradient(0deg, var(--black), var(--background-body)), linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02));
  border: transparent;
  box-shadow: 0 4px 10px rgba(255, 255, 255, 0.25);
  scrollbar-width: thin;
  scrollbar-color: var(--white-20) transparent;
}
.select-field_dark .select-field__options-container::-webkit-scrollbar-thumb {
  background-color: var(--white-20);
  border: 4px solid var(--black);
}
.select-field_dark .select-field__option {
  color: var(--white);
}
.select-field_dark.select-field_disabled .select-field__trigger {
  background: var(--black-60);
}

@media screen and (max-width: 1023px) {
  .select-field__options-container_bottom-sheet {
    position: fixed;
    inset: auto 0 0;
    z-index: 1201;
    width: 100%;
    max-height: min(70dvh, 420px);
    padding: 24px 24px 32px;
    border-radius: 20px 20px 0 0;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 100%, 0);
    transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
  }
  .select-field__options-container_bottom-sheet.select-field__options-container_visible {
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
  }
  .select-field__bottom-sheet-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
  }
  .select-field__bottom-sheet-title {
    flex: 1 1 0;
    color: var(--black);
    font-family: var(--font-stack);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
  }
  .select-field__bottom-sheet-close {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    color: var(--black);
    background: none;
    border: 0;
    cursor: pointer;
    opacity: 0.4;
  }
  .select-field__bottom-sheet-close svg {
    width: 20px;
    height: 20px;
  }
  .select-field__bottom-sheet-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1200;
    width: 100%;
    height: 100%;
    background-color: var(--black-50);
    border: 0;
    opacity: 1;
    cursor: pointer;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .select-field__options-container_bottom-sheet .select-field__option:not(:last-child) {
    margin-bottom: 14px;
  }
}
.select-button {
  padding: 8px 16px;
  min-height: 52px;
  background-color: var(--white);
  border-radius: 1000px;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
  cursor: pointer;
}
.select-button:has(input:checked) {
  color: var(--white);
  background-color: var(--accent);
}
.select-button:has(input:checked) .select-button__text,
.select-button:has(input:checked) .select-button__icon {
  color: var(--white);
}
.select-button:has(input:checked) .select-button__counter {
  color: var(--white-40);
}
.select-button__icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black);
}
.select-button__icon svg {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  color: inherit;
}
.select-button__icon--left {
  margin-right: 8px;
}
.select-button__icon--right {
  margin-left: 8px;
}
.select-button__text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--black);
}
.select-button__counter {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--black-40);
  margin-left: 4px;
}
.select-button input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  appearance: none;
}
@media screen and (max-width: 767px) {
  .select-button {
    min-height: 40px;
    padding: 8px 12px;
  }
  .select-button .select-button__text {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
  .select-button .select-button__counter {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
}
.select-button--size-40 {
  min-height: 40px;
  padding: 8px 12px;
}
.select-button--size-40 .select-button__text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
}
.select-button--size-40 .select-button__counter {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
}

.modal {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 90%;
  max-width: 620px;
  max-height: 90vh;
  margin: auto;
  color: var(--black);
  background-color: var(--white);
  border-radius: 30px;
  box-shadow: 0 10px 40px var(--black-20);
}
.modal__close {
  align-items: center;
  background: var(--white);
  border: none;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 56px;
  justify-content: center;
  left: calc(100% + 16px);
  position: absolute;
  top: 0;
  width: 56px;
}
.modal__close svg {
  width: 20px;
  height: 20px;
  color: var(--black);
}
.modal__header {
  flex-shrink: 0;
  padding: 40px 50px 30px;
}
.modal__header:empty {
  display: none;
}
.modal__body {
  flex: 1;
  padding: 0 50px 30px;
  overflow-y: auto;
}
.modal__body::-webkit-scrollbar {
  width: 6px;
}
.modal__body::-webkit-scrollbar-track {
  background: var(--black-05);
  border-radius: 3px;
}
.modal__body::-webkit-scrollbar-thumb {
  background: var(--black-20);
  border-radius: 3px;
}
.modal__body::-webkit-scrollbar-thumb:hover {
  background: var(--black-50);
}
.modal__footer {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px 50px 40px;
}
.modal__footer:empty {
  display: none;
}
.modal__footer > *:not(:last-child) {
  margin-right: 20px;
}
.modal--loading .modal__body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}
.modal--loading .modal__body::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border: 3px solid rgba(82, 106, 255, 0.2);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.modal_small {
  max-width: 400px;
  max-height: none;
}
.modal_small .modal__body {
  overflow: unset;
}
.modal_medium {
  max-width: 625px;
  max-height: none;
}
.modal_medium .modal__body {
  overflow: unset;
}
.modal_large {
  max-width: 900px;
}
.modal_fullscreen {
  width: calc(100vw - 80px);
  max-width: none;
  height: calc(100vh - 80px);
  max-height: none;
}
@media screen and (max-width: 767px) {
  .modal_fullscreen {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}

@media screen and (max-width: 1023px) {
  .modal {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    margin: 0;
    max-width: 100vw;
    max-height: 90dvh;
    border-radius: 20px 20px 0 0;
  }
  .modal__close {
    left: auto;
    top: 30px;
    right: 20px;
    width: 20px;
    height: 20px;
    opacity: 0.3;
  }
  .modal__close svg {
    width: 16px;
    height: 16px;
  }
  .modal__header {
    padding: 30px 80px 20px 20px;
  }
  .modal__header:empty {
    padding: 15px 20px 0;
  }
  .modal__body {
    padding: 0 20px 20px;
  }
  .modal__footer {
    flex-direction: column;
    padding: 15px 20px 30px;
  }
  .modal__footer > *:not(:last-child) {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .modal__footer > * {
    width: 100%;
  }
  .modal_small {
    max-width: none;
    max-height: 90vh;
  }
  .modal_small .modal__body {
    overflow-y: auto;
  }
  .modal_medium {
    max-width: none;
    max-height: 90vh;
  }
  .modal_medium .modal__body {
    overflow-y: auto;
  }
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--black-50);
  backdrop-filter: blur(4px);
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateZ(0);
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.modal-backdrop.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.modal-backdrop_align_start {
  align-items: flex-start;
  padding: 40px 0;
}
.modal-backdrop__layout {
  position: absolute;
  inset: 0;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .modal-backdrop_align_start {
    padding: 20px 0;
  }
}
@media screen and (max-width: 413px) {
  .modal-backdrop {
    align-items: flex-end;
    padding: 0;
  }
  .modal-backdrop_align_start {
    align-items: flex-start;
    padding: 0;
    border-radius: 0 0 20px 20px;
  }
}
.tag {
  position: relative;
  padding: 6px 12px;
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 10px;
  text-decoration: none;
  border: 0;
}
.tag::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: var(--gradient, var(--black));
  /* stylelint-disable-next-line @stylistic/declaration-colon-newline-after */
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='100%25' height='100%25' style='height:calc(100%25 - 2px);width:calc(100%25 - 2px); fill:none;stroke:%23fff;stroke-width:2px' rx='15'/%3E%3C/svg%3E") 0/100% 100%;
  content: "";
}

@media screen and (max-width: 768px) {
  .tag {
    font-size: 15px;
  }
}
.datepicker {
  position: relative;
}
.datepicker.is-open .datepicker__wrapper {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.datepicker__button {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 15px;
  min-height: 52px;
  border: 1px solid var(--white-15);
  color: var(--white);
  border-radius: 1000px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  line-height: 1;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.datepicker__button:focus-visible {
  background-color: var(--blue-accent);
  border-color: var(--blue-accent);
}
@media (hover: hover) {
  .datepicker__button:hover {
    background-color: var(--blue-accent);
    border-color: var(--blue-accent);
  }
}
.datepicker__button.is-active {
  background-color: var(--blue-accent);
  border-color: var(--blue-accent);
}
.datepicker__button svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.datepicker__wrapper {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 20;
  display: flex;
  flex-direction: column;
  padding: 20px;
  min-width: 335px;
  width: max-content;
  background-color: var(--white);
  border-radius: 16px;
  color: var(--black);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateZ(0);
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.datepicker__buttons {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}
.datepicker__buttons .button {
  flex: 1;
}

.datepicker .flatpickr-calendar {
  background: none;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0 auto;
  padding-inline: 0;
  height: auto;
  width: 100%;
}
.datepicker .flatpickr-calendar .flatpickr-month {
  position: static;
  display: flex;
  fill: none;
  color: var(--black);
}
.datepicker .flatpickr-calendar .flatpickr-current-month {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  margin-top: 5px;
  flex-grow: 1;
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black);
  padding: 0;
}
.datepicker .flatpickr-calendar .flatpickr-current-month .cur-month {
  display: block;
  margin: 0;
  font-weight: 400;
}
.datepicker .flatpickr-calendar .flatpickr-current-month .cur-year {
  padding-left: 0;
}
.datepicker .flatpickr-calendar .flatpickr-current-month .numInputWrapper input {
  width: 50px;
  flex-shrink: 1;
  min-width: 0;
  border: 0;
  box-shadow: none;
}
.datepicker .flatpickr-calendar .flatpickr-months {
  max-width: 310px;
  margin: 0 auto;
}
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  flex-shrink: 0;
  position: static;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
  color: var(--black);
  -webkit-tap-highlight-color: transparent;
}
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-prev-month > svg,
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-next-month > svg {
  flex-shrink: 0;
  display: block;
  width: 24px;
  height: 24px;
}
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:focus-visible,
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-next-month:focus-visible {
  color: var(--black-50);
}
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:focus-visible > svg,
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-next-month:focus-visible > svg {
  fill: none;
}
@media (hover: hover) {
  .datepicker .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,
  .datepicker .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover {
    color: var(--black-50);
  }
  .datepicker .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover > svg,
  .datepicker .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover > svg {
    fill: none;
  }
}
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover {
  color: var(--black-50);
}
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover > svg,
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover > svg {
  fill: none;
}
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.datepicker .flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  visibility: hidden;
  pointer-events: none;
}
.datepicker .flatpickr-calendar .flatpickr-weekdays {
  height: 52px;
}
.datepicker .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer {
  width: auto;
  max-width: 100%;
  flex-grow: 1;
}
.datepicker .flatpickr-calendar .flatpickr-innerContainer {
  margin-top: 0;
  width: 100%;
  overflow: hidden;
  justify-content: center;
}
.datepicker .flatpickr-calendar span.flatpickr-weekday {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  color: var(--black);
  flex: 0 0 14.28%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  width: 14.28%;
}
.datepicker .flatpickr-calendar span.flatpickr-weekday:nth-child(n+6) {
  color: var(--accent);
}
.datepicker .flatpickr-calendar .flatpickr-day {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  flex: 0 0 14.28%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  width: 14.28%;
  border: 0;
  inset: 0;
  background-color: transparent;
  border-radius: 8px;
  max-width: none;
  transition: color 0.2s ease, background-color 0.2s ease, border-radius 0.2s ease;
  color: var(--black);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.datepicker .flatpickr-calendar .flatpickr-day:nth-child(7n+6), .datepicker .flatpickr-calendar .flatpickr-day:nth-child(7n+7) {
  color: var(--accent);
}
.datepicker .flatpickr-calendar .flatpickr-day.selected {
  background: var(--accent);
  color: var(--white);
}
.datepicker .flatpickr-calendar .flatpickr-day.selected:focus-visible {
  background: var(--ghost-white);
  color: var(--accent);
}
@media (hover: hover) {
  .datepicker .flatpickr-calendar .flatpickr-day.selected:hover {
    background: var(--ghost-white);
    color: var(--accent);
  }
}
.datepicker .flatpickr-calendar .flatpickr-day:focus {
  background: transparent;
}
.datepicker .flatpickr-calendar .flatpickr-day:focus-visible {
  background: var(--ghost-white);
  color: var(--accent);
}
@media (hover: hover) {
  .datepicker .flatpickr-calendar .flatpickr-day:hover {
    background: var(--ghost-white);
    color: var(--accent);
  }
}
.datepicker .flatpickr-calendar .flatpickr-day.startRange {
  border-radius: 8px 0 0 8px;
  background: var(--accent);
  box-shadow: none;
}
.datepicker .flatpickr-calendar .flatpickr-day.startRange.endRange {
  border-radius: 8px;
}
.datepicker .flatpickr-calendar .flatpickr-day.startRange:focus-visible {
  background: var(--accent);
  color: var(--white);
}
@media (hover: hover) {
  .datepicker .flatpickr-calendar .flatpickr-day.startRange:hover {
    background: var(--accent);
    color: var(--white);
  }
}
.datepicker .flatpickr-calendar .flatpickr-day.startRange:nth-child(7n+7) {
  border-radius: 8px;
}
.datepicker .flatpickr-calendar .flatpickr-day.startRange ~ .flatpickr-day.endRange, .datepicker .flatpickr-calendar .flatpickr-day.endRange {
  border-radius: 0 8px 8px 0;
  box-shadow: none;
  background: var(--accent);
}
.datepicker .flatpickr-calendar .flatpickr-day.startRange ~ .flatpickr-day.endRange:focus-visible, .datepicker .flatpickr-calendar .flatpickr-day.endRange:focus-visible {
  background: var(--accent);
  color: var(--white);
}
@media (hover: hover) {
  .datepicker .flatpickr-calendar .flatpickr-day.startRange ~ .flatpickr-day.endRange:hover, .datepicker .flatpickr-calendar .flatpickr-day.endRange:hover {
    background: var(--accent);
    color: var(--white);
  }
}
.datepicker .flatpickr-calendar .flatpickr-day.startRange ~ .flatpickr-day.endRange:nth-child(7n+1), .datepicker .flatpickr-calendar .flatpickr-day.endRange:nth-child(7n+1) {
  border-radius: 8px;
}
.datepicker .flatpickr-calendar .flatpickr-day.inRange {
  box-shadow: none;
  background: var(--ghost-white);
  border-radius: 0;
  color: var(--accent);
}
.datepicker .flatpickr-calendar .flatpickr-day.inRange:nth-child(7n+7) {
  border-radius: 0 8px 8px 0;
}
.datepicker .flatpickr-calendar .flatpickr-day.inRange:nth-child(7n+1) {
  border-radius: 8px 0 0 8px;
}
.datepicker .flatpickr-calendar .flatpickr-day.inRange:focus-visible {
  background: var(--ghost-white);
}
@media (hover: hover) {
  .datepicker .flatpickr-calendar .flatpickr-day.inRange:hover {
    background: var(--ghost-white);
  }
}
.datepicker .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  background: transparent;
  opacity: 0.4;
  color: var(--black);
  cursor: not-allowed;
}
.datepicker .flatpickr-calendar .flatpickr-day.flatpickr-disabled:focus-visible {
  background: transparent;
  color: var(--black);
}
@media (hover: hover) {
  .datepicker .flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
    background: transparent;
    color: var(--black);
  }
}

@media screen and (max-width: 1023px) {
  .datepicker.is-open .datepicker__wrapper {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, -100%, 0);
    transition: transform 0.2s ease;
  }
  .datepicker__wrapper {
    position: fixed;
    inset: 100% 0 0;
    height: fit-content;
    width: calc(100 * var(--doc-width, 1vw));
    transform: translate3d(0, 0, 0);
    transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media screen and (max-width: 767px) {
  .datepicker__button {
    width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 9px;
    justify-content: center;
  }
  .datepicker__button svg {
    width: 20px;
    height: 20px;
  }
  .datepicker__button-label {
    display: none;
  }
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination > *:first-child {
  margin-right: 32px;
}
.pagination > *:nth-last-child(2) {
  margin-right: 0;
}
.pagination > *:last-child {
  margin-left: 32px;
}
.pagination__button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
  width: 52px;
  height: 52px;
  color: var(--white);
  background-color: transparent;
  border: 1px solid var(--white-20);
  border-radius: 50%;
  font-size: 14px;
  line-height: 12px;
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.pagination__button_next svg {
  transform: rotate(180deg);
}
.pagination__button.active {
  background-color: var(--accent);
  border-color: var(--accent);
  pointer-events: none;
}
.pagination__button:focus-visible {
  background-color: var(--accent);
  border-color: var(--accent);
}
@media (hover: hover) {
  .pagination__button:hover {
    background-color: var(--accent);
    border-color: var(--accent);
  }
}
.pagination__button:not(button):hover {
  background-color: transparent;
  border-color: var(--white-20);
}
.pagination__button:disabled {
  background-color: transparent;
  border-color: var(--white-20);
  cursor: default;
}
.pagination__button:disabled svg {
  opacity: 0.5;
}

@media screen and (max-width: 1023px) {
  .pagination__button {
    width: 46px;
    height: 46px;
  }
}
@media screen and (max-width: 767px) {
  .pagination__button {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
}
.attention {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  padding: 15px 20px;
  background: linear-gradient(0deg, #eb5151, #eb5151), linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02));
  color: var(--white);
  border-radius: 8px;
}
.attention__icon {
  color: var(--white);
  width: 24px;
  height: 24px;
}
.attention__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.attention__text {
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 22px;
}

@media screen and (max-width: 767px) {
  .attention__text {
    line-height: 18px;
  }
}
.accordion {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.accordion__item {
  position: relative;
  display: grid;
  grid-template-rows: min-content 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.3s ease-out;
  will-change: height;
}
.accordion__item.is-active .accordion__icon::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.accordion__item.is-active {
  grid-template-rows: min-content 1fr;
}
.accordion__item.is-active .accordion__content {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  pointer-events: auto;
}
.accordion__header-btn {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  cursor: pointer;
  color: var(--white);
  text-align: left;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
}
.accordion__header-btn::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
}
.accordion__header-btn:focus-visible .accordion__title {
  opacity: 0.6;
}
@media (hover: hover) {
  .accordion__header-btn:hover .accordion__title {
    opacity: 0.6;
  }
}
.accordion__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  transform: translateZ(0);
  transition: opacity 0.2s ease;
}
.accordion__icon {
  flex-shrink: 0;
  margin-left: auto;
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
}
.accordion__icon::before, .accordion__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 100%;
  background-color: var(--white);
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease-out;
}
.accordion__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.accordion__panel {
  min-height: 0;
  user-select: none;
}
.accordion__content {
  transform: translate3d(0, -20px, 0);
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  padding-top: 20px;
  pointer-events: none;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white-50);
}

@media screen and (max-width: 1023px) {
  .accordion__header {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .accordion {
    gap: 32px;
  }
  .accordion__header {
    gap: 16px;
  }
}
.tag-categories {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 4px 12px;
  min-height: 30px;
  border-radius: 57px;
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  color: var(--white);
}
.tag-categories::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.tag-categories--gradient-1::before {
  background: var(--gradient-1);
}
.tag-categories--gradient-2::before {
  background: var(--gradient-2);
}
.tag-categories--gradient-3::before {
  background: var(--gradient-3);
}
.tag-categories--gradient-5::before {
  background: var(--gradient-5);
}

.quests-hero {
  position: relative;
}
.quests-hero__container {
  display: grid;
  grid-gap: 70px 60px;
  grid-template-rows: max-content 1fr;
  grid-template-columns: 277px 1fr;
}
.quests-hero__info {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  column-gap: 24px;
  grid-row: 1;
  grid-column: 2;
  padding-top: 40px;
}
.quests-hero__categories {
  display: flex;
  flex-direction: column;
  grid-row: 1/-1;
  grid-column: 1;
  justify-content: space-between;
  padding: 12px 38px 38px;
  background-color: var(--white-06);
  border-radius: 30px;
}
.quests-hero__slider {
  grid-row: 2;
  grid-column: 2;
}
.quests-hero__title {
  color: var(--white);
  margin-right: clamp(32px, 5.96%, 80px);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 70px;
  line-height: 80px;
}
.quests-hero__title span {
  display: block;
  font-size: 32px;
  line-height: 50px;
}
.quests-hero__description {
  max-width: 227px;
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 18px;
  opacity: 0.75;
}
.quests-hero__tags {
  margin-bottom: 30px;
}
.quests-hero__button {
  padding-right: 22px;
  padding-left: 22px;
  font-size: 13px;
  line-height: 22px;
}
.quests-hero__button img {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.quests-hero__slide-down {
  position: absolute;
  top: calc(100% + 20px);
  display: flex;
  justify-content: center;
  gap: 8px;
  width: 100%;
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.quests-hero__slide-down svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.quests-hero__slide-down:focus-visible {
  opacity: 1;
}
@media (hover: hover) {
  .quests-hero__slide-down:hover {
    opacity: 1;
  }
}

.main-tags__list {
  display: none;
  overflow-y: auto;
  flex-direction: column;
  gap: 22px;
  height: 425px;
}
.main-tags__list[data-tab-active=true] {
  display: flex;
}
.main-tags__link {
  display: flex;
  align-items: flex-start;
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 18px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.main-tags__link:focus-visible {
  color: var(--accent);
}
@media (hover: hover) {
  .main-tags__link:hover {
    color: var(--accent);
  }
}
.main-tags__link svg {
  margin-left: 8px;
}
.main-tags__tabs {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
.main-tags__tabs > *:not(:last-child) {
  margin-right: 40px;
}
.main-tags__tabs::before {
  position: absolute;
  bottom: -1px;
  left: -38px;
  z-index: 1;
  width: calc(100% + 76px);
  height: 1px;
  background-color: var(--black-04);
  content: "";
}
.main-tags__button {
  position: relative;
  padding: 10px 0 15px;
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 18px;
  background: none;
  border: 0;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.main-tags__button::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: transparent;
  border-radius: 4px 4px 0 0;
  transition: background-color 0.2s ease;
  content: "";
}
.main-tags__button:focus-visible::before {
  background-color: var(--accent);
}
@media (hover: hover) {
  .main-tags__button:hover::before {
    background-color: var(--accent);
  }
}
.main-tags__button[data-tab-active=true] {
  opacity: 1;
}
.main-tags__button[data-tab-active=true]::before {
  background-color: var(--accent);
}
@media screen and (max-width: 1239px) {
  .main-tags .main-tags__tabs,
  .main-tags .main-tags__list {
    display: none;
  }
}

.mobile-tags {
  display: none;
}
@media screen and (max-width: 1239px) {
  .mobile-tags {
    display: block;
    padding-top: 32px;
  }
  .mobile-tags__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }
  .mobile-tags__item {
    display: flex;
  }
  .mobile-tags__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 52px;
    margin: 0;
    padding: 14px 15px;
    color: var(--black);
    font-size: 15px;
    line-height: 0.7;
    text-transform: lowercase;
    background-color: var(--white);
    border-radius: 57px;
    outline: none;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .mobile-tags__link:focus-visible {
    background-color: var(--accent);
    color: var(--white);
  }
}
@media screen and (max-width: 1239px) and (hover: hover) {
  .mobile-tags__link:hover {
    background-color: var(--accent);
    color: var(--white);
  }
}
@media screen and (max-width: 767px) {
  .mobile-tags__list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    margin: 0 -20px -12px;
    padding: 0 20px 12px;
    scroll-padding: 0 20px;
    width: calc(100 * var(--doc-width, 1vw));
  }
  .mobile-tags__item {
    flex-shrink: 0;
    scroll-snap-align: start;
  }
}

@media screen and (min-width: 1240px) {
  .quests-hero__container {
    padding-right: 0;
  }
  .quests-hero__info {
    padding-right: 60px;
  }
}
@media screen and (max-width: 1439px) {
  .quests-hero__title span {
    font-size: 52px;
    line-height: 62px;
  }
}
@media screen and (max-width: 1239px) {
  .quests-hero {
    margin-top: 100px;
  }
  .quests-hero__container {
    display: block;
  }
  .quests-hero__info {
    padding-top: 0;
  }
  .quests-hero__categories {
    display: block;
    margin: 32px 0 48px;
    padding: 0;
    background: none;
    backdrop-filter: none;
  }
  .quests-hero__tags, .quests-hero__slide-down {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .quests-hero {
    margin-top: 68px;
  }
  .quests-hero__info {
    display: block;
  }
  .quests-hero__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    line-height: 62px;
    margin-right: 0;
  }
  .quests-hero__title span {
    font-size: 26px;
    line-height: 44px;
  }
  .quests-hero__description {
    max-width: 704px;
    margin-top: 24px;
    margin-left: 0;
    font-size: 15px;
    line-height: 22px;
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .quests-hero__container {
    min-height: auto;
  }
  .quests-hero__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    line-height: 36px;
  }
  .quests-hero__title span {
    font-size: 20px;
    line-height: 28px;
  }
  .quests-hero__description {
    margin-top: 12px;
    font-size: 13px;
    line-height: 18px;
  }
  .quests-hero__categories {
    margin: 40px 0 50px;
  }
  .quests-hero__button {
    justify-content: center;
    width: 100%;
  }
  .quests-hero__button + .quests-hero__button {
    margin-top: 16px;
  }
}
@media screen and (max-width: 393px) {
  .quests-hero__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.44px;
  }
}
.quests-blog {
  margin-top: 130px;
}
.quests-blog__title, .quests-blog__link-wrapper {
  padding: 0 60px;
}
.quests-blog__title {
  margin-bottom: 14px;
  text-align: center;
}
.quests-blog__slider {
  position: relative;
  margin-bottom: 50px;
  max-width: none;
  overflow: hidden;
}
.quests-blog__slider::before {
  display: none;
  content: '{"startIndex": 0}';
}
.quests-blog__slider-container {
  display: grid;
  grid-auto-columns: calc(33.3333333333% - 19px);
  grid-auto-flow: column;
  grid-column-gap: 28px;
}
.quests-blog__slider-entry {
  position: relative;
  padding: 0 60px;
}
.quests-blog__slider-button {
  position: absolute;
  top: calc(50% - 44px);
  left: -90px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 140px;
  height: 140px;
  padding: 20px;
  background-color: var(--white-20);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(51, 66, 160, 0.3);
  cursor: pointer;
  opacity: 1;
  backdrop-filter: blur(20px);
  transition: background-color 0.2s ease, opacity 0.2s ease;
}
.quests-blog__slider-button:focus-visible {
  background-color: var(--accent);
}
@media (hover: hover) {
  .quests-blog__slider-button:hover {
    background-color: var(--accent);
  }
}
.quests-blog__slider-button_right {
  left: calc(100% - 50px);
  transform: rotate(180deg);
}
.quests-blog__slider-button.is-hidden {
  display: none;
}
.quests-blog__slider-button svg {
  width: 16px;
  height: 16px;
  color: var(--white);
}
.quests-blog__link {
  color: var(--white);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.quests-blog__link:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .quests-blog__link:hover {
    opacity: 0.7;
  }
}
.quests-blog__link-wrapper {
  text-align: center;
}
.quests-blog__card {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  z-index: 1;
  padding-bottom: 20px;
  margin-top: -20px;
  text-align: center;
  user-select: none;
}
.quests-blog__card-image {
  position: relative;
  z-index: -1;
  top: 50px;
  width: 192px;
  height: 384px;
  margin: 0 auto;
  transform: scale(0.42);
  transition: transform 0.2s ease;
}
.quests-blog__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  mask-image: url("/images/main/backstage/1@1x.png");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.quests-blog__card-title {
  max-width: 380px;
  margin: 0 auto;
  color: var(--white);
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
}
.quests-blog__card-link::after {
  position: absolute;
  inset: 0;
  content: "";
}
@media (hover: hover) {
  .quests-blog__card:hover .quests-blog__card-image {
    transform: scale(1);
  }
}

@media screen and (max-width: 1023px) {
  .quests-blog {
    position: relative;
    margin-top: 100px;
    overflow: hidden;
  }
  .quests-blog__title, .quests-blog__link-wrapper {
    padding: 0 32px;
  }
  .quests-blog__title {
    margin-bottom: 70px;
  }
  .quests-blog__slider {
    position: static;
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    overflow: initial;
  }
  .quests-blog__slider::before {
    content: '{"startIndex": 1}';
  }
  .quests-blog__slider-container {
    display: flex;
    grid-gap: 0;
  }
  .quests-blog__slider-entry {
    min-width: 100%;
  }
  .quests-blog__slider-entry.is-selected .quests-blog__card-image {
    transform: scale(1) translateY(-10px);
  }
  .quests-blog__slider-entry.is-selected .quests-blog__card-title {
    transform: translateY(-66px);
  }
  .quests-blog__slider-button {
    top: calc(50% - 60px);
    left: -60px;
    width: 100px;
    height: 100px;
    padding: 15px;
  }
  .quests-blog__slider-button_right {
    left: calc(100% - 40px);
  }
  .quests-blog__slider-button svg {
    width: 12px;
    height: 12px;
  }
  .quests-blog__card {
    text-align: center;
    margin-top: 0;
    padding-bottom: 0;
  }
  .quests-blog__card-image {
    top: auto;
    max-width: 156px;
    transform: scale(0.51) translateY(-100px);
  }
  .quests-blog__card-title {
    transform: translateY(-100px);
    transition: transform 0.2s ease;
  }
}
@media screen and (max-width: 1023px) and (hover: hover) {
  .quests-blog__card:hover .quests-blog__card-image {
    transform: scale(0.51) translateY(-100px);
  }
}
@media screen and (max-width: 767px) {
  .quests-blog {
    margin-top: 60px;
  }
  .quests-blog__title, .quests-blog__link-wrapper {
    padding: 0 20px;
  }
  .quests-blog__title {
    margin-bottom: 40px;
  }
  .quests-blog__slider-entry {
    padding: 0;
  }
  .quests-blog__slider-entry.is-selected .quests-blog__card-image {
    transform: scale(1) translateY(0);
  }
  .quests-blog__slider-entry.is-selected .quests-blog__card-title {
    transform: translateY(-52px);
    opacity: 1;
  }
  .quests-blog__slider-button {
    display: none;
  }
  .quests-blog__card-image {
    transform: scale(0.5) translateY(0);
  }
  .quests-blog__card-title {
    font-size: 15px;
    font-family: var(--font-stack-book);
    line-height: 22px;
    transform: translateY(-52px);
    opacity: 0;
    transition: opacity 0.2s ease;
  }
}
.hero-slider {
  position: relative;
  width: calc(100% + 60px);
  margin: -30px 0 0 -60px;
  padding: 30px 0 0 60px;
  overflow: hidden;
}
@media (hover: hover) {
  .hero-slider:hover .hero-slider__button {
    opacity: 1;
  }
}
.hero-slider__container {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 28px;
  grid-template-rows: 1fr 1fr;
  height: 100%;
}
.hero-slider__entry {
  position: relative;
  grid-row: 1/-1;
  min-width: 309px;
}
.hero-slider__entry::before {
  display: block;
  padding-bottom: 123%;
  content: "";
}
.hero-slider__entry_small {
  grid-row: 1;
  min-width: 197px;
}
.hero-slider__entry_small + .hero-slider__entry_small {
  grid-row: 2;
}
.hero-slider__entry_small::before {
  padding-bottom: 89%;
}
.hero-slider__entry-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.hero-slider__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 40px;
  overflow: hidden;
  user-select: none;
}
.hero-slider__card-title {
  max-width: 194px;
  margin-bottom: 8px;
  color: var(--white);
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
}
.hero-slider__card-desc {
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 18px;
}
.hero-slider__card-button {
  transition: var(--transition-base);
  color: var(--white);
  font-size: 15px;
  line-height: 22px;
}
.hero-slider__card-image {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.hero-slider__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-slider__card-link {
  position: absolute;
  inset: 0;
  z-index: 10;
  object-fit: cover;
}
.hero-slider__card:hover .hero-slider__card-button {
  opacity: 0.5;
}
.hero-slider__tag {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 36px 30px 30px;
  user-select: none;
}
.hero-slider__tag-title {
  color: var(--white);
  font-weight: 400;
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 22px;
}
.hero-slider__tag-icon {
  position: absolute;
  top: -30px;
  right: 0;
  width: 120px;
  height: 120px;
}
.hero-slider__tag-icon img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.hero-slider__tag-background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: radial-gradient(36.99% 91.65% at 55.13% 49.96%, rgba(179, 209, 251, 0.126) 0%, rgba(179, 209, 251, 0) 100%), linear-gradient(243.81deg, #98edff 0.25%, #98edff 11.43%, rgba(180, 255, 248, 0) 87.5%), linear-gradient(102.4deg, rgba(173, 143, 255, 0.59) -7.34%, rgba(148, 123, 218, 0.61) 5.09%, rgba(96, 79, 141, 0.36) 18.51%, rgba(96, 79, 141, 0) 92.67%), linear-gradient(0deg, #ffffff, #ffffff);
  /* stylelint-disable-next-line @stylistic/declaration-colon-newline-after */
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='100%25' height='100%25' style='height:calc(100%25 - 2px);width:calc(100%25 - 2px); fill:none;stroke:%23fff;stroke-width:2px' rx='30'/%3E%3C/svg%3E") 0/100% 100%;
}
.hero-slider__tag-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.hero-slider__button {
  position: absolute;
  top: calc(50% - 70px);
  left: -84px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 134px;
  height: 134px;
  padding: 20px;
  background-color: var(--white-20);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(51, 66, 160, 0.3);
  cursor: pointer;
  opacity: 0;
  backdrop-filter: blur(20px);
  transition: background-color 0.2s ease, opacity 0.2s ease;
}
.hero-slider__button:focus-visible {
  background-color: var(--accent);
}
@media (hover: hover) {
  .hero-slider__button:hover {
    background-color: var(--accent);
  }
}
.hero-slider__button_right {
  left: calc(100% - 50px);
  transform: rotate(180deg);
}
.hero-slider__button.is-hidden {
  display: none;
}
.hero-slider__button svg {
  width: 16px;
  height: 16px;
  color: var(--white);
}

@media screen and (max-width: 1239px) {
  .hero-slider {
    width: calc(100 * var(--doc-width, 1vw));
    margin: 0 -60px;
    padding: 30px 60px 0;
  }
  .hero-slider__container {
    grid-gap: 22px;
  }
  .hero-slider__entry {
    min-width: 281px;
  }
  .hero-slider__entry::before {
    padding-bottom: 135%;
  }
  .hero-slider__entry_small {
    min-width: 159px;
  }
  .hero-slider__entry_small::before {
    padding-bottom: 111%;
  }
  .hero-slider__card-title {
    font-size: 18px;
    line-height: 24px;
  }
  .hero-slider__tag-background {
    mask-size: 100% 100%;
  }
  .hero-slider__button {
    top: calc(50% - 50px);
    left: -63px;
    width: 100px;
    height: 100px;
    padding: 15px;
  }
  .hero-slider__button_right {
    left: calc(100% - 37px);
  }
  .hero-slider__button svg {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .hero-slider {
    width: calc(100 * var(--doc-width, 1vw));
    margin: 0 -32px;
    padding: 30px 32px 0;
  }
}
@media screen and (max-width: 767px) {
  .hero-slider {
    margin: 0 -20px;
    padding: 20px 20px 0;
  }
  .hero-slider__container {
    grid-gap: 20px;
  }
  .hero-slider__entry {
    min-width: 246px;
  }
  .hero-slider__entry::before {
    padding-bottom: 130%;
  }
  .hero-slider__entry_small {
    min-width: 157px;
  }
  .hero-slider__entry_small::before {
    padding-bottom: 96%;
  }
  .hero-slider__card {
    padding: 30px 20px;
  }
  .hero-slider__card-title {
    font-size: 15px;
    font-family: var(--font-stack-book);
    line-height: 22px;
  }
  .hero-slider__tag {
    padding: 0 36px 20px 20px;
  }
  .hero-slider__tag-title {
    font-size: 13px;
    font-family: var(--font-stack-book);
    line-height: 18px;
  }
  .hero-slider__button {
    display: none;
  }
}
.catalog-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.catalog-filters__item {
  flex-shrink: 0;
}
.catalog-filters__item_counter {
  position: relative;
  display: flex;
}
.catalog-filters__item_counter .counter-field {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate3d(0, -50%, 0);
  opacity: 0;
  visibility: hidden;
  max-width: 0;
  transition: opacity 0.2s ease, max-width 0.2s ease, visibility 0.2s ease;
  color: var(--white);
}
.catalog-filters__item_counter .counter-field__button {
  color: var(--white);
}
.catalog-filters__item_counter .catalog-filters__button {
  transition: padding-right 0.2s ease;
}
.catalog-filters__item_counter .catalog-filters__button_active {
  padding-right: 136px;
}
.catalog-filters__item_counter .catalog-filters__button_active + .counter-field {
  opacity: 1;
  visibility: visible;
  max-width: 300px;
}
.catalog-filters__reset-button,
.catalog-filters .dropdown__button, .catalog-filters__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 52px;
  margin: 0;
  padding: 14px 15px;
  color: var(--black);
  font-size: 15px;
  line-height: 0.7;
  background-color: var(--white);
  border-radius: 57px;
  outline: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.catalog-filters__reset-button_active,
.catalog-filters .dropdown__button_active, .catalog-filters__button_active {
  background-color: var(--accent);
  color: var(--white);
}
.catalog-filters .dropdown__options-container .dropdown__option:not(:last-child) .catalog-filters__row {
  margin-bottom: 22px;
}
.catalog-filters .dropdown__options-container .dropdown__option-icon {
  top: 0;
}
.catalog-filters .dropdown__container {
  min-width: 165px;
}
.catalog-filters__row {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 7px;
  align-content: center;
  min-height: 24px;
}
.catalog-filters__row_size_small {
  grid-gap: 5px;
}
.catalog-filters__row > * {
  color: var(--black);
}
.catalog-filters__row .gray-icon {
  color: var(--black);
  opacity: 0.4;
}
.catalog-filters__reset-button {
  display: none;
  background-color: var(--red);
  color: var(--white);
}
.catalog-filters__reset-button.is-active {
  display: flex;
}
.catalog-filters__reset-button:focus-visible {
  background-color: var(--red-accent);
}
@media (hover: hover) {
  .catalog-filters__reset-button:hover {
    background-color: var(--red-accent);
  }
}
.catalog-filters__reset-button .catalog-filters__button-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--white);
}
.catalog-filters__reset-button .catalog-filters__button-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1023px) {
  .catalog-filters {
    width: calc(100% + 64px);
    flex-wrap: nowrap;
    margin-bottom: -500px;
    margin-left: -32px;
    padding: 0 32px 500px;
    overflow-x: auto;
    scroll-padding: 0 32px;
    scroll-snap-type: x mandatory;
  }
  .catalog-filters__item {
    scroll-snap-align: start;
  }
  .catalog-filters {
    scrollbar-width: none;
  }
  .catalog-filters::-webkit-scrollbar {
    display: none;
  }
  .catalog-filters__more-filters {
    display: none;
  }
  .catalog-filters__reset-button,
  .catalog-filters .dropdown__button, .catalog-filters__button {
    height: 42px;
  }
  .catalog-filters__reset-button {
    order: -1;
  }
}
@media screen and (max-width: 767px) {
  .catalog-filters {
    width: calc(100% + 40px);
    gap: 10px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
    scroll-padding: 20px;
  }
  .catalog-filters__button {
    height: 42px;
  }
}
@media screen and (max-width: 640px) {
  .catalog-filters {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .catalog-filters .dropdown_button-appearance,
  .catalog-filters .dropdown__button_button-appearance {
    font-family: var(--font-stack-book);
    font-size: 15px;
  }
}
/* stylelint-disable @stylistic/selector-pseudo-class-parentheses-space-inside */
/* stylelint-disable declaration-no-important */
.quests-map [class*=ymaps-][class*=-ground-pane],
.quests-map [class*=ymaps-][class*=-copyrights-pane] {
  filter: grayscale(1) brightness(40%);
}
.quests-map [class*=ymaps-][class*=-controls-pane] {
  right: 0;
  left: auto !important;
  z-index: 4003 !important;
  width: 82px !important;
  height: 100%;
}
.quests-map [class*=ymaps-][class*=-controls__control],
.quests-map [class*=ymaps-][class*=-controls__toolbar] {
  position: static !important;
}
.quests-map [class*=ymaps-][class*="-controls__toolbar "] :is([class*=ymaps-][class*="-float-button "],
[class*=ymaps-][class$=-float-button]),
.quests-map [class*=ymaps-][class$=-controls__toolbar] :is([class*=ymaps-][class*="-float-button "],
[class*=ymaps-][class$=-float-button]) {
  position: absolute;
  bottom: 40px;
  right: 30px;
}
.quests-map [class*=ymaps-][class*="-controls__toolbar "] :is([class*=ymaps-][class*="-float-button "],
[class*=ymaps-][class$=-float-button]) [class*=ymaps-][class*=-float-button-icon],
.quests-map [class*=ymaps-][class$=-controls__toolbar] :is([class*=ymaps-][class*="-float-button "],
[class*=ymaps-][class$=-float-button]) [class*=ymaps-][class*=-float-button-icon] {
  width: 28px;
  height: 28px;
  background-size: contain;
  border: 0;
}
.quests-map [class*=ymaps-][class*="-zoom "],
.quests-map [class*=ymaps-][class$=-zoom] {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 52px;
  height: 114px !important;
  padding: 0;
  transform: translateY(-50%);
}
.quests-map [class*=ymaps-][class*="-zoom "] [class*=ymaps-][class*=-zoom__scale],
.quests-map [class*=ymaps-][class$=-zoom] [class*=ymaps-][class*=-zoom__scale] {
  display: none;
}
.quests-map [class*=ymaps-][class*="-zoom "] [class*=ymaps-][class*=-zoom__button]:first-child,
.quests-map [class*=ymaps-][class$=-zoom] [class*=ymaps-][class*=-zoom__button]:first-child {
  margin-bottom: 10px;
}
.quests-map [class*=ymaps-][class*="-zoom "] [class*=ymaps-][class*=-zoom__plus] [class*=ymaps-][class*=-zoom__icon],
.quests-map [class*=ymaps-][class$=-zoom] [class*=ymaps-][class*=-zoom__plus] [class*=ymaps-][class*=-zoom__icon] {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M9 0h2v20H9z'/%3E%3Cpath fill='%23fff' d='M20 9v2H0V9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
}
.quests-map [class*=ymaps-][class*="-zoom "] [class*=ymaps-][class*=-zoom__minus] [class*=ymaps-][class*=-zoom__icon],
.quests-map [class*=ymaps-][class$=-zoom] [class*=ymaps-][class*=-zoom__minus] [class*=ymaps-][class*=-zoom__icon] {
  width: 20px;
  height: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='2' fill='none' viewBox='0 0 20 2'%3E%3Cpath fill='%23fff' d='M20 0v2H0V0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
}
.quests-map [class*=ymaps-][class*="-float-button "],
.quests-map [class*=ymaps-][class$=-float-button] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  background-color: var(--white-20);
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  backdrop-filter: blur(30px);
}
.quests-map [class*=ymaps-][class*=-float-button-icon] {
  position: static;
}
.quests-map [class*=ymaps-][class*=-default-cluster] > * {
  color: var(--white);
  font-family: var(--font-stack-book);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
}
.quests-map [class*=ymaps-][class*=-balloon] {
  background-color: transparent;
  box-shadow: none;
}
.quests-map [class*=ymaps-][class*=-balloon] [class*=ymaps-][class*=-balloon__close],
.quests-map [class*=ymaps-][class*=-balloon] [class*=ymaps-][class*=-balloon__close-button] {
  display: none !important;
}
.quests-map [class*=ymaps-][class*=-balloon] [class*=ymaps-][class*=-balloon__content] {
  margin-right: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.quests-map [class*=ymaps-][class*=-balloon] [class*=ymaps-][class*=-balloon__layout] {
  background: transparent;
}
.quests-map [class*=ymaps-][class*=-balloon] [class*=ymaps-][class*=-balloon__tail],
.quests-map [class*=ymaps-][class*=-balloon] [class*=ymaps-][class*=-balloon__tail]::after,
.quests-map [class*=ymaps-][class*=-balloon] [class*=ymaps-][class*=-balloon__tail-shadow] {
  display: none !important;
}
.quests-map .quests-map-balloon {
  width: 220px;
  padding: 14px 16px;
  background-color: var(--black-20);
  backdrop-filter: blur(20px);
  border-radius: 14px;
  color: var(--white);
  font-family: var(--font-stack-book);
}
.quests-map .quests-map-balloon__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
}
.quests-map .quests-map-balloon__address, .quests-map .quests-map-balloon__count {
  margin-top: 12px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.quests-map__wrapper {
  position: relative;
  height: 750px;
  overflow: hidden;
  border-radius: 30px;
}
.quests-map__container {
  width: 100%;
  height: 100%;
}
.quests-map__container [class*=ymaps-][class*=-image] {
  cursor: pointer;
}
.quests-map__panel {
  position: absolute;
  top: 24px;
  left: 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 480px;
  max-height: calc(100% - 48px);
  padding: 20px;
  background-color: var(--black);
  border-radius: 20px;
  transform: translateY(20px) translateZ(0);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
}
.quests-map__panel.is-visible {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.quests-map__panel-title {
  max-width: 366px;
  margin-bottom: 12px;
  padding-right: 20px;
  color: var(--white);
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.02em;
}
.quests-map__panel-metro {
  position: relative;
  padding-left: 24px;
  padding-right: 20px;
  margin-bottom: 24px;
  color: var(--dark-gray);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  font-family: var(--font-stack-book);
}
.quests-map__panel-metro::before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: var(--branch-color, #ff0000);
  border-radius: 2px;
  transform: rotate(45deg);
  content: "";
}
.quests-map__panel-metro span:first-child::after {
  content: ", ";
}
.quests-map__panel-close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--dark-gray);
  transition: color 0.2s ease;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.quests-map__panel-close svg {
  width: 100%;
  height: 100%;
}
.quests-map__list {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-right: 13px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--white-20) transparent;
}
.quests-map__list::-webkit-scrollbar {
  width: 4px;
  appearance: none;
}
.quests-map__list::-webkit-scrollbar-thumb {
  background-color: var(--white-20);
  border-radius: 3px;
}
.quests-map__item .quest-card__header {
  height: 260px;
}
.quests-map__item:not(:last-child) {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--white-15);
}
.quests-map__overlay {
  position: fixed;
  inset: 0;
  z-index: 101;
  display: none;
  background-color: var(--black-50);
}
.quests-map__preloder {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: var(--dark-gray);
}
.quests-map__preloder svg {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  transform: translateZ(0);
}
.quests-map__preloder.is-active {
  display: flex;
}
.quests-map__preloder.is-active svg {
  animation: rotate 1s linear infinite;
}

@media screen and (max-width: 1239px) {
  .quests-map__panel {
    max-width: 486px;
  }
  .quests-map__quest-item .quest-card__header {
    height: 214px;
  }
}
@media screen and (max-width: 1023px) {
  .quests-map [class*=ymaps-][class*="-controls__toolbar "] :is([class*=ymaps-][class*="-float-button "],
  [class*=ymaps-][class$=-float-button]),
  .quests-map [class*=ymaps-][class$=-controls__toolbar] :is([class*=ymaps-][class*="-float-button "],
  [class*=ymaps-][class$=-float-button]) {
    top: calc(50% + 87px);
    bottom: unset;
  }
  .quests-map__list {
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .quests-map {
    margin: 0 -20px;
  }
  .quests-map [class*=ymaps-][class*=-controls-pane] {
    width: 62px !important;
  }
  .quests-map [class*=ymaps-][class*=-controls__control],
  .quests-map [class*=ymaps-][class*=-controls__toolbar] {
    position: static !important;
  }
  .quests-map [class*=ymaps-][class*="-controls__toolbar "] :is([class*=ymaps-][class*="-float-button "],
  [class*=ymaps-][class$=-float-button]),
  .quests-map [class*=ymaps-][class$=-controls__toolbar] :is([class*=ymaps-][class*="-float-button "],
  [class*=ymaps-][class$=-float-button]) {
    top: calc(50% + 76px);
  }
  .quests-map [class*=ymaps-][class*="-controls__toolbar "] :is([class*=ymaps-][class*="-float-button "],
  [class*=ymaps-][class$=-float-button]) [class*=ymaps-][class*=-float-button-icon],
  .quests-map [class*=ymaps-][class$=-controls__toolbar] :is([class*=ymaps-][class*="-float-button "],
  [class*=ymaps-][class$=-float-button]) [class*=ymaps-][class*=-float-button-icon] {
    width: 17px;
    height: 16px;
  }
  .quests-map [class*=ymaps-][class*="-zoom "],
  .quests-map [class*=ymaps-][class$=-zoom] {
    width: 42px;
    height: 92px !important;
  }
  .quests-map [class*=ymaps-][class*="-zoom "] [class*=ymaps-][class*=-zoom__button]:first-child,
  .quests-map [class*=ymaps-][class$=-zoom] [class*=ymaps-][class*=-zoom__button]:first-child {
    margin-bottom: 8px;
  }
  .quests-map [class*=ymaps-][class*="-zoom "] [class*=ymaps-][class*=-zoom__plus] [class*=ymaps-][class*=-zoom__icon],
  .quests-map [class*=ymaps-][class$=-zoom] [class*=ymaps-][class*=-zoom__plus] [class*=ymaps-][class*=-zoom__icon] {
    width: 16px;
    height: 16px;
  }
  .quests-map [class*=ymaps-][class*="-zoom "] [class*=ymaps-][class*=-zoom__minus] [class*=ymaps-][class*=-zoom__icon],
  .quests-map [class*=ymaps-][class$=-zoom] [class*=ymaps-][class*=-zoom__minus] [class*=ymaps-][class*=-zoom__icon] {
    width: 16px;
  }
  .quests-map [class*=ymaps-][class*="-float-button "],
  .quests-map [class*=ymaps-][class$=-float-button] {
    width: 42px;
    height: 42px;
  }
  .quests-map__wrapper {
    height: 600px;
  }
  .quests-map__panel {
    position: fixed;
    inset: 100% 0 0;
    z-index: 102;
    max-width: none;
    max-height: min(423px, 100 * var(--doc-height, 1vh) - var(--header-height, 104px) - 40px);
    height: max-content;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s ease-out;
    padding: 24px 16px 0;
    border-radius: 30px 30px 0 0;
  }
  .quests-map__panel.is-visible {
    transform: translate3d(0, -100%, 0);
  }
  .quests-map__panel.is-visible + .quests-map__overlay {
    display: block;
  }
  .quests-map__panel-title {
    margin-bottom: 8px;
  }
  .quests-map__panel-close {
    top: 24px;
    right: 16px;
    width: 20px;
    height: 20px;
  }
  .quests-map__list {
    gap: 24px;
    margin: 0 -16px;
    padding: 0 16px 24px;
  }
  .quests-map__item .quest-card__header {
    height: auto;
    aspect-ratio: 335/214;
  }
}
/* stylelint-disable declaration-no-important */
.catalog {
  margin-top: 130px;
}
.catalog_no-hero {
  margin-top: 40px;
}
.catalog_view_map .catalog__list-wrapper {
  display: none;
}
.catalog_view_map .catalog__map {
  display: block;
}
.catalog_view_map .catalog__change-type_list {
  display: none;
}
.catalog_view_map .catalog__change-type_map {
  display: inline-flex;
}
.catalog_view_map .catalog__search-container,
.catalog_view_map .catalog__sort,
.catalog_view_map .catalog-filters {
  display: none;
}
.catalog_view_map .catalog__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.catalog_view_map .catalog__info {
  margin-top: 32px;
}
.catalog__hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 26px 0 32px;
}
.catalog__search-container {
  width: 100%;
  max-width: 420px;
}
.catalog__mobile-filter-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.catalog__mobile-filter-button::after {
  position: absolute;
  top: -1px;
  right: -1px;
  display: block;
  width: 16px;
  height: 16px;
  background-color: var(--accent);
  border: 3px solid var(--black);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.2s ease;
  content: "";
}
.catalog__mobile-filter-button:hover, .catalog__mobile-filter-button:focus, .catalog__mobile-filter-button_active {
  border-color: var(--white);
}
.catalog__mobile-filter-button_active::after {
  opacity: 1;
}
.catalog__mobile-filter-button > svg {
  color: var(--white);
}
.catalog__reset-button {
  margin: 0;
  padding: 0 10px;
  color: var(--white);
  font-size: 15px;
  line-height: 1;
  background-color: transparent;
  border: none;
  cursor: pointer;
  opacity: 0.6;
}
.catalog__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.catalog__sort .dropdown__container-title {
  font-weight: 400;
  font-family: var(--font-stack);
  font-size: 15px;
  line-height: 22px;
  color: var(--black);
}
.catalog__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 52px 0 32px;
}
.catalog__info_align-end {
  justify-content: flex-end;
}
.catalog__nav-link {
  display: none;
  align-items: center;
  color: var(--white);
  text-decoration: none;
}
.catalog__nav-link_tablet {
  display: flex;
}
.catalog__nav-link svg {
  margin-right: 8px;
}
.catalog__nav-link .paragraph {
  font-weight: 400;
  font-family: var(--font-stack);
  line-height: 1;
}
.catalog__breadcrumbs {
  margin: 20px 0 0;
}
.catalog__change-type-wrapper {
  margin-left: auto;
}
.catalog__change-type {
  display: flex;
  align-items: center;
  margin-left: auto;
  color: var(--white);
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.catalog__change-type.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.catalog__change-type:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .catalog__change-type:hover {
    opacity: 0.7;
  }
}
.catalog__change-type svg {
  display: block;
  margin-right: 8px;
  height: 20px;
  width: 20px;
}
.catalog__change-type_map {
  display: none;
}
.catalog__list-wrapper {
  display: flex;
  flex-direction: column;
}
.catalog__list {
  position: relative;
  display: grid;
  grid-gap: 48px 28px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.catalog__list .quest-card__header::before,
.catalog__list .quest-card-placeholder__image::before {
  padding-bottom: 71%;
}
.catalog__list__loadmore {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
}
.catalog__list__loadmore .button {
  height: 52px;
}
.catalog__map {
  display: none;
}
.catalog__load-more {
  align-self: center;
  margin-top: 62px;
}
.catalog__not-found {
  position: relative;
  display: none;
  flex-direction: column;
  grid-column: 1/-1;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
  text-align: center;
}
.catalog__not-found::after {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: calc(100% + 120px);
  height: 370px;
}
.catalog__not-found svg {
  z-index: 1;
  width: 139px;
  height: 61px;
}
.catalog__not-found .ufo-light {
  position: absolute;
  top: 14px;
  left: 50%;
  z-index: 0;
  width: 1440px;
  height: 212px;
  transform: translateX(-50%);
}
.catalog__not-found .ufo-light svg {
  display: block;
  width: 100%;
  height: 100%;
}
.catalog__not-found-title {
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  margin-top: 96px;
}
.catalog__not-found-link {
  margin-top: 32px;
  color: var(--white);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.catalog__not-found-link:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .catalog__not-found-link:hover {
    opacity: 0.7;
  }
}
.catalog__search {
  position: relative;
  display: flex;
  align-items: center;
  height: 52px;
}
.catalog__search-input {
  width: 100%;
  height: 52px;
  padding: 13px 16px 13px 32px;
  color: var(--white);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 1;
  background-color: transparent;
  border: 1px solid var(--white-20);
  border-radius: 57px;
  outline: none;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.catalog__search-input::placeholder {
  color: var(--white-50);
}
.catalog__search-input:not(:placeholder-shown), .catalog__search-input:focus, .catalog__search-input:hover, .catalog__search-input:active {
  border-color: var(--white);
}
.catalog__search-reset {
  position: absolute;
  right: 18px;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--white);
  background: none;
  border: 0;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.catalog__search-reset.is-visible {
  display: flex;
}
.catalog__search-reset:focus-visible {
  opacity: 1;
}
@media (hover: hover) {
  .catalog__search-reset:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 1600px) {
  .catalog__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .catalog__nav-link {
    display: flex;
  }
  .catalog__nav-link_tablet {
    display: none;
  }
}
@media screen and (max-width: 1239px) {
  .catalog_view_map .catalog__top {
    display: block;
  }
  .catalog__change-type {
    position: fixed;
    bottom: 32px;
    left: 50%;
    z-index: 12;
    padding: 11px 16px;
    font-size: 13px;
    background-color: var(--accent);
    border-radius: 25px;
    transform: translateX(-50%);
  }
  .catalog__change-type-wrapper {
    transition: opacity 0.2s ease;
  }
  .catalog__change-type-wrapper_hidden {
    opacity: 0;
  }
  .catalog__nav-link {
    display: none;
  }
  .catalog__nav-link_tablet {
    display: flex;
  }
  .catalog__list {
    grid-gap: 36px;
    grid-template-columns: 1fr 1fr;
  }
  .catalog__list .quest-card__header::before,
  .catalog__list .quest-card-placeholder__image::before {
    padding-bottom: 63%;
  }
}
@media screen and (max-width: 1023px) {
  .catalog {
    margin-top: 100px;
  }
  .catalog_no-hero {
    margin-top: 40px;
  }
  .catalog__hero {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }
  .catalog__filters {
    width: calc(100% + 64px);
    margin-left: -32px;
    padding-left: 32px;
  }
  .catalog__info {
    margin: 32px 0;
  }
  .catalog__search-container {
    width: 100%;
    max-width: none;
    margin-top: 26px;
  }
  .catalog__not-found-title {
    margin-top: 100px;
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .catalog__filters {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-left: 20px;
  }
  .catalog__info {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .catalog__info > *:first-child {
    margin-top: 20px;
  }
  .catalog .quest-card__controls {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .catalog .quest-card__controls > *:last-child:not(:only-child) {
    margin-left: 0;
    width: 100%;
    min-width: 100%;
    margin-top: auto;
  }
  .catalog .quest-card__controls > *:last-child:not(:only-child).button {
    padding-left: 6px;
    padding-right: 6px;
  }
  .catalog .quest-card__controls > *:first-child {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 500px) {
  .catalog {
    margin-top: 60px;
  }
  .catalog_no-hero {
    margin-top: 40px;
  }
  .catalog_view_map .catalog__info {
    margin-top: 0;
  }
  .catalog__nav-link .paragraph {
    font-size: 15px;
    font-family: var(--font-stack-book);
  }
  .catalog__info {
    margin: 26px 0 18px;
  }
  .catalog__info > .paragraph {
    font-size: 13px;
    font-family: var(--font-stack-book);
  }
  .catalog__reset-button {
    padding: 0 0 0 6px;
    font-size: 13px;
  }
  .catalog__list {
    gap: 32px 16px;
  }
  .catalog__list .quest-card__header::before,
  .catalog__list .quest-card-placeholder__image::before {
    padding-bottom: 64%;
  }
  .catalog__load-more {
    margin-top: 60px;
    width: 100%;
  }
  .catalog__not-found {
    margin-top: 66px;
  }
  .catalog__not-found svg {
    width: 97px;
    height: 43px;
  }
  .catalog__not-found svg.ufo-light {
    top: -30px;
    width: 768px;
  }
  .catalog__not-found-title {
    margin-top: 70px;
    font-size: 15px;
    font-family: var(--font-stack-book);
  }
  .catalog__not-found-link {
    margin-top: 20px;
  }
  article.quest-card {
    gap: 12px;
  }
  article.quest-card .quest-card__rating {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    padding: 4px 12px;
    bottom: 16px;
    right: 16px;
  }
  article.quest-card .quest-card__options {
    margin-top: 4px;
    margin-bottom: 12px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
  article.quest-card .quest-card__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.36px;
  }
  article.quest-card .quest-card_rating {
    bottom: 16px;
    right: 16px;
  }
  article.quest-card .quest-card__body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  article.quest-card .quest-card__level {
    margin-bottom: 12px;
  }
  article.quest-card .quest-card__level span {
    width: 14px;
    height: 14px;
  }
  article.quest-card .quest-card__button.button.button_view_action {
    margin-left: 0;
  }
}
@media screen and (max-width: 374px) {
  .catalog .catalog__list {
    grid-template-columns: 1fr;
  }
}
.categories {
  margin-top: 130px;
}
.categories__title {
  margin-bottom: 40px;
}
.categories__link {
  color: var(--white);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.categories__link:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .categories__link:hover {
    opacity: 0.7;
  }
}
.categories__link-wrapper {
  text-align: center;
}
.categories__slider {
  position: relative;
  max-width: none;
  width: 100%;
  margin-top: -44px;
  margin-bottom: 52px;
  padding-top: 44px;
  overflow: hidden;
}
.categories__slider:hover .categories__slider-button {
  opacity: 1;
}
.categories__slider-container {
  display: grid;
  grid-auto-columns: calc(33.3333333333% - 19px);
  grid-auto-flow: column;
  grid-column-gap: 28px;
}
.categories__slider-entry {
  position: relative;
}
.categories__slider-entry > * {
  height: 100%;
}
.categories__slider-button {
  position: absolute;
  top: calc(50% - 54px);
  left: -90px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 140px;
  height: 140px;
  padding: 20px;
  background-color: var(--white-20);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(51, 66, 160, 0.3);
  cursor: pointer;
  opacity: 1;
  backdrop-filter: blur(20px);
  transition: background-color 0.2s ease, opacity 0.2s ease;
}
.categories__slider-button:focus-visible {
  background-color: var(--accent);
}
@media (hover: hover) {
  .categories__slider-button:hover {
    background-color: var(--accent);
  }
}
.categories__slider-button_right {
  left: calc(100% - 50px);
  transform: rotate(180deg);
}
.categories__slider-button_hidden {
  display: none;
}
.categories__slider-button svg {
  width: 16px;
  height: 16px;
  color: var(--white);
}

@media screen and (max-width: 1919px) {
  .categories__slider {
    padding: 44px 60px 0;
  }
}
@media screen and (max-width: 1023px) {
  .categories {
    margin-top: 100px;
  }
  .categories__slider {
    padding: 44px 32px 0;
  }
  .categories__slider-container {
    grid-auto-columns: calc(50% - 11px);
    grid-column-gap: 22px;
  }
  .categories__slider-button {
    top: calc(50% - 34px);
    left: -60px;
    width: 100px;
    height: 100px;
    padding: 15px;
  }
  .categories__slider-button_right {
    left: calc(100% - 40px);
  }
  .categories__slider-button svg {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 767px) {
  .categories {
    margin-top: 60px;
  }
  .categories__title {
    margin-bottom: 28px;
  }
  .categories__slider {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0;
    padding: 44px 0 0;
  }
  .categories__slider::before {
    display: none;
    content: '{"draggable": false}';
  }
  .categories__slider-container {
    grid-auto-flow: initial;
    grid-template-columns: 1fr;
  }
  .categories__slider-entry:not(:first-child) {
    margin-top: 52px;
  }
  .categories__slider-entry:nth-child(n+4) {
    display: none;
  }
  .categories__slider-button {
    display: none;
  }
}
.quests-about__heading {
  max-width: 1000px;
  margin-bottom: 48px;
}
.quests-about__text {
  margin-top: 16px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--white-60);
}
.quests-about__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.quests-about__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 39px;
  border: 1px solid var(--white-15);
  border-radius: 32px;
}
.quests-about__card-title {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.quests-about__card-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--white-60);
}
.quests-about__card-link {
  margin-top: auto;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white);
  transition: color 0.2s ease;
}
.quests-about__card-link:focus-visible {
  color: var(--white-70);
}
@media (hover: hover) {
  .quests-about__card-link:hover {
    color: var(--white-70);
  }
}

@media screen and (max-width: 1239px) {
  .quests-about__cards {
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  }
}
@media screen and (max-width: 1023px) {
  .quests-about__card {
    padding: 31px;
  }
}
@media screen and (max-width: 767px) {
  .quests-about__heading {
    margin-bottom: 24px;
  }
  .quests-about__text {
    margin-top: 12px;
  }
  .quests-about__cards {
    grid-template-columns: 1fr;
  }
  .quests-about__card {
    gap: 12px;
  }
  .quests-about__card-title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 393px) {
  .quests-about__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.44px;
  }
}
.quest-sidebar {
  position: sticky;
  top: calc(var(--header-height, 104px) + 24px);
  align-self: start;
  padding: 44px;
  background-color: var(--white);
  border-radius: 30px;
}
.quest-sidebar:has(.badge) {
  top: 200px;
}
.quest-sidebar__title {
  display: block;
  margin-bottom: 18px;
  color: var(--black);
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
}
.quest-sidebar__address {
  font-style: normal;
}
.quest-sidebar__address-label {
  margin-bottom: 8px;
  color: var(--black);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 18px;
  opacity: 0.6;
}
.quest-sidebar__phone {
  color: var(--black);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 22px;
}
.quest-sidebar__metro {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 4px;
  color: var(--black);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 22px;
}
.quest-sidebar__metro-colors {
  flex-shrink: 0;
  display: flex;
  gap: 3px;
}
.quest-sidebar__metro-color {
  display: block;
  width: 8px;
  height: 8px;
  background-color: var(--branch-color, transparent);
  border-radius: 2px;
}
.quest-sidebar__metro-color_hidden {
  display: none;
}
.quest-sidebar__description {
  color: var(--dark-gray);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 18px;
}
.quest-sidebar__map-link {
  display: inline-block;
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 18px;
  margin-top: 12px;
  color: var(--dark-gray);
  transition: color 0.2s ease;
}
.quest-sidebar__map-link:focus-visible {
  color: var(--black);
}
@media (hover: hover) {
  .quest-sidebar__map-link:hover {
    color: var(--black);
  }
}
.quest-sidebar__share {
  margin-top: 18px;
  margin-bottom: 8px;
  color: var(--black);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 18px;
}
.quest-sidebar__links-list {
  display: grid;
  grid-auto-columns: 32px;
  grid-auto-flow: column;
  grid-gap: 12px;
  place-items: center;
}
.quest-sidebar__share-link {
  display: flex;
  color: var(--light-grey-3);
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.quest-sidebar__share-link svg {
  width: 28px;
  height: 28px;
}
.quest-sidebar__share-link:focus-visible {
  opacity: 1;
}
@media (hover: hover) {
  .quest-sidebar__share-link:hover {
    opacity: 1;
  }
}
.quest-sidebar__buttons {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr auto;
  margin-top: 30px;
}
.quest-sidebar__badge {
  position: absolute;
  top: -98px;
  right: -84px;
  z-index: 1;
  transform: rotate(-6.4deg);
}
.quest-sidebar .ymaps-iframe-wrapper {
  display: flex;
  place-content: center center;
  min-width: 300px;
  max-width: 760px;
  width: calc(100% + 40px);
  height: 120px;
  margin: 0 -20px;
}
.quest-sidebar .ymaps-iframe-wrapper .frame-content {
  width: 100%;
  height: 100%;
  border: 0 #e6e6e6;
  border-radius: 8px;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .quest-sidebar .ymaps-iframe-wrapper {
    height: 120px;
    margin: 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .quest-sidebar .ymaps-iframe-wrapper {
    height: 500px;
    margin: 0 -20px;
    width: calc(100% + 40px);
    transition: height 0.3s ease-in-out;
  }
  .quest-sidebar .ymaps-iframe-wrapper:hover {
    height: 1300px;
  }
}

@media screen and (max-width: 1023px) {
  .quest-sidebar__badge {
    right: -52px;
  }
}
@media screen and (max-width: 767px) {
  .quest-sidebar {
    padding: 30px 20px;
  }
  .quest-sidebar__title {
    font-size: 22px;
    line-height: 24px;
  }
  .quest-sidebar__address-label {
    font-size: 15px;
    line-height: 22px;
  }
  .quest-sidebar__metro {
    max-width: 270px;
    font-size: 17px;
    line-height: 22px;
  }
  .quest-sidebar__description {
    font-size: 15px;
    line-height: 22px;
  }
  .quest-sidebar__badge {
    top: -32px;
    right: -20px;
  }
  .quest-sidebar__buttons {
    display: none;
  }
  .quest-sidebar__share {
    font-size: 15px;
    line-height: 22px;
  }
  .quest-sidebar__links-list {
    grid-gap: 8px;
    margin-top: 4px;
    margin-bottom: 0;
  }
  .quest-sidebar__links-list svg {
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 413px) {
  .quest-sidebar__title {
    font-size: 18px;
  }
  .quest-sidebar__address {
    font-size: 13px;
    line-height: 18px;
  }
  .quest-sidebar__metro {
    max-width: 220px;
    font-size: 15px;
  }
  .quest-sidebar__description {
    font-size: 13px;
    line-height: 18px;
  }
  .quest-sidebar__share {
    font-size: 13px;
    line-height: 18px;
  }
}
.badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 210px;
  height: 210px;
  padding: 0 25px;
  text-align: center;
}
.badge__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 210px;
  height: 210px;
}
.badge__title {
  margin-bottom: 6px;
  color: var(--white);
  font-size: 18px;
  line-height: 1.33;
}
.badge__description {
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 1.38;
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  .badge {
    width: 167px;
    height: 167px;
  }
  .badge__background {
    width: 167px;
    height: 167px;
  }
  .badge__title {
    font-size: 15px;
    font-family: var(--font-stack-book);
    line-height: 22px;
  }
  .badge__description {
    font-size: 13px;
    line-height: 18px;
  }
}
@media screen and (max-width: 413px) {
  .badge {
    width: 150px;
    height: 150px;
  }
  .badge__background {
    width: 150px;
    height: 150px;
  }
  .badge__title {
    font-size: 13px;
    font-family: var(--font-stack-book);
    line-height: 18px;
  }
  .badge__description {
    font-size: 11px;
    line-height: 14px;
  }
}
.quest-fact {
  position: relative;
  padding: 30px;
  margin: 70px 0;
}
.quest-fact::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: radial-gradient(36.99% 91.65% at 55.13% 49.96%, rgba(179, 209, 251, 0.126) 0%, rgba(179, 209, 251, 0) 100%), linear-gradient(243.81deg, #98edff 0.25%, #98edff 11.43%, rgba(180, 255, 248, 0) 87.5%), linear-gradient(102.4deg, rgba(173, 143, 255, 0.59) -7.34%, rgba(148, 123, 218, 0.61) 5.09%, rgba(96, 79, 141, 0.36) 18.51%, rgba(96, 79, 141, 0) 92.67%), linear-gradient(0deg, #ffffff, #ffffff);
  /* stylelint-disable-next-line @stylistic/declaration-colon-newline-after */
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='100%25' height='100%25' style='height:calc(100%25 - 2px);width:calc(100%25 - 2px); fill:none;stroke:%23fff;stroke-width:2px' rx='30'/%3E%3C/svg%3E") 0/100% 100%;
  content: "";
  user-select: none;
}
.quest-fact__title {
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 28px;
}
.quest-fact__box {
  position: absolute;
  top: 36px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 48px;
}
.quest-fact__arrow {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.quest-fact__arrow:disabled {
  opacity: 0.5;
}
.quest-fact__arrow[data-arrow-left] {
  transform: rotate(90deg);
}
.quest-fact__arrow[data-arrow-right] {
  transform: rotate(-90deg);
}
.quest-fact__arrow svg {
  color: var(--white);
}
.quest-fact__item {
  font-size: 15px;
  line-height: 22px;
}

@media screen and (max-width: 1023px) {
  .quest-fact {
    margin: 60px 0;
  }
  .quest-fact__title {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .quest-fact {
    padding: 30px 20px;
    margin: 40px 0;
  }
  .quest-fact > .paragraph {
    font-size: 15px;
    line-height: 22px;
  }
  .quest-fact__title {
    margin-bottom: 12px;
    font-size: 17px;
    line-height: 22px;
  }
  .quest-fact__box {
    top: 32px;
    right: 18px;
  }
}
@media screen and (max-width: 413px) {
  .quest-fact__item {
    font-size: 13px;
    line-height: 18px;
  }
  .quest-fact__title {
    font-size: 15px;
    font-family: var(--font-stack-book);
  }
}
.quest-gallery__main {
  position: relative;
  display: grid;
  width: 100%;
  align-items: flex-start;
}
.quest-gallery__main-slider {
  overflow: hidden;
  border-radius: 30px;
}
.quest-gallery__main-slider-container {
  display: flex;
  margin-left: -22px;
}
.quest-gallery__main-slider-entry {
  position: relative;
  flex: 0 0 100%;
  padding-left: 22px;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.quest-gallery__main iframe, .quest-gallery__main-image {
  position: absolute;
  top: 0;
  left: 22px;
  width: calc(100% - 22px);
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}
.quest-gallery__main-play-icon {
  position: absolute;
  top: calc(50% - 26px);
  left: calc(50% - 26px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: var(--accent);
  border-radius: 50%;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
}
.quest-gallery__button {
  position: absolute;
  top: calc(50% - 26px);
  left: -24px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  background-color: var(--white-20);
  border: 0;
  border-radius: 50%;
  transition: background-color 0.2s ease;
  cursor: pointer;
  backdrop-filter: blur(10px);
}
.quest-gallery__button_right {
  left: calc(100% - 24px);
  transform: translateY(-50%) rotate(180deg);
}
.quest-gallery__button.is-hidden {
  display: none;
}
.quest-gallery__button:focus-visible {
  background-color: var(--white-50);
}
@media (hover: hover) {
  .quest-gallery__button:hover {
    background-color: var(--white-50);
  }
}
.quest-gallery__button svg {
  width: 14px;
  color: var(--white);
}
.quest-gallery__pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 16px;
  padding-bottom: 8px;
  overflow: auto;
  scroll-snap-type: x mandatory;
}
.quest-gallery__pagination-item {
  position: relative;
  flex-shrink: 0;
  width: 90px;
  height: 60px;
  scroll-snap-align: start;
  padding: 0;
  background-color: var(--black);
  border: 2px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  opacity: 0.6;
  transition: border-color 0.2s ease, opacity 0.2s ease;
  transform: translate3d(0, 0, 0);
}
.quest-gallery__pagination-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.quest-gallery__pagination-item svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
}
.quest-gallery__pagination-item.is-active {
  border-color: var(--accent);
  opacity: 1;
}
.quest-gallery__pagination-item:focus-visible {
  opacity: 1;
}
@media (hover: hover) {
  .quest-gallery__pagination-item:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 1023px) {
  .quest-gallery__main-slider {
    width: calc(100% + 64px);
    margin-left: -32px;
    padding: 0 32px;
    border-radius: 0;
  }
  .quest-gallery__main-slider-entry::before {
    padding-bottom: 66%;
  }
  .quest-gallery__main-image {
    position: absolute;
    top: 0;
    left: 22px;
    width: calc(100% - 22px);
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
  }
  .quest-gallery__button {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
  .quest-gallery__pagination {
    width: calc(100% + 64px);
    margin: 16px -32px 0;
    padding: 0 32px;
    scroll-padding: 0 32px;
  }
}
@media screen and (max-width: 767px) {
  .quest-gallery__main {
    margin-bottom: 24px;
  }
  .quest-gallery__main-slider {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 0 20px;
  }
  .quest-gallery__main-slider-entry {
    flex-basis: 95%;
  }
  .quest-gallery__pagination {
    width: calc(100% + 40px);
    margin: 16px -20px 0;
    padding: 0 20px;
    scroll-padding: 0 20px;
  }
}
.quest-reviews {
  position: relative;
}
.quest-reviews__grid {
  display: grid;
  gap: 60px 80px;
  grid-template-columns: 1fr 1fr;
}
.quest-reviews__header {
  display: grid;
  grid-template-rows: max-content max-content;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.quest-reviews__filters {
  display: flex;
  grid-row: 2;
  grid-column: 1/-1;
  align-items: flex-start;
  justify-content: flex-start;
  width: calc(100% + 64px);
  margin-top: 30px;
  margin-left: -32px;
  padding: 0 32px;
  overflow-x: auto;
  scroll-padding-left: 32px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.quest-reviews__filters::-webkit-scrollbar {
  display: none;
}
.quest-reviews__filters-item {
  padding: 14px 16px;
  color: var(--white);
  font-size: 15px;
  line-height: 22px;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 57px;
  outline: none;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  scroll-snap-align: start;
  font-family: var(--font-stack-book);
}
.quest-reviews__filters-item:not(:last-child) {
  margin-right: 14px;
}
.quest-reviews__filters-item.active {
  background-color: var(--accent);
  border-color: var(--accent);
}
.quest-reviews__filters-item:focus-visible {
  background-color: var(--accent);
  border-color: var(--accent);
}
@media (hover: hover) {
  .quest-reviews__filters-item:hover {
    background-color: var(--accent);
    border-color: var(--accent);
  }
}
.quest-reviews__sort {
  position: relative;
  grid-row: 1;
  grid-column: 2;
  justify-self: flex-end;
}
.quest-reviews__sort .dropdown_active .quest-reviews__sort-icon {
  transform: scaleY(-1);
}
.quest-reviews__sort .dropdown__container {
  right: 0;
  left: unset;
}
.quest-reviews__sort-icon {
  margin-left: 8px;
}
.quest-reviews__pagination {
  margin-top: 60px;
}
.quest-reviews__load-more {
  display: none;
}

@media screen and (max-width: 1239px) {
  .quest-reviews__grid {
    grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
    gap: 30px 40px;
  }
}
@media screen and (max-width: 1023px) {
  .quest-reviews__grid {
    grid-gap: 24px;
  }
  .quest-reviews__header {
    margin-bottom: 32px;
  }
  .quest-reviews__filters {
    margin-top: 24px;
  }
  .quest-reviews__pagination {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .quest-reviews__grid {
    grid-template-columns: 1fr;
  }
  .quest-reviews__header {
    display: block;
    margin-bottom: 20px;
  }
  .quest-reviews__filters {
    width: calc(100% + 40px);
    margin: 20px 0 20px -20px;
    padding: 0 20px;
    scroll-padding-left: 20px;
  }
  .quest-reviews__filters-item {
    padding: 12px 15px;
    font-size: 13px;
    line-height: 18px;
  }
  .quest-reviews__filters-item:not(:last-child) {
    margin-right: 10px;
  }
  .quest-reviews__pagination {
    display: none;
  }
  .quest-reviews__load-more {
    display: block;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: var(--white);
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    height: auto;
    line-height: 22px;
    margin: 0;
    padding: 20px;
    transition: opacity 0.2s ease;
    width: 100%;
    margin-top: 20px;
  }
}
/* stylelint-disable number-max-precision */
/* stylelint-disable @stylistic/declaration-colon-newline-after */
.quest-reviews-card {
  display: grid;
  grid-gap: 0 28px;
  grid-template-rows: 190px auto;
  grid-template-columns: 190px 1fr;
}
.quest-reviews-card.hidden {
  display: none;
}
.quest-reviews-card__image {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.quest-reviews-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}
.quest-reviews-card__content {
  grid-row: 1/3;
  grid-column: 2/3;
}
.quest-reviews-card__name {
  display: inline-grid;
  grid-auto-flow: column;
  grid-gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}
.quest-reviews-card__name_mobile {
  display: none;
}
.quest-reviews-card__title {
  color: var(--white);
  font-size: 22px;
  line-height: 28px;
}
.quest-reviews-card__description {
  margin-bottom: 26px;
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 22px;
  opacity: 0.6;
}
.quest-reviews-card__text {
  color: var(--white);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 22px;
}
.quest-reviews-card__text.hidden {
  display: none;
}
.quest-reviews-card__tag {
  line-height: 18px;
}
.quest-reviews-card__tag::after {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='100%25' height='100%25' style='height:calc(100%25 - 2px);width:calc(100%25 - 2px); fill:none;stroke:%23fff;stroke-width:2px' rx='15'/%3E%3C/svg%3E") 0/100% 100%;
}
.quest-reviews-card__tag_trainee::after {
  background-image: linear-gradient(242.3deg, #ffc97c -3.13%, #ffc97c 4.91%, rgba(255, 201, 124, 0.84) 17.06%, rgba(255, 201, 124, 0.58) 42.4%, rgba(255, 201, 124, 0.4) 56.59%, rgba(255, 201, 124, 0) 99.97%), linear-gradient(60.53deg, #47bab3 2.33%, rgba(71, 186, 179, 0.89) 10.92%, rgba(71, 186, 179, 0.7) 21.22%, rgba(71, 186, 179, 0.3) 52.81%, rgba(71, 186, 179, 0) 78.8%), linear-gradient(119.41deg, #54eee4 -7.47%, rgba(84, 238, 228, 0.87) 2.85%, rgba(84, 238, 228, 0.29) 16.04%, rgba(84, 238, 228, 0.08) 32.89%, rgba(84, 238, 228, 0) 73.69%);
}
.quest-reviews-card__tag_amateur::after {
  background-image: linear-gradient(102.4deg, rgba(173, 143, 255, 0.59) -7.34%, rgba(148, 123, 218, 0.61) 5.09%, rgba(96, 79, 141, 0.36) 18.51%, rgba(96, 79, 141, 0) 92.67%), linear-gradient(243.81deg, #98edff 0.25%, #98edff 11.43%, rgba(180, 255, 248, 0) 87.5%), radial-gradient(36.99% 91.65% at 55.13% 49.96%, rgba(179, 209, 251, 0.126) 0%, rgba(179, 209, 251, 0) 100%), linear-gradient(0deg, #ffffff, #ffffff);
}
.quest-reviews-card__tag_master::after {
  background-image: linear-gradient(53.51deg, rgba(1, 109, 79, 0.95) 12.9%, rgba(1, 109, 79, 0.85) 21.18%, rgba(1, 109, 79, 0.75) 33.22%, rgba(1, 109, 79, 0) 90.12%), linear-gradient(168.05deg, rgba(3, 168, 15, 0.84) 6.65%, rgba(3, 168, 15, 0.6) 21.4%, rgba(3, 168, 15, 0.46) 43.77%, rgba(3, 168, 15, 0.221451) 65.44%, rgba(3, 168, 15, 0) 110.46%), linear-gradient(240.07deg, #bafff1 0%, #b5fcee 7.33%, rgba(123, 224, 203, 0) 85.76%), linear-gradient(303.9deg, rgba(240, 255, 146, 0.91) 0%, rgba(240, 255, 146, 0.46) 10.2%, rgba(156, 218, 134, 0.33) 18.49%, rgba(147, 211, 131, 0.09) 64.38%, rgba(1, 109, 79, 0) 79.94%, rgba(131, 200, 125, 0.32) 79.94%), radial-gradient(19.46% 21.38% at 43.68% 41.43%, rgba(4, 167, 19, 0.15) 0%, rgba(7, 168, 26, 0.084) 100%);
}
.quest-reviews-card__tag_expert::after {
  background-image: linear-gradient(135.62deg, rgba(18, 12, 79, 0.69) 0%, rgba(34, 29, 88, 0.2) 18.22%, rgba(44, 39, 94, 0.11) 31.8%, rgba(0, 0, 0, 0) 63.31%, rgba(0, 0, 0, 0) 63.31%), linear-gradient(298.24deg, #1053d6 -5.49%, rgba(10, 0, 144, 0.3) 19.56%, rgba(41, 37, 86, 0.14) 44.93%, rgba(15, 13, 32, 0.04) 70.72%, rgba(0, 0, 0, 0) 90.88%, rgba(0, 0, 0, 0) 90.88%), linear-gradient(68.03deg, rgba(15, 15, 99, 0.13) 0.02%, rgba(15, 15, 99, 0.11) 19.71%, rgba(15, 15, 99, 0.21) 55.69%, rgba(0, 0, 0, 0) 100%), linear-gradient(236.54deg, rgba(80, 118, 254, 0.82) 8.34%, rgba(18, 0, 251, 0.52) 39.13%, rgba(18, 0, 251, 0.507481) 49.88%, rgba(18, 0, 251, 0.5) 56.31%, rgba(14, 0, 194, 0.4) 71.26%, rgba(0, 0, 0, 0) 101.53%), linear-gradient(#ffffff, #ffffff);
}
.quest-reviews-card__tag_higher-intelligence::after {
  background-image: linear-gradient(65.09deg, #f9a25c 0%, #ffab66 32.57%, #ffab66 51.91%, rgba(255, 171, 102, 0) 104.52%), linear-gradient(242.74deg, #ff3469 1.8%, #ff5f88 1.81%, #ff5f88 30.1%, rgba(255, 101, 133, 0.73) 57.35%, rgba(255, 121, 124, 0.22) 78.5%, rgba(255, 171, 102, 0) 100%), linear-gradient(304.34deg, #ff513d 3.99%, rgba(255, 81, 61, 0.69) 26.31%, rgba(255, 171, 102, 0) 75.61%);
}
.quest-reviews-card__button {
  padding: 0;
  color: var(--white);
  background: none;
  border: 0;
  cursor: pointer;
  opacity: 0.5;
}
.quest-reviews-card__button.hidden {
  display: none;
}

@media screen and (max-width: 1023px) {
  .quest-reviews-card {
    grid-gap: 0 24px;
    grid-template-rows: 154px auto;
    grid-template-columns: 160px 1fr;
  }
  .quest-reviews-card__description {
    margin-bottom: 18px;
  }
  .quest-reviews-card__title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .quest-reviews-card {
    grid-gap: 12px 22px;
    grid-template-rows: 86px auto;
    grid-template-columns: 89px 1fr;
  }
  .quest-reviews-card > div:nth-child(2) {
    grid-row: 2/3;
    grid-column: 1/3;
  }
  .quest-reviews-card__image {
    border-radius: 16px;
  }
  .quest-reviews-card__image img {
    border-radius: 16px;
  }
  .quest-reviews-card__description {
    margin-bottom: 8px;
    line-height: 18px;
  }
  .quest-reviews-card__text {
    font-size: 13px;
    line-height: 18px;
  }
  .quest-reviews-card__title {
    margin-bottom: 10px;
    font-size: 15px;
    font-family: var(--font-stack-book);
    line-height: 22px;
  }
  .quest-reviews-card__name {
    display: none;
    grid-auto-flow: row;
    margin-bottom: 0;
  }
  .quest-reviews-card__name_mobile {
    display: flex;
    flex-direction: column;
    grid-gap: unset;
    grid-row: 1/2;
    grid-column: 2/3;
    align-items: flex-start;
    justify-content: center;
  }
}
.quest-feedback__description {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  margin: 16px 0;
}

.quest-feedback-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.quest-feedback-form form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.quest-feedback-form__buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.quest-feedback-form__buttons .button {
  min-width: 146px;
}
.quest-feedback-form__error-message {
  color: var(--red);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 23px;
}
.quest-feedback-form__error-message:empty {
  display: none;
}
.quest-feedback-form__success {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.quest-feedback-form__success-text {
  display: flex;
  align-items: center;
  gap: 8px;
}
.quest-feedback-form__success-text svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 1023px) {
  .quest-feedback-form__buttons .button {
    flex: 1;
  }
}
.quest-categories .container {
  display: flex;
  flex-direction: column;
}
.quest-categories__list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.quest-categories__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  margin: 0;
  padding: 14px 15px;
  color: var(--white);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 1;
  background-color: transparent;
  border: 1px solid var(--white-20);
  border-radius: 57px;
  outline: none;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.quest-categories__item:focus-visible {
  border-color: var(--white);
}
@media (hover: hover) {
  .quest-categories__item:hover {
    border-color: var(--white);
  }
}
.quest-categories__item.active {
  background-color: var(--accent);
  border-color: var(--accent);
}
.quest-categories__item__count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: var(--accent);
  font-size: 13px;
  font-family: var(--font-stack-book);
  background-color: var(--white);
  border-radius: 50%;
}
.quest-categories__item {
  min-height: 52px;
}
.quest-categories__item.is-hidden {
  display: none;
}
.quest-categories__loadmore {
  display: none;
}

@media screen and (max-width: 767px) {
  .quest-categories__item {
    height: 42px;
    font-size: 13px;
    line-height: 18px;
  }
  .quest-categories__loadmore {
    display: flex;
    margin-top: 24px;
  }
  .quest-categories__loadmore.is-hidden {
    display: none;
  }
}
.quest-slider__viewport {
  position: relative;
  overflow: hidden;
}
.quest-slider__viewport:hover .quest-slider__button {
  opacity: 1;
}
.quest-slider__container {
  display: flex;
  margin-left: -28px;
}
.quest-slider__entry {
  position: relative;
  flex-shrink: 0;
  width: 338px;
  padding-left: 28px;
}
.quest-slider__button {
  position: absolute;
  top: 80px;
  left: -84px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 134px;
  height: 134px;
  padding: 20px;
  background-color: var(--white-20);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(51, 66, 160, 0.3);
  cursor: pointer;
  opacity: 0;
  backdrop-filter: blur(20px);
  transition: background-color 0.2s ease, opacity 0.2s ease;
}
.quest-slider__button:focus-visible {
  background-color: var(--accent);
}
@media (hover: hover) {
  .quest-slider__button:hover {
    background-color: var(--accent);
  }
}
.quest-slider__button_right {
  left: calc(100% - 50px);
  transform: rotate(180deg);
}
.quest-slider__button_hidden {
  display: none;
}
.quest-slider__button svg {
  width: 16px;
  height: 16px;
  color: var(--white);
}

@media screen and (max-width: 1919px) {
  .quest-slider__viewport {
    margin: 0 -60px;
    padding: 0 60px;
  }
}
@media screen and (max-width: 1023px) {
  .quest-slider__viewport {
    margin: 0 -32px;
    padding: 0 32px;
  }
  .quest-slider__container {
    margin-left: -22px;
  }
  .quest-slider__entry {
    width: 242px;
    padding-left: 22px;
  }
  .quest-slider__button {
    top: 56px;
    left: -63px;
    width: 100px;
    height: 100px;
    padding: 15px;
    cursor: pointer;
  }
  .quest-slider__button_right {
    left: calc(100% - 37px);
  }
  .quest-slider__button svg {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 767px) {
  .quest-slider__viewport {
    margin: 0 -20px;
    padding: 0 20px;
  }
  .quest-slider__container {
    margin-left: -20px;
  }
  .quest-slider__entry {
    width: 266px;
    padding-left: 20px;
  }
  .quest-slider__button {
    display: none;
  }
}
.quests-show-hero__title {
  margin-bottom: 40px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 70px;
  line-height: 80px;
}
.quests-show-hero__status {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.quests-show-hero__status > svg {
  margin-right: 14px;
}
.quests-show-hero__status > span {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  margin-top: 5px;
}
.quests-show-hero__status_unavailable > span {
  color: var(--red);
}
.quests-show-hero__status_announced > span {
  background: linear-gradient(119.41deg, #54eee4 -7.47%, rgba(84, 238, 228, 0.87) 2.85%, rgba(84, 238, 228, 0.29) 16.04%, rgba(84, 238, 228, 0.08) 32.89%, rgba(84, 238, 228, 0) 73.69%), linear-gradient(60.53deg, #47bab3 2.33%, rgba(71, 186, 179, 0.89) 10.92%, rgba(71, 186, 179, 0.7) 21.22%, rgba(71, 186, 179, 0.3) 52.81%, rgba(71, 186, 179, 0) 78.8%), linear-gradient(242.3deg, #ffc97c -3.13%, #ffc97c 4.91%, rgba(255, 201, 124, 0.84) 17.06%, rgba(255, 201, 124, 0.58) 42.4%, rgba(255, 201, 124, 0.4) 56.59%, rgba(255, 201, 124, 0) 99.97%), #ffffff;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.quests-show-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 40px;
  margin-bottom: -12px;
}
.quests-show-hero__tags > li {
  flex-shrink: 0;
  min-height: 30px;
  scroll-snap-align: start;
}
.quests-show-hero__tags > li > * {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

@media screen and (max-width: 1239px) {
  .quests-show-hero {
    order: -2;
  }
  .quests-show-hero__title {
    max-width: unset;
  }
  .quests-show-hero__tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .quests-show-hero {
    margin: 0 -32px;
    padding: 0 32px;
    width: calc(100% + 64px);
    overflow: hidden;
  }
  .quests-show-hero__title {
    margin-bottom: 30px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    line-height: 54px;
  }
  .quests-show-hero__tags {
    flex-wrap: nowrap;
    width: calc(100% + 64px);
    max-width: unset;
    margin: 0 -32px;
    padding: 0 32px;
    scroll-padding: 0 32px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .quests-show-hero__tags::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .quests-show-hero {
    margin: 0 -20px;
    padding: 0 20px;
    width: calc(100% + 40px);
  }
  .quests-show-hero__title {
    margin-bottom: 18px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    line-height: 36px;
  }
  .quests-show-hero__tags {
    width: calc(100% + 40px);
    max-width: unset;
    margin: 0 -20px;
    padding: 0 20px;
    scroll-padding: 0 20px;
  }
}
/* stylelint-disable number-max-precision */
/* stylelint-disable declaration-no-important */
.quests-show-stats {
  display: grid;
  grid-gap: 42px 0;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 672px;
  margin-top: 46px;
  margin-bottom: 70px;
}
.quests-show-stats > div:nth-child(5) {
  grid-column: 2/4;
}
.quests-show-stats p.paragraph_color_gray:not(:only-of-type) {
  margin-bottom: 8px;
}
.quests-show-stats__age-restrictions.short {
  grid-column: unset !important;
}
.quests-show-stats__time {
  font-size: 32px !important;
  font-family: var(--font-stack) !important;
  line-height: 42px !important;
}
.quests-show-stats__price {
  font-size: 32px !important;
  font-family: var(--font-stack) !important;
  line-height: 42px !important;
}
.quests-show-stats__rating {
  margin-right: 12px;
  font-size: 32px;
  font-family: var(--font-stack);
  line-height: 42px;
  background: radial-gradient(19.46% 21.38% at 43.68% 41.43%, rgba(4, 167, 19, 0.15) 0%, rgba(7, 168, 26, 0.084) 100%), linear-gradient(303.9deg, rgba(240, 255, 146, 0.91) 0%, rgba(240, 255, 146, 0.46) 10.2%, rgba(156, 218, 134, 0.33) 18.49%, rgba(147, 211, 131, 0.09) 64.38%, rgba(1, 109, 79, 0) 79.94%, rgba(131, 200, 125, 0.32) 79.94%), linear-gradient(240.07deg, #bafff1 0%, #b5fcee 7.33%, rgba(123, 224, 203, 0) 85.76%), linear-gradient(168.05deg, rgba(3, 168, 15, 0.84) 6.65%, rgba(3, 168, 15, 0.6) 21.4%, rgba(3, 168, 15, 0.46) 43.77%, rgba(3, 168, 15, 0.221451) 65.44%, rgba(3, 168, 15, 0) 110.46%), linear-gradient(53.51deg, rgba(1, 109, 79, 0.95) 12.9%, rgba(1, 109, 79, 0.85) 21.18%, rgba(1, 109, 79, 0.75) 33.22%, rgba(1, 109, 79, 0) 90.12%), linear-gradient(0deg, #ffffff, #ffffff);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.quests-show-stats__rating-wrapper {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.quests-show-stats__rating-text {
  margin-top: -4px;
  color: var(--white-60);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 15px;
}
.quests-show-stats__rating-text strong {
  display: block;
  color: var(--white);
  font-weight: 400;
}
.quests-show-stats__attention-tooltip {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}
.quests-show-stats__attention-tooltip .quest-attention-tooltip {
  margin-top: 4px;
  margin-left: 8px;
}
.quests-show-stats__attention-tooltip .paragraph {
  margin-bottom: 0;
}
.quests-show-stats__level {
  display: inline-grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  align-items: center;
  min-height: 22px;
}
.quests-show-stats__level svg {
  color: var(--white);
}
.quests-show-stats__level svg.gray {
  opacity: 0.4;
}

@media screen and (max-width: 1239px) {
  .quests-show-stats {
    max-width: unset;
    order: 3;
    margin: 70px 0;
  }
}
@media screen and (max-width: 767px) {
  .quests-show-stats {
    grid-template-columns: 1fr 1fr;
    margin: 40px 0;
  }
  .quests-show-stats > div:nth-child(5) {
    grid-column: unset;
  }
  .quests-show-stats > div:nth-child(4) {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .quests-show-stats > div .paragraph {
    font-size: 17px;
    line-height: 22px;
  }
  .quests-show-stats__time.paragraph:last-child {
    font-size: 22px !important;
    line-height: 28px !important;
  }
  .quests-show-stats__price.paragraph:last-child {
    font-size: 22px !important;
    line-height: 28px !important;
  }
  .quests-show-stats__rating {
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 1;
  }
  .quests-show-stats__rating-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .quests-show-stats__rating-text {
    margin-top: 0;
    font-size: 15px;
    line-height: 22px;
  }
  .quests-show-stats__age-restrictions > *:last-child > .paragraph_color_gray {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    line-height: 22px;
  }
  .quests-show-stats__attention-tooltip .attention-tooltip {
    margin-top: 0;
  }
  .quests-show-stats__selection .filter-item {
    height: auto;
    min-height: 42px;
    line-height: 18px;
  }
}
@media screen and (max-width: 413px) {
  .quests-show-stats > div .paragraph {
    font-size: 15px;
    line-height: 22px;
  }
  .quests-show-stats__time.paragraph:last-child {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  .quests-show-stats__price.paragraph:last-child {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  .quests-show-stats__rating {
    margin-bottom: 5px;
    font-size: 20px;
  }
  .quests-show-stats__rating-text {
    margin-top: 0;
    font-size: 13px;
    line-height: 16px;
  }
  .quests-show-stats__age-restrictions > *:last-child > .paragraph_color_gray {
    font-size: 13px;
    line-height: 18px;
  }
}
.quests-mobile-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
  grid-gap: 20px;
  grid-template-columns: 1fr 142px;
  width: 100%;
  padding: 32px;
  background: linear-gradient(180deg, rgba(20, 22, 29, 0) 0%, #151823 63.06%);
  transform: translateY(-100%);
}
.quests-mobile-nav .button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
}

@media screen and (max-width: 1239px) {
  .quests-mobile-nav {
    display: grid;
    transform: translateY(0);
  }
}
@media screen and (max-width: 767px) {
  .quests-mobile-nav {
    grid-gap: 12px;
    grid-template-columns: 1fr 1fr;
    padding: 50px 20px 20px;
  }
  .quests-mobile-nav .button {
    font-size: 15px;
  }
}
@media screen and (max-width: 413px) {
  .quests-mobile-nav .button {
    width: 100%;
    height: 42px;
    padding: 0;
    font-size: 13px;
  }
}
.adult-warning-modal {
  width: 100%;
  max-width: 484px;
}
.adult-warning-modal .modal__header {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 40px 24px 12px;
  text-align: center;
}
.adult-warning-modal .modal__close {
  display: none;
}
.adult-warning-modal .modal__body {
  display: none;
}
.adult-warning-modal .modal__footer {
  justify-content: center;
  padding: 0 24px 32px;
}

.adult-warning-modal__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--red-3);
  color: var(--white);
  margin-left: auto;
  margin-right: auto;
}

.adult-warning-modal__title {
  margin: 0;
  color: var(--black-2);
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
}

.adult-warning-modal__subtitle {
  margin: 0;
  color: var(--gray-2);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
}

.adult-warning-modal__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.adult-warning-modal__actions .button {
  min-width: 132px;
}

.modal-backdrop[data-modal-name=adult_warning_modal] .modal-backdrop__layout {
  pointer-events: none;
}

@media screen and (max-width: 1023px) {
  .adult-warning-modal {
    margin: auto;
    bottom: unset;
    border-radius: 20px;
  }
  .adult-warning-modal__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .adult-warning-modal {
    max-width: 92vw;
  }
  .adult-warning-modal .modal__header {
    padding-top: 28px;
  }
  .adult-warning-modal .modal__footer {
    padding-bottom: 24px;
  }
  .adult-warning-modal__title {
    font-size: 30px;
  }
  .adult-warning-modal__actions {
    width: 100%;
  }
  .adult-warning-modal__actions .button {
    width: 100%;
    min-width: 0;
  }
}
/* stylelint-disable declaration-no-important */
.booking-modal .is-hidden {
  display: none;
}
.booking-modal .modal__body,
.booking-modal .modal__header {
  padding: 0;
}
.booking-modal .modal__body {
  min-height: 0;
  overflow-y: auto;
}
.booking-modal .field input.has-error {
  border-color: var(--red);
}
.booking-modal .text-field[name=certificate_number] {
  padding-right: 5px;
}
.booking-modal [data-booking-form] {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-left: 32px;
  padding-right: 32px;
  overflow: hidden;
}
.booking-modal__step {
  display: none;
  padding-top: 24px;
  padding-bottom: 24px;
}
.booking-modal__step.is-active {
  display: block;
}
.booking-modal__header {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  background: var(--bg-blue-10);
  padding: 20px;
  border-radius: 30px 30px 0 0;
  gap: 20px;
}
.booking-modal__header[hidden] {
  display: none !important;
}
.booking-modal__progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: var(--booking-progress, 20%);
  height: 4px;
  background-color: var(--accent);
  transition: width 0.2s ease;
}
.booking-modal__progress[hidden] {
  display: none !important;
}
.booking-modal__header-title {
  display: none;
}
.booking-modal__quest-image {
  width: 80px;
  height: 80px;
  border-radius: 16px;
  flex-shrink: 0;
  overflow: hidden;
}
.booking-modal__quest-image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.booking-modal__quest-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.booking-modal__quest-name {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.44px;
  color: var(--black);
}
.booking-modal__quest-options {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  color: var(--black-60);
  position: relative;
}
.booking-modal__quest-options::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M3.4144 0.586089C4.19545 -0.19496 5.46178 -0.19496 6.24283 0.586089L9.07125 3.41452C9.8523 4.19556 9.8523 5.46189 9.07125 6.24294L6.24283 9.07137C5.46178 9.85242 4.19545 9.85242 3.4144 9.07137L0.585973 6.24294C-0.195076 5.46189 -0.195076 4.19556 0.585973 3.41452L3.4144 0.586089Z' fill='%2366AC5B'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.booking-modal__quest-options > *:first-child {
  margin-left: 21px;
}
.booking-modal__date-time {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.45px;
  margin-top: auto;
  color: var(--black);
}
.booking-modal__personal + * {
  margin-top: 24px;
}
.booking-modal__fields .field__wrapper label {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  line-height: 1.1;
  letter-spacing: -0.32px;
  color: var(--black);
  margin-bottom: 8px;
  display: inline-block;
}
.booking-modal__fields .select-field__option {
  color: var(--black);
}
.booking-modal__fields .select-field__option:not(:last-child) {
  margin-bottom: 15px;
}
.booking-modal__fields--personal {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.booking-modal__fields--personal > *:first-child {
  grid-column: 1/3;
}
.booking-modal__fields--count + * {
  margin-top: 24px;
}
.booking-modal__tickets {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.booking-modal__tickets + * {
  margin-top: 24px;
}
.booking-modal__accordion--comment {
  margin-top: 24px;
}
.booking-modal__accordion--comment + * {
  margin-top: 24px;
}
.booking-modal__accordion--discount {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
}
.booking-modal__accordion--discount .booking-modal__accordion-panel {
  padding-left: 36px;
}
.booking-modal__accordion--discount::before {
  content: "";
  position: absolute;
  top: 0;
  left: -32px;
  width: calc(100% + 64px);
  height: 1px;
  background-color: var(--dark-blue-15);
}
.booking-modal__accordion-btn {
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: start;
  gap: 12px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--black);
}
.booking-modal__accordion-btn > svg {
  position: relative;
  top: -2px;
  color: transparent;
  stroke: var(--dark-blue-15);
  transition: all 0.3s ease;
}
.booking-modal__accordion-btn:focus-visible > svg {
  stroke: var(--accent);
}
@media (hover: hover) {
  .booking-modal__accordion-btn:hover > svg {
    stroke: var(--accent);
  }
}
.booking-modal__accordion-panel {
  display: none;
  margin-top: 7px;
}
.booking-modal__accordion-item.is-active .booking-modal__accordion-panel {
  display: block;
}
.booking-modal__accordion-item.is-active .booking-modal__accordion-btn > svg {
  color: var(--accent);
  stroke: var(--accent);
}
.booking-modal__text-area {
  height: 149px;
}
.booking-modal__text-area .field__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.booking-modal__text-area textarea.main__input {
  flex: 1;
  min-height: 0;
  border: 0;
  resize: none;
}
.booking-modal__price-list {
  border-radius: 12px;
  background-color: var(--bg-blue-10);
  padding: 20px;
  color: var(--black);
}
.booking-modal__price-list--first-step .booking-modal__price-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.booking-modal__price-list--first-step .booking-modal__price-label {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.36px;
  color: var(--black);
}
.booking-modal__price-list--first-step .booking-modal__summary {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.booking-modal__price-list--first-step .booking-modal__price-value {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.44px;
}
.booking-modal__price-list--first-step .booking-modal__price-per-player {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
}
.booking-modal__price-list--second-step {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.booking-modal__price-list--second-step .booking-modal__price-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.booking-modal__price-list--second-step .booking-modal__price-item[data-price-item-key=order-total] {
  margin-top: 24px;
  position: relative;
}
.booking-modal__price-list--second-step .booking-modal__price-item[data-price-item-key=order-total]::before {
  content: "";
  position: absolute;
  top: -16px;
  left: -32px;
  width: calc(100% + 64px);
  height: 1px;
  background-color: var(--white);
}
.booking-modal__price-list--second-step .booking-modal__price-item[data-price-item-key=order-total] .booking-modal__price-label {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.36px;
}
.booking-modal__price-list--second-step .booking-modal__price-item[data-price-item-key=order-total] .booking-modal__price-value {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 26.4px;
}
.booking-modal__price-list--second-step .booking-modal__price-label {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--black);
  letter-spacing: -0.28px;
}
.booking-modal__price-list--second-step .booking-modal__summary {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
}
.booking-modal__price-list--second-step .booking-modal__price-value {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.booking-modal__price-list--second-step .booking-modal__price-per-player {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.28px;
}
.booking-modal__price-list--second-step[hidden] {
  display: none;
}
.booking-modal__price-list--third-step {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.booking-modal__price-list--third-step .booking-modal__price-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.booking-modal__price-list--third-step .booking-modal__price-item[data-price-item-key=pay-later] {
  position: relative;
  margin-top: 28px;
}
.booking-modal__price-list--third-step .booking-modal__price-item[data-price-item-key=pay-later] .booking-modal__price-value {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.booking-modal__price-list--third-step .booking-modal__price-item[data-price-item-key=pay-later]::before {
  content: "";
  position: absolute;
  top: -22px;
  left: -32px;
  width: calc(100% + 64px);
  height: 1px;
  background-color: var(--white);
}
.booking-modal__price-list--third-step .booking-modal__price-item[data-price-item-key=pay-now] {
  margin-top: 6px;
  position: relative;
}
.booking-modal__price-list--third-step .booking-modal__price-item[data-price-item-key=pay-now] .booking-modal__price-label {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.36px;
}
.booking-modal__price-list--third-step .booking-modal__price-item[data-price-item-key=pay-now] .booking-modal__price-value {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 26.4px;
}
.booking-modal__price-list--third-step .booking-modal__price-item[data-price-item-key=pay-now]:nth-of-type(2) {
  position: relative;
  padding-top: 22px;
}
.booking-modal__price-list--third-step .booking-modal__price-item[data-price-item-key=pay-now]:nth-of-type(2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: -32px;
  width: calc(100% + 64px);
  height: 1px;
  background-color: var(--white);
}
.booking-modal__price-list--third-step .booking-modal__price-label {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--black);
  letter-spacing: -0.28px;
}
.booking-modal__price-list--third-step .booking-modal__summary {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
}
.booking-modal__price-list--third-step .booking-modal__price-value {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.booking-modal__price-list--third-step .booking-modal__price-per-player {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.28px;
}
.booking-modal__price-list--third-step[hidden] {
  display: none;
}
.booking-modal__price-item[data-price-item-key=certificate-discount] .booking-modal__price-value, .booking-modal__price-item[data-price-item-key=promo-discount] .booking-modal__price-value {
  color: var(--main-green-success);
}
.booking-modal__price-value {
  white-space: nowrap;
  flex-shrink: 0;
}
.booking-modal__price-per-player {
  color: var(--black-60);
}
.booking-modal__agreement-wrapper {
  padding-top: 16px;
  margin-top: 24px;
}
.booking-modal__agreement-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--black);
}
.booking-modal__agreement-text a {
  color: var(--accent-new);
  letter-spacing: -0.32px;
}
.booking-modal__wide-button {
  width: 100%;
}
.booking-modal__wide-button + * {
  margin-top: 16px;
}
.booking-modal__buttons--fit-content {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.booking-modal__buttons--confirm-phone, .booking-modal__buttons--result, .booking-modal__buttons--payment {
  padding-top: 16px;
  position: relative;
  width: 100%;
}
.booking-modal__buttons--confirm-phone::before, .booking-modal__buttons--result::before, .booking-modal__buttons--payment::before {
  content: "";
  position: absolute;
  top: 0;
  left: -32px;
  width: calc(100% + 64px);
  height: 1px;
  background-color: var(--black-15);
}
.booking-modal__buttons--50-50 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding-top: 16px;
}
.booking-modal__close-section {
  padding: 12px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.booking-modal__close-icon {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.booking-modal__close-icon svg {
  width: 80px;
  height: 80px;
  color: var(--red);
  flex-shrink: 0;
}
.booking-modal__close-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 26.4px;
  line-height: 1.1;
  letter-spacing: -0.48px;
  color: var(--black);
  margin-bottom: 12px;
  text-align: center;
}
.booking-modal__close-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  line-height: 1.1;
  letter-spacing: -0.48px;
  color: var(--black-60);
  margin-bottom: 32px;
  text-align: center;
}
.booking-modal__tickets-count {
  position: relative;
  padding-left: 23px;
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.28px;
  line-height: 1.2;
  letter-spacing: -0.28px;
  color: var(--black-60);
  top: 5px;
}
.booking-modal__tickets-count::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 1px;
  height: 15px;
  width: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M6.66667 13.3333C2.98477 13.3333 0 10.3486 0 6.66667C0 2.98477 2.98477 0 6.66667 0C10.3486 0 13.3333 2.98477 13.3333 6.66667C13.3293 10.3469 10.3469 13.3293 6.66667 13.3333ZM5.32667 5.99333V7.33333H5.99333V10H8.00667V8.66667H7.33333L7.34 5.994L5.32667 5.99333ZM5.99333 3.33333V4.67933H7.34V3.33333H5.99333Z' fill='%234265F9'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.booking-modal__disclaimer {
  display: flex;
  gap: 10px;
  padding: 16px;
  border-radius: 8px;
  background-color: var(--bg-blue-10);
}
.booking-modal__disclaimer svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: var(--accent);
}
.booking-modal__disclaimer--when-pay {
  margin-top: 24px;
  background-color: var(--red-20);
}
.booking-modal__disclaimer--when-pay svg {
  color: var(--orange);
}
.booking-modal__disclaimer-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  color: var(--black);
}
.booking-modal__sms-sent {
  margin-bottom: 24px;
}
.booking-modal__error {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.28px;
  line-height: 1.2;
  letter-spacing: -0.28px;
  color: var(--red);
  padding: 8px 24px 0;
  position: relative;
}
.booking-modal__error:empty {
  padding: 0;
}
.booking-modal__error:empty::before {
  content: none;
}
.booking-modal__error::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00016 14.6666C4.31826 14.6666 1.3335 11.6818 1.3335 7.99992C1.3335 4.31802 4.31826 1.33325 8.00016 1.33325C11.6821 1.33325 14.6668 4.31802 14.6668 7.99992C14.6628 11.6801 11.6804 14.6625 8.00016 14.6666ZM6.66016 7.32658V8.66658H7.32683V11.3333H9.34016V9.99992H8.66683L8.6735 7.32725L6.66016 7.32658ZM7.32683 4.66658V6.01259H8.6735V4.66658H7.32683Z' fill='%23FF6636'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.booking-modal__error p {
  margin: 0;
}
.booking-modal__sms-error {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.28px;
  line-height: 1.2;
  letter-spacing: -0.28px;
  color: var(--red);
  padding-top: 8px;
  padding-left: 24px;
  position: relative;
}
.booking-modal__sms-error::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00016 14.6666C4.31826 14.6666 1.3335 11.6818 1.3335 7.99992C1.3335 4.31802 4.31826 1.33325 8.00016 1.33325C11.6821 1.33325 14.6668 4.31802 14.6668 7.99992C14.6628 11.6801 11.6804 14.6625 8.00016 14.6666ZM6.66016 7.32658V8.66658H7.32683V11.3333H9.34016V9.99992H8.66683L8.6735 7.32725L6.66016 7.32658ZM7.32683 4.66658V6.01259H8.6735V4.66658H7.32683Z' fill='%23FF6636'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.booking-modal__sms-error + * {
  margin-top: 24px;
}
.booking-modal__confirm-phone-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
  line-height: 1.1;
  letter-spacing: -0.4px;
  color: var(--black);
  margin-bottom: 32px;
}
.booking-modal__confirm-phone-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--black);
  margin-bottom: 24px;
}
.booking-modal__confirm-phone-text button {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  line-height: 1.1;
  letter-spacing: -0.32px;
  color: var(--accent);
}
.booking-modal__services-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  color: var(--black);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.36px;
  line-height: 1.1;
  letter-spacing: -0.36px;
  font-weight: 400;
}
.booking-modal__service-title-count {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  font-weight: 500;
  line-height: 13px;
  color: var(--white);
  background-color: var(--accent);
  height: 23px;
  border-radius: 1000px;
  display: flex;
  gap: 4px;
  width: fit-content;
  align-items: center;
  justify-content: center;
  padding: 3px 9px;
  font-variant-numeric: tabular-nums;
}
.booking-modal__service-title-count span {
  min-width: 9px;
  text-align: center;
}
.booking-modal__services-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 16px;
}
.booking-modal__service-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.booking-modal__service-checkbox .field__wrapper {
  width: 100%;
}
.booking-modal__service-checkbox .checkbox-field__wrapper {
  width: 100%;
}
.booking-modal__service-checkbox .checkbox-field__wrapper > span {
  width: 100%;
}
.booking-modal__service-text-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.booking-modal__service-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  width: 100%;
  margin-bottom: 4px;
}
.booking-modal__service-name {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20.8px;
  letter-spacing: -0.48px;
  line-height: 1.3;
  letter-spacing: -0.48px;
  color: var(--black);
}
.booking-modal__service-price {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  line-height: 1.1;
  letter-spacing: -0.28px;
  color: var(--black);
  flex-shrink: 0;
  white-space: nowrap;
}
.booking-modal__service-description {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.28px;
  line-height: 1.2;
  letter-spacing: -0.28px;
  color: var(--black-60);
}
.booking-modal__service-payment {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  width: fit-content;
  margin-top: 7px;
  padding: 4px 8px;
  border-radius: 1000px;
  color: var(--black-60);
  background: var(--black-05);
}
.booking-modal__service-counter {
  padding-left: 36px;
}
.booking-modal__service-item--ticket-tariff {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.booking-modal__service-item--ticket-tariff .booking-modal__service-checkbox,
.booking-modal__service-item--ticket-tariff .booking-modal__service-checkbox .field__wrapper,
.booking-modal__service-item--ticket-tariff .booking-modal__service-checkbox .checkbox-field__wrapper,
.booking-modal__service-item--ticket-tariff .booking-modal__service-checkbox .checkbox-field__wrapper > span {
  width: auto;
}
.booking-modal__ticket-tariff-counter {
  padding-left: 0;
  flex-shrink: 0;
}
.booking-modal__ticket-tariff-counter .text-field-counter {
  display: flex;
  align-items: center;
  gap: 8px;
  width: auto;
}
.booking-modal__ticket-tariff-counter .field__text-field-wrapper {
  order: 2;
}
.booking-modal__ticket-tariff-counter .text-field {
  width: 48px;
  height: 44px;
  padding: 0;
  text-align: center;
}
.booking-modal__ticket-tariff-counter .text-field-counter-wrapper {
  position: static;
  display: contents;
}
.booking-modal__ticket-tariff-counter .text-field-counter-button[data-counter-decrease] {
  order: 1;
}
.booking-modal__ticket-tariff-counter .text-field-counter-button[data-counter-increase] {
  order: 3;
}
.booking-modal__services-toggle {
  border: none;
  background: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.booking-modal__services-toggle span {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  margin-right: 8px;
  color: var(--accent);
}
.booking-modal__services-toggle svg {
  transition: transform 0.2s ease;
  width: 16px;
  height: 16px;
}
.booking-modal__services-toggle.open svg {
  transform: rotate(180deg);
}
.booking-modal__services-toggle + * {
  display: none;
}
.booking-modal__services-toggle.open + * {
  display: block;
}
.booking-modal__certificate-wrapper {
  width: 100%;
}
.booking-modal__certificate-wrapper.error .booking-modal__certificate-field .text-field {
  border-color: var(--red);
}
.booking-modal__certificate-wrapper.error .booking-modal__certificate-error {
  display: block !important;
}
.booking-modal__certificate-wrapper.accepted .booking-modal__certificate-button svg {
  display: block;
}
.booking-modal__certificate-wrapper.accepted .booking-modal__certificate-button span {
  font-weight: 400;
  font-size: 14px;
  color: var(--green-3);
}
.booking-modal__certificate-input-group {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 0;
  align-items: center;
  border: 1px solid var(--black-15);
  border-radius: 8px;
}
.booking-modal__certificate-input-group:focus-within {
  border-color: var(--accent);
}
.booking-modal__certificate-input-group::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 88px;
  width: 1px;
  height: 100%;
  background-color: var(--black-15);
  z-index: 1;
}
.booking-modal__certificate-code-wrapper {
  position: relative;
  width: 100%;
}
.booking-modal__certificate-field .field {
  margin-bottom: 0;
}
.booking-modal__certificate-field .text-field {
  border: none;
}
.booking-modal__certificate-code-wrapper .booking-modal__certificate-field .text-field {
  padding: 16px 120px 16px 20px;
}
.booking-modal__certificate-button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  z-index: 2;
}
.booking-modal__certificate-button svg {
  display: none;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.booking-modal__certificate-button span {
  color: var(--accent);
}
.booking-modal__certificate-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.booking-modal__certificate-error {
  margin-top: 8px;
  font-weight: 400;
  font-size: 14px;
  color: var(--red);
  display: none;
}
.booking-modal__promo-wrapper {
  width: 100%;
}
.booking-modal__promo-wrapper.error .booking-modal__promo-field .text-field {
  border-color: var(--red);
}
.booking-modal__promo-wrapper.error .booking-modal__promo-error {
  display: block !important;
}
.booking-modal__promo-wrapper.accepted .booking-modal__promo-button svg {
  display: block;
}
.booking-modal__promo-wrapper.accepted .booking-modal__promo-button span {
  font-weight: 400;
  font-size: 14px;
  color: var(--green-3);
}
.booking-modal__promo-input-wrapper {
  position: relative;
  width: 100%;
}
.booking-modal__promo-button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  z-index: 2;
}
.booking-modal__promo-button svg {
  display: none;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.booking-modal__promo-button span {
  color: var(--accent);
}
.booking-modal__promo-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.booking-modal__promo-error {
  margin-top: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: var(--red);
}
.booking-modal__result-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.booking-modal__result-icon {
  display: flex;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  background-color: var(--bg-success-green-20);
}
.booking-modal__result-icon svg {
  width: 24px;
  height: 24px;
  color: var(--main-green-success);
}
.booking-modal__result-icon--error {
  background-color: var(--gray-02);
}
.booking-modal__result-icon--error svg {
  color: var(--red);
}
.booking-modal__result-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 26.4px;
  color: var(--black);
  margin-bottom: 12px;
  text-align: center;
  width: 100%;
}
.booking-modal__result-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--black-60);
  margin-bottom: 32px;
  text-align: center;
  width: 100%;
}
.booking-modal__result-text a {
  color: var(--accent);
}
.booking-modal__success-booking-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.36px;
  color: var(--black);
  margin-bottom: 8px;
  display: block;
}
.booking-modal__success-booking-title svg {
  width: 24px;
  height: 24px;
  color: var(--main-green-success);
  margin-right: 2px;
  position: relative;
  top: 5px;
}
.booking-modal__success-booking-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--black);
}
.booking-modal__success-booking-text a {
  color: var(--accent);
}
.booking-modal__payment {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 0;
}
.booking-modal__payment.is-hidden {
  display: none;
}
.booking-modal__payment-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--black);
  margin-bottom: 12px;
  display: block;
}
.booking-modal__payment-title--when-pay {
  position: relative;
  margin-top: 24px;
  padding-top: 24px;
}
.booking-modal__payment-title--when-pay::before {
  content: "";
  position: absolute;
  top: 0;
  left: -32px;
  width: calc(100% + 64px);
  height: 1px;
  background-color: var(--black-15);
}
.booking-modal__payment-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.booking-modal__payment-list[data-payment-list-when-pay] {
  margin-bottom: 32px;
}
.booking-modal__payment-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 15px;
  min-height: 40px;
  border-radius: 30px;
  border: 1px solid rgba(18, 21, 27, 0.15);
  background-color: var(--white);
  transition: border-color 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
}
.booking-modal__payment-label input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.booking-modal__payment-label:has(input:checked) {
  background-color: var(--accent);
  border-color: var(--accent);
}
.booking-modal__payment-label:has(input:checked) .booking-modal__payment-name {
  color: var(--white);
}
.booking-modal__payment-label:has(input:checked) .booking-modal__payment-name img {
  opacity: 1;
  filter: invert(1);
}
.booking-modal__payment-name {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--black);
  transition: color 0.2s ease;
}
.booking-modal__payment-name img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  filter: none;
  opacity: 1;
  transition: filter 0.2s ease, opacity 0.2s ease;
}
.booking-modal__payment-methods-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--black);
  margin-bottom: 12px;
  display: block;
}
.booking-modal__prepay-option.is-hidden {
  display: none;
}
@media screen and (max-width: 1023px) {
  .booking-modal [data-booking-form] {
    gap: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .booking-modal .booking-modal__header {
    padding: 24px 16px 20px;
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 16px 10px;
    border-radius: 20px 20px 0 0;
  }
  .booking-modal .booking-modal__header-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
    grid-column: span 2;
    display: block;
    color: var(--black);
    padding-right: 36px;
    letter-spacing: -0.4px;
  }
  .booking-modal .booking-modal__quest-image {
    width: 64px;
    height: 64px;
  }
  .booking-modal .booking-modal__quest-info {
    gap: 0;
  }
  .booking-modal .booking-modal__quest-options {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
  .booking-modal .booking-modal__quest-options::before {
    top: 1px;
    left: 5px;
  }
  .booking-modal .booking-modal__quest-name {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-bottom: 4px;
  }
  .booking-modal .booking-modal__date-time {
    font-family: var(--font-stack-book);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    margin-top: 8px;
  }
  .booking-modal .booking-modal__fields--personal {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .booking-modal .booking-modal__step[data-booking-step="1"] .field__label {
    display: none;
  }
  .booking-modal .booking-modal__buttons--50-50 {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
  }
  .booking-modal .booking-modal__price-list {
    border-radius: 12px;
    background-color: var(--bg-blue-10);
  }
  .booking-modal .booking-modal__price-list--first-step {
    padding: 20px;
  }
  .booking-modal .booking-modal__price-list--first-step .booking-modal__price-label {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.1;
    letter-spacing: -0.32px;
  }
  .booking-modal .booking-modal__price-list--first-step .booking-modal__price-value {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
    letter-spacing: -0.4px;
  }
  .booking-modal .booking-modal__price-list--first-step .booking-modal__price-per-player {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    line-height: 1.2;
    letter-spacing: -0.26px;
  }
  .booking-modal .booking-modal__price-list--second-step {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .booking-modal .booking-modal__price-list--second-step .booking-modal__price-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .booking-modal .booking-modal__price-list--second-step .booking-modal__price-item[data-price-item-key=order-total]::before {
    left: -16px;
    width: calc(100% + 32px);
  }
  .booking-modal .booking-modal__price-list--third-step .booking-modal__price-item[data-price-item-key=pay-now]:nth-of-type(2)::before {
    content: "";
    position: absolute;
    left: -20px;
    width: calc(100% + 40px);
    background-color: var(--white);
  }
  .booking-modal .booking-modal__price-list--third-step .booking-modal__price-label {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: var(--black);
    letter-spacing: -0.28px;
  }
  .booking-modal .booking-modal__price-list--third-step .booking-modal__summary {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
  }
  .booking-modal .booking-modal__price-list--third-step .booking-modal__price-value {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .booking-modal .booking-modal__price-list--third-step .booking-modal__price-per-player {
    font-family: var(--font-stack-book);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: -0.28px;
  }
  .booking-modal .booking-modal__price-list--third-step[hidden] {
    display: none;
  }
  .booking-modal .booking-modal__agreement-text {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.2;
    letter-spacing: -0.28px;
  }
  .booking-modal .booking-modal__agreement-text a {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.1;
    letter-spacing: -0.32px;
  }
  .booking-modal .booking-modal__buttons--fit-content {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 16px;
    width: 100%;
  }
  .booking-modal .booking-modal__buttons--confirm-phone::before {
    left: -16px;
    width: calc(100% + 32px);
  }
  .booking-modal .booking-modal__close-section {
    padding: 40px 16px 8px;
  }
  .booking-modal .booking-modal__close-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
    letter-spacing: -0.4px;
  }
  .booking-modal .booking-modal__close-text {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.2;
    letter-spacing: -0.28px;
    margin-bottom: 24px;
  }
  .booking-modal .booking-modal__confirm-phone-text {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.1;
    letter-spacing: -0.28px;
  }
  .booking-modal .booking-modal__confirm-phone-text + * {
    margin-top: 24px;
  }
  .booking-modal .booking-modal__confirm-phone-text button {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.1;
    letter-spacing: -0.28px;
  }
  .booking-modal .booking-modal__accordion--discount .booking-modal__accordion-panel {
    padding-left: 0;
  }
  .booking-modal .booking-modal__accordion--discount::before {
    left: -16px;
    width: calc(100% + 32px);
  }
  .booking-modal .booking-modal__services-title {
    margin-bottom: 16px;
  }
  .booking-modal .booking-modal__service-checkbox .checkbox-field__wrapper > span svg {
    position: absolute;
  }
  .booking-modal .booking-modal__service-title {
    padding-left: 32px;
    line-height: 1.2;
    letter-spacing: -0.28px;
    margin-bottom: 13px;
  }
  .booking-modal .booking-modal__service-name {
    font-family: var(--font-stack-book);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: -0.28px;
  }
  .booking-modal .booking-modal__service-price {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.1;
    letter-spacing: -0.28px;
  }
  .booking-modal .booking-modal__service-description {
    font-family: var(--font-stack-book);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
  .booking-modal .booking-modal__service-counter {
    padding-left: 0;
  }
  .booking-modal .booking-modal__result-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
  .booking-modal .booking-modal__result-text {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
  }
  .booking-modal .booking-modal__payment::before {
    left: -16px;
    width: calc(100% + 32px);
  }
  .booking-modal .modal__close {
    background-color: transparent;
    width: 24px;
    height: 24px;
    opacity: 0.4;
    top: 21px;
    right: 15px;
  }
  .booking-modal .modal__close svg {
    width: 19px;
    height: 19px;
  }
  .booking-modal .button {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.1;
    letter-spacing: -0.32px;
  }
}

.booking-modal__client {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}
.booking-modal__client p {
  overflow-wrap: anywhere;
}
.booking-modal__client label {
  display: grid;
  gap: 8px;
}

/* stylelint-disable number-max-precision */
/* stylelint-disable declaration-no-important */
.quest-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: auto;
  min-height: 100%;
}
@media (hover: hover) {
  .quest-card:not(.quest-card--profile):hover .quest-card__image {
    transform: scale(1.08);
  }
}
.quest-card__header {
  position: relative;
  border-radius: 30px;
  width: 100%;
  aspect-ratio: 454/291;
  overflow: hidden;
  isolation: isolate;
  flex-shrink: 0;
}
.quest-card__image {
  position: absolute;
  inset: 0;
  border-radius: 30px;
  transition: transform 0.3s ease-out;
  transform: translateZ(0) scale(1);
  overflow: hidden;
}
.quest-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.quest-card__image_blur img {
  filter: blur(6px);
  transform: scale(1.03);
}
.quest-card__star {
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 1;
  width: 24px;
  height: 24px;
}
.quest-card__star img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
}
.quest-card__rating {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  position: absolute;
  color: var(--white);
  padding: 7px 16px;
  right: 20px;
  bottom: 20px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), radial-gradient(19.46% 21.38% at 43.68% 41.43%, rgba(4, 167, 19, 0.15) 0%, rgba(7, 168, 26, 0.084) 100%), linear-gradient(303.9deg, rgba(240, 255, 146, 0.91) 0%, rgba(240, 255, 146, 0.46) 10.2%, rgba(156, 218, 134, 0.33) 18.49%, rgba(147, 211, 131, 0.09) 64.38%, rgba(1, 109, 79, 0) 79.94%, rgba(131, 200, 125, 0.32) 79.94%), linear-gradient(240.07deg, #bafff1 0%, #b5fcee 7.33%, rgba(123, 224, 203, 0) 85.76%), linear-gradient(168.05deg, rgba(3, 168, 15, 0.84) 6.65%, rgba(3, 168, 15, 0.6) 21.4%, rgba(3, 168, 15, 0.46) 43.77%, rgba(3, 168, 15, 0.221451) 65.44%, rgba(3, 168, 15, 0) 110.46%), linear-gradient(53.51deg, rgba(1, 109, 79, 0.95) 12.9%, rgba(1, 109, 79, 0.85) 21.18%, rgba(1, 109, 79, 0.75) 33.22%, rgba(1, 109, 79, 0) 90.12%), #ffffff;
  border-radius: 30px;
}
.quest-card__metro-icon {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quest-card__metro-icon svg {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}
.quest-card__item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.quest-card__congruence {
  margin-top: -19px;
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 22px;
  background: radial-gradient(49.92% 49.92% at 50% 50%, rgba(139, 89, 200, 0.693) 0%, rgba(140, 85, 205, 0.54) 51.35%, rgba(148, 96, 210, 0.369) 78.96%, rgba(159, 109, 217, 0.099) 100%), linear-gradient(68.6deg, rgba(251, 241, 254, 0.9) -2.15%, rgba(237, 202, 245, 0.838834) 0.51%, rgba(224, 159, 240, 0.585) 17.3%, rgba(224, 159, 240, 0.288) 25.11%, rgba(224, 159, 240, 0) 32.77%), linear-gradient(190.87deg, rgba(207, 0, 255, 0.9) -15.22%, rgba(207, 0, 255, 0.846203) -4.05%, rgba(203, 0, 251, 0.657) 8.02%, rgba(210, 40, 251, 0.45) 45.45%, rgba(221, 105, 252, 0) 76.58%), linear-gradient(281.26deg, rgba(90, 59, 253, 0.801) 0.54%, rgba(94, 66, 254, 0.738) 14.25%, rgba(101, 76, 255, 0.54) 36.07%, rgba(103, 79, 255, 0.45) 46.23%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.quest-card__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.quest-card__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.44px;
  color: var(--white);
}
.quest-card__title a {
  color: inherit;
  text-decoration: none;
}
.quest-card__title a::after {
  position: absolute;
  inset: 0;
  content: "";
}
.quest-card__title button {
  color: inherit;
  display: inline-flex;
  font: inherit;
  text-align: left;
}
.quest-card__title:has(.profile__btn-transparent) {
  position: relative;
}
.quest-card__title:has(.profile__btn-transparent) a {
  display: none;
}
.quest-card__options {
  margin-top: 7px;
  margin-bottom: 9px;
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 22px;
  opacity: 0.6;
  pointer-events: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0 4px;
}
.quest-card__booking-gamers-count {
  white-space: nowrap;
}
.quest-card__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
}
.quest-card__level {
  display: flex;
  gap: clamp(3px, 2cqw, 7px);
  width: 100%;
  container-type: inline-size;
}
.quest-card__level > span {
  width: 18px;
  aspect-ratio: 1/1;
  color: var(--white);
}
.quest-card__level > span.gray-icon {
  opacity: 0.4;
}
.quest-card__level_size_small {
  grid-gap: 5px;
}
.quest-card__level_size_small > span {
  height: 23px;
}
.quest-card__level svg {
  display: block;
  width: 100%;
  height: 100%;
}
.quest-card__button {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px;
  height: 40px;
  margin-left: auto;
  z-index: 1;
}
.quest-card_map {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.quest-card_map .quest-card__header {
  flex-shrink: 0;
  border-radius: 8px;
  width: 96px;
  height: 68px;
}
.quest-card_map .quest-card__image {
  border-radius: 10px;
}
.quest-card_map .quest-card__image img {
  border-radius: 10px;
}
.quest-card_map .quest-card__rating {
  position: static;
  align-self: flex-start;
  margin-left: auto;
  padding: 5px 12px;
  font-size: 13px;
  border-radius: 10px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.quest-card_map .quest-card__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.quest-card_map .quest-card__options {
  margin-top: 6px;
  margin-bottom: 0;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
}
.quest-card__badge {
  background-color: var(--white);
  backdrop-filter: blur(50px);
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 1;
  color: var(--black);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 57px;
}
.quest-card__badge--color-green {
  background-color: var(--main-green-success);
}
.quest-card__badge--color-green .quest-card__badge-icon svg {
  color: var(--white);
}
.quest-card__badge--color-green .quest-card__badge-text {
  color: var(--white);
}
.quest-card__badge-icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.quest-card__badge-icon svg {
  width: 100%;
  height: 100%;
  color: var(--black);
}
.quest-card__badge-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
}
.quest-card__booked-price {
  color: var(--white);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
}
.quest-card--profile {
  gap: 12px;
  padding-bottom: 4px;
}
.quest-card--profile:has([data-open-profile-modal]:hover) .quest-card__image {
  transform: scale(1.08);
}
.quest-card--profile .quest-card__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.44px;
}
.quest-card--profile .quest-card__title a::after {
  content: none;
  display: none;
}
.quest-card--profile .quest-card__header {
  height: auto;
  aspect-ratio: 326/208;
}
.quest-card--profile .quest-card__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.quest-card--profile .quest-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
}
.quest-card--profile .quest-card__rating {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  padding: 8px 16px;
  line-height: 1.1;
  right: 20px;
  bottom: 20px;
}
.quest-card--profile .quest-card__options {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  margin-bottom: 13px;
}
.quest-card--profile .quest-card__button__booking-quest-date {
  position: relative;
  padding-right: 12px;
}
.quest-card--profile .quest-card__button__booking-quest-date::after {
  content: "·";
  position: absolute;
  right: 4px;
  top: 0;
  line-height: 16px;
  font-size: 24px;
  display: inline-flex;
  width: fit-content;
  color: var(--white-20);
}
.quest-card--profile .quest-card__button {
  width: fit-content;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  z-index: 5;
}

.quest-card-placeholder {
  animation: fadeInOut 1.2s linear infinite;
}
.quest-card-placeholder__image {
  position: relative;
  margin-bottom: 20px;
  background-color: var(--white-07);
  border-radius: 30px;
}
.quest-card-placeholder__image::before {
  display: block;
  padding-bottom: 97%;
  content: "";
}
.quest-card-placeholder__title {
  width: 220px;
  height: 32px;
  margin-bottom: 10px;
  background-color: var(--white-07);
  border-radius: 8px;
}
.quest-card-placeholder__address {
  width: 302px;
  height: 16px;
  margin-bottom: 18px;
  background-color: var(--white-07);
  border-radius: 6px;
}
.quest-card-placeholder__rating {
  width: 120px;
  height: 24px;
  background-color: var(--white-07);
  border-radius: 8px;
}

@media screen and (max-width: 1023px) {
  .quest-card__button {
    max-width: 171px;
  }
  .quest-card__star {
    width: 24px;
    height: 24px;
  }
  .quest-card--profile {
    gap: 12px;
    height: auto;
  }
  .quest-card--profile .quest-card__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .quest-card--profile .quest-card__image {
    border-radius: 20px;
  }
  .quest-card--profile .quest-card__badge {
    left: 12px;
    top: 12px;
    padding: 8px 12px;
  }
  .quest-card--profile .quest-card__rating {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    padding: 7px 12px;
    line-height: 1.1;
    right: 12px;
    bottom: 12px;
  }
  .quest-card--profile .quest-card__options {
    font-family: var(--font-stack-book);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: -0.28px;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 7px;
  }
  .quest-card--profile .quest-card__booking-quest-date {
    padding-right: 0;
  }
  .quest-card--profile .quest-card__booking-quest-date::after {
    content: none;
  }
  .quest-card--profile .quest-card__bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    flex-grow: 1;
  }
  .quest-card--profile .quest-card__booked-price {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .quest-card--profile .quest-card__button {
    width: 100%;
    margin-left: unset;
    max-width: unset;
  }
}
@media screen and (max-width: 767px) {
  .quest-card__star {
    top: 12px;
    right: 12px;
  }
  .quest-card_map .quest-card__header {
    width: 94px;
    height: 72px;
  }
  .quest-card_map .quest-card__rating {
    right: 8px;
    bottom: 8px;
    padding: 2px 10px;
    font-size: 11px;
    border-radius: 10px;
  }
  .quest-card_map .quest-card__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
  .quest-card__badge-text {
    display: none;
  }
  .quest-card__header {
    aspect-ratio: 168/210;
    border-radius: 20px;
  }
  .quest-card__rating {
    font-size: 13px;
    line-height: 1.1;
    padding: 7px 12px;
    bottom: 12px;
    right: 12px;
  }
  .quest-card--profile .quest-card__header {
    aspect-ratio: 4/5;
  }
  .quest-card--profile p.quest-card__options {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .quest-card--profile .quest-card__rating {
    bottom: 12px !important;
    right: 12px !important;
  }
  .quest-card-placeholder__image::before {
    padding-bottom: 87%;
  }
}
.helper-card {
  perspective: 800px;
}
.helper-card__flip {
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.3s ease-out;
}
.helper-card__flip.is-flipping {
  transform: rotateY(90deg);
}
.helper-card__face {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.helper-card__face.is-hidden {
  display: none;
}
.helper-card__text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  margin-top: 7px;
  margin-bottom: 16px;
  color: var(--white);
  opacity: 0.6;
}
.helper-card__fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.helper-card__fields.is-hidden {
  display: none;
}
.helper-card__field {
  width: 100%;
}
.helper-card__error-message {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  color: var(--red);
}
.helper-card__button {
  width: 100%;
}
.helper-card__success {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--white);
}
.helper-card__success.is-hidden {
  display: none;
}

.quests-schedule {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.quests-schedule__description {
  max-width: 872px;
  margin-top: 24px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.quests-schedule__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
}
.quests-schedule .dropdown__button {
  min-width: 138px;
}
.quests-schedule .dropdown__button > span {
  position: static;
  top: unset;
}
.quests-schedule .dropdown__button,
.quests-schedule .datepicker__button, .quests-schedule__filters-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 15px;
  min-height: 52px;
  border: 1px solid var(--white-15);
  color: var(--white);
  border-radius: 1000px;
  font-family: var(--font-stack-book);
  font-size: 15px;
  line-height: 22px;
}
.quests-schedule .dropdown__button.is-active,
.quests-schedule .datepicker__button.is-active, .quests-schedule__filters-item.is-active {
  background-color: var(--blue-accent);
  border-color: var(--blue-accent);
}
.quests-schedule .dropdown__button:focus-visible,
.quests-schedule .datepicker__button:focus-visible, .quests-schedule__filters-item:focus-visible {
  background-color: var(--blue-accent);
  border-color: var(--blue-accent);
}
@media (hover: hover) {
  .quests-schedule .dropdown__button:hover,
  .quests-schedule .datepicker__button:hover, .quests-schedule__filters-item:hover {
    background-color: var(--blue-accent);
    border-color: var(--blue-accent);
  }
}
.quests-schedule__filters-dropdown {
  position: relative;
  margin-left: 16px;
}
.quests-schedule__filters-dropdown::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  width: 1px;
  background-color: var(--white-15);
  content: "";
}
.quests-schedule__timetable {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 40px;
}
.quests-schedule__item {
  display: flex;
  gap: 30px;
  width: 100%;
}
.quests-schedule__item:last-child .quests-schedule__quest-info {
  margin-bottom: 0;
}
.quests-schedule__item:last-child .quests-schedule__slots-wrapper {
  padding-bottom: 0;
  border: 0;
}
.quests-schedule__item.is-hidden {
  display: none;
}
.quests-schedule__quest-info {
  height: fit-content;
  position: relative;
  flex: 0 1 263px;
  min-height: 160px;
  border: 2px solid var(--accent);
  padding: 22px;
  border-radius: 30px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.quests-schedule__quest-name {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.quests-schedule__quest-options {
  font-family: var(--font-stack);
  font-weight: 300;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--white-60);
}
.quests-schedule__quest-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
}
.quests-schedule__level {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 4px;
}
.quests-schedule__level > span {
  width: 12px;
  height: 12px;
  color: var(--white);
}
.quests-schedule__level > span.gray-icon {
  opacity: 0.4;
}
.quests-schedule__level_size_small {
  grid-gap: 5px;
}
.quests-schedule__level_size_small > span {
  height: 15px;
}
.quests-schedule__level svg {
  display: block;
  width: 100%;
  height: 100%;
}
.quests-schedule__price-info {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-stack);
  font-weight: 300;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--white-60);
}
.quests-schedule__price-info::after {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M2 11a4 4 0 0 1 8 0zm4-4.5a3 3 0 1 1 0-6 3 3 0 1 1 0 6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.quests-schedule__quest-link {
  font: inherit;
  color: inherit;
}
.quests-schedule__quest-link::after {
  position: absolute;
  inset: 0;
  content: "";
}
.quests-schedule__slots-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--white-15);
  padding-bottom: 23px;
}
.quests-schedule__no-slots {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--white-60);
}
.quests-schedule__slots {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 8px;
}

@media screen and (max-width: 1023px) {
  .quests-schedule__description {
    max-width: none;
  }
  .quests-schedule__timetable {
    gap: 40px;
  }
  .quests-schedule__quest-info {
    margin-bottom: 0;
  }
  .quests-schedule__slots-wrapper {
    padding-bottom: 0;
    border: 0;
  }
}
@media screen and (max-width: 767px) {
  .quests-schedule__description {
    margin-top: 20px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
  .quests-schedule__filters {
    flex-wrap: nowrap;
    gap: 10px;
    width: calc(100% + 40px);
    margin: 28px -20px 0;
    padding: 0 20px 8px;
    overflow-x: auto;
    scroll-padding: 0 20px;
    scroll-snap-type: x mandatory;
  }
  .quests-schedule__filters .datepicker__button {
    width: auto;
  }
  .quests-schedule__filters .datepicker__button-label {
    display: inline;
  }
  .quests-schedule__filters-item, .quests-schedule__filters-dropdown,
  .quests-schedule .dropdown,
  .quests-schedule .datepicker {
    flex-shrink: 0;
    scroll-snap-align: start;
  }
  .quests-schedule .dropdown__button,
  .quests-schedule .datepicker__button, .quests-schedule__filters-item {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    padding: 8px 15px;
    min-height: 42px;
  }
  .quests-schedule__filters-dropdown {
    margin-left: 10px;
  }
  .quests-schedule__filters-dropdown::after {
    left: -10px;
  }
  .quests-schedule__item {
    gap: 20px;
    flex-direction: column;
  }
  .quests-schedule__quest-info {
    flex: auto;
    min-height: 140px;
    border: 2px solid var(--accent);
    padding: 18px;
    border-radius: 30px;
  }
  .quests-schedule__no-slots {
    align-items: flex-start;
  }
  .quests-schedule__slots {
    gap: 8px;
  }
}
.timetable.is-loading .timetable__content {
  opacity: 0.4;
  pointer-events: none;
  transition: opacity 0.15s;
}
.timetable {
  position: relative;
  display: flex;
  flex-direction: column;
}
.timetable__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 40px;
}
.timetable__filters-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 15px;
  min-height: 52px;
  border: 1px solid var(--white-15);
  color: var(--white);
  border-radius: 1000px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  line-height: 1;
}
.timetable__filters-item.is-active {
  background-color: var(--blue-accent);
  border-color: var(--blue-accent);
}
.timetable__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.timetable__legend-title {
  color: var(--white-15);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.timetable__legend-label {
  --cell-bg-color: var(--orange-15);
  --cell-text-color: var(--orange-2);
  display: inline-flex;
  align-items: center;
  padding: 4px 14px;
  border-radius: 1000px;
  background-color: var(--cell-bg-color);
  color: var(--cell-text-color);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.timetable__datepicker-item {
  flex-shrink: 0;
  position: relative;
  margin-right: 16px;
}
.timetable__datepicker-item::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -16px;
  width: 1px;
  background-color: var(--white-15);
  content: "";
}
.timetable__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.timetable__day {
  display: grid;
  grid-template-columns: minmax(164px, max-content) 1fr;
  gap: 32px;
  padding: 23px;
  border: 1px solid var(--white-15);
  border-radius: 20px;
}
.timetable__day.is-hidden {
  display: none;
}
.timetable__day-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.timetable__date {
  font-size: 16px;
  line-height: 20px;
}
.timetable__date-day {
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.02em;
}
.timetable__date-weekday {
  color: var(--blue-accent);
}
.timetable__price-info {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--white-60);
}
.timetable__times {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 8px;
}
.timetable__load-more {
  margin-top: 40px;
  align-self: center;
}
.timetable__load-more.is-hidden {
  display: none;
}
.timetable__empty {
  color: var(--white-60);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}

@media screen and (max-width: 1023px) {
  .timetable__filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    touch-action: pan-x;
    padding: 0 32px 8px;
    margin: 0 -32px 16px;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 32px;
  }
  .timetable__datepicker-item, .timetable__filters-item {
    scroll-snap-align: start;
  }
}
@media screen and (max-width: 767px) {
  .timetable__filters {
    gap: 12px;
    padding: 0 20px 8px;
    margin: 0 -20px 16px;
    scroll-padding: 0 20px;
  }
  .timetable__filters-item {
    gap: 4px;
    padding: 9px 11px;
    min-height: 40px;
    font-size: 14px;
    line-height: 1;
  }
  .timetable__datepicker-item {
    margin-right: 12px;
  }
  .timetable__datepicker-item::after {
    right: -12px;
  }
  .timetable__content {
    gap: 16px;
  }
  .timetable__day {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 15px;
    border: 1px solid var(--white-15);
  }
  .timetable__day-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .timetable__date-day {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
  }
  .timetable__load-more {
    margin-top: 24px;
    align-self: stretch;
  }
}
.timetable-cell {
  --cell-bg-color: var(--orange-15);
  --cell-text-color: var(--orange-2);
  position: relative;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: auto min-content;
  justify-content: center;
  gap: 4px 0;
  padding: 8px 12px;
  min-width: 104px;
  min-height: 60px;
  color: var(--white);
  background-color: var(--cell-bg-color);
  border: 0;
  border-radius: 10px;
  cursor: pointer;
}
.timetable-cell:disabled {
  --cell-bg-color: var(--red-03);
  --cell-text-color: var(--white-15);
  color: var(--cell-text-color);
  cursor: not-allowed;
  pointer-events: none;
}
.timetable-cell__time {
  font-size: 18px;
  line-height: 16px;
  letter-spacing: -0.02em;
  margin-top: 2px;
}
.timetable-cell__price {
  grid-column: span 2;
  color: var(--cell-text-color);
  font-family: var(--font-stack);
  font-size: 14px;
  line-height: 20px;
}
.timetable-cell__icon {
  width: 16px;
  height: 16px;
  margin-top: 1px;
  color: var(--white);
  opacity: 0.4;
  margin-left: 8px;
}
.timetable-cell__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (hover: hover) {
  .timetable-cell__icon:hover ~ .timetable-cell__tooltip {
    display: flex;
  }
}
.timetable-cell__tooltip {
  position: absolute;
  left: 50%;
  top: calc(100% + 4px);
  transform: translateX(calc(-50% + var(--tooltip-shift-x, 0px)));
  z-index: 1;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 8px;
  width: max-content;
  height: auto;
  background-color: var(--blue-accent);
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
}

@media screen and (max-width: 767px) {
  .timetable-cell {
    min-height: 50px;
    min-width: 76px;
    padding: 7px 10px;
    gap: 4px 0;
  }
  .timetable-cell__time {
    font-size: 14px;
    line-height: 14px;
    height: 14px;
  }
  .timetable-cell__price {
    font-size: 12px;
    line-height: 14px;
  }
  .timetable-cell__icon {
    width: 14px;
    height: 14px;
    margin-left: 4px;
  }
}
.price-1-of-1,
.price-1-of-2,
.price-1-of-3,
.price-1-of-4,
.price-1-of-5,
.price-1-of-6,
.price-1-of-7,
.price-2-of-8,
.price-2-of-9,
.price-2-of-10 {
  --cell-bg-color: var(--yellow-10);
  --cell-text-color: var(--yellow);
}

.price-1-of-8,
.price-1-of-9,
.price-1-of-10 {
  --cell-bg-color: var(--orange-15);
  --cell-text-color: var(--orange-2);
}

.price-2-of-2,
.price-2-of-3,
.price-2-of-4,
.price-2-of-5 {
  --cell-bg-color: var(--green-10);
  --cell-text-color: var(--green);
}

.price-2-of-6,
.price-2-of-7,
.price-3-of-8,
.price-3-of-9,
.price-3-of-10 {
  --cell-bg-color: var(--lime-green-10);
  --cell-text-color: var(--lime-green);
}

.price-3-of-3,
.price-3-of-4,
.price-3-of-5,
.price-4-of-6,
.price-4-of-7,
.price-6-of-8,
.price-6-of-9,
.price-7-of-10 {
  --cell-bg-color: var(--blue-accent-10);
  --cell-text-color: var(--blue-accent);
}

.price-3-of-6,
.price-3-of-7,
.price-4-of-8,
.price-4-of-9,
.price-4-of-10 {
  --cell-bg-color: var(--aqua-green-10);
  --cell-text-color: var(--aqua-green);
}

.price-4-of-4,
.price-6-of-6,
.price-5-of-5,
.price-7-of-7,
.price-8-of-8,
.price-9-of-9,
.price-10-of-10 {
  --cell-bg-color: var(--wild-watermelon-15);
  --cell-text-color: var(--wild-watermelon);
}

.price-4-of-5,
.price-5-of-6,
.price-5-of-7,
.price-7-of-8,
.price-7-of-9,
.price-8-of-10 {
  --cell-bg-color: var(--purple-15);
  --cell-text-color: var(--purple);
}

.price-5-of-8,
.price-5-of-9,
.price-5-of-10,
.price-6-of-10 {
  --cell-bg-color: var(--blue-15);
  --cell-text-color: var(--blue);
}

.price-6-of-7,
.price-8-of-9,
.price-9-of-10 {
  --cell-bg-color: var(--pink-15);
  --cell-text-color: var(--pink);
}

.search-results .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.search-results > .breadcrumbs__container {
  margin-bottom: 28px;
}
.search-results h1 {
  margin-bottom: 4px;
  position: relative;
  font-size: 70px;
  line-height: 80px;
}
.search-results h1 > span {
  position: absolute;
  left: 100%;
  margin-left: 11px;
  top: 0;
  font-size: 22px;
  line-height: 28px;
  opacity: 0.5;
}
.search-results__input {
  position: relative;
  margin-bottom: 27px;
  max-width: 871px;
  width: 100%;
}
.search-results__input input {
  color: var(--white);
  font-size: 36px;
  background: none;
  border: none;
  border-bottom: 1px solid var(--white-20);
  outline: none;
  transition: border-color 0.2s ease;
  padding: 31px 0;
  width: 100%;
}
.search-results__input input::placeholder {
  color: var(--white-30);
}
.search-results__input input:focus-visible {
  border-color: var(--white);
}
@media (hover: hover) {
  .search-results__input input:hover {
    border-color: var(--white);
  }
}
.search-results__input-clear {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 27px;
  height: 27px;
  border: none;
  background: none;
  outline: none;
  color: var(--white);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.search-results__input-clear.is-shown {
  opacity: 1;
  visibility: visible;
}
.search-results__input-clear svg {
  display: block;
  width: 24px;
  height: 24px;
}
.search-results__input-clear:focus-visible {
  opacity: 0.8;
}
@media (hover: hover) {
  .search-results__input-clear:hover {
    opacity: 0.8;
  }
}
.search-results__type-filters {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 16px;
  justify-content: flex-start;
  margin-bottom: 67px;
}
.search-results__filter-btn {
  background: none;
  padding: 17px;
  border: 1px solid #434549;
  border-radius: 63px;
  color: var(--white);
  transition: background-color 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
}
.search-results__filter-btn:focus-visible {
  background-color: var(--accent);
  border-color: var(--accent);
}
@media (hover: hover) {
  .search-results__filter-btn:hover {
    background-color: var(--accent);
    border-color: var(--accent);
  }
}
.search-results__filter-btn.is-active {
  background-color: var(--accent);
  border-color: var(--accent);
}
.search-results__section {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 53px;
}
.search-results__section.is-hidden {
  display: none;
}
.search-results__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.search-results__section-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 44px;
  gap: 24px;
}
.search-results__section-heading > a {
  flex-shrink: 0;
  font-size: 15px;
  line-height: 22px;
  transition: opacity 0.2s ease;
}
.search-results__section-heading > a:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .search-results__section-heading > a:hover {
    opacity: 0.7;
  }
}
.search-results__section-title {
  font-size: 32px;
  line-height: 42px;
}
.search-results__nothing-found {
  font-size: 36px;
  line-height: 42px;
  color: var(--red);
  margin-top: 32px;
}

@media screen and (max-width: 1239px) {
  .search-results__cards {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
@media screen and (max-width: 1023px) {
  .search-results > .breadcrumbs__container {
    margin-bottom: 59px;
  }
  .search-results h1 {
    margin-bottom: 10px;
    font-size: 60px;
    line-height: 62px;
  }
  .search-results h1 > span {
    font-size: 18px;
    line-height: 24px;
  }
  .search-results__input {
    max-width: none;
    margin-bottom: 31px;
  }
  .search-results__input input {
    font-size: 34px;
    padding: 31px 0;
  }
  .search-results__type-filters {
    gap: 14px;
    flex-wrap: nowrap;
    margin: 0 -32px 52px;
    overflow-y: auto;
    scroll-snap-type: x mandatory;
    padding: 0 32px 16px;
    scroll-padding: 0 32px;
    width: calc(100% + 64px);
  }
  .search-results__filter-btn {
    flex-shrink: 0;
    scroll-snap-align: start;
    padding: 20px 21px;
    font-size: 20px;
  }
  .search-results__section {
    margin-bottom: 53px;
  }
  .search-results__section-heading {
    margin-bottom: 39px;
  }
  .search-results__section-title {
    font-size: 26px;
    line-height: 32px;
  }
  .search-results__nothing-found {
    font-size: 28px;
    line-height: 36px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .search-results > .breadcrumbs__container {
    margin-bottom: 49px;
  }
  .search-results h1 {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 36px;
  }
  .search-results h1 > span {
    display: none;
  }
  .search-results__input {
    margin-bottom: 26px;
  }
  .search-results__input input {
    font-size: 26px;
    padding: 26px 0;
  }
  .search-results__type-filters {
    gap: 10px;
    margin: 0 -20px 36px;
    padding: 0 20px 16px;
    scroll-padding: 0 20px;
    width: calc(100% + 40px);
  }
  .search-results__filter-btn {
    padding: 16px 21px;
    font-size: 17px;
  }
  .search-results__section {
    margin-bottom: 53px;
  }
  .search-results__section-heading {
    margin-bottom: 26px;
  }
  .search-results__section-title {
    font-size: 20px;
    line-height: 28px;
  }
  .search-results__nothing-found {
    font-size: 18px;
    line-height: 26px;
    margin-top: 0;
  }
}
.auth {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100 * var(--doc-height, 1vh) - var(--header-height, 104px));
  min-height: 864px;
}
.auth__checkbox span > span > span {
  opacity: 0.6;
}
.auth__background {
  position: absolute;
  top: calc(-1 * var(--header-height, 104px));
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% + var(--header-height, 104px));
  overflow: hidden;
}
.auth__background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.auth__blur {
  position: absolute;
  border-radius: 600px;
  filter: blur(160px);
}
.auth__blur:first-of-type {
  top: -72px;
  left: -14px;
  width: 324px;
  height: 299px;
  background-color: var(--accent);
  opacity: 0.5;
}
.auth__blur:nth-of-type(2) {
  bottom: 70px;
  left: calc(50% - 162px);
  width: 324px;
  height: 299px;
  background-color: var(--accent);
  opacity: 0.5;
}
.auth__blur:last-of-type {
  right: -210px;
  bottom: 14px;
  width: 412px;
  height: 378px;
  background-color: var(--accent-purple);
}
.auth__main {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding: 0 15px;
  transform: translateY(calc(-1 * var(--header-height, 104px) + 80px));
}
.auth__panel {
  max-width: 478px;
  display: none;
  padding: 40px 75px;
  background-color: var(--white-10);
  border-radius: 30px;
  backdrop-filter: blur(30px);
}
.auth__panel.is-active {
  display: block;
}
.auth__socials {
  display: flex;
  justify-content: center;
}
.auth__socials-title {
  margin-top: 34px;
  margin-bottom: 20px;
  text-align: center;
}
.auth__social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: var(--black);
  border-radius: 8px;
  transition: background-color 0.2s ease;
}
.auth__social svg {
  width: 100%;
  height: 100%;
}
.auth__social_vk {
  color: var(--blue-3);
}
.auth__social_facebook {
  color: var(--blue-4);
}
.auth__social:focus-visible {
  background-color: var(--black-70);
}
@media (hover: hover) {
  .auth__social:hover {
    background-color: var(--black-70);
  }
}
.auth__tabs {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  margin-bottom: 34px;
}
.auth__tabs::after {
  position: absolute;
  bottom: 0;
  left: -74px;
  display: block;
  width: calc(100% + 148px);
  height: 1px;
  background-color: var(--black-04);
  content: "";
}
.auth__additional {
  position: absolute;
  top: 100%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 34px;
  transform: translateX(-50%);
}
.auth__text-button {
  margin-bottom: -2px;
  margin-left: 10px;
  padding: 0;
  color: var(--white);
  font-weight: 400;
  font-size: 15px;
  font-family: var(--font-stack);
  line-height: 22px;
  background: none;
  border: 0;
  cursor: pointer;
}
.auth__text-button_with-arrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
  margin-left: 0;
}
.auth__text-button_with-arrow svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  transform: rotate(90deg);
}
.auth__button {
  display: block;
  width: 100%;
  height: 52px;
}
.auth__otp {
  margin-bottom: 34px;
}
.auth__otp_loading {
  animation: fadeInOut 0.8s linear infinite;
}
.auth__error-message {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  color: var(--white);
  text-align: left;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
}
.auth__error-message::before {
  position: relative;
  top: -1px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--red);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23eb5151' d='M10 20a10 10 0 1 1 10-10 10 10 0 0 1-10 10M8 9v2h1v4h3v-2h-1V9Zm1-4v2h2V5Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.auth__error-message:empty {
  display: none;
}
.auth__email-button {
  margin-top: 20px;
}
.auth__agreement-text a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media screen and (max-width: 1023px) {
  .auth__main {
    padding: 60px 15px;
  }
  .auth__blur:nth-of-type {
    bottom: 112px;
  }
  .auth__blur:last-of-type {
    bottom: 230px;
  }
}
@media screen and (max-width: 767px) {
  .auth {
    align-items: flex-start;
  }
  .auth__blur:first-of-type {
    top: -65px;
    left: -74px;
    width: 243px;
    height: 225px;
  }
  .auth__blur:nth-of-type(2) {
    bottom: 36px;
    left: calc(50% - 108px);
    width: 216px;
    height: 199px;
  }
  .auth__blur:last-of-type {
    right: -200px;
    bottom: 136px;
    width: 330px;
    height: 303px;
  }
  .auth__main {
    position: relative;
    flex-direction: column;
    min-height: calc(100 * var(--doc-height, 1vh) - var(--header-height, 104px));
    padding: 0;
  }
  .auth__panel {
    width: 100%;
    max-width: unset;
    min-height: 100%;
    flex-grow: 1;
    padding: 30px 20px;
    overflow: hidden;
    background-color: var(--white-10);
    border-radius: 30px;
    backdrop-filter: blur(30px);
  }
  .auth__additional {
    position: static;
    flex-wrap: wrap;
    align-items: baseline;
    margin-top: 60px;
    transform: translateX(0);
  }
}
.auth-tabs {
  margin-top: 15px;
}
.auth-tabs__list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.auth-tabs__list::before {
  position: absolute;
  bottom: -1px;
  left: -75px;
  z-index: 1;
  width: calc(100% + 150px);
  height: 1px;
  background-color: var(--black-04);
  content: "";
}
.auth-tabs__content {
  margin-top: 34px;
}
.auth-tabs__content form {
  text-align: right;
}
.auth-tabs__content form > div:not(:last-of-type) {
  margin-bottom: 18px;
}
.auth-tabs__content form > button {
  margin-top: 12px;
}
.auth-tabs__content form > button[type=submit] {
  margin-top: 34px;
}
.auth-tabs__tab {
  position: relative;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.auth-tabs__tab:not(:last-child) {
  margin-right: 44px;
}
.auth-tabs__tab::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: transparent;
  border-radius: 4px 4px 0 0;
  transition: background-color 0.2s ease;
  content: "";
}
.auth-tabs__tab:focus-within::before, .auth-tabs__tab_active::before {
  background-color: var(--accent);
}
.auth-tabs__tab:hover, .auth-tabs__tab_active {
  opacity: 1;
}
.auth-tabs__tab-button {
  padding: 10px 0 15px;
  color: var(--white);
  font-size: 15px;
  line-height: 22px;
  white-space: nowrap;
  background: none;
  border: 0;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .auth-tabs__list {
    justify-content: flex-start;
  }
  .auth-tabs__list::before {
    left: -20px;
    width: calc(100% + 40px);
  }
  .auth-tabs__tab:not(:last-child) {
    margin-right: 26px;
  }
  .auth-tabs__tab-button {
    font-size: 13px;
    line-height: 18px;
  }
}
.success-registration__title {
  margin-bottom: 12px;
}
.success-registration__text {
  margin-bottom: 20px;
}
.success-registration__button {
  margin-top: 10px;
}

.faq__anchors-list {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.faq__anchors-item {
  flex-shrink: 0;
}
.faq__anchors-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 1px solid var(--white-20);
  border-radius: 57px;
  padding: 14px 15px;
  text-transform: lowercase;
  color: var(--white);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.faq__anchors-link.is-active {
  background-color: var(--accent);
  border-color: var(--accent);
}
.faq__articles {
  margin-top: 60px;
  max-width: 983px;
}
.faq__article + .faq__article {
  margin-top: 80px;
}
.faq__article-title {
  margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
  .faq__anchors-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 0 -32px -8px;
    padding: 0 32px 8px;
    scroll-padding: 0 32px;
    scroll-snap-type: x mandatory;
  }
  .faq__anchors-item {
    scroll-snap-align: start;
  }
}
@media screen and (max-width: 767px) {
  .faq__anchors-list {
    margin: 0 -20px -8px;
    padding: 0 20px 8px;
    scroll-padding: 0 20px;
  }
  .faq__anchors-link {
    padding: 11px 15px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
  .faq__articles {
    margin-top: 32px;
  }
  .faq__article + .faq__article {
    margin-top: 60px;
  }
  .faq__article-title {
    margin-bottom: 32px;
  }
}
.contacts {
  position: relative;
}
.contacts a {
  text-decoration: none;
}
.contacts a.link_hovered {
  text-decoration: underline;
  transition: all 2s ease;
}
.contacts a.link_hovered:hover {
  text-decoration: none;
}
.contacts .contacts__more {
  font-family: var(--font-stack);
}
.contacts__breadcrumbs {
  margin-top: 20px;
}
.contacts__phone, .contacts__address {
  color: var(--white);
  font-size: 32px;
  line-height: 42px;
  text-decoration: none;
}
.contacts__title {
  margin-top: 25px;
  color: var(--white);
  font-weight: 400;
  font-size: 70px;
  line-height: 80px;
}
.contacts__more {
  display: inline-block;
  margin-top: 22px;
  text-decoration: none;
}
.contacts__view-on-map {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 18px;
  width: fit-content;
  color: var(--white);
  transition: opacity 0.2s ease;
}
.contacts__view-on-map svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}
.contacts__view-on-map:focus-visible {
  opacity: 0.5;
}
@media (hover: hover) {
  .contacts__view-on-map:hover {
    opacity: 0.5;
  }
}
.contacts__social-list {
  display: inline-grid;
  grid-auto-flow: column;
  grid-gap: 16px;
  align-items: center;
  color: var(--white);
}
.contacts__social-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.contacts__social-link {
  display: flex;
  color: var(--white);
  transition: opacity 0.2s ease;
}
.contacts__social-link:focus-visible {
  opacity: 0.5;
}
@media (hover: hover) {
  .contacts__social-link:hover {
    opacity: 0.5;
  }
}
.contacts__container {
  margin-top: 52px;
  margin-bottom: 52px;
}
.contacts__paragraph {
  margin-bottom: 8px;
}
.contacts__list {
  display: grid;
  gap: 52px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 70px;
}
.contacts__item:last-child {
  grid-column: span 2;
}
.contacts__item:has(> .contacts__social-link) {
  grid-column: span 1;
}
.contacts__modal-title {
  margin-bottom: 18px;
  color: var(--black);
}
.contacts__modal-paragraph {
  margin-bottom: 34px;
  color: var(--black-50);
}
.contacts__modal .modal {
  text-align: center;
}
.contacts__modal .modal-header {
  justify-content: center;
  margin-bottom: 24px;
}
.contacts__modal .modal-footer {
  align-items: center;
}

@media screen and (max-width: 1239px) {
  .contacts__list {
    gap: 32px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1023px) {
  .contacts__title {
    margin-top: 45px;
    font-size: 60px;
    line-height: 62px;
  }
  .contacts__container {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .contacts__container:first-of-type {
    margin-top: 30px;
  }
  .contacts__list {
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }
  .contacts__item:last-child {
    grid-column: 1/-1;
  }
  .contacts__item:has(> .contacts__social-link) {
    grid-column: auto;
  }
}
@media screen and (max-width: 767px) {
  .contacts__title {
    margin-top: 38px;
    font-size: 32px;
    line-height: 36px;
  }
  .contacts__phone, .contacts__address {
    font-size: 20px;
    line-height: 28px;
  }
  .contacts__container {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .contacts__container:first-of-type {
    margin-top: 26px;
  }
  .contacts__list {
    grid-gap: 32px;
    grid-template-columns: 1fr;
  }
  .contacts__item:last-child {
    grid-column: 1/-1;
  }
  .contacts__item:has(> .contacts__social-link) {
    grid-column: auto;
  }
  .contacts__more {
    margin-top: 10px;
  }
  .contacts__social-list {
    margin-top: 6px;
  }
  .contacts__social-item {
    width: 20px;
    height: 20px;
  }
}
.contacts-form {
  display: grid;
  grid-template-columns: auto 1fr;
  background-color: var(--white);
  border-radius: 30px;
}
.contacts-form__title {
  color: var(--black);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
}
.contacts-form__description {
  color: var(--dark-gray);
  font-family: var(--font-stack-book);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.contacts-form__info {
  width: clamp(403px, 25.1875rem + (1vw - 12px) * 16.1667, 500px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 60px;
  background-color: var(--ghost-white);
  border-radius: 30px;
}
.contacts-form__form-wrapper {
  padding: 60px;
  position: relative;
}
.contacts-form__form {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
}
.contacts-form__field {
  flex: 1 1 calc(50% - 14px);
  min-width: 280px;
}
.contacts-form__field_wide {
  flex: 1 1 100%;
}
.contacts-form__agreement {
  flex: 1 1 100%;
  font-family: var(--font-stack);
  font-weight: 300;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  color: var(--black-80);
}
.contacts-form__link {
  font: inherit;
  color: var(--accent);
}
.contacts-form__button {
  margin-left: auto;
}
.contacts-form__error-message {
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  color: var(--red);
  text-align: left;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.contacts-form__error-message::before {
  position: relative;
  top: -1px;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  color: var(--red);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23eb5151' d='M10 20a10 10 0 1 1 10-10 10 10 0 0 1-10 10M8 9v2h1v4h3v-2h-1V9Zm1-4v2h2V5Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  content: "";
}
.contacts-form__error-message:empty {
  display: none;
}
.contacts-form__result {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 20px;
  width: 100%;
  grid-column: 1/-1;
}
.contacts-form__result-title {
  margin-top: 20px;
  margin-bottom: 18px;
  color: var(--black);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 26px;
  line-height: 32px;
}
.contacts-form__result-text {
  margin-bottom: 34px;
  color: var(--black-50);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.contacts-form__result.is-hidden {
  display: none;
}
.contacts-form__info.is-hidden, .contacts-form__form-wrapper.is-hidden, .contacts-form__result.is-hidden {
  display: none;
}

@media screen and (max-width: 1023px) {
  .contacts-form {
    display: block;
  }
  .contacts-form__title {
    margin-bottom: 12px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    line-height: 32px;
  }
  .contacts-form__info {
    padding: 45px;
    width: 100%;
  }
  .contacts-form__form-wrapper {
    padding: 44px;
  }
  .contacts-form__button {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .contacts-form {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .contacts-form__title {
    margin-bottom: 10px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
  .contacts-form__form-wrapper {
    padding: 34px 20px 40px;
  }
  .contacts-form__info {
    padding: 30px 20px;
  }
}
.bonus-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: calc(100 * var(--doc-height, 1vh) - var(--header-height));
}
.bonus-title .container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  container-type: inline-size;
  height: fit-content;
  padding-top: var(--header-height);
  padding-bottom: var(--header-height);
}
.bonus-title__title {
  margin-bottom: 27px;
  width: 100%;
  max-width: 63%;
  font-size: clamp(40px, 5cqw, 72px);
  line-height: 1.2;
}
.bonus-title__text {
  margin-bottom: 60px;
  opacity: 0.7;
  width: 100%;
  max-width: 63%;
  font-size: clamp(16px, 1.35cqw, 22px);
}
.bonus-title__image {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(300px, 40cqw, 1012px);
  height: auto;
  max-height: 100%;
  aspect-ratio: 1012/723;
  z-index: -10;
}
.bonus-title__image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}

@media screen and (max-width: 1023px) {
  .bonus-title {
    min-height: auto;
    justify-content: flex-start;
  }
  .bonus-title .container {
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 0;
  }
  .bonus-title__title {
    margin-bottom: 18px;
    max-width: none;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    line-height: 62px;
  }
  .bonus-title__text {
    margin-bottom: 44px;
    max-width: none;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
  .bonus-title__image {
    order: -1;
    position: relative;
    right: auto;
    top: 0;
    width: 822px;
    transform: none;
    max-width: 100%;
    align-self: center;
  }
}
@media screen and (max-width: 767px) {
  .bonus-title {
    position: relative;
    overflow: hidden;
  }
  .bonus-title__title {
    max-width: 75%;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    line-height: 36px;
  }
  .bonus-title__text {
    font-weight: 400;
    line-height: 147%;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
  .bonus-title .button {
    width: 100%;
  }
}
/* stylelint-disable @stylistic/declaration-colon-newline-after */
.bonus-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bonus-info__entry {
  width: 100%;
  padding-right: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.bonus-info__entry:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.bonus-info__entry:nth-of-type(2n) .bonus-info__text {
  margin-left: clamp(32px, 5.2%, 80px);
  margin-right: 0;
}
.bonus-info__entry:not(:first-of-type) {
  margin-top: 32px;
}
.bonus-info__text {
  flex: 0 1 649px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 123px;
  margin-right: clamp(32px, 5.2%, 80px);
  min-width: 520px;
}
.bonus-info__image {
  flex: 0 1 615px;
  height: auto;
  aspect-ratio: 615/581;
}
.bonus-info__image img {
  object-fit: contain;
  object-position: center;
}
.bonus-info__sup {
  color: transparent;
  opacity: 1;
  margin-bottom: 24px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  background: linear-gradient(102.4deg, rgba(173, 143, 255, 0.59) -7.34%, rgba(148, 123, 218, 0.61) 5.09%, rgba(96, 79, 141, 0.36) 18.51%, rgba(96, 79, 141, 0.208) 49.88%, rgba(96, 79, 141, 0) 92.67%), linear-gradient(243.81deg, #98edff 0.25%, #98edff 11.43%, rgba(180, 255, 248, 0) 87.5%), radial-gradient(36.99% 91.65% at 55.13% 49.96%, rgba(179, 209, 251, 0.126) 0%, rgba(0, 0, 0, 0) 100%, rgba(179, 209, 251, 0) 100%), #ffffff;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-background-clip: text;
  background-clip: text;
}
.bonus-info__title {
  margin-bottom: 27px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
}
.bonus-info__description {
  color: var(--white-70);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
}
.bonus-info__description:not(:first-of-type) {
  margin-top: 24px;
}

@media screen and (max-width: 1023px) {
  .bonus-info {
    margin-top: 80px;
  }
  .bonus-info__entry {
    gap: 21px;
  }
  .bonus-info__entry:nth-of-type(2n) .bonus-info__text {
    margin-left: 0;
  }
  .bonus-info__entry:nth-of-type(2n) .bonus-info__image {
    margin-right: 0;
    margin-left: -32px;
  }
  .bonus-info__text {
    flex: 1 1 424px;
    margin-top: 72px;
    min-width: 0;
    margin-right: 0;
  }
  .bonus-info__image {
    flex: 0 0 313px;
    aspect-ratio: 1;
    margin-right: -32px;
  }
  .bonus-info__description, .bonus-info__sup {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
  .bonus-info__sup {
    margin-bottom: 20px;
  }
  .bonus-info__title {
    margin-bottom: 20px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    line-height: 32px;
  }
}
@media screen and (max-width: 767px) {
  .bonus-info {
    margin-top: 20px;
  }
  .bonus-info__entry {
    flex-direction: column-reverse;
    align-items: center;
    gap: 34px;
  }
  .bonus-info__entry:nth-of-type(2n) {
    flex-direction: column-reverse;
  }
  .bonus-info__entry:nth-of-type(2n) .bonus-info__image {
    margin-left: 0;
  }
  .bonus-info__text {
    flex: auto;
    margin-top: 0;
  }
  .bonus-info__image {
    flex: auto;
    margin-right: 0;
    max-width: 313px;
  }
  .bonus-info__description, .bonus-info__sup {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
  .bonus-info__sup {
    margin-bottom: 14px;
  }
  .bonus-info__title {
    margin-bottom: 14px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
}
.bonus-levels {
  --card-bg-1:
    linear-gradient(
      304.34deg,
      #ff513d 3.99%,
      rgba(255, 81, 61, 0.69) 26.31%,
      rgba(255, 171, 102, 0) 75.61%
    ),
    linear-gradient(
      242.74deg,
      #ff3469 1.8%,
      #ff5f88 1.81%,
      #ff5f88 30.1%,
      rgba(255, 101, 133, 0.73) 57.35%,
      rgba(255, 121, 124, 0.22) 78.5%,
      rgba(255, 171, 102, 0) 100%
    ),
    linear-gradient(
      65.09deg,
      #f9a25c 0%,
      #ffab66 32.57%,
      #ffab66 51.91%,
      rgba(255, 171, 102, 0) 104.52%
    ),
    #ffffff;
  --card-bg-2:
    linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    linear-gradient(
      102.4deg,
      rgba(173, 143, 255, 0.59) -7.34%,
      rgba(148, 123, 218, 0.61) 5.09%,
      rgba(96, 79, 141, 0.36) 18.51%,
      rgba(96, 79, 141, 0) 92.67%
    ),
    linear-gradient(
      243.81deg,
      #98edff 0.25%,
      #98edff 11.43%,
      rgba(180, 255, 248, 0) 87.5%
    ),
    radial-gradient(
      36.99% 91.65% at 55.13% 49.96%,
      rgba(179, 209, 251, 0.126) 0%,
      rgba(0, 0, 0, 0) 100%,
      rgba(179, 209, 251, 0) 100%
    ),
    #ffffff;
  --card-bg-3:
    linear-gradient(0deg, rgba(20, 21, 28, 0.2), rgba(20, 21, 28, 0.2)),
    linear-gradient(
      119.41deg,
      #54eee4 -7.47%,
      rgba(84, 238, 228, 0.87) 2.85%,
      rgba(84, 238, 228, 0.29) 16.04%,
      rgba(84, 238, 228, 0.08) 32.89%,
      rgba(84, 238, 228, 0) 73.69%
    ),
    linear-gradient(
      60.53deg,
      #47bab3 2.33%,
      rgba(71, 186, 179, 0.89) 10.92%,
      rgba(71, 186, 179, 0.7) 21.22%,
      rgba(71, 186, 179, 0.3) 52.81%,
      rgba(71, 186, 179, 0) 78.8%
    ),
    linear-gradient(
      242.3deg,
      #ffc97c -3.13%,
      #ffc97c 4.91%,
      rgba(255, 201, 124, 0.84) 17.06%,
      rgba(255, 201, 124, 0.58) 42.4%,
      rgba(255, 201, 124, 0.4) 56.59%,
      rgba(255, 201, 124, 0) 99.97%
    ),
    #ffffff;
}
.bonus-levels__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bonus-levels__title {
  margin-bottom: 70px;
  text-align: center;
  max-width: 1039px;
}
.bonus-levels__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  gap: 48px 24px;
}
.bonus-levels__card {
  min-height: 250px;
  border-radius: 33px;
  padding: 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-repeat: no-repeat;
}
.bonus-levels__card:nth-child(3n+1) {
  background: var(--card-bg-1);
}
.bonus-levels__card:nth-child(3n+2) {
  background: var(--card-bg-2);
}
.bonus-levels__card:nth-child(3n+3) {
  background: var(--card-bg-3);
}
.bonus-levels__card > .tag {
  margin-bottom: 27px;
}
.bonus-levels__card > .description {
  font-size: 17px;
  line-height: 147%;
  font-weight: 400;
}
.bonus-levels__card-image {
  position: absolute;
  width: 222px;
  height: 222px;
  object-fit: contain;
  object-position: center;
  right: 0;
  top: -88px;
}
.bonus-levels__card-title {
  display: block;
  margin-bottom: 16px;
}
.bonus-levels__tag {
  display: inline-flex;
  align-items: center;
  padding: 3px 11px;
  min-height: 30px;
  margin-bottom: 24px;
  border-radius: 57px;
  border: 2px solid var(--white-50);
  color: var(--white);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  line-height: 11px;
}
.bonus-levels__bonus {
  margin-top: auto;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.bonus-levels__bonus > .bonus-levels__value {
  display: block;
  margin-bottom: 6px;
}

@media screen and (max-width: 1239px) {
  .bonus-levels__cards {
    display: flex;
    flex-wrap: wrap;
  }
  .bonus-levels__card {
    flex: 1 1 calc(33.333% - 16px);
    min-width: 370px;
  }
}
@media screen and (max-width: 1023px) {
  .bonus-levels__cards {
    flex-flow: column nowrap;
    gap: 32px;
  }
  .bonus-levels__card {
    padding: 30px;
    border-radius: 30px;
    min-height: 154px;
  }
  .bonus-levels__card-title {
    margin-bottom: 6px;
  }
  .bonus-levels__title {
    margin-bottom: 60px;
    text-align: left;
  }
  .bonus-levels__card-image {
    width: 155px;
    height: 155px;
    top: -70px;
  }
}
@media screen and (max-width: 767px) {
  .bonus-levels__title {
    margin-bottom: 32px;
  }
  .bonus-levels__cards {
    gap: 20px;
  }
  .bonus-levels__card {
    min-width: 0;
  }
  .bonus-levels__bonus {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
  .bonus-levels__card-image {
    width: 120px;
    height: 120px;
    top: -50px;
  }
}
.bonus-review__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.bonus-review__text {
  flex: 0 1 756px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.bonus-review__title {
  margin-bottom: 20px;
}
.bonus-review__description {
  color: var(--white);
  font-family: var(--font-stack);
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
}
.bonus-review__description p + p {
  margin-top: 24px;
}
.bonus-review__description > a {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  font-family: var(--font-stack);
  color: var(--white);
  transition: color 0.2s ease;
}
.bonus-review__description > a:focus-visible {
  color: var(--white-70);
}
@media (hover: hover) {
  .bonus-review__description > a:hover {
    color: var(--white-70);
  }
}
.bonus-review__image {
  flex: 0 3 686px;
  height: auto;
  aspect-ratio: 686/581;
  margin-right: -105px;
}
.bonus-review__image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}

@media screen and (max-width: 1023px) {
  .bonus-review__container {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: min-content auto;
    align-items: start;
    align-content: start;
  }
  .bonus-review__text {
    flex: auto;
    display: contents;
  }
  .bonus-review__title {
    grid-column: span 2;
    margin-bottom: 20px;
  }
  .bonus-review__description {
    grid-column: 1/2;
  }
  .bonus-review__image {
    grid-column: 2/3;
    grid-row: 2/4;
    flex: auto;
    aspect-ratio: 1;
    width: 313px;
    margin-right: -32px;
    margin-top: -32px;
  }
}
@media screen and (max-width: 767px) {
  .bonus-review {
    margin-bottom: 78px;
  }
  .bonus-review__container {
    display: flex;
    flex-direction: column-reverse;
  }
  .bonus-review__text {
    flex: auto;
    display: flex;
  }
  .bonus-review__title {
    margin-bottom: 14px;
  }
  .bonus-review__image {
    align-self: center;
    margin: 0 0 34px;
  }
}
.bonus-spend__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.bonus-spend__title {
  margin-bottom: 20px;
}
.bonus-spend__description {
  font-family: var(--font-stack);
  font-weight: 300;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  max-width: 930px;
  text-align: center;
}
.bonus-spend__list {
  margin: 60px 0 0;
  list-style-type: none;
  padding: 0;
  column-count: 2;
  column-gap: 140px;
  max-width: 1250px;
}
.bonus-spend__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 27px;
  break-inside: avoid;
}
.bonus-spend__item:not(:first-child) {
  margin-top: 52px;
}
.bonus-spend__item::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cpath fill='url(%23a)' d='M3.32.586a1.907 1.907 0 0 1 2.75 0l2.75 2.828a2.04 2.04 0 0 1 0 2.829L6.07 9.07c-.76.781-1.99.781-2.75 0L.57 6.243a2.04 2.04 0 0 1 0-2.829z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='7.445' x2='1.79' y1='2' y2='7.498' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fde3a3'/%3E%3Cstop offset='1' stop-color='%23f7ca59'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 9px;
  content: "";
}
.bonus-spend__item:has(.bonus-spend__item-image) {
  padding-right: 80px;
}
.bonus-spend__item-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
}
.bonus-spend__item-text {
  font-family: var(--font-stack);
  font-weight: 300;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  color: var(--white-60);
}
.bonus-spend__item-image {
  position: absolute;
  top: -33px;
  width: 120px;
  height: 120px;
  right: -10px;
}
.bonus-spend__item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.bonus-spend__bordered-list {
  margin-top: 30px;
  max-width: 646px;
  border-radius: 30px;
  padding: 30px;
  list-style-type: none;
  position: relative;
}
.bonus-spend__bordered-list::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(102.4deg, rgba(173, 143, 255, 0.59) -7.34%, rgba(148, 123, 218, 0.61) 5.09%, rgba(96, 79, 141, 0.36) 18.51%, rgba(96, 79, 141, 0) 92.67%), linear-gradient(243.81deg, #98edff 0.25%, #98edff 11.43%, rgba(180, 255, 248, 0) 87.5%), radial-gradient(36.99% 91.65% at 55.13% 49.96%, rgba(179, 209, 251, 0.126) 0%, rgba(0, 0, 0, 0) 100%, rgba(179, 209, 251, 0) 100%), linear-gradient(0deg, #ffffff, #ffffff);
  content: "";
  /* stylelint-disable-next-line @stylistic/declaration-colon-newline-after */
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='100%25' height='100%25' style='height:calc(100%25 - 2px);width:calc(100%25 - 2px); fill:none;stroke:%23fff;stroke-width:2px' rx='30'/%3E%3C/svg%3E") 0/100% 100%;
}

@media screen and (max-width: 1239px) {
  .bonus-spend__list {
    column-gap: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .bonus-spend__container {
    align-items: flex-start;
  }
  .bonus-spend__title {
    text-align: left;
  }
  .bonus-spend__description {
    text-align: left;
  }
  .bonus-spend__list {
    margin: 40px 0 0;
    column-gap: 22px;
  }
  .bonus-spend__item-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
  .bonus-spend__item-text {
    font-family: var(--font-stack);
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
  }
  .bonus-spend__item-image {
    top: 10px;
  }
  .bonus-spend__bordered-list {
    max-width: none;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .bonus-spend__title {
    margin-bottom: 14px;
  }
  .bonus-spend__list {
    margin: 32px 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .bonus-spend__item {
    gap: 6px;
    padding-left: 21px;
    margin-top: 0;
    width: 100%;
  }
  .bonus-spend__item:not(:first-child) {
    margin-top: 0;
  }
  .bonus-spend__item-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
  .bonus-spend__item-image {
    top: -10px;
    right: 20px;
    width: 80px;
    height: 80px;
  }
  .bonus-spend__bordered-list {
    padding: 20px;
    margin-top: 40px;
  }
}
.bonus-fund {
  width: 100%;
}
.bonus-fund__container {
  position: relative;
}
.bonus-fund__image {
  position: absolute;
  width: 285px;
  height: 185px;
  left: -60px;
  top: -64px;
  z-index: -1;
}
.bonus-fund__image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}
.bonus-fund__slider {
  position: relative;
  margin: 40px auto 0;
  overflow: hidden;
  padding: 0 60px;
  max-width: 1920px;
}
.bonus-fund__slider-wrapper {
  display: flex;
  gap: 28px;
}
.bonus-fund__slider-button {
  position: absolute;
  top: 150px;
  left: -90px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 140px;
  height: 140px;
  padding: 20px;
  background-color: var(--white-20);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(51, 66, 160, 0.3);
  cursor: pointer;
  opacity: 1;
  backdrop-filter: blur(20px);
  transition: background-color 0.2s ease, opacity 0.2s ease;
}
.bonus-fund__slider-button:focus-visible {
  background-color: var(--accent);
}
@media (hover: hover) {
  .bonus-fund__slider-button:hover {
    background-color: var(--accent);
  }
}
.bonus-fund__slider-button_right {
  left: calc(100% - 50px);
  transform: rotate(180deg) translateY(50%);
}
.bonus-fund__slider-button.is-hidden {
  display: none;
}
.bonus-fund__slider-button svg {
  width: 16px;
  height: 16px;
  color: var(--white);
}

.fund-card {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 421px;
  gap: 20px;
  flex-shrink: 0;
}
@media (hover: hover) {
  .fund-card:hover .fund-card__image img {
    transform: scale(1.08);
  }
}
.fund-card:focus-within .fund-card__image img {
  transform: scale(1.08);
}
.fund-card__image {
  width: 100%;
  height: 300px;
  border-radius: 30px;
  overflow: hidden;
}
.fund-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 30px;
  transition: transform 0.3s ease-out;
  transform: translateZ(0);
}
.fund-card__main {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  justify-content: start;
  gap: 12px 20px;
}
.fund-card__logo {
  grid-column: 1/2;
  grid-row: 1/3;
  width: 64px;
  height: 64px;
}
.fund-card__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fund-card__title {
  grid-column: 2/3;
  grid-row: 1/2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fund-card__text {
  grid-column: 2/3;
  grid-row: 2/3;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--white-60);
}
.fund-card__link {
  font: inherit;
  color: inherit;
}
.fund-card__link::after {
  position: absolute;
  inset: 0;
  content: "";
}

@media screen and (max-width: 1023px) {
  .bonus-fund__image {
    width: 241px;
    height: 156px;
    left: -64px;
    top: -25px;
  }
  .bonus-fund__slider {
    margin: 30px 0 0;
    padding: 0 32px;
  }
  .bonus-fund__slider-wrapper {
    gap: 22px;
  }
  .bonus-fund__slider-button {
    display: none;
  }
  .fund-card {
    max-width: 340px;
  }
  .fund-card__image {
    height: 214px;
  }
  .fund-card__main {
    gap: 10px 20px;
  }
}
@media screen and (max-width: 767px) {
  .bonus-fund__image {
    width: 134px;
    height: 87px;
    left: -30px;
    top: -25px;
  }
  .bonus-fund__slider {
    padding: 0 20px;
  }
  .bonus-fund__slider-wrapper {
    gap: 20px;
  }
  .fund-card {
    max-width: 320px;
  }
  .fund-card__image {
    height: 214px;
  }
  .fund-card__main {
    gap: 16px 10px;
  }
  .fund-card__logo {
    grid-column: 1/2;
    grid-row: 1/2;
    width: 52px;
    height: 52px;
  }
  .fund-card__title {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .fund-card__text {
    grid-column: 1/3;
    grid-row: 2/3;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
}
/* stylelint-disable block-no-empty */
.certificates-page__hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.certificates-page__cart-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 52px;
  margin-top: 14px;
  padding: 15px 16px;
  color: var(--white);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 1;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid var(--white);
  border-radius: 57px;
}
.certificates-page__cart-btn svg {
  margin-right: 10px;
}
.certificates-page__cart-btn span {
  white-space: nowrap;
}
.certificates-page__cart-btn span::after {
  opacity: 0.5;
  content: " (" attr(data-cart-count) ")";
}
.certificates-page__list {
  margin-top: 70px;
}
.certificates-page__form {
  margin: 140px auto 0;
  max-width: 870px;
}
.certificates-page__faq {
  margin: 140px auto 0;
  max-width: 863px;
}

@media screen and (max-width: 1023px) {
  .certificates-page__cart-btn {
    margin-top: 4px;
  }
  .certificates-page__list {
    margin-top: 40px;
  }
  .certificates-page__form {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .certificates-page__hero {
    align-items: center;
  }
  .certificates-page__cart-btn {
    align-items: center;
    justify-content: center;
    margin-top: 0;
    min-width: 52px;
    height: 52px;
    padding: 0;
  }
  .certificates-page__cart-btn svg {
    margin-right: 0;
  }
  .certificates-page__cart-btn span {
    display: none;
  }
  .certificates-page__form {
    margin-top: 30px;
  }
}
/* stylelint-disable @stylistic/declaration-colon-newline-after */
.certificate {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 40px 46px;
  grid-template-rows: min-content 0fr;
  grid-template-columns: 1fr 172px;
  transition: grid-template-rows 0.3s ease-out;
  padding: 25px 50px 40px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 30px;
}
.certificate:focus-within {
  grid-template-rows: min-content 1fr;
}
@media (hover: hover) {
  .certificate:hover {
    grid-template-rows: min-content 1fr;
  }
}
.certificate__info {
  display: flex;
  grid-row: 1;
  grid-column: 1;
}
.certificate__image {
  flex-shrink: 0;
  max-width: 303px;
  margin-right: 73px;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}
.certificate__image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.certificate__title {
  margin: 25px 0 14px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
}
.certificate__desc {
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-stack-book);
  line-height: 18px;
  opacity: 0.6;
}
.certificate__price-wrapper {
  display: flex;
  flex-direction: column;
  grid-row: 1;
  grid-column: 2;
  justify-content: space-between;
  padding-top: 15px;
}
.certificate__price {
  display: block;
  color: var(--white);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
  white-space: nowrap;
}
.certificate__variants {
  display: grid;
  gap: 20px;
  grid-row: 2;
  grid-column: 1/-1;
  grid-template-columns: repeat(4, 1fr);
  min-height: 0;
  overflow: hidden;
}
.certificate__variant {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 26px 28px 28px 30px;
}
.certificate__variant::after, .certificate__variant::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--background, var(--black));
  content: "";
  user-select: none;
}
.certificate__variant::before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='100%25' height='100%25' style='height:calc(100%25 - 2px);width:calc(100%25 - 2px); fill:%23fff;stroke:%23fff;stroke-width:2px' rx='30'/%3E%3C/svg%3E") 0/100% 100%;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.certificate__variant::after {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='100%25' height='100%25' style='height:calc(100%25 - 2px);width:calc(100%25 - 2px); fill:none;stroke:%23fff;stroke-width:2px' rx='30'/%3E%3C/svg%3E") 0/100% 100%;
}
.certificate__variant:focus-visible::before {
  opacity: 1;
}
@media (hover: hover) {
  .certificate__variant:hover::before {
    opacity: 1;
  }
}
.certificate__variant:focus-within::before {
  opacity: 1;
}
.certificate__variant:nth-child(n) {
  --background:
    linear-gradient(0deg, rgba(23, 22, 31, 0.2), rgba(23, 22, 31, 0.2)),
    linear-gradient(
      102.4deg,
      rgba(173, 143, 255, 0.59) -7.34%,
      rgba(148, 123, 218, 0.61) 5.09%,
      rgba(96, 79, 141, 0.36) 18.51%,
      rgba(96, 79, 141, 0) 92.67%
    ),
    linear-gradient(
      243.81deg,
      #98edff 0.25%,
      #98edff 11.43%,
      rgba(180, 255, 248, 0) 87.5%
    ),
    radial-gradient(
      36.99% 91.65% at 55.13% 49.96%,
      rgba(179, 209, 251, 0.126) 0%,
      rgba(179, 209, 251, 0) 100%
    ),
    #ffffff;
}
.certificate__variant:nth-child(2n) {
  --background:
    linear-gradient(0deg, rgba(20, 21, 28, 0.2), rgba(20, 21, 28, 0.2)),
    linear-gradient(
      119.41deg,
      #54eee4 -7.47%,
      rgba(84, 238, 228, 0.87) 2.85%,
      rgba(84, 238, 228, 0.29) 16.04%,
      rgba(84, 238, 228, 0.08) 32.89%,
      rgba(84, 238, 228, 0) 73.69%
    ),
    linear-gradient(
      60.53deg,
      #47bab3 2.33%,
      rgba(71, 186, 179, 0.89) 10.92%,
      rgba(71, 186, 179, 0.7) 21.22%,
      rgba(71, 186, 179, 0.3) 52.81%,
      rgba(71, 186, 179, 0) 78.8%
    ),
    linear-gradient(
      242.3deg,
      #ffc97c -3.13%,
      #ffc97c 4.91%,
      rgba(255, 201, 124, 0.84) 17.06%,
      rgba(255, 201, 124, 0.58) 42.4%,
      rgba(255, 201, 124, 0.4) 56.59%,
      rgba(255, 201, 124, 0) 99.97%
    ),
    #ffffff;
}
.certificate__variant:nth-child(3n) {
  --background:
    linear-gradient(
      304.34deg,
      #ff513d 3.99%,
      rgba(255, 81, 61, 0.69) 26.31%,
      rgba(255, 171, 102, 0) 75.61%
    ),
    linear-gradient(
      242.74deg,
      #ff3469 1.8%,
      #ff5f88 1.81%,
      #ff5f88 30.1%,
      rgba(255, 101, 133, 0.73) 57.35%,
      rgba(255, 121, 124, 0.22) 78.5%,
      rgba(255, 171, 102, 0) 100%
    ),
    linear-gradient(
      65.09deg,
      #f9a25c 0%,
      #ffab66 32.57%,
      #ffab66 51.91%,
      rgba(255, 171, 102, 0) 104.52%
    ),
    #ffffff;
}
.certificate__variant:nth-child(4n) {
  --background:
    linear-gradient(
      135.62deg,
      rgba(18, 12, 79, 0.69) 0%,
      rgba(34, 29, 88, 0.2) 18.22%,
      rgba(44, 39, 94, 0.11) 31.8%,
      rgba(0, 0, 0, 0) 63.31%,
      rgba(0, 0, 0, 0) 63.31%
    ),
    linear-gradient(
      298.24deg,
      #1053d6 -5.49%,
      rgba(10, 0, 144, 0.3) 19.56%,
      rgba(41, 37, 86, 0.14) 44.93%,
      rgba(15, 13, 32, 0.04) 70.72%,
      rgba(0, 0, 0, 0) 90.88%,
      rgba(0, 0, 0, 0) 90.88%
    ),
    linear-gradient(
      68.03deg,
      rgba(15, 15, 99, 0.13) 0.02%,
      rgba(15, 15, 99, 0.11) 19.71%,
      rgba(15, 15, 99, 0.21) 55.69%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      236.54deg,
      rgba(80, 118, 254, 0.82) 8.34%,
      rgba(18, 0, 251, 0.52) 39.13%,
      rgba(18, 0, 251, 0.507) 49.88%,
      rgba(18, 0, 251, 0.5) 56.31%,
      rgba(14, 0, 194, 0.4) 71.26%,
      rgba(0, 0, 0, 0) 101.53%
    ),
    #ffffff;
}
.certificate__variant-price {
  margin-bottom: 18px;
  color: var(--white);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
}
.certificate__variant-desc {
  font-family: var(--font-stack-book);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
}
.certificate__variant-button {
  cursor: pointer;
}
.certificate__variant-button::after {
  position: absolute;
  inset: 0;
  content: "";
}
.certificate__details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 26px 28px;
  border: 1px solid var(--white-10);
  border-radius: 30px;
}
.certificate__details-wrapper {
  grid-row: 2;
  grid-column: 1/-1;
  min-height: 0;
  overflow: hidden;
}
.certificate__details-image {
  position: relative;
  flex-shrink: 0;
  align-self: flex-end;
  width: 350px;
  height: 308px;
  margin: -116px 32px -26px -28px;
}
.certificate__details-image picture {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.certificate__details-image picture:first-child {
  bottom: 50px;
  z-index: 1;
  max-width: 154px;
}
.certificate__details-image picture:last-child {
  bottom: 0;
}
.certificate__details-image picture img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.certificate__details-item {
  position: relative;
  padding-left: 26px;
  color: var(--white);
  font-family: var(--font-stack-book);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.certificate__details-item + .certificate__details-item {
  margin-top: 20px;
}
.certificate__details-item::before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 8px;
  height: 8px;
  background: linear-gradient(180deg, #fde3a3 0%, #f7ca59 100%);
  border-radius: 2px;
  transform: rotate(45deg);
  content: "";
}
.certificate__details-desc {
  margin-top: 2px;
  color: var(--dark-gray);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
}

@media screen and (max-width: 1239px) {
  .certificate {
    gap: 30px;
    grid-template-columns: 1fr;
    padding: 40px;
  }
  .certificate__button {
    width: auto;
    min-width: 170px;
  }
  .certificate__info {
    grid-row: 1;
  }
  .certificate__image {
    max-width: 212px;
    margin-right: 30px;
  }
  .certificate__title {
    margin-top: 0;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
  .certificate__price-wrapper {
    flex-direction: row;
    grid-row: 3;
    grid-column: 1;
    align-items: center;
    padding-top: 0;
  }
  .certificate__price {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    line-height: 32px;
  }
  .certificate__variants {
    gap: 22px;
    grid-template-columns: 1fr 1fr;
  }
  .certificate__variant {
    padding: 26px 32px 28px 30px;
  }
  .certificate__variant-price {
    margin-bottom: 22px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
  .certificate__details-wrapper {
    grid-row: 2;
  }
  .certificate__details-image {
    width: 220px;
    height: 226px;
    margin-top: 0;
    margin-right: 12px;
  }
  .certificate__details-image picture:first-child {
    bottom: 40px;
    max-width: 94px;
  }
  .certificate__details-item {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
  .certificate__details-item + .certificate__details-item {
    margin-top: 18px;
  }
  .certificate__details-item::before {
    top: 4px;
  }
  .certificate__details-desc {
    margin-top: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .certificate {
    grid-template-rows: auto;
  }
  .certificate__variants {
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .certificate {
    gap: 20px;
    padding: 30px 20px;
  }
  .certificate__button {
    width: 100%;
  }
  .certificate__info {
    display: block;
  }
  .certificate__image {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0 40px;
  }
  .certificate__title {
    margin-bottom: 8px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
  .certificate__price-wrapper {
    display: block;
  }
  .certificate__price {
    margin-bottom: 26px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
  .certificate__details {
    flex-direction: column-reverse;
    padding: 30px 24px;
  }
  .certificate__details-image {
    align-self: center;
    width: 100%;
    max-width: 220px;
    height: 162px;
    margin: 0 0 -30px;
  }
  .certificate__details-image picture:first-child {
    max-width: 80px;
  }
  .certificate__details-list {
    margin-bottom: 18px;
  }
  .certificate__details-item {
    margin-top: 2px;
  }
}
.certificate-check-form {
  padding: 50px 50px 60px;
  background-color: var(--white);
  color: var(--black);
  border-radius: 30px;
}
.certificate-check-form form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 24px;
}
.certificate-check-form form .field {
  flex: 1 1 auto;
}
.certificate-check-form form .button {
  flex-shrink: 0;
  min-width: 162px;
}
.certificate-check-form__error-message {
  flex: 1 1 100%;
  color: var(--red);
}
.certificate-check-form__error-message:empty {
  display: none;
}
.certificate-check-form__status {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.certificate-check-form__status .button {
  margin-top: 24px;
}
.certificate-check-form__status-icon {
  flex-shrink: 0;
  width: 84px;
  height: 84px;
  margin-bottom: 24px;
}
.certificate-check-form__status-icon svg {
  width: 100%;
  height: 100%;
}
.certificate-check-form__status-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  margin-bottom: 8px;
}
.certificate-check-form__status-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  max-width: 570px;
  font-family: var(--font-stack-book);
  color: var(--black-70);
}
.certificate-check-form__status-text a {
  color: var(--accent);
  transition: opacity 0.2s ease;
}
.certificate-check-form__status-text a:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .certificate-check-form__status-text a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 1023px) {
  .certificate-check-form {
    padding: 40px;
  }
  .certificate-check-form form {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .certificate-check-form {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 30px 20px;
  }
  .certificate-check-form__status {
    margin-top: 30px;
  }
  .certificate-check-form form {
    flex-flow: column nowrap;
    margin-top: 14px;
    gap: 24px;
  }
  .certificate-check-form form .field,
  .certificate-check-form form .button {
    flex: auto;
  }
  .certificate-check-form__error-message {
    flex: auto;
    order: 1;
  }
}
.certificate-purchase-form {
  display: flex;
  flex-direction: column;
}
.certificate-purchase-form__fields {
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.certificate-purchase-form__counter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.certificate-purchase-form__counter .field__label {
  margin-bottom: 0;
}
.certificate-purchase-form__error-message {
  display: block;
  margin-top: 24px;
  color: var(--red);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.certificate-purchase-form__buttons {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  margin-top: 40px;
}
.certificate-purchase-form.is-hidden {
  display: none;
}
.certificate-purchase-form__status {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.certificate-purchase-form__status .button {
  margin-top: 24px;
}
.certificate-purchase-form__status-icon {
  flex-shrink: 0;
  width: 84px;
  height: 84px;
  margin-bottom: 24px;
}
.certificate-purchase-form__status-icon svg {
  width: 100%;
  height: 100%;
}
.certificate-purchase-form__status-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 18px;
}
.certificate-purchase-form__status-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  max-width: 570px;
  font-family: var(--font-stack-book);
  color: var(--black-70);
}
.certificate-purchase-form__status-text a {
  color: var(--accent);
  transition: opacity 0.2s ease;
}
.certificate-purchase-form__status-text a:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .certificate-purchase-form__status-text a:hover {
    opacity: 0.7;
  }
}
.certificate-purchase-form__submit {
  min-width: 224px;
}
.certificate-purchase-form__note {
  color: var(--black-60);
  font-family: var(--font-stack);
  font-weight: 300;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  font-family: var(--font-stack-book);
}

@media screen and (max-width: 1023px) {
  .certificate-purchase-form form {
    margin-top: 20px;
  }
  .certificate-purchase-form__buttons {
    justify-content: center;
    gap: 16px;
  }
  .certificate-purchase-form__submit.button {
    flex: 1;
    min-width: 0;
  }
}
/* stylelint-disable declaration-no-important */
.cart-page__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 52px;
}
.cart-page__form {
  flex: 0 1 900px;
  margin-right: clamp(32px, 5%, 60px);
}
.cart-page__list {
  flex: 0 1 450px;
  position: sticky;
  top: calc(var(--header-height, 104px) + 32px);
  min-width: 400px;
}
.cart-page__title {
  color: var(--white);
  display: inline-flex;
}
.cart-page__title-count {
  margin-left: 10px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  color: var(--white-50);
}
.cart-page__empty {
  margin-top: 100px;
  color: var(--white);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 400px;
  z-index: 1;
}
.cart-page__empty img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 1440px;
  height: 286px;
  object-fit: cover;
  object-position: center;
}
.cart-page__empty.is-hidden, .cart-page__body.is-hidden {
  display: none;
}
.cart-page__empty-title {
  margin-top: 32px;
}
.cart-page__empty-link {
  color: var(--white);
  margin-top: 32px;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.cart-page__empty-link:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .cart-page__empty-link:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1023px) {
  .cart-page__title-count {
    position: relative;
    top: -4px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
  .cart-page__body {
    flex-direction: column-reverse;
    margin-top: 40px;
  }
  .cart-page__form {
    flex: auto;
    width: 100%;
    margin-right: 0;
  }
  .cart-page__list {
    flex: auto;
    width: 100%;
    margin-bottom: 32px;
    position: unset;
    top: unset;
  }
  .cart-page__empty {
    margin: 100px -32px 0;
  }
}
@media screen and (max-width: 767px) {
  .cart-page__title-count {
    top: -8px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
  .cart-page__body {
    margin-top: 20px;
  }
  .cart-page__form, .cart-page__list {
    width: calc(100% + 40px);
    margin: 0 -20px;
    min-width: 0;
  }
  .cart-page__list {
    margin-bottom: 20px;
  }
  .cart-page__empty {
    margin: 80px -20px 0;
  }
}

.cart-form {
  display: flex;
  flex-direction: column;
  background: var(--white);
  padding: 44px 60px;
  border-radius: 30px;
}
.cart-form.is-hidden {
  display: none;
}
.cart-form form {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.cart-form__status {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: var(--white);
  padding: 44px 60px;
  border-radius: 30px;
}
.cart-form__status-icon {
  flex-shrink: 0;
  width: 84px;
  height: 84px;
  margin-bottom: 24px;
}
.cart-form__status-icon svg {
  width: 100%;
  height: 100%;
}
.cart-form__status-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 18px;
}
.cart-form__status-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  max-width: 570px;
  font-family: var(--font-stack-book);
  color: var(--black-70);
}
.cart-form__group {
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
}
.cart-form__group .cart-form__group,
.cart-form__group .field {
  flex: 1 1 100%;
}
.cart-form__group .cart-form__group_sm,
.cart-form__group .field_sm {
  flex: 1 1 calc(50% - 13px);
  min-width: 280px;
}
.cart-form__group.is-hidden {
  display: none;
}
.cart-form__group-title {
  margin-bottom: 26px;
  color: var(--black);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
}
.cart-form__error-message {
  color: var(--red);
  font-size: 15px;
  font-family: var(--font-stack-book);
  line-height: 23px;
}
.cart-form__error-message:empty {
  display: none;
}
.cart-form__radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.cart-form__radio-item {
  cursor: pointer;
}
.cart-form__radio-item input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.cart-form__radio-item input[type=radio]:checked + .cart-form__radio-btn {
  background: var(--accent);
  color: var(--white);
  border-color: var(--accent);
}
.cart-form__radio-item input[type=radio]:checked:disabled + .cart-form__radio-btn {
  background-color: var(--white-smoke);
  border-color: var(--white-smoke);
  color: var(--gray);
  cursor: not-allowed;
}
.cart-form__radio-item input[type=radio]:disabled + .cart-form__radio-btn {
  color: var(--gray);
  cursor: not-allowed;
}
.cart-form__radio-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  min-height: 52px;
  border: 1px solid var(--black-20);
  border-radius: 57px;
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  cursor: pointer;
}
.cart-form__radio-btn svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.cart-form__submit {
  margin-left: auto;
}
.cart-form__submit-btn {
  min-width: 198px;
}
.cart-form__promocode {
  position: relative;
}
.cart-form__promo-btn {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--accent);
  opacity: 0.5;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.cart-form__promo-btn:focus-visible {
  opacity: 1;
}
@media (hover: hover) {
  .cart-form__promo-btn:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 1023px) {
  .cart-form {
    padding: 44px 45px;
  }
  .cart-form__group-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    line-height: 32px;
  }
  .cart-form__submit {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 56px 42px 22px;
    /* stylelint-disable-next-line @stylistic/declaration-colon-newline-after */
    background-image: linear-gradient(180.87deg, rgba(20, 22, 29, 0) 0.75%, #151823 99.25%);
  }
  .cart-form__submit .button {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .cart-form {
    padding: 30px 20px;
  }
  .cart-form form {
    gap: 32px;
  }
  .cart-form__group-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
  .cart-form__radio-group {
    gap: 10px;
  }
  .cart-form__submit {
    padding: 56px 22px 22px;
  }
}
.cart-list {
  display: flex;
  flex-direction: column;
  color: var(--black);
  background: var(--white);
  border-radius: 30px;
}
.cart-list__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  color: var(--black);
}
.cart-list__paragraph {
  color: var(--black);
  font-weight: 400;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.cart-list__paragraph_color_gray {
  opacity: 0.5;
}
.cart-list__paragraph_color_blue {
  color: var(--accent);
}
.cart-list__paragraph_size_big {
  font-size: 32px;
  line-height: 42px;
}
.cart-list__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-list__body {
  display: flex;
  flex-direction: column;
  padding: 44px 45px;
  gap: 24px;
}
.cart-list__items {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.cart-list__footer {
  border-radius: 30px;
  padding: 40px 44px;
  background: var(--ghost-white);
}
.cart-list__footer > *:not(:last-child) {
  margin-bottom: 12px;
}

.cart-item {
  display: flex;
  justify-content: space-between;
}
.cart-item__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background: var(--ghost-white);
  border-radius: 33px;
  flex-shrink: 0;
  margin-right: 18px;
}
.cart-item__img img {
  width: 84px;
  height: 82px;
  object-fit: contain;
  object-position: center;
}
.cart-item__info {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.cart-item__btn-delete {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black-20);
  transition: color 0.2s ease;
  cursor: pointer;
}
.cart-item__btn-delete:focus-visible {
  color: var(--black-60);
}
@media (hover: hover) {
  .cart-item__btn-delete:hover {
    color: var(--black-60);
  }
}
.cart-item__btn-delete svg {
  width: 20px;
  height: 20px;
}
.cart-item__title {
  width: 88%;
  margin: 4px 0;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.cart-item__text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  color: var(--black-50);
}
.cart-item__counter-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cart-item__counter-field .field__label {
  margin: 0;
}

@media screen and (max-width: 1023px) {
  .cart-list__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    line-height: 32px;
  }
  .cart-list__price {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .cart-list__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
  .cart-list__price {
    font-size: 15px;
  }
  .cart-list__body {
    padding: 30px 20px;
  }
  .cart-list__body > *:not(:last-child) {
    margin-bottom: 20px;
  }
  .cart-list__paragraph_size_big {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
  .cart-list__footer {
    padding: 32px 20px;
  }
  .cart-list__footer > *:not(:last-child) {
    margin-bottom: 18px;
  }
  .cart-item__img {
    width: 84px;
    height: 84px;
    margin-right: 16px;
  }
  .cart-item__img img {
    width: 67px;
    height: 65px;
  }
}
@media screen and (max-width: 413px) {
  .cart-item__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
}
.about-title {
  padding-bottom: 67px;
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  overflow: hidden;
  position: relative;
}
.about-title__video, .about-title__background {
  width: 100%;
  height: 110vh;
  position: absolute;
  left: 0;
  top: -10vh;
  object-fit: cover;
  object-position: center;
  z-index: -1;
}
.about-title__background {
  background: linear-gradient(180deg, var(--default-black-00) 0%, var(--background-body) 96.75%);
}
.about-title__title {
  margin-bottom: 27px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 70px;
  line-height: 80px;
  z-index: 91;
}
.about-title__description {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 60px;
  width: 1063px;
  max-width: 100%;
  opacity: 0.7;
  z-index: 91;
}
.about-title__link {
  z-index: 91;
}
@media screen and (max-width: 1023px) {
  .about-title {
    min-height: 80vh;
    padding-bottom: 78px;
  }
  .about-title .about-title__title {
    margin-bottom: 18px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    line-height: 62px;
  }
  .about-title .about-title__description {
    margin-bottom: 44px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .about-title {
    min-height: 780px;
  }
  .about-title .about-title__link {
    width: 100%;
  }
  .about-title .about-title__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    line-height: 36px;
  }
  .about-title .about-title__description {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
  }
}

.about-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
  margin-bottom: 142px;
  z-index: 91;
  overflow: hidden;
}
.about-description__card {
  position: relative;
  top: 0;
  width: 100%;
  padding-top: 74px;
  padding-right: 0;
  box-sizing: border-box;
  min-height: 80vh;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.about-description__card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 137px;
  padding-right: 42px;
  color: var(--white);
}
.about-description__card-content ul > li > p,
.about-description__card-content > p {
  color: var(--light-grey);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
}
.about-description__card-content ul > li > p > span,
.about-description__card-content > p > span {
  background-color: var(--red-2);
  background-image: linear-gradient(-45deg, var(--orange-3) 0%, var(--red-2) 100%);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -moz-text-fill-color: transparent;
}
.about-description__card-content ul {
  max-width: 100%;
  list-style-type: none;
}
.about-description__card-content ul > li {
  position: relative;
  margin-bottom: 29px;
  padding-left: 29px;
}
.about-description__card-content ul > li p {
  max-width: 100%;
}
.about-description__card-content ul > li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 13px;
  height: 13px;
  background-image: url("/images/svg/bullet_white.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.about-description__card-content ul > li:last-of-type {
  margin-bottom: 0;
}
.about-description__card-subtitle {
  color: var(--blue-2) !important;
  opacity: 1;
  margin-bottom: 27px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
}
.about-description__card-title {
  margin-bottom: 27px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
}
.about-description__card-image {
  margin-top: 48px;
  height: 696px;
  object-fit: contain;
  object-position: center;
  width: 40%;
  flex-shrink: 0;
}
.about-description__link {
  margin-top: 67px;
}
@media screen and (max-width: 1023px) {
  .about-description {
    margin-bottom: 130px;
    height: auto !important;
  }
  .about-description .about-description__card {
    padding-top: 0;
    min-height: auto;
    margin-bottom: 104px;
    position: relative;
  }
  .about-description .about-description__card:nth-of-type(2n) {
    flex-direction: row-reverse;
    padding-left: 0;
  }
  .about-description .about-description__card:nth-of-type(2n) .about-description__card-content {
    margin-left: 26px;
    margin-right: 32px;
    width: calc(100% - 449px);
  }
  .about-description .about-description__card-content {
    width: calc(60% - 42px);
    margin-top: 26px;
  }
  .about-description .about-description__card-content ul > li > p,
  .about-description .about-description__card-content > p {
    width: 100%;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
  .about-description .about-description__card-content ul > li::after {
    top: 5px;
  }
  .about-description .about-description__card-title {
    width: 100%;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 26px;
  }
  .about-description .about-description__subtitle {
    width: 100%;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
  .about-description .about-description__link {
    margin-top: 26px;
  }
  .about-description .about-description__card-image {
    width: 50%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .about-description {
    margin-bottom: 13px;
  }
  .about-description > .container {
    top: auto;
    flex-direction: column;
  }
  .about-description .about-description__card {
    flex-direction: column-reverse !important;
    align-items: center;
    padding: 0 !important;
    margin-bottom: 65px;
  }
  .about-description .about-description__card:nth-of-type(2n) {
    padding-left: 0;
  }
  .about-description .about-description__card:nth-of-type(2n) .about-description__card-content {
    margin-left: 26px;
    margin-right: 32px;
    width: 100%;
    padding-right: 0;
  }
  .about-description .about-description__card-content {
    width: 100% !important;
    margin: 0 !important;
    padding-right: 0;
  }
  .about-description .about-description__card-content ul > li > p,
  .about-description .about-description__card-content > p {
    font-weight: 400;
    font-size: 19px;
  }
  .about-description .about-description__card-content ul > li::after {
    top: 3px;
  }
  .about-description .about-description__title {
    width: 100%;
    font-size: 26px;
    margin-bottom: 18px;
  }
  .about-description .about-description__subtitle {
    width: 100%;
    font-weight: 400;
    font-size: 19px;
  }
  .about-description .about-description__link {
    width: 100%;
  }
  .about-description .about-description__card-image {
    width: 407px;
    height: 407px;
    margin-bottom: 44px;
  }
}

.about-details .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 144px;
  z-index: 91;
}
.about-details__title {
  margin-bottom: 44px;
  color: var(--white);
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
}
.about-details__row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}
.about-details__row > img {
  height: 300px;
  width: auto;
  border-radius: 33px;
  object-position: center;
  object-fit: cover;
}
.about-details__row > img:first-of-type {
  width: 29.3vw;
}
.about-details__row > img:last-of-type {
  width: 21.4vw;
}
.about-details__row:first-of-type {
  margin-bottom: 31px;
}
.about-details__row:first-of-type > .about-details__text {
  width: 467px;
  max-width: 100%;
  margin-right: auto;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white);
}
.about-details__row:first-of-type > img {
  margin-left: 30px;
}
.about-details__row:last-of-type {
  align-items: flex-end;
}
.about-details__row:last-of-type > img {
  margin-right: 30px;
}
.about-details__row:last-of-type > .about-details__info {
  margin-left: 32px;
  width: 449px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.about-details__row:last-of-type > .about-details__info > .about-details__text {
  margin-bottom: 60px;
}
.about-details__mobile-row {
  display: none;
}
@media screen and (max-width: 1023px) {
  .about-details .container {
    margin-bottom: 130px;
  }
  .about-details .about-details__title {
    margin-bottom: 25px;
  }
  .about-details .about-details__row {
    flex-wrap: wrap;
  }
  .about-details .about-details__row > img {
    height: 213px;
    border-radius: 30px;
  }
  .about-details .about-details__row > img:first-of-type {
    width: 364px;
  }
  .about-details .about-details__row > img:last-of-type {
    width: 286px;
  }
  .about-details .about-details__row:first-of-type {
    justify-content: flex-end;
    margin-bottom: 29px;
  }
  .about-details .about-details__row:first-of-type > .about-details__text {
    width: 100%;
    margin-bottom: 53px;
    font-size: 20px;
  }
  .about-details .about-details__row:last-of-type > .about-details__info {
    width: 100%;
    margin-top: 36px;
    margin-left: 0;
  }
  .about-details .about-details__row:last-of-type > .about-details__info > .about-details__text {
    font-size: 20px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 767px) {
  .about-details .about-details__title {
    font-size: 36px;
    margin-bottom: 26px;
  }
  .about-details .about-details__link {
    width: 100%;
  }
  .about-details .about-details__row > img {
    display: none;
  }
  .about-details .about-details__row:first-of-type {
    margin-bottom: 42px;
  }
  .about-details .about-details__row:first-of-type > .about-details__text {
    margin-bottom: 0;
  }
  .about-details .about-details__row:last-of-type > .info {
    margin-top: 42px;
  }
  .about-details .about-details__row:last-of-type > .info > .about-details__text {
    margin-bottom: 31px;
  }
  .about-details .about-details__row:last-of-type > .info > .accent__button {
    width: 100%;
  }
  .about-details .about-details__mobile-row {
    width: 100vw;
    margin-left: -26px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    overflow-x: auto;
  }
  .about-details .about-details__mobile-row > img {
    object-position: center;
    border-radius: 39px;
    margin-right: 0;
    aspect-ratio: 312/237;
    object-fit: cover;
    height: auto;
    width: 83vw;
    flex-shrink: 0;
  }
  .about-details .about-details__mobile-row > img:first-of-type {
    margin-left: 26px;
  }
  .about-details .about-details__mobile-row > img:last-of-type {
    margin-right: 26px;
  }
  .about-details .about-details__mobile-row > img:nth-of-type(2n) {
    width: 245px;
    aspect-ratio: 245/237;
  }
}

.about-plane__content {
  overflow: hidden;
  background: linear-gradient(45deg, rgb(58, 152, 147) 0%, rgb(201, 162, 102) 100%);
  border-radius: 33px;
  padding: 78px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.about-plane__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
  max-width: 100%;
  width: 662px;
  margin-bottom: 20px;
  z-index: 10;
}
.about-plane__text {
  font-family: var(--font-stack);
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  width: 612px;
  margin-bottom: 89px;
  max-width: 100%;
  z-index: 10;
}
.about-plane__link {
  z-index: 10;
  background-color: var(--white);
  color: var(--green-2);
}
.about-plane__link:focus-visible {
  background-color: var(--white);
  color: var(--green-2);
}
@media (hover: hover) {
  .about-plane__link:hover {
    background-color: var(--white);
    color: var(--green-2);
  }
}
.about-plane__image {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 1023px) {
  .about-plane .about-plane__content {
    border-radius: 39px;
    padding: 52px 39px;
  }
  .about-plane .about-plane__title {
    width: 485px;
    font-size: 34px;
    line-height: 123%;
    margin-bottom: 22px;
  }
  .about-plane .about-plane__text {
    font-size: 19px;
    width: 470px;
    margin-bottom: 56px;
  }
  .about-plane .about-plane__image {
    height: 95%;
    right: -48px;
  }
}
@media screen and (max-width: 767px) {
  .about-plane .about-plane__content {
    border-radius: 39px;
    padding: 39px 26px;
  }
  .about-plane .about-plane__title {
    font-size: 26px;
    line-height: 140%;
    width: 100%;
    margin-bottom: 18px;
  }
  .about-plane .about-plane__text {
    font-size: 17px;
    width: 90%;
    margin-bottom: 128px;
    z-index: 10;
  }
  .about-plane .about-plane__link {
    width: 100%;
    z-index: 10;
  }
  .about-plane .about-plane__image {
    position: absolute;
    height: auto;
    width: 80%;
    right: -5%;
    bottom: 0;
  }
}

.about-facts .container {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: center;
  padding-top: 130px;
  margin-bottom: 67px;
  z-index: 91;
}
.about-facts__title {
  text-align: center;
  width: 100%;
  margin-bottom: 112px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
}
.about-facts__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 23%;
  color: var(--white);
  container-type: inline-size;
}
.about-facts__item-title {
  margin-bottom: 42px;
  font-size: clamp(32px, 16.91cqw, 70px);
  line-height: 114%;
}
.about-facts__item-title > span {
  font-size: 48px;
}
.about-facts__item-text {
  width: 80%;
  text-align: center;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
@media screen and (max-width: 1023px) {
  .about-facts .container {
    margin-bottom: 52px;
    justify-content: center;
  }
  .about-facts .about-facts__item {
    width: 40%;
    margin-bottom: 78px;
    margin-right: 72px;
  }
  .about-facts .about-facts__item:nth-of-type(2n) {
    margin-right: 0;
  }
  .about-facts .about-facts__item-title {
    font-size: clamp(42px, 20.37cqw, 78px);
    margin-bottom: 30px;
  }
  .about-facts .about-facts__item-title > span {
    font-size: 62px;
  }
  .about-facts .about-facts__item-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .about-facts .container {
    margin-bottom: 0;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .about-facts .about-facts__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 42px;
  }
  .about-facts .about-facts__item {
    width: 100%;
    margin-right: 0;
  }
  .about-facts .about-facts__item-title {
    font-size: 42px;
    margin-bottom: 13px;
  }
  .about-facts .about-facts__item-title > span {
    font-size: 42px;
  }
}

.about-marquee {
  width: 100%;
  margin-bottom: 186px;
  padding: 2px 0;
  overflow: hidden;
  position: relative;
  height: 58px;
  z-index: 91;
}
.about-marquee__track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: about-marquee-scroll 24s linear infinite;
}
.about-marquee__line {
  height: calc(100% - 4px);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px 0;
  white-space: nowrap;
  flex-shrink: 0;
}
.about-marquee__item {
  width: max-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 22px;
}
.about-marquee__item > img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  object-position: center;
  margin-right: 22px;
}
.about-marquee__item-text {
  white-space: nowrap;
  font-size: 22px;
}
.about-marquee::before, .about-marquee::after {
  content: "";
  background: linear-gradient(45deg, rgb(58, 152, 147) 0%, rgb(201, 162, 102) 100%);
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  width: 100%;
}
.about-marquee::after {
  bottom: 0;
  top: auto;
}
@media screen and (max-width: 1023px) {
  .about-marquee {
    margin-bottom: 130px;
    height: 68px;
  }
  .about-marquee .about-marquee__line {
    padding: 14px 0;
  }
  .about-marquee .about-marquee__item {
    margin-right: 26px;
  }
  .about-marquee .about-marquee__item > img {
    width: 38px;
    height: 38px;
    margin-right: 26px;
  }
  .about-marquee .about-marquee__item-text {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .about-marquee {
    margin-bottom: 78px;
  }
  .about-marquee .about-marquee__item-text {
    font-size: 20px;
  }
}

@keyframes about-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.about-awards {
  overflow: hidden;
}
.about-awards .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  margin-bottom: 150px;
  padding-bottom: 50px;
  z-index: 91;
}
.about-awards__title {
  margin-bottom: 60px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
}
.about-awards ul {
  list-style-type: none;
  width: 100%;
  max-width: calc(100% - 419px);
}
.about-awards ul > li {
  display: flex;
  flex-direction: column;
  padding-left: 27px;
  margin-bottom: 52px;
  position: relative;
}
.about-awards ul > li > h3 {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.44px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.about-awards ul > li > p {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  opacity: 0.6;
}
.about-awards ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  background-image: url("/images/about/bullet_yellow.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.about-awards ul > li:last-of-type {
  margin-bottom: 0;
}
.about-awards__image {
  position: absolute;
  right: 0;
  top: -20px;
  width: 469px;
  height: auto;
  object-fit: contain;
  object-position: center;
  z-index: -1;
}
@media screen and (max-width: 1023px) {
  .about-awards .container {
    margin-bottom: 0;
    padding-bottom: 100px;
  }
  .about-awards .about-awards__title {
    margin-bottom: 52px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    line-height: 54px;
  }
  .about-awards ul {
    max-width: 58.5%;
  }
  .about-awards ul > li {
    padding-left: 28px;
    margin-bottom: 32px;
  }
  .about-awards ul > li > h3 {
    margin-bottom: 10px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.36px;
  }
  .about-awards ul > li > h3 > img {
    width: 35px;
    height: 31px;
    margin-left: 16px;
  }
  .about-awards ul > li > p {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
  .about-awards ul > li::before {
    top: 5px;
    width: 10px;
    height: 10px;
  }
  .about-awards .about-awards__image {
    position: absolute;
    right: -23px;
    top: 74px;
    width: 42vw;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
}
@media screen and (max-width: 767px) {
  .about-awards .container {
    margin-bottom: 0;
    padding-bottom: 62px;
  }
  .about-awards .about-awards__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 20px;
  }
  .about-awards ul {
    max-width: 100%;
  }
  .about-awards ul > li {
    padding-left: 21px;
    margin-bottom: 16px;
  }
  .about-awards ul > li > h3 {
    font-family: var(--font-stack);
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 6px;
  }
  .about-awards ul > li > h3 > img {
    width: 35px;
    height: 31px;
    margin-left: 16px;
  }
  .about-awards ul > li > p {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
  .about-awards ul > li::before {
    top: 3px;
    width: 10px;
    height: 10px;
  }
  .about-awards ul > li:nth-of-type(2) > p {
    width: 85%;
  }
  .about-awards ul > li:last-of-type > h3 {
    width: 276px;
    align-items: flex-end;
  }
  .about-awards ul > li:last-of-type > h3 > img {
    width: 26px;
    height: 26px;
    margin-left: 0;
    top: unset;
    margin-top: 0;
    transform: translateX(-30px);
  }
  .about-awards .about-awards__image {
    right: -38px;
    top: auto;
    bottom: 28px;
    width: 180px;
  }
}

.about-media .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 118px;
  z-index: 91;
}
.about-media__title {
  margin-bottom: 44px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
}
.about-media__cards-wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.about-media__cards-wrapper .blog-card {
  width: 32%;
}
@media screen and (max-width: 1023px) {
  .about-media .container {
    margin-bottom: 99px;
  }
  .about-media .about-media__title {
    margin-bottom: 39px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    line-height: 54px;
  }
  .about-media .about-media__cards-wrapper .blog-card {
    width: 48%;
  }
  .about-media .about-media__cards-wrapper > article {
    display: none;
  }
  .about-media .about-media__cards-wrapper > article:nth-of-type(1), .about-media .about-media__cards-wrapper > article:nth-of-type(2) {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .about-media .container {
    margin-bottom: 47px;
  }
  .about-media .about-media__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 26px;
  }
  .about-media .about-media__cards-wrapper {
    flex-direction: column;
    gap: 24px;
  }
  .about-media .about-media__cards-wrapper .blog-card {
    width: 100%;
  }
}

.newbies {
  margin-top: -100px;
  overflow: hidden;
}
.newbies .container {
  padding-right: 0;
}
.newbies__top {
  width: 100%;
  height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}
.newbies__background {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: -200;
  left: 0;
  top: -20px;
}
.newbies__background::before {
  content: "";
  position: absolute;
  background: linear-gradient(89.74deg, var(--black) 60.35%, rgba(19, 21, 26, 0.64) 81.55%, rgba(19, 21, 26, 0) 99.8%);
  left: 0;
  top: 0;
  bottom: -20px;
  width: 65%;
}
.newbies__bg-row {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 27px;
  gap: 31px;
  z-index: -199;
  position: relative;
}
.newbies__bg-row:nth-child(1) {
  transform: translateX(176px);
}
.newbies__bg-row:nth-child(2) {
  transform: translateX(-20px);
}
.newbies__bg-row:nth-child(3) {
  transform: translateX(136px);
}
.newbies__bg-row picture {
  width: 378px;
  flex-shrink: 0;
  aspect-ratio: 378/277;
}
.newbies__bg-row img {
  margin-right: 31px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 33px;
}
.newbies__title {
  color: var(--white);
  margin-bottom: 24px;
  margin-right: 60px;
}
.newbies__description {
  color: var(--white);
  width: 688px;
  margin-bottom: 54px;
  opacity: 0.7;
  max-width: 100%;
  margin-right: 60px;
}
.newbies__buttons-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 1;
}
.newbies__buttons-container > .accent__button {
  margin-right: 19px;
}
.newbies__content {
  width: 100%;
  position: relative;
  padding-top: 90px;
}
.newbies__card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-right: -60px;
}
.newbies__card_wide-image .newbies__card-title {
  width: 100%;
  max-width: 84%;
}
.newbies__card-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 137px;
  margin-bottom: 137px;
  margin-right: -20%;
}
.newbies__card-image {
  align-self: center;
}
.newbies__card-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.newbies__card-description {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  width: 100%;
  max-width: 84%;
}
.newbies__card-description span {
  background-color: var(--red-2);
  background-image: linear-gradient(-45deg, var(--orange-3) 0%, var(--red-2) 100%);
  background-size: 100%;
  background-repeat: repeat;
  background-clip: text;
  color: transparent;
}
.newbies__card-title {
  color: var(--white);
  margin-bottom: 24px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
}
.newbies__card-sub-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  color: var(--blue-2);
  margin-bottom: 27px;
}
@media screen and (max-width: 1023px) {
  .newbies .newbies__card {
    margin-right: -32px;
  }
  .newbies .newbies__card:nth-child(even) {
    margin-right: 32px;
  }
  .newbies .newbies__card:nth-child(even) .newbies__card-info {
    order: 2;
    margin-right: 0;
  }
  .newbies .newbies__title {
    padding-right: 32px;
  }
  .newbies .newbies__description {
    padding-right: 32px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
  }
  .newbies .newbies__bg-row picture {
    width: 40vw;
  }
  .newbies .newbies__bg-row img {
    border-radius: 18px;
  }
  .newbies .newbies__card-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  .newbies .newbies__card-sub-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: var(--blue-2);
    margin-bottom: 20px;
  }
  .newbies .newbies__card-description {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
  }
  .newbies .newbies__card-info {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .newbies .newbies__content {
    padding-right: 16px;
  }
  .newbies .newbies__title {
    padding-right: 16px;
  }
  .newbies .newbies__description {
    padding-right: 16px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
  .newbies .newbies__card-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
    padding-right: 16px;
  }
  .newbies .newbies__card {
    margin-right: 0;
    display: flex;
    flex-direction: column;
  }
  .newbies .newbies__card .newbies__card-info {
    order: 1;
    margin-right: 0;
  }
  .newbies .newbies__card:nth-child(even) {
    margin-right: 0;
  }
  .newbies .newbies__card:nth-child(even) .newbies__card-info {
    order: 1;
    margin-right: 0;
  }
  .newbies .newbies__bg-row picture {
    width: 230px;
  }
  .newbies .newbies__card-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  .newbies .newbies__card-sub-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: var(--blue-2);
    margin-bottom: 20px;
  }
  .newbies .newbies__card-description {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    max-width: 100%;
  }
}

.not-found__inner {
  display: grid;
  grid-template-columns: 46.4% 53.6%;
}
.not-found__content-block {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: var(--white);
}
.not-found__image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.not-found__buttons {
  display: flex;
  gap: 16px;
}
.not-found__title {
  font-size: clamp(30px, 10cqw, 70px);
  line-height: 1.125;
  margin-bottom: 3cqw;
}
.not-found__subtitle {
  font-size: clamp(16px, 2.7cqw, 22px);
  line-height: 1.125;
  margin-bottom: 26px;
}
@media screen and (max-width: 1023px) {
  .not-found .not-found__title {
    font-size: 60px;
  }
  .not-found .not-found__inner {
    padding-top: 50px;
    display: flex;
    flex-direction: column;
  }
  .not-found .not-found__buttons {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .not-found .not-found__title {
    font-size: 32px;
  }
  .not-found .not-found__subtitle {
    font-size: 18px;
  }
  .not-found .not-found__buttons {
    flex-direction: column;
    width: 100%;
  }
}

/* stylelint-disable declaration-no-important */
.profile__inner {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  gap: 48px;
}
@media screen and (max-width: 1023px) {
  .profile__inner {
    display: flex;
    flex-direction: column-reverse;
  }
}
.profile__main {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
.profile__main > *:last-child {
  margin-bottom: 0;
}
.profile__block {
  margin-bottom: 80px;
}
.profile__page-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 70px;
  line-height: 80px;
  margin-bottom: 48px;
}
.profile__page-title:has(+ .profile__bookings-list-filter-wrap) {
  margin-bottom: 24px;
}
.profile__page-title-count {
  color: var(--white-40);
  margin-left: 24px;
}
.profile__block-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
  margin-bottom: 48px;
  color: var(--white);
}
.profile__summary-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.profile__quests-list--bookings {
  display: grid;
  gap: 48px 24px;
  grid-template-columns: repeat(3, 1fr);
}
.profile__quests-list--bookings [data-profile-booking-item].is-hidden {
  display: none;
}
.profile__show-more-button {
  margin-top: 48px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.profile__show-more-button.is-hidden {
  display: none;
}
.profile__quests-slider {
  position: relative;
  overflow: hidden;
  min-width: 0;
  width: calc(100% + 60px);
  margin-right: -60px;
  padding-right: 60px;
  margin-bottom: 80px;
}
.profile__quests-slider--upcoming {
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.profile__quests-slider-container {
  display: flex;
  gap: 24px;
}
.profile__quests-slider-container--upcoming {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.profile__quests-slider-container--upcoming .profile__quests-slider-entry {
  width: 100%;
}
.profile__quests-slider-entry {
  flex-shrink: 0;
  width: 326px;
  height: auto;
  display: flex;
}
.profile__quests-slider-button {
  position: absolute;
  top: 80px;
  left: -84px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 134px;
  height: 134px;
  padding: 20px;
  color: var(--white);
  background-color: var(--white-20);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(51, 66, 160, 0.3);
  cursor: pointer;
  backdrop-filter: blur(20px);
  transition: background-color 0.2s ease;
}
.profile__quests-slider-button:focus-visible {
  background-color: var(--accent);
}
@media (hover: hover) {
  .profile__quests-slider-button:hover {
    background-color: var(--accent);
  }
}
.profile__quests-slider-button_right {
  left: calc(100% - 50px);
  transform: rotate(180deg);
}
.profile__quests-slider-button.is-hidden {
  opacity: 0;
  cursor: default;
}
.profile__quests-slider-button svg {
  width: 16px;
  height: 16px;
}
.profile__btn-transparent {
  user-select: none;
  opacity: 0;
  border: none;
  border-radius: 0;
  position: absolute !important;
  width: 100%;
  height: 100%;
  max-width: none;
  z-index: 3;
}
.profile__bookings-list-filter-wrap {
  padding-bottom: 24px;
}
.profile__bookings-list-filter {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.profile__reviews {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.profile__reviews [data-profile-review-item].is-hidden {
  display: none;
}
.profile__settings-form {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.profile__settings-form-group-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
  color: var(--white);
  margin-bottom: 32px;
  line-height: 1.1;
}
.profile__settings-form-group-title--label {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  margin-bottom: 12px;
}
.profile__settings-fields {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.profile__settings-fields .select-field__trigger {
  background: transparent;
  border: 1px solid var(--white-20);
}
.profile__settings-fields .select-field__trigger_active {
  border-color: var(--accent-new);
}
.profile__settings-fields--grid-50-50 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.profile__settings-fields--radio {
  flex-direction: row;
}
.profile__settings-fields + .profile__settings-fields {
  margin-top: 24px;
}
.profile__settings-form-button {
  width: fit-content;
}
@media screen and (max-width: 1439px) {
  .profile__summary-cards {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .profile__quests-slider {
    margin-bottom: 80px;
  }
  .profile__quests-slider--upcoming {
    width: 100%;
    margin: 0 0 80px;
    padding: 0;
  }
  .profile__quests-slider-container--upcoming {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .profile__quests-slider-container--upcoming .profile__quests-slider-entry {
    width: 100%;
  }
  .profile__quests-list--bookings {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1023px) {
  .profile__block-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 32px;
  }
  .profile__quests-slider {
    width: calc(100% + 64px);
    margin-left: -32px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .profile__quests-slider--upcoming {
    width: calc(100% + 64px);
    margin-left: -32px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .profile__quests-slider--upcoming .profile__quests-slider-entry {
    width: 326px;
  }
  .profile__quests-slider-container--upcoming {
    display: flex;
    gap: 24px;
  }
  .profile__quests-slider-button {
    display: none;
  }
  .profile__show-more-button {
    margin-top: 32px;
    width: 100%;
    left: unset;
    transform: none;
  }
  .profile__bookings-list-filter-wrap {
    margin-bottom: 16px;
    padding-bottom: 16px;
    overflow-x: auto;
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .profile__bookings-list-filter {
    gap: 12px;
    flex-wrap: nowrap;
    margin: 0 20px;
    width: fit-content;
  }
  .profile__settings-fields--grid-50-50 {
    display: flex;
    flex-direction: column;
  }
  .profile__settings-fields--radio {
    gap: 16px;
  }
  .profile__settings-form-group-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    line-height: 22px;
    margin-bottom: 24px;
  }
  .profile__settings-form-group-title--label {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-bottom: 12px;
  }
  .profile__settings-form-button {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.1;
  }
}
@media screen and (max-width: 767px) {
  .profile__breadcrumbs {
    padding-bottom: 24px;
  }
  .profile__page-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 32px;
  }
  .profile__block-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
    line-height: 1.1;
    margin-bottom: 32px;
  }
  .profile__quests-slider-entry {
    width: 49vw;
  }
  .profile__summary-cards {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .profile__quests-list--bookings {
    gap: 32px 24px;
  }
  .profile__quests-list--upcoming {
    display: flex;
    gap: 16px;
  }
  .profile__quests-slider {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .profile__quests-slider--upcoming {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .profile__quests-slider-container {
    gap: 20px;
  }
  .profile__quests-slider-container--upcoming {
    gap: 16px;
  }
  .profile__quests-slider-container--upcoming .profile__quests-slider-entry {
    width: 49vw;
  }
}

.profile-user {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 16px;
  align-items: center;
}
.profile-user__avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
}
.profile-user__name-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.profile-user__name {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: var(--white);
}
.profile-user__grade {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.45px;
  color: var(--white-60);
}
.profile-user__edit-button {
  display: flex;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  background-color: var(--white-10);
  border: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.profile-user__edit-button svg {
  width: 20px;
  height: 20px;
  color: var(--white);
}
.profile-user__edit-button-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--white);
}
.profile-user--editable {
  grid-template-columns: 80px 1fr 56px;
  padding: 32px;
  background-color: var(--white-10);
  border-radius: 20px;
  gap: 24px;
  margin-bottom: 24px;
}
.profile-user--editable .profile-user__avatar {
  width: 80px;
  height: 80px;
}
.profile-user--editable .profile-user__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.profile-user--editable .profile-user__name-wrap {
  gap: 8px;
}
.profile-user--editable .profile-user__name {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
}
.profile-user--editable .profile-user__grade {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
}
@media screen and (max-width: 767px) {
  .profile-user--editable {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 24px;
    margin-bottom: 16px;
  }
  .profile-user--editable .profile-user__avatar {
    margin-bottom: 20px;
  }
  .profile-user--editable .profile-user__name-wrap {
    margin-bottom: 24px;
  }
  .profile-user--editable .profile-user__name {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
  }
  .profile-user--editable .profile-user__grade {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    text-align: center;
  }
  .profile-user--editable .profile-user__edit-button {
    width: 100%;
    height: auto;
    min-height: 40px;
    justify-content: center;
    gap: 8px;
  }
  .profile-user--editable .profile-user__edit-button-text {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    clip: auto;
    border: 0;
  }
}

.profile-summary-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 24px;
  gap: 24px;
  min-height: 124px;
  border-radius: 20px;
  background-color: var(--white-10);
  overflow: hidden;
}
.profile-summary-card__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: var(--white);
}
.profile-summary-card__icon {
  width: 32px;
  height: 32px;
  color: var(--accent-new);
  position: absolute;
  bottom: 24px;
  left: 24px;
}
.profile-summary-card__value {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  color: var(--white);
  display: flex;
  justify-content: flex-end;
  padding-left: 32px;
}
@media screen and (max-width: 767px) {
  .profile-summary-card {
    padding: 16px;
    min-height: auto;
    gap: 24px;
  }
  .profile-summary-card__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
  .profile-summary-card__icon {
    width: 24px;
    height: 24px;
    bottom: 16px;
    left: 16px;
  }
  .profile-summary-card__value {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.44px;
  }
}

.profile-sidebar__wrap {
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--white-10);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.profile-sidebar__menu {
  display: flex;
  flex-direction: column;
}
.profile-sidebar__menu-item {
  display: flex;
  align-items: center;
  width: 100%;
}
.profile-sidebar__menu-item:last-child {
  margin-top: 24px;
  position: relative;
}
.profile-sidebar__menu-item:last-child::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--white-20);
}
.profile-sidebar__menu-link {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 15px 16px;
  color: var(--white-60);
  min-height: 52px;
  border-radius: 8px;
  background-color: var(--transparent);
  transition: background-color 0.2s ease;
}
.profile-sidebar__menu-link_button {
  border: none;
  cursor: pointer;
  text-align: left;
  font: inherit;
}
.profile-sidebar__menu-link.is-active {
  background-color: var(--white-10);
}
.profile-sidebar__menu-link.is-active .profile-sidebar__menu-icon,
.profile-sidebar__menu-link.is-active .profile-sidebar__menu-text {
  color: var(--white);
}
.profile-sidebar__menu-link:focus-visible .profile-sidebar__menu-icon,
.profile-sidebar__menu-link:focus-visible .profile-sidebar__menu-text {
  color: var(--white);
}
@media (hover: hover) {
  .profile-sidebar__menu-link:hover .profile-sidebar__menu-icon,
  .profile-sidebar__menu-link:hover .profile-sidebar__menu-text {
    color: var(--white);
  }
}
.profile-sidebar__menu-icon {
  width: 20px;
  height: 20px;
  color: var(--white-60);
  transition: color 0.2s ease;
}
.profile-sidebar__menu-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white-60);
  transition: color 0.2s ease;
}

.profile-plate {
  background: var(--gradient-3);
  display: grid;
  grid-template-columns: 1fr 33.5%;
  position: relative;
  border-radius: 30px;
}
.profile-plate__image-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.profile-plate__image-wrap img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 50%;
  transform: translateY(50%);
}
.profile-plate__text-wrap {
  padding: 32px;
}
.profile-plate__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
  color: var(--white);
  margin-bottom: 16px;
}
.profile-plate__link::before {
  content: "";
  inset: 0;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
.profile-plate__description {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.45px;
  color: var(--white);
}
.profile-plate__bottom-text {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.45px;
  color: var(--white-60);
  margin-top: 32px;
}
.profile-plate__bottom-cta {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white);
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .profile-plate {
    display: flex;
    flex-direction: column;
  }
  .profile-plate__image-wrap {
    width: calc(100% - 41px);
    height: auto;
    aspect-ratio: 1/1;
    position: relative;
    align-self: center;
  }
  .profile-plate__image-wrap img {
    width: 100%;
    height: 100%;
    position: relative;
    bottom: 0;
    transform: none;
  }
  .profile-plate__text-wrap {
    padding: 24px 24px 0;
  }
  .profile-plate__bottom-text {
    font-family: var(--font-stack-book);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.45px;
    margin-top: 24px;
  }
  .profile-plate__bottom-cta {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    margin-top: 24px;
  }
  .profile-plate__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .profile-plate__description {
    font-family: var(--font-stack-book);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
}
.profile-plate--present {
  background: var(--gradient-2);
}

.profile-modal__header {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background: var(--bg-blue-10);
  padding: 20px;
  border-radius: 30px 30px 0 0;
  gap: 20px;
}
.profile-modal__title {
  display: none;
}
.profile-modal__quest-image {
  width: 80px;
  height: 80px;
  border-radius: 16px;
  flex-shrink: 0;
  overflow: hidden;
}
.profile-modal__quest-image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.profile-modal__quest-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
.profile-modal__quest-name {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.44px;
  color: var(--black);
}
.profile-modal__quest-options {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  color: var(--black-60);
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.profile-modal__quest-option-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.profile-modal__quest-option-item:has(span:empty) {
  display: none;
}
.profile-modal__quest-option-item [data-quest-metro-color] {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-modal__quest-option-item [data-quest-metro-color] svg {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}
.profile-modal__date-time {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.45px;
  color: var(--black);
}
.profile-modal__details-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 32px;
  position: relative;
}
.profile-modal__details-wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--black-15);
}
.profile-modal__block-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.36px;
  color: var(--black);
}
.profile-modal__block-title--contacts {
  margin-bottom: 16px;
}
.profile-modal__block-title--share {
  margin-bottom: 16px;
}
.profile-modal__details-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.profile-modal__details-item {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 8px;
}
.profile-modal__details-item--status .profile-modal__details-item-value-icon > svg:first-child {
  display: none;
}
.profile-modal__details-item--status .profile-modal__details-item-value-icon > svg:last-child {
  display: block;
}
.profile-modal__details-item--status .profile-modal__details-item-value > span:first-child {
  display: none;
}
.profile-modal__details-item--status .profile-modal__details-item-value > span:last-child {
  display: inline;
}
.profile-modal__details-item-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--black-60);
  grid-column: 1/3;
}
.profile-modal__details-item-value-icon {
  display: flex;
  width: 20px;
  height: 20px;
  color: var(--accent-new);
}
.profile-modal__details-item-value-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.profile-modal__details-item-value {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20.8px;
  letter-spacing: -0.48px;
  color: var(--black);
}
.profile-modal__contacts-wrap {
  padding: 24px 32px;
}
.profile-modal__contacts-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--black);
  opacity: 0.6;
}
.profile-modal__contacts-phone {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20.8px;
  letter-spacing: -0.48px;
  color: var(--black);
}
.profile-modal__contacts-address {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--black);
  font-style: normal;
}
.profile-modal__contacts-address [data-quest-address-metro-color] {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.profile-modal__contacts-address [data-quest-address-metro-color] svg {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}
.profile-modal__contacts-address [data-quest-address-metro]::after {
  content: ",";
}
.profile-modal__contacts-address [data-quest-address-metro]:empty {
  display: none;
}
.profile-modal__contacts-address-metro-wrap {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.profile-modal__contacts-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.profile-modal__contacts-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.profile-modal__contacts-description {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.28px;
  color: var(--black-60);
}
.profile-modal__share-wrap {
  padding: 24px 32px;
  position: relative;
}
.profile-modal__share-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--black-15);
}
.profile-modal__share-wrap:has(.profile-modal__share-list:empty) {
  display: none;
}
.profile-modal__share-wrap.is-hidden {
  display: none;
}
.profile-modal__share-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.profile-modal__share-item {
  width: 28px;
  height: 28px;
}
.profile-modal__share-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.profile-modal__share-item svg {
  width: 100%;
  height: 100%;
  color: var(--accent-new);
}
.profile-modal__buttons-wrap {
  padding: 16px 32px 24px;
  border-top: 1px solid var(--black-15);
}
.profile-modal__button {
  width: 100%;
}
.profile-modal__rating-form {
  padding: 24px 32px;
}
.profile-modal__rating-fields-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  padding: 0 0 24px;
  position: relative;
}
.profile-modal__rating-fields-wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: calc(100% + 64px);
  left: -32px;
  height: 1px;
  background-color: var(--black-15);
}
.profile-modal__rating-fields-wrap:has(.profile-modal__rating-fieldset:empty) {
  display: none;
}
.profile-modal__rating-legend {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  margin: 0 0 8px;
  color: var(--black);
  display: block;
}
.profile-modal__rating-fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.profile-modal__rating-group {
  position: relative;
  width: 120px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg opacity='1'%3E%3Cpath d='M14.5488 8.7627L14.7764 9.17871L15.2432 9.2666L20.4746 10.2461L16.8184 14.1143L16.4922 14.46L16.5527 14.9307L17.2373 20.209L12.4287 17.9268L12 17.7227L11.5713 17.9268L6.76172 20.209L7.44727 14.9307L7.50781 14.46L7.18164 14.1143L3.52441 10.2461L8.75684 9.2666L9.22363 9.17871L9.45117 8.7627L12 4.08789L14.5488 8.7627Z' fill='%23E7E8E8' stroke='%23E7E8E8' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-repeat: repeat-x;
}
.profile-modal__rating-star {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: repeat-x;
  cursor: pointer;
}
.profile-modal__rating-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.profile-modal__rating-star:hover, .profile-modal__rating-input:checked + .profile-modal__rating-star {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.5488 8.7627L14.7764 9.17871L15.2432 9.2666L20.4746 10.2461L16.8184 14.1143L16.4922 14.46L16.5527 14.9307L17.2373 20.209L12.4287 17.9268L12 17.7227L11.5713 17.9268L6.76172 20.209L7.44727 14.9307L7.50781 14.46L7.18164 14.1143L3.52441 10.2461L8.75684 9.2666L9.22363 9.17871L9.45117 8.7627L12 4.08789L14.5488 8.7627Z' fill='%23F8CE4C' stroke='%23F8CE4C' stroke-width='2'/%3E%3C/svg%3E");
}
.profile-modal__rating-star:hover ~ .profile-modal__rating-star {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg opacity='1'%3E%3Cpath d='M14.5488 8.7627L14.7764 9.17871L15.2432 9.2666L20.4746 10.2461L16.8184 14.1143L16.4922 14.46L16.5527 14.9307L17.2373 20.209L12.4287 17.9268L12 17.7227L11.5713 17.9268L6.76172 20.209L7.44727 14.9307L7.50781 14.46L7.18164 14.1143L3.52441 10.2461L8.75684 9.2666L9.22363 9.17871L9.45117 8.7627L12 4.08789L14.5488 8.7627Z' fill='%23E7E8E8' stroke='%23E7E8E8' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
.profile-modal__rating-star:nth-of-type(1) {
  z-index: 5;
  width: 24px;
}
.profile-modal__rating-star:nth-of-type(2) {
  z-index: 4;
  width: 48px;
}
.profile-modal__rating-star:nth-of-type(3) {
  z-index: 3;
  width: 72px;
}
.profile-modal__rating-star:nth-of-type(4) {
  z-index: 2;
  width: 96px;
}
.profile-modal__rating-star:nth-of-type(5) {
  z-index: 1;
  width: 120px;
}
.profile-modal__textarea-wrap {
  padding: 24px 0;
  position: relative;
}
.profile-modal__textarea-wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -32px;
  width: calc(100% + 64px);
  height: 1px;
  background-color: var(--black-15);
}
.profile-modal__text-area {
  height: 128px;
}
.profile-modal__text-area textarea.main__input {
  min-height: 88px;
}
.profile-modal__submit-button {
  width: 100%;
  margin: 16px 0 0;
}
.profile-modal__result-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
}
.profile-modal__result-icon {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-modal__result-icon--success {
  background: var(--bg-success-green-20);
}
.profile-modal__result-icon--success svg {
  color: var(--main-green-success);
}
.profile-modal__result-icon svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.profile-modal__result-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.44px;
  color: var(--black);
  text-align: center;
  margin: 0 0 12px;
}
.profile-modal__result-text {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.45px;
  color: var(--black-60);
  text-align: center;
  margin: 0 0 32px;
}
.profile-modal .modal__header,
.profile-modal .modal__body {
  padding: 0;
}
.profile-modal.is-coming .profile-modal__title span:first-child {
  display: inline;
}
.profile-modal.is-coming .profile-modal__title span:last-child {
  display: none;
}
.profile-modal.is-coming .profile-modal__details-item--status .profile-modal__details-item-value-icon > svg:first-child {
  display: block;
}
.profile-modal.is-coming .profile-modal__details-item--status .profile-modal__details-item-value-icon > svg:last-child {
  display: none;
}
.profile-modal.is-coming .profile-modal__details-item--status .profile-modal__details-item-value > span:first-child {
  display: inline;
}
.profile-modal.is-coming .profile-modal__details-item--status .profile-modal__details-item-value > span:last-child {
  display: none;
}
@media screen and (max-width: 1023px) {
  .profile-modal__header {
    padding: 24px 20px;
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 16px 10px;
    border-radius: 20px 20px 0 0;
  }
  .profile-modal__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
    grid-column: span 2;
    display: block;
    color: var(--black);
    padding-right: 36px;
    letter-spacing: -0.4px;
  }
  .profile-modal__quest-image {
    width: 64px;
    height: 64px;
  }
  .profile-modal__quest-info {
    gap: 0;
  }
  .profile-modal__quest-options {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
  .profile-modal__quest-options::before {
    top: 1px;
    left: 5px;
  }
  .profile-modal__quest-name {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    margin-bottom: 4px;
  }
  .profile-modal__details-wrap {
    padding: 24px 16px;
  }
  .profile-modal__details-list {
    display: flex;
    flex-direction: column;
  }
  .profile-modal__date-time {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    line-height: 1.2;
  }
  .profile-modal__contacts-wrap {
    padding: 24px 16px;
  }
  .profile-modal__share-wrap {
    padding: 24px 16px;
  }
  .profile-modal__contacts-description {
    font-family: var(--font-stack-book);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: -0.48px;
  }
  .profile-modal__rating-form {
    padding: 24px 20px;
  }
  .profile-modal__rating-fields-wrap {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .profile-modal__rating-fields-wrap::before {
    left: -20px;
    width: calc(100% + 40px);
  }
  .profile-modal__textarea-wrap::before {
    left: -20px;
    width: calc(100% + 40px);
  }
  .profile-modal__text-area {
    height: 170px;
  }
  .profile-modal__text-area textarea.main__input {
    min-height: 129px;
  }
  .profile-modal__text-area .field__wrapper {
    height: 100%;
  }
  .profile-modal__result-wrap {
    padding: 64px 20px 32px;
  }
  .profile-modal__result-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
  .profile-modal__result-text {
    font-family: var(--font-stack-book);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    margin: 0 0 24px;
  }
  .profile-modal__buttons {
    width: 100%;
  }
  .profile-modal__buttons .button {
    width: 100%;
  }
  .profile-modal .modal__close {
    background-color: transparent;
    width: 24px;
    height: 24px;
    opacity: 0.4;
    top: 16px;
    right: 20px;
  }
  .profile-modal .modal__close svg {
    width: 19px;
    height: 19px;
  }
}

.profile-confirm-modal__content {
  padding: 32px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.profile-confirm-modal__icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--gray-02);
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-confirm-modal__icon svg {
  width: 24px;
  height: 24px;
  color: var(--red);
}
.profile-confirm-modal__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 26.4px;
  margin-bottom: 12px;
  color: var(--black);
  text-align: center;
}
.profile-confirm-modal__text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  margin-bottom: 32px;
  color: var(--black-60);
  text-align: center;
}
.profile-confirm-modal__buttons {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 1023px) {
  .profile-confirm-modal__content {
    padding: 24px 16px 32px;
  }
  .profile-confirm-modal__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
  .profile-confirm-modal__text {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .profile-confirm-modal__buttons {
    flex-direction: column;
    width: 100%;
  }
  .profile-confirm-modal__button {
    width: 100%;
  }
}

.profile-review {
  border-radius: 30px;
  background-color: var(--white-10);
  padding: 32px;
}
.profile-review__top {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 16px;
  margin-bottom: 24px;
  position: relative;
}
.profile-review__edit-button {
  position: absolute;
  right: 0;
  top: 0;
}
.profile-review__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.profile-review__info:has(.profile-review__edit-button) {
  padding-right: 46px;
}
.profile-review__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 26.4px;
  color: var(--white);
  line-height: 1.1;
}
.profile-review__image {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  overflow: hidden;
}
.profile-review__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-review__rating-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.profile-review__rating {
  display: flex;
  align-items: center;
  width: fit-content;
  height: 16px;
}
.profile-review__date {
  font-family: var(--font-stack-book);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20.8px;
  letter-spacing: -0.48px;
  color: var(--white-60);
  line-height: 1.3;
  white-space: nowrap;
}
.profile-review__star {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: flex;
}
.profile-review__star--filled {
  color: var(--yellow-2);
}
.profile-review__star--empty {
  color: var(--light-grey-2);
}
.profile-review__description {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--white);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.profile-review__description.is-expanded {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
}
.profile-review__show-button {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: var(--accent-new);
  line-height: 1.1;
  text-align: left;
  width: fit-content;
  margin-top: 12px;
  display: none;
  align-items: center;
}
.profile-review__show-button.is-visible {
  display: inline-flex;
}
.profile-review__show-button.is-hidden {
  display: none;
}
@media screen and (max-width: 767px) {
  .profile-review {
    padding: 24px;
  }
  .profile-review__top {
    gap: 12px;
  }
  .profile-review__star {
    width: 16px;
    height: 16px;
  }
  .profile-review__info {
    gap: 8px;
  }
  .profile-review__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
  }
  .profile-review__date {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.2;
  }
  .profile-review__image {
    width: 48px;
    height: 48px;
  }
  .profile-review__description {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .profile-review__show-button {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.1;
  }
}

.profile-settings__form {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.profile-settings__form-group-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
  color: var(--white);
  margin-bottom: 32px;
  line-height: 1.1;
}
.profile-settings__form-group-title--label {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02em;
  margin-bottom: 12px;
}
.profile-settings__fields {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.profile-settings__fields .select-field__trigger {
  background: transparent;
  border: 1px solid var(--white-20);
}
.profile-settings__fields .select-field__trigger_active {
  border-color: var(--accent-new);
}
.profile-settings__fields--grid-50-50 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.profile-settings__fields--radio {
  flex-direction: row;
}
.profile-settings__fields + .profile-settings__fields {
  margin-top: 24px;
}
.profile-settings__form-button {
  width: fit-content;
}
@media screen and (max-width: 1023px) {
  .profile-settings__fields--grid-50-50 {
    display: flex;
    flex-direction: column;
  }
  .profile-settings__fields--radio {
    gap: 16px;
  }
  .profile-settings__form-group-title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    line-height: 22px;
    margin-bottom: 24px;
  }
  .profile-settings__form-group-title--label {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin-bottom: 12px;
  }
  .profile-settings__form-button {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.02em;
    line-height: 1.1;
  }
}

.lk__inner {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  gap: 48px;
}
@media screen and (max-width: 1023px) {
  .lk__inner {
    display: flex;
    flex-direction: column-reverse;
  }
}
.lk__main {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
.lk__page-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 70px;
  line-height: 80px;
  margin-bottom: 32px;
}
.lk__page-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}
.lk__page-title-row .lk__page-title {
  margin-bottom: 0;
}
.lk__empty {
  color: var(--white-40);
}
.lk__note {
  margin-top: 24px;
  color: var(--white-60);
}

.lk-flash {
  margin-bottom: 24px;
}
.lk-flash_notice {
  color: var(--green);
}
.lk-flash_alert {
  color: var(--red);
}

.lk-sidebar__wrap {
  border-radius: 20px;
  overflow: hidden;
  background-color: var(--white-10);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.lk-sidebar__partner-name {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white);
}
.lk-sidebar__partner-balance {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white-60);
  margin-top: 4px;
}
.lk-sidebar__admin-mode {
  padding: 12px 16px;
  border: 1px solid var(--accent);
  border-radius: 8px;
  background-color: rgba(var(--accent-rgb), 0.12);
}
.lk-sidebar__admin-mode-title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white);
}
.lk-sidebar__admin-mode-user {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  margin-top: 4px;
  color: var(--white-60);
  overflow-wrap: anywhere;
}
.lk-sidebar__menu {
  display: flex;
  flex-direction: column;
}
.lk-sidebar__menu-item {
  display: flex;
  align-items: center;
  width: 100%;
}
.lk-sidebar__menu-link {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 15px 16px;
  color: var(--white-60);
  min-height: 52px;
  border-radius: 8px;
  background-color: var(--transparent);
  transition: background-color 0.2s ease;
}
.lk-sidebar__menu-link_button {
  border: none;
  cursor: pointer;
  text-align: left;
}
.lk-sidebar__menu-link.is-active {
  background-color: var(--white-10);
}
.lk-sidebar__menu-link.is-active .lk-sidebar__menu-icon,
.lk-sidebar__menu-link.is-active .lk-sidebar__menu-text {
  color: var(--white);
}
.lk-sidebar__menu-link:focus-visible .lk-sidebar__menu-icon,
.lk-sidebar__menu-link:focus-visible .lk-sidebar__menu-text {
  color: var(--white);
}
@media (hover: hover) {
  .lk-sidebar__menu-link:hover .lk-sidebar__menu-icon,
  .lk-sidebar__menu-link:hover .lk-sidebar__menu-text {
    color: var(--white);
  }
}
.lk-sidebar__menu-icon {
  width: 20px;
  height: 20px;
  color: var(--white-60);
  transition: color 0.2s ease;
}
.lk-sidebar__menu-text {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white-60);
  transition: color 0.2s ease;
}

.lk-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 16px;
  margin-bottom: 32px;
  padding: 20px;
  border-radius: 20px;
  background-color: var(--white-05);
}
.lk-filters__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.lk-filters__field_checkbox {
  flex-direction: row;
  align-items: center;
}
.lk-filters__label {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white-60);
}
.lk-filters__select, .lk-filters__input {
  height: 44px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid var(--white-20);
  background-color: var(--transparent);
  color: var(--white);
}
.lk-filters__checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--white-60);
}

.lk-table-wrap {
  overflow-x: auto;
  border-radius: 20px;
  background-color: var(--white-05);
}

.lk-table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
.lk-table th,
.lk-table td {
  padding: 16px 20px;
  text-align: left;
  border-bottom: 1px solid var(--white-10);
}
.lk-table th {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white-40);
  font-weight: 400;
}
.lk-table td {
  color: var(--white);
}
.lk-table__link {
  color: var(--accent);
}
.lk-table__amount_positive {
  color: var(--green);
}
.lk-table__amount_negative {
  color: var(--red);
}

.lk-table-wrap + .pagination {
  margin-top: 32px;
}

.lk-inline-select {
  height: 36px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid var(--white-20);
  background-color: var(--transparent);
  color: var(--white);
}
.lk-inline-select:disabled {
  opacity: 0.6;
}

.lk-inline-status {
  display: block;
  margin-top: 4px;
  color: var(--white-40);
  font-size: 12px;
}

.lk-card {
  padding: 24px;
  border-radius: 20px;
  background-color: var(--white-05);
  margin-bottom: 32px;
}
.lk-card__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lk-card__row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.lk-card__row dt {
  color: var(--white-40);
}
.lk-card__row dd {
  color: var(--white);
  text-align: right;
}
.lk-card_balance {
  display: flex;
  gap: 48px;
}
.lk-card_balance .lk-card__row {
  flex-direction: column;
  gap: 4px;
}

.lk-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 480px;
}
.lk-form__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lk-form__field_checkbox {
  flex-direction: row;
  align-items: flex-start;
}
.lk-form__errors {
  color: var(--red);
}
.lk-form__checkbox-label, .lk-form__radio-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--white-60);
}
.lk-form__label {
  color: var(--white-60);
}
.lk-form select,
.lk-form input[type=text],
.lk-form input[type=email],
.lk-form input[type=password],
.lk-form input[type=number],
.lk-form textarea {
  height: 44px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid var(--white-20);
  background-color: var(--transparent);
  color: var(--white);
}
.lk-form textarea {
  height: auto;
  padding: 12px;
  min-height: 100px;
}

.lk-offer-text {
  color: var(--white-70);
  max-width: 720px;
}
.lk-offer-text p {
  margin-bottom: 16px;
}

.lk-login {
  max-width: 400px;
  margin: 80px auto;
}
.lk-login__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
  margin-bottom: 32px;
}

.blog__main-post {
  margin-bottom: 80px;
}
.blog__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 24px;
}
.blog__reset-button, .blog__filters-button {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 15px;
  min-height: 52px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  font-family: var(--font-stack-book);
  border: 1px solid var(--white-20);
  border-radius: 57px;
  background: none;
  color: var(--white);
  transition: border-color 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
}
.blog__reset-button.is-active, .blog__filters-button.is-active {
  background-color: var(--accent);
  border-color: var(--accent);
}
.blog__reset-button {
  display: none;
  background-color: var(--red);
  color: var(--white);
}
.blog__reset-button.is-shown {
  display: flex;
}
.blog__reset-button:focus-visible {
  background-color: var(--red-accent);
}
@media (hover: hover) {
  .blog__reset-button:hover {
    background-color: var(--red-accent);
  }
}
.blog__reset-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--white);
}
.blog__reset-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.blog__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 56px 28px;
  margin-top: 40px;
}

@media screen and (max-width: 1239px) {
  .blog__wrapper {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
@media screen and (max-width: 1023px) {
  .blog__wrapper {
    margin-top: 32px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
  .blog__filters {
    margin: 24px -32px -8px;
    padding: 0 32px 8px;
    scroll-padding: 0 32px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .blog__reset-button, .blog__filters-button {
    scroll-snap-align: start;
  }
  .blog__reset-button {
    order: -1;
  }
}
@media screen and (max-width: 767px) {
  .blog__main-post {
    margin-bottom: 60px;
  }
  .blog__filters {
    margin: 20px -20px -8px;
    padding: 0 20px 8px;
    scroll-padding: 0 20px;
    gap: 8px;
  }
  .blog__reset-button, .blog__filters-button {
    padding: 11px 15px;
    min-height: 42px;
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
  .blog__reset-icon {
    width: 18px;
    height: 18px;
  }
  .blog__wrapper {
    margin-top: 30px;
  }
}
.blog-article__title {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 48px;
  line-height: 54px;
}
.blog-article__body {
  display: grid;
  grid-auto-flow: row;
  gap: 0 40px;
  grid-template-columns: 1fr 280px;
  justify-content: space-between;
  margin-top: 195px;
}
.blog-article__main {
  grid-column: 1/2;
  max-width: 758px;
}
.blog-article__aside {
  position: sticky;
  top: calc(var(--header-height, 104px) + 24px);
  grid-column: 2/3;
  align-self: start;
}
.blog-article__aside:empty {
  display: none;
}
.blog-article__stats {
  margin-top: 18px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white-60);
}
.blog-article__author {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.blog-article__author-text {
  font-weight: 400;
  color: var(--white-60);
}
.blog-article__author-link {
  color: inherit;
  font: inherit;
  transition: color 0.2s ease;
}
.blog-article__author-link:focus-visible {
  color: var(--white-60);
}
@media (hover: hover) {
  .blog-article__author-link:hover {
    color: var(--white-60);
  }
}
.blog-article__disclaimer {
  display: block;
  margin-top: 5px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.26px;
  color: var(--white-60);
}
.blog-article__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 40px;
}
.blog-article .wysiwyg h2 {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 28px;
  margin: 40px 0 20px;
}
.blog-article .wysiwyg h3 {
  font-family: var(--font-stack);
  font-weight: 500;
  font-style: normal;
  font-size: 19px;
  line-height: 26px;
  margin: 32px 0 16px;
}
.blog-article .wysiwyg h4,
.blog-article .wysiwyg h5,
.blog-article .wysiwyg h6 {
  font-family: var(--font-stack);
  font-weight: 500;
  font-style: normal;
  font-size: 17px;
  line-height: 24px;
  margin: 28px 0 12px;
}

@media screen and (max-width: 1239px) {
  .blog-article__body {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .blog-article__main {
    grid-column: 1/2;
    max-width: 100%;
  }
  .blog-article__aside {
    position: static;
    grid-column: auto;
    margin-top: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .blog-article__body {
    margin-top: 150px;
  }
  .blog-article__grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 22px;
    margin-top: 30px;
  }
  .blog-article__grid .blog-card:nth-child(n+3) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .blog-article__title {
    font-family: var(--font-stack);
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    line-height: 36px;
  }
  .blog-article .wysiwyg h2 {
    font-size: 20px;
    line-height: 28px;
    margin: 32px 0 16px;
  }
  .blog-article__body {
    margin-top: 160px;
  }
  .blog-article__aside {
    margin-top: 40px;
  }
  .blog-article__stats {
    margin-top: 14px;
  }
  .blog-article__author {
    margin-top: 14px;
    flex-flow: column nowrap;
    align-items: flex-start;
    gap: 5px;
  }
  .blog-article__disclaimer {
    margin-top: 10px;
  }
  .blog-article__grid {
    gap: 20px;
    margin-top: 20px;
  }
}
.categories-page__hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.categories-page__description {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white-60);
  margin-top: 40px;
  max-width: 900px;
}
.categories-page__content {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.categories-page__content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.categories-page__content-header.is-hidden {
  display: none;
}
.categories-page__search-container {
  position: relative;
  width: 100%;
  max-width: 420px;
}
.categories-page__search-input {
  width: 100%;
  height: 56px;
  padding: 0 16px;
  color: var(--white);
  font-size: 16px;
  line-height: 1;
  background: transparent;
  border: 1px solid var(--white-20);
  border-radius: 10px;
  outline: none;
  transition: border-color 0.2s ease;
}
.categories-page__search-input::placeholder {
  color: var(--white-50);
}
.categories-page__search-input:focus-visible {
  border-color: var(--white-60);
}
@media (hover: hover) {
  .categories-page__search-input:hover {
    border-color: var(--white-60);
  }
}
.categories-page__search-reset {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--white);
  background: none;
  border: 0;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.categories-page__search-reset.is-visible {
  display: flex;
}
.categories-page__search-reset:focus-visible {
  opacity: 1;
}
@media (hover: hover) {
  .categories-page__search-reset:hover {
    opacity: 1;
  }
}
.categories-page__count {
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: var(--white-70);
}
.categories-page__count_hidden {
  display: none;
}
.categories-page__sort {
  margin-left: auto;
}
.categories-page__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 42px 28px;
  margin-top: 32px;
}
.categories-page__load-more {
  align-self: center;
  margin-top: 60px;
}
.categories-page__load-more.is-hidden {
  display: none;
}
.categories-page__not-found {
  position: relative;
  display: flex;
  flex-direction: column;
  grid-column: 1/-1;
  align-items: center;
  justify-content: center;
  margin-top: 64px;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
}
.categories-page__not-found.is-hidden {
  display: none;
}
.categories-page__not-found img {
  max-width: none;
  position: absolute;
  top: 14px;
  left: 50%;
  z-index: 0;
  width: 1440px;
  height: 212px;
  transform: translateX(-50%);
}
.categories-page__not-found-title {
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  margin-top: 96px;
}
.categories-page__not-found-link {
  margin-top: 32px;
  color: var(--white);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.categories-page__not-found-link:focus-visible {
  opacity: 0.7;
}
@media (hover: hover) {
  .categories-page__not-found-link:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 1023px) {
  .categories-page__cards {
    gap: 22px;
  }
  .categories-page__hero {
    flex-direction: column;
    gap: 26px;
  }
  .categories-page__description {
    margin-top: 28px;
  }
  .categories-page__search-container {
    width: 100%;
    max-width: unset;
  }
  .categories-page__not-found {
    margin: 0 -32px;
    padding: 0 32px;
    width: calc(100% + 64px);
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .categories-page__content {
    margin-top: 28px;
  }
  .categories-page__cards {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 28px;
  }
  .categories-page__load-more {
    width: 100%;
    align-self: stretch;
  }
  .categories-page__not-found {
    margin: 48px -20px 0;
    padding: 0 20px;
    width: calc(100% + 40px);
  }
}
.category-page__description {
  margin-top: 32px;
  font-family: var(--font-stack);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.3px;
  font-family: var(--font-stack-book);
}
.category-page__catalog {
  margin-top: 48px;
}

@media screen and (max-width: 1023px) {
  .category-page__description {
    margin-top: 24px;
  }
  .category-page__catalog {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .category-page__description {
    margin-top: 16px;
  }
  .category-page__catalog {
    margin-top: 24px;
  }
}