.fade-delay--100 {
  animation-delay: 100ms;
}

.fade-delay--200 {
  animation-delay: 200ms;
}

.fade-delay--300 {
  animation-delay: 300ms;
}

.fade-delay--400 {
  animation-delay: 400ms;
}

.fade-delay--500 {
  animation-delay: 500ms;
}

.fade-delay--600 {
  animation-delay: 600ms;
}

.fade-delay--700 {
  animation-delay: 700ms;
}

.fade-delay--800 {
  animation-delay: 800ms;
}

.fade-delay--900 {
  animation-delay: 900ms;
}

.fade-delay--1000 {
  animation-delay: 1000ms;
}

.fade-delay--1100 {
  animation-delay: 1100ms;
}

.fade-delay--1200 {
  animation-delay: 1200ms;
}

.fade-delay--1300 {
  animation-delay: 1300ms;
}

.fade-delay--1400 {
  animation-delay: 1400ms;
}

.fade-delay--1500 {
  animation-delay: 1500ms;
}

.fade-delay--1600 {
  animation-delay: 1600ms;
}

.fade-delay--1700 {
  animation-delay: 1700ms;
}

.fade-delay--1800 {
  animation-delay: 1800ms;
}

.fade-delay--1900 {
  animation-delay: 1900ms;
}

.fade-delay--2000 {
  animation-delay: 2000ms;
}

.fade-delay--2100 {
  animation-delay: 2100ms;
}

.fade-delay--2200 {
  animation-delay: 2200ms;
}

.fade-delay--2300 {
  animation-delay: 2300ms;
}

.fade-delay--2400 {
  animation-delay: 2400ms;
}

.fade-delay--2500 {
  animation-delay: 2500ms;
}

:root {
  --animation-time: 900ms;
  --animation-move-plus: 20px;
  --animation-move-minus: -20px;
  --animation-opacity-start: 0;
  --animation-opacity-end: 1;
}

@keyframes fade-left {
  0% {
    opacity: var(--animation-opacity-start);
    transform: translateX(var(--animation-move-plus));
  }
  100% {
    opacity: var(--animation-opacity-end);
    transform: translateX(0);
  }
}
.fade-left {
  opacity: var(--animation-opacity-start);
  animation-name: fade-left;
  animation-duration: var(--animation-time);
  animation-fill-mode: forwards;
  will-change: transform, opacity;
}

@keyframes fade-right {
  0% {
    opacity: var(--animation-opacity-start);
    transform: translateX(var(--animation-move-minus));
  }
  100% {
    opacity: var(--animation-opacity-end);
    transform: translateX(0);
  }
}
.fade-right {
  opacity: var(--animation-opacity-start);
  animation-name: fade-right;
  animation-duration: var(--animation-time);
  animation-fill-mode: forwards;
  will-change: transform, opacity;
}

@keyframes fade-top {
  0% {
    opacity: var(--animation-opacity-start);
    transform: translateY(var(--animation-move-plus));
  }
  100% {
    opacity: var(--animation-opacity-end);
    transform: translateY(0);
  }
}
.fade-top {
  opacity: var(--animation-opacity-start);
  animation-name: fade-top;
  animation-duration: var(--animation-time);
  animation-fill-mode: forwards;
  will-change: transform, opacity;
}

@keyframes fade-down {
  0% {
    opacity: var(--animation-opacity-start);
    transform: translateY(var(--animation-move-minus));
  }
  100% {
    opacity: var(--animation-opacity-end);
    transform: translateY(0);
  }
}
.fade-down {
  opacity: var(--animation-opacity-start);
  animation-name: fade-down;
  animation-duration: var(--animation-time);
  animation-fill-mode: forwards;
  will-change: transform, opacity;
}

.block-team .swiper-pagination-progressbar-fill {
  background: #1297C0;
}
.block-team .team-pagination {
  position: relative;
  height: 1px;
}
.block-team .team-button-next, .block-team .team-button-prev {
  width: 48px;
  height: 48px;
  border: 1px solid #E3E9EE;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.block-team .team-button-prev svg {
  rotate: 180deg;
}
.block-team .swiper-button-disabled {
  opacity: 0.2;
}
.block-team .mfp-hide {
  display: none;
}

.team-popup {
  background: #FFFFFF;
  border-radius: 12px;
  max-width: 1280px;
  margin: 20px auto;
  padding: 48px 20px;
  display: flex;
  gap: 28px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .team-popup {
    padding: 60px 50px;
  }
}
@media (min-width: 992px) {
  .team-popup {
    flex-direction: row;
    gap: 60px;
  }
}
@media (min-width: 1200px) {
  .team-popup {
    padding: 100px 120px;
  }
}
.team-popup .team-popup__img {
  aspect-ratio: 342/400;
  width: 100%;
  flex: none;
}
@media (min-width: 768px) {
  .team-popup .team-popup__img {
    width: 342px;
  }
}
@media (min-width: 992px) {
  .team-popup .team-popup__img {
    width: 342px;
  }
}

.team-popup-dismiss {
  position: absolute;
  top: 0px;
  right: 0px;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .team-popup-dismiss {
    top: 20px;
    right: 20px;
  }
}
.team-popup-dismiss:hover {
  scale: 1.1;
}

.team-popup__email {
  hyphens: auto;
}