div.enhanced-select {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #efefefc0;
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.25);


    div.selected-value {
        flex: 1;
        user-select: none;
    }

    .caret {
        height: 20px;
        &.up {
            display: none;
        }
    }

    div.list {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        min-height: 100px;
        max-height: 400px;
        background-color: white;
        border-bottom-left-radius: var(--borderRadius);
        border-bottom-right-radius: var(--borderRadius);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        overflow-y: auto;

        input[data-search] {
            width: 98%;
            border-radius: 0;
            padding: 8px;
            margin: 3px;
        }

        div.options {
            display: flex;
            flex-direction: column;

            div.option {
                cursor: pointer;
                padding: 6px;
                user-select: none;

                &:hover {
                    background-color: var(--taurusNetworkPrimary);
                    color: white;
                }
            }
        }
    }

    &.active {
        .caret.up {
            display: block;
        }

        .caret.down {
            display: none;
        }

        div.list {
            display: block;
        }
    }
}