:root,[data-bs-theme=light] {
    --tt-selectable-hover-color: #6C757D;
    --tt-selectable-hover-bg: #eee;
}

:root,[data-bs-theme=dark] {
    --tt-selectable-hover-color: white;
    --tt-selectable-hover-bg: #939393;
}

.twitter-typeahead {
    width: 100%;
}

.tt-menu {
    width: 100%;
    border: var(--ct-border-width) solid var(--ct-border-color);
    background-color: var(--ct-topbar-bg) !important;
}

.tt-hint {
    display: none;
}

.tt-list {
    background: var(--ct-input-bg) !important;
    border: none !important;
}

.tt-selectable {
    padding: 0.375rem 0.75rem;
    height: calc(1.95rem + 2px);
}

.tt-selectable:hover {
    background-color: var(--tt-selectable-hover-bg);
    cursor: pointer;
    color: var(--tt-selectable-hover-color) !important;
}

.tt-cursor {
    background-color: #ddd;
}

.tt-input {
    background-color: var(--ct-input-bg) !important;
}