.login-page{--login-ground:#e3e3e3;height:100vh;height:100dvh;background:var(--login-ground);display:flex;flex-direction:column}.login-art,.login-page{position:relative;overflow:hidden}.login-art{flex:1 1 auto;min-height:18vh;width:100%}.login-art:after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(180deg,hsla(0,0%,89%,0),var(--login-ground) 88%);pointer-events:none}.login-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 99%);mask-image:linear-gradient(180deg,#000 78%,transparent 99%)}.login-page:has(.login-form--splash) .login-form{position:absolute;left:0;right:0;bottom:clamp(40px,11vh,110px);max-height:none;padding-bottom:0}@media (min-width:1400px){.login-art img{object-position:center 40%}}.login-form{position:relative;z-index:2;flex:0 0 auto;max-height:100%;overflow-y:auto;overscroll-behavior:contain;max-width:420px;margin:0 auto;padding:0 24px 96px;flex-direction:column;gap:14px}.login-form,.login-row{width:100%;display:flex;align-items:center}.login-row{gap:8px;justify-content:center}.login-page{--control-h:41px}.login-page .fx-input,.login-page .fx-select{height:var(--control-h);padding:0 .9rem;font-size:var(--text-sm);line-height:1.4;width:100%}.login-page .fx-input{text-align:center;max-width:260px}.login-page .login-submit{width:42px;height:42px;padding:0;border-radius:50%;display:grid;place-content:center;flex-shrink:0}.login-page .login-submit:disabled{opacity:.45;cursor:not-allowed}.login-alt{background:none;border:0;padding:4px;font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.login-alt:hover{color:var(--color-text)}.login-message{font-size:var(--text-sm);text-align:center;max-width:340px;margin:0}.login-message--error{color:var(--color-danger,#93342e)}.login-message--muted{color:var(--color-text-secondary)}.login-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.login-fields>.login-field--wide{grid-column:1/-1}.login-field{display:flex;flex-direction:column;gap:4px}.login-field>label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.login-field .fx-input,.login-field .fx-select{text-align:left;max-width:none;width:100%}.login-field__error{font-size:12px;color:var(--color-danger,#93342e)}.login-page:not(:has(.login-form--splash)) .login-art{display:none}.login-page:not(:has(.login-form--splash)){justify-content:center}.login-page:not(:has(.login-form--splash)) .login-form{padding-top:24px;padding-bottom:24px}@media (max-width:720px){.login-art{flex:0 0 auto;height:auto;min-height:0}.login-art img{height:auto;object-fit:contain;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}.login-art:after{height:28%}.login-page:has(.login-form--splash){justify-content:center}.login-page:has(.login-form--splash) .login-form{position:static;flex:0 0 auto;margin-top:-44px;padding-bottom:0}}@media (max-height:820px){.login-form{padding-bottom:40px}}@media (max-height:700px){.login-form{padding-bottom:20px;gap:10px}.login-fields{gap:7px}.login-field>label{font-size:10px}.login-page{--control-h:34px}.login-page .fx-input,.login-page .fx-select{padding:0 .7rem}.login-art{min-height:12vh}}@media (max-height:500px){.login-art{min-height:8vh}.login-form{padding-bottom:14px;gap:8px}.login-message{display:none}}@media (max-height:560px) and (min-width:680px){.login-form{max-width:720px}.login-fields{grid-template-columns:repeat(4,1fr)}.login-fields>.login-field--wide{grid-column:span 2}}