﻿.blaze-slider {
    --slides-to-show: 1;
    --slide-gap: 20px;
    direction: ltr;
}

.blaze-container {
    position: relative;
}

.blaze-track-container {
    overflow: hidden;
}

.blaze-track {
    --slide-width: calc((100% - (var(--slides-to-show) - 1)*var(--slide-gap))/var(--slides-to-show));
    box-sizing: border-box;
    display: flex;
    gap: var(--slide-gap);
    touch-action: pan-y;
    will-change: transform;
}

    .blaze-track > * {
        box-sizing: border-box;
        flex-shrink: 0;
        width: var(--slide-width);
    }

.blaze-pagination {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 15px;
}

    .blaze-pagination button {
        background: var(--primary);
        border: none;
        border-radius: 100%;
        box-shadow: 0 0 0 2px transparent;
        cursor: pointer;
        font-size: 0;
        height: 8px;
        margin: 2px 0;
        outline: none;
        padding: 0 !important;
        transition: transform .2s ease, background-color .3s ease, box-shadow .3s ease;
        width: 8px;
    }

        .blaze-pagination button.active {
            background-color: transparent;
            box-shadow: 0 0 0 2px var(--primary);
        }
