/* [project]/src/src/features/map/MarkDescription/MarkDescription.scss.css [app-client] (css) */
.is-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.clear, .clear:before, .clear:after {
  display: block;
  clear: both;
  content: "";
}

.MarkDescription {
  display: flex;
  padding: 19px 16px;
  transition: all .2s ease-in-out;
}

@supports not (translate: 100px) {
  .MarkDescription > * {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }

  .MarkDescription > :first-child {
    margin-left: 0;
  }

  .MarkDescription > :last-child {
    margin-right: 0;
  }
}

@supports (translate: 100px) {
  .MarkDescription {
    gap: 15px;
  }
}

.MarkDescription:hover {
  background-color: #d0eeff;
}

.MarkDescription:hover .MarkDescription__image {
  transform: scale(1.3);
}

@media (width <= 1024px) {
  .MarkDescription {
    padding: 12px 7.5px;
  }
}

.MarkDescription__wrapper-texts {
  max-width: 170px;
}

.MarkDescription__image {
  transition: transform .2s ease-in-out;
}

.MarkDescription__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  font-family: Montserrat;
  margin-bottom: 5px;
}

.MarkDescription__desc {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  font-family: Montserrat;
}


/* [project]/src/src/features/map/MarkDescriptions/MarkDescriptions.scss.css [app-client] (css) */
.is-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.clear, .clear:before, .clear:after {
  display: block;
  clear: both;
  content: "";
}

.MarkDescriptions {
  display: flex;
  position: absolute;
  right: -1px;
  top: 0;
  height: 100%;
  background: #fffc;
  flex-direction: column;
  transition: width .2s ease-in-out;
  width: 32px;
}

@media (width <= 1024px) {
  .MarkDescriptions {
    width: auto;
    position: relative;
    height: auto;
  }
}

.MarkDescriptions__header {
  height: 32px;
  display: flex;
  align-items: center;
}

.MarkDescriptions_isExpand {
  width: 243px;
}

.MarkDescriptions__descriptions {
  opacity: 0;
  overflow: hidden;
  transition: all 50ms ease-in-out;
  pointer-events: none;
}

.MarkDescriptions__descriptions_isExpand {
  opacity: 1;
  pointer-events: all;
}

@media (width <= 1024px) {
  .MarkDescriptions__descriptions {
    opacity: 1;
    pointer-events: all;
    overflow: inherit;
  }
}

.MarkDescriptions__expand {
  cursor: pointer;
  margin-left: 8px;
  transition: all .2s ease-in-out;
  transform: scale(-1, 1);
}

.MarkDescriptions__expand > * {
  transition: all .2s ease-in-out;
}

.MarkDescriptions__expand_isExpand {
  transform: scale(1);
}

.MarkDescriptions__expand:hover > * {
  stroke: #252942;
}


/* [project]/src/src/shared/ui/InteractionButtons/InteractionButtons.scss.css [app-client] (css) */
.is-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.clear, .clear:before, .clear:after {
  display: block;
  clear: both;
  content: "";
}

.InteractionButtons__whatsapp {
  display: flex;
  cursor: pointer;
}

.InteractionButtons__whatsapp .Whatsapp {
  height: 40px;
  width: 40px;
}

@media (width <= 833px) {
  .InteractionButtons__whatsapp .Whatsapp {
    margin-left: 15px;
  }
}

@media (width <= 600px) {
  .InteractionButtons__whatsapp .Whatsapp {
    height: 34px;
    width: 34px;
  }
}

.InteractionButtons__whatsapp path {
  transition: all .2s ease-out;
  fill: #07093d;
}

.InteractionButtons__whatsapp:hover path {
  fill: #fff;
  stroke: #07093d;
}

.InteractionButtons__buttons {
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  margin: 0 auto;
}

@supports not (translate: 100px) {
  .InteractionButtons__buttons > * {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }

  .InteractionButtons__buttons > :first-child {
    margin-left: 0;
  }

  .InteractionButtons__buttons > :last-child {
    margin-right: 0;
  }
}

@supports (translate: 100px) {
  .InteractionButtons__buttons {
    gap: 15px;
  }
}

.InteractionButtons__buttons .Button {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  font-family: Montserrat;
  height: 50px;
}

.InteractionButtons__buttons .Button__content-wrapper {
  align-items: center;
}

@media (width <= 833px) {
  .InteractionButtons__buttons .Button {
    width: 100%;
  }
}

@media (width <= 600px) {
  .InteractionButtons__buttons .Button {
    height: 44px;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    font-family: Montserrat;
  }
}

@media (width <= 833px) {
  .InteractionButtons__buttons {
    line-height: 20px;
    max-width: 550px;
    width: 100%;
    gap: 0;
    display: grid;
  }

  .InteractionButtons__buttons > * {
    margin-left: 0;
    margin-right: 0;
  }
}

.InteractionButtons__social-networks .Button {
  color: #fff;
  background-color: #07093d;
}

.InteractionButtons__social-networks .Button__text {
  margin-left: 14px;
}

.InteractionButtons__social-networks .Button:hover {
  border-color: #07093d;
  color: #07093d;
  background-color: #fff;
}

.InteractionButtons__social-networks .Button:hover path {
  fill: #07093d;
}

@media (width <= 833px) {
  .InteractionButtons__social-networks {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
  }
}

.InteractionButtons__choose .Button {
  border-color: #07093d;
}

.InteractionButtons__choose .Button:hover {
  background-color: #07093d;
}


/* [project]/src/src/pages/SpecialistsMap/SpecialistsMap.scss.css [app-client] (css) */
.is-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.clear, .clear:before, .clear:after {
  display: block;
  clear: both;
  content: "";
}

.SpecialistsMap {
  margin-top: 25px;
}

@media (width <= 1024px) {
  .SpecialistsMap {
    margin-top: 30px;
  }
}

.SpecialistsMap__content {
  position: relative;
  width: 100%;
  max-width: 1440px;
  display: grid;
  margin: 0 auto 35px;
  height: 500px;
}

@media (height <= 720px) {
  .SpecialistsMap__content {
    height: 410px;
  }
}

@media (width <= 1024px) {
  .SpecialistsMap__content {
    height: auto;
  }
}

@media (width <= 1024px) {
  .SpecialistsMap__content {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }
}

@media (width <= 600px) {
  .SpecialistsMap__content {
    margin-top: 22px;
  }
}

@media (width <= 1024px) {
  .SpecialistsMap__map {
    margin-bottom: 12px;
  }
}

.SpecialistsMap__wrapper {
  width: 90vw;
  margin: 0 auto 80px;
}

@media (width <= 600px) {
  .SpecialistsMap__wrapper {
    margin-bottom: 50px;
  }
}

.SpecialistsMap__title {
  font-size: 45px;
  font-weight: 300;
  line-height: 55px;
  font-family: Montserrat;
  color: #252942;
  margin-bottom: 35px;
  text-align: center;
}

@media (width <= 600px) {
  .SpecialistsMap__title {
    font-size: 32px;
    font-weight: 300;
    line-height: 35px;
    font-family: Montserrat;
    margin-bottom: 22px;
  }
}


/* [project]/src/src/features/map/Mark/components/Balloon/Balloon.scss.css [app-client] (css) */
.is-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.clear, .clear:before, .clear:after {
  display: block;
  clear: both;
  content: "";
}

.Balloon {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 230px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #cbcbcb;
  box-shadow: 1px 1px 1px #00193fb2;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  font-family: Montserrat;
  transform: translate3d(37px, calc(17px - 100%), 0);
  color: #606f89;
  pointer-events: auto !important;
}

.Balloon__texts {
  display: flex;
  flex-direction: column;
}

.Balloon__button {
  margin-top: 12px;
}

.Balloon__button .Button {
  background-color: #0000;
  border-color: #252942;
  padding: 0;
}

.Balloon__button .Button .Button__content-wrapper {
  transition: color .1s ease-in-out;
  color: #252942;
}

.Balloon__button .Button:hover {
  background-color: #252942;
}

.Balloon__button .Button:hover .Button__content-wrapper {
  color: #fff;
}

.Balloon__button .Button__content-wrapper {
  padding: 8px 20px;
}

.Balloon__header {
  display: flex;
}

.Balloon__header_isBorder {
  padding-bottom: 8px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 8px;
}

.Balloon__header_isOffice {
  padding-bottom: 0;
}

.Balloon__avatar {
  margin-right: 12px;
  min-height: 32px;
  min-width: 32px;
  max-width: 32px;
  max-height: 32px;
}

.Balloon_isMobile {
  transform: unset;
  box-shadow: none;
  border-radius: 4px 4px 0 0;
  border-bottom-width: 0;
  min-width: unset;
  width: calc(90vw + 1px);
  margin-left: -1px;
  max-width: unset;
}

.Balloon__content {
  padding: 16px 20px 15px;
}

.Balloon__content_isMobile {
  padding: 16px 16px 15px;
}

.Balloon__text {
  margin-top: 2px;
}

.Balloon__data {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

@supports not (translate: 100px) {
  .Balloon__data > * {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .Balloon__data > :first-child {
    margin-top: 0;
  }

  .Balloon__data > :last-child {
    margin-bottom: 0;
  }
}

@supports (translate: 100px) {
  .Balloon__data {
    gap: 10px;
  }
}

.Balloon__image {
  min-width: 20px;
  margin-right: 5px;
}

.Balloon__item {
  list-style-type: none;
}

.Balloon__item_isAddress {
  display: flex;
  align-items: flex-start;
}

.Balloon__link {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
}

.Balloon__link_isWhatsApp {
  align-items: center;
}

.Balloon__link .Balloon__image path {
  transition: all .175s ease-in-out;
}

.Balloon__link:hover {
  color: #252942;
}

.Balloon__link:hover .Balloon__image path {
  fill: #606f89;
}

.Balloon__role {
  margin-top: 2px;
}

.Balloon__title {
  color: #252942;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  font-family: Montserrat;
  margin-bottom: 12px;
}

.Balloon__title_isRole {
  margin-bottom: 0;
}

.Balloon__title_isHover {
  cursor: pointer;
}

.Balloon__title_isHover:hover {
  text-decoration: underline;
}

.Balloon__footer {
  width: calc(100% + 2px);
  height: 8px;
  border-radius: 0 0 4px 4px;
  z-index: 1;
  margin-left: -1px;
  margin-bottom: -1px;
}

.Balloon__footer_isMobile {
  margin: 0;
  border-radius: unset;
  width: 100%;
}

.Balloon__triangle {
  position: absolute;
  font-size: 20px;
  margin-left: 13px;
  z-index: -1;
  margin-top: 2.5px;
  transform: scale(1.5, 1);
  text-shadow: .7px 1.3px 1px #00193fb2;
}

.Balloon__triangle_isMobile {
  display: none;
}

.ymaps-2-1-79-balloon {
  box-shadow: none !important;
  pointer-events: none !important;
}

.ymaps-2-1-79-balloon ymaps {
  pointer-events: none !important;
  overflow: visible !important;
  width: 90px !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

@media (width <= 600px) {
  .ymaps-2-1-79-balloon ymaps {
    width: calc(90vw + 1px) !important;
    padding: 0 !important;
    height: auto !important;
  }
}

@media (width <= 600px) {
  .ymaps-2-1-79-copyrights-pane {
    inset: auto 0 0 !important;
  }
}

.ymaps-2-1-79-balloon__content {
  padding: 0 !important;
  background: none !important;
  margin: 0 !important;
}

.ymaps-2-1-79-balloon__layout {
  background: none !important;
  border: none !important;
}

@media (width <= 600px) {
  .ymaps-2-1-79-balloon_layout_panel {
    background: none !important;
  }
}

.ymaps-2-1-79-balloon__tail {
  display: none !important;
}

@media (width <= 600px) {
  .ymaps-2-1-79-balloon__content {
    padding: 0 !important;
  }

  .ymaps-2-1-79-balloon__content > * {
    height: auto !important;
  }
}


/* [project]/src/src/features/map/Mark/components/MarkImage/MarkImage.scss.css [app-client] (css) */
.is-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.clear, .clear:before, .clear:after {
  display: block;
  clear: both;
  content: "";
}

.MarkImage {
  width: 100%;
  height: 100%;
  transition: all .2s ease-in-out;
}

.MarkImage__image {
  height: 100%;
  width: 100%;
}


/* [project]/src/src/features/map/Marks/Marks.scss.css [app-client] (css) */
.is-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.clear, .clear:before, .clear:after {
  display: block;
  clear: both;
  content: "";
}


/* [project]/src/src/features/map/Marks/components/Cluster/Cluster.scss.css [app-client] (css) */
.is-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.clear, .clear:before, .clear:after {
  display: block;
  clear: both;
  content: "";
}

.Cluster {
  width: 100%;
  height: 42px;
  transition: all .2s ease-in-out;
}

.Cluster__image {
  height: 100%;
  width: 100%;
}

.Cluster__number {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 34px;
  color: #fff;
  margin-right: 1px;
}


/* [project]/src/src/features/map/UserMark/UserMarkImage/UserMarkImage.scss.css [app-client] (css) */
.UserMarkImage {
  width: 100%;
  height: 100%;
  transition: all .2s ease-in-out;
}

.UserMarkImage__image {
  height: 100%;
  width: 100%;
}


/* [project]/src/src/pages/SpecialistsMap/component/CustomMap/CustomMap.scss.css [app-client] (css) */
.is-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.clear, .clear:before, .clear:after {
  display: block;
  clear: both;
  content: "";
}

.CustomMap {
  width: 100%;
  margin: 0 auto;
  max-width: 90vw;
  height: 500px;
}

@media (height <= 720px) {
  .CustomMap {
    height: 410px;
  }
}

@media (width <= 1024px) {
  .CustomMap {
    width: 90vw;
  }
}

@media (width <= 600px) {
  .CustomMap {
    height: 400px;
  }
}


/*# sourceMappingURL=src_src_07ceec._.css.map*/