@use 'ej2-base/styles/definition/bootstrap' as *;
@forward 'ej2-base/styles/definition/bootstrap';
$inline-ai-assist-bg: $grey-white !default;
$inline-ai-assist-popup-border-radius: 2px !default;
$inline-ai-assist-content-padding: 12px 12px 16px 12px !default;
$inline-ai-assist-content-border-radius: 4px 4px 0 0 !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: 12px 12px 12px 0 !default;
$inline-ai-assist-footer-tbar-min-height: 34px !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 12px !default;
$inline-ai-assist-textarea-font-size: 14px !default;
$inline-ai-assist-footer-border-radius: 4px !default;
$inline-ai-assist-expanded-footer-icons-wrapper-padding: 6px 12px !default;
$inline-ai-assist-toolbar-bottom-footer-icons-wrapper-padding: 6px 12px !default;
$inline-ai-assist-send-font-size: 16px !default;

$inline-ai-assist-popup-border: 1px solid $grey-cc !default;
$inline-ai-assist-response-text-color: $grey-light-font !default;
$inline-ai-assist-textarea-placeholder-color: $grey-88 !default;
$inline-ai-assist-footer-focused-border-color: rgba(97, 97, 97, 1) !default;
$inline-ai-assist-send-color: $grey-light-font !default;
$inline-ai-assist-send-disabled-color: $grey-dd !default;
$inline-ai-assist-content-bg: $grey-white !default;
$inline-ai-assist-popup-box-shadow: 0 1px 21px -3px rgba(0, 0, 0, .01) !default;
$inline-ai-assist-footer-bg: $grey-white !default;
$inline-ai-assist-content-border-bottom: 1px solid $grey-cc !default;
$inline-ai-assist-response-stopper-bg-color: rgba(117, 172, 219, 1) !default;
$inline-ai-assist-response-stopper-item-color: $brand-primary !default;
$inline-ai-assist-text-selection-bg: rgba(117, 172, 219, 1) !default;
$inline-ai-assist-text-selection-color: $brand-primary-font !default;

$inline-ai-assist-bigger-send-size: 20px !default;
$inline-ai-assist-bigger-bottom-icons-wrapper-padding: 16px 24px !default;
$inline-ai-assist-bigger-footer-icons-wrapper-padding: 16px 24px 16px 0 !default;
$inline-ai-assist-bigger-footer-tbar-min-height: 40px !default;
$inline-ai-assist-bigger-assist-textarea-min-height: 52px !default;
$inline-ai-assist-bigger-assist-textarea-line-height: 24px !default;
$inline-ai-assist-bigger-assist-textarea-padding: 14px !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: $grey-f9 !default;
$inline-ai-assist-indicator-blink-bg: $brand-primary !default;