.product-information media-gallery .slideshow-controls__thumbnails .slideshow-control{border:0;outline:2px solid transparent;outline-offset:2px;opacity:.62;transition:opacity .2s ease,outline-color .2s ease}.product-information media-gallery .slideshow-controls__thumbnails .slideshow-control img{background-color:var(--pp-blush)}.product-information media-gallery .slideshow-controls__thumbnails .slideshow-control:hover{opacity:1}.product-information media-gallery .slideshow-controls__thumbnails .slideshow-control[aria-current=true]{opacity:1;outline:2px solid var(--pp-blue);outline-offset:2px;border:0}.product-information media-gallery slideshow-arrows{mix-blend-mode:normal;padding-inline:var(--padding-md)}.product-information media-gallery slideshow-arrows .slideshow-control{display:grid;place-items:center;width:2.75rem;height:2.75rem;min-width:2.75rem;padding:0;border-radius:50%;background-color:#fffffff0;color:var(--pp-ink);box-shadow:0 .25rem 1rem #1d275424,0 0 0 1px var(--pp-line);transition:opacity .2s ease,background-color .2s ease,color .2s ease}.product-information media-gallery slideshow-arrows .slideshow-control:hover{background-color:var(--pp-blue);color:#fff}.product-information media-gallery slideshow-arrows .slideshow-control:focus-visible{opacity:1;outline:2px solid var(--pp-blue);outline-offset:2px}.product-information media-gallery slideshow-arrows .slideshow-control .svg-wrapper,.product-information media-gallery slideshow-arrows .slideshow-control svg{width:1.125rem;height:1.125rem}.product-information media-gallery slideshow-component:is(:hover,:focus-within) slideshow-arrows .slideshow-control{opacity:1}@media screen and (min-width:750px){.product-information media-gallery.media-gallery--carousel{--pp-gallery-h: clamp(22rem, calc(100svh - 12rem) , 40rem);--thumbnail-width: 4rem}.product-information media-gallery .product-media-container.constrain-height{--constrained-height: var(--pp-gallery-h)}.product-information media-gallery.media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails]:is([pagination-position=left],[pagination-position=right])){grid-template-columns:auto minmax(0,var(--pp-gallery-h));justify-content:center;column-gap:var(--gap-sm)}.product-information media-gallery.media-gallery--carousel slideshow-component:has(slideshow-controls[thumbnails][pagination-position=right]){grid-template-columns:minmax(0,var(--pp-gallery-h)) auto}.product-information media-gallery slideshow-container{border-radius:var(--pp-radius);overflow:hidden}.product-information media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails-container{max-height:var(--pp-gallery-h);overscroll-behavior:contain;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 2.5rem),transparent)}.product-information media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails{gap:.625rem;padding:.25rem;padding-block-end:2rem}.product-information media-gallery .slideshow-controls__thumbnails .slideshow-control{width:var(--thumbnail-width)}.product-information media-gallery .product-media-container--zoomable{cursor:zoom-in}}@media screen and (max-width:749px){.product-information media-gallery slideshow-controls[thumbnails]{--thumbnail-width: 3.5rem}.product-information media-gallery slideshow-controls[thumbnails] .slideshow-controls__thumbnails{gap:.5rem;padding:.625rem var(--pp-page-margin, 1rem) .25rem}.product-information media-gallery .slideshow-controls__thumbnails .slideshow-control{width:var(--thumbnail-width);scroll-margin-inline:var(--pp-page-margin, 1rem)}}.dialog-zoomed-gallery__dialog .dialog-zoomed-gallery__close-button{color:var(--pp-ink);mix-blend-mode:normal;background-color:#fffffff0;box-shadow:0 .25rem 1rem #1d275424,0 0 0 1px var(--pp-line);z-index:calc(var(--layer-raised) + 1)}.dialog-zoomed-gallery__dialog .dialog-zoomed-gallery__close-button:hover{background-color:var(--pp-tissue)}.pp-zoom-counter{position:fixed;top:max(var(--margin-lg),var(--safe-area-inset-top, 0px));inset-inline-start:max(var(--margin-lg),var(--safe-area-inset-left, 0px));z-index:var(--layer-raised);margin:0;padding:.375rem .875rem;border-radius:999px;background-color:#fffffff0;box-shadow:0 0 0 1px var(--pp-line);color:var(--pp-ink);font-size:.875rem;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums;pointer-events:none}.pp-zoom-nav{position:fixed;top:calc(50% - 1.5rem);z-index:var(--layer-raised);display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background-color:#fffffff0;color:var(--pp-ink);box-shadow:0 .25rem 1rem #1d275424,0 0 0 1px var(--pp-line);cursor:pointer;transition:background-color .2s ease,color .2s ease}.pp-zoom-nav:hover{background-color:var(--pp-blue);color:#fff}.pp-zoom-nav:focus-visible{outline:2px solid var(--pp-blue);outline-offset:3px}.pp-zoom-nav svg{width:1.25rem;height:1.25rem}.pp-zoom-nav--prev{inset-inline-start:max(var(--margin-sm),var(--safe-area-inset-left, 0px))}.pp-zoom-nav--next{inset-inline-end:max(var(--margin-sm),var(--safe-area-inset-right, 0px))}[dir=rtl] .pp-zoom-nav svg{transform:scaleX(-1)}.dialog--closed :is(.pp-zoom-nav,.pp-zoom-counter){opacity:0}@media(prefers-reduced-motion:no-preference){.dialog-zoomed-gallery__dialog[open] :is(.pp-zoom-nav,.pp-zoom-counter){animation:ppZoomUiIn .25s ease .2s both}}@keyframes ppZoomUiIn{0%{opacity:0}}.dialog-thumbnails-list__thumbnail{opacity:.62;transition:opacity .2s ease}.dialog-thumbnails-list__thumbnail:hover,.dialog-thumbnails-list__thumbnail[aria-current=true]{opacity:1}.dialog-thumbnails-list-container .dialog-thumbnails-list{--active-thumbnail-border-color: var(--pp-blue);color:var(--pp-blue)}@media screen and (min-width:750px){.dialog-zoomed-gallery__dialog{overflow:hidden}.dialog-zoomed-gallery__dialog .dialog-zoomed-gallery__close-button{width:3rem;height:3rem}.dialog-zoomed-gallery{display:flex;height:100dvh;overflow:hidden;overscroll-behavior:contain;scroll-snap-type:x mandatory;cursor:default}.dialog-zoomed-gallery>.product-media-container{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:5.5rem 7rem 8rem;overflow:hidden}.dialog-zoomed-gallery>.product-media-container--image{cursor:zoom-out}.dialog-zoomed-gallery .product-media-container--image .product-media__drag-zoom-wrapper,.dialog-zoomed-gallery .product-media-container--image .product-media{display:flex;align-items:center;justify-content:center;width:100%;height:100%;aspect-ratio:auto;overflow:visible}.dialog-zoomed-gallery .product-media-container--image .product-media__image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--pp-radius);cursor:zoom-in;transform:none;transform-origin:var(--pp-zoom-x, 50%) var(--pp-zoom-y, 50%)}.dialog-zoomed-gallery .product-media-container--image.pp-zoomed .product-media__image{transform:scale(var(--pp-zoom-scale, 2.5));cursor:zoom-out;border-radius:0}@media(prefers-reduced-motion:no-preference){.dialog-zoomed-gallery .product-media-container--image .product-media__image{transition:transform .3s cubic-bezier(.2,.7,.2,1),border-radius .3s ease}.dialog-zoomed-gallery .product-media-container--image.pp-zooming .product-media__image{transition:none}}.dialog-zoomed-gallery :is(.product-media-container--video,.product-media-container--external_video) deferred-media{width:min(100%,calc((100dvh - 13.5rem) * var(--ratio, 1.78)));max-height:100%}.dialog-zoomed-gallery .product-media-container--model .product-media__image{height:100%}.pp-zoom-nav{width:3.5rem;height:3.5rem;top:calc(50% - 2.75rem)}.pp-zoom-nav--prev{inset-inline-start:max(var(--margin-xl, 2rem),var(--safe-area-inset-left, 0px))}.pp-zoom-nav--next{inset-inline-end:max(var(--margin-xl, 2rem),var(--safe-area-inset-right, 0px))}.dialog-thumbnails-list-container .dialog-thumbnails-list{--thumbnail-width: 3.5rem;position:relative;flex-direction:row;inset:auto;max-height:none;max-width:calc(100vw - 2rem);overflow:auto hidden;padding:var(--padding-lg) var(--padding-md);animation-name:thumbnailsSlideInBottom}.dialog--closed .dialog-thumbnails-list-container .dialog-thumbnails-list{animation-name:thumbnailsSlideOutBottom}}@media screen and (max-width:749px){.pp-zoom-nav{top:auto;bottom:calc(var(--thumbnail-width, 44px) + var(--padding-lg) * 2 + .5rem + var(--safe-area-inset-bottom, 0px));opacity:.94}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/pp-product-gallery.css.map */