.swiffy-slider {
    .slider-container {
        grid-gap: var(--wp--custom--block-gap);
    }

    &.type--cards,
    &.type--team,
    &.type--timeline {
        .slider-nav {
            display: none !important;
        }
    }

    &.slider-nav-autohide {
        &.slider-item-first-visible {
            .slider-nav:not(.slider-nav-next) {
                visibility: visible !important;
                opacity: 0.25;
                pointer-events: none;
            }
        }
        &.slider-item-last-visible {
            .slider-nav.slider-nav-next {
                visibility: visible !important;
                opacity: 0.25;
                pointer-events: none;
            }
        }
    }

    /* Variant - Logos */
    &.type--logos {
        padding-left: 60px;
        padding-right: 60px;

        figure.wp-block-image {
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }

    /* Swiffy variant - Timeline */
    &.type--timeline {
        
        .slider-container {
            &:after {
                width: 100%;
                height: 1px;
                background-color: white;
                content: "";
                position: absolute;
                bottom: 7.5px;
                left: 0px;
                z-index: 5;
            }
        }

        &:hover {
            .card {
                opacity: 0.5;

                &:hover {
                    opacity: 1;
                }
            }
        }

        .timeline-slide {
            position: relative;
            margin-bottom: 15px;

            .card {
                transition: opacity 0.25s ease-in-out;
            }

            &:after {
                width: 15px;
                height: 15px;
                background-color: var(--wp--preset--color--tertiary);
                border-radius: 50%;
                content: "";
                position: absolute;
                bottom: -7.5px;
                left: 0px;
                opacity: 0;
                z-index: 10;
            }

            &.active {
                &:after {
                    opacity: 1;
                }
            }
        }
    }
}
.slider-nav-square {
    .slider-nav {
        left: 0;

        &::before {
            display: none;
        }

        &::after {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: transparent !important;
            color: var(--wp--preset--color--primary);
            border: 2px solid var(--wp--preset--color--primary);
        }
    }
}