.base-smart-select { position: relative; min-width: 0; }
.base-smart-select-native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.base-smart-select-input { padding-right: 2.25rem; background-image: linear-gradient(45deg, transparent 50%, #6c757d 50%), linear-gradient(135deg, #6c757d 50%, transparent 50%); background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.base-smart-select-menu { position: absolute; inset: calc(100% + 2px) 0 auto 0; z-index: 1095; max-height: 300px; overflow-y: auto; background: #fff; border: 1px solid #b8c7cf; border-radius: .5rem; box-shadow: 0 .5rem 1.25rem rgba(15, 23, 42, .16); }
.base-smart-select-option { display: block; width: 100%; padding: .55rem .7rem; border: 0; border-bottom: 1px solid #edf1f3; background: #fff; color: #172b35; text-align: left; line-height: 1.3; }
.base-smart-select-option:last-child { border-bottom: 0; }
.base-smart-select-option:hover, .base-smart-select-option.active { background: #e8f7f9; color: #075e68; }
.base-smart-select-empty { padding: .65rem .75rem; color: #6c757d; font-size: .875rem; }
.base-smart-multi-summary { margin-top: .25rem; color: #64727a; font-size: .78rem; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.base-smart-multi-select .base-smart-select-option[aria-selected="true"] { background: #eef9f2; color: #17683a; font-weight: 600; }
.base-smart-select-input[aria-busy="true"], [data-base-live-search][aria-busy="true"] { cursor: progress; background-color: #f4fbfc; }
@media (max-width: 575.98px) { .base-smart-select-menu { max-height: 42vh; } }