#sign-in__img {
  background-image: radial-gradient(circle at .2rem .2rem, var(--l0) 1px, transparent 0), linear-gradient(45deg, var(--p2), var(--s2));
  background-color: var(--s1);
  min-width: 0;
  flex: 1 1 0;
  background-size: 2rem 2rem, 120% 100%;
  background-position: 1rem, 0;
}

.text-input-form-section {
  display: grid;
  grid-template-rows: auto auto;
  gap: .75rem;
  grid-auto-flow: column;
}

input[type="text"], input[type="email"], input[type="password"] {
  font-size: 1.25rem;
  border: var(--l3) 1px solid;
  border-radius: var(--c2);
  padding: 1rem;
  outline: 0 solid var(--p1);
  transition: .15s ease;
  font-family: var(--outfit);
  width: 100%;
  color: var(--d2);
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus {
  border-color: var(--p1);
  /* outline-width: .2rem; */
  /* outline-offset: 1px; */
}


input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder {
  color: var(--l3);
}

#sign-up__logo {
  width: 40%; min-width: 10rem;
  align-self: flex-start;
}

/* - - - - - - - - - - - - - - - - - - - - */

@media (max-width: 100ch) {

  #sign-in__img {display: none;}
  .text-input-form-section {
    display: flex; flex-direction: column;
  }

}