.mg{--mg-gap: 12px;--mg-thumb: 84px;--mg-radius: 14px;--mg-thumb-radius: 12px;--mg-ratio: 1 / 1;--mg-fit: cover;position:relative;display:grid;grid-template-columns:var(--mg-thumb) minmax(0,1fr);gap:var(--mg-gap);align-items:start;width:100%}.mg--single{grid-template-columns:minmax(0,1fr)}.mg__thumbs{position:relative;align-self:stretch;min-height:0}.mg__thumb-list{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.mg__thumb-list::-webkit-scrollbar{display:none}.mg__thumb-list>li{flex:0 0 auto;margin:0;padding:0;list-style:none}.mg__thumb{position:relative;display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:0;border-radius:var(--mg-thumb-radius);overflow:hidden;background:rgba(var(--color-foreground),.06);cursor:pointer}.mg__thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}.mg__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1.5px rgb(var(--color-foreground));opacity:0;transition:opacity .3s ease;pointer-events:none}.mg__thumb:hover:after{opacity:.35}.mg__thumb.is-active:after{opacity:1}.mg__play-badge{position:absolute;right:6px;bottom:6px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;pointer-events:none}.mg__play-badge svg{width:12px;height:12px;margin-left:1px}.mg__stage{position:relative;min-width:0;border-radius:var(--mg-radius);overflow:hidden;isolation:isolate;background:rgba(var(--color-foreground),.05)}.mg__track{display:flex;width:100%;margin:0;padding:0;list-style:none;aspect-ratio:var(--mg-ratio);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mg__track::-webkit-scrollbar{display:none}.mg__slide{position:relative;flex:0 0 100%;min-width:0;margin:0;padding:0;list-style:none;scroll-snap-align:center;scroll-snap-stop:always}.mg__slide .mg__image,.mg__slide img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.mg__slide video,.mg__slide iframe,.mg__slide .mg__video{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#000}.header-wrapper--border-bottom{border-bottom:0}.mg__arrow{position:absolute;top:50%;z-index:2;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:rgb(var(--color-foreground));box-shadow:0 1px 6px #0000001a;transform:translateY(-50%);cursor:pointer;transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease}.mg__arrow--prev{left:20px}.mg__arrow--next{right:20px}.mg__arrow svg{width:16px;height:16px}.mg__arrow:hover{transform:translateY(-50%) scale(1.07);box-shadow:0 2px 10px #00000029}.mg__arrow[disabled]{opacity:0;pointer-events:none}.mg__dots{display:none;justify-content:center;gap:8px;padding-top:4px}.mg__dot{width:7px;height:7px;margin:0;padding:0;border:0;border-radius:4px;background:rgba(var(--color-foreground),.25);cursor:pointer;transition:width .3s ease,background .3s ease}.mg__dot.is-active{width:20px;background:rgb(var(--color-foreground))}.mg__thumb:focus-visible,.mg__arrow:focus-visible,.mg__dot:focus-visible,.mg__track:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.mg__track:focus-visible{outline-offset:-3px}@media screen and (max-width:749px){.mg{--mg-radius: 12px;display:flex;flex-direction:column;gap:12px}.mg__stage{order:1;width:100%}.mg__dots{order:2}.mg__thumbs{order:3;align-self:auto}.mg__thumb-list{position:relative;inset:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.mg__thumb-list>li{width:64px}.mg--mthumbs-hide .mg__thumbs{display:none}.mg--mthumbs-hide .mg__dots{display:flex}.mg__arrow{width:36px;height:36px}.mg__arrow--prev{left:8px}.mg__arrow--next{right:8px}.mg__arrow svg{width:16px;height:16px}}@media screen and (min-width:750px){.mg--sticky{--mg-sticky-top: 6rem;position:sticky;top:var(--mg-sticky-top);z-index:1}.mg--constrain .mg__track{max-height:calc(100vh - 8rem)}}@media(prefers-reduced-motion:reduce){.mg__track,.mg__thumb-list{scroll-behavior:auto}.mg__thumb,.mg__arrow,.mg__dot,.mg__thumb:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/melora-media-gallery.css.map */