.mio-gallery{--gallery-bg: var(--mio-surface-default);--gallery-border: var(--mio-text-primary);--gallery-thumb-size: 95px;--gallery-thumb-gap: 12px;--gallery-transition: .15s ease}.mio-gallery{display:flex;flex-direction:column;gap:12px;width:100%}.mio-gallery__main{position:relative;width:100%;aspect-ratio:1 / 1;background-color:var(--gallery-bg);border-radius:4px;overflow:hidden}.mio-gallery__main-wrapper{position:relative;width:100%;height:100%}.mio-gallery__image{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;visibility:hidden;transition:opacity var(--gallery-transition)}.mio-gallery__image.is-active{opacity:1;visibility:visible}.mio-gallery__img{width:100%;height:100%;object-fit:contain}.mio-gallery__thumbs{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gallery-thumb-gap);justify-content:center;align-items:center;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 0 14px}[dir=ltr] .mio-gallery__thumbs{justify-content:center}.mio-gallery__thumbs::-webkit-scrollbar{display:none}.mio-gallery__thumb{position:relative;flex-shrink:0;width:var(--gallery-thumb-size);height:var(--gallery-thumb-size);padding:0;border:none;border-radius:0;background:var(--gallery-bg);cursor:pointer;overflow:visible;box-sizing:border-box;transition:opacity var(--gallery-transition)}.mio-gallery__thumb:hover:not(.is-active){opacity:.8}.mio-gallery__thumb.is-active{cursor:default}.mio-gallery__thumb:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:1px;background:#70120080;opacity:0;transition:opacity var(--gallery-transition)}.mio-gallery__thumb.is-active:after{opacity:.75}.mio-gallery__thumb img{width:100%;height:100%;object-fit:cover}.mio-gallery__lens{position:absolute;width:150px;height:150px;border:2px solid rgba(168,109,32,.5);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);background-repeat:no-repeat;box-shadow:0 4px 12px #00000026;transition:opacity .15s ease;z-index:10}.mio-gallery__lens.is-visible{opacity:1}@media screen and (max-width:749px){.mio-gallery{--gallery-thumb-size: 80px}.mio-gallery__main{aspect-ratio:1 / 1;margin-block:.5rem;border-radius:0}.mio-gallery__main img,.mio-gallery__img{border-radius:0;object-fit:cover}.mio-gallery__thumbs{justify-content:flex-start;scroll-snap-type:x mandatory;scroll-padding-inline-start:1rem;gap:10px;margin-inline:-1.5rem;width:calc(100% + 3rem);padding-inline:0}.mio-gallery__thumbs:before,.mio-gallery__thumbs:after{content:"";flex-shrink:0;width:1rem}.mio-gallery__thumb{scroll-snap-align:start}.mio-gallery__lens{display:none}.mio-gallery__dots{display:flex;justify-content:center;gap:12px;padding:1rem 0}.mio-gallery__dot{position:relative;width:8px;height:8px;padding:0;border:none;border-radius:50%;background:#7012004d;cursor:pointer;transition:background .2s ease,transform .2s ease}.mio-gallery__dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.mio-gallery__dot.is-active{background:var(--gallery-border);transform:scale(1.25)}}@media screen and (min-width:750px){.mio-gallery__dots{display:none}}.mio-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.mio-lightbox.is-open{display:block}.mio-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;animation:mio-fade-in .2s ease}.mio-lightbox__content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:3rem}.mio-lightbox__close{position:absolute;top:1rem;right:1rem;z-index:10;width:44px;height:44px;padding:0;border:none;background:transparent;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s ease}.mio-lightbox__close:hover{opacity:1}.mio-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;padding:0;border:none;background:transparent;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s ease}.mio-lightbox__nav:hover{opacity:1}.mio-lightbox__nav--prev{left:1rem}.mio-lightbox__nav--next{right:1rem}.mio-lightbox__nav.is-hidden{display:none}.mio-lightbox__image-wrapper{max-width:90vw;max-height:80vh;animation:mio-scale-in .2s ease}.mio-lightbox__image{max-width:100%;max-height:80vh;object-fit:contain}.mio-lightbox__counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#fff;font-size:.875rem;opacity:.8}.mio-lightbox__counter.is-hidden{display:none}@keyframes mio-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mio-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:749px){.mio-lightbox__content{padding:1rem}.mio-lightbox__nav--prev{left:.5rem}.mio-lightbox__nav--next{right:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mio-gallery.css.map */