.auth-container{--left-panel-size: 40%;--left-panel-size-margin: 42%;--transition-duration: .5s;display:grid;overflow-x:clip}.auth-container.auth-container--no-illustration .left-panel{background:#fbfbfb}.auth-container .left-panel{position:fixed;top:0;bottom:0;left:0;margin:1.25rem;display:grid;width:var(--left-panel-size);place-items:center;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(251 251 251 / var(--tw-bg-opacity, 1))}@media (min-width: 1024px){.auth-container .left-panel{--tw-bg-opacity: 1;background-color:rgb(253 238 234 / var(--tw-bg-opacity, 1))}}.auth-container .left-panel{background-size:1000% 1000%;animation:gradientAnimation 20s linear infinite}@keyframes gradientAnimation{0%,to{background-position:left bottom}50%{background-position:right top}}.auth-container .left-panel>.home-btn{display:inline-block}.auth-container .left-panel>.home-btn .app-logo{width:10rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.auth-container .left-panel>.home-btn .home-btn__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.auth-container .right-panel{position:relative;margin-left:0;display:flex;flex-direction:column;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(251 251 251 / var(--tw-bg-opacity, 1));padding:2.5rem;padding-left:var(--min-px);padding-right:var(--min-px);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--transition-duration)}@media (min-width: 1024px){.auth-container .right-panel{margin-left:var(--left-panel-size-margin);padding-left:5rem;padding-right:0}}@media (min-width: 1280px){.auth-container .right-panel{padding-left:10rem}}.auth-container .right-panel{box-shadow:none}.auth-container .right-panel__boundary{position:relative;left:50%;width:100%;max-width:460px;--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));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:var(--transition-duration)}@media (min-width: 1024px){.auth-container .right-panel__boundary{left:0;--tw-translate-x: 0px;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))}}.auth-container .right-panel__boundary .home-btn{margin-bottom:1rem;display:block;width:100%}@media (min-width: 1024px){.auth-container .right-panel__boundary .home-btn{display:none}}.auth-container .right-panel__boundary .home-btn .app-logo{width:10rem}.auth-container .right-panel__boundary .home-btn__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.auth-container .right-panel__title{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.auth-container .right-panel__subtitle{margin-bottom:1.5rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.auth-container .right-panel .right-panel{position:absolute;top:0;right:0;bottom:0;left:0;--tw-translate-x: 100%;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));transition-duration:.3s;transition:transform .3s,box-shadow .5s .3s;box-shadow:none}.auth-container .right-panel .right-panel--current{--tw-translate-x: 0px;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))}