.user-auth{display:grid;position:relative;grid-template-columns:1fr 1fr;height:100vh;overflow:hidden;background:linear-gradient(136deg,#2c3550,#00a389);background-size:400% 400%;-webkit-animation:background 40s ease infinite;animation:background 40s ease infinite}.user-auth__wobble-interactive{position:absolute;left:40vw;width:10vw;top:0;height:100vh;pointer-events:none}.user-auth__transition{display:none;position:relative;grid-column:1/3;grid-row:1/2;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;z-index:1}.user-auth__transition .user-auth-welcome{position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:-100px;top:0;width:100%;height:100%;-webkit-transition:left .5s;transition:left .5s;padding:40px}.user-auth__transition--display{display:block}.user-auth__transition--visible{opacity:1}.user-auth__transition--visible .user-auth-welcome{left:0}.user-auth__visuals{display:none;position:relative;grid-column:2/3;grid-row:1/2}.user-auth__visuals svg:first-child{left:78%;-webkit-animation:fall1 25s linear infinite;animation:fall1 25s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:scale(-.3) rotate(240deg);transform:scale(-.3) rotate(240deg);-webkit-filter:blur(-7px);filter:blur(-7px)}@-webkit-keyframes fall1{to{top:150vh;-webkit-transform:scale(-.3) rotate(338deg);transform:scale(-.3) rotate(338deg)}}@keyframes fall1{to{top:150vh;-webkit-transform:scale(-.3) rotate(338deg);transform:scale(-.3) rotate(338deg)}}.user-auth__visuals svg:nth-child(2){left:82%;-webkit-animation:fall2 30s linear infinite;animation:fall2 30s linear infinite;-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-transform:scale(0) rotate(256deg);transform:scale(0) rotate(256deg);-webkit-filter:blur(-6px);filter:blur(-6px)}@-webkit-keyframes fall2{to{top:150vh;-webkit-transform:scale(0) rotate(56deg);transform:scale(0) rotate(56deg)}}@keyframes fall2{to{top:150vh;-webkit-transform:scale(0) rotate(56deg);transform:scale(0) rotate(56deg)}}.user-auth__visuals svg:nth-child(3){left:-19%;-webkit-animation:fall3 34s linear infinite;animation:fall3 34s linear infinite;-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-transform:scale(.3) rotate(42deg);transform:scale(.3) rotate(42deg);-webkit-filter:blur(-5px);filter:blur(-5px)}@-webkit-keyframes fall3{to{top:150vh;-webkit-transform:scale(.3) rotate(281deg);transform:scale(.3) rotate(281deg)}}@keyframes fall3{to{top:150vh;-webkit-transform:scale(.3) rotate(281deg);transform:scale(.3) rotate(281deg)}}.user-auth__visuals svg:nth-child(4){left:-16%;-webkit-animation:fall4 30s linear infinite;animation:fall4 30s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:scale(.6) rotate(304deg);transform:scale(.6) rotate(304deg);-webkit-filter:blur(-4px);filter:blur(-4px)}@-webkit-keyframes fall4{to{top:150vh;-webkit-transform:scale(.6) rotate(170deg);transform:scale(.6) rotate(170deg)}}@keyframes fall4{to{top:150vh;-webkit-transform:scale(.6) rotate(170deg);transform:scale(.6) rotate(170deg)}}.user-auth__visuals svg:nth-child(5){left:27%;-webkit-animation:fall5 32s linear infinite;animation:fall5 32s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:scale(.9) rotate(102deg);transform:scale(.9) rotate(102deg);-webkit-filter:blur(-3px);filter:blur(-3px)}@-webkit-keyframes fall5{to{top:150vh;-webkit-transform:scale(.9) rotate(267deg);transform:scale(.9) rotate(267deg)}}@keyframes fall5{to{top:150vh;-webkit-transform:scale(.9) rotate(267deg);transform:scale(.9) rotate(267deg)}}.user-auth__visuals svg:nth-child(6){left:23%;-webkit-animation:fall6 33s linear infinite;animation:fall6 33s linear infinite;-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-transform:scale(1.2) rotate(62deg);transform:scale(1.2) rotate(62deg);-webkit-filter:blur(-2px);filter:blur(-2px)}@-webkit-keyframes fall6{to{top:150vh;-webkit-transform:scale(1.2) rotate(65deg);transform:scale(1.2) rotate(65deg)}}@keyframes fall6{to{top:150vh;-webkit-transform:scale(1.2) rotate(65deg);transform:scale(1.2) rotate(65deg)}}.user-auth__visuals svg:nth-child(7){left:34%;-webkit-animation:fall7 22s linear infinite;animation:fall7 22s linear infinite;-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-transform:scale(1.5) rotate(353deg);transform:scale(1.5) rotate(353deg);-webkit-filter:blur(-1px);filter:blur(-1px)}@-webkit-keyframes fall7{to{top:150vh;-webkit-transform:scale(1.5) rotate(131deg);transform:scale(1.5) rotate(131deg)}}@keyframes fall7{to{top:150vh;-webkit-transform:scale(1.5) rotate(131deg);transform:scale(1.5) rotate(131deg)}}.user-auth__visuals svg:nth-child(8){left:61%;-webkit-animation:fall8 34s linear infinite;animation:fall8 34s linear infinite;-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:scale(1.8) rotate(152deg);transform:scale(1.8) rotate(152deg);-webkit-filter:blur(0);filter:blur(0)}@-webkit-keyframes fall8{to{top:150vh;-webkit-transform:scale(1.8) rotate(83deg);transform:scale(1.8) rotate(83deg)}}@keyframes fall8{to{top:150vh;-webkit-transform:scale(1.8) rotate(83deg);transform:scale(1.8) rotate(83deg)}}.user-auth__visuals svg:nth-child(9){left:-2%;-webkit-animation:fall9 35s linear infinite;animation:fall9 35s linear infinite;-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-transform:scale(2.1) rotate(314deg);transform:scale(2.1) rotate(314deg);-webkit-filter:blur(1px);filter:blur(1px)}@-webkit-keyframes fall9{to{top:150vh;-webkit-transform:scale(2.1) rotate(247deg);transform:scale(2.1) rotate(247deg)}}@keyframes fall9{to{top:150vh;-webkit-transform:scale(2.1) rotate(247deg);transform:scale(2.1) rotate(247deg)}}.user-auth__visuals svg:nth-child(10){left:25%;-webkit-animation:fall10 33s linear infinite;animation:fall10 33s linear infinite;-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-transform:scale(2.4) rotate(52deg);transform:scale(2.4) rotate(52deg);-webkit-filter:blur(2px);filter:blur(2px)}@-webkit-keyframes fall10{to{top:150vh;-webkit-transform:scale(2.4) rotate(178deg);transform:scale(2.4) rotate(178deg)}}@keyframes fall10{to{top:150vh;-webkit-transform:scale(2.4) rotate(178deg);transform:scale(2.4) rotate(178deg)}}.user-auth__visuals svg{width:100px;position:absolute;top:-100vh;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.user-auth__wobble{position:relative;z-index:1}.user-auth__wobble svg{position:absolute;pointer-events:none;right:-30%;top:-50vh;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:60s;animation-duration:60s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;border-radius:100%}.user-auth__wobble div{width:100%;height:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.user-auth__wobble--scale div{-webkit-transform:scale(1.1);transform:scale(1.1)}.user-auth__wobble--cover-screen div{-webkit-transform:scale(10);transform:scale(10)}.user-auth__content,.user-auth__wobble{display:block;height:100%;grid-column:1/3;grid-row:1/3}.user-auth__content{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width:768px){.user-auth{grid-template-columns:2fr 1fr}.user-auth__visuals{display:block}.user-auth__wobble svg{right:-30%}.user-auth__content,.user-auth__wobble{grid-column:1/2;grid-row:1/2}.user-auth__wobble-interactive{pointer-events:all;z-index:1}}@media screen and (min-width:1024px){.user-auth{grid-template-columns:1fr 1fr}.user-auth__wobble svg{right:-15%}}@media screen and (min-width:1280px){.user-auth__wobble svg{right:-10%}}@media screen and (max-width:1024px)and (min-height:1280px){.user-auth__wobble svg{right:-35%}}.user-auth-content{padding:40px 30% 40px 40px;opacity:1;-webkit-transition:opacity 1s;transition:opacity 1s}.user-auth-content--hide{opacity:0}.user-auth-content__logo{width:100px}.user-auth-content__mobile-warning{--text-opacity:1;color:#de4077;color:rgba(222,64,119,var(--text-opacity))}@media (min-width:1024px){.user-auth-content__mobile-warning{display:none}}.user-auth-welcome{display:grid;position:relative}.user-auth-welcome__avatar{width:200px;height:200px}.user-auth-welcome__content{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:50vh;width:50vw;left:50vw;top:50vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px;opacity:0;-webkit-transition:opacity 2s;transition:opacity 2s}.user-auth-welcome__content--active{opacity:1}.user-auth-welcome__content h2{font-size:1.875rem;margin-left:50px}.user-auth-welcome__content h2 span{--text-opacity:1;color:#00a389;color:rgba(0,163,137,var(--text-opacity))}.user-auth-welcome__content img{max-width:250px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes background{0%{background-position:0 15%}50%{background-position:100% 86%}to{background-position:0 15%}}@keyframes background{0%{background-position:0 15%}50%{background-position:100% 86%}to{background-position:0 15%}}