@use 'ej2-base/styles/definition/material' as *;
@forward 'ej2-base/styles/definition/material';
$image-editor-background: $grey-200 !default;
$image-editor-border: 1px solid $grey-400 !default;
$image-editor-toolbar-icon-color: $grey-600;
$img-editor-cp-preview-border-bottom-color: $grey-black !default;
$image-editor-icon-sel-bg-color: $grey-400 !default;
$image-editor-ddbtn-margin-top: 0 !default;
$image-editor-tbar-height: 40px !default;
$image-editor-bigger-tbar-height: 48px !default;
$image-editor-tbar-btn-fontsize: 16px !default;
$image-editor-bigger-tbar-btn-fontsize: 18px !default;
$image-editor-contextual-toolbar: $grey-50 !default;
$image-editor-drop-border: 2px dashed $grey-600 !default;
$image-editor-dropdown-btn-preview-top: -4px !default;
$image-editor-dropdown-btn-preview-left: -1px !default;
$image-editor-bigger-dropdown-btn-preview-top: -3px !default;
$image-editor-bigger-dropdown-btn-preview-left: -1px !default;
$image-editor-slider-handler: calc(50% - 7px) !default;
$image-editor-bigger-slider-handler: calc(50% - 7px) !default;
$image-editor-device-slider-handler: calc(50% - 5px) !default;
$image-editor-finetune-value-span: 31% !default;
$image-editor-finetune-span: 31% !default;
$image-editor-button-label: 10px !default;
$image-editor-save-dlg-big-btn-pad: 4px 11px 2px !default;
$image-editor-save-dlg-grp-btn-padding: 6px 7.5px 4px !default;
$image-editor-save-dlg-dev-grp-btn-padding: 2px 9.5px !default;
$image-editor-icon-button: 5px !default;
$image-editor-filter-canvas-focus: $grey-light-font !default;
$image-editor-button-label-mobile: 10px !default;
$image-editor-button-width-mobile: calc(65% - 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;