:root{--color-plaza-gold:#D6CA90;--color-plaza-antracite:#3D3D3D;--color-plaza-grey:#707070;--color-plaza-light-grey:#F9F9F9;--color-plaza-red:#B82959;--color-plaza-green:#00AF8B;--color-plaza-green-light:rgba(230,250,237,0.68);--color-plaza-white:white;--color-darker-grey:#dfdfdf}body.dark-mode{--color-plaza-gold:#D6CA90;--color-plaza-red:#B82959;--color-plaza-green:#00AF8B;--color-plaza-green-light:rgba(230,250,237,0.68);--color-plaza-light-grey:#474747;--color-plaza-grey:#2c2c2c;--color-plaza-antracite:#cccccc;--color-plaza-white:black;--color-darker-grey:#dfdfdf}.welcome-page-container{display:flex;height:100vh;max-height:100%;width:100vw;color:var(--color-plaza-light-grey);overflow:hidden}.welcome-page-container.loading:after{content:"";height:100px;width:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:5px solid var(--color-plaza-gold);border-top:5px solid rgba(0,0,0,0);animation:load 1s ease-in-out infinite;z-index:801}.welcome-page-container.loading:before{z-index:800;content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000;opacity:.5}.welcome-page-container .image-section{flex:1 1}@media(max-width:995px){.welcome-page-container .image-section{display:none}}.welcome-page-container .image-section img{width:100%;height:100%;object-fit:cover}.welcome-page-container .content-section{flex:1 1;display:flex;justify-content:center;background-color:var(--color-plaza-antracite)}.welcome-page-container .content-section .content-container{display:flex;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;max-width:710px;width:100%;gap:30px;padding:50px}@media(max-width:775px){.welcome-page-container .content-section .content-container{padding:0;max-width:100%}}@media(max-height:540px){.welcome-page-container .content-section .content-container{gap:15px}}.welcome-page-container .content-section .content-container img{width:322px}.welcome-page-container .content-section .content-container h1{max-width:500px;font-size:32px;font-weight:400;color:var(--color-plaza-light-grey);text-align:center}.welcome-page-container .content-section .content-container p{font-size:15px;font-weight:300;text-align:center;color:#f9f9f9;margin-bottom:5px}@media(max-height:820px){.welcome-page-container .content-section .content-container p{display:none}}@media(max-width:995px){.welcome-page-container .content-section .content-container p{display:none}}@media(max-height:750px){.welcome-page-container .content-section .content-container .login-headline{font-size:25px}}@media(max-height:650px){.welcome-page-container .content-section .content-container .login-headline{display:none}}@media(max-height:750px){.welcome-page-container .content-section .content-container .login-image{width:200px}}@media(max-height:480px){.welcome-page-container .content-section .content-container .login-image{width:150px}}.welcome-page-container .content-section .content-container .login-section{width:60%;display:flex;flex-direction:column;gap:10px}@media(max-width:345px){.welcome-page-container .content-section .content-container .login-section{width:90%}}.welcome-page-container .content-section .content-container .login-section h3{text-align:center;margin:10px 0}@media(max-height:540px){.welcome-page-container .content-section .content-container .login-section h3{font-size:12px}}.welcome-page-container .content-section .content-container .login-section .login-button{width:100%}@media(max-width:500px){.welcome-page-container .content-section .content-container .login-section button,.welcome-page-container .content-section .content-container .login-section input{font-size:10px}}.welcome-page-container .content-section .content-container .spacer{width:100%;position:relative}.welcome-page-container .content-section .content-container .spacer hr{width:100%;background-color:var(--color-plaza-light-grey)}.welcome-page-container .content-section .content-container .spacer img{width:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome-page-container .content-section .content-container .spacer :before{content:"";position:absolute;width:23px;aspect-ratio:1/1;background-color:var(--color-plaza-grey);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}@keyframes load{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}