/*
    Base-CSS für den Slider der
    (c) dawesys GmbH

 */

.dws-slider {
    --dws-visible: 3;
    position: relative;
    width: 100%;
}

.dws-slider-viewport {
    overflow: hidden;
    width: 100%;
    touch-action: pan-y;
}

.dws-slider-track {
    display: flex;
    transition:
        transform .35s ease;
    will-change: transform;
}

.dws-slide {
    flex: 0 0 calc(100% / var(--dws-visible));
    box-sizing: border-box;
}

/*
   Controls
*/

.dws-slider .dws-slider-controls {
    margin: 3rem 0;
}

.dws-slider .dws-slider-prev,
.dws-slider .dws-slider-next {
    background-color: grey;
}

.dws-slider button:disabled {
    opacity: .25;
    pointer-events: none;
}

/*
   Tastatur-Fokus sichtbar machen
*/

.dws-slider:focus {
    outline: none;
}

.dws-slider:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}