.login-page{position:relative;display:flex;height:100vh;width:100vw;flex-direction:column;justify-content:flex-end;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat}@media(min-width:1024px)and (min-aspect-ratio:8/5){.login-page{background-position:top}}.login-page:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}.login-page--has-bg{background-image:var(--login-bg-image)}.login-page .content-body{position:relative;z-index:2;margin-bottom:10rem;display:flex;height:auto;width:100vw;justify-content:center}.login-page .content-body .logo{position:fixed;top:1.5rem;left:1.5rem;height:2.5rem}@media (min-width:1024px){.login-page .content-body .logo{left:5rem;height:4rem}}.login-page .content-body .content{display:flex;max-width:768px;flex-direction:column;align-items:center;row-gap:2.5rem;padding-left:1.5rem;padding-right:1.5rem;text-align:center;color:var(--on-primary)}@media (min-width:768px){.login-page .content-body .content{padding-left:0;padding-right:0}}.login-page .content-body .content-btn{width:16rem}.login-page .logo-truevision-now{display:block}@media(prefers-color-scheme:dark){.login-page .logo[data-theme=light]{display:none}}@media(prefers-color-scheme:light){.login-page .logo[data-theme=dark]{display:none}}