.ks-product-primary img {
	transition: opacity 180ms ease;
}

.ks-product-primary img.is-changing {
	opacity: .42;
}

.ks-product-thumbs button {
	cursor: pointer;
	position: relative;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.ks-product-thumbs button:hover {
	border-color: rgba(255, 218, 1, .58);
	transform: translateY(-2px);
}

.ks-product-thumbs button.is-active {
	box-shadow: 0 0 0 1px #ffda01;
}

.ks-product-thumbs button:focus-visible {
	border-color: #ffda01;
	box-shadow: 0 0 0 3px rgba(255, 218, 1, .35);
	outline: 0;
}

@media (prefers-reduced-motion: reduce) {
	.ks-product-primary img,
	.ks-product-thumbs button {
		transition: none;
	}
}