.yx-pdp-media-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;color:#fff;background:#f3f1ee}.yx-pdp-media-viewer::backdrop{background:#f3f1ee}.yx-pdp-media-viewer__stage{display:grid;grid-template-columns:repeat(var(--yx-viewer-count, 3),minmax(0,1fr));gap:16px;width:100%;height:100%;overflow:hidden}.yx-pdp-media-viewer__thumbs{display:none}.yx-pdp-media-viewer__item{position:relative;display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;background:#f7f6f4}.yx-pdp-media-viewer__image-wrap,.yx-pdp-media-viewer__image,.yx-pdp-media-viewer__item>video,.yx-pdp-media-viewer__item>iframe,.yx-pdp-media-viewer__item>model-viewer{width:100%;height:100%}.yx-pdp-media-viewer__image-wrap{display:grid;place-items:center;overflow:hidden;cursor:zoom-in;touch-action:none}.yx-pdp-media-viewer__image{object-fit:contain;transform:translate3d(var(--yx-pan-x, 0),var(--yx-pan-y, 0),0) scale(var(--yx-image-scale, 1));transform-origin:var(--yx-zoom-origin, 50% 50%);transition:transform .22s cubic-bezier(.22,.61,.36,1);will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.yx-pdp-media-viewer__image-wrap.is-zoomed{cursor:zoom-out}.yx-pdp-media-viewer__item>video{object-fit:contain;background:#111}.yx-pdp-media-viewer__video-toggle{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:58px;height:58px;padding:0;transform:translate(-50%,-50%);place-items:center;border:0;border-radius:50%;color:#fff;background:#151515;cursor:pointer}.yx-pdp-media-viewer__video-toggle svg{grid-area:1 / 1;width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linecap:round}.yx-pdp-media-viewer__video-play{color:#fbbe09}.yx-pdp-media-viewer__video-pause,.yx-pdp-media-viewer__video-toggle[data-playing=true] .yx-pdp-media-viewer__video-play{display:none}.yx-pdp-media-viewer__video-toggle[data-playing=true] .yx-pdp-media-viewer__video-pause{display:block;fill:none}.yx-pdp-media-viewer__item>iframe,.yx-pdp-media-viewer__item>model-viewer{border:0;background:#111}.yx-pdp-media-viewer__counter,.yx-pdp-media-viewer__arrow,.yx-pdp-media-viewer__close{position:fixed;z-index:3;display:grid;place-items:center;border:0;border-radius:6px;color:#fbbe09;background:#2f2f2f;box-shadow:none}.yx-pdp-media-viewer__counter{top:32px;left:50%;display:flex;min-width:92px;height:48px;padding-inline:18px;transform:translate(-50%);font:500 17px/1 var(--font-body--family, Arial, sans-serif);font-variant-numeric:tabular-nums;pointer-events:none}.yx-pdp-media-viewer__counter-total,.yx-pdp-media-viewer__counter-slash{opacity:.46}.yx-pdp-media-viewer__counter-slash{margin-inline:8px}.yx-pdp-media-viewer__arrow{top:50%;width:56px;height:56px;padding:0;transform:translateY(-50%);transition:color .16s ease,background-color .16s ease;cursor:pointer}.yx-pdp-media-viewer__arrow:hover{color:#fbbe09;background:#000}.yx-pdp-media-viewer__arrow:is(:focus-visible,:active){color:#fbbe09;background:#000}.yx-pdp-media-viewer__arrow--prev{left:28px}.yx-pdp-media-viewer__arrow--next{right:28px}.yx-pdp-media-viewer__arrow svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.yx-pdp-media-viewer__close{left:50%;bottom:40px;width:56px;height:56px;padding:0;transform:translate(-50%);transition:color .16s ease,background-color .16s ease;cursor:pointer}.yx-pdp-media-viewer__close:hover,.yx-pdp-media-viewer__close:is(:focus-visible,:active){color:#fbbe09;background:#000}.yx-pdp-media-viewer__close:before,.yx-pdp-media-viewer__close:after{position:absolute;width:30px;height:2px;border-radius:2px;background:currentColor;content:""}.yx-pdp-media-viewer__close:before{transform:rotate(45deg)}.yx-pdp-media-viewer__close:after{transform:rotate(-45deg)}.yx-pdp-media-viewer :is(button):focus-visible{outline:3px solid #fbbe09;outline-offset:3px}html.yx-pdp-media-viewer-open,html.yx-pdp-media-viewer-open body{overflow:hidden}@media(min-width:750px){.yx-pdp-media-viewer__stage{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.yx-pdp-media-viewer__stage::-webkit-scrollbar{display:none}.yx-pdp-media-viewer__item{box-sizing:border-box;flex:0 0 100%;width:100%;height:100%;padding:0 84px 80px;scroll-snap-align:start;scroll-snap-stop:always}.yx-pdp-media-viewer__image-wrap{position:relative;cursor:zoom-in;touch-action:pan-x}.yx-pdp-media-viewer__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:translate3d(var(--yx-pan-x, 0),var(--yx-pan-y, 0),0) scale(var(--yx-image-scale, 1));transform-origin:var(--yx-zoom-origin, 50% 50%);transition:transform .28s cubic-bezier(.22,.61,.36,1);will-change:transform}.yx-pdp-media-viewer__image-wrap.is-zoomed{cursor:zoom-out}.yx-pdp-media-viewer__item>video{width:auto;height:min(72dvh,780px);max-width:min(68vw,1120px);max-height:none;border-radius:6px}.yx-pdp-media-viewer__counter{display:none}.yx-pdp-media-viewer__thumbs{position:fixed;bottom:12px;left:50%;z-index:4;display:flex;width:min(644px,calc(100vw - 220px));padding:6px;overflow-x:auto;transform:translate(-50%);gap:8px;border-radius:8px;background:#2f2f2fe0;scrollbar-width:none;scroll-behavior:smooth}.yx-pdp-media-viewer__thumbs::-webkit-scrollbar{display:none}.yx-pdp-media-viewer__thumb{box-sizing:border-box;flex:0 0 56px;width:56px;height:56px;padding:2px;overflow:hidden;border:2px solid transparent;border-radius:5px;color:#fff;background:#f7f6f4;cursor:pointer;transition:border-color .18s ease,opacity .18s ease;opacity:.7}.yx-pdp-media-viewer__thumb:first-child{margin-inline-start:auto}.yx-pdp-media-viewer__thumb:last-child{margin-inline-end:auto}.yx-pdp-media-viewer__thumb:hover,.yx-pdp-media-viewer__thumb.is-active{border-color:#fbbe09;opacity:1}.yx-pdp-media-viewer__thumb img{display:block;width:100%;height:100%;object-fit:contain}.yx-pdp-media-viewer__close{top:28px;right:28px;bottom:auto;left:auto;transform:none}.yx-pdp-media-viewer__arrow:focus-visible{outline:none}}@media(min-width:1200px){.yx-pdp-media-viewer{opacity:0;transition:opacity .22s ease}.yx-pdp-media-viewer.is-open{opacity:1}.yx-pdp-media-viewer__image-wrap{opacity:.65;transform:scale(.985);transition:opacity .26s ease,transform .26s cubic-bezier(.22,.61,.36,1)}.yx-pdp-media-viewer.is-open .yx-pdp-media-viewer__image-wrap{opacity:1;transform:scale(1)}.yx-pdp-media-viewer__image-wrap.is-zoomed{cursor:grab}.yx-pdp-media-viewer__image-wrap.is-zoomed.is-dragging{cursor:grabbing}.yx-pdp-media-viewer__image-wrap.is-dragging .yx-pdp-media-viewer__image{transition:none}}@media(min-width:750px)and (max-width:1199px){body .main-product .main-product__media .main-product__zoom{right:18px;bottom:18px;display:grid;width:44px;height:44px;place-items:center;color:#2f2f2f}body .main-product .main-product__zoom .main-product__zoom-desktop{opacity:.72}}@media(max-width:749px){.yx-pdp-media-viewer__stage{display:block;position:relative}.yx-pdp-media-viewer__item{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.yx-pdp-media-viewer__item.is-active{z-index:1;visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}.yx-pdp-media-viewer__counter{top:max(12px,env(safe-area-inset-top));height:42px;min-width:82px;padding-inline:15px;font-size:15px}.yx-pdp-media-viewer__arrow{display:grid;width:44px;height:44px}.yx-pdp-media-viewer__arrow--prev{left:12px}.yx-pdp-media-viewer__arrow--next{right:12px}.yx-pdp-media-viewer__arrow svg{width:22px;height:22px}.yx-pdp-media-viewer__close{top:max(12px,env(safe-area-inset-top));right:12px;bottom:auto;left:auto;width:42px;height:42px;transform:none}.yx-pdp-media-viewer__close:before,.yx-pdp-media-viewer__close:after{width:20px}.yx-pdp-media-viewer__image,.yx-pdp-media-viewer,.yx-pdp-media-viewer__image-wrap{transition:none}}@media(prefers-reduced-motion:reduce){.yx-pdp-media-viewer,.yx-pdp-media-viewer__image-wrap,.yx-pdp-media-viewer__stage,.yx-pdp-media-viewer__thumbs{transition:none;scroll-behavior:auto}.yx-pdp-media-viewer__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/yx-pdp-media-viewer.css.map */