.slider{width:100%;display:flex;position:relative}.slider__viewport{overflow:hidden}.slider__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing, 1rem) * -1)}.slider__slide{flex:0 0 var(--slide-size);transform:translateZ(0);min-width:0;padding-left:var(--slide-spacing,1rem)}.slider__dots{display:flex;height:.5rem;list-style-type:none;overflow:hidden;border-radius:.75rem;background-color:rgb(15 23 42/var(--tw-bg-opacity,1));--tw-bg-opacity:0.3;width:360px;max-width:calc(100% - 8rem);& .slider__dot{flex:1 1 0%;cursor:pointer;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1));--tw-bg-opacity:0;transition:background-color .2s ease-in-out}&:has(.slider__dot:hover) .slider__dot{--tw-bg-opacity:0.45}&:has(.slider__dot:hover) .slider__dot{&:hover~.slider__dot{--tw-bg-opacity:0}}&:has(.slider__dot.slider__dot--selected) .slider__dot{--tw-bg-opacity:1}&:has(.slider__dot.slider__dot--selected) .slider__dot{&.slider__dot--selected~.slider__dot{--tw-bg-opacity:0}}}.slider__button{display:flex;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;font-size:1.5rem;line-height:2rem;border-width:4px;--tw-border-opacity:1;border-color:rgb(217 230 239/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(195 217 232/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:.6}.slider__button:hover{--tw-border-opacity:1;border-color:rgb(195 217 232/var(--tw-border-opacity,1));opacity:1}.slider__button{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.product-slider{flex-direction:column;gap:1rem;margin:auto;--slide-spacing:1rem;--slide-size:360px;--slide-max-size:80vw}.product-slider .slider__slide{max-width:var(--slide-max-size)}.product-slider__buttons{width:100%;display:flex;gap:.6rem;align-items:center;justify-content:center}