.auth-container{--left-panel-size: 35%;--transition-duration: .5s;display:grid;overflow-x:clip}.auth-container.auth-container--no-illustration .left-panel{background:#fbf9f9}.auth-container .left-panel{position:fixed;top:0;bottom:0;left:0;display:grid;width:var(--left-panel-size);place-items:center;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 1024px){.auth-container .left-panel{padding:2.5rem}}.auth-container .left-panel{background:linear-gradient(60deg,#000,#b22237,#000,#b22237,#000);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:16rem;fill:#fff!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.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;background-color:var(--bb-panel);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);padding-left:9rem;padding-right:0}}.auth-container .right-panel{box-shadow:0 4px 20px #0000000d}.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:2.5rem;display:block;width:-moz-fit-content;width:fit-content}.auth-container .right-panel__boundary .home-btn .app-logo{margin-bottom:4rem;width:12rem}.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{margin-bottom:.5rem;font-size:1.5rem;line-height:2rem;font-weight:700;color:color-mix(in sRGB,var(--bb-panel) 10%,var(--bb-text))}@media (min-width: 640px){.auth-container .right-panel__title{font-size:2.25rem;line-height:2.5rem}}.auth-container .right-panel__subtitle{margin-bottom:1.5rem;font-size:1rem;line-height:1.5rem;color:color-mix(in sRGB,var(--bb-panel) 40%,var(--bb-text))}.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))}