.flex-full{flex:1}body,html{height:100%}body{background-color:var(--wds-elevation-background);color:var(--wds-text-color-default);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:15px;font-weight:400;overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,#login{height:100%}#login{display:flex;flex:1 1 auto}#login #login-panel{display:flex;flex:0 0 auto;flex-direction:column;width:500px;z-index:1}#login #login-panel.kroqi-panel{flex:0 1 100%;padding-left:15px;padding-right:15px;padding-top:20px}#login #login-panel.kroqi-panel #banner{margin-left:-15px;margin-right:15px;padding-left:15px;padding-right:15px}#login #login-panel.kroqi-panel #banner .logo{margin-bottom:20px;padding-left:15px;padding-right:15px}#login #login-panel #gouv-banner{padding-left:16px;padding-top:1vh}#login #login-panel #gouv-banner .logo{height:20vh;max-height:160px;padding-right:59px}#login #login-panel #gouv-banner #gouv-url{font-size:20px;padding-bottom:20px}#login #login-panel #gouv-banner #gouv-url span{font-weight:800}#login #login-panel #banner .logo{height:10vh;max-height:60px;max-width:100%}#login #login-panel #login-box{background-color:rgb(from var(--wds-elevation-background) r g b/.9);display:flex;flex:1 0 auto;flex-direction:column;justify-content:center;padding:1vh 32px}#login #login-panel #login-box.plano-login{justify-content:inherit;margin-top:5vh}#login #login-panel #login-box #login-account{margin-bottom:2vh;text-align:center}#login #login-panel #login-box #login-account .account-image{border-radius:3px;box-shadow:0 0 30px 0 rgba(0,0,0,.2);margin-bottom:12px;max-height:96px;max-width:96px}#login #login-panel #login-box #login-account .avatar{background-color:#fff;background-repeat:no-repeat;box-shadow:0 0 30px 0 rgba(0,0,0,.2);font-size:24px;height:10vh;line-height:96px;margin-bottom:12px;max-height:96px;max-width:96px;width:10vh}#login #login-panel #login-box .login-qrcode{padding:24px 32px;text-align:center}#login #login-panel #login-box .login-qrcode .qrlogin-text{color:var(--wds-text-color-subtle);font-size:22px;margin-bottom:24px}#login #login-panel #login-box .login-qrcode .qrcode{height:300px;position:relative}#login #login-panel #login-box .login-qrcode .qrcode-loading{left:50%;position:sticky;top:50%}#login #login-panel #login-box .forgotten-password{color:var(--wds-text-color-info)}#login #login-panel #welcome-text{align-items:center;background-color:var(--wds-elevation-background);border-radius:3px;display:flex;flex-direction:column;font-weight:500;justify-content:center;margin:24px 32px;padding:24px 32px;white-space:pre-line}#login #login-panel #welcome-text-gouv{font-weight:700;justify-content:center;padding:24px 32px;white-space:pre-line}@media (min-width:768px){#login #login-background{display:flex!important}#login #login-panel.kroqi-panel{flex:1 1 50%}#login #login-panel #banner .logo{height:10vw}#login #login-panel #banner .logo-2{height:7vw}}#login #login-background{background-color:#fff;background-position:50%;background-size:cover;display:none;flex:1 1 auto;flex-direction:column}#login #login-background.login-background-default{background-blend-mode:multiply;background-color:var(--wds-color-neutral-shade-1);background-position:100% 100%;background-repeat:no-repeat;background-size:auto 95%}#login #login-background #login-headline{display:flex;flex:1 1 auto}#login #login-background #login-tagline{align-items:flex-end;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));color:#fff;display:flex;flex:0 0 auto;font-size:18px;font-weight:800;height:300px;justify-content:flex-end;padding:24px 32px;text-shadow:0 0 50px rgba(0,0,0,.3)}#login #login-background #login-tagline .logo{filter:drop-shadow(0 0 50px rgba(0,0,0,.3));height:20px}#login #login-background #login-tagline span{display:flex;flex:1 1 auto;justify-content:flex-end}#login #login-background.kroqi-background{align-items:center;background-color:#21aae1;flex:1 0 50%;justify-content:center}#login #login-background .logo-kroqi{height:15vw}#login .font-bold{font-size:20px;font-weight:500}#login .company-name{font-size:18px}#login .section-title{color:var(--wds-text-color-info);font-size:12px;font-weight:700;margin-bottom:12px;text-transform:uppercase}