@use 'ej2-base/styles/definition/material' as *;
@forward 'ej2-base/styles/definition/material';
$inline-ai-assist-bg: $grey-white !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: 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: 6px 12px 6px 0 !default;
$inline-ai-assist-footer-tbar-min-height: 28px !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 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: 12px !default;

$inline-ai-assist-popup-border: 1px solid $grey-500 !default;
$inline-ai-assist-response-text-color: rgba($grey-light-font, .87) !default;
$inline-ai-assist-textarea-placeholder-color: rgba($grey-light-font, .54) !default;
$inline-ai-assist-footer-focused-border-color: rgba(97, 97, 97, 1) !default;
$inline-ai-assist-send-color: rgba($grey-light-font, .54) !default;
$inline-ai-assist-send-disabled-color: rgba($grey-light-font, .54) !default;
$inline-ai-assist-content-bg: $grey-white !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: $grey-white !default;
$inline-ai-assist-content-border-bottom: 1px solid $grey-500 !default;
$inline-ai-assist-response-stopper-bg-color: $primary-100 !default;
$inline-ai-assist-response-stopper-item-color: $primary !default;
$inline-ai-assist-text-selection-bg: $primary !default;
$inline-ai-assist-text-selection-color: rgba($grey-light-font, .87) !default;

$inline-ai-assist-bigger-send-size: 16px !default;
$inline-ai-assist-bigger-bottom-icons-wrapper-padding: 10px 12px !default;
$inline-ai-assist-bigger-footer-icons-wrapper-padding: 10px 12px 10px 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: $grey-100 !default;
$inline-ai-assist-indicator-blink-bg: $primary !default;