handsontable 0.0.0-next-3a00df6-20241001 → 0.0.0-next-a9e3646-20241001

package/styles/ht-theme-main.css

@@ -0,0 +1,697 @@
+/*!
+ * Copyright (c) HANDSONCODE sp. z o. o.
+ *
+ * HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o., a Polish corporation based in
+ * Gdynia, Poland, at Aleja Zwyciestwa 96-98, registered by the District Court in Gdansk under number
+ * 538651, EU tax ID number: PL5862294002, share capital: PLN 62,800.00.
+ *
+ * This software is protected by applicable copyright laws, including international treaties, and dual-
+ * licensed - depending on whether your use for commercial purposes, meaning intended for or
+ * resulting in commercial advantage or monetary compensation, or not.
+ *
+ * If your use is strictly personal or solely for evaluation purposes, meaning for the purposes of testing
+ * the suitability, performance, and usefulness of this software outside the production environment,
+ * you agree to be bound by the terms included in the "handsontable-non-commercial-license.pdf" file.
+ *
+ * Your use of this software for commercial purposes is subject to the terms included in an applicable
+ * license agreement.
+ *
+ * In any case, you must not make any such use of this software as to develop software which may be
+ * considered competitive with this software.
+ *
+ * UNLESS EXPRESSLY AGREED OTHERWISE, HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS"
+ * BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, AND IN NO EVENT AND UNDER NO
+ * LEGAL THEORY, SHALL HANDSONCODE BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY DIRECT,
+ * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
+ * USE OR INABILITY TO USE THIS SOFTWARE.
+ *
+ * Version: 0.0.0-next-a9e3646-20241001
+ * Release date: 30/07/2024 (built at 01/10/2024 11:33:40)
+ */
+.ht-theme-main,
+.ht-theme-main-dark,
+.ht-theme-main-dark-auto {
+  --ht-font-size: 12px;
+  --ht-line-height: 20px;
+  --ht-font-weight: 400;
+  --ht-letter-spacing: 0px;
+  --ht-border-radius: 4px;
+  --ht-border-width: 1px;
+  --ht-gap-size: 4px;
+  --ht-icon-size: 16px;
+  --ht-background-color: #ffffff;
+  --ht-border-color: #e5e5e9;
+  --ht-accent-color: #1a42e8;
+  --ht-foreground-color: #222222;
+  --ht-placeholder-color: #999999;
+  --ht-read-only-color: #888888;
+  --ht-disabled-color: #999999;
+  --ht-table-transition: 0s;
+  --ht-cell-horizontal-border-color: #e5e5e9;
+  --ht-cell-vertical-border-color: #e5e5e9;
+  --ht-cell-horizontal-border-width: 1px;
+  --ht-cell-vertical-border-width: 1px;
+  --ht-cell-vertical-padding: 8px;
+  --ht-cell-horizontal-padding: 4px;
+  --ht-cell-editor-foreground-color: #000000;
+  --ht-cell-editor-border-color: #1a42e8;
+  --ht-cell-editor-shadow-blur-radius: 8px;
+  --ht-cell-editor-shadow-color: rgba(17, 61, 201, 0.6);
+  --ht-cell-editor-border-width: 2px;
+  --ht-cell-editor-background-color: #ffffff;
+  --ht-cell-search-background-color: rgba(251, 233, 82, 0.8);
+  --ht-cell-error-background-color: rgba(250, 77, 50, 0.2);
+  --ht-cell-success-background-color: rgba(55, 188, 108, 0.2);
+  --ht-cell-warning-background-color: rgba(251, 233, 82, 0.2);
+  --ht-cell-informational-background-color: rgba(39, 194, 255, 0.2);
+  --ht-cell-selection-border-color: #1a42e8;
+  --ht-cell-selection-background-color: #1a42e8;
+  --ht-cell-autofill-size: 6px;
+  --ht-cell-autofill-border-width: 1px;
+  --ht-cell-autofill-border-radius: 0px;
+  --ht-cell-autofill-background-color: #1a42e8;
+  --ht-cell-autofill-border-color: #ffffff;
+  --ht-checkbox-size: 16px;
+  --ht-checkbox-border-color: #e5e5e9;
+  --ht-checkbox-background-color: rgba(255, 255, 255, 0);
+  --ht-checkbox-icon-color: rgba(255, 255, 255, 0);
+  --ht-checkbox-focus-background-color: #ffffff;
+  --ht-checkbox-focus-border-color: #e5e5e9;
+  --ht-checkbox-focus-icon-color: rgba(255, 255, 255, 0);
+  --ht-checkbox-focus-ring-color: #1a42e8;
+  --ht-checkbox-disabled-background-color: #d1d1d5;
+  --ht-checkbox-disabled-border-color: #e5e5e9;
+  --ht-checkbox-disabled-icon-color: rgba(255, 255, 255, 0);
+  --ht-checkbox-hover-background-color: #ffffff;
+  --ht-checkbox-hover-border-color: #e5e5e9;
+  --ht-checkbox-hover-icon-color: rgba(34, 34, 34, 0.08);
+  --ht-checkbox-checked-background-color: #1a42e8;
+  --ht-checkbox-checked-border-color: #e5e5e9;
+  --ht-checkbox-checked-icon-color: #ffffff;
+  --ht-checkbox-checked-focus-background-color: #1a42e8;
+  --ht-checkbox-checked-focus-border-color: #ffffff;
+  --ht-checkbox-checked-focus-icon-color: #ffffff;
+  --ht-checkbox-checked-disabled-background-color: #d1d1d5;
+  --ht-checkbox-checked-disabled-border-color: #e5e5e9;
+  --ht-checkbox-checked-disabled-icon-color: #999999;
+  --ht-checkbox-checked-hover-background-color: #1a42e8;
+  --ht-checkbox-checked-hover-border-color: rgba(255, 255, 255, 0.24);
+  --ht-checkbox-checked-hover-icon-color: #ffffff;
+  --ht-checkbox-indeterminate-background-color: #1a42e8;
+  --ht-checkbox-indeterminate-border-color: #e5e5e9;
+  --ht-checkbox-indeterminate-icon-color: #ffffff;
+  --ht-checkbox-indeterminate-disabled-background-color: #d1d1d5;
+  --ht-checkbox-indeterminate-disabled-border-color: #e5e5e9;
+  --ht-checkbox-indeterminate-disabled-icon-color: #aeaeae;
+  --ht-checkbox-indeterminate-hover-background-color: #1a42e8;
+  --ht-checkbox-indeterminate-hover-border-color: rgba(255, 255, 255, 0.24);
+  --ht-checkbox-indeterminate-hover-icon-color: #ffffff;
+  --ht-checkbox-indeterminate-focus-background-color: #1a42e8;
+  --ht-checkbox-indeterminate-focus-border-color: #ffffff;
+  --ht-checkbox-indeterminate-focus-icon-color: #ffffff;
+  --ht-header-active-background-color: #e1e5f7;
+  --ht-header-active-foreground-color: #222222;
+  --ht-header-active-border-color: #e5e5e9;
+  --ht-header-highlighted-foreground-color: #000000;
+  --ht-header-highlighted-background-color: #eeeef0;
+  --ht-header-highlighted-shadow-size: 0px;
+  --ht-header-background-color: #f7f7f9;
+  --ht-header-row-background-color: #f7f7f9;
+  --ht-header-font-weight: 400;
+  --ht-header-foreground-color: #222222;
+  --ht-frozen-shadow-size: 2px;
+  --ht-frozen-shadow-color: #e5e5e9;
+  --ht-row-odd-background-color: #f7f7f9;
+  --ht-row-hover-background-color: rgba(34, 34, 34, 0.05);
+  --ht-row-collapse-indicator-border-color: #e5e5e9;
+  --ht-row-even-background-color: #ffffff;
+  --ht-resize-indicator-color: #999999;
+  --ht-icon-button-background-color: rgba(255, 255, 255, 0);
+  --ht-icon-button-icon-color: rgba(34, 34, 34, 0.4);
+  --ht-icon-button-hover-background-color: rgba(34, 34, 34, 0.08);
+  --ht-icon-button-hover-icon-color: rgba(34, 34, 34, 0.4);
+  --ht-icon-button-focus-background-color: rgba(255, 255, 255, 0);
+  --ht-icon-button-focus-icon-color: #1a42e8;
+  --ht-icon-button-border-radius: 2px;
+  --ht-icon-button-disabled-background-color: rgba(153, 153, 153, 0.32);
+  --ht-icon-button-disabled-icon-color: #999999;
+  --ht-collapse-button-border-radius: 4px;
+  --ht-collapse-button-open-background-color: #ffffff;
+  --ht-collapse-button-open-border-color: #e5e5e9;
+  --ht-collapse-button-open-icon-color: #999999;
+  --ht-collapse-button-open-hover-background-color: #f7f7f9;
+  --ht-collapse-button-open-hover-border-color: #e5e5e9;
+  --ht-collapse-button-open-hover-icon-color: #1a42e8;
+  --ht-collapse-button-open-focus-background-color: #f7f7f9;
+  --ht-collapse-button-open-focus-border-color: #e5e5e9;
+  --ht-collapse-button-open-focus-icon-color: #1a42e8;
+  --ht-collapse-button-close-icon-color: #666666;
+  --ht-collapse-button-close-background-color: rgba(34, 34, 34, 0.08);
+  --ht-collapse-button-close-border-color: #e5e5e9;
+  --ht-collapse-button-close-hover-background-color: #666666;
+  --ht-collapse-button-close-hover-border-color: #666666;
+  --ht-collapse-button-close-hover-icon-color: #ffffff;
+  --ht-collapse-button-close-focus-background-color: rgba(34, 34, 34, 0.08);
+  --ht-collapse-button-close-focus-border-color: #e5e5e9;
+  --ht-collapse-button-close-focus-icon-color: #1a42e8;
+  --ht-primary-button-background-color: #1a42e8;
+  --ht-primary-button-border-color: rgba(255, 255, 255, 0);
+  --ht-primary-button-foreground-color: #ffffff;
+  --ht-primary-button-disabled-background-color: rgba(153, 153, 153, 0.32);
+  --ht-primary-button-disabled-foreground-color: #999999;
+  --ht-primary-button-disabled-border-color: rgba(255, 255, 255, 0);
+  --ht-primary-button-hover-background-color: #1535bc;
+  --ht-primary-button-hover-foreground-color: #ffffff;
+  --ht-primary-button-hover-border-color: rgba(255, 255, 255, 0);
+  --ht-primary-button-focus-background-color: #1a42e8;
+  --ht-primary-button-focus-foreground-color: #ffffff;
+  --ht-primary-button-focus-border-color: #ffffff;
+  --ht-secondary-button-background-color: #ffffff;
+  --ht-secondary-button-foreground-color: #1a42e8;
+  --ht-secondary-button-border-color: #e5e5e9;
+  --ht-secondary-button-disabled-background-color: #eeeef0;
+  --ht-secondary-button-disabled-foreground-color: #999999;
+  --ht-secondary-button-disabled-border-color: #e5e5e9;
+  --ht-secondary-button-hover-background-color: #e5e5e9;
+  --ht-secondary-button-hover-foreground-color: #1a42e8;
+  --ht-secondary-button-hover-border-color: #e5e5e9;
+  --ht-secondary-button-focus-background-color: #ffffff;
+  --ht-secondary-button-focus-foreground-color: #1a42e8;
+  --ht-secondary-button-focus-border-color: #e5e5e9;
+  --ht-button-vertical-padding: 12px;
+  --ht-button-horizontal-padding: 6px;
+  --ht-button-border-radius: 4px;
+  --ht-move-backlight-color: rgba(34, 34, 34, 0.06);
+  --ht-move-indicator-color: #1a42e8;
+  --ht-comments-indicator-size: 6px;
+  --ht-comments-indicator-color: #1a42e8;
+  --ht-comments-textarea-horizontal-padding: 4px;
+  --ht-comments-textarea-background-color: #f7f7f9;
+  --ht-comments-textarea-border-width: 0px;
+  --ht-comments-textarea-border-color: #e5e5e9;
+  --ht-comments-textarea-foreground-color: #222222;
+  --ht-comments-textarea-focus-background-color: #ffffff;
+  --ht-comments-textarea-focus-border-color: #1a42e8;
+  --ht-comments-textarea-focus-border-width: 1px;
+  --ht-comments-textarea-focus-foreground-color: #222222;
+  --ht-comments-textarea-vertical-padding: 8px;
+  --ht-comments-font-size: 10px;
+  --ht-comments-line-height: 16px;
+  --ht-license-background-color: #f7f7f9;
+  --ht-license-font-size: 10px;
+  --ht-license-line-height: 18px;
+  --ht-license-vertical-padding: 16px;
+  --ht-license-horizontal-padding: 8px;
+  --ht-license-foreground-color: #222222;
+  --ht-link-color: #1a42e8;
+  --ht-link-hover-color: #3e67ec;
+  --ht-input-background-color: #eeeef0;
+  --ht-input-border-color: #e5e5e9;
+  --ht-input-foreground-color: #222222;
+  --ht-input-border-width: 1px;
+  --ht-input-disabled-background-color: rgba(153, 153, 153, 0.32);
+  --ht-input-disabled-border-color: #e5e5e9;
+  --ht-input-disabled-foreground-color: #999999;
+  --ht-input-hover-background-color: #eeeef0;
+  --ht-input-hover-border-color: #1a42e8;
+  --ht-input-hover-foreground-color: #222222;
+  --ht-input-focus-background-color: #ffffff;
+  --ht-input-focus-border-color: #1a42e8;
+  --ht-input-focus-foreground-color: #222222;
+  --ht-input-horizontal-padding: 6px;
+  --ht-input-vertical-padding: 12px;
+  --ht-input-border-radius: 4px;
+  --ht-label-font-size: 10px;
+  --ht-label-line-height: 14px;
+  --ht-menu-shadow-blur: 16px;
+  --ht-menu-shadow-x: 0px;
+  --ht-menu-shadow-y: 8px;
+  --ht-menu-shadow-color: rgba(0, 0, 0, 0.08);
+  --ht-menu-border-color: #e5e5e9;
+  --ht-menu-border-width: 0px;
+  --ht-menu-border-radius: 8px;
+  --ht-menu-vertical-padding: 8px;
+  --ht-menu-horizontal-padding: 0px;
+  --ht-menu-item-horizontal-padding: 8px;
+  --ht-menu-item-vertical-padding: 12px;
+  --ht-menu-item-hover-color: rgba(34, 34, 34, 0.05);
+  --ht-menu-item-active-color: rgba(26, 66, 232, 0.08);
+  --ht-hidden-indicator-color: #999999;
+  --ht-wrapper-border-width: 1px;
+  --ht-wrapper-border-radius: 0px;
+  --ht-scrollbar-thumb-color: #999999;
+  --ht-scrollbar-track-color: #f7f7f9;
+  --ht-scrollbar-border-radius: 8px;
+}
+.ht-theme-main.htDropdownMenu table tbody tr td.htSubmenu .htItemWrapper:after, .ht-theme-main.htContextMenu table tbody tr td.htSubmenu .htItemWrapper:after, .ht-theme-main.htFiltersConditionsMenu table tbody tr td.htSubmenu .htItemWrapper:after,
+.ht-theme-main .pika-single .pika-next,
+.ht-theme-main-dark.htDropdownMenu table tbody tr td.htSubmenu .htItemWrapper:after,
+.ht-theme-main-dark.htContextMenu table tbody tr td.htSubmenu .htItemWrapper:after,
+.ht-theme-main-dark.htFiltersConditionsMenu table tbody tr td.htSubmenu .htItemWrapper:after,
+.ht-theme-main-dark .pika-single .pika-next,
+.ht-theme-main-dark-auto.htDropdownMenu table tbody tr td.htSubmenu .htItemWrapper:after,
+.ht-theme-main-dark-auto.htContextMenu table tbody tr td.htSubmenu .htItemWrapper:after,
+.ht-theme-main-dark-auto.htFiltersConditionsMenu table tbody tr td.htSubmenu .htItemWrapper:after,
+.ht-theme-main-dark-auto .pika-single .pika-next {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.64648 10.9393L9.93938 7.64644L6.64648 4.35354%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .pika-single .pika-prev,
+.ht-theme-main-dark .pika-single .pika-prev,
+.ht-theme-main-dark-auto .pika-single .pika-prev {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9.93933 10.9393L6.64644 7.64644L9.93933 4.35354%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .handsontable .changeType:before,
+.ht-theme-main-dark .handsontable .changeType:before,
+.ht-theme-main-dark-auto .handsontable .changeType:before {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.0002 6.66663C11.4262 6.66663 11.6487 7.15963 11.3917 7.47813L11.3537 7.52013L8.35372 10.5201C8.26762 10.6062 8.15307 10.6579 8.03156 10.6656C7.91005 10.6732 7.78992 10.6363 7.69372 10.5616L7.64672 10.5201L4.64672 7.52013L4.60522 7.47313L4.57822 7.43463L4.55122 7.38663L4.54272 7.36863L4.52922 7.33513L4.51322 7.28113L4.50822 7.25463L4.50322 7.22463L4.50122 7.19613V7.13713L4.50372 7.10813L4.50822 7.07813L4.51322 7.05213L4.52922 6.99813L4.54272 6.96463L4.57772 6.89863L4.61022 6.85363L4.64672 6.81313L4.69372 6.77163L4.73222 6.74463L4.78022 6.71763L4.79822 6.70913L4.83172 6.69563L4.88572 6.67963L4.91222 6.67463L4.94222 6.66963L4.97072 6.66763L11.0002 6.66663Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .handsontable .htAutocompleteArrow:after,
+.ht-theme-main-dark .handsontable .htAutocompleteArrow:after,
+.ht-theme-main-dark-auto .handsontable .htAutocompleteArrow:after {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.0002 6.66663C11.4262 6.66663 11.6487 7.15963 11.3917 7.47813L11.3537 7.52013L8.35372 10.5201C8.26762 10.6062 8.15307 10.6579 8.03156 10.6656C7.91005 10.6732 7.78992 10.6363 7.69372 10.5616L7.64672 10.5201L4.64672 7.52013L4.60522 7.47313L4.57822 7.43463L4.55122 7.38663L4.54272 7.36863L4.52922 7.33513L4.51322 7.28113L4.50822 7.25463L4.50322 7.22463L4.50122 7.19613V7.13713L4.50372 7.10813L4.50822 7.07813L4.51322 7.05213L4.52922 6.99813L4.54272 6.96463L4.57772 6.89863L4.61022 6.85363L4.64672 6.81313L4.69372 6.77163L4.73222 6.74463L4.78022 6.71763L4.79822 6.70913L4.83172 6.69563L4.88572 6.67963L4.91222 6.67463L4.94222 6.66963L4.97072 6.66763L11.0002 6.66663Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .handsontable .columnSorting.sortAction.ascending:before,
+.ht-theme-main-dark .handsontable .columnSorting.sortAction.ascending:before,
+.ht-theme-main-dark-auto .handsontable .columnSorting.sortAction.ascending:before {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M8.00008 12.6667L8.00008 3.33335M8.00008 3.33335L5.33342 6.00002M8.00008 3.33335L10.6667 6.00002%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .handsontable .columnSorting.sortAction.descending:before,
+.ht-theme-main-dark .handsontable .columnSorting.sortAction.descending:before,
+.ht-theme-main-dark-auto .handsontable .columnSorting.sortAction.descending:before {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M8.00004 3.33331V12.6666M8.00004 12.6666L10.6667 9.99998M8.00004 12.6666L5.33337 9.99998%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main.htDropdownMenu table tbody tr td .htItemWrapper span.selected:after, .ht-theme-main.htContextMenu table tbody tr td .htItemWrapper span.selected:after, .ht-theme-main.htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected:after,
+.ht-theme-main-dark.htDropdownMenu table tbody tr td .htItemWrapper span.selected:after,
+.ht-theme-main-dark.htContextMenu table tbody tr td .htItemWrapper span.selected:after,
+.ht-theme-main-dark.htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected:after,
+.ht-theme-main-dark-auto.htDropdownMenu table tbody tr td .htItemWrapper span.selected:after,
+.ht-theme-main-dark-auto.htContextMenu table tbody tr td .htItemWrapper span.selected:after,
+.ht-theme-main-dark-auto.htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected:after {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.33337 8.00002L6.66671 11.3334L13.3334 4.66669%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .handsontable .htCheckboxRendererInput:after,
+.ht-theme-main-dark .handsontable .htCheckboxRendererInput:after,
+.ht-theme-main-dark-auto .handsontable .htCheckboxRendererInput:after {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 8L7 10L11 6%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .handsontable th.beforeHiddenColumn:after,
+.ht-theme-main-dark .handsontable th.beforeHiddenColumn:after,
+.ht-theme-main-dark-auto .handsontable th.beforeHiddenColumn:after {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%278%27 height=%278%27 viewBox=%270 0 8 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.62766 1.66903L4.64699 1.66736H4.68633L4.70566 1.66903L4.72566 1.67203L4.74299 1.67536L4.77899 1.68603L4.80133 1.69503L4.84533 1.71836L4.87533 1.74003L4.90233 1.76436L4.92999 1.79569L4.94799 1.82136L4.96599 1.85336L4.97166 1.86536L4.98066 1.88769L4.99133 1.92369L4.99466 1.94136L4.99799 1.96136L4.99933 1.98036L4.99999 2.00003V6.00003C4.99999 6.28403 4.67133 6.43236 4.45899 6.26103L4.43099 6.23569L2.43099 4.23569C2.3736 4.17829 2.33913 4.10193 2.33403 4.02092C2.32894 3.93991 2.35358 3.85983 2.40333 3.79569L2.43099 3.76436L4.43099 1.76436L4.46233 1.73669L4.48799 1.71869L4.51999 1.70069L4.53199 1.69503L4.55433 1.68603L4.59033 1.67536L4.60799 1.67203L4.62766 1.66903Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .handsontable th.afterHiddenColumn:after,
+.ht-theme-main-dark .handsontable th.afterHiddenColumn:after,
+.ht-theme-main-dark-auto .handsontable th.afterHiddenColumn:after {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%278%27 height=%278%27 viewBox=%270 0 8 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3 1.99998C3 1.71598 3.32867 1.56764 3.541 1.73898L3.569 1.76431L5.569 3.76431C5.62639 3.82171 5.66087 3.89808 5.66596 3.97908C5.67106 4.06009 5.64642 4.14018 5.59667 4.20431L5.569 4.23564L3.569 6.23564L3.53767 6.26331L3.512 6.28131L3.48 6.29931L3.468 6.30498L3.44567 6.31398L3.40967 6.32464L3.392 6.32798L3.372 6.33131L3.353 6.33264L3.33333 6.33331L3.31367 6.33264L3.29433 6.33098L3.27433 6.32798L3.257 6.32464L3.221 6.31398L3.19867 6.30498L3.15467 6.28164L3.12467 6.25998L3.09767 6.23564L3.07 6.20431L3.052 6.17864L3.034 6.14664L3.02833 6.13464L3.01933 6.11231L3.00867 6.07631L3.00533 6.05864L3.002 6.03864L3.00067 6.01964L3 1.99998Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .handsontable th.beforeHiddenRow:after,
+.ht-theme-main-dark .handsontable th.beforeHiddenRow:after,
+.ht-theme-main-dark-auto .handsontable th.beforeHiddenRow:after {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%278%27 height=%278%27 viewBox=%270 0 8 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.76425 2.43099C3.82165 2.3736 3.89801 2.33913 3.97902 2.33403C4.06003 2.32894 4.14012 2.35358 4.20425 2.40333L4.23558 2.43099L6.23558 4.43099L6.26325 4.46233L6.28125 4.48799L6.29925 4.51999L6.30492 4.53199L6.31392 4.55433L6.32458 4.59033L6.32792 4.60799L6.33125 4.62799L6.33258 4.64699L6.33325 4.66666L6.33258 4.68633L6.33092 4.70566L6.32792 4.72566L6.32458 4.74299L6.31392 4.77899L6.30492 4.80133L6.28158 4.84533L6.25992 4.87533L6.23558 4.90233L6.20425 4.92999L6.17858 4.94799L6.14658 4.96599L6.13458 4.97166L6.11225 4.98066L6.07625 4.99133L6.05858 4.99466L6.03858 4.99799L6.01958 4.99933L5.99992 4.99999H1.99992C1.71592 4.99999 1.56758 4.67133 1.73892 4.45899L1.76425 4.43099L3.76425 2.43099Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .handsontable th.afterHiddenRow:after,
+.ht-theme-main-dark .handsontable th.afterHiddenRow:after,
+.ht-theme-main-dark-auto .handsontable th.afterHiddenRow:after {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%278%27 height=%278%27 viewBox=%270 0 8 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.9999 3C6.2839 3 6.43224 3.32867 6.2609 3.541L6.23557 3.569L4.23557 5.569C4.17817 5.62639 4.10181 5.66087 4.0208 5.66596C3.93979 5.67106 3.8597 5.64642 3.79557 5.59667L3.76424 5.569L1.76424 3.569L1.73657 3.53767L1.71857 3.512L1.70057 3.48L1.6949 3.468L1.6859 3.44567L1.67524 3.40967L1.6719 3.392L1.66857 3.372L1.66724 3.353V3.31367L1.6689 3.29433L1.6719 3.27433L1.67524 3.257L1.6859 3.221L1.6949 3.19867L1.71824 3.15467L1.7399 3.12467L1.76424 3.09767L1.79557 3.07L1.82124 3.052L1.85324 3.034L1.86524 3.02833L1.88757 3.01933L1.92357 3.00867L1.94124 3.00533L1.96124 3.002L1.98024 3.00067L5.9999 3Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .handsontable .collapsibleIndicator:before,
+.ht-theme-main .handsontable .ht_nestingButton:before,
+.ht-theme-main-dark .handsontable .collapsibleIndicator:before,
+.ht-theme-main-dark .handsontable .ht_nestingButton:before,
+.ht-theme-main-dark-auto .handsontable .collapsibleIndicator:before,
+.ht-theme-main-dark-auto .handsontable .ht_nestingButton:before {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.33325 8H11.6666%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .handsontable .collapsibleIndicator.collapsed:before, .ht-theme-main .handsontable .collapsibleIndicator.ht_nestingExpand:before,
+.ht-theme-main .handsontable .ht_nestingButton.collapsed:before,
+.ht-theme-main .handsontable .ht_nestingButton.ht_nestingExpand:before,
+.ht-theme-main-dark .handsontable .collapsibleIndicator.collapsed:before,
+.ht-theme-main-dark .handsontable .collapsibleIndicator.ht_nestingExpand:before,
+.ht-theme-main-dark .handsontable .ht_nestingButton.collapsed:before,
+.ht-theme-main-dark .handsontable .ht_nestingButton.ht_nestingExpand:before,
+.ht-theme-main-dark-auto .handsontable .collapsibleIndicator.collapsed:before,
+.ht-theme-main-dark-auto .handsontable .collapsibleIndicator.ht_nestingExpand:before,
+.ht-theme-main-dark-auto .handsontable .ht_nestingButton.collapsed:before,
+.ht-theme-main-dark-auto .handsontable .ht_nestingButton.ht_nestingExpand:before {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M7.49988 11.6667C7.49988 11.9428 7.72374 12.1667 7.99988 12.1667C8.27602 12.1667 8.49988 11.9428 8.49988 11.6667V8.50002H11.6666C11.9427 8.50002 12.1666 8.27616 12.1666 8.00002C12.1666 7.72388 11.9427 7.50002 11.6666 7.50002H8.49988V4.33337C8.49988 4.05723 8.27602 3.83337 7.99988 3.83337C7.72374 3.83337 7.49988 4.05723 7.49988 4.33337V7.50002H4.33325C4.05711 7.50002 3.83325 7.72388 3.83325 8.00002C3.83325 8.27616 4.05711 8.50002 4.33325 8.50002H7.49988V11.6667Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+.ht-theme-main .handsontable .htUIRadio > input[type=radio]:after,
+.ht-theme-main-dark .handsontable .htUIRadio > input[type=radio]:after,
+.ht-theme-main-dark-auto .handsontable .htUIRadio > input[type=radio]:after {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%274%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
+  background-color: currentColor;
+}
+
+.ht-theme-main-dark {
+  --ht-background-color: #121316;
+  --ht-border-color: #222326;
+  --ht-accent-color: #6d9af1;
+  --ht-foreground-color: #acadae;
+  --ht-placeholder-color: #68696c;
+  --ht-read-only-color: #68696c;
+  --ht-disabled-color: #68696c;
+  --ht-cell-editor-foreground-color: #ffffff;
+  --ht-cell-editor-border-color: #6d9af1;
+  --ht-cell-editor-shadow-color: rgba(109, 154, 241, 0.5);
+  --ht-cell-editor-background-color: #121316;
+  --ht-cell-search-background-color: rgba(251, 233, 82, 0.4);
+  --ht-cell-informational-background-color: rgba(69, 114, 201, 0.2);
+  --ht-cell-selection-border-color: #6d9af1;
+  --ht-cell-selection-background-color: #6d9af1;
+  --ht-cell-autofill-background-color: #6d9af1;
+  --ht-cell-autofill-border-color: #121316;
+  --ht-checkbox-border-color: #222326;
+  --ht-checkbox-focus-background-color: #121316;
+  --ht-checkbox-focus-border-color: #222326;
+  --ht-checkbox-focus-ring-color: #6d9af1;
+  --ht-checkbox-disabled-background-color: #36373a;
+  --ht-checkbox-disabled-border-color: #222326;
+  --ht-checkbox-hover-background-color: #121316;
+  --ht-checkbox-hover-border-color: #222326;
+  --ht-checkbox-hover-icon-color: rgba(172, 173, 174, 0.08);
+  --ht-checkbox-checked-background-color: #6d9af1;
+  --ht-checkbox-checked-border-color: #222326;
+  --ht-checkbox-checked-icon-color: #121316;
+  --ht-checkbox-checked-focus-background-color: #6d9af1;
+  --ht-checkbox-checked-focus-border-color: #000000;
+  --ht-checkbox-checked-focus-icon-color: #121316;
+  --ht-checkbox-checked-disabled-background-color: #36373a;
+  --ht-checkbox-checked-disabled-border-color: #222326;
+  --ht-checkbox-checked-disabled-icon-color: #68696c;
+  --ht-checkbox-checked-hover-background-color: #6d9af1;
+  --ht-checkbox-checked-hover-border-color: rgba(0, 0, 0, 0.24);
+  --ht-checkbox-checked-hover-icon-color: #121316;
+  --ht-checkbox-indeterminate-background-color: #6d9af1;
+  --ht-checkbox-indeterminate-border-color: #222222;
+  --ht-checkbox-indeterminate-icon-color: #121316;
+  --ht-checkbox-indeterminate-disabled-background-color: #36373a;
+  --ht-checkbox-indeterminate-disabled-border-color: #222326;
+  --ht-checkbox-indeterminate-disabled-icon-color: #727272;
+  --ht-checkbox-indeterminate-hover-background-color: #6d9af1;
+  --ht-checkbox-indeterminate-hover-border-color: rgba(0, 0, 0, 0.24);
+  --ht-checkbox-indeterminate-hover-icon-color: #121316;
+  --ht-checkbox-indeterminate-focus-background-color: #6d9af1;
+  --ht-checkbox-indeterminate-focus-border-color: #000000;
+  --ht-checkbox-indeterminate-focus-icon-color: #121316;
+  --ht-header-active-background-color: #212536;
+  --ht-header-active-foreground-color: #acadae;
+  --ht-header-active-border-color: #222326;
+  --ht-header-highlighted-foreground-color: #acadae;
+  --ht-header-highlighted-background-color: #232326;
+  --ht-header-background-color: #19191c;
+  --ht-header-row-background-color: #19191c;
+  --ht-header-foreground-color: #acadae;
+  --ht-frozen-shadow-color: #343436;
+  --ht-row-odd-background-color: #232326;
+  --ht-row-hover-background-color: rgba(239, 239, 243, 0.05);
+  --ht-row-collapse-indicator-border-color: #222326;
+  --ht-row-even-background-color: #121316;
+  --ht-resize-indicator-color: #68696c;
+  --ht-icon-button-background-color: rgba(0, 0, 0, 0);
+  --ht-icon-button-icon-color: rgba(255, 255, 255, 0.4);
+  --ht-icon-button-hover-background-color: rgba(255, 255, 255, 0.08);
+  --ht-icon-button-hover-icon-color: rgba(255, 255, 255, 0.4);
+  --ht-icon-button-focus-background-color: rgba(0, 0, 0, 0);
+  --ht-icon-button-focus-icon-color: #27c2ff;
+  --ht-icon-button-disabled-background-color: rgba(104, 105, 108, 0.32);
+  --ht-icon-button-disabled-icon-color: #68696c;
+  --ht-collapse-button-open-background-color: #000000;
+  --ht-collapse-button-open-border-color: #222326;
+  --ht-collapse-button-open-icon-color: #666666;
+  --ht-collapse-button-open-hover-background-color: #19191c;
+  --ht-collapse-button-open-hover-border-color: #222326;
+  --ht-collapse-button-open-hover-icon-color: #6d9af1;
+  --ht-collapse-button-open-focus-background-color: #19191c;
+  --ht-collapse-button-open-focus-border-color: #222326;
+  --ht-collapse-button-open-focus-icon-color: #6d9af1;
+  --ht-collapse-button-close-icon-color: #999999;
+  --ht-collapse-button-close-background-color: rgba(255, 255, 255, 0.08);
+  --ht-collapse-button-close-border-color: #222326;
+  --ht-collapse-button-close-hover-background-color: #999999;
+  --ht-collapse-button-close-hover-border-color: #999999;
+  --ht-collapse-button-close-hover-icon-color: #000000;
+  --ht-collapse-button-close-focus-background-color: rgba(255, 255, 255, 0.08);
+  --ht-collapse-button-close-focus-border-color: #222326;
+  --ht-collapse-button-close-focus-icon-color: #6d9af1;
+  --ht-primary-button-background-color: #6d9af1;
+  --ht-primary-button-foreground-color: #121316;
+  --ht-primary-button-disabled-background-color: rgba(104, 105, 108, 0.32);
+  --ht-primary-button-disabled-foreground-color: #68696c;
+  --ht-primary-button-hover-background-color: #7ca4f2;
+  --ht-primary-button-hover-foreground-color: #121316;
+  --ht-primary-button-focus-background-color: #6d9af1;
+  --ht-primary-button-focus-foreground-color: #121316;
+  --ht-primary-button-focus-border-color: #121316;
+  --ht-secondary-button-background-color: #121316;
+  --ht-secondary-button-foreground-color: #6d9af1;
+  --ht-secondary-button-border-color: #222326;
+  --ht-secondary-button-disabled-background-color: #232326;
+  --ht-secondary-button-disabled-foreground-color: #68696c;
+  --ht-secondary-button-disabled-border-color: #222326;
+  --ht-secondary-button-hover-background-color: #222326;
+  --ht-secondary-button-hover-foreground-color: #6d9af1;
+  --ht-secondary-button-hover-border-color: #222326;
+  --ht-secondary-button-focus-background-color: #121316;
+  --ht-secondary-button-focus-foreground-color: #6d9af1;
+  --ht-secondary-button-focus-border-color: #222326;
+  --ht-move-backlight-color: rgba(172, 173, 174, 0.06);
+  --ht-move-indicator-color: #6d9af1;
+  --ht-comments-indicator-color: #6d9af1;
+  --ht-comments-textarea-background-color: #19191c;
+  --ht-comments-textarea-border-color: #222326;
+  --ht-comments-textarea-foreground-color: #acadae;
+  --ht-comments-textarea-focus-background-color: #121316;
+  --ht-comments-textarea-focus-border-color: #6d9af1;
+  --ht-comments-textarea-focus-foreground-color: #acadae;
+  --ht-license-background-color: #19191c;
+  --ht-license-foreground-color: #acadae;
+  --ht-link-color: #6d9af1;
+  --ht-link-hover-color: #4572c9;
+  --ht-input-background-color: #232326;
+  --ht-input-border-color: #222326;
+  --ht-input-foreground-color: #acadae;
+  --ht-input-disabled-background-color: rgba(104, 105, 108, 0.32);
+  --ht-input-disabled-border-color: #222326;
+  --ht-input-disabled-foreground-color: #68696c;
+  --ht-input-hover-background-color: #232326;
+  --ht-input-hover-border-color: #6d9af1;
+  --ht-input-hover-foreground-color: #acadae;
+  --ht-input-focus-background-color: #121316;
+  --ht-input-focus-border-color: #6d9af1;
+  --ht-input-focus-foreground-color: #acadae;
+  --ht-menu-shadow-color: rgba(0, 0, 0, 0.8);
+  --ht-menu-border-color: #222326;
+  --ht-menu-item-hover-color: rgba(239, 239, 243, 0.05);
+  --ht-menu-item-active-color: rgba(109, 154, 241, 0.08);
+  --ht-hidden-indicator-color: #68696c;
+  --ht-scrollbar-thumb-color: #68696c;
+  --ht-scrollbar-track-color: #19191c;
+}
+
+/* Auto dark mode */
+@media (prefers-color-scheme: dark) {
+  .ht-theme-main-dark-auto {
+    --ht-background-color: #121316;
+    --ht-border-color: #222326;
+    --ht-accent-color: #6d9af1;
+    --ht-foreground-color: #acadae;
+    --ht-placeholder-color: #68696c;
+    --ht-read-only-color: #68696c;
+    --ht-disabled-color: #68696c;
+    --ht-cell-editor-foreground-color: #ffffff;
+    --ht-cell-editor-border-color: #6d9af1;
+    --ht-cell-editor-shadow-color: rgba(109, 154, 241, 0.5);
+    --ht-cell-editor-background-color: #121316;
+    --ht-cell-search-background-color: rgba(251, 233, 82, 0.4);
+    --ht-cell-informational-background-color: rgba(69, 114, 201, 0.2);
+    --ht-cell-selection-border-color: #6d9af1;
+    --ht-cell-selection-background-color: #6d9af1;
+    --ht-cell-autofill-background-color: #6d9af1;
+    --ht-cell-autofill-border-color: #121316;
+    --ht-checkbox-border-color: #222326;
+    --ht-checkbox-focus-background-color: #121316;
+    --ht-checkbox-focus-border-color: #222326;
+    --ht-checkbox-focus-ring-color: #6d9af1;
+    --ht-checkbox-disabled-background-color: #36373a;
+    --ht-checkbox-disabled-border-color: #222326;
+    --ht-checkbox-hover-background-color: #121316;
+    --ht-checkbox-hover-border-color: #222326;
+    --ht-checkbox-hover-icon-color: rgba(172, 173, 174, 0.08);
+    --ht-checkbox-checked-background-color: #6d9af1;
+    --ht-checkbox-checked-border-color: #222326;
+    --ht-checkbox-checked-icon-color: #121316;
+    --ht-checkbox-checked-focus-background-color: #6d9af1;
+    --ht-checkbox-checked-focus-border-color: #000000;
+    --ht-checkbox-checked-focus-icon-color: #121316;
+    --ht-checkbox-checked-disabled-background-color: #36373a;
+    --ht-checkbox-checked-disabled-border-color: #222326;
+    --ht-checkbox-checked-disabled-icon-color: #68696c;
+    --ht-checkbox-checked-hover-background-color: #6d9af1;
+    --ht-checkbox-checked-hover-border-color: rgba(0, 0, 0, 0.24);
+    --ht-checkbox-checked-hover-icon-color: #121316;
+    --ht-checkbox-indeterminate-background-color: #6d9af1;
+    --ht-checkbox-indeterminate-border-color: #222222;
+    --ht-checkbox-indeterminate-icon-color: #121316;
+    --ht-checkbox-indeterminate-disabled-background-color: #36373a;
+    --ht-checkbox-indeterminate-disabled-border-color: #222326;
+    --ht-checkbox-indeterminate-disabled-icon-color: #727272;
+    --ht-checkbox-indeterminate-hover-background-color: #6d9af1;
+    --ht-checkbox-indeterminate-hover-border-color: rgba(0, 0, 0, 0.24);
+    --ht-checkbox-indeterminate-hover-icon-color: #121316;
+    --ht-checkbox-indeterminate-focus-background-color: #6d9af1;
+    --ht-checkbox-indeterminate-focus-border-color: #000000;
+    --ht-checkbox-indeterminate-focus-icon-color: #121316;
+    --ht-header-active-background-color: #212536;
+    --ht-header-active-foreground-color: #acadae;
+    --ht-header-active-border-color: #222326;
+    --ht-header-highlighted-foreground-color: #acadae;
+    --ht-header-highlighted-background-color: #232326;
+    --ht-header-background-color: #19191c;
+    --ht-header-row-background-color: #19191c;
+    --ht-header-foreground-color: #acadae;
+    --ht-frozen-shadow-color: #343436;
+    --ht-row-odd-background-color: #232326;
+    --ht-row-hover-background-color: rgba(239, 239, 243, 0.05);
+    --ht-row-collapse-indicator-border-color: #222326;
+    --ht-row-even-background-color: #121316;
+    --ht-resize-indicator-color: #68696c;
+    --ht-icon-button-background-color: rgba(0, 0, 0, 0);
+    --ht-icon-button-icon-color: rgba(255, 255, 255, 0.4);
+    --ht-icon-button-hover-background-color: rgba(255, 255, 255, 0.08);
+    --ht-icon-button-hover-icon-color: rgba(255, 255, 255, 0.4);
+    --ht-icon-button-focus-background-color: rgba(0, 0, 0, 0);
+    --ht-icon-button-focus-icon-color: #27c2ff;
+    --ht-icon-button-disabled-background-color: rgba(104, 105, 108, 0.32);
+    --ht-icon-button-disabled-icon-color: #68696c;
+    --ht-collapse-button-open-background-color: #000000;
+    --ht-collapse-button-open-border-color: #222326;
+    --ht-collapse-button-open-icon-color: #666666;
+    --ht-collapse-button-open-hover-background-color: #19191c;
+    --ht-collapse-button-open-hover-border-color: #222326;
+    --ht-collapse-button-open-hover-icon-color: #6d9af1;
+    --ht-collapse-button-open-focus-background-color: #19191c;
+    --ht-collapse-button-open-focus-border-color: #222326;
+    --ht-collapse-button-open-focus-icon-color: #6d9af1;
+    --ht-collapse-button-close-icon-color: #999999;
+    --ht-collapse-button-close-background-color: rgba(255, 255, 255, 0.08);
+    --ht-collapse-button-close-border-color: #222326;
+    --ht-collapse-button-close-hover-background-color: #999999;
+    --ht-collapse-button-close-hover-border-color: #999999;
+    --ht-collapse-button-close-hover-icon-color: #000000;
+    --ht-collapse-button-close-focus-background-color: rgba(255, 255, 255, 0.08);
+    --ht-collapse-button-close-focus-border-color: #222326;
+    --ht-collapse-button-close-focus-icon-color: #6d9af1;
+    --ht-primary-button-background-color: #6d9af1;
+    --ht-primary-button-foreground-color: #121316;
+    --ht-primary-button-disabled-background-color: rgba(104, 105, 108, 0.32);
+    --ht-primary-button-disabled-foreground-color: #68696c;
+    --ht-primary-button-hover-background-color: #7ca4f2;
+    --ht-primary-button-hover-foreground-color: #121316;
+    --ht-primary-button-focus-background-color: #6d9af1;
+    --ht-primary-button-focus-foreground-color: #121316;
+    --ht-primary-button-focus-border-color: #121316;
+    --ht-secondary-button-background-color: #121316;
+    --ht-secondary-button-foreground-color: #6d9af1;
+    --ht-secondary-button-border-color: #222326;
+    --ht-secondary-button-disabled-background-color: #232326;
+    --ht-secondary-button-disabled-foreground-color: #68696c;
+    --ht-secondary-button-disabled-border-color: #222326;
+    --ht-secondary-button-hover-background-color: #222326;
+    --ht-secondary-button-hover-foreground-color: #6d9af1;
+    --ht-secondary-button-hover-border-color: #222326;
+    --ht-secondary-button-focus-background-color: #121316;
+    --ht-secondary-button-focus-foreground-color: #6d9af1;
+    --ht-secondary-button-focus-border-color: #222326;
+    --ht-move-backlight-color: rgba(172, 173, 174, 0.06);
+    --ht-move-indicator-color: #6d9af1;
+    --ht-comments-indicator-color: #6d9af1;
+    --ht-comments-textarea-background-color: #19191c;
+    --ht-comments-textarea-border-color: #222326;
+    --ht-comments-textarea-foreground-color: #acadae;
+    --ht-comments-textarea-focus-background-color: #121316;
+    --ht-comments-textarea-focus-border-color: #6d9af1;
+    --ht-comments-textarea-focus-foreground-color: #acadae;
+    --ht-license-background-color: #19191c;
+    --ht-license-foreground-color: #acadae;
+    --ht-link-color: #6d9af1;
+    --ht-link-hover-color: #4572c9;
+    --ht-input-background-color: #232326;
+    --ht-input-border-color: #222326;
+    --ht-input-foreground-color: #acadae;
+    --ht-input-disabled-background-color: rgba(104, 105, 108, 0.32);
+    --ht-input-disabled-border-color: #222326;
+    --ht-input-disabled-foreground-color: #68696c;
+    --ht-input-hover-background-color: #232326;
+    --ht-input-hover-border-color: #6d9af1;
+    --ht-input-hover-foreground-color: #acadae;
+    --ht-input-focus-background-color: #121316;
+    --ht-input-focus-border-color: #6d9af1;
+    --ht-input-focus-foreground-color: #acadae;
+    --ht-menu-shadow-color: rgba(0, 0, 0, 0.8);
+    --ht-menu-border-color: #222326;
+    --ht-menu-item-hover-color: rgba(239, 239, 243, 0.05);
+    --ht-menu-item-active-color: rgba(109, 154, 241, 0.08);
+    --ht-hidden-indicator-color: #68696c;
+    --ht-scrollbar-thumb-color: #68696c;
+    --ht-scrollbar-track-color: #19191c;
+  }
+}