.cmp-slide-loop {
    --loop-item-width: 280px;
    --loop-item-height: 160px;
    --loop-gap: 37px;
	--loop-gap-top: 20px;
    --loop-time: 28s;
    --loop-distance: 0px;

    overflow: hidden;
    position: relative;
    width: 100%;
}

.cmp-slide-loop + .cmp-slide-loop {
	margin-top: var(--loop-gap-top);
}

.cmp-slide-loop .cmp-loop-track {
    display: flex;
    width: max-content;
    gap: var(--loop-gap);
    will-change: transform;
}

.cmp-slide-loop .cmp-loop-list {
    display: flex;
    flex-shrink: 0;
    gap: var(--loop-gap);
}

.cmp-slide-loop .cmp-loop-slide {
	display: flex;
    width: var(--loop-item-width);
    height: var(--loop-item-height);
    flex: 0 0 var(--loop-item-width);
	background: #fff;
}

.cmp-slide-loop.is-ready.dir-left .cmp-loop-track {
    animation: cmpSlideLoopLeft var(--loop-time) linear infinite;
}

.cmp-slide-loop.is-ready.dir-right .cmp-loop-track {
    animation: cmpSlideLoopRight var(--loop-time) linear infinite;
}

@keyframes cmpSlideLoopLeft {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(calc(var(--loop-distance) * -1), 0, 0);
    }
}

@keyframes cmpSlideLoopRight {
    from {
        transform: translate3d(calc(var(--loop-distance) * -1), 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.cmp-slide-loop .cmp-loop-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    line-height: 1.4;
    letter-spacing: -.5px;
}

.cmp-slide-loop .cmp-loop-text {
    font-size: 18px;
    color: #000;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.cmp-slide-loop .cmp-loop-name {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: #5946e8;
}