.fs-zoom{--fs-zoom-line: color-mix(in srgb, var(--fs-blue) 18%, transparent);--fs-zoom-thumb-w: 5.2rem;--fs-zoom-thumb-h: 6.4rem;--fs-zoom-strip-pad: 1.6rem;--fs-zoom-side: 9.6rem;--fs-zoom-top: 2.4rem;--fs-zoom-bottom: .8rem;--fs-zoom-slide-time: .6s;--fs-zoom-slide-ease: cubic-bezier(.45, 0, .2, 1);display:none}.fs-zoom[open]{display:block}.fs-zoom__dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:var(--fs-paper);color:var(--fs-blue);outline:none;animation:fs-zoom-in .2s ease-out}@keyframes fs-zoom-in{0%{opacity:0}}.fs-zoom__stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;touch-action:none}.fs-zoom__track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;transition:transform var(--fs-zoom-slide-time) var(--fs-zoom-slide-ease)}.fs-zoom__track.is-dragging{transition:none}.fs-zoom__slide{transition:opacity var(--fs-zoom-slide-time) var(--fs-zoom-slide-ease)}.fs-zoom__slide[aria-hidden=true]{opacity:0}.fs-zoom__track.is-dragging .fs-zoom__slide{opacity:1;transition:none}.fs-zoom__track.is-released,.fs-zoom__track.is-released .fs-zoom__slide{transition-timing-function:cubic-bezier(.2,.7,.25,1)}.fs-zoom__slide{flex:0 0 100%;height:100%;box-sizing:border-box;padding:var(--fs-zoom-top) var(--fs-zoom-side) var(--fs-zoom-bottom);display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;overflow:hidden;container-type:size}.fs-zoom__frame,.fs-zoom__media{width:min(100cqw,100cqh * var(--fs-r, 1));aspect-ratio:var(--fs-r, 1)}.fs-zoom__media>*{width:100%}.fs-zoom__img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:0 0;transition:transform .25s ease-out;cursor:zoom-in;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.fs-zoom__img.is-zoomed{cursor:grab}.fs-zoom__img.is-panning{cursor:grabbing;transition:none}:is(.fs-zoom,.fs-gallery-nav) .fs-zoom__btn{position:absolute;z-index:2;display:grid;place-items:center;box-sizing:border-box;width:4.4rem;height:4.4rem;margin:0;padding:0;border:1px solid var(--fs-zoom-line);border-radius:50%;background:var(--fs-paper);color:var(--fs-blue);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}:is(.fs-zoom,.fs-gallery-nav) .fs-zoom__btn svg{width:2rem;height:2rem;fill:none;stroke:currentColor}.fs-zoom__close{top:1.6rem;right:1.6rem}.fs-zoom__arrow{top:50%;transform:translateY(-50%)}.fs-zoom__arrow--prev{left:2.4rem}.fs-zoom__arrow--next{right:2.4rem}@media(hover:hover){:is(.fs-zoom,.fs-gallery-nav) .fs-zoom__btn:hover{background:var(--fs-blue);border-color:var(--fs-blue);color:var(--fs-paper)}}:is(.fs-zoom,.fs-gallery-nav) .fs-zoom__btn:focus-visible,.fs-zoom .fs-zoom__thumb:focus-visible{outline:2px solid var(--fs-blue);outline-offset:2px;box-shadow:0 0 0 6px color-mix(in srgb,var(--fs-cyan) 35%,transparent)}.fs-zoom__dialog:is(.is-dismissing,.is-settling) :is(.fs-zoom__close,.fs-zoom__strip){opacity:calc(1 - var(--fs-zoom-dismiss, 0) * 3)}.fs-zoom__dialog.is-settling,.fs-zoom__dialog.is-settling :is(.fs-zoom__close,.fs-zoom__strip){transition:background-color .25s ease-out,opacity .25s ease-out}.fs-zoom__strip{position:relative;flex:0 0 auto;display:flex;gap:.8rem;padding:var(--fs-zoom-strip-pad) var(--fs-zoom-strip-pad) calc(var(--fs-zoom-strip-pad) + env(safe-area-inset-bottom,0px));overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x}.fs-zoom__strip::-webkit-scrollbar{display:none}.fs-zoom__strip>:first-child{margin-left:auto}.fs-zoom__strip>:last-child{margin-right:auto}.fs-zoom .fs-zoom__thumb{flex:0 0 auto;box-sizing:border-box;width:var(--fs-zoom-thumb-w);height:var(--fs-zoom-thumb-h);margin-top:0;margin-bottom:0;padding:0;border:1px solid var(--fs-zoom-line);border-radius:0;background:var(--fs-paper);color:var(--fs-blue);cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.fs-zoom__thumb img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}@media(hover:hover){.fs-zoom .fs-zoom__thumb:hover{border-color:color-mix(in srgb,var(--fs-blue) 50%,transparent)}}.fs-zoom .fs-zoom__thumb[aria-current=true]{border-color:var(--fs-blue);box-shadow:inset 0 0 0 1px var(--fs-blue)}@media screen and (max-width:749px){.fs-zoom{--fs-zoom-thumb-w: 4.2rem;--fs-zoom-thumb-h: 5.2rem;--fs-zoom-strip-pad: 1.2rem;--fs-zoom-side: 1.6rem;--fs-zoom-top: 6.4rem}.fs-zoom__close{top:1.2rem;right:1.2rem}.fs-zoom .fs-zoom__arrow{display:none}}.fs-gallery-nav{--fs-zoom-line: color-mix(in srgb, var(--fs-blue) 18%, transparent);position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.fs-gallery-nav[hidden]{display:none}.fs-gallery-nav .fs-gallery-nav__btn{top:50%;transform:translateY(-50%);width:3.4rem;height:3.4rem;border-color:transparent;background:transparent;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fs-gallery-nav .fs-gallery-nav__btn--prev{left:0}.fs-gallery-nav .fs-gallery-nav__btn--next{right:0}.fs-gallery-nav .fs-gallery-nav__btn .fs-gallery-nav__icon{width:2.6rem;height:2.6rem}.fs-gallery-nav .fs-gallery-nav__halo{stroke:var(--fs-paper)}.fs-gallery-nav .fs-gallery-nav__btn:active{border-color:transparent;background:color-mix(in srgb,var(--fs-blue) 10%,transparent);color:var(--fs-blue)}@media(hover:hover){.fs-gallery-nav .fs-gallery-nav__btn:hover{border-color:transparent;background:color-mix(in srgb,var(--fs-blue) 10%,transparent);color:var(--fs-blue)}}@media screen and (max-width:749px){.slider.slider--mobile.fs-gallery-list--full{scroll-padding-left:0;column-gap:0}.slider.slider--mobile.fs-gallery-list--full:after{content:none}.grid--peek.slider.fs-gallery-list--full>.product__media-item.grid__item{width:100%;margin-left:0}.thumbnail-slider.fs-thumbs--no-arrows .slider-button{display:none}.thumbnail-slider.fs-thumbs--no-arrows:not(.thumbnail-slider--no-slide) .thumbnail-list__item.slider__slide{width:calc(25% - .75rem)}}@media screen and (min-width:750px){fs-gallery-nav[hidden]+.slider-buttons{display:none}.product__media-list.fs-gallery-list--full{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.product__media-list.fs-gallery-list--full img{-webkit-user-drag:none}.product__media-list.fs-gallery-animating{position:relative;overflow:hidden}.product__media-list>.product__media-item.fs-gallery-leaving{display:block!important;position:absolute;top:0;left:0;width:100%;pointer-events:none}}@media(prefers-reduced-motion:reduce){.fs-zoom__dialog{animation:none}.fs-zoom__track,.fs-zoom__slide,.fs-zoom__img,:is(.fs-zoom,.fs-gallery-nav) .fs-zoom__btn,.fs-zoom .fs-zoom__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/fs-pdp-zoom.css.map */
