.slider-panel {
    display: flex;
    overflow-x: hidden;
}

    .slider-panel.dragable {
        display: flex;
        overflow-x: scroll;
        user-select: none;
    }

        .slider-panel.dragable:active {
            cursor: grabbing;
        }

        .slider-panel.dragable::-webkit-scrollbar {
            display: none;
        }

.slider-panel-track {
    display: inline-flex;
    position: relative;
    min-width: 100%;
    width: max-content;
    overflow-x: auto;
    scrollbar-width: none;
}

.slider-control-panel {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
}

    .slider-control-panel img {
        cursor: pointer;
    }


@media (min-width: 576px) {

}

@media (max-width: 575px) {

}