Shopping cart
Filters
Search
:root {
/* Sail Boat City Color Scheme */
--chat--color-primary: #1fb6d3;
--chat--color-primary-shade-50: #1ca5bf;
--chat--color-primary-shade-100: #1994ab;
--chat--color-secondary: #f7b32b;
--chat--color-secondary-shade-50: #f5a91f;
--chat--color-white: #ffffff;
--chat--color-light: #f8f9fa;
--chat--color-light-shade-50: #e9eceff;
--chat--color-light-shade-100: #dee2e6;
--chat--color-medium: #6c757d;
--chat--color-dark: #212529;
--chat--color-disabled: #6c757d;
--chat--color-typing: #495057;
/* Spacing and Layout */
--chat--spacing: 1rem;
--chat--border-radius: 0.5rem;
--chat--transition-duration: 0.3s;
/* Chat Window Dimensions */
--chat--window--width: 400px;
--chat--window--height: 600px;
/* Header Styling */
--chat--header-height: auto;
--chat--header--padding: var(--chat--spacing);
--chat--header--background: var(--chat--color-primary);
--chat--header--color: var(--chat--color-white);
--chat--header--border-top: none;
--chat--header--border-bottom: 2px solid var(--chat--color-secondary);
--chat--heading--font-size: 1.5em;
--chat--subtitle--font-size: 0.9em;
--chat--subtitle--line-height: 1.6;
/* Message Input */
--chat--textarea--height: 50px;
/* Message Styling */
--chat--message--font-size: 1rem;
--chat--message--padding: var(--chat--spacing);
--chat--message--border-radius: var(--chat--border-radius);
--chat--message-line-height: 1.6;
/* Bot Messages */
--chat--message--bot--background: var(--chat--color-light);
--chat--message--bot--color: var(--chat--color-dark);
--chat--message--bot--border: 1px solid var(--chat--color-light-shade-100);
/* User Messages */
--chat--message--user--background: var(--chat--color-primary);
--chat--message--user--color: var(--chat--color-white);
--chat--message--user--border: none;
/* Code Blocks */
--chat--message--pre--background: rgba(0, 0, 0, 0.05);
/* Chat Toggle Button */
--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;
}
