/*
##########################################
LOADING SPINNER
##########################################
*/
#loading-page{position:fixed;z-index:5000;top:0px;left:0px;width:100%;height:100%;background: radial-gradient(circle 100vh at center, var(--color-primary), var(--color-tertiary-alt));}
#loading-wrapper{position:absolute;top:50%;left:50%;margin-top:-8rem;margin-left:-8rem;}
#loading{display:inline-block; width: 16rem; height: 16rem;border: 0.5rem solid rgba(255,255,255,.3);border-radius: 50%;border-top-color:var(--color-white);animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
@keyframes spin { to { -webkit-transform: rotate(360deg); }}
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); }}