.ImageSliderItem {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  overflow: hidden;
}

.ImageSliderItem-hover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: hsla(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1%), 0.7);
  opacity: 0;
  transition: var(--animationBase);
}

.ImageSliderItem-hover:hover {
  opacity: 1;
}

.ImageSliderItem-hoverBtn {
  border: 1px solid hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  color: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  display: flex;
  align-items: center;
  font-size: var(--textSm);
  padding: var(--spaceSm);
  transition: var(--animationBase);
}

.ImageSliderItem-hoverBtn:hover {
  background: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  color: var(--colorBrand);
}

.ImageSliderItem-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  padding: 0 8%;
  max-width: 28rem;
}

@media (max-width: 64rem) {
  .ImageSliderItem-content {
    max-width: 22rem;
  }
}

.ImageSliderItem-text {
  font-size: var(--textSm);
  margin: 0 0 var(--spaceMd);
}

.ImageSliderItem-text:last-child {
  margin-bottom: 0;
}

.ImageSliderItem img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 64rem) {
  .ImageSliderItem img {
    min-width: 61.5rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: var(--layerNegativeZIndex);
  }
}

@media (max-width: 32rem) {
  .ImageSliderItem img {
    min-width: 50rem;
  }
}

/*# sourceMappingURL=image-slider-item.min.css.map */