.login{position:absolute;top:45%;left:50%;transform:translate(-50%) translateY(-50%)}.login__validator{width:100%}.login h2 b{color:var(--color-primary)}.login label{color:var(--color-grey)}.login a{font-size:var(--font-size-s);color:var(--color-primary);-webkit-text-decoration:none;text-decoration:none}.login a:hover{color:var(--color-black);-webkit-text-decoration:underline;text-decoration:underline}.login__title{margin-top:var(--gap-3xl);text-align:center}.login__email-label label{align-self:end;width:30%}.login__email-label span{width:70%}.login__submit-contact{text-align:center}.login__submit-contact a{font-size:var(--font-size-s);color:var(--color-primary);-webkit-text-decoration:none;text-decoration:none}.login__forgot-password{padding-top:var(--gap-s)}.password-input-field{position:relative;width:100%}.password-input-field .visibility-btn{position:absolute;right:var(--gap);align-self:center;padding:0;background:none;border:none;cursor:pointer;box-shadow:none}.password-input-field .visibility-btn .icon{--icon-size: var(--icon-size-m);margin-top:.4em;color:var(--color-primary)}@media only screen and (max-width: 560px){.login{position:relative;top:auto;left:auto;margin-top:var(--gap-s);transform:none}.login__form{width:80%}.login__title{margin-top:var(--gap-2xl)}}@media only screen and (max-width: 375px){.login__background{width:530px;margin-top:110px;border-bottom:100vw solid var(--color-white)}.login__form{width:100%}.linkedin-btn img{width:34px}}@media only screen and (max-width: 320px){.login__background{margin-top:150px;border-bottom:100vw solid var(--color-white)}.login__title{margin-top:var(--gap-l)}.login__form{width:98vw;padding-bottom:40px}}