:root {
    --chat--color-primary: #ffae00;
    --chat--color-secondary: #ffae00;
    --chat--toggle--background: #ffae00;
    --chat--color-primary-shade-50: #cc8b00;
    --chat--color-primary-shade-100: #b37a00;
    --chat--color-white: #ffffff;
    --chat--color-light: #333333;
    --chat--color-light-shade-50: #292929;
    --chat--color-light-shade-100: #1a1a1a;
    --chat--color-dark: #000000;
    --chat--color-medium: #1a1a1a;
    --chat--window--border: 1px solid #333333;
    --chat--window--border-radius: 12px;
    --chat--message--bot--background: #1a1a1a;
    --chat--message--bot--color: #ffffff;
    --chat--message--user--background: #ffae00;
    --chat--message--user--color: #000000;
    --chat--header--background: #000000;
    --chat--header--color: #ffffff;
    --chat--header--border-bottom: 1px solid #333333;
    --chat--body--background: #000000;
    --chat--footer--background: #000000;
    --chat--footer--color: #ffffff;
    --chat--input--background: #1a1a1a;
    --chat--input--text-color: #ffffff;
    --chat--button--background: #ffae00;
    --chat--button--color: #000000;
    --chat--button--hover--background: #cc8b00;
    --chat--button--hover--color: #000000
}

.chat-window-wrapper .chat-window-toggle {
    background: var(--chat--toggle--background);
}

.chat-window-wrapper .chat-window-toggle:hover,
.chat-window-wrapper .chat-window-toggle:focus {
    background: var(--chat--toggle--background);
}

.chat-widget {
    border: 2px solid var(--chat--color-light);
    border-radius: var(--chat--window--border-radius);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
    overflow: hidden
}

.chat-input:focus {
    border-color: #ffae00 !important;
    box-shadow: 0 0 0 2px rgba(255, 174, 0, .2) !important
}

.chat-messages::-webkit-scrollbar {
    width: 8px
}

.chat-messages::-webkit-scrollbar-track {
    background: var(--chat--color-dark)
}

.chat-messages::-webkit-scrollbar-thumb {
    background: var(--chat--color-medium);
    border-radius: 4px
}

.chat-messages::-webkit-scrollbar-thumb:hover {
    background: var(--chat--color-primary)
}

.chat-message a {
    color: var(--chat--color-primary)
}

.chat-message a:hover {
    text-decoration: underline
}

.chat-header {
    position: relative;
    border-bottom: var(--chat--header--border-bottom);
}

.chat-header::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--chat--color-primary) 20%, var(--chat--color-primary) 80%, transparent)
}

.chat-loading-indicator {
    color: var(--chat--color-primary)
}

.chat-message {
    border-radius: 12px;
    transition: transform 0.2s ease
}

.chat-message:hover {
    transform: translateY(-1px)
}

.chat-input-container {
    border-top: 1px solid var(--chat--color-light);
    background: var(--chat--color-dark)
}

chat-inputs textarea[data-v-66014261]:focus,
.chat-inputs textarea[data-v-66014261]:hover {
    border-color: var(--chat--input--border-active, 0);
}

.chat-inputs textarea[data-v-66014261] {
    font-family: inherit;
    font-size: var(--chat--input--font-size);
    border: var(--chat--input--border, 0);
    border-radius: var(--chat--input--border-radius);
    width: 100%;
    padding: var(--chat--input--padding);
    min-height: var(--chat--textarea--height, 2.5rem);
    max-height: var(--chat--textarea--max-height);
    height: var(--chat--textarea--height, 2.5rem);
    resize: none;
    background: var(--chat--input--background, white);
    color: var(--chat--input--text-color, initial);
    line-height: var(--chat--input--line-height, 1.5);
    outline: none;
    overflow-y: auto;
}

.chat-inputs[data-v-66014261] {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    display: flex;
}

.chat-input-send-button[data-v-66014261],
.chat-input-file-button[data-v-66014261] {
    height: var(--chat--textarea--height);
    width: var(--chat--textarea--height);
    background: var(--chat--input--send--button--background, white);
    cursor: pointer;
    color: var(--chat--input--send--button--color, var(--chat--color--secondary));
    transition: color var(--chat--transition-duration)ease;
    border: 0;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    display: inline-flex;
}