.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{cursor:zoom-in}.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__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 - 160px);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;transition:opacity .15s ease}.mcocod-gallery-v2__viewer-loading{position:absolute;z-index:3;top:50%;left:50%;display:none;width:56px;height:56px;place-items:center;color:var(--gallery-white);background:#07191f94;border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%,-50%);pointer-events:none}.mcocod-gallery-v2__viewer-loading svg{display:block;width:32px;height:32px;animation:mcocod-gallery-v2-spin .9s linear infinite}.mcocod-gallery-v2__viewer.is-loading .mcocod-gallery-v2__viewer-loading{display:grid}.mcocod-gallery-v2__viewer.is-loading .mcocod-gallery-v2__viewer-image{opacity:.6}@keyframes mcocod-gallery-v2-spin{to{transform:rotate(360deg)}}.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:3px;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:48px;height:48px;place-items:center;padding:0;color:var(--gallery-ink);background:transparent;border-radius:50%;font-size:13px;font-variant-numeric:tabular-nums;transition:opacity .15s ease,background-color .15s ease}.mcocod-gallery-v2__viewer-tools button svg{display:block;width:20px;height:20px}.mcocod-gallery-v2__viewer-tools button:hover{background:var(--gallery-surface)}.mcocod-gallery-v2__viewer-tools button[aria-disabled=true]{cursor:default;opacity:.35}.mcocod-gallery-v2__viewer-tools button[aria-disabled=true]:hover{background:transparent}.mcocod-gallery-v2__viewer-tools [data-gallery-zoom-reset]{color:var(--gallery-ink);font-size:14px;font-weight:600}.mcocod-gallery-v2__viewer-tools [data-gallery-zoom-reset][aria-disabled=true]{opacity:1}body.mcocod-gallery-v2-open{overflow:hidden}@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__viewer-image{max-width:100vw;max-height:calc(100dvh - 160px)}.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}}.mcocod-gallery-v2__arrow,.mcocod-gallery-v2__expand,.mcocod-gallery-v2__viewer-close,.mcocod-gallery-v2__viewer-arrow,.mcocod-gallery-v2__viewer-tools button{display:grid;place-items:center;padding:0!important}.mcocod-gallery-v2__arrow,.mcocod-gallery-v2__expand{color:var(--mc-color-ink);background:var(--mc-color-white);border:1px solid var(--mc-color-line)!important;box-shadow:var(--mc-shadow-md);-webkit-backdrop-filter:none;backdrop-filter:none}.mcocod-gallery-v2__expand[hidden]{display:none}.mcocod-gallery-v2__arrow:hover,.mcocod-gallery-v2__expand:hover,.mcocod-gallery-v2__viewer-close:hover,.mcocod-gallery-v2__viewer-arrow:hover{color:var(--mc-color-ink);background:var(--mc-color-hover)}.mcocod-gallery-v2 button.mcocod-gallery-v2__thumb{border:1px solid transparent;border-radius:var(--mc-radius)}.mcocod-gallery-v2__thumb img{border-radius:3px}.mcocod-gallery-v2 button.mcocod-gallery-v2__thumb[aria-current=true]{border-color:var(--mc-color-ink);box-shadow:inset 0 0 0 1px var(--mc-color-ink)}.mcocod-gallery-v2__counter{position:absolute;z-index:3;bottom:14px;left:14px;padding:var(--mc-space-1) 10px;border-radius:var(--mc-radius-pill);background:rgb(var(--mc-shadow-rgb) / .72);color:var(--mc-color-white);font-family:var(--mc-font-body);font-size:var(--mc-fs-xs);font-weight:var(--mc-weight-semibold);line-height:16px;font-variant-numeric:tabular-nums;pointer-events:none}.mcocod-gallery-v2__counter[hidden]{display:none}.mcocod-gallery-v2__image-button>.mcocod-gallery-v2__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;object-fit:contain}.mcocod-gallery-v2__slide[data-document=true] .mcocod-gallery-v2__image-button{background:var(--mc-color-white)}.mcocod-gallery-v2__rail-button{display:none!important}.mcocod-gallery-v2__thumb-column{display:block}@media(min-width:1024px){.mcocod-gallery-v2__thumbs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:var(--mc-space-2);overflow:visible;padding:0}.mcocod-gallery-v2 button.mcocod-gallery-v2__thumb{width:auto;flex:none}}@media(max-width:1023px){.mcocod-gallery-v2 button.mcocod-gallery-v2__thumb{flex:0 0 56px;width:56px}}@media(hover:hover)and (min-width:768px){.mcocod-gallery-v2__arrow{opacity:0}.mcocod-gallery-v2__stage:hover .mcocod-gallery-v2__arrow,.mcocod-gallery-v2__stage:focus-within .mcocod-gallery-v2__arrow{opacity:1}}@media(max-width:767px){.mcocod-gallery-v2__arrow{display:none}.mcocod-gallery-v2__counter{bottom:10px;left:10px}}.mcocod-gallery-v2__stage{touch-action:pan-y}.mcocod-gallery-v2__dialog,.mcocod-gallery-v2__dialog::backdrop{background:var(--mc-color-viewer)}.mcocod-gallery-v2__viewer:not(.is-document) .mcocod-gallery-v2__viewer-image{border-radius:var(--mc-radius);background:var(--mc-color-white)}@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/67/assets/mcocod-product-gallery-v2.css.map */