.media-gallery{--gallery-stage: var(--pdp-stage, max(440px, 100vh - var(--header-height-expanded) - 100px));--gallery-thumb: 124px;display:block;position:relative;min-width:0}.media-gallery--pdp{padding:10px}.media-gallery__stage{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--color-page)}.media-gallery--pdp .media-gallery__stage{clip-path:polygon(0 0,calc(100% - 40px) 0,100% 61.4px,100% 100%,0 100%)}.media-gallery__track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.media-gallery__track::-webkit-scrollbar{display:none}.media-gallery--single .media-gallery__track{overflow:hidden}.media-gallery__slide{position:relative;flex:0 0 100%;min-width:0;aspect-ratio:1;overflow:hidden;border-radius:var(--radius);scroll-snap-align:start}.media-gallery__slide+.media-gallery__slide{content-visibility:auto}.media-gallery__media{display:flex;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:var(--radius);background:none;color:inherit;font:inherit}.media-gallery__image{width:100%;height:100%;border-radius:var(--radius);object-fit:contain;mix-blend-mode:multiply}.media-gallery__zoom{cursor:zoom-in}.media-gallery__zoom:focus-visible{outline-offset:-.25rem}.media-gallery[data-available=false] :is(.media-gallery__slide,.zoom-dialog__item){filter:grayscale(1);opacity:.5}.media-gallery__counter{position:absolute;inset-block-end:12px;inset-inline-end:12px;z-index:2;padding:.4em .8em;border-radius:999px;background:rgb(var(--color-navy-rgb) / .78);color:var(--color-bg);font-size:12px;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1;pointer-events:none}.media-gallery__arrows{display:none}.media-gallery__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--color-bg);color:var(--color-navy);box-shadow:var(--shadow-float);cursor:pointer;pointer-events:auto;transition:color var(--dur-fast) ease-in-out}.media-gallery__arrow:hover{background:var(--color-page)}.media-gallery__arrow--prev{scale:-1 1}.media-gallery__arrow .icon{width:1.25rem;height:1.25rem}.media-gallery__dots{position:absolute;inset-block-end:0;inset-inline:0;z-index:2;display:flex;align-items:center;justify-content:center;min-height:44px;mix-blend-mode:difference;pointer-events:none}.media-gallery__dot-list{display:inline-flex;align-items:center;gap:.6rem;margin:0;padding:.7rem 1rem;border-radius:3rem;list-style:none;pointer-events:auto}.media-gallery__dot-list>li{display:flex}.media-gallery__dot{--dot-color: rgb(255 255 255 / .3);--dot-ring: hsl(0 0% 0% / .15);position:relative;display:flex;align-items:center;justify-content:center;width:1.12rem;height:1.12rem;margin:-.28rem;padding:0;border:0;border-radius:.56rem;background:none;color:#fff;cursor:pointer}.media-gallery__dot:before{content:"";position:absolute;inset:calc(.56rem - 22px) -.02rem}.media-gallery__dot:after{content:"";width:.56rem;height:.56rem;border-radius:50%;background:var(--dot-color);box-shadow:inset 0 0 0 1.5px var(--dot-ring)}.media-gallery__dot[aria-current=true]{--dot-color: #fff;--dot-ring: hsl(0 0% 0% / .4)}.media-gallery__thumbs{display:none}.media-gallery__thumb-list{display:flex;flex-direction:column;gap:.5rem;overflow:hidden auto;scrollbar-width:none}.media-gallery__thumb-list::-webkit-scrollbar{display:none}.media-gallery__thumb{position:relative;flex:none;width:var(--gallery-thumb);height:var(--gallery-thumb);padding:8px;border:1px solid rgb(var(--color-navy-rgb) / .12);border-radius:var(--radius);background:var(--color-bg);outline:2px solid transparent;outline-offset:-2px;cursor:pointer;transition:outline-color .2s ease}.media-gallery__thumb[aria-current=true]{outline-color:var(--color-red)}.media-gallery__thumb:focus-visible{outline:2px solid transparent;outline-offset:-2px;box-shadow:inset 0 0 0 3px var(--color-bg),inset 0 0 0 5px var(--color-navy)}.media-gallery__thumb[aria-current=true]:focus-visible{outline-color:var(--color-red)}.media-gallery__thumb picture{height:100%}.media-gallery__thumb img{width:100%;height:100%;border-radius:var(--radius);object-fit:contain}.media-gallery__badge{position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem;display:flex;align-items:center;justify-content:center;width:clamp(16px,10%,20px);height:clamp(16px,10%,20px);border-radius:.2rem;background:var(--color-bg);color:var(--color-text);box-shadow:0 0 0 1px #0000000d}.media-gallery__badge .icon{width:60%;height:60%;opacity:.6}.media-gallery__deferred{position:relative}.media-gallery__deferred>:is(video,iframe,model-viewer){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover}.media-gallery__play,.media-gallery__toggle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#fff;cursor:pointer}.media-gallery__play .icon,.media-gallery__toggle .icon{width:44px;height:44px;filter:drop-shadow(0 2px 3px rgb(0 0 0 / .2))}.media-gallery__toggle{z-index:1;opacity:0;transition:opacity .3s ease}.media-gallery__toggle[hidden]{display:none}.media-gallery__toggle:is(:hover,:focus-visible){opacity:1}.media-gallery__deferred:not(.is-paused) .media-gallery__play-icon,.media-gallery__deferred.is-paused .media-gallery__pause-icon{display:none}.media-gallery__deferred.is-loaded .media-gallery__image{opacity:0;transition:opacity var(--dur-fast) ease-in-out}.media-gallery__deferred.is-loaded .media-gallery__play{opacity:0;pointer-events:none;transition:opacity .3s ease}@media(hover:hover){.media-gallery__play:hover .icon{color:#fffc}}@media(min-width:750px){.media-gallery--pdp{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start}.media-gallery__thumbs{display:block;position:relative;grid-area:1 / 1;align-self:stretch;width:calc(var(--gallery-thumb) + 16px);border-radius:var(--radius);background:var(--color-page)}.media-gallery__thumb-list{position:absolute;top:8px;right:8px;bottom:8px;left:8px}.media-gallery--pdp .media-gallery__stage{grid-area:1 / 2;width:min(100%,var(--gallery-stage))}.media-gallery__arrows{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding-inline:12px;pointer-events:none}.media-gallery__dots{display:none}.media-gallery:not(.media-gallery--single) .media-gallery__track{cursor:grab;-webkit-user-select:none;user-select:none}.media-gallery.is-dragging .media-gallery__track{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.media-gallery.is-dragging .media-gallery__slide{pointer-events:none}.media-gallery.is-dragging .media-gallery__arrows{visibility:hidden}:is(.media-gallery__play,.media-gallery__toggle) .icon{width:4rem;height:4rem}}.media-gallery--quick-add{pointer-events:none}.media-gallery--quick-add .media-gallery__stage{overflow:visible;border-radius:0;background:none}.media-gallery--quick-add .media-gallery__track{flex-direction:column;gap:.3rem;overflow:visible;scroll-snap-type:none}.media-gallery--quick-add .media-gallery__slide{flex:none;border-radius:0;background:var(--color-bg);content-visibility:visible}.media-gallery--quick-add :is(.media-gallery__media,.media-gallery__image){border-radius:0}@media(max-width:749.98px){.media-gallery--quick-add .media-gallery__slide+.media-gallery__slide{display:none}}@media(prefers-reduced-motion:no-preference){.media-gallery__track{scroll-behavior:smooth}.media-gallery--quick-add .media-gallery__slide{animation:gallery-rise .3s cubic-bezier(.16,1,.3,1) both}.media-gallery--quick-add .media-gallery__slide:nth-child(2){animation-delay:.05s}.media-gallery--quick-add .media-gallery__slide:nth-child(3){animation-delay:.1s}}@keyframes gallery-rise{0%{opacity:0;translate:0 10px}}.zoom-dialog{width:100vw;height:100vh;max-width:100%;max-height:100%;margin:0;padding:0;overflow:hidden auto;overscroll-behavior:contain;border:0;background:var(--color-bg);color:var(--color-text);scrollbar-width:none}.zoom-dialog::-webkit-scrollbar{display:none}.zoom-dialog::backdrop{background:transparent}:root:active-view-transition .zoom-dialog{background:transparent}.zoom-dialog__close{position:fixed;inset-block-start:1rem;inset-inline-end:1rem;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;mix-blend-mode:difference;cursor:pointer}.zoom-dialog__close .icon{width:.85rem;height:.85rem}@media(hover:hover){.zoom-dialog__close:hover{opacity:.8}}.zoom-dialog__list{margin:0;padding:0;list-style:none;cursor:zoom-out}.zoom-dialog__item{position:relative;aspect-ratio:var(--ratio);overflow:hidden}.zoom-dialog__item:not(.zoom-dialog__item--image){cursor:auto}.zoom-dialog__pan,.zoom-dialog__item .media-gallery__media{width:100%;height:100%}.zoom-dialog__item img{width:100%;height:100%;object-fit:contain}.zoom-dialog__thumbs{position:fixed;inset-block-end:0;inset-inline:0;z-index:2;display:flex}.zoom-dialog__thumb-list{position:relative;display:inline-flex;gap:8px;margin-inline:auto;padding:1rem;overflow-x:auto;scrollbar-width:none}.zoom-dialog__thumb-list::-webkit-scrollbar{display:none}.zoom-dialog__thumb{flex:none;width:var(--gallery-thumb);height:var(--gallery-thumb);padding:0;border:0;border-radius:var(--radius);background:none;cursor:pointer}.zoom-dialog__thumb img{width:100%;height:100%;border-radius:var(--radius);object-fit:cover}.zoom-dialog__thumb[aria-current=true]{outline:.09375rem solid currentColor;outline-offset:.1em}@supports (anchor-name: --zoom-thumb){.zoom-dialog__thumb[aria-current=true]{outline:0;anchor-name:--zoom-thumb}.zoom-dialog__thumb-list:after{content:"";position:absolute;inset:anchor(top) anchor(right) anchor(bottom) anchor(left);position-anchor:--zoom-thumb;border-radius:var(--radius);outline:.09375rem solid currentColor;outline-offset:.1em;pointer-events:none}}@media(max-width:749.98px){.zoom-dialog{overflow:hidden}.zoom-dialog__list{display:flex;height:100%;overflow:hidden;overscroll-behavior:none;scroll-snap-type:x mandatory}.zoom-dialog__item{display:flex;flex:0 0 100%;align-items:center;aspect-ratio:auto;scroll-snap-align:start}.zoom-dialog__item:not(.zoom-dialog__item--image) .media-gallery__media{height:auto;aspect-ratio:var(--ratio)}.zoom-dialog__item--model .media-gallery__media{height:100vh;aspect-ratio:auto}.zoom-dialog__pan{overflow:hidden;touch-action:none}.zoom-dialog__pan img{transform:scale(var(--zoom-scale, 1.5)) translate(var(--zoom-x, 0px),var(--zoom-y, 0px))}}@media(min-width:750px){.zoom-dialog__thumbs{inset:50% 0 auto auto;translate:0 -50%}.zoom-dialog__thumb-list{flex-direction:column;max-height:calc(100vh - 200px);overflow:hidden auto}}@media(prefers-reduced-motion:no-preference){.zoom-dialog{scroll-behavior:smooth}.zoom-dialog__thumbs{animation:zoom-thumbs-in .09375s ease-in-out .1875s both}.zoom-dialog.is-closing .zoom-dialog__thumbs{animation:zoom-thumbs-out var(--dur-fast) ease-in-out forwards}.zoom-dialog.is-closing .zoom-dialog__close{animation:zoom-close-out .0625s ease-in-out forwards}.zoom-dialog__thumb{transition:transform var(--dur-fast) ease-in-out}@supports (anchor-name: --zoom-thumb){.zoom-dialog__thumb-list:after{transition:inset .2988s linear(0,.0234,.0805 4.48%,.4865 15.68%,.6211 20.16%,.7696 26.88%,.8064 29.12%,.8646,.9063,.9358,.9563 47.04%,.9757,.9867 60.48%,.9941 69.44%,.9979 80.64%,.9996 98.56%)}}@media(min-width:750px){.zoom-dialog__thumbs{animation:zoom-thumbs-side-in .3818s linear(0,.0093 1.37%,.0696 4.12%,.4667 15.09%,.6322 20.58%,.6986 23.32%,.7793 27.44%,.8219 30.18%,.8721,.9089 38.42%,.9427,.9644,.978 54.88%,.9881 61.74%,.9944 69.97%,.998 80.95%,.9996 98.78%) .1909s both}.zoom-dialog.is-closing .zoom-dialog__thumbs{animation-name:zoom-thumbs-side-out;animation-delay:0s}}}@keyframes zoom-thumbs-in{0%{opacity:0;translate:0 100%}}@keyframes zoom-thumbs-out{to{opacity:0;translate:0 100%}}@keyframes zoom-thumbs-side-in{0%{opacity:0;translate:0 calc(-50% + 1rem)}}@keyframes zoom-thumbs-side-out{to{opacity:0;translate:0 calc(-50% + 1rem)}}@keyframes zoom-close-out{to{opacity:0;translate:0 -.7rem}}::view-transition-group(zoom-dialog-ui){z-index:17}::view-transition-group(gallery-item-open),::view-transition-group(gallery-item-close){z-index:16;overflow:clip;border-radius:8px}::view-transition-group(gallery-item-open){animation-duration:.498s;animation-timing-function:linear(0,.0033 .81%,.027 2.42%,.0916 4.84%,.4745 15.32%,.6422 20.97%,.7175,.7789,.8283 30.64%,.876,.9111 38.71%,.941,.9611 48.39%,.9707,.978 54.84%,.9885 62.1%,.9949 70.97%,.9982 82.26%,.9997 100%)}::view-transition-group(gallery-item-close){animation-duration:.3818s;animation-timing-function:linear(0,.0093 1.37%,.0696 4.12%,.4667 15.09%,.6322 20.58%,.6986 23.32%,.7793 27.44%,.8219 30.18%,.8721,.9089 38.42%,.9427,.9644,.978 54.88%,.9881 61.74%,.9944 69.97%,.998 80.95%,.9996 98.78%)}::view-transition-old(gallery-item-open),::view-transition-new(gallery-item-open),::view-transition-old(gallery-item-close),::view-transition-new(gallery-item-close){width:100%;height:100%;object-fit:cover}::view-transition-old(gallery-item-open),::view-transition-new(gallery-item-open){animation-timing-function:step-start}::view-transition-old(gallery-item-close),::view-transition-new(gallery-item-close){animation-timing-function:step-end}@media(max-width:749.98px){::view-transition-group(gallery-item-open),::view-transition-group(gallery-item-close){animation-duration:.1s;animation-timing-function:step-start}::view-transition-new(gallery-item-open){animation:zoom-fade-in .2988s linear(0,.0234,.0805 4.48%,.4865 15.68%,.6211 20.16%,.7696 26.88%,.8064 29.12%,.8646,.9063,.9358,.9563 47.04%,.9757,.9867 60.48%,.9941 69.44%,.9979 80.64%,.9996 98.56%) forwards}::view-transition-old(gallery-item-close){animation:zoom-fade-out .08s linear forwards}}@keyframes zoom-fade-in{0%{opacity:.8;scale:.98}}@keyframes zoom-fade-out{to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/media-gallery.css.map */