:root {
    /* Field */
    --kt-ui-selector-color: var(--kt-ui-field-color);
    --kt-ui-selector-color-hover: var(--kt-ui-field-color-hover);
    --kt-ui-selector-color-focus: var(--kt-ui-field-color-focus);

    --kt-ui-selector-border-color: var(--kt-ui-field-border-color);
    --kt-ui-selector-border-color-hover: var(--kt-ui-field-border-color-hover);
    --kt-ui-selector-border-color-focus: var(--kt-ui-field-border-color-focus);

    --kt-ui-selector-bg-color: var(--kt-ui-field-bg-color);
    --kt-ui-selector-bg-color-hover: var(--kt-ui-field-bg-color-hover);
    --kt-ui-selector-bg-color-focus: var(--kt-ui-field-bg-color-focus);
    /* End field */

    /* Placeholder */
    --kt-ui-selector-placeholder-font-size: 14px;
    --kt-ui-selector-placeholder-line-height: 20px;
    --kt-ui-selector-placeholder-color: var(--kt-ui-text-secondary);
    /* End placeholder */

    /* Base selected item */
    --kt-ui-selector-item-offset: 4px;
    /* End base selected item */

    /* Single selected item */
    --kt-ui-selector-single-item-line-height: 18px;
    --kt-ui-selector-single-item-color: var(--kt-ui-text-primary);
    --kt-ui-selector-single-item-bg-color: transparent;
    /* End single selected item */

    /* Multiple selected item */
    --kt-ui-selector-multiple-item-height: 26px;
    --kt-ui-selector-multiple-item-font-weight: var(--ui-font-weight-normal);
    --kt-ui-selector-multiple-item-line-height: 26px;
    --kt-ui-selector-multiple-item-border-radius: 100px;
    --kt-ui-selector-multiple-item-color: var(--kt-ui-text-primary);
    --kt-ui-selector-multiple-item-color-hover: var(--kt-ui-text-accented);
    --kt-ui-selector-multiple-item-bg-color: var(--kt-ui-layer-02);
    --kt-ui-selector-multiple-item-bg-color-hover: var(--kt-ui-layer-02-hover);
    /* End multiple selected item */

    /* Item remove button */
    --kt-ui-selector-item-remove-btn-offset: 4px;
    --kt-ui-selector-item-remove-btn-opacity: 1;
    --kt-ui-selector-item-remove-btn-opacity-hover: 1;
    --kt-ui-selector-item-remove-btn-icon: var(--kt-ui-icon-close);
    --kt-ui-selector-item-remove-btn-icon-size: 8px;
    --kt-ui-selector-item-remove-btn-icon-color: var(--kt-ui-icon-primary);
    --kt-ui-selector-item-remove-btn-icon-color-hover: var(--kt-ui-icon-accented);
    /* End item remove button */

    /* Dropdown arrow */
    --kt-ui-selector-dropdown-arrow-color: var(--kt-ui-icon-primary);
    /* End dropdown arrow */

    /* Dropdown */
    --kt-ui-selector-dropdown-padding: var(--kt-ui-offset-sm);
    --kt-ui-selector-dropdown-box-shadow: var(--kt-ui-box-shadow-base);
    --kt-ui-selector-dropdown-border-radius: var(--popup-window-border-radius);
    --kt-ui-selector-dropdown-bg-color: var(--kt-ui-layer-01);
    /* End dropdown */

    /* Option */
    --kt-ui-selector-option-min-height: 40px;
    --kt-ui-selector-option-offset: 1px;
    --kt-ui-selector-option-border-radius: var(--kt-ui-border-radius-md);
    --kt-ui-selector-option-color: var(--kt-ui-text-primary);
    --kt-ui-selector-option-color-hover: var(--kt-ui-text-accented);
    --kt-ui-selector-option-bg-color: var(--kt-ui-layer-01);
    --kt-ui-selector-option-bg-color-hover: var(--kt-ui-layer-01-hover);
    --kt-ui-selector-option-check-icon: var(--kt-ui-icon-check);
    --kt-ui-selector-option-check-icon-size: 16px;
    --kt-ui-selector-option-check-icon-color: var(--kt-ui-text-accented);
    --kt-ui-selector-option-selected-color: var(--kt-ui-color-accented);
    --kt-ui-selector-option-selected-bg-color: var(--kt-ui-layer-01-selected);
    /* End option */
}
