.product-card__content slideshow-component{--slideshow-height: auto;aspect-ratio:1;display:grid;grid-template-columns:auto 1fr;gap:12px;width:100%;align-items:start}.product-card__content slideshow-component .slideshow__controls{display:flex;flex-direction:column;gap:8px;width:60px;order:-1}.product-card__content slideshow-component .slideshow-control{width:60px;height:60px;padding:0;border:2px solid transparent;border-radius:4px;cursor:pointer;overflow:hidden;background:transparent;transition:border-color .2s ease,box-shadow .2s ease}.product-card__content slideshow-component .slideshow-control:hover{border-color:#ddd;box-shadow:0 2px 8px #0000001a}.product-card__content slideshow-component .slideshow-control.is-active{border-color:#1a1a1a;box-shadow:0 0 0 1px #fff,0 0 0 3px #1a1a1a}.product-card__content slideshow-component .slideshow-control img{width:100%;height:100%;object-fit:cover;display:block}.product-card__content slideshow-component .slideshow-container{width:100%;aspect-ratio:1;overflow:hidden;background:#f9f9f9;border-radius:8px;display:flex;align-items:center;justify-content:center}.product-card__content slideshow-component .slideshow-container img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.product-card:hover slideshow-component .slideshow-container img{transform:scale(1.08)}.product-card__content>picture,.product-card__content>img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#f9f9f9;border-radius:8px;overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1)}.product-card:hover>picture,.product-card:hover>img{transform:scale(1.08)}@media screen and (max-width:749px){.product-card__content slideshow-component{grid-template-columns:1fr;gap:8px}.product-card__content slideshow-component .slideshow__controls{flex-direction:row;width:100%;order:1}.product-card__content slideshow-component .slideshow-control{width:50px;height:50px}.product-card:hover slideshow-component .slideshow-container img{transform:scale(1.04)}}.product-card__content slideshow-component .slideshow-arrows{display:none}.product-card__content slideshow-component .slideshow-control-button{display:none}@media(hover:none)and (pointer:coarse){.product-card__content slideshow-component .slideshow-control{width:55px;height:55px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/product-card-image-gallery.css.map */