.carousel-container{width:100%;container-type:inline-size}@keyframes carousel-scroll-ltr{0%{transform:translateX(calc(-50% + var(--overflow-size)))}to{transform:translateX(calc(-50% - var(--overflow-size)))}}@keyframes carousel-scroll-rtl{0%{transform:translateX(calc(-50% - var(--overflow-size)))}to{transform:translateX(calc(-50% + var(--overflow-size)))}}.scrolling-image-carousel{width:100vw;height:clamp(20rem,17.4432rem + 11.3636vw,26.25rem);margin-inline:calc(50% - 50vw);position:relative;overflow-x:clip;& .images{column-gap:var(--space-l);height:100%;display:flex;position:absolute;left:50%;transform:translate(-50%);@supports (animation-timeline:view()){--overflow-size:calc(((100% - 100cqw) / 2));animation-name:carousel-scroll-ltr;animation-timing-function:linear;animation-timeline:view();animation-range:cover}}&[data-dir=right] .images{animation-name:carousel-scroll-rtl}& img{aspect-ratio:9/10;object-fit:cover;width:auto;height:100%;box-shadow:var(--image-drop-shadow);background-color:#e3e3e3;border-radius:24px;display:block}}