.splide{
  --pagination-color:var(--nero-800,black);
  --accent-color:var(--primary, yellow);
  margin-bottom:24px;
}
[dark="1"] .splide{
  --pagination-color:var(--bianco-puro,white);
}

.splide__slide__container{
  display:flex;
  align-items:center;
  justify-content:center;
}

.splide__slide__img{
  object-fit:contain;
  height:100%!important;
}

.splide__pagination{
  bottom:-2rem;
  margin:8px;
}

.splide__pagination__page{
  transition-property:width;
  transition-duration: 0.05s;
  transition-timing-function: ease-in-out;
  --pagination-bg:var(--bianco-400);
  background-color:var(--pagination-bg,black)!important;
  border: var(--pagination-color) none 1px;
  border-radius:9999px;
}

.splide__pagination__page:hover{
  --pagination-color:var(--accent-color);
}

.splide__pagination__page.is-active{
  --pagination-bg:var(--accent-color);
  transform:unset;
  /* width:28px; */
}

.splide__arrow, .splide__arrow:hover, .splide__arrow:focus{
  background-color: transparent!important;
  outline: none;
}

.splide__arrow svg{
  fill:var(--pagination-color);
}

[dark="1"] :is(.splide__arrow,.splide__arrows){
  --pagination-color:var(--bianco-puro,white);
}

.splide__progress__bar {
  height: 2px;
  background: #ccc;
}