/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/nb-byt-galeria/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.
 */
.splide__arrow {
  background: var(--wp--preset--color--contrast);
  opacity: 1;
  border: 1px solid white;
}
.splide__arrow svg {
  fill: #fff;
}

#thumbnail-slider .splide__arrow {
  height: 2.5em;
  width: 2.5em;
}
#thumbnail-slider .splide__arrow--prev {
  left: -0.5em;
}
#thumbnail-slider .splide__arrow--next {
  right: -0.5em;
}
#thumbnail-slider .splide__track--nav > .splide__list > .splide__slide.is-active {
  border-color: var(--wp--preset--color--contrast);
}

.wp-block-create-block-nb-byt-galeria {
  color: #fff;
  margin: 0;
  padding: 0;
}
.wp-block-create-block-nb-byt-galeria #main-slider {
  margin-bottom: 1rem;
}
.wp-block-create-block-nb-byt-galeria #main-slider .splide__track {
  border-radius: 14px;
  overflow: hidden;
}
.wp-block-create-block-nb-byt-galeria #main-slider .splide__slide {
  aspect-ratio: 2/1.5;
}
.wp-block-create-block-nb-byt-galeria #main-slider .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-create-block-nb-byt-galeria #main-slider .splide__arrow {
  background: white;
}
.wp-block-create-block-nb-byt-galeria #main-slider .splide__arrow svg {
  fill: #000;
}
.wp-block-create-block-nb-byt-galeria #main-slider .splide__arrow:hover {
  background: rgb(255, 255, 255);
}
.wp-block-create-block-nb-byt-galeria #thumbnail-slider .splide__track {
  padding: 0.5rem 0;
}
.wp-block-create-block-nb-byt-galeria #thumbnail-slider .splide__slide {
  border-radius: 14px;
  opacity: 0.6;
  padding: 0 5px;
  cursor: pointer;
  aspect-ratio: 2/1.5;
}
.wp-block-create-block-nb-byt-galeria #thumbnail-slider .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-create-block-nb-byt-galeria #thumbnail-slider .splide__slide.is-active {
  opacity: 1;
}
.wp-block-create-block-nb-byt-galeria #thumbnail-slider .splide__slide:hover {
  opacity: 0.8;
}

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