@charset "UTF-8";
@font-face {
  font-family: "SF Pro";
  src: url("/assets/fonts/SFProDisplay-Regular-BGM5pHLX.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: url("/assets/fonts/SFProDisplay-Bold-7j183pUJ.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: url("/assets/fonts/SFProDisplay-Semibold-3pFxZ0Qk.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Regular-OqL9vKsN.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-SemiBold-yXlbF9-2.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* === базовые стили === */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body > * {
  flex-shrink: 0;
}

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

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

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

label,
a,
button {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

select:focus {
  outline: none;
}

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

:root {
  --native-bg-color: #fff;
  --native-text-color: #000;
  --native-hint-color: #707579;
  --native-link-color: #007aff;
  --native-button-color: #007aff;
  --native-button-text-color: #fff;
  --native-secondary-bg-color: #efeff4;
  --custom-secondary-fill: rgba(67, 120, 255, 0.1);
  --custom-surface-primary: rgba(255, 255, 255, 0.95);
  --custom-divider: rgba(0, 0, 0, 0.15);
  --native-destructive-text-color: #e53935;
  --custom-secondary-hint-color: #a2acb0;
  --custom-plain-background: rgba(0, 0, 0, 0.04);
  --custom-plain-foreground: rgba(0, 0, 0, 0.8);
  --custom-white: #fff;
  --custom-secondary-code-highlight: #b00fb4;
  --custom-tertiary-code-highlight: #3a9f20;
  --custom-tertiary-bg-color: #f4f4f7;
  --custom-surface-dark: rgba(56, 56, 56, 0.85);
  --custom-destructive-background: rgba(241, 46, 46, 0.05);
  --custom-green: #31d158;
  --custom-primary-code-highlight: #4378ff;
  --custom-outline: rgba(0, 0, 0, 0.05);
  --custom-quaternary-bg-color: #f6f6fa;
  --custom-card-bg-color: #fff;
  --custom-skeleton: rgba(0, 0, 0, 0.03);
  --native-accent-text-color: #007aff;
  --native-subtitle-text-color: #707579;
  --native-section-header-text-color: #707579;
  --native-header-bg-color: #fff;
  --native-section-bg-color: #fff;
  --custom-toast-accent-color: #55a6ff;
  --custom-black: #000;
  --custom-tooltip-background-dark: rgba(0, 0, 0, 0.85);
  --custom-segmented-control-active-bg: #fff;
  --font-family: "Roboto", sans-serif;
  --second-family: "SF Pro", sans-serif;
  --transition: .2s;
  --padding-container: 24px;
}
:root.dark {
  --native-secondary-bg-color: #0f0f0f;
  --native-text-color: #fff;
  --native-bg-color: #212121;
  --custom-outline: rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

html,
body {
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  height: 100%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 2rem;
  line-height: 120%;
  color: var(--native-text-color);
}

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

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

.main {
  position: relative;
  width: 100%;
}

body > * {
  flex-shrink: 0;
}

body.noscroll {
  overflow: hidden;
}

#overlay {
  display: none;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
  background-color: rgba(255, 255, 255, 0.51);
  backdrop-filter: blur(10.8000001907px);
  transition: 0.5s;
  position: fixed;
}
#overlay.active {
  display: block;
}

.container {
  max-width: calc(48rem + var(--padding-container) * 2);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--padding-container);
  padding-right: var(--padding-container);
}
.container.--pc {
  max-width: calc(93.9rem + var(--padding-container) * 2);
}

.container-left {
  padding-left: max(50px, (100% - 1440px) / 2);
}

.none {
  display: none !important;
}

.list-scrollbar {
  overflow-y: auto;
}

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

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

.list-scrollbar::-webkit-scrollbar-track {
  background-color: #f7f7f7;
}

.list-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 0.7rem;
  background: #d3d3d3;
}

.list-scrollbar:hover::-webkit-scrollbar-thumb {
  background: #d3d3d3;
}

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

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

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

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

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

.full-screen {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  padding-bottom: 10px;
  padding-top: 52px;
  background: url("data:image/svg+xml,%3csvg%20width='678'%20height='724'%20viewBox='0%200%20678%20724'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20style='mix-blend-mode:hard-light'%20filter='url(%23filter0_f_15707_3559)'%3e%3cpath%20d='M458.783%20618.766C395.637%20635.247%20249.62%20567.293%20191.322%20510.749C133.023%20454.205%2086.3135%20346.716%20108.992%20279.502C131.67%20212.289%20257.018%20124.418%20327.391%20107.469C397.764%2090.52%20490.762%20127.075%20531.229%20177.808C571.697%20228.54%20582.271%20338.372%20570.196%20411.865'%20fill='url(%23paint0_linear_15707_3559)'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_15707_3559'%20x='0.569839'%20y='0.689713'%20width='676.906'%20height='723.167'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='51.2904'%20result='effect1_foregroundBlur_15707_3559'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_15707_3559'%20x1='225.401'%20y1='156.013'%20x2='463.066'%20y2='535.819'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23814BF5'/%3e%3cstop%20offset='0.548077'%20stop-color='%23F7346E'/%3e%3cstop%20offset='1'%20stop-color='%23FFF351'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat center 0%/contain;
}

.buttons {
  margin: auto auto 0;
  padding: 0 16px;
  width: 100%;
  max-width: 480px;
}

.btn {
  width: 100%;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 153%;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--native-button-text-color);
  border-radius: 0.8rem;
  padding: 12px;
  z-index: 1;
  background: var(--native-button-color);
  transition: var(--transition) ease-in;
}
.btn.--grey {
  background: var(--custom-secondary-fill);
  color: var(--native-link-color);
}
.btn.--transparent {
  background: transparent;
  color: var(--native-link-color);
}
.btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.btn-text {
  width: fit-content;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 131%;
  letter-spacing: -0.01em;
  border: none;
  outline: none;
  background-color: transparent;
  color: var(--native-link-color);
}

@keyframes animationLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.title {
  font-family: var(--second-family);
  font-weight: 590;
  font-size: 2.8rem;
  line-height: 121%;
  letter-spacing: 0.01em;
  text-align: center;
}

/* === /базовые стили === */
/* === Блоки ===*/
.form {
  display: grid;
  gap: 0px;
}

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

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

.input {
  position: relative;
  display: block;
  padding: 18px 0;
}

.input__holder {
  position: relative;
}
.input__holder.--message .input__field {
  height: 80px;
  resize: none;
}
.input__field {
  width: 100%;
  outline: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 131%;
  letter-spacing: 0.5px;
  color: var(--native-text-color);
  border: none;
  outline: none;
  border: 2px solid var(--custom-outline);
  border-radius: 14px;
  padding: 16px 14px 12px;
  transition: var(--transition) ease-in;
}
.input__field::placeholder {
  color: var(--native-section-header-text-color);
  transition: var(--transition) ease-in;
}
.input__field:focus {
  border-color: var(--native-link-color);
}
.input__field:focus + .input__title {
  color: var(--native-link-color);
}
.input__field:focus::placeholder {
  opacity: 1;
}
.input__field.not-valid {
  border-color: var(--native-destructive-text-color);
}
.input__field.not-valid + .input__title {
  color: var(--native-destructive-text-color);
}
.input__title {
  position: absolute;
  top: -18%;
  left: 10px;
  font-weight: 590;
  font-size: 15px;
  line-height: 133%;
  letter-spacing: 0.5px;
  padding: 0rem 6px;
  color: var(--native-section-header-text-color);
  background: var(--native-bg-color);
  pointer-events: none;
  border-radius: 8px;
  transition: var(--transition) ease-in;
}

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

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

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

.input__error {
  position: absolute;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 123%;
  letter-spacing: -0.01em;
  color: var(--native-header-bg-color);
  background: var(--native-destructive-text-color);
  border-radius: 35px;
  padding: 8px 20px 8px;
  z-index: 12;
  bottom: 0px;
  left: 50%;
  text-align: center;
  text-wrap: nowrap;
  transform: translateX(-50%);
  transition: var(--transition) ease-in;
}

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

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

.form__footer {
  display: grid;
  gap: 0px;
}

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

.form__btns {
  display: grid;
  gap: 6px;
}

.form__btn {
  width: 100%;
}
.form__btn.not-hover {
  pointer-events: none;
}

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

.form__text-error {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 131%;
  letter-spacing: -0.01em;
  color: var(--native-destructive-text-color);
  padding: 12px 0;
}

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

@media (max-width: 480px) {
  .checkbox__text {
    font-size: 14px;
  }
}
.checkbox__text a {
  border-bottom: 0.1rem solid transparent;
  color: var(--native-link-color);
}
@media (hover: hover) {
  .checkbox__text a:hover {
    border-color: currentColor;
  }
}

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

input.input__field[type=date]::-webkit-datetime-edit-month-field, input.input__field[type=date]::-webkit-datetime-edit-day-field, input.input__field[type=date]::-webkit-datetime-edit-year-field {
  color: var(--native-section-header-text-color);
}
input.input__field[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  color: transparent;
  opacity: 1;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.76441%202.09998C8.26146%202.09998%208.66441%202.50292%208.66441%202.99998V3.90304C8.95106%203.8997%209.25908%203.89981%209.59226%203.89993C9.65573%203.89995%209.7201%203.89998%209.78542%203.89998H15.335V2.99998C15.335%202.50292%2015.7379%202.09998%2016.235%202.09998C16.7321%202.09998%2017.135%202.50292%2017.135%202.99998V3.98672C19.2806%204.40611%2020.8997%206.29631%2020.8997%208.56468V14.6389C20.8997%2015.726%2020.8997%2016.5967%2020.8422%2017.3005C20.7832%2018.0231%2020.659%2018.6487%2020.3656%2019.2245C19.8959%2020.1465%2019.1462%2020.8961%2018.2243%2021.3659C17.6484%2021.6593%2017.0228%2021.7834%2016.3002%2021.8425C15.5964%2021.9%2014.7257%2021.9%2013.6387%2021.9H10.3607C9.27367%2021.9%208.40299%2021.9%207.69922%2021.8425C6.97655%2021.7834%206.35099%2021.6593%205.77515%2021.3659C4.85315%2020.8961%204.10355%2020.1465%203.63377%2019.2245C3.34036%2018.6487%203.21623%2018.0231%203.15719%2017.3005C3.09969%2016.5967%203.09969%2015.726%203.0997%2014.6389L3.0997%2010.5857C3.0997%2010.5204%203.09968%2010.456%203.09965%2010.3925C3.09912%208.91674%203.09876%207.93461%203.39782%207.1169C3.89349%205.76164%204.96136%204.69377%206.31663%204.1981C6.49071%204.13443%206.67224%204.08433%206.86441%204.04492V2.99998C6.86441%202.50292%207.26735%202.09998%207.76441%202.09998ZM6.86441%205.91534C6.04051%206.23956%205.39325%206.9014%205.08831%207.73517C4.94763%208.11983%204.91122%208.60368%204.90237%209.68569H19.0997V8.56468C19.0997%207.29695%2018.2762%206.22155%2017.135%205.84421V6.59998C17.135%207.09703%2016.7321%207.49998%2016.235%207.49998C15.7379%207.49998%2015.335%207.09703%2015.335%206.59998V5.69998H9.78542C9.34625%205.69998%208.9777%205.70085%208.66441%205.70497V6.59998C8.66441%207.09703%208.26146%207.49998%207.76441%207.49998C7.26735%207.49998%206.86441%207.09703%206.86441%206.59998V5.91534ZM19.0997%2011.4857H4.8997V14.6C4.8997%2015.7349%204.9004%2016.532%204.95121%2017.1539C5.00116%2017.7652%205.09501%2018.1275%205.23758%2018.4073C5.53479%2018.9906%206.00903%2019.4649%206.59233%2019.7621C6.87213%2019.9047%207.23445%2019.9985%207.8458%2020.0485C8.46766%2020.0993%209.26474%2020.1%2010.3997%2020.1H13.5997C14.7347%2020.1%2015.5317%2020.0993%2016.1536%2020.0485C16.765%2019.9985%2017.1273%2019.9047%2017.4071%2019.7621C17.9904%2019.4649%2018.4646%2018.9906%2018.7618%2018.4073C18.9044%2018.1275%2018.9982%2017.7652%2019.0482%2017.1539C19.099%2016.532%2019.0997%2015.7349%2019.0997%2014.6V11.4857Z'%20fill='%23007AFF'/%3e%3c/svg%3e") no-repeat;
  background-size: contain;
  cursor: pointer;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
input.input__field[type=date]:focus::-webkit-calendar-picker-indicator {
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='%234378FF'%20fill-opacity='0.1'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.7644%206.09998C12.2615%206.09998%2012.6644%206.50292%2012.6644%206.99998V7.90304C12.9511%207.8997%2013.2591%207.89981%2013.5923%207.89993C13.6557%207.89995%2013.7201%207.89998%2013.7854%207.89998H19.335V6.99998C19.335%206.50292%2019.7379%206.09998%2020.235%206.09998C20.7321%206.09998%2021.135%206.50292%2021.135%206.99998V7.98672C23.2806%208.40611%2024.8997%2010.2963%2024.8997%2012.5647V18.6389C24.8997%2019.726%2024.8997%2020.5967%2024.8422%2021.3005C24.7832%2022.0231%2024.659%2022.6487%2024.3656%2023.2245C23.8959%2024.1465%2023.1462%2024.8961%2022.2243%2025.3659C21.6484%2025.6593%2021.0228%2025.7834%2020.3002%2025.8425C19.5964%2025.9%2018.7257%2025.9%2017.6387%2025.9H14.3607C13.2737%2025.9%2012.403%2025.9%2011.6992%2025.8425C10.9766%2025.7834%2010.351%2025.6593%209.77515%2025.3659C8.85315%2024.8961%208.10355%2024.1465%207.63377%2023.2245C7.34036%2022.6487%207.21623%2022.0231%207.15719%2021.3005C7.09969%2020.5967%207.09969%2019.726%207.0997%2018.6389L7.0997%2014.5857C7.0997%2014.5204%207.09968%2014.456%207.09965%2014.3925C7.09912%2012.9167%207.09876%2011.9346%207.39782%2011.1169C7.89349%209.76164%208.96136%208.69377%2010.3166%208.1981C10.4907%208.13443%2010.6722%208.08433%2010.8644%208.04492V6.99998C10.8644%206.50292%2011.2674%206.09998%2011.7644%206.09998ZM10.8644%209.91534C10.0405%2010.2396%209.39325%2010.9014%209.08831%2011.7352C8.94763%2012.1198%208.91122%2012.6037%208.90237%2013.6857H23.0997V12.5647C23.0997%2011.2969%2022.2762%2010.2215%2021.135%209.84421V10.6C21.135%2011.097%2020.7321%2011.5%2020.235%2011.5C19.7379%2011.5%2019.335%2011.097%2019.335%2010.6V9.69998H13.7854C13.3462%209.69998%2012.9777%209.70085%2012.6644%209.70497V10.6C12.6644%2011.097%2012.2615%2011.5%2011.7644%2011.5C11.2674%2011.5%2010.8644%2011.097%2010.8644%2010.6V9.91534ZM23.0997%2015.4857H8.8997V18.6C8.8997%2019.7349%208.9004%2020.532%208.95121%2021.1539C9.00116%2021.7652%209.09501%2022.1275%209.23758%2022.4073C9.53479%2022.9906%2010.009%2023.4649%2010.5923%2023.7621C10.8721%2023.9047%2011.2344%2023.9985%2011.8458%2024.0485C12.4677%2024.0993%2013.2647%2024.1%2014.3997%2024.1H17.5997C18.7347%2024.1%2019.5317%2024.0993%2020.1536%2024.0485C20.765%2023.9985%2021.1273%2023.9047%2021.4071%2023.7621C21.9904%2023.4649%2022.4646%2022.9906%2022.7618%2022.4073C22.9044%2022.1275%2022.9982%2021.7652%2023.0482%2021.1539C23.099%2020.532%2023.0997%2019.7349%2023.0997%2018.6V15.4857Z'%20fill='%23007AFF'/%3e%3c/svg%3e") no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  right: 13px;
}

input.input__field[type=date] {
  -webkit-appearance: none;
  appearance: none;
  height: 53px;
}

/* === /Блоки ===*/
.main-screen__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1rem;
}

.main-screen__content {
  width: 100%;
  display: grid;
  gap: 2.4rem;
}
.main-screen__content.--gap-51 {
  gap: 5.1rem;
}

.main-screen__desc {
  font-weight: 400;
  font-size: 3.2rem;
  line-height: 120%;
  color: var(--text-default-100);
}
@media (max-width: 480px) {
  .main-screen__desc {
    font-size: 1.8rem;
  }
}

.main-screen__btn {
  width: fit-content;
}

.main-screen__image {
  position: relative;
  flex-shrink: 0;
  margin-bottom: 0px;
}
.main-screen__image.--first-screen {
  margin-bottom: 5.5rem;
}

.cube-gif {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.checkboxes {
  margin-top: 1rem;
}.v-enter-active[data-v-568c6c99],
.v-leave-active[data-v-568c6c99] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-568c6c99] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-568c6c99] {
  opacity: 0;
  transform: translate(-50%, 10px);
}.v-enter-active[data-v-0b51f2c8],
.v-leave-active[data-v-0b51f2c8] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-0b51f2c8] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-0b51f2c8] {
  opacity: 0;
  transform: translate(-50%, 10px);
}[data-v-5cf235f7]:root {
  --native-bg-color: #fff;
  --native-text-color: #000;
  --native-hint-color: #707579;
  --native-link-color: #007aff;
  --native-button-color: #007aff;
  --native-button-text-color: #fff;
  --native-secondary-bg-color: #efeff4;
  --custom-secondary-fill: rgba(67, 120, 255, 0.1);
  --custom-surface-primary: rgba(255, 255, 255, 0.95);
  --custom-divider: rgba(0, 0, 0, 0.15);
  --native-destructive-text-color: #e53935;
  --custom-secondary-hint-color: #a2acb0;
  --custom-plain-background: rgba(0, 0, 0, 0.04);
  --custom-plain-foreground: rgba(0, 0, 0, 0.8);
  --custom-white: #fff;
  --custom-secondary-code-highlight: #b00fb4;
  --custom-tertiary-code-highlight: #3a9f20;
  --custom-tertiary-bg-color: #f4f4f7;
  --custom-surface-dark: rgba(56, 56, 56, 0.85);
  --custom-destructive-background: rgba(241, 46, 46, 0.05);
  --custom-green: #31d158;
  --custom-primary-code-highlight: #4378ff;
  --custom-outline: rgba(0, 0, 0, 0.05);
  --custom-quaternary-bg-color: #f6f6fa;
  --custom-card-bg-color: #fff;
  --custom-skeleton: rgba(0, 0, 0, 0.03);
  --native-accent-text-color: #007aff;
  --native-subtitle-text-color: #707579;
  --native-section-header-text-color: #707579;
  --native-header-bg-color: #fff;
  --native-section-bg-color: #fff;
  --custom-toast-accent-color: #55a6ff;
  --custom-black: #000;
  --custom-tooltip-background-dark: rgba(0, 0, 0, 0.85);
  --custom-segmented-control-active-bg: #fff;
  --font-family: "Roboto", sans-serif;
  --second-family: "SF Pro", sans-serif;
  --transition: .2s;
  --padding-container: 24px;
}
:root.dark[data-v-5cf235f7] {
  --native-secondary-bg-color: #0f0f0f;
  --native-text-color: #fff;
  --native-bg-color: #212121;
  --custom-outline: rgba(255, 255, 255, 0.1);
}
.checkbox[data-v-5cf235f7] {
  display: grid;
  gap: 0.5rem;
  padding: 14px 0;
}
.checkbox__inner[data-v-5cf235f7] {
  display: flex;
  align-items: start;
  gap: 1.6rem;
}
.checkbox__real-input[data-v-5cf235f7] {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.checkbox__custom-input[data-v-5cf235f7] {
  display: flex;
  align-items: center;
  justify-self: center;
  position: relative;
  border: 1px solid var(--native-hint-color);
  border-radius: 0.5rem;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  background-color: transparent;
  transition: var(--transition) ease-in;
}
.checkbox__text[data-v-5cf235f7] {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 133%;
  letter-spacing: 0.7px;
  color: var(--native-text-color);
}
.checkbox__text a[data-v-5cf235f7] {
  border-bottom: 0.1rem solid transparent;
  color: var(--native-link-color);
}
@media (hover: hover) {
.checkbox__text a[data-v-5cf235f7]:hover {
    border-color: currentColor;
}
}
.checkbox__custom-input[data-v-5cf235f7]::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.7071%202.45711C12.0976%202.06658%2012.0976%201.43342%2011.7071%201.04289C11.3166%200.652369%2010.6834%200.652369%2010.2929%201.04289L4%207.33579L1.70711%205.04289C1.31658%204.65237%200.683417%204.65237%200.292893%205.04289C-0.0976311%205.43342%20-0.0976311%206.06658%200.292893%206.45711L3.29289%209.45711C3.68342%209.84763%204.31658%209.84763%204.70711%209.45711L11.7071%202.45711Z'%20fill='white'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  position: absolute;
  transform: scale(0);
  transition: 0.2s ease-in;
}
.checkbox__real-input:checked + .checkbox__custom-input[data-v-5cf235f7] {
  background: var(--native-link-color);
  border: 1px solid var(--native-link-color);
}
.checkbox__real-input:checked + .checkbox__custom-input[data-v-5cf235f7]::before {
  transform: scale(1) translateX(3px);
}
.v-enter-active[data-v-5cf235f7],
.v-leave-active[data-v-5cf235f7] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-5cf235f7] {
  opacity: 0;
  transform: translateX(20px);
}
.v-leave-to[data-v-5cf235f7] {
  opacity: 0;
  transform: translateX(-20px);
}.v-enter-active[data-v-dcd285d7],
.v-leave-active[data-v-dcd285d7] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-dcd285d7] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-dcd285d7] {
  opacity: 0;
  transform: translate(-50%, 10px);
}[data-v-03ee1f7b]:root {
  --native-bg-color: #fff;
  --native-text-color: #000;
  --native-hint-color: #707579;
  --native-link-color: #007aff;
  --native-button-color: #007aff;
  --native-button-text-color: #fff;
  --native-secondary-bg-color: #efeff4;
  --custom-secondary-fill: rgba(67, 120, 255, 0.1);
  --custom-surface-primary: rgba(255, 255, 255, 0.95);
  --custom-divider: rgba(0, 0, 0, 0.15);
  --native-destructive-text-color: #e53935;
  --custom-secondary-hint-color: #a2acb0;
  --custom-plain-background: rgba(0, 0, 0, 0.04);
  --custom-plain-foreground: rgba(0, 0, 0, 0.8);
  --custom-white: #fff;
  --custom-secondary-code-highlight: #b00fb4;
  --custom-tertiary-code-highlight: #3a9f20;
  --custom-tertiary-bg-color: #f4f4f7;
  --custom-surface-dark: rgba(56, 56, 56, 0.85);
  --custom-destructive-background: rgba(241, 46, 46, 0.05);
  --custom-green: #31d158;
  --custom-primary-code-highlight: #4378ff;
  --custom-outline: rgba(0, 0, 0, 0.05);
  --custom-quaternary-bg-color: #f6f6fa;
  --custom-card-bg-color: #fff;
  --custom-skeleton: rgba(0, 0, 0, 0.03);
  --native-accent-text-color: #007aff;
  --native-subtitle-text-color: #707579;
  --native-section-header-text-color: #707579;
  --native-header-bg-color: #fff;
  --native-section-bg-color: #fff;
  --custom-toast-accent-color: #55a6ff;
  --custom-black: #000;
  --custom-tooltip-background-dark: rgba(0, 0, 0, 0.85);
  --custom-segmented-control-active-bg: #fff;
  --font-family: "Roboto", sans-serif;
  --second-family: "SF Pro", sans-serif;
  --transition: .2s;
  --padding-container: 24px;
}
:root.dark[data-v-03ee1f7b] {
  --native-secondary-bg-color: #0f0f0f;
  --native-text-color: #fff;
  --native-bg-color: #212121;
  --custom-outline: rgba(255, 255, 255, 0.1);
}
.file-holder[data-v-03ee1f7b] {
  display: grid;
}
.file[data-v-03ee1f7b] {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
  padding: 14px 0;
}
@media (hover: hover) {
.file:hover .file__text[data-v-03ee1f7b] {
    text-decoration: underline;
}
}
.file__real[data-v-03ee1f7b] {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.file__custom[data-v-03ee1f7b] {
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.2859%206.44497C17.9443%204.13838%2014.0969%204.13837%2011.7553%206.44497L6.40301%2011.7173C6.01377%2012.1007%205.38741%2012.096%205.00399%2011.7068C4.62057%2011.3175%204.62528%2010.6912%205.01452%2010.3077L10.3668%205.03541C13.4786%201.97013%2018.5626%201.97013%2021.6744%205.03542C24.7359%208.05117%2024.7359%2012.9046%2021.6744%2015.9204L14.3267%2023.1583C11.9724%2025.4774%208.12882%2025.4774%205.77445%2023.1583C3.45409%2020.8726%203.45409%2017.191%205.77445%2014.9054L13.1553%207.63476C14.7395%206.07429%2017.2962%206.00289%2018.9692%207.46778C20.8071%209.07706%2020.8464%2011.8788%2019.0515%2013.5363L12.8927%2019.224C12.4913%2019.5946%2011.8654%2019.5698%2011.4947%2019.1684C11.124%2018.767%2011.1489%2018.1411%2011.5503%2017.7704L17.7092%2012.0828C18.6391%2011.224%2018.6205%209.79239%2017.6658%208.95636C16.7701%208.1721%2015.3877%208.21308%2014.5438%209.04431L7.16294%2016.3149C5.62936%2017.8256%205.62936%2020.238%207.16294%2021.7487C8.74711%2023.3092%2011.3541%2023.3092%2012.9383%2021.7487L20.2859%2014.5108C22.5606%2012.2701%2022.5606%208.68571%2020.2859%206.44497Z'%20fill='%23007AFF'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 0px 0px; /* x y*/
  background-size: 28px;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.file__text[data-v-03ee1f7b] {
  font-weight: 400;
  font-size: 16px;
  line-height: 131%;
  letter-spacing: -0.01em;
  color: var(--native-link-color);
}
.file-desc__list[data-v-03ee1f7b] {
  padding: 14px 0;
}
.file-desc__item[data-v-03ee1f7b] {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 133%;
  color: var(--native-hint-color);
}
.preview-file__list[data-v-03ee1f7b] {
  display: grid;
}
.preview-file__item[data-v-03ee1f7b] {
  position: relative;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 20px;
}
.file-error[data-v-03ee1f7b] {
  display: inline-block;
  margin-top: 10px;
  color: red;
  font-size: 1.6rem;
}
.preview-file__content[data-v-03ee1f7b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
  border-bottom: 1px solid var(--custom-outline);
}
.preview-file__file-image[data-v-03ee1f7b] {
  border: 0.5px solid var(--custom-outline);
  border-radius: 8px;
  width: 48px;
  height: 48px;
}
.preview-file__file-name[data-v-03ee1f7b] {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 131%;
  letter-spacing: -0.01em;
  color: var(--native-text-color);
}
.preview-file__btn[data-v-03ee1f7b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: var(--fill-default-1);
}
.preview-file__btn svg[data-v-03ee1f7b] {
  width: 24px;
  height: 24px;
  stroke-width: 2px;
  fill: transparent;
  stroke: var(--custom-secondary-hint-color);
}
.list-enter-active[data-v-03ee1f7b],
.list-leave-active[data-v-03ee1f7b] {
  transition: all 0.5s ease;
}
.list-enter-from[data-v-03ee1f7b],
.list-leave-to[data-v-03ee1f7b] {
  opacity: 0;
  transform: translateX(30px);
}.v-enter-active[data-v-4f2d5b96],
.v-leave-active[data-v-4f2d5b96] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-4f2d5b96] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-4f2d5b96] {
  opacity: 0;
  transform: translate(-50%, 10px);
}.v-enter-active[data-v-e7756fdf],
.v-leave-active[data-v-e7756fdf] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-e7756fdf] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-e7756fdf] {
  opacity: 0;
  transform: translate(-50%, 10px);
}[data-v-b72be02f]:root {
  --native-bg-color: #fff;
  --native-text-color: #000;
  --native-hint-color: #707579;
  --native-link-color: #007aff;
  --native-button-color: #007aff;
  --native-button-text-color: #fff;
  --native-secondary-bg-color: #efeff4;
  --custom-secondary-fill: rgba(67, 120, 255, 0.1);
  --custom-surface-primary: rgba(255, 255, 255, 0.95);
  --custom-divider: rgba(0, 0, 0, 0.15);
  --native-destructive-text-color: #e53935;
  --custom-secondary-hint-color: #a2acb0;
  --custom-plain-background: rgba(0, 0, 0, 0.04);
  --custom-plain-foreground: rgba(0, 0, 0, 0.8);
  --custom-white: #fff;
  --custom-secondary-code-highlight: #b00fb4;
  --custom-tertiary-code-highlight: #3a9f20;
  --custom-tertiary-bg-color: #f4f4f7;
  --custom-surface-dark: rgba(56, 56, 56, 0.85);
  --custom-destructive-background: rgba(241, 46, 46, 0.05);
  --custom-green: #31d158;
  --custom-primary-code-highlight: #4378ff;
  --custom-outline: rgba(0, 0, 0, 0.05);
  --custom-quaternary-bg-color: #f6f6fa;
  --custom-card-bg-color: #fff;
  --custom-skeleton: rgba(0, 0, 0, 0.03);
  --native-accent-text-color: #007aff;
  --native-subtitle-text-color: #707579;
  --native-section-header-text-color: #707579;
  --native-header-bg-color: #fff;
  --native-section-bg-color: #fff;
  --custom-toast-accent-color: #55a6ff;
  --custom-black: #000;
  --custom-tooltip-background-dark: rgba(0, 0, 0, 0.85);
  --custom-segmented-control-active-bg: #fff;
  --font-family: "Roboto", sans-serif;
  --second-family: "SF Pro", sans-serif;
  --transition: .2s;
  --padding-container: 24px;
}
:root.dark[data-v-b72be02f] {
  --native-secondary-bg-color: #0f0f0f;
  --native-text-color: #fff;
  --native-bg-color: #212121;
  --custom-outline: rgba(255, 255, 255, 0.1);
}[data-v-89dcd91b]:root {
  --native-bg-color: #fff;
  --native-text-color: #000;
  --native-hint-color: #707579;
  --native-link-color: #007aff;
  --native-button-color: #007aff;
  --native-button-text-color: #fff;
  --native-secondary-bg-color: #efeff4;
  --custom-secondary-fill: rgba(67, 120, 255, 0.1);
  --custom-surface-primary: rgba(255, 255, 255, 0.95);
  --custom-divider: rgba(0, 0, 0, 0.15);
  --native-destructive-text-color: #e53935;
  --custom-secondary-hint-color: #a2acb0;
  --custom-plain-background: rgba(0, 0, 0, 0.04);
  --custom-plain-foreground: rgba(0, 0, 0, 0.8);
  --custom-white: #fff;
  --custom-secondary-code-highlight: #b00fb4;
  --custom-tertiary-code-highlight: #3a9f20;
  --custom-tertiary-bg-color: #f4f4f7;
  --custom-surface-dark: rgba(56, 56, 56, 0.85);
  --custom-destructive-background: rgba(241, 46, 46, 0.05);
  --custom-green: #31d158;
  --custom-primary-code-highlight: #4378ff;
  --custom-outline: rgba(0, 0, 0, 0.05);
  --custom-quaternary-bg-color: #f6f6fa;
  --custom-card-bg-color: #fff;
  --custom-skeleton: rgba(0, 0, 0, 0.03);
  --native-accent-text-color: #007aff;
  --native-subtitle-text-color: #707579;
  --native-section-header-text-color: #707579;
  --native-header-bg-color: #fff;
  --native-section-bg-color: #fff;
  --custom-toast-accent-color: #55a6ff;
  --custom-black: #000;
  --custom-tooltip-background-dark: rgba(0, 0, 0, 0.85);
  --custom-segmented-control-active-bg: #fff;
  --font-family: "Roboto", sans-serif;
  --second-family: "SF Pro", sans-serif;
  --transition: .2s;
  --padding-container: 24px;
}
:root.dark[data-v-89dcd91b] {
  --native-secondary-bg-color: #0f0f0f;
  --native-text-color: #fff;
  --native-bg-color: #212121;
  --custom-outline: rgba(255, 255, 255, 0.1);
}
.v-enter-active[data-v-89dcd91b],
.v-leave-active[data-v-89dcd91b] {
  transition: 0.5s ease;
}
.v-enter-from[data-v-89dcd91b] {
  opacity: 0;
  transform: translateY(-10%);
}
.v-leave-to[data-v-89dcd91b] {
  opacity: 0;
  transform: translateY(-10%);
}
.modal[data-v-89dcd91b] {
  --transition-time: 0.3s;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10.8000001907px);
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-time), visibility var(--transition-time);
}
.modal.--white-modal[data-v-89dcd91b] {
  background: var(--native-secondary-bg-color);
}
.modal[data-v-89dcd91b]::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.modal__container[data-v-89dcd91b] {
  position: relative;
  width: 507px;
  margin: 50px auto;
  display: none;
  vertical-align: middle;
  background: var(--native-bg-color);
  border-radius: 16px;
  cursor: default;
  text-align: left;
  padding: 0;
}
@media (max-width: 576px) {
.modal__container[data-v-89dcd91b] {
    width: 95%;
}
}
.modal__container.--w600[data-v-89dcd91b] {
  width: 600px;
}
@media (max-width: 640px) {
.modal__container.--w600[data-v-89dcd91b] {
    width: 95%;
}
}
.modal__container.--w600 .modal-content[data-v-89dcd91b] {
  padding: 24px 38px;
  gap: 40px;
}
@media (max-width: 640px) {
.modal__container.--w600 .modal-content[data-v-89dcd91b] {
    padding: 24px;
    gap: 15px;
}
}
.modal__container.--small[data-v-89dcd91b] {
  width: 520px;
}
@media (max-width: 576px) {
.modal__container.--small[data-v-89dcd91b] {
    width: 95%;
}
}
.modal.is-open[data-v-89dcd91b] {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--transition-time), visibility var(--transition-time);
}
.modal.is-open .modal__container[data-v-89dcd91b] {
  display: inline-block;
}
.modal__container.modal-open[data-v-89dcd91b] {
  display: inline-block;
}
.fade[data-v-89dcd91b] {
  opacity: 0;
  transition: opacity var(--transition-time);
}
.fade.animate-open[data-v-89dcd91b] {
  opacity: 1;
  transition: opacity var(--transition-time);
}
.fadeInUp[data-v-89dcd91b] {
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity var(--transition-time), transform var(--transition-time);
}
.fadeInUp.animate-open[data-v-89dcd91b] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity var(--transition-time), transform var(--transition-time);
}
.disable-scroll[data-v-89dcd91b] {
  position: relative;
  overflow: hidden;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.modal-close[data-v-89dcd91b] {
  position: absolute;
  width: 32px;
  height: 32px;
  top: -40px;
  right: -30px;
}
@media (max-width: 768px) {
.modal-close[data-v-89dcd91b] {
    right: 10px;
}
}
.modal-close svg[data-v-89dcd91b] {
  width: 3.2rem;
  height: 3.2rem;
  stroke-width: 2px;
  stroke: #707579;
  transition: transform var(--transition) ease-in;
}
@media (hover: hover) {
.modal-close:hover svg[data-v-89dcd91b] {
    transform: scale(1.1);
}
}
.modal-content[data-v-89dcd91b] {
  display: grid;
  gap: 15px;
  padding: 24px;
}
.modal-form[data-v-89dcd91b] {
  display: grid;
  gap: 0px;
}
.modal-title[data-v-89dcd91b] {
  margin-bottom: 5px;
}
.modal-subtitle[data-v-89dcd91b] {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
}
@media (max-width: 576px) {
.modal-subtitle[data-v-89dcd91b] {
    font-size: 16px;
}
}
.modal-subtitle a[data-v-89dcd91b] {
  color: inherit;
}
@media (hover: hover) {
.modal-subtitle a[data-v-89dcd91b]:hover {
    text-decoration: underline;
}
}
.modal-subtitle.--center[data-v-89dcd91b] {
  text-align: center;
}
.buttons[data-v-89dcd91b] {
  display: grid;
  gap: 56px;
}
.modal-content__desc[data-v-89dcd91b] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
  color: var(--fill-default-1);
}
@media (max-width: 480px) {
.modal-content__desc[data-v-89dcd91b] {
    font-size: 1.8rem;
}
}
.modal-content__desc ul[data-v-89dcd91b] {
  padding-left: 3rem;
  list-style-type: disc;
}
@media (max-width: 480px) {
.modal-content__desc ul[data-v-89dcd91b] {
    padding-left: 1.5rem;
}
}
.modal-content__desc-title[data-v-89dcd91b] {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 140%;
  margin-bottom: 4rem;
}
@media (max-width: 480px) {
.modal-content__desc-title[data-v-89dcd91b] {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}
}
.modal-avito[data-v-89dcd91b] {
  display: grid;
  gap: 44px;
}
.modal-avito__block[data-v-89dcd91b] {
  display: grid;
  gap: 24px;
}
.modal-avito__block.--mobile[data-v-89dcd91b] {
  grid-template-columns: 1fr 172px;
  gap: 2.1rem;
  align-items: start;
}
@media (max-width: 480px) {
.modal-avito__block.--mobile[data-v-89dcd91b] {
    grid-template-columns: 1fr;
    justify-items: center;
}
}
@media (max-width: 480px) {
.modal-avito__block.--mobile .modal-avito__image[data-v-89dcd91b] {
    width: 200px;
}
}
.modal-avito__header[data-v-89dcd91b] {
  display: grid;
  gap: 17px;
}
.modal-avito__title[data-v-89dcd91b] {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 131%;
  letter-spacing: -0.01em;
  color: var(--native-hint-color);
}
.modal-avito__list[data-v-89dcd91b] {
  display: grid;
  gap: 10px;
  counter-reset: number;
}
.modal-avito__item[data-v-89dcd91b] {
  position: relative;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 131%;
  letter-spacing: -0.01em;
  color: var(--native-text-color);
  padding-left: 30px;
}
.modal-avito__item a[data-v-89dcd91b] {
  color: var(--native-link-color);
}
@media (hover: hover) {
.modal-avito__item a[data-v-89dcd91b]:hover {
    text-decoration: underline;
}
}
.modal-avito__item[data-v-89dcd91b]::before {
  position: absolute;
  top: 0px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  counter-increment: number;
  content: counter(number);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background: var(--native-button-color);
  flex-shrink: 0;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 123%;
  letter-spacing: -0.01em;
  color: #fff;
}
.modal-avito__image[data-v-89dcd91b] {
  overflow: hidden;
  border-radius: 9px;
}[data-v-4ac4e6e9]:root {
  --native-bg-color: #fff;
  --native-text-color: #000;
  --native-hint-color: #707579;
  --native-link-color: #007aff;
  --native-button-color: #007aff;
  --native-button-text-color: #fff;
  --native-secondary-bg-color: #efeff4;
  --custom-secondary-fill: rgba(67, 120, 255, 0.1);
  --custom-surface-primary: rgba(255, 255, 255, 0.95);
  --custom-divider: rgba(0, 0, 0, 0.15);
  --native-destructive-text-color: #e53935;
  --custom-secondary-hint-color: #a2acb0;
  --custom-plain-background: rgba(0, 0, 0, 0.04);
  --custom-plain-foreground: rgba(0, 0, 0, 0.8);
  --custom-white: #fff;
  --custom-secondary-code-highlight: #b00fb4;
  --custom-tertiary-code-highlight: #3a9f20;
  --custom-tertiary-bg-color: #f4f4f7;
  --custom-surface-dark: rgba(56, 56, 56, 0.85);
  --custom-destructive-background: rgba(241, 46, 46, 0.05);
  --custom-green: #31d158;
  --custom-primary-code-highlight: #4378ff;
  --custom-outline: rgba(0, 0, 0, 0.05);
  --custom-quaternary-bg-color: #f6f6fa;
  --custom-card-bg-color: #fff;
  --custom-skeleton: rgba(0, 0, 0, 0.03);
  --native-accent-text-color: #007aff;
  --native-subtitle-text-color: #707579;
  --native-section-header-text-color: #707579;
  --native-header-bg-color: #fff;
  --native-section-bg-color: #fff;
  --custom-toast-accent-color: #55a6ff;
  --custom-black: #000;
  --custom-tooltip-background-dark: rgba(0, 0, 0, 0.85);
  --custom-segmented-control-active-bg: #fff;
  --font-family: "Roboto", sans-serif;
  --second-family: "SF Pro", sans-serif;
  --transition: .2s;
  --padding-container: 24px;
}
:root.dark[data-v-4ac4e6e9] {
  --native-secondary-bg-color: #0f0f0f;
  --native-text-color: #fff;
  --native-bg-color: #212121;
  --custom-outline: rgba(255, 255, 255, 0.1);
}
.welcome-screen[data-v-4ac4e6e9] {
  display: grid;
  place-content: center;
  min-height: 100%;
  flex: 1 1 auto;
}
.welcome-screen__form[data-v-4ac4e6e9] {
  display: grid;
  gap: 30px;
}
.welcome-screen__header[data-v-4ac4e6e9] {
  display: grid;
  gap: 24px;
}
.welcome-screen__checkbox[data-v-4ac4e6e9] {
  padding: 0;
}
.welcome-screen__footer[data-v-4ac4e6e9] {
  display: grid;
  gap: 20px;
}.v-enter-active[data-v-ed55307c],
.v-leave-active[data-v-ed55307c] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-ed55307c] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-ed55307c] {
  opacity: 0;
  transform: translate(-50%, 10px);
}.v-enter-active[data-v-dc3e393d],
.v-leave-active[data-v-dc3e393d] {
  transition: all 0.25s ease-out;
}
.v-enter-from[data-v-dc3e393d] {
  opacity: 0;
  transform: translate(-50%, 10px);
}
.v-leave-to[data-v-dc3e393d] {
  opacity: 0;
  transform: translate(-50%, 10px);
}[data-v-983224ff]:root {
  --native-bg-color: #fff;
  --native-text-color: #000;
  --native-hint-color: #707579;
  --native-link-color: #007aff;
  --native-button-color: #007aff;
  --native-button-text-color: #fff;
  --native-secondary-bg-color: #efeff4;
  --custom-secondary-fill: rgba(67, 120, 255, 0.1);
  --custom-surface-primary: rgba(255, 255, 255, 0.95);
  --custom-divider: rgba(0, 0, 0, 0.15);
  --native-destructive-text-color: #e53935;
  --custom-secondary-hint-color: #a2acb0;
  --custom-plain-background: rgba(0, 0, 0, 0.04);
  --custom-plain-foreground: rgba(0, 0, 0, 0.8);
  --custom-white: #fff;
  --custom-secondary-code-highlight: #b00fb4;
  --custom-tertiary-code-highlight: #3a9f20;
  --custom-tertiary-bg-color: #f4f4f7;
  --custom-surface-dark: rgba(56, 56, 56, 0.85);
  --custom-destructive-background: rgba(241, 46, 46, 0.05);
  --custom-green: #31d158;
  --custom-primary-code-highlight: #4378ff;
  --custom-outline: rgba(0, 0, 0, 0.05);
  --custom-quaternary-bg-color: #f6f6fa;
  --custom-card-bg-color: #fff;
  --custom-skeleton: rgba(0, 0, 0, 0.03);
  --native-accent-text-color: #007aff;
  --native-subtitle-text-color: #707579;
  --native-section-header-text-color: #707579;
  --native-header-bg-color: #fff;
  --native-section-bg-color: #fff;
  --custom-toast-accent-color: #55a6ff;
  --custom-black: #000;
  --custom-tooltip-background-dark: rgba(0, 0, 0, 0.85);
  --custom-segmented-control-active-bg: #fff;
  --font-family: "Roboto", sans-serif;
  --second-family: "SF Pro", sans-serif;
  --transition: .2s;
  --padding-container: 24px;
}
:root.dark[data-v-983224ff] {
  --native-secondary-bg-color: #0f0f0f;
  --native-text-color: #fff;
  --native-bg-color: #212121;
  --custom-outline: rgba(255, 255, 255, 0.1);
}
.questionnaire__header[data-v-983224ff] {
  text-align: center;
  margin-bottom: 3rem;
}
@media (max-width: 480px) {
.questionnaire__header[data-v-983224ff] {
    margin-bottom: 1rem;
}
}
.questionnaire__title[data-v-983224ff] {
  margin-bottom: 0.8rem;
}
.questionnaire__subtitle[data-v-983224ff] {
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 129%;
  letter-spacing: -0.02em;
}
.questionnaire__inputs[data-v-983224ff] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.3rem 4rem;
}
@media (max-width: 768px) {
.questionnaire__inputs[data-v-983224ff] {
    gap: 1.3rem;
}
}
@media (max-width: 576px) {
.questionnaire__inputs[data-v-983224ff] {
    grid-template-columns: 1fr;
    gap: 0;
}
}
.questionnaire__address-title[data-v-983224ff] {
  font-weight: 590;
  font-size: 2rem;
  line-height: 125%;
  letter-spacing: -0.02em;
  grid-column: span 6;
}
.questionnaire__box-input[data-v-983224ff] {
  width: 100%;
  grid-column: span 2;
}
@media (max-width: 576px) {
.questionnaire__box-input[data-v-983224ff] {
    grid-column: span 1;
}
}
.questionnaire__box-input.--full[data-v-983224ff] {
  grid-column: span 3;
}
@media (max-width: 576px) {
.questionnaire__box-input.--full[data-v-983224ff] {
    grid-column: span 1;
}
}
.questionnaire__checkbox[data-v-983224ff] {
  padding: 3.5rem 0;
}
@media (max-width: 576px) {
.questionnaire__checkbox[data-v-983224ff] {
    padding: 2rem 0;
}
}
.questionnaire__buttons[data-v-983224ff] {
  display: grid;
  grid-template-columns: repeat(3, 29.3rem);
  gap: 1rem;
}
@media (max-width: 576px) {
.questionnaire__buttons[data-v-983224ff] {
    grid-template-columns: 1fr;
    gap: 0.6rem;
}
}[data-v-468f3717]:root {
  --native-bg-color: #fff;
  --native-text-color: #000;
  --native-hint-color: #707579;
  --native-link-color: #007aff;
  --native-button-color: #007aff;
  --native-button-text-color: #fff;
  --native-secondary-bg-color: #efeff4;
  --custom-secondary-fill: rgba(67, 120, 255, 0.1);
  --custom-surface-primary: rgba(255, 255, 255, 0.95);
  --custom-divider: rgba(0, 0, 0, 0.15);
  --native-destructive-text-color: #e53935;
  --custom-secondary-hint-color: #a2acb0;
  --custom-plain-background: rgba(0, 0, 0, 0.04);
  --custom-plain-foreground: rgba(0, 0, 0, 0.8);
  --custom-white: #fff;
  --custom-secondary-code-highlight: #b00fb4;
  --custom-tertiary-code-highlight: #3a9f20;
  --custom-tertiary-bg-color: #f4f4f7;
  --custom-surface-dark: rgba(56, 56, 56, 0.85);
  --custom-destructive-background: rgba(241, 46, 46, 0.05);
  --custom-green: #31d158;
  --custom-primary-code-highlight: #4378ff;
  --custom-outline: rgba(0, 0, 0, 0.05);
  --custom-quaternary-bg-color: #f6f6fa;
  --custom-card-bg-color: #fff;
  --custom-skeleton: rgba(0, 0, 0, 0.03);
  --native-accent-text-color: #007aff;
  --native-subtitle-text-color: #707579;
  --native-section-header-text-color: #707579;
  --native-header-bg-color: #fff;
  --native-section-bg-color: #fff;
  --custom-toast-accent-color: #55a6ff;
  --custom-black: #000;
  --custom-tooltip-background-dark: rgba(0, 0, 0, 0.85);
  --custom-segmented-control-active-bg: #fff;
  --font-family: "Roboto", sans-serif;
  --second-family: "SF Pro", sans-serif;
  --transition: .2s;
  --padding-container: 24px;
}
:root.dark[data-v-468f3717] {
  --native-secondary-bg-color: #0f0f0f;
  --native-text-color: #fff;
  --native-bg-color: #212121;
  --custom-outline: rgba(255, 255, 255, 0.1);
}
.questionnaire-section[data-v-468f3717] {
  padding: 4.8rem 0;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--native-bg-color);
}
.questionnaire-end[data-v-468f3717] {
  display: grid;
  place-content: center;
  min-height: 100%;
  flex: 1 1 auto;
}
.questionnaire-end__contaienr[data-v-468f3717] {
  display: grid;
  gap: 4rem;
}
.questionnaire-end__header[data-v-468f3717] {
  display: grid;
  gap: 2rem;
}
.questionnaire-end__text[data-v-468f3717] {
  text-align: center;
}
.v-enter-active[data-v-468f3717],
.v-leave-active[data-v-468f3717] {
  transition: 0.3s linear;
}
.v-enter-from[data-v-468f3717] {
  opacity: 0;
  transform: translateY(100%);
}
.v-leave-to[data-v-468f3717] {
  opacity: 0;
  transform: translateY(-100%);
}[data-v-100df2a9]:root {
  --native-bg-color: #fff;
  --native-text-color: #000;
  --native-hint-color: #707579;
  --native-link-color: #007aff;
  --native-button-color: #007aff;
  --native-button-text-color: #fff;
  --native-secondary-bg-color: #efeff4;
  --custom-secondary-fill: rgba(67, 120, 255, 0.1);
  --custom-surface-primary: rgba(255, 255, 255, 0.95);
  --custom-divider: rgba(0, 0, 0, 0.15);
  --native-destructive-text-color: #e53935;
  --custom-secondary-hint-color: #a2acb0;
  --custom-plain-background: rgba(0, 0, 0, 0.04);
  --custom-plain-foreground: rgba(0, 0, 0, 0.8);
  --custom-white: #fff;
  --custom-secondary-code-highlight: #b00fb4;
  --custom-tertiary-code-highlight: #3a9f20;
  --custom-tertiary-bg-color: #f4f4f7;
  --custom-surface-dark: rgba(56, 56, 56, 0.85);
  --custom-destructive-background: rgba(241, 46, 46, 0.05);
  --custom-green: #31d158;
  --custom-primary-code-highlight: #4378ff;
  --custom-outline: rgba(0, 0, 0, 0.05);
  --custom-quaternary-bg-color: #f6f6fa;
  --custom-card-bg-color: #fff;
  --custom-skeleton: rgba(0, 0, 0, 0.03);
  --native-accent-text-color: #007aff;
  --native-subtitle-text-color: #707579;
  --native-section-header-text-color: #707579;
  --native-header-bg-color: #fff;
  --native-section-bg-color: #fff;
  --custom-toast-accent-color: #55a6ff;
  --custom-black: #000;
  --custom-tooltip-background-dark: rgba(0, 0, 0, 0.85);
  --custom-segmented-control-active-bg: #fff;
  --font-family: "Roboto", sans-serif;
  --second-family: "SF Pro", sans-serif;
  --transition: .2s;
  --padding-container: 24px;
}
:root.dark[data-v-100df2a9] {
  --native-secondary-bg-color: #0f0f0f;
  --native-text-color: #fff;
  --native-bg-color: #212121;
  --custom-outline: rgba(255, 255, 255, 0.1);
}
.not-page[data-v-100df2a9] {
  position: relative;
  padding-top: 30px;
}
.not-page__container[data-v-100df2a9] {
  padding-top: 6.2rem;
  padding-bottom: 12rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.3rem;
}
@media (max-width: 480px) {
.not-page__container[data-v-100df2a9] {
    padding-top: 3.2rem;
    padding-bottom: 4rem;
    gap: 1rem;
}
}
.not-page__title[data-v-100df2a9] {
  font-weight: 900;
  font-size: 6rem;
  line-height: 160%;
  text-transform: uppercase;
  text-align: center;
  color: #1d1d1b;
}
@media (max-width: 480px) {
.not-page__title[data-v-100df2a9] {
    font-size: 2rem;
}
}
.not-page__btn[data-v-100df2a9] {
  padding-left: 5.4rem;
  padding-right: 5.4rem;
}
.not-page__numbers[data-v-100df2a9] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.not-page__numbers span[data-v-100df2a9] {
  font-weight: 900;
  font-size: 30.9rem;
  line-height: 90%;
  text-transform: uppercase;
  text-align: center;
  color: var(--text-accent-2-100);
}
@media (max-width: 576px) {
.not-page__numbers span[data-v-100df2a9] {
    font-size: 16rem;
}
}
@media (max-width: 768px) {
.not-page__numbers img[data-v-100df2a9] {
    width: 40%;
}
}