.elementor-26198 .elementor-element.elementor-element-85766bb{--display:flex;--min-height:31vh;--background-transition:0.3s;overflow:visible;}.elementor-26198 .elementor-element.elementor-element-85766bb:not(.elementor-motion-effects-element-type-background), .elementor-26198 .elementor-element.elementor-element-85766bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1E0E5;}.elementor-26198 .elementor-element.elementor-element-85766bb, .elementor-26198 .elementor-element.elementor-element-85766bb::before{--border-transition:0.3s;}.elementor-26198 .elementor-element.elementor-element-5fa571f > .elementor-widget-container{border-radius:2em 2em 2em 2em;}@media(min-width:768px){.elementor-26198 .elementor-element.elementor-element-85766bb{--width:86%;}}/* Start custom CSS for html, class: .elementor-element-5fa571f */#user-input-container {
            position: sticky;
            position: -webkit-sticky;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 2%;
        }
        #prompt-container {
            position: sticky;
            position: -webkit-sticky;
    z-index: 20;
    bottom: 3em;
    left: 0;
    right: 0;
    padding: 1%;
    overflow-x: auto;
    white-space: nowrap;
    min-height: 1vm;
        }
        .prompt-card {
            display: inline-block;
            background-color: white;
           font-size: 0.9em;
            margin-right: 10px; /* Add spacing between prompt cards */
            cursor: pointer;
            transition: background-color 0.3s ease;
            overflow-wrap: break-word;
            direction: ltr;
        }
        .prompt-card:hover {
            background-color: white;
            color: white;
        }
        .message-bubble {
            position: relative;
            padding: 10px;
            border-radius: 10px;
            margin-bottom: 10px;
            display: inline-block;
        }
        .user-message {
            background-color: #c7c7c7; /* Green */
            color: black;
            align-self: flex-end;
        }
        .assistant-message {
            background-color: white;
            color: black;
            align-self: flex-start;
        }
        .copy-button {
            position: absolute;
            top: 5px;
            right: -5px;
            display: none;
            cursor: pointer;
            transition: opacity 0.3s ease;
        }
        .message-bubble:hover .copy-button {
            display: inline-block;
        }/* End custom CSS */