/* Файл сгенерирован из style.scss - вручную не редактировать */
.gallery__body {
  position: relative;
}
.gallery__nav .slider-button {
  position: absolute;
  inset-block-start: 50%;
  z-index: 1;
  opacity: 0.1;
  transform: translateY(-50%);
}
.gallery__nav .slider-button:first-child {
  inset-inline-start: 0.9375rem;
}
.gallery__nav .slider-button:last-child {
  inset-inline-end: 0.9375rem;
}
.gallery__nav .slider-button:disabled {
  opacity: 0.05;
}
@media (any-hover: hover) {
  .gallery__nav .slider-button:hover, .gallery__nav .slider-button.is-active {
    opacity: 1;
  }
}
@media (any-hover: none) {
  .gallery__nav .slider-button:active, .gallery__nav .slider-button.is-active {
    opacity: 1;
  }
}
.gallery__nav .slider-button:focus-visible {
  opacity: 1;
}
.gallery__image {
  display: block;
  width: 100%;
  aspect-ratio: 860/760;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: clamp(1rem, 0.8846153846rem + 0.5128205128vw, 1.5rem);
}
@media (width <= 86.25rem) {
  .gallery__image {
    aspect-ratio: 3/2;
  }
}
@media (width <= 48rem) {
  .gallery__image {
    aspect-ratio: 5/4;
  }
}
.gallery__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.125rem;
  position: absolute;
  top: 50%;
  z-index: 2;
  color: var(--color-white);
  background-color: var(--color-black-alpha-30);
  border-radius: 50%;
  translate: 0 -50%;
  transition-duration: var(--transition-duration);
}
@media (any-hover: hover) {
  .gallery__button:hover, .gallery__button.is-active {
    background-color: var(--color-black-alpha-50);
  }
}
@media (any-hover: none) {
  .gallery__button:active, .gallery__button.is-active {
    background-color: var(--color-black-alpha-50);
  }
}
.gallery__button:focus-visible {
  background-color: var(--color-black-alpha-50);
}
.gallery__button:disabled {
  pointer-events: none;
  opacity: 0.4;
}
.gallery__button--prev {
  left: 1.25rem;
}
.gallery__button--next {
  right: 1.25rem;
}
.gallery__button-icon {
  width: 1.5rem;
  height: 1.5rem;
}
/*# sourceMappingURL=style.css.map */