.sm-carousel{
position: relative;
margin: 0;
padding: 0; --sm-carousel-gap: 24px;
--sm-carousel-btn-bg: var(--sm-brand, #2563eb);
--sm-carousel-btn-color: var(--sm-on-brand, #fff);
--sm-carousel-btn-bg-hover: var(--sm-brand-alt, var(--sm-brand, #2563eb));
--sm-carousel-btn-color-hover: var(--sm-on-brand, #fff);
--sm-carousel-btn-bg-disabled: var(--sm-surface-subtle, #f1f5f9);
--sm-carousel-btn-color-disabled: var(--sm-muted, #64748b);
}  .sm-carousel__controls{
display: flex;
gap: 12px;
justify-content: flex-end;
align-items: center;
margin: 0 0 12px 0; } .sm-carousel--controls-overlay .sm-carousel__controls{
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
margin: 0; } @media (max-width: 544px){
.sm-carousel--controls-bottom-mobile .sm-carousel__controls{
position: static;
margin: 8px 0 0 0;
justify-content: center;
}
}  .sm-carousel__viewport{
overflow: hidden;
margin: 0;
padding: 0;
touch-action: pan-y; -webkit-tap-highlight-color: transparent;
}
.sm-carousel__track{
display: flex;
gap: var(--sm-carousel-gap);
margin: 0;
padding: 0;
will-change: transform;
transform: translate3d(0,0,0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}  .sm-carousel__slide{
flex: 0 0 100%;
max-width: 100%;
box-sizing: border-box;
} .sm-carousel__slide img{
display: block;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translateZ(0);
will-change: transform;
} @media (max-width: 544px){
.sm-carousel--controls-bottom-mobile{
display: flex;
flex-direction: column; }
.sm-carousel--controls-bottom-mobile .sm-carousel__viewport{
order: 1;
}
.sm-carousel--controls-bottom-mobile .sm-carousel__controls{
order: 2;
position: static; margin: 12px 0 0 0;
justify-content: center;
} .sm-carousel--controls-bottom-mobile.sm-carousel--controls-overlay .sm-carousel__controls{
position: static;
top: auto; right: auto;
}
}