// ============================================================================
// :: Input
// ============================================================================
/**
 * Scope defined especially for the visual representation of an input
 */

// ============================================================================
// :: Root
// ============================================================================
.s-input {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;

  .a-input {
    width: 30rem;
    margin-bottom: 3rem;

    &:last-child {
      margin-bottom: 0;
    }
  }
}