.embla{--slide-height: 19rem;--slide-spacing: var(--spacing-grid-mobile);--slide-size: 100%;--slide-columns: var(--slides-mobile, 1);--bullet-size: calc((var(--grid-desktop-vertical-spacing) * 2) - var(--global-spacing-small));margin:auto;position:relative;display:block}.embla .slideshow__loader{opacity:0;z-index:2;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgb(var(--color-white));pointer-events:none;transition:opacity var(--duration-default) ease-in-out}.embla .slideshow__loader svg{width:5rem;height:5rem;position:relative}.embla .slideshow__loader svg .path{stroke:rgb(var(--color-black))}.embla .slideshow__loader.slideshow__loader--visible{opacity:1;pointer-events:all}.embla .embla__controls{opacity:0;transition:opacity var(--duration-long) ease-in-out}.embla.embla--loaded .embla__controls{opacity:1}.embla__viewport{overflow:hidden}.embla .embla__viewport>ul{display:flex;flex-wrap:nowrap;align-items:stretch;padding:0;margin:0;list-style:none}.embla .embla__viewport>ul>li{flex-shrink:0;height:auto}body .embla .embla__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.embla__slide{transform:translateZ(0);flex:0 0 calc(100% / var(--slide-columns, 1));min-width:0;padding-left:var(--slide-spacing)}@media screen and (min-width: 750px){.embla{--slide-columns: var(--slides-tablet);--slide-spacing: var(--spacing-grid-desktop)}}@media screen and (min-width: 990px){.embla{--slide-columns: var(--slides-desktop)}}.embla__button{opacity:1;position:absolute;top:50%;transform:scale(1) translateY(-50%);width:var(--arrow-button-size);height:var(--arrow-button-size);padding:0;border-radius:50%;background-color:transparent;border:none;outline:none;box-shadow:none;cursor:pointer;transition:transform var(--duration-short) ease-in-out,opacity var(--duration-short) ease-in-out}.product-complementary--horizontal embla-carousel .embla__controls svg path{fill:#000}.embla.embla--white-arrows .embla__button{background-color:transparent}.embla__button[disabled]{opacity:0;cursor:default;pointer-events:none}.embla__button:hover{opacity:1;transform:scale(1.05) translateY(-48.5%)}.embla__button.embla__button--prev{left:var(--global-spacing-xsmall)}.embla__button.embla__button--prev svg{transform:rotate(-180deg) translate(50%,50%);position:absolute;top:50%;left:50%}.embla__button.embla__button--next{right:var(--global-spacing-xsmall)}.embla__button.embla__button--next svg{transform:rotate(0) translate(-50%,-50%);position:absolute;top:50%;left:50%}.embla__button svg{width:var(--arrow-size);height:var(--arrow-size)}.embla__button svg path{fill:rgb(var(--color-white))}.embla.embla--white-arrows .embla__button svg path{fill:rgb(var(--color-black))}@media (max-width: 749px){.embla__button{display:none}}@media (min-width: 990px){.embla__button.embla__button--prev{left:calc((var(--arrow-button-size) / 2) * -1)}.embla__button.embla__button--next{right:calc((var(--arrow-button-size) / 2) * -1)}.page-width.page-width--full-bleed .embla__button.embla__button--prev{left:var(--grid-desktop-vertical-spacing)}.page-width.page-width--full-bleed .embla__button.embla__button--next{right:var(--grid-desktop-vertical-spacing)}}.embla__dots{width:100%;display:flex;justify-content:center;-webkit-user-select:none;user-select:none;padding-top:calc(var(--bullet-size) * 1.5);position:relative;z-index:2}.embla__dots button{background-color:transparent;opacity:.32;margin-top:-1.2rem;margin-bottom:-1.2rem;width:var(--bullet-size);height:var(--bullet-size);padding:0;border-radius:50%;line-height:0;cursor:pointer;border:none;position:relative;transform:scale(1);transition:transform var(--duration-short) ease-in-out,opacity var(--duration-short) ease-in-out}.embla__dots button:after{content:"";background-color:rgb(var(--color-black));width:calc(var(--bullet-size) / 4);height:calc(var(--bullet-size) / 4);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);border-radius:50%}.embla__dots button:hover:after{transform:translate(-50%,-50%) scale(1.25)}.embla__dots button:hover{transform:scale(1.25)}.embla__dots button.embla__dot--selected,.embla__dots button:hover,.embla__dots button:focus{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/24/assets/p80-embla-carousel.css.map */