.splide__pagination {

    gap: 0.5rem;
}

  .splide__pagination .splide__pagination__page {

    border-radius: 9999px;
}

  .splide__pagination .splide__pagination__page {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

  .splide__pagination .splide__pagination__page {

    padding: 0.5rem;
}

  .splide__pagination .splide__pagination__page:is(.dark *) {

    --tw-bg-opacity: 1;

    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

  .splide__pagination .splide__pagination__page.is-active {

    --tw-bg-opacity: 1;

    background-color: rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
}

  .splide__pagination .splide__pagination__page.is-active:is(.dark *) {

    --tw-bg-opacity: 1;

    background-color: rgb(var(--color-secondary) / var(--tw-bg-opacity, 1));
}