@use '../base/common/base-variables' as *;
@use '../treeview/material3-dark-definition' as *;

$field-list-skin: 'Material3' !default;
$field-list-border-type: solid !default;
$field-list-border-size: 1px !default;
$field-list-default-padding-size: 8px !default;
$field-list-title-padding-size: 20px !default;
$field-list-title-font-size: 22px !default;
$field-list-title-line-height: 1.5em !default;
$field-list-content-font-size: $text-sm !default;
$field-list-button-font-weight: $font-weight-normal !default;
$field-list-font-family: $font-family !default;
$field-list-default-border-radius: 2px !default;
$field-list-drag-clone-border-radius: 2px !default;
$field-list-drag-clone-font-size: $text-base !default;
$field-list-drag-clone-line-height: 1.15em !default;
$field-list-drag-clone-height: 32px !default;
$field-list-button-font-size: $text-sm !default;
$field-list-toggle-icon-bigger-size: 20px !default;
$field-list-toggle-padding-size: 7px !default;
$field-list-editor-dialog-footer-padding: 8px !default;
$field-list-toggle-size: 30px !default;
$field-list-toggle-bigger-size: 34px !default;
$field-list-member-filter-list-bigger-height: 110px !default;
$pivot-calculated-formula-font-family: $font-family !default;
$pivot-calculated-formula-font-padding: 5px 8px !default;
$pivot-calculated-header-opacity: .87 !default;
$pivot-calculated-font-weight: normal !default;
$pivot-dialog-content-opacity: .54 !default;
$pivot-dialog-content-padding: 0 !default;
$pivot-dialog-footer-padding: 8px !default;
$pivot-dialog-footer-paddingright: 8px !default;
$field-list-header-height: 36px !default;
$field-list-bigger-header-height: $field-list-header-height !default;
$field-list-tree-outer-div-height: 303px !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: 8px !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: 12px !default;
$field-list-bigger-button-font-size: $text-sm !default;
$pivot-calculated-header-padding: 4px !default;
$pivot-calculated-bigger-header-padding: 6px !default;
$field-list-header-content-line-height: 1.125em !default;
$field-list-bigger-header-content-line-height: 1.6em !default;
$field-list-header-icon-wrapper-padding: 4px !default;
$field-list-bigger-header-icon-wrapper-padding: 7px !default;
$field-list-static-header-icon-wrapper-padding: 5px !default;
$field-list-static-bigger-header-icon-wrapper-padding: 0 !default;
$pivot-calculated-icon-opacity: .87 !default;
$field-list-bigger-button-line-height: 1.1em !default;
$field-list-excel-member-filter-height: 140px !default;
$field-list-excel-member-filter-node-limit-height: 145px !default;
$field-list-excel-filter-height: 240px !default;
$field-list-excel-member-filter-bigger-height: 90px !default;
$field-list-excel-filter-bigger-height: 205px !default;
$format-label-font-opacity: .87 !default;
$format-label-font-weight: 500 !default;
$format-preview-bigger-height: 30px !default;
$format-outer-border-radius: 4px !default;
$format-dialog-width: 628px !default;
$field-list-editor-label-padding-size: 14px 10px 16px 20px !default;
$field-list-editor-label-font: 500 14px $font-family !default;
$field-list-editor-label-opacity: .87 !default;
$field-list-editor-label-excel-width: 280px !default;
$field-list-editor-label-excel-padding-size: 14px 10px 9px 20px !default;
$field-list-editor-label-excel-opacity: 56%;
$field-list-back-margin: 5px !default;
$field-list-sort-wrapper-padding-size: 10px !default;
$field-list-border: $content-bg-color-alt3 !default;
$field-list-calc-expand-icon-padding: 8px !default;
$field-list-search-padding-size: 10px $field-list-title-padding-size !default;
$field-list-add-filter-selection-margin: 14px !default;
$field-list-add-filter-selection-bigger-height: $treeview-big-item-height !default;
$field-list-add-filter-selection-height: $treeview-item-height !default;
$field-list-member-prompt-padding-size: 25px 12px !default;
$field-list-static-field-table-height: 202px !default;
$field-list-static-field-table-outer-div-height: 163px !default;
$field-list-search-popup-min-height: 540px !default;
$field-list-search-popup-table-height: 392px !default;
$field-list-search-popup-table-outer-div-height: 303px !default;
$field-list-search-popup-axis-content-height: 154px !default;
$field-list-search-popup-container-bigger-height: 585px !default;
$field-list-search-popup-table-bigger-height: 400px !default;
$field-list-search-popup-axis-table-bigger-height: 400px !default;
$field-list-search-popup-axis-content-bigger-height: 158px !default;
$field-list-axis-content-height: 128px !default;
$field-list-popup-axis-content-bigger-height: $field-list-axis-content-height !default;
$field-list-search-static-field-table-height: 256px !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: 3px !default;
$pivot-formatting-format-table-data-padding-right: 16px !default;
$field-list-default-header-font-size: $text-xxs !default;
$field-list-header-padding: 18px !default;
$field-list-value-field-caption-font-size: 14px !default;
$field-list-value-field-option-text-font-size: 10px !default;
$field-list-dialog-radius: $shape-small !default;
$field-list-table-header-padding: 0 0 0 $field-list-header-padding !default;
$field-list-table-header-font-weight: 500 !default;
$field-list-calculated-field-border: 1px solid rgba($secondary-outline) !default;
$field-list-calc-dialog-iconspace-margin-right: 8px !default;
$field-list-member-editor-search-padding: 0 15px 10px !default;
$field-list-member-editor-node-limit-outer-div-bigger-height: 100px !default;
$field-list-member-editor-bigger-height: 400px !default;
$field-list-member-editor-node-limit-bigger-height: 455px !default;
$field-list-separator-border: 1px solid rgba($border-light) !default;
$field-list-member-sort-border-radius: $text-xl !default;
$field-list-active-color: rgba($icon-color) !default;
$field-list-default-font-color: rgba($content-text-color) !default;
$field-list-default-formula-font-color: $field-list-default-font-color !default;
$field-list-default-border-color: rgba($border-light) !default;
$field-list-drag-default-border-color: $field-list-default-border-color !default;
$field-list-default-prompt-color: rgba($content-text-color-alt1) !default;
$field-list-toggle-border-color: $transparent !default;
$field-list-table-background-color: $transparent !default;
$field-list-default-bg-color: rgba($content-bg-color) !default;
$field-list-header-background-color: $content-bg-color-alt1 !default;
$field-list-axis-header-color: $field-list-header-background-color !default;
$field-list-toggle-bg-color: rgba($primary-light) !default;
$field-list-toggle-bg-color-dark: $content-bg-color-alt4 !default;
$field-list-default-fill-color: rgba($content-bg-color) !default;
$field-list-drop-hover-color: $grey-500 !default;
$field-list-button-font-color: $grey-900 !default;
$field-list-button-border-color: $transparent !default;
$field-list-button-hover-color: $content-bg-color-hover !default;
$field-list-button-focus-color: $content-bg-color-focus !default;
$field-list-button-active-color: rgba($content-text-color) !default;
$field-list-drag-clone-text-color: rgba($content-text-color, .87) !default;
$field-list-treeview-text-color: $field-list-drag-clone-text-color !default;
$field-list-drag-clone-bg-color: $content-bg-color-alt3 !default;
$field-list-toggle-hover-color: $field-list-default-border-color !default;
$pivot-formula-background: rgba($content-bg-color) !default;
$pivot-formula-border: rgba($border-light) !default;
$pivot-text-area-background: $base-font !default;
$field-list-drag-icon-color: rgba($icon-color) !default;
$field-list-default-header-font-color: rgba($content-text-color-alt1) !default;
$field-list-tree-icon-color: $field-list-drag-icon-color !default;
$field-list-default-header-icon-font-color: rgba($icon-color) !default;
$field-list-button-icon-color: rgba($icon-color) !default;
$field-list-icon-hover-color: rgba($icon-color-hover) !default;
$field-list-toggle-font-color: rgba($icon-color) !default;
$field-list-filter-text-color: $field-list-button-icon-color !default;
$error-font-color: rgba($danger) !default;
$format-label-font-color: rgba($content-text-color-alt1) !default;
$format-preview-border-color: rgba($icon-color) !default;
$format-outer-border-color: rgba($border-light) !default;
$format-outer-fill-color: rgba($content-bg-color) !default;
$field-list-editor-label-color: rgba($content-text-color) !default;
$field-list-editor-label-fill: $content-bg-color-alt1 !default;
$field-list-back-font-color: rgba($icon-color) !default;
$field-list-mobile-header-color: rgba($content-bg-color) !default;
$field-list-mobile-header-font-color: rgba($content-text-color-alt1) !default;
$field-list-sort-select-background-color: rgba($icon-color) !default;
$field-list-sort-select-border-color: $transparent !default;
$field-list-sort-select-color: rgba($base-font, .87) !default;
$field-list-cal-button-text-color: rgba($secondary-text-color) !default;
$field-list-static-padding-size: 20px !default;
$field-list-treeview-padding-size: -30px !default;
$field-list-header-padding-size: 18px !default;
$field-list-axis-header-padding-size: 5px !default;
$field-list-selected-color: ($content-bg-color-hover, .87) !default;
$field-list-button-color: rgba($content-bg-color) !default;
$field-list-button-back-color: rgba($icon-color) !default;
$field-list-header-font-size: $text-sm !default;
$field-list-header-text-transform: none !default;
$field-list-icon-size: 16px !default;
$field-list-toggle-icon-size: 17px !default;
$field-list-editor-search-padding-size: 12px !default;
$field-list-member-filter-list-padding-size: -22px !default;
$field-list-member-filter-list-height: 154px !default;
$field-list-member-field-list-height: 235px !default;
$field-list-treeview-drag-padding: 6px !default;
$field-list-treeview-drag-margin: 8px !default;
$field-list-treeview-drag-bigger-padding: 8px !default;
$field-list-button-height: 40px !default;
$field-list-bigger-button-height: 36px !default;
$field-list-bigger-header-padding: 20px !default;
$field-list-bigger-header-font-size: $text-sm !default;
$field-list-button-padding: 12px 12px !default;
$field-list-bigger-button-padding: 9px 16px !default;
$field-list-header-icon-size: 16px !default;
$field-list-bigger-header-icon-size: 16px !default;
$field-list-tree-header-padding: 9px !default;
$field-list-bigger-tree-header-padding: 8px !default;
$field-list-bigger-excel-dialog-min-width: 350px !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: 22px !default;
$field-list-adaptive-pivot-button-height: 36px !default;
$field-list-adaptive-pivot-button-padding: 0 16px !default;
$pivot-dialog-font-weight: normal !default;
$field-list-toggle-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !default;
$field-list-toggle-left-shadow-color: $shadow-sm !default;
$field-list-drag-clone-shadow-color: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1) !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: $text-sm !default;
$format-preview-height: 32px !default;
$format-device-preview-height: 32px !default;
$format-bigger-preview-height: 37px !default;
$olap-tree-wrapper-height: 489px;
$olap-tree-outer-div-height: 458px;
$olap-bigger-tree-wrapper-height: 521px;
$olap-bigger-tree-outer-div-height: 483px;
$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: 165px !default;
$field-list-device-footer-button-border-radius: $shape-Large !default;
$field-list-device-footer-button-box-shadow: $shadow-lg !default;
$field-list-adaptive-drag-prompt-line-height: 22px !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;
