.media-gallery{--media-gallery-thumb-size: 80px;--media-gallery-thumb-gap: var(--gap-size-xs);display:block;position:relative;overflow:hidden}.media-gallery__main{position:relative;width:100%;flex:1;overflow:hidden;min-height:400px;aspect-ratio:1;touch-action:pan-y pinch-zoom;transition:height .3s ease-in-out}.media-gallery__main--no-transition{transition:none}.media-gallery__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1}.media-gallery__slide--is-animating{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.media-gallery__slide--active{opacity:1;transform:translate(0);z-index:2}.media-gallery__slide--prev{transform:translate(-100%)}.media-gallery__slide--next{transform:translate(100%)}.media-gallery__slide img:not(.overlay-lightbox__overlay img){width:100%;height:100%;object-fit:cover}.media-gallery__nav.element-button{--element-button-box-shadow: none;--element-button-radius: 0;--element-button-padding-block: 0;--element-button-padding-inline: 0;--element-icon-size: 16px;position:absolute;top:50%;z-index:10;width:44px;height:44px;min-height:0;border:0;background-color:#ffffffeb;color:#1b2a3a;box-shadow:0 2px 10px #00000024;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:translateY(-50%);transition:opacity .18s ease,background-color .18s ease,box-shadow .18s ease}.media-gallery__nav--prev{left:16px}.media-gallery__nav--next{right:16px}.media-gallery__main:hover .media-gallery__nav.element-button,.media-gallery__nav.element-button:focus-visible{opacity:1}.media-gallery__nav.element-button:hover{background-color:#fff;box-shadow:0 4px 16px #0003}.media-gallery__nav.element-button:focus-visible{outline:2px solid #1b2a3a;outline-offset:2px}@media(prefers-reduced-motion:reduce){.media-gallery__nav.element-button{transition:none}}.media-gallery__thumbnails{display:block;width:fit-content;max-width:100%;max-height:650px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.media-gallery__thumbnails--top,.media-gallery__thumbnails--bottom{overflow-x:auto}.media-gallery__thumbnails--left,.media-gallery__thumbnails--right{overflow-y:auto}.media-gallery__thumbnails::-webkit-scrollbar{height:4px;width:4px}.media-gallery__thumbnails::-webkit-scrollbar-track{background:transparent}.media-gallery__thumbnails::-webkit-scrollbar-thumb{background:var(--color-border)}.media-gallery__thumbnails::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.media-gallery__thumb{position:relative;border:2px solid transparent;background:none;padding:0;cursor:pointer;overflow:hidden;transition:border-color .2s ease;flex-shrink:0;width:var(--media-gallery-thumb-size);height:var(--media-gallery-thumb-size)}.media-gallery__thumb--active{border-color:var(--color-primary)}.media-gallery__thumb:hover{border-color:var(--color-primary);opacity:.8}.media-gallery__thumb:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.media-gallery__thumb-image{position:relative;width:100%;max-width:var(--media-gallery-thumb-size);max-height:var(--media-gallery-thumb-size);height:var(--media-gallery-thumb-size);aspect-ratio:1}.media-gallery__thumb-image img{width:100%;height:100%;object-fit:cover}.media-gallery__thumb-icon{display:flex;position:absolute;top:var(--gap-size-2xs);right:var(--gap-size-2xs);background:var(--color-primary);color:var(--color-secondary);border-radius:0;padding:var(--gap-size-2xs);z-index:1}.media-gallery__thumb-icon .element-icon{width:12px;height:12px}.media-gallery .shopify-model-viewer-ui,.media-gallery .shopify-model-viewer-ui model-viewer{width:100%;height:100%}@media(max-width:768px){.media-gallery__main{min-height:300px}.media-gallery__nav.element-button{opacity:1;width:38px;height:38px}.media-gallery__nav--prev{left:10px}.media-gallery__nav--next{right:10px}}.media-gallery__sale-tag{position:absolute;top:0;inset-inline-end:0;z-index:3;background-color:#f9b637;color:#000;font-size:calc(var(--typeBaseSize) * .65);font-weight:700;letter-spacing:.06em;line-height:1;padding:6px 5px 6px 7px;text-transform:uppercase}@media only screen and (min-width:769px){.media-gallery__sale-tag{font-size:calc(var(--typeBaseSize) * .85);padding:7px 7px 7px 9px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/pdp-media-gallery.css.map */