@use 'ej2-base/styles/definition/highcontrast' as *;
@forward 'ej2-base/styles/definition/highcontrast';
$inline-ai-assist-bg: $bg-base-0 !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 $border-fg !default;
$inline-ai-assist-response-text-color: $content-font !default;
$inline-ai-assist-textarea-placeholder-color: $content-font-alt !default;
$inline-ai-assist-footer-focused-border-color: rgba(97, 97, 97, 1) !default;
$inline-ai-assist-send-color: $content-font !default;
$inline-ai-assist-send-disabled-color: $content-font-alt !default;
$inline-ai-assist-content-bg: $bg-base-0 !default;
$inline-ai-assist-popup-box-shadow: 0 32px 64px 0 rgba(0, 0, 0, .24), 0 0 8px 0 rgba(0, 0, 0, .2) !default;
$inline-ai-assist-footer-bg: $bg-base-0 !default;
$inline-ai-assist-content-border-bottom: 1px solid $bg-base-100 !default;
$inline-ai-assist-response-stopper-bg-color: $hover-bg !default;
$inline-ai-assist-response-stopper-item-color: $selection-bg !default;
$inline-ai-assist-text-selection-bg: $selection-bg !default;
$inline-ai-assist-text-selection-color: $selection-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: $bg-base-0 !default;
$inline-ai-assist-indicator-blink-bg: $selection-bg !default;