:root{--splash_screen_logo_width:180px;--splash_screen_logo_height:180px}#loader{align-items:center;background-color:var(--loader-bg-color,rgba(0,0,0,.3));display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;transition:opacity .4s ease}.centered_rotation_logo{animation:rotateY .6s linear infinite;max-height:var(--splash_screen_logo_height);max-width:var(--splash_screen_logo_width);transform-style:preserve-3d;transition:ease-in-out}.centered_logo{margin-top:20px;max-width:calc(var(--splash_screen_logo_width)*1.2)}@keyframes rotateY{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}#root{display:none}.loader{align-items:center;display:flex;justify-content:center;margin-bottom:3rem;margin-top:3rem;max-width:6rem;position:relative;width:100%}.loader:after,.loader:before{animation:pulsOut 1.8s ease-in-out infinite;border-radius:50%;content:"";filter:drop-shadow(0 0 1rem rgba(255,255,255,.75));position:absolute}.loader:before{animation-name:pulsIn;box-shadow:inset 0 0 0 1rem #fff;padding-bottom:100%;width:100%}.loader:after{box-shadow:0 0 0 0 #fff;padding-bottom:calc(100% - 2rem);width:calc(100% - 2rem)}@keyframes pulsIn{0%{box-shadow:inset 0 0 0 1rem #fff;opacity:1}50%,to{box-shadow:inset 0 0 0 0 #fff;opacity:0}}@keyframes pulsOut{0%,50%{box-shadow:0 0 0 0 #fff;opacity:0}to{box-shadow:0 0 0 1rem #fff;opacity:1}}