@forward "../styles/prefix";
@forward "../styles/variables";
@use "../styles/variables" as *;

$tree-select-font-size: var(--tree-select-font-size, var(--font-size-md, $font-size-md));
$tree-select-sidebar-background-color: var(--tree-select-sidebar-background-color, var(--background-color, $background-color));
$tree-select-content-background-color: var(--tree-select-content-background-color, var(--white, $white));

$tree-select-tab-padding: var(--tree-select-tab-padding, 14px * $hd var(--padding-sm, $padding-sm));

$tree-select-option-padding: var(--tree-select-option-padding, 0 32px * $hd 0 var(--padding-md, $padding-md));
$tree-select-option-font-weight: var(--tree-select-option-font-weight, var(--font-weight-bold, $font-weight-bold));
$tree-select-option-line-height: var(--tree-select-option-line-height, 48px * $hd);
$tree-select-option-active-color: var(--tree-select-option-active-color, $primary-color);
$tree-select-option-active-background-color: var(--tree-select-option-active-background-color, var(--active-color, $active-color));
$tree-select-option-disabled-color: var(--tree-select-option-disabled-color, var(--gray-5, $gray-5));
$tree-select-option-icon-active-right: var(--tree-select-option-icon-active-right, var(--padding-md, $padding-md));
$tree-select-option-icon-active-font-size: var(--tree-select-option-icon-active-font-size, 16px * $hd);