.pdpx-shots{--pdpx-stage-bg:#f2f2f0;display:flex;flex-direction:column;gap:10px;min-width:0}.pdpx-shots .pdpx-stage{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--pdpx-stage-bg)}.pdpx-shots .pdpx-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .22s ease}.pdpx-shots .pdpx-img.is-on{opacity:1}.pdpx-shots .pdpx-img--contain{inset:7%;width:86%;height:86%;object-fit:contain}.pdpx-shots .pdpx-img.is-blend{mix-blend-mode:multiply}.pdpx-shots .pdpx-thumbs{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));grid-gap:10px;gap:10px}.pdpx-shots .pdpx-thumb{position:relative;aspect-ratio:4/3;min-height:44px;padding:0;border:0;background:var(--pdpx-stage-bg);overflow:hidden;cursor:pointer;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s ease;-webkit-tap-highlight-color:transparent}.pdpx-shots .pdpx-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pdpx-shots .pdpx-thumb--contain img{inset:8%;width:84%;height:84%;object-fit:contain}.pdpx-shots .pdpx-thumb.is-blend img{mix-blend-mode:multiply}.pdpx-shots .pdpx-thumb:hover{outline-color:var(--line)}.pdpx-shots .pdpx-thumb[aria-pressed=true]{outline-color:var(--navy)}.pdpx-shots .pdpx-thumb:focus-visible{outline-color:var(--blue)}@media (prefers-reduced-motion:reduce){.pdpx-shots .pdpx-img{transition:none}}