@import (optional) url('../variables/select.variant.less');


.app-select-arrow-button {
    background-color: var(--wm-select-arrow-button-background-color);
    padding: var(--wm-select-arrow-button-padding);
    border-width: var(--wm-select-arrow-button-border-width);
    border-style: var(--wm-select-arrow-button-border-style);
    border-color: var(--wm-select-arrow-button-border-color);
    border-radius: var(--wm-select-arrow-button-border-radius);
}

.app-select-modal-content {
    background-color: var(--wm-select-modal-content-background-color);
    border-color: var(--wm-select-modal-content-border-color);
    border-radius: var(--wm-select-modal-content-border-radius);
    border-style: var(--wm-select-modal-content-border-style);
    border-width: var(--wm-select-modal-content-border-width);
}

.app-select-arrow-button-icon {
    font-size: var(--wm-select-arrow-button-icon-font-size);
    color: var(--wm-select-arrow-button-icon-color);
    height: var(--wm-select-arrow-button-icon-height);
    border-width: var(--wm-select-arrow-button-icon-border-width);
    border-style: var(--wm-select-arrow-button-icon-border-style);
    border-color: var(--wm-select-arrow-button-icon-border-color);
    border-radius: var(--wm-select-arrow-button-icon-border-radius);
    padding: var(--wm-select-arrow-button-icon-padding);
}

.app-select-item-text {
    font-size: var(--wm-select-modal-text-font-size);
    color: var(--wm-select-modal-text-color);
    font-family: var(--wm-select-modal-text-font-family);
}

.app-select-check-icon.text {
    font-size: var(--wm-select-check-icon-font-size);
    color: var(--wm-select-check-icon-color);
}