@vc-shell/framework 1.1.0 → 1.1.2

package/dist/assets/css/ui-data-CYLxfdUa.css

@@ -0,0 +1,1555 @@
+:root {
+  --table-add-new-icon-color: var(--primary-400);
+}
+.vc-table-add-new-row {
+  padding: 0.75rem;
+}
+.vc-table-add-new-row__content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+}
+.vc-table-add-new-row__icon {
+  color: var(--table-add-new-icon-color);
+}:root {
+  --table-cell-error-color: var(--danger-500);
+  --table-cell-text-color: var(--neutrals-400);
+  --table-cell-text-base-color: var(--additional-950);
+}
+.vc-table-cell {
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  line-height: 1.5;
+  color: var(--table-cell-text-base-color);
+}
+.vc-table-cell__not-set {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vc-table-cell__money {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vc-table-cell__input-currency {
+  width: 100%;
+}
+.vc-table-cell__error-icon {
+  color: var(--table-cell-error-color);
+}
+.vc-table-cell__error-tooltip {
+  color: var(--table-cell-error-color);
+}
+.vc-table-cell__date-ago {
+  color: var(--table-cell-text-color);
+}
+.vc-table-cell__date-ago-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vc-table-cell__date {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--table-cell-text-color);
+}
+.vc-table-cell__date-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vc-table-cell__status-icon {
+  display: flex;
+  justify-content: center;
+}
+.vc-table-cell__number {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vc-table-cell__input-number {
+  width: 100%;
+}
+.vc-table-cell__link {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vc-table-cell__html {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding: 0.25rem;
+}
+.vc-table-cell__default {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vc-table-cell__input-default {
+  width: 100%;
+}.vc-table-empty {
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center
+}
+.vc-table-empty__image {
+  height: auto;
+  width: auto
+}
+.vc-table-empty__text {
+  margin: 1rem;
+  text-align: center;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 500
+}
+.vc-table-empty__button {
+  cursor: pointer;
+  border-radius: 0.25rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  font-weight: 500;
+  transition: background-color 0.3s ease
+}:root {
+  --table-mobile-background-color: var(--additional-50);
+  --table-mobile-action-bg: var(--secondary-400);
+  --table-mobile-border-color: var(--secondary-200);
+  --table-mobile-action-text-color: var(--additional-50);
+  --table-mobile-action-popup-overlay: var(--neutrals-100);
+  --table-mobile-action-popup-bg: var(--additional-50);
+  --table-mobile-action-popup-shadow-color: var(--secondary-200);
+  --table-mobile-action-popup-shadow: 1px 1px 22px var(--table-mobile-action-popup-shadow-color);
+  --table-mobile-action-popup-border-color: var(--neutrals-200);
+  --table-mobile-action-popup-title-color: var(--neutrals-700);
+  --table-mobile-action-popup-icon-color: var(--secondary-600);
+  --table-mobile-action-popup-action-text-color: var(--primary-500);
+  --table-mobile-action-success: var(--success-400);
+  --table-mobile-action-danger: var(--danger-500);
+  --table-mobile-action-selected: var(--primary-100);
+  --table-mobile-action-more: var(--neutrals-400);
+}
+.vc-table-mobile {
+  display: block;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  overflow: visible;
+  touch-action: pan-y;
+}
+.vc-table-mobile__item {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  flex-shrink: 0;
+  flex-direction: row;
+  background-color: var(--table-mobile-background-color);
+  will-change: transform;
+}
+.vc-table-mobile__item.vc-table-mobile__item-selected {
+  background-color: var(--table-mobile-action-selected) !important;
+}
+.vc-table-mobile__checkbox-container {
+  position: absolute;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 10px;
+}
+.vc-table-mobile__content {
+  position: relative;
+  display: flex;
+  width: 100%;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.vc-table-mobile__swipe-actions {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  right: 0px;
+  display: flex;
+  flex-shrink: 0;
+  flex-direction: row;
+  background-color: var(--table-mobile-action-bg);
+  justify-content: stretch;
+  will-change: width;
+}
+.vc-table-mobile__action {
+  display: flex;
+  width: 70px;
+  flex-grow: 1;
+  flex-basis: 1;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: var(--table-mobile-action-text-color);
+  position: relative;
+  background: none;
+  border: none;
+  outline: none;
+  padding: 0;
+  transition: opacity 0.15s ease, transform 0.15s ease;
+}
+.vc-table-mobile__action:active {
+  opacity: 0.8;
+  transform: scale(0.95);
+}
+.vc-table-mobile__action-title {
+  margin-top: 0.25rem;
+  text-align: center;
+  font-size: 0.75rem;
+  line-height: 0.875rem;
+}
+.vc-table-mobile__item-action_success {
+  background-color: var(--table-mobile-action-success);
+}
+.vc-table-mobile__item-action_danger {
+  background-color: var(--table-mobile-action-danger);
+}
+.vc-table-mobile__item-selected {
+  background-color: var(--table-mobile-action-selected) !important;
+}
+.vc-table-mobile__slot {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  will-change: transform;
+}
+.vc-table-mobile__slot--left {
+  --tw-translate-x: 34px !important;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+.vc-table-mobile__action_more {
+  color: var(--table-mobile-action-text-color);
+}
+.vc-table-mobile__action_more-left {
+  background-color: var(--table-mobile-action-more);
+  color: var(--table-mobile-action-text-color);
+}
+.vc-table-mobile__actions-popup-overlay {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  z-index: 99;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--table-mobile-action-popup-overlay);
+}
+.vc-table-mobile__actions-popup {
+  box-sizing: border-box;
+  width: 350px;
+  max-width: 80%;
+  overflow: hidden;
+  border-radius: 6px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--table-mobile-action-popup-border-color);
+  background-color: var(--table-mobile-action-popup-bg);
+  padding: 1.25rem;
+  box-shadow: var(--table-mobile-action-popup-shadow);
+}
+.vc-table-mobile__actions-popup-header {
+  display: flex;
+  width: 100%;
+  align-items: center;
+}
+.vc-table-mobile__actions-popup-title {
+  flex-grow: 1;
+  font-size: 19px;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  color: var(--table-mobile-action-popup-title-color);
+}
+.vc-table-mobile__actions-popup-close {
+  color: var(--table-mobile-action-popup-icon-color);
+}
+.vc-table-mobile__actions-popup-content {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.vc-table-mobile__actions-popup-action {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+  box-sizing: border-box;
+  display: flex;
+  max-width: 80px;
+  flex-shrink: 0;
+  flex-grow: 1;
+  flex-direction: column;
+  align-items: center;
+  padding: 0.25rem;
+  color: var(--table-mobile-action-popup-action-text-color);
+  transition: opacity 0.15s ease, transform 0.15s ease;
+}
+.vc-table-mobile__actions-popup-action:active {
+  opacity: 0.8;
+  transform: scale(0.95);
+}
+.vc-table-mobile__actions-popup-action-title {
+  margin-top: 0.5rem;
+  text-align: center;
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+}
+.vc-table-mobile__spacer {
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: space-between;
+}.vc-table-mobile-view {
+    position: relative;
+    height: 100%;
+    flex-grow: 1;
+    flex-basis: 0px
+}
+.vc-table-mobile-view__items {
+    display: flex;
+    height: -moz-max-content;
+    height: max-content;
+    flex-grow: 1;
+    flex-direction: column;
+    width: -moz-available;
+    width: -webkit-fill-available
+}
+.vc-table-mobile-view__empty {
+    display: flex;
+    height: 100%;
+    flex-grow: 1;
+    flex-direction: column;
+    overflow: auto
+}
+.vc-table-mobile-view__item-renderer {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    padding-left: 28px;
+    padding-right: 28px
+}
+.vc-table-mobile-view__items > *:nth-child(odd) .vc-table-mobile__item {
+    background-color: var(--additional-50)
+}
+.vc-table-mobile-view__items > *:nth-child(even) .vc-table-mobile__item {
+    background-color: var(--neutrals-50)
+}
+.vc-table-mobile-view__content {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start
+}
+.vc-table-mobile-view__rows {
+    display: flex;
+    width: 100%;
+    flex-grow: 1;
+    flex-direction: column
+}
+.vc-table-mobile-view__row {
+    display: flex;
+    width: 100%;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.75rem
+}
+.vc-table-mobile-view__row:first-child {
+    margin-bottom: 0.5rem
+}
+.vc-table-mobile-view__cell {
+    display: flex;
+    min-width: 0px;
+    max-width: 50%;
+    align-items: center;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+.vc-table-mobile-view__cell--image {
+    margin-right: 1rem;
+    min-height: 3.5rem;
+    min-width: 3.5rem;
+    overflow: hidden
+}
+.vc-table-mobile-view__cell--status, .vc-table-mobile-view__cell--status-icon {
+    position: absolute;
+    left: 0px;
+    display: flex;
+    height: 1.5rem;
+    width: 1.5rem;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center
+}
+.vc-table-mobile-view__cell--status-icon {
+    top: 2.5rem
+}
+.vc-table-mobile-view__cell--title, .vc-table-mobile-view__cell--code {
+    margin-right: 1rem;
+    flex-grow: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+.vc-table-mobile-view__cell--title {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+    font-weight: 500
+}
+.vc-table-mobile-view__cell--code {
+    font-size: 1rem;
+    line-height: 1.25rem;
+    font-weight: 400;
+    color: var(--table-cell-text-color)
+}
+.vc-table-mobile-view__cell--date, .vc-table-mobile-view__cell--date-ago, .vc-table-mobile-view__cell--money, .vc-table-mobile-view__cell--number {
+    flex-shrink: 0;
+    text-align: right
+}
+.vc-table-mobile-view__cell--date, .vc-table-mobile-view__cell--date-ago {
+    font-size: 0.875rem;
+    line-height: 1.125rem;
+    color: var(--table-cell-text-color)
+}
+.vc-table-mobile-view__cell--money, .vc-table-mobile-view__cell--number {
+    font-size: 1rem;
+    line-height: 1.25rem;
+    font-weight: 500
+}:root {
+  --table-column-switcher-dropdown-bg: var(--additional-50);
+  --table-column-switcher-dropdown-border: var(--neutrals-200);
+  --table-column-switcher-dropdown-item-hover: var(--primary-50);
+  --table-column-switcher-text-color: var(--neutrals-950);
+}
+.vc-table-column-switcher {
+  position: relative;
+  float: right;
+  margin-right: 1rem;
+  height: 100%;
+  width: -moz-min-content;
+  width: min-content;
+}
+.vc-table-column-switcher__item {
+  box-sizing: border-box;
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  width: 100%;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--table-column-switcher-text-color);
+}
+.vc-table-column-switcher__item-icon {
+  width: 1rem;
+}
+.vc-table-column-switcher__item-title {
+  margin-left: 0.5rem;
+}:root {
+  --table-header-height: 60px;
+  --table-header-border-color: var(--neutrals-200);
+}
+.vc-table-columns-header {
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+  border-style: solid;
+  border-color: var(--table-header-border-color);
+}
+.vc-table-columns-header__row {
+  display: flex;
+  flex-direction: row;
+  background-color: var(--table-header-bg);
+  box-shadow: var(--table-header-border);
+}
+.vc-table-columns-header__checkbox {
+  position: sticky;
+  top: 0px;
+  z-index: 1;
+  box-sizing: border-box;
+  display: flex;
+  width: 2.25rem;
+  min-width: 2.25rem;
+  max-width: 2.25rem;
+  flex: 1 1 0%;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  background-color: var(--table-header-bg);
+}
+.vc-table-columns-header__checkbox-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.vc-table-columns-header__checkbox-resizer {
+  position: absolute;
+  right: 0px;
+  display: flex;
+  height: 100%;
+  width: 1px;
+  justify-content: flex-end;
+  background-color: var(--table-resizer-color);
+}
+.vc-table-columns-header__cell {
+  position: sticky;
+  top: 0px;
+  z-index: 1;
+  box-sizing: border-box;
+  display: flex;
+  height: var(--table-header-height);
+  flex: 1 1 0%;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  align-items: center;
+  overflow: hidden;
+  background-color: var(--table-header-bg);
+}
+.vc-table-columns-header__cell--sortable {
+  cursor: pointer;
+}
+.vc-table-columns-header__cell--sortable:hover .vc-table-columns-header__cell-sort-icons {
+  visibility: visible;
+}
+.vc-table-columns-header__cell-content {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.25rem;
+  color: var(--table-header-text-color);
+}
+.vc-table-columns-header__cell-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vc-table-columns-header__cell-required {
+  margin-right: 0.25rem;
+  color: var(--label-required-color);
+}
+.vc-table-columns-header__cell-sort-icon {
+  margin-left: 0.25rem;
+  color: var(--table-sort-icon-color);
+}
+.vc-table-columns-header__cell-sort-icons {
+  visibility: hidden;
+  margin-left: 0.25rem;
+  display: flex;
+  flex-direction: column;
+  color: var(--table-sort-icon-color);
+}
+.vc-table-columns-header__cell-resizer {
+  position: absolute;
+  right: 0px;
+  margin-right: 0.25rem;
+  display: flex;
+  height: 100%;
+  width: 0.75rem;
+  justify-content: flex-end;
+  border-right-width: 1px;
+  border-style: solid;
+  border-color: var(--table-resizer-color);
+}
+.vc-table-columns-header__cell-resizer--cursor {
+  cursor: col-resize;
+}
+.vc-table-columns-header__column-switcher {
+  position: absolute;
+  right: 0px;
+  z-index: 10;
+  display: flex;
+  height: var(--table-header-height);
+  align-items: center;
+}
+.vc-table-columns-header__resizer {
+  position: absolute;
+  z-index: 10;
+  display: none;
+  height: 100%;
+  width: 1px;
+  cursor: col-resize;
+  background-color: var(--table-resizer-color);
+}
+.vc-table-columns-header__reorder-ref {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  z-index: 20;
+  display: none;
+  height: 100%;
+  width: 0.125rem;
+  background-color: var(--table-reorder-color);
+}.vc-table-select-all-footer {
+    display: flex;
+    height: 4rem;
+    min-height: 4rem;
+    width: 100%;
+    background-color: var(--table-select-all-bg)
+}
+.vc-table-select-all-footer__content {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: center
+}
+.vc-table-select-all-footer__button {
+    font-size: 0.875rem;
+    line-height: 1.125rem
+}.vc-table-row {
+  position: relative;
+  display: flex;
+  height: 3.5rem;
+  min-height: 3.5rem;
+  width: 100%;
+}
+.vc-table-row--odd {
+  background-color: var(--table-row-bg-odd);
+}
+.vc-table-row--even {
+  background-color: var(--table-row-bg-even);
+}
+.vc-table-row--clickable {
+  cursor: pointer;
+  border-style: solid;
+}
+.vc-table-row--clickable:hover {
+  background-color: var(--table-row-bg-hover);
+}
+.vc-table-row--selected {
+  background-color: var(--table-row-hover);
+}
+.vc-table-row--selected:hover {
+  background-color: var(--table-row-hover);
+}
+.vc-table-row--selection {
+  background-color: var(--table-row-bg-selected);
+}
+.vc-table-row--selection:hover {
+  background-color: var(--table-row-bg-selected);
+}
+.vc-table-row__checkbox {
+  position: relative;
+  display: flex;
+  width: 36px;
+  min-width: 36px;
+  max-width: 36px;
+  flex: 1 1 0%;
+  align-items: center;
+  justify-content: center;
+}
+.vc-table-row__checkbox-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.vc-table-row__checkbox-resizer {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  right: 0px;
+  width: 1px;
+  background-color: var(--table-resizer-color);
+}
+.vc-table-row__cell {
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  flex: 1 1 0%;
+  align-items: center;
+  overflow: hidden;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.vc-table-row__cell-content {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  color: var(--table-text-color);
+}
+.vc-table-row__actions {
+  position: absolute;
+  right: 0px;
+  display: flex;
+  height: 100%;
+  background-color: var(--table-actions-bg);
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
+.vc-table-row__actions--hover:hover {
+  background-color: var(--table-actions-bg-hover);
+}
+.vc-table-row__actions--selected:hover {
+  background-color: var(--table-actions-bg-hover-selected-item);
+}
+.vc-table-row__actions-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.625rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+  color: var(--table-actions-text-color);
+}
+.vc-table-row__actions-item {
+  display: flex;
+  height: 1.5rem;
+  width: 1.5rem;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  color: var(--table-actions-icon-color);
+}
+.vc-table-row__actions-item:hover {
+  color: var(--table-actions-icon-color-hover);
+}
+.vc-table-row__actions-tooltip {
+  font-size: 1rem;
+  font-weight: 400;
+  font-style: normal;
+  line-height: 1.25rem;
+  color: var(--table-actions-tooltip-text);
+}
+.vc-table-row__drag-row-bottom:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  box-shadow: var(--table-row-drag-shadow);
+}
+.vc-table-row__drag-row-top:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  box-shadow: var(--table-row-drag-shadow);
+}.vc-table-body {
+    display: flex;
+    flex-direction: column;
+    overflow: auto
+}
+.vc-table-body__empty {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    overflow: auto
+}.vc-table-desktop-view {
+    position: relative;
+    box-sizing: border-box;
+    display: flex;
+    height: 100%;
+    width: 100%;
+    flex-direction: column
+}
+.vc-table-desktop-view--empty {
+    overflow: auto
+}
+.vc-table-desktop-view--multiselect {
+    overflow: auto
+}:root {
+  --table-filter-counter-bg: var(--additional-50);
+  --table-filter-counter-text-color: var(--info-500);
+  --table-filter-mobile-panel-overlay: var(--neutral-500);
+  --table-filter-desktop-shadow-color: var(--additional-950);
+  --table-filter-desktop-shadow: 1px 1px 11px rgb(from var(--table-filter-desktop-shadow-color) r g b / 7%);
+  --table-filter-panel-bg: var(--additional-50);
+  --table-filter-close-icon-color: var(--neutrals-500);
+  --table-filter-panel-border-color: var(--neutrals-200);
+  --table-filter-panel-header-title-color: var(--neutrals-600);
+}
+.vc-table-filter {
+  position: relative;
+  overflow: visible;
+}
+.vc-table-filter__button {
+  padding: 0px !important;
+}
+.vc-table-filter__icon-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.vc-table-filter__icon {
+  color: var(--widget-icon-color);
+}
+.vc-table-filter__title {
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0.25rem;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  text-align: center;
+  font-size: 0.75rem;
+  line-height: 0.875rem;
+  font-weight: 500;
+  color: var(--widget-title-color);
+}
+.vc-table-filter__button-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 10px;
+}
+.vc-table-filter__button-title {
+  font-weight: 500;
+}
+.vc-table-filter__counter {
+  height: 1.25rem;
+  min-width: 1.25rem;
+  border-radius: 10px;
+  background-color: var(--table-filter-counter-bg);
+  text-align: center;
+  font-weight: 500;
+  line-height: 1.25rem;
+  color: var(--table-filter-counter-text-color);
+}
+.vc-table-filter__panel_mobile {
+  width: 300px;
+}
+.vc-table-filter__panel_mobile .vc-table-filter__panel-inner {
+  height: 100%;
+  width: 100%;
+}
+.vc-table-filter__panel_mobile .vc-row {
+  display: block;
+}
+.vc-table-filter__panel_mobile .vc-table-filter__panel-inner {
+  background-color: transparent;
+}
+.vc-table-filter__panel {
+  position: absolute;
+  z-index: 100;
+  width: 0px;
+  min-width: 400px;
+  max-width: 800px;
+  overflow: hidden;
+  border-radius: 3px;
+  box-shadow: var(--table-filter-desktop-shadow);
+}
+.vc-table-filter__panel-inner {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--table-filter-panel-bg);
+}
+.vc-table-filter__panel-inner--desktop {
+  box-shadow: var(--table-filter-desktop-shadow);
+}
+.vc-table-filter__panel-header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom-width: 1px;
+  border-style: solid;
+  border-color: var(--table-filter-panel-border-color);
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+.vc-table-filter__panel-header-title {
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  font-weight: 700;
+  color: var(--table-filter-panel-header-title-color);
+}
+.vc-table-filter__panel-close {
+  flex-shrink: 0;
+  cursor: pointer;
+  color: var(--table-filter-close-icon-color);
+}:root {
+  --table-base-header-border-color: var(--neutrals-200);
+  --table-base-header-input-icon-color: var(--neutrals-400);
+  --table-base-header-padding-horizontal: 18px;
+  --table-base-header-padding-vertical: 9px;
+  --table-base-header-mobile-padding: 28px;
+}
+.vc-table-base-header {
+  box-sizing: border-box;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: space-between;
+}
+.vc-table-base-header--mobile {
+  border-bottom-width: 1px;
+  border-style: solid;
+  padding-left: var(--table-base-header-mobile-padding);
+  padding-right: var(--table-base-header-mobile-padding);
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  border-color: var(--table-base-header-border-color);
+}
+.vc-table-base-header--desktop {
+  padding-left: var(--table-base-header-padding-horizontal);
+  padding-right: var(--table-base-header-padding-horizontal);
+  padding-top: var(--table-base-header-padding-vertical);
+  padding-bottom: var(--table-base-header-padding-vertical);
+}
+.vc-table-base-header__filter-mobile {
+  margin-right: 0.75rem;
+}
+.vc-table-base-header__filter-desktop {
+  margin-left: 0.75rem;
+}
+.vc-table-base-header__search-input {
+  flex-grow: 1;
+  flex-basis: 0px;
+}
+.vc-table-base-header__search-icon {
+  color: var(--table-base-header-input-icon-color);
+}.table-header-enter-active,
+.table-header-leave-active {
+
+    transition-property: all;
+
+    transition-duration: 200ms;
+
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
+}
+.table-header-enter-from,
+.table-header-leave-to {
+
+    --tw-translate-y: -30px;
+
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+
+    opacity: 0
+}
+.table-header-enter-to,
+.table-header-leave-from {
+
+    --tw-translate-y: 0px;
+
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+
+    opacity: 1
+}.vc-table-select-all {
+    display: flex;
+    flex-direction: column
+}
+.vc-table-select-all__bar {
+    box-sizing: border-box;
+    display: flex;
+    min-height: 3.5rem;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom-width: 1px;
+    border-style: solid;
+    border-color: var(--table-select-all-border-color);
+    padding-left: 1rem;
+    padding-right: 1rem;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+    font-weight: 700
+}
+.vc-table-select-all__content {
+    display: flex;
+    width: 100%;
+    flex-direction: row;
+    justify-content: space-between
+}
+.vc-table-select-all__checkbox {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: 0.75rem
+}
+.vc-table-select-all__checkbox-input {
+    display: flex;
+    align-self: center;
+    font-weight: 400
+}
+.vc-table-select-all__choice {
+    display: flex;
+    width: 100%;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem
+}
+.vc-table-select-all__choice-content {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: center
+}
+.vc-table-select-all__choice-button {
+    font-size: 0.875rem;
+    line-height: 1.125rem
+}:root {
+  --table-counter-label-color: var(--secondary-950);
+  --table-counter-value-color: var(--primary-500);
+  --table-counter-value-border-color: var(--neutrals-500);
+}
+.vc-table-counter {
+  border-radius: 9999px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--table-counter-value-border-color);
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  font-weight: 500;
+}
+.vc-table-counter__label {
+  color: var(--table-counter-label-color);
+}
+.vc-table-counter__value {
+  color: var(--table-counter-value-color);
+}.vc-table__footer {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: space-between
+}
+.vc-table__footer--mobile {
+    padding: 1.5rem
+}
+.vc-table__footer--desktop {
+    padding: 10px
+}:root {
+  --table-border-color: var(--neutrals-200);
+  --table-select-all-border-color: var(--neutrals-200);
+  --table-header-bg: var(--primary-50);
+  --table-header-border-color: var(--neutrals-200);
+  --table-header-border:
+    inset 0px 1px 0px var(--table-header-border-color), inset 0px -1px 0px var(--table-header-border-color);
+  --table-header-text-color: var(--secondary-950);
+  --table-resizer-color: var(--neutrals-200);
+  --table-reorder-color: var(--primary-400);
+  --table-select-all-bg: var(--primary-100);
+  --table-row-bg-hover: var(--primary-100);
+  --table-row-bg-odd: var(--additional-50);
+  --table-row-bg-even: var(--neutrals-50);
+  --table-row-hover: var(--primary-100);
+  --table-row-bg-selected: var(--primary-100);
+  --table-actions-bg: var(--primary-100);
+  --table-actions-bg-hover: var(--primary-100);
+  --table-actions-bg-hover-selected-item: var(--primary-100);
+  --table-actions-text-color: var(--neutrals-600);
+  --table-actions-tooltip-text: var(--neutrals-600);
+  --table-actions-icon-color: var(--primary-500);
+  --table-actions-icon-color-hover: var(--primary-600);
+  --table-footer-bg: var(--neutrals-50);
+  --table-footer-border-color: var(--neutrals-200);
+  --table-row-drag-color: var(--primary-400);
+  --table-row-drag-shadow: inset 0 -2px 0 0 var(--table-row-drag-color);
+  --table-actions-color-danger: var(--danger-500);
+  --table-actions-color-success: var(--success-500);
+  --table-mobile-border-color: var(--secondary-200);
+  --table-text-color: var(--neutrals-950);
+  --table-sort-icon-color: var(--neutrals-400);
+}
+.vc-table {
+  position: relative;
+  display: flex;
+  flex-grow: 1;
+  flex-basis: 0px;
+  flex-direction: column;
+  overflow: hidden;
+  border-top-width: 0px;
+  border-style: solid;
+  flex: 1 1 auto;
+  border-color: var(--table-border-color);
+  /* Drag row styles */
+  /* Tooltip arrow styles */
+  /* Mobile border color */
+}
+.vc-table__multiselect-mobile {
+  display: flex;
+  flex-direction: column;
+}
+.vc-table__select-all-bar {
+  box-sizing: border-box;
+  display: flex;
+  min-height: 3.5rem;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom-width: 1px;
+  border-style: solid;
+  border-color: var(--table-select-all-border-color);
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  font-size: 1.125rem;
+  line-height: 1.375rem;
+  font-weight: 700;
+}
+.vc-table__select-all-content {
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.vc-table__select-all-checkbox {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 0.75rem;
+}
+.vc-table__select-all-checkbox__checkbox {
+  display: flex;
+  align-self: center;
+  font-weight: 400;
+}
+.vc-table__select-all-choice {
+  display: flex;
+  width: 100%;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.vc-table__select-all-choice__content {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+}
+.vc-table__select-all-choice__button {
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+}
+.vc-table__content {
+  position: relative;
+  display: flex;
+  flex-grow: 1;
+  overflow: hidden;
+}
+.vc-table__scroll-container {
+  position: relative;
+  flex-grow: 1;
+  flex-basis: 0px;
+}
+.vc-table__mobile-view {
+  position: relative;
+  flex-grow: 1;
+  flex-basis: 0px;
+}
+.vc-table__mobile-view .vc-container__inner {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+}
+.vc-table__mobile-items {
+  display: flex;
+  height: -moz-max-content;
+  height: max-content;
+  flex-grow: 1;
+  flex-direction: column;
+  width: -moz-available;
+  width: -webkit-fill-available;
+}
+.vc-table__mobile-empty {
+  display: flex;
+  height: 100%;
+  flex-grow: 1;
+  flex-direction: column;
+  overflow: auto;
+}
+.vc-table__desktop-table {
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+  width: 100%;
+  flex-direction: column;
+}
+.vc-table__header {
+  position: relative;
+}
+.vc-table__header-row {
+  display: flex;
+  flex-direction: row;
+  background-color: var(--table-header-bg);
+  box-shadow: var(--table-header-border);
+}
+.vc-table__header-checkbox {
+  position: sticky;
+  top: 0px;
+  z-index: 1;
+  box-sizing: border-box;
+  display: flex;
+  width: 2.25rem;
+  min-width: 2.25rem;
+  max-width: 2.25rem;
+  flex: 1 1 0%;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  background-color: var(--table-header-bg);
+  border-width: 0px;
+}
+.vc-table__header-checkbox__content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.vc-table__header-checkbox__resizer {
+  position: absolute;
+  right: 0px;
+  display: flex;
+  height: 100%;
+  width: 1px;
+  justify-content: flex-end;
+  background-color: var(--table-resizer-color);
+}
+.vc-table__header-cell {
+  position: sticky;
+  top: 0px;
+  z-index: 1;
+  box-sizing: border-box;
+  display: flex;
+  height: 60px;
+  flex: 1 1 0%;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  align-items: center;
+  overflow: hidden;
+  background-color: var(--table-header-bg);
+  border-width: 0px;
+}
+.vc-table__header-cell--sortable {
+  cursor: pointer;
+}
+.vc-table__header-cell--sortable:hover .vc-table__header-cell__sort-icons {
+  visibility: visible;
+}
+.vc-table__header-cell__content {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.25rem;
+  color: var(--table-header-text-color);
+}
+.vc-table__header-cell__title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vc-table__header-cell__required {
+  margin-right: 0.25rem;
+  color: var(--label-required-color);
+}
+.vc-table__header-cell__sort-icon {
+  margin-left: 0.25rem;
+  color: var(--table-sort-icon-color);
+}
+.vc-table__header-cell__sort-icons {
+  visibility: hidden;
+  margin-left: 0.25rem;
+  display: flex;
+  flex-direction: column;
+  color: var(--table-sort-icon-color);
+}
+.vc-table__header-cell__resizer {
+  position: absolute;
+  right: 0px;
+  margin-right: 0.25rem;
+  display: flex;
+  height: 100%;
+  width: 0.25rem;
+  justify-content: flex-end;
+  border-right-width: 1px;
+  border-style: solid;
+  border-color: var(--table-resizer-color);
+}
+.vc-table__header-cell__resizer--cursor {
+  cursor: col-resize;
+}
+.vc-table__column-switcher {
+  position: absolute;
+  right: 0px;
+  z-index: 10;
+  display: flex;
+  height: 2.5rem;
+  align-items: center;
+}
+.vc-table__resizer {
+  position: absolute;
+  z-index: 10;
+  display: none;
+  height: 100%;
+  width: 1px;
+  cursor: col-resize;
+  background-color: var(--table-resizer-color);
+}
+.vc-table__reorder-ref {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  z-index: 20;
+  display: none;
+  height: 100%;
+  width: 0.125rem;
+  background-color: var(--table-reorder-color);
+}
+.vc-table__select-all-footer {
+  display: flex;
+  height: 4rem;
+  min-height: 4rem;
+  width: 100%;
+  background-color: var(--table-select-all-bg);
+}
+.vc-table__select-all-footer__content {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+}
+.vc-table__select-all-footer__button {
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+}
+.vc-table__body {
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+}
+.vc-table__body-row {
+  display: flex;
+  height: 3.5rem;
+  min-height: 3.5rem;
+  width: 100%;
+  position: relative;
+}
+.vc-table__body-row.vc-table__drag-row-bottom::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 2px;
+  background-color: var(--table-row-drag-color);
+}
+.vc-table__body-row.vc-table__drag-row-top::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 2px;
+  background-color: var(--table-row-drag-color);
+}
+.vc-table__body-row--odd {
+  background-color: var(--table-row-bg-odd);
+}
+.vc-table__body-row--even {
+  background-color: var(--table-row-bg-even);
+}
+.vc-table__body-row--clickable {
+  cursor: pointer;
+  border-style: solid;
+}
+.vc-table__body-row--clickable:hover {
+  background-color: var(--table-row-bg-hover);
+}
+.vc-table__body-row--selected {
+  background-color: var(--table-row-hover);
+}
+.vc-table__body-row--selected:hover {
+  background-color: var(--table-row-hover);
+}
+.vc-table__body-row--selection {
+  background-color: var(--table-row-bg-selected);
+}
+.vc-table__body-row--selection:hover {
+  background-color: var(--table-row-bg-selected);
+}
+.vc-table__body-row-checkbox {
+  position: relative;
+  display: flex;
+  width: 36px;
+  min-width: 36px;
+  max-width: 36px;
+  flex: 1 1 0%;
+  align-items: center;
+  justify-content: center;
+}
+.vc-table__body-row-checkbox-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.vc-table__body-row-checkbox-resizer {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  right: 0px;
+  width: 1px;
+  background-color: var(--table-resizer-color);
+}
+.vc-table__body-actions {
+  position: absolute;
+  right: 0px;
+  display: flex;
+  height: 100%;
+  background-color: var(--table-actions-bg);
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
+.vc-table__body-actions-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.625rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+  color: var(--table-actions-text-color);
+}
+.vc-table__body-actions-item {
+  display: flex;
+  height: 1.5rem;
+  width: 1.5rem;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  color: var(--table-actions-icon-color);
+}
+.vc-table__body-actions-item:hover {
+  color: var(--table-actions-icon-color-hover);
+}
+.vc-table__body-actions-tooltip {
+  font-size: 1rem;
+  font-weight: 400;
+  font-style: normal;
+  line-height: 1.25rem;
+  color: var(--table-actions-tooltip-text);
+}
+.vc-table__body-cell {
+  position: relative;
+  box-sizing: border-box;
+  display: flex;
+  flex: 1 1 0%;
+  align-items: center;
+  overflow: hidden;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.vc-table__body-cell__content {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  color: var(--table-text-color);
+}
+.vc-table__body-empty {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: auto;
+}
+.vc-table__drag-row-bottom {
+  box-shadow: inset 0 -2px 0 0 var(--table-row-drag-color);
+}
+.vc-table__drag-row-top {
+  box-shadow: inset 0 2px 0 0 var(--table-row-drag-color);
+}
+.vc-table__body-tooltip-arrow, .vc-table__body-tooltip-arrow:before {
+  position: absolute;
+  height: 0.5rem;
+  width: 0.5rem;
+  background-color: inherit;
+}
+.vc-table__body-tooltip-arrow {
+  visibility: hidden;
+}
+.vc-table__body-tooltip-arrow::before {
+  visibility: visible;
+  --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  --tw-content: "";
+  content: var(--tw-content);
+}
+.vc-table__body-tooltip[data-popper-placement^=top] > .vc-table__body-tooltip-arrow {
+  bottom: -1px;
+}
+.vc-table__body-tooltip[data-popper-placement^=bottom] > .vc-table__body-tooltip-arrow {
+  top: -1px;
+}
+.vc-table__mobile-items-renderer {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  border-bottom-width: 1px;
+  border-style: solid;
+  border-color: var(--table-mobile-border-color);
+  padding: 0.75rem;
+}
+.table-header-enter-active,
+.table-header-leave-active {
+  transition-property: all;
+  transition-duration: 200ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.table-header-enter-from,
+.table-header-leave-to {
+  --tw-translate-y: -30px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  opacity: 0;
+}
+.table-header-enter-to,
+.table-header-leave-from {
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  opacity: 1;
+}