@keyframes minnak_l_spinner {
to {
transform: rotate(360deg)
}
}
@keyframes minnak_r_spinner {
to {
transform: rotate(-360deg)
}
} #page-overlay { text-align: center;
color: #222527;
padding-top: 10px;
font-size: .7em;
display: block;
background-color: #FFF; width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 999999999999;  -webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out
} #page-overlay.loading {
opacity: 1;
visibility: visible
} #page-overlay.loaded,
#page-overlay>span {
opacity: 0;
visibility: hidden
} #page-overlay.loading:before { content: '';
box-sizing: border-box;
position: absolute; top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin-top: -40px;
margin-left: -40px;
border-radius: 50%; border-left: 1px solid #222527;
border-top: 1px solid #222527;
border-right: 1px solid transparent; animation: minnak_l_spinner .4s linear infinite
}
#page-overlay.loading:after { content: '';
box-sizing: border-box;
position: absolute; top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
border-radius: 50%; border-bottom: 1px solid #222527;
border-left: 1px solid transparent; animation: minnak_r_spinner .5s linear infinite
}
.dark-theme #page-overlay{
color: #E1E7EA;
background-color: #1A1C1E;
}
.dark-theme #page-overlay.loading:before,
.dark-theme #page-overlay.loading:after{
border-color: #E1E7EA;
}