bd-product-media {
  opacity: 1;
  transition: opacity .5s ease;
	
	width: 100%; 

    &.is-updating {
  opacity: 0; 
}

    .image {
	aspect-ratio: 1;
	width: 100%;
	display: flex;
    flex-shrink: 0;
    margin-right: var(--grid-gutter);
    cursor: zoom-in;
    img {
        font-size:0;
        display: flex;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

[data-arrows="true"] {
	padding: 0
}

.thumbnail {
	width: 100px;
	aspect-ratio: 1;
    flex-shrink: 0;
img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
}

}