.panel-left,.panel-right{will-change:transform;background:radial-gradient(100% 100% at var(--glow-x) var(--glow-y), var(--gradient) 0%, var(--bg-dark) 100%);position:relative}.panel-left{--glow-x:0%;--glow-y:0%}.panel-right{--glow-x:100%;--glow-y:100%}.panel-left.slide{border-right:var(--border) 2px solid;transition:border-right .5s ease-out;animation:1s cubic-bezier(.6,0,.2,1) .25s both slideLeft}.panel-right.slide{border-left:var(--border) 2px solid;transition:border-left .5s ease-out;animation:1s cubic-bezier(.6,0,.2,1) .25s both slideRight}#login-form{opacity:0;animation:.5s cubic-bezier(.2,.8,.2,1) both slideDown}#login-form.slide{opacity:100;animation:.5s cubic-bezier(.2,.8,.2,1) both slideUp}@keyframes slideRight{0%{transform:translate(0)}to{transform:translate(150%)}}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-150%)}}@keyframes slideUp{0%{transform:translateY(0)}to{opacity:0;transform:translateY(-20%)}}@keyframes slideDown{0%{transform:translateY(-20%)}to{opacity:100;transform:translateY(0%)}}