#login{--logo-color:#000;max-width:412px;width:calc(100% - 2rem)}.login{background:var(--color-white);display:grid;place-content:center;position:relative;&:before{bottom:0;content:"";filter:brightness(-100%);left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}& a{color:#a2aab4!important}& p#backtoblog,& p#nav{text-align:center}& h1{display:none}& svg{display:block;height:auto;margin:0 auto 3rem;max-width:15rem;width:100%}& .button-primary{background:var(--color-black);border:0;border-radius:1rem;text-shadow:none;&:active,&:focus,&:hover{background:var(--color-black);opacity:.8}}& input[type=password],& input[type=text]{&:active,&:focus,&:hover{border-color:var(--color-orange-500);box-shadow:0 0 0 1px var(--color-orange-500);outline:var(--color-orange-500);outline-color:var(--color-orange-500)}}}.language-switcher{bottom:0;position:absolute;width:100%}