@use 'ej2-base/styles/definition/fluent2' as *;
@forward 'ej2-base/styles/definition/fluent2';
$inline-ai-assist-bg: $content-bg-color !default;
$inline-ai-assist-popup-border-radius: 8px !default;
$inline-ai-assist-content-padding: 12px 12px 16px 12px !default;
$inline-ai-assist-content-border-radius: 8px 8px 0 0 !default;
$inline-ai-assist-response-line-height: 20px !default;
$inline-ai-assist-response-font-size: 14px !default;
$inline-ai-assist-tbar-btn-padding: 0 8px !default;
$inline-ai-assist-footer-padding: 5px 0 5px 5px !default;
$inline-ai-assist-stop-line-height: 14px !default;
$inline-ai-assist-stop-font-size: 14px !default;
$inline-ai-assist-footer-icons-wrapper-padding: 4px 8px 4px 0 !default;
$inline-ai-assist-footer-tbar-min-height: 32px !default;
$inline-ai-assist-footer-tbar-btn-padding: 4px !default;
$inline-ai-assist-textarea-min-height: 40px !default;
$inline-ai-assist-textarea-line-height: 20px !default;
$inline-ai-assist-textarea-padding: 10px 8px !default;
$inline-ai-assist-textarea-font-size: 14px !default;
$inline-ai-assist-footer-border-radius: 8px !default;
$inline-ai-assist-expanded-footer-icons-wrapper-padding: 4px 8px !default;
$inline-ai-assist-toolbar-bottom-footer-icons-wrapper-padding: 4px 8px 4px 0 !default;
$inline-ai-assist-send-font-size: 14px !default;

$inline-ai-assist-popup-border: 1px solid $border-light !default;
$inline-ai-assist-response-text-color: $content-text-color !default;
$inline-ai-assist-textarea-placeholder-color: $placeholder-text-color !default;
$inline-ai-assist-footer-focused-border-color: $border-alt !default;
$inline-ai-assist-send-color: $icon-color !default;
$inline-ai-assist-send-disabled-color: $secondary-text-color-disabled !default;
$inline-ai-assist-content-bg: $content-bg-color !default;
$inline-ai-assist-popup-box-shadow: $shadow-2xl !default;
$inline-ai-assist-footer-bg: $content-bg-color !default;
$inline-ai-assist-content-border-bottom: 1px solid $border-light !default;
$inline-ai-assist-response-stopper-bg-color: $primary-light !default;
$inline-ai-assist-response-stopper-item-color: $primary !default;
$inline-ai-assist-text-selection-bg: $primary !default;
$inline-ai-assist-text-selection-color: $primary-text-color !default;

$inline-ai-assist-bigger-send-size: 18px !default;
$inline-ai-assist-bigger-bottom-icons-wrapper-padding: 4px 12px !default;
$inline-ai-assist-bigger-footer-icons-wrapper-padding: 4px 12px !default;
$inline-ai-assist-bigger-footer-tbar-min-height: 40px !default;
$inline-ai-assist-bigger-assist-textarea-min-height: 48px !default;
$inline-ai-assist-bigger-assist-textarea-line-height: 22px !default;
$inline-ai-assist-bigger-assist-textarea-padding: 13px 12px !default;
$inline-ai-assist-bigger-assist-textarea-size: 16px !default;
$inline-ai-assist-response-stopper-height: 32px !default;
$inline-ai-assist-response-stopper-width: 32px !default;
$inline-ai-assist-stop-response-border-radius: 100px !default;
$inline-ai-assist-response-stopper-bigger-height: 40px !default;
$inline-ai-assist-response-stopper-bigger-width: 40px !default;
$inline-ai-assist-response-stopper-bigger-line-height: 20px !default;
$inline-ai-assist-response-stopper-bigger-font-size: 16px !default;
$inline-ai-assist-stop-padding-bigger: 11px !default;
$inline-ai-assist-indicator-wrapper-gap: 2px !default;
$inline-ai-assist-indicator-border-radius: 9999px !default;
$inline-ai-assist-indicator-bg: $content-bg-color-alt1 !default;
$inline-ai-assist-indicator-blink-bg: $primary !default;