body.Login{--loginBGColor:#0071bd;background-position:bottom left,top right,center;background-repeat:no-repeat,no-repeat,no-repeat;background-image:radial-gradient(circle at bottom left in hsl shorter hue,#666,hsl(from var(--loginBGColor,#0071bd) h s 40%/.35) 45%,transparent 65%),radial-gradient(circle at top right in hsl shorter hue,#666,hsl(from var(--loginBGColor,#0071bd) h s 40%/.35) 45%,transparent 65%),radial-gradient(circle at center in hsl shorter hue,var(--loginBGColor,#0071bd),transparent 384px);background-size:192px 192px,192px 192px,768px 768px;background-color:hsl(from var(--loginBGColor,#0071bd) h 25% l/.35);background-attachment:fixed;transition:background-position ease-in-out 1s}body.Login :is(header){background-color:transparent}body.Login :is(footer){background-color:hsl(0 0 95/.75)}body.Login :is(main){background-color:hsl(0 0 95/.75);justify-content:center}#loginForm{align-self:center;margin:0 auto;padding:1em}#loginForm input{margin:0 auto}.frmLogin{display:flex;align-items:center;gap:1em;flex-direction:column;text-align:center}.loginSection{display:flex;flex-direction:column;gap:.2em;justify-content:center;width:clamp(500px,85%,800px)}.singleLine{display:block}@media(max-width:800px){#loginForm{align-self:center;width:100%;height:auto;margin:0 auto;padding:1em;text-align:center}#loginForm input{margin:0 auto}}