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{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;padding:var(--wds-size-4)}#login{background-color:var(--wds-elevation-background);border-radius:var(--wds-size-8);box-shadow:0 0 0 1px var(--wds-surface-3);display:flex;flex:1 1 auto;gap:var(--wds-size-4)}#login #login-panel{display:flex;flex:0 0 auto;flex-direction:column;width:500px;z-index:1}#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{display:flex;flex:1 0 auto;flex-direction:column;justify-content:center;padding:0 64px}#login #login-panel #login-box.plano-login{justify-content:inherit;margin-top:5vh}#login #login-panel #login-box #login-account{border-bottom:1px solid var(--wds-border-color-hover);margin-bottom:var(--wds-size-8);padding-bottom:var(--wds-size-8)}#login #login-panel #login-box #login-account .account-name{font-size:1.6rem;font-weight:500}#login #login-panel #login-box #login-account .avatar{background-color:#fff;background-repeat:no-repeat;box-shadow:0 0 0 1px var(--wds-border-color),0 6px 12px 0 rgba(0,0,0,.08);font-size:24px;height:128px;line-height:128px;margin:0;margin-bottom:var(--wds-size-6);width:128px}#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{color:var(--wds-text-color-subtle);display:flex;flex-direction:column;font-weight:500;margin-top:var(--wds-size-2);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 #banner .logo{height:10vw}#login #login-panel #banner .logo-2{height:7vw}}#login #login-background{background-color:#fff;background-position:50%;background-size:cover;border-radius:var(--wds-size-4);display:none;flex:1 1 auto;flex-direction:column;justify-content:end;overflow:hidden;position:relative}#login #login-background #login-tagline{align-items:flex-end;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));color:#fff;display:flex;flex:0 0 auto;font-size:18px;font-weight:800;height:300px;padding:24px 32px;text-shadow:0 0 50px rgba(0,0,0,.3);z-index:1}#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 .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}