.wd-carousel-container {
--wd-width: 100%;
position:relative;
width:var(--wd-width)}
.wd-carousel-inner {
position:relative;
margin:-15px 0}
.wd-carousel {
position:relative;
overflow:var(--wd-carousel-overflow, hidden);
padding:15px 0;
margin-inline:calc(var(--wd-gap) / -2);
touch-action:pan-y}
@supports (overflow: clip) {
.wd-carousel {
overflow:var(--wd-carousel-overflow, clip)}
}

.wd-carousel-wrap {
    position:relative;
    width:100%;
    height:100%;
    gap:20px;
    z-index:1;
    display:flex;
    transition-property:transform;
    transition-timing-function:initial;
    box-sizing:content-box;
    transform:translate3d(0px, 0, 0);
    }

.wd-carousel-item {
position:relative;
height:100%;
flex:0 0 calc(100% / var(--wd-col));
max-width:calc(100% / var(--wd-col));
padding:0 calc(var(--wd-gap) / 2);
transition-property:transform;
transform:translate3d(0px, 0, 0)}
.wd-backface-hidden .wd-carousel-item {
transform:translateZ(0);
backface-visibility:hidden}
.wd-carousel[data-center_mode="yes"] .wd-carousel-wrap:not([style]) {
transform:translate3d(calc(50% - (100% / var(--wd-col)) / 2), 0, 0)}
.wd-autoheight,.wd-autoheight .wd-carousel-item {
height:auto}
.wd-autoheight .wd-carousel-wrap {
align-items:flex-start;
transition-property:transform, height}
@media (min-width: 1025px) {
.wd-carousel-container:not(.wd-off-lg) [style*="col-lg:1;
"]:not(.wd-initialized)>.wd-carousel-wrap>.wd-carousel-item:nth-child(n+2) {
display:none}
}
@media (max-width: 768.98px) {
.wd-carousel-container:not(.wd-off-sm) [style*="col-sm:1;
"]:not(.wd-initialized)>.wd-carousel-wrap>.wd-carousel-item:nth-child(n+2) {
display:none}
}
@media (min-width: 769px) and (max-width: 1024px) {
.wd-carousel-container:not(.wd-off-md) [style*="col-md:1;
"]:not(.wd-initialized)>.wd-carousel-wrap>.wd-carousel-item:nth-child(n+2) {
display:none}
}