@use 'ej2-base/styles/definition/bootstrap4' as *;
@forward 'ej2-base/styles/definition/bootstrap4';
$inline-ai-assist-bg: $white !default;
$inline-ai-assist-popup-border-radius: 4px !default;
$inline-ai-assist-content-padding: 8px 8px 18px 8px !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: 5px 8px 5px 0 !default;
$inline-ai-assist-footer-tbar-min-height: 30px !default;
$inline-ai-assist-footer-tbar-btn-padding: 4px !default;
$inline-ai-assist-textarea-min-height: 40px !default;
$inline-ai-assist-textarea-line-height: 22px !default;
$inline-ai-assist-textarea-padding: 9px 8px !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: 4px 8px !default;
$inline-ai-assist-toolbar-bottom-footer-icons-wrapper-padding: 4px 8px !default;
$inline-ai-assist-send-font-size: 14px !default;

$inline-ai-assist-popup-border: 1px solid $gray-400 !default;
$inline-ai-assist-response-text-color: $msg-color !default;
$inline-ai-assist-textarea-placeholder-color: $gray-500 !default;
$inline-ai-assist-footer-focused-border-color: rgba(97, 97, 97, 1) !default;
$inline-ai-assist-send-color: $gray-600 !default;
$inline-ai-assist-send-disabled-color: $gray-600 !default;
$inline-ai-assist-content-bg: $white !default;
$inline-ai-assist-popup-box-shadow: 0 1px 21px -3px rgba(0, 0, 0, .01) !default;
$inline-ai-assist-footer-bg: $white !default;
$inline-ai-assist-content-border-bottom: 1px solid $gray-300 !default;
$inline-ai-assist-response-stopper-bg-color: rgba(179, 215, 255, 1) !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-font !default;

$inline-ai-assist-bigger-send-size: 16px !default;
$inline-ai-assist-bigger-bottom-icons-wrapper-padding: 8px 12px !default;
$inline-ai-assist-bigger-footer-icons-wrapper-padding: 8px 12px 8px 0 !default;
$inline-ai-assist-bigger-footer-tbar-min-height: 36px !default;
$inline-ai-assist-bigger-assist-textarea-min-height: 56px !default;
$inline-ai-assist-bigger-assist-textarea-line-height: 24px !default;
$inline-ai-assist-bigger-assist-textarea-padding: 16px 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: 36px !default;
$inline-ai-assist-response-stopper-bigger-width: 36px !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: $gray-100 !default;
$inline-ai-assist-indicator-blink-bg: $primary !default;
