@use 'ej2-base/styles/definition/fluent' as *;
@forward 'ej2-base/styles/definition/fluent';

$image-editor-background: $content-bg-color-alt1 !default;
$image-editor-border: 1px solid $border-light !default;
$image-editor-toolbar-icon-color: $icon-color;
$img-editor-cp-preview-border-bottom-color: $black !default;
$image-editor-icon-sel-bg-color: $content-bg-color-alt4 !default;
$image-editor-ddbtn-margin-top: 2px !default;
$image-editor-tbar-height: 40px !default;
$image-editor-bigger-tbar-height: 48px !default;
$image-editor-tbar-btn-fontsize: $text-lg !default;
$image-editor-bigger-tbar-btn-fontsize: $text-xl !default;
$image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
$image-editor-drop-border: 2px dashed $icon-color !default;
$image-editor-dropdown-btn-preview-top: -4px !default;
$image-editor-dropdown-btn-preview-left: -4px !default;
$image-editor-bigger-dropdown-btn-preview-top: -4px !default;
$image-editor-bigger-dropdown-btn-preview-left: -4px !default;
$image-editor-slider-handler: calc(50% - 8px) !default;
$image-editor-bigger-slider-handler: calc(50% - 8px) !default;
$image-editor-device-slider-handler: calc(50% - 8px) !default;
$image-editor-finetune-value-span: 29% !default;
$image-editor-finetune-span: 29% !default;
$image-editor-button-label: 11.9px !default;
$image-editor-save-dlg-big-btn-pad: 4px 15px !default;
$image-editor-save-dlg-grp-btn-padding: 4px 11px !default;
$image-editor-save-dlg-dev-grp-btn-padding: 7px 10px !default;
$image-editor-icon-button: 5px !default;
$image-editor-filter-canvas-focus: $secondary-text-color !default;
$image-editor-button-label-mobile: 6px !default;
$image-editor-button-width-mobile: calc(64% - 30px) !default;
$ie-toolbar-img-font-style-margin-left: 0 !default;
$ie-scroll-device-padding-right: 0 !default;
$ie-quality-option-slider-container-margin-left: 0 !default;
$ie-spin-btn-margin: 0 !default;
$ie-drop-area-border-radius: 10px !default;
$ie-drop-area-margin: 10px !default;
$ie-drop-icon-font-size: 50px !default;
$ie-drop-content-font-size: 14px !default;
$ie-drop-info-font-size: 14px !default;
$ie-min-drop-content-font-size: 14px !default;
$ie-toolbar-item-margin-left: 20px !default;
$ie-file-select-padding: 0 !default;
$ie-font-color-caret-margin-top: -4px !default;
$ie-caret-font-size: 10px !default;
$ie-toolbar-left-line-height: 1 !default;
$ie-toolbar-item-span-font-weight: 500 !default;
$ie-toolbar-item-span-margin: 4px !default;
$ie-dropdown-btn-margin: 0 auto !default;
$ie-toolbar-item-canvas-border: 2px solid transparent !default;
$ie-straighten-font-size: 14px !default;
$ie-straighten-padding-x: 10px !default;
$ie-straighten-slider-padding-right: 2px !default;
$ie-straighten-slider-margin-left: 8px !default;
$ie-quality-slider-icon-margin-left: 20px !default;
$ie-img-size-margin: 10px 10px 0 !default;
$ie-img-size-font-size: 14px !default;
$ie-img-save-name-margin-right: 10px !default;
$ie-img-label-name-margin-bottom: 5px !default;
$ie-quality-info-margin: 0 !default;
$ie-quality-span-margin-left: 5px !default;
$ie-img-size-value-span-margin-top: 4px !default;
$ie-img-icon-btn-margin-left: 10px !default;
$ie-quality-option-icon-margin-left: 0 !default;
$ie-finetune-font-size: 14px !default;
$ie-finetune-line-height: 20px !default;
$ie-finetune-letter-spacing: normal !default;
$ie-finetune-font-weight: 400 !default;
$ie-finetune-slider-container: 0 16px 1px 16px !default;
$ie-default-toolbar-font-size: 12px !default;
$ie-bigger-default-toolbar-font-size: 14px !default;
$ie-tbtn-txt-padding: 0 !default;
$ie-head-wrapper-height: 58px !default;
$ie-dropdownbtn-preview-size: 18px !default;
$ie-bigger-caret-margin-top: -4px !default;
$ie-bigger-dropdown-caret-font-size: 10px !default;
$ie-bigger-toolbar-left-line-height: 1 !default;
$ie-bigger-device-finetune-font-size: 16px !default;
$ie-bigger-device-finetune-line-height: 24px !default;
$ie-bigger-head-wrapper-height: 58px !default;