.slider {
    position: relative;
    overflow: hidden;
}
.slider {
    width: 100%;
    max-width: 100%;
    contain: layout paint;
}
.slider {
    height: 30em;
}
@media screen and (max-width: 1024px) {
    .slider {
        height: 30em;
    }
}
.slider {
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}
.slider .track {
    display: flex;
}
.slider .track {
    width: 100%;
    max-width: none;
    height: 100%;
}
.slider .track {
    will-change: transform;
}
.slider .track {
    transition: transform 0.4s ease;
    cursor: grab;
}
.slider .track .item {
    flex: 0 0 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
}
.slider .track .item {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.slider .track .item {
    position: relative;
    overflow: hidden;
}
.slider .track .item img {
    display: block;
}
.slider .track .item img {
    width: 100%;
    height: 100%;
}
.slider .track .item img {
    object-fit: cover;
    object-position: center;
}
.slider .track .item img {
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}
.slider.is-dragging .track {
    transition: none;
    cursor: grabbing;
}
.slider.is-dragging {
    user-select: none;
}