/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/image-gallery/styles.scss ***!
  \************************************************************************************************************************/
.slider {
  display: flex;
  border-radius: 20px;
  height: calc(100% - 100px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.slider::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.slider > * {
  flex-shrink: 0;
}

.slider__slide {
  width: 100%;
  scroll-snap-align: center;
}

@property --slide-blur-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 10px;
}
.slide {
  display: block;
  position: relative;
  width: 100%;
  height: 70vh;
  overflow: hidden;
}
.slide > * {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.slide__backdrop {
  filter: brightness(30%);
  background-position: center;
  background-size: cover;
}

.slide__image {
  backdrop-filter: blur(var(--slide-blur-size));
  margin: 0 auto;
  object-fit: contain;
}

.slider__caption {
  padding: 0.5rem 0;
  font-size: 0.8rem;
  text-align: center;
}

.control {
  margin-top: 20px;
  color: var(--ref-neutro-30);
  text-align: center;
}

.control__button {
  cursor: pointer;
  margin: 0 20px;
  border: 1px solid var(--ref-neutro-30);
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.control__button:disabled {
  border-color: var(--ref-neutro-60);
}

.control__number {
  color: var(--ref-neutro-30);
}

/*# sourceMappingURL=image-gallery.a6c575a3.css.map*/