.PageLoader .spinner{opacity:0;z-index:-1;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:0;border:0;border-radius:0;animation:none;transform:none}
.PageLoader .spinner.open{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;background:rgba(255,255,255,.85);opacity:1;z-index:999;pointer-events:initial}
.PageLoader svg{animation-name:page-loader-svg-animation,page-loader-svg-color;animation-duration:2.5s,5s;animation-iteration-count:infinite;animation-timing-function:linear;max-width:40px}
@keyframes page-loader-svg-animation{0{transform:rotateZ(0)}
100%{transform:rotateZ(360deg)}
}
@keyframes page-loader-svg-color{0{color:#ff5a0f}
16.6%{color:#008c5a}
33.2%{color:#55be5a}
48.8%{color:#41b9e6}
66.4%{color:#0047cc}
83%{color:#d3135a}
100%{color:#ff5a0f}
}
.PageLoader circle{animation:page-loader-circle-animation 2s ease-in-out infinite both;display:block;fill:transparent;stroke:currentColor;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280;stroke-width:10px;transform-origin:50% 50%}
@keyframes page-loader-circle-animation{0,25%{stroke-dashoffset:280;transform:rotate(0)}
50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}
100%{stroke-dashoffset:280;transform:rotate(360deg)}
}