.product-image .main-image .swiper-slide,
.product-img,
.slider-wrapper .slide-content,
.master-slider > div {
	position: relative;
}

.product-image .main-image .swiper-slide > img,
.product-img > div > img,
.slider-wrapper .slide-content > img,
.slider-wrapper .slide-content > video,
.slider-wrapper .slide-content > iframe,
.master-slider > div > img,
.master-slider > div > video,
.master-slider > div iframe {
	transition: opacity 180ms ease;
}

.product-image .main-image .swiper-slide.is-product-image-loading > img,
.product-img.is-product-image-loading > div > img,
.slider-wrapper .slide-content.is-journal-media-loading > img,
.slider-wrapper .slide-content.is-journal-media-loading > video,
.slider-wrapper .slide-content.is-journal-media-loading > iframe,
.master-slider > div.is-journal-media-loading > img:not(.ms-thumb),
.master-slider > div.is-journal-media-loading > video,
.master-slider > div.is-journal-media-loading iframe {
	opacity: 0;
}

.product-image .main-image .swiper-slide.is-product-image-loading::after,
.product-img.is-product-image-loading::after,
.slider-wrapper .slide-content.is-journal-media-loading::after,
.slider-wrapper .lazyload-bg.is-journal-media-loading::after,
.master-slider > div.is-journal-media-loading::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	border: 2px solid rgba(0, 0, 0, 0.12);
	border-top-color: #000;
	border-radius: 50%;
	animation: nk-product-image-loader 720ms linear infinite;
	pointer-events: none;
}

.slider-wrapper .slide-content.is-journal-media-loading::after,
.slider-wrapper .lazyload-bg.is-journal-media-loading::after,
.master-slider > div.is-journal-media-loading::after {
	border-color: rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
}

@keyframes nk-product-image-loader {
	to {
		transform: rotate(360deg);
	}
}
