handsontable/styles/handsontableStyles.mjs

Handsontable is a JavaScript Data Grid available for React, Angular and Vue.

/* eslint-disable max-len, quotes */
/* This file is autogenerated. */

export default "/*!\n * Copyright (c) HANDSONCODE sp. z o. o.\n *\n * HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o., a Polish corporation based in\n * Gdynia, Poland, at Aleja Zwyciestwa 96-98, registered by the District Court in Gdansk under number\n * 538651, EU tax ID number: PL5862294002, share capital: PLN 62,800.00.\n *\n * This software is protected by applicable copyright laws, including international treaties, and dual-\n * licensed - depending on whether your use for commercial purposes, meaning intended for or\n * resulting in commercial advantage or monetary compensation, or not.\n *\n * If your use is strictly personal or solely for evaluation purposes, meaning for the purposes of testing\n * the suitability, performance, and usefulness of this software outside the production environment,\n * you agree to be bound by the terms included in the \"handsontable-non-commercial-license.pdf\" file.\n *\n * Your use of this software for commercial purposes is subject to the terms included in an applicable\n * license agreement.\n *\n * In any case, you must not make any such use of this software as to develop software which may be\n * considered competitive with this software.\n *\n * UNLESS EXPRESSLY AGREED OTHERWISE, HANDSONCODE PROVIDES THIS SOFTWARE ON AN \"AS IS\"\n * BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, AND IN NO EVENT AND UNDER NO\n * LEGAL THEORY, SHALL HANDSONCODE BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY DIRECT,\n * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM\n * USE OR INABILITY TO USE THIS SOFTWARE.\n *\n * Version: 17.0.1\n * Release date: 25/03/2026 (built at 25/03/2026 09:28:45)\n */\n.ht-root-wrapper {\n  font-family: var(--ht-font-family), -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.htFocusCatcher {\n  display: block !important;\n  position: absolute;\n  width: 0;\n  height: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  opacity: 0;\n  z-index: -1;\n}\n\n.ht-grid {\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n.htScrollbarTest {\n  scrollbar-width: auto;\n  scrollbar-color: var(--ht-scrollbar-thumb-color) var(--ht-scrollbar-track-color);\n}\n\n.htScrollbarSafariTest::-webkit-scrollbar {\n  width: 9px;\n  height: 9px;\n}\n\n.handsontable {\n  font-family: var(--ht-font-family), -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  position: relative;\n  font-size: var(--ht-font-size);\n  line-height: var(--ht-line-height);\n  font-weight: var(--ht-font-weight);\n  letter-spacing: var(--ht-letter-spacing);\n  color: var(--ht-foreground-color);\n  /* Miscellaneous */\n  touch-action: manipulation;\n}\n.handsontable .wtHolder {\n  scrollbar-width: auto;\n  scrollbar-color: var(--ht-scrollbar-thumb-color) var(--ht-scrollbar-track-color);\n}\n.handsontable .wtHolder::-webkit-scrollbar {\n  width: 9px;\n  height: 9px;\n}\n.handsontable .wtHolder::-webkit-scrollbar-track {\n  background: var(--ht-scrollbar-track-color);\n  border-radius: var(--ht-scrollbar-border-radius);\n}\n.handsontable .wtHolder::-webkit-scrollbar-thumb {\n  background-color: var(--ht-scrollbar-thumb-color);\n  border-radius: var(--ht-scrollbar-border-radius);\n}\n.handsontable .wtHolder::-webkit-scrollbar-corner {\n  background: var(--ht-scrollbar-track-color);\n  border-end-end-radius: var(--ht-scrollbar-border-radius);\n}\n.handsontable.ht-wrapper {\n  border-radius: var(--ht-wrapper-border-radius, 0);\n  height: 100%;\n  width: 100%;\n}\n.handsontable.ht-wrapper:not(.htFirstDatasetColumnNotRendered) td:first-of-type {\n  border-inline-start-width: 1px;\n}\n.handsontable.ht-wrapper::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  inset: 0;\n  border: var(--ht-wrapper-border-width) solid var(--ht-wrapper-border-color);\n  border-radius: var(--ht-wrapper-border-radius, 0);\n  z-index: 999;\n  pointer-events: none;\n  overflow: hidden;\n}\n.handsontable.htGhostTable.htNestedHeaders table {\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n.handsontable.htGhostTable table thead th {\n  border-bottom-width: 0;\n}\n.handsontable.htGhostTable table tbody tr:first-of-type th:first-child,\n.handsontable.htGhostTable table tbody tr:first-of-type td:first-child {\n  height: calc(var(--ht-cell-vertical-padding) * 2 + var(--ht-line-height) + 1px);\n}\n.handsontable.htGhostTable table tbody tr th,\n.handsontable.htGhostTable table tbody tr td {\n  border-top-width: 0;\n  height: calc(var(--ht-cell-vertical-padding) * 2 + var(--ht-line-height) + 1px);\n}\n.handsontable.htHasScrollX:not(.htHorizontallyScrollableByWindow):not(.htScrollbarHidden) .ht_master .wtHolder, .handsontable.htHasScrollY:not(.htVerticallyScrollableByWindow):not(.htScrollbarHidden) .ht_master .wtHolder {\n  border-radius: var(--ht-wrapper-border-radius, 0);\n}\n.handsontable:not(.htHorizontallyScrollableByWindow).htPagination .ht_master .wtHolder, .handsontable:not(.htHorizontallyScrollableByWindow).htHasScrollX .ht_master .wtHolder, .handsontable:not(.htHorizontallyScrollableByWindow).htHasScrollY .ht_master .wtHolder, .handsontable:not(.htVerticallyScrollableByWindow).htPagination .ht_master .wtHolder, .handsontable:not(.htVerticallyScrollableByWindow).htHasScrollX .ht_master .wtHolder, .handsontable:not(.htVerticallyScrollableByWindow).htHasScrollY .ht_master .wtHolder {\n  background-color: var(--ht-background-color);\n}\n.handsontable tr.ht__row_even th {\n  background-color: var(--ht-row-header-even-background-color);\n}\n.handsontable tr.ht__row_even td {\n  background-color: var(--ht-row-cell-even-background-color);\n}\n.handsontable tr.ht__row_odd th {\n  background-color: var(--ht-row-header-odd-background-color);\n}\n.handsontable tr.ht__row_odd td {\n  background-color: var(--ht-row-cell-odd-background-color);\n}\n.handsontable th,\n.handsontable td {\n  height: calc(var(--ht-cell-vertical-padding) * 2 + var(--ht-line-height) + 1px);\n  padding: var(--ht-cell-vertical-padding) var(--ht-cell-horizontal-padding);\n  vertical-align: top;\n  border-top-width: 0;\n  border-inline-start-width: 0;\n  border-inline-end-width: 1px;\n  border-bottom-width: 1px;\n  border-style: solid;\n  font-size: var(--ht-font-size);\n  line-height: var(--ht-line-height);\n  white-space: pre-wrap;\n  overflow: hidden;\n  outline: none;\n  outline-width: 0;\n  empty-cells: show;\n  box-sizing: border-box;\n  color: var(--ht-foreground-color);\n  border-top-color: var(--ht-cell-vertical-border-color);\n  border-bottom-color: var(--ht-cell-vertical-border-color);\n  border-inline-start-color: var(--ht-cell-horizontal-border-color);\n  border-inline-end-color: var(--ht-cell-horizontal-border-color);\n}\n.handsontable th.invisibleSelection,\n.handsontable td.invisibleSelection {\n  outline: none;\n}\n.handsontable th.invisibleSelection::selection,\n.handsontable td.invisibleSelection::selection {\n  background: transparent;\n}\n.handsontable th {\n  position: relative;\n  overflow: visible;\n  text-align: center;\n  font-weight: var(--ht-header-font-weight);\n  white-space: nowrap;\n  color: var(--ht-header-foreground-color);\n  background-color: var(--ht-header-background-color);\n}\n.handsontable th:last-child {\n  /* Foundation framework fix */\n  border-inline-start-width: 0;\n  border-inline-end-width: 1px;\n  border-bottom-width: 1px;\n  border-inline-end-color: var(--ht-border-color);\n}\n.handsontable th:last-child.ht__active_highlight {\n  border-inline-end-color: var(--ht-header-active-border-color);\n}\n.handsontable th:first-child {\n  border-inline-start-color: var(--ht-border-color);\n}\n.handsontable th:first-child.ht__active_highlight {\n  border-inline-start-color: var(--ht-header-active-border-color);\n}\n.handsontable th:first-child, .handsontable th:nth-child(2) {\n  border-inline-start-width: 1px;\n}\n.handsontable th.current {\n  box-shadow: inset 0 0 0 1px var(--ht-cell-selection-border-color);\n}\n.handsontable th.active {\n  color: var(--ht-header-active-foreground-color);\n  background-color: var(--ht-header-active-background-color);\n}\n.handsontable th.ht__highlight {\n  color: var(--ht-header-highlighted-foreground-color);\n  background-color: var(--ht-header-highlighted-background-color);\n}\n.handsontable th.ht__active_highlight {\n  border-color: var(--ht-header-active-border-color);\n  color: var(--ht-header-active-foreground-color);\n  background-color: var(--ht-header-active-background-color);\n}\n.handsontable tbody tr.ht__row_odd th.ht__highlight, .handsontable tbody tr.ht__row_even th.ht__highlight {\n  color: var(--ht-header-row-highlighted-foreground-color);\n  background-color: var(--ht-header-row-highlighted-background-color);\n}\n.handsontable tbody tr.ht__row_odd th.ht__active_highlight, .handsontable tbody tr.ht__row_even th.ht__active_highlight {\n  color: var(--ht-header-row-active-foreground-color);\n  background-color: var(--ht-header-row-active-background-color);\n}\n.handsontable tbody tr:first-of-type th:first-child:empty::after,\n.handsontable tbody tr:first-of-type td:first-child:empty::after {\n  content: \"\";\n  display: block;\n  min-height: var(--ht-line-height);\n}\n.handsontable tbody tr th {\n  padding: 0;\n  color: var(--ht-header-row-foreground-color);\n  background-color: var(--ht-header-row-background-color);\n}\n.handsontable tbody tr th.ht__active_highlight {\n  box-shadow: 0 -1px 0 0 var(--ht-header-active-border-color);\n}\n.handsontable tbody tr th .relative {\n  padding: var(--ht-cell-vertical-padding) var(--ht-cell-horizontal-padding);\n  min-height: 100%;\n}\n.handsontable tbody tr td:first-child {\n  border-inline-start-color: var(--ht-border-color);\n}\n.handsontable tbody tr td:last-child {\n  border-inline-end-color: var(--ht-border-color);\n}\n.handsontable thead tr th {\n  padding: 0;\n}\n.handsontable thead tr th.ht__active_highlight {\n  box-shadow: -1px 0 0 0 var(--ht-header-active-border-color);\n}\n.handsontable thead tr th .relative {\n  padding: var(--ht-cell-vertical-padding) var(--ht-cell-horizontal-padding);\n}\n.handsontable thead tr th .relative .colHeader {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  vertical-align: top;\n  max-width: calc(100% + 1px);\n}\n.handsontable thead tr th .relative:has(.collapsibleIndicator, .changeType) .colHeader {\n  max-width: calc(100% - (var(--ht-icon-size) + var(--ht-gap-size)) - 1px);\n}\n.handsontable tr:first-child th,\n.handsontable tr:first-child td {\n  border-top-color: var(--ht-border-color);\n  border-top-width: 1px;\n}\n.handsontable tr:first-child th.ht__active_highlight,\n.handsontable tr:first-child td.ht__active_highlight {\n  border-top-color: var(--ht-header-active-border-color);\n}\n.handsontable tr:last-child th,\n.handsontable tr:last-child td {\n  border-bottom-color: var(--ht-border-color);\n}\n.handsontable tr:last-child th.ht__active_highlight,\n.handsontable tr:last-child td.ht__active_highlight {\n  border-bottom-color: var(--ht-header-active-border-color);\n}\n.handsontable div[class^=ht_clone] thead .ht__highlight .relative::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: -1px;\n  right: -1px;\n  bottom: -1px;\n  height: var(--ht-header-highlighted-shadow-size);\n  background-color: var(--ht-accent-color);\n}\n.handsontable div[class^=ht_clone] thead tr:only-of-type .ht__highlight .relative::after {\n  bottom: 0;\n}\n.handsontable div[class^=ht_clone] tbody .ht__highlight .relative::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: -1px;\n  right: -1px;\n  bottom: -1px;\n  width: var(--ht-header-highlighted-shadow-size);\n  background-color: var(--ht-accent-color);\n}\n.handsontable div[class^=ht_clone] td:first-of-type {\n  border-inline-start-width: 1px;\n}\n.handsontable thead tr:not(:last-child) th {\n  /* Fix for - nested columns with hidden column  */\n  overflow: hidden;\n}\n.handsontable .hide {\n  display: none;\n}\n.handsontable .relative {\n  position: relative;\n  box-sizing: border-box;\n}\n.handsontable .wtHider {\n  width: 0;\n}\n.handsontable .wtSpreader {\n  position: relative;\n  /* must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */\n  width: 0;\n  height: auto;\n}\n.handsontable .htAutoSize {\n  position: absolute;\n  left: -99000px;\n  top: -99000px;\n  visibility: hidden;\n}\n.handsontable .htTextEllipsis {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.handsontable table,\n.handsontable tbody,\n.handsontable thead,\n.handsontable input,\n.handsontable textarea,\n.handsontable div {\n  box-sizing: content-box;\n}\n.handsontable input,\n.handsontable textarea {\n  min-height: initial;\n}\n.handsontable .htCore {\n  width: 0;\n  margin: 0;\n  border-width: 0;\n  border-spacing: 0;\n  border-collapse: separate;\n  outline-width: 0;\n  table-layout: fixed;\n  cursor: default;\n  background-color: var(--ht-background-color);\n}\n.handsontable col {\n  width: 64px;\n}\n.handsontable col.rowHeader {\n  width: 64px;\n}\n.handsontable col.hidden {\n  width: 0 !important;\n}\n.handsontable span.colHeader, .handsontable span.rowHeader {\n  display: inline-block;\n  font-size: var(--ht-font-size);\n  line-height: var(--ht-line-height);\n}\n.handsontable tr.hidden {\n  display: none;\n}\n.handsontable tr.hidden td,\n.handsontable tr.hidden th {\n  display: none;\n}\n.handsontable a {\n  color: var(--ht-link-color);\n}\n.handsontable a:hover {\n  color: var(--ht-link-hover-color);\n}\n.handsontable .ht_clone_top th:nth-child(2) {\n  border-inline-start-width: 0;\n  border-inline-end-width: 1px;\n}\n.handsontable.htRowHeaders thead tr th:nth-child(2) {\n  border-inline-start-width: 1px;\n}\n.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) tbody tr th,\n.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) thead tr th:first-child,\n.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.htGhostTable) tbody tr th,\n.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top):not(.htGhostTable) thead tr th:first-child {\n  border-inline-end-width: 0;\n  border-inline-start-width: 1px;\n}\n.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,\n.handsontable .ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr.lastChild th, .handsontable .ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr.lastChild th {\n  border-bottom-width: 0;\n}\n.handsontable.htAutoRowSize .ht_master.innerBorderTop tbody tr:first-child th,\n.handsontable.htAutoRowSize .ht_master.innerBorderTop tbody tr:first-child td {\n  border-top-width: 0;\n}\n.handsontable.htAutoRowSize .ht_master.innerBorderTop ~ .ht_clone_inline_start tbody tr:first-child th,\n.handsontable.htAutoRowSize .ht_master.innerBorderTop ~ .ht_clone_inline_start tbody tr:first-child td {\n  border-top-width: 0;\n}\n.handsontable .ht_master table.htCore > thead,\n.handsontable .ht_master table.htCore > tbody > tr > th,\n.handsontable .ht_clone_inline_start table.htCore > thead {\n  visibility: hidden;\n}\n\n.ht_master,\n.ht_clone_inline_start,\n.ht_clone_top,\n.ht_clone_bottom {\n  overflow: hidden;\n}\n.ht_master .wtHolder,\n.ht_clone_inline_start .wtHolder,\n.ht_clone_top .wtHolder,\n.ht_clone_bottom .wtHolder {\n  overflow: hidden;\n}\n\n.ht_master .wtHolder {\n  overflow: auto;\n}\n\n[dir=rtl].handsontable td[dir=ltr] {\n  border-inline-end-width: 0;\n  border-inline-start-width: 1px;\n}\n[dir=rtl].handsontable tbody tr td[dir=ltr]:last-child {\n  border-inline-start-color: var(--ht-border-color);\n}\n[dir=rtl].handsontable div[class^=ht_clone] tbody .ht__highlight .relative::after {\n  right: auto;\n  left: -1px;\n}\n\n.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_master .htCore tbody tr:first-child td:first-child {\n  border-start-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_master .htCore tbody tr:first-child td:last-child {\n  border-start-end-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_top_inline_start_corner .htCore tbody tr:first-child td:first-child {\n  border-start-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_top .htCore tbody tr:first-child td:first-child {\n  border-start-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_top .htCore tbody tr:first-child td:last-child {\n  border-start-end-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_inline_start .htCore tbody tr:first-child th:first-child,\n.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_inline_start .htCore tbody tr:first-child td:first-child {\n  border-start-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_master .htCore {\n  border-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_master .htCore thead tr:first-child th:first-child {\n  border-start-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_master .htCore thead tr:first-child th:last-child {\n  border-start-end-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_master .htCore thead tr:last-child th:first-child {\n  border-end-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_master .htCore thead tr:last-child th:last-child {\n  border-end-end-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_master .htCore tbody tr:last-child td:first-child {\n  border-end-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_master .htCore tbody tr:last-child td:last-child {\n  border-end-end-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_top_inline_start_corner .htCore {\n  border-start-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_top_inline_start_corner .htCore thead tr:first-child th:first-child {\n  border-start-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_top .htCore {\n  border-start-start-radius: var(--ht-wrapper-border-radius);\n  border-start-end-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_top .htCore thead tr:first-child th:first-child {\n  border-start-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_top .htCore thead tr:first-child th:last-child {\n  border-start-end-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_inline_start .htCore {\n  border-start-start-radius: var(--ht-wrapper-border-radius);\n  border-end-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_inline_start .htCore thead tr:first-child th:first-child {\n  border-start-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_inline_start .htCore tbody tr:last-child th:first-child,\n.handsontable.ht-wrapper .ht_clone_inline_start .htCore tbody tr:last-child td:first-child {\n  border-end-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_bottom_inline_start_corner .htCore {\n  border-end-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_bottom_inline_start_corner .htCore tr:last-child th:first-child,\n.handsontable.ht-wrapper .ht_clone_bottom_inline_start_corner .htCore tr:last-child td:first-child {\n  border-end-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_bottom .htCore {\n  border-end-start-radius: var(--ht-wrapper-border-radius);\n  border-end-end-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_bottom .htCore tr:last-child th:first-child,\n.handsontable.ht-wrapper .ht_clone_bottom .htCore tr:last-child td:first-child {\n  border-end-start-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper .ht_clone_bottom .htCore tr:last-child th:last-child,\n.handsontable.ht-wrapper .ht_clone_bottom .htCore tr:last-child td:last-child {\n  border-end-end-radius: var(--ht-wrapper-border-radius);\n}\n.handsontable.ht-wrapper.htHasScrollX .htCore {\n  border-end-start-radius: 0;\n  border-end-end-radius: 0;\n}\n.handsontable.ht-wrapper.htHasScrollX .htCore thead tr:last-child th:first-child,\n.handsontable.ht-wrapper.htHasScrollX .htCore tbody tr:last-child td:first-child,\n.handsontable.ht-wrapper.htHasScrollX .htCore tbody tr:last-child th:first-child {\n  border-end-start-radius: 0 !important;\n}\n.handsontable.ht-wrapper.htHasScrollX .htCore thead tr:last-child th:last-child,\n.handsontable.ht-wrapper.htHasScrollX .htCore tbody tr:last-child td:last-child,\n.handsontable.ht-wrapper.htHasScrollX .htCore tbody tr:last-child th:last-child {\n  border-end-end-radius: 0 !important;\n}\n.handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore {\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore thead tr:first-child th:last-child,\n.handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore tbody tr:first-child td:last-child,\n.handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore tbody tr:first-child th:last-child {\n  border-start-end-radius: 0 !important;\n}\n.handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore thead tr:last-child th:last-child,\n.handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore tbody tr:last-child td:last-child,\n.handsontable.ht-wrapper.htHasScrollY:not(.htVerticallyScrollableByWindow) .htCore tbody tr:last-child th:last-child {\n  border-end-end-radius: 0 !important;\n}\n\n.handsontable.mobile {\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-overflow-scrolling: touch;\n}\n.handsontable.mobile .wtHolder {\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  -webkit-overflow-scrolling: touch;\n}\n.handsontable.mobile .handsontableInput:focus {\n  box-shadow: inset 0 0 0 2px var(--ht-accent-color);\n  -webkit-appearance: none;\n}\n.handsontable .topSelectionHandle,\n.handsontable .topSelectionHandle-HitArea,\n.handsontable .bottomSelectionHandle,\n.handsontable .bottomSelectionHandle-HitArea {\n  inset-inline-start: -10000px;\n  inset-inline-end: unset;\n  top: -10000px;\n  z-index: 9999;\n}\n.handsontable.hide-tween {\n  -webkit-animation: opacity-hide 0.2s;\n  animation: opacity-hide 0.2s;\n  animation-fill-mode: forwards;\n  -webkit-animation-fill-mode: forwards;\n}\n.handsontable.show-tween {\n  -webkit-animation: opacity-show 0.3s;\n  animation: opacity-show 0.3s;\n  animation-fill-mode: forwards;\n  -webkit-animation-fill-mode: forwards;\n}\n\n.ht_clone_master {\n  z-index: 100;\n}\n\n.ht_clone_inline_start {\n  z-index: 120;\n}\n\n.ht_clone_bottom {\n  z-index: 130;\n}\n\n.ht_clone_bottom_inline_start_corner {\n  z-index: 150;\n}\n\n.ht_clone_top {\n  z-index: 160;\n}\n\n.ht_clone_top_inline_start_corner {\n  z-index: 180;\n}\n\n.ht_editor_hidden {\n  z-index: -1;\n}\n\n.ht_editor_visible {\n  z-index: 200;\n}\n\n.handsontable td.area {\n  position: relative;\n}\n.handsontable td.area::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--ht-cell-selection-background-color, #1a42e8);\n}\n.handsontable td.area-1 {\n  position: relative;\n}\n.handsontable td.area-1::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--ht-cell-selection-background-color, #1a42e8);\n}\n.handsontable td.area-2 {\n  position: relative;\n}\n.handsontable td.area-2::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--ht-cell-selection-background-color, #1a42e8);\n}\n.handsontable td.area-3 {\n  position: relative;\n}\n.handsontable td.area-3::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--ht-cell-selection-background-color, #1a42e8);\n}\n.handsontable td.area-4 {\n  position: relative;\n}\n.handsontable td.area-4::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--ht-cell-selection-background-color, #1a42e8);\n}\n.handsontable td.area-5 {\n  position: relative;\n}\n.handsontable td.area-5::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--ht-cell-selection-background-color, #1a42e8);\n}\n.handsontable td.area-6 {\n  position: relative;\n}\n.handsontable td.area-6::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--ht-cell-selection-background-color, #1a42e8);\n}\n.handsontable td.area-7 {\n  position: relative;\n}\n.handsontable td.area-7::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--ht-cell-selection-background-color, #1a42e8);\n}\n.handsontable td.area::before {\n  opacity: 0.14;\n}\n.handsontable td.area-1::before {\n  opacity: 0.21;\n}\n.handsontable td.area-2::before {\n  opacity: 0.28;\n}\n.handsontable td.area-3::before {\n  opacity: 0.35;\n}\n.handsontable td.area-4::before {\n  opacity: 0.42;\n}\n.handsontable td.area-5::before {\n  opacity: 0.49;\n}\n.handsontable td.area-6::before {\n  opacity: 0.56;\n}\n.handsontable td.area-7::before {\n  opacity: 0.63;\n}\n.handsontable td.area {\n  border-color: color-mix(in srgb, var(--ht-border-color), var(--ht-foreground-color) 10%);\n}\n.handsontable .wtBorder {\n  position: absolute;\n  font-size: 0;\n}\n.handsontable .wtBorder:nth-child(1), .handsontable .wtBorder:nth-child(3) {\n  z-index: 2;\n}\n.handsontable .wtBorder:nth-child(2), .handsontable .wtBorder:nth-child(4) {\n  z-index: 1;\n}\n.handsontable .wtBorder.hidden {\n  display: none !important;\n}\n.handsontable .wtBorder.current {\n  z-index: 10;\n  background-color: var(--ht-cell-selection-border-color) !important;\n}\n.handsontable .wtBorder.area {\n  z-index: 8;\n  background-color: var(--ht-cell-selection-border-color) !important;\n}\n.handsontable .wtBorder.fill {\n  z-index: 6;\n  background-color: var(--ht-cell-autofill-fill-border-color, #68696c) !important;\n}\n.handsontable .wtBorder.corner {\n  border-radius: var(--ht-cell-autofill-border-radius) !important;\n  background-color: var(--ht-cell-autofill-background-color, #1a42e8) !important;\n  border-color: var(--ht-cell-autofill-border-color) !important;\n  font-size: 0;\n  cursor: crosshair;\n  z-index: 10;\n}\n.handsontable .wtBorder.corner::after {\n  content: \"\";\n  position: absolute;\n  border-radius: var(--ht-cell-autofill-border-radius);\n  inset: min(0px, (var(--ht-cell-autofill-size) - var(--ht-cell-autofill-hit-area-size)) / 2);\n  background: transparent;\n}\n.handsontable .wtBorder.corner.wtCornerInlineEndEdge::after {\n  inset-inline-end: 0;\n}\n.handsontable .wtBorder.corner.wtCornerBlockEndEdge::after {\n  inset-block-end: 0;\n}\n\n.hot-display-license-info {\n  font-family: var(--ht-font-family), -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  padding: var(--ht-license-vertical-padding, 16px) var(--ht-license-horizontal-padding, 16px);\n  font-size: var(--ht-font-size-small);\n  line-height: var(--ht-line-height-small);\n  color: var(--ht-license-foreground-color);\n  background-color: var(--ht-license-background-color, #f7f7f9);\n  text-align: left;\n  border: 1px solid var(--ht-border-color, #f7f7f9);\n  margin-top: 10px;\n  border-radius: var(--ht-wrapper-border-radius);\n}\n.hot-display-license-info a {\n  font-size: var(--ht-license-font-size);\n  color: var(--ht-link-color);\n}\n.hot-display-license-info a:hover {\n  color: var(--ht-link-hover-color);\n}\n\n.handsontable .htAutocompleteArrow {\n  position: relative;\n  cursor: default;\n  width: var(--ht-icon-size);\n  height: var(--ht-icon-size);\n  font-size: 0;\n  float: right;\n  top: calc((var(--ht-line-height) - var(--ht-icon-size)) / 2);\n  margin-inline-start: calc(var(--ht-gap-size) * 2);\n  margin-inline-end: 1px;\n}\n.handsontable .htAutocompleteArrow::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0.6;\n}\n\n[dir=rtl].handsontable .htAutocompleteArrow {\n  float: left;\n}\n\n.handsontable .htCheckboxRendererInput {\n  position: relative;\n  display: inline-block;\n  width: var(--ht-checkbox-size);\n  height: var(--ht-checkbox-size);\n  margin: 0;\n  vertical-align: middle;\n  cursor: pointer;\n  margin-top: -2px;\n  outline: none;\n}\n.handsontable .htCheckboxRendererInput:first-child {\n  margin-inline-end: var(--ht-gap-size);\n}\n.handsontable .htCheckboxRendererInput:last-child {\n  margin-inline-start: var(--ht-gap-size);\n}\n.handsontable .htCheckboxRendererInput::before {\n  content: \"\";\n  display: inline-block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: var(--ht-checkbox-size);\n  height: var(--ht-checkbox-size);\n  border-radius: var(--ht-checkbox-border-radius);\n  border: 1px solid var(--ht-checkbox-border-color);\n  background-color: var(--ht-checkbox-background-color);\n  box-sizing: border-box;\n  pointer-events: none;\n  transition: all var(--ht-table-transition) ease-in-out;\n}\n.handsontable .htCheckboxRendererInput::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  color: var(--ht-checkbox-icon-color);\n  pointer-events: none;\n  width: var(--ht-checkbox-size) !important;\n  height: var(--ht-checkbox-size) !important;\n}\n.handsontable .htCheckboxRendererInput:checked::before {\n  border-color: var(--ht-checkbox-checked-border-color);\n  background-color: var(--ht-checkbox-checked-background-color);\n}\n.handsontable .htCheckboxRendererInput:checked::after {\n  color: var(--ht-checkbox-checked-icon-color);\n}\n.handsontable .htCheckboxRendererInput:checked:disabled::before {\n  border-color: var(--ht-checkbox-checked-disabled-border-color);\n  background-color: var(--ht-checkbox-checked-disabled-background-color);\n}\n.handsontable .htCheckboxRendererInput:checked:disabled::after {\n  color: var(--ht-checkbox-checked-disabled-icon-color);\n}\n.handsontable .htCheckboxRendererInput:checked:focus::before {\n  border-color: var(--ht-checkbox-checked-focus-border-color);\n  background-color: var(--ht-checkbox-checked-focus-background-color);\n}\n.handsontable .htCheckboxRendererInput:checked:focus::after {\n  color: var(--ht-checkbox-checked-focus-icon-color);\n}\n.handsontable .htCheckboxRendererInput:focus::before {\n  border-color: var(--ht-checkbox-focus-border-color);\n  background-color: var(--ht-checkbox-focus-background-color);\n  outline: 1px solid var(--ht-checkbox-focus-ring-color);\n}\n.handsontable .htCheckboxRendererInput:focus::after {\n  color: var(--ht-checkbox-focus-icon-color);\n}\n.handsontable .htCheckboxRendererInput:disabled {\n  cursor: initial;\n}\n.handsontable .htCheckboxRendererInput:disabled::before {\n  border-color: var(--ht-checkbox-disabled-border-color);\n  background-color: var(--ht-checkbox-disabled-background-color);\n}\n.handsontable .htCheckboxRendererInput:disabled::after {\n  color: var(--ht-checkbox-disabled-icon-color);\n}\n.handsontable .htCheckboxRendererInput:indeterminate::before {\n  border-color: var(--ht-checkbox-indeterminate-border-color);\n  background-color: var(--ht-checkbox-indeterminate-background-color);\n}\n.handsontable .htCheckboxRendererInput:indeterminate::after {\n  color: var(--ht-checkbox-indeterminate-icon-color);\n}\n.handsontable .htCheckboxRendererInput:indeterminate:disabled::before {\n  border-color: var(--ht-checkbox-indeterminate-disabled-border-color);\n  background-color: var(--ht-checkbox-indeterminate-disabled-background-color);\n}\n.handsontable .htCheckboxRendererInput:indeterminate:disabled::after {\n  color: var(--ht-checkbox-indeterminate-disabled-icon-color);\n}\n.handsontable .htCheckboxRendererInput:indeterminate:focus::before {\n  border-color: var(--ht-checkbox-indeterminate-focus-border-color);\n  background-color: var(--ht-checkbox-indeterminate-focus-background-color);\n}\n.handsontable .htCheckboxRendererInput:indeterminate:focus::after {\n  color: var(--ht-checkbox-indeterminate-focus-icon-color);\n}\n.handsontable .htCheckboxRendererInput.noValue {\n  opacity: 0.5;\n}\n.handsontable .htCheckboxRendererLabel {\n  display: inline-block;\n  position: relative;\n  font-size: inherit;\n  line-height: inherit;\n  cursor: pointer;\n  color: inherit;\n  margin: 0;\n}\n.handsontable .htCheckboxRendererLabel.fullWidth {\n  width: 100%;\n}\n\n.handsontable .htPlaceholder {\n  color: var(--ht-placeholder-color);\n}\n.handsontable .htDimmed {\n  color: var(--ht-read-only-color) !important;\n  background-color: var(--ht-cell-read-only-background-color) !important;\n}\n.handsontable .htLeft {\n  text-align: left;\n}\n.handsontable .htCenter {\n  text-align: center;\n}\n.handsontable .htRight {\n  text-align: right;\n}\n.handsontable .htJustify {\n  text-align: justify;\n}\n.handsontable .htTop {\n  vertical-align: top;\n}\n.handsontable .htMiddle {\n  vertical-align: middle;\n}\n.handsontable .htBottom {\n  vertical-align: bottom;\n}\n.handsontable .htInvalid {\n  /* gives priority over td.area selection background */\n  background-color: var(--ht-cell-error-background-color) !important;\n}\n.handsontable .htNoWrap {\n  white-space: nowrap;\n}\n.handsontable .htSearchResult {\n  background-color: var(--ht-cell-success-background-color) !important;\n}\n\n.handsontable .ht-multi-select-renderer {\n  padding: var(--ht-cell-vertical-padding) var(--ht-cell-horizontal-padding);\n  overflow: hidden;\n}\n.handsontable .ht-multi-select-chips-container {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  gap: var(--ht-gap-size);\n  overflow: hidden;\n  max-width: 100%;\n}\n.handsontable .ht-multi-select-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ht-gap-size);\n  padding: var(--ht-chip-vertical-padding) calc((var(--ht-line-height) - var(--ht-icon-size)) / 2) var(--ht-chip-vertical-padding) var(--ht-chip-horizontal-padding);\n  border-radius: var(--ht-chip-border-radius);\n  background: var(--ht-chip-background);\n  white-space: nowrap;\n  flex-shrink: 0;\n  max-width: 100px;\n  box-sizing: border-box;\n}\n.handsontable .ht-multi-select-chip-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--ht-foreground-color);\n  font-style: normal;\n  font-weight: var(--ht-font-weight);\n  line-height: var(--ht-line-height, 40px);\n  letter-spacing: var(--ht-letter-spacing, 0);\n  padding: 0 var(--ht-chip-gap);\n}\n.handsontable .ht-multi-select-chip-remove {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--ht-icon-size) !important;\n  height: var(--ht-icon-size) !important;\n  padding: 0;\n  cursor: pointer;\n  flex-shrink: 0;\n  color: var(--ht-icon-button-icon-color);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.handsontable .ht-multi-select-chip-remove::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.handsontable .ht-multi-select-chip-remove:hover {\n  background-color: var(--ht-icon-button-hover-background-color);\n}\n.handsontable .ht-multi-select-overflow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 calc(var(--ht-gap-size) * 2);\n  background: var(--ht-chip-background);\n  border-radius: var(--ht-chip-border-radius);\n  color: var(--ht-foreground-color);\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.handsontableInputHolder {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.handsontableInputHolder .handsontableInput {\n  display: block;\n  margin: 0;\n  padding: calc(var(--ht-cell-vertical-padding, 4px) + 1px) calc(var(--ht-cell-horizontal-padding, 8px) + 1px);\n  font-family: inherit !important;\n  font-size: inherit !important;\n  line-height: inherit !important;\n  color: var(--ht-cell-editor-foreground-color);\n  background-color: var(--ht-cell-editor-background-color, #ffffff);\n  box-shadow: inset 0 0 0 var(--ht-cell-editor-border-width, 2px) var(--ht-cell-editor-border-color, #1a42e8), 0 0 var(--ht-cell-editor-shadow-blur-radius, 0) 0 var(--ht-cell-editor-shadow-color, transparent);\n  border: none;\n  border-radius: 0;\n  -webkit-appearance: none !important;\n  box-sizing: border-box;\n  /* Miscellaneous */\n  outline-width: 0;\n  /* overwrite styles potentially made by a framework */\n}\n.handsontableInputHolder .handsontableInput:focus {\n  outline: none;\n}\n\n.htSelectEditor {\n  position: absolute;\n}\n.htSelectEditor select {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  padding: calc(var(--ht-cell-vertical-padding, 4px) + 1px) calc(var(--ht-cell-horizontal-padding, 8px) + 1px);\n  padding-inline-end: 26px;\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--ht-cell-editor-foreground-color);\n  background-color: var(--ht-cell-editor-background-color, #ffffff);\n  font-family: inherit !important;\n  font-size: inherit !important;\n  line-height: inherit !important;\n  box-shadow: inset 0 0 0 var(--ht-cell-editor-border-width, 2px) var(--ht-cell-editor-border-color, #1a42e8), 0 0 var(--ht-cell-editor-shadow-blur-radius, 0) 0 var(--ht-cell-editor-shadow-color, transparent);\n  border: none;\n  border-radius: 0;\n  box-sizing: border-box;\n  -webkit-appearance: none !important;\n}\n.htSelectEditor select:focus {\n  outline: none;\n}\n.htSelectEditor .htAutocompleteArrow {\n  top: 50%;\n  transform: translateY(-50%);\n  margin-inline-end: 4px;\n  z-index: 1;\n  pointer-events: none;\n}\n\n.handsontable.listbox {\n  box-shadow: var(--ht-menu-shadow-x, 0) var(--ht-menu-shadow-y, 0) var(--ht-menu-shadow-blur, 8px) color-mix(in srgb, var(--ht-menu-shadow-color, rgb(0, 0, 0)) var(--ht-menu-shadow-opacity, 100%), transparent);\n  margin: 0;\n  border: var(--ht-menu-border-width, 1px) solid var(--ht-menu-border-color, #e5e5e9);\n}\n.handsontable.listbox .ht_master {\n  overflow: hidden;\n  background-color: var(--ht-background-color);\n}\n.handsontable.listbox .wtHolder {\n  overflow: auto;\n  border-radius: 0 !important;\n}\n.handsontable.listbox .wtHider, .handsontable.listbox .htCore {\n  border-radius: 0 !important;\n}\n.handsontable.listbox table {\n  overflow: hidden;\n}\n.handsontable.listbox table th,\n.handsontable.listbox table tr:first-child th,\n.handsontable.listbox table tr:last-child th,\n.handsontable.listbox table tr:first-child td,\n.handsontable.listbox table td {\n  border-color: transparent !important;\n}\n.handsontable.listbox table th,\n.handsontable.listbox table td {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  border-radius: 0 !important;\n}\n.handsontable.listbox table .wtBorder {\n  visibility: hidden;\n}\n.handsontable.listbox table strong {\n  font-weight: bold;\n  color: inherit;\n}\n.handsontable.listbox table tr td:hover td {\n  background: color-mix(in srgb, var(--ht-menu-item-hover-color) var(--ht-menu-item-hover-color-opacity, 100%), transparent) !important;\n  cursor: pointer;\n  box-shadow: none !important;\n}\n.handsontable.listbox table td {\n  transition: var(--ht-table-transition) background ease-in-out;\n}\n.handsontable.listbox table td:hover {\n  background-color: color-mix(in srgb, var(--ht-menu-item-hover-color) var(--ht-menu-item-hover-color-opacity, 100%), transparent) !important;\n  cursor: pointer;\n}\n.handsontable.listbox table td.current:not([aria-expanded=true]) {\n  box-shadow: inset 0 0 0 1px var(--ht-accent-color);\n}\n.handsontable.listbox table td.htDimmed {\n  cursor: default;\n  font-style: inherit;\n  color: inherit !important;\n}\n.handsontable.listbox table td.htDimmed:not(.handsontable.listbox table td:hover) {\n  background-color: inherit !important;\n}\n.handsontable.listbox table thead th {\n  height: auto !important;\n  text-align: left;\n}\n.handsontable.listbox table thead th .relative {\n  padding-top: calc(var(--ht-cell-vertical-padding) + var(--ht-gap-size));\n  padding-bottom: calc(var(--ht-cell-vertical-padding) + var(--ht-gap-size));\n}\n.handsontable.listbox .ht_clone_top .wtHider {\n  overflow: hidden;\n}\n.handsontable.listbox .ht_clone_top table {\n  border-radius: 0;\n}\n.handsontable.listbox .htBorders div {\n  background: none !important;\n}\n.handsontable.autocompleteEditor tr.ht__row_even th,\n.handsontable.autocompleteEditor tr.ht__row_even td {\n  background-color: var(--ht-background-color, #ffffff);\n}\n.handsontable.autocompleteEditor tr.ht__row_odd th,\n.handsontable.autocompleteEditor tr.ht__row_odd td {\n  background-color: var(--ht-background-color, #ffffff);\n}\n\n[dir=rtl].handsontable.listbox table thead th {\n  text-align: right;\n}\n\n.pika-single {\n  font-family: var(--ht-font-family), -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  box-shadow: var(--ht-menu-shadow-x, 0) var(--ht-menu-shadow-y, 0) var(--ht-menu-shadow-blur, 8px) color-mix(in srgb, var(--ht-menu-shadow-color, rgb(0, 0, 0)) var(--ht-menu-shadow-opacity, 100%), transparent);\n  position: relative;\n  display: block;\n  padding: 10px;\n  font-size: var(--ht-font-size);\n  line-height: var(--ht-line-height);\n  font-weight: var(--ht-font-weight);\n  color: var(--ht-foreground-color);\n  background: var(--ht-background-color, #ffffff);\n  border: var(--ht-menu-border-width, 1px) solid var(--ht-menu-border-color, #e5e5e9);\n  border-radius: var(--ht-menu-border-radius);\n  z-index: 9999;\n}\n.pika-single.is-hidden {\n  display: none;\n}\n.pika-single .pika-row {\n  background-color: transparent;\n}\n.pika-single .pika-title {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.pika-single .pika-label {\n  position: relative;\n  order: 2;\n  padding: 5px;\n  color: var(--ht-accent-color);\n}\n.pika-single .pika-label .pika-select {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  cursor: pointer;\n}\n.pika-single .pika-prev,\n.pika-single .pika-next {\n  width: 20px;\n  height: 20px;\n  white-space: nowrap;\n  text-indent: -9999px;\n  cursor: pointer;\n  color: var(--ht-accent-color);\n  background: none;\n  border: none;\n  padding: 0;\n}\n.pika-single .pika-prev {\n  order: 1;\n  margin-right: auto;\n}\n.pika-single .pika-next {\n  order: 3;\n  margin-left: auto;\n}\n.pika-single .pika-table thead {\n  height: 50px;\n}\n.pika-single .pika-table th {\n  padding: 1px;\n  vertical-align: middle;\n}\n.pika-single .pika-table th abbr {\n  text-decoration: none;\n  font-weight: normal;\n  border: none;\n  cursor: initial;\n}\n.pika-single .pika-table td {\n  padding: 1px;\n  vertical-align: middle;\n}\n.pika-single .pika-table td.is-disabled .pika-button {\n  pointer-events: none;\n  opacity: 0.5;\n}\n.pika-single .pika-table td.is-today .pika-button {\n  background: color-mix(in srgb, var(--ht-menu-item-hover-color) var(--ht-menu-item-hover-color-opacity, 100%), transparent);\n}\n.pika-single .pika-table td.is-selected .pika-button {\n  background: var(--ht-accent-color, #1a42e8);\n  color: var(--ht-primary-button-foreground-color, #ffffff);\n}\n.pika-single .pika-table td.pika-week {\n  width: 12.5%;\n  text-align: center;\n}\n.pika-single .pika-table .pika-button {\n  width: 100%;\n  aspect-ratio: 1/1;\n  background: transparent;\n  color: var(--ht-foreground-color);\n  border: none;\n  border-radius: var(--ht-button-border-radius);\n  margin: 0;\n  padding: 10px;\n  cursor: pointer;\n  font-size: inherit;\n}\n.pika-single .pika-table .pika-button:hover {\n  background: color-mix(in srgb, var(--ht-menu-item-hover-color) var(--ht-menu-item-hover-color-opacity, 100%), transparent);\n}\n\n[dir=rtl].htDatepickerHolder .pika-single .pika-next {\n  transform: rotate(180deg);\n  margin-left: 0;\n  margin-right: auto;\n}\n[dir=rtl].htDatepickerHolder .pika-single .pika-prev {\n  transform: rotate(180deg);\n  margin-left: auto;\n  margin-right: 0;\n}\n\n.handsontableEditor {\n  position: absolute;\n}\n.handsontableEditor .ht-multi-select-editor {\n  box-shadow: var(--ht-menu-shadow-x, 0) var(--ht-menu-shadow-y, 0) var(--ht-menu-shadow-blur, 8px) color-mix(in srgb, var(--ht-menu-shadow-color, rgb(0, 0, 0)) var(--ht-menu-shadow-opacity, 100%), transparent);\n  scrollbar-width: auto;\n  scrollbar-color: var(--ht-scrollbar-thumb-color) var(--ht-scrollbar-track-color);\n  overflow-y: auto;\n  border-radius: 0 0 var(--ht-menu-border-radius) var(--ht-menu-border-radius);\n  border: var(--ht-menu-border-width) solid var(--ht-menu-border-color);\n  background: var(--ht-background-color);\n  width: max-content;\n  min-width: 120px;\n  padding: var(--ht-menu-vertical-padding) var(--ht-menu-horizontal-padding);\n}\n.handsontableEditor .ht-multi-select-editor .ht-multi-select-editor-search-input-wrapper {\n  display: flex;\n  padding: var(--ht-menu-item-vertical-padding) var(--ht-menu-item-horizontal-padding);\n  align-items: center;\n  gap: var(--ht-gap-size);\n  align-self: stretch;\n  position: relative;\n}\n.handsontableEditor .ht-multi-select-editor .ht-multi-select-editor-search-icon {\n  position: absolute;\n  left: calc(var(--ht-menu-item-horizontal-padding) + 10px);\n  top: 50%;\n  transform: translateY(-50%);\n  width: 16px;\n  height: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  opacity: 0.5;\n  pointer-events: none;\n  z-index: 1;\n}\n.handsontableEditor .ht-multi-select-editor input.ht-multi-select-editor-search-input {\n  box-sizing: border-box;\n  width: 100%;\n  border-radius: var(--ht-input-border-radius);\n  color: var(--ht-input-foreground-color);\n  background-color: var(--ht-input-background-color);\n  border: 1px solid var(--ht-input-border-color);\n  transition: var(--ht-table-transition) all ease-in-out;\n  line-height: var(--ht-line-height);\n  font-size: var(--ht-font-size);\n  padding: var(--ht-input-vertical-padding) var(--ht-menu-item-horizontal-padding) var(--ht-input-vertical-padding) 32px;\n}\n.handsontableEditor .ht-multi-select-editor input.ht-multi-select-editor-search-input:hover {\n  border-color: var(--ht-input-hover-border-color);\n  color: var(--ht-input-hover-foreground-color);\n  background-color: var(--ht-input-hover-background-color);\n}\n.handsontableEditor .ht-multi-select-editor input.ht-multi-select-editor-search-input:disabled {\n  border-color: var(--ht-input-disabled-border-color);\n  color: var(--ht-input-disabled-foreground-color);\n  background-color: var(--ht-input-disabled-background-color);\n}\n.handsontableEditor .ht-multi-select-editor input.ht-multi-select-editor-search-input:focus {\n  border-color: var(--ht-input-focus-border-color);\n  color: var(--ht-input-focus-foreground-color);\n  background-color: var(--ht-input-focus-background-color);\n  outline: none;\n  outline-offset: 0;\n  box-shadow: none;\n}\n.handsontableEditor .ht-multi-select-editor input.ht-multi-select-editor-search-input::placeholder {\n  color: var(--ht-foreground-color);\n  opacity: 0.6;\n}\n.handsontableEditor .ht-multi-select-editor .ht-multi-select-editor-separator {\n  width: 100%;\n  height: 1px;\n  background-color: var(--ht-menu-border-color);\n  margin: var(--ht-menu-vertical-padding) 0 var(--ht-menu-vertical-padding) 0;\n  padding: 0;\n}\n.handsontableEditor .ht-multi-select-editor ul {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  margin: 0;\n  padding: var(--ht-gap-size) var(--ht-menu-horizontal-padding);\n}\n.handsontableEditor .ht-multi-select-editor ul li {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  background: var(--ht-background-color);\n  padding: var(--ht-menu-item-vertical-padding) var(--ht-menu-item-horizontal-padding);\n  user-select: none;\n  cursor: pointer;\n}\n.handsontableEditor .ht-multi-select-editor ul li * {\n  cursor: pointer;\n}\n.handsontableEditor .ht-multi-select-editor ul li.ht-multi-select-editor-item-selected {\n  background: color-mix(in srgb, var(--ht-menu-item-active-color) var(--ht-menu-item-active-color-opacity, 100%), transparent);\n}\n.handsontableEditor .ht-multi-select-editor ul li div {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n}\n.handsontableEditor .ht-multi-select-editor ul li div input {\n  position: relative;\n  appearance: none;\n  margin: 0;\n  padding: 0;\n  width: var(--ht-checkbox-size);\n  height: var(--ht-checkbox-size);\n  display: flex;\n}\n.handsontableEditor .ht-multi-select-editor ul li div input::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.handsontableEditor .ht-multi-select-editor ul li div input::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  box-sizing: border-box;\n  width: var(--ht-checkbox-size);\n  height: var(--ht-checkbox-size);\n  border-radius: var(--ht-checkbox-border-radius);\n  border: 1px solid var(--ht-checkbox-border-color);\n  background: var(--ht-checkbox-background-color);\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.handsontableEditor .ht-multi-select-editor ul li div input:checked::before {\n  border-color: var(--ht-checkbox-checked-border-color);\n  background: var(--ht-checkbox-checked-background-color);\n}\n.handsontableEditor .ht-multi-select-editor ul li div input:checked::after {\n  color: var(--ht-checkbox-checked-ic