.embla-gallery{--embla-thumb-size: 6.4rem;--embla-thumb-gap: .8rem;display:grid;grid-template-areas:"main" "thumbs";gap:1rem}@media screen and (min-width:990px){.embla-gallery{grid-template-areas:"thumbs main";grid-template-columns:var(--embla-thumb-size) minmax(0,1fr);gap:1.2rem;align-items:start}.embla-gallery--single{grid-template-areas:"main";grid-template-columns:minmax(0,1fr)}}.embla-gallery__main{grid-area:main;position:relative;min-width:0}@media screen and (max-width:749px){.embla-gallery__main{margin-inline:-2.5rem}}.embla-gallery__viewport{overflow:hidden}.embla-gallery:not(.is-ready) .embla-gallery__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.embla-gallery:not(.is-ready) .embla-gallery__viewport::-webkit-scrollbar{display:none}.embla-gallery__container{--embla-slide-gap: 2rem;display:flex;margin-left:calc(var(--embla-slide-gap) * -1);padding:0;touch-action:pan-y pinch-zoom;will-change:transform;backface-visibility:hidden}.embla-gallery__slide{flex:0 0 100%;min-width:0;padding-left:var(--embla-slide-gap);scroll-snap-align:start;transform:translateZ(0)}.embla-gallery__slide .product-media-container,.embla-gallery__slide .product-media-container.constrain-height.media-fit-contain{--aspect-ratio: 1;width:100%}.embla-gallery__slide .product-media-container.constrain-height .media{padding-top:var(--ratio-percent)}.embla-gallery__slide .product-media-container,.embla-gallery__slide .product-media-container .media{background-color:#f3f3f3}.embla-gallery__slide .product-media-container .media>img{object-fit:contain}.embla-gallery__nav{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:none;border-radius:50%;background-color:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));cursor:pointer;opacity:0;translate:0 -50%;transition:opacity var(--duration-short) ease,background-color var(--duration-short) ease}.embla-gallery__nav svg{width:1.2rem;height:1.2rem}.embla-gallery__nav--prev{inset-inline-start:1.2rem}.embla-gallery__nav--prev svg{rotate:90deg}.embla-gallery__nav--next{inset-inline-end:1.2rem}.embla-gallery__nav--next svg{rotate:-90deg}.embla-gallery__main:hover .embla-gallery__nav:not(:disabled),.embla-gallery__nav:focus-visible:not(:disabled){opacity:1}.embla-gallery__nav:hover{background-color:rgb(var(--color-background))}.embla-gallery__nav:disabled{opacity:0;pointer-events:none}.embla-gallery--single .embla-gallery__nav{display:none}@media(hover:none){.embla-gallery__nav{display:none}}.embla-gallery__thumbs{grid-area:thumbs;min-width:0}@media screen and (max-width:989px){.embla-gallery__thumbs{--embla-thumb-size: 4.8rem;max-width:calc(var(--embla-thumb-size) * 5 + var(--embla-thumb-gap) * 4);margin-inline:auto}}.embla-gallery__thumbs-viewport{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.embla-gallery__thumbs-viewport::-webkit-scrollbar{display:none}.embla-gallery__thumbs-container{display:flex;gap:var(--embla-thumb-gap);justify-content:safe center}.embla-gallery__thumb{flex:0 0 var(--embla-thumb-size);width:var(--embla-thumb-size);height:var(--embla-thumb-size);padding:0;border:.1rem solid rgba(var(--color-foreground),.08);background:none;cursor:pointer;opacity:.5;overflow:hidden;transition:opacity var(--duration-short) ease,border-color var(--duration-short) ease}.embla-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.embla-gallery__thumb:hover{opacity:.85}.embla-gallery__thumb[aria-current]{border-color:rgb(var(--color-foreground));opacity:1}.embla-gallery__thumb:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;opacity:1}@media screen and (min-width:990px){.embla-gallery__thumbs-viewport{max-height:calc(var(--embla-thumb-size) * 5 + var(--embla-thumb-gap) * 4);overflow-x:hidden;overflow-y:auto}.embla-gallery__thumbs-container{flex-direction:column;justify-content:flex-start}.embla-gallery__thumb{flex:0 0 var(--embla-thumb-size);width:100%}}@media(prefers-reduced-motion:reduce){.embla-gallery__nav,.embla-gallery__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-embla-gallery.css.map */
