@use '../base/common/base-variables' as *;
@use '../toolbar/tailwind3-definition' as *;
@use '../spreadsheet-ribbon/tailwind3-definition' as *;

$sheet-skin: $skin-name !default;
$spreadsheet-border-width: 1px;
$select-all-size: 27px !default;
$select-all-hover-bg-color: $content-bg-color-alt2 !default;
$select-all-active-bg-color: $primary !default;
$cell-background: rgb($white) !default;
$cell-color: rgb($black) !default;
$cell-border-color: $spreadsheet-gridline !default;
$hdr-cell-border-color: $spreadsheet-gridline !default;
$dlg-error-color: $danger !default;
$agg-clr: $content-text-color !default;
$header-cell-bg-color: $content-bg-color-alt1 !default;
$header-cell-color: $content-text-color !default;
$spreadsheet-border-color: $border-light !default;
$spreadsheet-border: $spreadsheet-border-width solid $spreadsheet-border-color !default;
$spreadsheet-outline-border: $spreadsheet-border-width solid $border-light !default;
$select-all-bg-color: $content-bg-color-alt3 !default;
$header-cell-font-size: $text-xs !default;
$content-cell-padding: 0 2px !default;
$open-dlg-file-alert-span-font-size: $text-xs !default;
$goto-dlg-btn-font-size: $text-xs !default;
$numformat-ddb-preview-font-size: $text-xs !default;
$aggregate-list-font-size: $font-icon-14 !default;
$aggregate-list-line-height: 22px !default;
$aggregate-list-caret-line-height: $text-xxs !default;
$header-cell-font-weight: $font-weight-normal !default;
$header-cell-padding-top: 0 !default;
$spreadsheet-tbar-btn-icon-font-size: $font-icon-16 !default;
$spreadsheet-cpicker-font-color-font-size: 18px !default;
$spreadsheet-cpicker-fill-color-font-size: $font-icon-18 !default;
$bigger-spreadsheet-tbar-btn-icon-font-size: $font-icon-18 !default;
$spreadsheet-drop-icon-font-size: $font-icon-12 !default;
$define-name-input-height: 28px !default;
$define-name-input-padding: 0 0 0 8px !default;
$define-name-input-padding-rtl: 0 8px 0 0 !default;
$spreadsheet-edit-selection-font-color: $primary-text !default;
$spread-border-radius-0: $radius-0 !default;
$spread-border-radius-3: $radius-3 !default;
$spread-border-radius-4: $radius-4 !default;

//selection
$selection-bg-color: rgba(79, 70, 229, .3) !default;
$selection-border-color: $primary !default;
$selection-border-width: 1px !default;
$hdr-selection-bg-color: $content-bg-color-selected !default;
$spreadsheet-hdr-selection-border-color: $spreadsheet-gridline !default;
$hdr-selection-border: 1px solid !default;
$hdr-selection-color: $content-text-color !default;
$hdr-hover-bg-color: $content-bg-color-alt2 !default;
$copy-indicator-t-b: 'data:image/gif;base64, ' !default;
$copy-indicator-l-r: 'data:image/gif;base64, ' !default;

//Tab
$sheets-btn-height: 34px !default;
$msheets-btn-height: 46px !default;
$sheet-tab-panel-bg-color: $content-bg-color-alt1 !default;
$sheet-tab-bg-color: $content-bg-color-alt2 !default;
$sheet-tab-active-bg-color: $content-bg-color-alt1 !default;
$sheet-tab-color: $content-text-color-alt2 !default;
$sheet-tab-hover-bg-color: $hdr-selection-bg-color !default;
$sheet-tab-indicator-color: $primary !default;
$sheet-tab-btn-icon-color: $icon-color !default;
$spread-sheet-tab-text-color:  $content-text-color !default;
$select-icon-color: $icon-color !default;
$sheet-tab-btn-icon-line-height: 16px !default;
$sheet-tab-btn-icon-font-size: $font-icon-16 !default;
$sheet-tab-wrap-border-radius: $radius-4 $radius-4 $radius-0 $radius-0 !default;
$sheet-tab-aggr-bg-color-selected: $secondary-bg-color-pressed !default;
$sheet-tab-btn-icon-active-color: $icon-color-pressed !default;
$bigger-spreadsheet-sheet-tab-icon-height: 40px !default;
$bigger-spreadsheet-add-sheet-icon-font: $font-icon-18 !default;
$bigger-spreadsheet-sheet-tab-icon-padding: 0 !default;
$bigger-spreadsheet-sheet-tab-rename-line-height: 48px !default;
$bigger-spreadsheet-sheet-tab-rename-margin-bottom: 0 !default;
$sheet-tab-btn-icon-hover-color: $secondary-text-color-hover !default;
$sheet-tab-aggr-btn-active-color: $secondary-text-color-pressed !default;
$sheet-tab-btn-disable-bg-color: $transparent !default;

//Formula bar
$formula-bar-font-weight: $font-weight-medium !default;
$formula-bar-font-size: $text-sm !default;
$formula-bar-padding: 0 8px !default;
$bigger-formula-bar-font-size: $text-base !default;
$name-box-width: 92px !default;
$namebox-icon-size: $font-icon-14 !default;
$namebox-icon-min-height: 28px !default;
$formula-textarea-width: calc(100% - 146px) !default;
$formula-bar-color: $content-text-color !default;
$mformula-bar-height: 42px !default;
$expand-icon-margin: 4px !default;
$expand-icon-line-height: 28px !default;
$formula-bar-bg-color: $transparent !default;
$formula-submit-btn-icon-font-size: $font-icon-14 !default;
$formula-bar-drop-icon-font-size: $font-icon-14 !default;
$formula-bar-btn-icon-font-size: $font-icon-16 !default;
$bigger-name-box-ddl-icon-font-size: $font-icon-18 !default;
$bigger-insert-function-btn-icon-font-size: $font-icon-16 !default;
$bigger-formula-bar-drop-icon-font-size: $font-icon-18 !default;
$formula-bar-btn-icon-line-height: 28px !default;
$spreadsheet-formula-bar-height: 28px !default;
$spreadsheet-formula-bar-expanded-height: 74px !default;
$spreadsheet-formula-bar-expanded-separator-height: 64px !default;
$bigger-name-box-ddl-input-height: 30px !default;
$bigger-formula-bar-drop-icon-line-height: 30px !default;
$bigger-insert-function-height: 89px !default;
$sheet-bar-btn-box-shadow: $tbar-btn-box-shadow !default;
$sheet-bar-default-font-color: $tbar-default-font !default;
$sheet-bar-active-font-color: $tbar-active-font-color !default;
$sheet-bar-default-icon-color: $tbar-default-icon-color !default;

//Insert dialog box
$dlg-list-border: $spreadsheet-outline-border !default;
$dlg-description-font-weight: $font-weight-medium !default;
$dlg-content-padding: 12px !default;
$dlg-content-padding-bottom: 0 !default;
$dlg-category-margin-bottom: 6px !default;
$dlg-min-height: 485px !default;
$function-dlg-header-content-font-size: $text-base !default;
$dlg-category-content-font-size: $text-sm !default;
$dlg-description-content-font-size: $text-sm !default;
$dlg-category-content-font-weight: $font-weight-medium !default;

//Ribbon
$fontsize-btn-width: 52px !default;
$bigger-fontsize-btn-width: 64.51px !default;
$align-ddb-item-height: 28px !default;
$align-ddb-ul-padding: 8px !default;
$align-ddb-item-padding: 0 7px !default;
$align-ddb-item-margin: 0 !default;
$align-ddb-item-border-radius: $radius-4 !default;
$ctrl-btn-padding: 16px !default;
$spreadsheet-ribbon-btn-width: 32px !default;
$spreadsheet-ribbon-btn-height: 32px !default;
$spreadsheet-ribbon-btn-padding: 0 !default;
$spreadsheet-ribbon-btn-text-width: 80px !default;
$spreadsheet-ribbon-btn-ddb-margin-right: 0 !default;
$spreadsheet-ribbon-cpicker-padding-bottom: 1px !default;
$spreadsheet-ribbon-cpicker-line-height: $spreadsheet-ribbon-btn-height - 1 !default;
$bigger-spreadsheet-ribbon-btn-height: 40px !default;
$bigger-spreadsheet-ribbon-btn-padding: 6px !default;
$cpicker-btn-width: 32px !default;
$bigger-cpicker-btn-width: 36px !default;
$menu-extension-padding: 12px !default;
$spreadsheet-ribbon-item-hover-border-color: transparent !default;
$spreadsheet-ribbon-item-active-border-color: transparent !default;
$spreadsheet-ribbon-item-active-background-color: $secondary-bg-color-pressed !default;
$font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
$sf-font-family-collection: ('Algerian', 'Arial', 'Calibri', 'Cambria', 'Cambria Math', 'Courier New', 'Candara', 'Georgia', 'Impact', 'Segoe Print', 'Segoe Script', 'Segoe UI', sans-serif, 'Times New Roman', 'Verdana', sans-serif) !default;
$normal-btn-padding: 8px !default;
$bigger-cpicker-btn-line-height: $bigger-spreadsheet-ribbon-btn-height - 2 !default;
$bigger-cpicker-btn-padding-bottom: 2px !default;
$bigger-spreadsheet-ribbon-btn-line-height: $bigger-spreadsheet-ribbon-btn-height !default;
$spreadsheet-tbar-btn-icon-color: $icon-color !default;
$spreadsheet-ribbon-item-active-color: $secondary-text-color-pressed !default;
$spreadsheet-ribbon-item-hover-color: $secondary-text-color-hover !default;
$spreadsheet-ribbon-item-active-icon-color: $icon-color-pressed !default;

//Sorting
$sort-error-bg-color: $danger-light;
$sort-error-font-color: $danger-bg-color;
$sort-dlg-listwrapper-text-font-size: $text-sm !default;
$sort-dlg-error-font-size: $text-xs !default;
$sort-dlg-row-padding: 6px 0 12px !default;
$bigger-spreadsheet-sort-dlg-text-padding: 16px 0 0 !default;
$bigger-spreadsheet-sort-dlg-row-padding: 8px 0 16px !default;

//Hyperlink
$hyper-doc-border-color:  $border-light !default;
$hyperlink-dlg-header-content-font-size: $text-lg !default;
$hyperlink-dlg-content-header-font-size: $text-sm !default;
$hyperlink-dlg-content-text-font-size: $text-sm !default;
$hyperlink-dlg-content-text-margin-top: 6px !default;
$link-dialog-tab-text-font-size: $text-sm !default;
$hyperlink-dlg-refcont-border: 1px solid $hyper-doc-border-color !default;
$hyperlink-dlg-refcont-margin: 6px 0 0 0 !default;
$hyperlink-dlg-refcont-margin-rtl: 6px 0 0 0 !default;
$hyperlink-dlg-content-padding-top: 12px !default;
$hyperlink-dlg-content-margin: 0 0 12px !default;
$hyperlink-dlg-content-margin-rtl: 0 0 12px !default;

//Filtering.
$filter-icon-margin-bottom: 0 !default;
$filter-icon-bigger-margin-bottom: 7px !default;
$filter-selectall-padding: 25px !default;
$filter-selectall-bigger-padding: 29px !default;
$filter-icon-before-font-size: $font-icon-17 !default;
$filter-list-hover-bg-color: $content-bg-color-alt2 !default;
$spreadsheet-filter-btn-bottom: 0 !default;
$spreadsheet-filter-btn-width: 18px !default;
$spreadsheet-filter-btn-border: 0 !default;
$spreadsheet-filter-icon-color: rgb($black) !default;
$bigger-filter-icon-font-size: $font-icon-14 !default;
$filter-treeview-checkbox-border: 0 !default;

//Find And Replace
$find-tool-dlg-width: 348px !default;
$find-tool-dlg-height: 50px !default;
$find-dlg-width: 468px !default;
$bigger-find-tool-dlg-width: 419px !default;
$bigger-find-tool-dlg-height: 58px !default;
$bigger-find-goto-dlg-height: 256px !default;
$find-popup-border-top-color: $border-light !default;
$find-popup-border-color: $border-light !default;
$find-popup-box-shadow: none !default;
$find-dlg-alert-span-font-size: $text-xs !default;
$find-dlg-content-padding-top: 0 !default;
$bigger-find-dlg-btn-font-size: $text-xs !default;
$bigger-find-dlg-btn-footer-btn-margin-bottom: 4px !default;
$bigger-find-dlg-btn-footer-btn-margin-top: 4px !default;
$bigger-find-dlg-content-padding-top: 0 !default;
$find-dlg-header-font-weight: $font-weight-normal !default;
$cfmain-header-font-size: $text-sm !default;
$find-dlg-exactmatchcheckbox-padding: 14px 0 12px 4px !default;
$find-dlg-header-padding-top: 12px !default;
$find-dialog-header-padding-bottom: 6px !default;

//Protect Sheet
$protect-dlg-height: 470px !default;
$protect-dlg-width: 322px !default;
$protect-sheet-dlg-password-header-font-size: $text-sm !default;
$unprotect-sheet-dlg-header-font-size: $text-lg !default;
$unprotectsheet-alert-span-font-size: $text-xs !default;
$protect-unprotect-dlg-alert-span-padding-top: 4px !default;
$unprotectsheet-content-header-font-size: $text-sm !default;
$reenterpwd-dlg-content-header-font-size: $text-sm !default;
$reenterpwd-dlg-alert-span-font-size: $text-xs !default;
$protect-checkbox-label-font-size: $text-sm !default;
$protectworkbook-dlg-header-font-size: $text-lg !default;
$protectworkbook-dlg-alert-span-font-size: $text-xs !default;
$protectworkbook-dlg-content-header-font-size: $text-sm !default;
$unprotectworkbook-dlg-content-header-font-size: $text-sm !default;
$importprotectworkbook-dlg-content-header-font-size: $text-sm !default;
$protectworkbook-dlg-pwd-alert-span-font-size: $text-sm !default;
$protectworkbook-dlg-pwd-content-font-size: $text-base !default;
$protect-content-font-size: $text-sm !default;
$protect-content-height: 33px !default;
$protect-content-padding-top: 12px !default;
$protectworkbook-dlg-alert-span-padding-top: 4px !default;
$pwd-alert-span-padding-top: 4px !default;
$bigger-protectworkbook-dlg-pwd-content-line-height: $text-2xl !default;
$bigger-protectworkbook-dlg-pwd-content-margin-bottom: 8px !default;
$protectworkbook-dlg-password-content-padding1: 0 !default;
$protectworkbook-dlg-password-content-padding2: 12px 0 0 !default;

//Conditional Formatting
$ele-color: $content-bg-color-alt1;
$ele-hover-color: $content-bg-color-hover;
$dark-ele-color: $flyout-bg-color;
$dark-ele-hover-color: $flyout-bg-color-hover;
$cf-dlg-content-font-weight: $font-weight-medium !default;
$cf-menu-icon-font-size: $font-icon-16 !default;
$cf-dlg-input-height: 34px !default;
$cf-dlg-header-margin-top: 12px !default;
$cf-databar-icon-bg-color: $flyout-bg-color-hover !default;
$cf-iconsets-icon-hover-bg-color: $flyout-bg-color-hover !default;
$cf-iconsets-rating-padding: 2px 12px !default;

//Formula selection
$vborder-selection: $spreadsheet-selection-1;
$pborder-selection: $spreadsheet-selection-2;
$cborder-selection: $spreadsheet-selection-3;
$gborder-selection: $spreadsheet-selection-4;
$oborder-selection: $spreadsheet-selection-5;
$bborder-selection: $spreadsheet-selection-6;

//Freeze pane
$freezepane-color: $spreadsheet-gridline !default;
$spreadsheet-frozen-column-width: 1px !default;
$spreadsheet-frozen-border: 2px solid $freezepane-color !default;
$mac-scrollbar-background: rgba(0, 0, 0, .5) !default;

//Custom Format
$custom-listview-color: $border-light;
$custom-format-dlg-input-margin-right: 12px !default;
$custom-format-dlg-sample-margin: 12px 0 6px 0 !default;
$custom-format-dlg-btn-height: 32px !default;
$custom-format-dlg-btn-line-height: 22px !default;
$spreadsheet-ribbon-expand-icon-color: $expand-icon-color !default;
$spread-dialog-listview-border-radius: $radius-4 !default;
$sheet-bar-active-icon-color: $tbar-active-icon-color !default;

//File Name Dialog
$open-dlg-width: 340px !default;
$file-menu-extension-font-size: $text-sm !default;
$open-dlg-file-alert-span-padding-top: 4px !default;
$open-dlg-header-line-height: 20px !default;
$open-dlg-header-margin: 0 !default;
$open-dlg-header-padding-bttom: 6px !default;
$open-dialog-extension-font-size: $text-sm !default;

//Data Validation
$bigger-validation-list-width: 22px !default;
$bigger-validation-list-icon-height-width: 0 !default;
$validation-dlg-content-header-font-size: $text-sm !default;
$validation-dlg-content-input-margin-top: 6px !default;
$validation-dlg-content-input-font-size: $text-sm !default;
$validation-dlg-error-font-size: $text-xs !default;
$validationerror-dlg-content-font-size: $text-sm !default;
$validation-list-icon-bottom: 5px !default;
$validation-list-icon-height: 18px !default;
$validation-list-icon-min-height: 0 !default;
$validation-dlg-error-padding-top: 4px !default;
$validation-dlg-content-margin-bottom: 12px !default;
$validation-dlg-content-input-margin-top: 6px !default;
$validation-dlg-content-valid-input-height: 32px !default;
$bigger-validation-dlg-content-margin-bottom: 16px !default;

//Chart
$title-dlg-content-header-font-size: $text-base !default;
$title-dlg-content-input-font-size: $text-sm !default;
$spreadsheet-switch-row-column-icon-font-size: $font-icon-18 !default;
$spreadsheet-addchart-icon-font-size: $font-icon-18 !default;
$spreadsheet-chart-icon-font-size: $font-icon-28 !default;
$bigger-spreadsheet-chart-icon-font-size: 36px !default;
$bigger-spreadsheet-addchart-icon-font-size: $font-icon-26 !default;
$chart-text-content-color: $flyout-text-color !default;
$spreadsheet-chart-icon-bg-color: $flyout-bg-color-selected !default;
$spreadsheet-chart-icon-border-radius: $radius-4 !default;
$chart-menu-column-line-height: 32px !default;
$chart-menu-column-cont-margin: 0 4px !default;
$chart-menu-pie-cont-margin: 0 6px 6px !default;
$chart-menu-line-cont-margin: 0 6px 6px !default;
$chart-menu-line-line-height: 32px !default;
$chart-menu-scatter-line-height: 48px !default;
$chart-menu-scatter-margin: 0 8px 7px !default;
$chart-menu-icon-color: $icon-color !default;
$chart-menu-icon-hover-color: $icon-color-pressed !default;

//Mixins
$spreadsheet-cf-header-margin-bottom: 6px !default;
$spreadsheet-cfmain-header-margin-bottom: 12px !default;
$spreadsheet-sort-template-item-padding: 0 !default;
$spreadsheet-sort-template-item-border: 0 !default;
$spreadsheet-ribbon-toolbar-item-height: 32px !default;
$hyperlink-dlg-content-header-line-height: 20px !default;
$dlg-description-content-padding-top: 12px !default;
$dlg-category-formula-description-padding: 6px 0 0 !default;
$protect-dlg-password-header-line-height: 20px !default;
$protect-dlg-password-header-margin-bottom: 6px !default;
$protect-dlg-protect-check-margin-top: $text-xs !default;
$protect-option-list-margin-top: 6px !default;
$reenterpwd-dlg-content-header-line: 20px !default;
$reenterpwd-dlg-content-input-margin-top: 6px !default;
$protectworkbook-dlg-content-header-line: 20px !default;
$validation-dlg-content-header-line: 20px !default;
$validation-dlg-content-padding: 12px !default;
$validation-dlg-content-header-padding-top: 12px !default;
$validation-dlg-content-footer-clearall-margin-left: 0 !default;
$validation-dlg-content-footer-clearall-margin-right: 0 !default;
$spreadsheet-sort-dlg-error-bottom: -2px !default;
$spreadsheet-sort-dlg-delete-padding-left: 18px !default;
$spreadsheet-sort-dlg-delete-margin-right: 20px !default;
$spreadsheet-sort-casecheckbox-margin-left: 16px !default;
$bigger-spreadsheet-ribbon-tab-text-wrap-height: 56px !default;
$bigger-spread-ribbon-tab-menu-items-height: 56px !default;
$bigger-spread-ribbon-tab-menu-items-line-height: 56px !default;
$spreadsheet-ribbon-toolbar-btn-hover-color: $tbar-hover-bg !default;
$spreadsheet-ribbon-toolbar-btn-hover-font: $tbar-hover-font !default;
$bigger-spreadsheet-dlg-label-font-size: $text-base !default;
$bigger-protect-sheet-password-header-line: $text-2xl !default;
$bigger-spreadsheet-dlg-header-margin-bottom: 8px !default;
$bigger-protect-content-padding: 16px 0 0 !default;
$bigger-protect-option-list-margin-top: $text-xs !default;
$bigger-spreadsheet-cf-main-margin: 0 0 16px !default;
$bigger-spreadsheet-dlg-error-font-size: $text-sm !default;
$bigger-spreadsheet-dlg-error-padding-top: 4px !default;
$bigger-spreadsheet-custom-sample-margin: 16px 0 8px !default;
$bigger-spreadsheet-cf-sub-margin: 0 !default;
$bigger-spreadsheet-cf-header2-margin: 16px !default;
$bigger-find-replace-casecheck-padding-bottom: 8px !default;
$bigger-find-replace-casecheck-padding-top: 20px !default;
$bigger-find-replace-exactmatch-padding: 20px 0 8px 12px !default;
$bigger-spreadsheet-dlg-label-padding-bottom: 8px !default;
$bigger-spreadsheet-dlg-label-margin: 0 !default;
$bigger-hyperlink-dlg-content-padding: 16px !default;
$bigger-hyperlink-dlg-content-margin: 0 0 16px !default;
$bigger-hyperlink-dlg-header-line-height: 24px !default;
$bigger-function-dlg-description-padding-top: 16px !default;
$bigger-spreadsheet-protect-dlg-error-padding-top: 4px !default;
$bigger-protect-password-content-padding2: 16px 0 0 !default;
$bigger-protect-password-content-padding: 4px 0 0 !default;
$bigger-data-validation-content-padding-top: 16px !default;
$bigger-reenterpwd-dlg-content-input-margin-top: 8px !default;
$bigger-spreadsheet-cf-header-font-weight: $font-weight-medium !default;
$bigger-protect-dlg-protect-check-margin-top: $text-base !default;
$spreadsheet-file-menu-color: $content-text-color-alt3 !default;
$spreadsheet-ribbon-toolbar-btn-hover-active-color: $primary !default;
$spreadsheet-separator-border-color: $border-light !default;
$bigger-formula-bar-height: 30px !default;
$bigger-formula-bar-line-height: 30px !default;
$bigger-insert-function-icon-height: 30px !default;
$bigger-insert-function-icon-line-height: 32px !default;
$bigger-spreadsheet-sheet-tab-icon-font: $font-icon-18 !default;
$bigger-spreadsheet-sheet-tab-sheetlist-icon-height: 40px !default;
$bigger-spread-tab-nav-arrow-font: $font-icon-18 !default;
$bigger-spread-sheet-aggregate-font-size: $text-base !default;
$bigger-spread-sheet-aggregate-line-height: 24px !default;
$bigger-spread-dlg-header-content-line-height: 24px !default;
$bigger-spread-dlg-header-content-margin: 0 !default;
$bigger-spread-dlg-header-content-padding-bottom: 8px !default;
$bigger-spread-dlg-header-content-margin: 0 !default;
$bigger-spread-dlg-header-label-bottom: 8px !default;
$bigger-spreadsheet-sort-dlg-list-padding: 16px !default;
$bigger-spread-dlg-header-label-top: 16px !default;
$spread-dialog-label-font-weight: $font-weight-medium !default;
$spread-dialog-label-margin-bottom: 6px !default;
$spread-dlg-header-content-line-height: 20px !default;
$spread-toolbar-btn-font-weight: $font-weight-medium !default;
$spread-toolbar-btn-border: 0 !default;
$bigger-toolbar-dropdown-font-size: $font-icon-14 !default;
$bigger-spreadsheet-chart-icon-size: $font-icon-32 !default;
$bigger-spreadsheet-chart-icon-margin-right: 12px !default;
$bigger-spreadsheet-chart-icon-padding: 0 10px !default;
$aggregate-list-font-weight: $font-weight-medium !default;

//Name Manager Dialog
$spreadsheet-namerange-header-font-size: 18px !default;
$spreadsheet-namerange-header-font-weight: 600 !default;
$spreadsheet-namerange-header-line-height: 28px !default;
$spreadsheet-namerange-header-margin-left: 12px !default;
$spreadsheet-namerange-ok-btn-margin-right: 14px !default;
$spreadsheet-namerange-form-group-gap: 4px !default;
$spreadsheet-namerange-form-group-padding-top: 12px !default;
$spreadsheet-namerange-range-input-gap: 12px !default;
$spreadsheet-namerange-form-actions-gap: 8px !default;
$spreadsheet-namerange-form-actions-padding-top: 12px !default;
$spreadsheet-namerange-list-margin-top: 16px !default;
$spreadsheet-namerange-list-item-padding-x: 8px !default;
$spreadsheet-namerange-item-gap: 8px !default;
$spreadsheet-namerange-icon-btn-size: 40px !default;
$spreadsheet-namerange-icon-btn-height: 38px !default;
$spreadsheet-namerange-icon-btn-padding: 4px !default;
$spreadsheet-namerange-icon-font-size: 16px !default;
$spreadsheet-namerange-icon-btn-hover-bg: $content-bg-color-alt2 !default;
$spreadsheet-namerange-list-wrapper-padding: 0 !default;
$spreadsheet-namerange-row-padding: 0 !default;
$spreadsheet-namerange-footer-border: 1px solid $cell-border-color !default;
$spreadsheet-namerange-header-padding-bottom: 0 !default;
$spreadsheet-error-message-color: rgba(197, 15, 31, 1) !default;
$spreadsheet-syntax-error-message-color: rgb(209, 52, 56) !default;
$bigger-spreadsheet-namerange-header-padding-bottom: 14px !default;
$bigger-spreadsheet-namerange-header-font-size: 18px;
$bigger-spreadsheet-namerange-form-group-padding-top: 16px;

//Blazor Protection dialog
$spreadsheet-protection-padding-bottom: 0 !default;
$spreadsheet-protection-toggle-container-padding-top: 12px !default;
$spreadsheet-protection-toggle-container-padding-bottom: 16px !default;
$spreadsheet-protection-toggle-container-height: 34px !default;
$spreadsheet-protection-password-field-padding-bottom: 12px !default;
$spreadsheet-protection-password-field-label-padding-bottom: 4px !default;
$spreadsheet-protection-unlock-range-field-padding-top: 12px !default;
$spreadsheet-protection-unlock-range-action-padding: 8px 0 !default;
$spreadsheet-protection-unlock-text-padding-top: 4px !default;
$spreadsheet-protection-unlock-text-padding-bottom: 4px !default;
$spreadsheet-protection-unlock-range-item-height: 55px !default;
$spreadsheet-protection-unlock-range-item-radius: $radius-4 !default;
$spreadsheet-protection-unlock-range-item-background-color: rgba(255, 255, 255, 0) !default;
$spreadsheet-protection-unlock-range-item-padding-bottom: 4px !default;
$spreadsheet-protection-unlock-range-name-font-family: $font-family !default;
$spreadsheet-protection-unlock-range-name-font-size: $text-base !default;
$spreadsheet-protection-unlock-range-name-font-weight: $font-weight-semibold !default;
$spreadsheet-protection-unlock-range-name-line-height: 20px !default;
$spreadsheet-protection-unlock-range-name-font-color: rgba(36, 36, 36, 1) !default;
$spreadsheet-protection-unlock-range-value-font-family: $font-family !default;
$spreadsheet-protection-unlock-range-value-font-size: $text-base !default;
$spreadsheet-protection-unlock-range-value-font-weight: $font-weight-normal !default;
$spreadsheet-protection-unlock-range-value-font-color: rgba(66, 66, 66, 1) !default;
$spreadsheet-protection-sheet-option-font-family: $font-family !default;
$spreadsheet-protection-sheet-option-font-size: 14px !default;
$spreadsheet-protection-sheet-option-font-weight: 400 !default;
$spreadsheet-protection-sheet-option-line-height: 20px !default;
$spreadsheet-protection-sheet-option-font-color: rgba(36, 36, 36, 1) !default;
$spreadsheet-protection-sheet-option-padding-top: 12px !default;
$spreadsheet-protection-sheet-option-padding-bottom: 4px !default;
$spreadsheet-unprotect-padding-bottom: 8px !default;
$spreadsheet-unprotect-label-font-family: $font-family !default;
$spreadsheet-unprotect-label-font-weight: 400 !default;
$spreadsheet-unprotect-label-font-size: 14px !default;
$spreadsheet-unprotect-label-font-color: $content-text-color !default;
$spreadsheet-unprotect-label-line-height: 20px !default;
$spreadsheet-unprotect-label-padding-bottom: 4px !default;
$bigger-spreadsheet-protection-padding-bottom: 0 !default;
$bigger-spreadsheet-protection-toggle-container-padding-top: 16px !default;
$bigger-spreadsheet-protection-toggle-container-padding-bottom: 16px !default;
$bigger-spreadsheet-protection-password-field-padding-bottom: 16px !default;
$bigger-spreadsheet-protection-unlock-range-field-padding-top: 16px !default;
$bigger-spreadsheet-protection-unlock-range-action-padding: 8px !default;
$bigger-spreadsheet-protection-unlock-text-padding-top: 8px !default;
$bigger-spreadsheet-protection-unlock-text-padding-bottom: 4px !default;
$bigger-spreadsheet-protection-sheet-option-font-size: 16px !default;
$bigger-spreadsheet-protection-sheet-option-padding-top: 12px !default;
$bigger-spreadsheet-protection-sheet-option-padding-bottom: 4px !default;

//Blazor ribbon
$spreadsheet-ribbon-simplified-mode-padding-top: 2px !default;
$spreadsheet-ribbon-simplified-mode-padding-bottom: 2px !default;
$spreadsheet-ribbon-simplified-mode-tab-header-font-weight: $font-weight-normal !default;
$spreadsheet-ribbon-simplified-mode-context-menu-button-padding: 6px 8px !default;
$bigger-spreadsheet-ribbon-tab-header-padding: 18px !default;
$bigger-spreadsheet-ribbon-simplified-btn-wrap: 12px !default;

//Blazor Namemanager
$spreadsheet-name-manager-form-group-padding-top: 0 !default;

//Blazor typography and spacing
$spreadsheet-ribbon-simplified-mode-btn-font-weight: $font-weight-normal !default;
$spreadsheet-name-dlg-header-mobile-font-weight: 600 !default;
$spreadsheet-name-dlg-header-mobile-font-size: 16px !default;
$spreadsheet-custom-close-btn-font-size: 18px !default;
$spreadsheet-name-error-message-font-size: 12px !default;
$spreadsheet-name-delete-warning-font-size: 16px !default;
$spreadsheet-formula-suggession-containter-font-size: 10px !default;
$bigger-spreadsheet-ribbonoverflow-font-size: 20px !default;
$spreadsheet-overlay-resizer-border-radius: $radius-4 !default;
$spreadsheet-ribbon-simplified-mode-border-radius: $radius-0 !default;
$spreadsheet-font-weight-bold: 700 !default;
$spreadsheet-font-size-16: 16px !default;
$spreadsheet-font-size-18: 18px !default;
$spreadsheet-margin-10: 10px !default;
$spreadsheet-padding-20: 20px !default;
$spreadsheet-autofill-menuoption-min-width: 68px !default;
$spreadsheet-border-menu-min-width: 270px !default;
$spreadsheet-border-preview-line-width: 135px !default;
$spreadsheet-border-auto-width: auto !default;
$ids: 'LineStyleThin' 'LineStyleMedium' 'LineStyleThick' 'LineStyleDotted' 'LineStyleDashed' 'LineStyleDouble';
$border-style-collection: solid solid solid dotted dashed double;
$border-width-collection: thin medium thick thin thin medium;
$spreadsheet-border-radius-50p: $border-radius-50p;
$spreadsheet-numformat-text-width: 100% !default;
$spreadsheet-padding-5: 5px !default;
$spreadsheet-colorpicker-max-width: 401px !default;

// Threaded Comment
$spread-comment-indicator-color: $primary !default;
$spread-comment-background-color: $flyout-bg-color !default;
$spread-comment-resolved-background-color: $content-bg-color-alt2 !default;
$spread-comment-review-pane-background-color: $content-bg-color-alt1 !default;
$spread-comment-review-title-color: $content-text-color !default;
$spread-comment-title-color: $content-text-color-alt1 !default;
$spread-comment-text-color: $content-text-color !default;
$spread-comment-timestamp-color: $content-text-color-alt3 !default;
$spread-comment-input-height: 32px !default;
$spread-comment-input-border-bottom-focused: 2px solid $primary !default;
$spread-comment-menu-height: 32px !default;
$spread-comment-menu-width: 32px !default;
$spread-comment-postbtn-padding: 6px 12px !default;
$spread-comment-header-wrap-gap: 8px !default;
$spread-border-color: $content-text-color !default;

//Side panel
$spread-side-panel-border: 1px solid $border-light !default;
