
@-webkit-keyframes page-spinner {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes page-spinner {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.page-loader {
inset: 0;
display: -webkit-box;
display: flex;
opacity: 1;
z-index: 9999;
position: fixed;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
-webkit-box-align: center;
align-items: center;
pointer-events: none !important;
-webkit-box-pack: center;
justify-content: center;
background-color: #fff;
}
.page-loader.is-hidden {
opacity: 0;
}
.page-loader__spinner {
width: 32px;
height: 32px;
display: -webkit-box;
display: flex;
-webkit-animation: page-spinner 1s infinite linear;
animation: page-spinner 1s infinite linear;
}