@tailwind base;
@tailwind components;
@tailwind utilities;
/* The prefix used to generate the fully qualified name for tokens in this file. */
.ngm-input-element.mat-mdc-input-element {
  background-color: var(--ngm-color-surface-container-high);
}
.ngm-input-element.mat-mdc-input-element:hover:not(:disabled) {
  --tw-ring-color: rgb(234 179 8 / 0.5); /* ring-yellow-500/50 */
  --tw-ring-offset-color: var(--ngm-color-surface);
}
.ngm-input-element.mat-mdc-input-element:focus {
  --tw-ring-offset-color: var(--ngm-color-surface);
  background-color: var(--ngm-color-surface);
  opacity: 0.8;
}
.ngm-input-element.mat-mdc-input-element:disabled {
  background-color: var(--ngm-color-surface-container-low);
}

.ngm-input-element.mat-mdc-input-element {
  @apply min-w-[6rem] block box-border w-full max-w-full p-2 rounded-lg border border-solid border-transparent
    text-gray-700 ring-offset-1 ring-offset-transparent ring-2 ring-transparent
    focus:ring-yellow-500 focus:z-10 focus:outline-none
    dark:placeholder-gray-400 dark:text-white
    dark:focus:ring-yellow-500
    disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none disabled:ring-0 disabled:cursor-not-allowed
    placeholder:italic placeholder:text-slate-400/50 dark:placeholder:text-slate-500/50
    dark:disabled:border-neutral-800;
}
.ngm-input-element.mat-mdc-input-element.ngm-input__searching {
  @apply focus:bg-white dark:focus:bg-gray-800;
}

.ngm-input__suffix {
  @apply absolute right-2;
}

.ngm-density__cosy .ngm-input-element.mat-mdc-input-element {
  @apply py-1 px-2 text-sm rounded;
}
.ngm-density__cosy .ngm-input__suffix {
  @apply absolute right-1;
}
.ngm-density__cosy .ngm-input-element__clear {
  @apply w-6 h-6;
}
.ngm-density__cosy .ngm-input-element__clear .material-icons {
  font-size: 20px;
}

.ngm-density__compact .ngm-input-label {
  @apply text-sm;
}
.ngm-density__compact .ngm-input-element.mat-mdc-input-element {
  @apply py-1 px-2 text-xs rounded;
}
.ngm-density__compact .ngm-input__suffix {
  @apply absolute right-0;
}

.ngm-input-element.mat-mdc-input-element.ngm-w-full {
  @apply w-full;
}

.ngm-input-label {
  @apply p-1 text-ellipsis whitespace-nowrap overflow-hidden disabled:opacity-50;
}

.ngm-form-field__subscript-wrapper {
  @apply w-full h-2;
}

.ngm-input-error .ngm-input-element {
  border-color: var(--mdc-theme-error);
}

textarea.ngm-input-element {
  @apply min-h-[50px];
}

/* The prefix used to generate the fully qualified name for tokens in this file. */
.ngm-select-element {
  background-color: var(--ngm-color-surface-container-high);
}
.ngm-select-element:hover {
  --tw-ring-offset-color: var(--ngm-color-surface);
  --tw-ring-offset-color: var(--ngm-color-surface);
}
.ngm-select-element:focus {
  --tw-ring-offset-color: var(--ngm-color-surface);
  background-color: var(--ngm-color-surface);
}
.ngm-select-element:disabled {
  background-color: var(--ngm-color-surface-container-low);
}

.ngm-select-element {
  @apply p-2 rounded-lg border border-solid border-transparent
  text-gray-700 ring-offset-1 ring-offset-transparent ring-2 ring-transparent
  focus:z-10 focus:outline-none hover:ring-yellow-500/50 focus:ring-yellow-500
  dark:bg-opacity-50 dark:border-transparent dark:placeholder-gray-400 dark:text-white
  dark:hover:ring-yellow-500/50 dark:focus:ring-yellow-500
  disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none disabled:ring-0 disabled:cursor-not-allowed
  dark:disabled:border-neutral-800;
}
.ngm-select-element .mat-mdc-select-arrow-wrapper {
  height: 14px;
}

.ngm-select-label {
  @apply p-1 text-ellipsis whitespace-nowrap overflow-hidden disabled:opacity-50;
}

.cdk-overlay-pane:not(.mat-mdc-select-panel-above) .ngm-select-panel.mat-mdc-select-panel {
  @apply mt-4;
}

.cdk-overlay-pane.mat-mdc-select-panel-above .ngm-select-panel.mat-mdc-select-panel {
  @apply mb-4;
}

.ngm-select-panel.mat-mdc-select-panel {
  margin-left: -9px;
}
.ngm-select-panel.mat-mdc-select-panel .mat-mdc-option .ngm-display-behaviour {
  min-height: 48px;
}
.ngm-select-panel.mat-mdc-select-panel .mdc-list-item__primary-text {
  @apply w-full flex items-center justify-start;
}

.ngm-density__cosy .ngm-select-element {
  @apply px-2 py-1 text-sm rounded;
}
.ngm-density__cosy.ngm-select-panel .mat-mdc-option {
  min-height: 32px;
  @apply text-sm;
}
.ngm-density__cosy.ngm-select-panel .mat-mdc-option .ngm-display-behaviour {
  min-height: 32px;
}

.ngm-density__compact .ngm-select-label {
  @apply text-sm;
}
.ngm-density__compact .ngm-select-element {
  @apply px-2 py-1 text-xs rounded;
}
.ngm-density__compact.ngm-select-panel .mat-mdc-option {
  min-height: 28px;
  @apply text-xs;
}
.ngm-density__compact.ngm-select-panel .mat-mdc-option .ngm-display-behaviour {
  min-height: 28px;
}
.ngm-density__compact .ngm-input-element__clear {
  @apply w-5 h-5;
}
.ngm-density__compact .ngm-input-element__clear .material-icons {
  font-size: 16px;
}

.mat-mdc-autocomplete-panel.ngm-select__autocomplete-panel .cdk-virtual-scroll-content-wrapper {
  @apply max-w-full;
}
.mat-mdc-autocomplete-panel.ngm-select__autocomplete-panel .mat-mdc-option .ngm-display-behaviour {
  min-height: 48px;
}

.ngm-search__input.mat-mdc-input-element {
  @apply rounded-md relative flex justify-start items-center
    hover:bg-gray-500/10 focus:bg-gray-500/20
    dark:hover:bg-white/10 dark:focus:bg-white/20 dark:hover:bg-gradient-to-r;
}

.ngm-density__cosy .ngm-search .ngm-search__input, .ngm-density__cosy.ngm-search .ngm-search__input {
  @apply h-8 rounded-lg;
}

.ngm-density__compact .ngm-search .ngm-search__input, .ngm-density__compact.ngm-search .ngm-search__input {
  @apply h-6 rounded-md;
}

.ngm-search .ngm-search__input {
  @apply h-10;
  font-size: 14px;
  line-height: 36px;
  padding: 5px;
  padding-left: 32px;
}

.ngm-resizer-disabled .ngm-resizer-bar.cdk-drag-disabled {
  display: none;
}

.ngm-resizer-bar {
  opacity: 0;
  background-color: var(--ngm-accent-color, theme("colors.amber.400"));
  transition: opacity 0.1s ease-in-out;
}

.ngm-resizer-bar:hover,
.ngm-resizer-bar.cdk-drag-dragging {
  opacity: 1;
  transition: opacity 0.1s ease-in-out 0.5s;
}

.ngm-analytical-grid {
  --ngm-cdk-cell-selected-border-color: theme(colors.yellow.500);
  --ngm-cdk-cell-selected-bg-color: theme(colors.gray.300);
}
.ngm-analytical-grid .mat-mdc-row.cdk-row:hover {
  @apply bg-gray-300 bg-opacity-20 dark:bg-gray-500 dark:bg-opacity-20;
}
.ngm-analytical-grid .mat-mdc-row.cdk-row.selected {
  @apply bg-gray-300 bg-opacity-50 dark:bg-gray-700 dark:bg-opacity-50;
}
.ngm-analytical-grid .mat-mdc-row.cdk-row.selected .cdk-cell.ngm-analytical-grid__dimension.selected-member {
  @apply relative;
}
.ngm-analytical-grid .mat-mdc-row.cdk-row.selected .cdk-cell.ngm-analytical-grid__dimension.selected-member::before {
  content: "";
  @apply absolute left-0.5 top-0 h-full w-0.5 block bg-black dark:bg-white;
}
.ngm-analytical-grid .cdk-header-cell.selected-member {
  @apply relative;
}
.ngm-analytical-grid .cdk-header-cell.selected-member::before {
  content: "";
  @apply absolute left-0 bottom-0 h-0.5 w-full block bg-black dark:bg-white;
}
.ngm-analytical-grid .cdk-cell.selected-cell, .ngm-analytical-grid .cdk-header-cell.selected {
  background-color: var(--ngm-cdk-cell-selected-bg-color);
}
.ngm-analytical-grid.cdk-focused .cdk-row.selected .cdk-cell.ngm-analytical-grid__dimension.selected, .ngm-analytical-grid.cdk-focused .cdk-row.selected .cdk-cell.selected-cell {
  border-right: 1px solid var(--ngm-cdk-cell-selected-border-color);
  border-bottom: 1px solid var(--ngm-cdk-cell-selected-border-color);
  box-shadow: inset 1px 1px var(--ngm-cdk-cell-selected-border-color);
}
.ngm-analytical-grid.striped .mat-mdc-row:nth-child(even):not(.selected):not(:hover) {
  @apply bg-gray-300 bg-opacity-10 dark:bg-gray-500 dark:bg-opacity-10;
}

.dark .ngm-analytical-grid {
  --ngm-cdk-cell-selected-border-color: theme(colors.yellow.700);
  --ngm-cdk-cell-selected-bg-color: theme(colors.gray.700);
}

.ngm-appearance-opacity {
  opacity: 0.5;
}

.mat-icon.ngm-appearance-danger:hover {
  @apply text-red-500;
}

.mat-button-toggle-group.mat-button-toggle-group-appearance-standard {
  --border-radius: 1rem;
  --box-shadow-radius: 6px;
  border: unset;
  border-radius: var(--border-radius);
  overflow: visible;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard:not(.mat-button-toggle-vertical) .mat-button-toggle:first-child {
  border-top-left-radius: calc(var(--border-radius) - 3px);
  border-bottom-left-radius: calc(var(--border-radius) - 3px);
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard:not(.mat-button-toggle-vertical) .mat-button-toggle:last-child {
  border-top-right-radius: calc(var(--border-radius) - 3px);
  border-bottom-right-radius: calc(var(--border-radius) - 3px);
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle:first-child {
  border-top-left-radius: calc(var(--border-radius) - 3px);
  border-top-right-radius: calc(var(--border-radius) - 3px);
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle:last-child {
  border-bottom-left-radius: calc(var(--border-radius) - 3px);
  border-bottom-right-radius: calc(var(--border-radius) - 3px);
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle:hover, .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-focused, .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle:active {
  box-shadow: rgba(143, 155, 179, 0.16) 0px 0px 0px var(--box-shadow-radius);
  z-index: 1;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard.ngm-appearance-outline {
  --box-shadow-radius: 10px;
  @apply border-gray-100 border-solid border p-1 dark:border-gray-800;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard.ngm-appearance-hero {
  --border-radius: 1.5rem;
  --mat-standard-button-toggle-divider-color: theme(colors.transparent);
  @apply p-1.5 bg-gray-100 dark:bg-gray-500/10;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard.ngm-appearance-hero .mat-button-toggle.mat-button-toggle-appearance-standard {
  border-radius: calc(var(--border-radius) - 3px);
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard.ngm-appearance-hero .mat-button-toggle.mat-button-toggle-appearance-standard:not(.mat-button-toggle-checked) {
  @apply bg-transparent;
}

/**
 * React opacity to hover event for buttons or others actionable.
 */
.ngm-actionable-opacity {
  @apply opacity-60 hover:opacity-100 transition-opacity duration-200;
}

/**
 * For radio buttons in menu.
 */
.ngm-radio-menu.mat-mdc-menu-panel .mdc-form-field {
  width: 100%;
}
.ngm-radio-menu.mat-mdc-menu-panel .mdc-label {
  flex: 1;
}

.ngm-error {
  color: var(--mat-form-field-error-text-color);
}

.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) .ngm-autocomplete-panel.mat-mdc-autocomplete-panel {
  @apply mt-2;
}

.cdk-overlay-pane.mat-mdc-autocomplete-panel-above .ngm-autocomplete-panel.mat-mdc-autocomplete-panel {
  @apply mb-2;
}

div.mat-mdc-autocomplete-panel .cdk-virtual-scroll-viewport {
  height: 240px;
}

.ngm-autocomplete-panel.mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text {
  @apply w-full flex items-center whitespace-nowrap;
}
.ngm-autocomplete-panel.mat-mdc-autocomplete-panel.ngm-density__cosy .mat-mdc-option {
  min-height: 36px;
  @apply text-sm;
}
.ngm-autocomplete-panel.mat-mdc-autocomplete-panel.ngm-density__compact .mat-mdc-option {
  min-height: 30px;
  @apply text-xs;
}

.ngm-list.mdc-list .mdc-list-item {
  @apply hover:bg-black/5 dark:hover:bg-white/5;
}

.ngm-nav-list.mat-mdc-nav-list .mat-mdc-list-item {
  @apply text-white rounded-lg duration-300;
}
.ngm-nav-list.mat-mdc-nav-list .mat-mdc-list-item.active {
  --mdc-list-list-item-label-text-color: theme(colors.slate.500);
  --mdc-list-list-item-hover-label-text-color: theme(colors.slate.600);
  @apply bg-slate-50;
}
.ngm-nav-list.mat-mdc-nav-list .mat-mdc-list-item:hover .mat-icon {
  visibility: visible;
}

ul.ngm-nav-list li.active {
  @apply font-semibold bg-white/90 text-primary-500;
}

.mat-mdc-menu-panel.ngm-menu-card {
  overflow: hidden;
  max-height: 80vh;
}

.mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-radio-button .mdc-label {
  @apply whitespace-nowrap text-ellipsis;
}

.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.active {
  color: var(--ngm-color-primary);
  @apply font-bold bg-black/5 dark:bg-white/10;
}

/** active status color for menu trigger icon button */
.mat-mdc-menu-trigger.mat-mdc-icon-button.active {
  @apply bg-black/5 dark:bg-white/10;
  opacity: 1;
}

.cdk-menu.cdk-menu-group .cdk-menu-item {
  @apply outline-none;
}

.mat-mdc-menu-panel.ngm-density__compact {
  --mat-menu-item-icon-size: 20px;
  --mdc-radio-state-layer-size: 30px;
  --mat-menu-item-label-text-size: 1rem;
  --mat-menu-item-spacing: 1rem;
}
.mat-mdc-menu-panel.ngm-density__compact .mat-mdc-menu-item {
  line-height: 38px;
  height: 38px;
  min-height: 38px;
}
.mat-mdc-menu-panel.ngm-density__compact .mat-mdc-menu-item .mat-mdc-icon-button .mat-icon {
  margin-right: 0;
}
.mat-mdc-menu-panel.ngm-density__compact .mat-mdc-menu-content .mat-mdc-menu-item .mat-icon {
  font-size: 20px;
}

.mat-mdc-menu-panel.ngm-density__cosy {
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-spacing: 1rem;
}
.mat-mdc-menu-panel.ngm-density__cosy .mat-mdc-menu-item {
  line-height: 40px;
  height: 40px;
  min-height: 40px;
}
.mat-mdc-menu-panel.ngm-density__cosy .mat-mdc-menu-item .mat-mdc-icon-button .mat-icon {
  margin-right: 0;
}

/** flex 1 for radio button content in menu panel */
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-menu-item-text {
  @apply w-full;
}
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-radio-button .mat-radio-label-content {
  flex: 1;
  overflow: hidden;
}

.cdk-menu {
  @apply mt-2 inline-flex flex-col rounded-xl shadow-lg overflow-auto border border-solid
    border-neutral-200 dark:border-neutral-700 dark:shadow-neutral-800;
  background-color: var(--ngm-color-surface);
}
.cdk-menu .cdk-menu-item.cdk-menu-trigger {
  justify-content: space-between;
}
.cdk-menu .cdk-menu-item {
  @apply flex items-center bg-transparent whitespace-nowrap cursor-pointer border-none select-none;
  min-width: 64px;
}
.cdk-menu .cdk-menu-item:hover {
  @apply bg-gray-50 dark:bg-white/5;
}
.cdk-menu .cdk-menu-item.ngm-cdk-menu-item__disabled {
  cursor: default;
  opacity: 0.5;
}
.cdk-menu .cdk-menu-item.ngm-cdk-menu-item__disabled:hover {
  background-color: unset;
}
.cdk-menu .cdk-menu-item.ngm-cdk-menu__danger:hover {
  @apply bg-red-400 text-white;
}
.cdk-menu .cdk-menu-item + .mat-icon {
  margin-right: 10px;
}
.cdk-menu .cdk-menu-item.disabled, .cdk-menu .cdk-menu-item.mat-button-disabled {
  @apply opacity-50 cursor-default;
}
.cdk-menu .cdk-menu-item .mat-button-wrapper {
  @apply w-full flex items-center;
}
.cdk-menu .cdk-menu-item .mat-button-wrapper > .mat-icon:is(:first-child) {
  margin-right: 10px;
}
.cdk-menu .cdk-menu-item .mdc-button__label {
  @apply flex-1;
}
.cdk-menu .cdk-menu-item .mat-icon {
  @apply text-text-secondary;
}
.cdk-menu.cdk-menu__medium {
  @apply p-2 rounded-xl;
}
.cdk-menu.cdk-menu__medium .cdk-menu-item {
  @apply px-2 py-1 rounded-lg;
}
.cdk-menu.cdk-menu__large {
  @apply p-2 rounded-2xl;
}
.cdk-menu.cdk-menu__large .cdk-menu-item {
  @apply px-3 py-2 rounded-lg;
}
.cdk-menu .cdk-menu-item.danger:hover {
  @apply bg-red-50 text-red-600 dark:bg-red-500/10 dark:text-red-300;
}
.cdk-menu .cdk-menu-item.active {
  @apply text-primary-500;
}

.cdk-menu-bar.cdk-menu-group .cdk-menu-item {
  @apply px-2 py-1 hover:bg-gray-200/50;
}

.ngm-density__cosy .mat-datepicker-toggle {
  --mdc-icon-button-icon-size: 18px;
}

.ngm-density__compact .mat-datepicker-toggle {
  --mdc-icon-button-icon-size: 16px;
}

.ngm-card {
  --ngm-card-menu-edge: 5px;
  @apply relative flex shadow-sm border border-gray-100 rounded-xl
    hover:shadow-lg dark:border-neutral-700 dark:bg-white/10 dark:hover:bg-white/20;
}
.ngm-card .ngm-card__menu {
  @apply absolute;
  right: var(--ngm-card-menu-edge);
  top: var(--ngm-card-menu-edge);
}
.ngm-card .ngm-card__menu.active {
  opacity: 1;
}

.ngm-input {
  @apply font-normal rounded-lg bg-components-input-bg border border-solid border-transparent
    ring-offset-1 ring-offset-transparent ring-1 ring-transparent
    focus:ring-blue-500 focus:z-10 focus:outline-none;
}
.ngm-input.error {
  @apply border-red-500;
}

.ngm-input-inline {
  @apply outline-none border border-solid border-transparent active:bg-components-input-bg focus:bg-components-input-bg;
}
.ngm-input-inline.error {
  @apply border-red-500;
}

.ngm-input-sm {
  @apply px-1 py-0.5 rounded-md;
}

.mat-mdc-slide-toggle.xs {
  --mat-switch-with-icon-handle-size: 14px;
  --mdc-switch-track-height: 10px;
  --mdc-switch-track-width: 26px;
  --mdc-switch-unselected-icon-size: 12px;
  --mdc-switch-selected-icon-size: 12px;
  --mdc-switch-handle-width: 14px;
  --mdc-switch-state-layer-size: 26px;
}

.mat-mdc-slide-toggle.small {
  --mat-switch-with-icon-handle-size: 16px;
  --mdc-switch-track-height: 12px;
  --mdc-switch-track-width: 26px;
  --mdc-switch-unselected-icon-size: 14px;
  --mdc-switch-selected-icon-size: 14px;
  --mdc-switch-handle-width: 16px;
  --mdc-switch-state-layer-size: 26px;
}

.mdc-slider {
  --mdc-slider-inactive-track-height: 2px;
  --mdc-slider-active-track-height: 4px;
  --mdc-slider-handle-width: 15px;
  --mdc-slider-handle-height: 15px;
}

.mat-mdc-table.ngm-density__cosy tr.mat-mdc-row {
  height: 2.5rem;
}
.mat-mdc-table.ngm-density__cosy tr.mat-mdc-header-row, .mat-mdc-table.ngm-density__cosy tr.mat-mdc-footer-row {
  height: 2.75rem;
}
.mat-mdc-table.ngm-density__cosy .mat-mdc-cell, .mat-mdc-table.ngm-density__cosy .mat-mdc-footer-cell {
  font-size: 0.9rem;
}

.mat-mdc-table.ngm-density__compact tr.mat-mdc-row {
  height: 2rem;
}
.mat-mdc-table.ngm-density__compact tr.mat-mdc-header-row, .mat-mdc-table.ngm-density__compact tr.mat-mdc-footer-row {
  height: 2.25rem;
}
.mat-mdc-table.ngm-density__compact .mat-mdc-cell, .mat-mdc-table.ngm-density__compact .mat-mdc-footer-cell {
  font-size: 0.85rem;
}

.nx-dialog-container.small {
  min-height: 50vh;
  min-width: 40vw;
}
.nx-dialog-container.medium {
  min-width: 60vw;
  min-height: 60vh;
}
.nx-dialog-container.large {
  min-width: 80vw;
  min-height: 80vh;
}

.cdk-overlay-pane.small {
  min-height: 50vh;
  min-width: 40vw;
  max-width: 60vw;
  max-height: 80vh;
}
.cdk-overlay-pane.medium {
  min-width: 60vw;
  min-height: 60vh;
  max-width: 90vw;
  max-height: 90vh;
}
.cdk-overlay-pane.large {
  min-width: 80vw;
  min-height: 80vh;
  max-width: 100vw;
  max-height: 100vh;
}

.cdk-dialog-container {
  @apply outline-none;
}

@layer components {
  .cdk-dialog-card {
    @apply bg-components-card-bg rounded-2xl p-4;
  }
}
ngm-slicer .mat-chip-list-wrapper {
  max-width: 100%;
}
ngm-slicer .mat-chip-list-wrapper .mat-standard-chip {
  padding: 0 8px;
  min-height: 24px;
  max-width: 100%;
  white-space: nowrap;
}
ngm-slicer .mat-chip-list-wrapper .mat-standard-chip span {
  overflow: hidden;
  text-overflow: ellipsis;
}

ngm-slicers .mat-divider, ngm-slicer-bar .mat-divider {
  margin: 0.5rem 0;
}

/*# sourceMappingURL=_index.css.map */
