@-webkit-keyframes skeleton_loading_01 {
	to {
		background-position: 200% 0;
	}
}

@keyframes skeleton_loading_01 {
	to {
		background-position: 200% 0;
	}
}

:root {
	--skeleton-gradient-color: #ebebeb;
	--skeleton-gradiant: linear-gradient(90deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 60%) 70%, rgba(255, 255, 255, 0) 100%);
	--skeleton-grid-gradient: linear-gradient(var(--skeleton-gradient-color) 100%, transparent 0), linear-gradient(var(--skeleton-gradient-color) 12px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 16px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 12px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 16px, transparent 0);
	--skeleton-list-gradient: linear-gradient(var(--skeleton-gradient-color) 245px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 12px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 16px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 12px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 14px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 14px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 16px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 20px, transparent 0);
	--shimmer-page-gradient-left: linear-gradient(var(--skeleton-gradient-color) 100%, transparent 0), linear-gradient(var(--skeleton-gradient-color) 100%, transparent 0), linear-gradient(var(--skeleton-gradient-color) 100%, transparent 0), linear-gradient(var(--skeleton-gradient-color) 100%, transparent 0), linear-gradient(var(--skeleton-gradient-color) 100%, transparent 0);
	--shimmer-page-gradient-right: linear-gradient(var(--skeleton-gradient-color) 25px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 14px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 18px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 14px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 14px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 14px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 14px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 16px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 16px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 1px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 25px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 35px, transparent 0), linear-gradient(var(--skeleton-gradient-color) 25px, transparent 0);
	--skeleton-animation: skeleton_loading_01 1.5s infinite 0.2s;
	--skeleton-background-size: 64rem 100%;
}

ul.products li.product.shimmer {
	overflow: hidden !important;
}

body:not(.elementor-editor-active) .products .shimmer a, body:not(.elementor-editor-active) .products .shimmer div, body:not(.elementor-editor-active) .products .shimmer h1, body:not(.elementor-editor-active) .products .shimmer h2, body:not(.elementor-editor-active) .products .shimmer h3, body:not(.elementor-editor-active) .products .shimmer p, body:not(.elementor-editor-active) .products .shimmer span {
	display: none !important;
}

body:not(.elementor-editor-active) .products .shimmer {
	overflow: hidden !important;
}

body:not(.elementor-editor-active) .woocommerce-carousel .splide__track li.shimmer.product:before, body:not(.elementor-editor-active) .woocommerce-carousel .splide__track>li.shimmer:before, body:not(.elementor-editor-active) ul.products.grid-cols li.shimmer.product:before, body:not(.elementor-editor-active) ul.products.grid-cols>li.shimmer:before {
	content: "";
	display: block;
	padding-top: calc(110% + 120px);
	background-repeat: no-repeat;
	background-image: var(--skeleton-grid-gradient);
	background-size: 100% 68%, 50% 12px, 70% 16px, 50% 12px, 40% 16px;
	background-position: left 0, left calc(68% + 20px), left calc(68% + 44px), left calc(68% + 66px), left calc(68% + 92px);
	background-position-x: center, center, center, center, center;
	position: relative;
}

body:not(.elementor-editor-active) .products .shimmer:after {
	content: "";
	position: absolute;
	top: -50%;
	left: -50%;
	right: -50%;
	bottom: -50%;
	background-image: var(--skeleton-gradiant);
	background-size: 60% 100%;
	background-position: -100% 0;
	background-repeat: no-repeat;
	-webkit-animation: var(--skeleton-animation);
	animation: var(--skeleton-animation);
}

@media screen and (max-width:767px) {
	body:not(.elementor-editor-active) .woocommerce-carousel .splide__track li.shimmer.product:before, body:not(.elementor-editor-active) .woocommerce-carousel .splide__track>li.shimmer:before, body:not(.elementor-editor-active) ul.products.grid-cols li.shimmer.product:before, body:not(.elementor-editor-active) ul.products.grid-cols>li.shimmer:before {
		padding-bottom: 20px;
	}
}