.auth-background{background:linear-gradient(#cce1fe86,#cce1fe86);width:100vw;height:100vh;animation:6s linear daybreak;position:relative;overflow-y:scroll}.auth-content{z-index:10;background:#ffffffd9;border-radius:16px;padding:3rem;position:relative;box-shadow:0 10px 25px #0000001a}.sun{background:radial-gradient(circle,#fff176 0%,#ffd600 70%);border-radius:50%;width:120px;height:120px;animation:4s linear sunrise;position:absolute;top:10%;left:80%;box-shadow:0 0 60px #ffd60080;z-index:0!important}.sun:after{content:"";z-index:0;opacity:0;background:repeating-conic-gradient(#ffeb3b40 0deg 10deg,#0000 10deg 20deg);border-radius:50%;width:200px;height:200px;animation:4s linear 5s infinite rotate-rays;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotate-rays{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)}25%{opacity:.25;transform:translate(-50%,-50%)rotate(0)}50%{opacity:.5;transform:translate(-50%,-50%)rotate(0)}75%{opacity:.75;transform:translate(-50%,-50%)rotate(0)}to{opacity:1;transform:translate(-50%,-50%)rotate(360deg)}}@keyframes sunrise{0%{transform:translateY(40vh)translate(-20vw)}to{transform:translateY(0)}}@keyframes daybreak{0%{background:linear-gradient(#32394286,#40444b86)}25%{background:linear-gradient(#4d607b86,#cce1fe86)}50%{background:linear-gradient(#8696ae86,#93add286)}75%{background:linear-gradient(#90acd686,#88a5ce86)}to{background:linear-gradient(#cce1fe86,#cce1fe86)}}