.mpn-modal-thumbs,.mpn-modal-count,.mpn-close-t{display:none}.product-media-modal__toggle{color:#000!important;border-color:#0000004d!important}@media all{.product-media-modal__dialog{position:relative;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;width:100%!important;max-width:100vw!important;height:100%;overflow:hidden;touch-action:pan-x pan-y}.product-media-modal__content{display:flex!important;flex-direction:row!important;align-items:center;align-self:stretch!important;flex:1 1 auto;width:100%!important;max-width:100vw!important;min-width:0;min-height:0;height:auto!important;padding:0!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}.product-media-modal__content.is-zoomed{overflow-x:hidden!important;touch-action:none;scroll-snap-type:none}.product-media-modal__content::-webkit-scrollbar{display:none}.product-media-modal__content>*{display:block!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;padding:0!important;object-fit:contain;scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden}.product-media-modal__content>img{transform-origin:50% 50%;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.product-media-modal__content>deferred-media{display:flex!important;align-items:center;justify-content:center;position:relative}.product-media-modal__content>deferred-media video{width:100%;height:100%;object-fit:contain;position:static!important}.mpn-modal-count{display:block;position:absolute;top:2.2rem;left:2rem;z-index:3;font-family:var(--font-custo);font-size:calc(var(--font-body-scale)*1.3rem);letter-spacing:.04em;color:#575656}.mpn-modal-count:empty{display:none}.mpn-modal-thumbs{position:relative;z-index:2;display:flex;flex:0 0 auto;align-self:stretch!important;justify-content:flex-start;gap:.8rem;width:100%!important;max-width:100vw!important;min-width:0;box-sizing:border-box;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:1.2rem 1.2rem calc(1.2rem + env(safe-area-inset-bottom,0px));scrollbar-width:none;background:inherit;touch-action:pan-x}.mpn-modal-thumbs::-webkit-scrollbar{display:none}.mpn-modal-thumb{flex:0 0 6.4rem;width:6.4rem;height:6.4rem;padding:0;border:1px solid transparent;background:#f5f5f5;cursor:pointer;opacity:.55;transition:opacity .2s ease,border-color .2s ease}.mpn-modal-thumb img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.mpn-modal-thumb.is-active{opacity:1;border-color:#000}}@media(min-width:750px)and (hover:hover){.mpn-modal-thumb:first-child{margin-left:auto}.mpn-modal-thumb:last-child{margin-right:auto}}.mpn-modal-arr,.mpn-mv-ui{display:none}@media all{.product-media-modal__content>deferred-media video{pointer-events:none}.product-media-modal__content>deferred-media video::-webkit-media-controls{display:none!important}.product-media-modal__content>deferred-media video::-webkit-media-controls-enclosure{display:none!important}.product-media-modal deferred-media>.mpn-mv-ui{display:block!important;position:absolute!important;right:0!important;bottom:0!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;z-index:3;pointer-events:none;transform:none!important;background:none!important}.mpn-mv-ui *{box-sizing:border-box}.mpn-mv-ui .mpn-mv-ic{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;margin:0;padding:0;transform:translate(-50%,-50%);border-radius:50%;background:#00000080;color:#fff;opacity:0;pointer-events:none}.mpn-mv-ui .mpn-mv-ic svg{display:block;width:2.6rem;height:2.6rem;position:static;margin:0}.mpn-mv-ui .mpn-mv-ic.is-on{animation:mpnMvFlash .6s ease forwards}@keyframes mpnMvFlash{0%{opacity:0}15%{opacity:1}65%{opacity:1}to{opacity:0}}.mpn-mv-ui .mpn-mv-bar{position:absolute;left:1.2rem;right:6.8rem;bottom:1.6rem;height:4.4rem;display:flex;align-items:center;gap:1rem;padding:0 1.4rem;border-radius:2.2rem;background:#00000080;color:#fff;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;pointer-events:auto;touch-action:none}.mpn-mv-ui .mpn-mv-bar.is-on{opacity:1;visibility:visible;transition:opacity .2s ease}.mpn-mv-ui .mpn-mv-t{flex:0 0 auto;font-size:1.2rem;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0}.mpn-mv-ui .mpn-mv-track{position:relative;flex:1 1 auto;height:3.2rem;min-width:0}.mpn-mv-ui .mpn-mv-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:.3rem;margin-top:-.15rem;border-radius:.2rem;background:#ffffff59}.mpn-mv-ui .mpn-mv-fill{display:block!important;position:absolute;z-index:1;left:0;top:50%;height:.3rem;margin-top:-.15rem;width:0;border-radius:.2rem;background:#fff}.mpn-mv-ui .mpn-mv-knob{display:block!important;position:absolute;z-index:2;box-shadow:0 0 0 .2rem #00000040;top:50%;left:0;width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem;border-radius:50%;background:#fff}.mpn-mv-ui .mpn-mv-snd{position:absolute;right:1.2rem;bottom:1.6rem;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;padding:0;border:0;border-radius:50%;background:#00000080;color:#fff;pointer-events:auto;-webkit-tap-highlight-color:transparent}.mpn-mv-ui .mpn-mv-snd svg{display:block;width:2rem;height:2rem;position:static}}@media(min-width:750px)and (hover:hover){.product-media-modal__dialog{padding:0!important}.product-media-modal__content{padding:7.2rem 0 0!important}.product-media-modal__toggle{width:auto!important;height:4.4rem;gap:.8rem;padding:0 1.6rem 0 1.4rem!important;border:1px solid #000!important;border-radius:0!important;background:#fff!important;color:#000!important;top:1.4rem!important;right:2rem!important;z-index:6;transition:background-color .15s ease,color .15s ease}.product-media-modal__toggle:hover{background:#000!important;color:#fff!important}.product-media-modal__toggle svg,.product-media-modal__toggle .icon{width:1.4rem!important;height:1.4rem!important}.mpn-close-t{display:inline;font-family:var(--font-custo,inherit);font-size:1.3rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1}.product-media-modal,.product-media-modal__dialog,.product-media-modal__content,.product-media-modal__content>img{cursor:default!important}.product-media-modal__content.mpn-zin>img{cursor:zoom-in!important}.mpn-zl{position:absolute;z-index:3;display:none;cursor:zoom-out;background-color:rgb(var(--color-background));overflow:hidden}.mpn-zl__in{position:absolute;left:0;top:0;background-size:100% 100%;background-repeat:no-repeat;will-change:transform;backface-visibility:hidden}.mpn-zl__hi{display:block;width:100%;height:100%;max-width:none;transition:opacity .2s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.mpn-zl.is-on{display:block}.product-media-modal__content>*{padding:0 9rem!important;box-sizing:border-box}.product-media-modal__content>img{width:100%!important;height:100%!important;object-fit:contain!important}.mpn-modal-thumbs{padding:1.6rem 2rem 2rem!important}.mpn-modal-thumbs .mpn-modal-thumb:first-child{margin-left:auto}.mpn-modal-thumbs .mpn-modal-thumb:last-child{margin-right:auto}.mpn-modal-thumb{flex-basis:7.2rem!important;width:7.2rem!important;height:7.2rem!important}.mpn-modal-count{top:2.4rem;left:3rem}.mpn-modal-arr{position:absolute;top:calc(50% - 6rem);z-index:4;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;margin:0;padding:0;border:1px solid #e3e1dc;border-radius:50%;background:#fff;color:#000;cursor:pointer;transition:background-color .15s ease}.mpn-modal-arr:hover{background:#f2f1ee}.mpn-modal-arr--prev{left:2.4rem}.mpn-modal-arr--next{right:2.4rem}.product-media-modal__content>deferred-media{cursor:pointer}.product-media-modal deferred-media>.mpn-mv-ui{opacity:0}.product-media-modal deferred-media>.mpn-mv-ui.is-placed{opacity:1}.product-media-modal deferred-media>.mpn-mv-ui:before{content:"";position:absolute;left:0;right:0;bottom:0;height:9rem;background:linear-gradient(to top,#0009,#0000);opacity:0;transition:opacity .25s ease;pointer-events:none}.product-media-modal deferred-media.mpn-ui-on>.mpn-mv-ui:before{opacity:1}.product-media-modal deferred-media>.mpn-mv-ui .mpn-mv-bar{left:1.2rem;right:6rem;bottom:.8rem;padding:0 .4rem;background:none}.product-media-modal deferred-media>.mpn-mv-ui .mpn-mv-snd{right:1rem;bottom:.8rem;background:none;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.product-media-modal deferred-media.mpn-ui-on>.mpn-mv-ui .mpn-mv-snd{opacity:1;visibility:visible;transition:opacity .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/mpn-product-media-modal.css.map */