/* Structural styles only; customize the card appearance in global.css. */
.cards-develop-slider.splide { visibility: visible; }
.cards-develop-slider .cards-wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.cards-develop-slider.splide.is-initialized:not(.is-active) .cards-wrap { display: grid; }
.cards-develop-slider .cards-wrap > .card { min-width: 0; }
.cards-develop-slider .card-button .icon svg { width: 24px; height: 24px; }
@media (max-width: 767px) {
    .cards-develop-slider.is-initialized:not(.is-destroyed) .cards-wrap { display: flex; gap: 0; }
    .cards-develop-slider:not(.is-initialized) .cards-wrap { display: flex; overflow-x: auto; gap: 16px; }
    .cards-develop-slider:not(.is-initialized) .cards-wrap > .card { flex: 0 0 calc((100% - 16px) / 1.2); }
    .cards-develop-slider{
        .splide__pagination{
            position: static;
            gap: 4px;
            padding: 20px 0 0;

            li{
                line-height: 0;
            }

            .splide__pagination__page{
                display: inline-flex;
                justify-content: center;
                align-items: center;
                width: 28px;
                height: 28px;
                margin: 0;
                padding: 0;
                border: 0;
                background: transparent;

                &::before{
                    content: '';
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background: #cccccc;
                }

                &.is-active::before{
                    background: #82c91e;
                }

                &:focus-visible{
                    outline: 2px solid #528c00;
                    outline-offset: 2px;
                }
            }
        }
    }
}