@use 'ej2-base/styles/definition/highcontrast-light' as *;
@forward 'ej2-base/styles/definition/highcontrast-light';
$field-list-skin: 'highcontrast-light' !default;
$field-list-active-color: $selection-bg !default;
$field-list-default-font-color: $content-font !default;
$field-list-default-formula-font-color: $field-list-default-font-color !default;
$field-list-default-border-color: $border-default !default;
$field-list-toggle-border-color: $field-list-default-border-color !default;
$field-list-drag-default-border-color: $field-list-default-border-color !default;
$field-list-default-prompt-color: $field-list-default-border-color !default;
$field-list-border-type: $border-type !default;
$field-list-border-size: $border-size !default;
$field-list-table-background-color: $bg-base-15 !default;
$field-list-default-bg-color: $bg-base-0 !default;
$field-list-default-padding-size: 8px !default;
$field-list-title-padding-size: 20px !default;
$field-list-title-font-size: 18px !default;
$field-list-title-line-height: 0 !default;
$field-list-content-font-size: $font-size !default;
$field-list-button-font-weight: 500 !default;
$field-list-font-family: $font-family !default;
$field-list-header-background-color: $bg-base-15 !default;
$field-list-axis-header-color: $field-list-header-background-color !default;
$field-list-default-header-font-color: $content-font !default;
$field-list-tree-icon-color: $field-list-default-header-font-color !default;
$field-list-default-header-icon-font-color: $field-list-default-header-font-color !default;
$field-list-default-fill-color: $bg-base-15 !default;
$field-list-default-border-radius: 0 !default;
$field-list-drop-hover-color: $border-fg !default;
$field-list-toggle-bg-color: $bg-base-0 !default;
$field-list-toggle-font-color: $content-font !default;
$field-list-button-icon-color: $content-font !default;
$field-list-filter-text-color: $field-list-button-icon-color !default;
$field-list-button-font-color: $content-font !default;
$field-list-button-border-color: $field-list-default-border-color !default;
$field-list-button-back-color: $bg-base-100 !default;
$field-list-drag-clone-text-color: $selection-font !default;
$field-list-treeview-text-color: $field-list-drag-clone-text-color !default;
$field-list-drag-clone-bg-color: $selection-bg !default;
$field-list-drag-clone-border-radius: 0 !default;
$field-list-editor-dialog-footer-padding: 20px !default;
$field-list-member-filter-list-height: 129px !default;
$field-list-member-filter-list-bigger-height: 103px !default;
$field-list-drag-clone-font-size: 14px !default;
$field-list-drag-clone-line-height: 1em !default;
$field-list-drag-clone-height: 28px !default;
$field-list-button-font-size: 13px !default;
$field-list-toggle-icon-bigger-size: 20px !default;
$field-list-toggle-padding-size: 8px !default;
$field-list-toggle-size: 31px !default;
$field-list-toggle-bigger-size: 36px !default;
$field-list-toggle-hover-color: $field-list-default-border-color !default;
$pivot-formula-background: $bg-base-0 !default;
$pivot-formula-border: $field-list-default-border-color !default;
$pivot-text-area-background: $content-font !default;
$field-list-axis-content-height: 129px !default;
$pivot-calculated-header-opacity: 1 !default;
$pivot-dialog-font-weight: normal !default;
$pivot-dialog-content-opacity: 1 !default;
$pivot-dialog-content-padding: 20px !default;
$pivot-dialog-footer-padding: 0 !default;
$pivot-dialog-footer-paddingright: 25px !default;
$field-list-header-icon-wrapper-padding: 3px !default;
$field-list-bigger-header-icon-wrapper-padding: 6px !default;
$field-list-static-header-icon-wrapper-padding: 5px !default;
$field-list-static-bigger-header-icon-wrapper-padding: 6px !default;
$field-list-tree-header-padding: 5px !default;
$field-list-bigger-tree-header-padding: 6px !default;
$field-list-bigger-header-content-line-height: 1.5em !default;
$field-list-icon-hover-color: $selection-font !default;
$field-list-icon-focus-color: $selection-font !default;
$field-list-button-hover-color: $hover-bg !default;
$field-list-button-focus-color: $selection-bg !default;
$field-list-button-active-color: $selection-font !default;
$field-list-drag-icon-color: $bg-base-100 !default;
$error-font-color: $error-alt !default;
$field-list-excel-member-filter-height: 118px !default;
$field-list-excel-member-filter-node-limit-height: 115px !default;
$field-list-excel-filter-height: 212px !default;
$field-list-excel-member-filter-bigger-height: 78px !default;
$field-list-excel-filter-bigger-height: 190px !default;
$format-label-font-opacity: 1 !default;
$format-label-font-color: $content-font !default;
$format-label-font-weight: 600 !default;
$format-preview-bigger-height: 32px !default;
$format-preview-border-color: $border-fg !default;
$format-outer-fill-color: $bg-base-0 !default;
$format-outer-border-color: $border-default !default;
$format-outer-border-radius: 0 !default;
$format-dialog-width: 640px !default;
$field-list-bigger-excel-dialog-min-width: 350px !default;
$field-list-editor-label-padding-size: 15px 10px 16px 20px !default;
$field-list-editor-label-font: 700 13px Segoe UI !default;
$field-list-editor-label-opacity: 1 !default;
$field-list-editor-label-color: $content-font !default;
$field-list-editor-label-fill: $bg-base-10 !default;
$field-list-editor-label-excel-width: 312px !default;
$field-list-editor-label-excel-padding-size: 15px 10px 7px 20px !default;
$field-list-editor-label-excel-opacity: 100%;
$field-list-back-font-color: $content-font !default;
$field-list-mobile-header-color: $bg-base-15 !default;
$field-list-mobile-header-font-color: $header-font-alt !default;
$field-list-back-margin: 0 !default;
$field-list-sort-wrapper-padding-size: 10px !default;
$field-list-sort-select-background-color: $selection-bg !default;
$field-list-sort-select-border-color: $selection-bg !default;
$field-list-sort-select-color: $selection-font !default;
$field-list-border: $field-list-default-border-color !default;
$field-list-cal-button-text-color: $field-list-default-font-color !default;
$field-list-calc-expand-icon-padding: 8px !default;
$field-list-search-padding-size: 10px $field-list-title-padding-size !default;
$field-list-member-prompt-padding-size: 25px 12px !default;
$field-list-static-field-table-height: 210px !default;
$field-list-static-field-table-outer-div-height: 180px !default;
$field-list-search-popup-min-height: 540px !default;
$field-list-search-popup-table-height: 392px !default;
$field-list-search-popup-axis-content-height: 162px !default;
$field-list-search-popup-container-bigger-height: 572px !default;
$field-list-search-popup-table-bigger-height: 400px !default;
$field-list-search-popup-axis-table-bigger-height: 404px !default;
$field-list-search-popup-axis-content-bigger-height: 165px !default;
$field-list-popup-axis-content-bigger-height: $field-list-axis-content-height !default;
$field-list-search-static-field-table-height: 261px !default;
$field-list-filter-toolbar-items-margin: 20px !default;
$field-list-treeview-ul-padding: 4px !default;
$field-list-treeview-li-padding: 2px !default;
$field-list-treeview-bigger-ul-padding: 5px !default;
$field-list-treeview-bigger-li-padding: 0 !default;
$field-list-treeview-mobile-ul-padding: 48px !default;
$field-list-treeview-mobile-li-padding: 0 !default;
$field-list-calc-list-icon: 8px !default;
$field-list-calc-list-icon-rtl: 2px !default;
$field-list-header-font-size: 13px !default;
$pivot-formatting-format-table-data-padding-right: 18px !default;
$field-list-default-header-font-size: $field-list-header-font-size !default;
$field-list-value-field-caption-font-size: 13px !default;
$field-list-header-padding: 15px !default;
$field-list-value-field-option-text-font-size: $field-list-value-field-caption-font-size !default;
$field-list-dialog-radius: $field-list-default-border-radius !default;
$field-list-table-header-padding: 0 0 0 $field-list-header-padding !default;
$field-list-table-header-font-weight: normal !default;
$field-list-calc-dialog-iconspace-margin-right: 5px !default;
$field-list-editor-search-padding-size: 20px !default;
$field-list-member-editor-search-padding: 0 $field-list-editor-search-padding-size 10px !default;
$field-list-member-editor-node-limit-outer-div-bigger-height: 75px !default;
$field-list-member-editor-bigger-height: 420px !default;
$field-list-member-editor-node-limit-bigger-height: 450px !default;
$field-list-static-padding-size: 10px !default;
$field-list-treeview-padding-size: -40px !default;
$field-list-header-padding-size: 14px !default;
$field-list-axis-header-padding-size: 5px !default;
$field-list-selected-color: rgba($header-bg-color, .87) !default;
$field-list-button-color: $bg-base-0 !default;
$field-list-header-text-transform: none !default;
$field-list-icon-size: 14px !default;
$field-list-toggle-icon-size: 17px !default;
$field-list-member-filter-list-padding-size: -35px !default;
$field-list-member-field-list-height: 200px !default;
$field-list-treeview-drag-padding: 6px !default;
$field-list-treeview-drag-margin: 2px !default;
$field-list-treeview-drag-bigger-padding: 3px !default;
$field-list-button-height: 32px !default;
$field-list-bigger-button-height: 36px !default;
$field-list-bigger-header-padding: 20px !default;
$field-list-bigger-header-font-size: 14px !default;
$field-list-button-padding: 9px 12px !default;
$field-list-bigger-button-padding: 9px 16px !default;
$field-list-header-icon-size: 14px !default;
$field-list-bigger-header-icon-size: 16px !default;
$field-list-adaptive-content-padding-size: 20px !default;
$field-list-adaptive-footer-padding-size: 15px !default;
$field-list-adaptive-btn-icon-size: 18px !default;
$field-list-adaptive-btn-size: 52px !default;
$field-list-adaptive-icon-height: 50px !default;
$field-list-adaptive-drag-prompt-height: 200px !default;
$field-list-adaptive-pivot-button-height: 36px !default;
$field-list-adaptive-pivot-button-padding: 0 16px !default;
$field-list-toggle-shadow-color: -1px 1px 4px 0 rgba($shadow, .12) !default;
$field-list-toggle-left-shadow-color: 1px 1px 4px 0 rgba($shadow, .12) !default;
$field-list-drag-clone-shadow-color: 0 1px 3px 0 rgba($shadow, .12) !default;
$field-list-treeview-font-weight: 500 !default;
$field-list-calc-formula-font-size: 13px !default;
$field-list-calc-bigger-formula-font-size: 13px !default;
$format-label-font-size: 13px !default;
$format-label-bigger-font-size: 14px !default;
$format-preview-height: 28px !default;
$format-device-preview-height: 26px !default;
$format-bigger-preview-height: 36px !default;
$field-list-header-height: 28px !default;
$field-list-tree-outer-div-height: 310px !default;
$field-list-bigger-header-height: 30px !default;
$field-list-icon-container-size: 20px !default;
$field-list-bigger-icon-container-size: 20px !default;
$field-list-bigger-icon-size: 16px !default;
$field-list-icon-to-text-padding: 8px !default;
$field-list-bigger-icon-to-text-padding: 10px !default;
$field-list-icon-to-icon-padding: 4px !default;
$field-list-sort-icon-to-icon-padding: 12px !default;
$field-list-bigger-icon-to-icon-padding: 4px !default;
$field-list-bigger-sort-icon-to-icon-padding: 16px !default;
$field-list-default-bigger-padding-size: 16px !default;
$field-list-bigger-button-font-size: 14px !default;
$pivot-calculated-header-padding: 4px !default;
$pivot-calculated-bigger-header-padding: 6px !default;
$field-list-header-content-line-height: 1.5em !default;
$pivot-calculated-formula-font-family:  $font-family !default;
$pivot-calculated-formula-font-padding: 5px 10px !default;
$pivot-calculated-icon-opacity: 1 !default;
$field-list-bigger-button-line-height: 1em !default;
$olap-tree-wrapper-height: 474px;
$olap-tree-outer-div-height: 441px;
$olap-bigger-tree-wrapper-height: 530px;
$olap-bigger-tree-outer-div-height: 491px;
$field-list-text-transform: none !default;
$olap-bigger-tree-width: 283px !default;
$olap-bigger-tree-outer-div-width: 325px !default;
$field-list-adaptive-outerdiv-height: 164px !default;
$field-list-adaptive-drag-prompt-line-height: 200px !default;
$field-list-dialog-text-font-size: 13px !default;

$field-list-font-size-14: 14px !default;
$field-list-font-size-18: 18px !default;

$field-list-font-icon-10: 10px !default;
$field-list-font-icon-12: 12px !default;
$field-list-font-icon-13: 13px !default;
$field-list-font-icon-14: 14px !default;
$field-list-font-icon-16: 16px !default;
$field-list-font-icon-18: 18px !default;
$field-list-font-icon-20: 20px !default;

$field-list-font-weight-normal: 400 !default;
$field-list-font-weight-medium: 500 !default;
$field-list-font-weight-semibold: 600 !default;
$field-list-font-weight-bold: 700 !default;

$field-list-spacing--2: -2px !default;
$field-list-spacing-0: 0 !default;
$field-list-spacing-1: 1px !default;
$field-list-spacing-2: 2px !default;
$field-list-spacing-3: 3px !default;
$field-list-spacing-4: 4px !default;
$field-list-spacing-5: 5px !default;
$field-list-spacing-6: 6px !default;
$field-list-spacing-7: 7px !default;
$field-list-spacing-8: 8px !default;
$field-list-spacing-9: 9px !default;
$field-list-spacing-10: 10px !default;
$field-list-spacing-12: 12px !default;
$field-list-spacing-13: 13px !default;
$field-list-spacing-14: 14px !default;
$field-list-spacing-15: 15px !default;
$field-list-spacing-16: 16px !default;
$field-list-spacing-18: 18px !default;
$field-list-spacing-20: 20px !default;
$field-list-spacing-24: 24px !default;
$field-list-spacing-25: 25px !default;
$field-list-spacing-30: 30px !default;
$field-list-spacing-32: 32px !default;
$field-list-spacing-auto: auto !default;
$field-list-padding-unset: unset !default;
$field-list-spacing-10p: 10% !default;

$field-list-border-none: none !default;
$field-list-border-0: 0 !default;
$field-list-border-1: 1px !default;
$field-list-border-2: 2px !default;

$field-list-radius-0: 0 !default;
$field-list-radius-4: 4px !default;

$field-list-line-height-14: 14px !default;
$field-list-line-height-16: 16px !default;
$field-list-line-height-20: 20px !default;
$field-list-line-height-24: 24px !default;
$field-list-line-height-100p: 100% !default;
$field-list-line-height-normal: normal !default;
$field-list-line-height-0em: 0 !default;

$field-list-height-16: 16px !default;
$field-list-height-20: 20px !default;
$field-list-height-24: 24px !default;
$field-list-height-25: 25px !default;
$field-list-height-30: 30px !default;
$field-list-height-40: 40px !default;
$field-list-height-48: 48px !default;
$field-list-height-70: 70px !default;
$field-list-height-100: 100px !default;
$field-list-height-120: 120px !default;
$field-list-height-170: 170px !default;
$field-list-height-165: 165px !default;
$field-list-height-200: 200px !default;
$field-list-height-210: 210px !default;
$field-list-height-250: 250px !default;
$field-list-height-270: 270px !default;
$field-list-height-290: 290px !default;
$field-list-height-310: 310px !default;
$field-list-height-342: 342px !default;
$field-list-height-369: 369px !default;
$field-list-height-387: 387px !default;
$field-list-height-392: 392px !default;
$field-list-height-440: 440px !default;
$field-list-height-450: 450px !default;
$field-list-height-480: 480px !default;
$field-list-height-500: 500px !default;
$field-list-height-550: 550px !default;
$field-list-height-575: 575px !default;
$field-list-height-600: 600px !default;
$field-list-height-660: 660px !default;
$field-list-height-700: 700px !default;
$field-list-height-735: 735px !default;
$field-list-height-750: 750px !default;
$field-list-height-800: 800px !default;
$field-list-height-40p: 40% !default;
$field-list-height-100p: 100% !default;
$field-list-height-auto: auto !default;

$field-list-width-14: 14px !default;
$field-list-width-20: 20px !default;
$field-list-width-24: 24px !default;
$field-list-width-28: 28px !default;
$field-list-width-30: 30px !default;
$field-list-width-80: 80px !default;
$field-list-width-100: 100px !default;
$field-list-width-145: 145px !default;
$field-list-width-150: 150px !default;
$field-list-width-265: 265px !default;
$field-list-width-290: 290px !default;
$field-list-width-300: 300px !default;
$field-list-width-320: 320px !default;
$field-list-width-350: 350px !default;
$field-list-width-370: 370px !default;
$field-list-width-375: 375px !default;
$field-list-width-400: 400px !default;
$field-list-width-401: 401px !default;
$field-list-width-575: 575px !default;
$field-list-width-579: 579px !default;
$field-list-width-580: 580px !default;
$field-list-width-627: 627px !default;
$field-list-width-700: 700px !default;
$field-list-width-auto: auto !default;
$field-list-width-20p: 20% !default;
$field-list-width-25p: 25% !default;
$field-list-width-30p: 30% !default;
$field-list-width-40p: 40% !default;
$field-list-width-45p: 45% !default;
$field-list-width-50p: 50% !default;
$field-list-width-53p: 53% !default;
$field-list-width-60p: 60% !default;
$field-list-width-70p: 70% !default;
$field-list-width-74p: 74% !default;
$field-list-width-90p: 90% !default;
$field-list-width-100p: 100% !default;
$field-list-width-150p: 150% !default;