.Login{align-items:center;height:100vh;justify-content:center;width:100vw}.Login,.Login__Form{display:flex;gap:1rem;padding:var(--DefaultPadding)}.Login__Form{align-items:flex-start;align-items:center;background-color:var(--PrimaryColor);border-radius:var(--DefaultBorderRadius);flex-direction:column;margin:0 auto;width:50rem}.Login__Header{font-size:2.8rem;text-align:center}.Login__Header--Margin{margin-bottom:4rem}.Login__Info{text-align:center}.Login__Wrapper{margin-bottom:2rem;position:relative;width:100%}.Login__Wrapper input{background-color:var(--BackgroundColor);border:var(--DefaultBorderWidth) solid var(--PrimaryColor);border-radius:var(--DefaultBorderRadius);outline:none;padding:var(--DefaultPadding);transition:var(--Tran-05);width:100%}.Login__Wrapper input::placeholder{color:var(--TextColor);opacity:.5}.Login__Wrapper input:focus{background-color:var(--AccentColor)}.Login__Wrapper input:disabled{cursor:not-allowed;opacity:.3}.Login__Wrapper img{height:2rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:2rem}.Login__Wrapper--Hidden{height:0;opacity:0;pointer-events:none}.Login__Wrapper--Margin{margin-bottom:6rem}.Login__Error{color:var(--ErrorColor);font-weight:700}.Login__Submit{background-color:var(--AccentColor);border:none;border-radius:var(--DefaultBorderRadius);cursor:pointer;outline:none;padding:var(--DefaultPadding);transition:var(--Tran-02)}.Login__Submit:hover{background-color:var(--SecondaryColor)}.Login__Submit.Red{background-color:var(--ErrorColor);border:var(--DefaultBorderWidth) solid red}.Login__Submit.Red:hover{opacity:.5}.Login__Submit.Green{background-color:var(--SuccessColor);border:var(--DefaultBorderWidth) solid green}.Login__Submit.Green:hover{opacity:.5}.Login__Submit.Reverse{background-color:transparent;text-decoration:underline}.Login__Submit.Reverse:hover{background-color:var(--AccentColor)}