@font-face{font-family:Tilda;src:url('./TildaSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Tilda;src:url('./TildaSans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Tilda;src:url('./TildaSans-Semibold.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--background:#f2f2f1;--foreground:#15192b;--primary:#bd006f;--primary-foreground:#fff;--ring:#bd006f;--border:#d8d8dd;--muted-foreground:#626575;--font-sans:Tilda,Arial,sans-serif}
html,body{margin:0;background:#f2f2f1!important;color:#15192b;font-family:Tilda,Arial,sans-serif;-webkit-font-smoothing:antialiased}
#root{min-height:100dvh}
#root>div:has(#first-factor-stage)>header{display:none}
#root>div:has(#second-factor-stage)>header{position:absolute;top:12px;right:16px;z-index:10}
#root>div:has(#second-factor-stage)>header>div{padding:0}
#first-factor-stage,#second-factor-stage{min-height:100dvh;padding:clamp(16px,4dvh,36px) 20px;box-sizing:border-box}
#first-factor-stage>div,#second-factor-stage>div{width:100%;max-width:444px;padding:36px 34px 24px;background:#fff;border:1px solid rgba(21,25,43,.12);border-radius:16px;box-shadow:0 14px 44px rgba(21,25,43,.045);text-align:left}
#first-factor-stage>div::before,#second-factor-stage>div::before{content:'';display:block;width:214px;height:65px;max-width:100%;background:url('./cloning-facility.png') left center/contain no-repeat;margin-bottom:34px}
#UserSvg{display:none}
#first-factor-stage h5,#second-factor-stage h5{font-family:inherit;color:#626575;font-weight:500;font-size:19px;line-height:1.3;margin:0 0 24px;text-align:left}
#first-factor-stage h5::before,#second-factor-stage h5::before{content:'Nanobase2';display:block;color:#15192b;font-size:46px;line-height:1.08;letter-spacing:-.035em;font-weight:500;margin-bottom:8px}
#form-login{padding:0;margin:0}
#form-login input{font-family:inherit;font-size:17px;background:#fff;border-radius:8px}
#form-login label{font-family:inherit;font-size:16px}
#sign-in-button{height:48px;border-radius:8px;background:#bd006f;color:white;font-family:inherit;font-size:17px;font-weight:600;text-transform:none;box-shadow:none;transition:background-color 140ms ease,transform 140ms ease}
#sign-in-button:hover{background:#a60062}
#sign-in-button:active{transform:scale(.96)}
button{font-family:inherit;transition-property:background-color,color,border-color,opacity,transform!important}
button:focus-visible,a:focus-visible{outline:2px solid #bd006f;outline-offset:4px}
input:focus-visible{border-color:#bd006f!important;outline:2px solid rgba(189,0,111,.16);outline-offset:2px;box-shadow:none!important}
input[inputmode='numeric'],input[autocomplete='one-time-code']{font-variant-numeric:tabular-nums;letter-spacing:.12em}
#first-factor-stage a[href*='authelia.com'],#second-factor-stage a[href*='authelia.com']{font-size:12px;color:#70717e}
#language-button{display:none}
@media(max-width:480px){#first-factor-stage,#second-factor-stage{padding:20px 16px}#first-factor-stage>div,#second-factor-stage>div{padding:28px 24px 22px}#first-factor-stage h5::before{font-size:40px}}
@media(max-height:540px){#first-factor-stage,#second-factor-stage{padding:12px 16px}#first-factor-stage>div,#second-factor-stage>div{padding:16px 24px}#first-factor-stage>div::before,#second-factor-stage>div::before{display:none}#first-factor-stage h5,#second-factor-stage h5{font-size:16px;margin-bottom:12px}#first-factor-stage h5::before,#second-factor-stage h5::before{font-size:30px;margin-bottom:4px}#sign-in-button{height:40px}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}#sign-in-button:active{transform:none}}