.nlux-conversationStarters-container {
    overflow-y: scroll;

    > .nlux-comp-conversationStarters {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: center;
        width: max-content;
        min-width: 100%;
        padding: var(--nlux-cvStrt--pdng);
        gap: 10px;

        > .nlux-comp-conversationStarter {
            font-family: var(--nlux-chtr--fnFm), sans-serif;
            display: flex;
            overflow: hidden;
            align-items: start;
            flex-direction: column;
            justify-content: center;

            width: var(--nlux-cvStrt--wd);
            height: var(--nlux-cvStrt--hg);
            padding: 12px;
            cursor: pointer;

            color: var(--nlux-cvStrt--txtClr);
            border-width: var(--nlux-cvStrt--brdrWd);
            border-style: solid;
            border-color: var(--nlux-cvStrt--brdClr);

            border-radius: var(--nlux-cvStrt--brdrRd);
            background-color: var(--nlux-cvStrt--bgClr);
            gap: 0.7rem;

            > .nlux-comp-conversationStarter-prompt {
                line-height: 1.3rem;
                display: block;
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            > .nlux-comp-conversationStarter-icon-container {
                display: flex;
                overflow: hidden;
                align-items: center;
                justify-content: center;
                width: 16px;
                height: 16px;
            }
        }
    }
}
