.pdp-gallery{--pdp-rail-width: clamp(5.6rem, 6.5vw, 8.4rem);--pdp-rail-gap: clamp(1.2rem, 1.4vw, 2rem);--pdp-ease: cubic-bezier(.2, .7, .2, 1)}.pdp-gallery [id^=GalleryViewer]>.slider-buttons{display:none}.pdp-gallery .thumbnail{opacity:.5;transition:opacity .3s ease,box-shadow .3s ease}.pdp-gallery .thumbnail:hover,.pdp-gallery .thumbnail[aria-current]{opacity:1}.pdp-gallery .thumbnail[aria-current],.pdp-gallery .thumbnail[aria-current]:focus,.pdp-gallery .thumbnail[aria-current]:focus-visible{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground))}.pdp-gallery__meta{display:flex;align-items:center;gap:1.6rem;min-height:2rem;margin:1.4rem 0 0;font-size:1.15rem;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.pdp-gallery__counter{display:inline-flex;align-items:center;gap:.8rem;flex-shrink:0;font-variant-numeric:tabular-nums}.pdp-gallery__current{color:rgb(var(--color-foreground))}.pdp-gallery__divider{display:block;width:2.4rem;height:.1rem;background-color:currentColor;opacity:.45}.pdp-gallery__caption{padding-left:1.6rem;border-left:.1rem solid rgba(var(--color-foreground),.2);letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdp-gallery__caption:empty{display:none}.pdp-gallery__caption.is-updating{animation:pdpGalleryCaptionIn .45s var(--pdp-ease) both}.pdp-gallery [id^=GalleryViewer]{position:relative}.pdp-gallery__arrow{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:50%;background-color:rgba(var(--color-background),.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:rgb(var(--color-foreground));cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .3s ease,transform .3s var(--pdp-ease),background-color .3s ease}.pdp-gallery__arrow--prev{left:1.6rem}.pdp-gallery__arrow--next{right:1.6rem}.pdp-gallery__arrow .icon{width:1.2rem;height:auto}.pdp-gallery__arrow--prev .icon{transform:rotate(90deg)}.pdp-gallery__arrow--next .icon{transform:rotate(-90deg)}.pdp-gallery__arrow:hover{background-color:rgb(var(--color-background))}.pdp-gallery [id^=GalleryViewer]:hover .pdp-gallery__arrow,.pdp-gallery__arrow:focus-visible{opacity:1}.pdp-gallery [id^=GalleryViewer]:hover .pdp-gallery__arrow--prev{transform:translate(.4rem,-50%)}.pdp-gallery [id^=GalleryViewer]:hover .pdp-gallery__arrow--next{transform:translate(-.4rem,-50%)}@media screen and (min-width:750px){.pdp-gallery{display:grid;grid-template-columns:var(--pdp-rail-width) minmax(0,1fr);grid-template-areas:"rail viewer" ".    meta";column-gap:var(--pdp-rail-gap);align-items:start}.pdp-gallery>[id^=GalleryViewer]{grid-area:viewer;min-width:0}.pdp-gallery>.pdp-gallery__meta{grid-area:meta}.pdp-gallery>.product__xr-button{grid-column:2}.product--thumbnail_slider .pdp-gallery>.thumbnail-slider{grid-area:rail;align-self:stretch;position:relative;display:block;min-height:0}.pdp-gallery .thumbnail-slider .thumbnail-list.slider--tablet-up{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1.2rem;padding:.4rem;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;scroll-padding:0;scrollbar-width:none}.pdp-gallery .thumbnail-slider .thumbnail-list.slider--tablet-up::-webkit-scrollbar{display:none}.pdp-gallery .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide{width:100%;flex-shrink:0;margin:0}.product--thumbnail_slider .pdp-gallery .thumbnail-slider .slider-button{display:none}.pdp-gallery__arrow{display:flex}.pdp-gallery .product__media-item.is-active{animation:pdpGalleryMediaIn .55s var(--pdp-ease) both}}@media screen and (min-width:750px)and (hover:none){.pdp-gallery__arrow{opacity:1}}@media screen and (max-width:749px){.pdp-gallery .product__media-list{margin-bottom:0}.pdp-gallery__meta{margin:1.2rem 0}.pdp-gallery .thumbnail-slider .thumbnail-list.slider{gap:1rem;padding:.4rem}.pdp-gallery .thumbnail-list__item.slider__slide{width:calc(22% - .8rem)}}@keyframes pdpGalleryMediaIn{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}@keyframes pdpGalleryCaptionIn{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pdp-gallery .product__media-item.is-active,.pdp-gallery__caption.is-updating{animation:none}.pdp-gallery__arrow,.pdp-gallery .thumbnail{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/pdp-gallery.css.map */