html:has(product-modal[data-mio-pdp-modal][open]){overflow:hidden}product-modal[data-mio-pdp-modal]{cursor:default}product-modal[data-mio-pdp-modal][open]{animation:mio-gallery-in .26s cubic-bezier(.2,.75,.25,1) both}product-modal[data-mio-pdp-modal][open] .product-media-modal__dialog{animation:mio-gallery-shell-in .26s cubic-bezier(.2,.75,.25,1) both}product-modal[data-mio-pdp-modal][open].is-closing{animation:mio-gallery-out .21s ease-in both}product-modal[data-mio-pdp-modal][open].is-closing .product-media-modal__dialog{animation:mio-gallery-shell-out .21s ease-in both}@keyframes mio-gallery-in{0%{opacity:0}to{opacity:1}}@keyframes mio-gallery-shell-in{0%{transform:translateY(8px) scale(.99)}to{transform:translateY(0) scale(1)}}@keyframes mio-gallery-out{0%{opacity:var(--mio-gallery-exit-opacity, 1)}to{opacity:0}}@keyframes mio-gallery-shell-out{0%{transform:var(--mio-gallery-exit-transform, translateY(0) scale(1))}to{transform:translateY(6px) scale(.99)}}product-modal[data-mio-pdp-modal][open]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:24px;background:#1c1b19c7}product-modal[data-mio-pdp-modal] .product-media-modal__dialog{position:relative;display:flex;flex-direction:column;align-items:stretch;width:var(--mio-modal-width, min(1200px, 100%));height:auto;max-width:100%;max-height:calc(100dvh - 48px);min-height:0;padding:0;overflow:hidden;box-sizing:border-box;border:1px solid #ded9d1;border-radius:24px;background:#fffdf9;color:#373838;box-shadow:0 20px 70px #0004;font-family:Nunito,var(--font-body-family, sans-serif);letter-spacing:normal}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__navigation{display:flex;align-items:center;flex:none;gap:14px;min-width:0;min-height:74px;box-sizing:border-box;padding:18px 22px 12px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__logo{flex:0 0 42px;width:42px;height:44px;object-fit:contain}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__identity{min-width:0;flex:1}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:inherit;font:700 17px/1.3 Nunito,var(--font-body-family, sans-serif);letter-spacing:normal}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__subtitle{margin:2px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#72706b;font-size:12px;line-height:1.3}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) [data-mio-modal-count]{flex:none;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:#6c6963;font-size:14px;line-height:1.3}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .product-media-modal__toggle{position:static;flex:0 0 44px;z-index:2;display:grid;place-items:center;width:44px;height:44px;min-width:44px;margin:0;padding:0;box-sizing:border-box;border:1px solid #ded9d1;border-radius:10px;background:#fffdf9;color:inherit;opacity:1;cursor:pointer}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .product-media-modal__toggle .mio-pdp-modal__close-icon{display:block;width:20px;height:20px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__body{display:flex;flex-direction:column;min-height:0;min-width:0;gap:8px;padding:0 22px 22px}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__body,product-modal[data-mio-pdp-modal][data-mio-modal-layout=compact-side] .mio-pdp-modal__body{flex-direction:row;gap:18px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__stage{position:relative;flex:1 1 auto;min-width:0;min-height:44px;height:var(--mio-stage-height, 60svh);overflow:hidden;border-radius:12px;background:#faf8f4}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .product-media-modal__content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;max-height:none;margin:0;padding:0;overflow:hidden;background:transparent}product-modal[data-mio-pdp-modal] .product-media-modal__content>[data-media-id]{width:100%;max-width:100%;margin:0;border:0}product-modal[data-mio-pdp-modal] .product-media-modal__content>[data-media-id]:not(.active),:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .product-media-modal__content>[hidden]{display:none!important}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .product-media-modal__content>.active{display:block!important;height:100%;max-height:100%}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .product-media-modal__content>img.active{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}product-modal[data-mio-pdp-modal][data-mio-inspecting] .product-media-modal__content{touch-action:none;cursor:grab}product-modal[data-mio-pdp-modal][data-mio-inspecting] .product-media-modal__content:active{cursor:grabbing}product-modal[data-mio-pdp-modal] .product-media-modal__content>deferred-media.active,product-modal[data-mio-pdp-modal] .product-media-modal__content>.product-media-modal__model.active,product-modal[data-mio-pdp-modal] .product-media-modal__model.active product-model{height:100%;padding-top:0!important}product-modal[data-mio-pdp-modal] .product-media-modal__content :is(video,iframe,model-viewer){width:100%;height:100%;max-height:100%;object-fit:contain}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) :is([data-mio-modal-prev],[data-mio-modal-next]){position:absolute;top:50%;z-index:1;display:grid;place-items:center;transform:translateY(-50%);box-sizing:border-box;width:57.2px;height:57.2px;padding:0;border:1px solid #ded9d1;border-radius:10.4px;background:#fffdf9;color:#373838;box-shadow:0 3px 10px #37383816;cursor:pointer}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) [data-mio-modal-prev]{left:12px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) [data-mio-modal-next]{right:12px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) :is([data-mio-modal-prev],[data-mio-modal-next]) svg{display:block;width:24.7px;height:24.7px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) :is([data-mio-modal-prev],[data-mio-modal-scroll="-1"]) svg{transform:rotate(90deg)}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) :is([data-mio-modal-next],[data-mio-modal-scroll="1"]) svg{transform:rotate(-90deg)}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__zoom{position:absolute;right:12px;bottom:12px;z-index:1;min-height:38px;padding:0 13px;border:1px solid #d6d0c8;border-radius:9px;background:#fffdf9;color:inherit;font:700 14px Nunito,var(--font-body-family, sans-serif);cursor:pointer;box-shadow:0 2px 9px #0001}product-modal[data-mio-pdp-modal] :is(button,.product-media-modal__content):focus-visible,dialog.mio-rec-inspector :is(.mio-pdp-modal__navigation,mio-inspector-photos) :is(button,.product-media-modal__content):focus-visible{outline:2px solid currentColor;outline-offset:-3px}product-modal[data-mio-pdp-modal] button:disabled,dialog.mio-rec-inspector :is(.mio-pdp-modal__navigation,mio-inspector-photos) button:disabled{opacity:.3;cursor:default}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__rail{display:flex;align-items:center;justify-content:center;flex:none;gap:6px;height:88px;min-height:0;min-width:0}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__thumbnails{display:flex;gap:8px;max-width:100%;min-width:0;min-height:0;padding:4px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior:contain}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__thumbnails::-webkit-scrollbar{display:none}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) [data-mio-modal-thumbnail]{display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;padding:0;box-sizing:border-box;overflow:hidden;border:2px solid transparent;border-radius:9px;background:#f0ede7;color:inherit;cursor:pointer}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) [data-mio-modal-thumbnail] img{display:block;width:100%;height:100%;object-fit:contain}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) [data-mio-modal-thumbnail][aria-current=true]{border-color:#373838}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__rail-step{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__rail-step svg{width:12px;height:12px}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__body{position:relative}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__body:after{content:"";position:absolute;inset-block:0 22px;right:239px;width:1px;background:#37383824;pointer-events:none}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__rail{width:208px;height:var(--mio-stage-height);overflow:hidden}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__thumbnails{display:grid;grid-template-columns:repeat(2,88px);justify-content:center;align-content:safe center;gap:10px;width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] [data-mio-modal-thumbnail]{width:88px;height:88px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) [hidden]{display:none!important}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__swipe-hint{flex:none;margin:-2px 0 0;color:#77726a;font-size:11px;line-height:16px;text-align:center}@media(max-width:700px){product-modal[data-mio-pdp-modal][open]{padding:12px}product-modal[data-mio-pdp-modal] .product-media-modal__dialog{max-height:calc(100dvh - 24px);border-radius:20px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__navigation{gap:8px;min-height:64px;padding:12px 12px 8px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__logo{flex-basis:32px;width:32px;height:34px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__title{font-size:15px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__subtitle{font-size:11px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) [data-mio-modal-count]{font-size:12px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .product-media-modal__toggle{padding:0;border:0;background:transparent;box-shadow:none}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__body{padding:0 12px 12px;gap:6px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__rail{height:76px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__thumbnails{gap:7px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) [data-mio-modal-thumbnail]{flex-basis:64px;width:64px;height:64px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) [data-mio-modal-prev]{left:8px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) [data-mio-modal-next]{right:8px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__zoom{right:5px;bottom:5px;width:58px;height:44px;min-height:44px;padding:0;border:0;background:transparent;box-shadow:none;font-size:12px;font-weight:400;isolation:isolate}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__zoom:before{content:"";position:absolute;top:8px;right:4px;bottom:8px;left:4px;z-index:-1;border:1px solid #ded9d1;border-radius:7px;background:#fffdf9;box-shadow:0 2px 6px #37383812}}@media(max-width:749px){:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) :is([data-mio-modal-prev],[data-mio-modal-next]),.mio-pdp .mio-pdp__media slider-component[id^=GalleryViewer-]>.mio-pdp__thumb-nav .mio-pdp__thumb-nav-btn{width:57.2px!important;height:57.2px!important;padding:0;border:0!important;border-radius:9.1px!important;background:transparent!important;box-shadow:none!important;isolation:isolate}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) :is([data-mio-modal-prev],[data-mio-modal-next]):before,.mio-pdp .mio-pdp__media slider-component[id^=GalleryViewer-]>.mio-pdp__thumb-nav .mio-pdp__thumb-nav-btn:before{content:"";position:absolute;top:7.8px;right:7.8px;bottom:7.8px;left:7.8px;z-index:-1;width:auto;height:auto;box-sizing:border-box;border:1px solid #ded9d1;border-radius:inherit;background:#fffdf9;box-shadow:0 2px 6px #37383812;transform:none}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) :is([data-mio-modal-prev],[data-mio-modal-next]) svg,.mio-pdp .mio-pdp__media slider-component[id^=GalleryViewer-]>.mio-pdp__thumb-nav .mio-pdp__thumb-nav-btn svg{display:block;width:20.8px!important;height:20.8px!important}.mio-pdp .mio-pdp__media slider-component[id^=GalleryViewer-]>.mio-pdp__thumb-nav .mio-pdp__thumb-nav-btn{pointer-events:auto}.mio-pdp .mio-pdp__media slider-component[id^=GalleryViewer-]>.mio-pdp__thumb-nav .mio-pdp__thumb-nav-btn--prev{left:0!important}.mio-pdp .mio-pdp__media slider-component[id^=GalleryViewer-]>.mio-pdp__thumb-nav .mio-pdp__thumb-nav-btn--next{right:0!important}}@media(max-height:520px)and (orientation:landscape){product-modal[data-mio-pdp-modal][open]{padding:10px}product-modal[data-mio-pdp-modal] .product-media-modal__dialog{max-height:calc(100dvh - 20px)}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__navigation{min-height:54px;padding:5px 14px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__subtitle{display:none}product-modal[data-mio-pdp-modal][data-mio-modal-layout=compact-side] .mio-pdp-modal__body{padding:0 14px 10px;gap:8px}product-modal[data-mio-pdp-modal][data-mio-modal-layout=compact-side] .mio-pdp-modal__rail{width:62px;height:var(--mio-stage-height);overflow:hidden}product-modal[data-mio-pdp-modal][data-mio-modal-layout=compact-side] .mio-pdp-modal__thumbnails{flex-direction:column;max-height:100%;overflow-y:auto;overflow-x:hidden;gap:7px}product-modal[data-mio-pdp-modal][data-mio-modal-layout=compact-side] [data-mio-modal-thumbnail]{flex-basis:48px;width:48px;height:48px}}@media(prefers-reduced-motion:reduce){product-modal[data-mio-pdp-modal] *,product-modal[data-mio-pdp-modal]{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.mio-pdp .mio-pdp__viewer-tag,:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__desktop-count{position:absolute;z-index:3;top:var(--mio-counter-top, .6rem);left:var(--mio-counter-left, .6rem);right:auto;display:inline-flex;align-items:center;justify-content:center;gap:.28rem;box-sizing:border-box;width:calc(var(--mio-counter-text-width, 5ch) + 1.36rem + 2px);margin:0;padding:.44rem .4rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.28);background:#373838a8;color:#fff;font-family:Nunito,sans-serif;font-size:1.06rem;font-weight:700;letter-spacing:.025em!important;line-height:1.1;font-variant-numeric:tabular-nums;box-shadow:0 4px 10px #37383833;backdrop-filter:blur(1.2px);-webkit-backdrop-filter:blur(1.2px);text-transform:none;white-space:nowrap;transform:none;pointer-events:none}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) [data-mio-modal-count]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media screen and (min-width:1024px){:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__zoom{box-sizing:border-box;width:72px}:is(product-modal[data-mio-pdp-modal],dialog.mio-rec-inspector) .mio-pdp-modal__zoom:disabled{opacity:.65}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__body:after{right:141px}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__rail{position:relative;width:110px;height:var(--mio-rail-image-height, var(--mio-stage-height));display:block;align-self:flex-start;margin-top:var(--mio-rail-image-offset, 0px)}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__thumbnails{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;height:100%;max-height:100%;padding:4px 7px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] [data-mio-modal-thumbnail]{flex:0 0 88px;width:88px;height:88px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #37383821;border:1px solid #ded9d1}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] [data-mio-modal-thumbnail][aria-current=true]{border:2px solid #373838}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__rail:before,product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__rail:after{content:"";position:absolute;left:0;right:0;height:34px;z-index:1;pointer-events:none}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__rail:before{top:0;background:linear-gradient(#fffdf9,#fffdf900);opacity:0}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__rail:after{bottom:0;background:linear-gradient(#fffdf900,#fffdf9);opacity:0}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__rail[data-mio-rail-start=false]:before,product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__rail[data-mio-rail-end=false]:after{opacity:1}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] .mio-pdp-modal__rail-step{position:absolute;z-index:2;left:33px;width:44px;height:28px;border:1px solid #ded9d1;border-radius:8px;background:#fffdf9ed;box-shadow:0 2px 6px #37383820}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] [data-mio-modal-scroll="-1"]{top:0}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] [data-mio-modal-scroll="1"]{bottom:0}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] [data-mio-modal-scroll="-1"] svg{transform:rotate(180deg)}product-modal[data-mio-pdp-modal][data-mio-modal-layout=side] [data-mio-modal-scroll="1"] svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/mio-photo-viewer.css.map */