/*
MARK: Contact
*/

#mrm-form {
  & > div {
    & > div {
      & > div {
        background-color: #00000093 !important;
        backdrop-filter: blur(10px);
      }
    }
  }

  & input,
  textarea {
    background-color: transparent;
    color: var(--global-palette9);
    border: 1px solid var(--global-palette9);
    border-radius: 0.4rem;
    width: 100%;

    &:focus,
    &:focus-visible,
    &:focus-within {
      color: var(--global-palette9);
      border-color: var(--global-palette7);
    }
  }

  & input {
    &[type="email"] {
      direction: ltr;
    }
  }

  & textarea {
    resize: block;
    min-height: 3lh;
    max-height: 40dvh;
  }
}