handsontable 0.0.0-next-802f59c-20241024 → 0.0.0-next-627918e-20241025

package/styles/ht-theme-main.css

@@ -0,0 +1,714 @@
+/*!
+ * 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-627918e-20241025
+ * Release date: 17/10/2024 (built at 25/10/2024 06:42:21)
+ */
+.ht-theme-main,
+.ht-theme-main-dark,
+.ht-theme-main-dark-auto {
+  /* Typography and spacing */
+  --ht-font-size: 14px;
+  --ht-line-height: 20px;
+  --ht-font-weight: 400;
+  --ht-letter-spacing: 0px; /* unused variable */
+  /* Border */
+  --ht-border-radius: 4px;
+  --ht-border-width: 1px; /* unused variable */
+  /* Gap */
+  --ht-gap-size: 4px;
+  /* Transition */
+  --ht-table-transition: 0.15s;
+  /* Row height */
+  --ht-row-height: 28px;
+  /* Wrapper */
+  --ht-wrapper-border-width: 1px;
+  --ht-wrapper-border-radius: 0px;
+  --ht-wrapper-border-color: #e7e7e9;
+  /* Icon sizes */
+  --ht-icon-size: 16px;
+  /* Colors: background, borders, and text */
+  --ht-background-color: #ffffff;
+  --ht-border-color: #e7e7e9;
+  --ht-accent-color: #1a42e8;
+  --ht-foreground-color: #222222;
+  --ht-placeholder-color: #999999;
+  --ht-read-only-color: #6a6a6a;
+  --ht-disabled-color: #a3a3a3;
+  /* Cell border and padding */
+  --ht-cell-vertical-border-width: 1px; /* unused variable */
+  --ht-cell-horizontal-border-width: 1px; /* unused variable */
+  --ht-cell-horizontal-padding: 8px;
+  --ht-cell-vertical-padding: 4px;
+  /* Cell editor styling */
+  --ht-cell-editor-foreground-color: #000000;
+  --ht-cell-editor-border-color: #1a42e8;
+  --ht-cell-editor-shadow-blur-radius: 0px;
+  --ht-cell-editor-shadow-color: rgba(17, 61, 201, 0.60);
+  --ht-cell-editor-border-width: 2px;
+  --ht-cell-editor-background-color: #ffffff;
+  /* Cell search, error, and conditional formatting colors */
+  --ht-cell-search-background-color: rgba(251, 233, 82, 0.80); /* unused variable */
+  --ht-cell-error-background-color: rgba(250, 77, 50, 0.20);
+  --ht-cell-success-background-color: rgba(55, 188, 108, 0.20);
+  --ht-cell-warning-background-color: rgba(251, 233, 82, 0.20); /* unused variable */
+  --ht-cell-informational-background-color: rgba(39, 194, 255, 0.20); /* unused variable */
+  /* Selection */
+  --ht-cell-selection-border-color: #1a42e8;
+  --ht-cell-selection-background-color: #5371ee;
+  /* Cell autofill data */
+  --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;
+  /* Checkbox styling */
+  --ht-checkbox-size: 16px;
+  --ht-checkbox-border-color: #d1d1d5;
+  --ht-checkbox-background-color: #ffffff;
+  --ht-checkbox-icon-color: rgba(255, 255, 255, 0);
+  --ht-checkbox-focus-background-color: #ffffff;
+  --ht-checkbox-focus-border-color: #d1d1d5;
+  --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: #e7e7e9;
+  --ht-checkbox-disabled-icon-color: rgba(255, 255, 255, 0);
+  --ht-checkbox-checked-background-color: #1a42e8;
+  --ht-checkbox-checked-border-color: #1a42e8;
+  --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: #e7e7e9;
+  --ht-checkbox-checked-disabled-icon-color: #a3a3a3;
+  --ht-checkbox-indeterminate-background-color: #1a42e8; /* unused variable */
+  --ht-checkbox-indeterminate-border-color: #ffffff; /* unused variable */
+  --ht-checkbox-indeterminate-icon-color: #ffffff; /* unused variable */
+  --ht-checkbox-indeterminate-disabled-background-color: #d1d1d5; /* unused variable */
+  --ht-checkbox-indeterminate-disabled-border-color: #e7e7e9; /* unused variable */
+  --ht-checkbox-indeterminate-disabled-icon-color: #aeaeae; /* unused variable */
+  --ht-checkbox-indeterminate-focus-background-color: #1a42e8; /* unused variable */
+  --ht-checkbox-indeterminate-focus-border-color: #ffffff; /* unused variable */
+  --ht-checkbox-indeterminate-focus-icon-color: #ffffff; /* unused variable */
+  /* Header styling */
+  --ht-header-active-background-color: #1a42e8;
+  --ht-header-active-foreground-color: #ffffff;
+  --ht-header-active-border-color: #2e56fc;
+  --ht-header-highlighted-foreground-color: #000000;
+  --ht-header-highlighted-background-color: #ebebed;
+  --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-header-filter-background-color: rgba(55, 188, 108, 0.20);
+  /* Frozen rows and columns styling */
+  --ht-frozen-shadow-size: 2px; /* unused variable */
+  --ht-frozen-shadow-color: #e5e5e9; /* unused variable */
+  /* Odd and even row backgrounds */
+  --ht-row-odd-background-color: rgba(34, 34, 34, 0);
+  --ht-row-even-background-color: rgba(34, 34, 34, 0);
+  /* Resize indicator */
+  --ht-resize-indicator-color: rgba(34, 34, 34, 0.60);
+  /* Icon Buttons */
+  --ht-icon-button-background-color: rgba(255, 255, 255, 0);
+  --ht-icon-button-icon-color: rgba(34, 34, 34, 0.60);
+  --ht-icon-active-button-icon-color: #ffffff;
+  --ht-icon-button-hover-background-color: rgba(34, 34, 34, 0.08);
+  --ht-icon-button-hover-icon-color: rgba(34, 34, 34, 0.40);
+  --ht-icon-button-focus-background-color: rgba(255, 255, 255, 0); /* unused variable */
+  --ht-icon-button-focus-icon-color: #1a42e8; /* unused variable */
+  --ht-icon-button-border-radius: 2px;
+  --ht-icon-button-disabled-background-color: rgba(153, 153, 153, 0.32); /* unused variable */
+  --ht-icon-button-disabled-icon-color: #a3a3a3; /* unused variable */
+  /* Collapse Buttons */
+  --ht-collapse-button-border-radius: 4px;
+  --ht-collapse-button-open-background-color: #ffffff;
+  --ht-collapse-button-open-border-color: #d1d1d5;
+  --ht-collapse-button-open-icon-color: #999999;
+  --ht-collapse-button-open-icon-active-color: #999999;
+  --ht-collapse-button-open-hover-background-color: #f7f7f9;
+  --ht-collapse-button-open-hover-border-color: #d1d1d5;
+  --ht-collapse-button-open-hover-icon-color: #999999;
+  --ht-collapse-button-open-hover-icon-active-color: #999999;
+  --ht-collapse-button-open-focus-background-color: #f7f7f9; /* unused variable */
+  --ht-collapse-button-open-focus-border-color: #d1d1d5; /* unused variable */
+  --ht-collapse-button-open-focus-icon-color: #1a42e8; /* unused variable */
+  --ht-collapse-button-close-icon-color: #666666;
+  --ht-collapse-button-close-background-color: #ebebed;
+  --ht-collapse-button-close-border-color: #d1d1d5;
+  --ht-collapse-button-close-icon-active-color: #666666;
+  --ht-collapse-button-close-hover-background-color: #ebebed;
+  --ht-collapse-button-close-hover-border-color: #d1d1d5;
+  --ht-collapse-button-close-hover-icon-color: #666666;
+  --ht-collapse-button-close-hover-icon-active-color: #666666;
+  --ht-collapse-button-close-focus-background-color: #ebebed; /* unused variable */
+  --ht-collapse-button-close-focus-border-color: #d1d1d5; /* unused variable */
+  --ht-collapse-button-close-focus-icon-color: #1a42e8; /* unused variable */
+  /* Buttons */
+  --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: #a3a3a3;
+  --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: #222222;
+  --ht-secondary-button-border-color: #e7e7e9;
+  --ht-secondary-button-disabled-background-color: #ebebed;
+  --ht-secondary-button-disabled-foreground-color: #a3a3a3;
+  --ht-secondary-button-disabled-border-color: #e7e7e9;
+  --ht-secondary-button-hover-background-color: #ffffff;
+  --ht-secondary-button-hover-foreground-color: #222222;
+  --ht-secondary-button-hover-border-color: #e7e7e9;
+  --ht-secondary-button-focus-background-color: #ffffff;
+  --ht-secondary-button-focus-foreground-color: #222222;
+  --ht-secondary-button-focus-border-color: #e7e7e9;
+  --ht-button-horizontal-padding: 12px;
+  --ht-button-vertical-padding: 6px;
+  --ht-button-border-radius: 4px;
+  /* Move styling */
+  --ht-move-backlight-color: rgba(34, 34, 34, 0.06);
+  --ht-move-indicator-color: #1a42e8;
+  /* Comments styling */
+  --ht-comments-indicator-size: 6px;
+  --ht-comments-indicator-color: #1a42e8;
+  --ht-comments-textarea-vertical-padding: 4px;
+  --ht-comments-textarea-background-color: #f7f7f9;
+  --ht-comments-textarea-border-width: 1px;
+  --ht-comments-textarea-border-color: rgba(255, 255, 255, 0);
+  --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-horizontal-padding: 8px;
+  /* License */
+  --ht-license-background-color: #f7f7f9;
+  --ht-license-horizontal-padding: 16px;
+  --ht-license-vertical-padding: 8px;
+  --ht-license-foreground-color: #222222;
+  /* Links */
+  --ht-link-color: #1a42e8;
+  --ht-link-hover-color: #3e67ec;
+  /* Input fields */
+  --ht-input-background-color: #f7f7f9;
+  --ht-input-border-color: #e7e7e9;
+  --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: #e7e7e9;
+  --ht-input-disabled-foreground-color: #a3a3a3;
+  --ht-input-hover-background-color: #ffffff;
+  --ht-input-hover-border-color: #e7e7e9;
+  --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-vertical-padding: 6px;
+  --ht-input-horizontal-padding: 12px;
+  --ht-input-border-radius: 4px;
+  /* Menus */
+  --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: #e7e7e9;
+  --ht-menu-border-width: 1px;
+  --ht-menu-border-radius: 4px;
+  --ht-menu-horizontal-padding: 0px;
+  --ht-menu-vertical-padding: 12px;
+  --ht-menu-item-vertical-padding: 4px;
+  --ht-menu-item-horizontal-padding: 12px;
+  --ht-menu-item-hover-color: rgba(0, 0, 0, 0.05);
+  --ht-menu-item-active-color: rgba(0, 0, 0, 0.08);
+  /* Hidden indicator */
+  --ht-hidden-indicator-color: rgba(34, 34, 34, 0.60);
+  /* Scrollbars */
+  --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 .changeType:before,
+.ht-theme-main-dark .changeType:before,
+.ht-theme-main-dark-auto .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 .htUISelectCaption:after,
+.ht-theme-main .htAutocompleteArrow:after,
+.ht-theme-main-dark .htUISelectCaption:after,
+.ht-theme-main-dark .htAutocompleteArrow:after,
+.ht-theme-main-dark-auto .htUISelectCaption:after,
+.ht-theme-main-dark-auto .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 .columnSorting.sortAction.ascending:before,
+.ht-theme-main-dark .columnSorting.sortAction.ascending:before,
+.ht-theme-main-dark-auto .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 .columnSorting.sortAction.descending:before,
+.ht-theme-main-dark .columnSorting.sortAction.descending:before,
+.ht-theme-main-dark-auto .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 .htCheckboxRendererInput:after,
+.ht-theme-main-dark .htCheckboxRendererInput:after,
+.ht-theme-main-dark-auto .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 th.beforeHiddenColumn:after,
+.ht-theme-main-dark th.beforeHiddenColumn:after,
+.ht-theme-main-dark-auto th.beforeHiddenColumn:after {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.08482 1.35771L6.11503 1.3551H6.17649L6.2067 1.35771L6.23795 1.36239L6.26503 1.3676L6.32128 1.38427L6.35618 1.39833L6.42493 1.43479L6.4718 1.46864L6.51399 1.50667L6.55722 1.55562L6.58534 1.59573L6.61347 1.64573L6.62232 1.66448L6.63639 1.69937L6.65305 1.75562L6.65826 1.78323L6.66347 1.81448L6.66555 1.84417L6.66659 1.87489V8.12489C6.66659 8.56864 6.15305 8.80042 5.82128 8.53271L5.77753 8.49312L2.65253 5.36812C2.56286 5.27844 2.50899 5.15912 2.50103 5.03254C2.49307 4.90596 2.53157 4.78083 2.6093 4.68062L2.65253 4.63167L5.77753 1.50667L5.82649 1.46344L5.86659 1.43531L5.91659 1.40719L5.93534 1.39833L5.97024 1.38427L6.02649 1.3676L6.05409 1.36239L6.08482 1.35771Z%27 fill=%27currentColor%27/%3E%3C/svg%3E");
+  background-color: currentColor;
+}
+.ht-theme-main th.afterHiddenColumn:after,
+.ht-theme-main-dark th.afterHiddenColumn:after,
+.ht-theme-main-dark-auto th.afterHiddenColumn:after {
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  mask-size: contain;
+  mask-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.33337 1.87499C3.33337 1.43124 3.84692 1.19947 4.17869 1.46718L4.22244 1.50676L7.34744 4.63176C7.43711 4.72145 7.49098 4.84077 7.49894 4.96735C7.5069 5.09392 7.4684 5.21905 7.39067 5.31926L7.34744 5.36822L4.22244 8.49322L4.17348 8.53645L4.13337 8.56457L4.08337 8.5927L4.06462 8.60155L4.02973 8.61562L3.97348 8.63228L3.94587 8.63749L3.91462 8.6427L3.88494 8.64478L3.85421 8.64582L3.82348 8.64478L3.79327 8.64218L3.76202 8.63749L3.73494 8.63228L3.67869 8.61562L3.64379 8.60155L3.57504 8.5651L3.52817 8.53124L3.48598 8.49322L3.44275 8.44426L3.41462 8.40416L3.3865 8.35416L3.37764 8.33541L3.36358 8.30051L3.34692 8.24426L3.34171 8.21666L3.3365 8.18541L3.33442 8.15572L3.33337 1.87499Z%27 fill=%27currentColor%27/%3E%3C/svg%3E");
+  background-color: currentColor;
+}
+.ht-theme-main th.beforeHiddenRow:after,
+.ht-theme-main-dark th.beforeHiddenRow:after,
+.ht-theme-main-dark-auto 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 th.afterHiddenRow:after,
+.ht-theme-main-dark th.afterHiddenRow:after,
+.ht-theme-main-dark-auto 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 .collapsibleIndicator:before,
+.ht-theme-main .ht_nestingButton:before,
+.ht-theme-main-dark .collapsibleIndicator:before,
+.ht-theme-main-dark .ht_nestingButton:before,
+.ht-theme-main-dark-auto .collapsibleIndicator:before,
+.ht-theme-main-dark-auto .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 .collapsibleIndicator.collapsed:before, .ht-theme-main .collapsibleIndicator.ht_nestingExpand:before,
+.ht-theme-main .ht_nestingButton.collapsed:before,
+.ht-theme-main .ht_nestingButton.ht_nestingExpand:before,
+.ht-theme-main-dark .collapsibleIndicator.collapsed:before,
+.ht-theme-main-dark .collapsibleIndicator.ht_nestingExpand:before,
+.ht-theme-main-dark .ht_nestingButton.collapsed:before,
+.ht-theme-main-dark .ht_nestingButton.ht_nestingExpand:before,
+.ht-theme-main-dark-auto .collapsibleIndicator.collapsed:before,
+.ht-theme-main-dark-auto .collapsibleIndicator.ht_nestingExpand:before,
+.ht-theme-main-dark-auto .ht_nestingButton.collapsed:before,
+.ht-theme-main-dark-auto .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 .htUIRadio > input[type=radio]:after,
+.ht-theme-main-dark .htUIRadio > input[type=radio]:after,
+.ht-theme-main-dark-auto .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-wrapper-border-color: #313132;
+  --ht-background-color: #0f0f10;
+  --ht-border-color: #313132;
+  --ht-accent-color: #476af7;
+  --ht-foreground-color: #f3f3f3;
+  --ht-placeholder-color: #68696c;
+  --ht-read-only-color: #9a9b9e;
+  --ht-disabled-color: #68696c;
+  --ht-cell-editor-foreground-color: #ffffff;
+  --ht-cell-editor-border-color: #476af7;
+  --ht-cell-editor-shadow-color: rgba(71, 106, 247, 0.60);
+  --ht-cell-editor-background-color: #0f0f10;
+  --ht-cell-search-background-color: rgba(255, 231, 34, 0.30);
+  --ht-cell-error-background-color: rgba(255, 42, 52, 0.30);
+  --ht-cell-success-background-color: rgba(66, 190, 101, 0.30);
+  --ht-cell-warning-background-color: rgba(241, 194, 28, 0.30);
+  --ht-cell-informational-background-color: rgba(39, 194, 255, 0.30);
+  --ht-cell-selection-border-color: #476af7;
+  --ht-cell-selection-background-color: #476af7;
+  --ht-cell-autofill-background-color: #476af7;
+  --ht-cell-autofill-border-color: #0f0f10;
+  --ht-checkbox-border-color: #404144;
+  --ht-checkbox-background-color: #0f0f10;
+  --ht-checkbox-focus-background-color: #0f0f10;
+  --ht-checkbox-focus-border-color: #404144;
+  --ht-checkbox-focus-ring-color: #476af7;
+  --ht-checkbox-disabled-background-color: #404144;
+  --ht-checkbox-disabled-border-color: #313132;
+  --ht-checkbox-checked-background-color: #476af7;
+  --ht-checkbox-checked-border-color: #476af7;
+  --ht-checkbox-checked-icon-color: #f3f3f3;
+  --ht-checkbox-checked-focus-background-color: #476af7;
+  --ht-checkbox-checked-focus-icon-color: #f3f3f3;
+  --ht-checkbox-checked-disabled-background-color: #36373a;
+  --ht-checkbox-checked-disabled-border-color: #313132;
+  --ht-checkbox-checked-disabled-icon-color: #68696c;
+  --ht-checkbox-indeterminate-background-color: #476af7;
+  --ht-checkbox-indeterminate-border-color: #000000;
+  --ht-checkbox-indeterminate-icon-color: #0f0f10;
+  --ht-checkbox-indeterminate-disabled-background-color: #36373a;
+  --ht-checkbox-indeterminate-disabled-border-color: #313132;
+  --ht-checkbox-indeterminate-disabled-icon-color: #727272;
+  --ht-checkbox-indeterminate-focus-background-color: #476af7;
+  --ht-checkbox-indeterminate-focus-border-color: #000000;
+  --ht-checkbox-indeterminate-focus-icon-color: #f3f3f3;
+  --ht-header-active-background-color: #476af7;
+  --ht-header-active-foreground-color: #0f0f10;
+  --ht-header-active-border-color: #4767e5;
+  --ht-header-highlighted-foreground-color: #f3f3f3;
+  --ht-header-highlighted-background-color: #262627;
+  --ht-header-background-color: #1e1e1f;
+  --ht-header-row-background-color: #1e1e1f;
+  --ht-header-foreground-color: #f3f3f3;
+  --ht-header-filter-background-color: rgba(66, 190, 101, 0.30);
+  --ht-frozen-shadow-color: #48484a;
+  --ht-row-odd-background-color: rgba(239, 239, 243, 0);
+  --ht-row-even-background-color: rgba(239, 239, 243, 0);
+  --ht-resize-indicator-color: rgba(255, 255, 255, 0.60);
+  --ht-icon-button-background-color: rgba(0, 0, 0, 0);
+  --ht-icon-button-icon-color: rgba(255, 255, 255, 0.60);
+  --ht-icon-active-button-icon-color: #0f0f10;
+  --ht-icon-button-hover-background-color: rgba(255, 255, 255, 0.08);
+  --ht-icon-button-hover-icon-color: rgba(255, 255, 255, 0.40);
+  --ht-icon-button-focus-background-color: rgba(0, 0, 0, 0);
+  --ht-icon-button-focus-icon-color: #476af7;
+  --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: rgba(83, 83, 85, 0.64);
+  --ht-collapse-button-open-icon-color: #666666;
+  --ht-collapse-button-open-icon-active-color: #666666;
+  --ht-collapse-button-open-hover-background-color: #1e1e1f;
+  --ht-collapse-button-open-hover-border-color: rgba(83, 83, 85, 0.64);
+  --ht-collapse-button-open-hover-icon-color: #666666;
+  --ht-collapse-button-open-hover-icon-active-color: #666666;
+  --ht-collapse-button-open-focus-background-color: #1e1e1f;
+  --ht-collapse-button-open-focus-border-color: rgba(83, 83, 85, 0.64);
+  --ht-collapse-button-open-focus-icon-color: #476af7;
+  --ht-collapse-button-close-icon-color: #999999;
+  --ht-collapse-button-close-background-color: #262627;
+  --ht-collapse-button-close-border-color: rgba(83, 83, 85, 0.64);
+  --ht-collapse-button-close-icon-active-color: #999999;
+  --ht-collapse-button-close-hover-background-color: #262627;
+  --ht-collapse-button-close-hover-border-color: rgba(83, 83, 85, 0.64);
+  --ht-collapse-button-close-hover-icon-color: #999999;
+  --ht-collapse-button-close-hover-icon-active-color: #999999;
+  --ht-collapse-button-close-focus-background-color: #262627;
+  --ht-collapse-button-close-focus-border-color: rgba(83, 83, 85, 0.64);
+  --ht-collapse-button-close-focus-icon-color: #476af7;
+  --ht-primary-button-background-color: #476af7;
+  --ht-primary-button-foreground-color: #f3f3f3;
+  --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: #6180ff;
+  --ht-primary-button-hover-foreground-color: #f3f3f3;
+  --ht-primary-button-focus-background-color: #476af7;
+  --ht-primary-button-focus-foreground-color: #f3f3f3;
+  --ht-primary-button-focus-border-color: #0f0f10;
+  --ht-secondary-button-background-color: #0f0f10;
+  --ht-secondary-button-foreground-color: #f3f3f3;
+  --ht-secondary-button-border-color: #313132;
+  --ht-secondary-button-disabled-background-color: #262627;
+  --ht-secondary-button-disabled-foreground-color: #68696c;
+  --ht-secondary-button-disabled-border-color: #313132;
+  --ht-secondary-button-hover-background-color: #0f0f10;
+  --ht-secondary-button-hover-foreground-color: #f3f3f3;
+  --ht-secondary-button-hover-border-color: #313132;
+  --ht-secondary-button-focus-background-color: #0f0f10;
+  --ht-secondary-button-focus-foreground-color: #f3f3f3;
+  --ht-secondary-button-focus-border-color: #313132;
+  --ht-move-backlight-color: rgba(221, 221, 221, 0.12);
+  --ht-move-indicator-color: #476af7;
+  --ht-comments-indicator-color: #476af7;
+  --ht-comments-textarea-background-color: #1e1e1f;
+  --ht-comments-textarea-foreground-color: #f3f3f3;
+  --ht-comments-textarea-focus-background-color: #0f0f10;
+  --ht-comments-textarea-focus-border-color: #476af7;
+  --ht-comments-textarea-focus-foreground-color: #f3f3f3;
+  --ht-license-background-color: #1e1e1f;
+  --ht-license-foreground-color: #f3f3f3;
+  --ht-link-color: #476af7;
+  --ht-link-hover-color: #728eff;
+  --ht-input-background-color: #1e1e1f;
+  --ht-input-border-color: #313132;
+  --ht-input-foreground-color: #f3f3f3;
+  --ht-input-disabled-background-color: rgba(104, 105, 108, 0.32);
+  --ht-input-disabled-border-color: #313132;
+  --ht-input-disabled-foreground-color: #68696c;
+  --ht-input-hover-background-color: #0f0f10;
+  --ht-input-hover-border-color: #313132;
+  --ht-input-hover-foreground-color: #f3f3f3;
+  --ht-input-focus-background-color: #0f0f10;
+  --ht-input-focus-border-color: #476af7;
+  --ht-input-focus-foreground-color: #f3f3f3;
+  --ht-menu-shadow-color: rgba(0, 0, 0, 0.80);
+  --ht-menu-border-color: #313132;
+  --ht-menu-item-hover-color: rgba(239, 239, 243, 0.05);
+  --ht-menu-item-active-color: rgba(239, 239, 243, 0.12);
+  --ht-hidden-indicator-color: rgba(255, 255, 255, 0.60);
+  --ht-scrollbar-thumb-color: #68696c;
+  --ht-scrollbar-track-color: #19191c;
+}
+
+/* Auto dark mode */
+@media (prefers-color-scheme: dark) {
+  .ht-theme-main-dark-auto {
+    --ht-wrapper-border-color: #313132;
+    --ht-background-color: #0f0f10;
+    --ht-border-color: #313132;
+    --ht-accent-color: #476af7;
+    --ht-foreground-color: #f3f3f3;
+    --ht-placeholder-color: #68696c;
+    --ht-read-only-color: #9a9b9e;
+    --ht-disabled-color: #68696c;
+    --ht-cell-editor-foreground-color: #ffffff;
+    --ht-cell-editor-border-color: #476af7;
+    --ht-cell-editor-shadow-color: rgba(71, 106, 247, 0.60);
+    --ht-cell-editor-background-color: #0f0f10;
+    --ht-cell-search-background-color: rgba(255, 231, 34, 0.30);
+    --ht-cell-error-background-color: rgba(255, 42, 52, 0.30);
+    --ht-cell-success-background-color: rgba(66, 190, 101, 0.30);
+    --ht-cell-warning-background-color: rgba(241, 194, 28, 0.30);
+    --ht-cell-informational-background-color: rgba(39, 194, 255, 0.30);
+    --ht-cell-selection-border-color: #476af7;
+    --ht-cell-selection-background-color: #476af7;
+    --ht-cell-autofill-background-color: #476af7;
+    --ht-cell-autofill-border-color: #0f0f10;
+    --ht-checkbox-border-color: #404144;
+    --ht-checkbox-background-color: #0f0f10;
+    --ht-checkbox-focus-background-color: #0f0f10;
+    --ht-checkbox-focus-border-color: #404144;
+    --ht-checkbox-focus-ring-color: #476af7;
+    --ht-checkbox-disabled-background-color: #404144;
+    --ht-checkbox-disabled-border-color: #313132;
+    --ht-checkbox-checked-background-color: #476af7;
+    --ht-checkbox-checked-border-color: #476af7;
+    --ht-checkbox-checked-icon-color: #f3f3f3;
+    --ht-checkbox-checked-focus-background-color: #476af7;
+    --ht-checkbox-checked-focus-icon-color: #f3f3f3;
+    --ht-checkbox-checked-disabled-background-color: #36373a;
+    --ht-checkbox-checked-disabled-border-color: #313132;
+    --ht-checkbox-checked-disabled-icon-color: #68696c;
+    --ht-checkbox-indeterminate-background-color: #476af7;
+    --ht-checkbox-indeterminate-border-color: #000000;
+    --ht-checkbox-indeterminate-icon-color: #0f0f10;
+    --ht-checkbox-indeterminate-disabled-background-color: #36373a;
+    --ht-checkbox-indeterminate-disabled-border-color: #313132;
+    --ht-checkbox-indeterminate-disabled-icon-color: #727272;
+    --ht-checkbox-indeterminate-focus-background-color: #476af7;
+    --ht-checkbox-indeterminate-focus-border-color: #000000;
+    --ht-checkbox-indeterminate-focus-icon-color: #f3f3f3;
+    --ht-header-active-background-color: #476af7;
+    --ht-header-active-foreground-color: #0f0f10;
+    --ht-header-active-border-color: #4767e5;
+    --ht-header-highlighted-foreground-color: #f3f3f3;
+    --ht-header-highlighted-background-color: #262627;
+    --ht-header-background-color: #1e1e1f;
+    --ht-header-row-background-color: #1e1e1f;
+    --ht-header-foreground-color: #f3f3f3;
+    --ht-header-filter-background-color: rgba(66, 190, 101, 0.30);
+    --ht-frozen-shadow-color: #48484a;
+    --ht-row-odd-background-color: rgba(239, 239, 243, 0);
+    --ht-row-even-background-color: rgba(239, 239, 243, 0);
+    --ht-resize-indicator-color: rgba(255, 255, 255, 0.60);
+    --ht-icon-button-background-color: rgba(0, 0, 0, 0);
+    --ht-icon-button-icon-color: rgba(255, 255, 255, 0.60);
+    --ht-icon-active-button-icon-color: #0f0f10;
+    --ht-icon-button-hover-background-color: rgba(255, 255, 255, 0.08);
+    --ht-icon-button-hover-icon-color: rgba(255, 255, 255, 0.40);
+    --ht-icon-button-focus-background-color: rgba(0, 0, 0, 0);
+    --ht-icon-button-focus-icon-color: #476af7;
+    --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: rgba(83, 83, 85, 0.64);
+    --ht-collapse-button-open-icon-color: #666666;
+    --ht-collapse-button-open-icon-active-color: #666666;
+    --ht-collapse-button-open-hover-background-color: #1e1e1f;
+    --ht-collapse-button-open-hover-border-color: rgba(83, 83, 85, 0.64);
+    --ht-collapse-button-open-hover-icon-color: #666666;
+    --ht-collapse-button-open-hover-icon-active-color: #666666;
+    --ht-collapse-button-open-focus-background-color: #1e1e1f;
+    --ht-collapse-button-open-focus-border-color: rgba(83, 83, 85, 0.64);
+    --ht-collapse-button-open-focus-icon-color: #476af7;
+    --ht-collapse-button-close-icon-color: #999999;
+    --ht-collapse-button-close-background-color: #262627;
+    --ht-collapse-button-close-border-color: rgba(83, 83, 85, 0.64);
+    --ht-collapse-button-close-icon-active-color: #999999;
+    --ht-collapse-button-close-hover-background-color: #262627;
+    --ht-collapse-button-close-hover-border-color: rgba(83, 83, 85, 0.64);
+    --ht-collapse-button-close-hover-icon-color: #999999;
+    --ht-collapse-button-close-hover-icon-active-color: #999999;
+    --ht-collapse-button-close-focus-background-color: #262627;
+    --ht-collapse-button-close-focus-border-color: rgba(83, 83, 85, 0.64);
+    --ht-collapse-button-close-focus-icon-color: #476af7;
+    --ht-primary-button-background-color: #476af7;
+    --ht-primary-button-foreground-color: #f3f3f3;
+    --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: #6180ff;
+    --ht-primary-button-hover-foreground-color: #f3f3f3;
+    --ht-primary-button-focus-background-color: #476af7;
+    --ht-primary-button-focus-foreground-color: #f3f3f3;
+    --ht-primary-button-focus-border-color: #0f0f10;
+    --ht-secondary-button-background-color: #0f0f10;
+    --ht-secondary-button-foreground-color: #f3f3f3;
+    --ht-secondary-button-border-color: #313132;
+    --ht-secondary-button-disabled-background-color: #262627;
+    --ht-secondary-button-disabled-foreground-color: #68696c;
+    --ht-secondary-button-disabled-border-color: #313132;
+    --ht-secondary-button-hover-background-color: #0f0f10;
+    --ht-secondary-button-hover-foreground-color: #f3f3f3;
+    --ht-secondary-button-hover-border-color: #313132;
+    --ht-secondary-button-focus-background-color: #0f0f10;
+    --ht-secondary-button-focus-foreground-color: #f3f3f3;
+    --ht-secondary-button-focus-border-color: #313132;
+    --ht-move-backlight-color: rgba(221, 221, 221, 0.12);
+    --ht-move-indicator-color: #476af7;
+    --ht-comments-indicator-color: #476af7;
+    --ht-comments-textarea-background-color: #1e1e1f;
+    --ht-comments-textarea-foreground-color: #f3f3f3;
+    --ht-comments-textarea-focus-background-color: #0f0f10;
+    --ht-comments-textarea-focus-border-color: #476af7;
+    --ht-comments-textarea-focus-foreground-color: #f3f3f3;
+    --ht-license-background-color: #1e1e1f;
+    --ht-license-foreground-color: #f3f3f3;
+    --ht-link-color: #476af7;
+    --ht-link-hover-color: #728eff;
+    --ht-input-background-color: #1e1e1f;
+    --ht-input-border-color: #313132;
+    --ht-input-foreground-color: #f3f3f3;
+    --ht-input-disabled-background-color: rgba(104, 105, 108, 0.32);
+    --ht-input-disabled-border-color: #313132;
+    --ht-input-disabled-foreground-color: #68696c;
+    --ht-input-hover-background-color: #0f0f10;
+    --ht-input-hover-border-color: #313132;
+    --ht-input-hover-foreground-color: #f3f3f3;
+    --ht-input-focus-background-color: #0f0f10;
+    --ht-input-focus-border-color: #476af7;
+    --ht-input-focus-foreground-color: #f3f3f3;
+    --ht-menu-shadow-color: rgba(0, 0, 0, 0.80);
+    --ht-menu-border-color: #313132;
+    --ht-menu-item-hover-color: rgba(239, 239, 243, 0.05);
+    --ht-menu-item-active-color: rgba(239, 239, 243, 0.12);
+    --ht-hidden-indicator-color: rgba(255, 255, 255, 0.60);
+    --ht-scrollbar-thumb-color: #68696c;
+    --ht-scrollbar-track-color: #19191c;
+  }
+}