@use 'sass:color';
@use '../base/common/base-variables' as *;
@use '../toolbar/tailwind-definition' as *;
@use '../spreadsheet-ribbon/tailwind-definition' as *;

$sheet-skin: 'tailwind' !default;
$spreadsheet-border-width: 1px;
$select-all-size: 26px !default;
$select-all-hover-bg-color: $content-bg-color-alt2 !default;
$select-all-active-bg-color: $primary !default;
$cell-background: $white !default;
$cell-color: $black !default;
$cell-border-color: $border-light !default;
$hdr-cell-border-color: $border-light !default;
$dlg-error-color: $danger !default;
$agg-clr: $content-text-color-alt2;
$header-cell-bg-color: $content-bg-color-alt1 !default;
$header-cell-color: $content-text-color-alt2 !default;
$spreadsheet-border-color: $border-light !default;
$spreadsheet-border: $spreadsheet-border-width solid $spreadsheet-border-color !default;
$select-all-bg-color: $spreadsheet-border-color !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: $text-sm !default;
$header-cell-font-weight: $font-weight-medium !default;
$spreadsheet-tbar-btn-icon-font-size: $font-icon-16 !default;
$spreadsheet-cpicker-font-color-font-size: $font-icon-13 !default;
$spreadsheet-cpicker-fill-color-font-size: $font-icon-14 !default;
$aggregate-list-font-size: $font-icon-16 !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: 23px !default;
$define-name-input-padding: 0 0 0 8px !default;
$define-name-input-padding-rtl: 0 8px 0 0 !default;
$cfmain-header-font-size: $text-sm !default;
$spread-border-radius-0: 0 !default;
$spread-border-radius-3: 3px !default;
$spread-border-radius-4: 4px !default;

//selection
$selection-bg-color: rgba($primary, .12) !default;
$selection-border-color: $primary !default;
$selection-border-width: 1px !default;
$hdr-selection-bg-color: $content-bg-color-alt3 !default;
$hdr-selection-border: 1px solid !default;
$spreadsheet-hdr-selection-border-color: color.adjust($border-light, $lightness: -8%) !default;
$hdr-selection-color: $content-text-color-alt2 !default;
$hdr-hover-bg-color: $content-bg-color-alt2;
$copy-indicator-t-b: 'data:image/gif;base64,R0lGODlhBgAEAJECAP///zF6uf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFMTA1Q0MyRDA5RTExRTlBRTg3ODJBNDEwNzEwQzM3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlFMTA1Q0MzRDA5RTExRTlBRTg3ODJBNDEwNzEwQzM3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUUxMDVDQzBEMDlFMTFFOUFFODc4MkE0MTA3MTBDMzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUUxMDVDQzFEMDlFMTFFOUFFODc4MkE0MTA3MTBDMzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABgAEAAACB4wDcJh6uQoAIfkEBQMAAgAsAAAAAAYABAAAAgiMAXYZqM1CAQAh+QQFAwACACwBAAAABAAEAAACBhQUhnksBQAh+QQFAwACACwBAAAABAAEAAACBoQihpcMBQAh+QQFAwACACwAAAAABgAEAAACBwSCYcl6aQoAIfkEBQMAAgAsAAAAAAYABAAAAghEHmComHtAAQA7' !default;
$copy-indicator-l-r: 'data:image/gif;base64,R0lGODlhBAAGAJECAP///zF6uf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBCRjU1MTE3RDA5RTExRTk5MDI5QkZFNEQyRkFENUU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBCRjU1MTE4RDA5RTExRTk5MDI5QkZFNEQyRkFENUU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEJGNTUxMTVEMDlFMTFFOTkwMjlCRkU0RDJGQUQ1RTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEJGNTUxMTZEMDlFMTFFOTkwMjlCRkU0RDJGQUQ1RTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABAAGAAACBwQShsurCQoAIfkEBQMAAgAsAAAAAAQABgAAAgeMA2B5qN4KACH5BAUDAAIALAAAAQAEAAQAAAIFjAOpeVEAIfkEBQMAAgAsAAABAAQABAAAAgZMAIaoGQUAIfkEBQMAAgAsAAAAAAQABgAAAghMAIbGvJdCAQAh+QQFAwACACwAAAAABAAGAAACB4QRqctxUAAAOw==' !default;

//Tab
$sheets-btn-height: 34px !default;
$msheets-btn-height: 46px !default;
$sheet-tab-panel-bg-color: $content-bg-color-alt2 !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;
$tab-text-color: $primary;
$select-icon-color: $primary !default;
$sheet-tab-btn-icon-line-height: 33px !default;
$sheet-tab-aggr-bg-color-selected: $tbar-focus-bg !default;
$sheet-tab-wrap-border-radius: 0 !default;

//Formula bar
$formula-bar-font-size: $text-sm !default;
$formula-bar-padding: 0 4px !default;
$bigger-formula-bar-font-size: $text-base !default;
$name-box-width: 92px !default;
$namebox-icon-size: 18px !default;
$namebox-icon-min-height: 15px !default;
$formula-textarea-width: calc(100% - 146px) !default;
$formula-bar-color: $secondary-text-color !default;
$mformula-bar-height: 42px !default;
$expand-icon-margin: 4px !default;
$expand-icon-line-height: 25px !default;
$formula-bar-bg-color: $content-bg-color !default;
$formula-submit-btn-icon-font-size: $font-icon-16 !default;
$name-box-icon-font-size: $font-icon-18 !default;
$formula-bar-drop-icon-font-size: $font-icon-18 !default;
$formula-bar-btn-icon-font-size: $font-icon-18 !default;
$bigger-name-box-ddl-icon-font-size: $font-icon-20 !default;
$bigger-insert-function-btn-icon-font-size: $font-icon-18 !default;
$bigger-formula-bar-drop-icon-font-size: $font-icon-18 !default;
$formula-bar-btn-icon-line-height: 24px !default;
$spreadsheet-formula-bar-height: 23px !default;
$spreadsheet-formula-bar-expanded-height: 71px !default;
$spreadsheet-formula-bar-expanded-separator-height: 60px !default;
$bigger-name-box-ddl-input-height: 29px !default;
$bigger-formula-bar-drop-icon-line-height: 38px !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-active-icon-color: $tbar-active-icon-color !default;
$sheet-bar-default-icon-color: $tbar-default-icon-color !default;

//Insert dialog box
$dlg-list-border: $spreadsheet-border !default;
$dlg-description-font-weight: $font-weight-medium !default;
$dlg-content-padding: 18px !default;
$dlg-content-padding-bottom: 0 !default;
$dlg-category-margin-bottom: 0 !default;
$dlg-min-height: 518px !default;
$function-dlg-header-content-font-size: $text-base !default;
$dlg-category-content-font-size: $text-xs !default;
$dlg-description-content-font-size: $text-sm !default;
$dlg-category-content-font-weight: $font-weight-bold !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;
$ctrl-btn-padding: 16px !default;
$spreadsheet-ribbon-btn-width: 30px !default;
$spreadsheet-ribbon-btn-height: 30px !default;
$spreadsheet-ribbon-btn-padding: 1.5px !default;
$spreadsheet-ribbon-btn-text-width: 80px !default;
$spreadsheet-ribbon-cpicker-padding-bottom: 1px !default;
$spreadsheet-ribbon-cpicker-line-height: $spreadsheet-ribbon-btn-height - 1 !default;
$bigger-spreadsheet-ribbon-btn-height: 34px !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: $tbar-focus-bg !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;

//Sorting
$sort-error-bg-color: $danger-light;
$sort-error-font-color: $danger-bg-color;
$sort-dlg-listwrapper-text-font-size: $text-xs !default;
$sort-dlg-error-font-size: $text-xs !default;
$sort-dlg-row-padding: 5px 0 10px !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;
$link-dialog-tab-text-font-size: $text-sm !default;
$hyperlink-dlg-refcont-border: 1px solid $hyper-doc-border-color !default;
$hyperlink-dlg-refcont-margin: 8px 24px 0 0 !default;
$hyperlink-dlg-refcont-margin-rtl: 8px 0 0 24px !default;
$hyperlink-dlg-content-padding-top: 24px !default;
$hyperlink-dlg-content-margin: 0 0 15.5px 24px !default;
$hyperlink-dlg-content-margin-rtl: 0 24px 15.5px 0 !default;

//Filtering
$filter-icon-margin-bottom: 0 !default;
$filter-icon-bigger-margin-bottom: 12px !default;
$filter-selectall-padding: 19px !default;
$filter-selectall-bigger-padding: 25px !default;
$filter-icon-font-size: $font-icon-14 !default;
$filter-icon-before-font-size: $font-icon-20 !default;
$bigger-filter-icon-font-size: $font-icon-22 !default;
$filter-list-hover-bg-color: $content-bg-color-hover !default;
$spreadsheet-filter-btn-bottom: 1px !default;
$spreadsheet-filter-btn-width: 20px !default;

//Find And Replace
$find-tool-dlg-width: 348px !default;
$find-tool-dlg-height: 40px !default;
$find-dlg-width: 468px !default;
$bigger-find-tool-dlg-width: 419px !default;
$bigger-find-tool-dlg-height: 50px !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-alert-span-font-weight: bold !default;
$bigger-find-dlg-btn-font-size: $text-xs !default;
$find-dlg-header-font-weight: $font-weight-medium !default;
$find-dlg-exactmatchcheckbox-padding: 12px 0 !default;
$find-dlg-header-padding-top: 12px !default;

//Protect Sheet
$protect-dlg-height: 470px !default;
$protect-dlg-width: 289px !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: 7px !default;
$unprotectsheet-content-header-font-size: $text-sm !default;
$reenterpwd-dlg-content-header-font-size: $text-lg !default;
$reenterpwd-dlg-alert-span-font-size: $text-xs !default;
$reenterpwd-dlg-content-header-font-size: $text-sm !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-xs !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-sm !default;
$protect-content-font-size: $text-sm !default;
$protect-content-height: 37px !default;
$protectworkbook-dlg-alert-span-padding-top: 7px !default;
$bigger-protectworkbook-dlg-pwd-content-line-height: 28px !default;
$bigger-protectworkbook-dlg-pwd-content-margin-bottom: 4px !default;

//Conditional Formatting
$ele-color: $content-bg-color-alt3;
$ele-hover-color: $content-bg-color-hover;
$dark-ele-color: $content-bg-color-alt2;
$dark-ele-hover-color: $content-bg-color-alt3;
$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: 10px !default;
$cf-databar-icon-bg-color: $dark-ele-hover-color !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: $border-light !default;
$spreadsheet-frozen-column-width: 3px !default;
$spreadsheet-frozen-border: 3px 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: 2.8% !default;
$custom-format-dlg-sample-margin: 10px 10px 10px 0 !default;
$spreadsheet-ribbon-expand-icon-color: $expand-icon-color !default;
$spread-dialog-listview-border-radius: 3px !default;

//File Name Dialog
$open-dlg-width: 360px !default;
$file-menu-extension-font-size: $text-sm !default;
$open-dlg-file-alert-span-padding-top: 7px !default;

//chart icon color
$chart-icon-color: $primary-bg-color-hover !default;

//Data Validation
$bigger-validation-list-width: 26px !default;
$validation-dlg-content-header-font-size: $text-sm !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: 10px !default;
$validation-dlg-content-margin-bottom: 24px !default;
$validation-dlg-content-input-margin-top: 5px !default;
$validation-dlg-content-valid-input-height: 34px !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-32 !default;

//Mixins

$spreadsheet-cf-header-margin-bottom: 6px !default;
$spreadsheet-cfmain-header-margin-bottom: 22px !default;
$spreadsheet-sort-template-item-padding: 5px 0 0 !default;
$hyperlink-dlg-content-header-line-height: 16px !default;
$dlg-description-content-padding-top: 10px !default;
$dlg-category-formula-description-padding: 4px !default;
$protect-dlg-password-header-line-height: 28px !default;
$protect-dlg-protect-check-margin-top: 20px !default;
$protect-option-list-margin-top: 10px !default;
$reenterpwd-dlg-content-header-line: 16px !default;
$reenterpwd-dlg-content-input-margin-top: 10px !default;
$protectworkbook-dlg-content-header-line: 24px !default;
$validation-dlg-content-header-line: 16px !default;
$validation-dlg-content-padding: 12px !default;
$spreadsheet-sort-dlg-error-bottom: 0 !default;
$bigger-spreadsheet-ribbon-tab-text-wrap-height: 41px !default;
$bigger-spread-ribbon-tab-menu-items-height: 41px !default;
$bigger-spread-ribbon-tab-menu-items-line-height: 41px !default;
$spreadsheet-ribbon-toolbar-btn-hover-color: $tbar-hover-bg !default;
$spreadsheet-ribbon-toolbar-btn-hover-font: $tbar-hover-font !default;
$spread-toolbar-btn-font-weight: normal !default;

//Name Manager Dialog
$spreadsheet-namerange-header-font-size: 22px !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: 16px !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-hover !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: 12px;

//Blazor Protection dialog
$spreadsheet-protection-padding-bottom: 10px !default;
$spreadsheet-protection-toggle-container-padding-top: 12px !default;
$spreadsheet-protection-toggle-container-padding-bottom: 12px !default;
$spreadsheet-protection-toggle-container-height: 34px !default;
$spreadsheet-protection-password-field-padding-bottom: 11px !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: 6px 0 !default;
$spreadsheet-protection-unlock-text-padding-top: 15px !default;
$spreadsheet-protection-unlock-text-padding-bottom: 3px !default;
$spreadsheet-protection-unlock-range-item-height: 55px !default;
$spreadsheet-protection-unlock-range-item-radius: 4px !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: 'Segoe UI' !default;
$spreadsheet-protection-unlock-range-name-font-size: 16px !default;
$spreadsheet-protection-unlock-range-name-font-weight: 600 !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: 'Segoe UI' !default;
$spreadsheet-protection-unlock-range-value-font-size: 16px !default;
$spreadsheet-protection-unlock-range-value-font-weight: 400 !default;
$spreadsheet-protection-unlock-range-value-line-height: 22px !default;
$spreadsheet-protection-unlock-range-value-font-color: rgba(66, 66, 66, 1) !default;
$spreadsheet-protection-sheet-option-font-family: 'Segoe UI' !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: 11px !default;
$spreadsheet-protection-sheet-option-padding-bottom: 4px !default;
$spreadsheet-unprotect-padding-bottom: 10px !default;
$spreadsheet-unprotect-label-font-family: 'Segoe UI' !default;
$spreadsheet-unprotect-label-font-weight: 400 !default;
$spreadsheet-unprotect-label-font-size: 14px !default;
$spreadsheet-unprotect-label-font-color: rgba(36, 36, 36, 1) !default;
$spreadsheet-unprotect-label-line-height: 20px !default;
$spreadsheet-unprotect-label-padding-bottom: 0 !default;
$bigger-spreadsheet-protection-padding-bottom: 14px !default;
$bigger-spreadsheet-protection-toggle-container-padding-top: 12px !default;
$bigger-spreadsheet-protection-toggle-container-padding-bottom: 14px !default;
$bigger-spreadsheet-protection-password-field-padding-bottom: 15px !default;
$bigger-spreadsheet-protection-unlock-range-field-padding-top: 14px !default;
$bigger-spreadsheet-protection-unlock-range-action-padding: 12px !default;
$bigger-spreadsheet-protection-unlock-text-padding-top: 16px !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: 13px !default;
$bigger-spreadsheet-protection-sheet-option-padding-bottom:4px !default;

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

//Blazor typography and spacing
$spreadsheet-ribbon-simplified-mode-btn-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: 4px !default;
$spreadsheet-ribbon-simplified-mode-border-radius: 0 !default;
$spreadsheet-font-weight-bold: bold !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: 50%;
$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: $spreadsheet-border-color !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 !default;
$spread-comment-text-color: $content-text-color !default;
$spread-comment-timestamp-color: $content-text-color-alt2 !default;
$spread-comment-input-height: 30px !default;
$spread-comment-input-border-bottom-focused: 2px solid $primary !default;
$spread-comment-menu-height: 24px !default;
$spread-comment-menu-width: 24px !default;
$spread-comment-postbtn-padding: 4px 12px !default;
$spread-comment-header-wrap-gap: 12px !default;
$spread-border-color: $content-text-color !default;

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