/* The layout, colors and transitions come from the original logincode.css. */
.L_code { --loginbg: url('/themes/web/www/upload/local6953bf1e28340.png'); }
.L_code .login-tab-item:focus-visible,
.L_code .custom-dropdown-selection:focus-visible,
.L_code #customCheckbox:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
.L_code .L_code-login-form { min-width: 0; max-height: calc(100vh - 148px); }
.L_code .L_code-login-form .form-control { max-width: 100%; }
.L_code .serviceTerms { white-space: normal; }
@media (max-width: 768px) {
    .L_code .brand-marketing { display: none; }
    .L_code .brand-lockup { display: flex; align-items: center; gap: 8px; white-space: nowrap; color: var(--primary); }
    .L_code .brand-lockup img { max-width: 45px; object-fit: contain; }
    .L_code .brand-name { font-size: 20px; }
    .L_code .L_code-right-content { position: relative; }
    .L_code .L_code-login-form { max-height: none; }
    .L_code .L_code-form-content { flex-wrap: wrap; row-gap: 8px; }
    .L_code .text-register { order: -1; }
    .L_code .code_login-tab { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .L_code *, .L_code *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
    #loginBgVideo { visibility: hidden; }
    .login-bg-video-box { background: url('../images/bg.jpg') center / cover; }
}