@use 'mixins/mixins' as *;
@use 'mixins/utils' as *;

@include b(select-dropdown) {
  background-color: getCssVarWebex('background', 'solid', 'primary', 'normal');
  border-color: getCssVarWebex('outline', 'secondary', 'normal');
  color: getCssVarWebex('text', 'primary', 'normal');
  border-radius: getCssVarWebexCom('border', 'radius', 'core', 'medium');
  @include e(list) {
    margin: getCssVarWebexCom('spacing', 'core', 'xx', 'small');
    &.selected {
      background-color: getCssVarWebex('background', 'primary', 'hover');
    }
    @include e(item) {
      color: getCssVarWebex('text', 'primary', 'normal');
      border-radius: getCssVarWebexCom('border', 'radius', 'core', 'medium');
      &:focus {
        box-shadow: 0px 0px 0px 3px rgba(17, 112, 207, 0.3), 0px 0px 0px 2px getCssVarWebex('outline', 'theme', 'normal');
      }
      &.focus {
        outline: none;
        box-shadow: 0px 0px 0px 3px rgba(17, 112, 207, 0.3), 0px 0px 0px 2px getCssVarWebex('outline', 'theme', 'normal');
      }
      &.hover {
        color:getCssVarWebex('text', 'primary', 'normal');
        background-color: getCssVarWebex('background', 'primary', 'hover');
      }
      &.is-disabled {
        color:getCssVarWebex('text', 'primary', 'disabled');
        &:hover {
          background-color: getCssVarWebex('background', 'solid', 'primary', 'normal');
        }
      }
      &.selected {
        color:getCssVarWebex('text', 'primary', 'normal');
        background-color: transparent;
        &:after {
          content: "\E95F";
          font-family: 'Atlantic-Icons' !important;
          color: getCssVarWebex('control', 'active', 'normal');
          padding-left: 15px;
        }
        &.hover {
          color:getCssVarWebex('text', 'primary', 'normal');
          background-color: getCssVarWebex('background', 'primary', 'hover');
        }
      }
    }
  }
}

@include b(select-group) {
  @include e(title) {
    color: getCssVarWebex('text', 'primary', 'normal');
    border-bottom-color: getCssVarWebex('outline', 'primary', 'normal');
  }
}
