.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: calc(2 * var(--space-unit));--media-gutter: calc(4 * var(--space-unit));display:flex;flex-direction:column}.media-gallery__viewer{position:relative;flex:1}.media-viewer,.media-thumbs{overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none}.media-viewer::-webkit-scrollbar,.media-thumbs::-webkit-scrollbar{display:none}.media-viewer__item,.media-thumbs__item{scroll-snap-align:start}.media-viewer__item:not(:last-child),.media-thumbs__item:not(:last-child){margin-bottom:8px}.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}.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{margin-top:var(--media-gap)}.media-thumbs{overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex}.media-thumbs__item{flex:0 0 84px}.media-thumbs__btn.is-active:after,.product-media--stacked .media-viewer__item.is-active .media:after{width:100%}.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:rgba(var(--bg-color));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__btn[name=close]{top:var(--media-gutter);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}product-model[loaded] .media-poster{display:none}@media(max-width:768.98px){.media-viewer__item>deferred-media[loaded]{z-index:5}}@media(min-width:769px){.media-gallery{--media-gap: calc(3 * var(--space-unit));flex-direction:row;gap:var(--media-gap)}.media-gallery__viewer{flex:1}.media-gallery__thumbs{margin-top:0;width:80px;order:-1}.media-thumbs{flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.media-thumbs__item{flex:0 0 80px;margin-inline-end:0;margin-bottom:var(--media-gap);cursor:pointer}.media-thumbs__item:last-child{margin-bottom:0}.media-thumbs__btn{width:100%;height:100%;display:block}.product-image.img-fit--contain,.zoom-image--contain{left:50%;width:auto;height:100%;transform:translate(-50%)}[dir=rtl] .product-image.img-fit--contain,[dir=rtl] .zoom-image--contain{right:50%;left:auto;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 .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(min-width:1024px){.media-gallery{--media-gutter: calc(6 * var(--space-unit))}.media-thumbs__item{flex:0 0 80px}.product-media--stacked .media-viewer__item:not(.media-viewer__item--single){flex:0 0 50%}}.scrollable-list-container{display:flex;flex-direction:column;align-items:center}.scrollable-list{max-height:440px;overflow-y:auto;width:100%;scroll-behavior:smooth;cursor:grab;-webkit-user-select:none;user-select:none;-ms-overflow-style:none;scrollbar-width:none;margin:8px 0}.scrollable-list li{margin:0!important;padding:4px 0}.scrollable-list::-webkit-scrollbar{display:none}.scrollable-list.dragging{cursor:grabbing}.scrollable-list-container .navigation-buttons{display:flex;justify-content:center;gap:1rem;width:100%}.scrollable-list-container .nav-button{color:rgb(var(--text-color));padding:calc(1.25* var(--space-unit)) calc(3.5* var(--space-unit));border:1px solid rgba(var(--text-color)/.15);cursor:pointer;transition:background-color .3s ease,transform .1s ease}.scrollable-list-container .nav-button.nav-button-up{transform:rotate(180deg)}.scrollable-list-container .nav-button:hover,.scrollable-list-container .nav-button:active{background-color:#bdbdbd}.scrollable-list-container .nav-button:disabled{opacity:.4;cursor:not-allowed}.scrollable-list-container .nav-button:disabled:hover,.scrollable-list-container .nav-button:disabled:active{background-color:transparent}.scrollable-list-container.hidden{display:none}@media(min-width:769px){.scrollable-list-container.md\:block{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/media-gallery.css.map */