.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))}.media-gallery__viewer{border:1px solid var(--gallery-border-color);background-color:var(--gallery-bg-color)}.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-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}.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__item{flex:0 0 84px}.media-thumbs__btn{border:1px solid var(--gallery-border-color);background-color:var(--gallery-bg-color)}.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,.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__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(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))}.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(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%}}.media-gallery[data-layout-thumbs-left=true] .media-gallery__layout{display:block}@media(min-width:1024px){.media-gallery[data-layout-thumbs-left=true][data-has-thumbs=true] .media-gallery__layout{display:grid;grid-template-columns:var(--thumbs-rail-w, 100px) 1fr;column-gap:var(--media-gap);align-items:start}.media-gallery[data-layout-thumbs-left=true][data-has-thumbs=false] .media-gallery__layout{display:block}.media-gallery[data-layout-thumbs-left=true] .media-gallery__thumbs{grid-column:1;grid-row:1;margin-top:0;position:relative;align-self:stretch;min-height:0}.media-gallery[data-layout-thumbs-left=true] .media-thumbs{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;max-height:var(--thumbs-rail-h, 80vh);gap:var(--media-gap);padding:calc(var(--space-unit) * 2) 6px;contain:layout style;overscroll-behavior:contain}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__ctrl[hidden]{display:none}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__ctrl:disabled{opacity:.35;cursor:default;pointer-events:none}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__item{flex:0 0 auto;width:100%;margin-inline-end:0;scroll-snap-align:start}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__btn{aspect-ratio:1 / 1;padding-top:0!important;border-radius:var(--btn-border-radius, 8px);overflow:hidden;transition:box-shadow .15s,transform .15s}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__btn.is-active{outline:none;box-shadow:0 0 0 3px var(--brand-color, #C1DC60),0 8px 20px #c1dc6066,0 2px 6px #0000001a}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__btn{box-shadow:0 1px 2px #0000000f}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__btn:hover:not(.is-active){box-shadow:0 2px 6px #0000001a}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__btn:after{display:none}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__ctrl{position:absolute;left:0;right:0;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;height:28px;padding:0;background:linear-gradient(#0000008c,#00000040);color:#fff;border:0;cursor:pointer;border-radius:0 0 var(--btn-border-radius, 8px) var(--btn-border-radius, 8px);opacity:.92;transition:opacity .15s}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__ctrl:hover{opacity:1}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__ctrl--prev{top:0}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__ctrl--next{bottom:0;border-radius:var(--btn-border-radius, 8px) var(--btn-border-radius, 8px) 0 0;background:linear-gradient(#00000040,#0000008c)}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__ctrl .icon{width:14px;height:14px}.media-gallery[data-layout-thumbs-left=true] .media-thumbs__ctrl--prev .icon{transform:rotate(180deg)}.media-gallery[data-layout-thumbs-left=true] .media-gallery__viewer{grid-column:2;grid-row:1}.media-gallery[data-layout-thumbs-left=true] .media-viewer__item .media{padding-top:calc(100% / var(--main-ratio, 1.33))!important}.media-gallery[data-layout-thumbs-left=true] .media-viewer__item .product-image{object-fit:cover!important;width:100%!important;height:100%!important;left:0!important;top:0!important;transform:none!important;position:absolute!important}.media-gallery[data-layout-thumbs-left=true] .media--cover{background:transparent}.media-gallery[data-lightbox=true] .js-zoom-link{cursor:zoom-in}.media-gallery[data-layout-thumbs-left=true] .media-ctrl__btn{width:32px;height:32px;padding:0;border:0;background-color:transparent;color:#0000008c;border-radius:9999px;transition:background-color .15s,color .15s,transform .15s;box-shadow:none}.media-gallery[data-layout-thumbs-left=true] .media-ctrl__btn .icon,.media-gallery[data-layout-thumbs-left=true] .media-ctrl__btn svg{width:14px;height:14px}.media-gallery[data-layout-thumbs-left=true] .media-ctrl__btn:hover,.media-gallery[data-layout-thumbs-left=true] .media-ctrl__btn:focus-visible{background-color:#ffffffd9;color:#000000e6}.media-gallery[data-layout-thumbs-left=true] .media-ctrl__btn:disabled{opacity:.25;background-color:transparent}.media-gallery[data-layout-thumbs-left=true] .media-ctrl__btn[name=prev]{left:calc(var(--space-unit) * 2)}.media-gallery[data-layout-thumbs-left=true] .media-ctrl__btn[name=next]{right:calc(var(--space-unit) * 2)}.media-gallery[data-layout-thumbs-left=true] .media-ctrl__btn:after{width:100%;height:100%}.media-gallery[data-layout-thumbs-left=true] .media-ctrl__counter{background-color:#00000080;color:#fff;border:0;padding:2px 8px;border-radius:9999px;font-size:11px;line-height:1.4;font-weight:500;letter-spacing:.02em}.media-gallery[data-disable-hover-zoom=true] .zoom-image{display:none!important}.media-gallery[data-disable-hover-zoom=true] .media--zoom:not(:hover) .product-image,.media-gallery[data-disable-hover-zoom=true] .media--zoom:hover .product-image{opacity:1!important}.media-gallery[data-disable-hover-zoom=true] .media--zoom{cursor:zoom-in}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/media-gallery.css.map */