/* BASE */
@import url(../base/_reset.css);
@import url(../base/_custom.css);
@import url(../base/_font-face.css);
@import url(../base/_variable.css);

/* Components */
@import url(../components/_buttons.css);
@import url(../components/_text.css);

#whiteBox {
  width: 95% !important;
  height: 38rem !important;
}

#imgBack {
  object-fit: cover;
  filter: opacity(50%);
  -webkit-filter: opacity(50%);
}

.logo_login_sign {
  width: 10rem;
  height: auto;
}

input:focus {
  background: var(--color-background-gray) !important;
}

#inputsCode input {
  width: 2.5rem;
  height: 2.5rem;
}

@media (min-width: 576px) {
  #whiteBox {
    width: 32rem !important;
    height: 45rem !important;
  }

  .logo_login_sign {
    width: 12.9rem;
    height: auto;
  }

  #inputsCode input {
    width: 3.5rem;
    height: 3.5rem;
  }
}