.auth-gradient-container{background:linear-gradient(45deg,var(--gradient1-color-1),var(--gradient1-color-2),var(--gradient2-color-1),var(--gradient2-color-2),var(--gradient3-color-1),var(--gradient3-color-2),var(--gradient4-color-1),var(--gradient4-color-2),var(--gradient5-color-1),var(--gradient5-color-2),var(--gradient6-color-1),var(--gradient6-color-2),var(--gradient7-color-1),var(--gradient7-color-2),var(--gradient8-color-1),var(--gradient8-color-2),var(--gradient9-color-1),var(--gradient9-color-2));background-size:1800% 1800%;animation:color-gradient-animation 20s linear infinite;width:100%;height:100%}@keyframes color-gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.auth-3d-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;perspective:1000px;perspective-origin:50%}.auth-3d-container .auth-3d-cube{width:160px;height:160px;transform-style:preserve-3d;position:relative;animation:auth-3d-rotate-animation 20s linear infinite}.auth-3d-container .auth-3d-cube .auth-3d-side{width:100%;height:100%;font-weight:700;font-size:1.75rem;line-height:1em;display:flex;justify-content:center;align-items:center;position:absolute;backface-visibility:hidden}.auth-3d-container .auth-3d-cube .auth-3d-side.front{transform:translateZ(80px)}.auth-3d-container .auth-3d-cube .auth-3d-side.front.logo{width:160px;height:160px}.auth-3d-container .auth-3d-cube .auth-3d-side.right{transform:rotateY(90deg) translateZ(80px)}.auth-3d-container .auth-3d-cube .auth-3d-side.back{transform:rotateY(180deg) translateZ(80px)}.auth-3d-container .auth-3d-cube .auth-3d-side.back.logo{width:160px;height:160px}.auth-3d-container .auth-3d-cube .auth-3d-side.left{transform:rotateY(-90deg) translateZ(80px)}@keyframes auth-3d-rotate-animation{0%,40%{transform:rotateY(0deg)}41%,45%{transform:rotateY(90deg)}46%,86%{transform:rotateY(180deg)}87%,91%{transform:rotateY(270deg)}92%,to{transform:rotateY(1turn)}}