nntc-ui 0.0.17 → 0.0.19

package/index.css

@@ -1,1894 +0,0 @@
-/* src/components/common/Button/button.module.css */
-.button_root {
-  padding: 0;
-  font-size: var(--text-button-size);
-  font-weight: var(--text-button-weight);
-  line-height: var(--text-button-height);
-  letter-spacing: var(--text-button-letter);
-  cursor: pointer;
-  border: none;
-  border-radius: 4px;
-  outline: none;
-}
-.button_stateLayer {
-  display: inline-flex;
-  flex-direction: row;
-  gap: 8px;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  background-color: transparent;
-}
-.button_root:hover > .button_stateLayer {
-  background-color: var(--theme-overlay-8);
-}
-.button_root:focus > .button_stateLayer {
-  background-color: var(--theme-overlay-12);
-}
-.button_root:active > .button_stateLayer,
-.button_root.button_active > .button_stateLayer {
-  background-color: var(--theme-overlay-12);
-}
-.button_filled {
-  color: var(--theme-text-button-invert);
-  background-color: var(--theme-focus);
-}
-.button_outlined {
-  color: var(--theme-focus);
-  background-color: transparent;
-  outline: 1px solid var(--theme-grey-500);
-}
-.button_outlined:focus {
-  outline-color: var(--theme-focus);
-}
-.button_text {
-  color: var(--theme-focus);
-  background-color: transparent;
-}
-.button_elevated {
-  color: var(--theme-focus);
-  background-color: var(--theme-button-elevated);
-  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
-}
-.button_elevated:hover {
-  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
-}
-.button_tonal {
-  color: var(--theme-text-button-primary);
-  background-color: var(--theme-button-tonal);
-}
-.button_tonal:hover {
-  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
-}
-.button_link {
-  color: var(--theme-focus);
-  background-color: transparent;
-}
-.button_link:hover > .button_stateLayer,
-.button_link:focus > .button_stateLayer,
-.button_link:active > .button_stateLayer,
-.button_link.button_active > .button_stateLayer {
-  background-color: transparent;
-}
-.button_filled > .button_stateLayer > svg {
-  fill: var(--theme-text-button-invert);
-}
-.button_outlined > .button_stateLayer > svg {
-  fill: var(--theme-focus);
-}
-.button_text > .button_stateLayer > svg {
-  fill: var(--theme-focus);
-}
-.button_elevated > .button_stateLayer > svg {
-  fill: var(--theme-focus);
-}
-.button_tonal > .button_stateLayer > svg {
-  fill: var(--theme-text-button-primary);
-}
-.button_link > .button_stateLayer > svg {
-  fill: var(--theme-focus);
-}
-.button_medium,
-.button_medium > .button_stateLayer {
-  height: 40px;
-}
-.button_small,
-.button_small > .button_stateLayer {
-  height: 32px;
-}
-.button_withIcon.button_medium > .button_stateLayer {
-  padding: 8px 16px;
-}
-.button_withIcon.button_small > .button_stateLayer {
-  padding: 4px 16px;
-}
-.button_withoutIcon.button_medium > .button_stateLayer {
-  padding: 8px 24px;
-}
-.button_withoutIcon.button_small > .button_stateLayer {
-  padding: 4px 24px;
-}
-.button_text.button_medium > .button_stateLayer {
-  padding: 8px 12px;
-}
-.button_text.button_small > .button_stateLayer {
-  padding: 6px 12px;
-}
-.button_onlyIcon.button_medium > .button_stateLayer {
-  padding: 8px;
-}
-.button_onlyIcon.button_small > .button_stateLayer {
-  padding: 4px;
-}
-.button_link.button_medium > .button_stateLayer {
-  padding: 0;
-}
-.button_link.button_small > .button_stateLayer {
-  padding: 0;
-}
-.button_textSecondary {
-  color: var(--theme-text-secondary) !important;
-}
-.button_textSecondary:hover,
-.button_textSecondary:focus,
-.button_textSecondary:active,
-.button_textSecondary.button_active {
-  color: var(--theme-focus) !important;
-}
-.button_textSecondary > span > svg {
-  fill: var(--theme-text-secondary) !important;
-}
-.button_textSecondary:hover > span > svg,
-.button_textSecondary:focus > span > svg,
-.button_textSecondary:active > span > svg,
-.button_textSecondary.button_active > span > svg {
-  fill: var(--theme-focus) !important;
-}
-button:disabled,
-button[disabled] {
-  color: var(--theme-text-inactive);
-  pointer-events: none;
-  user-select: none;
-  background-color: var(--theme-grey-700);
-}
-
-/* src/components/view/Typography/typography.module.css */
-.typography_h1 {
-  font-size: var(--text-headline1-size);
-  font-weight: var(--text-headline1-weight);
-  line-height: var(--text-headline1-height);
-  letter-spacing: var(--text-headline1-letter);
-}
-.typography_h2 {
-  font-size: var(--text-headline2-size);
-  font-weight: var(--text-headline2-weight);
-  line-height: var(--text-headline2-height);
-  letter-spacing: var(--text-headline2-letter);
-}
-.typography_h3 {
-  font-size: var(--text-headline3-size);
-  font-weight: var(--text-headline3-weight);
-  line-height: var(--text-headline3-height);
-  letter-spacing: var(--text-headline3-letter);
-}
-.typography_h4 {
-  font-size: var(--text-headline4-size);
-  font-weight: var(--text-headline4-weight);
-  line-height: var(--text-headline4-height);
-  letter-spacing: var(--text-headline4-letter);
-}
-.typography_h5 {
-  font-size: var(--text-headline5-size);
-  font-weight: var(--text-headline5-weight);
-  line-height: var(--text-headline5-height);
-  letter-spacing: var(--text-headline5-letter);
-}
-.typography_h6 {
-  font-size: var(--text-headline6-size);
-  font-weight: var(--text-headline6-weight);
-  line-height: var(--text-headline6-height);
-  letter-spacing: var(--text-headline6-letter);
-}
-.typography_h7 {
-  font-size: var(--text-headline7-size);
-  font-weight: var(--text-headline7-weight);
-  line-height: var(--text-headline7-height);
-  letter-spacing: var(--text-headline7-letter);
-}
-.typography_subtitle1 {
-  font-size: var(--text-subtitle1-size);
-  font-weight: var(--text-subtitle1-weight);
-  line-height: var(--text-subtitle1-height);
-  letter-spacing: var(--text-subtitle1-letter);
-}
-.typography_subtitle2 {
-  font-size: var(--text-subtitle2-size);
-  font-weight: var(--text-subtitle2-weight);
-  line-height: var(--text-subtitle2-height);
-  letter-spacing: var(--text-subtitle2-letter);
-}
-.typography_body1 {
-  font-size: var(--text-body1-size);
-  font-weight: var(--text-body1-weight);
-  line-height: var(--text-body1-height);
-  letter-spacing: var(--text-body1-letter);
-}
-.typography_body2 {
-  font-size: var(--text-body2-size);
-  font-weight: var(--text-body2-weight);
-  line-height: var(--text-body2-height);
-  letter-spacing: var(--text-body2-letter);
-}
-.typography_button {
-  font-size: var(--text-button-size);
-  font-weight: var(--text-button-weight);
-  line-height: var(--text-button-height);
-  letter-spacing: var(--text-button-letter);
-}
-.typography_caption {
-  font-size: var(--text-caption-size);
-  font-weight: var(--text-caption-weight);
-  line-height: var(--text-caption-height);
-  letter-spacing: var(--text-caption-letter);
-}
-.typography_overline {
-  font-size: var(--text-overline-size);
-  font-weight: var(--text-overline-weight);
-  line-height: var(--text-overline-height);
-  letter-spacing: var(--text-overline-letter);
-}
-
-/* src/components/common/Checkbox/checkbox.module.css */
-.checkbox_root {
-  position: relative;
-  width: 100%;
-  max-width: 320px;
-  height: 24px;
-}
-.checkbox_input {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 10;
-  width: 100%;
-  height: 24px;
-  margin: 0;
-  cursor: pointer;
-  opacity: 0;
-}
-.checkbox_label {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  flex-direction: row;
-  gap: 0;
-  align-items: center;
-  width: 100%;
-  height: 24px;
-  padding-left: 24px;
-}
-.checkbox_checkbox {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2;
-  display: block;
-  width: 24px;
-  height: 24px;
-  opacity: 0;
-  transition: opacity 0.1s linear;
-}
-.checkbox_checkbox > svg {
-  fill: var(--theme-selection-border);
-}
-.checkbox_several {
-  opacity: 1;
-}
-.checkbox_deselected {
-  opacity: 1;
-}
-.checkbox_input:checked + .checkbox_label > .checkbox_deselected {
-  opacity: 0;
-}
-.checkbox_input:checked + .checkbox_label > .checkbox_selected {
-  opacity: 1;
-}
-.checkbox_checkbox.checkbox_selected > svg {
-  fill: var(--theme-focus);
-}
-.checkbox_labelText {
-  display: block;
-  margin-left: 12px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.checkbox_input + .checkbox_label > .checkbox_checkbox::before {
-  position: absolute;
-  top: -8px;
-  left: -8px;
-  z-index: 0;
-  display: block;
-  width: 40px;
-  height: 40px;
-  content: "";
-  background-color: transparent;
-  border-radius: 50%;
-  transition: background-color 0.1s linear;
-}
-.checkbox_input:hover + .checkbox_label > .checkbox_checkbox::before {
-  background-color: var(--theme-selection-hover);
-}
-.checkbox_input:focus + .checkbox_label > .checkbox_checkbox::before {
-  background-color: var(--theme-selection-focused);
-}
-.checkbox_input.checkbox_pressed + .checkbox_label > .checkbox_checkbox::before {
-  background-color: var(--theme-selection-pressed);
-}
-.checkbox_input:hover + .checkbox_label > .checkbox_checkbox.checkbox_selected::before {
-  background-color: var(--theme-selection-selected-hover);
-}
-.checkbox_input:focus + .checkbox_label > .checkbox_checkbox.checkbox_selected::before {
-  background-color: var(--theme-selection-selected-focused);
-}
-.checkbox_input.checkbox_pressed + .checkbox_label > .checkbox_checkbox.checkbox_selected::before {
-  background-color: var(--theme-selection-selected-pressed);
-}
-
-/* src/components/view/Popover/popover.module.css */
-.popover_trigger {
-  display: inline-flex;
-  align-items: center;
-  height: 100%;
-}
-.popover_content {
-  z-index: 999;
-  min-width: 200px;
-  max-width: 380px;
-  padding: 0;
-  font-size: var(--text-caption-size);
-  font-weight: var(--text-caption-weight);
-  line-height: var(--text-caption-height);
-  color: var(--theme-alert-default-color);
-  letter-spacing: var(--text-caption-letter);
-  background-color: var(--theme-surface-dropdown);
-  border-radius: 4px;
-  box-shadow:
-    0px 2px 4px 0px #00000033,
-    0px 1px 10px 0px #0000001f,
-    0px 4px 5px 0px #00000024;
-}
-
-/* src/components/common/Select/select.module.css */
-.select_root {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  max-width: 320px;
-}
-.select_medium {
-  gap: 8px;
-}
-.select_small {
-  gap: 4px;
-}
-.select_label {
-  color: var(--theme-text-secondary);
-}
-.select_wrapper {
-  position: relative;
-  width: 100%;
-}
-.select_medium > .select_wrapper {
-  height: 40px;
-}
-.select_small > .select_wrapper {
-  height: 32px;
-}
-.select_input {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  font-size: var(--text-subtitle2-size);
-  font-weight: var(--text-subtitle2-weight);
-  line-height: var(--text-subtitle2-height);
-  color: var(--theme-text-primary);
-  letter-spacing: var(--text-subtitle2-letter);
-  cursor: pointer;
-  border: none;
-  border-radius: 4px;
-  outline: none;
-}
-.select_input:disabled {
-  color: var(--theme-text-inactive);
-}
-.select_medium > .select_wrapper > .select_input {
-  height: 40px;
-  padding: 8px 48px 8px 16px;
-}
-.select_small > .select_wrapper > .select_input {
-  height: 32px;
-  padding: 4px 48px 4px 16px;
-}
-.select_withIcon > .select_wrapper > .select_input {
-  padding-left: 48px;
-}
-.select_withItemIcon > .select_wrapper > .select_input {
-  padding-left: 48px;
-}
-.select_withIcon.select_withItemIcon > .select_wrapper > .select_input {
-  padding-left: 80px;
-}
-.select_icon {
-  position: absolute;
-  left: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-}
-.select_medium > .select_wrapper > .select_icon {
-  top: 8px;
-}
-.select_small > .select_wrapper > .select_icon {
-  top: 4px;
-}
-.select_icon > svg {
-  fill: var(--theme-icon-primary);
-}
-.select_itemIcon {
-  position: absolute;
-  left: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-}
-.select_icon + .select_itemIcon {
-  left: 48px;
-}
-.select_medium > .select_wrapper > .select_itemIcon {
-  top: 8px;
-}
-.select_small > .select_wrapper > .select_itemIcon {
-  top: 4px;
-}
-.select_itemIcon > svg {
-  fill: var(--theme-icon-primary);
-}
-.select_filled > .select_input {
-  background-color: var(--theme-input-filled);
-}
-.select_filled:hover > .select_input {
-  background-color: var(--theme-input-filled-hover);
-}
-.select_filled > .select_input:focus {
-  background-color: var(--theme-input-filled-hover);
-}
-.select_outlined > .select_input {
-  background-color: transparent;
-  outline: 1px solid var(--theme-input-border);
-}
-.select_outlined:hover > .select_input:not(:disabled):not(:focus) {
-  outline-color: var(--theme-input-border-hover);
-}
-.select_outlined > .select_input:focus {
-  outline-color: var(--theme-focus);
-}
-.select_arrow {
-  position: absolute;
-  right: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-}
-.select_medium > .select_wrapper > .select_arrow {
-  top: 8px;
-}
-.select_small > .select_wrapper > .select_arrow {
-  top: 4px;
-}
-.select_arrow > svg {
-  fill: var(--theme-icon-primary);
-}
-.select_popoverTarget {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 0;
-}
-.select_popoverContent {
-  max-height: 250px;
-  overflow: auto scroll;
-}
-
-/* src/components/common/ButtonsGroup/buttonsGroup.module.css */
-.buttonsGroup_root {
-  display: flex;
-  align-items: center;
-}
-.buttonsGroup_fillEvenly > * {
-  flex-grow: 1;
-  width: 0;
-}
-.buttonsGroup_root > *:nth-child(n+1) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.buttonsGroup_root > *:nth-child(n+2) {
-  margin-left: 1px;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.buttonsGroup_root > *:last-child {
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-
-/* src/components/navigation/Menu/menu.module.css */
-.menu_root {
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-  width: 100%;
-}
-.menu_medium {
-  padding: 8px 0;
-}
-.menu_small {
-  padding: 4px 0;
-}
-.menu_item {
-  width: 100%;
-  padding: 0;
-  font-size: var(--text-subtitle2-size);
-  font-weight: var(--text-subtitle2-weight);
-  line-height: var(--text-subtitle2-height);
-  text-align: left;
-  letter-spacing: var(--text-subtitle2-letter);
-  cursor: pointer;
-  background-color: transparent;
-  border: none;
-  border-radius: 0;
-  outline: none;
-}
-.menu_stateLayer {
-  display: inline-flex;
-  flex-direction: row;
-  gap: 12px;
-  align-items: center;
-  width: 100%;
-  color: var(--theme-text-secondary);
-  background-color: transparent;
-}
-.menu_medium .menu_stateLayer {
-  padding: 12px 16px;
-}
-.menu_small .menu_stateLayer {
-  padding: 8px 16px;
-}
-.menu_item:not(.menu_itemDisabled):hover > .menu_stateLayer {
-  color: var(--theme-text-primary);
-  background-color: var(--theme-overlay-8);
-}
-.menu_item:not(.menu_itemDisabled):focus > .menu_stateLayer {
-  color: var(--theme-text-primary);
-  background-color: var(--theme-overlay-12);
-}
-.menu_item:not(.menu_itemDisabled):active > .menu_stateLayer,
-.menu_itemSelected > .menu_stateLayer {
-  color: var(--theme-text-primary);
-  background-color: var(--theme-overlay-12);
-}
-.menu_itemDisabled {
-  cursor: default;
-}
-.menu_itemDisabled > .menu_stateLayer {
-  color: var(--theme-text-secondary);
-  background-color: transparent;
-}
-.menu_itemIcon {
-  display: block;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-}
-.menu_itemIcon > svg {
-  fill: var(--theme-text-secondary);
-}
-.menu_itemTitle {
-  display: block;
-  flex: 1 1 0;
-  width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.menu_itemDescription {
-  display: block;
-  color: var(--theme-text-secondary);
-}
-.menu_divider {
-  margin: 8px 12px;
-  font-size: var(--text-overline-size);
-  font-weight: var(--text-overline-weight);
-  line-height: var(--text-overline-height);
-  color: var(--theme-text-inactive);
-  text-transform: uppercase;
-  letter-spacing: var(--text-overline-letter);
-  border-bottom: 1px solid var(--theme-divider);
-}
-.menu_checkbox {
-  width: 24px;
-}
-
-/* src/components/common/DateTime/dateTime.module.css */
-.dateTime_root {
-  position: relative;
-  width: 100%;
-  max-width: 320px;
-}
-.dateTime_medium {
-  height: 40px;
-}
-.dateTime_small {
-  height: 32px;
-}
-.dateTime_input {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  font-size: var(--text-subtitle2-size);
-  font-weight: var(--text-subtitle2-weight);
-  line-height: var(--text-subtitle2-height);
-  color: var(--theme-text-primary);
-  letter-spacing: var(--text-subtitle2-letter);
-  cursor: pointer;
-  border: none;
-  border-radius: 4px;
-  outline: none;
-}
-.dateTime_medium > .dateTime_input {
-  height: 40px;
-  padding: 8px 48px 8px 16px;
-}
-.dateTime_small > .dateTime_input {
-  height: 32px;
-  padding: 4px 48px 4px 16px;
-}
-.dateTime_filled > .dateTime_input {
-  background-color: var(--theme-input-filled);
-}
-.dateTime_filled:hover > .dateTime_input {
-  background-color: var(--theme-input-filled-hover);
-}
-.dateTime_filled > .dateTime_input:focus {
-  background-color: var(--theme-input-filled-hover);
-}
-.dateTime_outlined > .dateTime_input {
-  background-color: transparent;
-  outline: 1px solid var(--theme-input-border);
-}
-.dateTime_outlined:hover > .dateTime_input {
-  outline-color: var(--theme-input-border-hover);
-}
-.dateTime_outlined > .dateTime_input:focus {
-  outline-color: var(--theme-focus);
-}
-.dateTime_icon {
-  position: absolute;
-  right: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-}
-.dateTime_medium > .dateTime_icon {
-  top: 8px;
-}
-.dateTime_small > .dateTime_icon {
-  top: 4px;
-}
-.dateTime_icon > svg {
-  fill: var(--theme-icon-primary);
-}
-.dateTime_popoverTarget {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 0;
-}
-
-/* src/components/common/DateTime/ui/CalendarPopover/calendarPopover.module.css */
-.calendarPopover_root {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  width: 368px;
-  padding: 24px 16px;
-}
-.calendarPopover_button {
-  color: var(--theme-text-primary);
-  background: none;
-  border: none;
-  box-shadow: none;
-}
-.calendarPopover_navigationContainer {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-}
-.calendarPopover_navigationArrow {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-.calendarPopover_navigationArrow > svg {
-  fill: var(--theme-text-secondary);
-}
-.calendarPopover_navigationValue {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-.calendarPopover_navigationTitle {
-  text-transform: capitalize;
-}
-.calendarPopover_cellsContainer {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  width: 100%;
-}
-.calendarPopover_cell {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 48px;
-  height: 48px;
-  cursor: pointer;
-}
-.calendarPopover_cell.calendarPopover_month {
-  width: 84px;
-  height: 64px;
-}
-.calendarPopover_cellData {
-  position: relative;
-  z-index: 3;
-}
-.calendarPopover_cellCircle {
-  position: absolute;
-  top: 2px;
-  left: 2px;
-  z-index: 2;
-  display: block;
-  width: 44px;
-  height: 44px;
-  background-color: var(--theme-focus);
-  border-radius: 50%;
-}
-.calendarPopover_cellCircle ~ .calendarPopover_cellData {
-  color: var(--theme-text-button-invert);
-}
-.calendarPopover_cellSelection {
-  position: absolute;
-  top: 2px;
-  left: 0;
-  z-index: 1;
-  display: block;
-  width: 100%;
-  height: 44px;
-  background-color: var(--theme-date-range);
-}
-.calendarPopover_cellSelectionFirst {
-  left: 50%;
-  width: 50%;
-}
-.calendarPopover_cellSelectionLast {
-  width: 50%;
-}
-.calendarPopover_monthCellSelection {
-  position: absolute;
-  top: 10px;
-  left: 0;
-  z-index: 1;
-  display: block;
-  width: 100%;
-  height: 44px;
-  background-color: var(--theme-date-range);
-}
-
-/* src/components/common/ColorPicker/colorPicker.module.css */
-.colorPicker_root {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  min-width: 162px;
-  max-width: 320px;
-}
-.colorPicker_medium {
-  gap: 8px;
-}
-.colorPicker_small {
-  gap: 4px;
-}
-.colorPicker_label {
-  color: var(--theme-text-secondary);
-}
-.colorPicker_wrapper {
-  position: relative;
-  width: 100%;
-}
-.colorPicker_medium > .colorPicker_wrapper {
-  height: 40px;
-}
-.colorPicker_small > .colorPicker_wrapper {
-  height: 32px;
-}
-.colorPicker_input {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  font-size: var(--text-subtitle2-size);
-  font-weight: var(--text-subtitle2-weight);
-  line-height: var(--text-subtitle2-height);
-  color: var(--theme-text-primary);
-  letter-spacing: var(--text-subtitle2-letter);
-  cursor: pointer;
-  border: none;
-  border-radius: 4px;
-  outline: none;
-}
-.colorPicker_medium > .colorPicker_wrapper > .colorPicker_input {
-  height: 40px;
-  padding: 8px 48px 8px 48px;
-}
-.colorPicker_small > .colorPicker_wrapper > .colorPicker_input {
-  height: 32px;
-  padding: 4px 48px 4px 48px;
-}
-.colorPicker_icon {
-  position: absolute;
-  left: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-}
-.colorPicker_medium > .colorPicker_wrapper > .colorPicker_icon {
-  top: 8px;
-}
-.colorPicker_small > .colorPicker_wrapper > .colorPicker_icon {
-  top: 4px;
-}
-.colorPicker_icon > svg {
-  fill: var(--theme-icon-primary);
-}
-.colorPicker_outlined > .colorPicker_input {
-  background-color: transparent;
-  outline: 1px solid var(--theme-input-border);
-}
-.colorPicker_outlined:hover > .colorPicker_input {
-  outline-color: var(--theme-input-border-hover);
-}
-.colorPicker_outlined > .colorPicker_input:focus {
-  outline-color: var(--theme-focus);
-}
-.colorPicker_arrow {
-  position: absolute;
-  right: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-}
-.colorPicker_medium > .colorPicker_wrapper > .colorPicker_arrow {
-  top: 8px;
-}
-.colorPicker_small > .colorPicker_wrapper > .colorPicker_arrow {
-  top: 4px;
-}
-.colorPicker_arrow > svg {
-  fill: var(--theme-icon-primary);
-}
-.colorPicker_popoverTarget {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 0;
-}
-.colorPicker_popoverContent {
-  max-height: 250px;
-  overflow: auto scroll;
-}
-
-/* src/components/common/Input/input.module.css */
-.input_root {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  max-width: 320px;
-}
-.input_medium {
-  gap: 8px;
-}
-.input_small {
-  gap: 4px;
-}
-.input_label {
-  color: var(--theme-text-secondary);
-}
-.input_wrapper {
-  position: relative;
-  width: 100%;
-}
-.input_medium > .input_wrapper {
-  height: 40px;
-}
-.input_small > .input_wrapper {
-  height: 32px;
-}
-.input_input {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  font-size: var(--text-subtitle2-size);
-  font-weight: var(--text-subtitle2-weight);
-  line-height: var(--text-subtitle2-height);
-  color: var(--theme-text-primary);
-  letter-spacing: var(--text-subtitle2-letter);
-  border: none;
-  border-radius: 4px;
-  outline: none;
-}
-.input_input:disabled {
-  color: var(--theme-text-inactive);
-}
-.input_medium > .input_wrapper > .input_input {
-  height: 40px;
-  padding: 8px 16px 8px 16px;
-}
-.input_small > .input_wrapper > .input_input {
-  height: 32px;
-  padding: 4px 16px 4px 16px;
-}
-.input_outlined > .input_input {
-  background-color: transparent;
-  outline: 1px solid var(--theme-input-border);
-}
-.input_outlined:hover > .input_input:not(:disabled):not(:focus) {
-  outline-color: var(--theme-input-border-hover);
-}
-.input_outlined > .input_input:focus {
-  outline-color: var(--theme-focus);
-}
-
-/* src/components/common/SearchInput/searchInput.module.css */
-.searchInput_root {
-  position: relative;
-  width: 100%;
-  max-width: 320px;
-}
-.searchInput_medium {
-  height: 40px;
-}
-.searchInput_small {
-  height: 32px;
-}
-.searchInput_input {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  font-size: var(--text-subtitle2-size);
-  font-weight: var(--text-subtitle2-weight);
-  line-height: var(--text-subtitle2-height);
-  color: var(--theme-text-primary);
-  letter-spacing: var(--text-subtitle2-letter);
-  border: none;
-  border-radius: 4px;
-  outline: none;
-}
-.searchInput_medium > .searchInput_input {
-  height: 40px;
-  padding: 8px 16px;
-}
-.searchInput_small > .searchInput_input {
-  height: 32px;
-  padding: 4px 16px;
-}
-.searchInput_withIcon > .searchInput_input {
-  padding-left: 48px;
-}
-.searchInput_icon {
-  position: absolute;
-  left: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: text;
-}
-.searchInput_medium > .searchInput_icon {
-  top: 8px;
-}
-.searchInput_small > .searchInput_icon {
-  top: 4px;
-}
-.searchInput_icon > svg {
-  fill: var(--theme-icon-primary);
-}
-.searchInput_filled > .searchInput_input {
-  background-color: var(--theme-input-filled);
-}
-.searchInput_filled:hover > .searchInput_input {
-  background-color: var(--theme-input-filled-hover);
-}
-.searchInput_filled > .searchInput_input:focus {
-  background-color: var(--theme-input-filled-hover);
-}
-.searchInput_outlined > .searchInput_input {
-  background-color: transparent;
-  outline: 1px solid var(--theme-input-border);
-}
-.searchInput_outlined:hover > .searchInput_input {
-  outline-color: var(--theme-input-border-hover);
-}
-.searchInput_outlined > .searchInput_input:focus {
-  outline-color: var(--theme-focus);
-}
-
-/* src/components/common/WrapForLabel/wrapForLabel.module.css */
-.wrapForLabel_root {
-  display: flex;
-  align-items: center;
-}
-.wrapForLabel_medium {
-  height: 40px;
-  margin-top: 24px;
-}
-.wrapForLabel_small {
-  height: 32px;
-  margin-top: 20px;
-}
-
-/* src/components/common/MultiSelect/multiSelect.module.css */
-.multiSelect_root {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  max-width: 320px;
-}
-.multiSelect_medium {
-  gap: 8px;
-}
-.multiSelect_small {
-  gap: 4px;
-}
-.multiSelect_label {
-  color: var(--theme-text-secondary);
-}
-.multiSelect_wrapper {
-  position: relative;
-  width: 100%;
-}
-.multiSelect_medium > .multiSelect_wrapper {
-  height: 40px;
-}
-.multiSelect_small > .multiSelect_wrapper {
-  height: 32px;
-}
-.multiSelect_input {
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  overflow: hidden;
-  font-size: var(--text-subtitle2-size);
-  font-weight: var(--text-subtitle2-weight);
-  line-height: var(--text-subtitle2-height);
-  color: var(--theme-text-primary);
-  text-overflow: ellipsis;
-  letter-spacing: var(--text-subtitle2-letter);
-  white-space: nowrap;
-  cursor: pointer;
-  border: none;
-  border-radius: 4px;
-  outline: none;
-}
-.multiSelect_medium > .multiSelect_wrapper > .multiSelect_input {
-  height: 40px;
-  padding: 8px 70px 8px 16px;
-}
-.multiSelect_small > .multiSelect_wrapper > .multiSelect_input {
-  height: 32px;
-  padding: 4px 70px 4px 16px;
-}
-.multiSelect_withIcon > .multiSelect_wrapper > .multiSelect_input {
-  padding-left: 48px;
-}
-.multiSelect_withItemIcon > .multiSelect_wrapper > .multiSelect_input {
-  padding-left: 48px;
-}
-.multiSelect_withIcon.multiSelect_withItemIcon > .multiSelect_wrapper > .multiSelect_input {
-  padding-left: 80px;
-}
-.multiSelect_icon {
-  position: absolute;
-  left: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-}
-.multiSelect_medium > .multiSelect_wrapper > .multiSelect_icon {
-  top: 8px;
-}
-.multiSelect_small > .multiSelect_wrapper > .multiSelect_icon {
-  top: 4px;
-}
-.multiSelect_icon > svg {
-  fill: var(--theme-icon-primary);
-}
-.multiSelect_itemIcon {
-  position: absolute;
-  left: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-}
-.multiSelect_icon + .multiSelect_itemIcon {
-  left: 48px;
-}
-.multiSelect_medium > .multiSelect_wrapper > .multiSelect_itemIcon {
-  top: 8px;
-}
-.multiSelect_small > .multiSelect_wrapper > .multiSelect_itemIcon {
-  top: 4px;
-}
-.multiSelect_itemIcon > svg {
-  fill: var(--theme-icon-primary);
-}
-.multiSelect_filled > .multiSelect_input {
-  background-color: var(--theme-input-filled);
-}
-.multiSelect_filled:hover > .multiSelect_input {
-  background-color: var(--theme-input-filled-hover);
-}
-.multiSelect_filled > .multiSelect_input:focus {
-  background-color: var(--theme-input-filled-hover);
-}
-.multiSelect_outlined > .multiSelect_input {
-  background-color: transparent;
-  outline: 1px solid var(--theme-input-border);
-}
-.multiSelect_outlined:hover > .multiSelect_input {
-  outline-color: var(--theme-input-border-hover);
-}
-.multiSelect_outlined > .multiSelect_input:focus {
-  outline-color: var(--theme-focus);
-}
-.multiSelect_clear {
-  position: absolute;
-  right: 40px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 26px;
-  height: 26px;
-  cursor: pointer;
-  border-radius: 12px;
-}
-.multiSelect_clear:hover {
-  background-color: var(--theme-icon-hover);
-}
-.multiSelect_clear > svg {
-  fill: var(--theme-icon-primary);
-}
-.multiSelect_medium > .multiSelect_wrapper > .multiSelect_clear {
-  top: 6px;
-}
-.multiSelect_small > .multiSelect_wrapper > .multiSelect_clear {
-  top: 2px;
-}
-.multiSelect_arrow {
-  position: absolute;
-  right: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-}
-.multiSelect_medium > .multiSelect_wrapper > .multiSelect_arrow {
-  top: 8px;
-}
-.multiSelect_small > .multiSelect_wrapper > .multiSelect_arrow {
-  top: 4px;
-}
-.multiSelect_arrow > svg {
-  fill: var(--theme-icon-primary);
-}
-.multiSelect_popoverTarget {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 0;
-}
-.multiSelect_popoverContent {
-  max-height: 250px;
-  overflow: auto scroll;
-}
-
-/* src/components/common/Checklist/checklist.module.css */
-.checklist_root {
-  display: flex;
-  flex: 1 1 0;
-  flex-direction: column;
-  gap: 16px;
-  height: 100%;
-}
-.checklist_scrolled {
-  flex: 1 1 0;
-}
-.checklist_actionWrap {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-}
-
-/* src/components/layout/Surface/surface.module.css */
-.surface_root {
-  padding: 16px;
-  border-radius: 4px;
-}
-.surface_primary {
-  background-color: var(--theme-surface-background);
-  box-shadow:
-    0px 2px 4px 0px rgba(0, 0, 0, 0.2),
-    0px 1px 10px 0px rgba(0, 0, 0, 0.12),
-    0px 4px 5px 0px rgba(0, 0, 0, 0.14);
-}
-.surface_panel {
-  background-color: var(--theme-surface-panel);
-  box-shadow:
-    0px 2px 4px 0px rgba(0, 0, 0, 0.2),
-    0px 1px 10px 0px rgba(0, 0, 0, 0.12),
-    0px 4px 5px 0px rgba(0, 0, 0, 0.14);
-}
-.surface_modal {
-  background-color: var(--theme-surface-modal);
-}
-
-/* src/components/layout/Layout/layout.module.css */
-.layout_root {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-  width: 100%;
-  height: 100%;
-  padding: 8px;
-  overflow: hidden;
-  color: var(--theme-text-primary);
-  background-color: var(--theme-surface-layout);
-}
-.layout_withHeader {
-  padding: 66px 8px 8px 8px;
-}
-
-/* src/components/navigation/Tabs/tabs.module.css */
-.tabs_root {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-start;
-  width: 100%;
-  border-bottom: 1px solid var(--theme-divider);
-}
-.tabs_root.tabs_vertical {
-  flex-direction: column;
-  align-items: stretch;
-  justify-content: flex-start;
-  width: auto;
-  border-right: 1px solid var(--theme-divider);
-  border-bottom: none;
-}
-.tabs_root.tabs_disableBorder {
-  border: none;
-}
-.tabs_medium {
-  gap: 6px;
-}
-.tabs_small {
-  gap: 0;
-}
-.tabs_root.tabs_filled {
-  background-color: rgba(255, 255, 255, 0.08);
-}
-.tabs_tab {
-  display: flex;
-  flex-direction: column;
-  cursor: pointer;
-}
-.tabs_tab.tabs_tabVertical {
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-}
-.tabs_medium .tabs_tab {
-  gap: 6px;
-  padding-top: 7px;
-}
-.tabs_small .tabs_tab {
-  gap: 3px;
-  padding-top: 3px;
-}
-.tabs_vertical.tabs_medium .tabs_tab {
-  padding: 7px 0 7px 7px;
-}
-.tabs_vertical.tabs_small .tabs_tab {
-  padding: 4px 0 4px 3px;
-}
-.tabs_medium .tabs_tab.tabs_disableBorder {
-  gap: 7px;
-}
-.tabs_tab.tabs_tabFilled {
-  transition: background-color 0.2s ease;
-}
-.tabs_tab.tabs_tabFilled:hover {
-  background-color: rgba(255, 255, 255, 0.04);
-}
-.tabs_tab.tabs_selectedFilled {
-  background-color: rgba(123, 211, 246, 0.08);
-}
-.tabs_tabTitle {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  padding: 0 16px;
-}
-.tabs_vertical.tabs_medium .tabs_tabTitle {
-  padding: 0 8px;
-}
-.tabs_vertical.tabs_small .tabs_tabTitle {
-  padding: 0;
-}
-.tabs_tabTitle > span {
-  font-size: var(--text-subtitle2-size);
-  font-weight: var(--text-subtitle2-weight);
-  line-height: var(--text-subtitle2-height);
-  color: var(--theme-text-secondary);
-  letter-spacing: var(--text-subtitle2-letter);
-}
-.tabs_tabBorder {
-  width: 100%;
-  border-bottom: 2px solid transparent;
-}
-.tabs_tab.tabs_selected > .tabs_tabBorder {
-  border-bottom-color: var(--theme-focus);
-}
-.tabs_tabBorder.tabs_tabBorderVertical {
-  width: auto;
-  height: 24px;
-  border-right: 2px solid transparent;
-  border-bottom: none;
-}
-.tabs_tab.tabs_selected > .tabs_tabBorder.tabs_tabBorderVertical {
-  border-right-color: var(--theme-focus);
-}
-.tabs_tab.tabs_selected > .tabs_tabBorder.tabs_disableBorder {
-  border-color: transparent;
-}
-.tabs_tab.tabs_selected > .tabs_tabTitle > span {
-  color: var(--theme-text-primary);
-}
-.tabs_tabIcon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  color: var(--theme-text-secondary);
-}
-.tabs_tab.tabs_selected .tabs_tabIcon {
-  color: var(--theme-text-primary);
-}
-.tabs_tabs-story-wrapper {
-  width: 600px;
-}
-
-/* src/components/view/Tooltip/tooltip.module.css */
-.tooltip_trigger {
-  display: inline-flex;
-  align-items: center;
-  height: 100%;
-}
-.tooltip_content {
-  z-index: 999;
-  max-width: 280px;
-  padding: 6px 8px;
-  font-size: var(--text-caption-size);
-  font-weight: var(--text-caption-weight);
-  line-height: var(--text-caption-height);
-  color: var(--theme-alert-default-color);
-  text-align: center;
-  letter-spacing: var(--text-caption-letter);
-  background-color: var(--theme-alert-default-background);
-  border-radius: 4px;
-  box-shadow:
-    0px 1px 3px 0px rgba(0, 0, 0, 0.2),
-    0px 2px 1px 0px rgba(0, 0, 0, 0.12),
-    0px 1px 1px 0px rgba(0, 0, 0, 0.14);
-}
-.tooltip_content.tooltip_success {
-  color: var(--theme-alert-success-color);
-  background-color: var(--theme-alert-success-background);
-}
-.tooltip_content.tooltip_warning {
-  color: var(--theme-alert-warning-color);
-  background-color: var(--theme-alert-warning-background);
-}
-.tooltip_content.tooltip_error {
-  color: var(--theme-alert-error-color);
-  background-color: var(--theme-alert-error-background);
-}
-.tooltip_content.tooltip_info {
-  color: var(--theme-alert-info-color);
-  background-color: var(--theme-alert-info-background);
-}
-.tooltip_content > .tooltip_arrow {
-  width: 6px;
-  height: 6px;
-  --arrow-color: var(--theme-alert-default-background);
-}
-.tooltip_content.tooltip_success > .tooltip_arrow {
-  --arrow-color: var(--theme-alert-success-background);
-}
-.tooltip_content.tooltip_warning > .tooltip_arrow {
-  --arrow-color: var(--theme-alert-warning-background);
-}
-.tooltip_content.tooltip_error > .tooltip_arrow {
-  --arrow-color: var(--theme-alert-error-background);
-}
-.tooltip_content.tooltip_info > .tooltip_arrow {
-  --arrow-color: var(--theme-alert-info-background);
-}
-.tooltip_content > .tooltip_arrow.tooltip_topArrow {
-  border-top: 6px solid var(--arrow-color);
-  border-right: 6px solid transparent;
-  border-left: 6px solid transparent;
-  transform: translate(0, 6px);
-}
-.tooltip_content > .tooltip_arrow.tooltip_bottomArrow {
-  border-right: 6px solid transparent;
-  border-bottom: 6px solid var(--arrow-color);
-  border-left: 6px solid transparent;
-  transform: translate(0, -6px);
-}
-.tooltip_content > .tooltip_arrow.tooltip_leftArrow {
-  border-top: 6px solid transparent;
-  border-bottom: 6px solid transparent;
-  border-left: 6px solid var(--arrow-color);
-  transform: translate(6px, 0);
-}
-.tooltip_content > .tooltip_arrow.tooltip_rightArrow {
-  border-top: 6px solid transparent;
-  border-right: 6px solid var(--arrow-color);
-  border-bottom: 6px solid transparent;
-  transform: translate(-6px, 0);
-}
-
-/* src/components/view/Modal/modal.module.css */
-.modal_root {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 999;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  padding: 16px;
-  background-color: var(--theme-modal-shadow-background);
-}
-.modal_modal {
-  min-width: 200px;
-  max-width: 100%;
-}
-
-/* src/components/view/VirtualTable/virtualTable.module.css */
-.virtualTable_root {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-  height: 100%;
-  --border-color: var(--theme-divider);
-}
-.virtualTable_tableContainer {
-  height: calc(100% + 16px);
-}
-.virtualTable_root.virtualTable_small .virtualTable_table {
-  font-size: var(--text-body2-size);
-}
-.virtualTable_root.virtualTable_medium .virtualTable_table {
-  font-size: var(--text-body1-size);
-}
-.virtualTable_table {
-  position: relative;
-  color: var(--theme-text-primary);
-}
-.virtualTable_th {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2;
-  padding: 6px 12px;
-  color: var(--theme-text-secondary);
-  background-color: var(--theme-table-header);
-}
-.virtualTable_root.virtualTable_bordersAll .virtualTable_th,
-.virtualTable_root.virtualTable_bordersHorizontal .virtualTable_th {
-  border-bottom: 1px solid var(--border-color);
-}
-.virtualTable_root.virtualTable_bordersAll .virtualTable_thLeftBorder,
-.virtualTable_root.virtualTable_bordersVertical .virtualTable_thLeftBorder {
-  border-left: 1px solid var(--border-color);
-}
-.virtualTable_root.virtualTable_bordersAll .virtualTable_thRightBorder,
-.virtualTable_root.virtualTable_bordersVertical .virtualTable_thRightBorder {
-  border-right: 1px solid var(--border-color);
-}
-.virtualTable_thHiddenColumn {
-  display: none;
-}
-.virtualTable_root.virtualTable_bordersAll .virtualTable_firstThRow,
-.virtualTable_root.virtualTable_root.virtualTable_bordersHorizontal .virtualTable_firstThRow {
-  border-top: 1px solid var(--border-color);
-}
-.virtualTable_thCell {
-  display: flex;
-  flex-direction: row;
-  gap: 4px;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-}
-.virtualTable_label {
-  display: flex;
-  gap: 4px;
-  align-items: center;
-}
-.virtualTable_label.virtualTable_alignLeft {
-  flex: 1 1 0;
-  justify-content: flex-start;
-  width: 0;
-  text-align: left;
-}
-.virtualTable_label.virtualTable_alignRight {
-  flex: 1 1 0;
-  justify-content: flex-end;
-  order: 2;
-  width: 0;
-  text-align: right;
-}
-.virtualTable_label.virtualTable_alignCenter {
-  justify-content: center;
-  text-align: center;
-}
-.virtualTable_tr {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  display: flex;
-  background-color: var(--theme-table-background);
-}
-.virtualTable_root.virtualTable_bordersAll .virtualTable_tr,
-.virtualTable_root.virtualTable_root.virtualTable_bordersHorizontal .virtualTable_tr {
-  border-top: 1px solid var(--border-color);
-}
-.virtualTable_root.virtualTable_bordersAll .virtualTable_tr:last-child,
-.virtualTable_root.virtualTable_bordersHorizontal .virtualTable_tr:last-child {
-  border-bottom: 1px solid var(--border-color);
-}
-.virtualTable_td {
-  display: flex;
-  align-items: center;
-  padding: 0;
-}
-.virtualTable_root.virtualTable_bordersAll .virtualTable_td:nth-child(2),
-.virtualTable_root.virtualTable_root.virtualTable_bordersVertical .virtualTable_td:nth-child(2) {
-  border-left: 1px solid var(--border-color);
-}
-.virtualTable_root.virtualTable_bordersAll .virtualTable_td:not(:nth-last-child(2)),
-.virtualTable_root.virtualTable_root.virtualTable_bordersVertical .virtualTable_td:not(:nth-last-child(2)) {
-  border-right: 1px solid var(--border-color);
-}
-.virtualTable_evenRow {
-  background-color: var(--theme-table-even-row);
-}
-.virtualTable_selected {
-  background-color: var(--theme-table-selected-row);
-}
-.virtualTable_sticky {
-  position: sticky;
-  z-index: 2;
-  background-color: var(--theme-table-background);
-}
-.virtualTable_evenRow .virtualTable_sticky {
-  background-color: var(--theme-table-even-row);
-}
-.virtualTable_marginLeftChanging {
-  background-color: var(--theme-table-header);
-}
-.virtualTable_rightBorder {
-  position: absolute;
-  top: 0;
-  left: 100%;
-  z-index: 4;
-  width: 1px;
-  max-height: 100%;
-  content: "";
-  border-right: 1px solid var(--border-color);
-}
-.virtualTable_bottomBorder {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 4;
-  max-width: 100%;
-  height: 1px;
-  content: "";
-  border-bottom: 1px solid var(--border-color);
-}
-.virtualTable_viewCell {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  background-color: transparent;
-  border: 2px solid transparent;
-}
-.virtualTable_viewCell.virtualTable_alignLeft {
-  justify-content: flex-start;
-  text-align: left;
-}
-.virtualTable_viewCell.virtualTable_alignRight {
-  justify-content: flex-end;
-  text-align: right;
-}
-.virtualTable_viewCell.virtualTable_alignCenter {
-  justify-content: center;
-  text-align: center;
-}
-.virtualTable_viewCell.virtualTable_error {
-  background-color: var(--theme-table-error);
-  border-color: var(--theme-error);
-}
-.virtualTable_viewSpan {
-  margin: 4px 10px;
-}
-.virtualTable_showInModal {
-  position: relative;
-  align-items: flex-start;
-  overflow: hidden;
-  cursor: pointer;
-}
-.virtualTable_showInModal::after {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 20px;
-  content: "";
-  background: var(--theme-table-background);
-  background: linear-gradient(rgba(0, 0, 0, 0) 0%, var(--theme-table-background) 65%);
-}
-.virtualTable_evenRow .virtualTable_showInModal::after {
-  background: var(--theme-table-even-row);
-  background: linear-gradient(rgba(0, 0, 0, 0) 0%, var(--theme-table-even-row) 65%);
-}
-.virtualTable_modalContent {
-  width: 500px;
-}
-.virtualTable_verticalAlignFlexStart {
-  align-items: flex-start;
-  white-space: pre-wrap;
-}
-.virtualTable_verticalAlignCenter {
-  align-items: flex-start;
-  white-space: pre-wrap;
-}
-.virtualTable_verticalAlignFlexEnd {
-  align-items: flex-start;
-  white-space: pre-wrap;
-}
-.virtualTable_rowButtonTrigger {
-  height: auto !important;
-}
-
-/* src/components/view/VirtualTable/ui/HeaderDropdown/headerDropdown.module.css */
-.headerDropdown_root {
-  position: relative;
-  display: flex;
-  gap: 4px;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-}
-.headerDropdown_checklistWrap {
-  display: flex;
-  flex-direction: column;
-  height: 300px;
-  padding: 16px;
-}
-.headerDropdown_iconButton > span {
-  background: none !important;
-}
-
-/* src/components/view/VirtualTable/ui/DateFiltration/dateFiltration.module.css */
-.dateFiltration_root {
-  display: flex;
-  gap: 16px;
-  align-items: center;
-  padding: 16px 8px 0 8px;
-}
-
-/* src/components/view/VirtualTable/ui/NumberFiltration/numberFiltration.module.css */
-.numberFiltration_root {
-  display: flex;
-  gap: 16px;
-  align-items: center;
-  width: 380px;
-  padding: 16px 8px 0 8px;
-}
-.numberFiltration_select {
-  width: 120px;
-}
-.numberFiltration_inputsContainer {
-  display: flex;
-  flex: 1 1 0;
-  gap: 16px;
-  align-items: center;
-  width: 0;
-}
-.numberFiltration_input {
-  flex: 1 1 0;
-}
-
-/* src/components/view/TreeView/treeView.module.css */
-.treeView_search {
-  margin-bottom: 12px;
-}
-
-/* src/components/view/TreeView/ui/TreeViewItem/treeViewItem.module.css */
-.treeViewItem_item {
-  display: flex;
-  align-items: center;
-  padding: 6px 8px;
-  cursor: pointer;
-  transition: 0.225s;
-}
-.treeViewItem_selectable:hover {
-  background-color: var(--theme-input-filled);
-}
-.treeViewItem_children {
-  margin-left: 20px;
-}
-.treeViewItem_title {
-  display: flex;
-  column-gap: 8px;
-  align-items: center;
-  width: 100%;
-}
-.treeViewItem_title.treeViewItem_selected {
-  color: var(--theme-icon-hover-on-selected);
-}
-.treeViewItem_selectIcon {
-  margin-left: auto;
-}
-
-/* src/components/view/Pairs/pairs.module.css */
-.pairs_rowContainerBorders:last-child {
-  border-bottom: 1px solid var(--theme-divider);
-}
-.pairs_labelsContainer {
-  display: flex;
-  align-items: center;
-  padding-right: 34px;
-}
-.pairs_labelsWithBorders {
-  padding: 4px 12px 4px 12px;
-  border-top: 1px solid var(--theme-divider);
-  border-right: 1px solid var(--theme-divider);
-  border-left: 1px solid var(--theme-divider);
-}
-.pairs_valuesContainer {
-  display: flex;
-  align-items: center;
-}
-.pairs_valuesWithBorders {
-  padding: 4px 12px 4px 12px;
-  border-top: 1px solid var(--theme-divider);
-  border-right: 1px solid var(--theme-divider);
-}
-.pairs_dimTypography {
-  color: var(--theme-text-secondary);
-}
-.pairs_trimmedTypography {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* src/components/view/Card/card.module.css */
-.card_root {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  height: 100%;
-  padding: 16px;
-  border-radius: 4px;
-}
-.card_header {
-  display: flex;
-  gap: 16px;
-  align-items: center;
-  justify-content: space-between;
-}
-.card_actions {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}