.redigeo-carousel-wrapper {
position: relative;
overflow: hidden;
width: 100%;
}
.redigeo-carousel-wrapper.full-width {
width: 100vw;
margin-left: calc(50% - 50vw);
}
.redigeo-carousel-wrapper.content-width {
max-width: 100%;
}
.redigeo-carousel-track {
display: flex;
gap: 30px;
will-change: transform;
}
.redigeo-carousel-track.paused {
animation-play-state: paused !important;
}
.redigeo-carousel-slide {
flex-shrink: 0;
}
.redigeo-carousel-slide img {
display: block;
object-fit: cover;
user-select: none;
pointer-events: none;
}
.redigeo-carousel-fade-left,
.redigeo-carousel-fade-right {
position: absolute;
top: 0;
bottom: 0;
width: 250px;
pointer-events: none;
z-index: 10;
}
.redigeo-carousel-fade-left {
left: 0;
background: linear-gradient(to right, 
rgba(255, 255, 255, 1) 0%, 
rgba(255, 255, 255, 0.8) 30%,
rgba(255, 255, 255, 0) 100%);
}
.redigeo-carousel-fade-right {
right: 0;
background: linear-gradient(to left, 
rgba(255, 255, 255, 1) 0%, 
rgba(255, 255, 255, 0.8) 30%,
rgba(255, 255, 255, 0) 100%);
} .redigeo-carousel-wrapper[style*="--carousel-bg"] .redigeo-carousel-fade-left {
background: linear-gradient(to right, 
var(--carousel-bg-color) 0%, 
var(--carousel-bg-fade-70) 30%,
transparent 100%);
}
.redigeo-carousel-wrapper[style*="--carousel-bg"] .redigeo-carousel-fade-right {
background: linear-gradient(to left, 
var(--carousel-bg-color) 0%, 
var(--carousel-bg-fade-70) 30%,
transparent 100%);
} @media (max-width: 768px) {
.redigeo-carousel-fade-left,
.redigeo-carousel-fade-right {
width: 60px;
}
}
@media (prefers-reduced-motion: reduce) {
.redigeo-carousel-track {
animation: none !important;
}
}