#gitignoreTemplateMenu {
    min-width: 100%;
    z-index: 1200; /* fallback - will be overridden when portalled */
}

#gitignoreTemplateList {
    max-height: 18rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

#gitignoreTemplateList .list-group-item {
    cursor: pointer;
}

#gitignoreTemplateList .list-group-item.active {
    background-color: var(--color4) !important;
    border-color: var(--color4) !important;
    color: var(--color2) !important;
}

/* Theme-friendly styling for the Git/Docker select */
#gitignoreTemplateType {
    display: inline-block;
    vertical-align: middle;
    background-color: var(--color5);
    color: var(--color2);
    border: 1px solid var(--color4);
    padding: 0.375rem 0.6rem;
    border-radius: 8px;
    height: calc(1.6rem + 0.75rem);
    line-height: 1.2;
    box-shadow: none;
    cursor: pointer;
}

#gitignoreTemplateType * {
    cursor: pointer;
}

#gitignoreTemplateType:focus {
    outline: none;
    border-color: var(--color2);
    box-shadow: 0 0 0 0.125rem rgba(229,201,150,0.08);
}

#gitignoreTemplateType option {
    background-color: var(--color5);
    color: var(--color2);
    cursor: pointer;
}

@media (max-width: 767px) {
    #gitignoreTemplateType {
        margin-bottom: 0.5rem;
        width: auto;
    }
}