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

package/styles/handsontable.css

@@ -0,0 +1,1858 @@
+/*!
+ * 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:32:45)
+ */
+.handsontable .htUIClearAll a,
+.handsontable .htUISelectAll a {
+  padding: 8px;
+  display: inline-block;
+  text-decoration: none;
+}
+.handsontable .htUIMultipleSelect .ht_master .wtHolder {
+  overflow-y: auto;
+  background: transparent;
+}
+.handsontable .htUIMultipleSelect .ht_master .wtHolder .htCore {
+  box-shadow: none;
+}
+
+.handsontable {
+  position: relative;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
+  font-size: var(--ht-font-size, 12px);
+  line-height: var(--ht-line-height, 20px);
+  font-weight: var(--ht-font-weight);
+  color: var(--ht-foreground-color);
+  /* Miscellaneous */
+  touch-action: manipulation;
+}
+.handsontable .ht_master {
+  background-color: var(--ht-background-color, #ffffff);
+}
+.handsontable th,
+.handsontable td {
+  padding: var(--ht-cell-horizontal-padding, 4px) var(--ht-cell-vertical-padding, 8px);
+  vertical-align: top;
+  border-top-width: 0;
+  border-inline-start-width: 0;
+  border-inline-end-width: 1px;
+  border-bottom-width: 1px;
+  border-style: solid;
+  border-top-color: var(--ht-cell-horizontal-border-color);
+  border-bottom-color: var(--ht-cell-horizontal-border-color);
+  border-inline-start-color: var(--ht-cell-vertical-border-color);
+  border-inline-end-color: var(--ht-cell-vertical-border-color);
+  font-size: var(--ht-font-size);
+  line-height: var(--ht-line-height, 20px);
+  white-space: pre-wrap;
+  overflow: hidden;
+  outline: none;
+  outline-width: 0;
+  empty-cells: show;
+  box-sizing: border-box;
+  color: var(--ht-foreground-color);
+  background-color: var(--ht-background-color, #ffffff);
+}
+.handsontable th.invisibleSelection,
+.handsontable td.invisibleSelection {
+  outline: none;
+}
+.handsontable th.invisibleSelection::selection,
+.handsontable td.invisibleSelection::selection {
+  background: transparent;
+}
+.handsontable td:first-of-type {
+  border-inline-start-width: 1px;
+}
+.handsontable th {
+  position: relative;
+  overflow: visible;
+  text-align: center;
+  font-weight: var(--ht-header-font-weight);
+  white-space: nowrap;
+  color: var(--ht-header-foreground-color);
+  background-color: var(--ht-header-background-color, #f7f7f9);
+}
+.handsontable th:last-child {
+  /* Foundation framework fix */
+  border-inline-start-width: 0;
+  border-inline-end-width: 1px;
+  border-bottom-width: 1px;
+}
+.handsontable th:first-child, .handsontable th:nth-child(2) {
+  border-inline-start-width: 1px;
+}
+.handsontable th.ht__highlight {
+  color: var(--ht-header-highlighted-foreground-color);
+  background-color: var(--ht-header-highlighted-background-color);
+}
+.handsontable th.ht__highlight:before {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: auto -1px 0 -1px;
+  height: var(--ht-header-highlighted-shadow-size);
+  background-color: var(--ht-accent-color);
+}
+.handsontable th.ht__active_highlight {
+  border-color: var(--ht-header-active-border-color);
+  color: var(--ht-header-active-foreground-color);
+  background-color: var(--ht-header-active-background-color);
+  box-shadow: -1px -1px 0 var(--ht-header-active-border-color), 0 -1px 0 var(--ht-header-active-border-color), -1px 0 0 var(--ht-header-active-border-color);
+}
+.handsontable th.ht__active_highlight:before {
+  background-color: var(--ht-header-active-background-color);
+}
+.handsontable th.active {
+  color: var(--ht-header-active-foreground-color);
+  background-color: var(--ht-header-active-background-color);
+}
+.handsontable thead th {
+  padding: 0;
+}
+.handsontable thead th .relative {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--ht-cell-horizontal-padding, 8px) var(--ht-cell-vertical-padding, 4px);
+  height: calc(var(--ht-line-height, 20px) + 2 * var(--ht-cell-horizontal-padding, 8px) + 1px);
+}
+.handsontable thead tr:not(:last-child) th {
+  /* Fix for - nested columns with hidden column  */
+  overflow: hidden;
+}
+.handsontable tbody th.ht__highlight:before {
+  width: var(--ht-header-highlighted-shadow-size);
+  height: auto;
+  inset: 0 -1px -1px auto;
+}
+.handsontable .hide {
+  display: none;
+}
+.handsontable .relative {
+  position: relative;
+  box-sizing: border-box;
+}
+.handsontable .wtHider {
+  width: 0;
+}
+.handsontable .wtSpreader {
+  position: relative;
+  /* must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
+  width: 0;
+  height: auto;
+}
+.handsontable .htAutoSize {
+  position: absolute;
+  left: -99000px;
+  top: -99000px;
+  visibility: hidden;
+}
+.handsontable .htFocusCatcher {
+  position: absolute;
+  width: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  opacity: 0;
+  z-index: -1;
+}
+.handsontable table,
+.handsontable tbody,
+.handsontable thead,
+.handsontable input,
+.handsontable textarea,
+.handsontable div {
+  box-sizing: content-box;
+}
+.handsontable input,
+.handsontable textarea {
+  min-height: initial;
+}
+.handsontable .htCore {
+  width: 0;
+  margin: 0;
+  border-width: 0;
+  border-spacing: 0;
+  border-collapse: separate;
+  outline-width: 0;
+  table-layout: fixed;
+  cursor: default;
+}
+.handsontable col {
+  width: 64px;
+}
+.handsontable col.rowHeader {
+  width: 64px;
+}
+.handsontable col.hidden {
+  width: 0 !important;
+}
+.handsontable span.colHeader {
+  display: inline-block;
+  line-height: var(--ht-line-height, 20px);
+}
+.handsontable tr.hidden {
+  display: none;
+}
+.handsontable tr.hidden td,
+.handsontable tr.hidden th {
+  display: none;
+}
+.handsontable a {
+  color: var(--ht-link-color);
+}
+.handsontable a:hover {
+  color: var(--ht-link-hover-color);
+}
+.handsontable .ht_clone_top th:nth-child(2) {
+  border-inline-start-width: 0;
+  border-inline-end-width: 1px;
+}
+.handsontable.htRowHeaders thead tr th:nth-child(2) {
+  border-inline-start-width: 1px;
+}
+.handsontable tr:first-child th,
+.handsontable tr:first-child td {
+  border-top-width: 1px;
+}
+.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable tbody tr th, .handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
+  border-inline-end-width: 0;
+  border-inline-start-width: 1px;
+}
+.handsontable .ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr:last-child th, .handsontable .ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr:last-child th,
+.handsontable .ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr.lastChild th, .handsontable .ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr.lastChild th {
+  border-bottom-width: 0;
+}
+.handsontable {
+  scrollbar-width: thin;
+  scrollbar-color: var(--ht-scrollbar-thumb-color) var(--ht-scrollbar-track-color);
+}
+.handsontable::-webkit-scrollbar-track {
+  border-radius: 30px;
+}
+.handsontable .ht_master table.htCore > thead,
+.handsontable .ht_master table.htCore > tbody > tr > th,
+.handsontable .ht_clone_inline_start table.htCore > thead {
+  visibility: hidden;
+}
+
+.ht_master,
+.ht_clone_inline_start,
+.ht_clone_top,
+.ht_clone_bottom {
+  overflow: hidden;
+}
+.ht_master .wtHolder,
+.ht_clone_inline_start .wtHolder,
+.ht_clone_top .wtHolder,
+.ht_clone_bottom .wtHolder {
+  overflow: hidden;
+}
+
+.ht_master .wtHolder {
+  overflow: auto;
+}
+
+tr.ht__row_even th,
+tr.ht__row_even td {
+  background-color: var(--ht-row-even-background-color, #ffffff);
+}
+tr.ht__row_odd th,
+tr.ht__row_odd td {
+  background-color: var(--ht-row-odd-background-color, #ffffff);
+}
+
+.handsontable.mobile {
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-overflow-scrolling: touch;
+}
+.handsontable.mobile .wtHolder {
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-overflow-scrolling: touch;
+}
+.handsontable.mobile .handsontableInput:focus {
+  box-shadow: 0 0 2px var(--ht-accent-color) inset;
+  -webkit-appearance: none;
+}
+.handsontable .topSelectionHandle,
+.handsontable .topSelectionHandle-HitArea,
+.handsontable .bottomSelectionHandle,
+.handsontable .bottomSelectionHandle-HitArea {
+  inset-inline-start: -10000px;
+  inset-inline-end: unset;
+  top: -10000px;
+  z-index: 9999;
+}
+.handsontable.hide-tween {
+  -webkit-animation: opacity-hide 0.2s;
+  animation: opacity-hide 0.2s;
+  animation-fill-mode: forwards;
+  -webkit-animation-fill-mode: forwards;
+}
+.handsontable.show-tween {
+  -webkit-animation: opacity-show 0.3s;
+  animation: opacity-show 0.3s;
+  animation-fill-mode: forwards;
+  -webkit-animation-fill-mode: forwards;
+}
+
+.ht_clone_master {
+  z-index: 100;
+}
+
+.ht_clone_inline_start {
+  z-index: 120;
+}
+
+.ht_clone_bottom {
+  z-index: 130;
+}
+
+.ht_clone_bottom_inline_start_corner {
+  z-index: 150;
+}
+
+.ht_clone_top {
+  z-index: 160;
+}
+
+.ht_clone_top_inline_start_corner {
+  z-index: 180;
+}
+
+.ht_editor_hidden {
+  z-index: -1;
+}
+
+.ht_editor_visible {
+  z-index: 200;
+}
+
+@keyframes marching-ants {
+  0% {
+    background-position: 0 0, 8px 100%, 0 8px, 100% 0;
+  }
+  100% {
+    background-position: 8px 0, 0 100%, 0 0, 100% 8px;
+  }
+}
+.handsontable td.area {
+  position: relative;
+}
+.handsontable td.area:before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: var(--ht-cell-selection-background-color);
+}
+.handsontable td.area-1 {
+  position: relative;
+}
+.handsontable td.area-1:before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: var(--ht-cell-selection-background-color);
+}
+.handsontable td.area-2 {
+  position: relative;
+}
+.handsontable td.area-2:before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: var(--ht-cell-selection-background-color);
+}
+.handsontable td.area-3 {
+  position: relative;
+}
+.handsontable td.area-3:before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: var(--ht-cell-selection-background-color);
+}
+.handsontable td.area-4 {
+  position: relative;
+}
+.handsontable td.area-4:before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: var(--ht-cell-selection-background-color);
+}
+.handsontable td.area-5 {
+  position: relative;
+}
+.handsontable td.area-5:before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: var(--ht-cell-selection-background-color);
+}
+.handsontable td.area-6 {
+  position: relative;
+}
+.handsontable td.area-6:before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: var(--ht-cell-selection-background-color);
+}
+.handsontable td.area-7 {
+  position: relative;
+}
+.handsontable td.area-7:before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: var(--ht-cell-selection-background-color);
+}
+.handsontable td.area:before {
+  opacity: 0.1;
+}
+.handsontable td.area-1:before {
+  opacity: 0.17;
+}
+.handsontable td.area-2:before {
+  opacity: 0.24;
+}
+.handsontable td.area-3:before {
+  opacity: 0.31;
+}
+.handsontable td.area-4:before {
+  opacity: 0.38;
+}
+.handsontable td.area-5:before {
+  opacity: 0.45;
+}
+.handsontable td.area-6:before {
+  opacity: 0.52;
+}
+.handsontable td.area-7:before {
+  opacity: 0.59;
+}
+.handsontable .wtBorder {
+  position: absolute;
+  font-size: 0;
+}
+.handsontable .wtBorder.hidden {
+  display: none !important;
+}
+.handsontable .wtBorder.current {
+  z-index: 10;
+  background-color: var(--ht-cell-selection-border-color) !important;
+}
+.handsontable .wtBorder.area {
+  z-index: 8;
+  background-color: var(--ht-cell-selection-border-color) !important;
+}
+.handsontable .wtBorder.fill {
+  z-index: 6;
+  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(0, white 50%, transparent 50%), linear-gradient(0, white 50%, transparent 50%);
+  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
+  background-size: 8px 2px, 0px 0px, 2px 8px, 0px 0px;
+  animation: marching-ants 600ms infinite linear;
+  background-color: var(--ht-cell-selection-border-color) !important;
+}
+.handsontable .wtBorder.corner {
+  width: var(--ht-cell-autofill-size) !important;
+  height: var(--ht-cell-autofill-size) !important;
+  border-width: var(--ht-cell-autofill-border-width) !important;
+  border-style: solid;
+  border-color: var(--ht-cell-autofill-border-color) !important;
+  border-radius: var(--ht-cell-autofill-border-radius) !important;
+  background-color: var(--ht-cell-autofill-background-color) !important;
+  margin-top: 3px;
+  margin-left: 3px;
+  transform: translate(-50%, -50%);
+  font-size: 0;
+  cursor: crosshair;
+  z-index: 10;
+}
+
+.hot-display-license-info {
+  padding: var(--ht-license-horizontal-padding, 16px) var(--ht-license-vertical-padding);
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
+  font-size: var(--ht-license-font-size);
+  line-height: var(--ht-license-line-height);
+  color: var(--ht-license-foreground-color);
+  background-color: var(--ht-license-background-color);
+  text-align: left;
+  border-color: var(--ht-border-color);
+  border-style: solid;
+  border-top-width: 0;
+  border-left-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+}
+.hot-display-license-info a {
+  font-size: var(--ht-license-font-size);
+  color: var(--ht-link-color);
+}
+.hot-display-license-info a:hover {
+  color: var(--ht-link-hover-color);
+}
+
+.handsontable .htAutocompleteArrow {
+  position: relative;
+  float: inline-end;
+  cursor: default;
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  font-size: 0;
+  top: calc((var(--ht-line-height) - 16px) * 0.5);
+  margin-inline-end: calc(var(--ht-gap-size) - var(--ht-cell-horizontal-padding));
+}
+.handsontable .htAutocompleteArrow:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0.6;
+}
+
+.handsontable .htCheckboxRendererInput {
+  position: relative;
+  display: inline-block;
+  width: var(--ht-checkbox-size);
+  height: var(--ht-checkbox-size);
+  margin: 0;
+  vertical-align: middle;
+  cursor: pointer;
+  appearance: none;
+}
+.handsontable .htCheckboxRendererInput:before {
+  content: "";
+  display: inline-block;
+  width: var(--ht-checkbox-size);
+  height: var(--ht-checkbox-size);
+  border-radius: var(--ht-border-radius);
+  border: 1px solid var(--ht-checkbox-border-color);
+  background-color: var(--ht-checkbox-background-color);
+  box-sizing: border-box;
+  pointer-events: none;
+  transition: all var(--ht-table-transition) ease-in-out;
+}
+.handsontable .htCheckboxRendererInput:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  color: var(--ht-checkbox-icon-color);
+  pointer-events: none;
+}
+.handsontable .htCheckboxRendererInput:hover:before {
+  border-color: var(--ht-checkbox-hover-border-color);
+  background-color: var(--ht-checkbox-hover-background-color);
+}
+.handsontable .htCheckboxRendererInput:hover:after {
+  color: var(--ht-checkbox-hover-icon-color);
+}
+.handsontable .htCheckboxRendererInput:checked:before {
+  border-color: var(--ht-checkbox-checked-border-color);
+  background-color: var(--ht-checkbox-checked-background-color);
+}
+.handsontable .htCheckboxRendererInput:checked:after {
+  color: var(--ht-checkbox-checked-icon-color);
+}
+.handsontable .htCheckboxRendererInput:checked:hover:before {
+  border-color: var(--ht-checkbox-checked-hover-border-color);
+  background-color: var(--ht-checkbox-checked-hover-background-color);
+}
+.handsontable .htCheckboxRendererInput:checked:hover:after {
+  color: var(--ht-checkbox-checked-hover-icon-color);
+}
+.handsontable .htCheckboxRendererInput:checked:disabled:before {
+  border-color: var(--ht-checkbox-checked-disabled-border-color);
+  background-color: var(--ht-checkbox-checked-disabled-background-color);
+}
+.handsontable .htCheckboxRendererInput:checked:disabled:after {
+  color: var(--ht-checkbox-checked-disabled-icon-color);
+}
+.handsontable .htCheckboxRendererInput:focus:before {
+  border-color: var(--ht-checkbox-checked-focus-border-color);
+  background-color: var(--ht-checkbox-checked-focus-background-color);
+  outline: 1px solid var(--ht-checkbox-focus-ring-color);
+}
+.handsontable .htCheckboxRendererInput:focus:after {
+  color: var(--ht-checkbox-checked-focus-icon-color);
+}
+.handsontable .htCheckboxRendererInput:disabled {
+  cursor: initial;
+}
+.handsontable .htCheckboxRendererInput:disabled:before {
+  border-color: var(--ht-checkbox-disabled-border-color);
+  background-color: var(--ht-checkbox-disabled-background-color);
+}
+.handsontable .htCheckboxRendererInput:disabled:after {
+  color: var(--ht-checkbox-disabled-icon-color);
+}
+.handsontable .htCheckboxRendererInput.noValue {
+  opacity: 0.5;
+}
+.handsontable .htCheckboxRendererLabel {
+  font-size: inherit;
+  vertical-align: middle;
+  display: flex;
+  align-items: center;
+  gap: var(--ht-gap-size);
+  position: relative;
+  cursor: pointer;
+}
+.handsontable .htCheckboxRendererLabel.fullWidth {
+  width: 100%;
+}
+
+.handsontable .htPlaceholder {
+  color: var(--ht-placeholder-color);
+}
+.handsontable .htDimmed {
+  color: var(--ht-read-only-color);
+}
+.handsontable .htLeft {
+  text-align: left;
+}
+.handsontable .htCenter {
+  text-align: center;
+}
+.handsontable .htRight {
+  text-align: right;
+}
+.handsontable .htJustify {
+  text-align: justify;
+}
+.handsontable .htTop {
+  vertical-align: top;
+}
+.handsontable .htMiddle {
+  vertical-align: middle;
+}
+.handsontable .htBottom {
+  vertical-align: bottom;
+}
+.handsontable .htInvalid {
+  /* gives priority over td.area selection background */
+  background-color: var(--ht-cell-error-background-color) !important;
+}
+.handsontable .htNoWrap {
+  white-space: nowrap;
+}
+.handsontable .htSearchResult {
+  background: var(--ht-cell-success-background-color);
+}
+
+.handsontableInputHolder {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.handsontableInputHolder .handsontableInput {
+  display: block;
+  margin: 0;
+  padding: calc(var(--ht-cell-horizontal-padding, 4px) + 1px) calc(var(--ht-cell-vertical-padding, 8px) + 1px);
+  font-family: inherit !important;
+  font-size: inherit !important;
+  line-height: inherit !important;
+  color: var(--ht-cell-editor-foreground-color);
+  background-color: var(--ht-background-color, #ffffff);
+  box-shadow: inset 0px 0px 0px 1px var(--ht-cell-editor-border-color), 0 0 var(--ht-cell-editor-shadow-blur-radius) var(--ht-cell-editor-shadow-color);
+  border: none;
+  -webkit-appearance: none !important;
+  overflow: hidden !important;
+  resize: none !important;
+  box-sizing: border-box;
+  /* Miscellaneous */
+  outline-width: 0;
+  /*overwrite styles potentially made by a framework*/
+}
+.handsontableInputHolder .handsontableInput:focus {
+  outline: none;
+}
+
+.htSelectEditor {
+  position: absolute;
+}
+.htSelectEditor select {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  padding: calc(var(--ht-cell-horizontal-padding, 4px) + 1px) calc(var(--ht-cell-vertical-padding, 8px) + 1px);
+  padding-right: 26px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--ht-cell-editor-foreground-color);
+  background-color: var(--ht-background-color, #ffffff);
+  font-family: inherit !important;
+  font-size: inherit !important;
+  line-height: inherit !important;
+  box-shadow: inset 0px 0px 0px 1px var(--ht-cell-editor-border-color), 0 0 var(--ht-cell-editor-shadow-blur-radius) var(--ht-cell-editor-shadow-color);
+  border: none;
+  -webkit-appearance: none !important;
+}
+.htSelectEditor select:focus {
+  outline: none;
+}
+.htSelectEditor .htAutocompleteArrow {
+  top: 50%;
+  transform: translateY(-50%);
+  margin-inline-end: 4px;
+  z-index: 1;
+}
+
+.handsontable.listbox {
+  margin: 0;
+  box-shadow: var(--ht-menu-shadow-x) var(--ht-menu-shadow-y) var(--ht-menu-shadow-blur) var(--ht-menu-shadow-color);
+}
+.handsontable.listbox .ht_master {
+  overflow: hidden;
+}
+.handsontable.listbox .wtHolder {
+  overflow: auto;
+}
+.handsontable.listbox table {
+  overflow: hidden;
+}
+.handsontable.listbox table th,
+.handsontable.listbox table tr:first-child th,
+.handsontable.listbox table tr:last-child th,
+.handsontable.listbox table tr:first-child td,
+.handsontable.listbox table td {
+  border-color: transparent !important;
+}
+.handsontable.listbox table th,
+.handsontable.listbox table td {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.handsontable.listbox table td.htDimmed {
+  cursor: default;
+  color: inherit;
+  font-style: inherit;
+}
+.handsontable.listbox table .wtBorder {
+  visibility: hidden;
+}
+.handsontable.listbox table strong {
+  font-weight: var(--ht-font-weight);
+}
+.handsontable.listbox table tr:hover td {
+  background: var(--ht-menu-item-hover-color);
+  cursor: pointer;
+}
+.handsontable.listbox table tr td.current {
+  background: var(--ht-menu-item-active-color);
+}
+.handsontable.listbox table thead th {
+  height: auto !important;
+  text-align: left;
+  border-width: 0px 1px 1px;
+}
+.handsontable.listbox table thead th > div {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+.handsontable.listbox table thead th:first-child {
+  padding-left: 8px;
+}
+.handsontable.listbox .ht_clone_top .wtHider {
+  overflow: hidden;
+}
+.handsontable.listbox .ht_clone_top table {
+  border-radius: 0;
+}
+.handsontable.listbox .htBorders div {
+  background: none !important;
+}
+.handsontable.autocompleteEditor tr.ht__row_even th,
+.handsontable.autocompleteEditor tr.ht__row_even td {
+  background-color: var(--ht-background-color, #ffffff);
+}
+.handsontable.autocompleteEditor tr.ht__row_odd th,
+.handsontable.autocompleteEditor tr.ht__row_odd td {
+  background-color: var(--ht-background-color, #ffffff);
+}
+
+.pika-single {
+  position: relative;
+  display: block;
+  padding: 10px;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
+  font-size: var(--ht-font-size);
+  font-weight: var(--ht-font-weight);
+  color: var(--ht-foreground-color);
+  background: var(--ht-background-color, #ffffff);
+  box-shadow: var(--ht-menu-shadow-x) var(--ht-menu-shadow-y) var(--ht-menu-shadow-blur) var(--ht-menu-shadow-color);
+  z-index: 9999;
+}
+.pika-single.is-hidden {
+  display: none;
+}
+.pika-single .pika-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.pika-single .pika-label {
+  position: relative;
+  order: 2;
+  padding: 5px;
+  color: var(--ht-accent-color);
+}
+.pika-single .pika-label .pika-select {
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+.pika-single .pika-prev,
+.pika-single .pika-next {
+  width: 20px;
+  height: 20px;
+  white-space: nowrap;
+  text-indent: -9999px;
+  cursor: pointer;
+}
+.pika-single .pika-prev {
+  order: 1;
+  margin-right: auto;
+}
+.pika-single .pika-next {
+  order: 3;
+  margin-left: auto;
+}
+.pika-single .pika-table thead {
+  height: 50px;
+}
+.pika-single .pika-table th abbr {
+  text-decoration: none;
+  font-weight: normal;
+}
+.pika-single .pika-table td {
+  padding: 1px;
+}
+.pika-single .pika-table td.is-disabled .pika-button {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.pika-single .pika-table td.is-today .pika-button {
+  background: var(--ht-menu-item-hover-color);
+}
+.pika-single .pika-table td.is-selected .pika-button {
+  background: var(--ht-accent-color);
+  color: var(--ht-background-color);
+}
+.pika-single .pika-table td.pika-week {
+  width: 12.5%;
+  text-align: center;
+}
+.pika-single .pika-table .pika-button {
+  width: 100%;
+  aspect-ratio: 1/1;
+  background: transparent;
+  color: var(--ht-foreground-color);
+  border: none;
+  border-radius: var(--ht-button-border-radius);
+  margin: 0;
+  padding: 10px;
+  cursor: pointer;
+}
+.pika-single .pika-table .pika-button:hover {
+  background: var(--ht-menu-item-hover-color);
+}
+
+.handsontable .htUISelectCaption {
+  width: 100%;
+  padding: var(--ht-input-horizontal-padding) var(--ht-input-vertical-padding);
+  font-family: inherit;
+  font-size: var(--ht-font-size);
+  line-height: var(--ht-line-height);
+  font-weight: var(--ht-font-weight);
+  border-radius: var(--ht-border-radius);
+  box-sizing: border-box;
+  cursor: pointer;
+  outline: none !important;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--ht-input-border-color);
+  color: var(--ht-input-foreground-color);
+  background-color: var(--ht-input-background-color);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.handsontable .htUISelectCaption:hover {
+  border-color: var(--ht-input-hover-border-color);
+  color: var(--ht-input-hover-foreground-color);
+  background-color: var(--ht-input-hover-background-color);
+}
+.handsontable .htUISelectCaption:disabled {
+  border-color: var(--ht-input-disabled-border-color);
+  color: var(--ht-input-disabled-foreground-color);
+  background-color: var(--ht-input-disabled-background-color);
+}
+.handsontable .htUISelectCaption:focus {
+  border-color: var(--ht-input-focus-border-color);
+  color: var(--ht-input-focus-foreground-color);
+  background-color: var(--ht-input-focus-background-color);
+}
+.handsontable .htUISelect {
+  cursor: pointer;
+  position: relative;
+  outline: none !important;
+}
+
+.handsontable .htFiltersMenuCondition .htUIInput input,
+.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input {
+  width: 100%;
+  padding: var(--ht-input-horizontal-padding) var(--ht-input-vertical-padding);
+  font-family: inherit;
+  font-size: var(--ht-font-size);
+  line-height: var(--ht-line-height);
+  font-weight: var(--ht-font-weight);
+  border-radius: var(--ht-border-radius);
+  box-sizing: border-box;
+  cursor: pointer;
+  outline: none !important;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--ht-input-border-color);
+  color: var(--ht-input-foreground-color);
+  background-color: var(--ht-input-background-color);
+}
+.handsontable .htFiltersMenuCondition .htUIInput input:hover,
+.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input:hover {
+  border-color: var(--ht-input-hover-border-color);
+  color: var(--ht-input-hover-foreground-color);
+  background-color: var(--ht-input-hover-background-color);
+}
+.handsontable .htFiltersMenuCondition .htUIInput input:disabled,
+.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input:disabled {
+  border-color: var(--ht-input-disabled-border-color);
+  color: var(--ht-input-disabled-foreground-color);
+  background-color: var(--ht-input-disabled-background-color);
+}
+.handsontable .htFiltersMenuCondition .htUIInput input:focus,
+.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input:focus {
+  border-color: var(--ht-input-focus-border-color);
+  color: var(--ht-input-focus-foreground-color);
+  background-color: var(--ht-input-focus-background-color);
+}
+.handsontable .htUIInput {
+  position: relative;
+  padding: 0;
+  outline: none !important;
+  text-align: center;
+}
+.handsontable .htUIInputIcon {
+  position: absolute;
+}
+
+.handsontable .htUIInput.htUIButton {
+  cursor: pointer;
+  display: inline-block;
+}
+.handsontable .htUIInput.htUIButton input {
+  min-width: 64px;
+  padding: var(--ht-button-horizontal-padding) var(--ht-button-vertical-padding);
+  font-family: inherit;
+  font-size: var(--ht-font-size);
+  line-height: var(--ht-line-height);
+  font-weight: var(--ht-font-weight);
+  border-radius: var(--ht-button-border-radius);
+  box-sizing: border-box;
+  cursor: pointer;
+  outline: none !important;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--ht-secondary-button-border-color);
+  background-color: var(--ht-secondary-button-background-color);
+  color: var(--ht-secondary-button-foreground-color);
+}
+.handsontable .htUIInput.htUIButton input:hover {
+  border-color: var(--ht-secondary-button-hover-border-color);
+  background-color: var(--ht-secondary-button-hover-background-color);
+  color: var(--ht-secondary-button-hover-foreground-color);
+}
+.handsontable .htUIInput.htUIButton input:disabled {
+  border-color: var(--ht-secondary-button-disabled-border-color);
+  background-color: var(--ht-secondary-button-disabled-background-color);
+  color: var(--ht-secondary-button-disabled-foreground-color);
+}
+.handsontable .htUIInput.htUIButton input:focus {
+  border-color: var(--ht-secondary-button-focus-border-color);
+  background-color: var(--ht-secondary-button-focus-background-color);
+  color: var(--ht-secondary-button-focus-foreground-color);
+}
+.handsontable .htUIInput.htUIButtonOK {
+  margin-inline-start: 0;
+  margin-inline-end: calc(2 * var(--ht-gap-size));
+}
+.handsontable .htUIInput.htUIButtonOK input {
+  border-color: var(--ht-primary-button-border-color);
+  background-color: var(--ht-primary-button-background-color);
+  color: var(--ht-primary-button-foreground-color);
+}
+.handsontable .htUIInput.htUIButtonOK input:hover {
+  border-color: var(--ht-primary-button-hover-border-color);
+  background-color: var(--ht-primary-button-hover-background-color);
+  color: var(--ht-primary-button-hover-foreground-color);
+}
+.handsontable .htUIInput.htUIButtonOK input:disabled {
+  border-color: var(--ht-primary-button-disabled-border-color);
+  background-color: var(--ht-primary-button-disabled-background-color);
+  color: var(--ht-primary-button-disabled-foreground-color);
+}
+.handsontable .htUIInput.htUIButtonOK input:focus {
+  border-color: var(--ht-primary-button-focus-border-color);
+  background-color: var(--ht-primary-button-focus-background-color);
+  color: var(--ht-primary-button-focus-foreground-color);
+}
+
+.handsontable .htUIRadio {
+  position: relative;
+  display: inline-flex;
+  margin: 0;
+  padding: var(--ht-gap-size) calc(2 * var(--ht-gap-size));
+  align-items: center;
+  gap: calc(2 * var(--ht-gap-size));
+  cursor: pointer;
+}
+.handsontable .htUIRadio:first-child {
+  padding-inline-start: 0;
+}
+.handsontable .htUIRadio > input[type=radio] {
+  position: relative;
+  width: var(--ht-checkbox-size);
+  height: var(--ht-checkbox-size);
+  margin: 0;
+  appearance: none;
+  cursor: pointer;
+}
+.handsontable .htUIRadio > input[type=radio]:before {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: 0;
+  border-radius: calc(0.5 * var(--ht-checkbox-size));
+  border: 1px solid var(--ht-checkbox-border-color);
+  background-color: var(--ht-checkbox-background-color);
+}
+.handsontable .htUIRadio > input[type=radio]:after {
+  content: "";
+  display: block;
+  position: absolute;
+  color: var(--ht-checkbox-background-color);
+}
+.handsontable .htUIRadio > input[type=radio]:hover:before {
+  border-color: var(--ht-checkbox-hover-border-color);
+}
+.handsontable .htUIRadio > input[type=radio]:hover:after {
+  color: var(--ht-checkbox-hover-background-color);
+}
+.handsontable .htUIRadio > input[type=radio]:checked:before {
+  border-color: var(--ht-checkbox-checked-border-color);
+}
+.handsontable .htUIRadio > input[type=radio]:checked:after {
+  color: var(--ht-checkbox-checked-background-color);
+}
+.handsontable .htUIRadio > input[type=radio]:checked:hover:before {
+  border-color: var(--ht-checkbox-checked-hover-border-color);
+}
+.handsontable .htUIRadio > input[type=radio]:checked:hover:after {
+  color: var(--ht-checkbox-checked-hover-background-color);
+}
+.handsontable .htUIRadio > input[type=radio]:checked:disabled {
+  cursor: initial;
+}
+.handsontable .htUIRadio > input[type=radio]:checked:disabled:before {
+  border-color: var(--ht-checkbox-checked-disabled-border-color);
+}
+.handsontable .htUIRadio > input[type=radio]:checked:disabled:after {
+  color: var(--ht-checkbox-checked-disabled-icon-color);
+}
+.handsontable .htUIRadio > input[type=radio]:disabled:before {
+  border-color: var(--ht-checkbox-disabled-border-color);
+}
+.handsontable .htUIRadio > input[type=radio]:disabled:after {
+  color: var(--ht-checkbox-disabled-background-color);
+}
+.handsontable .htUIRadio > input[type=radio]:focus:before {
+  border-color: var(--ht-checkbox-checked-focus-border-color);
+}
+.handsontable .htUIRadio > input[type=radio]:focus:after {
+  color: var(--ht-checkbox-checked-focus-icon-color);
+}
+.handsontable .htUIRadio > input[type=radio]:disabled {
+  cursor: initial;
+}
+.handsontable .htUIRadio > input[type=radio]:disabled:before {
+  border-color: var(--ht-checkbox-disabled-border-color);
+}
+.handsontable .htUIRadio > input[type=radio]:disabled:after {
+  color: var(--ht-checkbox-disabled-icon-color);
+}
+.handsontable .htUIRadio label {
+  vertical-align: middle;
+  cursor: pointer;
+}
+.handsontable .htUIRadio label:before {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: 0;
+}
+
+.handsontable .collapsibleIndicator,
+.handsontable .ht_nestingButton {
+  position: relative;
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  box-sizing: border-box;
+  border-radius: var(--ht-collapse-button-border-radius);
+  overflow: hidden;
+  cursor: pointer;
+  /* hide text */
+  text-indent: -100px;
+  font-size: 0;
+}
+.handsontable .collapsibleIndicator:before,
+.handsontable .ht_nestingButton:before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  transition: var(--ht-table-transition) all ease-in-out;
+}
+.handsontable .collapsibleIndicator.expanded, .handsontable .collapsibleIndicator.ht_nestingCollapse,
+.handsontable .ht_nestingButton.expanded,
+.handsontable .ht_nestingButton.ht_nestingCollapse {
+  background-color: var(--ht-collapse-button-open-background-color);
+  box-shadow: 0 0 0 1px var(--ht-collapse-button-open-border-color);
+}
+.handsontable .collapsibleIndicator.expanded:before, .handsontable .collapsibleIndicator.ht_nestingCollapse:before,
+.handsontable .ht_nestingButton.expanded:before,
+.handsontable .ht_nestingButton.ht_nestingCollapse:before {
+  color: var(--ht-collapse-button-open-icon-color);
+}
+.handsontable .collapsibleIndicator.expanded:hover, .handsontable .collapsibleIndicator.ht_nestingCollapse:hover,
+.handsontable .ht_nestingButton.expanded:hover,
+.handsontable .ht_nestingButton.ht_nestingCollapse:hover {
+  background-color: var(--ht-collapse-button-open-hover-background-color);
+  box-shadow: 0 0 0 1px var(--ht-collapse-button-open-hover-border-color);
+}
+.handsontable .collapsibleIndicator.expanded:hover:before, .handsontable .collapsibleIndicator.ht_nestingCollapse:hover:before,
+.handsontable .ht_nestingButton.expanded:hover:before,
+.handsontable .ht_nestingButton.ht_nestingCollapse:hover:before {
+  color: var(--ht-collapse-button-open-hover-icon-color);
+}
+.handsontable .collapsibleIndicator.collapsed, .handsontable .collapsibleIndicator.ht_nestingExpand,
+.handsontable .ht_nestingButton.collapsed,
+.handsontable .ht_nestingButton.ht_nestingExpand {
+  background-color: var(--ht-collapse-button-close-background-color);
+  box-shadow: 0 0 0 1px var(--ht-collapse-button-close-border-color);
+}
+.handsontable .collapsibleIndicator.collapsed:before, .handsontable .collapsibleIndicator.ht_nestingExpand:before,
+.handsontable .ht_nestingButton.collapsed:before,
+.handsontable .ht_nestingButton.ht_nestingExpand:before {
+  color: var(--ht-collapse-button-close-icon-color);
+}
+.handsontable .collapsibleIndicator.collapsed:hover, .handsontable .collapsibleIndicator.ht_nestingExpand:hover,
+.handsontable .ht_nestingButton.collapsed:hover,
+.handsontable .ht_nestingButton.ht_nestingExpand:hover {
+  background-color: var(--ht-collapse-button-close-hover-background-color);
+  box-shadow: 0 0 0 1px var(--ht-collapse-button-close-hover-border-color);
+}
+.handsontable .collapsibleIndicator.collapsed:hover:before, .handsontable .collapsibleIndicator.ht_nestingExpand:hover:before,
+.handsontable .ht_nestingButton.collapsed:hover:before,
+.handsontable .ht_nestingButton.ht_nestingExpand:hover:before {
+  color: var(--ht-collapse-button-close-hover-icon-color);
+}
+
+.handsontable thead th.hiddenHeader:not(:first-of-type) {
+  display: none;
+}
+
+.handsontable th.ht_nestingLevels > .relative {
+  display: flex;
+  align-items: center;
+  gap: var(--ht-gap-size);
+}
+.handsontable th.ht_nestingLevels span:last-child {
+  padding-left: calc(var(--ht-icon-size) + var(--ht-gap-size));
+}
+.handsontable th.ht_nestingLevels span.ht_nestingLevel {
+  display: inline-block;
+}
+.handsontable th.ht_nestingLevels span.ht_nestingLevel_empty {
+  position: relative;
+  display: inline-block;
+  width: var(--ht-gap-size);
+  height: var(--ht-gap-size);
+  order: -2;
+}
+.handsontable th.ht_nestingLevels .ht_nestingButton {
+  position: relative;
+  cursor: pointer;
+  order: -1;
+}
+
+.handsontable th.beforeHiddenColumn,
+.handsontable th.afterHiddenColumn {
+  position: relative;
+}
+.handsontable th.beforeHiddenColumn:after,
+.handsontable th.afterHiddenColumn:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 50%;
+  width: 10px !important;
+  height: 10px !important;
+  transform: translateY(-50%);
+  color: var(--ht-border-color);
+}
+.handsontable th.beforeHiddenColumn:after {
+  right: -2px;
+}
+.handsontable th.afterHiddenColumn:after {
+  left: -2px;
+}
+
+[dir=rtl].handsontable th.beforeHiddenColumn:after {
+  right: initial;
+  left: -2px;
+  transform: translateY(-50%) rotate(180deg);
+}
+[dir=rtl].handsontable th.afterHiddenColumn:after {
+  right: -2px;
+  left: initial;
+  transform: translateY(-50%) rotate(180deg);
+}
+
+.handsontable th.beforeHiddenRow,
+.handsontable th.afterHiddenRow {
+  position: relative;
+}
+.handsontable th.beforeHiddenRow:after,
+.handsontable th.afterHiddenRow:after {
+  content: "";
+  display: block;
+  position: absolute;
+  left: 50%;
+  width: 10px !important;
+  height: 10px !important;
+  transform: translateX(-50%);
+  color: var(--ht-border-color);
+}
+.handsontable th.beforeHiddenRow:after {
+  bottom: -2px;
+}
+.handsontable th.afterHiddenRow:after {
+  top: -2px;
+}
+
+.handsontable .changeType {
+  position: relative;
+  box-sizing: border-box;
+  width: var(--ht-icon-size);
+  height: var(--ht-icon-size);
+  border-radius: var(--ht-icon-button-border-radius);
+  border: none;
+  color: inherit;
+  background-color: var(--ht-icon-button-background);
+  transition: var(--ht-table-transition) all ease-in-out;
+  order: 1;
+  z-index: 1;
+}
+.handsontable .changeType:before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0.6;
+}
+.handsontable .changeType:hover {
+  border: none;
+  cursor: pointer;
+  background-color: var(--ht-icon-button-hover-background);
+  box-shadow: 0 0 0 1px var(--ht-border-color);
+}
+.handsontable .changeType:hover:before {
+  border-color: var(--ht-icon-button-hover-icon-color);
+}
+.handsontable .htFiltersActive .changeType {
+  color: var(--ht-icon-button-focus-icon-color);
+  background-color: var(--ht-icon-button-focus-background);
+}
+.handsontable.htDropdownMenu > .ht_master, .handsontable.htContextMenu > .ht_master, .handsontable.htFiltersConditionsMenu > .ht_master {
+  border-color: var(--ht-menu-border-color);
+  border-style: solid;
+  border-width: var(--ht-menu-border-width);
+  border-radius: var(--ht-menu-border-radius);
+  box-shadow: var(--ht-menu-shadow-x) var(--ht-menu-shadow-y) var(--ht-menu-shadow-blur) var(--ht-menu-shadow-color);
+  overflow: hidden;
+  padding: var(--ht-menu-vertical-padding) var(--ht-menu-horizontal-padding);
+}
+.handsontable.htDropdownMenu:not(.htGhostTable), .handsontable.htContextMenu:not(.htGhostTable), .handsontable.htFiltersConditionsMenu:not(.htGhostTable) {
+  display: none;
+  position: absolute;
+  /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
+  z-index: 1060;
+}
+.handsontable.htDropdownMenu .ht_clone_top,
+.handsontable.htDropdownMenu .ht_clone_bottom,
+.handsontable.htDropdownMenu .ht_clone_inline_start,
+.handsontable.htDropdownMenu .ht_clone_top_inline_start_corner,
+.handsontable.htDropdownMenu .ht_clone_bottom_inline_start_corner, .handsontable.htContextMenu .ht_clone_top,
+.handsontable.htContextMenu .ht_clone_bottom,
+.handsontable.htContextMenu .ht_clone_inline_start,
+.handsontable.htContextMenu .ht_clone_top_inline_start_corner,
+.handsontable.htContextMenu .ht_clone_bottom_inline_start_corner, .handsontable.htFiltersConditionsMenu .ht_clone_top,
+.handsontable.htFiltersConditionsMenu .ht_clone_bottom,
+.handsontable.htFiltersConditionsMenu .ht_clone_inline_start,
+.handsontable.htFiltersConditionsMenu .ht_clone_top_inline_start_corner,
+.handsontable.htFiltersConditionsMenu .ht_clone_bottom_inline_start_corner {
+  display: none;
+}
+.handsontable.htDropdownMenu table.htCore, .handsontable.htContextMenu table.htCore, .handsontable.htFiltersConditionsMenu table.htCore {
+  overflow: hidden;
+}
+.handsontable.htDropdownMenu .htCustomMenuRenderer .table.htCore, .handsontable.htContextMenu .htCustomMenuRenderer .table.htCore, .handsontable.htFiltersConditionsMenu .htCustomMenuRenderer .table.htCore {
+  box-shadow: none;
+}
+.handsontable.htDropdownMenu.handsontable:focus, .handsontable.htContextMenu.handsontable:focus, .handsontable.htFiltersConditionsMenu.handsontable:focus {
+  outline: none;
+}
+.handsontable.htDropdownMenu .wtBorder, .handsontable.htContextMenu .wtBorder, .handsontable.htFiltersConditionsMenu .wtBorder {
+  visibility: hidden;
+}
+.handsontable.htDropdownMenu table tbody tr td, .handsontable.htContextMenu table tbody tr td, .handsontable.htFiltersConditionsMenu table tbody tr td {
+  position: relative;
+  padding: var(--ht-menu-item-horizontal-padding) var(--ht-menu-item-vertical-padding);
+  border-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  background: var(--ht-background-color);
+  cursor: pointer;
+  transition: background calc(0.5 * var(--ht-table-transition)) ease-in-out;
+}
+.handsontable.htDropdownMenu table tbody tr td:first-child, .handsontable.htContextMenu table tbody tr td:first-child, .handsontable.htFiltersConditionsMenu table tbody tr td:first-child {
+  border-top-width: 0;
+  border-inline-end-width: 0;
+  border-bottom-width: 0;
+  border-inline-start-width: 0;
+}
+.handsontable.htDropdownMenu table tbody tr td.htDimmed, .handsontable.htContextMenu table tbody tr td.htDimmed, .handsontable.htFiltersConditionsMenu table tbody tr td.htDimmed {
+  font-style: normal;
+  color: var(--ht-foreground-color);
+}
+.handsontable.htDropdownMenu table tbody tr td.current:not(.htSelectionDisabled), .handsontable.htContextMenu table tbody tr td.current:not(.htSelectionDisabled), .handsontable.htFiltersConditionsMenu table tbody tr td.current:not(.htSelectionDisabled) {
+  background: var(--ht-menu-item-active-color);
+}
+.handsontable.htDropdownMenu table tbody tr td.htSubmenu .htItemWrapper:after, .handsontable.htContextMenu table tbody tr td.htSubmenu .htItemWrapper:after, .handsontable.htFiltersConditionsMenu table tbody tr td.htSubmenu .htItemWrapper:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 50%;
+  right: calc(4 * var(--ht-gap-size));
+  transform: translateY(-50%);
+}
+.handsontable.htDropdownMenu table tbody tr td.htSeparator, .handsontable.htContextMenu table tbody tr td.htSeparator, .handsontable.htFiltersConditionsMenu table tbody tr td.htSeparator {
+  border-top: 1px solid var(--ht-menu-border-color);
+  height: 0;
+  padding: 0;
+  cursor: default;
+}
+.handsontable.htDropdownMenu table tbody tr td.htDisabled, .handsontable.htContextMenu table tbody tr td.htDisabled, .handsontable.htFiltersConditionsMenu table tbody tr td.htDisabled {
+  color: var(--ht-disabled-color);
+  cursor: default;
+}
+.handsontable.htDropdownMenu table tbody tr td.htDisabled:hover, .handsontable.htContextMenu table tbody tr td.htDisabled:hover, .handsontable.htFiltersConditionsMenu table tbody tr td.htDisabled:hover {
+  background: var(--ht-background-color);
+  color: var(--ht-disabled-color);
+}
+.handsontable.htDropdownMenu table tbody tr td.htHidden, .handsontable.htContextMenu table tbody tr td.htHidden, .handsontable.htFiltersConditionsMenu table tbody tr td.htHidden {
+  display: none;
+}
+.handsontable.htDropdownMenu table tbody tr td .htItemWrapper, .handsontable.htContextMenu table tbody tr td .htItemWrapper, .handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper {
+  margin-inline: calc(2 * var(--ht-gap-size));
+}
+.handsontable.htDropdownMenu table tbody tr td .htItemWrapper i, .handsontable.htContextMenu table tbody tr td .htItemWrapper i, .handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper i {
+  font-size: 18px;
+  margin-right: 5px;
+}
+.handsontable.htDropdownMenu table tbody tr td .htItemWrapper:before, .handsontable.htContextMenu table tbody tr td .htItemWrapper:before, .handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper:before {
+  vertical-align: text-bottom;
+  margin-right: 12px;
+}
+.handsontable.htDropdownMenu table tbody tr td .htItemWrapper span.selected, .handsontable.htContextMenu table tbody tr td .htItemWrapper span.selected, .handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected {
+  font-size: 0;
+  inset: 0;
+}
+.handsontable.htDropdownMenu table tbody tr td .htItemWrapper span.selected:after, .handsontable.htContextMenu table tbody tr td .htItemWrapper span.selected:after, .handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 50%;
+  right: calc(4 * var(--ht-gap-size));
+  color: var(--ht-accent-color);
+  transform: translateY(-50%);
+}
+.handsontable.htDropdownMenu table tbody tr td .htItemWrapper span.selected::before, .handsontable.htContextMenu table tbody tr td .htItemWrapper span.selected::before, .handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected::before {
+  content: "";
+  display: block;
+  position: absolute;
+  inset: 0;
+  background-color: var(--ht-accent-color);
+  opacity: 0.1;
+}
+.handsontable.htDropdownMenu table tbody tr td div span.selected, .handsontable.htContextMenu table tbody tr td div span.selected, .handsontable.htFiltersConditionsMenu table tbody tr td div span.selected {
+  position: absolute;
+  inset-inline-end: 0;
+}
+
+.handsontable.htFiltersConditionsMenu:not(.htGhostTable) {
+  z-index: 1070;
+}
+.handsontable .ht_master table td.htCustomMenuRenderer {
+  cursor: auto;
+}
+.handsontable .ht_master table td.htCustomMenuRenderer.htFiltersMenuActionBar {
+  padding-top: calc(var(--ht-menu-item-horizontal-padding) * 2);
+}
+.handsontable .htFiltersMenuLabel {
+  font-size: var(--ht-label-font-size);
+  line-height: var(--ht-label-line-height);
+  margin-bottom: calc(var(--ht-gap-size) * 2);
+}
+.handsontable .htFiltersMenuLabel:empty {
+  display: none;
+}
+.handsontable .htFiltersMenuCondition {
+  padding-top: calc(var(--ht-gap-size) * 4) !important;
+  padding-bottom: 0 !important;
+}
+.handsontable .htFiltersMenuCondition .border {
+  border-bottom: 1px solid var(--ht-border-color) !important;
+}
+.handsontable .htFiltersMenuCondition .htUIInput {
+  margin-top: calc(var(--ht-gap-size) * 2);
+}
+.handsontable .htFiltersMenuValue {
+  padding-top: calc(var(--ht-gap-size) * 4) !important;
+  padding-bottom: 0 !important;
+  border-bottom: 1px solid var(--ht-border-color) !important;
+}
+.handsontable .htFiltersMenuOperators,
+.handsontable .htUISelectionControls {
+  padding-top: calc(var(--ht-gap-size) * 2) !important;
+  padding-bottom: 0 !important;
+  margin: 0 -8px;
+}
+.handsontable .htUIMultipleSelectHot {
+  overflow: initial !important;
+  width: calc(100% + var(--ht-menu-item-vertical-padding) * 2 + var(--ht-gap-size) * 4);
+  margin: 0 calc((var(--ht-menu-item-vertical-padding) + var(--ht-gap-size) * 2) * -1);
+}
+.handsontable .htUIMultipleSelectHot::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: var(--ht-border-color);
+}
+.handsontable .htUIMultipleSelectHot .wtHolder {
+  padding: calc(var(--ht-gap-size) * 4) 0;
+  overflow-x: hidden;
+  box-sizing: border-box;
+}
+.handsontable .htUIMultipleSelectHot .wtHolder td {
+  height: auto;
+  padding: 0;
+  padding: 0 calc(var(--ht-menu-item-vertical-padding) + var(--ht-gap-size) * 2);
+}
+.handsontable .htUIClearAll,
+.handsontable .htUISelectAll {
+  display: inline-block;
+}
+.handsontable .htUIClearAll a,
+.handsontable .htUISelectAll a {
+  color: var(--ht-link-color);
+}
+.handsontable .htUIClearAll a:hover,
+.handsontable .htUISelectAll a:hover {
+  color: var(--ht-link-hover-color);
+}
+.handsontable .htUIMultipleSelect .ht_master .wtHolder {
+  overflow-y: auto;
+}
+.handsontable .htUIMultipleSelect .ht_master .wtHolder .wtHider,
+.handsontable .htUIMultipleSelect .ht_master .wtHolder .htCore,
+.handsontable .htUIMultipleSelect .ht_master .wtHolder tr,
+.handsontable .htUIMultipleSelect .ht_master .wtHolder td {
+  background: none;
+}
+
+.handsontable .htCommentCell {
+  position: relative;
+}
+.handsontable .htCommentCell:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  inset-inline-end: 0;
+  inset-inline-start: unset;
+  border-inline-start: var(--ht-comments-indicator-size) solid transparent;
+  border-inline-end: none;
+  border-top: var(--ht-comments-indicator-size) solid var(--ht-comments-indicator-color);
+}
+
+.htCommentsContainer .htComments {
+  display: none;
+  z-index: 1059;
+  position: absolute;
+}
+.htCommentsContainer .htCommentTextArea {
+  width: 240px;
+  height: 88px;
+  margin: 0 -1px;
+  padding: var(--ht-comments-textarea-horizontal-padding) var(--ht-comments-textarea-vertical-padding);
+  box-sizing: border-box;
+  border: 0;
+  border-inline-start: var(--ht-comments-textarea-focus-border-width) solid var(--ht-comments-textarea-border-color);
+  border-inline-end: none;
+  border-radius: 0 calc(2 * var(--ht-gap-size)) calc(2 * var(--ht-gap-size)) 0;
+  outline: 0px !important;
+  color: var(--ht-comments-textarea-foreground-color);
+  background-color: var(--ht-comments-textarea-background-color);
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
+  font-size: var(--ht-comments-font-size);
+  line-height: var(--ht-comments-line-height);
+  font-weight: var(--ht-font-weight);
+  box-shadow: var(--ht-menu-shadow-x) var(--ht-menu-shadow-y) var(--ht-menu-shadow-blur) var(--ht-menu-shadow-color);
+  -webkit-appearance: none;
+}
+.htCommentsContainer .htCommentTextArea:focus {
+  border-inline-start: var(--ht-comments-textarea-focus-border-width) solid var(--ht-comments-textarea-focus-border-color);
+  border-inline-end: none;
+}
+
+.handsontable .columnSorting {
+  position: relative;
+}
+.handsontable .columnSorting.sortAction {
+  display: inline-flex;
+  align-items: center;
+  gap: 0;
+  inset: 0;
+}
+.handsontable .columnSorting.sortAction:hover {
+  text-decoration: none;
+  cursor: pointer;
+}
+.handsontable .columnSorting.sortAction:before {
+  content: "";
+  display: block;
+  order: 1;
+}
+
+.htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled)::before {
+  content: "*";
+  display: inline-block;
+  position: relative;
+  /* The multi-line header and header with longer text need more padding to not hide arrow,
+      we make header wider in `GhostTable` to make some space for arrow which is positioned absolutely in the main table */
+  padding-right: 20px;
+}
+
+.handsontable span.colHeader.columnSorting:after {
+  position: relative;
+  order: 2;
+  margin-left: calc(var(--ht-gap-size) * -1);
+  padding-inline-start: 1px;
+  padding-inline-end: 1px;
+  top: var(--ht-gap-size);
+  font-size: 7px;
+}
+.handsontable span.colHeader.columnSorting[class^=sort-]::after, .handsontable span.colHeader.columnSorting[class*=" sort-"]::after {
+  content: "+";
+}
+.handsontable span.colHeader.columnSorting.sort-1::after {
+  content: "1";
+}
+.handsontable span.colHeader.columnSorting.sort-2::after {
+  content: "2";
+}
+.handsontable span.colHeader.columnSorting.sort-3::after {
+  content: "3";
+}
+.handsontable span.colHeader.columnSorting.sort-4::after {
+  content: "4";
+}
+.handsontable span.colHeader.columnSorting.sort-5::after {
+  content: "5";
+}
+.handsontable span.colHeader.columnSorting.sort-6::after {
+  content: "6";
+}
+.handsontable span.colHeader.columnSorting.sort-7::after {
+  content: "7";
+}
+
+.htGhostTable th div button.changeType + span.colHeader.columnSorting:not(.indicatorDisabled) {
+  padding-right: var(--ht-gap-size);
+}
+
+.handsontable .manualColumnResizer {
+  position: absolute;
+  top: 0;
+  width: 10px;
+  margin: 0;
+  cursor: col-resize;
+  background: none;
+  opacity: 0;
+  z-index: 210;
+  transition: opacity var(--ht-table-transition) ease-in-out;
+}
+.handsontable .manualColumnResizer::before, .handsontable .manualColumnResizer::after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 1px;
+  width: 2px;
+  height: calc(100% - 8px);
+  margin: 4px 0;
+  background: var(--ht-read-only-color);
+  border-radius: 2px;
+}
+.handsontable .manualColumnResizer::after {
+  left: auto;
+  right: 0;
+}
+.handsontable .manualColumnResizer:hover, .handsontable .manualColumnResizer.active {
+  opacity: 1;
+}
+.handsontable .manualColumnResizerGuide {
+  position: absolute;
+  inset-inline-end: unset;
+  top: 0;
+  width: 0;
+  margin-inline-start: 4px;
+  margin-inline-end: unset;
+  display: none;
+  border-inline-end: 1px solid var(--ht-accent-color);
+  border-inline-start: none;
+}
+.handsontable .manualColumnResizerGuide.active {
+  display: block;
+  z-index: 209;
+}
+
+.handsontable .manualRowResizer {
+  position: absolute;
+  left: 0;
+  z-index: 210;
+  height: 10px;
+  margin: 0;
+  cursor: row-resize;
+  background: none;
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+}
+.handsontable .manualRowResizer::before, .handsontable .manualRowResizer::after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 1px;
+  left: 0;
+  width: calc(100% - 8px);
+  height: 2px;
+  margin: 0 4px;
+  background: var(--ht-resize-indicator-color);
+  border-radius: 2px;
+}
+.handsontable .manualRowResizer::after {
+  top: auto;
+  bottom: 0;
+}
+.handsontable .manualRowResizer:hover, .handsontable .manualRowResizer.active {
+  opacity: 1;
+}
+.handsontable .manualRowResizerGuide {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: 0;
+  margin-top: 4px;
+  display: none;
+  border-bottom: 1px solid var(--ht-accent-color);
+  border-top: none;
+}
+.handsontable .manualRowResizerGuide.active {
+  display: block;
+  z-index: 209;
+}
+
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before {
+  opacity: 0.1;
+}
+
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before {
+  opacity: 0.17;
+}
+
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before {
+  opacity: 0.24;
+}
+
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before {
+  opacity: 0.31;
+}
+
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before {
+  opacity: 0.38;
+}
+
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before {
+  opacity: 0.45;
+}
+
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before {
+  opacity: 0.52;
+}
+
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before {
+  opacity: 0.59;
+}
+
+.handsontable .wtHider {
+  position: relative;
+}
+.handsontable .ht__manualColumnMove.after-selection--columns thead th.ht__highlight, .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
+  cursor: move;
+  cursor: -moz-grab;
+  cursor: -webkit-grab;
+  cursor: grab;
+}
+.handsontable .ht__manualColumnMove.on-moving--columns *,
+.handsontable .ht__manualColumnMove.on-moving--columns thead th.ht__highlight, .handsontable.ht__manualColumnMove.on-moving--columns *,
+.handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
+  cursor: move;
+  cursor: -moz-grabbing;
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
+}
+.handsontable .ht__manualColumnMove.on-moving--columns .manualColumnResizer, .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
+  display: none;
+}
+.handsontable .ht__manualColumnMove--guideline, .handsontable .ht__manualColumnMove--backlight, .handsontable.ht__manualColumnMove--guideline, .handsontable.ht__manualColumnMove--backlight {
+  position: absolute;
+  height: 100%;
+  display: none;
+}
+.handsontable .ht__manualColumnMove--guideline, .handsontable.ht__manualColumnMove--guideline {
+  width: 1px;
+  top: 0;
+  margin-inline-start: -0.5px;
+  margin-inline-end: 0;
+  z-index: 205;
+  background: var(--ht-move-indicator-color);
+}
+.handsontable .ht__manualColumnMove--backlight, .handsontable.ht__manualColumnMove--backlight {
+  display: none;
+  z-index: 205;
+  pointer-events: none;
+  background: var(--ht-move-backlight-color);
+}
+.handsontable .on-moving--columns.show-ui .ht__manualColumnMove--guideline,
+.handsontable .on-moving--columns .ht__manualColumnMove--backlight, .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
+.handsontable.on-moving--columns .ht__manualColumnMove--backlight {
+  display: block;
+}
+
+.handsontable .wtHider {
+  position: relative;
+}
+.handsontable .ht__manualRowMove.after-selection--rows tbody th.ht__highlight, .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
+  cursor: move;
+  cursor: -moz-grab;
+  cursor: -webkit-grab;
+  cursor: grab;
+}
+.handsontable .ht__manualRowMove.on-moving--rows *,
+.handsontable .ht__manualRowMove.on-moving--rows tbody th.ht__highlight, .handsontable.ht__manualRowMove.on-moving--rows *,
+.handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
+  cursor: move;
+  cursor: -moz-grabbing;
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
+}
+.handsontable .ht__manualRowMove.on-moving--rows .manualRowResizer, .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
+  display: none;
+}
+.handsontable .ht__manualRowMove--guideline, .handsontable .ht__manualRowMove--backlight, .handsontable.ht__manualRowMove--guideline, .handsontable.ht__manualRowMove--backlight {
+  position: absolute;
+  width: 100%;
+  display: none;
+}
+.handsontable .ht__manualRowMove--guideline, .handsontable.ht__manualRowMove--guideline {
+  height: 1px;
+  left: 0;
+  margin-top: -0.5px;
+  z-index: 205;
+  background: var(--ht-move-indicator-color);
+}
+.handsontable .ht__manualRowMove--backlight, .handsontable.ht__manualRowMove--backlight {
+  display: none;
+  z-index: 205;
+  pointer-events: none;
+  background: var(--ht-move-backlight-color);
+}
+.handsontable .on-moving--rows.show-ui .ht__manualRowMove--guideline,
+.handsontable .on-moving--rows .ht__manualRowMove--backlight, .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
+.handsontable.on-moving--rows .ht__manualRowMove--backlight {
+  display: block;
+}