/* Start:/local/templates/default/components/bitrix/news.list/contacts.redesign/style.css?17891217142053*/
.contacts {
  --color-bg-overlay: rgba(51, 51, 51, 0.4);
}

.map-container {
  position: relative;
}

.hint {
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  background-color: var(--color-bg-overlay);

  user-select: none;
  z-index: 10;
  visibility: visible;
  transition: all 0.4s ease-in-out;
  opacity: 1;
}

.hint.hidden {
  visibility: hidden;
  opacity: 0;
}

.text {
  display: flex;
  color: #f2f5fa;
  font-size: 16px;
  gap: 4px;
  align-items: center;
  font-weight: 500;
  line-height: 21px;
}

.command {
  display: inline-block;
  border-radius: var(--border-radius);
  padding: 2px 6px;
  background-color: #050d3366;
  vertical-align: center;
}

.contacts .contacts-items {
  display: flex;
  flex-direction: column;
  gap: calc(var(--container-gap) * 3);
}

.contacts .contacts-items .cols {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  align-items: start;
  justify-content: space-between;
  gap: var(--container-gap);
}

.contacts .contacts-items .cols .col {
  line-height: 1.5;
}

.contacts .contacts-items .cols .col .title {
  font-size: var(--font-size-button-text);
  font-weight: var(--font-weight-button-text);
}

.contacts .contacts-items .contacts-items--item {
  display: flex;
  flex-direction: column;
  gap: var(--container-gap);
}

.contacts .contacts-items .contacts-items--item .contacts-items--item-header,
.contacts .contacts-items .contacts-items--item .rekvizit .rekvizit-header .rekvizit-header--title {
  font-size: var(--font-size-detail-card);
  font-weight: var(--font-weight-detail-card);
}

.contacts .contacts-items .contacts-items--item #map {
  width: 100%;
  aspect-ratio: 3/1;
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: var(--box-shadow);
}

.contacts .contacts-items .contacts-items--item #map:hover {
  cursor: grab;
}

.contacts .contacts-items .contacts-items--item .rekvizit .rekvizit-header .rekvizit-header--title {
  margin-bottom: var(--container-gap);
}
/* End */
/* /local/templates/default/components/bitrix/news.list/contacts.redesign/style.css?17891217142053 */