.auth{height:100vh;width:100vw;overflow:hidden}.auth-wrapper{position:relative;display:grid;height:100%;width:100%}@media(min-width:1024px){.auth-wrapper{place-items:center}}@media(min-width:1024px)and (max-height:680px){.auth-inner{height:100%!important;min-height:-moz-max-content!important;min-height:max-content!important}}.auth .social_preview{display:flex;width:100%;align-items:center;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(var(--color-gray-dark),var(--tw-border-opacity, 1));padding:1.5rem}.auth .social_preview-avatar{display:block;height:3.5rem;width:3.5rem;flex-shrink:0;overflow:hidden;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--color-gray-dark),var(--tw-bg-opacity, 1))}.auth .social_preview-icon{display:block;height:1.5rem;width:1.5rem}.auth-bg-gradient:before{position:absolute;display:block;height:100%;width:100%;--tw-content:"";content:var(--tw-content);inset:0;z-index:-1}@media(max-width:1023.98px){.auth-bg-gradient:before{display:none}}.auth-bg-gradient:before{background-image:url(/img/bg/esc.svg);background-size:cover;background-repeat:no-repeat!important}.auth-bg-gradient--sc:before{background-image:url(/img/bg/sc.svg)}.auth-bg-gradient--gpu:before{background-size:150%;animation:auth-gradient 60s ease infinite}@keyframes auth-gradient{0%{opacity:1;background-position:0% 50%}50%{opacity:.5;background-position:100% 50%}to{opacity:1;background-position:0% 50%}}.auth-screen{position:relative;display:flex;height:100%;flex-grow:1;align-items:center;justify-content:center;overflow:hidden;background-size:cover}.auth-screen-anim-container{position:absolute;left:50%;right:0;bottom:10%;z-index:1;display:flex;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:1264px}@keyframes float{0%{transform:translate(-18.5%)}to{transform:translate(-118.5%)}}.auth-screen-anim-container svg{display:block;flex-shrink:0;animation-name:float;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite;height:243px}.auth-screen-anim-dot{position:absolute;top:-8px;left:calc(50% - 8px);width:16px;height:16px;background-color:var(--background_color);animation-name:dot;animation-duration:20s;animation-timing-function:cubic-bezier(.5,0,.5,1);animation-play-state:running;animation-iteration-count:infinite;border-radius:50%;background-size:2000px 100%;background-image:var(--gradient-auth-loading)}.auth-screen-anim-dot:before{content:"";display:block;width:100%;height:100%;background-image:inherit;background-position:inherit;background-size:inherit;animation:pulse2 1.3s ease-in-out infinite;border-radius:50%;z-index:-1;opacity:.5}@keyframes pulse2{0%{transform:scale(1);opacity:0}50%{transform:scale(2);opacity:.5}to{transform:scale(2);opacity:0}}@keyframes dot{0%{transform:translateY(241px);background-position:1000px 0}12.5%{transform:translateY(150px);background-position:750px 0}25%{transform:translateY(227px);background-position:500px 0}37.5%{transform:translateY(79px);background-position:250px 0}50%{transform:translateY(0);background-position:0px 0}50.00001%{transform:translateY(0);background-position:2000px 0}62.5%{transform:translateY(92px);background-position:1750px 0}75%{transform:translateY(15px);background-position:1500px 0}87.5%{transform:translateY(160px);background-position:1250px 0}to{transform:translateY(241px);background-position:1000px 0}}.auth-forms{position:relative;z-index:2;height:100%;width:100%;flex-shrink:0;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:linear;background-color:RGB(var(--color-black_2))}@media(min-width:1024px){.auth-forms{overflow:auto}.auth-forms .auth-form{height:auto;min-height:100%}}@media(min-width:1024px)and (max-height:680px){.auth-forms .auth-form{position:absolute;top:0;left:0;justify-content:flex-start}}.auth-form{display:flex;height:100%;width:100%;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;padding:2rem;transition:opacity .4s ease}@media(min-width:1024px){.auth-form:not(:first-child){opacity:0}}@media(max-width:1023.98px){.auth-form:not(.active){display:none}}.auth-form .btn.white:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-default),var(--tw-bg-opacity, 1))}.auth-form .text_separator:after,.auth-form .text_separator:before{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-dark),var(--tw-bg-opacity, 1))}@media(max-width:1023.98px){.auth-screen{display:none}.auth-forms{width:100%;overflow:auto}.auth-form{position:absolute;top:0;left:0;height:auto;justify-content:flex-start;padding:7rem 1.5rem 6rem}}.auth .input{--tw-border-opacity:1;border-color:rgba(var(--color-gray-dark),var(--tw-border-opacity, 1))}.auth .input::-moz-placeholder{--tw-text-opacity:1;color:rgba(var(--color-secondary-default),var(--tw-text-opacity, 1))}.auth .input::placeholder{--tw-text-opacity:1;color:rgba(var(--color-secondary-default),var(--tw-text-opacity, 1))}.auth .input:-webkit-autofill,.auth .input:-webkit-autofill:hover,.auth .input:-webkit-autofill:focus{background-color:RGB(var(--color-card));-webkit-text-fill-color:RGB(var(--color-default));-webkit-box-shadow:0 0 0px 1000px RGB(var(--color-card)) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.auth .input-form[data-sufix]{position:relative}.auth .input-form[data-sufix]:after{opacity:.25;content:attr(data-sufix);display:block;position:absolute;right:16px;bottom:12px;font-size:12px;line-height:16px;text-align:right;letter-spacing:.25px;color:RGB(var(--color-gray));pointer-events:none}.auth .input-form[data-sufix] .input{padding-right:72px}.stripe-loading-indicator .stripe,.stripe-loading-indicator .stipe-loaded{background-image:var(--gradient-stripe-loading)!important}.show_password{position:absolute;right:10px;top:6px;border-radius:50%}.show_password:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-gray-darker),var(--tw-bg-opacity, 1))}.show_password .icon{width:16px;height:16px}.show_password .label{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.show_password .hide{display:block}.show_password .show{display:none}.show_password input:checked+.label .show{display:block}.show_password input:checked+.label .hide{display:none}