/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./src/styles/main.scss ***!
  \***************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}

.color-primary-light {
  background-color: var(--primary-40);
  color: var(--primary-100);
}

.color-on-primary-light {
  background-color: var(--primary-100);
  color: var(--primary-40);
}

.color-gradient {
  color: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-80) 100%);
}

.color-gradient-50-70 {
  color: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
}

.bg-gradient {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-80) 100%);
}

.bg-gradient-50-70 {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
}

.bg-primary-10 {
  background: var(--primary-10);
}

.bg-primary-20 {
  background: var(--primary-20);
}

.bg-primary-30 {
  background: var(--primary-30);
}

.bg-primary-40 {
  background: var(--primary-40);
}

.bg-primary-50 {
  background: var(--primary-50);
}

.bg-primary-60 {
  background: var(--primary-60);
}

.bg-primary-70 {
  background: var(--primary-70);
}

.bg-primary-80 {
  background: var(--primary-80);
}

.bg-primary-90 {
  background: var(--primary-90);
}

.bg-primary-100 {
  background: var(--primary-100);
}

.text-primary-10 {
  color: var(--primary-10);
}

.text-primary-20 {
  color: var(--primary-20);
}

.text-primary-30 {
  color: var(--primary-30);
}

.text-primary-40 {
  color: var(--primary-40);
}

.text-primary-50 {
  color: var(--primary-50);
}

.text-primary-60 {
  color: var(--primary-60);
}

.text-primary-70 {
  color: var(--primary-70);
}

.text-primary-80 {
  color: var(--primary-80);
}

.text-primary-90 {
  color: var(--primary-90);
}

.text-primary-100 {
  color: var(--primary-100);
}

.shadow {
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1);
}

.color-secondary-light {
  background-color: var(--secondary-40);
  color: var(--secondary-100);
}

.color-on-secondary-light {
  background-color: var(--secondary-100);
  color: var(--secondary-40);
}

.color-tertiary-light {
  background-color: var(--tertiary-40);
  color: var(--tertiary-100);
}

.color-on-tertiary-light {
  background-color: var(--tertiary-100);
  color: var(--tertiary-40);
}

.color-error-light {
  background-color: var(--error-40);
  color: var(--error-100);
}

.color-on-error-light {
  background-color: var(--error-100);
  color: var(--error-40);
}

.color-background-light {
  background-color: var(--secondary-40);
  color: var(--secondary-100);
}

.color-on-background-light {
  background-color: var(--tertiary-100);
  color: var(--tertiary-40);
}

html {
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

/* iOS чёлка / Android cutout: только в оболочке Capacitor (см. main.ts + viewport-fit=cover) */
html.capacitor-native #app {
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}

#app {
  display: flex;
  min-height: 100vh;
  align-items: flex-start;
  justify-content: center;
  align-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  position: relative;
}
#app:has(.isScheduleStepper) ~ .yandex-metrika-informer {
  display: none;
}
#app:has(.isScheduleStepper) .view-grid .overlay {
  position: relative;
  background: none;
  align-items: flex-start;
  width: 100%;
  height: auto;
}
#app:has(.isScheduleStepper) .view-grid .overlay .overlay__content {
  box-shadow: none;
  max-height: 100%;
}
#app:has(.container.isModal) {
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
}

@media screen and (max-width: 520px) {
  .hidden-m, .hidden-mobile, .hidden-mob, .hidden-sm {
    display: none;
  }
}

@media screen and (min-width: 520px) and (max-width: 1040px) {
  .hidden-md, .hidden-tablet, .hidden-medium {
    display: none;
  }
}

@media screen and (min-width: 1040px) {
  .hidden-lg, .hidden-desktop, .hidden-l {
    display: none;
  }
}

.container {
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: 0 25px 48px;
  max-width: 846px;
}
@media screen and (max-width: 520px) {
  .container {
    padding: 0 10px 148px;
  }
}

.container.isV3 {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 48px;
  max-width: 1504px;
  min-height: 100vh;
}
@media (max-width: 1440px) {
  .container.isV3 {
    max-width: 1280px;
  }
}
@media (max-width: 1200px) {
  .container.isV3 {
    max-width: 100vw;
  }
}
@media (max-width: 771px) {
  .container.isV3 {
    padding: 16px;
    gap: 0;
  }
}

.container.isV3.isScheduleStepper {
  min-height: fit-content;
  padding: 0;
}

.container.isV3.widgetHeight {
  min-height: fit-content;
}

.container.isV3.widgetHeight.isModal,
.container.isV3.isScheduleStepper.isModal {
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
}

@media screen and (max-width: 520px) {
  .container:has(+ footer) {
    padding: 0 10px 48px;
  }
}

div#customizer {
  position: fixed;
  top: 10px;
  left: 10px;
  border: 1px solid #000;
  padding: 12px;
  display: flex;
  flex-direction: column;
  background: #fff;
  z-index: 999999;
}

div#customizer > div {
  display: flex;
  flex-direction: row;
}

div#customizer > div > div button, div#customizer > div > div div {
  width: 20px;
  height: 20px;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  cursor: pointer;
}

.SmartCaptcha-Shield {
  transform: translateX(100vw) !important;
}

.wr-embedded-widget #app {
  min-height: 400px;
}

.icon-fit:before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 1px;
}

.wr-icon {
  vertical-align: middle;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.i-bill {
  mask-image: url("/customer-assets/wr2/styles/icons/bill.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/bill.svg");
}
@media (max-width: 520px) {
  .i-bill {
    mask-image: url("/customer-assets/wr2/styles/icons/bill_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/bill_mob.svg");
  }
}

.i-bonus {
  mask-image: url("/customer-assets/wr2/styles/icons/bonus.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/bonus.svg");
}
@media (max-width: 520px) {
  .i-bonus {
    mask-image: url("/customer-assets/wr2/styles/icons/bonus_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/bonus_mob.svg");
  }
}

.i-calendar {
  mask-image: url("/customer-assets/wr2/styles/icons/calendar.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/calendar.svg");
}
@media (max-width: 520px) {
  .i-calendar {
    mask-image: url("/customer-assets/wr2/styles/icons/calendar_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/calendar_mob.svg");
  }
}

.i-doctor {
  mask-image: url("/customer-assets/wr2/styles/icons/doctor.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/doctor.svg");
}
@media (max-width: 520px) {
  .i-doctor {
    mask-image: url("/customer-assets/wr2/styles/icons/doctor_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/doctor_mob.svg");
  }
}

.i-home {
  mask-image: url("/customer-assets/wr2/styles/icons/home.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/home.svg");
}
@media (max-width: 520px) {
  .i-home {
    mask-image: url("/customer-assets/wr2/styles/icons/home_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/home_mob.svg");
  }
}

.i-location {
  mask-image: url("/customer-assets/wr2/styles/icons/location.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/location.svg");
}
@media (max-width: 520px) {
  .i-location {
    mask-image: url("/customer-assets/wr2/styles/icons/location_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/location_mob.svg");
  }
}

.i-my-calendar {
  mask-image: url("/customer-assets/wr2/styles/icons/my-calendar.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/my-calendar.svg");
}
@media (max-width: 520px) {
  .i-my-calendar {
    mask-image: url("/customer-assets/wr2/styles/icons/my-calendar_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/my-calendar_mob.svg");
  }
}

.i-notifications {
  mask-image: url("/customer-assets/wr2/styles/icons/notifications.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/notifications.svg");
}
@media (max-width: 520px) {
  .i-notifications {
    mask-image: url("/customer-assets/wr2/styles/icons/notifications_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/notifications_mob.svg");
  }
}

.i-profile {
  mask-image: url("/customer-assets/wr2/styles/icons/profile.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/profile.svg");
}
@media (max-width: 520px) {
  .i-profile {
    mask-image: url("/customer-assets/wr2/styles/icons/profile_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/profile_mob.svg");
  }
}

.i-referral {
  mask-image: url("/customer-assets/wr2/styles/icons/referral.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/referral.svg");
}
@media (max-width: 520px) {
  .i-referral {
    mask-image: url("/customer-assets/wr2/styles/icons/referral_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/referral_mob.svg");
  }
}

.i-rouble {
  mask-image: url("/customer-assets/wr2/styles/icons/rouble.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/rouble.svg");
}
@media (max-width: 520px) {
  .i-rouble {
    mask-image: url("/customer-assets/wr2/styles/icons/rouble_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/rouble_mob.svg");
  }
}

.i-services {
  mask-image: url("/customer-assets/wr2/styles/icons/services.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/services.svg");
}
@media (max-width: 520px) {
  .i-services {
    mask-image: url("/customer-assets/wr2/styles/icons/services_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/services_mob.svg");
  }
}

.i-card {
  mask-image: url("/customer-assets/wr2/styles/icons/card.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/card.svg");
}
@media (max-width: 520px) {
  .i-card {
    mask-image: url("/customer-assets/wr2/styles/icons/card_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/card_mob.svg");
  }
}

.i-online {
  mask-image: url("/customer-assets/wr2/styles/icons/online.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/online.svg");
}
@media (max-width: 520px) {
  .i-online {
    mask-image: url("/customer-assets/wr2/styles/icons/online_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/online_mob.svg");
  }
}

.i-reports {
  mask-image: url("/customer-assets/wr2/styles/icons/reports.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/reports.svg");
}
@media (max-width: 520px) {
  .i-reports {
    mask-image: url("/customer-assets/wr2/styles/icons/reports_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/reports_mob.svg");
  }
}

.i-close {
  mask-image: url("/customer-assets/wr2/styles/icons/close.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/close.svg");
}
@media (max-width: 520px) {
  .i-close {
    mask-image: url("/customer-assets/wr2/styles/icons/close_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/close_mob.svg");
  }
}

.i-list {
  mask-image: url("/customer-assets/wr2/styles/icons/list.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/list.svg");
}
@media (max-width: 520px) {
  .i-list {
    mask-image: url("/customer-assets/wr2/styles/icons/list_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/list_mob.svg");
  }
}

.i-arrowSmall {
  mask-image: url("/customer-assets/wr2/styles/icons/allowSmall.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/allowSmall.svg");
}
@media (max-width: 520px) {
  .i-arrowSmall {
    mask-image: url("/customer-assets/wr2/styles/icons/allowSmall_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/allowSmall_mob.svg");
  }
}

.i-important {
  mask-image: url("/customer-assets/wr2/styles/icons/important.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/important.svg");
}

.i-chevron-right {
  mask-image: url("/customer-assets/wr2/styles/icons/chevron-right.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/chevron-right.svg");
}

.i-check {
  mask-image: url("/customer-assets/wr2/styles/icons/check.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/check.svg");
}

.i-star {
  mask-image: url("/customer-assets/wr2/styles/icons/star.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/star.svg");
}

.i-emptyStar {
  mask-image: url("/customer-assets/wr2/styles/icons/emptyStar.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/emptyStar.svg");
}

.i-halfStar {
  mask-image: url("/customer-assets/wr2/styles/icons/halfStar.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/halfStar.svg");
}

.i-heart {
  mask-image: url("/customer-assets/wr2/styles/icons/heart.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/heart.svg");
}

.i-simpleHeart {
  mask-image: url("/customer-assets/wr2/styles/icons/simpleHeart.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/simpleHeart.svg");
}

.i-eye {
  mask-image: url("/customer-assets/wr2/styles/icons/eye.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/eye.svg");
}

.i-eyeHide {
  mask-image: url("/customer-assets/wr2/styles/icons/eyeHide.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/eyeHide.svg");
}

.i-loked {
  mask-image: url("/customer-assets/wr2/styles/icons/loked.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/loked.svg");
}

.i-cardi {
  mask-image: url("/customer-assets/wr2/styles/icons/cardi.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/cardi.svg");
}

.i-ring {
  mask-image: url("/customer-assets/wr2/styles/icons/ring.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/ring.svg");
}

.i-skr {
  mask-image: url("/customer-assets/wr2/styles/icons/skr.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/skr.svg");
}

.i-location2 {
  mask-image: url("/customer-assets/wr2/styles/icons/location2.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/location2.svg");
}

.i-uchastkovi {
  mask-image: url("/customer-assets/wr2/styles/icons/uchastkovi.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/uchastkovi.svg");
}

.i-login {
  mask-image: url("/customer-assets/wr2/styles/icons/login.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/login.svg");
}
@media (max-width: 520px) {
  .i-login {
    mask-image: url("/customer-assets/wr2/styles/icons/login_mob.svg");
    -webkit-mask-image: url("/customer-assets/wr2/styles/icons/login_mob.svg");
  }
}

.i-plus {
  mask-image: url("/customer-assets/wr2/styles/icons/plus.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/plus.svg");
}

.i-minus {
  mask-image: url("/customer-assets/wr2/styles/icons/minus.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/minus.svg");
}

.i-simple-calendar {
  mask-image: url("/customer-assets/wr2/styles/icons/simple-calendar.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/simple-calendar.svg");
}

.i-arrow-solid {
  mask-image: url("/customer-assets/wr2/styles/icons/arrow-solid.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/arrow-solid.svg");
}

.i-arrow-slim {
  mask-image: url("/customer-assets/wr2/styles/icons/arrow_slim.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/arrow_slim.svg");
}

.i-fullScreen {
  mask-image: url("/customer-assets/wr2/styles/icons/fullScreen.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/fullScreen.svg");
}

.i-exitFullScreen {
  mask-image: url("/customer-assets/wr2/styles/icons/exitFullScreen.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/exitFullScreen.svg");
}

.i-document {
  mask-image: url("/customer-assets/wr2/styles/icons/document.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/document.svg");
}

.i-eyeIcon {
  mask-image: url("/customer-assets/wr2/styles/icons/eyeIcon.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/eyeIcon.svg");
}

.i-eyeIconClose {
  mask-image: url("/customer-assets/wr2/styles/icons/eyeIconClose.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/eyeIconClose.svg");
}

.i-message {
  mask-image: url("/customer-assets/wr2/styles/icons/message.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/message.svg");
}

.i-geo {
  mask-image: url("/customer-assets/wr2/styles/icons/geoPosition.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/geoPosition.svg");
}

.i-geoLocation {
  mask-image: url("/customer-assets/wr2/styles/icons/geo.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/geo.svg");
}

.i-phone {
  mask-image: url("/customer-assets/wr2/styles/icons/phone.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/phone.svg");
}

.i-email {
  mask-image: url("/customer-assets/wr2/styles/icons/email.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/email.svg");
}

.i-phoneCall {
  mask-image: url("/customer-assets/wr2/styles/icons/phoneCall.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/phoneCall.svg");
}

.i-search {
  mask-image: url("/customer-assets/wr2/styles/icons/search.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/search.svg");
}

.i-arrowRight {
  mask-image: url("/customer-assets/wr2/styles/icons/arrowRight.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/arrowRight.svg");
}

.i-loginIcon {
  mask-image: url("/customer-assets/wr2/styles/icons/inIcon.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/inIcon.svg");
}

.i-bonusBox {
  mask-image: url("/customer-assets/wr2/styles/icons/bonusBox.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/bonusBox.svg");
}

.i-bell {
  mask-image: url("/customer-assets/wr2/styles/icons/bell.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/bell.svg");
}

.i-calendarNew {
  mask-image: url("/customer-assets/wr2/styles/icons/calendarNew.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/calendarNew.svg");
}

.i-clock {
  mask-image: url("/customer-assets/wr2/styles/icons/clock.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/clock.svg");
}

.i-wallet {
  mask-image: url("/customer-assets/wr2/styles/icons/wallet.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/wallet.svg");
}

.i-book {
  mask-image: url("/customer-assets/wr2/styles/icons/book.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/book.svg");
}

.i-percentage {
  mask-image: url("/customer-assets/wr2/styles/icons/percentage.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/percentage.svg");
}

.i-arrowLeftRight {
  mask-image: url("/customer-assets/wr2/styles/icons/arrowLeftRight.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/arrowLeftRight.svg");
}

.i-arrowLeft {
  mask-image: url("/customer-assets/wr2/styles/icons/arrowLeft.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/arrowLeft.svg");
}

.i-arrowUp {
  mask-image: url("/customer-assets/wr2/styles/icons/arrowUp.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/arrowUp.svg");
}

.i-chevronRight {
  mask-image: url("/customer-assets/wr2/styles/icons/chevronRight.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/chevronRight.svg");
}

.i-clone {
  mask-image: url("/customer-assets/wr2/styles/icons/clone.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/clone.svg");
}

.i-file {
  mask-image: url("/customer-assets/wr2/styles/icons/file.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/file.svg");
}

.i-tag {
  mask-image: url("/customer-assets/wr2/styles/icons/tag.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/tag.svg");
}

.i-megaphone {
  mask-image: url("/customer-assets/wr2/styles/icons/megaphone.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/megaphone.svg");
}

.i-closeNew {
  mask-image: url("/customer-assets/wr2/styles/icons/closeNew.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/closeNew.svg");
}

.i-warning {
  mask-image: url("/customer-assets/wr2/styles/icons/warning.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/warning.svg");
}

.i-question {
  mask-image: url("/customer-assets/wr2/styles/icons/question.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/question.svg");
}

.i-info {
  mask-image: url("/customer-assets/wr2/styles/icons/info.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/info.svg");
}

.i-loading {
  mask-image: url("/customer-assets/wr2/styles/icons/loading.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/loading.svg");
}

.i-person {
  mask-image: url("/customer-assets/wr2/styles/icons/person.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/person.svg");
}

.i-building {
  mask-image: url("/customer-assets/wr2/styles/icons/building.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/building.svg");
}

.i-map {
  mask-image: url("/customer-assets/wr2/styles/icons/map.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/map.svg");
}

.i-sortAsc {
  mask-image: url("/customer-assets/wr2/styles/icons/sortAsc.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/sortAsc.svg");
}

.i-sortDesc {
  mask-image: url("/customer-assets/wr2/styles/icons/sortDesc.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/sortDesc.svg");
}

.i-bars {
  mask-image: url("/customer-assets/wr2/styles/icons/bars.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/bars.svg");
}

.i-select {
  mask-image: url("/customer-assets/wr2/styles/icons/select.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/select.svg");
}

.i-selectInvert {
  mask-image: url("/customer-assets/wr2/styles/icons/selectInvert.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/selectInvert.svg");
}

.i-selectRight {
  mask-image: url("/customer-assets/wr2/styles/icons/selectRight.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/selectRight.svg");
}

.i-success {
  mask-image: url("/customer-assets/wr2/styles/icons/success.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/success.svg");
}

.i-esia {
  background-image: url("/customer-assets/wr2/styles/icons/ESIA.svg");
}

.i-rzd {
  background-image: url("/customer-assets/wr2/styles/icons/RZD.svg");
}

.i-plusIcon {
  mask-image: url("/customer-assets/wr2/styles/icons/plusIcon.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/plusIcon.svg");
}

.i-minusIcon {
  mask-image: url("/customer-assets/wr2/styles/icons/minusIcon.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/minusIcon.svg");
}

.i-plusCircle {
  mask-image: url("/customer-assets/wr2/styles/icons/plusCircle.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/plusCircle.svg");
}

.i-print {
  mask-image: url("/customer-assets/wr2/styles/icons/print.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/print.svg");
}

.i-video {
  mask-image: url("/customer-assets/wr2/styles/icons/video.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/video.svg");
}

.i-download {
  mask-image: url("/customer-assets/wr2/styles/icons/download.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/download.svg");
}

.i-link {
  mask-image: url("/customer-assets/wr2/styles/icons/link.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/link.svg");
}

.i-settings {
  mask-image: url("/customer-assets/wr2/styles/icons/settings.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/settings.svg");
}

.i-editUser {
  mask-image: url("/customer-assets/wr2/styles/icons/editUser.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/editUser.svg");
}

.i-family {
  mask-image: url("/customer-assets/wr2/styles/icons/family.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/family.svg");
}

.i-delete {
  mask-image: url("/customer-assets/wr2/styles/icons/delete.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/delete.svg");
}

.i-folder {
  mask-image: url("/customer-assets/wr2/styles/icons/folder.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/folder.svg");
}

.i-sign {
  mask-image: url("/customer-assets/wr2/styles/icons/sign.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/sign.svg");
}

.i-pen {
  mask-image: url("/customer-assets/wr2/styles/icons/pen.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/pen.svg");
}

.i-comment {
  mask-image: url("/customer-assets/wr2/styles/icons/comment.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/comment.svg");
}

.i-homeCall {
  mask-image: url("/customer-assets/wr2/styles/icons/homeCall.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/homeCall.svg");
}

.i-replay {
  mask-image: url("/customer-assets/wr2/styles/icons/replay.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/replay.svg");
}

.i-idCard {
  mask-image: url("/customer-assets/wr2/styles/icons/idCard.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/idCard.svg");
}

.i-stethoscope {
  mask-image: url("/customer-assets/wr2/styles/icons/stethoscope.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/stethoscope.svg");
}

.view-grid {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex-grow: 1;
  align-self: center;
  width: 100%;
  max-width: 844px;
}
@media (max-width: 520px) {
  .view-grid {
    gap: 20px;
  }
}
.view-grid:has(.index-wrapper), .view-grid:has(.widget-reservation-block) {
  max-width: unset;
}
.view-grid:has(.error-page) {
  justify-content: center;
}

.select_block {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
  border-radius: 24px;
  min-height: 68px;
}
@media (max-width: 520px) {
  .select_block {
    border-radius: 20px;
    min-height: 52px;
  }
}

.select_block.selected {
  background: var(--neutral-95);
}

.select_block__header {
  display: grid;
  align-items: center;
  gap: 8px;
  min-height: 52px;
}

.select_block__header .wr-icon.i-close {
  cursor: pointer;
}

.select_block__header .inputn__container {
  cursor: text;
}

.select_block__header.stand {
  grid-template-columns: 44px 1fr minmax(44px, auto);
  padding: 12px;
  cursor: pointer;
}
@media (max-width: 520px) {
  .select_block__header.stand {
    grid-template-columns: 36px 1fr minmax(36px, auto);
    padding: 8px;
  }
}

.select_block:has(> .select_block__header.stand):hover {
  background: var(--primary-50);
}

.select_block:has(> .select_block__header.stand):has(> div:not(.select_block__header)):hover {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
}

.select_block__header.find {
  grid-template-columns: 44px 1fr 44px;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 520px) {
  .select_block__header.find {
    grid-template-columns: 36px 1fr 36px;
  }
}

.select_block__header.find.noPreIcon {
  padding: 8px 12px 8px 8px;
  grid-template-columns: 1fr 44px;
}
@media (max-width: 520px) {
  .select_block__header.find.noPreIcon {
    padding: 4px 8px;
    gap: 0;
    grid-template-columns: 1fr 36px;
  }
}

.select_block__header_title {
  padding: 4px 8px;
}
@media (max-width: 520px) {
  .select_block__header_title {
    padding: 6px 4px;
  }
}

.select_block__header_title {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-100);
}
@media (max-width: 520px) {
  .select_block__header_title {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.009em;
    color: var(--primary-100);
  }
  @supports (color: color(display-p3 1 1 1)) {
    .select_block__header_title {
      font-variation-settings: "wght" 700;
    }
  }
}

.select_block__header.selected .select_block__header_title {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
  .select_block__header.selected .select_block__header_title {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.009em;
    color: var(--primary-50);
  }
  @supports (color: color(display-p3 1 1 1)) {
    .select_block__header.selected .select_block__header_title {
      font-variation-settings: "wght" 700;
    }
  }
}

.select_block__body {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 8px 8px 8px;
  gap: 8px;
}

.select_block__body:first-child:last-child {
  padding-top: 8px;
}

.select_block__body:empty {
  padding: 0;
}

.select_block__selectedItem {
  background: var(--primary-100);
  border-radius: 20px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
  padding: 14px 16px;
}
@media (max-width: 520px) {
  .select_block__selectedItem {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
    padding: 14px 14px 14px 16px;
  }
}

.departments_neutral_list {
  background: var(--neutral-95);
  border-radius: 20px;
  min-height: 52px;
}
@media (max-width: 520px) {
  .departments_neutral_list {
    min-height: 48px;
    border-radius: 20px;
  }
}

.departments_neutral_list__header {
  cursor: pointer;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 44px;
  padding: 8px;
  min-height: 60px;
}
@media (max-width: 520px) {
  .departments_neutral_list__header {
    grid-template-columns: 1fr 32px;
    min-height: 48px;
  }
  @supports (color: color(display-p3 1 1 1)) {
    .departments_neutral_list__header {
      padding: 8px 8px 8px 8px;
    }
  }
}

.departments_neutral_list__header .departments_neutral_list__header_title {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.009em;
  color: var(--primary-50);
  padding: 8px 12px;
}
@media (max-width: 520px) {
  .departments_neutral_list__header .departments_neutral_list__header_title {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 592;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.019em;
    color: var(--primary-50);
    padding: 4px 8px;
  }
  @supports (color: color(display-p3 1 1 1)) {
    .departments_neutral_list__header .departments_neutral_list__header_title {
      font-variation-settings: "wght" 690;
    }
  }
}

.departments_neutral_list__header .departments_neutral_list__header_description {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--primary-50);
  padding-left: 12px;
  margin-top: -8px;
}
@media (max-width: 520px) {
  .departments_neutral_list__header .departments_neutral_list__header_description {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: var(--primary-50);
    margin-top: -8px;
    padding-top: 2px;
    padding-left: 10px;
  }
}

.departments_neutral_list__header:has(> .departments_neutral_list__header_button) {
  grid-template-columns: 1fr 200px;
}
@media (max-width: 520px) {
  .departments_neutral_list__header:has(> .departments_neutral_list__header_button) {
    grid-template-columns: 1fr 150px;
  }
}

.departments_neutral_list__header_button {
  display: flex;
  justify-content: flex-end;
  align-content: flex-start;
}
@supports (color: color(display-p3 1 1 1)) {
  .departments_neutral_list__header_button {
    margin-right: -1px;
  }
}

.departments_neutral_list__body {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 8px 8px 8px;
  gap: 8px;
}

.departments_neutral_list__body:first-child {
  padding-top: 8px;
}

.departments_neutral_list__body_item {
  background: var(--primary-100);
  border-radius: 20px;
  cursor: pointer;
}
@media (max-width: 520px) {
  .departments_neutral_list__body_item {
    border-radius: 16px;
  }
}

.departments_neutral_list__body_item_docCard {
  padding-top: 8px;
}
@media (max-width: 520px) {
  .departments_neutral_list__body_item_docCard {
    padding-left: 8px;
  }
}

@media (max-width: 520px) {
  .departments_neutral_list__body_item_docCard .doctor_card .doctor_card_body {
    padding-left: 0 !important;
  }
}

.departments_neutral_list__body_item_docCard:last-child .doctor_card .doctor_card_body {
  padding: 0 8px 8px 8px;
}

.inputn_error {
  padding-left: 16px;
  margin-top: 4px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--primary-50);
}

.message__error {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--bad-rating-color);
}

.card-block {
  background: var(--card-bg-color);
  border-radius: 32px;
  padding: 32px;
}
@media (max-width: 771px) {
  .card-block {
    padding: 16px 12px;
    border-radius: 16px;
  }
}

.info-block {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
@media (max-width: 771px) {
  .info-block {
    gap: 16px;
  }
}

.info-block__photo {
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  border-radius: 18px;
  background-size: cover !important;
  background-position: center !important;
}
@media (max-width: 771px) {
  .info-block__photo {
    border-radius: 12px;
    width: 48px;
    height: 48px;
  }
}
.info-block__photo.doctor-photo {
  background-position: top !important;
}

.info-block__title {
  font-family: "TildaSansSemibold";
  font-size: 21px;
  font-weight: 400;
  color: var(--main-cta);
  margin-bottom: 4px;
  word-break: break-word;
}

.info-block__info {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--icon-color-default);
}

.info-message {
  display: flex;
  gap: 8px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}

.col-block {
  display: flex;
  flex-direction: column;
}

.lighten {
  opacity: 50%;
}

#pix2pix {
  mix-blend-mode: difference;
}

.smartbanner {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  width: 100%;
  height: 84px;
  font-family: Helvetica, sans, sans-serif;
  box-shadow: inset 0 4px 0 #88b131;
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
}

.smartbanner__exit {
  position: absolute;
  top: calc(50% - 6px);
  left: 9px;
  display: block;
  margin: 0;
  width: 12px;
  height: 12px;
  border: 0;
  text-align: center;
}

.smartbanner__exit::before, .smartbanner__exit::after {
  position: absolute;
  width: 1px;
  height: 12px;
  background: #767676;
  content: " ";
}

.smartbanner__exit::before {
  transform: rotate(45deg);
}

.smartbanner__exit::after {
  transform: rotate(-45deg);
}

.smartbanner__icon {
  position: absolute;
  top: 16px;
  left: 30px;
  width: 56px;
  height: 56px;
  border-radius: 15px;
  background-size: 56px 56px;
}

.smartbanner__info {
  position: absolute;
  top: 13px;
  left: 94px;
  display: flex;
  overflow-y: hidden;
  width: 60%;
  height: 64px;
  align-items: center;
  color: #000;
}

.smartbanner__info__title {
  font-size: 13px;
}

.smartbanner__info__author, .smartbanner__info__price {
  font-size: 11px;
}

.smartbanner__button {
  position: absolute;
  top: 32px;
  right: 10px;
  z-index: 1;
  display: block;
  padding: 0 10px;
  min-width: 10%;
  border-radius: 5px;
  background: #f3f3f3;
  color: #1474fc;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
}

.smartbanner__button__label {
  text-align: center;
}

.smartbanner.smartbanner--android .smartbanner__exit {
  left: 6px;
  margin-right: 7px;
  width: 17px;
  height: 17px;
  border-radius: 14px;
  background: #1c1e21;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
  color: #b1b1b3;
  font-family: "ArialRoundedMTBold", Arial;
  font-size: 20px;
  line-height: 17px;
  text-shadow: 0 1px 1px #000;
}

.smartbanner.smartbanner--android .smartbanner__exit::before, .smartbanner.smartbanner--android .smartbanner__exit::after {
  top: 2px;
  left: 7.5px;
  width: 2px;
  height: 11px;
  background: #b1b1b3;
}

.smartbanner.smartbanner--android .smartbanner__exit:active, .smartbanner.smartbanner--android .smartbanner__exit:hover {
  color: #eee;
}

.smartbanner.smartbanner--android .smartbanner__icon {
  background-color: #fff;
  box-shadow: none;
}

.smartbanner.smartbanner--android .smartbanner__info {
  color: #fff;
  text-shadow: 0 1px 2px #000;
}

.smartbanner.smartbanner--android .smartbanner__info__title {
  color: #fff;
  font-weight: bold;
}

.smartbanner.smartbanner--android .smartbanner__button {
  top: 22px;
  right: 8px;
  padding: 0;
  min-width: 12%;
  border-radius: 0;
  background: none;
  color: #f7f7f7;
  font-size: 12px;
  font-weight: bold;
  text-indent: 0;
  overflow: hidden;
}

.smartbanner.smartbanner--android .smartbanner__button:active, .smartbanner.smartbanner--android .smartbanner__button:hover {
  background: none;
}

.smartbanner.smartbanner--android .smartbanner__button__label {
  padding: 8px 16px;
  border-radius: 12px;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
  box-sizing: border-box;
  /* background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%); */
  background: var(--secondary-90);
  color: var(--primary-50);
  display: block;
  line-height: 24px;
  text-align: center;
  text-shadow: none;
  text-transform: none;
}

.smartbanner.smartbanner--android .smartbanner__button__label:active, .smartbanner.smartbanner--android .smartbanner__button__label:hover {
  background: #2ac7e1;
}

.clickable {
  cursor: pointer;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

ul[class],
ol[class] {
  padding: 0;
}

body {
  min-height: 100vh;
  scroll-behavior: smooth;
}

ul[class],
ol[class] {
  list-style: none;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

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

article > * + * {
  margin-top: 1em;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

body:has(.container:not(.isV3)) h1 {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 471;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: 0em;
  color: "black";
}
@media (max-width: 520px) {
  body:has(.container:not(.isV3)) h1 {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 0.03em;
    color: "black";
  }
}
@supports (color: color(display-p3 1 1 1)) {
  body:has(.container:not(.isV3)) h1 {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 580;
    font-size: 32px;
    line-height: 44px;
    letter-spacing: 0.002em;
    color: #000;
  }
}

body:has(.container:not(.isV3)) h2 {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: "black";
}
@media (max-width: 520px) {
  body:has(.container:not(.isV3)) h2 {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.009em;
    color: "black";
  }
  @supports (color: color(display-p3 1 1 1)) {
    body:has(.container:not(.isV3)) h2 {
      font-variation-settings: "wght" 700;
    }
  }
}

body:has(.container:not(.isV3)) h3 {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.009em;
  color: "black";
  font-weight: normal;
}
@media (max-width: 520px) {
  body:has(.container:not(.isV3)) h3 {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 592;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.019em;
    color: "black";
  }
  @supports (color: color(display-p3 1 1 1)) {
    body:has(.container:not(.isV3)) h3 {
      font-variation-settings: "wght" 690;
    }
  }
}

p.f_medium {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: "black";
}

p.f_medium_medium {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.0025em;
  color: "black";
}

@media (max-width: 520px) {
  p.f_m_medium_medium {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: "black";
  }
}

p.f_medium_bold {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.004em;
  color: "black";
}

@media (max-width: 520px) {
  p.f_m_medium_bold {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.004em;
    color: "black";
  }
}

p.f_medium_semibold {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.0024em;
  color: "black";
}

@media (max-width: 520px) {
  p.f_m_medium_semibold {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0024em;
    color: "black";
  }
}

p.f_regular {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: "black";
}

@media (max-width: 520px) {
  p.f_m_regular {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: "black";
  }
}

p.f_small {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 370;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.035em;
  color: "black";
}

@media (max-width: 520px) {
  p.f_m_small {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.005em;
    color: "black";
  }
}

p.f_tiny {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: "black";
}

@media (max-width: 520px) {
  p.f_m_tiny {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: "black";
  }
}

.headerSelected {
  display: grid;
  grid-template-columns: 1fr minmax(auto, max-content);
  padding: 12px;
  margin-left: 2px;
}
@media (max-width: 520px) {
  .headerSelected {
    padding: 8px;
  }
}

body:has(.container:not(.isV3)) a {
  color: var(--primary-60) !important;
  text-decoration: none !important;
}

body:has(.container.isV3) a {
  text-decoration: none;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-accent-color);
}
body:has(.container.isV3) a:hover {
  color: var(--main-accent-color-hover);
}
body:has(.container.isV3) a:active {
  color: var(--main-accent-color-click);
}

.filials-container_select {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 0 8px 8px;
}

.filial-select-n__button {
  border-radius: 20px;
  padding: 14px;
  text-align: center;
  cursor: pointer;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-100);
}
@media (max-width: 520px) {
  .filial-select-n__button {
    border-radius: 12px;
    padding: 8px 16px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-100);
  }
}

.filial-select-n__button.select {
  background: var(--primary-100);
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
  .filial-select-n__button.select {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-50);
  }
}

body {
  position: relative;
}

.yandex-metrika-informer {
  position: absolute;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/Icon.vue?vue&type=style&index=0&id=5ca15457&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.doctor_card__media .wr-icon,
.wr-icon.i-close.gradientOnHover {
  background-color: var(--primary-50);
}
.doctor_card__media .wr-icon.i-close:hover,
.wr-icon.i-close.gradientOnHover:hover {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
}
.rate_info-star .wr-icon {
  background-color: #FFC774;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/MainMenu/FreeBlocks.vue?vue&type=style&index=0&id=76fb4869&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-76fb4869]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.free_block__title[data-v-76fb4869] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-0);
  margin-bottom: 8px;
}
@media (max-width: 735px) {
.free_block__title[data-v-76fb4869] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--primary-0);
    margin-bottom: 8px;
}
@supports (color: color(display-p3 1 1 1)) {
.free_block__title[data-v-76fb4869] {
      font-variation-settings: "wght" 700;
}
}
}
.free_block__container[data-v-76fb4869] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  gap: 8px;
}
@media screen and (max-width: 790px) {
.free_block__container[data-v-76fb4869] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 735px) {
.free_block__container[data-v-76fb4869] {
    grid-template-columns: repeat(2, 1fr);
}
}
.free_block__containerItem[data-v-76fb4869] {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
  border-radius: 24px;
  padding: 20px 43px 12px 24px;
  position: relative;
  min-height: 118px;
  cursor: pointer;
}
@media (max-width: 735px) {
.free_block__containerItem[data-v-76fb4869] {
    min-height: 84px;
    padding: 12px 25.23px 10px 16px;
}
}
.free_block__containerItem[data-v-76fb4869]:hover {
  background: var(--primary-50);
}
.free_block__containerItem_name[data-v-76fb4869] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: var(--primary-100);
}
@media (max-width: 735px) {
.free_block__containerItem_name[data-v-76fb4869] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 475;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: var(--primary-100);
    width: 130px;
}
@supports (color: color(display-p3 1 1 1)) {
.free_block__containerItem_name[data-v-76fb4869] {
      font-variation-settings: "wght" 575;
}
}
}
.free_block__containerItem_icon[data-v-76fb4869] {
  position: absolute;
  bottom: 16px;
  right: 12px;
}
@media (max-width: 735px) {
.free_block__containerItem_icon[data-v-76fb4869] {
    bottom: 12px;
    right: 12px;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/LinkLogin.vue?vue&type=style&index=0&id=f68f1ebe&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-f68f1ebe]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.record_block__titlep[data-v-f68f1ebe] {
  display: grid;
  gap: 11px;
  grid-template-columns: 17px 1fr;
  align-items: center;
  padding-top: 6px;
  padding-left: 11px;
  position: relative;
  bottom: -2px;
}
@media (max-width: 520px) {
.record_block__titlep[data-v-f68f1ebe] {
    grid-template-columns: 14px 1fr;
    grid-template-rows: 18px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: relative;
    top: 1.5px;
    padding-top: 0px;
    padding-left: 11px;
    height: 18px;
    bottom: 0px;
}
}
.record_block__titlep.inline[data-v-f68f1ebe] {
  display: inline-grid;
}
.record_block__titlep.marginZero[data-v-f68f1ebe] {
  padding-left: 0px;
}
.record_block__titlep__text[data-v-f68f1ebe] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 565;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: var(--primary-80);
}
@media (max-width: 520px) {
.record_block__titlep__text[data-v-f68f1ebe] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 565;
    font-size: 13.1178px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: var(--primary-80);
    padding-bottom: 1px;
}
@supports (color: color(display-p3 1 1 1)) {
.record_block__titlep__text[data-v-f68f1ebe] {
      font-variation-settings: "wght" 665;
}
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/MainMenu/AuthBlock.vue?vue&type=style&index=0&id=d6381784&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-d6381784]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.auth_block__header[data-v-d6381784] {
  margin-bottom: 6px;
  display: grid;
  grid-template-columns: minmax(auto, max-content) 1fr;
  gap: 16px;
  padding-bottom: 2px;
  margin-right: 12px;
}
@media (max-width: 735px) {
.auth_block__header[data-v-d6381784] {
    margin-bottom: 8px;
    gap: 0;
}
}
.auth_block__header__title[data-v-d6381784] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-0);
}
@media (max-width: 735px) {
.auth_block__header__title[data-v-d6381784] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: var(--primary-0);
}
@supports (color: color(display-p3 1 1 1)) {
.auth_block__header__title[data-v-d6381784] {
      font-variation-settings: "wght" 700;
}
}
}
.auth_block__header__text[data-v-d6381784] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-80);
  padding-bottom: 2px;
  margin-left: 11px;
}
.auth_block__body[data-v-d6381784] {
  display: grid;
  grid-template-columns: repeat(3, minmax(20%, 1fr));
  gap: 8px;
}
@media screen and (max-width: 790px) {
.auth_block__body[data-v-d6381784] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 735px) {
.auth_block__body[data-v-d6381784] {
    grid-template-columns: repeat(2, 1fr);
}
}
.auth_block__item[data-v-d6381784] {
  cursor: pointer;
  border: 2px solid var(--primary-90);
  background: var(--primary-100);
  border-radius: 24px;
  padding: 20px 50px 20px 24px;
  min-height: 66px;
  position: relative;
}
@media (max-width: 735px) {
.auth_block__item[data-v-d6381784] {
    min-height: 84px;
    padding: 12px 30px 9px 15px;
}
}
@media (max-width: 735px) {
.auth_block__item.other[data-v-d6381784] {
    grid-column: 1/3;
}
}
.auth_block__item_icon[data-v-d6381784] {
  position: absolute;
  top: 20px;
  right: 12px;
}
@media (max-width: 735px) {
.auth_block__item_icon[data-v-d6381784] {
    top: inherit;
    right: 12px;
    bottom: 12px;
}
}
.auth_block.auth .auth_block__item[data-v-d6381784] {
  background: var(--secondary-90);
  border: none;
}
@media (max-width: 735px) {
.auth_block.auth .auth_block__item[data-v-d6381784] {
    min-height: 72px;
    padding: 12px 30px 9px 16px;
}
}
.auth_block__item_title[data-v-d6381784] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 575;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.03em;
  color: var(--primary-60);
}
@media (max-width: 735px) {
.auth_block__item_title[data-v-d6381784] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 475;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: var(--primary-60);
}
@supports (color: color(display-p3 1 1 1)) {
.auth_block__item_title[data-v-d6381784] {
      font-variation-settings: "wght" 575;
}
}
}
.auth_block.auth .auth_block__item_title[data-v-d6381784] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.03em;
  color: var(--primary-50);
}
@media (max-width: 735px) {
.auth_block.auth .auth_block__item_title[data-v-d6381784] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 475;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: var(--primary-50);
}
@supports (color: color(display-p3 1 1 1)) {
.auth_block.auth .auth_block__item_title[data-v-d6381784] {
      font-variation-settings: "wght" 575;
}
}
}
.record_block__titlep_icon[data-v-d6381784] {
  margin-right: 11px;
}
.record_block__titlep__text[data-v-d6381784] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 565;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: var(--primary-80);
  padding-bottom: 5px;
}
.number_count_message[data-v-d6381784] {
  background: var(--error-50);
  color: white !important;
  border-radius: 40px;
  position: absolute;
  top: -6px;
  right: -6px;
  height: 20px;
  width: 20px;
  font-size: 12px;
  text-align: center;
}
@media (max-width: 520px) {
.number_count_message[data-v-d6381784] {
    font-size: 11px;
    line-height: 20px;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/MainMenu/MainCarouselOffer.vue?vue&type=style&index=0&id=01c3481c&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-01c3481c]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.main_carousel_offer[data-v-01c3481c] {
  display: block;
  position: relative;
  margin-bottom: -6px;
}
@media (max-width: 735px) {
.main_carousel_offer[data-v-01c3481c] {
    display: block;
    height: 194px;
    margin-top: initial;
    margin-bottom: 0px;
}
}
.main_carousel_offer__header[data-v-01c3481c] {
  display: grid;
  grid-template-columns: 1fr minmax(auto, max-content);
  margin-bottom: 8px;
}
@media (max-width: 735px) {
.main_carousel_offer__header[data-v-01c3481c] {
    display: grid;
    grid-template-columns: 1fr minmax(auto, max-content);
    grid-template-rows: 28px;
    margin-bottom: 12px;
}
}
.main_carousel_offer__header_title[data-v-01c3481c] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-0);
}
@media (max-width: 735px) {
.main_carousel_offer__header_title[data-v-01c3481c] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 570;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.004em;
    color: var(--primary-0);
}
@supports (color: color(display-p3 1 1 1)) {
.main_carousel_offer__header_title[data-v-01c3481c] {
      font-variation-settings: "wght" 670;
}
}
}
.main_carousel_offer__header_button[data-v-01c3481c] {
  cursor: pointer;
  display: none;
}
@media (max-width: 735px) {
.main_carousel_offer__header_button[data-v-01c3481c] {
    display: block;
}
}
.main_carousel_offer__body[data-v-01c3481c] {
  position: relative;
  overflow: hidden;
  height: 144px;
  border-radius: 24px;
}
@media (max-width: 735px) {
.main_carousel_offer__body[data-v-01c3481c] {
    position: absolute;
    overflow: auto;
    top: 40px;
    left: -10px;
    display: flex;
    grid-template-rows: minmax(30px, max-content);
    width: calc(100vw - 30px);
    height: 152px;
    padding-left: 10px;
    border-radius: 0px;
}
}
@media (max-width: 520px) {
.main_carousel_offer__body[data-v-01c3481c] {
    width: calc(100vw - 0px);
}
}
.main_carousel_offer__item[data-v-01c3481c] {
  background: var(--tertiary-90);
  position: absolute;
  border-radius: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  height: 144px;
  transition: 0.4s all;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 735px) {
.main_carousel_offer__item[data-v-01c3481c] {
    position: static;
    border-radius: 16px;
    margin-right: 8px;
    width: 308px;
    flex: none;
    display: grid;
    grid-template-columns: 178px 130px;
    height: 151px;
}
}
.main_carousel_offer__item_left[data-v-01c3481c] {
  width: 100%;
  height: 144px;
}
@media (max-width: 735px) {
.main_carousel_offer__item_left[data-v-01c3481c] {
    width: 178px;
    display: flex;
    flex-direction: column;
}
}
.main_carousel_offer__item__text[data-v-01c3481c] {
  padding: 8px 0px 8px 20px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.009em;
  color: var(--tertiary-30);
  max-width: 268px;
  overflow: hidden;
  height: 100%;
  display: flex;
}
@supports (color: color(display-p3 1 1 1)) {
.main_carousel_offer__item__text[data-v-01c3481c] {
    font-variation-settings: "wght" 600;
}
}
@media (max-width: 735px) {
.main_carousel_offer__item__text[data-v-01c3481c] {
    display: block;
    height: initial;
    max-height: 100%;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--tertiary-30);
    padding: 10px 0px 6px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}
@supports (color: color(display-p3 1 1 1)) {
.main_carousel_offer__item__text[data-v-01c3481c] {
      font-variation-settings: "wght" 700;
}
}
}
.main_carousel_offer__item__text p[data-v-01c3481c],
p.main_carousel_offer__item__text[data-v-01c3481c] {
  margin: auto;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 735px) {
.main_carousel_offer__item__text p[data-v-01c3481c],
  p.main_carousel_offer__item__text[data-v-01c3481c] {
    margin: 0 0;
    -webkit-line-clamp: 5;
}
}
.main_carousel_offer__item__price[data-v-01c3481c] {
  position: absolute;
  height: 82px;
  width: 82px;
  border-radius: 50%;
  padding: 27px 6px 0px 6px;
  background: var(--tertiary-60);
  top: calc(50% - 41px);
  left: 45%;
  z-index: 1;
  text-align: center;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0024em;
  color: var(--tertiary-99);
}
@supports (color: color(display-p3 1 1 1)) {
.main_carousel_offer__item__price[data-v-01c3481c] {
    font-variation-settings: "wght" 500;
}
}
@media (max-width: 735px) {
.main_carousel_offer__item__price[data-v-01c3481c] {
    background: var(--tertiary-30);
    position: static;
    height: initial;
    width: initial;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0024em;
    color: var(--tertiary-99);
    padding: 1px 6px 0px 7px;
    border-radius: 8px;
    margin-top: 7px;
    display: inline-block;
}
@supports (color: color(display-p3 1 1 1)) {
.main_carousel_offer__item__price[data-v-01c3481c] {
      font-variation-settings: "wght" 500;
}
}
}
@media (max-width: 735px) {
.main_carousel_offer__item__img[data-v-01c3481c] {
    width: 100%;
}
}
.main_carousel_offer__item__img img[data-v-01c3481c] {
  width: 100%;
  position: relative;
  top: -65px;
  clip-path: ellipse(202px 206px at 202px 127px);
}
@media (max-width: 735px) {
.main_carousel_offer__item__img img[data-v-01c3481c] {
    position: static;
    width: 100%;
    height: 151px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    clip-path: ellipse(156px 136px at 156px 78px);
}
}
.main_carousel_offer__item__img__place[data-v-01c3481c] {
  height: 100%;
  background-size: 100% auto !important;
  background-position: center !important;
  clip-path: ellipse(202px 206px at 202px 50%);
}
@media (max-width: 735px) {
.main_carousel_offer__item__img__place[data-v-01c3481c] {
    position: static;
    width: 100%;
    height: 151px;
    background-size: auto 100% !important;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    clip-path: ellipse(156px 136px at 156px 50%);
}
}
.offer_caurousel_arrow[data-v-01c3481c] {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 56px;
  width: 56px;
  cursor: pointer;
}
@media (max-width: 735px) {
.offer_caurousel_arrow[data-v-01c3481c] {
    display: none;
}
}
.main_carousel_offer__container[data-v-01c3481c] {
  display: grid;
  grid-template-columns: 56px 1fr 56px;
  justify-content: center;
  align-items: center;
}
.main_carousel_offer__footer[data-v-01c3481c] {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 735px) {
.main_carousel_offer__footer[data-v-01c3481c] {
    display: none;
}
}
.main_carousel_offer__buttonAll[data-v-01c3481c] {
  width: calc(100vw - (100vw - 796px) - 112px);
  height: 52px;
  border: 2px solid var(--tertiary-80);
  border-radius: 20px;
}
.main_carousel_offer__buttonAll[data-v-01c3481c] {
  display: flex;
  cursor: pointer;
}
.main_carousel_offer__buttonAll p[data-v-01c3481c] {
  margin: auto;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--tertiary-60);
}
@media (max-width: 735px) {
.hiddin_m[data-v-01c3481c] {
    display: none;
}
}
.main_carousel_offer__item_left__mobile[data-v-01c3481c] {
  display: none;
}
@media (max-width: 735px) {
.main_carousel_offer__item_left__mobile[data-v-01c3481c] {
    display: flex;
    flex-direction: column;
}
}
.main_carousel_offer__item_left__mobile .main_carousel_offer__item__text[data-v-01c3481c] {
  padding: 10px 0px 6px 10px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/MainMenu/ShortBlock.vue?vue&type=style&index=0&id=12db6f48&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-12db6f48]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.shortBlock__container[data-v-12db6f48] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 118px;
  gap: 8px;
}
@media (max-width: 735px) {
.shortBlock__container[data-v-12db6f48] {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 108px;
}
}
.shortBlock__container.column_2[data-v-12db6f48] {
  grid-template-columns: repeat(2, 1fr);
}
.shortBlock__container.column_1[data-v-12db6f48] {
  grid-template-columns: repeat(1, 1fr);
}
.shortBlock__item[data-v-12db6f48] {
  position: relative;
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
  border-radius: 24px;
  padding: 21px 20px;
  cursor: pointer;
}
@media (max-width: 735px) {
.shortBlock__item[data-v-12db6f48] {
    border-radius: 20px;
    padding: 12px 16px;
}
}
@media (max-width: 735px) {
.shortBlock__item.fullWidth[data-v-12db6f48] {
    grid-column: 1/-1;
}
}
.shortBlock__item.need_auth[data-v-12db6f48] {
  background: var(--secondary-90);
}
.shortBlock__item-name[data-v-12db6f48] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: var(--primary-100);
}
@media (max-width: 520px) {
.shortBlock__item-name[data-v-12db6f48] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 475;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: var(--primary-100);
}
@supports (color: color(display-p3 1 1 1)) {
.shortBlock__item-name[data-v-12db6f48] {
      font-variation-settings: "wght" 575;
}
}
}
.shortBlock__item.need_auth .shortBlock__item-name[data-v-12db6f48] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.shortBlock__item.need_auth .shortBlock__item-name[data-v-12db6f48] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 475;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: var(--primary-50);
}
@supports (color: color(display-p3 1 1 1)) {
.shortBlock__item.need_auth .shortBlock__item-name[data-v-12db6f48] {
      font-variation-settings: "wght" 575;
}
}
}
.shortBlock__item-icon[data-v-12db6f48] {
  position: absolute;
  right: 19px;
  bottom: 14px;
}
@media (max-width: 520px) {
.shortBlock__item-icon[data-v-12db6f48] {
    right: 12px;
    bottom: 12px;
}
}
.shortBlock__item.reservation.main[data-v-12db6f48],
.shortBlock__item.reservation.main.need_auth.auth[data-v-12db6f48] {
  grid-column: 1/-1;
  padding: 21px 44px 19px 49px;
  display: grid;
  gap: 4px;
  cursor: pointer;
  position: relative;
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
  border-radius: 24px;
  grid-template-columns: 216px 101px 1fr;
}
@media (max-width: 735px) {
.shortBlock__item.reservation.main[data-v-12db6f48],
  .shortBlock__item.reservation.main.need_auth.auth[data-v-12db6f48] {
    padding: 16px 16px 19px 20px;
    border-radius: 20px;
    grid-template-columns: 1fr;
    gap: 0;
}
}
@media (max-width: 735px) {
.shortBlock__item.onlineReservation[data-v-12db6f48] {
    grid-column: 1/-1;
    padding: 16px 16px 19px 20px;
    border-radius: 20px;
    grid-template-columns: 1fr;
    gap: 0;
}
}
.shortBlock__item.reservation.main.need_auth[data-v-12db6f48] {
  background: var(--primary-100);
  border: 2px solid var(--primary-90);
  grid-template-columns: 214px 101px 1fr;
  border-radius: 32px;
}
@media (max-width: 735px) {
.shortBlock__item.reservation.main.need_auth[data-v-12db6f48] {
    padding: 16px 16px 19px 20px;
    border-radius: 20px;
    grid-template-columns: 1fr;
}
}
.record_block__container_main__title[data-v-12db6f48],
.shortBlock__item.reservation.main.need_auth.auth .record_block__container_main__title[data-v-12db6f48] {
  padding-top: 12px;
  border-right: 1px solid var(--primary-100);
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 540;
  font-size: 32.8571px;
  line-height: 46px;
  letter-spacing: 0.014em;
  color: var(--primary-100);
}
@media (max-width: 735px) {
.record_block__container_main__title[data-v-12db6f48],
  .shortBlock__item.reservation.main.need_auth.auth .record_block__container_main__title[data-v-12db6f48] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.022em;
    color: var(--primary-100);
    align-self: end;
    border-right: none;
    padding-top: 0px;
}
@supports (color: color(display-p3 1 1 1)) {
.record_block__container_main__title[data-v-12db6f48],
    .shortBlock__item.reservation.main.need_auth.auth .record_block__container_main__title[data-v-12db6f48] {
      font-variation-settings: "wght" 700;
}
}
}
.shortBlock__item.reservation.main.need_auth .record_block__container_main__title[data-v-12db6f48] {
  border-right: 1px solid #FFDAD9;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 540;
  font-size: 32.8571px;
  line-height: 46px;
  letter-spacing: 0.014em;
  color: var(--primary-60);
}
@media (max-width: 735px) {
.shortBlock__item.reservation.main.need_auth .record_block__container_main__title[data-v-12db6f48] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.022em;
    color: var(--primary-60);
    border-right: none;
    padding-top: 0px;
}
@supports (color: color(display-p3 1 1 1)) {
.shortBlock__item.reservation.main.need_auth .record_block__container_main__title[data-v-12db6f48] {
      font-variation-settings: "wght" 700;
}
}
}
.record_block__container_main__desc[data-v-12db6f48],
.shortBlock__item.reservation.main.need_auth.auth .record_block__container_main__desc[data-v-12db6f48] {
  align-self: center;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 450;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.01em;
  color: var(--primary-100);
  word-wrap: break-word;
}
@media (max-width: 735px) {
.record_block__container_main__desc[data-v-12db6f48],
  .shortBlock__item.reservation.main.need_auth.auth .record_block__container_main__desc[data-v-12db6f48] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.04em;
    color: var(--primary-100);
    padding-top: 8px;
    max-width: 265px;
}
@supports (color: color(display-p3 1 1 1)) {
.record_block__container_main__desc[data-v-12db6f48],
    .shortBlock__item.reservation.main.need_auth.auth .record_block__container_main__desc[data-v-12db6f48] {
      font-variation-settings: "wght" 600;
}
}
}
.shortBlock__item.reservation.main.need_auth .record_block__container_main__desc[data-v-12db6f48] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 562;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.013em;
  color: var(--primary-60);
}
@media (max-width: 735px) {
.shortBlock__item.reservation.main.need_auth .record_block__container_main__desc[data-v-12db6f48] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.04em;
    color: var(--primary-60);
    padding-top: 8px;
    max-width: 265px;
}
@supports (color: color(display-p3 1 1 1)) {
.shortBlock__item.reservation.main.need_auth .record_block__container_main__desc[data-v-12db6f48] {
      font-variation-settings: "wght" 600;
}
}
}
.record_block__container_main__icon[data-v-12db6f48] {
  align-self: center;
  padding-left: 41px;
}
@media (max-width: 735px) {
.record_block__container_main__icon[data-v-12db6f48] {
    position: absolute;
    right: 12px;
    bottom: 16px;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Selects/MainSelect.vue?vue&type=style&index=0&id=782dddfd&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-782dddfd]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.global-search[data-v-782dddfd] {
  margin: 0 16px;
}
.global-search[data-v-782dddfd]:not(:last-child) {
  border-bottom: 1px solid var(--secondary-90);
}
.global-search__header[data-v-782dddfd] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-70);
}
@media (max-width: 520px) {
.global-search__header[data-v-782dddfd] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-70);
}
}
.titled[data-v-782dddfd] {
  display: flex;
  align-items: center;
}
.titled > .global-search__header[data-v-782dddfd] {
  width: 21%;
  padding-top: 14px;
  text-align: start;
  align-self: start;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/Input.vue?vue&type=style&index=0&id=1a6ff748&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1a6ff748]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.inputcomponent[data-v-1a6ff748] {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: stretch;
}
.errors[data-v-1a6ff748] {
  font-variation-settings: "wght" 600;
  font-size: 16px;
  line-height: 24px;
  color: #E32940;
  padding: 0 24px;
  margin-bottom: 8px;
}
.wrapper.type_checkbox.size_lg .checkbox[data-v-1a6ff748] {
  width: 56px;
  height: 56px;
  border-radius: 20px;
}
@media (max-width: 520px) {
.wrapper.type_checkbox.size_lg .checkbox[data-v-1a6ff748] {
    width: 44px;
    height: 44px;
    border-radius: 16px;
}
}
.wrapper.type_checkbox.size_lg .checkbox[data-v-1a6ff748]:before {
  width: 30px;
  height: 30px;
}
@media (max-width: 520px) {
.wrapper.type_checkbox.size_lg .checkbox[data-v-1a6ff748]:before {
    width: 24px;
    height: 24px;
}
}
.wrapper.type_checkbox.size_lg label[data-v-1a6ff748] {
  font-size: 18px;
  line-height: 24px;
}
@media (max-width: 520px) {
.wrapper.type_checkbox.size_lg label[data-v-1a6ff748] {
    font-size: 14px;
    line-height: 16px;
}
}
.wrapper.type_checkbox.size_sm .checkbox[data-v-1a6ff748] {
  width: 40px;
  height: 40px;
  border-radius: 14px;
}
@media (max-width: 520px) {
.wrapper.type_checkbox.size_sm .checkbox[data-v-1a6ff748] {
    width: 32px;
    height: 32px;
    border-radius: 11.2px;
}
}
.wrapper.type_checkbox.size_sm label[data-v-1a6ff748] {
  font-size: 18px;
  line-height: 24px;
}
@media (max-width: 520px) {
.wrapper.type_checkbox.size_sm label[data-v-1a6ff748] {
    font-size: 14px;
    line-height: 16px;
}
}
.wrapper.type_checkbox[data-v-1a6ff748] {
  cursor: pointer;
}
.wrapper.type_checkbox *[data-v-1a6ff748] {
  cursor: pointer;
}
.wrapper.type_checkbox.hasLabel[data-v-1a6ff748] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-content: flex-start;
}
.wrapper.type_checkbox.hasLabel.checked label[data-v-1a6ff748] {
  color: var(--primary-50);
}
.wrapper.type_checkbox.hasLabel .checkbox[data-v-1a6ff748] {
  margin-right: 8px;
}
.wrapper.type_checkbox.hasLabel label[data-v-1a6ff748] {
  order: 2;
  flex: 1 1 auto;
  font-variation-settings: "wght" 500;
  color: var(--primary-0);
}
.wrapper.type_checkbox input[data-v-1a6ff748] {
  opacity: 0;
  position: absolute;
}
.wrapper.type_checkbox.disabled .checkbox[data-v-1a6ff748] {
  background: var(--primary-90);
}
.wrapper.type_checkbox.checked .checkbox[data-v-1a6ff748] {
  background-color: var(--primary-50);
}
.wrapper.type_checkbox.checked .checkbox[data-v-1a6ff748]:before {
  content: "";
  display: block;
  background-image: url("/customer-assets/wr2/styles/icons/check.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.wrapper.type_checkbox .checkbox[data-v-1a6ff748] {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  background: var(--primary-100);
  border: 2px solid var(--primary-50);
  box-sizing: border-box;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 4px 0px;
  align-content: space-around;
  justify-content: center;
}
.wrapper.type_combo .combolist[data-v-1a6ff748] {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 2px solid var(--primary-50);
  z-index: 9;
  box-sizing: content-box;
  border-radius: 20px;
  overflow: auto;
  left: 0;
  right: 0;
}
.wrapper.type_combo .combolist .combo-list-item[data-v-1a6ff748] {
  background: #ececec;
  padding: 16px 24px;
  margin: 4px 0;
  cursor: pointer;
}
.wrapper.type_combo .combo[data-v-1a6ff748] {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 12px 0 12px;
  border-color: var(--primary-50) transparent transparent transparent;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-20%);
}
.wrapper:not(.type_combo) .combo[data-v-1a6ff748], .wrapper:not(.type_combo) .combolist[data-v-1a6ff748] {
  display: none;
}
.wrapper[data-v-1a6ff748]:not(.type_checkbox) {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: var(--primary-100);
  border: 2px solid var(--secondary-80);
  box-sizing: border-box;
  border-radius: 24px;
  flex: none;
  order: 0;
  align-self: stretch;
  margin: 4px 0px;
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 30px;
  height: 72px;
  letter-spacing: -0.02em;
  flex: 1 1 auto;
}
.wrapper:not(.type_checkbox).filled.hasLabel input + label[data-v-1a6ff748] {
  color: var(--neutral-var-50);
  font-variation-settings: "wght" 600;
  font-size: 16px;
  line-height: 24px;
  top: 12px;
}
@media (max-width: 520px) {
.wrapper:not(.type_checkbox).filled.hasLabel input + label[data-v-1a6ff748] {
    font-size: 11px;
    line-height: 12px;
}
}
.wrapper:not(.type_checkbox).focused[data-v-1a6ff748] {
  border-color: var(--primary-50);
}
.wrapper:not(.type_checkbox).focused input + label[data-v-1a6ff748] {
  color: var(--primary-50);
}
.wrapper:not(.type_checkbox).disabled[data-v-1a6ff748] {
  border-color: #ededed;
}
.wrapper:not(.type_checkbox).disabled input[data-v-1a6ff748] {
  color: var(--neutral-var-50);
}
.wrapper:not(.type_checkbox).error[data-v-1a6ff748] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 430;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: inherit;
}
@media (max-width: 520px) {
.wrapper:not(.type_checkbox).error[data-v-1a6ff748] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.005em;
    color: inherit;
}
}
@media (max-width: 520px) {
.wrapper[data-v-1a6ff748]:not(.type_checkbox) {
    border-radius: 16px;
    font-size: 14px;
    line-height: 20px;
    height: 44px;
}
}
.wrapper:not(.type_checkbox) input[data-v-1a6ff748] {
  position: absolute;
  border: none;
  background: none;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  caret-color: var(--primary-50);
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 30px;
  top: 25px;
}
@media (max-width: 520px) {
.wrapper:not(.type_checkbox) input[data-v-1a6ff748] {
    font-size: 14px;
    line-height: 20px;
}
}
.wrapper:not(.type_checkbox).hasLabel input[data-v-1a6ff748] {
  top: 5px;
  left: 0;
  padding: 34px 24px 8px;
}
@media (max-width: 520px) {
.wrapper:not(.type_checkbox).hasLabel input[data-v-1a6ff748] {
    padding: 21px 16px 8px;
}
}
.wrapper:not(.type_checkbox).hasLabel input + label[data-v-1a6ff748] {
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 30px;
  left: 26px;
  top: 26px;
  display: flex;
  align-items: center;
  letter-spacing: -0.02em;
  color: var(--primary-50);
  position: absolute;
  transition: all 0.5s;
}
@media (max-width: 520px) {
.wrapper:not(.type_checkbox).hasLabel input + label[data-v-1a6ff748] {
    font-size: 14px;
    line-height: 20px;
    left: 16px;
    top: 16px;
}
}
.wrapper:not(.type_checkbox).hasLabel input:focus + label[data-v-1a6ff748] {
  font-variation-settings: "wght" 600;
  font-size: 16px;
  line-height: 24px;
  top: 12px;
}
@media (max-width: 520px) {
.wrapper:not(.type_checkbox).hasLabel input:focus + label[data-v-1a6ff748] {
    font-size: 11px;
    line-height: 12px;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/CheckBoxN.vue?vue&type=style&index=0&id=a65c2fc6&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-a65c2fc6]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.checkboxn-b[data-v-a65c2fc6] {
  display: grid;
  grid-template-columns: 52px 1fr;
}
@media (max-width: 520px) {
.checkboxn-b[data-v-a65c2fc6] {
    grid-template-columns: 44px 1fr;
}
}
.checkboxn-s[data-v-a65c2fc6] {
  display: grid;
  grid-template-columns: 40px 1fr;
}
@media (max-width: 520px) {
.checkboxn-s[data-v-a65c2fc6] {
    grid-template-columns: 32.4px 1fr;
    gap: 9.8px;
}
}
.checkboxwr.type_a.checkboxn-s[data-v-a65c2fc6] {
  gap: 8px;
}
.checkboxwr.type_b.checkboxn-s[data-v-a65c2fc6] {
  gap: 6px;
}
.checkboxwr.type_a.checkboxn-b[data-v-a65c2fc6] {
  gap: 16px;
}
.checkboxwr.type_b.checkboxn-b[data-v-a65c2fc6] {
  gap: 14px;
}
.main-checkbox-b[data-v-a65c2fc6] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  width: 52px;
  border-radius: 16px;
}
@media (max-width: 520px) {
.main-checkbox-b[data-v-a65c2fc6] {
    height: 44px;
    width: 44px;
    border-radius: 10.8px;
}
}
.main-checkbox-b *[data-v-a65c2fc6] {
  align-self: center;
}
.main-checkbox-s[data-v-a65c2fc6] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border-radius: 16px;
}
@media (max-width: 520px) {
.main-checkbox-s[data-v-a65c2fc6] {
    height: 32.4px;
    width: 32.4px;
    border-radius: 10.8px;
}
}
.main-checkbox-s *[data-v-a65c2fc6] {
  align-self: center;
}
.checkboxwr.type_a .main-checkbox-s[data-v-a65c2fc6],
.checkboxwr.type_a .main-checkbox-b[data-v-a65c2fc6] {
  background: var(--primary-100);
  border: 2px solid var(--primary-50);
}
.checkboxwr.type_b .main-checkbox-s[data-v-a65c2fc6],
.checkboxwr.type_b .main-checkbox-b[data-v-a65c2fc6] {
  background: var(--primary-50);
  border: 2px solid var(--primary-100);
}
input:checked + label[data-v-a65c2fc6] {
  background: #E32940;
  border: 2px solid #E32940;
}
.checkboxn__label[data-v-a65c2fc6] {
  display: grid;
  align-items: center;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.checkboxn__label[data-v-a65c2fc6] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: var(--primary-0);
}
}
.checkboxn__error[data-v-a65c2fc6] {
  padding-left: 16px;
  margin-top: 6px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.checkboxn__error[data-v-a65c2fc6] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--primary-0);
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/InputN.vue?vue&type=style&index=0&id=67dac2a2&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-67dac2a2]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.inputn__container[data-v-67dac2a2] {
  position: relative;
}
.icon-eye[data-v-67dac2a2] {
  position: absolute;
  top: 0;
  right: 0;
  height: 52px;
  width: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-eye > div[data-v-67dac2a2] {
  cursor: pointer;
}
@media (max-width: 520px) {
.icon-eye[data-v-67dac2a2] {
    height: 44px;
    width: 44px;
}
}
.inputn[data-v-67dac2a2] {
  height: 52px;
  border: 2px solid var(--secondary-80);
  border-radius: 20px;
  background: var(--primary-100);
  padding: 2px 16px 2px 32px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 520px) {
.inputn[data-v-67dac2a2] {
    height: 44px;
    border-radius: 16px;
    padding: 2px 16px 2px 16px;
}
}
.inputn_text--feedback[data-v-67dac2a2] {
  margin-left: -4px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.004em;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.inputn_text--feedback[data-v-67dac2a2] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
}
}
.noBorder[data-v-67dac2a2] {
  border: none;
}
.noPlaceholder[data-v-67dac2a2] {
  display: flex;
  justify-content: center;
  padding-left: 16px;
}
.noPlaceholder > .inputcontainer[data-v-67dac2a2] {
  position: relative;
  top: 0;
  left: 0;
}
.view_intervals .inputn_select_val_text[data-v-67dac2a2] {
  padding: 2px 0 0 8px;
  display: flex;
  align-items: center;
}
.inputn.view_b[data-v-67dac2a2] {
  border: 2px solid var(--primary-90);
}
.inputn.view_i[data-v-67dac2a2],
.dropDownBlock.view_i[data-v-67dac2a2] {
  border: 2px solid var(--primary-70);
}
.inputn.view_i.blockSelect[data-v-67dac2a2] {
  border-bottom: none;
}
.dropDownBlock.view_i[data-v-67dac2a2] {
  border-top: none;
}
.inputn.view_c[data-v-67dac2a2] {
  border: 2px solid rgba(0, 0, 0, 0);
  padding: 2px 14px;
}
@supports (color: color(display-p3 1 1 1)) {
.inputn.view_c[data-v-67dac2a2] {
    padding: 2px 14px;
}
}
.inputn.view_d[data-v-67dac2a2] {
  padding: 2px 16px 2px 16px;
}
@supports (color: color(display-p3 1 1 1)) {
.inputn.view_d[data-v-67dac2a2] {
    padding: 2px 16px 2px 16px;
}
}
.inputn.view_checkbox[data-v-67dac2a2] {
  padding: 4px;
}
@supports (color: color(display-p3 1 1 1)) {
.inputn.view_checkbox[data-v-67dac2a2] {
    padding: 4px;
}
}
.inputn.view_d[data-v-67dac2a2]:has(input:focus) {
  border: 2px solid var(--primary-50);
}
.inputn.view_d:has(input:focus) .inputn_placeholder[data-v-67dac2a2] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--primary--50);
}
@media (max-width: 520px) {
.inputn.view_d:has(input:focus) .inputn_placeholder[data-v-67dac2a2] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--primary--50);
}
}
.inputn.view_d:has(input:focus) .inputn_placeholder--feedback[data-v-67dac2a2] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--neutral-50);
}
@media (max-width: 520px) {
.inputn.view_d:has(input:focus) .inputn_placeholder--feedback[data-v-67dac2a2] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--neutral-50);
}
}
.inputn.select[data-v-67dac2a2] {
  padding: 4px 4px 4px 8px;
  display: grid;
  grid-template-columns: 1fr 40px;
  gap: 21px;
  box-sizing: border-box;
}
@media (max-width: 520px) {
.inputn.select[data-v-67dac2a2] {
    padding: 0 0 0 8px;
}
}
.inputn.select.itemsCentered[data-v-67dac2a2] {
  align-items: center;
}
.inputn.select[data-v-67dac2a2]:hover {
  cursor: pointer;
  background-color: var(--neutral-95);
  color: var(--primary-50);
}
.inputn_select_val_text[data-v-67dac2a2] {
  padding: 18px 6px 0 6px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.004em;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.inputn_select_val_text[data-v-67dac2a2] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
    padding: 16px 6px;
}
}
.inputn_select_val_text.blackText[data-v-67dac2a2] {
  color: #000;
}
.noPlaceholderSelect[data-v-67dac2a2] {
  padding: 10px 8px;
  color: var(--primary-50);
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: "black";
}
@media (max-width: 520px) {
.noPlaceholderSelect[data-v-67dac2a2] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: "black";
}
}
.inputn.select:not(.noBorder) > .noPlaceholderSelect[data-v-67dac2a2] {
  padding: 8px;
}
.blockSelect[data-v-67dac2a2] {
  border-bottom: none;
  border-radius: 20px 20px 0 0;
}
@media (max-width: 520px) {
.blockSelect[data-v-67dac2a2] {
    border-radius: 16px 16px 0 0;
}
}
.inputn_placeholder[data-v-67dac2a2] {
  position: absolute;
  left: 16px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-50);
  line-height: 44px !important;
  text-align: left;
}
@media (max-width: 520px) {
.inputn_placeholder[data-v-67dac2a2] {
    line-height: 36px !important;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-50);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
}
}
.inputn_placeholder--feedback[data-v-67dac2a2] {
  position: absolute;
  left: 14px;
  top: 2px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.004em;
  color: var(--primary-50);
  line-height: 44px !important;
  text-align: left;
}
@media (max-width: 520px) {
.inputn_placeholder--feedback[data-v-67dac2a2] {
    position: absolute;
    top: 10px;
    line-height: 20px !important;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-50);
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
}
}
.inputcontainer[data-v-67dac2a2] {
  position: absolute;
  top: 22px;
  left: 16px;
  height: 24px;
  width: calc(100% - 32px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end;
}
@media (max-width: 520px) {
.inputcontainer[data-v-67dac2a2] {
    top: 14px;
}
}
input[data-v-67dac2a2] {
  margin: 0 -18px -22px;
  padding: 22px 18px;
  flex: 1 1 auto;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
  border: none;
  caret-color: var(--primary-50);
}
@media (max-width: 520px) {
input[data-v-67dac2a2] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
    width: 1px;
}
}
input[data-v-67dac2a2]:focus {
  outline: none;
}
input:focus + .inputn_placeholder[data-v-67dac2a2],
input:valid + .inputn_placeholder[data-v-67dac2a2],
.inputcontainer.focused + .inputn_placeholder[data-v-67dac2a2],
.inputcontainer.notempty + .inputn_placeholder[data-v-67dac2a2] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--primary-50);
  line-height: 20px !important;
}
@media (max-width: 520px) {
input:focus + .inputn_placeholder[data-v-67dac2a2],
  input:valid + .inputn_placeholder[data-v-67dac2a2],
  .inputcontainer.focused + .inputn_placeholder[data-v-67dac2a2],
  .inputcontainer.notempty + .inputn_placeholder[data-v-67dac2a2] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--primary-50);
    line-height: 11px !important;
}
}
input:focus + .inputn_placeholder--feedback[data-v-67dac2a2],
input:valid + .inputn_placeholder--feedback[data-v-67dac2a2],
.inputcontainer.focused + .inputn_placeholder--feedback[data-v-67dac2a2],
.inputcontainer.notempty + .inputn_placeholder--feedback[data-v-67dac2a2] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.0024em;
  color: var(--neutral-50);
  line-height: 20px !important;
}
@media (max-width: 520px) {
input:focus + .inputn_placeholder--feedback[data-v-67dac2a2],
  input:valid + .inputn_placeholder--feedback[data-v-67dac2a2],
  .inputcontainer.focused + .inputn_placeholder--feedback[data-v-67dac2a2],
  .inputcontainer.notempty + .inputn_placeholder--feedback[data-v-67dac2a2] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--neutral-50);
    line-height: 11px !important;
}
}
.inputn_drop_down[data-v-67dac2a2] {
  position: absolute;
  left: 14px;
  top: 2px;
  text-align: left;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.0024em;
  color: var(--neutral-50);
  line-height: 20px !important;
}
@media (max-width: 520px) {
.inputn_drop_down[data-v-67dac2a2] {
    top: 4px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--neutral-50);
    line-height: 11px !important;
}
}
.inputn_error[data-v-67dac2a2] {
  transition: opacity 0.5s;
  color: var(--error-50);
}
.inputn_error--light[data-v-67dac2a2] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--error-90);
}
.dropDownBlock[data-v-67dac2a2] {
  position: relative;
  top: 0;
  border: 2px solid var(--secondary-80);
  border-top: none;
  border-radius: 0 0 20px 20px;
  box-shadow: none;
  background: white;
}
@media (max-width: 520px) {
.dropDownBlock[data-v-67dac2a2] {
    border-radius: 0 0 16px 16px;
}
}
.dropDownBlock .drop-down-menu-item[data-v-67dac2a2] {
  position: relative;
  display: flex;
  align-items: center;
  height: 52px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: "black";
  border-top: 2px solid var(--secondary-80);
  cursor: pointer;
}
@media (max-width: 520px) {
.dropDownBlock .drop-down-menu-item[data-v-67dac2a2] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: "black";
    height: 44px;
}
}
.dropDownBlock .drop-down-menu-item[data-v-67dac2a2]:hover {
  background-color: var(--neutral-95);
  color: var(--primary-50);
}
.dropDownBlock .drop-down-menu-item[data-v-67dac2a2]:last-of-type {
  border-radius: 0 0 20px 20px;
}
@media (max-width: 520px) {
.dropDownBlock .drop-down-menu-item[data-v-67dac2a2]:last-of-type {
    border-radius: 0 0 16px 16px;
}
}
.noBorder ~ .dropDownBlock[data-v-67dac2a2] {
  border: none;
}
.noBorder ~ .dropDownBlock > .drop-down-menu-item[data-v-67dac2a2] {
  border: none;
  border-top: 2px solid var(--secondary-90);
}
.drop-down-menu-item[data-v-67dac2a2] {
  color: #000;
  padding: 8px 14px;
}
.inputslot[data-v-67dac2a2] {
  position: relative;
  top: -4px;
  right: -10px;
}
@media (max-width: 520px) {
.inputslot[data-v-67dac2a2] {
    top: -2px;
}
}
.inputslot.simple-calendar[data-v-67dac2a2] {
  position: absolute;
  top: -12px;
  right: -2px;
}
@media (max-width: 520px) {
.inputslot.simple-calendar[data-v-67dac2a2] {
    top: -8px;
    right: -4px;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/MiniSpiner.vue?vue&type=style&index=0&id=2f4b06d6&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2f4b06d6]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.loader[data-v-2f4b06d6] {
  animation-duration: 2s;
  animation-name: heartbeat;
  animation-iteration-count: infinite;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  flex-wrap: nowrap;
  font-size: 20px;
  line-height: 30px;
}
.loader.withBackdrop[data-v-2f4b06d6] {
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.sk-fading-circle[data-v-2f4b06d6] {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-fading-circle .sk-circle[data-v-2f4b06d6] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-fading-circle .sk-circle[data-v-2f4b06d6]:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay-2f4b06d6 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay-2f4b06d6 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2[data-v-2f4b06d6] {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3[data-v-2f4b06d6] {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4[data-v-2f4b06d6] {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5[data-v-2f4b06d6] {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6[data-v-2f4b06d6] {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7[data-v-2f4b06d6] {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8[data-v-2f4b06d6] {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9[data-v-2f4b06d6] {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10[data-v-2f4b06d6] {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11[data-v-2f4b06d6] {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12[data-v-2f4b06d6] {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2[data-v-2f4b06d6]:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3[data-v-2f4b06d6]:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-fading-circle .sk-circle4[data-v-2f4b06d6]:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5[data-v-2f4b06d6]:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6[data-v-2f4b06d6]:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7[data-v-2f4b06d6]:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8[data-v-2f4b06d6]:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9[data-v-2f4b06d6]:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10[data-v-2f4b06d6]:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11[data-v-2f4b06d6]:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12[data-v-2f4b06d6]:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay-2f4b06d6 {
0%, 39%, 100% {
    opacity: 0;
}
40% {
    opacity: 1;
}
}
@keyframes sk-circleFadeDelay-2f4b06d6 {
0%, 39%, 100% {
    opacity: 0;
}
40% {
    opacity: 1;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/MainSearchWrapper.vue?vue&type=style&index=0&id=66b4ff92&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-66b4ff92]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.gsearch_overlay[data-v-66b4ff92] {
  position: fixed;
  top: -30px;
  left: -30px;
  right: -30px;
  bottom: -30px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(3px);
  z-index: 10;
  pointer-events: all;
  background: rgba(255, 255, 255, 0.6);
}
.gsearch_placeholder[data-v-66b4ff92] {
  height: 68px;
  padding: 8px;
  border: 2px solid var(--primary-90);
  opacity: 0;
  width: 100%;
}
@media (max-width: 520px) {
.gsearch_placeholder[data-v-66b4ff92] {
    height: 52px;
}
}
.gsearch-results[data-v-66b4ff92] {
  padding-top: 8px;
  grid-area: 2/1/auto/span 2;
  overflow: auto;
  max-height: 60vh;
}
.globalsearch[data-v-66b4ff92] {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 11;
  text-align: center;
  border: 2px solid var(--primary-90);
  border-radius: 24px;
  color: var(--primary-50);
  min-height: 68px;
  display: grid;
  justify-content: center;
  align-content: center;
  background-color: var(--primary-100);
}
@media (max-width: 520px) {
.globalsearch[data-v-66b4ff92] {
    min-height: 52px;
    border-radius: 20px;
}
}
.globalsearch.active[data-v-66b4ff92] {
  display: block;
  border: none;
}
@media (max-width: 520px) {
.globalsearch.active[data-v-66b4ff92] {
    padding: 4px;
}
}
.globalsearch_text[data-v-66b4ff92] {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: row;
  cursor: pointer;
}
.global_search_text[data-v-66b4ff92] {
  padding-left: 16px;
  line-height: 36px !important;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.009em;
  color: var(-primary-50);
}
@media (max-width: 520px) {
.global_search_text[data-v-66b4ff92] {
    padding-left: 8px;
    line-height: 20px !important;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.004em;
    color: var(-primary-50);
}
}
.globalsearch_input[data-v-66b4ff92] {
  width: 100%;
  display: grid;
  justify-content: space-between;
  align-content: center;
  grid-template-columns: 1fr 44px;
  column-gap: 16px;
  grid-template-rows: 1fr max-content;
  padding: 8px 8px 0 8px;
}
@media (max-width: 520px) {
.globalsearch_input[data-v-66b4ff92] {
    grid-template-columns: 1fr;
}
}
.globalsearch_icon[data-v-66b4ff92] {
  display: grid;
  justify-content: center;
  align-content: center;
}
@media (max-width: 520px) {
.globalsearch_icon[data-v-66b4ff92] {
    display: none;
}
}
.noresult[data-v-66b4ff92] {
  padding: 8px 0 16px 0;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.009em;
  color: var(-primary-50);
}
.gsearch__add-letters[data-v-66b4ff92] {
  height: 309px;
  margin-left: 16px;
  margin-top: 8px;
  text-align: start;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: #B4A9A7;
}
@media (max-width: 520px) {
.gsearch__add-letters[data-v-66b4ff92] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: #B4A9A7;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/GlobalSearch.vue?vue&type=style&index=0&id=4687d5db&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4687d5db]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.gsearch_item[data-v-4687d5db] {
  display: flex;
  align-items: center;
  text-align: start;
  min-height: 52px;
  padding: 10px 8px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: #000;
}
@media (max-width: 520px) {
.gsearch_item[data-v-4687d5db] {
    min-height: 44px;
    padding: 8px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: #000;
}
}
.gsearch_item[data-v-4687d5db]:has(+ .global-search__header) {
  flex: 1;
}
.gsearch_item__name[data-v-4687d5db]:hover {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.gsearch_item__name[data-v-4687d5db]:hover {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-50);
}
}
.price-item-card[data-v-4687d5db] {
  background: var(--primary-100);
  display: grid;
  grid-template-columns: 1fr minmax(auto, max-content);
  justify-items: stretch;
  align-items: start;
  cursor: pointer;
}
@media (max-width: 520px) {
.price-item-card[data-v-4687d5db] {
    grid-template-columns: 2fr 1fr;
}
}
.price-item-group-card__body[data-v-4687d5db] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.price-grid-col1[data-v-4687d5db] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
  grid-column: 1;
}
@media (max-width: 520px) {
.price-grid-col1[data-v-4687d5db] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
}
}
.price-grid-col1-small[data-v-4687d5db] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 370;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.035em;
  color: var(--primary-0);
  grid-column: 1;
}
.price-amount[data-v-4687d5db] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-50);
  grid-column: 2;
  justify-self: end;
}
@media (max-width: 520px) {
.price-amount[data-v-4687d5db] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 475;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.0192em;
    color: var(--primary-50);
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/MainMenu/RecordBlockItem.vue?vue&type=style&index=0&id=2943a6a8&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2943a6a8]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.record_item_main[data-v-2943a6a8] {
  border: none;
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
  border-radius: 32px;
  padding: 20.5px 29px 20.5px 15px;
  display: grid;
  grid-template-columns: 250px 1fr 43px;
  min-height: 118px;
  position: relative;
  cursor: pointer;
}
.record_item_main[data-v-2943a6a8]:hover {
  background: var(--primary-50);
}
.record_item_main.anon[data-v-2943a6a8] {
  background: var(--primary-100);
  border: 2px solid var(--primary-90);
}
.record_item_main.type_2[data-v-2943a6a8] {
  border-radius: 24px;
  padding: 32px 12px 16px 24px;
  display: flex;
  flex-direction: column;
  min-height: 188px;
}
.record_item_main.type_3[data-v-2943a6a8] {
  border-radius: 24px;
  padding: 20px 14px 18px 23px;
  display: flex;
  flex-direction: column;
  min-height: 140px;
}
@media (max-width: 520px) {
.record_item_main[data-v-2943a6a8],
  .record_item_main.type_1[data-v-2943a6a8],
  .record_item_main.type_2[data-v-2943a6a8],
  .record_item_main.type_3[data-v-2943a6a8] {
    grid-template-columns: 1fr;
    padding: 16px 12px 16px 20px;
    border-radius: 24px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
}
@media (max-width: 520px) {
.record_item_main.type_1[data-v-2943a6a8],
  .record_item_main.type_4[data-v-2943a6a8] {
    flex-direction: column;
}
}
.record_item_main__title[data-v-2943a6a8] {
  padding-right: 8px;
  height: 77px;
  border-right: solid 2px var(--primary-100);
  text-align: center;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 540;
  font-size: 27.8571px;
  line-height: 30px;
  letter-spacing: 0.014em;
  color: var(--primary-100);
}
.record_item_main.type_1 .record_item_main__title[data-v-2943a6a8],
.record_item_main.type_4 .record_item_main__title[data-v-2943a6a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.record_item_main.anon .record_item_main__title[data-v-2943a6a8] {
  border-right: solid 1px var(--primary-60);
}
.record_item_main.online .record_item_main__title[data-v-2943a6a8] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 540;
  font-size: 22.65px;
  line-height: 29px;
  letter-spacing: 0.014em;
  color: var(--primary-100);
}
@media (max-width: 520px) {
.record_item_main.online .record_item_main__title[data-v-2943a6a8] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 540;
    font-size: 17.65px;
    line-height: 32px;
    letter-spacing: 0.019em;
    color: var(--primary-100);
}
}
.record_item_main.type_2 .record_item_main__title[data-v-2943a6a8],
.record_item_main.type_2.online .record_item_main__title[data-v-2943a6a8],
.record_item_main.type_3 .record_item_main__title[data-v-2943a6a8] {
  height: inherit;
  padding: 0;
  border-right: none;
  text-align: left;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 540;
  font-size: 21.8571px;
  line-height: 30px;
  letter-spacing: 0.014em;
  color: var(--primary-100);
}
@media (max-width: 520px) {
.record_item_main.type_2.online .record_item_main__title[data-v-2943a6a8] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 540;
    font-size: 17.65px;
    line-height: 32px;
    letter-spacing: 0.019em;
    color: var(--primary-100);
}
}
.record_item_main.type_3 .record_item_main__title[data-v-2943a6a8] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 540;
  font-size: 17.8571px;
  line-height: 30px;
  letter-spacing: 0.014em;
  color: var(--primary-100);
}
@media (max-width: 520px) {
.record_item_main__title[data-v-2943a6a8],
  .record_item_main.type_2 .record_item_main__title[data-v-2943a6a8],
  .record_item_main.type_2.online .record_item_main__title[data-v-2943a6a8],
  .record_item_main.type_3 .record_item_main__title[data-v-2943a6a8] {
    height: inherit;
    padding: 0;
    border-right: none;
    text-align: left;
}
}
@media (max-width: 520px) {
.record_item_main__title[data-v-2943a6a8],
  .record_item_main.type_2 .record_item_main__title[data-v-2943a6a8] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 570;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.004em;
    color: var(--primary-100);
}
@supports (color: color(display-p3 1 1 1)) {
.record_item_main__title[data-v-2943a6a8],
    .record_item_main.type_2 .record_item_main__title[data-v-2943a6a8] {
      font-variation-settings: "wght" 670;
}
}
}
@media (max-width: 520px) {
.record_item_main.type_2.online .record_item_main__title[data-v-2943a6a8],
  .record_item_main.type_3 .record_item_main__title[data-v-2943a6a8] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 570;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.004em;
    color: var(--primary-100);
}
@supports (color: color(display-p3 1 1 1)) {
.record_item_main.type_2.online .record_item_main__title[data-v-2943a6a8],
    .record_item_main.type_3 .record_item_main__title[data-v-2943a6a8] {
      font-variation-settings: "wght" 670;
}
}
}
.record_item_main__desk[data-v-2943a6a8] {
  padding-left: 27px;
  padding-right: 37px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 450;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: var(--primary-100);
}
.record_item_main.type_2 .record_item_main__desk[data-v-2943a6a8] {
  padding-left: 0;
  padding-right: 90px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 15px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 450;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: var(--primary-100);
}
@media (max-width: 520px) {
.record_item_main__desk[data-v-2943a6a8],
  .record_item_main.type_2 .record_item_main__desk[data-v-2943a6a8] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 450;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: var(--primary-100);
    padding: 8px 0 0 0;
    margin-top: 0;
}
}
.record_item_main.type_3 .record_item_main__desk[data-v-2943a6a8] {
  padding-left: 0;
  padding-right: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 12px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 450;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: var(--primary-100);
}
@media (max-width: 520px) {
.record_item_main.online:not(.type_2):not(.type_1) .record_item_main__desk[data-v-2943a6a8],
  .record_item_main.type_3 .record_item_main__desk[data-v-2943a6a8],
  .record_item_main.type_4 .record_item_main__desk[data-v-2943a6a8] {
    display: none;
}
}
@media (max-width: 520px) {
.main_row .record_item_main.online.type_2 .record_item_main__desk[data-v-2943a6a8] {
    display: none;
}
}
.record_item_main.anon .record_item_main__title[data-v-2943a6a8],
.record_item_main.anon .record_item_main__desk[data-v-2943a6a8] {
  color: var(--primary-60) !important;
}
.record_item_main__icon[data-v-2943a6a8] {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 520px) {
.record_item_main__icon[data-v-2943a6a8] {
    position: absolute;
    bottom: 16px;
    right: 12px;
}
}
.record_item_main.type_2 .record_item_main__icon[data-v-2943a6a8],
.record_item_main.type_3 .record_item_main__icon[data-v-2943a6a8] {
  position: absolute;
  bottom: 16px;
  right: 12px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/MainMenu/RecordBlockN.vue?vue&type=style&index=0&id=08262aae&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-08262aae]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.record_block__header[data-v-08262aae] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 8px;
}
@media (max-width: 735px) {
.record_block__header[data-v-08262aae] {
    margin-top: 0;
}
}
.record_block__title[data-v-08262aae] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-0);
}
@media (max-width: 735px) {
.record_block__title[data-v-08262aae] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 570;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.004em;
    color: var(--primary-0);
}
@supports (color: color(display-p3 1 1 1)) {
.record_block__title[data-v-08262aae] {
      font-variation-settings: "wght" 670;
}
}
}
.record_block__wrapper[data-v-08262aae] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.main_row[data-v-08262aae],
.sub_row[data-v-08262aae] {
  display: grid;
  gap: 8px;
}
.gc_1[data-v-08262aae] {
  grid-template-columns: repeat(1, 1fr);
}
.gc_2[data-v-08262aae] {
  grid-template-columns: repeat(2, 1fr);
}
.gc_3[data-v-08262aae] {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 520px) {
.gc_1[data-v-08262aae], .gc_2[data-v-08262aae], .gc_3[data-v-08262aae] {
    grid-template-columns: 1fr;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/views/Index.vue?vue&type=style&index=0&id=23543608&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-23543608]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.main-menu[data-v-23543608] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 66px;
}
@media (max-width: 520px) {
.main-menu[data-v-23543608] {
    gap: 40px;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/IconComponent.vue?vue&type=style&index=0&id=26ea1e16&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.icon-block {
  display: inline-block;
  vertical-align: middle;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
@keyframes rotating {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.rotating {
  animation: rotating 2s linear infinite;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/InputCheckboxComponent.vue?vue&type=style&index=0&id=6fca2000&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6fca2000]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.checkbox-block[data-v-6fca2000] {
  position: relative;
  width: fit-content;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.checkbox-input[data-v-6fca2000] {
  margin: 0 4px 0 0;
  appearance: none;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background-color: var(--bg-white);
  border: 1px solid var(--input-border-color);
  cursor: pointer;
  flex-shrink: 0;
}
.checkbox-input[data-v-6fca2000]:not(:disabled):hover {
  border-color: var(--input-border-color-hover);
}
.checkbox-input[data-v-6fca2000]:not(:disabled):active {
  border-color: var(--input-border-color-click);
}
.checkbox-input[data-v-6fca2000]:disabled {
  background-color: var(--bg-accent-disabled);
  border-color: var(--secondary-cta-focus-8);
  cursor: none;
}
.checkbox-input[data-v-6fca2000]:not(:disabled):focus {
  border: 2px solid var(--secondary-accent-color);
  outline: none;
}
.checkbox-input.isError[data-v-6fca2000] {
  border: 2px solid var(--bad-rating-color);
}
.checkbox-input.checked[data-v-6fca2000] {
  background-color: var(--main-accent-color);
  border: none;
}
.checkbox-input.checked[data-v-6fca2000]:not(:disabled):hover {
  background-color: var(--main-accent-color-hover);
}
.checkbox-input.checked[data-v-6fca2000]:not(:disabled):active {
  background-color: var(--main-accent-color-click);
}
.checkbox-input.checked[data-v-6fca2000]:disabled {
  background-color: var(--bg-accent-disabled);
  border: none;
  cursor: none;
}
.checkbox-input.checked[data-v-6fca2000]:not(:disabled):focus {
  border: 2px solid var(--secondary-accent-color);
}
.checkbox__checked[data-v-6fca2000] {
  position: absolute;
  top: 3px;
  left: 4px;
  user-select: none;
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/MenuComponent.vue?vue&type=style&index=0&id=6324675e&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6324675e]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.menu-block[data-v-6324675e] {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--card-border-color);
  background-color: var(--bg-white);
  box-shadow: 0 16px 24px -16px var(--secondary-cta-focus-8);
  display: block;
  z-index: 10;
  cursor: default;
}
.menu-block__caption[data-v-6324675e] {
  text-align: left;
  padding: 8px;
  min-height: 32px;
  font-family: "TildaSansRegular";
  font-size: 17px;
  line-height: 16px;
  font-weight: 400;
  color: var(--helper-text-color);
}
.menu-block__divider[data-v-6324675e] {
  width: 100%;
  height: 1px;
  margin: 8px 0;
  background-color: var(--bg-main);
}
.menu-block__item[data-v-6324675e] {
  display: flex;
  align-items: center;
  gap: 4px;
  text-align: left;
  padding: 8px 12px;
  min-height: 44px;
  border-radius: 8px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
  cursor: pointer;
}
.menu-block__item.disabled[data-v-6324675e] {
  color: var(--disabled-text-color) !important;
  cursor: default;
}
.menu-block__item[data-v-6324675e]:not(.disabled):hover {
  background-color: var(--ads-accent-color-hover);
}
.menu-block__item[data-v-6324675e]:not(.disabled):active {
  background-color: var(--ads-accent-color-click);
}
.menu-block__item.withCheckBox[data-v-6324675e] {
  align-items: flex-start;
  padding: 8px 4px;
}
.menu-label[data-v-6324675e] {
  flex-grow: 1;
  white-space: break-spaces;
  max-width: 100%;
  overflow: hidden;
}
.after-info[data-v-6324675e] {
  align-self: baseline;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--secondary-cta-32);
  white-space: nowrap;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/CalendarComponent.vue?vue&type=style&index=0&id=63263a71&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-63263a71]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.calendar-block[data-v-63263a71] {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr;
  background: var(--bg-white);
  padding: 24px;
  width: 382px;
  overflow: hidden;
  background: var(--bg-white);
  border: 1px solid var(--card-border-color);
  border-radius: 8px;
  box-shadow: 0 16px 24px -16px var(--secondary-cta-focus-8);
  z-index: 10;
}
@media (max-width: 576px) {
.calendar-block[data-v-63263a71] {
    padding: 12px;
}
}
.calendar-block__month[data-v-63263a71] {
  margin: 0 8px 8px 8px;
  display: grid;
  grid-template-columns: 32px 1fr 32px;
  gap: 8px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "TildaSansSemibold";
  font-size: 24px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.calendar-block__month[data-v-63263a71] {
    font-size: 21px;
}
}
.month-icon[data-v-63263a71] {
  cursor: pointer;
}
.month-icon[data-v-63263a71]:hover {
  color: var(--main-accent-color-hover);
}
.month-icon[data-v-63263a71]:active {
  color: var(--main-accent-color-click);
}
.calendar-block__table[data-v-63263a71] {
  display: grid;
  grid-template-columns: repeat(7, 48px);
  grid-template-rows: repeat(auto-fill, 46px);
  grid-auto-rows: 46px;
  justify-content: center;
  align-items: center;
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.calendar-block__table div[data-v-63263a71] {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 576px) {
.calendar-block__table[data-v-63263a71] {
    row-gap: 4px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
}
.calendar-block__table.isOverflown[data-v-63263a71] {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.calendar-block__day[data-v-63263a71] {
  border-radius: 16px;
  border: 2px solid transparent;
  height: 100%;
  cursor: pointer;
}
.calendar-block__day[data-v-63263a71]:not(.disabled):hover {
  border: 2px solid var(--secondary-accent-color-hover);
}
.calendar-block__day[data-v-63263a71]:not(.disabled):active {
  border: 2px solid var(--secondary-accent-color-click);
}
.calendar-block__day.disabled[data-v-63263a71] {
  color: var(--disabled-text-color);
  cursor: unset;
}
.calendar-block__day.selected[data-v-63263a71] {
  color: var(--bg-white);
  background: var(--main-accent-color);
}
.calendar-block__day:not(.disabled).isFree[data-v-63263a71] {
  position: relative;
}
.calendar-block__day:not(.disabled).isFree[data-v-63263a71]::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 10.5px;
  background-color: var(--good-rating-color);
  bottom: 4px;
}
.firstSpace_0[data-v-63263a71] {
  grid-column: 1/7;
}
.firstSpace_1[data-v-63263a71] {
  display: none !important;
}
.firstSpace_2[data-v-63263a71] {
  grid-column: 1/2;
}
.firstSpace_3[data-v-63263a71] {
  grid-column: 1/3;
}
.firstSpace_4[data-v-63263a71] {
  grid-column: 1/4;
}
.firstSpace_5[data-v-63263a71] {
  grid-column: 1/5;
}
.firstSpace_6[data-v-63263a71] {
  grid-column: 1/6;
}
.available-info-block[data-v-63263a71] {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--bg-main);
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--icon-color-default);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Tooltip.vue?vue&type=style&index=0&id=70596efa&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-70596efa]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.tooltip[data-v-70596efa] {
  position: absolute;
  text-align: left;
  background: var(--tooltip-bg);
  max-width: 100%;
  border-radius: 16px;
  padding: 24px;
  overflow-wrap: anywhere;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--bg-white);
  display: none;
  z-index: 3;
}
@media (max-width: 771px) {
.tooltip[data-v-70596efa] {
    padding: 16px;
}
}
.tooltip.top[data-v-70596efa] {
  bottom: 100%;
  left: 0;
}
.tooltip.bottom[data-v-70596efa] {
  top: 100%;
  left: 0;
}
.tooltip.left[data-v-70596efa] {
  top: 0;
  right: 100%;
}
.tooltip.right[data-v-70596efa] {
  top: 0;
  left: 100%;
}
.tooltip[data-v-70596efa]::after {
  content: "";
  position: absolute;
  background: var(--tooltip-bg);
  width: 22px;
  height: 22px;
  box-shadow: 0 16px 48px -16px rgba(0, 0, 0, 0.1607843137);
  transform: rotate(45deg);
  border-radius: 6px;
}
.tooltip.top[data-v-70596efa]::after {
  bottom: -6px;
}
.tooltip.bottom[data-v-70596efa]::after {
  top: -6px;
}
.tooltip.left[data-v-70596efa]::after {
  right: -6px;
}
.tooltip.right[data-v-70596efa]::after {
  left: -6px;
}
.tooltip.top.c[data-v-70596efa]::after,
.tooltip.bottom.c[data-v-70596efa]::after {
  left: 50%;
  margin-left: -7px;
}
.tooltip.top.r[data-v-70596efa]::after,
.tooltip.bottom.r[data-v-70596efa]::after {
  right: 22px;
}
.tooltip.top.l[data-v-70596efa]::after,
.tooltip.bottom.l[data-v-70596efa]::after {
  left: 22px;
}
.tooltip.left.c[data-v-70596efa]::after,
.tooltip.right.c[data-v-70596efa]::after {
  top: 50%;
  margin-top: -7px;
}
.tooltip.left.t[data-v-70596efa]::after,
.tooltip.right.t[data-v-70596efa]::after {
  top: 22px;
}
.tooltip.left.b[data-v-70596efa]::after,
.tooltip.right.b[data-v-70596efa]::after {
  bottom: 22px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/InputComponent.vue?vue&type=style&index=0&id=62be3503&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-62be3503]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.input-block[data-v-62be3503] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.input-block label[data-v-62be3503] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.input-block__label[data-v-62be3503] {
  color: var(--main-cta);
}
.input-block__container[data-v-62be3503] {
  position: relative;
  background: var(--bg-white);
  padding: 16px;
  height: 48px;
  display: flex;
  gap: 10px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
}
@media (max-width: 375px) {
.input-block__container[data-v-62be3503] {
    padding: 12px;
}
}
.input-block__container[data-v-62be3503]:has(.input-block__input:disabled),
.input-block__input[data-v-62be3503]:disabled {
  background: var(--card-bg-color);
}
.input-block__container:has(.input-block__input:disabled) + .mask-error[data-v-62be3503] {
  display: none;
}
.input-block__container.isInvalid[data-v-62be3503] {
  border: 2px solid var(--bad-rating-color);
}
.input-block__container[data-v-62be3503]:has(.input-block__input:focus) {
  border: 1px solid var(--main-accent-color-click);
}
.input-block__container[data-v-62be3503]:has(.questionary-calendar-input) {
  width: 230px;
}
.input-block__container[data-v-62be3503]:has(.number-input),
.input-block__container[data-v-62be3503]:has(.bool-drop-input) {
  width: 200px;
}
.number-input.input-block__input[data-v-62be3503] {
  text-align: center;
}
.input-block__input[data-v-62be3503] {
  flex-grow: 1;
  border: none;
  text-overflow: ellipsis;
  min-width: 50px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.input-block__input.noCaret[data-v-62be3503] {
  caret-color: transparent;
  cursor: pointer;
}
.input-block__input[data-v-62be3503]::placeholder {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--input-placeholder-color);
}
.input-block__input[data-v-62be3503]:focus {
  outline: none;
}
.preInputBlock[data-v-62be3503],
.afterInputBlock[data-v-62be3503] {
  display: flex;
  align-items: center;
  height: 28px;
}
.preInputBlock[data-v-62be3503]:empty,
.afterInputBlock[data-v-62be3503]:empty {
  display: none;
}
.preInputBlock[data-v-62be3503]:has(.chip-wrapper) {
  height: 32px;
  width: 100%;
  overflow: hidden;
}
.preInputBlock:has(.chip-wrapper) + .input-block__input[data-v-62be3503] {
  display: none;
}
.input-block__btn[data-v-62be3503] {
  height: 28px;
  width: 28px;
  cursor: pointer;
  text-align: right;
}
.dropdown-menu[data-v-62be3503] {
  top: calc(100% + 4px);
  width: 100%;
  max-height: 324px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.calendar-menu[data-v-62be3503] {
  top: calc(100% + 4px);
  width: 100%;
}
.questionary-calendar-input ~ .calendar-menu[data-v-62be3503] {
  min-width: 350px;
}
.error-tooltip-container:hover .tooltip[data-v-62be3503] {
  display: block;
}
.tooltip[data-v-62be3503] {
  right: -4px;
  left: unset !important;
  margin-top: 14px;
  z-index: 1;
}
.obligative[data-v-62be3503]::after {
  content: " *";
  color: var(--bad-rating-color);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/IndexPage/GlobalSearchComponent.vue?vue&type=style&index=0&id=274348e4&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-274348e4]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
[data-v-274348e4] .input-block__container {
  height: 60px;
  border: 2px solid var(--secondary-cta-focus-8);
  border-radius: 12px;
  max-width: calc(100vw - 32px);
  overflow: hidden;
}
@media (max-width: 576px) {
[data-v-274348e4] .input-block__container {
    height: 46px;
    gap: 4px;
}
}
[data-v-274348e4] .input-block__container:has( .input-block__input:focus) {
  border: 2px solid var(--main-accent-color-click);
}
@media (max-width: 576px) {
[data-v-274348e4] .input-block__container input {
    width: 95%;
}
}
[data-v-274348e4] .input-block__input {
  font-family: "TildaSansRegular";
  font-size: 23px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 576px) {
[data-v-274348e4] .input-block__input {
    font-size: 19px;
}
}
[data-v-274348e4] .input-block__input::placeholder {
  font-family: "TildaSansRegular";
  font-size: 23px;
  font-weight: 400;
  color: var(--input-placeholder-color);
}
@media (max-width: 576px) {
[data-v-274348e4] .input-block__input::placeholder {
    font-size: 19px;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/IndexPage/GlobalSearchResulBlock.vue?vue&type=style&index=0&id=5c4f513f&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5c4f513f]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.global-search_res-block-title[data-v-5c4f513f] {
  display: flex;
  align-items: center;
  height: 54px;
  padding: 16px 44px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-accent-color);
}
@media (max-width: 771px) {
.global-search_res-block-title[data-v-5c4f513f] {
    padding: 16px;
}
}
@media (max-width: 576px) {
.global-search_res-block-title[data-v-5c4f513f] {
    padding: 16px 8px;
}
}
.global-search_res-block-item-container[data-v-5c4f513f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding: 16px 44px;
  border-radius: 8px;
  font-family: "TildaSansRegular";
  font-size: 23px;
  font-weight: 400;
  color: var(--main-cta);
  cursor: pointer;
}
@media (max-width: 576px) {
.global-search_res-block-item-container[data-v-5c4f513f] {
    font-size: 19px;
}
}
.global-search_res-block-item-container[data-v-5c4f513f]:hover {
  background: var(--menu-inputs-hover-color);
}
@media (max-width: 771px) {
.global-search_res-block-item-container[data-v-5c4f513f] {
    padding: 16px;
}
}
@media (max-width: 576px) {
.global-search_res-block-item-container[data-v-5c4f513f] {
    padding: 16px 0;
}
}
.global-search_res-block-item-container.isPatient[data-v-5c4f513f] {
  padding: 16px;
}
.global-search_res-block-item[data-v-5c4f513f] {
  display: flex;
  align-items: center;
  gap: 16px;
}
[data-v-5c4f513f] .icon-block {
  align-self: baseline;
  min-width: 28px;
}
.after-text[data-v-5c4f513f] {
  white-space: nowrap;
  color: var(--icon-color-default);
}
[data-v-5c4f513f] .highlight {
  font-family: "TildaSansSemibold";
  font-size: 23px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 576px) {
[data-v-5c4f513f] .highlight {
    font-size: 19px;
}
}
.divider[data-v-5c4f513f] {
  margin: 12px 0;
  height: 1px;
  width: 100%;
  background: var(--bg-main);
}
.divider[data-v-5c4f513f]:last-child {
  display: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/IndexPage/GlobalSearchBlock.vue?vue&type=style&index=0&id=218be7f4&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-218be7f4]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.global-search_block[data-v-218be7f4] {
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 1;
  top: 64px;
}
@media (max-width: 576px) {
.global-search_block[data-v-218be7f4] {
    top: 54px;
}
}
.global-search_results[data-v-218be7f4] {
  width: 100%;
  padding: 12px 16px;
  border-radius: 12px;
  border: 2px solid var(--bg-accent-disabled);
  box-shadow: 0 16px 24px -16px var(--secondary-cta-focus-8);
}
.global-search_results[data-v-218be7f4]:empty {
  display: none;
}
.global-search_results--data[data-v-218be7f4]:empty {
  display: none;
}
.global-search_results--empty[data-v-218be7f4] {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 16px 0 16px 44px;
  font-family: "TildaSansRegular";
  font-size: 23px;
  font-weight: 400;
  color: var(--caption-states-color);
  opacity: 50%;
}
@media (max-width: 576px) {
.global-search_results--empty[data-v-218be7f4] {
    font-size: 19px;
}
}
@media (max-width: 771px) {
.global-search_results--empty[data-v-218be7f4] {
    padding: 0;
}
.global-search_results--empty .i-warning[data-v-218be7f4] {
    min-width: 28px;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/ButtonComponent.vue?vue&type=style&index=0&id=37112b2a&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-37112b2a]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
button[data-v-37112b2a] {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
button[data-v-37112b2a] {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  border: none;
  border-radius: 16px;
  padding: 12px 24px;
  background-color: var(--main-accent-color);
  cursor: pointer;
  white-space: nowrap;
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--bg-white);
}
button.smallBtn[data-v-37112b2a] {
  height: 46px;
  padding: 12px 20px;
}
@media (max-width: 576px) {
button[data-v-37112b2a] {
    border-radius: 12px;
}
}
button[data-v-37112b2a]:active {
  background-color: var(--main-accent-color-click);
}
button[data-v-37112b2a]:hover {
  background-color: var(--main-accent-color-hover);
}
button[data-v-37112b2a]:focus {
  outline: 3px solid var(--secondary-accent-color);
}
button[data-v-37112b2a]:disabled {
  background-color: var(--card-bg-color) !important;
  color: var(--secondary-cta-32) !important;
  cursor: unset;
}
.secondaryBtn[data-v-37112b2a] {
  background-color: var(--ads-accent-color);
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.secondaryBtn[data-v-37112b2a]:active {
  background-color: var(--ads-accent-color-click);
}
.secondaryBtn[data-v-37112b2a]:hover {
  background-color: var(--ads-accent-color-hover);
}
.secondaryBtn[data-v-37112b2a]:focus {
  outline: 3px solid var(--secondary-accent-color);
}
.lightBtn[data-v-37112b2a] {
  background-color: var(--bg-main);
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.lightBtn[data-v-37112b2a]:active, .lightBtn[data-v-37112b2a]:hover {
  background-color: var(--ads-accent-color-click);
}
.lightBtn[data-v-37112b2a]:active .icon-block:not(.menu-item-icon), .lightBtn[data-v-37112b2a]:hover .icon-block:not(.menu-item-icon) {
  background-color: var(--main-accent-color-click) !important;
}
.lightBtn[data-v-37112b2a]:focus {
  outline: none;
}
.linkBtn.underlined[data-v-37112b2a] {
  position: relative;
}
.linkBtn.underlined[data-v-37112b2a]::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--main-cta);
}
.linkBtn:not(:disabled):hover.underlined[data-v-37112b2a]::after,
.linkBtn:not(:disabled).isAccentColor[data-v-37112b2a]::after {
  background-color: var(--main-accent-color-hover);
}
.linkBtn:not(:disabled):active.underlined[data-v-37112b2a]::after {
  background-color: var(--main-accent-color-click);
}
.linkBtn:disabled.underlined[data-v-37112b2a]::after {
  background-color: var(--secondary-cta-32);
}
.outlinedBtn[data-v-37112b2a] {
  background-color: var(--bg-white);
  border: 0.5px solid var(--card-border-color);
  padding: 12px 20px;
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.outlinedBtn[data-v-37112b2a]:active {
  background-color: var(--bg-white);
}
.outlinedBtn[data-v-37112b2a]:hover {
  background-color: var(--bg-white);
  outline: 0.5px solid var(--card-border-color);
}
.outlinedBtn[data-v-37112b2a]:focus {
  outline: 0.5px solid var(--card-border-color);
}
.bigBtn[data-v-37112b2a],
.ctaBtn[data-v-37112b2a] {
  height: 54px;
}
@media (max-width: 576px) {
.bigBtn[data-v-37112b2a],
  .ctaBtn[data-v-37112b2a] {
    height: 48px;
}
}
.ctaBtn[data-v-37112b2a] {
  background-color: var(--main-cta);
  width: min-content;
  border: none;
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--bg-white);
}
.ctaBtn[data-v-37112b2a]:not(:disabled):active {
  background-color: var(--main-cta-click);
}
.ctaBtn[data-v-37112b2a]:not(:disabled):hover {
  background-color: var(--main-cta-hover);
}
.ctaBtn[data-v-37112b2a]:not(:disabled):focus {
  outline: 3px solid var(--secondary-accent-color);
}
.ctaBtn[data-v-37112b2a]:disabled {
  background-color: var(--card-bg-color);
  color: var(--secondary-cta-32);
  cursor: default;
}
.ctaBtn.success[data-v-37112b2a] {
  background-color: var(--good-rating-color);
}
.ctaBtn.success[data-v-37112b2a]:not(:disabled):active {
  background-color: var(--good-rating-color);
}
.ctaBtn.success[data-v-37112b2a]:not(:disabled):hover {
  background-color: var(--good-rating-color);
}
.ctaBtn.gray[data-v-37112b2a] {
  color: var(--main-cta);
  background-color: var(--card-bg-color);
}
.ctaBtn.gray[data-v-37112b2a]:not(:disabled):active {
  background-color: var(--card-bg-color);
}
.ctaBtn.gray[data-v-37112b2a]:not(:disabled):hover {
  background-color: var(--card-bg-color);
}
.ctaBtn.white[data-v-37112b2a] {
  color: var(--main-cta);
  background-color: var(--bg-white);
}
.ctaBtn.white[data-v-37112b2a]:not(:disabled):active {
  background-color: var(--bg-white);
}
.ctaBtn.white[data-v-37112b2a]:not(:disabled):hover {
  background-color: var(--bg-white);
}
.ctaBtn.danger[data-v-37112b2a] {
  background-color: var(--bad-rating-color);
}
.ctaBtn.danger[data-v-37112b2a]:not(:disabled):active {
  background-color: var(--bad-rating-color);
}
.ctaBtn.danger[data-v-37112b2a]:not(:disabled):hover {
  background-color: var(--bad-rating-color);
}
.ctaBtn.transparent[data-v-37112b2a] {
  color: var(--main-cta);
  background-color: transparent;
}
.ctaBtn.transparent[data-v-37112b2a]:not(:disabled):active {
  background-color: transparent;
}
.ctaBtn.transparent[data-v-37112b2a]:not(:disabled):hover {
  background-color: transparent;
}
button.darkFont[data-v-37112b2a] {
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
button.noBg[data-v-37112b2a],
.linkBtn[data-v-37112b2a] {
  padding: 0;
  background: none !important;
}
button.noBg[data-v-37112b2a]:focus,
.linkBtn[data-v-37112b2a]:focus {
  outline: none;
}
.linkBtn[data-v-37112b2a] {
  display: inline-block;
  height: min-content;
  border: none;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.linkBtn.isFlex[data-v-37112b2a] {
  display: flex;
}
.linkBtn.isBold[data-v-37112b2a] {
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.linkBtn.isAccentColor[data-v-37112b2a] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-accent-color);
}
.linkBtn.isAccentColor.isBold[data-v-37112b2a] {
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-accent-color);
}
.linkBtn[data-v-37112b2a]:not(:disabled):hover {
  color: var(--main-accent-color-hover);
}
.linkBtn[data-v-37112b2a]:not(:disabled):hover .icon-block:not(.menu-item-icon) {
  background-color: var(--main-accent-color-hover) !important;
}
.linkBtn[data-v-37112b2a]:active {
  color: var(--main-accent-color-click);
}
.linkBtn[data-v-37112b2a]:active .icon-block:not(.menu-item-icon) {
  background-color: var(--main-accent-color-click) !important;
}
.linkBtn[data-v-37112b2a]:disabled {
  color: var(--secondary-cta-32);
  background: none !important;
}
.onlineSwitchBtn[data-v-37112b2a] {
  padding: 12px 24px;
  border-radius: 64px;
  background: none;
  height: 46px;
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.onlineSwitchBtn[data-v-37112b2a]:not(:disabled):hover {
  background: var(--secondary-cta-focus-8);
}
.onlineSwitchBtn[data-v-37112b2a]:not(:disabled):active {
  background: var(--secondary-cta-focus-8);
  outline: 3px solid var(--secondary-cta-focus-8);
}
.onlineSwitchBtn[data-v-37112b2a]:not(:disabled):focus {
  outline: 3px solid var(--secondary-cta-focus-8);
}
.onlineSwitchBtn[data-v-37112b2a]:disabled {
  color: var(--secondary-cta-32);
}
.onlineSwitchBtn.selected[data-v-37112b2a] {
  background: var(--main-cta);
  color: #fff;
}
.onlineSwitchBtn.selected[data-v-37112b2a]:not(:disabled):hover {
  background: var(--main-cta);
}
.onlineSwitchBtn.selected[data-v-37112b2a]:not(:disabled):active {
  background: var(--main-cta);
  outline: none;
}
.onlineSwitchBtn.selected[data-v-37112b2a]:disabled {
  background: var(--secondary-cta-focus-8);
  color: var(--secondary-cta-32);
}
@media (max-width: 576px) {
.onlineSwitchBtn[data-v-37112b2a] {
    padding: 10px 12px;
}
}
@media (max-width: 375px) {
.onlineSwitchBtn[data-v-37112b2a] {
    flex-basis: 50%;
    justify-content: center;
}
}
.switchBtn[data-v-37112b2a] {
  padding: 8px 16px;
  border-radius: 64px;
  background: none;
  height: 38px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.switchBtn[data-v-37112b2a]:hover {
  background: var(--bg-main-hover);
}
.switchBtn.selected[data-v-37112b2a] {
  background: var(--main-accent-color);
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--bg-white);
}
.gray .switchBtn[data-v-37112b2a]:not(.selected):hover {
  background: var(--bg-white);
}
.iconCtaBtn[data-v-37112b2a] {
  width: min-content;
  height: min-content;
  background: none;
  padding: 0;
  border-radius: 8px;
}
.iconCtaBtn[data-v-37112b2a]:active {
  background: var(--ads-accent-color-click);
}
.iconCtaBtn[data-v-37112b2a]:active .icon-block:not(.menu-item-icon) {
  background-color: var(--main-cta-click) !important;
}
.iconCtaBtn[data-v-37112b2a]:hover {
  background: var(--ads-accent-color);
}
.iconCtaBtn[data-v-37112b2a]:hover .icon-block:not(.menu-item-icon) {
  background-color: var(--main-cta-hover) !important;
}
.iconOnlyBtn[data-v-37112b2a] {
  width: min-content;
  height: min-content;
  background: none;
  padding: 0;
}
.iconOnlyBtn[data-v-37112b2a]:focus {
  outline: none;
}
.iconOnlyBtn[data-v-37112b2a]:disabled .icon-block:not(.menu-item-icon) {
  background-color: var(--disabled-text-color) !important;
}
.iconOnlyBtn[data-v-37112b2a]:active:not(:disabled) {
  background: none;
}
.iconOnlyBtn[data-v-37112b2a]:active:not(:disabled) .icon-block:not(.menu-item-icon) {
  background-color: var(--main-accent-color-click) !important;
}
.iconOnlyBtn[data-v-37112b2a]:hover:not(:disabled) {
  background: none;
}
.iconOnlyBtn[data-v-37112b2a]:hover:not(:disabled) .icon-block:not(.menu-item-icon) {
  background-color: var(--main-accent-color-hover) !important;
}
button.isLoading[data-v-37112b2a] {
  position: relative;
}
.loader[data-v-37112b2a] {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 3;
  border-radius: 16px;
  background-color: var(--bg-accent-disabled);
}
@media (max-width: 576px) {
.loader[data-v-37112b2a] {
    border-radius: 12px;
}
}
button[data-v-37112b2a]:has(.i-esia) {
  color: #0066B3 !important;
  background-color: rgba(70, 133, 255, 0.0784313725) !important;
}
button[data-v-37112b2a]:has(.i-esia):hover {
  background-color: rgba(70, 133, 255, 0.1215686275) !important;
}
button[data-v-37112b2a]:has(.i-esia):active {
  background-color: rgba(70, 133, 255, 0.1607843137) !important;
}
button[data-v-37112b2a]:has(.i-esia):focus {
  outline: none;
}
button[data-v-37112b2a]:has(.i-rzd) {
  color: #fff !important;
  background-color: #FF4123 !important;
}
button[data-v-37112b2a]:has(.i-rzd):hover {
  background-color: #F04020 !important;
}
button[data-v-37112b2a]:has(.i-rzd):active {
  background-color: #F03020 !important;
}
button[data-v-37112b2a]:has(.i-rzd):focus {
  outline: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/OnlineModeSwitch.vue?vue&type=style&index=0&id=de5fbecc&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-de5fbecc]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.online-switch__wrapper[data-v-de5fbecc] {
  display: flex;
  gap: 8px;
  padding: 4px;
  height: 54px;
  background: var(--card-bg-color);
  border-radius: 100px;
  width: fit-content;
  cursor: pointer;
}
@media (max-width: 576px) {
.online-switch__wrapper[data-v-de5fbecc] {
    background: none;
    gap: 8px;
    height: unset;
}
}
@media (max-width: 375px) {
.online-switch__wrapper[data-v-de5fbecc] {
    width: 100%;
    gap: 0;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/ButtonBlockComponent.vue?vue&type=style&index=0&id=4053f41c&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4053f41c]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.button-block[data-v-4053f41c] {
  display: flex;
  gap: 16px;
  min-height: 148px;
  border-radius: 24px;
  padding: 28px;
  background: var(--card-bg-color);
  border: 3px solid transparent;
  cursor: pointer;
  width: 0;
  flex-grow: 1;
}
.button-block[data-v-4053f41c]:not(.disabled):hover {
  background: var(--bg-accent-hover);
}
.button-block[data-v-4053f41c]:not(.disabled):hover .icon-block.i-arrowRight {
  opacity: 1;
  background-color: var(--main-accent-color-hover) !important;
}
.button-block[data-v-4053f41c]:not(.disabled):focus-within {
  background: var(--bg-accent-focus);
  border: 3px solid var(--bg-accent-focus);
  outline: none;
}
.button-block[data-v-4053f41c]:not(.disabled):focus-within .icon-block.i-arrowRight {
  opacity: 1;
  background-color: var(--main-accent-color-hover) !important;
}
.button-block[data-v-4053f41c]:not(.disabled):active {
  background: var(--bg-accent-click);
}
.button-block.disabled[data-v-4053f41c] {
  cursor: unset;
}
.button-block.disabled[data-v-4053f41c] .icon-block.i-arrowRight {
  background-color: var(--secondary-cta-32) !important;
}
.button-block.disabled[data-v-4053f41c] span {
  color: var(--secondary-cta-32);
}
@media (max-width: 771px) {
.button-block[data-v-4053f41c] {
    padding: 16px 20px;
    border-radius: 16px;
    min-height: 120px;
}
}
@media (max-width: 576px) {
.button-block[data-v-4053f41c] {
    width: 100%;
    padding: 16px;
    min-height: unset;
}
}
.button-block.isScalable[data-v-4053f41c] {
  backface-visibility: hidden;
  transition: transform 0.64s ease;
}
.button-block.isScalable[data-v-4053f41c]:not(.disabled):hover {
  transform: scale(1.02) translateZ(0);
}
[data-v-4053f41c] .icon-block.i-arrowRight {
  opacity: 30%;
}
.button-block__data[data-v-4053f41c] {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 10px;
  flex-grow: 1;
}
.button-block__cta[data-v-4053f41c] {
  width: 32px;
}
@media (max-width: 576px) {
.button-block__cta[data-v-4053f41c] {
    width: 24px;
}
}
.hiddenFocus[data-v-4053f41c] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/IndexPage/ReservationMainBlock.vue?vue&type=style&index=0&id=28a4aa06&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-28a4aa06]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.reservation-block[data-v-28a4aa06] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 771px) {
.reservation-block[data-v-28a4aa06] {
    gap: 16px;
}
}
.reservation-block__header[data-v-28a4aa06] {
  display: flex;
  align-items: center;
  gap: 64px;
}
.reservation-block__header h1[data-v-28a4aa06] {
  font-family: "TildaSansSemibold";
  font-size: 35px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.reservation-block__header h1[data-v-28a4aa06] {
    font-size: 27px;
}
}
@media (max-width: 771px) {
.reservation-block__header[data-v-28a4aa06] {
    gap: 16px;
    margin-top: -20px;
}
.reservation-block__header.noUnivSearchBlock[data-v-28a4aa06] {
    margin-top: 0;
}
}
@media (max-width: 576px) {
.reservation-block__header[data-v-28a4aa06] {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.reservation-block__header h1[data-v-28a4aa06] {
    font-family: "TildaSansSemibold";
    font-size: 27px;
    font-weight: 400;
    color: var(--main-cta);
}
}
@media (max-width: 576px) and (max-width: 771px) {
.reservation-block__header h1[data-v-28a4aa06] {
    font-size: 24px;
}
}
.reservation-block__body[data-v-28a4aa06] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 771px) {
.reservation-block__body[data-v-28a4aa06] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
}
@media (max-width: 576px) {
.reservation-block__body[data-v-28a4aa06] {
    display: flex;
    flex-direction: column;
}
}
.reservation-block__body .button-block[data-v-28a4aa06] {
  width: 100%;
}
.reservation-block__item-title[data-v-28a4aa06] {
  font-family: "TildaSansSemibold";
  font-size: 27px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.reservation-block__item-title[data-v-28a4aa06] {
    font-size: 24px;
}
}
@media (max-width: 771px) {
.reservation-block__item-title[data-v-28a4aa06] {
    font-family: "TildaSansSemibold";
    font-size: 21px;
    font-weight: 400;
    color: var(--main-cta);
}
}
.reservation-block__item-descr[data-v-28a4aa06] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.reservation-block__item-descr[data-v-28a4aa06] {
    line-height: 140%;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Cards/OfferCardComponent.vue?vue&type=style&index=0&id=ef093266&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-ef093266]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.offer-block__vertical[data-v-ef093266] {
  user-select: none;
  width: 100%;
  border-radius: 32px;
  background: var(--ads-accent-color);
  cursor: pointer;
  backface-visibility: hidden;
  transition: transform 0.64s ease;
}
.offer-block__vertical[data-v-ef093266]:not(.disabled):hover {
  background: var(--ads-accent-color-hover);
  transform: scale(1.02) translateZ(0);
}
.offer-block__vertical[data-v-ef093266]:not(.disabled):focus-within {
  background: var(--ads-accent-color-hover);
  outline: none;
}
.offer-block__vertical:not(.disabled):focus-within .offer-block__vertical-img-container[data-v-ef093266] {
  border: 3px solid var(--secondary-accent-color);
  border-bottom: none;
}
.offer-block__vertical:not(.disabled):focus-within .offer-block__vertical-data[data-v-ef093266] {
  border: 3px solid var(--secondary-accent-color);
  border-top: none;
}
.offer-block__vertical[data-v-ef093266]:not(.disabled):active {
  background: var(--ads-accent-color-click);
}
.offer-block__vertical.disabled[data-v-ef093266] {
  cursor: unset;
}
@media (max-width: 771px) {
.offer-block__vertical[data-v-ef093266] {
    border-radius: 16px;
    width: 100%;
}
}
.offer-block__vertical-data[data-v-ef093266] {
  border: 3px solid transparent;
  border-top: none;
  border-radius: 0 0 32px 32px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  height: 216px;
  overflow-wrap: anywhere;
}
@media (max-width: 771px) {
.offer-block__vertical-data[data-v-ef093266] {
    border-radius: 0 0 16px 16px;
    padding: 16px;
    height: 172px;
}
}
.offer-block__item-info[data-v-ef093266] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: left;
}
@media (max-width: 771px) {
.offer-block__item-info[data-v-ef093266] {
    gap: 4px;
}
}
.open-offer-btn[data-v-ef093266] {
  margin-top: 12px;
}
.offer-block__item-name[data-v-ef093266],
.offer-block__item-descr[data-v-ef093266] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.offer-block__item-name[data-v-ef093266] {
  -webkit-line-clamp: 1;
  line-clamp: 1;
  font-family: "TildaSansSemibold";
  font-size: 24px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.offer-block__item-name[data-v-ef093266] {
    font-size: 21px;
}
}
.offer-block__item-descr[data-v-ef093266] {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--icon-color-default);
}
[data-v-ef093266] .offer-block__item-descr a {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-accent-color);
  color: var(--main-accent-color) !important;
}
[data-v-ef093266] .offer-block__item-descr a:hover {
  color: var(--main-accent-color-hover) !important;
}
[data-v-ef093266] .offer-block__item-descr a:active {
  color: var(--main-accent-color-click) !important;
}
.offer-block__vertical-img-container[data-v-ef093266] {
  border: 3px solid transparent;
  border-bottom: none;
  border-radius: 32px 32px 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-accent-hover);
  overflow: hidden;
}
@media (max-width: 771px) {
.offer-block__vertical-img-container[data-v-ef093266] {
    border-radius: 16px 16px 0 0;
}
}
.offer-block__vertical-img-container.bg-img[data-v-ef093266] {
  border: none;
}
.offer-block__vertical-default-img[data-v-ef093266] {
  width: 182px;
  height: 182px;
  pointer-events: none;
}
@media (max-width: 771px) {
.offer-block__vertical-default-img[data-v-ef093266] {
    width: 144px;
    height: 144px;
}
}
.offer-block__vertical:hover .tooltip[data-v-ef093266] {
  display: block;
}
.offer-block__vertical-loaded-img[data-v-ef093266] {
  width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/IndexPage/OfferBlock.vue?vue&type=style&index=0&id=646f96a2&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-646f96a2]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.offer-block[data-v-646f96a2] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 576px) {
.offer-block[data-v-646f96a2] {
    gap: 24px;
}
}
.offer-block__header-container[data-v-646f96a2] {
  display: flex;
  justify-content: space-between;
}
.offer-block__header[data-v-646f96a2] {
  display: flex;
  align-items: baseline;
  gap: 32px;
}
.offer-block__header h2[data-v-646f96a2] {
  font-family: "TildaSansSemibold";
  font-size: 27px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.offer-block__header h2[data-v-646f96a2] {
    font-size: 24px;
}
}
.offer-block__header p[data-v-646f96a2] {
  font-family: "TildaSansRegular";
  font-size: 21px;
  font-weight: 400;
  color: var(--main-accent-color);
}
@media (max-width: 771px) {
.offer-block__header[data-v-646f96a2] {
    gap: 16px;
}
}
@media (max-width: 576px) {
.offer-block__header[data-v-646f96a2] {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
}
}
.offer-block__navigate[data-v-646f96a2] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: flex-end;
}
[data-v-646f96a2] .linkBtn {
  font-size: 21px;
}
@media (max-width: 771px) {
[data-v-646f96a2] .linkBtn {
    font-size: 19px;
}
}
.isClickable[data-v-646f96a2] {
  cursor: pointer;
}
.offer-block__carousel[data-v-646f96a2] {
  overflow-y: hidden;
  padding: 4px;
  position: relative;
  left: -4px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(33.3333333333% - 10px);
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  width: calc(100% + 8px);
}
@media (max-width: 990px) {
.offer-block__carousel[data-v-646f96a2] {
    grid-auto-columns: calc(50% - 8px);
}
}
@media (max-width: 771px) {
.offer-block__carousel[data-v-646f96a2] {
    width: calc(100% + 16px);
}
}
@media (max-width: 576px) {
.offer-block__carousel[data-v-646f96a2] {
    gap: 6px;
    grid-auto-columns: calc(95% - 4px);
}
}
.offer-block__carousel[data-v-646f96a2]::-webkit-scrollbar {
  display: none;
}
.offer-block__carousel.isDragging[data-v-646f96a2] {
  scroll-behavior: auto;
}
.offer-block__carousel.isDragging .offer-block__card[data-v-646f96a2] {
  cursor: grab;
  user-select: none;
}
.offer-block__card[data-v-646f96a2] {
  cursor: pointer;
  width: 100%;
}
.offersLink[data-v-646f96a2] {
  font-size: 21px !important;
}
@media (max-width: 771px) {
.offersLink[data-v-646f96a2] {
    font-size: 19px !important;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/IndexPage/AuthorizedBlock.vue?vue&type=style&index=0&id=65af4604&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-65af4604]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.auth-block[data-v-65af4604] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.auth-block__header[data-v-65af4604] {
  display: flex;
  align-items: baseline;
  gap: 44px;
}
.auth-block__header h2[data-v-65af4604] {
  font-family: "TildaSansSemibold";
  font-size: 27px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.auth-block__header h2[data-v-65af4604] {
    font-size: 24px;
}
}
.auth-block__header p[data-v-65af4604] {
  font-family: "TildaSansRegular";
  font-size: 21px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.auth-block__header p[data-v-65af4604] {
    font-size: 19px !important;
}
}
@media (max-width: 771px) {
.auth-block__header[data-v-65af4604] {
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
}
}
.auth-block__body[data-v-65af4604] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
@media (max-width: 576px) {
.auth-block__body[data-v-65af4604] {
    flex-direction: column;
}
.auth-block__body .auth-block-btn[data-v-65af4604],
  .auth-block__body .other-auth-btn[data-v-65af4604] {
    width: 100%;
}
}
.auth-block-btn[data-v-65af4604] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
  background: var(--bg-main);
  padding: 12px 16px;
  border: 3px solid transparent;
}
.auth-block-btn[data-v-65af4604]:hover {
  background: var(--card-bg-color);
}
.auth-block-btn[data-v-65af4604]:focus {
  outline: none;
  background: var(--card-bg-color);
  border: 3px solid var(--secondary-cta-focus-8);
}
.auth-block-btn[data-v-65af4604]:disabled {
  background: var(--bg-main);
}
.other-auth-btn[data-v-65af4604] {
  background: var(--ads-accent-color);
}
@media (max-width: 576px) {
.other-auth-btn[data-v-65af4604] {
    justify-content: space-between;
    font-size: 19px !important;
}
}
.authLink[data-v-65af4604] {
  font-size: 21px !important;
  margin-left: 6px;
}
@media (max-width: 771px) {
.authLink[data-v-65af4604] {
    font-size: 19px !important;
    margin-left: 4px;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/LoaderComponent.vue?vue&type=style&index=0&id=40df972a&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-40df972a]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.global-loader[data-v-40df972a] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: 24px;
}
.global-loader.centralized[data-v-40df972a] {
  align-self: center;
}
.global-loader label[data-v-40df972a] {
  font-family: "TildaSansSemibold";
  font-size: 24px;
  font-weight: 400;
  color: var(--icon-color-default);
}
@media (max-width: 771px) {
.global-loader label[data-v-40df972a] {
    font-size: 21px;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/ModalOverlay.vue?vue&type=style&index=0&id=7d535f93&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-7d535f93]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.overlay[data-v-7d535f93] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--secondary-cta-32);
  z-index: 100;
}
.overlay.isParentPinned[data-v-7d535f93] {
  width: 100%;
}
@media (max-width: 576px) {
.overlay.isParentPinned .overlay__content[data-v-7d535f93] {
    height: 100%;
    max-height: 100%;
}
}
.overlay__content[data-v-7d535f93] {
  position: relative;
  display: flex;
  width: 640px;
  padding: 45px;
  max-width: 90vw;
  border-radius: 32px;
  background-color: var(--bg-white);
  box-shadow: 0 16px 32px -16px rgba(0, 0, 0, 0.1607843137);
  max-height: 95vh;
}
.overlay__content[data-v-7d535f93]:not(.overflowed) {
  overflow: hidden;
}
.overlay__content:not(.overflowed) .overlay__content-title[data-v-7d535f93] {
  min-height: unset;
}
@media (max-width: 576px) {
.overlay__content[data-v-7d535f93] {
    width: 100vw !important;
    max-width: unset;
    height: 100vh;
    height: 100dvh;
    max-height: unset;
    border-radius: 0;
    padding: 32px 24px 24px 22px;
}
}
.overlay__content.isInfo[data-v-7d535f93] {
  width: 844px;
  padding: 44px;
}
@media (max-width: 576px) {
.overlay__content.isInfo[data-v-7d535f93] {
    padding: 24px;
}
}
.overlay__content.isDocumentViewer[data-v-7d535f93] {
  width: 960px;
  padding: 48px;
}
.overlay__content.isSchedule[data-v-7d535f93], .overlay__content.isEmrg[data-v-7d535f93] {
  width: 740px;
}
.overlay__content-container[data-v-7d535f93] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  max-height: 100%;
  padding: 0 3px 3px 3px;
  width: 100%;
}
.overlay__content-container[data-v-7d535f93]:not(.overflowed) {
  overflow-y: auto;
}
.overlay__content-container.hidden[data-v-7d535f93] {
  opacity: 0;
  pointer-events: none;
}
.overlay__content-title[data-v-7d535f93] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 32px;
  font-family: "TildaSansSemibold";
  font-size: 27px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.overlay__content-title[data-v-7d535f93] {
    font-size: 24px;
}
}
@media (max-width: 771px) {
.overlay__content-title[data-v-7d535f93] {
    font-size: 27px;
}
}
@media (max-width: 576px) {
.overlay__content-title[data-v-7d535f93] {
    align-items: flex-start;
    min-height: auto;
}
}
.overlay__content.isDocumentViewer .overlay__content-title[data-v-7d535f93] {
  min-height: auto;
}
.title-label[data-v-7d535f93] {
  display: flex;
  gap: 24px;
}
.overlay__content-body[data-v-7d535f93] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.overlay__content-body[data-v-7d535f93] {
    gap: 16px;
}
}
.overlay__content-body.centeredBody[data-v-7d535f93] {
  align-items: center;
}
.overlay__content-cta[data-v-7d535f93] {
  width: 100%;
}
.modal__loader[data-v-7d535f93] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.overlay__content-title-cta[data-v-7d535f93] {
  align-self: baseline;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/WarningInfoBlock.vue?vue&type=style&index=0&id=59ffd3be&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-59ffd3be]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.warning-block[data-v-59ffd3be] {
  display: flex;
  gap: 12px;
  background: var(--warning-bg-color);
  border-radius: 16px;
  padding: 12px 16px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.warning-block .bold-span[data-v-59ffd3be] {
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.warning-block.isInfo[data-v-59ffd3be] {
  padding: 20px 24px;
  background: var(--ads-accent-color);
}
@media (max-width: 576px) {
.warning-block.isInfo[data-v-59ffd3be] {
    padding: 12px;
}
}
.warning-block.isSuccess[data-v-59ffd3be] {
  padding: 20px 24px;
  background: var(--success-bg-color);
}
@media (max-width: 576px) {
.warning-block.isSuccess[data-v-59ffd3be] {
    padding: 12px;
}
}
.warning-block.isWide[data-v-59ffd3be] {
  padding: 20px 24px !important;
}
@media (max-width: 576px) {
.warning-block.isWide[data-v-59ffd3be] {
    padding: 12px;
}
}
.warning-block.isError[data-v-59ffd3be] {
  padding: 16px;
  background: var(--error-bg-color);
}
.warning-block__body[data-v-59ffd3be] {
  flex-grow: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.warning-block__body.expanded[data-v-59ffd3be] {
  display: block;
  -webkit-line-clamp: unset;
  -webkit-box-orient: initial;
  overflow: visible;
  line-clamp: unset;
}
.warning-block__body p[data-v-59ffd3be] {
  display: inline;
}
.expand-icon[data-v-59ffd3be] {
  cursor: pointer;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/RatingComponent.vue?vue&type=style&index=0&id=2b8765e0&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2b8765e0]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.rating-block[data-v-2b8765e0] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.rating-block__stars[data-v-2b8765e0] {
  display: flex;
  align-items: center;
  gap: 7px;
}
.rating-block__text[data-v-2b8765e0] {
  font-family: "TildaSansRegular";
  font-size: 17px;
  line-height: 16px;
  font-weight: 400;
  color: var(--main-cta);
}
.rating-block__text.isDate[data-v-2b8765e0] {
  color: var(--helper-text-color) !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Cards/DoctorCardComponent.vue?vue&type=style&index=0&id=64099f22&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-64099f22]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
@media (max-width: 771px) {
.info-block[data-v-64099f22] {
    flex-direction: column;
}
}
.doctor-info__details[data-v-64099f22] {
  width: 100%;
}
.no-rating-text[data-v-64099f22] {
  display: inline-block;
  font-family: "TildaSansRegular";
  font-size: 17px;
  line-height: 16px;
  font-weight: 400;
  color: var(--main-cta);
}
.info-additional-block[data-v-64099f22] {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 990px) {
.info-additional-block[data-v-64099f22] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
}
.info-rating-block[data-v-64099f22] {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 576px) {
.info-rating-block[data-v-64099f22] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
}
.nearestdate-block[data-v-64099f22] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "TildaSansRegular";
  font-size: 17px;
  line-height: 16px;
  font-weight: 400;
  color: var(--icon-color-default);
}
.info-icon[data-v-64099f22] {
  position: relative;
  bottom: 2px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Reservation/DutyReservationModal.vue?vue&type=style&index=0&id=a35d422c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-a35d422c]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.duty-body[data-v-a35d422c] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.duty-na-title[data-v-a35d422c] {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "TildaSansSemibold";
  font-size: 27px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.duty-na-title[data-v-a35d422c] {
    font-size: 24px;
}
}
.duty-info-block[data-v-a35d422c] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.card-block.duty[data-v-a35d422c] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 16px;
  padding: 26px;
}
.duty-subtitle[data-v-a35d422c] {
  font-family: "TildaSansSemibold";
  font-size: 21px;
  font-weight: 400;
  color: var(--main-cta);
}
.duty-datetime[data-v-a35d422c] {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 576px) {
.duty-datetime[data-v-a35d422c] {
    align-items: flex-start;
    flex-direction: column;
}
}
.duty-datetime__block[data-v-a35d422c] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.duty-cta[data-v-a35d422c] {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
[data-v-a35d422c] .info-block {
  gap: 16px;
}
[data-v-a35d422c] .info-block__photo {
  width: 52px !important;
  height: 52px !important;
  border-radius: 12px;
}
[data-v-a35d422c] .info-block__title {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
[data-v-a35d422c] .info-block__info {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--icon-color-default);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/views/IndexPage.vue?vue&type=style&index=0&id=a01c3592&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-a01c3592]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.index-wrapper[data-v-a01c3592] {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 375px) {
.index-wrapper[data-v-a01c3592] {
    gap: 30px;
}
}
.warning-block[data-v-a01c3592] {
  margin: -24px 0 -12px 0;
}
@media (max-width: 771px) {
.warning-block[data-v-a01c3592] {
    margin: -12px 0 -24px 0;
}
}
@media (max-width: 576px) {
.warning-block[data-v-a01c3592] {
    margin: -4px 0 -24px 0;
}
}
.global-search-wrapper[data-v-a01c3592] {
  position: relative;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/BlockMenuItem.vue?vue&type=style&index=0&id=83e1d582&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.BlockMenuItem {
  cursor: pointer;
  position: relative;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  box-sizing: border-box;
}
.BlockMenuItem.type-a {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
  color: var(--primary-100);
}
.BlockMenuItem.type-a .BlockMenuItem__icon {
  background-color: var(--primary-100);
}
.BlockMenuItem.type-b {
  background: var(--primary-90);
  color: var(--primary-50);
}
.BlockMenuItem.type-b .BlockMenuItem__icon {
  background-color: var(--primary-50);
}
.BlockMenuItem.big {
  grid-column: 1/-1;
}
.BlockMenuItem .router-abs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
@media (max-width: 520px) {
.BlockMenuItem {
    border-radius: 20px;
    padding: 12px 12px 12px 14px;
}
}
.BlockMenuItem .label {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.028em;
  color: inherit;
  margin-bottom: 8px;
}
@media (max-width: 520px) {
.BlockMenuItem .label {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.009em;
    color: inherit;
}
@supports (color: color(display-p3 1 1 1)) {
.BlockMenuItem .label {
      font-variation-settings: "wght" 700;
}
}
}
.BlockMenuItem .description {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 430;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: inherit;
  margin-bottom: 10px;
  width: 90%;
}
@media (max-width: 520px) {
.BlockMenuItem .description {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.005em;
    color: inherit;
}
}
.BlockMenuItem pre {
  margin: 0;
  padding: 0;
  white-space: break-spaces;
}
.BlockMenuItem .BlockMenuItem__icon {
  position: absolute;
  bottom: 24px;
  right: 24px;
}
@media (max-width: 520px) {
.BlockMenuItem .BlockMenuItem__icon {
    bottom: 8px;
    right: 8px;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/BlockMenu.vue?vue&type=style&index=0&id=415d918c&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.BlockMenu {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 314px;
}
@media (max-width: 520px) {
.BlockMenu {
    gap: 8px;
    grid-auto-rows: 171px;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/WRButton.vue?vue&type=style&index=0&id=0e534906&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0e534906]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
[disabled] .filter[data-v-0e534906] {
  backdrop-filter: saturate(0);
}
.filter[data-v-0e534906] {
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  z-index: 2;
  bottom: -2px;
}
button[data-v-0e534906] {
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  flex: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
button.size_xxl[data-v-0e534906] {
  width: 100%;
  padding: 14px 32px;
  border-radius: 20px;
  font-variation-settings: "wght" 500;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.001em;
  height: 52px;
}
@media (max-width: 520px) {
button.size_xxl[data-v-0e534906] {
    padding: 12px 24px;
    border-radius: 16px;
    font-variation-settings: "wght" 600;
    letter-spacing: 0.01em;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    height: 44px;
}
}
button.size_lg[data-v-0e534906] {
  padding: 14px 32px;
  border-radius: 20px;
  font-variation-settings: "wght" 500;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.001em;
  height: 52px;
}
@media (max-width: 520px) {
button.size_lg[data-v-0e534906] {
    padding: 12px 24px;
    border-radius: 16px;
    font-variation-settings: "wght" 600;
    letter-spacing: 0.01em;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    height: 44px;
}
}
button.size_lgMob[data-v-0e534906] {
  padding: 12px 24px;
  border-radius: 16px;
  font-variation-settings: "wght" 700;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  height: 44px;
}
button.size_md[data-v-0e534906] {
  padding: 10px 20px;
  border-radius: 16px;
  font-variation-settings: "wght" 475;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.029em;
  height: 44px;
}
@media (max-width: 520px) {
button.size_md[data-v-0e534906] {
    padding: 8px 16px;
    border-radius: 12px;
    font-variation-settings: "wght" 500;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    height: 36px;
    box-sizing: border-box;
}
}
button.size_md.oval[data-v-0e534906] {
  border-radius: 20px;
  padding: 10px 20px;
  gap: 8px;
}
button.size_mdMob[data-v-0e534906] {
  padding: 8px 16px;
  border-radius: 12px;
  font-variation-settings: "wght" 600;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
}
button.size_mdMobOval[data-v-0e534906] {
  padding: 8px 16px;
  border-radius: 20px;
  font-variation-settings: "wght" 600;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
}
button.size_sm[data-v-0e534906] {
  padding: 8px 16px;
  border-radius: 12px;
  font-variation-settings: "wght" 500;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
  letter-spacing: 0.009em;
}
@media (max-width: 520px) {
button.size_sm[data-v-0e534906] {
    padding: 4px 12px;
    border-radius: 10px;
    font-variation-settings: "wght" 500;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    height: 32px;
}
}
button.size_smGrowMob[data-v-0e534906] {
  padding: 8px 16px;
  border-radius: 12px;
  font-variation-settings: "wght" 600;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
  letter-spacing: 0.009em;
}
@media (max-width: 520px) {
button.size_smGrowMob[data-v-0e534906] {
    display: flex;
    flex: 1;
    border-radius: 10px;
    height: 32px;
    font-variation-settings: "wght" 500;
    font-size: 13px;
    line-height: 16px;
}
}
button.size_tertiaryChip[data-v-0e534906] {
  padding: 6px 14px;
  border-radius: 8px;
  font-variation-settings: "wght" 600;
  font-size: 14px;
  line-height: 20px;
  height: 32px;
}
@media (max-width: 520px) {
button.size_tertiaryChip[data-v-0e534906] {
    height: 24px;
    padding: 6px 8px;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.007em;
}
}
button.size_smRev[data-v-0e534906] {
  padding: 8px 16px;
  border-radius: 12px;
  font-variation-settings: "wght" 500;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  height: 36px;
  letter-spacing: 0.009em;
}
@media (max-width: 520px) {
button.size_smRev[data-v-0e534906] {
    padding: 12px 24px;
    border-radius: 16px;
    font-variation-settings: "wght" 700;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    height: 44px;
}
}
button.size_smMob[data-v-0e534906] {
  padding: 8px 12px;
  border-radius: 10px;
  font-variation-settings: "wght" 500;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  height: 32px;
}
button.active_a[data-v-0e534906] {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
  color: var(--primary-100);
  border: none;
  position: relative;
}
button.active_a[data-v-0e534906]:hover {
  background: var(--primary-50);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}
button.active_a[data-v-0e534906]:disabled:hover {
  background: var(--neutral-var-90);
  color: var(--secondary-70);
  box-shadow: none;
  bottom: 0;
}
button.active_b[data-v-0e534906] {
  background: var(--secondary-90);
  color: var(--primary-50);
  border: none;
}
button.active_c[data-v-0e534906] {
  background: var(--primary-100);
  color: var(--primary-50);
  border: none;
}
button.active_h[data-v-0e534906] {
  cursor: default;
  background: var(--tertiary-90);
  color: var(--tertiary-20);
  border: none;
  border-radius: 8px;
}
button.active_d[data-v-0e534906] {
  background: var(--primary-100);
  color: var(--primary-50);
  border: 2px solid var(--secondary-90);
}
@supports (color: color(display-p3 1 1 1)) {
button.active_d[data-v-0e534906] {
    border: none;
    box-shadow: inset 0 0 0 2px var(--secondary-90);
}
}
button.active_e[data-v-0e534906] {
  border: none;
  color: var(--primary-50);
  background: none;
  transition: 0.3s all;
  outline: 2px solid var(--primary-100);
}
@supports (color: color(display-p3 1 1 1)) {
button.active_e[data-v-0e534906] {
    outline: none;
    border: 2px solid var(--primary-100);
}
}
button.active_e[data-v-0e534906]:hover {
  outline: 2px solid var(--primary-50);
}
@supports (color: color(display-p3 1 1 1)) {
button.active_e[data-v-0e534906]:hover {
    outline: none;
    border: 2px solid var(--primary-50);
}
}
button.active_e[data-v-0e534906]:disabled {
  background: var(--primary-50);
  color: var(--primary-100);
}
button.active_aa[data-v-0e534906] {
  background: none;
  color: var(--secondary-50);
  border: 2px solid var(--neutral-90);
}
button.active_aa[data-v-0e534906]:hover {
  border: 2px solid var(--primary-80);
  color: var(--primary-60);
}
button.active_kk[data-v-0e534906] {
  background: var(--primary-50);
  color: var(--primary-100);
  border: none;
  position: relative;
}
button.active_kk[data-v-0e534906]:disabled:hover {
  background: var(--neutral-var-90);
  color: var(--secondary-70);
  bottom: 0;
}
button.active_f[data-v-0e534906] {
  background: var(--primary-100);
  color: var(--primary-50);
}
button.active_g[data-v-0e534906], button.active_g[data-v-0e534906]:disabled {
  color: var(--primary-100);
  background: rgba(0, 0, 0, 0.4);
  border: none;
}
button.active_outlined[data-v-0e534906] {
  background: none;
  color: var(--primary-50);
  border: 2px solid var(--secondary-90);
}
button[data-v-0e534906]:disabled, button[disabled][data-v-0e534906] {
  background: var(--neutral-var-90);
  color: var(--secondary-70);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/StuckUser.vue?vue&type=style&index=0&id=31d5c7f2&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-31d5c7f2]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.stuck_user[data-v-31d5c7f2] {
  box-shadow: 0px 15px 55px rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  padding: 16px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  flex-wrap: wrap;
  gap: 16px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-50);
  font-size: 24px;
  margin-bottom: 24px;
}
@media (max-width: 520px) {
.stuck_user[data-v-31d5c7f2] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 700;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -0.004em;
    color: var(--primary-50);
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 24px;
}
}
.stuck_user .bdate[data-v-31d5c7f2] {
  font-size: 16px;
  display: block;
}
.stuck_user > .user_data[data-v-31d5c7f2] {
  flex: 1 0 auto;
  padding: 8px;
}
.stuck_user .buttons[data-v-31d5c7f2] {
  flex: 0 0 100%;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}
@media (max-width: 520px) {
.stuck_user .buttons[data-v-31d5c7f2] {
    flex-direction: column;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/PatientSearch.vue?vue&type=style&index=0&id=2b364ae6&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2b364ae6]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.searchresult[data-v-2b364ae6] {
  display: grid;
  grid-template-columns: auto 36%;
  align-content: center;
  text-align: left;
  gap: 8px;
  min-height: 52px;
  padding: 10px 8px 10px 24px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: #000;
}
@media (max-width: 520px) {
.searchresult[data-v-2b364ae6] {
    min-height: 44px;
    padding: 8px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: #000;
}
}
.searchresult[data-v-2b364ae6]:last-of-type {
  border-radius: 0 0 24px 24px;
}
@media (max-width: 520px) {
.searchresult[data-v-2b364ae6]:last-of-type {
    border-radius: 0 0 20px 20px;
}
}
.searchresult[data-v-2b364ae6]:hover {
  background-color: var(--primary-95);
  cursor: pointer;
}
.bdate[data-v-2b364ae6] {
  color: #828282;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/Banner.vue?vue&type=style&index=0&id=4e98a7ec&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4e98a7ec]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.banner_body[data-v-4e98a7ec] {
  min-height: 196px;
  display: grid;
  grid-template-columns: 1fr 194px;
  gap: 28px;
}
@media (max-width: 520px) {
.banner_body[data-v-4e98a7ec] {
    min-height: inherit;
    grid-template-columns: 1fr 108px;
    margin-bottom: 16px;
}
}
.banner_heading[data-v-4e98a7ec] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 471;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: 0em;
  color: var(--primary-0);
  margin-bottom: 24px;
}
@media (max-width: 520px) {
.banner_heading[data-v-4e98a7ec] {
    margin-bottom: 0px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 27px;
    line-height: 36px;
    letter-spacing: 0.03em;
    color: var(--primary-0);
}
}
.banner_content[data-v-4e98a7ec] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.009em;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.banner_content[data-v-4e98a7ec] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 592;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.019em;
    color: var(--primary-0);
}
@supports (color: color(display-p3 1 1 1)) {
.banner_content[data-v-4e98a7ec] {
      font-variation-settings: "wght" 690;
}
}
}
@media (max-width: 520px) {
.hide_m[data-v-4e98a7ec] {
    display: none;
}
}
.hide_lg[data-v-4e98a7ec] {
  display: none;
}
@media (max-width: 520px) {
.hide_lg[data-v-4e98a7ec] {
    display: block;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/views/lpu/Index.vue?vue&type=style&index=0&id=4718b5ea&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4718b5ea]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.main-menu[data-v-4718b5ea] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media (max-width: 520px) {
.main-menu[data-v-4718b5ea] {
    gap: 20px;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/lpu/WorkdayTooltipContent.vue?vue&type=style&index=0&id=2759c923&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2759c923]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.tooltip-filial[data-v-2759c923] {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.tooltip-filial[data-v-2759c923]:last-child {
  margin-bottom: 0;
}
.na-span[data-v-2759c923] {
  display: inline-block;
  margin-bottom: 4px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/TagComponent.vue?vue&type=style&index=0&id=0f7d0533&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0f7d0533]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.tag-block[data-v-0f7d0533] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  padding: 8px 12px;
  background-color: var(--secondary-cta-focus-8);
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.tag-block.isLarge[data-v-0f7d0533] {
  border-radius: 16px;
  padding: 12px 16px;
}
.tag-block.isSlim[data-v-0f7d0533] {
  padding: 4px 12px;
}
.tag-block.warning[data-v-0f7d0533] {
  background-color: var(--warning-bg-color);
  color: var(--rating-color);
}
.tag-block.danger[data-v-0f7d0533] {
  background-color: var(--error-bg-color);
  color: var(--bad-rating-color);
}
.tag-block.success[data-v-0f7d0533] {
  background-color: var(--success-bg-color);
  color: var(--good-rating-color);
}
.tag-block.info[data-v-0f7d0533] {
  background-color: var(--ads-accent-color);
  color: var(--main-accent-color);
}
.tag-block.noWrap[data-v-0f7d0533] {
  white-space: nowrap;
  justify-content: flex-start;
  max-width: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/lpu/WorkScheduleDay.vue?vue&type=style&index=0&id=eaaafbd4&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-eaaafbd4]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.schedule-cell[data-v-eaaafbd4] {
  position: relative;
}
.schedule-cell.isNA[data-v-eaaafbd4] {
  background: var(--error-bg-color);
}
.schedule-cell.isNA .interval-span[data-v-eaaafbd4] {
  color: var(--bad-rating-color);
}
.schedule-cell.isDayOff[data-v-eaaafbd4] {
  background: var(--card-bg-color);
}
.schedule-cell.isDayOff .interval-span[data-v-eaaafbd4] {
  color: var(--helper-text-color);
}
.schedule-cell.isToday .today-span[data-v-eaaafbd4] {
  display: inline-block;
}
.schedule-cell[data-v-eaaafbd4]:not(.inactive):not(.isDayOff):hover {
  background: var(--bg-accent-hover);
  cursor: pointer;
}
.schedule-cell[data-v-eaaafbd4]:not(.inactive):not(.isDayOff):active {
  background: var(--bg-accent-focus);
  outline: 2px solid var(--main-accent-color);
}
.schedule-cell[data-v-eaaafbd4]:not(.inactive):not(.isDayOff):focus {
  background: var(--bg-accent-focus);
  outline: 2px solid var(--secondary-accent-color);
}
.schedule-cell__date[data-v-eaaafbd4] {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
.schedule-cell__date .today-span[data-v-eaaafbd4] {
  margin-left: 8px;
}
.schedule-cell__interval[data-v-eaaafbd4] {
  display: flex;
  gap: 6px;
}
@media (max-width: 771px) {
.schedule-cell__interval[data-v-eaaafbd4] {
    flex-direction: column;
    gap: 2px;
}
}
.today-span[data-v-eaaafbd4] {
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-accent-color);
  display: none;
}
.today-span.isShown[data-v-eaaafbd4] {
  display: inline-block;
}
.arrow-icon[data-v-eaaafbd4] {
  position: absolute;
  top: 16px;
  right: 16px;
  display: none;
}
.schedule-cell:not(.inactive):not(.isDayOff):hover .arrow-icon[data-v-eaaafbd4] {
  display: block;
}
.schedule-cell:hover .info-icon[data-v-eaaafbd4] {
  background-color: var(--main-accent-color-hover) !important;
}
.schedule-cell:not(.isDayOff):hover .tooltip[data-v-eaaafbd4] {
  display: block;
}
.interval-span[data-v-eaaafbd4] {
  font-family: "TildaSansRegular";
  font-size: 17px;
  line-height: 16px;
  font-weight: 400;
  color: var(--main-cta);
}
.interval-span.dayOffSpan[data-v-eaaafbd4] {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.workday-block[data-v-eaaafbd4] {
  border-radius: 12px;
  padding: 16px;
  display: flex;
  gap: 16px;
}
.workday-block[data-v-eaaafbd4]:not(.isDayOff) {
  background: var(--success-bg-color);
}
.workday-block.isNA[data-v-eaaafbd4] {
  background: var(--error-bg-color);
}
.workday-block[data-v-eaaafbd4]:not(.isDayOff):active {
  background: var(--bg-accent-focus);
  outline: 2px solid var(--main-accent-color);
}
.workday-block.isDayOff .interval-span[data-v-eaaafbd4] {
  color: var(--helper-text-color);
}
.workday-info[data-v-eaaafbd4],
.interval-details[data-v-eaaafbd4] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.workday-info[data-v-eaaafbd4] {
  min-width: 100px;
}
.workday-date[data-v-eaaafbd4] {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.workday-details[data-v-eaaafbd4] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-family: "TildaSansRegular";
  font-size: 17px;
  line-height: 16px;
  font-weight: 400;
  color: var(--main-cta);
}
.interval-tag.tag-block.isSlim[data-v-eaaafbd4] {
  padding: 4px 6px;
  width: min-content;
  white-space: nowrap;
  font-family: "TildaSansRegular";
  font-size: 17px;
  line-height: 16px;
  font-weight: 400;
  color: var(--main-cta);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/InputSwitchComponent.vue?vue&type=style&index=0&id=06aed7af&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-06aed7af]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.switch-block[data-v-06aed7af] {
  display: flex;
  gap: 12px;
  align-items: center;
  cursor: pointer;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.switch-block[data-v-06aed7af]:has(.switch-input:disabled) {
  cursor: default;
}
.switch-input[data-v-06aed7af] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: none;
  opacity: 0;
}
.switch-container[data-v-06aed7af] {
  position: relative;
  display: flex;
  align-items: center;
  height: 24px;
  width: 42px;
  border-radius: 30px;
  background-color: var(--secondary-cta-focus-8);
  transition: background-color 0.15s ease-out;
}
.switch-container[data-v-06aed7af]:hover {
  background-color: var(--bg-accent-hover);
}
.switch-container[data-v-06aed7af]::before {
  content: "";
  position: absolute;
  left: 4px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: var(--bg-white);
  transition: transform 0.15s ease-out;
}
.switch-input:not(:disabled):active + .switch-container[data-v-06aed7af] {
  background-color: var(--bg-accent-click);
}
.switch-input:not(:disabled):checked + .switch-container[data-v-06aed7af] {
  background-color: var(--main-accent-color);
}
.switch-input:not(:disabled):checked + .switch-container[data-v-06aed7af]:hover {
  background-color: var(--main-accent-color-hover);
}
.switch-input:not(:disabled):checked + .switch-container[data-v-06aed7af]:active {
  background-color: var(--main-accent-color-click);
}
.switch-input:checked + .switch-container[data-v-06aed7af]::before {
  transform: translateX(18px);
}
.switch-input:disabled + .switch-container[data-v-06aed7af] {
  background-color: var(--bg-accent-disabled);
}
.switch-input:disabled + .switch-container[data-v-06aed7af]::before {
  background-color: var(--secondary-cta-focus-8);
}
.switch-input:not(:disabled):focus + .switch-container[data-v-06aed7af] {
  outline: 3px solid var(--bg-accent-focus);
}
.switch-input:not(:disabled):focus + .switch-container[data-v-06aed7af]:hover {
  outline: 3px solid var(--bg-accent-hover);
}
.switch-input.isError + .switch-container[data-v-06aed7af] {
  outline: 2px solid var(--bad-rating-color);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/ScheduleNavigation.vue?vue&type=style&index=0&id=304b268a&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-304b268a]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.schedule-nav-block[data-v-304b268a] {
  display: grid;
  grid-template-columns: 32px 1fr 32px;
  gap: 32px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "TildaSansSemibold";
  font-size: 24px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.schedule-nav-block[data-v-304b268a] {
    font-size: 21px;
}
}
@media (max-width: 576px) {
.schedule-nav-block[data-v-304b268a] {
    width: 100%;
    padding: 0 8px;
}
}
.sched-nav-icon[data-v-304b268a] {
  cursor: pointer;
}
.sched-nav-icon[data-v-304b268a]:not(.disabled):hover {
  color: var(--main-accent-color-hover);
}
.sched-nav-icon[data-v-304b268a]:not(.disabled):active {
  color: var(--main-accent-color-click);
}
.sched-nav-icon.disabled[data-v-304b268a] {
  cursor: default;
  color: var(--disabled-text-color);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/IndexPage/WorkSchedulePage.vue?vue&type=style&index=0&id=4c3e7115&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4c3e7115]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.schedule-wrapper[data-v-4c3e7115] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.schedule-header[data-v-4c3e7115] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "TildaSansSemibold";
  font-size: 35px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.schedule-header[data-v-4c3e7115] {
    font-size: 27px;
}
}
@media (max-width: 576px) {
.schedule-header[data-v-4c3e7115] {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    font-family: "TildaSansSemibold";
    font-size: 27px;
    font-weight: 400;
    color: var(--main-cta);
}
}
@media (max-width: 576px) and (max-width: 771px) {
.schedule-header[data-v-4c3e7115] {
    font-size: 24px;
}
}
.schedule-container[data-v-4c3e7115] {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.schedule-weekday[data-v-4c3e7115] {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.schedule-cell[data-v-4c3e7115] {
  position: relative;
  min-height: 78px;
  height: 100%;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: var(--success-bg-color);
}
.schedule-cell.inactive[data-v-4c3e7115] {
  background: none;
  color: var(--secondary-cta-32);
  cursor: default;
}
.schedule-loader[data-v-4c3e7115] {
  grid-column: 1/8;
  margin: 0 auto;
}
.dayOff-switch[data-v-4c3e7115] {
  border-radius: 12px;
  margin: 10px 0 -12px 0;
  padding: 16px;
}
.schedule-list[data-v-4c3e7115] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/views/lpu/LpuIndexPage.vue?vue&type=style&index=0&id=52adb928&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-52adb928]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.index-wrapper[data-v-52adb928] {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 576px) {
.index-wrapper[data-v-52adb928] {
    gap: 32px;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/GlobalMenu.vue?vue&type=style&index=0&id=f25d065c&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-f25d065c]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.global_menu_icon[data-v-f25d065c] {
  position: fixed;
  top: 16px;
  left: 16px;
  cursor: pointer;
  z-index: 79;
}
.global_menu_group_substrate[data-v-f25d065c] {
  display: block;
  transform-origin: left;
  overflow-y: auto;
  position: fixed;
  left: -264px;
  top: 0;
  height: 100vh;
  z-index: 89;
  background: #FFFFFF;
  box-shadow: 0px 15px 55px rgba(0, 0, 0, 0.25);
  width: 264px;
  transition: 0.3s;
  opacity: 0;
}
@media (max-width: 520px) {
.global_menu_group_substrate[data-v-f25d065c] {
    left: 0;
    width: 100vw;
    background: rgba(0, 0, 0, 0.6);
    padding: 36px 0 0 0;
    transform: scale(1, 0);
    transform-origin: bottom;
}
}
.global_menu_group_substrate.open[data-v-f25d065c] {
  left: 0;
  opacity: 1;
}
@media (max-width: 520px) {
.global_menu_group_substrate.open[data-v-f25d065c] {
    transform: scale(1, 1);
    opacity: 1;
}
}
.global_menu_body[data-v-f25d065c] {
  width: 100%;
  overflow-x: hidden;
  padding: 60px 11px 30px 16px;
}
@media (max-width: 520px) {
.global_menu_body[data-v-f25d065c] {
    background: white;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1);
    border-radius: 16px 16px 0px 0px;
    padding: 36px 33px 103px 20px;
    position: relative;
    min-height: calc(100vh - 36px);
}
}
.global_menu_body__closeButton[data-v-f25d065c] {
  position: absolute;
  top: 12px;
  right: 16px;
  cursor: pointer;
}
@media (max-width: 520px) {
.global_menu_body__closeButton[data-v-f25d065c] {
    right: 6px;
}
}
.global_menu_group[data-v-f25d065c] {
  margin-bottom: 18px;
  padding-left: 4px;
}
@media (max-width: 520px) {
.global_menu_group[data-v-f25d065c] {
    padding-left: 0;
    margin-bottom: 20px;
}
}
.global_menu_group_title[data-v-f25d065c] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.009em;
  color: var(--primary-0);
  margin-bottom: 12px;
  padding-left: 4px;
}
@media (max-width: 520px) {
.global_menu_group_title[data-v-f25d065c] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.009em;
    color: var(--primary-0);
    padding-left: 0;
    margin-bottom: 12px;
}
@supports (color: color(display-p3 1 1 1)) {
.global_menu_group_title[data-v-f25d065c] {
      font-variation-settings: "wght" 700;
}
}
}
.global_menu_group_item[data-v-f25d065c] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 370;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.035em;
  color: #828282;
  margin-bottom: 2px;
  padding-left: 4px;
  cursor: pointer;
  transition: all 0.2s;
}
@media (max-width: 520px) {
.global_menu_group_item[data-v-f25d065c] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 592;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.019em;
    color: #828282;
    margin-bottom: 8px;
    padding-left: 0;
}
@supports (color: color(display-p3 1 1 1)) {
.global_menu_group_item[data-v-f25d065c] {
      font-variation-settings: "wght" 690;
}
}
}
.global_menu_group_item[data-v-f25d065c]:hover {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 370;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.035em;
  color: var(--primary-50);
}
.pointer[data-v-f25d065c] {
  cursor: pointer;
}
.show-mob[data-v-f25d065c] {
  display: none !important;
}
@media (max-width: 950px) {
.hidden-mob[data-v-f25d065c] {
    display: none;
}
.show-mob[data-v-f25d065c] {
    display: block !important;
}
.global_menu_icon[data-v-f25d065c] {
    position: static;
    margin-left: 12px;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Header.vue?vue&type=style&index=0&id=61dd7a3d&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-61dd7a3d]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.main-logo[data-v-61dd7a3d] {
  height: 75px;
  width: 75px;
  mask-image: url("/customer-assets/wr2/styles/icons/logo_new.svg");
  -webkit-mask-image: url("/customer-assets/wr2/styles/icons/logo_new.svg");
  vertical-align: middle;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  cursor: pointer;
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
}
@media (max-width: 520px) {
.main-logo[data-v-61dd7a3d] {
    height: 55px;
    width: 55px;
}
}
.nav-geo[data-v-61dd7a3d] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--primary-50);
  padding-right: 10px;
  cursor: pointer;
}
@media (max-width: 520px) {
.nav-geo[data-v-61dd7a3d] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--primary-50);
}
}
.nav-geo[data-v-61dd7a3d]:hover {
  text-decoration: underline;
}
.main-logo[data-v-61dd7a3d]:hover {
  background: var(--primary-50);
}
.logo-wrapper img[data-v-61dd7a3d] {
  opacity: 0;
  max-width: 135px;
  max-height: 75px;
  width: 100%;
  height: auto;
}
.header[data-v-61dd7a3d] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
}
@media (max-width: 520px) {
.header[data-v-61dd7a3d] {
    margin-bottom: 4px;
}
}
.header .logo-wrapper[data-v-61dd7a3d] {
  flex: 0 0 auto;
}
.header .personal-wrapper[data-v-61dd7a3d] {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
.header .personal-wrapper.unreadMessage[data-v-61dd7a3d] {
  margin-left: 56px;
}
@media (max-width: 520px) {
.header .personal-wrapper.unreadMessage[data-v-61dd7a3d] {
    margin-left: 0px;
}
}
.header .message_button[data-v-61dd7a3d] {
  position: absolute;
  right: calc(100% + 8px);
  top: 0px;
}
.header .number_count_message[data-v-61dd7a3d] {
  background: var(--error-50);
  color: white !important;
  border-radius: 40px;
  position: absolute;
  top: -6px;
  right: -6px;
  height: 20px;
  width: 20px;
  font-size: 12px;
}
@media (max-width: 520px) {
.header .number_count_message[data-v-61dd7a3d] {
    font-size: 11px;
    line-height: 20px;
}
}
@media (max-width: 735px) {
.header .fullname_btn[data-v-61dd7a3d] {
    white-space: normal;
    height: min-content;
    width: min-content;
}
}
.header .nav-wrapper[data-v-61dd7a3d] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
@media (max-width: 520px) {
.header .nav-wrapper[data-v-61dd7a3d] {
    display: grid;
    justify-content: flex-end;
    align-content: flex-end;
    gap: 8px;
}
}
.header .nav-wrapper nav[data-v-61dd7a3d] {
  flex: 1 1 auto;
}
@media (max-width: 735px) {
.header .nav-wrapper nav[data-v-61dd7a3d] {
    display: none;
}
}
.header .nav-wrapper nav ul[data-v-61dd7a3d] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: space-around;
  flex-wrap: nowrap;
}
.header .nav-wrapper nav ul li[data-v-61dd7a3d] {
  margin: 0 8px;
}
.header .nav-wrapper nav ul li a[data-v-61dd7a3d] {
  text-decoration: none;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 24px;
  color: #000;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Spinner.vue?vue&type=style&index=0&id=39432f99&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-39432f99]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.loader[data-v-39432f99] {
  animation-duration: 2s;
  animation-name: heartbeat;
  animation-iteration-count: infinite;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  align-content: center;
  flex-wrap: nowrap;
  font-size: 20px;
  line-height: 30px;
}
.sk-fading-circle[data-v-39432f99] {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-fading-circle .sk-circle[data-v-39432f99] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-fading-circle .sk-circle[data-v-39432f99]:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay-39432f99 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay-39432f99 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2[data-v-39432f99] {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3[data-v-39432f99] {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4[data-v-39432f99] {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5[data-v-39432f99] {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6[data-v-39432f99] {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7[data-v-39432f99] {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8[data-v-39432f99] {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9[data-v-39432f99] {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10[data-v-39432f99] {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11[data-v-39432f99] {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12[data-v-39432f99] {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2[data-v-39432f99]:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3[data-v-39432f99]:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-fading-circle .sk-circle4[data-v-39432f99]:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5[data-v-39432f99]:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6[data-v-39432f99]:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7[data-v-39432f99]:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8[data-v-39432f99]:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9[data-v-39432f99]:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10[data-v-39432f99]:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11[data-v-39432f99]:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12[data-v-39432f99]:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay-39432f99 {
0%, 39%, 100% {
    opacity: 0;
}
40% {
    opacity: 1;
}
}
@keyframes sk-circleFadeDelay-39432f99 {
0%, 39%, 100% {
    opacity: 0;
}
40% {
    opacity: 1;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Footer.vue?vue&type=style&index=0&id=40ab164b&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-40ab164b]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
footer[data-v-40ab164b] {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.footer[data-v-40ab164b] {
  display: flex;
  background: var(--primary-95);
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.switch-layout[data-v-40ab164b] {
  display: flex;
  background: var(--primary-95);
  padding-bottom: 12px;
  justify-content: center;
}
.footer__container[data-v-40ab164b] {
  padding: 35px 25px;
  width: 846px;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
}
@media (max-width: 520px) {
.footer__container[data-v-40ab164b] {
    padding: 16px 16px 5px 16px;
    flex-direction: column;
    gap: 16px;
    width: 93vw;
}
}
.footer__column[data-v-40ab164b] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
}
.subfooter[data-v-40ab164b] {
  padding: 24px 10px 24px 42px;
  width: 100%;
  position: relative;
  bottom: 0;
}
@media (max-width: 520px) {
.subfooter[data-v-40ab164b] {
    padding: 12px;
    text-align: center;
}
}
.footer_text[data-v-40ab164b] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  color: var(--primary-0);
  margin-bottom: 2px;
}
.phone_number[data-v-40ab164b] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.009em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.phone_number[data-v-40ab164b] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 592;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.019em;
    color: var(--primary-50);
}
@supports (color: color(display-p3 1 1 1)) {
.phone_number[data-v-40ab164b] {
      font-variation-settings: "wght" 690;
}
}
}
.footer_link[data-v-40ab164b] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  color: var(--primary-50);
}
.messager_container[data-v-40ab164b] {
  margin-top: 8px;
  display: flex;
  gap: 8px;
}
.messager_container img[data-v-40ab164b] {
  height: 24px;
  width: 24px;
  cursor: pointer;
}
@media (max-width: 520px) {
.messager_container[data-v-40ab164b] {
    gap: 27px;
}
.messager_container img[data-v-40ab164b] {
    height: 20px;
    width: 20px;
}
}
.sicial_container[data-v-40ab164b] {
  margin-top: 16px;
  display: flex;
  gap: 8px;
}
.sicial_container img[data-v-40ab164b] {
  height: 24px;
  width: 24px;
  cursor: pointer;
}
.app_container[data-v-40ab164b] {
  margin-top: 12px;
  width: 107px;
}
.app_container img[data-v-40ab164b] {
  cursor: pointer;
}
@media (max-width: 520px) {
.app_container[data-v-40ab164b] {
    width: inherit;
    display: flex;
    gap: 6px;
}
.app_container img[data-v-40ab164b] {
    width: 107px;
}
}
.footer_phone[data-v-40ab164b] {
  width: 240px;
}
@media (max-width: 520px) {
.hidden-m[data-v-40ab164b] {
    display: none;
}
}
.hidden-d[data-v-40ab164b] {
  display: none;
}
@media (max-width: 520px) {
.hidden-d[data-v-40ab164b] {
    display: flex;
}
}
.contact_container[data-v-40ab164b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 56px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Container/ContainerTitle.vue?vue&type=style&index=0&id=09a96375&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-09a96375]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.extra-slot[data-v-09a96375] {
  align-self: center;
  display: flex;
  gap: 4px;
}
.container-list-header[data-v-09a96375] {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
  border-radius: 24px;
  min-height: 52px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  gap: 8px;
  box-sizing: border-box;
}
@media (max-width: 520px) {
.container-list-header[data-v-09a96375] {
    border-radius: 20px;
    align-items: center;
    padding: 8px;
    height: inherit;
    min-height: 52px;
}
}
.container-list-header.type_anonim[data-v-09a96375], .container-list-header.type_light[data-v-09a96375] {
  padding-bottom: 0;
  background: none;
}
.container-list-header.type_b[data-v-09a96375], .container-list-header.type_questionary_b[data-v-09a96375] {
  background: white;
}
@media (max-width: 520px) {
.container-list-header.type_b[data-v-09a96375], .container-list-header.type_questionary_b[data-v-09a96375] {
    padding-bottom: 16px;
}
}
.container-list-header.type_intervals_wrapper[data-v-09a96375] {
  background: white;
}
.container-list-header.type_registration[data-v-09a96375] {
  background: var(--primary-90);
  padding: 12px 12px 0 12px;
  min-height: 60px;
}
.container-list-header.type_intervals[data-v-09a96375] {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
  padding: 12px 12px 0 12px;
  min-height: 60px;
  overflow: hidden;
}
@media (max-width: 520px) {
.container-list-header.type_intervals[data-v-09a96375] {
    padding: 8px 20px 3px 14px;
    min-height: 24px;
    border-radius: 16px;
}
}
.container-list-header.type_specialist[data-v-09a96375] {
  border-radius: 20px 20px 0 0;
}
@media (max-width: 520px) {
.container-list-header.type_specialist[data-v-09a96375] {
    border-radius: 20px 20px 0 0;
}
}
.container-list-header-title.type_anonim[data-v-09a96375] {
  color: var(--primary-20);
  font-variation-settings: "wght" 600;
  font-size: 20px;
  padding-top: 2px;
}
.container-list-header-title.type_registration[data-v-09a96375] {
  color: var(--primary-20);
  font-variation-settings: "wght" 600;
  font-size: 20px;
  padding-top: 2px;
}
.container-list-header-title.type_intervals[data-v-09a96375] {
  font-variation-settings: "wght" 550;
  font-size: 20px;
  padding-top: 2px;
  overflow: hidden;
}
.container-list-header-title.type_questionary[data-v-09a96375] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-100);
}
@media (max-width: 520px) {
.container-list-header-title.type_questionary[data-v-09a96375] {
    padding-top: 7px;
    padding-left: 12px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.009em;
    color: var(--primary-100);
}
@supports (color: color(display-p3 1 1 1)) {
.container-list-header-title.type_questionary[data-v-09a96375] {
      font-variation-settings: "wght" 700;
}
}
}
.container-list-header-title.type_light[data-v-09a96375] {
  padding-top: 5px;
  font-variation-settings: "wght" 700;
  font-size: 20px;
  line-height: 28px;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.container-list-header-title.type_light[data-v-09a96375] {
    font-size: 17px;
    line-height: 24px;
    padding-left: 10px;
    padding-top: 3px;
}
}
.container-list-header.search[data-v-09a96375] {
  padding: 8px 12px 8px 8px;
}
@media (max-width: 520px) {
.container-list-header.search[data-v-09a96375] {
    padding: 4px 8px 4px 8px;
}
@supports (color: color(display-p3 1 1 1)) {
.container-list-header.search[data-v-09a96375] {
      padding: 4px 6px 4px 8px;
}
}
}
.container-list-header.search.defaultPadding[data-v-09a96375] {
  padding: 12px;
}
@media (max-width: 520px) {
.container-list-header.search.defaultPadding[data-v-09a96375] {
    padding: 8px;
}
}
.container-list-header.openFilter[data-v-09a96375] {
  display: grid;
  grid-template-columns: 1fr 44px;
  align-items: center;
}
@media (max-width: 520px) {
.container-list-header.openFilter[data-v-09a96375] {
    grid-template-columns: 1fr 36px;
    gap: 0;
}
}
.wr-icon[data-v-09a96375] {
  background: var(--primary-100);
  align-self: center;
  justify-self: center;
}
.container-list-header.type_b .wr-icon[data-v-09a96375],
.container-list-header.type_questionary_b .wr-icon[data-v-09a96375],
.container-list-header.type_intervals_wrapper .wr-icon[data-v-09a96375] {
  background: var(--primary-50);
}
.container-list-header.type_b .wr-icon.i-close[data-v-09a96375]:hover,
.container-list-header.type_questionary_b .wr-icon.i-close[data-v-09a96375]:hover,
.container-list-header.type_intervals_wrapper .wr-icon.i-close[data-v-09a96375]:hover {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
}
.container-list-header-icon[data-v-09a96375] {
  align-self: start;
  height: 44px;
  width: 44px;
  display: flex;
  justify-content: flex-end;
  align-content: flex-end;
}
@media (max-width: 520px) {
.container-list-header-icon[data-v-09a96375] {
    height: 36px;
    width: 36px;
}
}
.container-list-header-close-icon[data-v-09a96375] {
  align-self: start;
}
.container.fullscreen .container-list-header-close-icon[data-v-09a96375] {
  display: none;
}
.container-list-header-icon.search[data-v-09a96375] {
  padding-top: 2px;
}
.container-list-header-title[data-v-09a96375] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-100);
  padding: 4px 8px;
  align-self: stretch;
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
}
@media (max-width: 520px) {
.container-list-header-title[data-v-09a96375] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.009em;
    color: var(--primary-100);
    padding: 6px 4px;
    min-height: 30px;
}
@supports (color: color(display-p3 1 1 1)) {
.container-list-header-title[data-v-09a96375] {
      font-variation-settings: "wght" 700;
}
}
}
.container-list-header.type_b .container-list-header-title[data-v-09a96375] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.container-list-header.type_b .container-list-header-title[data-v-09a96375] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.009em;
    color: var(--primary-50);
}
@supports (color: color(display-p3 1 1 1)) {
.container-list-header.type_b .container-list-header-title[data-v-09a96375] {
      font-variation-settings: "wght" 700;
}
}
}
.container-list-header.type_questionary_b .container-list-header-title[data-v-09a96375] {
  color: var(--primary-50);
  font-variation-settings: "wght" 700;
  font-size: 24px;
  line-height: 36px;
}
@media (max-width: 520px) {
.container-list-header.type_questionary_b .container-list-header-title[data-v-09a96375] {
    font-size: 20px;
    line-height: 24px;
    padding-left: 12px;
    padding-top: 7px;
}
}
.container-list-header.type_intervals_wrapper .container-list-header-title[data-v-09a96375] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.container-list-header.type_intervals_wrapper .container-list-header-title[data-v-09a96375] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.009em;
    color: var(--primary-50);
}
@supports (color: color(display-p3 1 1 1)) {
.container-list-header.type_intervals_wrapper .container-list-header-title[data-v-09a96375] {
      font-variation-settings: "wght" 700;
}
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Container/ContainerList.vue?vue&type=style&index=0&id=4e9ef5de&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4e9ef5de]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.select_block[data-v-4e9ef5de] {
  background: none;
}
.container.fullscreen .select_block[data-v-4e9ef5de] {
  box-shadow: none !important;
}
.select_block.type_a[data-v-4e9ef5de], .select_block.type_questionary[data-v-4e9ef5de] {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
}
.select_block.type_b[data-v-4e9ef5de] {
  background: white;
  box-shadow: 0 15px 55px rgba(0, 0, 0, 0.25);
}
.select_block.type_questionary_b[data-v-4e9ef5de] {
  background: white;
  box-shadow: 0 15px 55px rgba(0, 0, 0, 0.25);
}
.select_block.type_intervals_wrapper[data-v-4e9ef5de] {
  background: white;
  box-shadow: 0 15px 55px rgba(0, 0, 0, 0.25);
}
.select_block.type_anonim[data-v-4e9ef5de] {
  background: var(--primary-90);
  border-radius: 20px;
}
.select_block.type_light[data-v-4e9ef5de] {
  background: var(--primary-95);
  border-radius: 20px;
}
@media (max-width: 520px) {
.select_block.type_light[data-v-4e9ef5de] {
    border-radius: 16px;
}
}
.select_block__body.light[data-v-4e9ef5de] {
  padding-top: 0;
}
@media (max-width: 520px) {
.select_block__body.light[data-v-4e9ef5de] {
    margin-top: -8px;
}
}
.select_block.type_registration[data-v-4e9ef5de] {
  background: var(--primary-90);
}
.select_block.type_intervals_wrapper[data-v-4e9ef5de] {
  background: white;
}
.select_block.type_intervals_wrapper .select_block__body[data-v-4e9ef5de] {
  gap: 0;
}
.select_block.type_intervals[data-v-4e9ef5de] {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70) 100%);
}
.select_block.type_intervals .select_block__body[data-v-4e9ef5de] {
  gap: 8px;
  padding: 3px 8px 8px 8px;
}
@media (max-width: 520px) {
.select_block.type_intervals[data-v-4e9ef5de] {
    border-radius: 16px;
}
}
.anon_container .container-list-header[data-v-4e9ef5de] {
  margin-bottom: 16px;
}
@media (max-width: 520px) {
.anon_container .container-list-header[data-v-4e9ef5de] {
    margin-bottom: 6px;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/BaseOverlay.vue?vue&type=style&index=0&id=0ccb025e&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0ccb025e]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.overlay[data-v-0ccb025e] {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.overlay__modal[data-v-0ccb025e] {
  display: block;
  width: calc(90vw - 20px);
  max-width: 700px;
  border-radius: 24px;
  box-shadow: 0 15px 55px rgba(0, 0, 0, 0.25);
  background-color: var(--primary-100);
}
.overlay__modal[data-v-0ccb025e]:has(> div.intervalAppointmentComponent) {
  width: calc(100vw - 50px);
  max-width: 796px;
  margin-right: 20px;
}
@media (max-width: 520px) {
.overlay__modal[data-v-0ccb025e]:has(> div.intervalAppointmentComponent) {
    width: calc(100vw - 20px);
    margin-right: 0;
}
}
.overlay__popup-container[data-v-0ccb025e] {
  background: var(--neutral-95);
  border-radius: 20px;
  padding: 0px 8px 8px 8px;
}
.overlay__container-actions[data-v-0ccb025e] {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
@media (max-width: 520px) {
.overlay__container-actions[data-v-0ccb025e] {
    flex: 1;
    flex-direction: column;
}
}
.select_block.overlay__popup-confirm[data-v-0ccb025e] {
  background: var(--primary-100);
  color: var(--primary-50);
}
.overlay__popup-confirm .select_block__header.find[data-v-0ccb025e] {
  padding: 12px;
}
.overlay__popup-title[data-v-0ccb025e] {
  padding: 4px 8px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.overlay__popup-title[data-v-0ccb025e] {
    padding: 6px 4px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.009em;
    color: var(--primary-50);
}
@supports (color: color(display-p3 1 1 1)) {
.overlay__popup-title[data-v-0ccb025e] {
      font-variation-settings: "wght" 700;
}
}
}
.overlay__popup-icon[data-v-0ccb025e] {
  align-self: start;
}
.overlay__popup-bubble[data-v-0ccb025e] {
  background: #EDEDED;
  border-radius: 12px;
  padding: 12px 16px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 370;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.035em;
  color: #000;
}
@media (max-width: 520px) {
.overlay__popup-bubble[data-v-0ccb025e] {
    padding: 7px 14px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0024em;
    color: #000;
}
}
.overlay__popup-content[data-v-0ccb025e] {
  padding: 4px 8px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 370;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.035em;
  color: #000;
}
@media (max-width: 520px) {
.overlay__popup-content[data-v-0ccb025e] {
    padding: 6px 4px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0024em;
    color: #000;
}
}
.overlay__popup-actions[data-v-0ccb025e] {
  display: grid;
  gap: 8px;
}
.overlay__popup-actions button[data-v-0ccb025e] {
  white-space: normal;
}
.overlay__half-grid[data-v-0ccb025e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
@media (max-width: 520px) {
.overlay__half-grid[data-v-0ccb025e] {
    grid-template-columns: 1fr;
}
}
.embedded_container[data-v-0ccb025e] {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Notification.vue?vue&type=style&index=0&id=9084a0ca&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-9084a0ca]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.notification[data-v-9084a0ca] {
  display: flex;
  align-items: flex-start;
  position: fixed;
  bottom: 20px;
  left: 18px;
  z-index: 999999;
}
.messages_list[data-v-9084a0ca] {
  display: flex;
  flex-direction: column;
}
.message[data-v-9084a0ca] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  grid-gap: 8px;
  padding: 20px;
  background: #000000;
  border-radius: 8px;
  width: 436px;
  min-height: 60px;
  margin-bottom: 8px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--primary-100);
}
.message_text[data-v-9084a0ca] {
  margin-bottom: 8px;
}
.transition-animate_notification-enter-from[data-v-9084a0ca] {
  transform: translateY(60px);
  opacity: 0;
}
.transition-animate_notification-enter-active[data-v-9084a0ca], .transition-animate_notification-leave-active[data-v-9084a0ca] {
  transition: all 0.6s ease;
}
.transition-animate_notification-enter-to[data-v-9084a0ca], .transition-animate_notification-leave-from[data-v-9084a0ca] {
  opacity: 1;
}
.transition-animate_notification-leave-to[data-v-9084a0ca] {
  transform: translateX(-120px);
  opacity: 0;
}
.transition-animate_notification-move[data-v-9084a0ca] {
  transition: transform 0.6s ease;
}
.message[data-v-9084a0ca]:last-child,
.message_text[data-v-9084a0ca]:nth-last-child(2) {
  margin-bottom: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/GeoPosition/GeoSelectRegion.vue?vue&type=style&index=0&id=1ca1df28&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1ca1df28]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.geoSelect__body[data-v-1ca1df28] {
  max-height: 40vh;
  overflow: auto;
}
.geoSelect[data-v-1ca1df28] {
  border-radius: 20px;
  border: 2px solid var(--primary-90);
}
@media (max-width: 520px) {
.geoSelect[data-v-1ca1df28] {
    border-radius: 16px;
}
}
.geoSelect__header[data-v-1ca1df28],
.geoSelect__item[data-v-1ca1df28] {
  min-height: 52px;
  padding: 14px 16px;
  border-bottom: 2px solid var(--primary-90);
}
@media (max-width: 520px) {
.geoSelect__header[data-v-1ca1df28],
  .geoSelect__item[data-v-1ca1df28] {
    min-height: 44px;
    padding: 10px 12px;
}
}
.geoSelect__item[data-v-1ca1df28]:last-child {
  border-bottom: 0;
  border-radius: 0 0 20px 20px;
}
@media (max-width: 520px) {
.geoSelect__item[data-v-1ca1df28]:last-child {
    border-radius: 0 0 16px 16px;
}
}
.geoSelect__item[data-v-1ca1df28] {
  cursor: pointer;
}
.geoSelect__item[data-v-1ca1df28]:hover,
.geoSelect__item.select[data-v-1ca1df28] {
  background: var(--primary-95);
}
.geoSelect__header[data-v-1ca1df28] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.geoSelect__header[data-v-1ca1df28] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-50);
}
}
.geoSelect__item[data-v-1ca1df28] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.geoSelect__item[data-v-1ca1df28] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
}
}
.geoSelect__select[data-v-1ca1df28] {
  height: 52px;
  padding: 4px 4px 4px 8px;
  display: grid;
  grid-template-columns: 1fr 119px;
}
@media (max-width: 520px) {
.geoSelect__select[data-v-1ca1df28] {
    height: 44px;
}
}
.geoSelect__select_text[data-v-1ca1df28] {
  padding: 0 8px;
}
.geoSelect__select_text_sub[data-v-1ca1df28] {
  height: 20px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: #828282;
}
@media (max-width: 520px) {
.geoSelect__select_text_sub[data-v-1ca1df28] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: #828282;
}
}
.geoSelect__select_text_name[data-v-1ca1df28] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.geoSelect__select_text_name[data-v-1ca1df28] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/GeoPosition/GeoSelectLocality.vue?vue&type=style&index=0&id=adf9414a&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-adf9414a]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.geoSelectLocality[data-v-adf9414a] {
  min-height: 52px;
  border-radius: 20px;
  border: 2px solid var(--primary-50);
}
@media (max-width: 520px) {
.geoSelectLocality[data-v-adf9414a] {
    min-height: 44px;
    border-radius: 16px;
}
}
.geoSelectLocality.showDisabled[data-v-adf9414a] {
  background: var(--neutral-var-90);
  padding: 14px 16px;
  border: none;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--secondary-70);
}
@media (max-width: 520px) {
.geoSelectLocality.showDisabled[data-v-adf9414a] {
    padding: 10px 12px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--secondary-70);
}
}
.geoSelectLocality.showDisabled .geoSelectLocality__disabled[data-v-adf9414a] {
  display: block;
}
.geoSelectLocality.showFind .geoSelectLocality__find__header[data-v-adf9414a] {
  padding: 4px 16px;
}
.geoSelectLocality.showFind .geoSelectLocality__find__header .geoSelectLocality__find__header__placeholder[data-v-adf9414a] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.geoSelectLocality.showFind .geoSelectLocality__find__header .geoSelectLocality__find__header__placeholder[data-v-adf9414a] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--primary-50);
}
}
.geoSelectLocality.showFind .geoSelectLocality__find__header input[data-v-adf9414a] {
  border: none;
  outline: none;
  caret-color: var(--primary-50);
  height: 24px;
  width: 100%;
  margin-left: -1px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.geoSelectLocality.showFind .geoSelectLocality__find__header input[data-v-adf9414a] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
}
}
.geoSelectLocality.showFind .geoSelectLocality__find__header[data-v-adf9414a]:has(+ .geoSelectLocality__find__body) {
  border-bottom: 2px solid var(--primary-90);
}
.geoSelectLocality.showFind .geoSelectLocality__find__body[data-v-adf9414a] {
  display: grid;
  grid-template-columns: 1fr;
}
.geoSelectLocality.showFind .geoSelectLocality__find__body .geoSelectLocality__find__item[data-v-adf9414a] {
  min-height: 52px;
  padding: 14px 16px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
  cursor: pointer;
}
@media (max-width: 520px) {
.geoSelectLocality.showFind .geoSelectLocality__find__body .geoSelectLocality__find__item[data-v-adf9414a] {
    min-height: 44px;
    padding: 10px 18px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
}
}
.geoSelectLocality.showFind .geoSelectLocality__find__body .geoSelectLocality__find__item[data-v-adf9414a]:hover {
  background: var(--primary-95);
}
.geoSelectLocality.showFind .geoSelectLocality__find__body .geoSelectLocality__find__item[data-v-adf9414a]:last-child {
  border-bottom: none;
  border-radius: 20px;
}
@media (max-width: 520px) {
.geoSelectLocality.showFind .geoSelectLocality__find__body .geoSelectLocality__find__item[data-v-adf9414a]:last-child {
    border-radius: 16px;
}
}
.geoSelectLocality.showFind .geoSelectLocality__find[data-v-adf9414a] {
  display: block;
}
.geoSelectLocality.showSelect[data-v-adf9414a] {
  border: 2px solid var(--primary-90);
  padding: 4px 4px 4px 8px;
}
.geoSelectLocality.showSelect .geoSelectLocality__select[data-v-adf9414a] {
  display: block;
}
.geoSelectLocality.showSelect .geoSelectLocality__select__header[data-v-adf9414a] {
  display: grid;
  grid-template-columns: 1fr 119px;
}
.geoSelectLocality.showSelect .geoSelectLocality__select__header .geoSelectLocality__select_text[data-v-adf9414a] {
  padding: 0 8px;
}
.geoSelectLocality.showSelect .geoSelectLocality__select__header .geoSelectLocality__select_text .geoSelectLocality__select_text_sub[data-v-adf9414a] {
  height: 20px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: #828282;
}
.geoSelectLocality.showSelect .geoSelectLocality__select__header .geoSelectLocality__select_text .geoSelectLocality__select_text_name[data-v-adf9414a] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.geoSelectLocality.showSelect .geoSelectLocality__select__header .geoSelectLocality__select_text .geoSelectLocality__select_text_name[data-v-adf9414a] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
}
}
.geoSelectLocality .geoSelectLocality__disabled[data-v-adf9414a],
.geoSelectLocality .geoSelectLocality__find[data-v-adf9414a],
.geoSelectLocality .geoSelectLocality__select[data-v-adf9414a] {
  display: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/GeoPosition/GeoPosition.vue?vue&type=style&index=0&id=7d5147f6&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-7d5147f6]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.geo__wrapper[data-v-7d5147f6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.geo__container[data-v-7d5147f6] {
  width: 850px;
  max-width: 100vw;
}
.geo_button__wrapper[data-v-7d5147f6] {
  display: flex;
  justify-content: flex-end;
}
[data-v-7d5147f6] .container-list-header-icon {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/GeoPosition/GeoModal.vue?vue&type=style&index=0&id=6a60cefe&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6a60cefe]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.geo__block[data-v-6a60cefe] {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 576px) {
.geo__block[data-v-6a60cefe] {
    grid-template-columns: 1fr;
}
}
.region-input[data-v-6a60cefe]:last-child {
  grid-column: 1/3;
}
.geo-cta[data-v-6a60cefe] {
  display: flex;
  gap: 40px;
}
.geo-cta button[data-v-6a60cefe] {
  height: 54px;
}
[data-v-6a60cefe] .locality-input .dropdown-icon {
  display: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/Bubble.vue?vue&type=style&index=0&id=1fee316a&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1fee316a]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
[data-v-1fee316a] b {
  font-variation-settings: "wght" 800;
}
.bubble_wrap[data-v-1fee316a] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-height: 324px;
  overflow: hidden;
  transition: max-height 0.6s ease;
  border: 2px solid var(--neutral-90);
  border-radius: 28px;
}
.bubble_wrap .bubble_header[data-v-1fee316a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.bubble_wrap .bubble_header .header_title[data-v-1fee316a] {
  display: flex;
  padding: 20px 0 20px 36px;
  white-space: nowrap;
}
.bubble_wrap .bubble_header .header_title .header_title_icon[data-v-1fee316a] {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70));
  margin-right: 16px;
}
.bubble_wrap .bubble_header .header_title .header_title_text[data-v-1fee316a] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.009em;
  color: var(--neutral-40);
  padding: 3px 10px;
}
@media (max-width: 520px) {
.bubble_wrap .bubble_header .header_title .header_title_text[data-v-1fee316a] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 592;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.019em;
    color: var(--neutral-40);
}
@supports (color: color(display-p3 1 1 1)) {
.bubble_wrap .bubble_header .header_title .header_title_text[data-v-1fee316a] {
      font-variation-settings: "wght" 690;
}
}
}
@media (max-width: 520px) {
.bubble_wrap .bubble_header .header_title[data-v-1fee316a] {
    padding: 10px 8px;
}
}
.bubble_wrap .bubble_content[data-v-1fee316a] {
  overflow: hidden;
  transition: max-height 1s ease;
  padding: 0px 20px 24px 94px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--neutral-40);
}
.bubble_wrap .bubble_content .content_text[data-v-1fee316a] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.004em;
  color: var(--neutral-40);
}
@media (max-width: 520px) {
.bubble_wrap .bubble_content[data-v-1fee316a] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 592;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.019em;
    color: var(--neutral-40);
    padding: 4px 8px 8px 18px;
}
@supports (color: color(display-p3 1 1 1)) {
.bubble_wrap .bubble_content[data-v-1fee316a] {
      font-variation-settings: "wght" 690;
}
}
}
.bubble_wrap .bubble_footer[data-v-1fee316a] {
  padding: 28px 20px 28px 90px;
}
.bubble_wrap .bubble_footer .footer_btn[data-v-1fee316a] {
  border: 2px solid var(--neutral-90);
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--neutral-40);
}
@media (max-width: 520px) {
.bubble_wrap .bubble_footer .footer_btn[data-v-1fee316a] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.005em;
    color: var(--neutral-50);
}
}
@media (max-width: 520px) {
.bubble_wrap .bubble_footer[data-v-1fee316a] {
    padding: 12px 8px 14px 18px;
}
}
@media (max-width: 520px) {
.bubble_wrap[data-v-1fee316a] {
    border-radius: 16px;
}
}
.bubble_content_without_actions .returnBtn[data-v-1fee316a] {
  align-self: center;
  border: 2px solid var(--neutral-90);
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--neutral-40);
}
@media (max-width: 520px) {
.bubble_content_without_actions .returnBtn[data-v-1fee316a] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.005em;
    color: var(--neutral-50);
}
}
.bubble_content_without_actions .returnBtn[data-v-1fee316a]:hover {
  color: var(--primary-50);
}
.title_action_wrap[data-v-1fee316a] {
  padding: 6px 20px 8px 8px;
}
@media (max-width: 520px) {
.title_action_wrap[data-v-1fee316a] {
    padding: 6px;
}
}
[data-v-1fee316a] .content_text h1,[data-v-1fee316a] .content_text h2,[data-v-1fee316a] .content_text h3,[data-v-1fee316a] .content_text h4,[data-v-1fee316a] .content_text h5,[data-v-1fee316a] .content_text h6,[data-v-1fee316a] .bubble_content_without_actions__text h1,[data-v-1fee316a] .bubble_content_without_actions__text h2,[data-v-1fee316a] .bubble_content_without_actions__text h3,[data-v-1fee316a] .bubble_content_without_actions__text h4,[data-v-1fee316a] .bubble_content_without_actions__text h5,[data-v-1fee316a] .bubble_content_without_actions__text h6 {
  margin-bottom: 12px;
}
[data-v-1fee316a] .content_text ul,[data-v-1fee316a] .bubble_content_without_actions__text ul {
  margin-top: 8px;
  margin-bottom: 20px;
}
.bubble_content_without_actions[data-v-1fee316a] {
  display: flex;
  border: 2px solid var(--neutral-90);
  border-radius: 24px;
  padding: 24px 20px 24px 35px;
  max-height: 324px;
  overflow: hidden;
}
.bubble_content_without_actions .header_title_icon[data-v-1fee316a] {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70));
  min-width: max-content;
  min-height: max-content;
  margin-right: 16px;
}
.bubble_content_without_actions .bubble_content_without_actions__text[data-v-1fee316a] {
  flex: 1;
  padding: 4px 8px;
  display: -webkit-box;
  align-self: center;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.004em;
  color: var(--neutral-40);
}
.bubble_content_without_actions .bubble_content_without_actions__text[data-v-1fee316a] i {
  font-style: italic;
}
@media (max-width: 520px) {
.bubble_content_without_actions[data-v-1fee316a] {
    overflow: hidden;
    max-height: 264px;
    border-radius: 20px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 592;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.019em;
    color: var(--neutral-40);
    padding: 12px 8px 12px 20px;
}
@supports (color: color(display-p3 1 1 1)) {
.bubble_content_without_actions[data-v-1fee316a] {
      font-variation-settings: "wght" 690;
}
}
}
.bubble_content_without_actions.slimBubble[data-v-1fee316a] {
  border-radius: 20px;
  padding: 16px 20px 16px 28px;
}
@media (max-width: 520px) {
.bubble_content_without_actions.slimBubble[data-v-1fee316a] {
    border-radius: 16px;
    padding: 12px 8px 12px 20px;
}
}
.bubble_content_without_actions.slimBubble[data-v-1fee316a]:has(.returnBtn) {
  padding: 10px 10px 10px 28px;
}
@media (max-width: 520px) {
.bubble_content_without_actions.slimBubble[data-v-1fee316a]:has(.returnBtn) {
    padding: 4px 4px 4px 20px;
}
}
.bubble_content_without_actions.slimBubble .header_title_icon[data-v-1fee316a] {
  margin-top: -8px;
  align-self: flex-start;
  background: var(--primary-50);
}
.bubble_content_without_actions.slimBubble .bubble_content_without_actions__text[data-v-1fee316a] {
  align-self: center;
  padding: 0 8px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--neutral-40);
}
@media (max-width: 520px) {
.bubble_content_without_actions.slimBubble .bubble_content_without_actions__text[data-v-1fee316a] {
    padding: 0;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--neutral-40);
}
}
.bubble_content_without_actions.whiteBg[data-v-1fee316a] {
  background: var(--primary-100);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/ZoomBlock.vue?vue&type=style&index=0&id=1294477a&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1294477a]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.zoombox[data-v-1294477a] {
  display: inline-flex;
  gap: 5px;
  font-size: 1.4em;
  z-index: 2;
  align-items: center;
}
.pc[data-v-1294477a] {
  width: 70px;
  text-align: center;
}
.zbt.dis[data-v-1294477a] {
  opacity: 0.4;
  cursor: no-drop;
}
.zbt[data-v-1294477a] {
  border: 2px solid #ccc;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  cursor: pointer;
  user-select: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/DocSignContainer.vue?vue&type=style&index=0&id=148f4b1c&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-148f4b1c]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.signbtns[data-v-148f4b1c] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.docsign_footer.testbtn > div[data-v-148f4b1c] {
  display: inline-flex;
  flex-direction: column;
  font-size: 12px;
}
.docsign_footer.testbtn[data-v-148f4b1c] {
  flex-wrap: wrap;
}
.docsign_content.error[data-v-148f4b1c] {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
}
.docsign_content.error > *[data-v-148f4b1c] {
  flex: 0 0 auto;
}
[data-v-148f4b1c] b {
  font-variation-settings: "wght" 800;
}
.docsign_wrap[data-v-148f4b1c] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  border: 2px solid var(--neutral-90);
  border-radius: 28px;
  height: calc(-32px + 100vh);
  margin: 16px 0;
}
.docsign_wrap .docsign__header[data-v-148f4b1c] {
  min-height: 60px;
  padding: 12px;
  display: grid;
  grid-template-columns: 1fr 44px;
  gap: 8px;
  flex: 0 0 auto;
}
@media (max-width: 520px) {
.docsign_wrap .docsign__header[data-v-148f4b1c] {
    padding: 8px;
    grid-template-columns: 1fr 36px;
}
}
.docsign_wrap .docsign__header_content[data-v-148f4b1c] {
  padding: 4px 8px;
}
@media (max-width: 520px) {
.docsign_wrap .docsign__header_content[data-v-148f4b1c] {
    padding: 0 4px;
}
}
.docsign_wrap .docsign__header_content_text[data-v-148f4b1c] {
  padding-top: 20px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.docsign_wrap .docsign__header_content_text[data-v-148f4b1c] {
    padding-top: 10px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-50);
    margin-bottom: 4px;
}
}
.docsign_wrap .docsign__header_content_name[data-v-148f4b1c] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.docsign_wrap .docsign__header_content_name[data-v-148f4b1c] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.009em;
    color: var(--primary-50);
}
@supports (color: color(display-p3 1 1 1)) {
.docsign_wrap .docsign__header_content_name[data-v-148f4b1c] {
      font-variation-settings: "wght" 700;
}
}
}
.docsign_wrap .docsign_content[data-v-148f4b1c] {
  flex: 1 1 auto;
  overflow: auto;
  padding: 5px;
  position: relative;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--neutral-40);
}
.docsign_wrap .docsign_content .content_text[data-v-148f4b1c] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.004em;
  color: var(--neutral-40);
}
@media (max-width: 520px) {
.docsign_wrap .docsign_content[data-v-148f4b1c] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 592;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.019em;
    color: var(--neutral-40);
    padding: 4px 8px 8px 18px;
}
@supports (color: color(display-p3 1 1 1)) {
.docsign_wrap .docsign_content[data-v-148f4b1c] {
      font-variation-settings: "wght" 690;
}
}
}
.docsign_wrap .docsign_footer[data-v-148f4b1c] {
  padding: 18px 20px 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
}
.docsign_wrap .docsign_footer .footer_btn[data-v-148f4b1c] {
  border: 2px solid var(--neutral-90);
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--neutral-40);
}
@media (max-width: 520px) {
.docsign_wrap .docsign_footer .footer_btn[data-v-148f4b1c] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.005em;
    color: var(--neutral-50);
}
}
@media (max-width: 520px) {
.docsign_wrap .docsign_footer[data-v-148f4b1c] {
    padding: 12px 8px 14px 18px;
}
}
@media (max-width: 520px) {
.docsign_wrap[data-v-148f4b1c] {
    border-radius: 16px;
}
}
.docsign_content_without_actions .returnBtn[data-v-148f4b1c] {
  align-self: center;
  border: 2px solid var(--neutral-90);
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--neutral-40);
}
@media (max-width: 520px) {
.docsign_content_without_actions .returnBtn[data-v-148f4b1c] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.005em;
    color: var(--neutral-50);
}
}
.docsign_content_without_actions .returnBtn[data-v-148f4b1c]:hover {
  color: var(--primary-50);
}
.title_action_wrap[data-v-148f4b1c] {
  padding: 6px 20px 8px 8px;
}
@media (max-width: 520px) {
.title_action_wrap[data-v-148f4b1c] {
    padding: 6px;
}
}
[data-v-148f4b1c] .content_text h1,[data-v-148f4b1c] .content_text h2,[data-v-148f4b1c] .content_text h3,[data-v-148f4b1c] .content_text h4,[data-v-148f4b1c] .content_text h5,[data-v-148f4b1c] .content_text h6,[data-v-148f4b1c] .docsign_content_without_actions__text h1,[data-v-148f4b1c] .docsign_content_without_actions__text h2,[data-v-148f4b1c] .docsign_content_without_actions__text h3,[data-v-148f4b1c] .docsign_content_without_actions__text h4,[data-v-148f4b1c] .docsign_content_without_actions__text h5,[data-v-148f4b1c] .docsign_content_without_actions__text h6 {
  margin-bottom: 12px;
}
[data-v-148f4b1c] .content_text ul,[data-v-148f4b1c] .docsign_content_without_actions__text ul {
  margin-top: 8px;
  margin-bottom: 20px;
}
.docsign_content_without_actions[data-v-148f4b1c] {
  display: flex;
  border: 2px solid var(--neutral-90);
  border-radius: 24px;
  padding: 24px 20px 24px 35px;
  overflow: hidden;
}
.docsign_content_without_actions .header_title_icon[data-v-148f4b1c] {
  background: linear-gradient(90deg, var(--primary-50) 0%, var(--primary-70));
  min-width: max-content;
  min-height: max-content;
  margin-right: 16px;
}
.docsign_content_without_actions .docsign_content_without_actions__text[data-v-148f4b1c] {
  flex: 1;
  padding: 4px 8px;
  display: -webkit-box;
  align-self: center;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.004em;
  color: var(--neutral-40);
}
@media (max-width: 520px) {
.docsign_content_without_actions[data-v-148f4b1c] {
    overflow: hidden;
    border-radius: 20px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 592;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.019em;
    color: var(--neutral-40);
    padding: 12px 8px 12px 20px;
}
@supports (color: color(display-p3 1 1 1)) {
.docsign_content_without_actions[data-v-148f4b1c] {
      font-variation-settings: "wght" 690;
}
}
}
.docsign_content_without_actions.slimBubble[data-v-148f4b1c] {
  border-radius: 20px;
  padding: 16px 20px 16px 28px;
}
@media (max-width: 520px) {
.docsign_content_without_actions.slimBubble[data-v-148f4b1c] {
    border-radius: 16px;
    padding: 12px 8px 12px 20px;
}
}
.docsign_content_without_actions.slimBubble[data-v-148f4b1c]:has(.returnBtn) {
  padding: 10px 10px 10px 28px;
}
@media (max-width: 520px) {
.docsign_content_without_actions.slimBubble[data-v-148f4b1c]:has(.returnBtn) {
    padding: 4px 4px 4px 20px;
}
}
.docsign_content_without_actions.slimBubble .header_title_icon[data-v-148f4b1c] {
  margin-top: -8px;
  align-self: flex-start;
  background: var(--primary-50);
}
.docsign_content_without_actions.slimBubble .docsign_content_without_actions__text[data-v-148f4b1c] {
  align-self: center;
  padding: 0 8px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--neutral-40);
}
@media (max-width: 520px) {
.docsign_content_without_actions.slimBubble .docsign_content_without_actions__text[data-v-148f4b1c] {
    padding: 0;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--neutral-40);
}
}
.docsign_content_without_actions.whiteBg[data-v-148f4b1c] {
  background: var(--primary-100);
}
.popUp__title[data-v-148f4b1c] {
  background: #fff;
  padding: 16px;
  margin: 16px 4px;
  border-radius: 12px;
}
.docitem[data-v-148f4b1c] {
  padding: 16px;
  /* border-color: var(--primary-70); */
  border: 2px solid var(--primary-70);
  border-radius: 12px;
  margin: 10px;
  cursor: pointer;
  user-select: none;
}
.buble_container[data-v-148f4b1c] {
  margin: 5px 16px;
}
.loader[data-v-148f4b1c] {
  width: 100%;
  height: 12px;
  display: inline-block;
  background-color: #FFF;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.25) 75%, transparent 75%, transparent);
  font-size: 30px;
  background-size: 1em 1em;
  box-sizing: border-box;
  animation: barStripe-148f4b1c 1s linear infinite;
}
@keyframes barStripe-148f4b1c {
0% {
    background-position: 1em 0;
}
100% {
    background-position: 0 0;
}
}
.pdfloader[data-v-148f4b1c] {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 16px 32px;
  border: 3px solid var(--primary-50);
  border-radius: 12px;
  font-size: 1.4em;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/CheckBoxOutside.vue?vue&type=style&index=0&id=de9806d8&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-de9806d8]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.checkboxn-b[data-v-de9806d8] {
  display: grid;
  grid-template-columns: 52px 1fr;
}
@media (max-width: 520px) {
.checkboxn-b[data-v-de9806d8] {
    grid-template-columns: 44px 1fr;
}
}
.checkboxn-s[data-v-de9806d8] {
  display: grid;
  grid-template-columns: 40px 1fr;
}
@media (max-width: 520px) {
.checkboxn-s[data-v-de9806d8] {
    grid-template-columns: 32.4px 1fr;
    gap: 9.8px;
}
}
.checkboxn-m[data-v-de9806d8] {
  display: grid;
  grid-template-columns: 24px 1fr;
}
.checkboxwr.type_a.checkboxn-s[data-v-de9806d8] {
  gap: 8px;
}
.checkboxwr.type_b.checkboxn-s[data-v-de9806d8] {
  gap: 6px;
}
.checkboxwr.type_a.checkboxn-b[data-v-de9806d8] {
  gap: 16px;
}
.checkboxwr.type_b.checkboxn-b[data-v-de9806d8] {
  gap: 14px;
}
.checkboxwr.type_a.checkboxn-m[data-v-de9806d8] {
  gap: 8px;
}
.checkboxwr.type_b.checkboxn-m[data-v-de9806d8] {
  gap: 6px;
}
.main-checkbox-b[data-v-de9806d8] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  width: 52px;
  border-radius: 16px;
}
@media (max-width: 520px) {
.main-checkbox-b[data-v-de9806d8] {
    height: 44px;
    width: 44px;
    border-radius: 10.8px;
}
}
.main-checkbox-b *[data-v-de9806d8] {
  align-self: center;
}
.main-checkbox-s[data-v-de9806d8] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border-radius: 16px;
}
@media (max-width: 520px) {
.main-checkbox-s[data-v-de9806d8] {
    height: 32.4px;
    width: 32.4px;
    border-radius: 10.8px;
}
}
.main-checkbox-s *[data-v-de9806d8] {
  align-self: center;
}
.main-checkbox-m[data-v-de9806d8] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  width: 28px;
  border-radius: 9px;
  margin-left: 0px;
  margin-bottom: 0px;
}
.main-checkbox-m *[data-v-de9806d8] {
  align-self: center;
}
.checkboxwr.type_a .main-checkbox-s[data-v-de9806d8],
.checkboxwr.type_a .main-checkbox-m[data-v-de9806d8],
.checkboxwr.type_a .main-checkbox-b[data-v-de9806d8] {
  background: var(--primary-100);
  border: 2px solid var(--primary-50);
}
.checkboxwr.type_b .main-checkbox-s[data-v-de9806d8],
.checkboxwr.type_b .main-checkbox-m[data-v-de9806d8],
.checkboxwr.type_b .main-checkbox-b[data-v-de9806d8] {
  background: var(--primary-50);
  border: 2px solid var(--primary-100);
}
input:checked + label[data-v-de9806d8] {
  background: #E32940;
  border: 2px solid #E32940;
}
.checkboxn__label[data-v-de9806d8] {
  display: grid;
  align-items: center;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.checkboxn__label[data-v-de9806d8] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: var(--primary-0);
}
}
.checkboxn__error[data-v-de9806d8] {
  padding-left: 16px;
  margin-top: 6px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.checkboxn__error[data-v-de9806d8] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--primary-0);
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/DebugFlags.vue?vue&type=style&index=0&id=70c46424&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-70c46424]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.popUp__title[data-v-70c46424] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.009em;
  color: var(--primary-50);
  padding: 16px 12px;
}
@media (max-width: 520px) {
.popUp__title[data-v-70c46424] {
    padding: 14px 10px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 592;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0.019em;
    color: var(--primary-50);
}
@supports (color: color(display-p3 1 1 1)) {
.popUp__title[data-v-70c46424] {
      font-variation-settings: "wght" 690;
}
}
}
.popUp__text[data-v-70c46424] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
  padding: 0 12px 16px 12px;
}
@media (max-width: 520px) {
.popUp__text[data-v-70c46424] {
    padding: 0 10px 14px 10px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
}
}
.agreement_span[data-v-70c46424] {
  color: var(--primary-50);
  text-decoration: underline;
  cursor: pointer;
}
.esia_accept_check-box[data-v-70c46424] {
  margin-left: 4px;
  margin-bottom: 16px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/HeaderProfileButton.vue?vue&type=style&index=0&id=253ce3ae&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-253ce3ae]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.profile-btn[data-v-253ce3ae] {
  height: 56px;
  padding: 12px 24px;
}
@media (max-width: 990px) {
.profile-btn[data-v-253ce3ae] {
    height: 46px;
    padding: 12px 16px;
}
}
@media (max-width: 576px) {
.profile-btn[data-v-253ce3ae] {
    height: 43px;
}
}
.profile-icon-btn[data-v-253ce3ae] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 43px;
  height: 43px;
}
.profile-btn[data-v-253ce3ae],
.profile-icon-btn[data-v-253ce3ae] {
  position: relative;
}
.profile-menu[data-v-253ce3ae] {
  right: 0;
  left: auto;
  top: 100%;
  min-width: 100%;
  width: min-content;
}
.doctor-tag[data-v-253ce3ae] {
  padding: 3px 12px;
  background: var(--main-cta);
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--bg-white);
  white-space: nowrap;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/CounterComponent.vue?vue&type=style&index=0&id=12d05bde&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-12d05bde]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.counter-chip[data-v-12d05bde] {
  position: absolute;
  top: -9px;
  right: -9px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 14px;
  min-width: 14px;
  padding: 0 4px;
  font-family: "TildaSansRegular";
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  color: var(--bg-white);
  background-color: var(--bad-rating-color);
  border-radius: 64px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/HeaderComponent.vue?vue&type=style&index=0&id=5c833af0&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5c833af0]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.unpaid-notification[data-v-5c833af0] {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  width: 100%;
  background: var(--warning-bg-color);
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 990px) {
.unpaid-notification[data-v-5c833af0] {
    padding: 0 16px;
}
}
.unpaid-notification + .header[data-v-5c833af0] {
  margin-top: 72px;
}
.unpaid-notification__content[data-v-5c833af0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1408px;
}
@media (max-width: 1440px) {
.unpaid-notification__content[data-v-5c833af0] {
    max-width: 1184px;
}
}
@media (max-width: 1200px) {
.unpaid-notification__content[data-v-5c833af0] {
    max-width: 100vw;
}
}
.unpaid-info[data-v-5c833af0] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.payment-btn[data-v-5c833af0] {
  margin-left: 16px;
}
.logo-wrapper img[data-v-5c833af0]:not(.menu-icon) {
  cursor: pointer;
  height: 48px;
}
@media (max-width: 990px) {
.logo-wrapper img[data-v-5c833af0]:not(.menu-icon) {
    height: 32px;
}
}
.logo-wrapper[data-v-5c833af0] {
  display: flex;
  gap: 16px;
  align-items: center;
}
.menu-icon[data-v-5c833af0] {
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.header[data-v-5c833af0] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.header .header__actions[data-v-5c833af0] {
  display: flex;
  align-items: center;
  gap: 48px;
}
@media (max-width: 1200px) {
.header .header__actions[data-v-5c833af0] {
    gap: 32px;
}
}
@media (max-width: 990px) {
.header .header__actions[data-v-5c833af0] {
    gap: 16px;
}
}
@media (max-width: 771px) {
.header.centered[data-v-5c833af0] {
    justify-content: center;
}
}
.login-btn[data-v-5c833af0] {
  height: 54px;
  padding: 16px 24px;
}
@media (max-width: 771px) {
.login-btn[data-v-5c833af0] {
    height: 46px;
    padding: 12px 24px;
}
}
@media (max-width: 576px) {
.login-btn[data-v-5c833af0] {
    height: 43px;
    padding: 0 16px;
}
}
.geo-btn-wrapper[data-v-5c833af0] {
  padding-top: 16px;
}
.geo-btn-wrapper button[data-v-5c833af0] {
  padding: 8px;
  width: 100%;
  height: 40px;
  background: var(--ads-accent-color);
}
[data-v-5c833af0] .geo-btn:active .icon-block.i-geo {
  background-color: var(--main-accent-color-click) !important;
}
[data-v-5c833af0] .geo-btn:disabled .icon-block.i-geo {
  background-color: var(--secondary-cta-32) !important;
}
.divider[data-v-5c833af0] {
  position: relative;
  left: -16px;
  height: 1px;
  width: 100vw;
  background: var(--bg-main);
  margin: 16px 0 24px 0;
}
.divider[data-v-5c833af0]:has(+ .global-menu) {
  margin: 16px 0;
}
@media (max-width: 576px) {
.divider[data-v-5c833af0] {
    margin: 16px 0;
}
}
.header-back-btn[data-v-5c833af0] {
  display: none;
}
.header:has(~ .personal__container) .header-back-btn[data-v-5c833af0],
.header-back-btn.isShown[data-v-5c833af0] {
  display: block;
  cursor: pointer;
}
.header:has(~ .personal__container) .header-back-btn[data-v-5c833af0]:hover,
.header-back-btn.isShown[data-v-5c833af0]:hover {
  background-color: var(--main-accent-color-hover) !important;
}
.notification-btn[data-v-5c833af0] {
  position: relative;
  height: min-content;
}
.questionary-header[data-v-5c833af0] {
  font-family: "TildaSansSemibold";
  font-size: 27px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.questionary-header[data-v-5c833af0] {
    font-size: 24px;
}
}
@media (max-width: 576px) {
.questionary-header[data-v-5c833af0] {
    font-size: 19px;
}
}
.back-icon[data-v-5c833af0] {
  cursor: pointer;
}
.questionary-header .back-icon[data-v-5c833af0]:hover {
  background-color: var(--main-accent-color-hover) !important;
}
.logo-img[data-v-5c833af0] {
  opacity: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Footer/AppLinkBlock.vue?vue&type=style&index=0&id=1f58bab4&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1f58bab4]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.app__links[data-v-1f58bab4] {
  display: flex;
  gap: 16px;
}
.app__links[data-v-1f58bab4]:empty {
  display: none;
}
.app__links img[data-v-1f58bab4] {
  height: 40px;
  cursor: pointer;
}
@media (max-width: 771px) {
.app__links[data-v-1f58bab4] {
    margin-top: 8px;
    flex-wrap: wrap;
}
}
@media (max-width: 576px) {
.app__links[data-v-1f58bab4] {
    flex-wrap: wrap;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/FooterComponent.vue?vue&type=style&index=0&id=1d6d62bc&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1d6d62bc]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.footer__main[data-v-1d6d62bc] {
  display: flex;
  gap: 64px;
  border-top: 1px solid var(--bg-main);
  border-bottom: 1px solid var(--bg-main);
  padding: 24px 0;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.footer__main[data-v-1d6d62bc] {
    margin-top: 32px;
    gap: 28px;
    flex-direction: column;
}
}
@media (max-width: 576px) {
.footer__main[data-v-1d6d62bc] {
    margin-top: 30px;
}
}
.footer__main-menu[data-v-1d6d62bc] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px 8px;
  margin-top: 32px;
  background-color: var(--card-bg-color);
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.footer__main-menu[data-v-1d6d62bc]:empty {
  padding: 0;
}
.footer__main-menu[data-v-1d6d62bc]::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 0;
  width: 16px;
  height: 100%;
  background-color: var(--card-bg-color);
}
.footer__main-menu[data-v-1d6d62bc]::after {
  content: "";
  position: absolute;
  right: -16px;
  top: 0;
  width: 16px;
  height: 100%;
  background-color: var(--card-bg-color);
}
.footer__main-menu .footer__mail[data-v-1d6d62bc] {
  margin-top: 4px;
}
.footer__contacts[data-v-1d6d62bc] {
  width: 204px;
}
.footer__contacts p[data-v-1d6d62bc] {
  min-height: 30px;
}
@media (max-width: 771px) {
.footer__contacts[data-v-1d6d62bc] {
    width: fit-content;
}
}
.footer__column[data-v-1d6d62bc] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
}
.footer__contact-block[data-v-1d6d62bc] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.footer__contact-block p[data-v-1d6d62bc] {
  white-space: nowrap;
}
.footer__phone-block[data-v-1d6d62bc] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.phone_number[data-v-1d6d62bc] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 700;
  line-height: 100%;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.phone_number[data-v-1d6d62bc] {
    font-size: 21px;
}
}
.footer__links[data-v-1d6d62bc] {
  align-self: flex-start;
  flex-shrink: 0;
  display: flex;
  gap: 16px;
  align-items: center;
}
.footer__nav-block[data-v-1d6d62bc] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 576px) {
.footer__nav-block[data-v-1d6d62bc] {
    gap: 16px;
}
}
.footer__navigation[data-v-1d6d62bc] {
  display: flex;
  gap: 40px;
  row-gap: 24px;
  flex-wrap: wrap;
}
@media (max-width: 771px) {
.footer__navigation[data-v-1d6d62bc] {
    justify-content: flex-start;
    gap: 24px;
}
}
@media (max-width: 576px) {
.footer__navigation[data-v-1d6d62bc] {
    flex-direction: column;
    gap: 14px;
}
}
.footer__nav-link[data-v-1d6d62bc] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.footer__nav-link[data-v-1d6d62bc] {
    white-space: pre-wrap;
}
}
@media (max-width: 576px) {
.footer__nav-link[data-v-1d6d62bc] {
    text-align: left;
}
}
.footer__mail[data-v-1d6d62bc] {
  align-self: flex-start;
}
.footer__additional[data-v-1d6d62bc] {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  flex-wrap: wrap;
  row-gap: 16px;
}
@media (max-width: 771px) {
.footer__additional[data-v-1d6d62bc] {
    gap: 16px;
    flex-direction: column;
}
}
@media (max-width: 375px) {
.footer__additional[data-v-1d6d62bc] {
    gap: 12px;
}
}
.footer__content[data-v-1d6d62bc] {
  display: flex;
  align-items: center;
  gap: 48px;
}
@media (max-width: 990px) {
.footer__content[data-v-1d6d62bc] {
    gap: 32px;
}
}
.info-span[data-v-1d6d62bc] {
  white-space: nowrap;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.copyright-span[data-v-1d6d62bc] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.copyright-span[data-v-1d6d62bc]:hover {
  color: var(--main-cta-hover);
}
.menu-contacts[data-v-1d6d62bc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.concise-footer[data-v-1d6d62bc] {
  padding-top: 24px;
  text-align: center;
  border-top: 1px solid var(--bg-main);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/BreadCrumbs.vue?vue&type=style&index=0&id=8499fa20&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-8499fa20]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.breadcrumbs[data-v-8499fa20] {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  min-height: 40px;
}
@media (max-width: 771px) {
.breadcrumbs[data-v-8499fa20] {
    margin-bottom: 32px;
}
}
@media (max-width: 576px) {
.breadcrumbs[data-v-8499fa20] {
    gap: 16px;
    margin-bottom: 30px;
}
}
.breadcrumbs.slim[data-v-8499fa20] {
  margin: 0;
  min-height: auto;
}
.index-btn[data-v-8499fa20] {
  display: flex;
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-accent-color);
}
.smallIndex-btn[data-v-8499fa20] {
  margin-right: 12px;
}
.breadcrumbs-nav[data-v-8499fa20] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
.breadcrumbs-nav[data-v-8499fa20] {
    gap: 0;
}
}
.breadcrumbs-nav.isPersonal[data-v-8499fa20]:not(.isEmployee) {
  flex-wrap: nowrap;
}
@media (max-width: 771px) {
.breadcrumbs-nav.isPersonal[data-v-8499fa20]:not(.isEmployee) {
    max-width: calc(100vw - 32px);
}
}
.breadcrumbs-nav.isPersonal.isEmployee[data-v-8499fa20] {
  row-gap: 8px;
}
@media (max-width: 771px) {
.breadcrumbs-nav.isPersonal.isEmployee[data-v-8499fa20] {
    margin-bottom: 24px;
}
}
.breadcrumb-btn[data-v-8499fa20] {
  padding: 8px 16px;
  max-width: calc(100vw - 96px);
  overflow: hidden;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.breadcrumb-btn[data-v-8499fa20] {
    padding: 8px 0;
    max-width: calc(100vw - 32px);
}
}
.breadcrumbs-nav.isPersonal .breadcrumb-btn[data-v-8499fa20]:last-of-type {
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs.slim .breadcrumb-btn[data-v-8499fa20]:not(:last-child) {
  padding: 0;
  border-radius: 0;
}
@media (max-width: 771px) {
.breadcrumb-btn[data-v-8499fa20]:first-child:not(:last-child) {
    padding: 0;
    border-radius: 0;
}
}
.breadcrumb-btn[data-v-8499fa20]:last-child {
  background-color: var(--card-bg-color) !important;
  border-radius: 32px;
  cursor: default;
}
.breadcrumb-btn[data-v-8499fa20]:last-child:active {
  color: var(--main-cta);
}
.breadcrumb-btn[data-v-8499fa20]:last-child:hover {
  color: var(--main-cta);
}
@media (max-width: 771px) {
.breadcrumb-btn[data-v-8499fa20]:last-child {
    padding: 8px 16px;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/GlobalMenuComponent.vue?vue&type=style&index=0&id=4bb04ffb&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4bb04ffb]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.global-menu[data-v-4bb04ffb] {
  padding: 0;
  flex-grow: 1;
}
.global-menu__auth[data-v-4bb04ffb] {
  border-radius: 16px;
  background-color: var(--ads-accent-color);
  padding: 14px 24px;
  margin-bottom: 20px;
}
.global-menu__title[data-v-4bb04ffb] {
  font-family: "TildaSansSemibold";
  font-size: 21px;
  font-weight: 400;
  color: var(--main-cta);
  margin-bottom: 12px;
}
.global-menu__items[data-v-4bb04ffb] {
  margin: 0 0 16px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.global-menu__items.account-menu-block[data-v-4bb04ffb] {
  margin-bottom: 6px;
}
.global-menu__items.personal-items[data-v-4bb04ffb] {
  gap: 8px;
  margin-left: -4px;
}
.global-menu__items.personal-items button[data-v-4bb04ffb] {
  color: var(--main-cta);
  position: relative;
}
.menu__nav-link[data-v-4bb04ffb] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--icon-color-default);
}
.menu__nav-link.selected[data-v-4bb04ffb] {
  color: var(--main-accent-color-click) !important;
}
.menu__nav-link.selected[data-v-4bb04ffb] .icon-block {
  background-color: var(--main-accent-color-click) !important;
}
.global-menu__block[data-v-4bb04ffb] {
  padding: 0 8px;
}
.divider[data-v-4bb04ffb] {
  height: 1px;
  background-color: var(--bg-main);
  width: 100%;
  margin: 14px 0;
}
.withCounter[data-v-4bb04ffb] {
  position: relative;
}
[data-v-4bb04ffb] .counter-chip {
  top: 4px;
  right: unset;
  left: calc(100% + 4px);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Cards/FilialCardComponent.vue?vue&type=style&index=0&id=73fa3816&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-73fa3816]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.filial-info__linkBtn[data-v-73fa3816] {
  display: flex;
}
.info-block__info[data-v-73fa3816] {
  margin-bottom: 14px;
}
.info-btn[data-v-73fa3816] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.fil-info-icon[data-v-73fa3816]:hover {
  background-color: var(--secondary-accent-color-hover) !important;
}
.filial-info__additional[data-v-73fa3816] {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media (max-width: 576px) {
.filial-info__additional[data-v-73fa3816] {
    flex-direction: column;
    align-items: flex-start;
}
}
.only-phone-tag[data-v-73fa3816] {
  color: var(--main-cta) !important;
  font-family: "TildaSansRegular";
  font-size: 17px;
  line-height: 16px;
  font-weight: 400;
  color: var(--main-cta);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/FilialFullInfo.vue?vue&type=style&index=0&id=45e97e50&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-45e97e50]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.filial-info__title[data-v-45e97e50] {
  font-family: "TildaSansSemibold";
  font-size: 21px;
  font-weight: 400;
  color: var(--main-cta);
  margin-bottom: 4px;
}
.filial-info__linkBtn[data-v-45e97e50] {
  display: flex;
}
.filial-details[data-v-45e97e50] {
  margin-top: 14px;
}
.filial-details__descr-block[data-v-45e97e50] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.filial-details__descr-block[data-v-45e97e50]:not(:last-child) {
  margin-bottom: 46px;
}
.filial-details__descr[data-v-45e97e50] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
[data-v-45e97e50] .filial-details__descr a {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-accent-color);
  color: var(--main-accent-color) !important;
}
[data-v-45e97e50] .filial-details__descr a:hover {
  color: var(--main-accent-color-hover) !important;
}
[data-v-45e97e50] .filial-details__descr a:active {
  color: var(--main-accent-color-click) !important;
}
.filial-details__data[data-v-45e97e50] {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  min-height: 40px;
}
@media (max-width: 576px) {
.filial-details__data[data-v-45e97e50] {
    flex-direction: column;
    gap: 16px;
}
}
.divider[data-v-45e97e50] {
  margin: 20px 0;
  height: 1px;
  width: 100%;
  background: var(--bg-main);
}
.filial-details__data-label[data-v-45e97e50] {
  flex: 0 0 200px;
  font-family: "TildaSansRegular";
  font-size: 21px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.filial-details__data-label[data-v-45e97e50] {
    flex-basis: 150px;
}
}
@media (max-width: 576px) {
.filial-details__data-label[data-v-45e97e50] {
    flex-basis: 0;
}
}
.filial-details__data-value[data-v-45e97e50] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.filial-details__data-value.contacts[data-v-45e97e50] {
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 576px) {
.filial-details__data-value.contacts[data-v-45e97e50] {
    flex-direction: column;
    gap: 16px;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Cards/ServiceCardComponent.vue?vue&type=style&index=0&id=620222d8&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-620222d8]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
[data-v-620222d8] .info-block__info a {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-accent-color);
  color: var(--main-accent-color) !important;
}
[data-v-620222d8] .info-block__info a:hover {
  color: var(--main-accent-color-hover) !important;
}
[data-v-620222d8] .info-block__info a:active {
  color: var(--main-accent-color-click) !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/ServiceFilialRow.vue?vue&type=style&index=0&id=4628cc2a&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4628cc2a]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.filial-list__item[data-v-4628cc2a] {
  position: relative;
  display: flex;
  gap: 24px;
  align-items: baseline;
}
@media (max-width: 576px) {
.filial-list__item[data-v-4628cc2a] {
    flex-direction: column;
    gap: 16px;
}
}
@media (max-width: 576px) {
.reservation-btn[data-v-4628cc2a] {
    width: 100%;
    justify-content: center;
}
}
.filial-list__item[data-v-4628cc2a]:not(:last-child) {
  margin-bottom: 50px;
}
@media (max-width: 771px) {
.filial-list__item[data-v-4628cc2a]:not(:last-child) {
    margin-bottom: 26px;
}
}
.filial-list__item[data-v-4628cc2a]:not(:last-of-type)::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -48px;
  height: 1px;
  background: var(--bg-main);
  margin: 24px 0;
}
@media (max-width: 771px) {
.filial-list__item[data-v-4628cc2a]:not(:last-of-type)::after {
    bottom: -32px;
}
}
.filial-list__info[data-v-4628cc2a] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.filial-list__info-name[data-v-4628cc2a],
.filial-list__price[data-v-4628cc2a] {
  font-family: "TildaSansRegular";
  font-size: 21px;
  font-weight: 400;
  color: var(--main-cta);
}
.filial-list__price[data-v-4628cc2a] {
  white-space: nowrap;
}
.filial-list__price[data-v-4628cc2a]:not(:last-child) {
  margin-right: 54px;
}
@media (max-width: 771px) {
.filial-list__price[data-v-4628cc2a]:not(:last-child) {
    margin-right: 0;
}
}
.filial-list__info-address[data-v-4628cc2a] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--icon-color-default);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/ServiceFullInfo.vue?vue&type=style&index=0&id=28da3a9c&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-28da3a9c]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.filial-list[data-v-28da3a9c] {
  margin-top: 10px;
  margin-bottom: 22px;
}
.filial-list__title[data-v-28da3a9c] {
  display: flex;
  gap: 8px;
  align-items: center;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
  margin-bottom: 48px;
}
@media (max-width: 771px) {
.filial-list__title[data-v-28da3a9c] {
    margin-bottom: 24px;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/TabsComponent.vue?vue&type=style&index=0&id=177d739f&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-177d739f]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.tab-items[data-v-177d739f] {
  width: 100%;
}
.tab-items ul[data-v-177d739f] {
  display: flex;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--input-border-color);
}
.tab-items ul li[data-v-177d739f] {
  position: relative;
  display: flex;
  gap: 4px;
  list-style: none;
  padding: 12px 16px 14px 16px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
  cursor: pointer;
}
.tab-items ul li.active[data-v-177d739f] {
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-accent-color);
}
.tab-items ul li[data-v-177d739f]:hover {
  color: var(--main-accent-color-hover);
}
.tab-items ul li[data-v-177d739f]:hover .icon-block {
  background-color: var(--main-accent-color-hover) !important;
}
@media (max-width: 576px) {
.tab-items ul li[data-v-177d739f] {
    padding: 12px;
}
}
li.active[data-v-177d739f]::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  background: var(--main-accent-color);
}
.tab-content[data-v-177d739f] {
  margin-top: 16px;
}
[data-v-177d739f] .tab-content .empty-block {
  margin-top: 88px;
}
@media (max-width: 771px) {
[data-v-177d739f] .tab-content .empty-block {
    margin-top: 0;
}
}
.tab-additional[data-v-177d739f] {
  margin: 0 6px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--secondary-cta-32);
}
li.active .tab-additional[data-v-177d739f] {
  color: var(--main-accent-color);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Details/ReviewBlock.vue?vue&type=style&index=0&id=717499a8&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-717499a8]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.review-block__title[data-v-717499a8] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 771px) {
.review-block__title[data-v-717499a8] {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}
}
.review-block__title-info[data-v-717499a8] {
  display: flex;
  align-items: baseline;
  gap: 44px;
}
.review-block__title-info h2[data-v-717499a8] {
  font-family: "TildaSansSemibold";
  font-size: 27px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.review-block__title-info h2[data-v-717499a8] {
    font-size: 24px;
}
}
.review-block__title-info p[data-v-717499a8] {
  font-family: "TildaSansRegular";
  font-size: 21px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.review-block__title-info[data-v-717499a8] {
    flex-direction: column;
    gap: 20px;
}
}
.review-block__title.isInfoMode .review-block__title-info p[data-v-717499a8] {
  font-family: "TildaSansSemibold";
  font-size: 21px;
  font-weight: 400;
  color: var(--main-cta);
}
.rating-average[data-v-717499a8] {
  margin-left: 6px;
  color: var(--good-rating-color) !important;
}
.rating-average.normal[data-v-717499a8] {
  color: var(--rating-color) !important;
}
.rating-average.bad[data-v-717499a8] {
  color: var(--bad-rating-color) !important;
}
.review-block__body[data-v-717499a8] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.review-block__item[data-v-717499a8] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.review-block__item p[data-v-717499a8] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.review-block__item[data-v-717499a8]:not(:last-child)::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--bg-main);
  margin-top: 6px;
}
.expand-btn[data-v-717499a8] {
  margin-top: 46px;
}
@media (max-width: 771px) {
.expand-btn[data-v-717499a8] {
    margin-top: 30px;
    width: 100%;
    justify-content: center;
}
}
.expand-btn.isInfoMode[data-v-717499a8] {
  margin-top: 24px;
}
.no-reviews-text[data-v-717499a8] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.mark-comment[data-v-717499a8] {
  white-space: pre-line;
  word-break: break-word;
}
.doc-loader[data-v-717499a8] {
  margin: 0 auto;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/InfoModalComponent.vue?vue&type=style&index=0&id=79f1a04e&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-79f1a04e]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.doc-filials__body[data-v-79f1a04e] {
  display: flex;
  flex-direction: column;
}
.doc-filials__filial[data-v-79f1a04e] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 576px) {
.doc-filials__filial[data-v-79f1a04e] {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
}
}
.doc-filials__filial[data-v-79f1a04e]:not(:last-child) {
  margin-bottom: 42px;
}
.doc-filials__filial[data-v-79f1a04e]:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -22px;
  height: 1px;
  width: 100%;
  background-color: var(--bg-main);
}
.doc-filials__filial-info[data-v-79f1a04e] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.address-info[data-v-79f1a04e] {
  color: var(--icon-color-default) !important;
}
.doc-filials__filial-dep[data-v-79f1a04e] {
  flex: 0 1 auto;
  max-width: 45%;
  text-align: right;
}
@media (max-width: 576px) {
.doc-filials__filial-dep[data-v-79f1a04e] {
    max-width: 100%;
    text-align: left;
    color: var(--icon-color-default);
}
}
.info-modal-cta[data-v-79f1a04e] {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.info-modal-cta.isDoctor[data-v-79f1a04e] {
  margin-top: 0;
}
@media (max-width: 771px) {
.info-modal-cta[data-v-79f1a04e] {
    margin-top: 0;
}
}
@media (max-width: 576px) {
.info-modal-cta[data-v-79f1a04e] {
    flex-direction: column;
    gap: 16px;
}
.info-modal-cta button[data-v-79f1a04e] {
    width: 100%;
    justify-content: center;
}
}
.infotab-content[data-v-79f1a04e] {
  margin: 40px 0 16px 0;
}
@media (max-width: 771px) {
.infotab-content[data-v-79f1a04e] {
    margin: 24px 0 0 0;
}
}
.doc-loader[data-v-79f1a04e] {
  margin: 0 auto;
}

/* Doctor info tabs: even columns, centered labels on narrow screens */
@media (max-width: 576px) {
[data-v-79f1a04e] .tab-items ul li {
    flex: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 4px 12px;
}
[data-v-79f1a04e] .tab-items ul li > span {
    text-align: center;
    line-height: 1.25;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/Captcha/Captcha.vue?vue&type=style&index=0&id=24fdf352&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-24fdf352]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.captcha-refresh[data-v-24fdf352] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.captcha-all[data-v-24fdf352] {
  display: flex;
  align-items: stretch;
}
.captcha-input[data-v-24fdf352] {
  flex-grow: 1;
  margin-left: 8px;
}
.captchaimg[data-v-24fdf352] {
  display: flex;
  align-items: center;
}
.captchaimg img[data-v-24fdf352] {
  height: 100%;
  width: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/Captcha/TextCaptcha.vue?vue&type=style&index=0&id=5b0eb06a&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5b0eb06a]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.text-captcha-container[data-v-5b0eb06a] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 32px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.text-captcha-container[data-v-5b0eb06a] {
    padding: 20px 12px;
}
}
.text-captcha[data-v-5b0eb06a] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.text-captcha.isRegistration[data-v-5b0eb06a] {
  flex-direction: row;
  align-items: center;
}
@media (max-width: 576px) {
.text-captcha[data-v-5b0eb06a] {
    align-items: flex-start !important;
    flex-direction: column !important;
}
}
.img-wrapper[data-v-5b0eb06a] {
  display: flex;
  align-items: center;
  height: 48px;
  border: 1px solid var(--input-border-color);
  border-radius: 8px;
  background-color: var(--bg-white);
}
[data-v-5b0eb06a] .isRegistration .input-block {
  max-width: 238px;
}
@media (max-width: 771px) {
[data-v-5b0eb06a] .isRegistration .input-block {
    max-width: 200px;
}
}
@media (max-width: 576px) {
[data-v-5b0eb06a] .isRegistration .input-block {
    max-width: 100%;
    width: 100%;
}
}
[data-v-5b0eb06a] .input-block {
  max-width: 100%;
  width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/Captcha/Recaptcha.vue?vue&type=style&index=0&id=2a41ad04&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-2a41ad04]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.inputn_error[data-v-2a41ad04] {
  color: var(--error-30);
}
.wr-form-field.margined[data-v-2a41ad04] {
  margin: 8px 0 8px 1px;
}
.captcha__error[data-v-2a41ad04] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--bad-rating-color);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Authentication/PassRecovery.vue?vue&type=style&index=0&id=3f99a49d&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-3f99a49d]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.recovery-form[data-v-3f99a49d] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Authentication/PersonalDataCheckBox.vue?vue&type=style&index=0&id=61a589b8&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-61a589b8]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.agreement-text[data-v-61a589b8] {
  white-space: nowrap;
}
.agreement-link[data-v-61a589b8] {
  position: relative;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
  text-decoration: underline;
  cursor: pointer;
}
.agreement-link[data-v-61a589b8]:hover {
  color: var(--main-accent-color-hover);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Authentication/CodeConfirmation.vue?vue&type=style&index=0&id=33f97b19&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-33f97b19]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.code-confirm__block[data-v-33f97b19] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.timer-label[data-v-33f97b19] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--helper-text-color);
}
.reqest-code-btn[data-v-33f97b19] {
  width: min-content;
}
.anon-res__cta[data-v-33f97b19] {
  display: flex;
  gap: 16px;
}
.anon-res__cta button[data-v-33f97b19] {
  height: 54px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/SuccessModal.vue?vue&type=style&index=0&id=6ff03470&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6ff03470]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.success-body[data-v-6ff03470] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.success-title[data-v-6ff03470] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  font-family: "TildaSansSemibold";
  font-size: 27px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.success-title[data-v-6ff03470] {
    font-size: 24px;
}
}
.success-title span[data-v-6ff03470] {
  flex: 1 1 auto;
  min-width: 0;
  word-break: break-word;
}
.success-cta[data-v-6ff03470] {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 576px) {
.success-cta[data-v-6ff03470] {
    flex-direction: column;
    width: 100%;
}
.success-cta button[data-v-6ff03470],
  .success-cta[data-v-6ff03470] button {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}
}
.success-body-icon[data-v-6ff03470] {
  align-self: center;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Authentication/AnonReservationForm.vue?vue&type=style&index=0&id=0afac086&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0afac086]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.warning-block.isError + .anon-res__block[data-v-0afac086] {
  margin-top: 0;
}
.anon-res__block[data-v-0afac086] {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.anon-res__contacts[data-v-0afac086] {
  margin-top: -2px;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 576px) {
.anon-res__contacts[data-v-0afac086] {
    grid-template-columns: minmax(0, 1fr);
}
}
.anon-res__cta[data-v-0afac086] {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.anon-res__cta button[data-v-0afac086] {
  display: flex;
  justify-content: center;
}
@media (max-width: 576px) {
.anon-res__cta[data-v-0afac086] {
    display: flex;
    gap: 8px;
    flex-direction: column;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Authentication/GULoginModal.vue?vue&type=style&index=0&id=dc6f07ee&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-dc6f07ee]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.gu-btn[data-v-dc6f07ee] {
  flex-basis: 0;
  flex-grow: 1;
  min-height: 54px;
  justify-content: center;
  width: 100%;
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: #0066B3;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Authentication/LoginForm.vue?vue&type=style&index=0&id=f2f38bf4&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-f2f38bf4]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.restore-btn[data-v-f2f38bf4] {
  margin-right: 26px;
  margin-bottom: 8px;
}
.question-icon[data-v-f2f38bf4] {
  margin-right: 4px;
}
.question-icon[data-v-f2f38bf4]:has(+ button:disabled) {
  background-color: var(--secondary-cta-32) !important;
}
.login-form[data-v-f2f38bf4] {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.login-form.noPadding[data-v-f2f38bf4] {
  padding: 0;
}
.login-form[data-v-f2f38bf4]:has(.restore-btn-container) {
  margin-top: -4px;
}
.main-login-cta[data-v-f2f38bf4] {
  display: flex;
  gap: 16px;
}
@media (max-width: 576px) {
.main-login-cta[data-v-f2f38bf4] {
    margin-top: 8px;
    flex-direction: column;
    gap: 8px;
}
}
.alt-login-cta[data-v-f2f38bf4] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cta-btn[data-v-f2f38bf4] {
  flex-basis: 0;
  flex-grow: 1;
  min-height: 54px;
  justify-content: center;
  width: 100%;
}
@media (max-width: 576px) {
.cta-btn[data-v-f2f38bf4] {
    min-height: 48px;
}
}
.alternative-text[data-v-f2f38bf4] {
  margin: 24px 0;
  display: flex;
  gap: 32px;
  align-items: center;
}
.semi-divider[data-v-f2f38bf4] {
  flex-grow: 1;
  height: 1px;
  background-color: var(--helper-text-color);
  opacity: 20%;
}
.alt-span[data-v-f2f38bf4] {
  font-family: "TildaSansSemibold";
  font-size: 24px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.alt-span[data-v-f2f38bf4] {
    font-size: 21px;
}
}
.message__error[data-v-f2f38bf4] {
  margin-bottom: 4px;
}
.confirm-btn-block[data-v-f2f38bf4] {
  display: flex;
  gap: 12px;
  align-items: center;
}
.secondaryBtn.cancel-btn[data-v-f2f38bf4] {
  background-color: var(--bg-white);
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.secondaryBtn.cancel-btn[data-v-f2f38bf4]:active {
  background-color: var(--bg-white);
}
.secondaryBtn.cancel-btn[data-v-f2f38bf4]:hover {
  background-color: var(--bg-white);
}
.info-message[data-v-f2f38bf4] {
  margin-bottom: 4px;
}
[data-v-f2f38bf4] .i-rzd {
  width: 51px !important;
  height: 23px !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/TextAreaComponent.vue?vue&type=style&index=0&id=d7cba57a&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
[data-v-d7cba57a]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.textarea-block[data-v-d7cba57a] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.textarea-block__label[data-v-d7cba57a] {
  display: flex;
  justify-content: space-between;
}
.textarea-block__error[data-v-d7cba57a] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--bad-rating-color);
}
textarea[data-v-d7cba57a] {
  position: relative;
  padding: 10px 16px;
  resize: none;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--input-border-color);
  width: 100%;
}
textarea[data-v-d7cba57a]:has(+ .textarea-icon-block) {
  padding-right: 46px;
}
textarea[data-v-d7cba57a]::placeholder {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--input-placeholder-color);
}
textarea[data-v-d7cba57a]:focus {
  outline: none;
  border: 1px solid var(--main-accent-color-click);
}
textarea.isInvalid[data-v-d7cba57a] {
  border: 2px solid var(--bad-rating-color);
}
.textarea-container[data-v-d7cba57a] {
  position: relative;
}
.textarea-icon-block[data-v-d7cba57a] {
  position: absolute;
  top: 10px;
  right: 16px;
}
.textarea-icon-block.tooltip-container:hover + .tooltip[data-v-d7cba57a] {
  display: block;
}
.tooltip[data-v-d7cba57a] {
  right: -2px;
  top: 52px !important;
  left: unset !important;
  z-index: 1;
}
.obligative[data-v-d7cba57a]::after {
  content: " *";
  color: var(--bad-rating-color);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Feedback/FeedbackModal.vue?vue&type=style&index=0&id=44ef37a4&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-44ef37a4]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.success-body[data-v-44ef37a4] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.success-title[data-v-44ef37a4] {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "TildaSansSemibold";
  font-size: 27px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.success-title[data-v-44ef37a4] {
    font-size: 24px;
}
}
.info-msg[data-v-44ef37a4] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 576px) {
.info-msg.pre-input[data-v-44ef37a4] {
    margin-bottom: 12px;
}
}
.feedback-form[data-v-44ef37a4] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.feedback-form.margined[data-v-44ef37a4] {
  margin-top: 6px;
}
.feedback-cta[data-v-44ef37a4] {
  display: flex;
  gap: 16px;
}
@media (max-width: 576px) {
.feedback-cta[data-v-44ef37a4] {
    flex-direction: column;
    gap: 8px;
}
.feedback-cta button[data-v-44ef37a4] {
    justify-content: center;
    width: 100%;
}
}
.filial-name-span[data-v-44ef37a4] {
  margin-top: -24px;
  font-family: "TildaSansSemibold";
  font-size: 27px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.filial-name-span[data-v-44ef37a4] {
    font-size: 24px;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/PersonalDataAgreement.vue?vue&type=style&index=0&id=6e733f20&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6e733f20]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.personal-agreement__header[data-v-6e733f20] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
}
.personal-agreement__title[data-v-6e733f20] {
  font-family: "TildaSansSemibold";
  font-size: 27px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.personal-agreement__title[data-v-6e733f20] {
    font-size: 24px;
}
}
.personal-agreement__text[data-v-6e733f20] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.personal-agreement__back[data-v-6e733f20] {
  flex-shrink: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/PaymentData/PaymentOffer.vue?vue&type=style&index=0&id=0e1c2ea5&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0e1c2ea5]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.payment-offer[data-v-0e1c2ea5] {
  display: flex;
  flex-direction: column;
}
.payment-offer__title[data-v-0e1c2ea5] {
  font-family: "TildaSansSemibold";
  font-size: 27px;
  font-weight: 400;
  color: var(--main-cta);
  margin-bottom: 32px;
}
@media (max-width: 771px) {
.payment-offer__title[data-v-0e1c2ea5] {
    font-size: 24px;
}
}
.payment-offer__text[data-v-0e1c2ea5] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/PersonalAccount/PersonalAccountMain.vue?vue&type=style&index=0&id=d08e1c78&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-d08e1c78]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.auth-block-btn-text[data-v-d08e1c78] {
  text-overflow: ellipsis;
  overflow: hidden;
}
.user__menu__badge[data-v-d08e1c78] {
  font-family: "TildaSansRegular";
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  align-content: center;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 13px;
  padding: 0 4px;
  background: #F86767;
  color: #FFFFFF;
  border-radius: 8.5px;
  font-weight: bold;
}
.personal__container[data-v-d08e1c78] {
  display: grid;
  grid-template-columns: 270px 1fr;
  gap: 48px;
}
@media (max-width: 990px) {
.personal__container[data-v-d08e1c78] {
    gap: 26px;
}
}
@media (max-width: 771px) {
.personal__container[data-v-d08e1c78] {
    grid-template-columns: 230px 1fr;
}
}
@media (max-width: 576px) {
.personal__container[data-v-d08e1c78] {
    grid-template-columns: 1fr;
}
}
.personal__container--concise[data-v-d08e1c78] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0 auto;
}
@media (max-width: 771px) {
.personal__container--concise[data-v-d08e1c78] {
    margin-bottom: 32px;
}
}
.personal__container--concise.isAppointmentLinkMode[data-v-d08e1c78] {
  width: 100%;
  max-width: 700px;
}
.personal__container--concise.isLinkMode[data-v-d08e1c78]:has(.confirmed-info), .personal__container--concise.isLinkMode[data-v-d08e1c78]:has(.confirm-loader) {
  justify-content: center;
}
.personal__nav[data-v-d08e1c78] {
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  background: var(--menu-inputs-hover-color);
  border-radius: 24px;
  padding: 24px;
  height: min-content;
}
@media (max-width: 771px) {
.personal__nav[data-v-d08e1c78] {
    padding: 12px;
}
}
.auth-block-btn[data-v-d08e1c78] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
  background: none;
  padding: 8px;
  border: 3px solid transparent;
}
.auth-block-btn[data-v-d08e1c78]:hover:not(.selected) {
  background: none;
  color: var(--main-accent-color-hover);
}
.auth-block-btn[data-v-d08e1c78]:active {
  background: none;
  color: var(--main-accent-color-click);
}
.auth-block-btn[data-v-d08e1c78]:focus {
  outline: none;
  border: 3px solid var(--secondary-accent-color);
}
.auth-block-btn.selected[data-v-d08e1c78] {
  background: var(--bg-white);
}
.auth-block-btn.selected[data-v-d08e1c78] .icon-block {
  background-color: var(--main-accent-color) !important;
}
[data-v-d08e1c78] .personal-section-input .dropdown-menu {
  max-height: unset;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/PushComponent.vue?vue&type=style&index=0&id=917494fa&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-917494fa]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.push-container[data-v-917494fa] {
  position: fixed;
  top: 32px;
  left: 50%;
  z-index: 103;
  transform: translateX(-50%);
  display: flex;
  gap: 24px;
  align-items: center;
  min-height: 54px;
  border-radius: 16px;
  padding: 14px 16px;
  background: var(--tooltip-bg);
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--bg-white);
}
@media (max-width: 771px) {
.push-container[data-v-917494fa] {
    top: 12px;
}
}
.push-container[data-v-917494fa]:empty {
  display: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/DebugFlagsComponent.vue?vue&type=style&index=0&id=12d0f62e&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-12d0f62e]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.flags-container[data-v-12d0f62e] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/PersonalDocuments/DocumentInfoRow.vue?vue&type=style&index=0&id=4a4133da&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4a4133da]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.row-block[data-v-4a4133da] {
  justify-content: space-between;
}
.row-block[data-v-4a4133da]:has(+ .sign-cta) {
  border-bottom: none;
}
.row-block:hover .hint-btn[data-v-4a4133da] {
  visibility: visible;
}
.document-data[data-v-4a4133da] {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: flex-start;
}
.document-status[data-v-4a4133da] {
  display: flex;
  gap: 24px;
}
.sign-state-tag[data-v-4a4133da] {
  margin-top: -4px;
  height: min-content;
  width: min-content;
  white-space: nowrap;
}
[data-v-4a4133da] .checkbox-block {
  gap: 0;
}
.checkbox-disabled[data-v-4a4133da] {
  opacity: 0.4;
  pointer-events: none;
}
.hint-btn[data-v-4a4133da] {
  visibility: hidden;
}
.document-name[data-v-4a4133da]:hover {
  text-decoration: underline;
}
.row-block[data-v-4a4133da]:has(.document-link) {
  flex-wrap: wrap;
}
.document-link[data-v-4a4133da] {
  order: 1;
  white-space: break-spaces;
  text-align: left;
  padding: 0 4px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/PersonalDocuments/ZoomComponent.vue?vue&type=style&index=0&id=7aa79d53&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-7aa79d53]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.zoom-container[data-v-7aa79d53] {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  background-color: var(--card-bg-color);
  border-radius: 100px;
  padding: 4px;
  width: min-content;
  height: 32px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Documents/DocumentPDFControls.vue?vue&type=style&index=0&id=185140b6&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-185140b6]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.document-actions[data-v-185140b6] {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 771px) {
.document-actions[data-v-185140b6] {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
}
}
.document-actions__btns[data-v-185140b6] {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 771px) {
.document-actions__btns[data-v-185140b6] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
}
@media (max-width: 576px) {
.document-actions__btns[data-v-185140b6] {
    gap: 8px;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Documents/DocumentObligative.vue?vue&type=style&index=0&id=66aeb6d0&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-66aeb6d0]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.documents-container[data-v-66aeb6d0] {
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 700px);
  gap: 24px;
}
.documents-container .warning-block[data-v-66aeb6d0] {
  height: min-content;
}
.documents-container.filled[data-v-66aeb6d0] {
  height: calc(100vh - 48px - 56px - 48px - 48px);
}
@media (max-width: 771px) {
.documents-container.filled[data-v-66aeb6d0] {
    height: calc(100vh - 16px - 48px - 48px - 48px);
}
}
.document-list[data-v-66aeb6d0] {
  display: flex;
  flex-direction: column;
}
[data-v-66aeb6d0] .row-block {
  display: flex;
  gap: 16px;
  padding: 24px;
  cursor: pointer;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
[data-v-66aeb6d0] .row-block:hover {
  background-color: var(--ads-accent-color);
  border-radius: 16px;
  border-color: transparent;
}
[data-v-66aeb6d0] .row-block:not(:last-of-type) {
  border-bottom: 1px solid var(--bg-main);
}
[data-v-66aeb6d0] .row-block:has(+ .row-block:hover) {
  border-color: transparent;
}
@media (max-width: 990px) {
[data-v-66aeb6d0] .row-block {
    flex-direction: column;
}
}
@media (max-width: 576px) {
[data-v-66aeb6d0] .row-block {
    padding: 16px;
    border-radius: 12px;
}
}
.gu-btn[data-v-66aeb6d0] {
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: #0066B3;
  width: min-content;
}
.hidden-btn[data-v-66aeb6d0] {
  opacity: 0 !important;
}
.documents-cta[data-v-66aeb6d0] {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
}
@media (max-width: 771px) {
.documents-cta[data-v-66aeb6d0] {
    align-items: flex-start;
    flex-direction: column;
}
.documents-cta button[data-v-66aeb6d0] {
    width: 100%;
    justify-content: center;
}
}
.documents-single-cta[data-v-66aeb6d0] {
  margin-top: -24px;
}
@media (max-width: 771px) {
.documents-single-cta[data-v-66aeb6d0] {
    margin: -24px auto 0 auto;
}
}
.cancel-single-btn[data-v-66aeb6d0] {
  margin-top: -24px;
}
@media (max-width: 771px) {
.cancel-single-btn[data-v-66aeb6d0] {
    margin: 0 auto;
}
}
.documents-spaced-cta[data-v-66aeb6d0] {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 771px) {
.documents-spaced-cta[data-v-66aeb6d0] {
    align-items: flex-start;
    flex-direction: column;
}
}
.debug-span[data-v-66aeb6d0] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/InputCalendarRouter.vue?vue&type=style&index=0&id=dc960fde&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-dc960fde]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.clear-date-icon[data-v-dc960fde] {
  margin-top: 2px;
  cursor: pointer;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Reservation/NspSelect.vue?vue&type=style&index=0&id=5a907b84&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5a907b84]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.nspSelectDrop[data-v-5a907b84] {
  max-width: 390px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/IntervalSelection.vue?vue&type=style&index=0&id=e1b46272&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-e1b46272]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.interval-block__intervals[data-v-e1b46272] {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
.interval-block__intervals[data-v-e1b46272] {
    gap: 8px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 375px) {
.interval-block__intervals[data-v-e1b46272] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.interval-block__item[data-v-e1b46272] {
  height: 48px;
  width: 94px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid var(--secondary-accent-color);
  font-family: "TildaSansSemibold";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
  cursor: pointer;
}
.interval-block__item[data-v-e1b46272]:hover {
  border-color: var(--main-accent-color-hover);
}
.interval-block__item[data-v-e1b46272]:active {
  border-color: var(--main-accent-color-click);
}
.interval-block__item.selected[data-v-e1b46272] {
  color: var(--bg-white);
  background: var(--main-accent-color);
  border-color: var(--main-accent-color) !important;
}
.interval-block__item.disabled[data-v-e1b46272] {
  border-color: var(--helper-text-color) !important;
  color: var(--helper-text-color);
  cursor: default;
}
@media (max-width: 576px) {
.interval-block__item[data-v-e1b46272] {
    border-radius: 12px;
    width: auto;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Reservation/IntervalsComponent.vue?vue&type=style&index=0&id=c2f5b67c&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-c2f5b67c]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.card-block[data-v-c2f5b67c] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.card-block.isRescheduling[data-v-c2f5b67c] {
  border-radius: 16px;
}
.interval-block__filial[data-v-c2f5b67c] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.interval-block__filial .title-block[data-v-c2f5b67c] {
  font-family: "TildaSansSemibold";
  font-size: 24px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 771px) {
.interval-block__filial .title-block[data-v-c2f5b67c] {
    font-size: 21px;
}
}
.interval-block__filial .address-block[data-v-c2f5b67c] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 576px) {
.interval-block__filial[data-v-c2f5b67c] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
}
.interval-block__filial.isColumnView[data-v-c2f5b67c] {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.interval-block__filial.isColumnView .address-block[data-v-c2f5b67c] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--helper-text-color);
}
@media (max-width: 576px) {
.interval-block__filial.isColumnView[data-v-c2f5b67c] {
    gap: 8px;
}
}
.interval-block__message[data-v-c2f5b67c],
.interval-block__timezone[data-v-c2f5b67c] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 576px) {
.interval-block__timezone[data-v-c2f5b67c] {
    flex-wrap: wrap;
}
}
.interval-block__timezone .timezone-block[data-v-c2f5b67c] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--helper-text-color);
}
@media (max-width: 576px) {
.interval-block__timezone .timezone-block[data-v-c2f5b67c] {
    flex-basis: 100%;
}
}
.info-message[data-v-c2f5b67c] {
  align-items: center;
}
.isHidden[data-v-c2f5b67c] {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/ChipComponent.vue?vue&type=style&index=0&id=92cd5cde&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-92cd5cde]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.chip-block[data-v-92cd5cde] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 24px;
  padding: 8px;
  background-color: var(--ads-accent-color);
  white-space: nowrap;
  cursor: pointer;
  font-family: "TildaSansRegular";
  font-size: 17px;
  line-height: 16px;
  font-weight: 400;
  color: var(--main-cta);
}
.chip-block[data-v-92cd5cde]:hover {
  background-color: var(--ads-accent-color-hover);
}
.chip-block[data-v-92cd5cde]:active {
  background-color: var(--ads-accent-color-click);
}
.chip-block[data-v-92cd5cde]:focus {
  background-color: var(--ads-accent-color-click);
  outline: 2px solid var(--secondary-accent-color-click);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Reservation/DayTimeSwitcher.vue?vue&type=style&index=0&id=b5915eb2&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-b5915eb2]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.daytime-switch[data-v-b5915eb2] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.daytime-switch__wrapper[data-v-b5915eb2] {
  display: flex;
  gap: 8px;
  padding: 4px;
  height: 46px;
  width: max-content;
  background: var(--bg-white);
  border-radius: 100px;
  cursor: pointer;
}
.daytime-switch__wrapper.gray[data-v-b5915eb2] {
  background: var(--card-bg-color);
}
@media (max-width: 576px) {
.daytime-switch__wrapper:not(.gray) button.switchBtn[data-v-b5915eb2] {
    padding: 8px 12px;
}
}
@media (max-width: 375px) {
.daytime-switch__wrapper:not(.gray) button.switchBtn[data-v-b5915eb2] {
    padding: 8px !important;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Reservation/DateTimeReservationStep.vue?vue&type=style&index=0&id=1d16f98c&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1d16f98c]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.datetime-reservation-block[data-v-1d16f98c] {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 576px) {
.datetime-reservation-block[data-v-1d16f98c] {
    grid-template-columns: minmax(0, 1fr);
}
}
.info-message.isFromSpecialists[data-v-1d16f98c] {
  margin: 14px 0;
}
@media (max-width: 771px) {
.info-message.isFromSpecialists[data-v-1d16f98c] {
    margin: 6px 0;
}
}
@media (max-width: 576px) {
.info-message.isFromSpecialists[data-v-1d16f98c] {
    margin-top: 6px;
    margin-bottom: 30px;
}
}
.result-block[data-v-1d16f98c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.intervals-body[data-v-1d16f98c] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.services-chip[data-v-1d16f98c] {
  margin-top: -2px;
}
.price-info[data-v-1d16f98c] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--icon-color-default);
  cursor: pointer;
  white-space: nowrap;
}
.full-row[data-v-1d16f98c] {
  grid-column: 1/3;
}
@media (max-width: 576px) {
.full-row[data-v-1d16f98c] {
    grid-column: 1/2;
}
}
.no-reservation[data-v-1d16f98c] {
  display: none;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.no-reservation[data-v-1d16f98c]:first-child {
  display: flex;
}
[data-v-1d16f98c] .withChip {
  min-width: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Reservation/ConfirmReservationStep.vue?vue&type=style&index=0&id=6501f76a&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6501f76a]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.card-block[data-v-6501f76a] {
  padding: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: 20px;
}
.card-block.isRescheduling[data-v-6501f76a] {
  border-radius: 16px;
  padding: 28px;
}
@media (max-width: 576px) {
.card-block.isRescheduling[data-v-6501f76a] {
    padding: 18px;
}
}
@media (max-width: 771px) {
.card-block[data-v-6501f76a] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
}
@media (max-width: 576px) {
.card-block[data-v-6501f76a] {
    padding: 12px 20px;
}
}
.reservation-info[data-v-6501f76a] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reservation-info__title[data-v-6501f76a] {
  font-family: "TildaSansSemibold";
  font-size: 21px;
  font-weight: 400;
  color: var(--main-cta);
}
.reservation__datetime[data-v-6501f76a] {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
@media (max-width: 576px) {
.reservation__datetime[data-v-6501f76a] {
    align-items: flex-start;
    flex-direction: column;
}
}
.reservation__datetime.isRescheduling[data-v-6501f76a] {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.reservation__datetime-block[data-v-6501f76a] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.timezone-label[data-v-6501f76a] {
  margin-top: -12px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--helper-text-color);
}
[data-v-6501f76a] .info-block {
  gap: 16px;
}
[data-v-6501f76a] .info-block__photo {
  width: 52px !important;
  height: 52px !important;
  border-radius: 12px;
}
[data-v-6501f76a] .info-block__title {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
[data-v-6501f76a] .info-block__info {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--icon-color-default);
}
.reservation-cta[data-v-6501f76a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 576px) {
.reservation-cta[data-v-6501f76a] {
    flex-direction: column;
    gap: 8px;
    flex-wrap: wrap;
}
.reservation-cta .ctaBtn[data-v-6501f76a] {
    width: 100%;
    justify-content: center;
}
}
.reservation-cta[data-v-6501f76a]:has(.ctaBtn) {
  justify-content: flex-start;
}
@media (max-width: 990px) {
.reservation-cta[data-v-6501f76a]:has(.isWidgetReservation) {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}
}
@media (max-width: 576px) {
.reservation-cta[data-v-6501f76a]:has(.isWidgetReservation) {
    align-items: center;
    position: sticky;
    padding: 24px 16px;
    bottom: -24px;
    margin-top: -24px;
    width: 100vw;
    background-color: var(--bg-white);
    box-shadow: 0px -8px 24px -16px var(--secondary-cta-focus-8);
    transform: translateX(-16px);
}
}
.cta-block[data-v-6501f76a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 576px) {
.cta-block[data-v-6501f76a] {
    width: 100%;
}
.cta-block.isWidgetReservation .ctaBtn.gray[data-v-6501f76a] {
    max-width: 80px;
}
}
.cta-block.isWidgetReservation button[data-v-6501f76a] {
  height: 54px;
}
.price-info[data-v-6501f76a] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--icon-color-default);
}
.services-label[data-v-6501f76a] {
  word-wrap: break-word;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.services-chip[data-v-6501f76a] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 24px;
  padding: 8px 12px;
  background-color: var(--ads-accent-color);
  white-space: nowrap;
  width: min-content;
  font-family: "TildaSansRegular";
  font-size: 17px;
  line-height: 16px;
  font-weight: 400;
  color: var(--main-cta);
}
.services-cta[data-v-6501f76a] {
  margin-top: 12px;
  display: flex;
  gap: 24px;
}
.change-btn[data-v-6501f76a] {
  margin-top: -14px;
  width: min-content;
}
.services-list[data-v-6501f76a] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.service-item[data-v-6501f76a] {
  display: flex;
  justify-content: space-between;
  background: var(--bg-white);
  padding: 8px 12px;
  border-radius: 8px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.service-item .service-span[data-v-6501f76a] {
  word-break: break-word;
}
.service-item .price-span[data-v-6501f76a] {
  margin-left: 4px;
  white-space: nowrap;
  color: var(--helper-text-color);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/lpu/SelfRecordModal.vue?vue&type=style&index=0&id=0aeee452&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-0aeee452]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.info-text[data-v-0aeee452] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
.self-record-cta[data-v-0aeee452] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 771px) {
.self-record-cta button[data-v-0aeee452] {
    width: 100%;
    justify-content: center;
}
}
@media (max-width: 576px) {
.self-record-cta[data-v-0aeee452] {
    gap: 8px;
}
}
.self-record-modal[data-v-0aeee452] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 576px) {
.self-record-modal[data-v-0aeee452] {
    gap: 30px;
}
}
.self-record-confirm-modal[data-v-0aeee452] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.daytime-filter[data-v-0aeee452] {
  margin-top: -8px;
}
.self-record-params[data-v-0aeee452] {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 576px) {
.self-record-params[data-v-0aeee452] {
    grid-template-columns: minmax(0, 1fr);
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/ProfileSettings/ConfirmationStatus.vue?vue&type=style&index=0&id=448c57da&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-448c57da]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.profile__details-status[data-v-448c57da] {
  flex-shrink: 0;
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--good-rating-color);
}
@media (max-width: 990px) {
.profile__details-status[data-v-448c57da] {
    flex-shrink: unset;
}
}
.profile__details-status.uncomfirmed[data-v-448c57da] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--rating-color);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/StuckPatientHeader.vue?vue&type=style&index=0&id=5c7a0e34&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-5c7a0e34]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.stuck-user__header[data-v-5c7a0e34] {
  margin-top: -8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.user__details[data-v-5c7a0e34] {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 771px) {
.user__details[data-v-5c7a0e34] {
    flex-direction: column;
    gap: 14px;
}
}
.user__details-info .col-block.info-block__info[data-v-5c7a0e34] {
  gap: 6px;
  color: var(--main-cta);
}
.stuck-user__controls[data-v-5c7a0e34] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 24px;
}
@media (max-width: 771px) {
.stuck-user__controls[data-v-5c7a0e34] {
    flex-direction: column;
    margin: 0;
    gap: 30px;
    align-items: flex-start;
}
}
@media (max-width: 576px) {
.stuck-user__controls[data-v-5c7a0e34] {
    gap: 24px;
}
.stuck-user__controls .bigBtn[data-v-5c7a0e34] {
    display: flex;
    justify-content: center;
    width: 100%;
}
}
.info-block__title[data-v-5c7a0e34] {
  margin-bottom: 12px;
}
.record-menu[data-v-5c7a0e34] {
  right: 0;
  left: auto;
  top: 100%;
  width: 100%;
}
@media (max-width: 576px) {
.info-block[data-v-5c7a0e34] {
    flex-direction: column;
}
}
@media (max-width: 771px) {
.info-block__photo[data-v-5c7a0e34] {
    border-radius: 12px;
    width: 64px;
    height: 64px;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/CookieNotification.vue?vue&type=style&index=0&id=66e1b7c2&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-66e1b7c2]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.cookie-notification[data-v-66e1b7c2] {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 12px 20px;
  border-radius: 16px;
  background-color: var(--tooltip-bg);
}
@media (max-width: 771px) {
.cookie-notification[data-v-66e1b7c2] {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 20px;
    border-radius: 0;
}
}
.cookie-text[data-v-66e1b7c2] {
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--bg-white);
}
.policy-link[data-v-66e1b7c2] {
  text-decoration: underline;
  cursor: pointer;
}
.policy-link[data-v-66e1b7c2]:hover {
  color: var(--main-accent-color-hover);
}
.cookie-btn[data-v-66e1b7c2] {
  height: 30px;
  border-radius: 8px;
  padding: 4px 12px;
}
@media (max-width: 771px) {
.cookie-btn[data-v-66e1b7c2] {
    height: 43px;
    padding: 12px 20px;
    font-size: 17px !important;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/PdfPreviewModal.vue?vue&type=style&index=0&id=4dba1752&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-4dba1752]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.pdf-preview-cta[data-v-4dba1752] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  width: 100%;
}
.pdf-preview-download[data-v-4dba1752] {
  width: min-content;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--main-cta);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/AppBanner.vue?vue&type=style&index=0&id=220a3ba6&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-220a3ba6]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.app-banner[data-v-220a3ba6] {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
  gap: 24px;
  padding: 12px 20px;
  border-radius: 16px;
  background-color: var(--tooltip-bg);
}
@media (max-width: 771px) {
.app-banner[data-v-220a3ba6] {
    margin-bottom: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 20px;
    border-radius: 0;
}
}
.app-logo-img[data-v-220a3ba6] {
  opacity: 0;
  width: 54px;
  height: 54px;
  border-radius: 12px;
}
.default-img[data-v-220a3ba6] {
  opacity: 1;
}
.app-banner-info[data-v-220a3ba6] {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "TildaSansRegular";
  font-size: 19px;
  font-weight: 400;
  color: var(--bg-white);
}
.app-banner-cta[data-v-220a3ba6] {
  display: flex;
  align-items: center;
  gap: 24px;
}
.app-banner-cta button[data-v-220a3ba6] {
  height: 30px;
  border-radius: 8px;
  padding: 4px 12px;
}
@media (max-width: 771px) {
.app-banner-cta button[data-v-220a3ba6] {
    height: 43px;
    padding: 12px 20px;
    font-size: 17px !important;
}
}
.app-btn[data-v-220a3ba6] {
  height: 43px;
  padding: 12px 20px;
}
.linkBtn[data-v-220a3ba6] {
  color: var(--bg-white);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.nspdebug {
  position: fixed;
  top: 16px;
  right: 20px;
  border: 2px solid;
  padding: 20px;
}
.intervalAppointmentComponent {
  border-radius: 24px;
  max-height: 90vh;
  overflow-y: auto;
}
@keyframes heartbeat {
0%, 100% {
    font-size: 20px;
}
50% {
    font-size: 40px;
}
}
.display_lg + * {
  display: none;
}
@media (max-width: 520px) {
.display_lg {
    display: none;
}
.display_lg + * {
    display: initial;
}
}
.custom-header {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  white-space: pre-wrap;
}
@media (max-width: 520px) {
.custom-header {
    font-size: 17px;
    line-height: 24px;
}
}
.custom-header-margin-top {
  margin-top: 24px;
}
@media (max-width: 520px) {
.custom-header-margin-top {
    margin-top: 16px;
}
}
.custom-header-margin-bottom {
  margin-bottom: 30px;
}
@media (max-width: 520px) {
.custom-header-margin-bottom {
    margin-bottom: 20px;
}
}
.docdetails__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}
.gu_icon {
  background-image: url("/customer-assets/wr2/styles/icons/gosuslugi.svg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 44px;
  height: 44px;
  display: inline-block;
  vertical-align: middle;
  margin: -12px 8px;
}
@media (max-width: 520px) {
.gu_icon {
    width: 22px;
    height: 22px;
}
}
.tcshare iframe {
  width: 100%;
  height: 560px;
}
.tsoverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(3px);
  background-color: rgba(0, 0, 0, 0.7215686275);
  z-index: 999999;
}
.tsoverlay:not(.mini) .minpanel {
  display: none;
}
.tsoverlay .sharemodal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80vw;
  max-width: 700px;
  background: #607D8B;
  border-radius: 44px;
  border: 4px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.tsoverlay .sharemodal .topbar {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  gap: 14px;
  padding-right: 20px;
}
.tsoverlay button {
  background: #00BCD4;
  font-weight: bold;
  font-size: 14px;
  border-radius: 10px;
  border: 1px solid #CDDC39;
}
.tsoverlay iframe {
  border: none;
  border-radius: 24px;
}
.tsoverlay .minpanel {
  display: flex;
  gap: 14px;
  margin: 20px;
}
.tsoverlay.mini .sharemodal {
  height: 1px;
  width: 1px;
  overflow: hidden;
  left: 10px;
  border-color: red;
}
.tsoverlay.mini {
  bottom: 20px;
  left: 20px;
  right: unset;
  top: unset;
  border-radius: 12px;
}
.container {
  min-height: 100vh;
}
.container.fullscreen {
  padding: 0 !important;
  margin: 0 !important;
}
.banner-block {
  position: fixed;
  bottom: 64px;
  left: 64px;
  max-width: 694px;
  z-index: 1000;
}
@media (max-width: 1440px) {
.banner-block {
    bottom: 48px;
    left: 48px;
}
}
@media (max-width: 771px) {
.banner-block {
    bottom: 0;
    left: 0;
    max-width: unset;
    width: 100vw;
}
}
.pwa-startup-loader {
  position: fixed;
  inset: 0;
  z-index: 99998;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main-bg-color, #fff);
}
.pwa-debug-panel {
  position: fixed;
  z-index: 99999;
  right: 12px;
  bottom: 12px;
  width: min(92vw, 680px);
  max-height: 40vh;
  overflow: auto;
  background: rgba(0, 0, 0, 0.86);
  color: #fff;
  padding: 10px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.4;
}
.pwa-debug-log {
  margin-top: 4px;
  opacity: 0.95;
}
.pwa-debug-log.fail {
  color: #ff8d8d;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/DynamicDialogs/SendMail.vue?vue&type=style&index=0&id=1d87d37c&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1d87d37c]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
[data-v-1d87d37c] .container-list-body>div {
  background: var(--primary-100);
  border-radius: 20px;
  padding: 8px;
  display: block;
}
p[data-v-1d87d37c]:empty {
  display: none;
}
.buttons-wrapper[data-v-1d87d37c] {
  padding: 8px 0;
  text-align: right;
}
button[data-v-1d87d37c] {
  margin-left: 8px;
}
p.error[data-v-1d87d37c] {
  color: var(--error-50);
  font-variation-settings: "wght" 550;
  font-size: 0.75em;
  margin: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/DynamicDialogs/Payment.vue?vue&type=style&index=0&id=16772673&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-16772673]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.offer[data-v-16772673] {
  background: var(--primary-100);
  border-radius: 24px;
  padding: 24px;
  display: block;
}
.offer p[data-v-16772673] {
  padding: 0px;
  margin: 0px;
}
@media (max-width: 520px) {
.offer[data-v-16772673] {
    border-radius: 20px;
}
}
.buttons-block[data-v-16772673] {
  display: flex;
  gap: 8px;
  flex: 1;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
p[data-v-16772673]:empty {
  display: none;
}
.payment-item[data-v-16772673] {
  background: var(--primary-100);
  border-radius: 20px;
  padding: 8px;
  display: grid;
  grid-template-rows: minmax(42px, min-content);
  grid-template-columns: 162px 1fr 20px;
  grid-template-areas: "media content arrow";
  justify-content: flex-start;
  align-content: flex-start;
  column-gap: 16px;
  position: relative;
  margin-bottom: 8px;
}
.payment-item-media[data-v-16772673] {
  border-radius: 16px;
  height: 160px;
  width: 160px;
  display: flex;
  justify-content: center;
  align-content: center;
  box-sizing: border-box;
  grid-area: media;
}
.payment-item-content[data-v-16772673] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  grid-area: content;
  align-content: stretch;
}
.payment-item-content .text[data-v-16772673] {
  flex: 0 0 auto;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 27px;
  line-height: 36px;
  letter-spacing: 0.03em;
  color: #000;
}
.payment-item-content .descr[data-v-16772673] {
  flex: 0 0 auto;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: #000;
}
.payment-item-arrow[data-v-16772673] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  margin-left: -10px;
  grid-area: arrow;
}
[data-v-16772673] .checkboxn {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 6px;
  border: 2px solid var(--secondary-90);
  border-radius: 20px;
}
.wr-payments__tinkoff_button img[data-v-16772673] {
  max-width: 100%;
}
.wr-payments__tinkoff_button[data-v-16772673] {
  width: 40%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  justify-content: center;
  align-items: stretch;
  padding: 15px;
  border: 1px solid #ccc;
  margin: 0 10px;
  border-radius: 20px;
  flex-wrap: nowrap;
}
.wr-payments__tinkoff_button h5[data-v-16772673] {
  margin: 5px 0 0 0;
}
.tinkoffwidget[data-v-16772673] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: center;
  align-items: stretch;
  padding: 8px;
  background: #fff;
  border-radius: 20px;
  margin-bottom: 8px;
}
#payment-form[data-v-16772673] {
  background-color: #FFFFFF;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 20px;
}
.payment-container[data-v-16772673] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 8px;
}
.payment__box_for_checkbox[data-v-16772673] {
  border: 2px solid #FFDAD7;
  padding: 4px;
  border-radius: 20px;
  height: 52px;
}
.payment__button[data-v-16772673] {
  margin-top: 24px;
}
.modal-container[data-v-16772673] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-box[data-v-16772673] {
  background: var(--primary-100);
  box-shadow: 0px 15px 55px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
  max-width: 700px;
  display: grid;
  grid-template-columns: 1fr 44px;
  padding: 12px;
  gap: 8px;
}
@media (max-width: 520px) {
.modal-box[data-v-16772673] {
    border-radius: 20px;
}
}
.modal-container__text[data-v-16772673] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 550;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.014em;
  color: var(--primary-50);
  padding: 4px 140px 4px 8px;
}
@media (max-width: 520px) {
.modal-container__text[data-v-16772673] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.009em;
    color: var(--primary-50);
    padding: 6px 4px;
}
@supports (color: color(display-p3 1 1 1)) {
.modal-container__text[data-v-16772673] {
      font-variation-settings: "wght" 700;
}
}
}
#linktowidget-frame-wrapper[data-v-16772673] {
  display: flex;
  flex-direction: column;
}
#linktowidget-frame-wrapper[data-v-16772673] iframe {
  flex: 1 1 auto;
  width: 100%;
  border-radius: 16px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/TextAreaN.vue?vue&type=style&index=0&id=bdeaca74&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-bdeaca74]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.text-area-n[data-v-bdeaca74] {
  position: relative;
}
.grow-wrap[data-v-bdeaca74] {
  display: grid;
}
.grow-wrap[data-v-bdeaca74]::after {
  content: attr(data-replica) " ";
  white-space: pre-wrap;
  visibility: hidden;
}
.grow-wrap > textarea[data-v-bdeaca74],
.grow-wrap[data-v-bdeaca74]::after {
  grid-area: 1/1/2/2;
}
textarea[data-v-bdeaca74], .grow-wrap[data-v-bdeaca74]::after {
  resize: none;
  overflow: hidden;
  border-radius: 20px;
  border: none;
  position: relative;
  width: 100%;
  padding: 20px 16px 4px 16px;
  transition: 0.1s;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
}
@media (max-width: 520px) {
textarea[data-v-bdeaca74], .grow-wrap[data-v-bdeaca74]::after {
    border-radius: 16px;
    min-height: 44px;
    padding: 20px 16px 4px 12px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
}
}
.textarea--feedback[data-v-bdeaca74] {
  letter-spacing: 0.015em;
  padding-left: 14px;
  padding-top: 24px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.textarea--feedback[data-v-bdeaca74] {
    padding-top: 16px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
}
}
textarea[data-v-bdeaca74]:not(.noPlaceholder) {
  min-height: 52px;
}
@media (max-width: 520px) {
textarea[data-v-bdeaca74]:not(.noPlaceholder) {
    min-height: 44px;
}
}
.longPlaceholder[data-v-bdeaca74] {
  padding: 38px 16px 4px 16px;
}
.noPlaceholder[data-v-bdeaca74] {
  padding: 14px 16px;
}
.reviews-window-area textarea[data-v-bdeaca74], .longText textarea[data-v-bdeaca74] {
  min-height: 116px;
}
@media (max-width: 520px) {
.reviews-window-area textarea[data-v-bdeaca74], .longText textarea[data-v-bdeaca74] {
    min-height: 104px;
}
}
@media (max-width: 520px) {
.longText.longTextStart textarea[data-v-bdeaca74] {
    min-height: 172px;
}
}
.text-area-n.border textarea[data-v-bdeaca74] {
  border: 2px solid var(--secondary-80);
}
.text-area-n.border--feedback textarea[data-v-bdeaca74] {
  border: 2px solid var(--primary-90);
}
.text-area-n.border textarea[data-v-bdeaca74]:focus, .text-area-n.border--feedback textarea[data-v-bdeaca74]:focus {
  border: 2px solid var(--primary-50);
}
textarea[data-v-bdeaca74]:focus {
  outline: none;
}
.text-area-n-placeholder[data-v-bdeaca74] {
  position: absolute;
  top: 14px;
  left: 16px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.text-area-n-placeholder[data-v-bdeaca74] {
    top: 12px;
    left: 16px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-50);
}
}
.text-area-n-placeholder--feedback[data-v-bdeaca74] {
  position: absolute;
  top: 14px;
  left: 16px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.004em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.text-area-n-placeholder--feedback[data-v-bdeaca74] {
    top: 12px;
    left: 16px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-50);
}
}
textarea:focus + .text-area-n-placeholder[data-v-bdeaca74] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--primary-50);
  top: 4px;
  margin-bottom: 12px;
}
@media (max-width: 520px) {
textarea:focus + .text-area-n-placeholder[data-v-bdeaca74] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--primary-50);
}
}
textarea:focus + .text-area-n-placeholder--feedback[data-v-bdeaca74] {
  top: 5px;
  margin-bottom: 12px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.0024em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
textarea:focus + .text-area-n-placeholder--feedback[data-v-bdeaca74] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--primary-50);
}
}
textarea:valid + .text-area-n-placeholder[data-v-bdeaca74] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.015em;
  color: var(--primary-50);
  top: 4px;
}
@media (max-width: 520px) {
textarea:valid + .text-area-n-placeholder[data-v-bdeaca74] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--primary-50);
}
}
textarea:valid + .text-area-n-placeholder--feedback[data-v-bdeaca74] {
  top: 5px;
  margin-bottom: 12px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.0024em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
textarea:valid + .text-area-n-placeholder--feedback[data-v-bdeaca74] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.0007em;
    color: var(--primary-50);
}
}
.inputn_error[data-v-bdeaca74] {
  color: #E32940;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Items/FilialItem.vue?vue&type=style&index=0&id=1cd9dadd&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1cd9dadd]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.filials_item[data-v-1cd9dadd] {
  background: var(--primary-100);
  position: relative;
  border-radius: 20px;
  padding: 14px 14px 14px 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 12px;
}
@media (max-width: 520px) {
.filials_item[data-v-1cd9dadd] {
    border-radius: 16px;
    padding: 12px 12px;
}
}
.filials_item_info_full[data-v-1cd9dadd],
.filials_item.selected:hover > .filials_item_info_full[data-v-1cd9dadd] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.filials_item_info_full[data-v-1cd9dadd],
  .filials_item.selected:hover > .filials_item_info_full[data-v-1cd9dadd] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
}
}
.filials_item:hover > .filials_item_info_full[data-v-1cd9dadd] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.filials_item:hover > .filials_item_info_full[data-v-1cd9dadd] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-50);
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/DynamicDialogs/Feedback.vue?vue&type=style&index=0&id=71cf3968&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-71cf3968]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.feedback__title[data-v-71cf3968] {
  font-variation-settings: "wght" 700;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: 0;
  margin-bottom: 16px;
  color: var(--primary-0);
}
@media (max-width: 520px) {
.feedback__title[data-v-71cf3968] {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -0.01em;
}
}
p.text-padded[data-v-71cf3968] {
  padding: 0 8px;
}
[data-v-71cf3968] .container-list-body>div {
  background: var(--primary-100);
  border-radius: 20px;
  padding: 8px;
  display: block;
}
p.description[data-v-71cf3968] {
  margin-top: -8px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
p.description[data-v-71cf3968] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 700;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -0.004em;
    color: var(--primary-50);
}
}
p[data-v-71cf3968]:empty {
  display: none;
}
.grid[data-v-71cf3968] {
  display: grid;
  gap: 8px;
}
button[data-v-71cf3968] {
  width: 100%;
}
p.error[data-v-71cf3968] {
  color: var(--error-50);
  font-variation-settings: "wght" 550;
  font-size: 0.75em;
  margin: 0;
}
.sendmail__dialog[data-v-71cf3968] {
  margin-top: 30px;
}
@media (max-width: 520px) {
.sendmail__dialog[data-v-71cf3968] {
    margin-top: 20px;
    border-radius: 20px;
}
}
.feedback__btn[data-v-71cf3968] {
  margin-top: 24px;
}
@media (max-width: 520px) {
.feedback__btn[data-v-71cf3968] {
    margin-top: 8px;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Default/BaseCalendar.vue?vue&type=style&index=0&id=1645ac0d&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-1645ac0d]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.calendar_box[data-v-1645ac0d] {
  background: white;
  padding: 0 4px 18px 4px;
  display: grid;
  grid-template-columns: 1fr;
  min-width: 371px;
  overflow: hidden;
  transition: 0.25s;
}
@media (max-width: 820px) {
.calendar_box[data-v-1645ac0d] {
    min-width: 1vw;
    padding-bottom: 8px;
}
}
@media (max-width: 820px) {
.calendar_box[data-v-1645ac0d]:last-of-type {
    margin-bottom: -14px;
}
}
.calendar_navig[data-v-1645ac0d] {
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  padding: 0 12px;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 72px;
  width: 360px;
}
@media (max-width: 520px) {
.calendar_navig[data-v-1645ac0d] {
    padding: 0;
    grid-template-columns: 36px 1fr 36px;
    min-height: 48px;
    width: 324px;
}
}
.calendar_navig__text[data-v-1645ac0d] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: #201A1A;
}
@media (max-width: 520px) {
.calendar_navig__text[data-v-1645ac0d] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: #201A1A;
}
}
.calendar-table[data-v-1645ac0d] {
  display: grid;
  grid-template-columns: repeat(7, 48px);
  grid-template-rows: repeat(auto-fill, 48px);
  grid-auto-rows: 48px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width: 520px) {
.calendar-table[data-v-1645ac0d] {
    grid-template-columns: repeat(7, 40px);
    grid-template-rows: repeat(auto-fill, 36px);
    grid-auto-rows: 36px;
    gap: 5px;
}
}
.calendar-table__td[data-v-1645ac0d] {
  text-align: center;
}
.calendar-table__week[data-v-1645ac0d] {
  display: grid;
  grid-template-columns: repeat(7, 48px);
  grid-template-rows: 80px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 520px) {
.calendar-table__week[data-v-1645ac0d] {
    grid-template-columns: repeat(7, 36px);
    grid-template-rows: 36px;
    gap: 10px;
}
}
.calendar-table__td.month[data-v-1645ac0d] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--neutral-80);
}
@media (max-width: 520px) {
.calendar-table__td.month[data-v-1645ac0d] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--neutral-80);
}
}
.calendar-table__td.day[data-v-1645ac0d] {
  border: 1px solid transparent;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-0);
  height: 100%;
  width: 100%;
  padding: 12px;
  cursor: pointer;
  transition: 0.2s border;
}
@media (max-width: 520px) {
.calendar-table__td.day[data-v-1645ac0d] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-0);
    padding: 6px;
}
}
.calendar-table__td.day[data-v-1645ac0d]:hover {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-50);
  border: 1px solid var(--primary-50);
}
@media (max-width: 520px) {
.calendar-table__td.day[data-v-1645ac0d]:hover {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-50);
}
}
.calendar-table__td.day.select[data-v-1645ac0d] {
  background: var(--primary-50);
  border: 1px solid var(--primary-50);
}
.calendar-table__td.day.select[data-v-1645ac0d]:not(.inRange) {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-100);
}
@media (max-width: 520px) {
.calendar-table__td.day.select[data-v-1645ac0d]:not(.inRange) {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: var(--primary-100);
}
}
.calendar-table__td.day.inRange[data-v-1645ac0d] {
  background: var(--primary-90);
}
.firstSpace_0[data-v-1645ac0d] {
  grid-column: 1/7;
}
.firstSpace_1[data-v-1645ac0d] {
  display: none;
}
.firstSpace_2[data-v-1645ac0d] {
  grid-column: 1/2;
}
.firstSpace_3[data-v-1645ac0d] {
  grid-column: 1/3;
}
.firstSpace_4[data-v-1645ac0d] {
  grid-column: 1/4;
}
.firstSpace_5[data-v-1645ac0d] {
  grid-column: 1/5;
}
.firstSpace_6[data-v-1645ac0d] {
  grid-column: 1/6;
}
.years[data-v-1645ac0d] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
}
.years > div[data-v-1645ac0d] {
  border-top: 1px solid;
  padding: 10px;
  cursor: pointer;
}
.years > div.selected[data-v-1645ac0d] {
  background-color: var(--primary-80);
}
.months[data-v-1645ac0d] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 4px;
  background: var(--primary-80);
  align-content: stretch;
  padding: 4px;
}
.months > div.selected[data-v-1645ac0d] {
  background-color: var(--primary-70);
}
.months > div[data-v-1645ac0d] {
  padding: 15px;
  flex: 0 0 21%;
  text-align: center;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/DynamicDialogs/IntervalAppointment.vue?vue&type=style&index=0&id=337756f2&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-337756f2]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.data_selects[data-v-337756f2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.calendar-wrapper[data-v-337756f2] {
  display: flex;
  align-items: start;
  justify-content: center;
  margin-bottom: 8px;
  width: 100%;
  height: max-content;
}
@media (max-width: 820px) {
.calendar-wrapper[data-v-337756f2] {
    flex-direction: column;
    align-items: center;
}
}
.btn_showDoctors[data-v-337756f2] {
  margin-top: 8px;
}
.data_left[data-v-337756f2] {
  color: var(--primary-50);
}
.data_right[data-v-337756f2] {
  color: var(--primary-50);
}
.intervalAppointment_wrapper[data-v-337756f2] {
  padding-bottom: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/DynamicDialogs/ChangePassword.vue?vue&type=style&index=0&id=7ffd290e&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-7ffd290e]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
[data-v-7ffd290e] .container-list-body>div {
  background: var(--primary-100);
  border-radius: 20px;
  display: block;
}
.buttons-wrapper[data-v-7ffd290e] {
  padding: 8px 0;
  text-align: right;
}
button[data-v-7ffd290e] {
  width: 100%;
}
p.error[data-v-7ffd290e] {
  color: var(--error-50);
  font-variation-settings: "wght" 550;
  font-size: 0.75em;
  margin: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/DynamicDialogs/AddPatient.vue?vue&type=style&index=0&id=35b53a72&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-35b53a72]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.adderror[data-v-35b53a72] {
  color: #E32940;
}
.addPatient--form[data-v-35b53a72] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.addPatient--btn[data-v-35b53a72] {
  width: 100%;
  margin-top: 24px;
}
@media (max-width: 520px) {
.addPatient--btn[data-v-35b53a72] {
    margin-top: 12px;
}
}
.bcgrid[data-v-35b53a72] {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  flex: 1 1 auto;
}
.bcgrid > *[data-v-35b53a72]:first-child {
  flex: 0 0 40%;
}
.bcgrid > *[data-v-35b53a72]:last-child {
  flex: 0 0 60%;
}
.bccontainer > label[data-v-35b53a72] {
  color: var(--primary-40);
  font-weight: 500;
  margin: 4px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/DynamicDialogs/PasswordRecovery.vue?vue&type=style&index=0&id=758148b3&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-758148b3]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
[data-v-758148b3] .container-list-body>div {
  background: var(--primary-100);
  border-radius: 20px;
  padding: 8px;
  display: block;
}
p.description[data-v-758148b3] {
  margin-top: -8px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
p.description[data-v-758148b3] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 700;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -0.004em;
    color: var(--primary-50);
}
}
p[data-v-758148b3]:empty {
  display: none;
}
.grid[data-v-758148b3] {
  display: grid;
  gap: 8px;
}
.buttons-wrapper[data-v-758148b3] {
  padding: 8px 0;
  text-align: right;
}
button[data-v-758148b3] {
  width: 100%;
}
p.error[data-v-758148b3] {
  color: var(--error-50);
  font-variation-settings: "wght" 550;
  font-size: 0.75em;
  margin: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/AgreementPersonal.vue?vue&type=style&index=0&id=03a0052c&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-03a0052c]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.offer_agreement[data-v-03a0052c] {
  background: var(--primary-100);
  border-radius: 24px;
  padding: 24px;
  display: block;
  margin-bottom: 8px;
}
.offer_agreement p[data-v-03a0052c] {
  padding: 0px;
  margin: 0px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[2]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/components/Details/DetailsRecipes.vue?vue&type=style&index=0&id=6b0cd1c0&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-v-6b0cd1c0]:root {
  --main-cta: #212123;
  --main-cta-hover: #000;
  --main-cta-click: #000;
  --secondary-cta-32: #21212352;
  --secondary-cta-focus-8: #21212314;
  --main-accent-color: #4685FF;
  --main-accent-color-hover: #4080F0;
  --main-accent-color-click: #4070F0;
  --secondary-accent-color: #4685FF52;
  --secondary-accent-color-hover: #4080F052;
  --secondary-accent-color-click: #4070F052;
  --icon-color-default: #212123A3;
  --caption-states-color: #212123;
  --disabled-text-color: #2121233D;
  --helper-text-color: #2121237A;
  --input-label-colors: #212123A3;
  --input-placeholder-color: #21212332;
  --input-border-color: #21212329;
  --input-border-color-hover: #2121233D;
  --input-border-color-click: #2121233D;
  --input-border-color-disabled: #21212314;
  --bg-main: #F2F4F6;
  --bg-main-hover: #F0F2F4;
  --bg-accent-hover: #4685FF29;
  --bg-accent-click: #4685FF3D;
  --bg-accent-focus: #4685FF29;
  --bg-accent-disabled: #F2F4F6;
  --bg-white: #FFF;
  --card-bg-color: #F5F6F8;
  --menu-inputs-hover-color: #F2F4F6A3;
  --rating-color: #FFA723;
  --bad-rating-color: #F86767;
  --good-rating-color: #29BA7D;
  --warning-bg-color: #FFA72314;
  --error-bg-color: #F8676714;
  --success-bg-color: #29BA7D14;
  --card-border-color: #21212329;
  --ads-accent-color: #4685FF14;
  --ads-accent-color-hover: #4685FF1F;
  --ads-accent-color-click: #4685FF29;
  --tooltip-bg: #3A3A44;
}
.drug[data-v-6b0cd1c0] {
  border-radius: 24px;
  padding: 8px;
  margin-top: -4px;
  overflow: hidden;
  background-color: var(--primary-90);
}
.drug .drug_header[data-v-6b0cd1c0] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 44px;
  padding-left: 12px;
  background-color: var(--primary-90);
}
.drug .drug_header .drug_header__title[data-v-6b0cd1c0] {
  margin-right: 80px;
  margin-top: 8px;
  margin: 8px 80px 8px 0px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.009em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.drug .drug_header .drug_header__title[data-v-6b0cd1c0] {
    margin: 0px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.004em;
    color: var(--primary-50);
}
}
@media (max-width: 520px) {
.drug .drug_header[data-v-6b0cd1c0] {
    min-height: max-content;
    padding-left: 10px;
}
}
.drug .drug_body[data-v-6b0cd1c0] {
  display: flex;
  flex-direction: column;
  height: max-content;
  margin-top: 8px;
  background-color: var(--primary-90);
  grid-gap: 8px;
}
.drug .drug_body .drug_body__chapter[data-v-6b0cd1c0] {
  display: flex;
  flex-direction: column;
  background-color: var(--primary-80);
  padding: 16px 8px 8px 8px;
  border-radius: 20px;
}
.drug .drug_body .drug_body__chapter .chapter_header[data-v-6b0cd1c0] {
  padding-left: 12px;
  margin-bottom: 16px;
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.009em;
  color: var(--primary-20);
}
@media (max-width: 520px) {
.drug .drug_body .drug_body__chapter .chapter_header[data-v-6b0cd1c0] {
    border-radius: 16px;
    width: 355px;
    padding: 0px 12px 2px 10px;
    margin-bottom: 8px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.004em;
    color: var(--primary-20);
}
}
.drug .drug_body .drug_body__chapter .chapter_body[data-v-6b0cd1c0] {
  display: flex;
  flex-direction: column;
  grid-gap: 8px;
  border-radius: 20px;
  background-color: var(--primary-80);
}
.drug .drug_body .drug_body__chapter .chapter_body .chapter_body__item[data-v-6b0cd1c0] {
  display: flex;
  align-items: center;
  margin-right: 0px;
  justify-content: space-between;
  grid-gap: 8px;
  border-radius: 20px;
  padding: 14px 14px 14px 16px;
  min-height: 52px;
  background-color: var(--primary-100);
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(black);
}
.drug .drug_body .drug_body__chapter .chapter_body .chapter_body__item .chapter_title[data-v-6b0cd1c0] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 475;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.0192em;
  color: var(black);
}
@media (max-width: 520px) {
.drug .drug_body .drug_body__chapter .chapter_body .chapter_body__item .chapter_title[data-v-6b0cd1c0] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: black;
}
}
.drug .drug_body .drug_body__chapter .chapter_body .chapter_body__item .chapter_value[data-v-6b0cd1c0] {
  font-family: "Manrope";
  font-style: normal;
  font-variation-settings: "wght" 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.0025em;
  color: var(--primary-50);
}
@media (max-width: 520px) {
.drug .drug_body .drug_body__chapter .chapter_body .chapter_body__item[data-v-6b0cd1c0] {
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.0025em;
    color: black;
    min-height: 44px;
    border-radius: 16px;
    padding: 12px 16px;
}
}
@media (max-width: 520px) {
.drug .drug_body .drug_body__chapter .chapter_body[data-v-6b0cd1c0] {
    border-radius: 16px;
    min-height: 44px;
}
}
@media (max-width: 520px) {
.drug .drug_body .drug_body__chapter[data-v-6b0cd1c0] {
    border-radius: 16px;
    padding: 10px 8px 8px 8px;
}
}
@media (max-width: 520px) {
.drug .drug_body[data-v-6b0cd1c0] {
    grid-gap: 4px;
}
}
@media (max-width: 520px) {
.drug[data-v-6b0cd1c0] {
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 16px;
    font-family: "Manrope";
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.004em;
    color: var(--primary-50);
}
}

/*# sourceMappingURL=style.css.map*/