@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,300;1,400;1,500;1,700&display=swap");
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Raleway", sans-serif; }

body {
  margin: 0;
  background-image: url(../../../assets/images/login/background.webp);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #023670; }

.mt-16 {
  margin-top: 16px; }

.mt-42 {
  margin-top: 42px; }

.top-text-eyes {
  top: 89px; }

.top-password-eyes {
  top: 87px; }

.img-eyes-login {
  position: absolute;
  right: 15px;
  cursor: pointer;
  width: 20px; }

.card-login {
  background-color: #ffffff;
  position: absolute;
  padding: 72px 86px;
  max-width: 522px;
  width: 100%;
  height: 632px;
  border-radius: 5px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column; }
  .card-login span {
    color: #003670;
    font-size: 16px; }
  .card-login .form-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 21px; }
    .card-login .form-container input {
      height: 52px;
      width: 100%;
      border: 1px solid #ff0072;
      border-radius: 6px;
      padding: 0 42px 0 30px; }
      .card-login .form-container input:focus-visible + #togglePassword {
        filter: brightness(0) saturate(100%) invert(62%) sepia(96%) saturate(5525%) hue-rotate(204deg) brightness(87%) contrast(84%); }
      .card-login .form-container input::placeholder {
        font-size: 12px;
        color: #ababab; }
    .card-login .form-container .button-login {
      cursor: pointer;
      height: 52px;
      width: 74%;
      max-width: 259px;
      border-radius: 6px;
      background-color: #ff0072;
      color: #ffffff;
      border: none; }
    .card-login .form-container a {
      text-decoration: none;
      font-size: 13px;
      color: #000; }
      .card-login .form-container a:hover {
        text-decoration: underline; }
    .card-login .form-container .error-message {
      position: absolute;
      top: 131px;
      color: red; }

/*# sourceMappingURL=login.css.map */