$select-prefix: '.' + $css-prefix + 'select';
$select-menu: '.' + $css-prefix + 'select-menu';
$single-select-menu: '.' + $css-prefix + 'select-single-menu';
$multi-select-menu: '.' + $css-prefix + 'select-multiple-menu';
$tag-select-menu: '.' + $css-prefix + 'select-tag-menu';
$icon-select: '.' + $css-prefix + 'icon-select';
$selected-cls: '.' + $css-prefix + 'selected';
$menu-icon-selected: '.' + $css-prefix + 'icon-selected';

#{$select-prefix} {
  &.#{$css-prefix}active {
    #{$select-prefix}-inner {
      box-shadow: var(--active-shadow);
      border-color: var(--input-focus-border-color, #0064c8);
    }
  }
}

#{$select-menu}#{$single-select-menu},
#{$select-menu}#{$multi-select-menu},
#{$select-menu}#{$tag-select-menu} {
  #{$icon-select}, #{$menu-icon-selected} {
    margin-left: var(--select-menu-select-icon-ml, -20px);
  }
  #{$select-menu}-item#{$selected-cls} {
    font-weight: var(--select-selected-font-weight, 400);
  }
}