/* DOTS */

.checkerboard-slider-corail {
    .product-image {
        img {
            max-height: 75vh;
        }

        .slick-dots {
            @apply flex !important;
            @apply outline-none text-transparent flex-row justify-center items-center mt-8;
            display: flex !important;

            li {
                @apply mx-1;

                button {
                    @apply outline-none;

                    &:before {
                        @apply rounded-full bg-secondary block;
                        content: '';
                        min-width: 10px;
                        width: 10px;
                        height: 10px;
                        min-height: 10px;
                    }
                }

                &.slick-active {
                    button {
                        &:before {
                            @apply bg-secondary-700;
                        }
                    }
                }
            }
        }
    }

    .slick-list {
        @apply h-full !important;
    }

    .slick-track {
        @apply flex !important;
        @apply h-full !important;

    }

    .slick-slide {
        height: inherit !important;
    }
}