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

.app-select {
    // color: var(--wm-form-control-color);
    // background-color: var(--wm-color-surface-container-high);
    // border-style: var(--wm-border-style);
    // border-color: var(--wm-color-surface-container-high);
    // border-radius: var(--wm-select-container-border-radius);
    // padding: var(--wm-space-3);
}

.app-select-text {
    // font-size: var(--wm-label-large-font-size);
    // font-family: var(--wm-font-family-plain);
}

.app-select-invalid {}

.app-select-item {
   border-bottom: var(--wm-select-item-border-bottom);
   padding-horizontal: var(--wm-select-item-padding-horizontal);
   padding-vertical: var(--wm-select-item-padding-vertical);
}

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

.app-select-last-item {
    // border-bottom-width: var(--wm-select-last-item-border-bottom-width);
}

.app-select-active-item {}

.app-select-active-item-text {
    // color: var(--wm-color-primary);
}

.app-select-check-icon {}

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

.app-select-arrow-button-icon {}

.app-select-arrow-button-skeleton {
    // border-radius: var(--wm-select-arrow-button-skeleton-border-radius);
}

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

.app-select-text-skeleton {
    // border-radius: var(--wm-select-text-skeleton-border-radius);
    // height: var(--wm-select-text-skeleton-height);
}

.app-select-dropdown-content {}

.app-select-dropdown {}

.app-select-modal {}

.app-select-modal-content {
    background-color: var(--wm-select-modal-content-background);
    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);
    width: var(--wm-select-modal-content-width);
}