.mg-full-gallery{--mg-gallery-frame-max: 1180px;--mg-gallery-frame: min( calc(100vw - 180px) , var(--mg-gallery-frame-max), calc((100svh - 260px) * 4 / 3));--mg-gallery-radius: 18px;--mg-gallery-thumb-radius: 8px;position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;background:var(--mg-ink, #050505);color:#f2f2f2;padding:56px 0 48px}.mg-full-gallery .mg-full-gallery__frame{position:relative;width:var(--mg-gallery-frame);max-width:var(--mg-gallery-frame);margin:0 auto}.mg-full-gallery .mg-full-gallery__viewport{position:relative;width:100%;overflow:visible;background:var(--mg-ink, #050505)}.mg-full-gallery .mg-full-gallery__stage{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--mg-ink, #050505);border:1px solid rgba(255,255,255,.18);border-radius:var(--mg-gallery-radius)}.mg-full-gallery .mg-full-gallery__main-image,.mg-full-gallery .mg-full-gallery__placeholder,.mg-full-gallery .mg-full-gallery__placeholder svg{display:block;width:100%;height:100%}.mg-full-gallery .mg-full-gallery__main-image{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center center;background:var(--mg-ink, #050505);border-radius:calc(var(--mg-gallery-radius) - 1px);opacity:0;transition:opacity .22s ease;will-change:opacity}.mg-full-gallery .mg-full-gallery__main-image.is-active{opacity:1;z-index:2}.mg-full-gallery .mg-full-gallery__main-image.is-leaving{opacity:0;z-index:1}.mg-full-gallery .mg-full-gallery__placeholder{background:var(--mg-ink, #050505);border-radius:calc(var(--mg-gallery-radius) - 1px);overflow:hidden}.mg-full-gallery .mg-full-gallery__arrow{position:absolute;top:50%;z-index:5;width:44px;height:128px;padding:0;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);font-size:72px;line-height:1;cursor:pointer;opacity:.95;text-shadow:0 0 12px rgba(0,0,0,.76);transition:opacity .16s ease,color .16s ease}.mg-full-gallery .mg-full-gallery__arrow:hover{color:var(--mg-accent, #00c7c7);opacity:1}.mg-full-gallery .mg-full-gallery__arrow--prev{left:-72px}.mg-full-gallery .mg-full-gallery__arrow--next{right:-72px}.mg-full-gallery .mg-full-gallery__thumbs{display:flex;gap:14px;justify-content:center;align-items:center;overflow-x:auto;overflow-y:hidden;padding:16px 24px 0;background:var(--mg-ink, #050505);scroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mg-full-gallery .mg-full-gallery__thumbs::-webkit-scrollbar{display:none}.mg-full-gallery .mg-full-gallery__thumb{flex:0 0 auto;width:76px;height:76px;padding:0;border:1px solid transparent;border-radius:var(--mg-gallery-thumb-radius);background:var(--mg-ink, #050505);cursor:pointer;overflow:hidden;opacity:.7;transition:opacity .16s ease,border-color .16s ease,transform .16s ease}.mg-full-gallery .mg-full-gallery__thumb img,.mg-full-gallery .mg-full-gallery__thumb .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--mg-gallery-thumb-radius) - 1px)}.mg-full-gallery .mg-full-gallery__thumb:hover,.mg-full-gallery .mg-full-gallery__thumb.is-active{opacity:1;border-color:var(--mg-accent, #00c7c7)}.mg-full-gallery .mg-full-gallery__thumb.is-active{transform:translateY(-2px)}.mg-full-gallery .mg-full-gallery__empty{width:var(--mg-gallery-frame);aspect-ratio:4 / 3;margin:0 auto;padding:32px;background:var(--mg-ink, #050505);color:#ffffffb3;border:1px solid rgba(255,255,255,.18);border-radius:var(--mg-gallery-radius);display:flex;align-items:center;justify-content:center;text-align:center}@media screen and (max-width:749px){.mg-full-gallery{--mg-gallery-frame: calc(100vw - 12px) ;--mg-gallery-radius: 16px;--mg-gallery-thumb-radius: 7px;width:100%;max-width:100%;margin-left:0;margin-right:0;padding:34px 0 30px}.mg-full-gallery .mg-full-gallery__frame{width:var(--mg-gallery-frame);max-width:var(--mg-gallery-frame);margin:0 auto}.mg-full-gallery .mg-full-gallery__stage,.mg-full-gallery .mg-full-gallery__empty{aspect-ratio:3 / 4}.mg-full-gallery .mg-full-gallery__main-image{transition:opacity .2s ease}.mg-full-gallery .mg-full-gallery__arrow{display:none}.mg-full-gallery .mg-full-gallery__thumbs{justify-content:flex-start;gap:12px;padding:12px 0 0}.mg-full-gallery .mg-full-gallery__thumb{width:56px;height:56px}.mg-full-gallery .mg-full-gallery__empty{width:var(--mg-gallery-frame);max-width:var(--mg-gallery-frame)}}@media screen and (max-width:989px)and (orientation:landscape)and (max-height:520px){.mg-full-gallery{--mg-gallery-frame: min( calc(100vw - 28px) , 984px, calc((100svh - 96px) * 1.2 * 4 / 3));--mg-gallery-radius: 14px;--mg-gallery-thumb-radius: 6px;padding:16px 0}.mg-full-gallery .mg-full-gallery__frame{width:var(--mg-gallery-frame);max-width:var(--mg-gallery-frame);margin:0 auto}.mg-full-gallery .mg-full-gallery__stage,.mg-full-gallery .mg-full-gallery__empty{aspect-ratio:4 / 3}.mg-full-gallery .mg-full-gallery__thumbs{justify-content:flex-start;gap:10px;padding:10px 0 0}.mg-full-gallery .mg-full-gallery__thumb{width:46px;height:46px}.mg-full-gallery .mg-full-gallery__empty{width:var(--mg-gallery-frame);max-width:var(--mg-gallery-frame)}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/minigear-gallery.css.map */