@use '../../sass/abstracts/variables' as *;
@use '../../sass/abstracts/typography';
@use '../../sass/shared/label';

#{$object-prefix}textarea {
  @include typography.body-medium;
  background-color: $light-grey;
  border: 1px solid $sodra-black-25;
  opacity: 1;
  padding: 1rem;
  width: 100%;
  box-sizing: border-box;

  &--border-success {
    border: 1px solid $green;
  }

  &--border-danger {
    border: 1px solid $red;
  }

  &--light-grey {
    background-color: $light-grey;
  }

  &--white {
    background-color: $white;
  }

  &:focus {
    outline: 1px outset $sodra-black;
  }
}