html.mio-gallery-open,html.mio-gallery-open body{overflow:hidden;overscroll-behavior:none}html.mio-gallery-open #tidio-chat{visibility:hidden!important}.mio-gallery-prototype{--mio-gallery-ink: #171717;--mio-gallery-line: #dedbd6;--mio-gallery-paper: #fbfaf8;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;grid-template-rows:minmax(0,1fr) auto;color:var(--mio-gallery-ink);background:var(--mio-gallery-paper);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}.mio-gallery-prototype[data-open=true]{opacity:1;visibility:visible;transition:opacity .22s ease}.mio-gallery-prototype__stage{position:relative;min-height:0;overflow:hidden;touch-action:none;cursor:zoom-in}.mio-gallery-prototype[data-zoomed=true] .mio-gallery-prototype__stage{cursor:grab}.mio-gallery-prototype[data-dragging=true] .mio-gallery-prototype__stage{cursor:grabbing}.mio-gallery-prototype__image{position:relative;z-index:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center;will-change:transform;transition:transform .22s cubic-bezier(.2,.65,.35,1),opacity .15s ease}.mio-gallery-prototype__image-status{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:none;place-content:center;gap:10px;pointer-events:none;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.14em;text-align:center;text-transform:uppercase;color:#666;background:#fbfaf861}.mio-gallery-prototype[data-image-loading=true][data-mode=image] .mio-gallery-prototype__image-status{display:grid}.mio-gallery-prototype__image-status i{display:block;width:72px;height:1px;margin:auto;overflow:hidden;background:var(--mio-gallery-line)}.mio-gallery-prototype__image-status i:after{display:block;width:45%;height:100%;content:"";background:var(--mio-gallery-ink);animation:mio-gallery-loading 1.1s ease-in-out infinite alternate}.mio-gallery-prototype__threejs{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#f0f0f0}.mio-gallery-prototype__threejs[hidden]{display:none}.mio-gallery-prototype__threejs-mount,.mio-gallery-prototype__threejs-mount canvas{display:block;width:100%;height:100%}.mio-gallery-prototype__threejs-status{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-content:center;gap:12px;padding:24px;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.14em;text-align:center;text-transform:uppercase;color:#666;background:#f0f0f0eb}.mio-gallery-prototype__threejs[data-loading=true] .mio-gallery-prototype__threejs-status,.mio-gallery-prototype__threejs[data-error=true] .mio-gallery-prototype__threejs-status{display:grid}.mio-gallery-prototype__threejs-status i{display:block;width:88px;height:1px;margin:auto;overflow:hidden;background:var(--mio-gallery-line)}.mio-gallery-prototype__threejs-status i:after{display:block;width:45%;height:100%;content:"";background:var(--mio-gallery-ink);animation:mio-gallery-loading 1.1s ease-in-out infinite alternate}.mio-gallery-prototype__threejs[data-error=true] .mio-gallery-prototype__threejs-status i{display:none}@keyframes mio-gallery-loading{0%{transform:translate(0)}to{transform:translate(122%)}}.mio-gallery-prototype__pose{position:absolute;z-index:4;right:22px;bottom:22px;min-width:92px;height:42px;padding:0 16px;border:1px solid var(--mio-gallery-line);color:var(--mio-gallery-ink);background:#fffffff0;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.mio-gallery-prototype__pose:disabled{opacity:.55}.mio-gallery-prototype[data-dragging=true] .mio-gallery-prototype__image{transition:none}.mio-gallery-prototype__close,.mio-gallery-prototype__zoom button,.mio-gallery-prototype__arrow{-webkit-appearance:none;appearance:none;border:1px solid var(--mio-gallery-line);color:var(--mio-gallery-ink);background:#fffffff0;display:grid;place-items:center;padding:0}.mio-gallery-prototype__close{position:absolute;z-index:10;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));width:44px;height:44px;border-radius:50%}.mio-gallery-prototype__close svg,.mio-gallery-prototype__arrow svg,.mio-gallery-prototype__zoom svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.35}.mio-gallery-prototype__arrow{position:absolute;z-index:3;top:50%;width:44px;height:44px;border-radius:50%;opacity:0;transform:translateY(-50%);transition:opacity .16s ease,background-color .16s ease}.mio-gallery-prototype__arrow--previous{left:22px}.mio-gallery-prototype__arrow--next{right:22px}.mio-gallery-prototype__stage:hover .mio-gallery-prototype__arrow,.mio-gallery-prototype__arrow:focus-visible{opacity:1}.mio-gallery-prototype__zoom{position:absolute;z-index:10;top:22px;left:22px;display:grid;gap:8px}.mio-gallery-prototype__zoom button{width:44px;height:44px;border-radius:50%}.mio-gallery-prototype__zoom button+button{border-top:1px solid var(--mio-gallery-line)}.mio-gallery-prototype__zoom button:disabled{opacity:.32;cursor:default}.mio-gallery-prototype__footer{position:relative;z-index:5;padding:12px max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#fbfaf8f5}.mio-gallery-prototype__thumbs{display:flex;justify-content:center;gap:8px;max-width:100%;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.mio-gallery-prototype__thumbs::-webkit-scrollbar{display:none}.mio-gallery-prototype__thumb{flex:0 0 70px;width:70px;height:70px;padding:0;overflow:hidden;scroll-snap-align:center;border:1px solid transparent;background:#f3f1ee;opacity:.55;transition:opacity .16s ease,border-color .16s ease}.mio-gallery-prototype__thumb[aria-current=true]{border-color:var(--mio-gallery-ink);opacity:1}.mio-gallery-prototype__thumb img{width:100%;height:100%;object-fit:cover}.mio-gallery-prototype__thumb span{position:absolute;right:4px;bottom:4px;padding:2px 4px;color:#fff;background:#171717c7;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.08em}.mio-gallery-prototype__thumb{position:relative}.mio-gallery-prototype[data-mode="3d"] .mio-gallery-prototype__zoom{display:none}@media(min-width:768px){.mio-gallery-prototype{display:block;height:100dvh}.mio-gallery-prototype__stage{position:absolute;top:0;right:0;bottom:0;left:0}.mio-gallery-prototype__footer{position:absolute;z-index:6;right:0;bottom:0;left:0;padding-top:44px;padding-bottom:max(22px,env(safe-area-inset-bottom));background:linear-gradient(to bottom,#fbfaf800,#fbfaf8eb 48%)}.mio-gallery-prototype__pose{bottom:112px}}.mio-gallery-prototype button:focus-visible{outline:1px solid var(--mio-gallery-ink);outline-offset:3px}@media(max-width:767px){.mio-gallery-prototype{display:block;width:100%;height:100dvh;min-width:0}.mio-gallery-prototype__stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0}.mio-gallery-prototype__close{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));border:0;background:transparent}.mio-gallery-prototype__close:before,.mio-gallery-prototype__zoom button:before{position:absolute;width:32px;height:32px;content:"";border:1px solid var(--mio-gallery-line);border-radius:50%;background:#ffffffe6}.mio-gallery-prototype__close svg,.mio-gallery-prototype__zoom svg{position:relative;z-index:1;width:16px;height:16px}.mio-gallery-prototype__arrow{display:none}.mio-gallery-prototype__zoom{top:auto;right:max(14px,env(safe-area-inset-right));bottom:max(78px,calc(66px + env(safe-area-inset-bottom)));left:auto;grid-template-columns:44px;grid-template-rows:44px 44px;gap:0;transform:none}.mio-gallery-prototype__pose{right:max(14px,env(safe-area-inset-right));bottom:max(78px,calc(66px + env(safe-area-inset-bottom)));height:44px}.mio-gallery-prototype__zoom button{width:44px;height:44px;border:0;background:transparent}.mio-gallery-prototype__zoom button+button{border:0}.mio-gallery-prototype__footer{position:absolute;z-index:6;right:0;bottom:0;left:0;min-width:0;padding:34px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:linear-gradient(to bottom,#fbfaf800,#fbfaf8f5 48%);pointer-events:none}.mio-gallery-prototype__thumbs{width:max-content;justify-content:flex-start;gap:6px;margin:0 auto;pointer-events:auto}.mio-gallery-prototype__thumb{flex-basis:44px;width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.mio-gallery-prototype,.mio-gallery-prototype__image,.mio-gallery-prototype__arrow,.mio-gallery-prototype__thumb{transition:none}.mio-gallery-prototype__threejs-status i:after{animation:none}.mio-gallery-prototype__image-status i:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mio-gallery-prototype.css.map */