.login-layout{display:grid;overflow-x:clip}@media (min-width: 1024px){.login-layout{grid-template-columns:35fr 65fr}}.login-layout.login-layout--no-illustration .left-panel{background:#fbf9f9}.login-layout .left-panel{display:none}@media (min-width: 1024px){.login-layout .left-panel{display:block;padding:2.5rem}}.login-layout .left-panel{background:url(/build/assets/character-DPoLq2eB.svg) center calc(100% - 50px) / 100% no-repeat,#fbf9f9}.login-layout .left-panel>.home-btn{display:inline-block}.login-layout .left-panel>.home-btn .app-logo{width:7rem}.login-layout .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}.login-layout .right-panel{position:relative;display:grid;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:2.5rem;padding-left:var(--dynamic-p-mobile);padding-right:var(--dynamic-p-mobile)}@media (min-width: 1024px){.login-layout .right-panel{justify-content:flex-start;padding-left:9rem;padding-right:0}}.login-layout .right-panel{box-shadow:0 4px 20px #0000000d}.login-layout .right-panel__boundary{width:100%;max-width:460px}.login-layout .right-panel__boundary .home-btn{margin-bottom:1rem;display:block;width:-moz-fit-content;width:fit-content}@media (min-width: 1024px){.login-layout .right-panel__boundary .home-btn{display:none}}.login-layout .right-panel__boundary .home-btn .app-logo{width:7rem}.login-layout .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}.login-layout .right-panel__title{margin-bottom:10px;font-size:2.25rem;line-height:2.5rem;font-weight:700}.login-layout .right-panel__subtitle{margin-bottom:1.5rem}.login-layout .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}.login-layout .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))}