.modal__wrapper_vision {
  width: 760px;
  max-width: 95vw;
}

#vision-settings:target .modal__overlay {
  display: flex;
}

.vision-modal {
  display: grid;
  gap: 20px;
}

.vision-modal__row {
  display: grid;
  gap: 10px;
}

.vision-modal__label {
  font-size: 18px;
  font-weight: 600;
  color: #0a0a0a;
}

.vision-modal__options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.vision-modal__options label,
.vision-modal__switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
}

.vision-modal__actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 8px;
}

.vision-modal__actions .outlinedBtn,
.vision-modal__actions .blueBtn {
  min-width: 150px;
}

html.vision-enabled {
  --vision-font-scale: 1;
  --vision-line-height: 1.4;
  --vision-bg: #ffffff;
  --vision-text: #0a0a0a;
  --vision-link: #0202b3;
}

html.vision-enabled body {
  background: var(--vision-bg) !important;
  color: var(--vision-text) !important;
}

html.vision-enabled p,
html.vision-enabled span,
html.vision-enabled a,
html.vision-enabled li,
html.vision-enabled label,
html.vision-enabled button,
html.vision-enabled input,
html.vision-enabled textarea,
html.vision-enabled h1,
html.vision-enabled h2,
html.vision-enabled h3,
html.vision-enabled h4,
html.vision-enabled h5,
html.vision-enabled h6,
html.vision-enabled td,
html.vision-enabled th,
html.vision-enabled small,
html.vision-enabled strong,
html.vision-enabled em {
  line-height: var(--vision-line-height) !important;
}

html.vision-enabled .text,
html.vision-enabled .h1Title,
html.vision-enabled .h2Title,
html.vision-enabled .h3Title {
  font-size: calc(1em * var(--vision-font-scale)) !important;
}

html.vision-enabled a {
  color: var(--vision-link) !important;
}

html.vision-enabled.vision-theme-dark {
  --vision-bg: #000000;
  --vision-text: #ffff00;
  --vision-link: #ffff00;
}

html.vision-enabled.vision-theme-light {
  --vision-bg: #f7f7f7;
  --vision-text: #111111;
  --vision-link: #001ea8;
}

html.vision-images-off img {
  display: none !important;
}

@media (max-width: 540px) {
  .vision-modal__actions {
    flex-direction: column;
  }

  .vision-modal__actions .outlinedBtn,
  .vision-modal__actions .blueBtn {
    width: 100%;
  }
}

html.vision-enabled {
  --vision-footer-bg: #000083;
  --vision-footer-text: #ffffff;
  --vision-footer-link: #ffffff;
  --vision-footer-muted: rgba(255, 255, 255, 0.82);
}

html.vision-enabled.vision-theme-dark {
  --vision-footer-bg: #000000;
  --vision-footer-text: #ffff00;
  --vision-footer-link: #ffff00;
  --vision-footer-muted: rgba(255, 255, 0, 0.88);
}

html.vision-enabled.vision-theme-light {
  --vision-footer-bg: #f7f7f7;
  --vision-footer-text: #111111;
  --vision-footer-link: #001ea8;
  --vision-footer-muted: rgba(17, 17, 17, 0.82);
}

html.vision-enabled footer,
html.vision-enabled .footer,
html.vision-enabled .footer__wrap,
html.vision-enabled .footer__top,
html.vision-enabled .footer__topContent,
html.vision-enabled .footer__bottom,
html.vision-enabled .footer__botMainContent,
html.vision-enabled .addresses,
html.vision-enabled .call-menu,
html.vision-enabled .tools,
html.vision-enabled .copyrights {
  background: var(--vision-footer-bg) !important;
  color: var(--vision-footer-text) !important;
  border-color: var(--vision-footer-muted) !important;
}

html.vision-enabled footer p,
html.vision-enabled footer span,
html.vision-enabled footer div,
html.vision-enabled footer li,
html.vision-enabled footer strong,
html.vision-enabled footer small,
html.vision-enabled footer .text,
html.vision-enabled footer .footer__navCol li span,
html.vision-enabled footer .footer__phoneLink,
html.vision-enabled footer .footer__emailLink,
html.vision-enabled footer .footer__placeLink span,
html.vision-enabled footer .footer__botCenter p {
  color: var(--vision-footer-text) !important;
  opacity: 1 !important;
}

html.vision-enabled footer a,
html.vision-enabled footer .footer__navCol li a,
html.vision-enabled footer .footer__alternativeVersion,
html.vision-enabled footer .footer__botLinks a,
html.vision-enabled footer .footer-menu a,
html.vision-enabled footer .services-menu-footer a {
  color: var(--vision-footer-link) !important;
}

html.vision-enabled footer .button_bordered,
html.vision-enabled footer .button_outlined,
html.vision-enabled footer .button_blue,
html.vision-enabled footer .borderBtn,
html.vision-enabled footer .outlinedBtn,
html.vision-enabled footer .blueBtn,
html.vision-enabled footer .footer__subscribeForm,
html.vision-enabled footer .footer__subscribeForm input,
html.vision-enabled footer .footer__reviews {
  background: transparent !important;
  color: var(--vision-footer-text) !important;
  border-color: var(--vision-footer-link) !important;
  box-shadow: none !important;
}

html.vision-enabled footer .blueBtn span,
html.vision-enabled footer .outlinedBtn span,
html.vision-enabled footer .borderBtn span {
  color: var(--vision-footer-text) !important;
}

html.vision-enabled footer .footer__bottomLogoWrap > a:first-child img,
html.vision-enabled footer .footer__alternativeVersion img,
html.vision-enabled footer .footer__placeLink svg,
html.vision-enabled footer .footer__navCol li:first-child svg {
  filter: brightness(0) invert(1);
}

html.vision-enabled.vision-theme-light footer .footer__bottomLogoWrap > a:first-child img,
html.vision-enabled.vision-theme-light footer .footer__alternativeVersion img,
html.vision-enabled.vision-theme-light footer .footer__placeLink svg,
html.vision-enabled.vision-theme-light footer .footer__navCol li:first-child svg {
  filter: brightness(0);
}

html.vision-enabled footer .flamp-widget,
html.vision-enabled footer iframe,
html.vision-enabled footer [data-flamp-widget-id] {
  filter: none !important;
}


.modal__wrapper_vision {
  position: relative;
  padding: 32px 28px;
}

.modal__wrapper_vision .modal__close {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f3f4f8;
  z-index: 2;
}

.modal__wrapper_vision .modal__title {
  padding-right: 56px;
  margin-bottom: 24px;
}

.vision-modal__options label,
.vision-modal__switch {
  background: #ffffff;
  color: #1f1446;
}

.vision-modal__options input,
.vision-modal__switch input {
  margin: 0;
}

.vision-modal__actions {
  align-items: center;
}

.vision-modal__actions .outlinedBtn,
.vision-modal__actions .blueBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.vision-modal__actions .outlinedBtn span,
.vision-modal__actions .blueBtn span {
  white-space: nowrap;
}

html.vision-enabled .modal__wrapper_vision,
html.vision-enabled #vision-settings .modal__title,
html.vision-enabled #vision-settings .vision-modal__label,
html.vision-enabled #vision-settings .vision-modal__options label,
html.vision-enabled #vision-settings .vision-modal__switch {
  color: var(--vision-text) !important;
}

html.vision-enabled #vision-settings .modal__wrapper_vision {
  background: var(--vision-bg) !important;
  border-color: var(--vision-link) !important;
}

html.vision-enabled #vision-settings .modal__close {
  background: rgba(127, 127, 127, 0.12) !important;
}

html.vision-enabled #vision-settings .modal__close path {
  stroke: var(--vision-text) !important;
}

html.vision-enabled #vision-settings .vision-modal__options label,
html.vision-enabled #vision-settings .vision-modal__switch {
  background: transparent !important;
  border-color: currentColor !important;
}

@media (max-width: 767px) {
  .modal__wrapper_vision {
    width: calc(100vw - 24px);
    padding: 24px 16px;
    border-radius: 20px;
  }

  .vision-modal__options {
    gap: 8px;
  }

  .vision-modal__options label,
  .vision-modal__switch {
    width: 100%;
  }
}