:root{--carousel-control-width: clamp(2rem, 7vw, 3rem)}.carousel{display:flex;flex-direction:column;gap:2rem}.carousel__upper-row{display:grid;grid-template:"carousel-controls-prev carousel-inner carousel-controls-next" auto/var(--carousel-control-width) auto var(--carousel-control-width)}.carousel-view-window{grid-area:carousel-inner;grid-column-start:carousel-controls-prev;grid-column-end:carousel-controls-next}.carousel-inner{position:relative;display:flex;scroll-behavior:smooth;scrollbar-width:none}.carousel-inner::-webkit-scrollbar{display:none}.carousel-inner:not([data-carousel-direction=block]){overflow-x:scroll;scroll-snap-type:x mandatory;min-inline-size:100%}.carousel-inner:not([data-carousel-direction=block]) .carousel-item{min-inline-size:100%}.carousel-inner[data-carousel-direction=block]{flex-direction:column;overflow-y:scroll;scroll-snap-type:y mandatory;min-block-size:100%}.carousel-inner[data-carousel-direction=block] .carousel-item{min-block-size:100%;min-inline-size:100%}.carousel-item{scroll-snap-align:center;backface-visibility:hidden;padding-inline:var(--carousel-control-width)}.carousel--full-width .carousel-item{padding-inline:0}