.omega-autocomplete {
    position: relative;
    display: block;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

.omega-autocomplete > input {
    width: 100%;
}

.omega-autocomplete__results {
    position: absolute;
    z-index: 5000;
    top: calc(100% + .25rem);
    right: 0;
    left: 0;
    max-height: 22rem;
    overflow-y: auto;
    border: 1px solid var(--default-border, #eae8f1);
    border-radius: .3rem;
    background: var(--custom-white, #fff);
    box-shadow: 0 1rem 1.125rem rgba(169, 169, 169, .15);
    color: var(--default-text-color, #031b4e);
    font-size: .875rem;
}

.omega-autocomplete__header,
.omega-autocomplete__footer,
.omega-autocomplete__empty {
    padding: .55rem .75rem;
    font-size: .75rem;
    font-weight: 600;
}

.omega-autocomplete__header {
    border-bottom: 1px solid var(--default-border, #eae8f1);
    color: var(--default-text-color, #031b4e);
    text-transform: uppercase;
}

.omega-autocomplete__footer {
    border-top: 1px solid var(--default-border, #eae8f1);
    color: var(--text-muted, #7987a1);
}

.omega-autocomplete__empty {
    color: var(--text-muted, #7987a1);
}

.omega-autocomplete__option {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--default-border, #eae8f1);
    background: transparent;
    color: var(--default-text-color, #031b4e);
    text-align: left;
    cursor: pointer;
}

.omega-autocomplete__option:last-of-type {
    border-bottom: 0;
}

.omega-autocomplete__option:hover,
.omega-autocomplete__option:focus,
.omega-autocomplete__option.is-active {
    outline: 0;
    background: var(--primary005, rgba(1, 98, 232, .05));
    color: var(--primary-color, #0162e8);
}

.omega-autocomplete__option .single-item {
    padding: .6rem .75rem !important;
}

.omega-autocomplete__option .title {
    color: inherit;
    font-weight: 600;
}

.omega-autocomplete__option .description,
.omega-autocomplete__option .city {
    color: var(--text-muted, #7987a1);
    font-size: .78rem;
}

.omega-autocomplete__highlight {
    padding: 0;
    background: transparent;
    color: var(--primary-color, #0162e8);
    font-weight: 700;
}

[data-theme-mode="dark"] .omega-autocomplete__results {
    border-color: var(--default-border, #34445f);
    background: var(--custom-white, #18243a);
    box-shadow: 0 1rem 1.125rem rgba(40, 40, 40, .15);
}

/* The public staffing site has its own established palette rather than the
   Valex variables used by the internal application. */
[data-staffing-theme="light"] .omega-autocomplete__results {
    border-color: #edf1f9;
    background: #fff;
    box-shadow: 0 10px 20px rgb(10 42 105 / 6%);
    color: #05264e;
}

[data-staffing-theme="light"] .omega-autocomplete__header {
    border-color: #edf1f9;
    color: #05264e;
}

[data-staffing-theme="light"] .omega-autocomplete__footer {
    border-color: #edf1f9;
}

[data-staffing-theme="light"] .omega-autocomplete__footer,
[data-staffing-theme="light"] .omega-autocomplete__empty,
[data-staffing-theme="light"] .omega-autocomplete__option .description,
[data-staffing-theme="light"] .omega-autocomplete__option .city {
    color: #757f95;
}

[data-staffing-theme="light"] .omega-autocomplete__option {
    border-color: #edf1f9;
    color: #05264e;
}

[data-staffing-theme="light"] .omega-autocomplete__option:hover,
[data-staffing-theme="light"] .omega-autocomplete__option:focus,
[data-staffing-theme="light"] .omega-autocomplete__option.is-active {
    background: #e0eeff;
    color: #3c65f5;
}

[data-staffing-theme="light"] .omega-autocomplete__highlight {
    color: #3c65f5;
}

[data-staffing-theme="dark"] .omega-autocomplete__results {
    border-color: #2a3850;
    background: #172235;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .35);
    color: #c5d0e1;
}

[data-staffing-theme="dark"] .omega-autocomplete__header {
    border-color: #34445f;
    color: #eef4ff;
}

[data-staffing-theme="dark"] .omega-autocomplete__footer {
    border-color: #34445f;
}

[data-staffing-theme="dark"] .omega-autocomplete__footer,
[data-staffing-theme="dark"] .omega-autocomplete__empty,
[data-staffing-theme="dark"] .omega-autocomplete__option .description,
[data-staffing-theme="dark"] .omega-autocomplete__option .city {
    color: #aebbd0;
}

[data-staffing-theme="dark"] .omega-autocomplete__option {
    border-color: #34445f;
    color: #dce6f5;
}

[data-staffing-theme="dark"] .omega-autocomplete__option:hover,
[data-staffing-theme="dark"] .omega-autocomplete__option:focus,
[data-staffing-theme="dark"] .omega-autocomplete__option.is-active {
    background: #22314a;
    color: #fff;
}

[data-staffing-theme="dark"] .omega-autocomplete__highlight {
    color: #7898ff;
}
