.animated-bg {
  display: block;
  font-size: 52px;
  overflow: hidden;
  color: transparent;
}
.animated-bg:after,
.animated-bg:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3em;
  height: 3em;
  content: ".";
  mix-blend-mode: screen;
  -webkit-animation: move-data-v-5233e4ae 44s ease-in-out -27s infinite alternate;
  animation: move-data-v-5233e4ae 44s ease-in-out -27s infinite alternate;
}
.animated-bg:before {
  text-shadow: 0.320621216em 2.4507517038em 7px #592c82,
    1.6641113688em 1.9631107416em 7px #d02a2f,
    1.7761837579em 2.3754132472em 7px #592c82,
    0.8317022136em 0.3548822323em 7px #592c82,
    0.8511917012em 1.4464212252em 7px #d02a2f,
    -0.2404431031em 0.9771098383em 7px #00a0df,
    0.1872645042em 1.2430228838em 7px #00a0df,
    0.7741166523em 0.0194326103em 7px #d02a2f,
    0.1309908722em 0.7539541985em 7px #d02a2f,
    2.0008865693em 0.3332513389em 7px #d02a2f,
    0.2743195126em 0.3837003484em 7px #00a0df,
    1.9097760168em -0.0497878378em 7px #00a0df,
    0.0493534551em 1.8816365457em 7px #00a0df,
    1.1056446665em 1.8913867065em 7px #00a0df,
    1.1777921523em 2.1919174636em 7px #592c82,
    0.5948120478em 2.2260922161em 7px #592c82,
    1.6470388255em 1.346373953em 7px #592c82,
    2.1384978569em 1.0063406126em 7px #592c82,
    1.2964348371em 2.3826574973em 7px #d02a2f,
    -0.0738928741em 0.0590232257em 7px #d02a2f,
    0.0356676377em 1.9536907862em 7px #d02a2f,
    2.0234391579em 0.1724221633em 7px #d02a2f,
    0.5231724273em 2.4168038579em 7px #592c82,
    0.3748762575em 0.0254374242em 7px #d02a2f,
    0.8874244811em 0.3809595471em 7px #592c82,
    0.450336628em -0.1652476086em 7px #592c82,
    -0.1946705687em -0.4386289539em 7px #592c82,
    2.2629206822em 0.8842195404em 7px #00a0df,
    0.959309652em 2.0785677884em 7px #592c82,
    0.0672857687em 1.1910974358em 7px #00a0df,
    1.5082025511em -0.2236474178em 7px #592c82,
    0.4008247473em -0.4010337958em 7px #00a0df,
    1.0561822762em 1.790328908em 7px #00a0df,
    2.3250837191em -0.1137485767em 7px #00a0df,
    2.1919170619em -0.1677084257em 7px #00a0df,
    1.3066304472em 0.8287798282em 7px #00a0df,
    1.4334826262em 0.5538643956em 7px #592c82,
    -0.1932407677em -0.4021002063em 7px #592c82,
    1.1604516641em 2.1173383733em 7px #592c82,
    2.3891857589em 1.6453403888em 7px #592c82,
    0.1138279877em 1.8629392526em 7px #d02a2f;
  -webkit-animation-duration: 44s;
  animation-duration: 44s;
  -webkit-animation-delay: -27s;
  animation-delay: -27s;
}
.animated-bg:after {
  text-shadow: 0.0241966554em 1.8948392416em 7px #00a0df,
    0.0847625007em 1.7819756756em 7px #592c82,
    -0.4026411553em -0.1900936932em 7px #00a0df,
    -0.4460441845em 0.4084885831em 7px #00a0df,
    1.7399264927em -0.442725126em 7px #592c82,
    -0.357024399em 0.698866476em 7px #00a0df,
    2.338060344em 2.31529788em 7px #d02a2f,
    1.8562477239em -0.2320591912em 7px #592c82,
    1.9577879486em -0.1004599284em 7px #d02a2f,
    0.3290925664em 1.1944415494em 7px #592c82,
    0.3229916612em 1.7990912855em 7px #d02a2f,
    0.7058555642em -0.1643790027em 7px #00a0df,
    1.5426376427em 2.4810307698em 7px #d02a2f,
    1.1856891195em 0.7458202803em 7px #d02a2f,
    0.3566160543em 1.7104666734em 7px #00a0df,
    0.9823698957em 0.8462991997em 7px #00a0df,
    -0.2751228878em 2.0747752148em 7px #592c82,
    1.8055152389em 0.399931657em 7px #592c82,
    0.0079701925em 1.4234930702em 7px #d02a2f,
    0.3027435456em 1.0925982696em 7px #d02a2f,
    1.6674094594em 1.7685821125em 7px #00a0df,
    2.404186612em -0.0525014118em 7px #d02a2f,
    1.4584630898em 1.7015600806em 7px #592c82,
    0.1758781846em 1.3085299436em 7px #592c82,
    2.139752404em -0.2967385391em 7px #d02a2f,
    0.067465321em 2.4733109134em 7px #d02a2f,
    1.8244781537em 2.0048832308em 7px #592c82,
    0.6124984958em 0.6637954547em 7px #592c82,
    -0.1919998609em 1.9863925466em 7px #d02a2f,
    1.8420895857em 0.2760881305em 7px #00a0df,
    1.432866651em 1.2870683153em 7px #00a0df,
    1.5645339276em 0.4146259656em 7px #d02a2f,
    0.4360587989em 2.3811315259em 7px #d02a2f,
    1.5207015622em 1.451451288em 7px #592c82,
    -0.2620604831em 0.6657716689em 7px #592c82,
    0.7699182781em 0.8896210051em 7px #00a0df,
    0.3740534589em 0.7067596494em 7px #00a0df,
    1.0442623164em 2.3477592437em 7px #00a0df,
    0.6915463939em 1.6020895673em 7px #592c82,
    -0.0123306612em -0.2656150181em 7px #d02a2f,
    0.3118689962em 1.0081273897em 7px #592c82;
  -webkit-animation-duration: 43s;
  animation-duration: 43s;
  -webkit-animation-delay: -32s;
  animation-delay: -32s;
}
@-webkit-keyframes move-data-v-5233e4ae {
  0% {
    transform: rotate(0) scale(12) translateX(-20px);
  }
  to {
    transform: rotate(1turn) scale(18) translateX(20px);
  }
}
@keyframes move-data-v-5233e4ae {
  0% {
    transform: rotate(0) scale(12) translateX(-20px);
  }
  to {
    transform: rotate(1turn) scale(18) translateX(20px);
  }
}
.pre-footer-marketing-banner-animated-background {
  background: linear-gradient(-45deg, #592c82, #00a0df);
  background-size: 400% 400%;
  -webkit-animation: gradient-data-v-28a4baf4 15s ease infinite;
  animation: gradient-data-v-28a4baf4 15s ease infinite;
}
@-webkit-keyframes gradient-data-v-28a4baf4 {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
@keyframes gradient-data-v-28a4baf4 {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}

@media screen and (min-width: 1024px) {
	#product.product-background {
		background-image: url("../assets/products-page/diamonds_top.png"),
			url("../assets/products-page/diamonds_bottom.png");
		background-position: 0 50px, 100% 110%;
		background-repeat: no-repeat, no-repeat;
		background-size: 15%, 20%;
	}
}