.axyom-chat-container {
    --axyom-primary: #f15c22;
    --axyom-primary-hover: #f37444;
    --axyom-primary-disabled: #9ca3af;
    --axyom-secondary: #1d8296;
    --axyom-border: #d1d5db;
    --axyom-border-focus: #f15c22;
    --axyom-bg-primary: #ffffff;
    --axyom-bg-secondary: #f8fafc;
    --axyom-bg-assistant: var(--axyom-bg-primary);
    --axyom-bg-user: var(--axyom-bg-primary);
    --axyom-text-primary: #1f2937;
    --axyom-text-secondary: #6b7280;
    --axyom-text-inverse: #ffffff;
    --axyom-text-link: rgba(241, 92, 35, 1);
    --axyom-success: #74a433;
    --axyom-success-bg: #d1fae5;
    --axyom-success-border: #a7f3d0;
    --axyom-error: #dc2626;
    --axyom-error-bg: #fee2e2;
    --axyom-error-border: #fca5a5;
    --axyom-warning: #d97706;
    --axyom-warning-bg: #fef3c7;
    --axyom-warning-border: #fbbf24;
}


@font-face {
    font-family: 'Lato', 'Zilla Slab', sans-serif;
    src: url("https://fonts.googleapis.com/css?family=Lato|Zilla+Slab&display=swap");
}  

.axyom-chat-container {
    font-family: 'Lato', 'Zilla Slab', sans-serif;
}

.axyom-chat-container.dark {
    --axyom-bg-assistant: var(--axyom-bg-primary);
}

/* .axyom-chat-floating-input {
    background: var(--axyom-bg-primary);
    border: 1px solid var(--axyom-border);
    width: calc(100% - 2px - (var(--axyom-spacing-lg) * 2)) !important;
    padding: var(--axyom-spacing-md) var(--axyom-spacing-lg) !important;
    border-radius: 0 !important;
} */


/* .axyom-chat-floating-input.axyom-conversation-running {
    bottom: 0.5px !important;
} */

/* @media (max-width: 550px) {
    .axyom-chat-floating-input {
        width: calc(100% - var(--axyom-spacing-md) * 2) !important;
        padding: var(--axyom-spacing-sm) var(--axyom-spacing-md) !important;
    }
} */

/* .axyom-messages-container {
    padding-bottom: 120px !important;
}

.axyom-scroll-to-bottom-btn {
    bottom: 150px !important;
}

.axyom-chat-message-assistant {
    padding-bottom: 0 !important;
} */

.axyom-chat-input-container {
    border-radius: 0;
    padding: var(--axyom-spacing-sm);
    padding-inline-start: var(--axyom-spacing-lg);
}

.axyom-chat-input-container button {
    color: var(--axyom-text-inverse);
    background-color: var(--axyom-primary);
    width: 44px;
}

.axyom-chat-input-container button:is(:hover:not(:disabled), :focus-visible) {
    background-color: var(--axyom-primary-hover);
}

.axyom-chat-sample-searches .axyom-btn-outline-primary {
    border: 1px solid var(--axyom-border);
    border-radius: 0.5em;
    color: var(--axyom-secondary);
    box-shadow: var(--axyom-shadow);
    padding: var(--axyom-spacing-lg) var(--axyom-spacing-md);
}

.axyom-chat-sample-searches
    .axyom-btn-outline-primary:is(:hover:not(:disabled), :focus-visible) {
    background: var(--axyom-bg-primary);
    color: var(--axyom-secondary);
    text-decoration: underline;
}

.axyom-chat-message-user {
    align-self: flex-start;
}

.axyom-chat-message-user .axyom-chat-message-content,
.axyom-chat-message-user .axyom-message-heading {
    color: var(--axyom-text-primary);
}

/* .axyom-chat-user-icon,
.axyom-chat-system-icon {
    width: 50px;
    height: 50px;
    margin-top: -10px;
} */

.axyom-chat-user-icon {
    color: var(--axyom-secondary);
}

/* .axyom-chat-message-content {
    margin-inline-start: 50px;
} */

/* .axyom-message-heading {
    align-items: start;
} */

.axyom-chat-input-container:focus-within {
    box-shadow: 0 0 3px 3px
        color-mix(in srgb, var(--axyom-border-focus) 30%, transparent);
}

div.axyom-chat-message:nth-child(1) {
    color: var(--axyom-text-primary) !important;
}

.axyom-chat-user-icon .axyom-material-icon {
    width: 100% !important;
    height: 100% !important;
}

/* .axyom-message-heading {
    align-items: start;
}

.axyom-chat-message-user {
    align-self: flex-start;
} */