.carousel-wrapper .carousel-item{flex:0 0 calc(100% - 2 * var(--peek));scroll-snap-align:center;height:auto;display:flex;align-items:center;justify-content:center;gap:var(--card-product-spacing-space-between)}.carousel-wrapper .carousel-item:first-child{margin-left:var(--side-padding)}.carousel-wrapper .carousel-item:last-child{margin-right:var(--side-padding)}@media only screen and (min-width: 768px){.carousel-wrapper.carousel-item-centered{--carousel-item-centered: calc( 50vw - (var(--wide-container-width) / 4) )}.carousel-wrapper.carousel-item-centered .carousel .carousel-item:first-child{margin-left:calc(var(--carousel-item-centered))}.carousel-wrapper.carousel-item-centered .carousel .carousel-item:last-child{margin-right:calc(var(--carousel-item-centered))}.carousel-wrapper.carousel-item-centered .carousel .carousel-item:only-child{margin-inline:auto}}.carousel-wrapper{overflow:hidden;position:relative;width:100%;margin:auto;padding:0;box-sizing:border-box}.carousel-wrapper .carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:16px;-webkit-overflow-scrolling:touch;cursor:grab}.carousel-wrapper .carousel-item-wrapper{position:relative}.carousel-wrapper .carousel-navigation{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);z-index:2;pointer-events:none;display:flex;width:100%;max-width:var(--wide-container-width)}.carousel-wrapper .carousel .card:hover{box-shadow:var(--box-shadow-none)}.carousel-wrapper .carousel::-webkit-scrollbar{display:none}.carousel-wrapper .nav{display:none;cursor:pointer;pointer-events:initial;text-decoration:none;border-radius:50%;aspect-ratio:1;width:var(--carousel-nav-size, 48px);background-color:var(--color-neutral-white);justify-content:center;align-items:center;border:1px solid var(--color-neutral-300);box-shadow:var(--box-shadow-1)}.carousel-wrapper .nav.next{margin-left:auto;transform:translate(50%)}.carousel-wrapper .nav.next svg{transform:rotate(180deg)}.carousel-wrapper .nav.prev{transform:translate(-50%)}.carousel-wrapper .nav i{color:var(--text-primary);font-size:24px}.carousel-wrapper .nav .svg-icon path{fill:#000!important}.carousel-wrapper:hover .nav:not(.unavailable){display:flex}.carousel-wrapper.carousel-use-drag .nav{display:none!important}.carousel-wrapper .indicators{display:flex;justify-content:center;gap:var(--spacing-100);margin-top:var(--spacing-200);align-items:center}.carousel-wrapper .indicators:empty{display:none}.carousel-wrapper .indicators button{width:var(--pagination-size-default-h);height:var(--pagination-size-default-h);border-radius:999px;background-color:var(--color-neutral-400);border:none;transition:all .6s ease;padding:0}.carousel-wrapper .indicators button.active{width:var(--pagination-size-active-l);background-color:var(--container-brand)}.carousel-wrapper .indicators button.small{width:var(--pagination-size-small-h);height:var(--pagination-size-small-h)}.carousel-wrapper .indicators button.smaller{width:var(--pagination-size-mini-h);height:var(--pagination-size-mini-h)}.carousel-wrapper .indicators button.smallest{display:none}@media (max-width: 768px){.carousel-wrapper .nav{display:none!important}}@media only screen and (min-width: 1024px){.carousel-wrapper .carousel{gap:24px}.carousel-wrapper .indicators{margin-top:var(--spacing-300)}}
