.mm-pdp__gallery{--mm-gallery-rail: 48px;--mm-gallery-gap: 8px}.mm-pdp__hero>.mm-pdp__gallery-column>.mm-pdp__gallery{display:block;max-height:none}.mm-pdp__media-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;min-width:0}.mm-pdp__media-layout--with-thumbnails{grid-template-columns:var(--mm-gallery-rail) minmax(0,1fr);column-gap:var(--mm-gallery-gap)}.mm-pdp__hero .mm-pdp__stage{grid-column:1;width:100%;min-width:0;min-height:0;height:auto;aspect-ratio:1;max-height:none;border-radius:12px}.mm-pdp__media-layout--with-thumbnails>.mm-pdp__stage{grid-column:2}.mm-pdp__hero .mm-pdp__stage>.mm-pdp__slide{position:absolute;top:0;right:0;bottom:0;left:0}.mm-pdp__hero .mm-pdp__thumbnails{position:absolute;inset-block:0;inset-inline-start:0;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;width:var(--mm-gallery-rail);max-width:100%;min-height:0;margin:0;padding:2px;gap:8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:auto;overscroll-behavior-y:contain;scroll-snap-type:y proximity;scroll-padding-block:2px;scrollbar-width:none}.mm-pdp__hero .mm-pdp__thumbnails::-webkit-scrollbar{display:none}.mm-pdp__hero .mm-pdp__thumbnail{flex:0 0 auto;width:100%;height:auto;min-height:44px;aspect-ratio:1;padding:3px;border:1px solid transparent;border-radius:6px;background:transparent;scroll-snap-align:start;transition:border-color .16s ease}.mm-pdp__hero .mm-pdp__thumbnail[aria-pressed=true],.mm-pdp__hero .mm-pdp__thumbnail:hover{border:1px solid var(--mm-red, #DB2A1B)}.mm-pdp__hero .mm-pdp__thumbnail:focus-visible{outline:2px solid var(--mm-red, #DB2A1B);outline-offset:-3px}.mm-pdp__hero .mm-pdp__thumbnail img{object-fit:contain;mix-blend-mode:multiply}.mm-pdp__hero .mm-pdp__gallery-note{margin:12px 0 0}@media(min-width:750px){.mm-pdp__gallery{--mm-gallery-rail: 60px;--mm-gallery-gap: 12px}}@media(min-width:990px){.mm-pdp__gallery{--mm-gallery-gap: 16px}.mm-pdp__hero .mm-pdp__stage{max-height:min(640px,calc(100svh - var(--mm-header-height, 80px) - 80px))}}@media(prefers-reduced-motion:reduce){.mm-pdp__hero .mm-pdp__thumbnail{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mm-product-gallery.css.map */