.product-gallery-glide{display:flex;gap:1rem}.glide__slide img{max-width:100%;height:auto;object-fit:contain;max-height:100%}.glide__bullets{display:none}.glide__slides,.glide__slide{max-height:600px}@media(min-width:990px){.product-gallery-glide{flex-direction:row;align-items:flex-start}.product-thumbnails-sidebar{display:flex;flex-direction:column;gap:.5rem;max-height:600px;overflow-y:auto;margin-right:1rem;padding-right:1rem;padding-top:3rem;height:100%;border-right:1px solid var(--color-gray-400);scroll-behavior:smooth}.product-thumbnail-btn{border:none;background:none;padding:0;cursor:pointer;opacity:.6;transition:opacity .2s,box-shadow .2s;display:flex;aspect-ratio:1/1;justify-content:center}.product-thumbnail-btn.active,.product-thumbnail-btn:focus{opacity:1}.product-gallery-glide{display:grid;grid-template-columns:20% 80%;gap:1rem;align-items:flex-start}.product-thumbnails-sidebar{grid-column:1}.glide{grid-column:2}.product-thumbnail-btn img{display:block;object-fit:cover;max-width:100%;height:auto}.glide__slide{display:flex;justify-content:center;align-items:stretch;padding-top:3rem}.glide__arrow{left:0;transform:translateY(-50%);position:absolute;top:50%;background:none;cursor:pointer;border:none;transition:color .2s,transform .2s}.glide__arrow--right{transform:rotate(180deg);right:0;left:auto}}@media(max-width:989px){.product-thumbnails-sidebar{display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;order:2;scroll-behavior:smooth}.glide__slides,.glide__slide{max-height:auto}.product-gallery-glide{flex-direction:column}.glide__bullets,.glide__arrows{display:none}.glide__bullet{border:none;background-color:var( --color-gray-400);border-radius:50%;width:1.2rem;height:1.2rem;cursor:pointer;aspect-ratio:1/1}.glide__bullet--active{background-color:var(--color-gray-800)}.glide{order:1}.product-thumbnail-btn{border:none;background:none;padding:0;cursor:pointer;opacity:.7;transition:opacity .2s,box-shadow .2s;flex:0 0 auto;width:72px}.product-thumbnail-btn.active,.product-thumbnail-btn:focus{opacity:1}.product-thumbnail-btn img{display:block;width:100%;height:auto;object-fit:cover}.product-video__grid{grid-template-columns:1fr;gap:1rem}}@media screen and (max-width:749px){.glide__slides,.glide__slide,.glide__slide img{max-height:500px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/snippet-product-media-glide.css.map */
