slider-component{position:relative;display:block;display:grid;grid:'main' 'thumbs'}@media screen and (max-width: 989px){.no-js slider-component .slider{padding-bottom:3rem}}.slider__slide{scroll-snap-align:start;flex-shrink:0;margin:0;padding:0;border-radius:var(--border-radius)}.slider:not(.thumbs){border-radius:var(--border-radius)}.slider{grid-area:main}.slider.thumbs{grid-area:thumbs;width:calc(100% - var(--base-gutter--double));margin:0 auto}.slider.thumbs .slider__slide{padding:var(--base-gutter--half)}.slider .product__media{padding-top:100% !important}@media screen and (max-width: 749px){.slider.slider--mobile{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.slider.slider--mobile .slider__slide{margin-bottom:0;padding-bottom:0}}@media screen and (max-width: 989px){.slider.slider--tablet{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.slider.slider--tablet .slider__slide{margin-bottom:0;padding-bottom:0}}@media only screen and (min-width: 990px){.slider.slider--desktop{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.slider.slider--desktop .slider__slide{margin-bottom:0;padding-bottom:0}}.slider{scrollbar-color:RGB(var(--color-foreground)) RGBA(var(--color-foreground), 0.04);-ms-overflow-style:none;scrollbar-width:none;margin:0}.slider::-webkit-scrollbar{height:0.4rem;width:0.4rem;display:none}.no-js .slider{-ms-overflow-style:auto;scrollbar-width:auto}.no-js .slider::-webkit-scrollbar{display:initial}.slider::-webkit-scrollbar-thumb{background-color:RGB(var(--color-foreground));border-radius:0.4rem;border:0}.slider::-webkit-scrollbar-track{background:RGBA(var(--color-foreground), 0.04);border-radius:0.4rem}.slider-counter{margin:0 1.2rem;display:none}.slider-buttons{display:flex;align-items:center;justify-content:center;justify-content:space-between;width:100%;grid-area:thumbs}.slider-button{color:RGBA(var(--color-foreground), 0.75);background:transparent;border:none;cursor:pointer;width:var(--base-gutter);height:var(--base-gutter)}.slider-button .icon{height:0.6rem;height:20px;width:20px;color:var(--color--brand-light-blue)}.slider-button:not([disabled]):hover{color:RGB(var(--color-foreground))}.slider-button[disabled] .icon{color:RGBA(var(--color-foreground), 0.3)}.slider-button--next .icon{margin-right:-0.2rem;transform:rotate(-90deg) translateX(0.15rem)}.slider-button--prev .icon{margin-left:-0.2rem;transform:rotate(90deg) translateX(-0.15rem)}.slider-button--next:not([disabled]):hover .icon{transform:rotate(-90deg) translateX(0.15rem) scale(1.07)}.slider-button--prev:not([disabled]):hover .icon{transform:rotate(90deg) translateX(-0.15rem) scale(1.07)}.thumbs .grid__item{width:calc((100% / 3))}.thumbs .product__modal-opener--image .product__media-toggle:hover{cursor:pointer}.product__media{position:relative;aspect-ratio:1}.product__media img{width:100%;height:100%;object-fit:cover}@media only screen and (min-width: 750px){.product__media-item.grid__item{padding:0}}@media only screen and (min-width: 990px){.thumbs .grid__item{width:calc((100% / 4))}}.thumbs .product__media-toggle{position:relative;display:block;width:100%;height:auto;padding:0;line-height:0}.thumbs .product__media-toggle img{display:block;width:100%;height:auto}.thumbs .product__media-toggle img{aspect-ratio:1;object-fit:cover}