@import '../../styles/themes/index.less';
@import '../../styles/mixins/index.less';
@import '../../styles/old-vars.less';

/**********************************************
 * Popup Box
 **********************************************/
@dropdown-max-height: @size-50;
@dropdown-border-radius: @border-radius;
@dropdown-padding-vertical: @spacing-2;
@dropdown-font-size: @font-size-base;
@dropdown-color-bg: var(--color-bg-5);
@dropdown-color-border: var(--color-fill-3);
@dropdown-box-shadow: @shadow1-down;

/**********************************************
  * Popup Options
  * status: default / disabled / selected / hover
  **********************************************/
@dropdown-option-height: @size-7;
@dropdown-option-padding-horizontal: @spacing-6;
@dropdown-option-font-weight_selected: @font-weight-500;

@dropdown-option-color-bg_default: @color-transparent;
@dropdown-option-color-bg_hover: var(--color-fill-2);
@dropdown-option-color-bg_selected: @color-transparent;
@dropdown-option-color-bg_disabled: @color-transparent;

@dropdown-option-color-text_default: var(--color-text-1);
@dropdown-option-color-text_hover: var(--color-text-1);
@dropdown-option-color-text_selected: var(--color-text-1);
@dropdown-option-color-text_disabled: var(--color-text-4);

// option group title
@dropdown-group-title-height: @size-5;
@dropdown-group-title-padding-horizontal: @spacing-6;
@dropdown-group-title-margin-top: @spacing-4;
@dropdown-group-title-font-size: @font-size-base;
@dropdown-group-title-color-text: var(--color-text-3);

@dropdown-margin-left-suffix-icon: @spacing-6;

/**********************************************
  * Theme dark
  **********************************************/
@color-menu-dark-hover: fade(#fff, 8%);
@dropdown-dark-color-bg: @dark-color-bg-1;
@dropdown-dark-color-border: @dropdown-dark-color-bg;

@dropdown-dark-option-color-bg_default: @color-transparent;
@dropdown-dark-option-color-bg_hover: @color-menu-dark-hover;
@dropdown-dark-option-color-bg_selected: @color-transparent;
@dropdown-dark-option-color-bg_disabled: @color-transparent;

@dropdown-dark-option-color-text_default: var(--color-text-4);
@dropdown-dark-option-color-text_hover: var(--color-text-4);
@dropdown-dark-option-color-text_selected: var(--color-white);
@dropdown-dark-option-color-text_disabled: var(--color-text-2);

@dropdown-dark-group-title-color-text: var(--color-text-3);