.sm-gut-carousel{
position: relative; --sm-gut-gap: 16px;
--sm-gut-cols-d: 1;
--sm-gut-cols-t: 1;
--sm-gut-cols-m: 1;
--sm-gut-nav-h: 48px;
--sm-gut-frame-pad: 12px;
--sm-gut-card-radius: 12px; --sm-gut-nav-bg:             #025BD6;
--sm-gut-nav-color:          #FFFFFF;
--sm-gut-nav-bg-hover:       #034FB8;
--sm-gut-nav-color-hover:    #FFFFFF;
--sm-gut-nav-bg-disabled:    #ECF2F8;
--sm-gut-nav-color-disabled: #7E8AA3; padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0;
} .sm-gut-carousel .sm-gut-carousel__track{ --wp--style--block-gap: 0 !important;
box-sizing: border-box;
display: flex;
align-items: stretch; gap: var(--sm-gut-gap);
border-radius: 20px; overflow-x: auto;
overflow-y: visible;
-webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory;
scroll-behavior: smooth;
touch-action: pan-x; padding-top: var(--sm-gut-frame-pad);
padding-bottom: var(--sm-gut-frame-pad);
}
.sm-gut-carousel .sm-gut-carousel__track::-webkit-scrollbar{ height: 6px; } .sm-gut-carousel .sm-gut-carousel__track.is-layout-flow > *{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.sm-gut-carousel .sm-gut-carousel__track.wp-block-group-is-layout-flow > *{
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}
.sm-gut-carousel .sm-gut-carousel__track > .sm-gut-carousel__slide{
margin: 0 !important;
} .sm-gut-carousel .sm-gut-carousel__slide{
box-sizing: border-box;
display: flex;
flex-direction: column;
min-width: 0; height: 100%; flex: 0 0 calc(
(100% - (var(--sm-gut-gap) * (var(--sm-gut-cols-d) - 1)))
/ var(--sm-gut-cols-d)
);
border-radius: var(--sm-gut-card-radius);
overflow: hidden;
background-clip: padding-box;
scroll-snap-align: start;
scroll-snap-stop: always;
} @media (max-width: 921px){
.sm-gut-carousel .sm-gut-carousel__slide{
flex-basis: calc(
(100% - (var(--sm-gut-gap) * (var(--sm-gut-cols-t) - 1)))
/ var(--sm-gut-cols-t)
);
}
} @media (max-width: 544px){
.sm-gut-carousel .sm-gut-carousel__slide{
flex-basis: calc(
(100% - (var(--sm-gut-gap) * (var(--sm-gut-cols-m) - 1)))
/ var(--sm-gut-cols-m)
);
}
} .sm-gut-carousel .sm-gut-carousel__slide > *:first-child { margin-top: 0; }
.sm-gut-carousel .sm-gut-carousel__slide > *:last-child  { margin-bottom: 0; } .sm-gut-carousel .sm-gut-car-nav{
display: flex;
gap: 8px;
justify-content: center;
align-items: center;
margin-top: 12px;
flex-wrap: nowrap;
white-space: nowrap;
z-index: 3;
} .sm-gut-carousel .sm-gut-car-btn{
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
line-height: 0;
border-radius: 9999px;
border: 1px solid var(--sm-border, #E5EAF0);
background: var(--sm-gut-nav-bg);
color: var(--sm-gut-nav-color);
user-select: none;
padding: 0;
}
.sm-gut-carousel .sm-gut-car-btn:not([disabled]){ cursor: pointer; }
.sm-gut-carousel .sm-gut-car-btn[disabled]{
background: var(--sm-gut-nav-bg-disabled);
color: var(--sm-gut-nav-color-disabled);
cursor: default;
}
.sm-gut-carousel .sm-gut-car-btn:not([disabled]):hover{
background: var(--sm-gut-nav-bg-hover);
color: var(--sm-gut-nav-color-hover);
}
.sm-gut-carousel .sm-gut-car-btn svg{
display: block;
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.sm-gut-carousel .sm-gut-car-prev svg{ transform: rotate(180deg); } @media (min-width: 545px){
.sm-gut-carousel{ padding-top: calc(var(--sm-gut-nav-h) + var(--sm-gut-frame-pad));
}
.sm-gut-carousel .sm-gut-car-nav{
position: absolute;
top: 0; right: 0;
margin-top: 0;
justify-content: flex-end;
}
} .sm-gut-carousel.sm-gut--d3{ --sm-gut-cols-d: 3; }
@media (max-width: 921px){
.sm-gut-carousel.sm-gut--t2{ --sm-gut-cols-t: 2; }
}
@media (max-width: 544px){
.sm-gut-carousel.sm-gut--m2{ --sm-gut-cols-m: 2; }
}