.google-loader {
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: unset !important;
margin-top: -32.5px !important;
margin-left: -32.5px !important;
z-index: 99999;
animation: rotator 1.4s linear infinite;
}
@keyframes rotator {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(270deg);
}
}
.path {
stroke-dasharray: 190;
stroke-dashoffset: 0;
transform-origin: center;
animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}
@keyframes colors {
0% {
stroke: #D2C8BC;
}
25% {
stroke: #876553;
}
50% {
stroke: #876553;
}
75% {
stroke: #876553;
}
100% {
stroke: #D2C8BC;
}
}
@keyframes dash {
0% {
stroke-dashoffset: 188.5;
}
50% {
stroke-dashoffset: 47.125;
transform: rotate(135deg);
}
100% {
stroke-dashoffset: 188.5;
transform: rotate(450deg);
}
}
.slowcontent {
position: relative;
min-height: 100px;
} .wpcg-loader-overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: rgba(0, 0, 0, 0.3) !important;
backdrop-filter: blur(2px) !important;
-webkit-backdrop-filter: blur(2px) !important;
-moz-backdrop-filter: blur(2px) !important;
-ms-backdrop-filter: blur(2px) !important;
z-index: 9999999 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
} @supports not (backdrop-filter: blur(2px)) {
.wpcg-loader-overlay {
background: rgba(0, 0, 0, 0.5) !important;
}
.wpcg-loader-overlay::before {
content: '';
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: rgba(255, 255, 255, 0.1) !important;
filter: blur(2px) !important;
-webkit-filter: blur(2px) !important;
z-index: -1 !important;
}
}