.mg-variant-gallery{--mg-vg-max-width: 620px;--mg-vg-stage-ratio: 1 / 1;--mg-vg-arrow-width: 80px;--mg-vg-arrow-inset: 48px;--mg-vg-nav-height: 94px;--mg-vg-thumb-size: 90px;--mg-vg-thumb-gutter: 2px;--mg-vg-nav-arrow-width: 30px;--mg-vg-active-color: #002d74;--mg-vg-thumb-background: #f2f2f2;--mg-vg-veil: rgb(255 255 255 / 30%);--mg-vg-chevron-color: rgb(0 0 0 / 40%);display:block;width:100%;max-width:var(--mg-vg-max-width)}.mg-variant-gallery__stage{position:relative;aspect-ratio:var(--mg-vg-stage-ratio);overflow:hidden}.mg-variant-gallery__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;grid-auto-rows:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.mg-variant-gallery__track::-webkit-scrollbar{display:none}.mg-variant-gallery__frame{height:100%;min-height:0;scroll-snap-align:center}.mg-variant-gallery__image{display:block;width:100%;height:100%;object-fit:contain}.mg-variant-gallery__arr{position:absolute;top:var(--mg-vg-arrow-inset);bottom:var(--mg-vg-arrow-inset);z-index:2;display:flex;width:var(--mg-vg-arrow-width);align-items:center;justify-content:center;border:0;background-color:var(--mg-vg-veil);cursor:pointer;padding:0}.mg-variant-gallery__arr--prev{left:0}.mg-variant-gallery__arr--next{right:0}.mg-variant-gallery__arr .mg-variant-gallery__chevron{width:24px;height:45px}@media(hover:hover){.mg-variant-gallery__arr{opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.mg-variant-gallery__arr--prev{transform:translate3d(-100%,0,0)}.mg-variant-gallery__arr--next{transform:translate3d(100%,0,0)}.mg-variant-gallery__stage:is(:hover,:focus-within) .mg-variant-gallery__arr,.mg-variant-gallery__arr:focus-visible{opacity:1;transform:translateZ(0)}}.mg-variant-gallery__dots{display:none}.mg-variant-gallery__stage .mg-variant-gallery__arr[disabled]{opacity:.1;pointer-events:none;cursor:default}.mg-variant-gallery__nav{position:relative;height:var(--mg-vg-nav-height)}.mg-variant-gallery__shaft{display:flex;height:100%;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.mg-variant-gallery__shaft::-webkit-scrollbar{display:none}.mg-variant-gallery__thumb{flex:0 0 auto;width:calc(var(--mg-vg-thumb-size) + var(--mg-vg-thumb-gutter));height:var(--mg-vg-nav-height);border:0;background:none;cursor:pointer;padding:var(--mg-vg-thumb-gutter) var(--mg-vg-thumb-gutter) var(--mg-vg-thumb-gutter) 0}.mg-variant-gallery__thumb-inner{display:block;width:var(--mg-vg-thumb-size);height:var(--mg-vg-thumb-size);background-color:var(--mg-vg-thumb-background);overflow:hidden}.mg-variant-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.mg-variant-gallery__thumb[aria-current=true] .mg-variant-gallery__thumb-inner{outline:2px solid var(--mg-vg-active-color);outline-offset:-2px}.mg-variant-gallery__nav-arr{position:absolute;top:0;bottom:0;z-index:3;display:flex;width:var(--mg-vg-nav-arrow-width);align-items:center;justify-content:center;border:0;background-color:var(--mg-vg-veil);cursor:pointer;padding:0}.mg-variant-gallery__nav-arr--prev{left:0}.mg-variant-gallery__nav-arr--next{right:0}.mg-variant-gallery__nav-arr[disabled]{opacity:0;pointer-events:none;cursor:default}.mg-variant-gallery__nav-arr .mg-variant-gallery__chevron{width:11px;height:19px}.mg-variant-gallery__chevron{display:block}.mg-variant-gallery__chevron path{fill:none;stroke:var(--mg-vg-chevron-color);stroke-width:2}.mg-variant-gallery__note{margin:.5rem 0 0;font-size:.75rem;opacity:.6}.mg-variant-gallery__logo-placeholder{--mg-logo-placeholder-ratio: var(--mg-vg-stage-ratio);width:100%}@media screen and (max-width:767px){.mg-variant-gallery{--mg-vg-stage-ratio: 360 / 345}.mg-variant-gallery__arr,.mg-variant-gallery__arr--prev,.mg-variant-gallery__arr--next{top:0;bottom:0;width:40px;background-color:#ffffff4d;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.mg-variant-gallery__arr--prev{transform:translate3d(-100%,0,0)}.mg-variant-gallery__arr--next{transform:translate3d(100%,0,0)}.mg-variant-gallery__stage:focus{outline:none}.mg-variant-gallery__stage:is(:hover,:focus-within) .mg-variant-gallery__arr,.mg-variant-gallery__arr:focus-visible{opacity:1;transform:none}.mg-variant-gallery__stage:is(:hover,:focus-within) .mg-variant-gallery__arr[disabled]{opacity:1;transform:none;pointer-events:none;cursor:default}.mg-variant-gallery__nav{display:none}.mg-variant-gallery__dots{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;box-sizing:border-box;gap:12px;width:100%;min-height:30px;height:30px;margin:0;padding-inline:15px;list-style:none}.mg-variant-gallery__dot{--size: 6px;box-sizing:border-box;display:block;width:var(--size);height:var(--size);min-width:var(--size);min-height:var(--size);margin:0;padding:0;border:1px solid var(--mg-vg-active-color, var(--mg-primary, #10069f));border-radius:50%;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.mg-variant-gallery__dot[aria-current=true]{background:var(--mg-vg-active-color, var(--mg-primary, #10069f));border-color:var(--mg-vg-active-color, var(--mg-primary, #10069f))}}@media(prefers-reduced-motion:reduce){.mg-variant-gallery__shaft{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mg-variant-gallery.css.map */