.mcocod-gallery-v2{--gallery-ink: #10272f;--gallery-brand: #174b5e;--gallery-line: #dce4e6;--gallery-surface: #f4f7f7;--gallery-white: #fff;display:block;width:100%}.mcocod-gallery-v2 *,.mcocod-gallery-v2 *:before,.mcocod-gallery-v2 *:after{box-sizing:border-box}.mcocod-gallery-v2 :where(button){-webkit-appearance:none;appearance:none;border:0;color:inherit;cursor:pointer;font:inherit}.mcocod-gallery-v2 button:focus-visible{outline:2px solid var(--gallery-brand);outline-offset:2px}.mcocod-gallery-v2__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}.mcocod-gallery-v2__thumb-column{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;grid-template-rows:auto;gap:10px;align-items:center;order:2;min-height:0;margin-top:2px}.mcocod-gallery-v2__thumbs{display:flex;gap:9px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:4px;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.mcocod-gallery-v2__thumbs::-webkit-scrollbar{display:none}.mcocod-gallery-v2 button.mcocod-gallery-v2__thumb{position:relative;display:block;flex:0 0 84px;width:84px;aspect-ratio:1;overflow:hidden;padding:0;background:var(--gallery-surface);border:1px solid transparent;border-radius:7px;opacity:.74;scroll-snap-align:start;transition:border-color .16s ease,opacity .16s ease,background-color .16s ease}.mcocod-gallery-v2 button.mcocod-gallery-v2__thumb:hover,.mcocod-gallery-v2 button.mcocod-gallery-v2__thumb[aria-current=true]{opacity:1}.mcocod-gallery-v2 button.mcocod-gallery-v2__thumb[aria-current=true]{border-color:var(--gallery-brand);background:#eef5f6}.mcocod-gallery-v2__thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.mcocod-gallery-v2__thumb[data-document=true] img{object-fit:contain}.mcocod-gallery-v2__thumb-play{position:absolute;inset:50% auto auto 50%;display:grid;width:28px;height:28px;place-items:center;color:var(--gallery-white);background:#0a2129d1;border:1px solid rgba(255,255,255,.7);border-radius:50%;transform:translate(-50%,-50%)}.mcocod-gallery-v2__thumb-play svg{width:14px;fill:currentColor}.mcocod-gallery-v2__rail-button{display:grid;width:38px;height:38px;place-items:center;padding:0;color:var(--gallery-white);background:var(--gallery-brand);border:1px solid var(--gallery-brand)!important;border-radius:50%;box-shadow:0 3px 10px #10272f1f;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.mcocod-gallery-v2__rail-button:hover{background:#123d4d;border-color:#123d4d!important}.mcocod-gallery-v2__rail-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mcocod-gallery-v2__rail-button.is-previous svg,.mcocod-gallery-v2__rail-button.is-next svg{transform:none}.mcocod-gallery-v2__stage{position:relative;order:1;min-width:0;overflow:hidden;background:var(--gallery-surface);border-radius:8px;isolation:isolate}.mcocod-gallery-v2__slides,.mcocod-gallery-v2__slide{width:100%;min-height:0}.mcocod-gallery-v2__slide[hidden],.mcocod-gallery-v2 .is--media-hide{display:none!important}.mcocod-gallery-v2__image-button,.mcocod-gallery-v2__deferred-button,.mcocod-gallery-v2__fallback{position:relative;display:grid;width:100%;min-height:0;aspect-ratio:1;place-items:center;overflow:hidden;padding:0;background:var(--gallery-surface)}.mcocod-gallery-v2__deferred-button[hidden]{display:none!important}.mcocod-gallery-v2__image,.mcocod-gallery-v2__deferred-button>img,.mcocod-gallery-v2__video,.mcocod-gallery-v2__model,.mcocod-gallery-v2__fallback>*{display:block;width:100%;height:100%;max-height:720px;object-fit:contain;object-position:center}.mcocod-gallery-v2__image-button.is-inline-zoomed{cursor:zoom-out}.mcocod-gallery-v2__image-button:not(.is-inline-zoomed){cursor:zoom-in}.mcocod-gallery-v2__image-button .mcocod-gallery-v2__image{transform:scale(1);transform-origin:50% 50%;transition:transform .18s ease}.mcocod-gallery-v2__image-button.is-inline-zoomed .mcocod-gallery-v2__image{transform:scale(2.25)}.mcocod-gallery-v2__deferred-button>span{position:absolute;inset:50% auto auto 50%;display:grid;width:62px;height:62px;place-items:center;color:var(--gallery-white);background:#0a2129d6;border:1px solid rgba(255,255,255,.75);border-radius:50%;transform:translate(-50%,-50%)}.mcocod-gallery-v2__deferred-button>span svg{width:34px;fill:currentColor;stroke:currentColor;stroke-width:1.5}.mcocod-gallery-v2__arrow,.mcocod-gallery-v2__expand,.mcocod-gallery-v2__viewer-close,.mcocod-gallery-v2__viewer-arrow{display:inline-flex;align-items:center;justify-content:center;padding:0!important;color:var(--gallery-ink);background:#ffffffeb;border:1px solid rgba(16,39,47,.12)!important;border-radius:50%;box-shadow:0 4px 14px #10272f14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:0;line-height:0;transition:opacity .15s ease,background-color .15s ease,border-color .15s ease}.mcocod-gallery-v2__arrow{position:absolute;z-index:3;top:50%;width:42px;height:42px;transform:translateY(-50%)}.mcocod-gallery-v2__arrow.is-previous{left:14px}.mcocod-gallery-v2__arrow.is-next{right:14px}.mcocod-gallery-v2__arrow svg,.mcocod-gallery-v2__expand svg,.mcocod-gallery-v2__viewer-close svg,.mcocod-gallery-v2__viewer-arrow svg{position:static!important;inset:auto!important;display:block;flex:0 0 19px;width:19px;height:19px;margin:0!important;transform:none!important;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mcocod-gallery-v2__expand{position:absolute;z-index:3;top:14px;right:14px;width:42px;height:42px}.mcocod-gallery-v2__zoom-hint{position:absolute;z-index:3;right:14px;bottom:14px;display:flex;min-height:32px;align-items:center;gap:7px;padding:7px 10px;color:var(--gallery-ink);background:#ffffffe6;border:1px solid rgba(16,39,47,.1);border-radius:99px;font-size:10px;font-weight:600;line-height:1;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .15s ease}.mcocod-gallery-v2__zoom-hint[hidden]{display:none}.mcocod-gallery-v2__zoom-hint svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mcocod-gallery-v2__stage.is-inline-zoomed .mcocod-gallery-v2__arrow,.mcocod-gallery-v2__stage.is-inline-zoomed .mcocod-gallery-v2__expand,.mcocod-gallery-v2__stage.is-inline-zoomed .mcocod-gallery-v2__zoom-hint{opacity:0;pointer-events:none}.mcocod-gallery-v2__dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;color:var(--gallery-white);background:#0b1d23;border:0}.mcocod-gallery-v2__dialog::backdrop{background:#051115e0}.mcocod-gallery-v2__dialog[open]{display:block}.mcocod-gallery-v2__viewer{position:relative;width:100%;height:100dvh;overflow:hidden}.mcocod-gallery-v2__viewer-toolbar{position:absolute;z-index:4;top:max(14px,env(safe-area-inset-top));right:14px;left:14px;display:flex;align-items:center;justify-content:flex-end;gap:12px;pointer-events:none}.mcocod-gallery-v2__viewer-counter{padding:7px 10px;color:#ffffffd1;background:#07191f94;border-radius:99px;font-size:11px;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mcocod-gallery-v2__viewer-close{width:44px;height:44px;pointer-events:auto}.mcocod-gallery-v2__viewer-viewport{display:grid;width:100%;height:100%;place-items:center;overflow:hidden;touch-action:none}.mcocod-gallery-v2__viewer-image{display:block;width:auto;height:auto;max-width:calc(100vw - 88px);max-height:calc(100dvh - 88px);object-fit:contain;transform:translateZ(0) scale(1);transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.mcocod-gallery-v2__viewer.is-document{color:var(--gallery-ink);background:#f7f9f9}.mcocod-gallery-v2__viewer.is-document .mcocod-gallery-v2__viewer-viewport{display:block;overflow:auto;padding:76px max(18px,calc((100vw - 1120px)/2)) 40px;touch-action:pan-x pan-y pinch-zoom}.mcocod-gallery-v2__viewer.is-document .mcocod-gallery-v2__viewer-image{width:100%;max-width:1120px;max-height:none;margin:0 auto;background:#fff;box-shadow:0 10px 36px #10272f14;transform:none}.mcocod-gallery-v2__viewer.is-document .mcocod-gallery-v2__viewer-counter{color:#52656c;background:#ffffffeb}.mcocod-gallery-v2__viewer-arrow{position:absolute;z-index:3;top:50%;width:44px;height:44px;transform:translateY(-50%)}.mcocod-gallery-v2__viewer-arrow.is-previous{left:18px}.mcocod-gallery-v2__viewer-arrow.is-next{right:18px}.mcocod-gallery-v2__viewer-tools{position:absolute;z-index:4;right:50%;bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:4px;padding:4px;background:#fffffff0;border:1px solid rgba(16,39,47,.12);border-radius:99px;box-shadow:0 5px 20px #00000024;transform:translate(50%)}.mcocod-gallery-v2__viewer-tools button{display:grid;width:36px;height:36px;place-items:center;padding:0;color:var(--gallery-ink);background:transparent;border-radius:50%;font-size:13px}.mcocod-gallery-v2__viewer-tools button:hover{background:var(--gallery-surface)}body.mcocod-gallery-v2-open{overflow:hidden}@media(max-width:900px){.mcocod-gallery-v2__image-button.is-inline-zoomed .mcocod-gallery-v2__image{transform:none}.mcocod-gallery-v2__zoom-hint span{display:none}.mcocod-gallery-v2__zoom-hint{min-height:36px;padding:9px}.mcocod-gallery-v2__zoom-hint svg{width:18px;height:18px}}@media(max-width:767px){.mcocod-gallery-v2__layout{gap:8px}.mcocod-gallery-v2__stage{border-radius:8px}.mcocod-gallery-v2__thumb-column{grid-template-columns:minmax(0,1fr);gap:0;padding:0;margin-top:0}.mcocod-gallery-v2__thumbs{gap:8px;padding:4px 2px}.mcocod-gallery-v2__thumb{flex-basis:72px;width:72px;scroll-snap-align:center}.mcocod-gallery-v2__rail-button{display:none}.mcocod-gallery-v2__image-button,.mcocod-gallery-v2__deferred-button,.mcocod-gallery-v2__fallback{min-height:0;aspect-ratio:1 / 1}.mcocod-gallery-v2__arrow{width:40px;height:40px}.mcocod-gallery-v2__arrow.is-previous{left:10px}.mcocod-gallery-v2__arrow.is-next{right:10px}.mcocod-gallery-v2__expand{top:10px;right:10px;width:40px;height:40px}.mcocod-gallery-v2__zoom-hint{right:10px;bottom:10px}.mcocod-gallery-v2__image-button{cursor:zoom-in}.mcocod-gallery-v2__viewer-image{max-width:100vw;max-height:100dvh}.mcocod-gallery-v2__viewer-arrow{width:40px;height:40px}.mcocod-gallery-v2__viewer-arrow.is-previous{left:10px}.mcocod-gallery-v2__viewer-arrow.is-next{right:10px}.mcocod-gallery-v2__viewer.is-document .mcocod-gallery-v2__viewer-viewport{padding:70px 12px 32px}}@media(max-width:420px){.mcocod-gallery-v2__image-button,.mcocod-gallery-v2__deferred-button,.mcocod-gallery-v2__fallback{aspect-ratio:1 / 1}.mcocod-gallery-v2__thumb{flex-basis:68px;width:68px}}@media(prefers-reduced-motion:reduce){.mcocod-gallery-v2 *,.mcocod-gallery-v2 *:before,.mcocod-gallery-v2 *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/mcocod-product-gallery-v2.css.map */