:root {
    --spacer: 5px;
    --spacer-xs: 5px;
    --spacer-s: 10px;
    --spacer-m: 20px;
    --spacer-l: 30px;

    --fs-large: 1.2em;
    --fs-small: .8em;

    --t10-primary-color: #00dfaa;
    --t10-secondary-color: #8139ff;

    --loxxess-primary-color: rgb(227 5 30);

}

body {

    --chat--color-primary: var(--t10-primary-color);;
    --chat--color-primary-shade-50: var(--t10-primary-color);;
    --chat--color-primary-shade-100: var(--t10-primary-color);;
    --chat--color-secondary: var(--bs-secondary);
    --chat--color-secondary-shade-50: var(--bs-secondary);
    --chat--color-white: #ffffff;
    --chat--color-light: #f2f4f8;
    --chat--color-light-shade-50: #e6e9f1;
    --chat--color-light-shade-100: black;
    --chat--color-medium: #d2d4d9;
    --chat--color-dark: var(--loxxess-primary-color);
    --chat--color-disabled: #777980;
    --chat--color-typing: #404040;

    --chat--spacing: 1rem;
    --chat--border-radius: 0.25rem;
    --chat--transition-duration: 0.15s;

    --chat--window--width: 600px;
    --chat--window--height: 600px;

    --chat--header-height: auto;
    --chat--header--padding: var(--chat--spacing);
    --chat--header--background: rgb(25, 25, 25);
    --chat--header--color: var(--chat--color-light);
    --chat--header--border-top: none;
    --chat--header--border-bottom: none;
    --chat--heading--font-size: 2em;
    --chat--subtitle--font-size: inherit;
    --chat--subtitle--line-height: 1.8;

    --chat--textarea--height: 75px;
    --chat--message--font-size: 12px;

    --chat--message--padding: var(--chat--spacing);
    --chat--message--border-radius: var(--chat--border-radius);
    --chat--message-line-height: 1.8;
    --chat--message--bot--background: var(--chat--color-white);
    --chat--message--bot--color: black;
    --chat--message--bot--border: none;
    --chat--message--user--background: var(--chat--color-secondary);
    --chat--message--user--color: var(--chat--color-white);
    --chat--message--user--border: none;
    --chat--message--pre--background: rgba(0, 0, 0, 0.05);

    --chat--toggle--background: var(--chat--color-primary);
    --chat--toggle--hover--background: var(--chat--color-primary-shade-50);
    --chat--toggle--active--background: var(--chat--color-primary-shade-100);
    --chat--toggle--color: var(--chat--color-white);
    --chat--toggle--size: 64px;

    --chat--button--size: 32px;
}

.chat-inputs {
    display: flex;
    align-items: center;

    textarea {
        flex: 1;
        background: white;
        border: none;
        padding: var(--chat--message--padding);
        color: black!important;
        outline: none!important;
    }

    .chat-inputs-controls {
        margin: 0 10px;
        button {
            background: var(--chat--color-primary);
            color: var(--chat--color-white);
            border: none;
            border-radius: 100%;
            /*width: var(--chat--button--size);*/
            /*height: var(--chat--button--size);*/
            padding: 15px;
            aspect-ratio: 1 / 1;

        }
    }
}
    .chat-footer {
        border:none!important;
        background: white!important;
    }