.login-modal-component{align-items:center;display:flex;flex-direction:column}.login-modal-title{color:var(--color-text-boldest);font-family:var(--font-family-heading);font-size:clamp(2.8rem,4vw,3.6rem);font-weight:700;line-height:1.05;margin-bottom:.8rem;text-align:center}.login-modal-subtitle{color:var(--color-text-default);font-size:1.7rem;font-weight:600;line-height:1.2;margin:.8rem 0 3rem;text-align:center}.login-modal-form-group{margin-bottom:1.5rem}.login-modal-form-group input{transition:border-color .25s var(--motion-ease-out-gentle)}.login-modal-error{color:var(--color-text-danger)}.form-error-component a{color:var(--color-text-default);text-decoration:underline}.form-error-component a:hover{color:var(--color-text-default-hovered)}.login-modal-label{line-height:1}.login-modal-header{display:flex;justify-content:center;margin:0 auto;width:100%}.login-modal-logo{background:url(/bundles/web/images/logo/logo-black.svg) no-repeat center;background-size:contain;display:inline-block;height:4.4rem;margin-bottom:3rem;width:15.8rem}.dark-mode .login-modal-logo{background:url(/bundles/web/images/logo/logo.svg) no-repeat center}.login-modal-wrap{padding:3.5rem clamp(1rem,4vw,3rem) 1rem}.login-modal-form{margin-bottom:3.5rem}.login-modal-button{margin:3rem 0 0}.login-modal-turnstile{font-size:0;line-height:0}.login-modal-footer{background-color:var(--color-bg-tertiary);border-radius:0 0 var(--radius-10) var(--radius-10);color:var(--color-text-bolder);text-align:center}.login-modal-link{align-items:center;color:var(--color-text-default);cursor:pointer;display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center;padding:1.5rem;text-decoration:underline}.login-modal-link:hover{color:var(--color-text-default-hovered)}.login-modal-text{color:var(--color-text-bolder);cursor:default}[dir=ltr] .login-modal-text{margin-right:.5rem}[dir=rtl] .login-modal-text{margin-left:.5rem}.login-modal-options{align-items:center;color:var(--color-text-subtle);display:flex;font-size:1.3rem;justify-content:space-between}[dir=ltr] .login-modal-options>*:last-child{margin-left:1.5rem;text-align:right}[dir=rtl] .login-modal-options>*:last-child{margin-right:1.5rem;text-align:left}.login-modal-forgot{color:var(--color-text-default);font-weight:400;text-decoration:underline}.login-modal-forgot:hover{color:var(--color-text-default-hovered)}@media (min-width: 40em){.login-modal-wrap{padding:4rem 4rem 2rem}}