.auth-container{color:#1a1a1a;background-image:linear-gradient(#ffffff80,#ffffff80),url(/frames/backgrounds/horizon.webp);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.auth-middle-text-box{text-align:center;margin-bottom:3rem}.auth-form-container{width:100%;max-width:300px;position:absolute;bottom:25%;right:15%}.auth-form-container form{flex-direction:column;gap:.29rem;display:flex}.auth-container .form-field label{pointer-events:none;color:#0009;opacity:1;white-space:nowrap;font-size:.65rem;font-family:var(--bm-font-writing);transition:opacity .15s linear;position:absolute;top:50%;left:0;transform:translateY(-50%);font-weight:600!important;line-height:0!important}.auth-container .form-field.has-value label,.auth-container .form-field.user-activated label{opacity:0}.auth-container .form-field.label-above{flex-direction:column;align-items:flex-start;gap:4px}.auth-container .form-field.label-above label{opacity:1;pointer-events:auto;position:static;transform:none;line-height:normal!important}.auth-container .form-field.label-above .custom-input-wrapper{width:100%}.auth-container .form-field.label-above.has-value label,.auth-container .form-field.label-above.user-activated label{opacity:1}.auth-container .form-field input{color:#0009;height:fit-content;font-size:1rem;font-weight:400}.auth-container .form-field.is-password input,.auth-container .form-field.is-password .text-measure{letter-spacing:-.4rem!important}
