body #load { display: block; height: 100%; overflow: hidden; position: fixed; width: 100%; z-index: 9901; opacity: 1; visibility: visible; transition: all .35s ease-out; } .load-wrap { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; text-align: center; display: -ms-flexbox; display: -ms-flex; display: flex; -ms-align-items: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-pack: center; -ms-justify-content: center; justify-content: center; } .load-wrap > svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } #load { background: var(--wtokdfnshdiuwezrkjsdfhksnalsdjalejkrwekfkskfjsdjfkksldfjghksdkfklsdfjuerjfksdlksdflkjsdkthfdkvnfskdlfjksdhtj-ooiusjdhalskdjsdkfhskjdfhgksjadhsadfasdgvdafadsfasdfasdfiuzrtzeirghgjhfdgkjhjjjjhfdgjhdfjkghdg-beautiful-loading-bg,#ffffff); --wtokdfnshdiuwezrkjsdfhksnalsdjalejkrwekfkskfjsdjfkksldfjghksdkfklsdfjuerjfksdlksdflkjsdkthfdkvnfskdlfjksdhtj-beautiful-spinner-color2: var(--wtokdfnshdiuwezrkjsdfhksnalsdjalejkrwekfkskfjsdjfkksldfjghksdkfklsdfjuerjfksdlksdflkjsdkthfdkvnfskdlfjksdhtj-beautiful-spinner-color,rgba(51,51,51,0.25)); }