@import "../../../../assets/scss/variables";
:root {
  --theme-bg:white;
}

:root[data-theme="dark"] {
  --theme-bg:#212529;
}
.user-form {
  border: .1rem solid $generic-block-border;
  background-color: $form-background;
  padding: 1.5rem 3rem;
  margin-bottom: 2.5rem;
  position: relative;
  width: 100%;
  min-width: 287px;
  border-radius: 5px;
  transition: background-color 0.25s;


  .add-companion-buttons {
    position: absolute;
    width: auto;
    right: -6rem;
    top: 3rem;
    border: none;
    background: none;
  }

  .field {
    height: 8rem;
  }
}

.light{
  background-color: var(--theme-bg) !important ;
}

.blue{
  background-color: $main-color;
  label{
    span{
      color:$white;
    }
  }
  p{
    color:$white;
  }
}