/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/h-scroll/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.page .wp-block-improntad-blocks-h-scroll, .wp-singular .wp-block-improntad-blocks-h-scroll {
  position: relative;
  padding-block-end: 3.5rem;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-inner, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-inner {
  position: relative;
  overflow: hidden;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-track, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--h-scroll-slides-in-view) - 1) * var(--h-scroll-slide-gap)) / var(--h-scroll-slides-in-view));
  gap: var(--h-scroll-slide-gap);
  overflow-inline: auto;
  overflow-block: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding-block: 4px;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-track::-webkit-scrollbar, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-track::-webkit-scrollbar {
  display: none;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-track, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-track {
  scrollbar-width: none;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-gradient, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-gradient {
  position: absolute;
  inset-block: 0;
  inline-size: 4rem;
  pointer-events: none;
  z-index: 2;
  transition: opacity 0.3s ease;
  display: var(--gradient-display);
  visibility: var(--gradient-visibility);
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-gradient.h-scroll-gradient-start, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-gradient.h-scroll-gradient-start {
  inset-inline-start: 0;
  background: linear-gradient(to right, var(--h-scroll-gradient-color) 0%, transparent 100%);
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-gradient.h-scroll-gradient-end, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-gradient.h-scroll-gradient-end {
  inset-inline-end: 0;
  background: linear-gradient(to left, var(--h-scroll-gradient-color) 0%, transparent 100%);
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-nav, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-nav {
  position: absolute;
  inset-block-end: 1rem;
  inset-inline-end: 1rem;
  display: var(--nav-display);
  visibility: var(--nav-visibility);
  pointer-events: var(--nav-pointer-events);
  gap: 0.5rem;
  z-index: 10;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-nav .h-scroll-nav-btn, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-nav .h-scroll-nav-btn {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--h-scroll-accent-color);
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-nav .h-scroll-nav-btn svg, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-nav .h-scroll-nav-btn svg {
  inline-size: 1.5rem;
  block-size: 1.5rem;
  color: #fff;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-nav .h-scroll-nav-btn:hover:not(:disabled), .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-nav .h-scroll-nav-btn:hover:not(:disabled) {
  opacity: 0.8;
  transform: scale(1.05);
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-nav .h-scroll-nav-btn:focus-visible, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-nav .h-scroll-nav-btn:focus-visible {
  outline: 2px solid var(--h-scroll-accent-color);
  outline-offset: 2px;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-nav .h-scroll-nav-btn:active:not(:disabled), .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-nav .h-scroll-nav-btn:active:not(:disabled) {
  transform: scale(0.95);
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-nav .h-scroll-nav-btn:disabled, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-nav .h-scroll-nav-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-indicators, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-indicators {
  position: absolute;
  inset-block-end: 1rem;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  display: var(--indicators-display);
  visibility: var(--indicators-visibility);
  pointer-events: var(--indicators-pointer-events);
  gap: 0.5rem;
  z-index: 10;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-indicators .indicator-dot, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-indicators .indicator-dot {
  inline-size: 0.75rem;
  block-size: 0.75rem;
  border-radius: 50%;
  background: transparent;
  border: 2px solid var(--h-scroll-accent-color);
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-indicators .indicator-dot.is-active, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-indicators .indicator-dot.is-active {
  background: var(--h-scroll-accent-color);
  transform: scale(1.2);
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-indicators .indicator-dot:hover:not(.is-active), .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-indicators .indicator-dot:hover:not(.is-active) {
  background: var(--h-scroll-accent-color);
  opacity: 0.5;
}
.page .wp-block-improntad-blocks-h-scroll .h-scroll-indicators .indicator-dot:focus-visible, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-indicators .indicator-dot:focus-visible {
  outline: 2px solid var(--h-scroll-accent-color);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .page .wp-block-improntad-blocks-h-scroll .h-scroll-track, .wp-singular .wp-block-improntad-blocks-h-scroll .h-scroll-track {
    scroll-behavior: auto;
  }
}

/*# sourceMappingURL=style-index.css.map*/