.custom-media-gallery__layout{display:flex;flex-direction:column;gap:8px}.custom-media-gallery__main{position:relative;flex:1 1 auto;min-width:0}.custom-media-gallery__viewport{overflow:hidden;border-radius:var(--media-border-radius, 0px);outline:none;cursor:grab;user-select:none;-webkit-user-select:none;width:100%;position:relative}.custom-media-gallery__viewport:focus-visible{outline:2px solid currentColor;outline-offset:2px}.custom-media-gallery__viewport:active{cursor:grabbing}.custom-media-gallery__track{display:flex;will-change:transform;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.custom-media-gallery__track.is-dragging,.custom-media-gallery__track.is-instant{transition:none}.custom-media-gallery__slide{flex:0 0 100%;width:100%;min-width:0;position:relative;aspect-ratio:1 / 1}.custom-media-gallery__slide img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.custom-media-gallery__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000002e;transition:box-shadow .2s,opacity .2s,transform .2s;color:#111}.custom-media-gallery__nav:hover{box-shadow:0 4px 16px #0000003d;transform:translateY(-50%) scale(1.08)}.custom-media-gallery__nav:disabled{opacity:.3;pointer-events:none}.custom-media-gallery__nav--prev{left:12px}.custom-media-gallery__nav--next{right:12px}.custom-media-gallery__thumbs{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:6px;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.custom-media-gallery__thumbs::-webkit-scrollbar{display:none}@media(min-width:768px){.custom-media-gallery__thumbs{gap:8px}}.custom-media-gallery__thumb-btn{flex:0 0 var(--thumb-size, 100px);width:var(--thumb-size, 100px);height:var(--thumb-size, 100px);padding:0;border:2px solid transparent;border-radius:var(--media-border-radius, 0px);overflow:hidden;cursor:pointer;transition:border-color .15s,opacity .15s;opacity:.6;position:relative;background:transparent}.custom-media-gallery__thumb-btn:hover{opacity:1}.custom-media-gallery__thumb-btn.is-active{border-color:rgb(var(--color-foreground));opacity:1}.custom-media-gallery__thumb-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}.custom-media-gallery__thumb-inner{width:100%;height:100%;position:relative}.custom-media-gallery__thumb-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;font-size:18px;pointer-events:none}@media(min-width:768px){.custom-media-gallery__slide .aspect-ratio--square,.custom-media-gallery__slide [class*=aspect-ratio]{position:relative;width:100%;padding-bottom:100%}}.custom-media-gallery__lightbox{width:100vw;height:100vh;max-width:100%;max-height:100%;margin:0;padding:0;border:none;background:#000000eb;align-items:center;justify-content:center;position:fixed}.custom-media-gallery__lightbox::backdrop{background:transparent}.custom-media-gallery__lightbox[open]{display:flex}.custom-media-gallery__lightbox-track{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.custom-media-gallery__lightbox-slide img{max-width:90vw;max-height:90vh;object-fit:contain;width:auto;height:auto;border-radius:10px}.custom-media-gallery__lightbox-close{position:absolute;top:16px;right:16px;border:none;color:#111;cursor:pointer;z-index:10;font-size:24px;background:#fff;border-radius:50%;padding:1rem;width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0003}.custom-media-gallery__lightbox-close:hover{transform:scale(1.1);box-shadow:0 4px 16px #0000004d}.custom-media-gallery__lightbox-close:focus-visible{outline:2px solid #111;outline-offset:2px}.custom-media-gallery__lightbox:not([open]){display:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-media-gallery.css.map */