.carousel{display:flex;align-items:center;gap:16px;margin-bottom:32px;margin-top:40px}.carousel__viewport{flex:1;overflow:hidden;container-type:inline-size}.carousel__track{display:flex;gap:16px;cursor:grab;-webkit-user-select:none;user-select:none;--step: calc((100cqw - 32px) / 3 + 16px);transform:translate(calc(var(--slide-offset, 0) * var(--step) * -1 + var(--drag-offset, 0px)))}.carousel__track:active{cursor:grabbing}.carousel__slide{border-radius:15px;overflow:hidden;height:200px;border:1px solid rgba(217,200,176,.1);flex:0 0 calc((100cqw - 32px) / 3)}.carousel__slide img{width:100%;height:100%;object-fit:cover}.carousel__arrow{background:none;border:none;cursor:pointer;padding:8px;flex-shrink:0;transition:opacity .2s}.carousel__arrow:disabled{opacity:.25;cursor:default}@media(max-width:900px){.carousel__slide{flex:0 0 100cqw}.carousel__track{--step: calc(100cqw + 16px) }}