.fallback-spinner{position:relative;display:flex;height:100vh;width:100%}.loading{left:calc(50% - 35px);top:50%;width:55px;height:55px;border-radius:50%}.effect-1,.effect-2,.loading{position:absolute;box-sizing:border-box;border:3px solid transparent}.effect-1,.effect-2{width:100%;height:100%;border-left:3px solid var(--color-primary);border-radius:50%}.effect-1{animation:rotate 1s ease infinite}.effect-2{animation:rotateOpacity 1s ease .1s infinite}.effect-3{width:100%;height:100%;border:3px solid transparent;border-left:3px solid var(--color-primary);animation:rotateOpacity 1s ease .2s infinite;border-radius:50%;box-sizing:border-box}.loading .effects{transition:all .3s ease}.fallback-logo{position:absolute;left:calc(50% - 45px);top:40%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateOpacity{0%{transform:rotate(0deg);opacity:.1}to{transform:rotate(1turn);opacity:1}}