@import '~styles/mixins';
@import '~styles/adminMixins';

.GenericFields {
  @include genericFields;

  .section {
    &.section-error {
      box-shadow: 4px 4px 10px 0 rgba($color: $color_error, $alpha: 0.4);
    }
  }

  .section-title {
    &.section-title-error {
      color: $color_error;
    }
  }

  .generic-label {
    color: $color_primary;
    letter-spacing: 0;
    &.radio-generic-label {
      color: black;
    }
  }

  .list-values {
    margin-top: 10px;

    &.no-margin {
      margin-top: 0;
    }

    button {
      margin-top: 10px;
    }
  }

  .active {
    background-color: $color_primary;
    border-color: $color_primary;
  }

  .separator {
    @include separator;
  }

  .label-switch {
    font-weight: initial;
  }

  .label {
    display: block;
    color: #8c96a3;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    pointer-events: none;
    margin-top: 20px;
  }
}
