.gallery-layout{display:flex;flex-direction:column;gap:var(--padding-2xs)}@media screen and (min-width:750px){.gallery-layout[data-thumbnail-position=left]{flex-direction:row;align-items:stretch;gap:var(--size-10)}.gallery-layout[data-thumbnail-position=right]{flex-direction:row-reverse;align-items:stretch;gap:var(--size-10)}}@media screen and (min-width:1025px){.gallery-layout[data-thumbnail-position=left],.gallery-layout[data-thumbnail-position=right]{gap:var(--size-30)}}.gallery-main-wrapper{position:relative;width:100%;flex:1;min-width:0;align-self:flex-start}[data-gallery-main]{position:relative;width:100%}.gallery-main__item.gallery-main__item{display:none!important;width:100%}.gallery-main__item.active.gallery-main__item.active{display:flex!important}.gallery-main__item .slideshow__slide{width:100%}.gallery-thumbnails{display:flex;gap:.8rem;overflow-x:auto;flex-shrink:0;scrollbar-width:none;max-height:none}.gallery-thumbnails::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.gallery-thumbnails[data-thumbnail-direction=vertical]{flex-direction:column;overflow-x:hidden;overflow-y:auto;width:var(--thumbnail-width, 7rem);max-height:var(--constrained-height, calc(100vh - 170px) )}}.gallery-thumbnails__item{flex-shrink:0;width:calc(25% - .6rem);aspect-ratio:var(--aspect-ratio, 1);cursor:pointer;border:2px solid transparent;border-radius:var(--media-radius);overflow:hidden;position:relative;transition:opacity .15s ease,border-color .15s ease;background:none;padding:0}.gallery-thumbnails__item:not(.active) img{opacity:.5}@media screen and (min-width:750px){.gallery-thumbnails[data-thumbnail-direction=vertical] .gallery-thumbnails__item{width:100%;flex-shrink:0}}.gallery-thumbnails__item.active img{opacity:1}.gallery-thumbnails__item.active{border:1px solid #000}.gallery-thumbnails__item:hover{opacity:.85}.gallery-thumbnails__item img{width:100%;height:100%;object-fit:cover;border-radius:var(--media-radius);color:transparent;font-size:0}.gallery-main__item img{color:transparent;font-size:0}.gallery-thumbnails__badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background-color:#ffffff80;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.gallery-thumbnails__badge svg{width:16px;height:16px;fill:var(--color-foreground);opacity:.8}.gallery-main-wrapper .video-dialog{display:none!important}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;border:none;background:#fffc;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 1px 3px #00000026;transition:opacity .2s ease}.gallery-nav-btn:hover{background:#fffffff2}.gallery-nav-btn--prev{left:12px}.gallery-nav-btn--next{right:12px}@media screen and (min-width:750px){.gallery-nav-btn{opacity:0;pointer-events:none}.gallery-main-wrapper:hover .gallery-nav-btn{opacity:1;pointer-events:auto}}@media screen and (max-width:749px){.gallery-layout{flex-direction:column}.gallery-thumbnails{flex-direction:row;overflow-x:auto;overflow-y:hidden;order:1}.gallery-main-wrapper{order:0}.gallery-nav-btn{opacity:1;pointer-events:auto}}zoom-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999999999;pointer-events:none}.zoom-overlay.active{pointer-events:auto}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999999999;background:#000000d9;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.zoom-overlay.active{opacity:1;visibility:visible}.zoom-close-btn{position:fixed;top:16px;right:16px;z-index:10;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease}.zoom-close-btn:hover{background:#ffffff4d}.zoom-image-container{width:100%;height:100%;overflow:hidden;cursor:grab;display:flex;align-items:center;justify-content:center}.zoom-image-container:active{cursor:grabbing}.zoom-image{max-width:90vw;max-height:90vh;object-fit:contain;transform-origin:center center;transition:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-gallery.css.map */