.loading-spinner{position:absolute;top:calc(50% - 10px);right:calc(50% - 10px);width:20px;height:20px;transition:opacity .4s .3s;animation:spinner .6s linear infinite;border:2px solid rgb(var(--text-color));border-radius:50%;border-top-color:rgba(var(--bg-color))}.loading-spinner--out{transition-duration:0s;opacity:0}.revealable{visibility:hidden;opacity:0}.revealable.revealable--in{visibility:visible;transition:opacity .4s,visibility .4s;opacity:1}.media-gallery{--media-gap: 13.24px;--media-gutter: calc(4 * var(--space-unit));flex-wrap:wrap;gap:10px}.media-gallery__viewer{background-color:var(--gallery-bg-color);border:1px solid var(--gallery-border-color);border-radius:10px;overflow:hidden}.media-gallery__viewer,.media-gallery__thumbs{flex-basis:100%;max-width:100%}.media-viewer,.media-thumbs{overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none}.media-thumbs{max-height:623px}.media-viewer::-webkit-scrollbar,.media-thumbs::-webkit-scrollbar{display:none}.media-viewer__item,.media-thumbs__item{scroll-snap-align:center}.media-viewer__item:not(:last-child),.media-thumbs__item:not(:last-child){margin-inline-end:var(--media-gap)}.media-viewer__item--variant:not(:first-child),.media-thumbs__item--variant:not(:first-child){display:none}.media-viewer__item{flex:0 0 100%;text-align:center;border-radius:10px;overflow:hidden}.media-viewer__item button.media-poster{border-radius:10px}@media only screen and (min-width:1024px){.media-viewer__item,.media-viewer__item button.media-poster:focus{border-radius:22.5px}}.media-viewer__item:focus,.media-viewer__item button.media-poster:focus{border:2px solid black}.media-viewer__item>deferred-media[loaded]{z-index:3}.media-poster__btn,.media-thumbs__badge{z-index:1;border-radius:var(--btn-icon-border-radius, var(--btn-border-radius))}.media-poster__btn{width:56px;height:56px;border:1px solid rgba(var(--text-color)/.2);background-color:rgba(var(--bg-color));color:rgb(var(--text-color))}.media-poster__btn>.icon{width:40%;height:40%}.media-gallery__thumbs.thumb-pos__top{margin-bottom:var(--media-gap)}.media-gallery__thumbs.thumb-pos__right{margin-left:var(--media-gap)}.media-gallery__thumbs.thumb-pos__bottom{margin-top:var(--media-gap)}.media-thumbs__item{flex:0 0 66px;min-height:0}.media-thumbs__badge{z-index:2;top:var(--space-unit);right:var(--space-unit);width:25%;min-width:20px;border:1px solid rgba(51,51,51,.2);background-color:#fff;color:#333}.media-thumbs__badge:before{content:"";padding-top:100%}.media-thumbs__badge>.icon{position:absolute;width:50%;height:50%}.media-gallery deferred-media{background-color:var(--gallery-bg-color)}.media-gallery deferred-media[loaded] .media-poster{opacity:0;pointer-events:none}.media-gallery deferred-media .media-poster{z-index:1}.media-ctrl__btn,.media-ctrl__counter{position:absolute;border:1px solid rgba(var(--text-color)/.15);border-radius:var(--btn-border-radius, 0);background-color:#f4f4f4;color:rgb(var(--text-color))}.media-ctrl__btn{z-index:5;padding:calc(2 * var(--space-unit))}.media-ctrl__btn:after{width:calc(44px + var(--media-gutter) * 2);height:calc(44px + var(--media-gutter) * 2)}.media-ctrl__btn[name=prev]{left:var(--media-gutter)}.media-ctrl__btn[name=next]{right:var(--media-gutter)}.media-ctrl__counter{z-index:2;right:var(--media-gutter);bottom:var(--media-gutter);padding:calc(2 * var(--space-unit)) calc(4 * var(--space-unit));line-height:2.4rem}.media-gallery iframe,.media-gallery video,.media-gallery model-viewer,.media-gallery .shopify-model-viewer-ui{display:block;position:absolute;top:0;left:0;width:100%;max-width:100%;height:100%}.media-gallery iframe,.media-gallery video{background-color:var(--gallery-bg-color)}[data-shopify-xr-hidden],.media--zoom .zoom-image{display:none}.media-gallery .page-btn__bg-circle{fill:rgb(var(--thumb-inactive));transition:fill .2s}.media-gallery .is-active .page-btn__bg-circle{fill:rgb(var(--thumb-active))}.media-thumbs__btn{border:1px solid #ddd;border-radius:4px;min-height:64px;min-width:64px}.media-thumbs__btn:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;transition:width .3s;background-color:rgb(var(--text-color))}.media-thumbs__btn.is-active:after{width:100%}@media(max-width:768.98px){.media-viewer__item>deferred-media[loaded]{z-index:5}.media__tumbs--container{margin:auto;width:min-content;max-width:100%}.media-thumbs{justify-content:flex-start}.media-thumbs__item:not(:last-child){margin-inline-end:4px}.media-thumbs__item{flex-basis:min-content}}@media(min-width:769px){.media-thumbs__btn{background-color:var(--gallery-bg-color);border:1px solid var(--gallery-border-color);border-radius:6.5px;padding-top:var(--button-padding)}.media-thumbs__btn.is-active:after,.product-media--stacked .media-viewer__item.is-active .media:after{width:100%}.media-gallery{--media-gap: calc(3 * var(--space-unit))}.product-image.img-fit--contain,.zoom-image--contain{left:50%;width:auto;height:100%;transform:translate(-50%)}.media--zoom{cursor:zoom-in}.media--zoom .zoom-image{height:100%;opacity:0;object-fit:none;object-position:50% 50%}.media-viewer__item:not(:first-child) .media--zoom .zoom-image{display:block}.media--zoom .product-image,.media--zoom .zoom-image{transition:opacity .1s}.media--zoom:not(.media--zoom-not-loaded):hover .product-image{opacity:0}.media--zoom:not(.media--zoom-not-loaded):hover .zoom-image{display:block;opacity:1}.product-media--stacked .media-viewer{flex-wrap:wrap;margin:0 calc(var(--media-gap) * -1) calc(var(--media-gap) * -1) 0}.product-media--stacked .media-gallery__viewer{border:0;background-color:transparent}.product-media--stacked .media-viewer__item{margin:0;padding:0 var(--media-gap) var(--media-gap) 0}.product-media--stacked .media-viewer__item .media,.product-media--stacked .media-viewer__item deferred-media,.product-media--stacked .media-viewer__item product-model{border:1px solid var(--gallery-border-color);background-color:var(--gallery-bg-color)}.product-media--stacked .zoom-image{display:none;transition:opacity .5s}.product-media--stacked .media--zoom:hover .zoom-image{display:block}.media--cover{top:-1px;right:-1px;bottom:-1px;left:-1px;width:auto;height:auto}.product-media--stacked .media-viewer__item .media:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;transition:width .3s;background-color:rgb(var(--text-color))}.media-thumbs.thumb-pos__left,.media-thumbs.thumb-pos__right{overflow-y:scroll;scroll-snap-type:y mandatory;height:100%}.media-gallery__thumbs.thumb-pos__left{margin-right:var(--media-gap)}}@media(min-width:1024px){.media-gallery{--media-gutter: calc(6 * var(--space-unit));gap:53px}.media-gallery__viewer{border-radius:22.5px}.media-gallery .page-btn__circle{display:none}.media-gallery.thumb-pos__left,.media-gallery.thumb-pos__right{flex-wrap:nowrap}.media-thumbs.thumb-pos__left,.media-thumbs.thumb-pos__right{flex-direction:column}.media-gallery__thumbs.thumb-pos__left,.media-gallery__thumbs.thumb-pos__top{order:-1}.media-gallery__thumbs.thumb-pos__left,.media-gallery__thumbs.thumb-pos__right{flex:0 0 66px}.media-gallery__thumbs.thumb-pos__left,.media-gallery__thumbs.thumb-pos__right{flex-direction:column}.thumb-pos__left .media-thumbs__item:not(:last-child),.thumb-pos__right .media-thumbs__item:not(:last-child){margin-inline-end:0;margin-bottom:var(--media-gap)}.product-media--stacked .media-viewer__item:not(.media-viewer__item--single){flex:0 0 50%}}.media-popup{opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.media-popup[open]{opacity:1;visibility:visible;pointer-events:auto}.media-popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;cursor:pointer}.media-popup__content{position:relative;width:90%;max-width:1200px;max-height:90vh;z-index:1;transform:scale(.95);opacity:0;background-color:#fff;border-radius:8px;padding:40px;box-shadow:0 25px 50px -12px #00000040;transition:all .3s cubic-bezier(.4,0,.2,1);transition-delay:.1s}.media-popup[open] .media-popup__content{transform:scale(1);opacity:1}.media-popup__close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:2}.media-popup__close:before,.media-popup__close:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:2px;background-color:#000;transition:background-color .2s ease}.media-popup__close:before{transform:translate(-50%,-50%) rotate(45deg)}.media-popup__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.media-popup__close:hover:before,.media-popup__close:hover:after{background-color:#666}.media-popup__media-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff}.media-popup__media-container img{max-width:100%;max-height:calc(90vh - 80px);object-fit:contain;display:block}.media-popup__media-container .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#000;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:768px){.media-popup__content{width:95%;padding:20px}.media-popup__close{top:10px;right:10px}.media-popup__media-container img{max-height:calc(90vh - 40px)}}.media-popup.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.media-popup .focus-only{opacity:0}.media-popup .media-viewer__item:hover .focus-only,.media-popup .media-viewer__item:focus-within .focus-only{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/93/assets/media-gallery.css.map */