/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Icon/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_light__x4tYN {
  background-color: --;
}

.styles_clickable__SVexi {
  cursor: pointer;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Typography/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__Z_6Oq {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.styles_h1__lVRSs {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.2;
}

.styles_h2__VRM8H {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.styles_h3__SP8Oq {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.styles_md__8OeTy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.styles_sm__zNf1y {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

.styles_subtext__msKJW {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}

.styles_black__PjH4U {
  color: var(--general-black);
}

.styles_second__xjBZB {
  color: var(--general-second);
}

.styles_red__pLtrq {
  color: var(--general-red);
}

.styles_green__P82Qf {
  color: var(--general-green);
}

.styles_white__NONS4 {
  color: var(--general-white);
}

.styles_accent__mifpc {
  color: var(--general-accent);
}

.styles_secondary-dark__JrjvD {
  color: var(--secondary-color-dark);
}

.styles_secondary-light__8ITYZ {
  color: var(--secondary-color-light);
}

.styles_input-label__bUrdA {
  color: var(--input-label);
}

.styles_input-action__oI3Zw {
  color: var(--input-action);
}

.styles_input-error__X2KbJ {
  color: var(--input-error);
}

.styles_input-warning__qPpkY {
  color: var(--input-warning);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/ToggleSwitch/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__ghCVz {
  position: relative;
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.styles_root--disabled__HGq8r {
  opacity: 0.5;
  cursor: not-allowed;
}
.styles_root__container__07YSi {
  display: flex;
  align-items: center;
  border-radius: 18px;
  border: 1px solid var(--toggle-switch-border-color);
  position: relative;
  overflow: hidden;
  padding: 2px;
  box-sizing: border-box;
}
.styles_root__container__07YSi::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  width: var(--active-item-width, 120px);
  border-radius: 12px;
  background: var(--toggle-switch-active-bg);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(var(--active-item-position, 0));
  z-index: 0;
  margin-left: 3px;
  margin-right: 8px;
}
.styles_root__option__Rph_y {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  min-width: 7.5rem;
  height: 3rem;
  color: var(--toggle-switch-text-color);
  z-index: 1;
  position: relative;
  padding: 0 1.25rem;
  transition: color 0.3s ease;
  background: transparent;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  outline: none;
}
.styles_root__option__Rph_y:last-child {
  margin-right: 0;
}
.styles_root__option__Rph_y:disabled {
  cursor: not-allowed;
}
.styles_root__option--active__gPAcy {
  color: var(--toggle-switch-text-color);
}
.styles_root__option--active__gPAcy .styles_root__icon__NOjzf {
  opacity: var(--toggle-switch-icon-opacity-active);
}
.styles_root__icon__NOjzf {
  display: flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  transition: color 0.3s ease, opacity 0.3s ease;
  flex-shrink: 0;
  opacity: var(--toggle-switch-icon-opacity-inactive);
}
.styles_root__label__eFWUb {
  font-size: 1rem;
  white-space: nowrap;
  transition: color 0.3s ease;
  line-height: 1.2;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/FormItem/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__GFl6Q {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.styles_root__GFl6Q.styles_fullWidth___NCVU {
  width: 100%;
}

.styles_header__pUJbf {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.75rem;
}

.styles_warningText__vQk8R {
  padding: 0 0.75rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/Tools/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_description__cLpgH {
  color: rgba(208, 208, 229, 0.4);
  margin-top: 0.5rem;
  width: 29.375rem;
}
@media screen and (max-width: 1200px) {
  .styles_description__cLpgH {
    width: 100%;
  }
}

.styles_tools__3_cUE {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2.5rem;
  gap: 2.5rem;
  margin-top: 2.3125rem;
}
@media screen and (max-width: 1200px) {
  .styles_tools__3_cUE {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 840px) {
  .styles_tools__3_cUE {
    grid-template-columns: repeat(1, 1fr);
  }
}
.styles_tools_text_bot_enabled__HoSsL {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.styles_tabs__hBv8h {
  margin-top: 2.3125rem;
}

@keyframes styles_slideInFromRight__9UTpf {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes styles_slideInFromLeft__8FM1u {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes styles_slideOutToRight__566w7 {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(30px);
  }
}
@keyframes styles_slideOutToLeft__bnWpO {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-30px);
  }
}
.styles_toolItem__uFCBr {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}

.styles_slideInFromRight__9UTpf {
  animation-name: styles_slideInFromRight__9UTpf;
}

.styles_slideInFromLeft__8FM1u {
  animation-name: styles_slideInFromLeft__8FM1u;
}

.styles_slideOutToRight__566w7 {
  animation-name: styles_slideOutToRight__566w7;
}

.styles_slideOutToLeft__bnWpO {
  animation-name: styles_slideOutToLeft__bnWpO;
}

.styles_toolItem__uFCBr:nth-child(1) {
  animation-delay: 0.05s;
}

.styles_toolItem__uFCBr:nth-child(2) {
  animation-delay: 0.1s;
}

.styles_toolItem__uFCBr:nth-child(3) {
  animation-delay: 0.15s;
}

.styles_toolItem__uFCBr:nth-child(4) {
  animation-delay: 0.2s;
}

.styles_toolItem__uFCBr:nth-child(5) {
  animation-delay: 0.25s;
}

.styles_toolItem__uFCBr:nth-child(6) {
  animation-delay: 0.3s;
}

.styles_toolItem__uFCBr:nth-child(7) {
  animation-delay: 0.35s;
}

.styles_toolItem__uFCBr:nth-child(8) {
  animation-delay: 0.4s;
}

.styles_toolItem__uFCBr:nth-child(9) {
  animation-delay: 0.45s;
}

.styles_toolItem__uFCBr:nth-child(10) {
  animation-delay: 0.5s;
}

.styles_toolItem__uFCBr:nth-child(11) {
  animation-delay: 0.55s;
}

.styles_toolItem__uFCBr:nth-child(12) {
  animation-delay: 0.6s;
}

.styles_toolItem__uFCBr:nth-child(13) {
  animation-delay: 0.65s;
}

.styles_toolItem__uFCBr:nth-child(14) {
  animation-delay: 0.7s;
}

.styles_toolItem__uFCBr:nth-child(15) {
  animation-delay: 0.75s;
}

.styles_toolItem__uFCBr:nth-child(16) {
  animation-delay: 0.8s;
}

.styles_toolItem__uFCBr:nth-child(17) {
  animation-delay: 0.85s;
}

.styles_toolItem__uFCBr:nth-child(18) {
  animation-delay: 0.9s;
}

.styles_toolItem__uFCBr:nth-child(19) {
  animation-delay: 0.95s;
}

.styles_toolItem__uFCBr:nth-child(20) {
  animation-delay: 1s;
}

.styles_toolItem__uFCBr:nth-child(21) {
  animation-delay: 1.05s;
}

.styles_toolItem__uFCBr:nth-child(22) {
  animation-delay: 1.1s;
}

.styles_toolItem__uFCBr:nth-child(23) {
  animation-delay: 1.15s;
}

.styles_toolItem__uFCBr:nth-child(24) {
  animation-delay: 1.2s;
}

.styles_toolItem__uFCBr:nth-child(25) {
  animation-delay: 1.25s;
}

.styles_toolItem__uFCBr:nth-child(26) {
  animation-delay: 1.3s;
}

.styles_toolItem__uFCBr:nth-child(27) {
  animation-delay: 1.35s;
}

.styles_toolItem__uFCBr:nth-child(28) {
  animation-delay: 1.4s;
}

.styles_toolItem__uFCBr:nth-child(29) {
  animation-delay: 1.45s;
}

.styles_toolItem__uFCBr:nth-child(30) {
  animation-delay: 1.5s;
}

.styles_agentSections__WzDL1 {
  margin-top: 2.3125rem;
}

.styles_section__JSkOA {
  margin-bottom: 2.5rem;
}

.styles_sectionTitle__mez2J {
  color: white;
  margin-bottom: 1.25rem;
}

.styles_sectionTools__JGPom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2.5rem;
  gap: 2.5rem;
}
.styles_sectionTools_text_bot_enabled__nxIBF {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

@media screen and (max-width: 768px) {
  .styles_tabText__JUsoH {
    font-size: 0.8125rem !important;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/Spreadsheet/components/SpreadsheetContent/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__bpUgO {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: var(--input-background);
  font-family: "Inter", sans-serif;
  gap: 2.75rem;
}
.theme-light .styles_root__bpUgO {
  background: var(--input-background-light);
}

.styles_header__uJEEu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.15625rem 0 0 3.5rem;
}

.styles_headerTitle__JpJ_R {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.theme-light .styles_title__x3c3r {
  color: #000;
}

.styles_backButton__5O8_U {
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
}

.styles_mainContent__5iYHg {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 3.5rem;
  background: var(--input-background);
  position: relative;
  padding-bottom: 36px;
  gap: 1rem;
}
.theme-light .styles_mainContent__5iYHg {
  background: var(--input-background-light);
}

.theme-light .styles_backButtonText__1gg3g {
  color: #222222;
}

.styles_sheetTabsContainer__FQVAZ {
  z-index: 100;
  width: 100%;
  margin-top: 1rem;
}

.styles_description__TjK2_ {
  color: #6c757d;
}

.styles_spreadsheetContainer__we89P {
  border: 1px solid var(--table-border);
  border-radius: 4px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/Spreadsheet/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__aBxyj {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/Spreadsheet/components/SpreadsheetLists/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_backendSheetsList__YOrM2 {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
  padding: 1.5rem 2rem;
  background: linear-gradient(90deg, rgba(209, 209, 209, 0.1) 0%, rgba(107, 107, 107, 0.1) 100%);
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.theme-light .styles_backendSheetsList__YOrM2 {
  background: linear-gradient(90deg, rgba(209, 209, 209, 0.1) 0%, rgba(107, 107, 107, 0.1) 100%);
}

.styles_hidden__iRC7C {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.styles_opened__R7u0e {
  overflow-y: auto;
  overflow-x: hidden;
  white-space: normal;
}

.styles_title__tTh9b {
  font-weight: 500;
  line-height: 36px;
}

.styles_section__VrXH_ {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.styles_card_button__47rQJ {
  border-radius: 0.75rem;
  padding: 0.3125rem;
  font-size: 0.75rem;
  text-align: center;
}
.styles_card_button__47rQJ:hover {
  background: var(--secondary-color-dark);
  transform: translateY(-2px);
}

.styles_card_name__D60p6 {
  color: var(--general-white);
  display: block;
  text-align: center;
  word-break: break-word;
}

.styles_backButton__1kexL {
  padding: 1.25rem;
  height: 3rem;
  border-radius: 0.625rem;
  background: var(--input-background);
  border: 1px solid rgba(208, 208, 229, 0.08);
  font-size: 0.875rem;
  color: var(--general-white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_backButton__1kexL:hover {
  border-radius: 0.75rem;
  border: 1px solid rgba(208, 208, 229, 0.24);
  background: #151617;
}

.styles_sidebarContent__qvp_s {
  flex: 1 1;
  overflow-y: auto;
  padding: 1rem;
  width: 100%;
}

@media (max-width: 768px) {
  .styles_sidebarContent__qvp_s {
    padding: 0;
    width: 100%;
  }
}
.styles_emptyState__iWL1f {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--secondary-light);
  font-size: 0.875rem;
  text-align: center;
  padding: 2rem;
}

@media (max-width: 768px) {
  .styles_container__wPgAJ {
    grid-template-columns: 1fr;
  }
}
.styles_sheetInfo__TXn5e {
  padding: 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.styles_infoCard__4rlJ6 {
  background: var(--general-black);
  border: 1px solid rgba(208, 208, 229, 0.08);
  border-radius: 0.75rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.styles_infoTitle__ywhwQ {
  margin-bottom: 0.5rem;
}

.styles_infoDetails__ddURH {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.styles_infoRow__ph81w {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--secondary-light);
}
.styles_infoRow__ph81w:last-child {
  border-bottom: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/Spreadsheet/components/SpreadsheetControls/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__2JXrn {
  display: flex;
  gap: 1rem;
  align-items: center;
  z-index: 1000;
  justify-content: flex-end;
  width: 100%;
  background-color: var(--indigo-900);
  color: var(--white);
  border-bottom: 1px solid var(--indigo-700);
  padding-right: 3.5rem;
}
.styles_root__2JXrn > div {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.styles_exportButton__FWDNw {
  background: #fff;
  padding: 0.4375rem 0.75rem;
  border-radius: 0.5rem;
  color: #000;
  font-size: 0.75rem;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  height: 2rem;
}
.styles_dropdown__Qmq3y {
  display: none;
}

.styles_exportButton__FWDNw {
  background: #fff;
  padding: 0.4375rem 0.75rem;
  border-radius: 0.5rem;
  color: #000;
  font-size: 0.75rem;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  height: 2rem;
}
.styles_dropdown__Qmq3y {
  min-width: 120px;
}

.styles_sheetsTabs__xwPy5 {
  display: flex;
  align-items: center;
  margin-left: 16px;
  overflow-x: auto;
  max-width: 500px;
}

.styles_sheetTab__M2hHH {
  padding: 6px 12px;
  margin-right: 4px;
  border: none;
  border-radius: 4px 4px 0 0;
  background-color: var(--indigo-700);
  color: var(--white);
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
  transition: background-color 0.2s;
}
.styles_sheetTab__M2hHH:hover {
  background-color: var(--indigo-600);
}

.styles_activeSheetTab__HsQ4Q {
  background-color: var(--indigo-500);
  font-weight: 500;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/Spreadsheet/components/SheetTabs/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__Mczo5 {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow-x: auto;
}

.styles_sheetTab__VT_Tn {
  background-color: #1b1c1f;
  padding: 0.75rem 1rem;
  font-size: 0.75rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  height: 2.25rem;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.theme-light .styles_sheetTab__VT_Tn {
  background-color: var(--table-border);
}

.styles_activeSheetTab__9fCyT {
  background-color: #090909;
  margin: 0 0.5rem;
}
.theme-light .styles_activeSheetTab__9fCyT {
  background-color: #fff;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/Spreadsheet/components/CardItem/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__OgmB6 {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  width: 12.5rem;
  height: 10rem;
  background-color: var(--card-background);
  border-radius: 1.25rem;
  border: 1px solid var(--input-border);
  cursor: pointer;
  transition: transform 0.2s ease;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 1px;
  position: relative;
}
.styles_root__OgmB6:hover {
  transform: translateY(-1px);
}
.theme-light .styles_root__OgmB6 {
  background-color: var(--card-background-light);
  border: 1px solid rgba(48, 45, 45, 0.08);
}

.styles_importContent__BSdjV {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.styles_iconContainer__V8Hwh {
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles_tableContent__5FWBR {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  height: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.styles_name__Z_x8A {
  font-weight: 500;
  font-size: 1.25rem;
  text-align: center;
}
.theme-light .styles_name__Z_x8A {
  color: var(--card-background);
}

.styles_date__Em6i3 {
  font-size: 0.75rem;
  color: rgba(208, 208, 229, 0.4);
  text-align: center;
  word-break: break-word;
}
.theme-light .styles_date__Em6i3 {
  color: rgba(114, 114, 114, 0.4);
}

.styles_fileInput__HqU_Y {
  display: none;
}

.styles_badge__L7uqT {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  z-index: 10;
  height: 1.625rem;
  width: 3.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_badgeBuyers__I4PTC {
  background: linear-gradient(107deg, #0b72d2 0.55%, #5b5bff 63.33%, #4b4bea 104.95%);
}

.styles_badgeFinance__AU6q3 {
  background: linear-gradient(107deg, #0bd20b 0.55%, #15c26b 63.33%, #4bea9a 104.95%);
}

.styles_badgeText__J1rTu {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/Spreadsheet/components/TemplateSheetsList/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__dNx_l {
  padding: 0.625rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.styles_title__8PfIG {
  font-weight: 500;
  line-height: 150%;
}
.theme-light .styles_title__8PfIG {
  color: #1a1b1d;
}

.styles_tabs__s9S5J {
  align-self: flex-start !important;
}
.theme-light .styles_tabs__s9S5J {
  background-color: #f1f3f5;
  border: 1px solid rgba(26, 27, 29, 0.08);
}

.theme-light .styles_tab__Yk0Yz {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background-color: transparent;
}

.theme-light .styles_tabText__odDsC {
  color: #1a1b1d;
}

.styles_templatesList__DuWMu {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  height: calc(100vh - 500px);
  flex-wrap: wrap;
  gap: 0.625rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 12.5rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/Spreadsheet/components/BackendSheetsList/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__UXf0Z {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.styles_containerHeader__DCNtL {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.theme-light .styles_title___sElg {
  color: var(--card-background);
}

.styles_button__EAsWH {
  height: 3rem;
  padding: 0.75rem 1rem;
  background-color: var(--general-white);
  width: auto;
  border-radius: 0.75rem;
}

.styles_cardsRow__N3Y63 {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  overflow-x: auto;
  padding: 0.625rem 0;
  flex-wrap: nowrap;
}
.styles_cardsRow__N3Y63 > * {
  flex: 0 0 auto;
}

.styles_cardsGrid__YbbgG {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0.625rem;
  padding: 0.625rem 0 1.25rem 0;
  width: 100%;
  height: calc(100vh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
}
.styles_cardsGrid__YbbgG > * {
  flex: 0 0 12.5rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/TextBot/components/TextBotTabs/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__mHKrx {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.styles_root__mHKrx::-webkit-scrollbar {
  display: none;
}

.styles_tab__1wHFv {
  width: 234px;
  min-width: 234px;
  height: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.3125rem;
  padding-right: 0.75rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s ease-in-out;
  background-color: #313131;
  flex-shrink: 0;
}
.styles_tab_active__dij5I {
  background-color: transparent;
}

.styles_icon__Nx4Ou {
  position: relative;
  bottom: 0.125rem;
  margin-right: 0.25rem;
}

.styles_close__rutk0 {
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
.styles_close__rutk0:hover {
  transform: scale(1.3);
}
.styles_close__rutk0:active {
  transform: scale(0.9);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/TextBot/components/TextBotDescription/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__i3HDQ {
  padding: 1rem;
  border-bottom: 1px solid rgba(133, 134, 153, 0.4);
}

.styles_title__T0dGm {
  color: #858699;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.625rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/TextBot/components/TextBotHeader/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__GMMOP {
  padding: 1.5rem 1rem;
  border-bottom: 1px solid rgba(133, 134, 153, 0.4);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/TextBot/components/TextBotFiles/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__i9x42 {
  padding: 1rem;
  border-bottom: 1px solid rgba(133, 134, 153, 0.4);
}

.styles_title__d2x_T {
  color: #858699;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.625rem;
}

.styles_description__pV26R {
  color: #4c4f6b;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/NewInput/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_input__NW76C {
  border-radius: 0.75rem;
  border: 1px solid var(--input-border);
  background: var(--input-background);
  height: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0 0.75rem;
  transition: all 0.3s ease;
}
.styles_input__NW76C.styles_fullWidth__kkVaI {
  width: 100%;
}
.styles_input__disabled__Gy4G5 {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.styles_input__disabled__Gy4G5 .styles_input__field__dO7hu {
  cursor: not-allowed;
}
.styles_input__sm__vCtDe {
  height: 2rem;
  border-radius: 0.5rem;
}
.styles_input__sm__vCtDe .styles_input__field__dO7hu {
  font-size: 0.875rem;
}
.styles_input__sm__vCtDe .styles_input__end_decorator__7mpBG {
  font-size: 0.875rem;
}
.styles_input__md__AHcZE {
  height: 3rem;
}
.styles_input__lg__qQXUf {
  height: 4rem;
}
.styles_input__lg__qQXUf .styles_input__field__dO7hu {
  font-size: 1.125rem;
}
.styles_input__lg__qQXUf .styles_input__end_decorator__7mpBG {
  font-size: 1.125rem;
}
.styles_input__NW76C:not(.styles_input__disabled__Gy4G5):has(.styles_input__field__dO7hu:focus):not(.styles_input__error__adwhx) {
  border: 1px solid var(--input-action);
  box-shadow: 0px 0px 0px 2px rgba(0, 163, 255, 0.2);
}
.styles_input__field__dO7hu {
  background: transparent;
  border: none;
  outline: none;
  color: var(--general-white);
  font-size: 1rem;
  font-weight: 400;
  line-height: 120%;
  height: 100%;
  flex: 1 1;
}
.styles_input__field__dO7hu:disabled {
  cursor: not-allowed;
}
.styles_input__start_decorator__hygeO {
  display: flex;
  align-items: center;
}
.styles_input__error__adwhx {
  border: 1px solid var(--input-error);
}
.styles_input__error__adwhx .styles_input__field__dO7hu {
  color: var(--input-error);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/TextBot/components/TextBotChat/components/TextBotChatEmpty/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__TcpeD {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  height: 100%;
}

.styles_title____fTK {
  color: #fffdfd;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
}
@media screen and (max-width: 1200px) {
  .styles_title____fTK {
    font-size: 1rem;
    line-height: 1rem;
  }
}

@media screen and (max-width: 1200px) {
  .styles_icon__aj6Zi {
    transform: scale(0.8);
  }
}

.styles_description__Qcx7E {
  color: rgba(208, 208, 229, 0.6);
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}
@media screen and (max-width: 1200px) {
  .styles_description__Qcx7E {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/TextBot/components/TextBotChat/components/TextBotChatMessage/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__5Je9o {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  width: 100%;
}
.styles_root_agent__DDCfu {
  align-items: flex-start;
}
.styles_root_user__UQFU4 {
  align-items: flex-end;
}

.styles_content__WNECO {
  word-wrap: break-word;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: normal;
}
.styles_root_agent__DDCfu .styles_content__WNECO {
  color: white;
  text-align: left;
}
.styles_root_user__UQFU4 .styles_content__WNECO {
  color: rgb(194, 188, 188);
  text-align: right;
}

.styles_timestamp__ixy_9 {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.styles_root_agent__DDCfu .styles_timestamp__ixy_9 {
  text-align: left;
  color: white;
}
.styles_root_user__UQFU4 .styles_timestamp__ixy_9 {
  text-align: right;
  color: rgb(194, 188, 188);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/TextBot/components/TextBotChat/components/TextBotThinking/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__ALK8r {
  display: flex;
  flex-direction: column;
}

.styles_content__Rnsnh {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.styles_thinkingText__wmU_6 {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.03125rem;
  white-space: nowrap;
}

.styles_progressBar__SLFxl {
  width: 7.5rem;
  height: 1.25rem;
  overflow: hidden;
  position: relative;
}

.styles_progressFill__z34lh {
  height: 100%;
  background-color: #007bff;
  animation: styles_progressAnimation__UI3sz 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  transform-origin: left;
}

@keyframes styles_progressAnimation__UI3sz {
  0% {
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(0.7);
  }
  100% {
    transform: scaleX(0);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/TextBot/components/TextBotChat/components/TextBotChatMessages/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__qMjqZ {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem 0;
  gap: 1rem;
  min-height: 0;
  height: 100%;
  scrollbar-width: none;
}
.styles_root__qMjqZ::-webkit-scrollbar {
  display: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/TextBot/components/TextBotChat/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__ub7Pe {
  padding: 1.5rem 1rem;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.styles_content__07Gdt {
  flex: 1 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  max-height: 31.25rem;
}
@media screen and (max-width: 1200px) {
  .styles_content__07Gdt {
    max-height: 21.875rem;
  }
}
@media screen and (min-height: 1268px) {
  .styles_content__07Gdt {
    max-height: 40.625rem;
  }
}
@media screen and (min-height: 1468px) {
  .styles_content__07Gdt {
    max-height: 53.125rem;
  }
}
@media screen and (min-height: 1668px) {
  .styles_content__07Gdt {
    max-height: 59.375rem;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/TextBot/components/TextBotForm/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__cy_Tz {
  width: 100%;
  height: 100%;
  flex: 1 1;
  margin: 5% auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/TextBot/components/TextBotModeContent/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__C7FDu {
  padding: 1.5rem 1rem;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.styles_header__M8VTT {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.styles_labels__o0Z1y {
  display: flex;
  gap: 1rem;
}
.styles_labels_item__fuvZQ {
  color: rgba(220, 216, 254, 0.56);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  border: 0.5px solid transparent;
  background: rgba(89, 89, 116, 0.25);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.styles_labels_item_active___q0Dv {
  color: white;
  border: 0.5px solid rgba(94, 93, 123, 0.44);
  background: rgba(104, 107, 134, 0.24);
}

.styles_expand__7NA2Q {
  cursor: pointer;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/containers/TextBot/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__4YkAh {
  border-left: 1px solid rgba(133, 134, 153, 0.4);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  animation: styles_slideInFromRight__7DeJg 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1200px) {
  .styles_root__4YkAh {
    top: 11px;
    left: 0;
    position: fixed;
    z-index: 1000;
    background: #0f0f10;
    border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
    border: 1px solid rgba(133, 134, 153, 0.4);
    animation: styles_slideInFromBottom__XKhX_ 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .styles_root__4YkAh.styles_minimized__9MB8u {
    transform: translateY(calc(100% - 80px));
  }
  @keyframes styles_slideInFromBottom__XKhX_ {
    0% {
      opacity: 0;
      transform: translateY(100%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
}
@keyframes styles_slideInFromRight__7DeJg {
  0% {
    opacity: 0;
    transform: translateX(100%) scale(0.95);
    filter: blur(2px);
  }
  50% {
    opacity: 0.7;
    transform: translateX(10%) scale(1.02);
    filter: blur(1px);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
    filter: blur(0);
  }
}

.styles_dragHandle__s04BO {
  display: none;
}
@media screen and (max-width: 1200px) {
  .styles_dragHandle__s04BO {
    display: block;
    width: 40px;
    height: 4px;
    background: rgba(133, 134, 153, 0.6);
    border-radius: 2px;
    margin: 8px auto 4px;
    cursor: -webkit-grab;
    cursor: grab;
    touch-action: none;
  }
  .styles_dragHandle__s04BO:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
    background: rgba(133, 134, 153, 0.8);
  }
}

.styles_content__CJjJt {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1200px) {
  .styles_content__CJjJt {
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  .styles_content__CJjJt.styles_hiddenContent__xD5vB {
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
  }
}

.styles_currentTabMobile__B4D3O {
  display: none;
}
@media screen and (max-width: 1200px) {
  .styles_currentTabMobile__B4D3O {
    display: flex;
    padding: 0 1rem 1rem 1rem;
    border-bottom: 1px solid rgba(133, 134, 153, 0.4);
    justify-content: space-between;
    align-items: center;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Layouts/App/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__6VF_z {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.styles_root__6VF_z .styles_main_content__696zb {
  flex: 1 1;
  display: flex;
  height: calc(100vh - 72px);
  overflow: hidden;
}
.styles_root__6VF_z .styles_content__jp1rv {
  flex: 1 1;
  overflow: auto;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Layouts/Auth/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__putxd {
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles_container__putxd {
  min-height: 100vh;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Layouts/Content/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__WZyio {
  overflow: auto;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Forms/Form/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__xVV7M {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 23;
  padding: 40px 20px 40px 20px;
  background-color: var(--general-second);
  border-radius: 40px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Forms/Login/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_title__8dC7F {
  margin-top: 1.25rem;
}

.styles_login_problems__7K_fq {
  margin-top: 0.625rem;
}

.styles_inputs__f_x85 {
  margin-top: 1.25rem;
}
.styles_inputs__f_x85 > input {
  margin-left: 0.625rem;
}

.styles_opacity__j6CsA {
  opacity: 0.5;
}

.styles_login_button__2SV38 {
  margin-top: 2.5rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Forms/UserForm/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_title__9FQQr {
  margin-top: 1.25rem;
}

.styles_login_button__SXNAT {
  margin-top: 2.5rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/FileLoader/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__9_14t {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--general-white);
}
.styles_root__9_14t .styles_label__WpgBW {
  font-size: 1rem;
}
.styles_root__9_14t .styles_upload_area__rI9kR {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  border: 1px dashed var(--general-white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.3s ease-in-out;
}
.styles_root__9_14t .styles_upload_area__rI9kR:hover {
  border-color: var(--primary-color);
}
.styles_root__9_14t input {
  display: none;
}

.styles_error__Qfp0I .styles_upload-area__4wIIo {
  border: 1px solid var(--general-red);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/NewDropdown/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__56pF8 {
  position: relative;
}

.styles_dropdown__du_hw {
  border-radius: 0.75rem;
  border: 1px solid rgba(208, 208, 229, 0.08);
  background: var(--input-background);
  height: 3rem;
  min-inline-size: max-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.styles_dropdown_sm__6fnTL {
  height: 2rem;
  min-width: 15rem;
  font-size: 0.875rem;
}
.styles_dropdown_md__74GRN {
  height: 3rem;
  min-width: 18.0625rem;
  font-size: 1rem;
}
.styles_dropdown_disabled___qOgY {
  opacity: 0.5;
  cursor: not-allowed;
}
.styles_dropdown_fullWidth__MaNQc {
  width: 100%;
}
.styles_dropdown_open__5XjW0 {
  border-radius: 0.75rem;
  border: 1px solid rgba(208, 208, 229, 0.24);
  background: #151617;
}
.styles_dropdown__du_hw:hover:not(.styles_dropdown_disabled___qOgY) {
  border-radius: 0.75rem;
  border: 1px solid rgba(208, 208, 229, 0.24);
  background: #151617;
}
.styles_dropdown_menu__wWxdM {
  border-radius: 0.75rem;
  background: #1f2022;
  box-shadow: 0 1rem 5rem 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 0.5rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  transform: translateY(-0.625rem);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.styles_dropdown_menu_open__vgrO3 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.styles_dropdown_menu_item__N8_pu {
  padding: 0.25rem 1rem;
  border-radius: 0.375rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: left;
}
.styles_dropdown_menu_item__N8_pu:hover {
  background: rgba(208, 208, 229, 0.06);
}
.styles_dropdown_menu_item__N8_pu:active {
  transform: scale(0.98);
}
.styles_dropdown_menu_item_active__ef8uP {
  background: rgba(208, 208, 229, 0.06);
}

.styles_icon__jBicb {
  transition: all 0.2s ease-in-out;
}
.styles_icon_open__JITB1 {
  transform: rotate(180deg);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Forms/CreateUserFormFields/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_login_problems__9OFru {
  margin-top: 0.625rem;
}

.styles_inputs__IHGt5 {
  margin-top: 1.25rem;
  width: 22.5rem;
}
.styles_inputs__IHGt5 > input {
  margin-left: 0.625rem;
}

.styles_opacity__Uplli {
  opacity: 0.5;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Buttons/Button/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__kJmx4 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles_base__PFhCD, .styles_danger__fDlJ4, .styles_secondary__QjPet, .styles_primary__Mt_ue {
  width: 20.625rem;
  height: 3.75rem;
  border-radius: 100px;
  color: var(--general-white);
}

.styles_primary__Mt_ue {
  background: var(--general-accent);
}

.styles_secondary__QjPet {
  background: transparent;
}

.styles_danger__fDlJ4 {
  background: var(--general-error);
}

.styles_disabled__301Fg {
  opacity: 0.5;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Buttons/Switcher/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__6_srj {
  display: inline-block;
  width: 5rem;
  height: 2.5rem;
  border-radius: 100px;
  background: var(--general-second);
  padding: 0.125rem;
  cursor: pointer;
  position: relative;
  transition-duration: 300ms;
}

.styles_knob__0sOLn {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 100px;
  padding: 0.375rem;
  background: var(--general-black);
  position: absolute;
  top: 0.125rem;
  left: 0.1875rem;
  transition-duration: 300ms;
  z-index: 1;
}

.styles_active__Wczek {
  background: var(--secondary-color-light);
}
.styles_active__Wczek .styles_knob__0sOLn {
  left: 2.5rem;
  background: var(--general-white);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Buttons/SegmentControl/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__mj_sq {
  --highlight-width: auto;
  --highlight-x-pos: 0;
  display: flex;
}

.styles_selected-item__A5mG0 {
  text-align: center;
}

.styles_controls__Vn1S_ {
  display: inline-flex;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  width: 5rem;
  height: 2.5rem;
  border-radius: 100px;
  background: var(--general-second);
  padding: 0.125rem;
}

.styles_controls__Vn1S_ input {
  opacity: 0;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  cursor: pointer;
}

.styles_segment__aJx_9 {
  position: relative;
  text-align: center;
  z-index: 1;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.375rem;
}

.styles_segment__aJx_9 label {
  cursor: pointer;
  display: block;
  font-weight: 700;
  color: var(--general-white);
  opacity: 0.5;
  transition: opacity 0.5s ease;
}

.styles_segment__aJx_9.styles_active__2F4mY label {
  opacity: 1;
}

.styles_controls__Vn1S_::before {
  content: "";
  background: var(--general-black);
  border-radius: 100px;
  width: 2.25rem;
  height: 2.25rem;
  transform: translateX(var(--highlight-x-pos));
  position: absolute;
  top: 0.125rem;
  left: 0.1875rem;
  left: 0;
  z-index: 0;
}

.styles_controls__Vn1S_::before {
  transition: transform 0.3s ease, width 0.3s ease;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Sections/UserTeamSection/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_buttons_section__SHHkx {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/PermissionGuard/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__6LVYV {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./node_modules/handsontable/styles/handsontable.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * 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: 15.2.0
 * Release date: 19/03/2025 (built at 19/03/2025 09:41:55)
 */
.ht-wrapper:not([class*=ht-theme]) {
  --ht-gap-size: 4px;
  --ht-checkbox-size: 16px;
  --ht-cell-horizontal-padding: 8px;
  --ht-cell-vertical-padding: 4px;
  --ht-font-size: 14px;
  --ht-line-height: 20px;
  --ht-border-color: #222222;
  --ht-foreground-color: #222222;
  --ht-background-color: #ffffff;
  --ht-header-foreground-color: #222222;
  --ht-header-background-color: #f7f7f9;
  --ht-header-row-foreground-color: #222222;
  --ht-header-row-background-color: #f7f7f9;
  --ht-cell-horizontal-border-color: #222222;
  --ht-cell-vertical-border-color: #222222;
  --ht-header-active-border-color: #1a42e8;
  --ht-header-active-foreground-color: #ffffff;
  --ht-header-active-background-color: #1a42e8;
  --ht-header-row-active-foreground-color: #fff;
  --ht-header-row-active-background-color: #1a42e8;
  --ht-cell-selection-border-color: #1a42e8;
}

.handsontable {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
  position: relative;
  font-size: var(--ht-font-size);
  line-height: var(--ht-line-height);
  font-weight: var(--ht-font-weight);
  letter-spacing: 0;
  color: var(--ht-foreground-color);
  /* Miscellaneous */
  touch-action: manipulation;
  scrollbar-width: thin;
  scrollbar-color: var(--ht-scrollbar-thumb-color) var(--ht-scrollbar-track-color);
}
.handsontable::-webkit-scrollbar-track {
  border-radius: var(--ht-scrollbar-border-radius);
}
.handsontable.ht-wrapper {
  border-radius: var(--ht-wrapper-border-radius, 0);
}
.handsontable.ht-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border: var(--ht-wrapper-border-width) solid var(--ht-wrapper-border-color);
  border-radius: var(--ht-wrapper-border-radius, 0);
  z-index: 999;
  pointer-events: none;
  overflow: hidden;
}
.handsontable.htGhostTable table thead th {
  border-bottom-width: 0;
}
.handsontable.htGhostTable table tbody tr td,
.handsontable.htGhostTable table tbody tr th {
  border-top-width: 0;
}
.handsontable.htGhostTable table tbody tr:first-of-type th,
.handsontable.htGhostTable table tbody tr:first-of-type td {
  height: calc(var(--ht-cell-vertical-padding) * 2 + var(--ht-line-height) + 1px);
}
.handsontable.htHasScrollX .ht_master .wtHolder, .handsontable.htHasScrollY .ht_master .wtHolder {
  background-color: var(--ht-background-color);
  border-radius: var(--ht-wrapper-border-radius, 0);
}
.handsontable tr.ht__row_even th {
  background-color: var(--ht-row-header-even-background-color);
}
.handsontable tr.ht__row_even td {
  background-color: var(--ht-row-cell-even-background-color);
}
.handsontable tr.ht__row_odd th {
  background-color: var(--ht-row-header-odd-background-color);
}
.handsontable tr.ht__row_odd td {
  background-color: var(--ht-row-cell-odd-background-color);
}
.handsontable th,
.handsontable td {
  height: calc(var(--ht-cell-vertical-padding) * 2 + var(--ht-line-height) + 1px);
  padding: var(--ht-cell-vertical-padding) var(--ht-cell-horizontal-padding);
  vertical-align: top;
  border-top-width: 0;
  border-inline-start-width: 0;
  border-inline-end-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  font-size: var(--ht-font-size);
  line-height: var(--ht-line-height);
  white-space: pre-wrap;
  overflow: hidden;
  outline: none;
  outline-width: 0;
  empty-cells: show;
  box-sizing: border-box;
  color: var(--ht-foreground-color);
  border-top-color: var(--ht-cell-vertical-border-color);
  border-bottom-color: var(--ht-cell-vertical-border-color);
  border-inline-start-color: var(--ht-cell-horizontal-border-color);
  border-inline-end-color: var(--ht-cell-horizontal-border-color);
}
.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);
}
.handsontable th:last-child {
  /* Foundation framework fix */
  border-inline-start-width: 0;
  border-inline-end-width: 1px;
  border-bottom-width: 1px;
  border-inline-end-color: var(--ht-border-color);
}
.handsontable th:last-child.ht__active_highlight {
  border-inline-end-color: var(--ht-header-active-border-color);
}
.handsontable th:first-child {
  border-inline-start-color: var(--ht-border-color);
}
.handsontable th:first-child.ht__active_highlight {
  border-inline-start-color: var(--ht-header-active-border-color);
}
.handsontable th:first-child, .handsontable th:nth-child(2) {
  border-inline-start-width: 1px;
}
.handsontable th.current {
  box-shadow: inset 0 0 0 1px var(--ht-cell-selection-border-color);
}
.handsontable th.active {
  color: var(--ht-header-active-foreground-color);
  background-color: var(--ht-header-active-background-color);
}
.handsontable th.ht__highlight {
  color: var(--ht-header-highlighted-foreground-color);
  background-color: var(--ht-header-highlighted-background-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);
}
.handsontable tbody tr.ht__row_odd th.ht__highlight, .handsontable tbody tr.ht__row_even th.ht__highlight {
  color: var(--ht-header-row-highlighted-foreground-color);
  background-color: var(--ht-header-row-highlighted-background-color);
}
.handsontable tbody tr.ht__row_odd th.ht__active_highlight, .handsontable tbody tr.ht__row_even th.ht__active_highlight {
  color: var(--ht-header-row-active-foreground-color);
  background-color: var(--ht-header-row-active-background-color);
}
.handsontable tbody tr:first-of-type th,
.handsontable tbody tr:first-of-type td {
  height: calc(var(--ht-cell-vertical-padding) * 2 + var(--ht-line-height) + 2px);
}
.handsontable tbody tr th {
  padding: 0;
  color: var(--ht-header-row-foreground-color);
  background-color: var(--ht-header-row-background-color);
}
.handsontable tbody tr th.ht__active_highlight {
  box-shadow: 0 -1px 0 0 var(--ht-header-active-border-color);
}
.handsontable tbody tr th .relative {
  padding: var(--ht-cell-vertical-padding) var(--ht-cell-horizontal-padding);
  height: 100%;
}
.handsontable tbody tr td:first-child {
  border-inline-start-color: var(--ht-border-color);
}
.handsontable tbody tr td:last-child {
  border-inline-end-color: var(--ht-border-color);
}
.handsontable thead tr th {
  padding: 0;
}
.handsontable thead tr th.ht__active_highlight {
  box-shadow: -1px 0 0 0 var(--ht-header-active-border-color);
}
.handsontable thead tr th .relative {
  padding: var(--ht-cell-vertical-padding) var(--ht-cell-horizontal-padding);
}
.handsontable thead tr th .relative .colHeader {
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
  max-width: calc(100% + 1px);
}
.handsontable thead tr th .relative:has(.collapsibleIndicator, .changeType) .colHeader {
  max-width: calc(100% - (var(--ht-icon-size) + var(--ht-gap-size)));
}
.handsontable tr:first-child th,
.handsontable tr:first-child td {
  border-top-color: var(--ht-border-color);
  border-top-width: 1px;
}
.handsontable tr:first-child th.ht__active_highlight,
.handsontable tr:first-child td.ht__active_highlight {
  border-top-color: var(--ht-header-active-border-color);
}
.handsontable tr:last-child th,
.handsontable tr:last-child td {
  border-bottom-color: var(--ht-border-color);
}
.handsontable tr:last-child th.ht__active_highlight,
.handsontable tr:last-child td.ht__active_highlight {
  border-bottom-color: var(--ht-header-active-border-color);
}
.handsontable div[class^=ht_clone] thead .ht__highlight .relative::after {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  height: var(--ht-header-highlighted-shadow-size);
  background-color: var(--ht-accent-color);
}
.handsontable div[class^=ht_clone] thead tr:only-of-type .ht__highlight .relative::after {
  bottom: 0;
}
.handsontable div[class^=ht_clone] tbody .ht__highlight .relative::after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  width: var(--ht-header-highlighted-shadow-size);
  background-color: var(--ht-accent-color);
}
.handsontable thead tr:not(:last-child) th {
  /* Fix for - nested columns with hidden column  */
  overflow: hidden;
}
.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;
  background-color: var(--ht-background-color);
}
.handsontable col {
  width: 64px;
}
.handsontable col.rowHeader {
  width: 64px;
}
.handsontable col.hidden {
  width: 0 !important;
}
.handsontable span.colHeader, .handsontable span.rowHeader {
  display: inline-block;
  font-size: var(--ht-font-size);
  line-height: var(--ht-line-height);
}
.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 .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) tbody tr th,
.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) thead tr th:first-child,
.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.htGhostTable) tbody tr th,
.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top):not(.htGhostTable) 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 .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;
}

[dir=rtl].handsontable td[dir=ltr] {
  border-inline-end-width: 0;
  border-inline-start-width: 1px;
}
[dir=rtl].handsontable tbody tr td[dir=ltr]:last-child {
  border-inline-start-color: var(--ht-border-color);
}
[dir=rtl].handsontable div[class^=ht_clone] tbody .ht__highlight .relative::after {
  right: auto;
  left: -1px;
}

.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_master .htCore tbody tr:first-child td:first-child {
  border-start-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_master .htCore tbody tr:first-child td:last-child {
  border-start-end-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_top_inline_start_corner .htCore tbody tr:first-child td:first-child {
  border-start-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_top .htCore tbody tr:first-child td:first-child {
  border-start-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_top .htCore tbody tr:first-child td:last-child {
  border-start-end-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_inline_start .htCore tbody tr:first-child th:first-child,
.handsontable.ht-wrapper:not(.htColumnHeaders) .ht_clone_inline_start .htCore tbody tr:first-child td:first-child {
  border-start-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_master .htCore {
  border-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_master .htCore thead tr:first-child th:first-child {
  border-start-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_master .htCore thead tr:first-child th:last-child {
  border-start-end-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_master .htCore thead tr:last-child th:first-child {
  border-end-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_master .htCore thead tr:last-child th:last-child {
  border-end-end-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_master .htCore tbody tr:last-child td:first-child {
  border-end-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_master .htCore tbody tr:last-child td:last-child {
  border-end-end-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_top_inline_start_corner .htCore {
  border-start-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_top_inline_start_corner .htCore thead tr:first-child th:first-child {
  border-start-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_top .htCore {
  border-start-start-radius: var(--ht-wrapper-border-radius);
  border-start-end-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_top .htCore thead tr:first-child th:first-child {
  border-start-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_top .htCore thead tr:first-child th:last-child {
  border-start-end-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_inline_start .htCore {
  border-start-start-radius: var(--ht-wrapper-border-radius);
  border-end-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_inline_start .htCore thead tr:first-child th:first-child {
  border-start-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_inline_start .htCore tbody tr:last-child th:first-child,
.handsontable.ht-wrapper .ht_clone_inline_start .htCore tbody tr:last-child td:first-child {
  border-end-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_bottom_inline_start_corner .htCore {
  border-end-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_bottom_inline_start_corner .htCore tr:last-child th:first-child,
.handsontable.ht-wrapper .ht_clone_bottom_inline_start_corner .htCore tr:last-child td:first-child {
  border-end-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_bottom .htCore {
  border-end-start-radius: var(--ht-wrapper-border-radius);
  border-end-end-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_bottom .htCore tr:last-child th:first-child,
.handsontable.ht-wrapper .ht_clone_bottom .htCore tr:last-child td:first-child {
  border-end-start-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper .ht_clone_bottom .htCore tr:last-child th:last-child,
.handsontable.ht-wrapper .ht_clone_bottom .htCore tr:last-child td:last-child {
  border-end-end-radius: var(--ht-wrapper-border-radius);
}
.handsontable.ht-wrapper.htHasScrollX .htCore {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.handsontable.ht-wrapper.htHasScrollX .htCore thead tr:last-child th:first-child,
.handsontable.ht-wrapper.htHasScrollX .htCore tbody tr:last-child td:first-child,
.handsontable.ht-wrapper.htHasScrollX .htCore tbody tr:last-child th:first-child {
  border-end-start-radius: 0 !important;
}
.handsontable.ht-wrapper.htHasScrollX .htCore thead tr:last-child th:last-child,
.handsontable.ht-wrapper.htHasScrollX .htCore tbody tr:last-child td:last-child,
.handsontable.ht-wrapper.htHasScrollX .htCore tbody tr:last-child th:last-child {
  border-end-end-radius: 0 !important;
}
.handsontable.ht-wrapper.htHasScrollY .htCore {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.handsontable.ht-wrapper.htHasScrollY .htCore thead tr:first-child th:last-child,
.handsontable.ht-wrapper.htHasScrollY .htCore tbody tr:first-child td:last-child,
.handsontable.ht-wrapper.htHasScrollY .htCore tbody tr:first-child th:last-child {
  border-start-end-radius: 0 !important;
}
.handsontable.ht-wrapper.htHasScrollY .htCore thead tr:last-child th:last-child,
.handsontable.ht-wrapper.htHasScrollY .htCore tbody tr:last-child td:last-child,
.handsontable.ht-wrapper.htHasScrollY .htCore tbody tr:last-child th:last-child {
  border-end-end-radius: 0 !important;
}

.handsontable.mobile {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
}
.handsontable.mobile .wtHolder {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
}
.handsontable.mobile .handsontableInput:focus {
  box-shadow: inset 0 0 0 2px var(--ht-accent-color);
  -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 {
  animation: opacity-hide 0.2s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.handsontable.show-tween {
  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;
}

.handsontable td.area {
  position: relative;
}
.handsontable td.area::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ht-cell-selection-background-color, #1a42e8);
}
.handsontable td.area-1 {
  position: relative;
}
.handsontable td.area-1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ht-cell-selection-background-color, #1a42e8);
}
.handsontable td.area-2 {
  position: relative;
}
.handsontable td.area-2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ht-cell-selection-background-color, #1a42e8);
}
.handsontable td.area-3 {
  position: relative;
}
.handsontable td.area-3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ht-cell-selection-background-color, #1a42e8);
}
.handsontable td.area-4 {
  position: relative;
}
.handsontable td.area-4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ht-cell-selection-background-color, #1a42e8);
}
.handsontable td.area-5 {
  position: relative;
}
.handsontable td.area-5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ht-cell-selection-background-color, #1a42e8);
}
.handsontable td.area-6 {
  position: relative;
}
.handsontable td.area-6::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ht-cell-selection-background-color, #1a42e8);
}
.handsontable td.area-7 {
  position: relative;
}
.handsontable td.area-7::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ht-cell-selection-background-color, #1a42e8);
}
.handsontable td.area:before {
  opacity: 0.14;
}
.handsontable td.area-1:before {
  opacity: 0.21;
}
.handsontable td.area-2:before {
  opacity: 0.28;
}
.handsontable td.area-3:before {
  opacity: 0.35;
}
.handsontable td.area-4:before {
  opacity: 0.42;
}
.handsontable td.area-5:before {
  opacity: 0.49;
}
.handsontable td.area-6:before {
  opacity: 0.56;
}
.handsontable td.area-7:before {
  opacity: 0.63;
}
.handsontable td.area {
  border-color: color-mix(in srgb, var(--ht-border-color), var(--ht-foreground-color) 10%);
}
.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-color: var(--ht-cell-autofill-fill-border-color, #68696c) !important;
}
.handsontable .wtBorder.corner {
  border-radius: var(--ht-cell-autofill-border-radius) !important;
  background-color: var(--ht-cell-autofill-background-color, #1a42e8) !important;
  border-color: var(--ht-cell-autofill-border-color) !important;
  font-size: 0;
  cursor: crosshair;
  z-index: 10;
}

.hot-display-license-info {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
  padding: var(--ht-license-vertical-padding, 16px) var(--ht-license-horizontal-padding, 16px);
  font-size: calc(var(--ht-font-size) - 2px);
  line-height: calc(var(--ht-line-height) - 2px);
  color: var(--ht-license-foreground-color);
  background-color: var(--ht-license-background-color, #f7f7f9);
  text-align: left;
  border: 1px solid var(--ht-border-color, #f7f7f9);
  margin-top: 10px;
  border-radius: var(--ht-wrapper-border-radius);
}
.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;
  cursor: default;
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  font-size: 0;
  float: right;
  top: calc((var(--ht-line-height) - var(--ht-icon-size)) / 2);
  -webkit-margin-start: calc(var(--ht-gap-size) * 2);
          margin-inline-start: calc(var(--ht-gap-size) * 2);
}
.handsontable .htAutocompleteArrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
}

[dir=rtl].handsontable .htAutocompleteArrow {
  float: left;
}

.handsontable .htCheckboxRendererInput {
  position: relative;
  display: inline-block;
  width: var(--ht-checkbox-size);
  height: var(--ht-checkbox-size);
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
  margin-top: -2px;
}
.handsontable .htCheckboxRendererInput:first-child {
  -webkit-margin-end: var(--ht-gap-size);
          margin-inline-end: var(--ht-gap-size);
}
.handsontable .htCheckboxRendererInput:last-child {
  -webkit-margin-start: var(--ht-gap-size);
          margin-inline-start: var(--ht-gap-size);
}
.handsontable .htCheckboxRendererInput::before {
  content: "";
  display: inline-block;
  width: var(--ht-checkbox-size);
  height: var(--ht-checkbox-size);
  border-radius: var(--ht-checkbox-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: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: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:checked: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-checked-focus-ring-color);
}
.handsontable .htCheckboxRendererInput:checked:focus::after {
  color: var(--ht-checkbox-checked-focus-icon-color);
}
.handsontable .htCheckboxRendererInput:focus::before {
  border-color: var(--ht-checkbox-focus-border-color);
  background-color: var(--ht-checkbox-focus-background-color);
  outline: 1px solid var(--ht-checkbox-focus-ring-color);
}
.handsontable .htCheckboxRendererInput:focus::after {
  color: var(--ht-checkbox-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:indeterminate::before {
  background-color: red;
}
.handsontable .htCheckboxRendererInput.noValue {
  opacity: 0.5;
}
.handsontable .htCheckboxRendererLabel {
  display: inline-block;
  position: relative;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  color: inherit;
  margin: 0;
}
.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) !important;
}

.handsontableInputHolder {
  position: absolute;
  top: 0;
  left: 0;
}
.handsontableInputHolder .handsontableInput {
  display: block;
  margin: 0;
  padding: calc(var(--ht-cell-vertical-padding, 4px) + 1px) calc(var(--ht-cell-horizontal-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-cell-editor-background-color, #ffffff);
  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);
  border: none;
  border-radius: 0;
  -webkit-appearance: 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-vertical-padding, 4px) + 1px) calc(var(--ht-cell-horizontal-padding, 8px) + 1px);
  -webkit-padding-end: 26px;
          padding-inline-end: 26px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--ht-cell-editor-foreground-color);
  background-color: var(--ht-cell-editor-background-color, #ffffff);
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  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);
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  -webkit-appearance: none !important;
}
.htSelectEditor select:focus {
  outline: none;
}
.htSelectEditor .htAutocompleteArrow {
  top: 50%;
  transform: translateY(-50%);
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
  z-index: 1;
  pointer-events: none;
}

.handsontable.listbox {
  box-shadow: var(--ht-menu-shadow-x, 0) var(--ht-menu-shadow-y, 0) var(--ht-menu-shadow-blur, 8px) var(--ht-menu-shadow-color, rgba(0, 0, 0, 0.08));
  margin: 0;
  border: var(--ht-menu-border-width, 1px) solid var(--ht-menu-border-color, #e5e5e9);
}
.handsontable.listbox .ht_master {
  overflow: hidden;
  background-color: var(--ht-background-color);
}
.handsontable.listbox .wtHolder {
  overflow: auto;
}
.handsontable.listbox .wtHider, .handsontable.listbox .htCore {
  border-radius: 0 !important;
}
.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;
  border-radius: 0 !important;
}
.handsontable.listbox table td.htDimmed {
  cursor: default;
  font-style: inherit;
  color: inherit;
}
.handsontable.listbox table .wtBorder {
  visibility: hidden;
}
.handsontable.listbox table strong {
  font-weight: bold;
  color: inherit;
}
.handsontable.listbox table tr:hover td {
  background: var(--ht-menu-item-hover-color, #e5e5e9);
  cursor: pointer;
}
.handsontable.listbox table tr td:hover, .handsontable.listbox table tr td.current {
  background: var(--ht-menu-item-hover-color, #e5e5e9);
  cursor: pointer;
}
.handsontable.listbox table thead th {
  height: auto !important;
  text-align: left;
  border-width: 0 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 {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
  box-shadow: var(--ht-menu-shadow-x, 0) var(--ht-menu-shadow-y, 0) var(--ht-menu-shadow-blur, 8px) var(--ht-menu-shadow-color, rgba(0, 0, 0, 0.08));
  position: relative;
  display: block;
  padding: 10px;
  font-size: var(--ht-font-size);
  line-height: var(--ht-line-height);
  font-weight: var(--ht-font-weight);
  color: var(--ht-foreground-color);
  background: var(--ht-background-color, #ffffff);
  border: var(--ht-menu-border-width, 1px) solid var(--ht-menu-border-color, #e5e5e9);
  border-radius: var(--ht-menu-border-radius);
  z-index: 9999;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single .pika-row {
  background-color: transparent;
}
.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;
  color: var(--ht-accent-color);
  background: none;
  border: none;
}
.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 {
  padding: 1px;
  vertical-align: middle;
}
.pika-single .pika-table th abbr {
  text-decoration: none;
  font-weight: normal;
  border: none;
  cursor: initial;
}
.pika-single .pika-table td {
  padding: 1px;
  vertical-align: middle;
}
.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, #1a42e8);
  color: var(--ht-background-color, #ffffff);
}
.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;
  font-size: inherit;
}
.pika-single .pika-table .pika-button:hover {
  background: var(--ht-menu-item-hover-color);
}

[dir=rtl].htDatepickerHolder .pika-single .pika-next {
  transform: rotate(180deg);
  margin-left: 0;
  margin-right: auto;
}
[dir=rtl].htDatepickerHolder .pika-single .pika-prev {
  transform: rotate(180deg);
  margin-left: auto;
  margin-right: 0;
}

.handsontable .htUISelectCaption {
  width: 100%;
  padding: var(--ht-input-vertical-padding) var(--ht-input-horizontal-padding);
  -webkit-padding-end: calc(var(--ht-input-horizontal-padding) + var(--ht-icon-size));
          padding-inline-end: calc(var(--ht-input-horizontal-padding) + var(--ht-icon-size));
  margin: 0;
  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-input-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  outline: none !important;
  border: var(--ht-input-border-width) solid 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::after {
  content: "";
  display: block;
  position: absolute;
  right: calc(var(--ht-input-horizontal-padding) - var(--ht-icon-size) / 4);
  top: 50%;
  transform: translateY(-50%);
}
.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 .htUISelect:focus .htUISelectCaption {
  border-color: var(--ht-input-focus-border-color);
  color: var(--ht-input-focus-foreground-color);
  background-color: var(--ht-input-focus-background-color);
}

[dir=rtl].handsontable .htUISelectCaption::after {
  right: auto;
  left: calc(var(--ht-input-horizontal-padding) - var(--ht-icon-size) / 4);
}

.handsontable .htFiltersMenuCondition .htUIInput input,
.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input {
  width: 100%;
  padding: var(--ht-input-vertical-padding) var(--ht-input-horizontal-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-input-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  outline: none !important;
  border: var(--ht-input-border-width) solid var(--ht-input-border-color);
  color: var(--ht-input-foreground-color);
  background-color: var(--ht-input-background-color);
  transition: var(--ht-table-transition) all ease-in-out;
}
.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-vertical-padding) var(--ht-button-horizontal-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: 1px solid var(--ht-secondary-button-border-color);
  background-color: var(--ht-secondary-button-background-color);
  color: var(--ht-secondary-button-foreground-color);
  transition: var(--ht-table-transition) all ease-in-out;
}
.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);
  box-shadow: 0 0 0 1px var(--ht-accent-color);
}
.handsontable .htUIInput.htUIButtonOK {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: calc(2 * var(--ht-gap-size, 2px));
          margin-inline-end: calc(2 * var(--ht-gap-size, 2px));
}
.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);
  box-shadow: 0 0 0 1px var(--ht-accent-color);
}

.handsontable .htUIRadio {
  position: relative;
  display: inline-flex;
  margin: 0;
  padding: var(--ht-gap-size) calc(2 * var(--ht-gap-size));
  padding-bottom: 0;
  align-items: center;
  gap: var(--ht-gap-size);
  cursor: pointer;
}
.handsontable .htUIRadio:first-child {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.handsontable .htUIRadio > input[type=radio] {
  position: relative;
  width: var(--ht-checkbox-size);
  height: var(--ht-checkbox-size);
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          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]: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: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-background-color);
}
.handsontable .htUIRadio > input[type=radio]:checked:focus::before {
  border-color: var(--ht-checkbox-checked-focus-background-color);
}
.handsontable .htUIRadio > input[type=radio]:checked:focus::after {
  color: var(--ht-checkbox-checked-focus-background-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-background-color);
}
.handsontable .htUIRadio > input[type=radio]:focus::before {
  border-color: var(--ht-checkbox-focus-background-color);
}
.handsontable .htUIRadio > input[type=radio]:focus::after {
  color: var(--ht-checkbox-focus-background-color);
}
.handsontable .htUIRadio label {
  vertical-align: middle;
  cursor: pointer;
  color: inherit;
}
.handsontable .htUIRadio label::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}

.handsontable .collapsibleIndicator {
  top: calc((var(--ht-line-height) - var(--ht-icon-size)) / 2);
  -webkit-margin-start: var(--ht-gap-size);
          margin-inline-start: var(--ht-gap-size);
}
.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;
  float: right;
}
.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 th.ht__active_highlight .collapsibleIndicator.collapsed::before, .handsontable th.ht__active_highlight .collapsibleIndicator.ht_nestingExpand::before,
.handsontable th.ht__active_highlight .ht_nestingButton.collapsed::before,
.handsontable th.ht__active_highlight .ht_nestingButton.ht_nestingExpand::before {
  color: var(--ht-collapse-button-close-icon-active-color);
}
.handsontable th.ht__active_highlight .collapsibleIndicator.collapsed:hover::before, .handsontable th.ht__active_highlight .collapsibleIndicator.ht_nestingExpand:hover::before,
.handsontable th.ht__active_highlight .ht_nestingButton.collapsed:hover::before,
.handsontable th.ht__active_highlight .ht_nestingButton.ht_nestingExpand:hover::before {
  color: var(--ht-collapse-button-close-hover-icon-active-color);
}
.handsontable th.ht__active_highlight .collapsibleIndicator.expanded::before, .handsontable th.ht__active_highlight .collapsibleIndicator.ht_nestingCollapse::before,
.handsontable th.ht__active_highlight .ht_nestingButton.expanded::before,
.handsontable th.ht__active_highlight .ht_nestingButton.ht_nestingCollapse::before {
  color: var(--ht-collapse-button-open-icon-active-color);
}
.handsontable th.ht__active_highlight .collapsibleIndicator.expanded:hover::before, .handsontable th.ht__active_highlight .collapsibleIndicator.ht_nestingCollapse:hover::before,
.handsontable th.ht__active_highlight .ht_nestingButton.expanded:hover::before,
.handsontable th.ht__active_highlight .ht_nestingButton.ht_nestingCollapse:hover::before {
  color: var(--ht-collapse-button-open-hover-icon-active-color);
}

[dir=rtl].handsontable .collapsibleIndicator,
[dir=rtl].handsontable .ht_nestingButton {
  float: left;
}

.handsontable thead th.hiddenHeader:not(:first-of-type) {
  display: none;
}
.handsontable thead th.hiddenHeaderText .colHeader {
  opacity: 0;
}

.handsontable th.ht_nestingLevels > .relative {
  display: flex;
  align-items: center;
  gap: 5px;
}
.handsontable th.ht_nestingLevels span:last-child {
  padding-left: calc(var(--ht-icon-size) + 5px);
}
.handsontable th.ht_nestingLevels span.ht_nestingLevel {
  display: inline-block;
}
.handsontable th.ht_nestingLevels span.ht_nestingLevel_empty {
  position: relative;
  display: inline-block;
  width: 5px;
  height: 1px;
  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::before, .handsontable th.beforeHiddenColumn::after, .handsontable th.afterHiddenColumn::before, .handsontable th.afterHiddenColumn::after {
  position: absolute;
  top: 50%;
  width: 10px !important;
  height: 10px !important;
  transform: translateY(-50%);
  color: var(--ht-hidden-indicator-color);
}
.handsontable th.beforeHiddenColumn::after {
  content: "";
  display: block;
  right: -2px;
}
.handsontable th.afterHiddenColumn::before {
  content: "";
  display: block;
  left: -2px;
}
.handsontable th.ht__active_highlight.beforeHiddenColumn::before, .handsontable th.ht__active_highlight.beforeHiddenColumn::after, .handsontable th.ht__active_highlight.afterHiddenColumn::before, .handsontable th.ht__active_highlight.afterHiddenColumn::after {
  color: var(--ht-icon-active-button-icon-color);
}

[dir=rtl].handsontable th.beforeHiddenColumn::after {
  right: initial;
  left: -2px;
  transform: translateY(-50%) rotate(180deg);
}
[dir=rtl].handsontable th.afterHiddenColumn::before {
  right: -2px;
  left: initial;
  transform: translateY(-50%) rotate(180deg);
}

.handsontable th.beforeHiddenRow, .handsontable th.afterHiddenRow {
  position: relative;
}
.handsontable th.beforeHiddenRow::before, .handsontable th.beforeHiddenRow::after, .handsontable th.afterHiddenRow::before, .handsontable th.afterHiddenRow::after {
  position: absolute;
  left: 50%;
  width: 10px !important;
  height: 10px !important;
  transform: translateX(-50%);
  color: var(--ht-hidden-indicator-color);
}
.handsontable th.beforeHiddenRow::after {
  content: "";
  display: block;
  bottom: -2px;
}
.handsontable th.afterHiddenRow::before {
  content: "";
  display: block;
  top: -2px;
}
.handsontable th.ht__active_highlight.beforeHiddenRow::before, .handsontable th.ht__active_highlight.beforeHiddenRow::after, .handsontable th.ht__active_highlight.afterHiddenRow::before, .handsontable th.ht__active_highlight.afterHiddenRow::after {
  color: var(--ht-icon-active-button-icon-color);
}

.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);
  box-shadow: 0 0 0 1px var(--ht-icon-button-border-color);
  border: none;
  color: inherit;
  padding: 0;
  margin: 0;
  background-color: var(--ht-icon-button-background-color);
  order: 1;
  z-index: 1;
  float: right;
  top: calc((var(--ht-line-height) - var(--ht-icon-size)) / 2);
  -webkit-margin-start: var(--ht-gap-size);
          margin-inline-start: var(--ht-gap-size);
}
.handsontable .changeType::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--ht-icon-button-icon-color);
}
.handsontable .changeType:hover {
  cursor: pointer;
  box-shadow: 0 0 0 1px var(--ht-icon-button-hover-border-color);
  background-color: var(--ht-icon-button-hover-background-color);
}
.handsontable .changeType:hover::before {
  color: var(--ht-icon-button-hover-icon-color);
}
.handsontable .ht__active_highlight .changeType {
  box-shadow: 0 0 0 1px var(--ht-icon-active-button-border-color);
  background-color: var(--ht-icon-active-button-background-color);
}
.handsontable .ht__active_highlight .changeType::before {
  color: var(--ht-icon-active-button-icon-color);
}
.handsontable .ht__active_highlight .changeType:hover {
  box-shadow: 0 0 0 1px var(--ht-icon-active-button-hover-border-color);
  background-color: var(--ht-icon-active-button-hover-background-color);
}
.handsontable .ht__active_highlight .changeType:hover::before {
  color: var(--ht-icon-active-button-hover-icon-color);
}
.handsontable th.htFiltersActive {
  background-color: var(--ht-header-filter-background-color);
}
.handsontable th.htFiltersActive.ht__active_highlight {
  background-color: color-mix(in srgb, var(--ht-header-active-background-color), var(--ht-header-filter-background-color) 20%);
}
.handsontable th.htFiltersActive.ht__active_highlight .changeType::after {
  background-color: var(--ht-header-active-foreground-color);
}
.handsontable.htDropdownMenu > .ht_master, .handsontable.htContextMenu > .ht_master, .handsontable.htFiltersConditionsMenu > .ht_master {
  box-shadow: var(--ht-menu-shadow-x, 0) var(--ht-menu-shadow-y, 0) var(--ht-menu-shadow-blur, 8px) var(--ht-menu-shadow-color, rgba(0, 0, 0, 0.08));
  border: var(--ht-menu-border-width, 1px) solid var(--ht-menu-border-color, #e5e5e9);
  border-radius: var(--ht-menu-border-radius);
  overflow: hidden;
  padding: var(--ht-menu-vertical-padding, 8px) var(--ht-menu-horizontal-padding, 0);
  background-color: var(--ht-background-color, #ffffff);
}
.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-vertical-padding, 4px) var(--ht-menu-item-horizontal-padding, 8px);
  border-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: var(--ht-background-color, #ffffff);
  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:not(.handsontable.htDropdownMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htDropdownMenu table tbody tr td.htDisabled, .handsontable.htContextMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htContextMenu table tbody tr td.htDisabled, .handsontable.htFiltersConditionsMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htFiltersConditionsMenu table tbody tr td.htDisabled):hover, .handsontable.htDropdownMenu table tbody tr td:not(.handsontable.htDropdownMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htDropdownMenu table tbody tr td.htDisabled, .handsontable.htContextMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htContextMenu table tbody tr td.htDisabled, .handsontable.htFiltersConditionsMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htFiltersConditionsMenu table tbody tr td.htDisabled).current, .handsontable.htContextMenu table tbody tr td:not(.handsontable.htDropdownMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htDropdownMenu table tbody tr td.htDisabled, .handsontable.htContextMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htContextMenu table tbody tr td.htDisabled, .handsontable.htFiltersConditionsMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htFiltersConditionsMenu table tbody tr td.htDisabled):hover, .handsontable.htContextMenu table tbody tr td:not(.handsontable.htDropdownMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htDropdownMenu table tbody tr td.htDisabled, .handsontable.htContextMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htContextMenu table tbody tr td.htDisabled, .handsontable.htFiltersConditionsMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htFiltersConditionsMenu table tbody tr td.htDisabled).current, .handsontable.htFiltersConditionsMenu table tbody tr td:not(.handsontable.htDropdownMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htDropdownMenu table tbody tr td.htDisabled, .handsontable.htContextMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htContextMenu table tbody tr td.htDisabled, .handsontable.htFiltersConditionsMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htFiltersConditionsMenu table tbody tr td.htDisabled):hover, .handsontable.htFiltersConditionsMenu table tbody tr td:not(.handsontable.htDropdownMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htDropdownMenu table tbody tr td.htDisabled, .handsontable.htContextMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htContextMenu table tbody tr td.htDisabled, .handsontable.htFiltersConditionsMenu table tbody tr td.htCustomMenuRenderer, .handsontable.htFiltersConditionsMenu table tbody tr td.htDisabled).current {
  background: var(--ht-menu-item-hover-color, #e5e5e9);
  cursor: pointer;
}
.handsontable.htDropdownMenu table tbody tr td.htSubmenu .htItemWrapper, .handsontable.htContextMenu table tbody tr td.htSubmenu .htItemWrapper, .handsontable.htFiltersConditionsMenu table tbody tr td.htSubmenu .htItemWrapper {
  -webkit-margin-end: calc(2 * var(--ht-gap-size, 4px) + var(--ht-icon-size));
          margin-inline-end: calc(2 * var(--ht-gap-size, 4px) + var(--ht-icon-size));
}
.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(var(--ht-menu-item-horizontal-padding) + var(--ht-gap-size) * 2);
  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-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:has(.htItemWrapper .selected), .handsontable.htContextMenu table tbody tr td:has(.htItemWrapper .selected), .handsontable.htFiltersConditionsMenu table tbody tr td:has(.htItemWrapper .selected) {
  background-color: var(--ht-menu-item-active-color);
}
.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, 4px));
}
.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(var(--ht-menu-item-horizontal-padding) + var(--ht-gap-size) * 2);
  color: var(--ht-accent-color);
  transform: translateY(-50%);
}
.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.htDropdownMenu table tbody tr td .htUIButton, .handsontable.htContextMenu table tbody tr td .htUIButton, .handsontable.htFiltersConditionsMenu table tbody tr td .htUIButton {
  width: calc(50% - var(--ht-gap-size));
}
.handsontable.htDropdownMenu table tbody tr td .htUIButton input, .handsontable.htContextMenu table tbody tr td .htUIButton input, .handsontable.htFiltersConditionsMenu table tbody tr td .htUIButton input {
  width: 100%;
}
.handsontable.htContextMenuSub_Alignment, .handsontable.htDropdownMenuSub_Alignment {
  margin-top: calc(var(--ht-menu-vertical-padding) * -1);
}
.handsontable .htUIClearAll a,
.handsontable .htUISelectAll a {
  padding: var(--ht-gap-size);
  display: inline-block;
  text-decoration: none;
}
.handsontable .htUIMultipleSelect .ht_master .wtHolder {
  overflow-y: scroll !important;
  background: transparent;
}
.handsontable .htUIMultipleSelect .ht_master .wtHolder .htCore {
  box-shadow: none;
}

[dir=rtl].handsontable.htDropdownMenu table tbody tr td.htSubmenu .htItemWrapper::after, [dir=rtl].handsontable.htContextMenu table tbody tr td.htSubmenu .htItemWrapper::after, [dir=rtl].handsontable.htFiltersConditionsMenu table tbody tr td.htSubmenu .htItemWrapper::after {
  left: calc(4 * var(--ht-gap-size));
  right: auto;
  transform: translateY(-50%) rotate(180deg);
}
[dir=rtl].handsontable.htDropdownMenu table tbody tr td .htItemWrapper span.selected::after, [dir=rtl].handsontable.htContextMenu table tbody tr td .htItemWrapper span.selected::after, [dir=rtl].handsontable.htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected::after {
  left: calc(4 * var(--ht-gap-size));
  right: auto;
}
[dir=rtl].handsontable .changeType {
  float: left;
}

.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-vertical-padding, 4px) * 2);
}
.handsontable .htFiltersMenuLabel {
  font-size: calc(var(--ht-font-size) - 2px);
  line-height: calc(var(--ht-line-height) - 4px);
  font-weight: var(--ht-font-weight);
  margin-bottom: calc(var(--ht-gap-size, 2px) * 2);
}
.handsontable .htFiltersMenuLabel:empty {
  display: none;
}
.handsontable .htFiltersMenuCondition {
  padding-top: calc(var(--ht-gap-size, 2px) * 3) !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, 2px) * 2);
}
.handsontable .htFiltersMenuValue {
  padding-top: calc(var(--ht-gap-size, 2px) * 3) !important;
  padding-bottom: 0 !important;
  border-bottom: 1px solid var(--ht-border-color) !important;
}
.handsontable .htFiltersMenuOperators {
  padding-top: calc(var(--ht-gap-size, 2px) * 2) !important;
  padding-bottom: 0 !important;
}
.handsontable .htUISelectionControls {
  padding-top: calc(var(--ht-gap-size, 2px) * 2) !important;
  padding-bottom: var(--ht-gap-size, 2px) !important;
  margin: 0 calc(var(--ht-gap-size, 2px) * -1);
}
.handsontable .htUIMultipleSelectHot {
  --ht-cell-horizontal-padding: calc(
          var(--ht-menu-item-horizontal-padding, 2px) +
          var(--ht-gap-size, 2px) * 2);
  overflow: initial !important;
  width: calc(100% + var(--ht-menu-item-horizontal-padding, 2px) * 2 + var(--ht-gap-size, 2px) * 4);
  margin: 0 calc((var(--ht-menu-item-horizontal-padding, 2px) + var(--ht-gap-size, 2px) * 2) * -1);
}
.handsontable .htUIMultipleSelectHot::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--ht-border-color);
}
.handsontable .htUIMultipleSelectHot .wtHolder {
  padding: 0;
  overflow-x: hidden;
  box-sizing: border-box;
}
.handsontable .htUIMultipleSelectHot .wtHolder .wtSpreader {
  padding: calc(var(--ht-gap-size) * 2) 0;
}
.handsontable .htUIMultipleSelectHot .wtHolder td {
  height: auto;
  padding: 4px var(--ht-cell-horizontal-padding);
}
.handsontable .htUIClearAll,
.handsontable .htUISelectAll {
  display: inline-block;
  margin-right: var(--ht-gap-size, 4px);
  margin-bottom: var(--ht-gap-size, 4px);
}
.handsontable .htUIClearAll a,
.handsontable .htUISelectAll a {
  font-size: var(--ht-font-size);
  line-height: var(--ht-line-height);
  color: var(--ht-link-color);
  border-radius: var(--ht-button-border-radius);
}
.handsontable .htUIClearAll a:hover,
.handsontable .htUISelectAll a:hover {
  color: var(--ht-link-hover-color);
}
.handsontable .htUIClearAll a:focus,
.handsontable .htUISelectAll a:focus {
  outline: 1px solid 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;
  -webkit-border-start: var(--ht-comments-indicator-size, 4px) solid transparent;
          border-inline-start: var(--ht-comments-indicator-size, 4px) solid transparent;
  -webkit-border-end: none;
          border-inline-end: none;
  border-top: var(--ht-comments-indicator-size, 4px) solid var(--ht-comments-indicator-color, #1a42e8);
}

.htCommentsContainer .htComments {
  display: none;
  z-index: 1059;
  position: absolute;
}
.htCommentsContainer .htCommentTextArea {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
  box-shadow: var(--ht-menu-shadow-x, 0) var(--ht-menu-shadow-y, 0) var(--ht-menu-shadow-blur, 8px) var(--ht-menu-shadow-color, rgba(0, 0, 0, 0.08));
  width: 240px;
  height: 88px;
  font-size: var(--ht-font-size);
  line-height: var(--ht-line-height);
  font-weight: var(--ht-font-weight);
  margin: 0 -1px;
  padding: var(--ht-comments-textarea-vertical-padding) var(--ht-comments-textarea-horizontal-padding);
  border: var(--ht-comments-textarea-border-width, 1px) solid var(--ht-comments-textarea-border-color, transparent);
  -webkit-border-start: var(--ht-comments-textarea-border-width, 1px) solid var(--ht-comments-textarea-border-color, #1a42e8);
          border-inline-start: var(--ht-comments-textarea-border-width, 1px) solid var(--ht-comments-textarea-border-color, #1a42e8);
  color: var(--ht-comments-textarea-foreground-color);
  background-color: var(--ht-comments-textarea-background-color, #ffffff);
  outline: 0 !important;
  box-sizing: border-box;
  -webkit-appearance: none;
}
.htCommentsContainer .htCommentTextArea:focus {
  border: var(--ht-comments-textarea-focus-border-width, 1px) solid var(--ht-comments-textarea-focus-border-color, #1a42e8);
  color: var(--ht-comments-textarea-focus-foreground-color);
  background-color: var(--ht-comments-textarea-focus-background-color, #ffffff);
}

.handsontable .columnSorting {
  position: relative;
}
.handsontable .columnSorting.sortAction {
  -webkit-padding-start: calc(var(--ht-icon-size, 16px) + 2px);
          padding-inline-start: calc(var(--ht-icon-size, 16px) + 2px);
  -webkit-padding-end: calc(var(--ht-icon-size, 16px) + 2px);
          padding-inline-end: calc(var(--ht-icon-size, 16px) + 2px);
  min-width: calc(var(--ht-icon-size, 16px) + 8px);
  max-width: calc(100% - var(--ht-icon-size, 16px) * 2 - 4px);
}
.handsontable .columnSorting.sortAction:hover {
  text-decoration: none;
  cursor: pointer;
}
.handsontable .columnSorting.sortAction::before {
  content: "";
  display: block;
  width: var(--ht-icon-size, 16px);
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
  text-align: right;
}
.handsontable .htLeft .columnSorting.sortAction {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.handsontable .htRight .columnSorting.sortAction {
  -webkit-padding-start: var(--ht-icon-size, 16px);
          padding-inline-start: var(--ht-icon-size, 16px);
  -webkit-padding-end: var(--ht-gap-size, 4px);
          padding-inline-end: var(--ht-gap-size, 4px);
}
.handsontable .htRight .columnSorting.sortAction::before {
  left: 2px;
  right: auto;
  text-align: left;
}

[dir=rtl] .handsontable .columnSorting.sortAction::before {
  left: 2px;
  right: auto;
  text-align: left;
}
[dir=rtl] .handsontable .htRight .columnSorting.sortAction {
  -webkit-padding-start: var(--ht-gap-size, 4px);
          padding-inline-start: var(--ht-gap-size, 4px);
  -webkit-padding-end: var(--ht-icon-size, 16px);
          padding-inline-end: var(--ht-icon-size, 16px);
}
[dir=rtl] .handsontable .htLeft .columnSorting.sortAction {
  -webkit-padding-start: var(--ht-icon-size, 16px);
          padding-inline-start: var(--ht-icon-size, 16px);
  -webkit-padding-end: var(--ht-gap-size, 4px);
          padding-inline-end: var(--ht-gap-size, 4px);
}
[dir=rtl] .handsontable .htLeft .columnSorting.sortAction::before {
  left: auto;
  right: 2px;
  text-align: right;
}

.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 .colHeader.columnSorting::after {
  content: "";
  display: block;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-top: 4px;
  font-size: 8px;
  text-align: right;
}
.handsontable .colHeader.columnSorting[class^=sort-]::after, .handsontable .colHeader.columnSorting[class*=" sort-"]::after {
  content: "+";
}
.handsontable .colHeader.columnSorting.sort-1::after {
  content: "1";
}
.handsontable .colHeader.columnSorting.sort-2::after {
  content: "2";
}
.handsontable .colHeader.columnSorting.sort-3::after {
  content: "3";
}
.handsontable .colHeader.columnSorting.sort-4::after {
  content: "4";
}
.handsontable .colHeader.columnSorting.sort-5::after {
  content: "5";
}
.handsontable .colHeader.columnSorting.sort-6::after {
  content: "6";
}
.handsontable .colHeader.columnSorting.sort-7::after {
  content: "7";
}
.handsontable .htRight .colHeader.columnSorting::after {
  left: 0;
  right: auto;
  text-align: left;
}

[dir=rtl] .handsontable .colHeader.columnSorting::after {
  left: 0;
  right: auto;
  text-align: left;
}
[dir=rtl] .handsontable .htLeft .colHeader.columnSorting::after {
  left: auto;
  right: 0;
  text-align: right;
}

.htGhostTable th div button.changeType + span.colHeader.columnSorting:not(.indicatorDisabled) {
  padding-right: var(--ht-gap-size);
}

.handsontable .htRowHeaders .ht_master.innerBorderInlineStart ~ .ht_clone_top_inline_start_corner th:nth-child(2), .handsontable .htRowHeaders .ht_master.innerBorderInlineStart ~ .ht_clone_inline_start td:first-of-type {
  border-left: 0 none;
}
.handsontable .ht_clone_top_inline_start_corner th.ht__active_highlight {
  box-shadow: none;
}

.handsontable .manualColumnResizer {
  position: absolute;
  top: 0;
  width: 10px;
  margin: 0;
  cursor: col-resize;
  background: none;
  opacity: 0;
  z-index: 210;
}
.handsontable .manualColumnResizer::before, .handsontable .manualColumnResizer::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 1px;
  width: 2px;
  height: calc(100% - 12px);
  max-height: 16px;
  background: var(--ht-resize-indicator-color);
  border-radius: 2px;
  transform: translateY(-50%);
}
.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;
  -webkit-margin-start: 5px;
          margin-inline-start: 5px;
  -webkit-margin-end: unset;
          margin-inline-end: unset;
  display: none;
  -webkit-border-end: 1px solid var(--ht-accent-color);
          border-inline-end: 1px solid var(--ht-accent-color);
  -webkit-border-start: none;
          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: 50%;
  width: calc(100% - 12px);
  max-width: 16px;
  height: 2px;
  background: var(--ht-resize-indicator-color);
  border-radius: 2px;
  transform: translateX(-50%);
}
.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]:not([class*=fullySelectedMergedCell])::before {
  opacity: 0;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]::before {
  opacity: 0.14;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before {
  opacity: 0.14;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before {
  opacity: 0.21;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before {
  opacity: 0.28;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before {
  opacity: 0.35;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before {
  opacity: 0.42;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before {
  opacity: 0.49;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before {
  opacity: 0.56;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before {
  opacity: 0.63;
}

.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: -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: -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;
  -webkit-margin-start: -0.5px;
          margin-inline-start: -0.5px;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  z-index: 205;
  background: var(--ht-move-indicator-color, #1a42e8);
}
.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: -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: -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;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./node_modules/handsontable/styles/ht-theme-main.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * 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: 15.2.0
 * Release date: 19/03/2025 (built at 19/03/2025 09:42:03)
 */
.ht-theme-main,
.ht-theme-main-dark,
.ht-theme-main-dark-auto {
  --ht-font-size: 14px;
  --ht-line-height: 20px;
  --ht-font-weight: 400;
  --ht-gap-size: 4px;
  --ht-icon-size: 16px;
  --ht-table-transition: 0.15s;
  --ht-border-color: #e7e7e9;
  --ht-accent-color: #1a42e8;
  --ht-foreground-color: #222222;
  --ht-background-color: #ffffff;
  --ht-placeholder-color: #999999;
  --ht-read-only-color: #a3a3a3;
  --ht-disabled-color: #a3a3a3;
  --ht-cell-horizontal-border-color: #e7e7e9;
  --ht-cell-vertical-border-color: #e7e7e9;
  --ht-wrapper-border-width: 0;
  --ht-wrapper-border-radius: 4px;
  --ht-wrapper-border-color: #e7e7e9;
  --ht-row-header-odd-background-color: #f7f7f9;
  --ht-row-header-even-background-color: #f7f7f9;
  --ht-row-cell-odd-background-color: rgba(34, 34, 34, 0);
  --ht-row-cell-even-background-color: rgba(34, 34, 34, 0);
  --ht-cell-horizontal-padding: 8px;
  --ht-cell-vertical-padding: 4px;
  --ht-cell-editor-border-width: 2px;
  --ht-cell-editor-border-color: #1a42e8;
  --ht-cell-editor-foreground-color: #000000;
  --ht-cell-editor-background-color: #ffffff;
  --ht-cell-editor-shadow-blur-radius: 0;
  --ht-cell-editor-shadow-color: rgba(17, 61, 201, 0.60);
  --ht-cell-success-background-color: rgba(55, 188, 108, 0.20);
  --ht-cell-error-background-color: rgba(250, 77, 50, 0.20);
  --ht-cell-selection-border-color: #1a42e8;
  --ht-cell-selection-background-color: #5371ee;
  --ht-cell-autofill-size: 6px;
  --ht-cell-autofill-border-width: 1px;
  --ht-cell-autofill-border-radius: 4px;
  --ht-cell-autofill-border-color: #ffffff;
  --ht-cell-autofill-background-color: #1a42e8;
  --ht-cell-autofill-fill-border-color: #222222;
  --ht-cell-mobile-handle-size: 12px;
  --ht-cell-mobile-handle-border-width: 1px;
  --ht-cell-mobile-handle-border-radius: 6px;
  --ht-cell-mobile-handle-border-color: #1a42e8;
  --ht-cell-mobile-handle-background-color: rgba(26, 66, 232, 0.40);
  --ht-resize-indicator-color: rgba(34, 34, 34, 0.40);
  --ht-move-backlight-color: rgba(34, 34, 34, 0.06);
  --ht-move-indicator-color: #1a42e8;
  --ht-hidden-indicator-color: rgba(34, 34, 34, 0.40);
  --ht-scrollbar-border-radius: 8px;
  --ht-scrollbar-track-color: #f7f7f9;
  --ht-scrollbar-thumb-color: #999999;
  --ht-checkbox-size: 16px;
  --ht-checkbox-border-radius: 4px;
  --ht-checkbox-border-color: #d1d1d5;
  --ht-checkbox-background-color: #ffffff;
  --ht-checkbox-icon-color: rgba(255, 255, 255, 0);
  --ht-checkbox-focus-border-color: #d1d1d5;
  --ht-checkbox-focus-background-color: #ffffff;
  --ht-checkbox-focus-icon-color: rgba(255, 255, 255, 0);
  --ht-checkbox-focus-ring-color: #1a42e8;
  --ht-checkbox-disabled-border-color: #e7e7e9;
  --ht-checkbox-disabled-background-color: #d1d1d5;
  --ht-checkbox-disabled-icon-color: rgba(255, 255, 255, 0);
  --ht-checkbox-checked-border-color: #3f60ec;
  --ht-checkbox-checked-background-color: #1a42e8;
  --ht-checkbox-checked-icon-color: #ffffff;
  --ht-checkbox-checked-focus-border-color: #ffffff;
  --ht-checkbox-checked-focus-background-color: #1a42e8;
  --ht-checkbox-checked-focus-icon-color: #ffffff;
  --ht-checkbox-checked-disabled-border-color: #e7e7e9;
  --ht-checkbox-checked-disabled-background-color: #d1d1d5;
  --ht-checkbox-checked-disabled-icon-color: #a3a3a3;
  --ht-header-font-weight: 400;
  --ht-header-foreground-color: #222222;
  --ht-header-background-color: #f7f7f9;
  --ht-header-active-border-color: #2e56fc;
  --ht-header-active-foreground-color: #ffffff;
  --ht-header-active-background-color: #1a42e8;
  --ht-header-highlighted-shadow-size: 0;
  --ht-header-highlighted-foreground-color: #000000;
  --ht-header-highlighted-background-color: #ebebed;
  --ht-header-filter-background-color: rgba(55, 188, 108, 0.20);
  --ht-header-row-foreground-color: #222222;
  --ht-header-row-background-color: #f7f7f9;
  --ht-header-row-highlighted-foreground-color: #000000;
  --ht-header-row-highlighted-background-color: #ebebed;
  --ht-header-row-active-foreground-color: #ffffff;
  --ht-header-row-active-background-color: #1a42e8;
  --ht-icon-button-border-radius: 2px;
  --ht-icon-button-border-color: #f7f7f9;
  --ht-icon-button-background-color: #f7f7f9;
  --ht-icon-button-icon-color: rgba(34, 34, 34, 0.40);
  --ht-icon-button-hover-border-color: #e7e7e8;
  --ht-icon-button-hover-background-color: #e7e7e8;
  --ht-icon-button-hover-icon-color: rgba(34, 34, 34, 0.40);
  --ht-icon-active-button-border-color: #2e56fc;
  --ht-icon-active-button-background-color: #1a42e8;
  --ht-icon-active-button-icon-color: #ffffff;
  --ht-icon-active-button-hover-border-color: #2e56fc;
  --ht-icon-active-button-hover-background-color: #3357ea;
  --ht-icon-active-button-hover-icon-color: #ffffff;
  --ht-collapse-button-border-radius: 4px;
  --ht-collapse-button-open-border-color: #d1d1d5;
  --ht-collapse-button-open-background-color: #ffffff;
  --ht-collapse-button-open-icon-color: #666666;
  --ht-collapse-button-open-icon-active-color: #666666;
  --ht-collapse-button-open-hover-border-color: #d1d1d5;
  --ht-collapse-button-open-hover-background-color: #f7f7f9;
  --ht-collapse-button-open-hover-icon-color: #666666;
  --ht-collapse-button-open-hover-icon-active-color: #666666;
  --ht-collapse-button-close-border-color: #d1d1d5;
  --ht-collapse-button-close-background-color: #ebebed;
  --ht-collapse-button-close-icon-color: #666666;
  --ht-collapse-button-close-icon-active-color: #666666;
  --ht-collapse-button-close-hover-border-color: #d1d1d5;
  --ht-collapse-button-close-hover-background-color: #ebebed;
  --ht-collapse-button-close-hover-icon-color: #666666;
  --ht-collapse-button-close-hover-icon-active-color: #666666;
  --ht-button-border-radius: 4px;
  --ht-button-horizontal-padding: 12px;
  --ht-button-vertical-padding: 6px;
  --ht-primary-button-border-color: rgba(255, 255, 255, 0);
  --ht-primary-button-foreground-color: #ffffff;
  --ht-primary-button-background-color: #1a42e8;
  --ht-primary-button-disabled-border-color: rgba(255, 255, 255, 0);
  --ht-primary-button-disabled-foreground-color: #a3a3a3;
  --ht-primary-button-disabled-background-color: rgba(153, 153, 153, 0.32);
  --ht-primary-button-hover-border-color: rgba(255, 255, 255, 0);
  --ht-primary-button-hover-foreground-color: #ffffff;
  --ht-primary-button-hover-background-color: #1535bc;
  --ht-primary-button-focus-border-color: #ffffff;
  --ht-primary-button-focus-foreground-color: #ffffff;
  --ht-primary-button-focus-background-color: #1a42e8;
  --ht-secondary-button-border-color: #e7e7e9;
  --ht-secondary-button-foreground-color: #222222;
  --ht-secondary-button-background-color: #ffffff;
  --ht-secondary-button-disabled-border-color: #e7e7e9;
  --ht-secondary-button-disabled-foreground-color: #a3a3a3;
  --ht-secondary-button-disabled-background-color: #ebebed;
  --ht-secondary-button-hover-border-color: #e7e7e9;
  --ht-secondary-button-hover-foreground-color: #222222;
  --ht-secondary-button-hover-background-color: #ffffff;
  --ht-secondary-button-focus-border-color: #e7e7e9;
  --ht-secondary-button-focus-foreground-color: #222222;
  --ht-secondary-button-focus-background-color: #ffffff;
  --ht-comments-textarea-horizontal-padding: 8px;
  --ht-comments-textarea-vertical-padding: 4px;
  --ht-comments-indicator-size: 6px;
  --ht-comments-indicator-color: #1a42e8;
  --ht-comments-textarea-border-width: 1px;
  --ht-comments-textarea-border-color: rgba(255, 255, 255, 0);
  --ht-comments-textarea-foreground-color: #222222;
  --ht-comments-textarea-background-color: #f7f7f9;
  --ht-comments-textarea-focus-border-width: 1px;
  --ht-comments-textarea-focus-border-color: #1a42e8;
  --ht-comments-textarea-focus-foreground-color: #222222;
  --ht-comments-textarea-focus-background-color: #ffffff;
  --ht-license-horizontal-padding: 16px;
  --ht-license-vertical-padding: 8px;
  --ht-license-foreground-color: #222222;
  --ht-license-background-color: #f7f7f9;
  --ht-link-color: #1a42e8;
  --ht-link-hover-color: #3e67ec;
  --ht-input-border-width: 1px;
  --ht-input-border-radius: 4px;
  --ht-input-horizontal-padding: 12px;
  --ht-input-vertical-padding: 6px;
  --ht-input-border-color: #e7e7e9;
  --ht-input-foreground-color: #222222;
  --ht-input-background-color: #f7f7f9;
  --ht-input-hover-border-color: #e7e7e9;
  --ht-input-hover-foreground-color: #222222;
  --ht-input-hover-background-color: #ffffff;
  --ht-input-disabled-border-color: #e7e7e9;
  --ht-input-disabled-foreground-color: #a3a3a3;
  --ht-input-disabled-background-color: rgba(153, 153, 153, 0.32);
  --ht-input-focus-border-color: #1a42e8;
  --ht-input-focus-foreground-color: #222222;
  --ht-input-focus-background-color: #ffffff;
  --ht-menu-border-width: 1px;
  --ht-menu-border-radius: 4px;
  --ht-menu-horizontal-padding: 0;
  --ht-menu-vertical-padding: 8px;
  --ht-menu-item-horizontal-padding: 12px;
  --ht-menu-item-vertical-padding: 4px;
  --ht-menu-shadow-x: 0;
  --ht-menu-shadow-y: 8px;
  --ht-menu-shadow-blur: 16px;
  --ht-menu-border-color: #e7e7e9;
  --ht-menu-shadow-color: rgba(0, 0, 0, 0.08);
  --ht-menu-item-hover-color: rgba(0, 0, 0, 0.05);
  --ht-menu-item-active-color: rgba(0, 0, 0, 0.08);
}

/* Dark mode */
.ht-theme-main-dark {
  --ht-border-color: #313132;
  --ht-accent-color: #476af7;
  --ht-foreground-color: #c7c7c7;
  --ht-background-color: #0f0f10;
  --ht-placeholder-color: #68696c;
  --ht-read-only-color: #68696c;
  --ht-disabled-color: #68696c;
  --ht-cell-horizontal-border-color: #313132;
  --ht-cell-vertical-border-color: #313132;
  --ht-wrapper-border-color: #313132;
  --ht-row-header-odd-background-color: #1e1e1f;
  --ht-row-header-even-background-color: #1e1e1f;
  --ht-row-cell-odd-background-color: rgba(239, 239, 243, 0);
  --ht-row-cell-even-background-color: rgba(239, 239, 243, 0);
  --ht-cell-editor-border-color: #476af7;
  --ht-cell-editor-foreground-color: #ffffff;
  --ht-cell-editor-background-color: #0f0f10;
  --ht-cell-editor-shadow-color: rgba(71, 106, 247, 0.60);
  --ht-cell-success-background-color: rgba(66, 190, 101, 0.30);
  --ht-cell-error-background-color: rgba(255, 42, 52, 0.30);
  --ht-cell-selection-border-color: #476af7;
  --ht-cell-selection-background-color: #476af7;
  --ht-cell-autofill-border-color: #0f0f10;
  --ht-cell-autofill-background-color: #476af7;
  --ht-cell-autofill-fill-border-color: #c7c7c7;
  --ht-cell-mobile-handle-border-color: #476af7;
  --ht-cell-mobile-handle-background-color: rgba(71, 106, 247, 0.40);
  --ht-resize-indicator-color: rgba(255, 255, 255, 0.40);
  --ht-move-backlight-color: rgba(221, 221, 221, 0.12);
  --ht-move-indicator-color: #476af7;
  --ht-hidden-indicator-color: rgba(255, 255, 255, 0.40);
  --ht-scrollbar-track-color: #19191c;
  --ht-scrollbar-thumb-color: #68696c;
  --ht-checkbox-border-color: #404144;
  --ht-checkbox-background-color: #0f0f10;
  --ht-checkbox-focus-border-color: #404144;
  --ht-checkbox-focus-background-color: #0f0f10;
  --ht-checkbox-focus-ring-color: #476af7;
  --ht-checkbox-disabled-border-color: #313132;
  --ht-checkbox-disabled-background-color: #404144;
  --ht-checkbox-checked-border-color: #3c59cf;
  --ht-checkbox-checked-background-color: #476af7;
  --ht-checkbox-checked-icon-color: #c7c7c7;
  --ht-checkbox-checked-focus-background-color: #476af7;
  --ht-checkbox-checked-focus-icon-color: #c7c7c7;
  --ht-checkbox-checked-disabled-border-color: #313132;
  --ht-checkbox-checked-disabled-background-color: #36373a;
  --ht-checkbox-checked-disabled-icon-color: #68696c;
  --ht-header-foreground-color: #c7c7c7;
  --ht-header-background-color: #1e1e1f;
  --ht-header-active-border-color: #4767e5;
  --ht-header-active-foreground-color: #0f0f10;
  --ht-header-active-background-color: #476af7;
  --ht-header-highlighted-foreground-color: #f3f3f3;
  --ht-header-highlighted-background-color: #262627;
  --ht-header-filter-background-color: rgba(66, 190, 101, 0.30);
  --ht-header-row-foreground-color: #c7c7c7;
  --ht-header-row-background-color: #1e1e1f;
  --ht-header-row-highlighted-foreground-color: #f3f3f3;
  --ht-header-row-highlighted-background-color: #262627;
  --ht-header-row-active-foreground-color: #0f0f10;
  --ht-header-row-active-background-color: #476af7;
  --ht-icon-button-border-color: #1e1e1f;
  --ht-icon-button-background-color: #1e1e1f;
  --ht-icon-button-icon-color: rgba(255, 255, 255, 0.40);
  --ht-icon-button-hover-border-color: #303031;
  --ht-icon-button-hover-background-color: #303031;
  --ht-icon-button-hover-icon-color: rgba(255, 255, 255, 0.40);
  --ht-icon-active-button-border-color: #4767e5;
  --ht-icon-active-button-background-color: #476af7;
  --ht-icon-active-button-icon-color: #0f0f10;
  --ht-icon-active-button-hover-border-color: #4767e5;
  --ht-icon-active-button-hover-background-color: #5576f8;
  --ht-icon-active-button-hover-icon-color: #0f0f10;
  --ht-collapse-button-open-border-color: rgba(83, 83, 85, 0.64);
  --ht-collapse-button-open-background-color: #000000;
  --ht-collapse-button-open-icon-color: #999999;
  --ht-collapse-button-open-icon-active-color: #999999;
  --ht-collapse-button-open-hover-border-color: rgba(83, 83, 85, 0.64);
  --ht-collapse-button-open-hover-background-color: #1e1e1f;
  --ht-collapse-button-open-hover-icon-color: #999999;
  --ht-collapse-button-open-hover-icon-active-color: #999999;
  --ht-collapse-button-close-border-color: rgba(83, 83, 85, 0.64);
  --ht-collapse-button-close-background-color: #262627;
  --ht-collapse-button-close-icon-color: #999999;
  --ht-collapse-button-close-icon-active-color: #999999;
  --ht-collapse-button-close-hover-border-color: rgba(83, 83, 85, 0.64);
  --ht-collapse-button-close-hover-background-color: #262627;
  --ht-collapse-button-close-hover-icon-color: #999999;
  --ht-collapse-button-close-hover-icon-active-color: #999999;
  --ht-primary-button-foreground-color: #c7c7c7;
  --ht-primary-button-background-color: #476af7;
  --ht-primary-button-disabled-foreground-color: #68696c;
  --ht-primary-button-disabled-background-color: rgba(104, 105, 108, 0.32);
  --ht-primary-button-hover-foreground-color: #c7c7c7;
  --ht-primary-button-hover-background-color: #6180ff;
  --ht-primary-button-focus-border-color: #0f0f10;
  --ht-primary-button-focus-foreground-color: #c7c7c7;
  --ht-primary-button-focus-background-color: #476af7;
  --ht-secondary-button-border-color: #313132;
  --ht-secondary-button-foreground-color: #c7c7c7;
  --ht-secondary-button-background-color: #0f0f10;
  --ht-secondary-button-disabled-border-color: #313132;
  --ht-secondary-button-disabled-foreground-color: #68696c;
  --ht-secondary-button-disabled-background-color: #262627;
  --ht-secondary-button-hover-border-color: #313132;
  --ht-secondary-button-hover-foreground-color: #c7c7c7;
  --ht-secondary-button-hover-background-color: #0f0f10;
  --ht-secondary-button-focus-border-color: #313132;
  --ht-secondary-button-focus-foreground-color: #c7c7c7;
  --ht-secondary-button-focus-background-color: #0f0f10;
  --ht-comments-indicator-color: #476af7;
  --ht-comments-textarea-foreground-color: #c7c7c7;
  --ht-comments-textarea-background-color: #1e1e1f;
  --ht-comments-textarea-focus-border-color: #476af7;
  --ht-comments-textarea-focus-foreground-color: #c7c7c7;
  --ht-comments-textarea-focus-background-color: #0f0f10;
  --ht-license-foreground-color: #c7c7c7;
  --ht-license-background-color: #1e1e1f;
  --ht-link-color: #5576f8;
  --ht-link-hover-color: #728eff;
  --ht-input-border-color: #313132;
  --ht-input-foreground-color: #c7c7c7;
  --ht-input-background-color: #1e1e1f;
  --ht-input-hover-border-color: #313132;
  --ht-input-hover-foreground-color: #c7c7c7;
  --ht-input-hover-background-color: #0f0f10;
  --ht-input-disabled-border-color: #313132;
  --ht-input-disabled-foreground-color: #68696c;
  --ht-input-disabled-background-color: rgba(104, 105, 108, 0.32);
  --ht-input-focus-border-color: #476af7;
  --ht-input-focus-foreground-color: #c7c7c7;
  --ht-input-focus-background-color: #0f0f10;
  --ht-menu-border-color: #313132;
  --ht-menu-shadow-color: rgba(0, 0, 0, 0.80);
  --ht-menu-item-hover-color: rgba(239, 239, 243, 0.05);
  --ht-menu-item-active-color: rgba(239, 239, 243, 0.12);
}

/* Auto dark mode */
@media (prefers-color-scheme: dark) {
  .ht-theme-main-dark-auto {
    --ht-border-color: #313132;
    --ht-accent-color: #476af7;
    --ht-foreground-color: #c7c7c7;
    --ht-background-color: #0f0f10;
    --ht-placeholder-color: #68696c;
    --ht-read-only-color: #68696c;
    --ht-disabled-color: #68696c;
    --ht-cell-horizontal-border-color: #313132;
    --ht-cell-vertical-border-color: #313132;
    --ht-wrapper-border-color: #313132;
    --ht-row-header-odd-background-color: #1e1e1f;
    --ht-row-header-even-background-color: #1e1e1f;
    --ht-row-cell-odd-background-color: rgba(239, 239, 243, 0);
    --ht-row-cell-even-background-color: rgba(239, 239, 243, 0);
    --ht-cell-editor-border-color: #476af7;
    --ht-cell-editor-foreground-color: #ffffff;
    --ht-cell-editor-background-color: #0f0f10;
    --ht-cell-editor-shadow-color: rgba(71, 106, 247, 0.60);
    --ht-cell-success-background-color: rgba(66, 190, 101, 0.30);
    --ht-cell-error-background-color: rgba(255, 42, 52, 0.30);
    --ht-cell-selection-border-color: #476af7;
    --ht-cell-selection-background-color: #476af7;
    --ht-cell-autofill-border-color: #0f0f10;
    --ht-cell-autofill-background-color: #476af7;
    --ht-cell-autofill-fill-border-color: #c7c7c7;
    --ht-cell-mobile-handle-border-color: #476af7;
    --ht-cell-mobile-handle-background-color: rgba(71, 106, 247, 0.40);
    --ht-resize-indicator-color: rgba(255, 255, 255, 0.40);
    --ht-move-backlight-color: rgba(221, 221, 221, 0.12);
    --ht-move-indicator-color: #476af7;
    --ht-hidden-indicator-color: rgba(255, 255, 255, 0.40);
    --ht-scrollbar-track-color: #19191c;
    --ht-scrollbar-thumb-color: #68696c;
    --ht-checkbox-border-color: #404144;
    --ht-checkbox-background-color: #0f0f10;
    --ht-checkbox-focus-border-color: #404144;
    --ht-checkbox-focus-background-color: #0f0f10;
    --ht-checkbox-focus-ring-color: #476af7;
    --ht-checkbox-disabled-border-color: #313132;
    --ht-checkbox-disabled-background-color: #404144;
    --ht-checkbox-checked-border-color: #3c59cf;
    --ht-checkbox-checked-background-color: #476af7;
    --ht-checkbox-checked-icon-color: #c7c7c7;
    --ht-checkbox-checked-focus-background-color: #476af7;
    --ht-checkbox-checked-focus-icon-color: #c7c7c7;
    --ht-checkbox-checked-disabled-border-color: #313132;
    --ht-checkbox-checked-disabled-background-color: #36373a;
    --ht-checkbox-checked-disabled-icon-color: #68696c;
    --ht-header-foreground-color: #c7c7c7;
    --ht-header-background-color: #1e1e1f;
    --ht-header-active-border-color: #4767e5;
    --ht-header-active-foreground-color: #0f0f10;
    --ht-header-active-background-color: #476af7;
    --ht-header-highlighted-foreground-color: #f3f3f3;
    --ht-header-highlighted-background-color: #262627;
    --ht-header-filter-background-color: rgba(66, 190, 101, 0.30);
    --ht-header-row-foreground-color: #c7c7c7;
    --ht-header-row-background-color: #1e1e1f;
    --ht-header-row-highlighted-foreground-color: #f3f3f3;
    --ht-header-row-highlighted-background-color: #262627;
    --ht-header-row-active-foreground-color: #0f0f10;
    --ht-header-row-active-background-color: #476af7;
    --ht-icon-button-border-color: #1e1e1f;
    --ht-icon-button-background-color: #1e1e1f;
    --ht-icon-button-icon-color: rgba(255, 255, 255, 0.40);
    --ht-icon-button-hover-border-color: #303031;
    --ht-icon-button-hover-background-color: #303031;
    --ht-icon-button-hover-icon-color: rgba(255, 255, 255, 0.40);
    --ht-icon-active-button-border-color: #4767e5;
    --ht-icon-active-button-background-color: #476af7;
    --ht-icon-active-button-icon-color: #0f0f10;
    --ht-icon-active-button-hover-border-color: #4767e5;
    --ht-icon-active-button-hover-background-color: #5576f8;
    --ht-icon-active-button-hover-icon-color: #0f0f10;
    --ht-collapse-button-open-border-color: rgba(83, 83, 85, 0.64);
    --ht-collapse-button-open-background-color: #000000;
    --ht-collapse-button-open-icon-color: #999999;
    --ht-collapse-button-open-icon-active-color: #999999;
    --ht-collapse-button-open-hover-border-color: rgba(83, 83, 85, 0.64);
    --ht-collapse-button-open-hover-background-color: #1e1e1f;
    --ht-collapse-button-open-hover-icon-color: #999999;
    --ht-collapse-button-open-hover-icon-active-color: #999999;
    --ht-collapse-button-close-border-color: rgba(83, 83, 85, 0.64);
    --ht-collapse-button-close-background-color: #262627;
    --ht-collapse-button-close-icon-color: #999999;
    --ht-collapse-button-close-icon-active-color: #999999;
    --ht-collapse-button-close-hover-border-color: rgba(83, 83, 85, 0.64);
    --ht-collapse-button-close-hover-background-color: #262627;
    --ht-collapse-button-close-hover-icon-color: #999999;
    --ht-collapse-button-close-hover-icon-active-color: #999999;
    --ht-primary-button-foreground-color: #c7c7c7;
    --ht-primary-button-background-color: #476af7;
    --ht-primary-button-disabled-foreground-color: #68696c;
    --ht-primary-button-disabled-background-color: rgba(104, 105, 108, 0.32);
    --ht-primary-button-hover-foreground-color: #c7c7c7;
    --ht-primary-button-hover-background-color: #6180ff;
    --ht-primary-button-focus-border-color: #0f0f10;
    --ht-primary-button-focus-foreground-color: #c7c7c7;
    --ht-primary-button-focus-background-color: #476af7;
    --ht-secondary-button-border-color: #313132;
    --ht-secondary-button-foreground-color: #c7c7c7;
    --ht-secondary-button-background-color: #0f0f10;
    --ht-secondary-button-disabled-border-color: #313132;
    --ht-secondary-button-disabled-foreground-color: #68696c;
    --ht-secondary-button-disabled-background-color: #262627;
    --ht-secondary-button-hover-border-color: #313132;
    --ht-secondary-button-hover-foreground-color: #c7c7c7;
    --ht-secondary-button-hover-background-color: #0f0f10;
    --ht-secondary-button-focus-border-color: #313132;
    --ht-secondary-button-focus-foreground-color: #c7c7c7;
    --ht-secondary-button-focus-background-color: #0f0f10;
    --ht-comments-indicator-color: #476af7;
    --ht-comments-textarea-foreground-color: #c7c7c7;
    --ht-comments-textarea-background-color: #1e1e1f;
    --ht-comments-textarea-focus-border-color: #476af7;
    --ht-comments-textarea-focus-foreground-color: #c7c7c7;
    --ht-comments-textarea-focus-background-color: #0f0f10;
    --ht-license-foreground-color: #c7c7c7;
    --ht-license-background-color: #1e1e1f;
    --ht-link-color: #5576f8;
    --ht-link-hover-color: #728eff;
    --ht-input-border-color: #313132;
    --ht-input-foreground-color: #c7c7c7;
    --ht-input-background-color: #1e1e1f;
    --ht-input-hover-border-color: #313132;
    --ht-input-hover-foreground-color: #c7c7c7;
    --ht-input-hover-background-color: #0f0f10;
    --ht-input-disabled-border-color: #313132;
    --ht-input-disabled-foreground-color: #68696c;
    --ht-input-disabled-background-color: rgba(104, 105, 108, 0.32);
    --ht-input-focus-border-color: #476af7;
    --ht-input-focus-foreground-color: #c7c7c7;
    --ht-input-focus-background-color: #0f0f10;
    --ht-menu-border-color: #313132;
    --ht-menu-shadow-color: rgba(0, 0, 0, 0.80);
    --ht-menu-item-hover-color: rgba(239, 239, 243, 0.05);
    --ht-menu-item-active-color: rgba(239, 239, 243, 0.12);
  }
}
/* Icons */
[class*=ht-theme-main].htDropdownMenu table tbody tr td.htSubmenu .htItemWrapper::after, [class*=ht-theme-main].htContextMenu table tbody tr td.htSubmenu .htItemWrapper::after, [class*=ht-theme-main].htFiltersConditionsMenu table tbody tr td.htSubmenu .htItemWrapper::after,
[class*=ht-theme-main] .pika-single .pika-next {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.64648 10.9393L9.93938 7.64644L6.64648 4.35354%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
[class*=ht-theme-main] .pika-single .pika-prev {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9.93933 10.9393L6.64644 7.64644L9.93933 4.35354%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
[class*=ht-theme-main] .changeType::before {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.0002 6.66663C11.4262 6.66663 11.6487 7.15963 11.3917 7.47813L11.3537 7.52013L8.35372 10.5201C8.26762 10.6062 8.15307 10.6579 8.03156 10.6656C7.91005 10.6732 7.78992 10.6363 7.69372 10.5616L7.64672 10.5201L4.64672 7.52013L4.60522 7.47313L4.57822 7.43463L4.55122 7.38663L4.54272 7.36863L4.52922 7.33513L4.51322 7.28113L4.50822 7.25463L4.50322 7.22463L4.50122 7.19613V7.13713L4.50372 7.10813L4.50822 7.07813L4.51322 7.05213L4.52922 6.99813L4.54272 6.96463L4.57772 6.89863L4.61022 6.85363L4.64672 6.81313L4.69372 6.77163L4.73222 6.74463L4.78022 6.71763L4.79822 6.70913L4.83172 6.69563L4.88572 6.67963L4.91222 6.67463L4.94222 6.66963L4.97072 6.66763L11.0002 6.66663Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
[class*=ht-theme-main] .htUISelectCaption::after,
[class*=ht-theme-main] .htAutocompleteArrow::after {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11.0002 6.66663C11.4262 6.66663 11.6487 7.15963 11.3917 7.47813L11.3537 7.52013L8.35372 10.5201C8.26762 10.6062 8.15307 10.6579 8.03156 10.6656C7.91005 10.6732 7.78992 10.6363 7.69372 10.5616L7.64672 10.5201L4.64672 7.52013L4.60522 7.47313L4.57822 7.43463L4.55122 7.38663L4.54272 7.36863L4.52922 7.33513L4.51322 7.28113L4.50822 7.25463L4.50322 7.22463L4.50122 7.19613V7.13713L4.50372 7.10813L4.50822 7.07813L4.51322 7.05213L4.52922 6.99813L4.54272 6.96463L4.57772 6.89863L4.61022 6.85363L4.64672 6.81313L4.69372 6.77163L4.73222 6.74463L4.78022 6.71763L4.79822 6.70913L4.83172 6.69563L4.88572 6.67963L4.91222 6.67463L4.94222 6.66963L4.97072 6.66763L11.0002 6.66663Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
[class*=ht-theme-main] .columnSorting.sortAction.ascending::before {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M8.00008 12.6667L8.00008 3.33335M8.00008 3.33335L5.33342 6.00002M8.00008 3.33335L10.6667 6.00002%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
[class*=ht-theme-main] .columnSorting.sortAction.descending::before {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M8.00004 3.33331V12.6666M8.00004 12.6666L10.6667 9.99998M8.00004 12.6666L5.33337 9.99998%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
[class*=ht-theme-main].htDropdownMenu table tbody tr td .htItemWrapper span.selected::after, [class*=ht-theme-main].htContextMenu table tbody tr td .htItemWrapper span.selected::after, [class*=ht-theme-main].htFiltersConditionsMenu table tbody tr td .htItemWrapper span.selected::after {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.33337 8.00002L6.66671 11.3334L13.3334 4.66669%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
[class*=ht-theme-main] .htCheckboxRendererInput {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
[class*=ht-theme-main] .htCheckboxRendererInput::after {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 8L7 10L11 6%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
[class*=ht-theme-main] th.beforeHiddenColumn::after {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.08482 1.35771L6.11503 1.3551H6.17649L6.2067 1.35771L6.23795 1.36239L6.26503 1.3676L6.32128 1.38427L6.35618 1.39833L6.42493 1.43479L6.4718 1.46864L6.51399 1.50667L6.55722 1.55562L6.58534 1.59573L6.61347 1.64573L6.62232 1.66448L6.63639 1.69937L6.65305 1.75562L6.65826 1.78323L6.66347 1.81448L6.66555 1.84417L6.66659 1.87489V8.12489C6.66659 8.56864 6.15305 8.80042 5.82128 8.53271L5.77753 8.49312L2.65253 5.36812C2.56286 5.27844 2.50899 5.15912 2.50103 5.03254C2.49307 4.90596 2.53157 4.78083 2.6093 4.68062L2.65253 4.63167L5.77753 1.50667L5.82649 1.46344L5.86659 1.43531L5.91659 1.40719L5.93534 1.39833L5.97024 1.38427L6.02649 1.3676L6.05409 1.36239L6.08482 1.35771Z%27 fill=%27currentColor%27/%3E%3C/svg%3E");
  background-color: currentColor;
}
[class*=ht-theme-main] th.afterHiddenColumn::before {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.33337 1.87499C3.33337 1.43124 3.84692 1.19947 4.17869 1.46718L4.22244 1.50676L7.34744 4.63176C7.43711 4.72145 7.49098 4.84077 7.49894 4.96735C7.5069 5.09392 7.4684 5.21905 7.39067 5.31926L7.34744 5.36822L4.22244 8.49322L4.17348 8.53645L4.13337 8.56457L4.08337 8.5927L4.06462 8.60155L4.02973 8.61562L3.97348 8.63228L3.94587 8.63749L3.91462 8.6427L3.88494 8.64478L3.85421 8.64582L3.82348 8.64478L3.79327 8.64218L3.76202 8.63749L3.73494 8.63228L3.67869 8.61562L3.64379 8.60155L3.57504 8.5651L3.52817 8.53124L3.48598 8.49322L3.44275 8.44426L3.41462 8.40416L3.3865 8.35416L3.37764 8.33541L3.36358 8.30051L3.34692 8.24426L3.34171 8.21666L3.3365 8.18541L3.33442 8.15572L3.33337 1.87499Z%27 fill=%27currentColor%27/%3E%3C/svg%3E");
  background-color: currentColor;
}
[class*=ht-theme-main] th.beforeHiddenRow::after {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%278%27 height=%278%27 viewBox=%270 0 8 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M3.76425 2.43099C3.82165 2.3736 3.89801 2.33913 3.97902 2.33403C4.06003 2.32894 4.14012 2.35358 4.20425 2.40333L4.23558 2.43099L6.23558 4.43099L6.26325 4.46233L6.28125 4.48799L6.29925 4.51999L6.30492 4.53199L6.31392 4.55433L6.32458 4.59033L6.32792 4.60799L6.33125 4.62799L6.33258 4.64699L6.33325 4.66666L6.33258 4.68633L6.33092 4.70566L6.32792 4.72566L6.32458 4.74299L6.31392 4.77899L6.30492 4.80133L6.28158 4.84533L6.25992 4.87533L6.23558 4.90233L6.20425 4.92999L6.17858 4.94799L6.14658 4.96599L6.13458 4.97166L6.11225 4.98066L6.07625 4.99133L6.05858 4.99466L6.03858 4.99799L6.01958 4.99933L5.99992 4.99999H1.99992C1.71592 4.99999 1.56758 4.67133 1.73892 4.45899L1.76425 4.43099L3.76425 2.43099Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
[class*=ht-theme-main] th.afterHiddenRow::before {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%278%27 height=%278%27 viewBox=%270 0 8 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.9999 3C6.2839 3 6.43224 3.32867 6.2609 3.541L6.23557 3.569L4.23557 5.569C4.17817 5.62639 4.10181 5.66087 4.0208 5.66596C3.93979 5.67106 3.8597 5.64642 3.79557 5.59667L3.76424 5.569L1.76424 3.569L1.73657 3.53767L1.71857 3.512L1.70057 3.48L1.6949 3.468L1.6859 3.44567L1.67524 3.40967L1.6719 3.392L1.66857 3.372L1.66724 3.353V3.31367L1.6689 3.29433L1.6719 3.27433L1.67524 3.257L1.6859 3.221L1.6949 3.19867L1.71824 3.15467L1.7399 3.12467L1.76424 3.09767L1.79557 3.07L1.82124 3.052L1.85324 3.034L1.86524 3.02833L1.88757 3.01933L1.92357 3.00867L1.94124 3.00533L1.96124 3.002L1.98024 3.00067L5.9999 3Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
[class*=ht-theme-main] .collapsibleIndicator::before,
[class*=ht-theme-main] .ht_nestingButton::before {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M4.33325 8H11.6666%27 stroke=%27currentColor%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
[class*=ht-theme-main] .collapsibleIndicator.collapsed::before, [class*=ht-theme-main] .collapsibleIndicator.ht_nestingExpand::before,
[class*=ht-theme-main] .ht_nestingButton.collapsed::before,
[class*=ht-theme-main] .ht_nestingButton.ht_nestingExpand::before {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M7.49988 11.6667C7.49988 11.9428 7.72374 12.1667 7.99988 12.1667C8.27602 12.1667 8.49988 11.9428 8.49988 11.6667V8.50002H11.6666C11.9427 8.50002 12.1666 8.27616 12.1666 8.00002C12.1666 7.72388 11.9427 7.50002 11.6666 7.50002H8.49988V4.33337C8.49988 4.05723 8.27602 3.83337 7.99988 3.83337C7.72374 3.83337 7.49988 4.05723 7.49988 4.33337V7.50002H4.33325C4.05711 7.50002 3.83325 7.72388 3.83325 8.00002C3.83325 8.27616 4.05711 8.50002 4.33325 8.50002H7.49988V11.6667Z%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
[class*=ht-theme-main] .htUIRadio > input[type=radio]::after {
  width: var(--ht-icon-size);
  height: var(--ht-icon-size);
  -webkit-mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%274%27 fill=%27currentColor%27/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Spreadsheet/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__jvkbf {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}

.styles_controls__wuH6S {
  display: flex;
  margin-top: 1rem;
  gap: 2.5rem;
}

.styles_tableContainer__IKMsz {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 0;
}

.styles_tableWrapper__BnH6U {
  overflow: auto;
  position: relative;
  min-height: 0;
  max-height: 50vh;
  border-radius: 4px;
}

.styles_error__5kFDa {
  color: var(--general-red);
  margin-bottom: 1rem;
}

.styles_dropdown__vCD89 {
  min-width: 9.375rem;
  height: 2.5rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Text/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__EmBCZ {
  font-weight: 400;
}

.styles_primary__h_PW4 {
  color: var(--general-white);
  font-size: 1.125rem;
}

.styles_secondary__ZQ_bB {
  color: var(--secondary-color-dark);
  font-size: 0.875rem;
}

.styles_danger__uOYc0 {
  color: var(--general-red);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Header/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__Y_tJe {
  height: 4.5rem;
  padding: 1.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
  background: #121213;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.styles_root__Y_tJe > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_user_menu__t9a7H {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 480px) {
  .styles_user_menu__t9a7H {
    width: 100%;
    justify-content: flex-end;
  }
}

.styles_notification__I6u9w {
  margin-right: 1.25rem;
}
@media (max-width: 480px) {
  .styles_notification__I6u9w {
    margin-right: 0.9375rem;
  }
}

.styles_loadingDots__KQRR7 {
  display: inline-flex;
  gap: 2px;
}
.styles_loadingDots__KQRR7 span {
  display: inline-block;
  animation: styles_wave__HJvvr 1s infinite ease-in-out;
}
.styles_loadingDots__KQRR7 span:nth-child(1) {
  animation-delay: 0s;
}
.styles_loadingDots__KQRR7 span:nth-child(2) {
  animation-delay: 0.2s;
}
.styles_loadingDots__KQRR7 span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes styles_wave__HJvvr {
  0%, 60%, 100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-5px);
  }
}
.styles_logo_full__CwLFh {
  display: block;
}
@media (max-width: 768px) {
  .styles_logo_full__CwLFh {
    display: none;
  }
}

.styles_logo_short__54Esp {
  display: none;
}
@media (max-width: 768px) {
  .styles_logo_short__54Esp {
    display: block;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/User/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__p4Jxc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.5rem;
}

.styles_avatar__8zA61 {
  flex-shrink: 0;
}

.styles_text__fGDZY {
  flex: 1 1;
  width: 6.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 6.25rem;
  display: block;
}

.styles_buttons__fY6aK {
  display: flex;
  gap: 0.5rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Team/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__0srpZ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.5rem;
}

.styles_text__R34jk {
  flex: 1 1;
  min-width: 6.25rem;
}

.styles_buttons__nTZOr {
  display: flex;
  gap: 0.5rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Avatar/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__KeNzc {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100px;
  object-fit: cover;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Dropdown/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__Dv7ci {
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles_root__Dv7ci {
  border-radius: 20px;
  padding: 0.8125rem 1.25rem;
  width: 20.625rem;
  height: 3.75rem;
  background: var(--general-black);
  color: var(--general-white);
}
.styles_root__Dv7ci > input {
  height: 100%;
  width: 100%;
  background-color: inherit;
  border: none;
}

.styles_error__u5ILN {
  border: 1px solid var(--general-red);
  border-radius: 20px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Modal/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__1b1gB {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.styles_modal__8DFcg {
  background: var(--general-white);
  padding: 1.25rem;
  border-radius: 0.5rem;
  width: 25rem;
  max-width: 90%;
  box-shadow: 0 4px 10px var(--secondary-color-dark);
  text-align: center;
}

.styles_title__sU9uJ {
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  color: var(--general-black);
}

.styles_content___znC_ {
  font-size: 1.125rem;
}

.styles_footer__kMRys {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5rem;
  gap: 1.25rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Radio/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__AwlO0 {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.styles_root--disabled__FznEO {
  cursor: not-allowed;
  opacity: 0.5;
}
.styles_root__input__nIFT7 {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.styles_root__outer__oM56G {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--radio-color-border-default);
  border-radius: 50%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
}
.styles_root__inner__vMb_d {
  width: 0.75rem;
  height: 0.75rem;
  background-color: var(--radio-color-inner);
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.2s ease-in-out;
}
.styles_root--checked__5YseA .styles_root__outer__oM56G {
  border-color: var(--radio-color-border-active);
  background-color: var(--radio-color-border-active);
}
.styles_root--checked__5YseA .styles_root__inner__vMb_d {
  transform: scale(1);
}
.styles_root__AwlO0:hover:not(.styles_root--disabled__FznEO):not(.styles_root--checked__5YseA) .styles_root__outer__oM56G {
  border-color: var(--radio-color-border-hover);
}
.styles_root__AwlO0:hover:not(.styles_root--disabled__FznEO).styles_root--checked__5YseA .styles_root__outer__oM56G {
  background-color: var(--radio-bg-hover-active);
  border-color: var(--radio-color-border-active);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Breadcrumbs/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__Xcj5G {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.styles_item__Pfp16 {
  display: flex;
  align-items: center;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}
.styles_item_inactive__U0nkj {
  opacity: 0.6;
}
.styles_item_active__cdf4R {
  pointer-events: none;
  opacity: 1;
}

.styles_separator__dTQB4 {
  display: flex;
  align-items: center;
  margin: 0 0.25rem;
  transform: rotate(-90deg);
}

.styles_link__bayJO:hover {
  text-decoration: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Calendar/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__wL2VP {
  width: 100%;
  min-width: 20rem;
  border-radius: 1rem;
  box-shadow: 0px 16px 80px 0px var(--calendar-shadow);
  background: var(--calendar-background);
  padding: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}
.styles_root__wL2VP.styles_disabled__R6evY {
  opacity: 0.5;
  pointer-events: none;
}
.styles_root__wL2VP.styles_rangePicker__wfa_E .styles_day__EOMHA.styles_inRange__RXb0E {
  background-color: var(--calendar-accent-alpha);
  border-radius: 0;
}
.styles_root__wL2VP.styles_rangePicker__wfa_E .styles_day__EOMHA.styles_rangeStart__Wh2BK {
  background-color: var(--calendar-accent);
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--calendar-white);
}
.styles_root__wL2VP.styles_rangePicker__wfa_E .styles_day__EOMHA.styles_rangeStart__Wh2BK:not(.styles_rangeEnd__Ik_4W)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: var(--calendar-accent-alpha);
  z-index: -1;
}
.styles_root__wL2VP.styles_rangePicker__wfa_E .styles_day__EOMHA.styles_rangeEnd__Ik_4W {
  background-color: var(--calendar-accent);
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: var(--calendar-white);
}
.styles_root__wL2VP.styles_rangePicker__wfa_E .styles_day__EOMHA.styles_rangeEnd__Ik_4W:not(.styles_rangeStart__Wh2BK)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: var(--calendar-accent-alpha);
  z-index: -1;
}
.styles_root__wL2VP.styles_rangePicker__wfa_E .styles_day__EOMHA.styles_rangeStart__Wh2BK.styles_rangeEnd__Ik_4W {
  border-radius: 50%;
}

.styles_viewTransition__CkFHh {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.3s ease, transform 0.3s ease;
  animation-fill-mode: forwards;
}
.styles_viewTransition__CkFHh.styles_active__Uz1sd {
  opacity: 1;
  transform: scale(1);
}
.styles_viewTransition__CkFHh.styles_fadeIn__MmDsm {
  animation: styles_fadeIn__MmDsm 0.3s ease forwards;
}
.styles_viewTransition__CkFHh.styles_fadeOut__RQgk_ {
  animation: styles_fadeOut__RQgk_ 0.3s ease forwards;
}

@keyframes styles_fadeIn__MmDsm {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes styles_fadeOut__RQgk_ {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}
@keyframes styles_pulse__uiwBL {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.styles_header__Kj_Jh {
  margin-bottom: 1rem;
  padding-bottom: 0.8125rem;
  border-bottom: 1px solid var(--calendar-border-color);
}

.styles_nav__Zy3rC {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.5625rem;
}

.styles_currentDate__rhldj {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.styles_currentDateItem__3qnQt {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.styles_currentDateItem__selected__exxYG {
  position: relative;
}

@keyframes styles_scaleIn__SwYMJ {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.styles_pulseAnimation__Tr6gC {
  animation: styles_pulse__uiwBL 0.5s ease;
}

.styles_currentDateText__yIiDT {
  border-radius: 24px;
  background: rgba(208, 208, 229, 0.04);
  padding: 0.1875rem 0.75rem;
  transition: all 0.2s ease-in-out;
}
.styles_currentDateText__selected__pVQn0 {
  background: rgba(0, 163, 255, 0.04);
}

.styles_yearText__g_Ptk {
  color: var(--calendar-month-button-color);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  display: inline-block;
}
.styles_yearText__g_Ptk:hover {
  opacity: 0.8;
}

.styles_controls__PqZCX {
  display: flex;
  gap: 0.5rem;
}

.styles_navButton__ZWNr0 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background: var(--calendar-button-bg);
}
.styles_navButton__ZWNr0:hover {
  background: var(--calendar-button-hover);
}
.styles_navButton__ZWNr0:active {
  transform: scale(0.95);
}

.styles_leftArrow__LvQKp {
  transform: rotate(0deg);
}

.styles_rightArrow__k0Tad {
  transform: rotate(180deg);
}

.styles_calendar__OYH4q {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.styles_weekDays__uwZgs {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  margin-bottom: 0.25rem;
}

.styles_weekDay__uFHYI {
  padding: 0.25rem;
  color: var(--calendar-weekday-color);
  font-size: 0.875rem;
}

.styles_days__jAKNc {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 0.25rem;
  gap: 0.25rem;
}

.styles_day__EOMHA {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.75rem;
  width: 1.75rem;
  margin: 0 auto;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  color: var(--calendar-white);
  position: relative;
}
.styles_day__EOMHA:hover:not(.styles_otherMonth__5ZzRj):not(.styles_disabled__R6evY) {
  background: var(--calendar-button-hover);
}
.styles_day__EOMHA.styles_today__HF_a7, .styles_day__EOMHA.styles_selected__5b9lp {
  color: var(--calendar-white);
}
.styles_day__EOMHA.styles_selected__5b9lp {
  background: var(--calendar-accent) !important;
}
.styles_day__EOMHA.styles_today__HF_a7:not(.styles_selected__5b9lp) {
  background: var(--calendar-accent-light);
}
.styles_day__EOMHA.styles_otherMonth__5ZzRj {
  color: var(--calendar-other-month-color);
}
.styles_day__EOMHA.styles_weekend__J42Cb {
  color: var(--calendar-accent);
}
.styles_day__EOMHA.styles_weekend__J42Cb.styles_selected__5b9lp {
  color: var(--calendar-white);
}
.styles_day__EOMHA.styles_weekend__J42Cb.styles_otherMonth__5ZzRj {
  color: var(--calendar-other-month-color);
}
.styles_day__EOMHA.styles_disabled__R6evY {
  color: var(--calendar-other-month-color);
  cursor: not-allowed;
  pointer-events: none;
}
.styles_day__EOMHA.styles_inRange__RXb0E:not(.styles_rangeStart__Wh2BK):not(.styles_rangeEnd__Ik_4W) {
  background-color: var(--calendar-accent-alpha);
  width: 100%;
  border-radius: 0;
}

.styles_monthSelection__ocvzV {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.625rem;
  gap: 0.625rem;
  margin-top: 0.5rem;
}

.styles_yearSelection__HXizj {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.625rem;
  gap: 0.625rem;
  max-height: 18.75rem;
  overflow-y: auto;
  margin-top: 0.5rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.styles_yearSelection__HXizj::-webkit-scrollbar {
  display: none;
}

.styles_monthButton__AR_5n,
.styles_yearButton__uBW2N {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
  padding: 0.1875rem 0.75rem;
  cursor: pointer;
  background: transparent;
  border: 1px solid var(--calendar-month-button-border);
  color: var(--calendar-month-button-color);
  transition: all 0.2s ease-in-out;
}
.styles_monthButton__AR_5n:hover,
.styles_yearButton__uBW2N:hover {
  background: var(--calendar-month-button-hover);
  transform: translateY(-2px);
}
.styles_monthButton__AR_5n:active,
.styles_yearButton__uBW2N:active {
  transform: scale(0.98);
}
.styles_monthButton__AR_5n.styles_selected__5b9lp,
.styles_yearButton__uBW2N.styles_selected__5b9lp {
  background: var(--calendar-month-button-color);
  color: var(--calendar-white);
  border-color: var(--calendar-month-button-color);
  animation: styles_pulse__uiwBL 0.5s ease;
}
.styles_monthButton__AR_5n.styles_disabled__R6evY,
.styles_yearButton__uBW2N.styles_disabled__R6evY {
  opacity: 0.3;
  cursor: not-allowed;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Progress/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__J4f4v {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
}

.styles_content__TRiAB {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.styles_description__qKRz5 {
  color: rgba(208, 208, 229, 0.4);
}

.styles_descriptionWrapper__nz_OQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.styles_progressContainer__z8q5F {
  position: relative;
  height: 0.25rem;
  min-width: 18.75rem;
  width: 100%;
  background-color: rgba(208, 208, 229, 0.16);
  border-radius: 0.3125rem;
  overflow: hidden;
}

.styles_progressBar__se02e {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--general-accent);
  border-radius: 0.3125rem;
  transition: width 0.3s ease;
}

.styles_percentage__huS75 {
  flex-shrink: 0;
  min-width: 2.5rem;
  color: var(--general-white);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Tooltip/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__sHC_m {
  position: relative;
  display: inline-block;
}
.styles_container__sHC_m:hover .styles_tooltip__ZMGgq {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
}

.styles_tooltip__ZMGgq {
  position: absolute;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
  bottom: 120%;
  left: 50%;
  transform: translate(-50%, -0.625rem);
  min-width: 9.375rem;
  pointer-events: none;
}
.styles_container__sHC_m:hover .styles_tooltip__ZMGgq {
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0s;
}

.styles_content__9MpWF {
  background-color: #1f2022;
  color: var(--general-white);
  text-align: center;
  padding: 0.625rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
  white-space: nowrap;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.theme-light .styles_content__9MpWF {
  background-color: var(--general-white);
  color: #1f2022;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
}

.styles_triangle__WKbsE {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #1f2022;
  bottom: -0.4375rem;
  left: 50%;
  transform: translateX(-50%);
  transition: border-top-color 0.3s ease;
}
.theme-light .styles_triangle__WKbsE {
  border-top-color: var(--general-white);
}

.styles_left__E2C1P {
  transform: translate(-0.625rem, 0);
  left: 0;
}
.styles_left__E2C1P .styles_triangle__WKbsE {
  left: 0.9375rem;
  transform: translateX(0);
}
.styles_container__sHC_m:hover .styles_left__E2C1P {
  transform: translate(0, 0);
}

.styles_right__jJ4zB {
  transform: translate(0.625rem, 0);
  right: 0;
  left: auto;
}
.styles_right__jJ4zB .styles_triangle__WKbsE {
  right: 0.9375rem;
  left: auto;
  transform: translateX(0);
}
.styles_container__sHC_m:hover .styles_right__jJ4zB {
  transform: translate(0, 0);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Tabs/Tabs/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_tabsContainer__nvzQt {
  position: relative;
  display: inline-flex;
  align-self: center;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  background: var(--input-background);
  overflow: hidden;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .styles_tabsContainer__nvzQt {
    width: 100%;
    border-radius: 12px;
    padding: 0 8px;
  }
}

.styles_tabs__AgyN9 {
  display: flex;
  border-bottom: 0.0625rem solid var(--general-border);
  width: 100%;
}
@media screen and (max-width: 768px) {
  .styles_tabs__AgyN9 {
    width: 100%;
    gap: 0.125rem;
    padding: 0.25rem 0;
  }
}

.styles_indicator__82grQ {
  position: absolute;
  top: 15%;
  height: 70%;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  background: #151617;
  transition: all 0.3s ease;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .styles_indicator__82grQ {
    top: 12%;
    height: 76%;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.08);
  }
}
.theme-light .styles_indicator__82grQ {
  background: var(--input-background-light);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Tabs/Tab/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_tab__btziT {
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  border: none;
  position: relative;
  transition: color 0.3s ease;
  color: rgba(208, 208, 229, 0.4);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  z-index: 10;
  white-space: nowrap;
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .styles_tab__btziT {
    padding: clamp(0.5rem, 2vw, 1rem) clamp(0.25rem, 1vw, 0.75rem);
    font-weight: 600;
    min-height: 2.75rem;
    color: rgba(208, 208, 229, 0.6);
  }
  .styles_tab__btziT:active {
    transform: scale(0.98);
    transition: transform 0.1s ease;
  }
}

.styles_selected__wS1S_ {
  color: var(--general-white);
}
@media screen and (max-width: 768px) {
  .styles_selected__wS1S_ {
    color: var(--general-white);
    font-weight: 700;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Tabs/TabPanel/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_tabPanel__zwsvd {
  padding: 1.25rem 0;
  display: none;
  z-index: 10;
}

.styles_visible__iZsEX {
  display: block;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Switcher/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__mKaDz {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.styles_root--disabled__5hgUo {
  opacity: 0.5;
  cursor: not-allowed;
}
.styles_root__input__oB2mB {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
.styles_root__track__3rpqQ {
  position: relative;
  display: flex;
  align-items: center;
  width: 3.25rem;
  height: 2rem;
  border-radius: 1rem;
  background-color: var(--check-border-color);
  transition: background-color 0.2s ease;
}
.styles_root__thumb__INYfe {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: var(--check-color);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
  transform: translateX(0.1875rem);
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.styles_root--checked__E1_PD .styles_root__track__3rpqQ {
  background-color: var(--check-bg);
}
.styles_root--checked__E1_PD .styles_root__thumb__INYfe {
  transform: translateX(calc(3.25rem - 1.5rem - 0.1875rem));
}
.styles_root__mKaDz:hover:not(.styles_root--disabled__5hgUo) .styles_root__track__3rpqQ {
  background-color: var(--check-border-color-hover);
}
.styles_root__mKaDz:hover:not(.styles_root--disabled__5hgUo).styles_root--checked__E1_PD .styles_root__track__3rpqQ {
  background-color: var(--check-bg);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Label/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__Gy3ht {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 6.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  gap: 0.375rem;
}

.styles_dot__yN1ZG {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.styles_white__dozIa {
  color: var(--label-white);
  background-color: var(--label-white-bg);
}
.styles_white__dozIa .styles_dot__yN1ZG {
  background-color: var(--label-white);
}

.styles_blue__YvPVq {
  color: var(--label-blue);
  background-color: var(--label-blue-bg);
}
.styles_blue__YvPVq .styles_dot__yN1ZG {
  background-color: var(--label-blue);
}

.styles_pink__mVujn {
  color: var(--label-pink);
  background-color: var(--label-pink-bg);
}
.styles_pink__mVujn .styles_dot__yN1ZG {
  background-color: var(--label-pink);
}

.styles_red__qM9kX {
  color: var(--label-red);
  background-color: var(--label-red-bg);
}
.styles_red__qM9kX .styles_dot__yN1ZG {
  background-color: var(--label-red);
}

.styles_orange__k_h8X {
  color: var(--label-orange);
  background-color: var(--label-orange-bg);
}
.styles_orange__k_h8X .styles_dot__yN1ZG {
  background-color: var(--label-orange);
}

.styles_green__H_pTe {
  color: var(--label-green);
  background-color: var(--label-green-bg);
}
.styles_green__H_pTe .styles_dot__yN1ZG {
  background-color: var(--label-green);
}

.styles_sm__JHyCA {
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
}

.styles_md__EY1oq {
  padding: 0.25rem 0.625rem;
  font-size: 0.875rem;
}

.styles_lg__rqB70 {
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Sidebar/components/SidebarFooter/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__wmGRz {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: auto;
}

.styles_switchers_container__lUqk_ {
  width: 100%;
}

.styles_profile_container__Mlv1g {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.styles_profile_container__Mlv1g:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.styles_profile_icon__wgVBz {
  color: white;
  font-size: 20px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Sidebar/components/SiderBarNavigation/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__A15jJ {
  margin-top: 8.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.styles_link__RL_1d {
  display: flex;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  transition: background 0.2s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
}
.styles_link__RL_1d.styles_active__8FdG8 {
  background: rgba(240, 243, 249, 0.04);
}
.styles_link__RL_1d:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.04);
}
.styles_link__RL_1d.styles_collapsed__XGnWl {
  justify-content: center;
  padding: 0.75rem 0.5rem;
}
.styles_link__RL_1d.styles_collapsed__XGnWl .styles_icon__MIy_a {
  margin-right: 0;
  transform: scale(1.2);
}

.styles_icon__MIy_a {
  margin-right: 0.5rem;
  transition: margin-right 0.3s ease, transform 0.3s ease;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Sidebar/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_wrapper__HJ4JB {
  width: 5rem;
  z-index: 100;
}
@media screen and (max-width: 1200px) {
  .styles_wrapper__HJ4JB {
    display: none;
  }
}

.styles_root__7vRv2 {
  border-right: 1px solid rgba(255, 255, 255, 0.02);
  background: #121213;
  padding: 1.5625rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 18.75rem;
  transition: width 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.theme-light .styles_root__7vRv2 {
  background-color: var(--general-white);
  color: #1f2022;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
}
.styles_root_collapsed__idAIL {
  width: 5rem;
  padding: 1.5625rem 0.9375rem;
}
.styles_root_collapsed__idAIL .styles_search_container__5aPCK {
  opacity: 0;
  pointer-events: none;
}
.styles_root_collapsed__idAIL .styles_collapse_button__rDevX > svg {
  transform: rotate(-90deg);
  top: 4px;
  left: -3px;
}

.styles_logo__ueH3l {
  display: flex;
  justify-content: center;
  margin-top: 2.8125rem;
  transition: transform 0.3s ease;
}

.styles_search_container__5aPCK {
  margin-top: 2.8125rem;
  transition: opacity 0.2s ease-in-out;
}

.styles_collapse_button__rDevX {
  position: absolute;
  right: -1.25rem;
  top: 50%;
  right: -0.625rem;
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.75rem;
  width: 1.25rem;
  border-radius: 2.5rem;
  border: 1px solid rgba(255, 255, 255, 0.02);
  background: #161618;
  z-index: 2;
}
.styles_collapse_button__rDevX > svg {
  transform: rotate(90deg);
  opacity: 0.4;
  position: relative;
  left: 0.1875rem;
  bottom: 0.125rem;
  transition: transform 0.3s ease;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Notifications/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__BCbQJ {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  background: #121213;
  padding: 0.5rem;
  cursor: pointer;
}
.styles_root__count_container__H93OS {
  display: flex;
  align-items: center;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.04);
  padding: 0.25rem 1rem;
}
@media (max-width: 768px) {
  .styles_root__count_container__H93OS {
    display: none;
  }
}
.styles_root__icon__c2aJY {
  display: flex;
  align-items: center;
  position: relative;
}
.styles_root__icon_notification_exists__MHJva {
  margin-left: 0.5rem;
}
.styles_root__icon_dot__iIVz5 {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 100px;
  background: #d35555;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/HeaderProfile/styles.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__0att5 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
}

.styles_profile_name__YnyLE {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 7.5rem;
}
.styles_profile_arrow_down__iULJe {
  cursor: pointer;
}
.styles_profile_role__W2cv1 {
  color: var(--secondary-color-dark);
  font-size: 0.875rem;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.styles_profile_menu__xmAt9 {
  position: absolute;
  top: 3.75rem;
  right: 0;
  z-index: 1001;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/CardItem/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__uY6C_ {
  display: flex;
  align-items: center;
  padding: 1.5rem;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  background: #151617;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  text-align: left;
}
.styles_root__uY6C_.styles_disabled__u30bR {
  cursor: not-allowed;
  opacity: 0.5;
}
.styles_root__uY6C_:not(.styles_disabled__u30bR):hover {
  transform: scale(1.05);
}
.styles_root__uY6C_:not(.styles_disabled__u30bR):active {
  transform: scale(0.95);
}

.styles_iconContainer__KWyPn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
}

.styles_content___bM0n {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow: hidden;
}

.styles_title__nUSZ0 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

.styles_description__M4qKC {
  color: rgba(208, 208, 229, 0.64);
  max-width: 17.375rem;
}

.styles_label__ugkvP {
  border-radius: 8px;
  background: linear-gradient(107deg, #e9417c 0.55%, #e9935f 63.33%, #eaca4b 104.95%);
  box-shadow: 0px 0px 81.7px 0px #ff9081;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}

.styles_labelDesign__eMT8C {
  background: linear-gradient(107deg, #e9417c 0.55%, #e9935f 63.33%, #eaca4b 104.95%);
}

.styles_labelFinance__QKOMB {
  background: linear-gradient(106.8deg, #0bd20b 0.55%, #15c26b 63.33%, #4bea9a 104.95%);
  box-shadow: 0px 0px 81.7px 0px #0bd20b;
}

.styles_labelBuyers__3yd6a {
  background: linear-gradient(106.8deg, #0b72d2 0.55%, #5b5bff 63.33%, #4b4bea 104.95%);
  box-shadow: 0px 0px 81.7px 0px #0b72d2;
}

.styles_rootDesign__mdzSW {
  box-shadow: 0px 4px 81.7px 0px rgba(233, 147, 95, 0.25);
  border: 1px solid rgba(233, 147, 95, 0.25);
}

.styles_rootFinance___A1K5 {
  box-shadow: 0px 4px 81.7px 0px rgba(11, 210, 11, 0.25);
  border: 1px solid rgba(11, 210, 11, 0.25);
}

.styles_rootBuyers__0fp9B {
  box-shadow: 0px 4px 81.7px 0px rgba(131, 129, 255, 0.25);
  border: 1px solid rgba(131, 129, 255, 0.25);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/DropZone/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_dropZone__p3caz {
  position: relative;
  border: 1px dashed #cacaca;
  border-radius: 0.375rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
  overflow: hidden;
  width: 25rem;
  height: 9.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_dropZone__p3caz:hover {
  background: #374151;
}
.styles_dropZone__p3caz:focus {
  outline: 2px solid #4285f4;
  outline-offset: 2px;
}
.styles_dropZone__p3caz.styles_dragOver__R8bHV {
  border-color: #4285f4;
  background: #374151;
  transform: scale(1.02);
  box-shadow: 0 0.75rem 2.1875rem rgba(66, 133, 244, 0.25);
}
.styles_dropZone__p3caz.styles_dragOver__R8bHV .styles_uploadContent__K0KAQ {
  transform: scale(0.95);
  opacity: 0.8;
}
.styles_dropZone__p3caz.styles_uploading__Vvl9y {
  border-color: #34a853;
  background: #2d3748;
  pointer-events: none;
}

.styles_uploadText__onYox span {
  color: #0b72d2;
}

.styles_hiddenInput__fvqn7 {
  display: none;
}

.styles_uploadContent__K0KAQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.styles_iconContainer__Ll3Jf {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  border-radius: 50px;
  border: 1px solid #d9d9d9;
  padding: 0.5625rem;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.styles_dropZone__p3caz:hover .styles_iconContainer__Ll3Jf {
  transform: scale(1.1);
  color: #4285f4;
}

.styles_textContent__51jSx {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.styles_primaryText__nfN5m {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.styles_spinner__3P8m2 {
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid #e8f0fe;
  border-top: 2px solid #4285f4;
  border-radius: 50%;
  animation: styles_spin__bnc_m 1s linear infinite;
}

@keyframes styles_spin__bnc_m {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.styles_dragOverlay__xyGR_ {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(66, 133, 244, 0.1);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.625rem;
  animation: styles_fadeIn__hQlDB 0.2s ease-out;
}

.styles_dragOverlayContent__rd0Qj {
  background: #4285f4;
  color: white;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: 0 0.5rem 1.5625rem rgba(66, 133, 244, 0.3);
  animation: styles_bounceIn__UEdXg 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes styles_fadeIn__hQlDB {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes styles_bounceIn__UEdXg {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .styles_dropZone__p3caz {
    padding: 2rem 1rem;
  }
  .styles_iconContainer__Ll3Jf {
    width: 3.5rem;
    height: 3.5rem;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/FileItem/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__tYflY {
  display: flex;
  align-items: center;
  padding: 1rem;
  background: transparent;
  border-radius: 6px;
  border: 1px solid #cacaca;
  gap: 0.75rem;
  max-width: 25rem;
  width: 100%;
  min-width: 25rem;
  position: relative;
}

.styles_fileInfoContainer__oZSvF {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.styles_fileInfoWrapper__3yMII {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.styles_iconContainer__SFY1O {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.styles_content__zrEMy {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

.styles_fileInfo__uALDJ {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  justify-self: flex-start;
}

.styles_fileName__Ry__J {
  display: block;
  max-width: 17.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
}

.styles_fileSize__s4ugB {
  color: #989692;
}

.styles_progressContainer__W5aYG {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.styles_progressBar__RPcrv {
  flex: 1 1;
  height: 0.375rem;
  background: white;
  border-radius: 0.125rem;
  overflow: hidden;
}

.styles_progressFill__AaFhV {
  height: 100%;
  background: #0b72d2;
  border-radius: 0.125rem;
  transition: all 0.3s ease;
}
.styles_progressFill__AaFhV.styles_success__eASTM {
  background: #2edf69;
}

.styles_progressText__Vc2jG {
  color: white;
}

.styles_deleteButton__00MC7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
  transition: all 0.2s ease;
  opacity: 1;
}
.styles_deleteButton__00MC7.styles_success__eASTM {
  opacity: 0;
}
.styles_deleteButton__00MC7.styles_isUploaded__ZbhRi {
  opacity: 0.7;
}
.styles_deleteButton__00MC7:hover {
  background: rgba(255, 255, 255, 0.1);
}
.styles_deleteButton__00MC7:active {
  transform: scale(0.95);
}

.styles_deleteIcon__csbeP {
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.2s ease;
}
.styles_deleteButton__00MC7:hover .styles_deleteIcon__csbeP {
  color: #ef4444;
}

.styles_documentUploadIcon__3NCx1 {
  display: block;
}

.styles_checkIcon__el2Rn {
  display: block;
  background: #2edf69;
  border-radius: 50%;
  fill: white;
  position: absolute;
  right: 1rem;
  opacity: 0;
  transition: all 0.2s ease;
}
.styles_checkIcon__el2Rn.styles_success__eASTM {
  opacity: 1;
}
.styles_checkIcon__el2Rn.styles_isUploaded__ZbhRi {
  opacity: 0;
}

.styles_viewButton__Xh157 {
  color: #0b72d2;
  margin-left: 2rem;
  transition: opacity 0.2s ease;
  opacity: 1;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
.styles_viewButton__Xh157:hover {
  opacity: 0.9;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/FileList/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__oHE6y {
  height: 100%;
  margin-top: 1.625rem;
  animation: styles_slideIn__TOPcE 0.3s ease-out;
}

.styles_title___yVC6 {
  margin-bottom: 1rem;
}

.styles_fileList__4w146 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow-y: auto;
  height: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.styles_fileList__4w146::-webkit-scrollbar {
  display: none;
}

.styles_fileItem__OUD7c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  margin-bottom: 0.5rem;
  transition: all 0.2s ease;
}
.styles_fileItem__OUD7c:last-child {
  margin-bottom: 1rem;
}

.styles_fileInfo__gJo_E {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1 1;
  min-width: 0;
}

.styles_fileName__amtFA {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.styles_removeButton__NuDm1 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  line-height: 1;
  min-width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_removeButton__NuDm1:hover {
  background: #f1f3f4;
  transform: scale(1.1);
}
.styles_removeButton__NuDm1:active {
  transform: scale(0.95);
}

@keyframes styles_slideIn__TOPcE {
  from {
    transform: translateY(-0.625rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/AdminMenu/styles.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_root__6KK3u {
  display: flex;
  flex-direction: column;
  background: var(--general-black);
  border-radius: 1.25rem;
  border: 0.5px solid var(--general-white);
  padding: 0.75rem;
  min-width: 10.375rem;
  animation: styles_fadeIn__OS9M9 0.7s ease;
}
@keyframes styles_fadeIn__OS9M9 {
  from {
    opacity: 0;
    transform: translateY(-3.125rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.styles_menuItem__zy5tm {
  transition: transform 0.2s ease;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  color: var(--general-white);
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s ease;
  opacity: 0.5;
}
.styles_menuItem__zy5tm:hover {
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 1;
}
.styles_menuItem__zy5tm.styles_isRoleList__taNXt {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.styles_menuItem__zy5tm.styles_isRoleList__taNXt svg {
  opacity: 0;
}
.styles_menuItem__zy5tm:active {
  transform: scale(0.95);
}
.styles_menuItem__zy5tm.styles_active___ivXg {
  opacity: 1;
}
.styles_menuItem__zy5tm.styles_active___ivXg svg {
  opacity: 1 !important;
}
.styles_menuItem__zy5tm.styles_danger__tK6NG {
  color: var(--general-red);
}

.styles_icon__LnoHx {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
}