@use 'color-vars' as *;
@use 'components-vars' as *;
@use 'layout-vars' as *;

$selectize-font-family:                   inherit;
$selectize-font-smoothing:                inherit;
$selectize-font-size:                     inherit;
$selectize-line-height:                   1.42857143;

$selectize-lighten-disabled-item:         30%;
$selectize-lighten-disabled-item-text:    30%;
$selectize-lighten-disabled-item-border:  30%;
$selectize-opacity-disabled:              0.5;

$selectize-shadow-input:                  inset 0 1px 1px rgba(0,0,0,0.1);
$selectize-shadow-input-focus:            inset 0 1px 2px rgba(0,0,0,0.15);

$selectize-border:                        1px solid $selectize-color-border;
$selectize-border-radius:                 0;

$selectize-width-item-border:             0;
$selectize-max-height-dropdown:           200px;

$selectize-padding-x:                     10px;
$selectize-padding-y:                     6px;
$selectize-padding-item-x:                6px;
$selectize-padding-item-y:                2px;
$selectize-padding-dropdown-item-x:       $selectize-padding-x;
$selectize-padding-dropdown-item-y:       5px;
$selectize-margin-item-x:                 3px;
$selectize-margin-item-y:                 3px;

$selectize-arrow-size:                    5px;
$selectize-arrow-offset:                  $size-16;

$selectize-caret-margin:                  0 2px 0 0;
$selectize-caret-margin-rtl:              0 4px 0 -2px;
