@use 'sass:color';
@use 'ej2-base/styles/definition/bootstrap4' as *;
@forward 'ej2-base/styles/definition/bootstrap4';
$image-editor-background: $gray-200 !default;
$image-editor-border: 1px solid $gray-300 !default;
$image-editor-toolbar-icon-color: $gray-700 !default;
$img-editor-cp-preview-border-bottom-color: $black !default;
$image-editor-icon-sel-bg-color: $gray-700 !default;
$image-editor-ddbtn-margin-top: 2px !default;
$image-editor-tbar-height: 40px !default;
$image-editor-bigger-tbar-height: 56px !default;
$image-editor-tbar-btn-fontsize: 16px !default;
$image-editor-bigger-tbar-btn-fontsize: 18px !default;
$image-editor-contextual-toolbar: $gray-100 !default;
$image-editor-drop-border: 2px dashed $gray-700 !default;
$image-editor-dropdown-btn-preview-top: -2px !default;
$image-editor-dropdown-btn-preview-left: 0 !default;
$image-editor-bigger-dropdown-btn-preview-top: -1px !default;
$image-editor-bigger-dropdown-btn-preview-left: 0 !default;
$image-editor-slider-handler: calc(50% - 6px) !default;
$image-editor-bigger-slider-handler: calc(50% - 7px) !default;
$image-editor-device-slider-handler: calc(50% - 7px) !default;
$image-editor-finetune-value-span: 31% !default;
$image-editor-finetune-span: 31% !default;
$image-editor-button-label: 14.5px !default;
$image-editor-save-dlg-big-btn-pad: 4px 9px !default;
$image-editor-save-dlg-grp-btn-padding: 4px 12px !default;
$image-editor-save-dlg-dev-grp-btn-padding: 4px 12px !default;
$image-editor-icon-button: 2px !default;
$image-editor-filter-canvas-focus: $black !default;
$image-editor-button-label-mobile: 12px !default;
$image-editor-button-width-mobile: calc(66% - 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;
$btn-focus-bgcolor: color.adjust($gray-600, $lightness: -7%) !default;
$btn-focus-border-color: color.adjust($gray-600, $lightness: -5%) !default;
$drop-down-btn-selected-color: $white !default;