.c-pdp-gallery{position:relative;background:var(--c-pdp-gallery-bg, var(--color-white))}.c-pdp-gallery__thumbs{display:none}.c-pdp-gallery__viewport{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-white)}.c-pdp-gallery__track{display:flex;flex-direction:row;gap:0;width:100%;height:100%;margin:0;padding:0;list-style:none;transform:translate(calc(var(--current-index, 0) * -100%));transition:transform var(--transition-duration-base) ease-out;touch-action:pan-y}.c-pdp-gallery__slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--md-spacing)}.c-pdp-gallery__slide img{width:100%;height:100%;object-fit:contain}.c-pdp-gallery__video-slide{width:100%;height:100%;position:relative;background:none;border:none;padding:0;cursor:pointer}.c-pdp-gallery__video-slide img{width:100%;height:100%;object-fit:contain}.c-pdp-gallery__play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;border-radius:var(--pill-border-radius);background:#000000a6;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform var(--transition-duration-fast) ease-out}.c-pdp-gallery__video-slide:hover .c-pdp-gallery__play-overlay{transform:translate(-50%,-50%) scale(1.08)}.c-pdp-gallery__play-overlay:before{content:"";border-style:solid;border-width:.7rem 0 .7rem 1.1rem;border-color:transparent transparent transparent var(--color-white);margin-left:.25rem}.c-pdp-gallery__button{display:none}.c-pdp-gallery__dots{position:absolute;inset-block-end:var(--sm-spacing);inset-inline:0;display:flex;justify-content:center;gap:var(--xsm-spacing);pointer-events:none}.c-pdp-gallery__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-text-faint);transition:background-color var(--transition-duration-fast) ease,transform var(--transition-duration-fast) ease}.c-pdp-gallery__dot[data-active=true]{background:var(--color-primary);transform:scale(1.25)}@media(min-width:900px){.c-pdp-gallery{display:grid;grid-template-columns:auto 1fr;gap:var(--sm-spacing);position:sticky;top:0;align-self:flex-start}.c-pdp-gallery__thumbs{display:flex;flex-direction:column;gap:var(--sm-spacing);width:5rem;flex:0 0 5rem;height:0;min-height:100%}.c-pdp-gallery__thumbs-images{display:flex;flex-direction:column;gap:var(--md-spacing);flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none}.c-pdp-gallery__thumbs-images::-webkit-scrollbar{display:none}.c-pdp-gallery__thumbs-videos{display:flex;flex-direction:column;gap:var(--md-spacing);flex:0 0 auto;padding-top:var(--xsm-spacing)}.c-pdp-gallery__thumb{position:relative;width:100%;aspect-ratio:1;flex:0 0 auto;padding:var(--xsm-spacing);background:var(--color-white);border:1px solid transparent;border-radius:var(--sm-border-radius);overflow:hidden;cursor:pointer;transition:border-color var(--transition-duration-fast) ease,box-shadow var(--transition-duration-fast) ease}.c-pdp-gallery__thumb img{width:100%;height:100%;object-fit:contain;display:block}.c-pdp-gallery__thumb[data-active=true]{border-color:var(--color-accent)}.c-pdp-gallery__thumb[data-kind=video]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;pointer-events:none}.c-pdp-gallery__thumb[data-kind=video]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;border-style:solid;border-width:.4rem 0 .4rem .6rem;border-color:transparent transparent transparent var(--color-white);pointer-events:none}.c-pdp-gallery__dots{display:none}.c-pdp-gallery__button{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;padding:0;background:var(--c-pdp-gallery-button-bg, var(--color-white));color:var(--color-primary);border:1px solid var(--color-border-soft);border-radius:50%;cursor:pointer;opacity:0;z-index:1;font-family:inherit;font-size:1.25rem;line-height:1;transition:opacity var(--transition-duration-fast) ease,background-color var(--transition-duration-fast) ease}.c-pdp-gallery__button[data-direction=prev]{left:var(--sm-spacing)}.c-pdp-gallery__button[data-direction=next]{right:var(--sm-spacing)}.c-pdp-gallery:hover .c-pdp-gallery__button{opacity:1}.c-pdp-gallery__button:focus-visible{opacity:1;outline:2px solid var(--color-accent);outline-offset:2px}.c-pdp-gallery__button:hover{background:var(--color-surface)}.c-pdp-gallery:hover .c-pdp-gallery__button:disabled{opacity:.3;cursor:not-allowed}}@media(prefers-reduced-motion:reduce){.c-pdp-gallery__track,.c-pdp-gallery__button,.c-pdp-gallery__play-overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-pdp-gallery.css.map */