[data-component~="components/form/group"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  label {
    margin-bottom: -0.25rem;
  }
  input[type=text], input[type=email], input[type=search], input[type=tel], input[type=url], input[type=number], input[type=range], input[type=password], select, textarea {
    max-width: 100%;
    width: 25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    color: var(--color-base-50);
    background-color: var(--color-base-800);
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-base-600);
    border-radius: 0.25rem;
    &:disabled {
      color: var(--color-muted);
    }
  }
  .errors {
    color: var(--color-error);
  }
}