@use '../../styles/abstracts' as *;
@use '../abstracts-theme/variables.theme' as *;


/* Theme Organism - object creation panel */

.o-multi-class-field-selection{

  &__header {
    background-color: themed($theme-map, 'color', 'primary', 50); // $primary-50;

    &__top{
      &__title {
        color: themed($theme-map, 'color', 'primary', 500); // $primary-500;
        font-size: 24px;
      }
    }
  }
  &__legend {
    color: themed($theme-map, 'color', 'primary', 500);
  }

  &__fields {
    .a-btn{
      color: themed($theme-map, 'color', 'primary', 500);
      font-size: toRem(13);
    }

    &__select {
      &:hover {
        background-color: themed($theme-map, 'color', 'accent', 500);
        .a-btn{
          color: themed($theme-map, 'color', 'accent', 'contrast', 500);
        }
      }

      &__inside{
        font-size: toRem(11);
        line-height: toRem(13);
      }
    }
  }
}