#contacts-page {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
#contacts-page .tabs {
  display: flex;
  gap: var(--30);
}
#contacts-page .tabs .tab.current a {
  color: var(--yellow);
}
#contacts-page .tabs .tab a {
  display: inline-block;
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  text-decoration: none;
}
#contacts-page .tabs .tab a:hover {
  color: var(--yellow);
}
#contacts-page .map-block {
  position: relative;
  height: var(--600);
}
#contacts-page .map-block #map {
  width: 100%;
  height: 100%;
  filter: invert(0.85);
  opacity: 0.97;
  backdrop-filter: blur(var(--13));
  background: rgba(51, 51, 51, 0.25);
}
#contacts-page .map-block .cities {
  padding: var(--19);
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--Stroke-gr, rgba(153, 153, 153, 0.4));
  background: linear-gradient(84deg, rgba(74, 74, 74, 0.5) 14.37%, rgba(42, 41, 41, 0.5) 86.91%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--13));
  position: absolute;
  right: var(--MainGap);
  top: var(--MainGap);
  bottom: var(--MainGap);
  overflow: auto;
  width: var(--550);
}
#contacts-page .map-block .cities .city {
  display: none;
  flex-direction: column;
  gap: var(--20);
}
#contacts-page .map-block .cities .city.current {
  display: flex;
}
#contacts-page .map-block .cities .city .list {
  display: flex;
  flex-direction: column;
  gap: var(--25);
  margin-bottom: var(--25);
}
#contacts-page .map-block .cities .city .list dt {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
}
#contacts-page .map-block .cities .city .list dd {
  display: flex;
  flex-direction: column;
  gap: var(--25);
  padding: 0;
  margin: 0;
}
#contacts-page .map-block .cities .city .list dd .office {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  font-size: var(--18);
  line-height: var(--26);
  break-inside: avoid;
}
#contacts-page .map-block .cities .city .list dd .office.current {
  font-weight: 500;
}
#contacts-page .map-block .cities .city .list dd .office.current p[class][class=address] {
  --BG: url("/images/address-w.svg");
}
#contacts-page .map-block .cities .city .list dd .office.current p[class][class=phone] {
  --BG: url("/images/phone-w.svg");
}
#contacts-page .map-block .cities .city .list dd .office.current p[class][class=email] {
  --BG: url("/images/email-w.svg");
}
#contacts-page .map-block .cities .city .list dd .office p[class] {
  padding-left: var(--34);
  background: var(--BG) left center/var(--24) no-repeat;
  transition: all 0.3s linear;
}
#contacts-page .map-block .cities .city .list dd .office p[class][class=address] {
  --BG: url("/images/address.svg");
}
#contacts-page .map-block .cities .city .list dd .office p[class][class=phone] {
  --BG: url("/images/phone.svg");
}
#contacts-page .map-block .cities .city .list dd .office p[class][class=email] {
  --BG: url("/images/email.svg");
}

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