@use 'ej2-base/styles/definition/fabric' as *;
@forward 'ej2-base/styles/definition/fabric';
$inline-ai-assist-bg: $content-bg-color !default;
$inline-ai-assist-popup-border-radius: none !default;
$inline-ai-assist-content-padding: 10px 10px 16px 10px !default;
$inline-ai-assist-content-border-radius: none !default;
$inline-ai-assist-response-line-height: 22px !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: 42px !default;
$inline-ai-assist-textarea-line-height: 22px !default;
$inline-ai-assist-textarea-padding: 10px !default;
$inline-ai-assist-textarea-font-size: 14px !default;
$inline-ai-assist-footer-border-radius: none !default;
$inline-ai-assist-expanded-footer-icons-wrapper-padding: 4px 8px !default;
$inline-ai-assist-toolbar-bottom-footer-icons-wrapper-padding: 4px 8px !default;
$inline-ai-assist-send-font-size: 12px !default;

$inline-ai-assist-popup-border: 1px solid $neutral-tertiary-alt !default;
$inline-ai-assist-response-text-color: $theme-light-font !default;
$inline-ai-assist-textarea-placeholder-color: $neutral-tertiary !default;
$inline-ai-assist-footer-focused-border-color: rgba(97, 97, 97, 1) !default;
$inline-ai-assist-send-color: $neutral-light-font !default;
$inline-ai-assist-send-disabled-color: $neutral-tertiary-alt !default;
$inline-ai-assist-content-bg: $content-bg-color !default;
$inline-ai-assist-popup-box-shadow: 0 .6px 1.8px 0 rgba(0, 0, 0, .1), 0 3.2px 7.2px 0 rgba(0, 0, 0, .13) !default;
$inline-ai-assist-footer-bg: $content-bg-color !default;
$inline-ai-assist-content-border-bottom: 1px solid $neutral-tertiary-alt !default;
$inline-ai-assist-response-stopper-bg-color: $theme-lighter !default;
$inline-ai-assist-response-stopper-item-color: $theme-primary !default;
$inline-ai-assist-text-selection-bg: $theme-primary !default;
$inline-ai-assist-text-selection-color: $theme-primary-font !default;

$inline-ai-assist-bigger-send-size: 14px !default;
$inline-ai-assist-bigger-bottom-icons-wrapper-padding: 4px 8px !default;
$inline-ai-assist-bigger-footer-icons-wrapper-padding: 4px 8px 4px 0 !default;
$inline-ai-assist-bigger-footer-tbar-min-height: 40px !default;
$inline-ai-assist-bigger-assist-textarea-min-height: 50px !default;
$inline-ai-assist-bigger-assist-textarea-line-height: 24px !default;
$inline-ai-assist-bigger-assist-textarea-padding: 13px 10px !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: $neutral-lighter-alt !default;
$inline-ai-assist-indicator-blink-bg: $theme-primary !default;