/* Файл сгенерирован из style.scss - вручную не редактировать */

.experts__slide.swiper-slide {
  height: auto;
}

.expert-card {
  --expert-card-color-text: var(--color-black);
  --expert-card-color-bg: var(--color-black-alpha-5);
  --expert-card-open-opacity: 0;
  --exper-card-border-radius: 1.875rem;
  --exper-card-overlay-offset: 0.25rem;
  --exper-card-overlay-opacity: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
  color: var(--expert-card-color-text);
  background-color: var(--expert-card-color-bg);
  border-radius: var(--exper-card-border-radius);
  transition-duration: var(--transition-duration);
}
.expert-card::before {
  position: absolute;
  inset: calc(var(--exper-card-overlay-offset) * -1);
  content: "";
  background-color: var(--expert-card-color-bg);
  border-radius: var(--exper-card-border-radius);
  opacity: var(--exper-card-overlay-opacity);
  transition-duration: var(--transition-duration);
}
@media (any-hover: hover) {
  .expert-card:hover, .expert-card:focus-within {
    --expert-card-color-text: var(--color-white);
    --expert-card-color-bg: var(--color-black);
    --expert-card-open-opacity: 1;
    --exper-card-overlay-opacity: 1;
  }
}
.expert-card__photo, .expert-card__body {
  position: relative;
}
.expert-card__photo {
  width: 100%;
  aspect-ratio: 420/520;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: var(--exper-card-border-radius);
}
.expert-card__body {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(1rem, 0.9423076923rem + 0.2564102564vw, 1.25rem);
}
.expert-card__name {
  font-size: clamp(1.125rem, 1.0961538462rem + 0.1282051282vw, 1.25rem);
  font-weight: 700;
  line-height: 1.2;
}
.expert-card__position {
  margin-block: 0.25rem 1.25rem;
  font-size: clamp(0.875rem, 0.8461538462rem + 0.1282051282vw, 1rem);
  line-height: 1.2;
  opacity: 0.8;
}
.expert-card__link {
  margin-block-start: auto;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  border-block-end: 0.0625rem solid currentColor;
}
.expert-card__link::after {
  position: absolute;
  inset: 0;
  content: "";
}
@media (width > 48rem) {
  .expert-card__link {
    display: none;
  }
}
.expert-card__open {
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
@media (width <= 48rem) {
  .expert-card__open {
    display: none;
  }
}
.expert-card__open-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  color: var(--color-black);
  background-color: var(--color-white);
  border-radius: 50%;
  opacity: var(--expert-card-open-opacity);
  transition-duration: var(--transition-duration);
  transition-property: opacity;
}
.expert-card__plus {
  width: 1rem;
  height: 1rem;
}

.expert-photo__bg {
  --expert-card-photo-bg: url('/images/bs2027/cold.png');
  background-image: var(--expert-card-photo-bg);
  background-repeat: no-repeat;
  background-size: cover;
}
.expert-photo__bg--female {
  --expert-card-photo-bg: url('/images/bs2027/warm.png');
}

.expert-modal {
  --modal-max-width: 42.5rem;
  --modal-close-offset: calc(var(--modal-padding) + 0.9375rem);
}
.expert-modal__photo {
  width: 100%;
  height: 20.625rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: var(--modal-radius);
}
.expert-modal__name {
  font-size: clamp(1rem, 0.9423076923rem + 0.2564102564vw, 1.25rem);
  font-weight: 700;
  line-height: 1;
}
.expert-modal__position {
  margin-block-start: 0.25rem;
  font-size: 1rem;
  line-height: 1.2;
  opacity: 0.8;
}
.expert-modal__text {
  font-size: clamp(0.875rem, 0.8173076923rem + 0.2564102564vw, 1.125rem);
  line-height: 1.2;
}
.expert-modal__link {
  font-size: clamp(0.875rem, 0.8173076923rem + 0.2564102564vw, 1.125rem);
  font-weight: 700;
  line-height: 1.2;
  border-block-end: 0.0625rem solid currentColor;
  transition-duration: var(--transition-duration);
}
@media (any-hover: hover) {
  .expert-modal__link:hover, .expert-modal__link.is-active {
    opacity: 0.6;
  }
}
@media (any-hover: none) {
  .expert-modal__link:active, .expert-modal__link.is-active {
    opacity: 0.6;
  }
}
.expert-modal__link:focus-visible {
  opacity: 0.6;
}
/*# sourceMappingURL=style.css.map */