.lumyn-product-hero__media{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.lumyn-product-hero__main-image{position:relative;border-radius:4px;border:1px solid rgba(255,255,255,.15);overflow:hidden;background:transparent;align-self:stretch;width:100%;max-width:100%;margin-inline:auto;display:flex;justify-content:center;align-items:flex-start}.lumyn-product-hero__main-image img,.lumyn-product-hero__main-image video,.lumyn-product-hero__main-image model-viewer{width:auto;max-width:100%;height:auto;object-fit:contain;display:block;outline:1px solid var(--lumyn-image-outline);outline-offset:-1px}.lumyn-product-hero__main-image .placeholder-svg{width:100%;height:100%}.lumyn-product-hero__media-store{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}.lumyn-product-hero__thumbs-wrapper{position:relative;display:flex;align-items:center;align-self:stretch;width:100%;gap:.5rem}.lumyn-product-hero__thumbs-container{position:relative;overflow:hidden;flex:1;min-width:0}.lumyn-product-hero__thumbs{display:flex;gap:var(--gallery-gap);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:2px}.lumyn-product-hero__thumbs::-webkit-scrollbar{display:none}.lumyn-product-hero__thumb{flex:0 0 auto;width:calc(var(--gallery-thumb-size) * 1.33);height:var(--gallery-thumb-size);aspect-ratio:4 / 3;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.15);transition:border-color .2s ease;background:transparent;position:relative;padding:0}.lumyn-product-hero__thumb:hover{border-color:#ffffff59}.lumyn-product-hero__thumb.is-active{border-color:var(--lumyn-primary, #ff3dec)}.lumyn-product-hero__thumb img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;background:transparent;min-width:100%;min-height:100%;transform:none;outline:1px solid var(--lumyn-image-outline);outline-offset:-1px}.lumyn-product-hero__thumb:hover img,.lumyn-product-hero__thumb.is-active img{transform:none}.lumyn-product-hero__thumb-video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;pointer-events:none;background:#0000008c;padding:.35rem;border-radius:0;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center}.lumyn-product-hero__thumb-video-icon svg{width:.85rem;height:.85rem;fill:currentColor}.lumyn-product-hero__thumb-nav{position:relative;flex-shrink:0;width:40px;height:40px;border-radius:4px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--lumyn-on-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease,background-color .2s ease,transform .2s ease}.lumyn-product-hero__thumb-nav:active:not(:disabled){transform:scale(.96)}.lumyn-product-hero__thumb-nav:hover:not(:disabled){border-color:#ffffff59;background:#ffffff0d;color:var(--lumyn-on-surface)}.lumyn-product-hero__thumb-nav:disabled,.lumyn-product-hero__thumb-nav[aria-disabled=true]{opacity:.35;cursor:default}.lumyn-product-hero__thumb-nav .svg-wrapper{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.lumyn-product-hero__thumb-nav--prev .svg-wrapper{transform:rotate(90deg)}.lumyn-product-hero__thumb-nav--next .svg-wrapper{transform:rotate(-90deg)}.lumyn-product-hero__thumbs-wrapper[data-scroll-hidden=true] .lumyn-product-hero__thumb-nav{display:none}@media screen and (min-width:990px){.lumyn-product-hero__thumb{width:80px;height:60px}}@media screen and (min-width:750px)and (max-width:989px){.lumyn-product-hero__thumb{width:75px;height:56px}}@media screen and (max-width:749px){.lumyn-product-hero__thumbs{--visible-thumbs: 3}.lumyn-product-hero__thumb{width:69px;height:52px}.lumyn-product-hero__thumb-nav{width:40px;height:40px}}@media screen and (max-width:989px){.lumyn-product-hero__media{align-self:stretch}.lumyn-product-hero__main-image img,.lumyn-product-hero__main-image video,.lumyn-product-hero__main-image model-viewer{max-height:min(52vh,480px)}}@media(prefers-reduced-motion:reduce){.lumyn-product-hero__thumb-nav:active:not(:disabled){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/lumyn-product-media.css.map */