/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer adaptable.reset, adaptable.theme, adaptable.components, adaptable.utilities;
@layer adaptable.reset {
  :focus-visible {
    outline: 2px solid var(--ab-color-focus);
  }
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  main {
    display: block;
  }
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  a {
    background-color: transparent;
  }
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  img {
    border-style: none;
  }
  button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button, input {
    overflow: visible;
  }
  button, select {
    text-transform: none;
  }
  button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
  }
  button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
  }
  [type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  details {
    display: block;
  }
  summary {
    display: list-item;
  }
  template {
    display: none;
  }
  [hidden] {
    display: none;
  }
  button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
}
@layer adaptable.theme {
  :root, :host {
    --twa-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --twa-color-red-500: oklch(63.7% 0.237 25.331);
    --twa-color-white: #fff;
    --twa-text-sm: 0.875rem;
    --twa-text-sm--line-height: calc(1.25 / 0.875);
    --twa-text-lg: 1.125rem;
    --twa-text-lg--line-height: calc(1.75 / 1.125);
    --twa-font-weight-normal: 400;
    --twa-font-weight-medium: 500;
    --twa-font-weight-semibold: 600;
    --twa-font-weight-bold: 700;
    --twa-font-weight-extrabold: 800;
    --twa-leading-normal: 1.5;
    --twa-leading-relaxed: 1.625;
    --twa-radius-sm: 0.25rem;
    --twa-radius-md: 0.375rem;
    --twa-default-transition-duration: 150ms;
    --twa-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --twa-color-accent: var(--ab-color-accent);
  }
}
@layer adaptable.utilities {
  .twa\:pointer-events-none {
    pointer-events: none;
  }
  .twa\:visible {
    visibility: visible;
  }
  .twa\:absolute {
    position: absolute;
  }
  .twa\:fixed {
    position: fixed;
  }
  .twa\:relative {
    position: relative;
  }
  .twa\:inset-0 {
    inset: calc(var(--ab-base-space) * 0);
  }
  .twa\:top-\[6px\] {
    top: 6px;
  }
  .twa\:right-\[6px\] {
    right: 6px;
  }
  .twa\:z-10 {
    z-index: 10;
  }
  .twa\:z-900 {
    z-index: 900;
  }
  .twa\:z-1000 {
    z-index: 1000;
  }
  .twa\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .twa\:col-start-1 {
    grid-column-start: 1;
  }
  .twa\:col-start-2 {
    grid-column-start: 2;
  }
  .twa\:col-start-3 {
    grid-column-start: 3;
  }
  .twa\:row-start-1 {
    grid-row-start: 1;
  }
  .twa\:row-start-2 {
    grid-row-start: 2;
  }
  .twa\:row-start-4 {
    grid-row-start: 4;
  }
  .twa\:row-start-5 {
    grid-row-start: 5;
  }
  .twa\:row-start-6 {
    grid-row-start: 6;
  }
  .twa\:float-left {
    float: left;
  }
  .twa\:m-0 {
    margin: calc(var(--ab-base-space) * 0);
  }
  .twa\:m-1 {
    margin: calc(var(--ab-base-space) * 1);
  }
  .twa\:m-2 {
    margin: calc(var(--ab-base-space) * 2);
  }
  .twa\:m-3 {
    margin: calc(var(--ab-base-space) * 3);
  }
  .twa\:m-\[2px\] {
    margin: 2px;
  }
  .twa\:m-\[3px\] {
    margin: 3px;
  }
  .twa\:m-auto {
    margin: auto;
  }
  .twa\:mx-1 {
    margin-inline: calc(var(--ab-base-space) * 1);
  }
  .twa\:mx-2 {
    margin-inline: calc(var(--ab-base-space) * 2);
  }
  .twa\:mx-3 {
    margin-inline: calc(var(--ab-base-space) * 3);
  }
  .twa\:mx-\[1px\] {
    margin-inline: 1px;
  }
  .twa\:mx-\[px\] {
    margin-inline: px;
  }
  .twa\:my-0 {
    margin-block: calc(var(--ab-base-space) * 0);
  }
  .twa\:my-1 {
    margin-block: calc(var(--ab-base-space) * 1);
  }
  .twa\:my-2 {
    margin-block: calc(var(--ab-base-space) * 2);
  }
  .twa\:my-3 {
    margin-block: calc(var(--ab-base-space) * 3);
  }
  .twa\:my-\[2px\] {
    margin-block: 2px;
  }
  .twa\:mt-0 {
    margin-top: calc(var(--ab-base-space) * 0);
  }
  .twa\:mt-1 {
    margin-top: calc(var(--ab-base-space) * 1);
  }
  .twa\:mt-2 {
    margin-top: calc(var(--ab-base-space) * 2);
  }
  .twa\:mt-3 {
    margin-top: calc(var(--ab-base-space) * 3);
  }
  .twa\:mt-5 {
    margin-top: calc(var(--ab-base-space) * 5);
  }
  .twa\:mt-\[2px\] {
    margin-top: 2px;
  }
  .twa\:mr-0 {
    margin-right: calc(var(--ab-base-space) * 0);
  }
  .twa\:mr-1 {
    margin-right: calc(var(--ab-base-space) * 1);
  }
  .twa\:mr-2 {
    margin-right: calc(var(--ab-base-space) * 2);
  }
  .twa\:mr-3 {
    margin-right: calc(var(--ab-base-space) * 3);
  }
  .twa\:mr-\[2px\] {
    margin-right: 2px;
  }
  .twa\:mr-\[20px\] {
    margin-right: 20px;
  }
  .twa\:mb-0 {
    margin-bottom: calc(var(--ab-base-space) * 0);
  }
  .twa\:mb-1 {
    margin-bottom: calc(var(--ab-base-space) * 1);
  }
  .twa\:mb-2 {
    margin-bottom: calc(var(--ab-base-space) * 2);
  }
  .twa\:mb-3 {
    margin-bottom: calc(var(--ab-base-space) * 3);
  }
  .twa\:mb-4 {
    margin-bottom: calc(var(--ab-base-space) * 4);
  }
  .twa\:mb-\[15px\] {
    margin-bottom: 15px;
  }
  .twa\:ml-0 {
    margin-left: calc(var(--ab-base-space) * 0);
  }
  .twa\:ml-0\.5 {
    margin-left: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:ml-1 {
    margin-left: calc(var(--ab-base-space) * 1);
  }
  .twa\:ml-2 {
    margin-left: calc(var(--ab-base-space) * 2);
  }
  .twa\:ml-3 {
    margin-left: calc(var(--ab-base-space) * 3);
  }
  .twa\:ml-4 {
    margin-left: calc(var(--ab-base-space) * 4);
  }
  .twa\:ml-5 {
    margin-left: calc(var(--ab-base-space) * 5);
  }
  .twa\:ml-\[2px\] {
    margin-left: 2px;
  }
  .twa\:box-border {
    box-sizing: border-box;
  }
  .twa\:contents {
    display: contents;
  }
  .twa\:flex {
    display: flex;
  }
  .twa\:grid {
    display: grid;
  }
  .twa\:hidden {
    display: none;
  }
  .twa\:inline-block {
    display: inline-block;
  }
  .twa\:inline-flex {
    display: inline-flex;
  }
  .twa\:size-0 {
    width: calc(var(--ab-base-space) * 0);
    height: calc(var(--ab-base-space) * 0);
  }
  .twa\:size-5 {
    width: calc(var(--ab-base-space) * 5);
    height: calc(var(--ab-base-space) * 5);
  }
  .twa\:size-full {
    width: 100%;
    height: 100%;
  }
  .twa\:h-\[0\.5px\] {
    height: 0.5px;
  }
  .twa\:h-\[1rem\] {
    height: 1rem;
  }
  .twa\:h-\[8px\] {
    height: 8px;
  }
  .twa\:h-\[10px\] {
    height: 10px;
  }
  .twa\:h-\[18px\] {
    height: 18px;
  }
  .twa\:h-\[33px\] {
    height: 33px;
  }
  .twa\:h-\[43px\] {
    height: 43px;
  }
  .twa\:h-\[90vh\] {
    height: 90vh;
  }
  .twa\:h-\[360px\] {
    height: 360px;
  }
  .twa\:h-auto {
    height: auto;
  }
  .twa\:h-full {
    height: 100%;
  }
  .twa\:h-input {
    height: var(--ab-input-height);
  }
  .twa\:max-h-\[60vh\] {
    max-height: 60vh;
  }
  .twa\:max-h-\[80vh\] {
    max-height: 80vh;
  }
  .twa\:max-h-\[300px\] {
    max-height: 300px;
  }
  .twa\:max-h-full {
    max-height: 100%;
  }
  .twa\:min-h-0 {
    min-height: calc(var(--ab-base-space) * 0);
  }
  .twa\:min-h-\[1rem\] {
    min-height: 1rem;
  }
  .twa\:min-h-\[15px\] {
    min-height: 15px;
  }
  .twa\:min-h-\[20px\] {
    min-height: 20px;
  }
  .twa\:min-h-\[40px\] {
    min-height: 40px;
  }
  .twa\:min-h-\[48px\] {
    min-height: 48px;
  }
  .twa\:min-h-\[100px\] {
    min-height: 100px;
  }
  .twa\:min-h-\[120px\] {
    min-height: 120px;
  }
  .twa\:min-h-auto {
    min-height: auto;
  }
  .twa\:min-h-full {
    min-height: 100%;
  }
  .twa\:min-h-input {
    min-height: var(--ab-input-height);
  }
  .twa\:w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .twa\:w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .twa\:w-24 {
    width: calc(var(--ab-base-space) * 24);
  }
  .twa\:w-\[1rem\] {
    width: 1rem;
  }
  .twa\:w-\[7rem\] {
    width: 7rem;
  }
  .twa\:w-\[10px\] {
    width: 10px;
  }
  .twa\:w-\[10rem\] {
    width: 10rem;
  }
  .twa\:w-\[15rem\] {
    width: 15rem;
  }
  .twa\:w-\[70px\] {
    width: 70px;
  }
  .twa\:w-\[77px\] {
    width: 77px;
  }
  .twa\:w-\[80px\] {
    width: 80px;
  }
  .twa\:w-\[90vw\] {
    width: 90vw;
  }
  .twa\:w-\[100px\] {
    width: 100px;
  }
  .twa\:w-\[150px\] {
    width: 150px;
  }
  .twa\:w-\[160px\] {
    width: 160px;
  }
  .twa\:w-\[200px\] {
    width: 200px;
  }
  .twa\:w-\[280px\] {
    width: 280px;
  }
  .twa\:w-\[300px\] {
    width: 300px;
  }
  .twa\:w-\[500px\] {
    width: 500px;
  }
  .twa\:w-\[600px\] {
    width: 600px;
  }
  .twa\:w-auto {
    width: auto;
  }
  .twa\:w-fit {
    width: fit-content;
  }
  .twa\:w-full {
    width: 100%;
  }
  .twa\:max-w-1\/2 {
    max-width: calc(1/2 * 100%);
  }
  .twa\:max-w-\[15rem\] {
    max-width: 15rem;
  }
  .twa\:max-w-\[60vw\] {
    max-width: 60vw;
  }
  .twa\:max-w-\[70vw\] {
    max-width: 70vw;
  }
  .twa\:max-w-\[100px\] {
    max-width: 100px;
  }
  .twa\:max-w-\[150px\] {
    max-width: 150px;
  }
  .twa\:max-w-\[160px\] {
    max-width: 160px;
  }
  .twa\:max-w-\[300px\] {
    max-width: 300px;
  }
  .twa\:max-w-\[400px\] {
    max-width: 400px;
  }
  .twa\:max-w-\[500px\] {
    max-width: 500px;
  }
  .twa\:max-w-\[1200px\] {
    max-width: 1200px;
  }
  .twa\:max-w-\[inherit\] {
    max-width: inherit;
  }
  .twa\:max-w-full {
    max-width: 100%;
  }
  .twa\:max-w-none {
    max-width: none;
  }
  .twa\:min-w-0 {
    min-width: calc(var(--ab-base-space) * 0);
  }
  .twa\:min-w-32 {
    min-width: calc(var(--ab-base-space) * 32);
  }
  .twa\:min-w-\[1rem\] {
    min-width: 1rem;
  }
  .twa\:min-w-\[10rem\] {
    min-width: 10rem;
  }
  .twa\:min-w-\[20rem\] {
    min-width: 20rem;
  }
  .twa\:min-w-\[20vw\] {
    min-width: 20vw;
  }
  .twa\:min-w-\[40px\] {
    min-width: 40px;
  }
  .twa\:min-w-\[50\%\] {
    min-width: 50%;
  }
  .twa\:min-w-\[80px\] {
    min-width: 80px;
  }
  .twa\:min-w-\[140px\] {
    min-width: 140px;
  }
  .twa\:min-w-\[148px\] {
    min-width: 148px;
  }
  .twa\:min-w-\[150px\] {
    min-width: 150px;
  }
  .twa\:min-w-\[160px\] {
    min-width: 160px;
  }
  .twa\:min-w-\[180px\] {
    min-width: 180px;
  }
  .twa\:min-w-\[200px\] {
    min-width: 200px;
  }
  .twa\:min-w-\[250px\] {
    min-width: 250px;
  }
  .twa\:min-w-\[300px\] {
    min-width: 300px;
  }
  .twa\:min-w-\[400px\] {
    min-width: 400px;
  }
  .twa\:min-w-max {
    min-width: max-content;
  }
  .twa\:flex-0 {
    flex: 0;
  }
  .twa\:flex-1 {
    flex: 1;
  }
  .twa\:flex-2 {
    flex: 2;
  }
  .twa\:flex-3 {
    flex: 3;
  }
  .twa\:flex-\[0_0_auto\] {
    flex: 0 0 auto;
  }
  .twa\:flex-\[1_1_100\%\] {
    flex: 1 1 100%;
  }
  .twa\:flex-\[1_1_auto\] {
    flex: 1 1 auto;
  }
  .twa\:flex-\[2_1_auto\] {
    flex: 2 1 auto;
  }
  .twa\:flex-none {
    flex: none;
  }
  .twa\:basis-\[50\%\] {
    flex-basis: 50%;
  }
  .twa\:basis-\[120px\] {
    flex-basis: 120px;
  }
  .twa\:cursor-auto {
    cursor: auto;
  }
  .twa\:cursor-default {
    cursor: default;
  }
  .twa\:cursor-grab {
    cursor: grab;
  }
  .twa\:cursor-pointer {
    cursor: pointer;
  }
  .twa\:resize-y {
    resize: vertical;
  }
  .twa\:list-none {
    list-style-type: none;
  }
  .twa\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .twa\:grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }
  .twa\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
  .twa\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .twa\:grid-cols-\[auto_1fr_auto_1fr\] {
    grid-template-columns: auto 1fr auto 1fr;
  }
  .twa\:grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .twa\:grid-rows-\[1fr_1fr\] {
    grid-template-rows: 1fr 1fr;
  }
  .twa\:flex-col {
    flex-direction: column;
  }
  .twa\:flex-row {
    flex-direction: row;
  }
  .twa\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .twa\:flex-wrap {
    flex-wrap: wrap;
  }
  .twa\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .twa\:place-content-center {
    place-content: center;
  }
  .twa\:place-items-center {
    place-items: center;
  }
  .twa\:place-items-stretch {
    place-items: stretch;
  }
  .twa\:items-baseline {
    align-items: baseline;
  }
  .twa\:items-center {
    align-items: center;
  }
  .twa\:items-end {
    align-items: flex-end;
  }
  .twa\:items-start {
    align-items: flex-start;
  }
  .twa\:items-stretch {
    align-items: stretch;
  }
  .twa\:justify-around {
    justify-content: space-around;
  }
  .twa\:justify-between {
    justify-content: space-between;
  }
  .twa\:justify-center {
    justify-content: center;
  }
  .twa\:justify-end {
    justify-content: flex-end;
  }
  .twa\:justify-evenly {
    justify-content: space-evenly;
  }
  .twa\:justify-start {
    justify-content: flex-start;
  }
  .twa\:justify-stretch {
    justify-content: stretch;
  }
  .twa\:justify-items-stretch {
    justify-items: stretch;
  }
  .twa\:gap-0 {
    gap: calc(var(--ab-base-space) * 0);
  }
  .twa\:gap-1 {
    gap: calc(var(--ab-base-space) * 1);
  }
  .twa\:gap-2 {
    gap: calc(var(--ab-base-space) * 2);
  }
  .twa\:gap-3 {
    gap: calc(var(--ab-base-space) * 3);
  }
  .twa\:gap-4 {
    gap: calc(var(--ab-base-space) * 4);
  }
  .twa\:gap-5 {
    gap: calc(var(--ab-base-space) * 5);
  }
  .twa\:gap-8 {
    gap: calc(var(--ab-base-space) * 8);
  }
  .twa\:self-end {
    align-self: flex-end;
  }
  .twa\:self-stretch {
    align-self: stretch;
  }
  .twa\:overflow-auto {
    overflow: auto;
  }
  .twa\:overflow-hidden {
    overflow: hidden;
  }
  .twa\:overflow-visible {
    overflow: visible;
  }
  .twa\:overflow-y-auto {
    overflow-y: auto;
  }
  .twa\:overflow-y-visible {
    overflow-y: visible;
  }
  .twa\:rounded-\[100\%\] {
    border-radius: 100%;
  }
  .twa\:rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .twa\:rounded-md {
    border-radius: var(--twa-radius-md);
  }
  .twa\:rounded-none {
    border-radius: 0;
  }
  .twa\:rounded-sm {
    border-radius: var(--twa-radius-sm);
  }
  .twa\:rounded-standard {
    border-radius: var(--ab__border-radius);
  }
  .twa\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .twa\:border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .twa\:border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .twa\:border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .twa\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .twa\:border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .twa\:border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .twa\:border-inputborder {
    border-color: var(--ab-color-inputborder);
  }
  .twa\:border-primarydark\/30 {
    border-color: var(--ab-color-primarydark);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--ab-color-primarydark) 30%, transparent);
    }
  }
  .twa\:border-t-inputborder {
    border-top-color: var(--ab-color-inputborder);
  }
  .twa\:border-b-text-on-defaultbackground\/20 {
    border-bottom-color: var(--ab-color-text-on-defaultbackground);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in oklab, var(--ab-color-text-on-defaultbackground) 20%, transparent);
    }
  }
  .twa\:bg-\(--ab-cmp-input--disabled__background\) {
    background-color: var(--ab-cmp-input--disabled__background);
  }
  .twa\:bg-\(--ab-cmp-input__background\) {
    background-color: var(--ab-cmp-input__background);
  }
  .twa\:bg-\(--ab-cmp-modal-backdrop__background\) {
    background-color: var(--ab-cmp-modal-backdrop__background);
  }
  .twa\:bg-\(--ab-cmp-tabs-strip__background\) {
    background-color: var(--ab-cmp-tabs-strip__background);
  }
  .twa\:bg-\(--ab-cmp-toggle-button__background\) {
    background-color: var(--ab-cmp-toggle-button__background);
  }
  .twa\:bg-\(--ab-dashboard-header__background\) {
    background-color: var(--ab-dashboard-header__background);
  }
  .twa\:bg-accent {
    background-color: var(--ab-color-accent);
  }
  .twa\:bg-accentlight {
    background-color: var(--ab-color-accentlight);
  }
  .twa\:bg-action-clone {
    background-color: var(--ab-color-action-clone);
  }
  .twa\:bg-action-delete {
    background-color: var(--ab-color-action-delete);
  }
  .twa\:bg-action-edit {
    background-color: var(--ab-color-action-edit);
  }
  .twa\:bg-action-share {
    background-color: var(--ab-color-action-share);
  }
  .twa\:bg-current {
    background-color: currentcolor;
  }
  .twa\:bg-defaultbackground {
    background-color: var(--ab-color-defaultbackground);
  }
  .twa\:bg-error {
    background-color: var(--ab-color-error);
  }
  .twa\:bg-info {
    background-color: var(--ab-color-info);
  }
  .twa\:bg-inputborder\/50 {
    background-color: var(--ab-color-inputborder);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ab-color-inputborder) 50%, transparent);
    }
  }
  .twa\:bg-primary {
    background-color: var(--ab-color-primary);
  }
  .twa\:bg-primarydark {
    background-color: var(--ab-color-primarydark);
  }
  .twa\:bg-primarydark\/20 {
    background-color: var(--ab-color-primarydark);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--ab-color-primarydark) 20%, transparent);
    }
  }
  .twa\:bg-primarylight {
    background-color: var(--ab-color-primarylight);
  }
  .twa\:bg-success {
    background-color: var(--ab-color-success);
  }
  .twa\:bg-transparent {
    background-color: transparent;
  }
  .twa\:bg-warn {
    background-color: var(--ab-color-warn);
  }
  .twa\:fill-current {
    fill: currentcolor;
  }
  .twa\:fill-red-500 {
    fill: var(--twa-color-red-500);
  }
  .twa\:fill-text-on-clone {
    fill: var(--ab-color-text-on-clone);
  }
  .twa\:fill-text-on-defaultbackground {
    fill: var(--ab-color-text-on-defaultbackground);
  }
  .twa\:fill-text-on-delete {
    fill: var(--ab-color-text-on-delete);
  }
  .twa\:fill-text-on-edit {
    fill: var(--ab-color-text-on-edit);
  }
  .twa\:fill-text-on-share {
    fill: var(--ab-color-text-on-share);
  }
  .twa\:p-0 {
    padding: calc(var(--ab-base-space) * 0);
  }
  .twa\:p-0\! {
    padding: calc(var(--ab-base-space) * 0) !important;
  }
  .twa\:p-1 {
    padding: calc(var(--ab-base-space) * 1);
  }
  .twa\:p-2 {
    padding: calc(var(--ab-base-space) * 2);
  }
  .twa\:p-3 {
    padding: calc(var(--ab-base-space) * 3);
  }
  .twa\:p-4 {
    padding: calc(var(--ab-base-space) * 4);
  }
  .twa\:p-5 {
    padding: calc(var(--ab-base-space) * 5);
  }
  .twa\:px-0 {
    padding-inline: calc(var(--ab-base-space) * 0);
  }
  .twa\:px-1 {
    padding-inline: calc(var(--ab-base-space) * 1);
  }
  .twa\:px-2 {
    padding-inline: calc(var(--ab-base-space) * 2);
  }
  .twa\:py-0 {
    padding-block: calc(var(--ab-base-space) * 0);
  }
  .twa\:py-0\.5 {
    padding-block: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:py-1 {
    padding-block: calc(var(--ab-base-space) * 1);
  }
  .twa\:py-1\.5 {
    padding-block: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:py-2 {
    padding-block: calc(var(--ab-base-space) * 2);
  }
  .twa\:py-3 {
    padding-block: calc(var(--ab-base-space) * 3);
  }
  .twa\:pt-0 {
    padding-top: calc(var(--ab-base-space) * 0);
  }
  .twa\:pt-2 {
    padding-top: calc(var(--ab-base-space) * 2);
  }
  .twa\:pt-3 {
    padding-top: calc(var(--ab-base-space) * 3);
  }
  .twa\:pr-0 {
    padding-right: calc(var(--ab-base-space) * 0);
  }
  .twa\:pr-1 {
    padding-right: calc(var(--ab-base-space) * 1);
  }
  .twa\:pr-2 {
    padding-right: calc(var(--ab-base-space) * 2);
  }
  .twa\:pr-\[30px\] {
    padding-right: 30px;
  }
  .twa\:pb-1 {
    padding-bottom: calc(var(--ab-base-space) * 1);
  }
  .twa\:pb-2 {
    padding-bottom: calc(var(--ab-base-space) * 2);
  }
  .twa\:pl-0 {
    padding-left: calc(var(--ab-base-space) * 0);
  }
  .twa\:pl-1 {
    padding-left: calc(var(--ab-base-space) * 1);
  }
  .twa\:pl-2 {
    padding-left: calc(var(--ab-base-space) * 2);
  }
  .twa\:pl-3 {
    padding-left: calc(var(--ab-base-space) * 3);
  }
  .twa\:text-center {
    text-align: center;
  }
  .twa\:text-end {
    text-align: end;
  }
  .twa\:text-left {
    text-align: left;
  }
  .twa\:text-right {
    text-align: right;
  }
  .twa\:text-start {
    text-align: start;
  }
  .twa\:align-baseline {
    vertical-align: baseline;
  }
  .twa\:align-middle {
    vertical-align: middle;
  }
  .twa\:font-\(family-name\:--ab__font-family\) {
    font-family: var(--ab__font-family);
  }
  .twa\:font-mono {
    font-family: var(--twa-font-mono);
  }
  .twa\:text-2\/relaxed {
    font-size: var(--ab-font-size-2);
    line-height: var(--twa-leading-relaxed);
  }
  .twa\:text-lg {
    font-size: var(--twa-text-lg);
    line-height: var(--tw-leading, var(--twa-text-lg--line-height));
  }
  .twa\:text-sm {
    font-size: var(--twa-text-sm);
    line-height: var(--tw-leading, var(--twa-text-sm--line-height));
  }
  .twa\:text-0 {
    font-size: var(--ab-font-size-0);
  }
  .twa\:text-1 {
    font-size: var(--ab-font-size-1);
  }
  .twa\:text-2 {
    font-size: var(--ab-font-size-2);
  }
  .twa\:text-3 {
    font-size: var(--ab-font-size-3);
  }
  .twa\:text-4 {
    font-size: var(--ab-font-size-4);
  }
  .twa\:text-5 {
    font-size: var(--ab-font-size-5);
  }
  .twa\:leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .twa\:leading-normal {
    --tw-leading: var(--twa-leading-normal);
    line-height: var(--twa-leading-normal);
  }
  .twa\:leading-relaxed {
    --tw-leading: var(--twa-leading-relaxed);
    line-height: var(--twa-leading-relaxed);
  }
  .twa\:font-bold {
    --tw-font-weight: var(--twa-font-weight-bold);
    font-weight: var(--twa-font-weight-bold);
  }
  .twa\:font-extrabold {
    --tw-font-weight: var(--twa-font-weight-extrabold);
    font-weight: var(--twa-font-weight-extrabold);
  }
  .twa\:font-medium {
    --tw-font-weight: var(--twa-font-weight-medium);
    font-weight: var(--twa-font-weight-medium);
  }
  .twa\:font-normal {
    --tw-font-weight: var(--twa-font-weight-normal);
    font-weight: var(--twa-font-weight-normal);
  }
  .twa\:font-semibold {
    --tw-font-weight: var(--twa-font-weight-semibold);
    font-weight: var(--twa-font-weight-semibold);
  }
  .twa\:text-nowrap {
    text-wrap: nowrap;
  }
  .twa\:whitespace-nowrap {
    white-space: nowrap;
  }
  .twa\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .twa\:text-\(--ab-cmp-toggle-button--checked__color\) {
    color: var(--ab-cmp-toggle-button--checked__color);
  }
  .twa\:text-\(--ab-cmp-toggle-button__color\) {
    color: var(--ab-cmp-toggle-button__color);
  }
  .twa\:text-\(--ab-dashboard-header__color\) {
    color: var(--ab-dashboard-header__color);
  }
  .twa\:text-accent {
    color: var(--ab-color-accent);
  }
  .twa\:text-accent-foreground {
    color: var(--ab-color-accent-foreground);
  }
  .twa\:text-accentlight {
    color: var(--ab-color-accentlight);
  }
  .twa\:text-current {
    color: currentcolor;
  }
  .twa\:text-error {
    color: var(--ab-color-error);
  }
  .twa\:text-info {
    color: var(--ab-color-info);
  }
  .twa\:text-inherit {
    color: inherit;
  }
  .twa\:text-inputcolor {
    color: var(--ab-color-inputcolor);
  }
  .twa\:text-success {
    color: var(--ab-color-success);
  }
  .twa\:text-text-on-clone {
    color: var(--ab-color-text-on-clone);
  }
  .twa\:text-text-on-defaultbackground {
    color: var(--ab-color-text-on-defaultbackground);
  }
  .twa\:text-text-on-delete {
    color: var(--ab-color-text-on-delete);
  }
  .twa\:text-text-on-edit {
    color: var(--ab-color-text-on-edit);
  }
  .twa\:text-text-on-error {
    color: var(--ab-color-text-on-error);
  }
  .twa\:text-text-on-info {
    color: var(--ab-color-text-on-info);
  }
  .twa\:text-text-on-primary {
    color: var(--ab-color-text-on-primary);
  }
  .twa\:text-text-on-primarydark {
    color: var(--ab-color-text-on-primarydark);
  }
  .twa\:text-text-on-share {
    color: var(--ab-color-text-on-share);
  }
  .twa\:text-text-on-success {
    color: var(--ab-color-text-on-success);
  }
  .twa\:text-text-on-warn {
    color: var(--ab-color-text-on-warn);
  }
  .twa\:text-warn {
    color: var(--ab-color-warn);
  }
  .twa\:italic {
    font-style: italic;
  }
  .twa\:underline {
    text-decoration-line: underline;
  }
  .twa\:opacity-0 {
    opacity: 0%;
  }
  .twa\:opacity-30 {
    opacity: 30%;
  }
  .twa\:opacity-50 {
    opacity: 50%;
  }
  .twa\:opacity-70 {
    opacity: 70%;
  }
  .twa\:opacity-80 {
    opacity: 80%;
  }
  .twa\:opacity-100 {
    opacity: 100%;
  }
  .twa\:shadow-\(--ab-cmp-simple-button__box-shadow\) {
    --tw-shadow: var(--ab-cmp-simple-button__box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:shadow-md {
    --tw-shadow: var(--ab-shadow-md);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:shadow-sm {
    --tw-shadow: var(--ab-shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .twa\:transition-\(--ab-cmp-simple-button__transition\) {
    transition-property: var(--ab-cmp-simple-button__transition);
    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
  }
  .twa\:transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
  }
  .twa\:duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .twa\:select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .twa\:\[--ab-grid-row-height\:45px\] {
    --ab-grid-row-height: 45px;
  }
  .twa\:text-shadow-\[0_1px_0_\#fff\] {
    text-shadow: 0 1px 0 var(--tw-text-shadow-color, #fff);
  }
  .twa\:\*\:z-1 {
    :is(& > *) {
      z-index: 1;
    }
  }
  .twa\:\*\:m-0 {
    :is(& > *) {
      margin: calc(var(--ab-base-space) * 0);
    }
  }
  .twa\:\*\:min-h-\[400px\] {
    :is(& > *) {
      min-height: 400px;
    }
  }
  .twa\:\*\:min-w-\[400px\] {
    :is(& > *) {
      min-width: 400px;
    }
  }
  .twa\:\*\:flex-1 {
    :is(& > *) {
      flex: 1;
    }
  }
  .twa\:\*\:rounded-standard {
    :is(& > *) {
      border-radius: var(--ab__border-radius);
    }
  }
  .twa\:\*\:p-1 {
    :is(& > *) {
      padding: calc(var(--ab-base-space) * 1);
    }
  }
  .twa\:\*\:p-3 {
    :is(& > *) {
      padding: calc(var(--ab-base-space) * 3);
    }
  }
  .twa\:\*\:outline-0 {
    :is(& > *) {
      outline-style: var(--tw-outline-style);
      outline-width: 0px;
    }
  }
  .twa\:not-focus-within\:\[--ab-focus-light__box-shadow\:none\] {
    &:not(*:focus-within) {
      --ab-focus-light__box-shadow: none;
    }
  }
  .twa\:not-focus-within\:\[--ab-focus__box-shadow\:none\] {
    &:not(*:focus-within) {
      --ab-focus__box-shadow: none;
    }
  }
  .twa\:group-focus-within\:shadow-\(--ab-focus__box-shadow\) {
    &:is(:where(.twa\:group):focus-within *) {
      --tw-shadow: var(--ab-focus__box-shadow);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .twa\:before\:pointer-events-none {
    &::before {
      content: var(--tw-content);
      pointer-events: none;
    }
  }
  .twa\:before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .twa\:before\:inset-0 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--ab-base-space) * 0);
    }
  }
  .twa\:before\:inset-1 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--ab-base-space) * 1);
    }
  }
  .twa\:before\:z-0 {
    &::before {
      content: var(--tw-content);
      z-index: 0;
    }
  }
  .twa\:before\:z-20 {
    &::before {
      content: var(--tw-content);
      z-index: 20;
    }
  }
  .twa\:before\:block {
    &::before {
      content: var(--tw-content);
      display: block;
    }
  }
  .twa\:before\:size-\[24px\] {
    &::before {
      content: var(--tw-content);
      width: 24px;
      height: 24px;
    }
  }
  .twa\:before\:rounded-\[inherit\] {
    &::before {
      content: var(--tw-content);
      border-radius: inherit;
    }
  }
  .twa\:before\:rounded-standard {
    &::before {
      content: var(--tw-content);
      border-radius: var(--ab__border-radius);
    }
  }
  .twa\:before\:bg-white {
    &::before {
      content: var(--tw-content);
      background-color: var(--twa-color-white);
    }
  }
  .twa\:before\:opacity-0 {
    &::before {
      content: var(--tw-content);
      opacity: 0%;
    }
  }
  .twa\:before\:shadow-\(--ab-focus-light__box-shadow\) {
    &::before {
      content: var(--tw-content);
      --tw-shadow: var(--ab-focus-light__box-shadow);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .twa\:before\:shadow-\(--ab-focus__box-shadow\) {
    &::before {
      content: var(--tw-content);
      --tw-shadow: var(--ab-focus__box-shadow);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .twa\:before\:transition-opacity {
    &::before {
      content: var(--tw-content);
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
    }
  }
  .twa\:before\:duration-200 {
    &::before {
      content: var(--tw-content);
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .twa\:before\:content-\[\"\"\] {
    &::before {
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .twa\:after\:pointer-events-none {
    &::after {
      content: var(--tw-content);
      pointer-events: none;
    }
  }
  .twa\:after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .twa\:after\:inset-0 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--ab-base-space) * 0);
    }
  }
  .twa\:after\:rounded-standard {
    &::after {
      content: var(--tw-content);
      border-radius: var(--ab__border-radius);
    }
  }
  .twa\:after\:border-2 {
    &::after {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .twa\:after\:border-accent {
    &::after {
      content: var(--tw-content);
      border-color: var(--ab-color-accent);
    }
  }
  .twa\:after\:bg-accent\/15 {
    &::after {
      content: var(--tw-content);
      background-color: var(--ab-color-accent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--ab-color-accent) 15%, transparent);
      }
    }
  }
  .twa\:not-first\:after\:absolute {
    &:not(*:first-child) {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .twa\:not-first\:after\:top-1\/2 {
    &:not(*:first-child) {
      &::after {
        content: var(--tw-content);
        top: calc(1/2 * 100%);
      }
    }
  }
  .twa\:not-first\:after\:-left-px {
    &:not(*:first-child) {
      &::after {
        content: var(--tw-content);
        left: -1px;
      }
    }
  }
  .twa\:not-first\:after\:h-\[10px\] {
    &:not(*:first-child) {
      &::after {
        content: var(--tw-content);
        height: 10px;
      }
    }
  }
  .twa\:not-first\:after\:-translate-y-1\/2 {
    &:not(*:first-child) {
      &::after {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .twa\:not-first\:after\:border-l-2 {
    &:not(*:first-child) {
      &::after {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 2px;
      }
    }
  }
  .twa\:not-first\:after\:border-accent-foreground {
    &:not(*:first-child) {
      &::after {
        content: var(--tw-content);
        border-color: var(--ab-color-accent-foreground);
      }
    }
  }
  .twa\:not-first\:after\:content-\[\"\"\] {
    &:not(*:first-child) {
      &::after {
        --tw-content: "";
        content: var(--tw-content);
      }
    }
  }
  .twa\:focus-within\:shadow-\(--ab-focus__box-shadow\) {
    &:focus-within {
      --tw-shadow: var(--ab-focus__box-shadow);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .twa\:focus-within\:outline-2 {
    &:focus-within {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .twa\:focus-within\:outline-offset-1 {
    &:focus-within {
      outline-offset: 1px;
    }
  }
  .twa\:focus-within\:outline-accent {
    &:focus-within {
      outline-color: var(--ab-color-accent);
    }
  }
  .twa\:\*\:focus-within\:shadow-\(--ab-focus__box-shadow\) {
    :is(& > *) {
      &:focus-within {
        --tw-shadow: var(--ab-focus__box-shadow);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .twa\:\*\:focus-within\:outline-2 {
    :is(& > *) {
      &:focus-within {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
      }
    }
  }
  .twa\:\*\:focus-within\:outline-offset-1 {
    :is(& > *) {
      &:focus-within {
        outline-offset: 1px;
      }
    }
  }
  .twa\:\*\:focus-within\:outline-accent {
    :is(& > *) {
      &:focus-within {
        outline-color: var(--ab-color-accent);
      }
    }
  }
  .twa\:hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .twa\:hover\:bg-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ab-color-accent);
      }
    }
  }
  .twa\:hover\:bg-accent\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ab-color-accent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--ab-color-accent) 90%, transparent);
        }
      }
    }
  }
  .twa\:hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ab-color-primary);
      }
    }
  }
  .twa\:hover\:bg-primarylight {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ab-color-primarylight);
      }
    }
  }
  .twa\:hover\:text-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--ab-color-accent-foreground);
      }
    }
  }
  .twa\:hover\:text-text-on-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--ab-color-text-on-primary);
      }
    }
  }
  .twa\:hover\:opacity-85 {
    &:hover {
      @media (hover: hover) {
        opacity: 85%;
      }
    }
  }
  .twa\:hover\:not-disabled\:shadow-\(--ab-cmp-simple-button__hover-box-shadow\) {
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          --tw-shadow: var(--ab-cmp-simple-button__hover-box-shadow);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  .twa\:hover\:before\:bg-current {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          background-color: currentcolor;
        }
      }
    }
  }
  .twa\:hover\:before\:opacity-15 {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          opacity: 15%;
        }
      }
    }
  }
  .twa\:focus\:shadow-\(--ab-focus__box-shadow\) {
    &:focus {
      --tw-shadow: var(--ab-focus__box-shadow);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .twa\:focus\:outline-0 {
    &:focus {
      outline-style: var(--tw-outline-style);
      outline-width: 0px;
    }
  }
  .twa\:focus\:outline-2 {
    &:focus {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .twa\:focus\:outline-offset-1 {
    &:focus {
      outline-offset: 1px;
    }
  }
  .twa\:focus\:outline-accent {
    &:focus {
      outline-color: var(--ab-color-accent);
    }
  }
  .twa\:focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .twa\:\*\:data-\[checked\=true\]\:bg-accent {
    :is(& > *) {
      &[data-checked="true"] {
        background-color: var(--ab-color-accent);
      }
    }
  }
  .twa\:\*\:data-\[checked\=true\]\:text-accent-foreground {
    :is(& > *) {
      &[data-checked="true"] {
        color: var(--ab-color-accent-foreground);
      }
    }
  }
  .twa\:md\:grid-cols-\[1fr_1fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 1fr 1fr;
    }
  }
  .twa\:md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .twa\:md\:gap-3 {
    @media (width >= 48rem) {
      gap: calc(var(--ab-base-space) * 3);
    }
  }
  .twa\:lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .twa\:lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .twa\:lg\:gap-3 {
    @media (width >= 64rem) {
      gap: calc(var(--ab-base-space) * 3);
    }
  }
  .twa\:\[\&_svg\]\:align-middle {
    & svg {
      vertical-align: middle;
    }
  }
}
@layer adaptable.components {
  @layer infinite-table {
    ._16lm1iw0 {
      box-sizing: border-box;
    }
    ._16lm1iw0:before {
      box-sizing: border-box;
    }
    ._16lm1iw0:after {
      box-sizing: border-box;
    }
    ._16lm1iw0 * {
      box-sizing: border-box;
    }
    ._16lm1iw1 {
      position: relative;
    }
    ._16lm1iw2 {
      position: absolute;
    }
    ._16lm1iw3 {
      position: static;
    }
    ._16lm1iw4 {
      position: sticky;
    }
    ._16lm1iw5 {
      position: fixed;
    }
    ._16lm1iw6 {
      fill: currentColor;
    }
    ._16lm1iw7 {
      fill: var(--infinite-accent-color);
    }
    ._16lm1iw8 {
      margin: 0;
    }
    ._16lm1iw9 {
      vertical-align: middle;
    }
    ._16lm1iwa {
      stroke: currentColor;
    }
    ._16lm1iwb {
      stroke: var(--infinite-accent-color);
    }
    ._16lm1iwc {
      background: inherit;
    }
    ._16lm1iwd {
      outline: none;
    }
    ._16lm1iwe {
      transform: translateZ(0);
    }
    ._16lm1iwf {
      color: currentColor;
    }
    ._16lm1iwg {
      transform: translateZ(0);
    }
    ._16lm1iwh {
      transform: translate3d(0,-50%,0);
    }
    ._16lm1iwi {
      transform: rotate(90deg);
    }
    ._16lm1iwj {
      transform: rotate(180deg);
    }
    ._16lm1iwk {
      cursor: pointer;
    }
    ._16lm1iwl {
      cursor: default;
    }
    ._16lm1iwm {
      cursor: col-resize;
    }
    ._16lm1iwn {
      cursor: grabbing;
    }
    ._16lm1iwo {
      cursor: grab;
    }
    ._16lm1iwp {
      border-radius: var(--infinite-space-1);
    }
    ._16lm1iwq {
      border-radius: var(--infinite-space-2);
    }
    ._16lm1iwr {
      border-radius: var(--infinite-space-3);
    }
    ._16lm1iws {
      border-radius: var(--infinite-space-4);
    }
    ._16lm1iwt {
      border-radius: var(--infinite-space-5);
    }
    ._16lm1iwu {
      border-radius: var(--infinite-space-6);
    }
    ._16lm1iwv {
      border-radius: var(--infinite-space-7);
    }
    ._16lm1iww {
      border-radius: 0;
    }
    ._16lm1iwx {
      border-radius: var(--infinite-border-radius);
    }
    ._16lm1iwy {
      border-radius: 100%;
    }
    ._16lm1iwz {
      pointer-events: none;
    }
    ._16lm1iw10 {
      padding: 0;
    }
    ._16lm1iw11 {
      padding: var(--infinite-space-1);
    }
    ._16lm1iw12 {
      padding: var(--infinite-space-2);
    }
    ._16lm1iw13 {
      padding: var(--infinite-space-3);
    }
    ._16lm1iw14 {
      padding: var(--infinite-space-4);
    }
    ._16lm1iw15 {
      padding: var(--infinite-space-5);
    }
    ._16lm1iw16 {
      padding: var(--infinite-space-6);
    }
    ._16lm1iw17 {
      padding: var(--infinite-space-7);
    }
    ._16lm1iw18 {
      padding: var(--infinite-space-8);
    }
    ._16lm1iw19 {
      padding: var(--infinite-space-9);
    }
    ._16lm1iw1a {
      padding: var(--infinite-space-10);
    }
    ._16lm1iw1b {
      padding: 0;
    }
    ._16lm1iw1c {
      flex: 1;
    }
    ._16lm1iw1d {
      flex: none;
    }
    ._16lm1iw1e {
      z-index: 1;
    }
    ._16lm1iw1f {
      z-index: 10;
    }
    ._16lm1iw1g {
      z-index: 100;
    }
    ._16lm1iw1h {
      z-index: 1000;
    }
    ._16lm1iw1i {
      z-index: 10000;
    }
    ._16lm1iw1j {
      z-index: 100000;
    }
    ._16lm1iw1k {
      z-index: 1000000;
    }
    ._16lm1iw1l {
      z-index: 10000000;
    }
    ._16lm1iw1m {
      z-index: 1000;
    }
    ._16lm1iw1n {
      z-index: 10000;
    }
    ._16lm1iw1o {
      z-index: 100000;
    }
    ._16lm1iw1p {
      display: flex;
    }
    ._16lm1iw1q {
      display: contents;
    }
    ._16lm1iw1r {
      display: none;
    }
    ._16lm1iw1s {
      display: block;
    }
    ._16lm1iw1t {
      display: grid;
    }
    ._16lm1iw1u {
      display: inline-block;
    }
    ._16lm1iw1v {
      display: inline-flex;
    }
    ._16lm1iw1w {
      display: inline-grid;
    }
    ._16lm1iw1x {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }
    ._16lm1iw1y {
      height: 0;
    }
    ._16lm1iw1z {
      height: 100%;
    }
    ._16lm1iw20 {
      height: 50%;
    }
    ._16lm1iw21 {
      width: 0;
    }
    ._16lm1iw22 {
      width: 100%;
    }
    ._16lm1iw23 {
      top: 0;
    }
    ._16lm1iw24 {
      top: 100%;
    }
    ._16lm1iw25 {
      top: 50%;
    }
    ._16lm1iw26 {
      left: 0;
    }
    ._16lm1iw27 {
      left: 100%;
    }
    ._16lm1iw28 {
      left: 50%;
    }
    ._16lm1iw29 {
      left: auto;
    }
    ._16lm1iw2a {
      bottom: 0;
    }
    ._16lm1iw2b {
      bottom: 100%;
    }
    ._16lm1iw2c {
      right: 0;
    }
    ._16lm1iw2d {
      right: 100%;
    }
    ._16lm1iw2e {
      right: auto;
    }
    ._16lm1iw2f {
      flex-flow: column;
    }
    ._16lm1iw2g {
      flex-flow: column-reverse;
    }
    ._16lm1iw2h {
      flex-flow: row;
    }
    ._16lm1iw2i {
      flex-flow: row-reverse;
    }
    ._16lm1iw2j {
      align-items: center;
    }
    ._16lm1iw2k {
      align-items: stretch;
    }
    ._16lm1iw2l {
      align-items: flex-start;
    }
    ._16lm1iw2m {
      align-items: flex-end;
    }
    ._16lm1iw2n {
      align-self: end;
    }
    ._16lm1iw2o {
      gap: 0;
    }
    ._16lm1iw2p {
      gap: var(--infinite-space-1);
    }
    ._16lm1iw2q {
      gap: var(--infinite-space-2);
    }
    ._16lm1iw2r {
      gap: var(--infinite-space-3);
    }
    ._16lm1iw2s {
      gap: var(--infinite-space-4);
    }
    ._16lm1iw2t {
      gap: var(--infinite-space-5);
    }
    ._16lm1iw2u {
      gap: var(--infinite-space-6);
    }
    ._16lm1iw2v {
      gap: var(--infinite-space-7);
    }
    ._16lm1iw2w {
      gap: var(--infinite-space-8);
    }
    ._16lm1iw2x {
      gap: var(--infinite-space-9);
    }
    ._16lm1iw2y {
      gap: var(--infinite-space-10);
    }
    ._16lm1iw2z {
      gap: 0;
    }
    ._16lm1iw30 {
      justify-content: center;
    }
    ._16lm1iw31 {
      justify-content: space-between;
    }
    ._16lm1iw32 {
      justify-content: space-around;
    }
    ._16lm1iw33 {
      justify-content: flex-start;
    }
    ._16lm1iw34 {
      justify-content: flex-end;
    }
    ._16lm1iw35 {
      overflow: hidden;
    }
    ._16lm1iw36 {
      overflow: auto;
    }
    ._16lm1iw37 {
      overflow: visible;
    }
    ._16lm1iw38 {
      visibility: visible;
    }
    ._16lm1iw39 {
      visibility: hidden;
    }
    ._16lm1iw3a {
      will-change: transform;
    }
    ._16lm1iw3b {
      white-space: nowrap;
    }
    ._16lm1iw3c {
      text-overflow: ellipsis;
    }
  }
  @layer infinite-table {
    :root {
      --infinite-loaded: true;
      --infinite-theme-name: default;
      --infinite-theme-mode: light;
      --infinite-icon-size: 24px;
      --infinite-space-0: 0rem;
      --infinite-space-1: .125rem;
      --infinite-space-2: .25rem;
      --infinite-space-3: .5rem;
      --infinite-space-4: .75rem;
      --infinite-space-5: 1rem;
      --infinite-space-6: 1.25rem;
      --infinite-space-7: 1.5rem;
      --infinite-space-8: 2.25rem;
      --infinite-space-9: 3rem;
      --infinite-space-10: 4rem;
      --infinite-font-size-0: .5rem;
      --infinite-font-size-1: .625rem;
      --infinite-font-size-2: .75rem;
      --infinite-font-size-3: .875rem;
      --infinite-font-size-4: 1rem;
      --infinite-font-size-5: 1.25rem;
      --infinite-font-size-6: 1.5rem;
      --infinite-font-size-7: 2.25rem;
      --infinite-font-family: inherit;
      --infinite-focus-outline: 2px solid var(--infinite-accent-color);
      --infinite-color: #484848;
      --infinite-accent-color: #0284c7;
      --infinite-success-color: #7aff7a;
      --infinite-error-color: #ff0000;
      --infinite-border-radius: var(--infinite-space-2);
      --infinite-background: white;
      --infinite-min-height: 100px;
      --infinite-header-cell-border-right: var(--infinite-cell-border);
      --infinite-header-cell-border: var(--infinite-cell-border);
      --infinite-filter-editor-background: var(--infinite-row-background);
      --infinite-header-color: #6f6f6f;
      --infinite-header-background: var(--infinite-header-cell-background);
      --infinite-cell-color: currentColor;
      --infinite-flashing-background: var(--infinite-accent-color);
      --infinite-flashing-up-background: var(--infinite-success-color);
      --infinite-flashing-down-background: var(--infinite-error-color);
      --infinite-menu-color: var(--infinite-cell-color);
      --infinite-menu-background: var(--infinite-background);
      --infinite-menu-item-disabled-background: var(--infinite-menu-background);
      --infinite-menu-item-active-background: var(--infinite-row-hover-background);
      --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
      --infinite-load-mask-text-background: rgba(255,255,255,.8);
      --infinite-load-mask-color: inherit;
      --infinite-row-background: var(--infinite-background);
      --infinite-grouping-toolbar-background: var(--infinite-background);
      --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
      --infinite-menu-separator-color: currentColor;
      --infinite-menu-padding: var(--infinite-space-3);
      --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
      --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
      --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
      --infinite-menu-item-disabled-opacity: .5;
      --infinite-menu-item-active-opacity: .9;
      --infinite-menu-item-pressed-opacity: 1;
      --infinite-menu-border-radius: var(--infinite-space-2);
      --infinite-menu-shadow-color: rgba(0,0,0,.25);
      --infinite-rowdetail-background: var(--infinite-row-hover-background);
      --infinite-rowdetail-padding: var(--infinite-space-2);
      --infinite-rowdetail-grid-height: 100%;
      --infinite-load-mask-overlay-background: gray;
      --infinite-load-mask-overlay-opacity: .3;
      --infinite-load-mask-padding: var(--infinite-space-5);
      --infinite-load-mask-border-radius: var(--infinite-border-radius);
      --infinite-filter-operator-padding-x: var(--infinite-space-1);
      --infinite-filter-editor-padding-x: var(--infinite-space-2);
      --infinite-filter-editor-margin-x: var(--infinite-space-1);
      --infinite-filter-operator-padding-y: var(--infinite-space-0);
      --infinite-filter-editor-padding-y: var(--infinite-space-0);
      --infinite-filter-editor-margin-y: var(--infinite-space-1);
      --infinite-resize-handle-active-area-width: 16px;
      --infinite-resize-handle-width: 2px;
      --infinite-resize-handle-hover-background: var(--infinite-accent-color);
      --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
      --infinite-header-cell-background: #ededed;
      --infinite-filter-editor-border: var(--infinite-cell-border);
      --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
      --infinite-filter-editor-color: currentColor;
      --infinite-filter-editor-border-radius: var(--infinite-border-radius);
      --infinite-header-cell-hover-background: #dfdfdf;
      --infinite-header-cell-padding-x: var(--infinite-space-3);
      --infinite-header-cell-padding-y: var(--infinite-space-3);
      --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x);
      --infinite-header-cell-icon-size: 16px;
      --infinite-header-cell-menu-icon-line-width: 1px;
      --infinite-header-cell-sort-icon-margin: 16px;
      --infinite-column-header-height: 30px;
      --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
      --infinite-grouping-toolbar-active-background: var(--infinite-grouping-toolbar-color);
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
      }
      --infinite-grouping-toolbar-active-background-alpha: .15;
      --infinite-grouping-toolbar-color: var(--infinite-cell-color);
      --infinite-grouping-toolbar-padding: var(--infinite-space-3);
      --infinite-grouping-toolbar-gap: var(--infinite-space-2);
      --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
      --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
      --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
      --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
      --infinite-grouping-toolbar-item-active-background: var(--infinite-grouping-toolbar-color);
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
      }
      --infinite-grouping-toolbar-item-active-background-alpha: .15;
      --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
      --infinite-cell-border-width: 1px;
      --infinite-flashing-overlay-z-index: -1;
      --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
      --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
      --infinite-cell-border-color: #c6c6c6;
      --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
      --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
      --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
      --infinite-pinned-cell-border: var(--infinite-cell-border);
      --infinite-cell-border-invisible: none;
      --infinite-cell-border-radius: var(--infinite-space-2);
      --infinite-column-reorder-effect-duration: .2s;
      --infinite-selected-cell-border-style: solid;
      --infinite-active-cell-border-style: dashed;
      --infinite-active-cell-border-width: 1px;
      --infinite-active-cell-background-alpha: .25;
      --infinite-active-cell-background-alpha--table-unfocused: .1;
      --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color))))));
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
      }
      --infinite-active-cell-background-default: var(--infinite-active-cell-background, var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
      }
      --infinite-row-odd-background: #f6f6f6;
      --infinite-row-disabled-opacity: .5;
      --infinite-row-disabled-background: #eeeeee;
      --infinite-row-odd-disabled-background: #f9f9f9;
      --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
      --infinite-row-selected-background: #d1e9ff;
      --infinite-row-selected-hover-background: #add8ff;
      --infinite-group-row-background: #cbc5c5;
      --infinite-group-row-column-nesting: 24px;
      --infinite-row-hover-background: #dbdbdb;
      --infinite-row-pointer-events-while-scrolling: auto;
      --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
    }
    .infinite-theme-mode--light,.infinite-theme-mode--light:root {
      --infinite-loaded: true;
      --infinite-theme-name: default;
      --infinite-theme-mode: light;
      --infinite-icon-size: 24px;
      --infinite-space-0: 0rem;
      --infinite-space-1: .125rem;
      --infinite-space-2: .25rem;
      --infinite-space-3: .5rem;
      --infinite-space-4: .75rem;
      --infinite-space-5: 1rem;
      --infinite-space-6: 1.25rem;
      --infinite-space-7: 1.5rem;
      --infinite-space-8: 2.25rem;
      --infinite-space-9: 3rem;
      --infinite-space-10: 4rem;
      --infinite-font-size-0: .5rem;
      --infinite-font-size-1: .625rem;
      --infinite-font-size-2: .75rem;
      --infinite-font-size-3: .875rem;
      --infinite-font-size-4: 1rem;
      --infinite-font-size-5: 1.25rem;
      --infinite-font-size-6: 1.5rem;
      --infinite-font-size-7: 2.25rem;
      --infinite-font-family: inherit;
      --infinite-focus-outline: 2px solid var(--infinite-accent-color);
      --infinite-color: #484848;
      --infinite-accent-color: #0284c7;
      --infinite-success-color: #7aff7a;
      --infinite-error-color: #ff0000;
      --infinite-border-radius: var(--infinite-space-2);
      --infinite-background: white;
      --infinite-min-height: 100px;
      --infinite-header-cell-border-right: var(--infinite-cell-border);
      --infinite-header-cell-border: var(--infinite-cell-border);
      --infinite-filter-editor-background: var(--infinite-row-background);
      --infinite-header-color: #6f6f6f;
      --infinite-header-background: var(--infinite-header-cell-background);
      --infinite-cell-color: currentColor;
      --infinite-flashing-background: var(--infinite-accent-color);
      --infinite-flashing-up-background: var(--infinite-success-color);
      --infinite-flashing-down-background: var(--infinite-error-color);
      --infinite-menu-color: var(--infinite-cell-color);
      --infinite-menu-background: var(--infinite-background);
      --infinite-menu-item-disabled-background: var(--infinite-menu-background);
      --infinite-menu-item-active-background: var(--infinite-row-hover-background);
      --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
      --infinite-load-mask-text-background: rgba(255,255,255,.8);
      --infinite-load-mask-color: inherit;
      --infinite-row-background: var(--infinite-background);
      --infinite-grouping-toolbar-background: var(--infinite-background);
      --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
      --infinite-menu-separator-color: currentColor;
      --infinite-menu-padding: var(--infinite-space-3);
      --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
      --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
      --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
      --infinite-menu-item-disabled-opacity: .5;
      --infinite-menu-item-active-opacity: .9;
      --infinite-menu-item-pressed-opacity: 1;
      --infinite-menu-border-radius: var(--infinite-space-2);
      --infinite-menu-shadow-color: rgba(0,0,0,.25);
      --infinite-rowdetail-background: var(--infinite-row-hover-background);
      --infinite-rowdetail-padding: var(--infinite-space-2);
      --infinite-rowdetail-grid-height: 100%;
      --infinite-load-mask-overlay-background: gray;
      --infinite-load-mask-overlay-opacity: .3;
      --infinite-load-mask-padding: var(--infinite-space-5);
      --infinite-load-mask-border-radius: var(--infinite-border-radius);
      --infinite-filter-operator-padding-x: var(--infinite-space-1);
      --infinite-filter-editor-padding-x: var(--infinite-space-2);
      --infinite-filter-editor-margin-x: var(--infinite-space-1);
      --infinite-filter-operator-padding-y: var(--infinite-space-0);
      --infinite-filter-editor-padding-y: var(--infinite-space-0);
      --infinite-filter-editor-margin-y: var(--infinite-space-1);
      --infinite-resize-handle-active-area-width: 16px;
      --infinite-resize-handle-width: 2px;
      --infinite-resize-handle-hover-background: var(--infinite-accent-color);
      --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
      --infinite-header-cell-background: #ededed;
      --infinite-filter-editor-border: var(--infinite-cell-border);
      --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
      --infinite-filter-editor-color: currentColor;
      --infinite-filter-editor-border-radius: var(--infinite-border-radius);
      --infinite-header-cell-hover-background: #dfdfdf;
      --infinite-header-cell-padding-x: var(--infinite-space-3);
      --infinite-header-cell-padding-y: var(--infinite-space-3);
      --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x);
      --infinite-header-cell-icon-size: 16px;
      --infinite-header-cell-menu-icon-line-width: 1px;
      --infinite-header-cell-sort-icon-margin: 16px;
      --infinite-column-header-height: 30px;
      --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
      --infinite-grouping-toolbar-active-background: var(--infinite-grouping-toolbar-color);
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
      }
      --infinite-grouping-toolbar-active-background-alpha: .15;
      --infinite-grouping-toolbar-color: var(--infinite-cell-color);
      --infinite-grouping-toolbar-padding: var(--infinite-space-3);
      --infinite-grouping-toolbar-gap: var(--infinite-space-2);
      --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
      --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
      --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
      --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
      --infinite-grouping-toolbar-item-active-background: var(--infinite-grouping-toolbar-color);
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
      }
      --infinite-grouping-toolbar-item-active-background-alpha: .15;
      --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
      --infinite-cell-border-width: 1px;
      --infinite-flashing-overlay-z-index: -1;
      --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
      --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
      --infinite-cell-border-color: #c6c6c6;
      --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
      --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
      --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
      --infinite-pinned-cell-border: var(--infinite-cell-border);
      --infinite-cell-border-invisible: none;
      --infinite-cell-border-radius: var(--infinite-space-2);
      --infinite-column-reorder-effect-duration: .2s;
      --infinite-selected-cell-border-style: solid;
      --infinite-active-cell-border-style: dashed;
      --infinite-active-cell-border-width: 1px;
      --infinite-active-cell-background-alpha: .25;
      --infinite-active-cell-background-alpha--table-unfocused: .1;
      --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color))))));
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
      }
      --infinite-active-cell-background-default: var(--infinite-active-cell-background, var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
      }
      --infinite-row-odd-background: #f6f6f6;
      --infinite-row-disabled-opacity: .5;
      --infinite-row-disabled-background: #eeeeee;
      --infinite-row-odd-disabled-background: #f9f9f9;
      --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
      --infinite-row-selected-background: #d1e9ff;
      --infinite-row-selected-hover-background: #add8ff;
      --infinite-group-row-background: #cbc5c5;
      --infinite-group-row-column-nesting: 24px;
      --infinite-row-hover-background: #dbdbdb;
      --infinite-row-pointer-events-while-scrolling: auto;
      --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
    }
    .infinite-theme-mode--dark,.infinite-theme-mode--dark:root {
      --infinite-header-cell-border-right: var(--infinite-cell-border);
      --infinite-header-cell-border: var(--infinite-cell-border);
      --infinite-filter-editor-background: var(--infinite-row-odd-background);
      --infinite-header-color: #c3c3c3;
      --infinite-header-background: var(--infinite-header-cell-background);
      --infinite-cell-color: #c3c3c3;
      --infinite-flashing-background: var(--infinite-accent-color);
      --infinite-flashing-up-background: var(--infinite-success-color);
      --infinite-flashing-down-background: var(--infinite-error-color);
      --infinite-menu-color: var(--infinite-cell-color);
      --infinite-menu-background: var(--infinite-background);
      --infinite-menu-item-disabled-background: var(--infinite-menu-background);
      --infinite-menu-item-active-background: var(--infinite-row-hover-background);
      --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
      --infinite-load-mask-text-background: var(--infinite-background);
      --infinite-load-mask-color: var(--infinite-cell-color);
      --infinite-row-background: var(--infinite-background);
      --infinite-grouping-toolbar-background: var(--infinite-background);
      --infinite-theme-mode: dark;
      --infinite-icon-size: 24px;
      --infinite-background: #101419;
      --infinite-success-color: #008700;
      --infinite-cell-border: 1px solid #2a323d;
      --infinite-header-cell-background: #1b2129;
      --infinite-header-cell-hover-background: #222932;
      --infinite-row-hover-background: #3b4754;
      --infinite-row-selected-background: #0a2e4f;
      --infinite-row-selected-hover-background: #0b243a;
      --infinite-row-odd-background: #242a31;
      --infinite-row-disabled-background: #292a2c;
      --infinite-row-odd-disabled-background: #2d2e30;
      --infinite-menu-shadow-color: rgba(255,255,255,.25);
      --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
    }
    .infinite-theme-name--default:root,.infinite-theme-name--default {
      --infinite-loaded: true;
      --infinite-theme-name: default;
      --infinite-theme-mode: light;
      --infinite-icon-size: 24px;
      --infinite-space-0: 0rem;
      --infinite-space-1: .125rem;
      --infinite-space-2: .25rem;
      --infinite-space-3: .5rem;
      --infinite-space-4: .75rem;
      --infinite-space-5: 1rem;
      --infinite-space-6: 1.25rem;
      --infinite-space-7: 1.5rem;
      --infinite-space-8: 2.25rem;
      --infinite-space-9: 3rem;
      --infinite-space-10: 4rem;
      --infinite-font-size-0: .5rem;
      --infinite-font-size-1: .625rem;
      --infinite-font-size-2: .75rem;
      --infinite-font-size-3: .875rem;
      --infinite-font-size-4: 1rem;
      --infinite-font-size-5: 1.25rem;
      --infinite-font-size-6: 1.5rem;
      --infinite-font-size-7: 2.25rem;
      --infinite-font-family: inherit;
      --infinite-focus-outline: 2px solid var(--infinite-accent-color);
      --infinite-color: #484848;
      --infinite-accent-color: #0284c7;
      --infinite-success-color: #7aff7a;
      --infinite-error-color: #ff0000;
      --infinite-border-radius: var(--infinite-space-2);
      --infinite-background: white;
      --infinite-min-height: 100px;
      --infinite-header-cell-border-right: var(--infinite-cell-border);
      --infinite-header-cell-border: var(--infinite-cell-border);
      --infinite-filter-editor-background: var(--infinite-row-background);
      --infinite-header-color: #6f6f6f;
      --infinite-header-background: var(--infinite-header-cell-background);
      --infinite-cell-color: currentColor;
      --infinite-flashing-background: var(--infinite-accent-color);
      --infinite-flashing-up-background: var(--infinite-success-color);
      --infinite-flashing-down-background: var(--infinite-error-color);
      --infinite-menu-color: var(--infinite-cell-color);
      --infinite-menu-background: var(--infinite-background);
      --infinite-menu-item-disabled-background: var(--infinite-menu-background);
      --infinite-menu-item-active-background: var(--infinite-row-hover-background);
      --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
      --infinite-load-mask-text-background: rgba(255,255,255,.8);
      --infinite-load-mask-color: inherit;
      --infinite-row-background: var(--infinite-background);
      --infinite-grouping-toolbar-background: var(--infinite-background);
      --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
      --infinite-menu-separator-color: currentColor;
      --infinite-menu-padding: var(--infinite-space-3);
      --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
      --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
      --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
      --infinite-menu-item-disabled-opacity: .5;
      --infinite-menu-item-active-opacity: .9;
      --infinite-menu-item-pressed-opacity: 1;
      --infinite-menu-border-radius: var(--infinite-space-2);
      --infinite-menu-shadow-color: rgba(0,0,0,.25);
      --infinite-rowdetail-background: var(--infinite-row-hover-background);
      --infinite-rowdetail-padding: var(--infinite-space-2);
      --infinite-rowdetail-grid-height: 100%;
      --infinite-load-mask-overlay-background: gray;
      --infinite-load-mask-overlay-opacity: .3;
      --infinite-load-mask-padding: var(--infinite-space-5);
      --infinite-load-mask-border-radius: var(--infinite-border-radius);
      --infinite-filter-operator-padding-x: var(--infinite-space-1);
      --infinite-filter-editor-padding-x: var(--infinite-space-2);
      --infinite-filter-editor-margin-x: var(--infinite-space-1);
      --infinite-filter-operator-padding-y: var(--infinite-space-0);
      --infinite-filter-editor-padding-y: var(--infinite-space-0);
      --infinite-filter-editor-margin-y: var(--infinite-space-1);
      --infinite-resize-handle-active-area-width: 16px;
      --infinite-resize-handle-width: 2px;
      --infinite-resize-handle-hover-background: var(--infinite-accent-color);
      --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
      --infinite-header-cell-background: #ededed;
      --infinite-filter-editor-border: var(--infinite-cell-border);
      --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
      --infinite-filter-editor-color: currentColor;
      --infinite-filter-editor-border-radius: var(--infinite-border-radius);
      --infinite-header-cell-hover-background: #dfdfdf;
      --infinite-header-cell-padding-x: var(--infinite-space-3);
      --infinite-header-cell-padding-y: var(--infinite-space-3);
      --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x);
      --infinite-header-cell-icon-size: 16px;
      --infinite-header-cell-menu-icon-line-width: 1px;
      --infinite-header-cell-sort-icon-margin: 16px;
      --infinite-column-header-height: 30px;
      --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
      --infinite-grouping-toolbar-active-background: var(--infinite-grouping-toolbar-color);
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
      }
      --infinite-grouping-toolbar-active-background-alpha: .15;
      --infinite-grouping-toolbar-color: var(--infinite-cell-color);
      --infinite-grouping-toolbar-padding: var(--infinite-space-3);
      --infinite-grouping-toolbar-gap: var(--infinite-space-2);
      --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
      --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
      --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
      --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
      --infinite-grouping-toolbar-item-active-background: var(--infinite-grouping-toolbar-color);
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
      }
      --infinite-grouping-toolbar-item-active-background-alpha: .15;
      --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
      --infinite-cell-border-width: 1px;
      --infinite-flashing-overlay-z-index: -1;
      --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
      --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
      --infinite-cell-border-color: #c6c6c6;
      --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
      --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
      --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
      --infinite-pinned-cell-border: var(--infinite-cell-border);
      --infinite-cell-border-invisible: none;
      --infinite-cell-border-radius: var(--infinite-space-2);
      --infinite-column-reorder-effect-duration: .2s;
      --infinite-selected-cell-border-style: solid;
      --infinite-active-cell-border-style: dashed;
      --infinite-active-cell-border-width: 1px;
      --infinite-active-cell-background-alpha: .25;
      --infinite-active-cell-background-alpha--table-unfocused: .1;
      --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color))))));
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
      }
      --infinite-active-cell-background-default: var(--infinite-active-cell-background, var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
      }
      --infinite-row-odd-background: #f6f6f6;
      --infinite-row-disabled-opacity: .5;
      --infinite-row-disabled-background: #eeeeee;
      --infinite-row-odd-disabled-background: #f9f9f9;
      --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
      --infinite-row-selected-background: #d1e9ff;
      --infinite-row-selected-hover-background: #add8ff;
      --infinite-group-row-background: #cbc5c5;
      --infinite-group-row-column-nesting: 24px;
      --infinite-row-hover-background: #dbdbdb;
      --infinite-row-pointer-events-while-scrolling: auto;
      --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
    }
    .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-name--default .infinite-theme-mode--light,.infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
      --infinite-loaded: true;
      --infinite-theme-name: default;
      --infinite-theme-mode: light;
      --infinite-icon-size: 24px;
      --infinite-space-0: 0rem;
      --infinite-space-1: .125rem;
      --infinite-space-2: .25rem;
      --infinite-space-3: .5rem;
      --infinite-space-4: .75rem;
      --infinite-space-5: 1rem;
      --infinite-space-6: 1.25rem;
      --infinite-space-7: 1.5rem;
      --infinite-space-8: 2.25rem;
      --infinite-space-9: 3rem;
      --infinite-space-10: 4rem;
      --infinite-font-size-0: .5rem;
      --infinite-font-size-1: .625rem;
      --infinite-font-size-2: .75rem;
      --infinite-font-size-3: .875rem;
      --infinite-font-size-4: 1rem;
      --infinite-font-size-5: 1.25rem;
      --infinite-font-size-6: 1.5rem;
      --infinite-font-size-7: 2.25rem;
      --infinite-font-family: inherit;
      --infinite-focus-outline: 2px solid var(--infinite-accent-color);
      --infinite-color: #484848;
      --infinite-accent-color: #0284c7;
      --infinite-success-color: #7aff7a;
      --infinite-error-color: #ff0000;
      --infinite-border-radius: var(--infinite-space-2);
      --infinite-background: white;
      --infinite-min-height: 100px;
      --infinite-header-cell-border-right: var(--infinite-cell-border);
      --infinite-header-cell-border: var(--infinite-cell-border);
      --infinite-filter-editor-background: var(--infinite-row-background);
      --infinite-header-color: #6f6f6f;
      --infinite-header-background: var(--infinite-header-cell-background);
      --infinite-cell-color: currentColor;
      --infinite-flashing-background: var(--infinite-accent-color);
      --infinite-flashing-up-background: var(--infinite-success-color);
      --infinite-flashing-down-background: var(--infinite-error-color);
      --infinite-menu-color: var(--infinite-cell-color);
      --infinite-menu-background: var(--infinite-background);
      --infinite-menu-item-disabled-background: var(--infinite-menu-background);
      --infinite-menu-item-active-background: var(--infinite-row-hover-background);
      --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
      --infinite-load-mask-text-background: rgba(255,255,255,.8);
      --infinite-load-mask-color: inherit;
      --infinite-row-background: var(--infinite-background);
      --infinite-grouping-toolbar-background: var(--infinite-background);
      --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
      --infinite-menu-separator-color: currentColor;
      --infinite-menu-padding: var(--infinite-space-3);
      --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
      --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
      --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
      --infinite-menu-item-disabled-opacity: .5;
      --infinite-menu-item-active-opacity: .9;
      --infinite-menu-item-pressed-opacity: 1;
      --infinite-menu-border-radius: var(--infinite-space-2);
      --infinite-menu-shadow-color: rgba(0,0,0,.25);
      --infinite-rowdetail-background: var(--infinite-row-hover-background);
      --infinite-rowdetail-padding: var(--infinite-space-2);
      --infinite-rowdetail-grid-height: 100%;
      --infinite-load-mask-overlay-background: gray;
      --infinite-load-mask-overlay-opacity: .3;
      --infinite-load-mask-padding: var(--infinite-space-5);
      --infinite-load-mask-border-radius: var(--infinite-border-radius);
      --infinite-filter-operator-padding-x: var(--infinite-space-1);
      --infinite-filter-editor-padding-x: var(--infinite-space-2);
      --infinite-filter-editor-margin-x: var(--infinite-space-1);
      --infinite-filter-operator-padding-y: var(--infinite-space-0);
      --infinite-filter-editor-padding-y: var(--infinite-space-0);
      --infinite-filter-editor-margin-y: var(--infinite-space-1);
      --infinite-resize-handle-active-area-width: 16px;
      --infinite-resize-handle-width: 2px;
      --infinite-resize-handle-hover-background: var(--infinite-accent-color);
      --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
      --infinite-header-cell-background: #ededed;
      --infinite-filter-editor-border: var(--infinite-cell-border);
      --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
      --infinite-filter-editor-color: currentColor;
      --infinite-filter-editor-border-radius: var(--infinite-border-radius);
      --infinite-header-cell-hover-background: #dfdfdf;
      --infinite-header-cell-padding-x: var(--infinite-space-3);
      --infinite-header-cell-padding-y: var(--infinite-space-3);
      --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x);
      --infinite-header-cell-icon-size: 16px;
      --infinite-header-cell-menu-icon-line-width: 1px;
      --infinite-header-cell-sort-icon-margin: 16px;
      --infinite-column-header-height: 30px;
      --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
      --infinite-grouping-toolbar-active-background: var(--infinite-grouping-toolbar-color);
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
      }
      --infinite-grouping-toolbar-active-background-alpha: .15;
      --infinite-grouping-toolbar-color: var(--infinite-cell-color);
      --infinite-grouping-toolbar-padding: var(--infinite-space-3);
      --infinite-grouping-toolbar-gap: var(--infinite-space-2);
      --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
      --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
      --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
      --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
      --infinite-grouping-toolbar-item-active-background: var(--infinite-grouping-toolbar-color);
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
      }
      --infinite-grouping-toolbar-item-active-background-alpha: .15;
      --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
      --infinite-cell-border-width: 1px;
      --infinite-flashing-overlay-z-index: -1;
      --infinite-horizontal-layout-column-reorder-disabled-page-opacity: .3;
      --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
      --infinite-cell-border-color: #c6c6c6;
      --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
      --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
      --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
      --infinite-pinned-cell-border: var(--infinite-cell-border);
      --infinite-cell-border-invisible: none;
      --infinite-cell-border-radius: var(--infinite-space-2);
      --infinite-column-reorder-effect-duration: .2s;
      --infinite-selected-cell-border-style: solid;
      --infinite-active-cell-border-style: dashed;
      --infinite-active-cell-border-width: 1px;
      --infinite-active-cell-background-alpha: .25;
      --infinite-active-cell-background-alpha--table-unfocused: .1;
      --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color))))));
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
      }
      --infinite-active-cell-background-default: var(--infinite-active-cell-background, var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
      @supports (color: color-mix(in lab, red, red)) {
        --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
      }
      --infinite-row-odd-background: #f6f6f6;
      --infinite-row-disabled-opacity: .5;
      --infinite-row-disabled-background: #eeeeee;
      --infinite-row-odd-disabled-background: #f9f9f9;
      --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
      --infinite-row-selected-background: #d1e9ff;
      --infinite-row-selected-hover-background: #add8ff;
      --infinite-group-row-background: #cbc5c5;
      --infinite-group-row-column-nesting: 24px;
      --infinite-row-hover-background: #dbdbdb;
      --infinite-row-pointer-events-while-scrolling: auto;
      --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
    }
    .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,.infinite-theme-mode--dark .infinite-theme-name--default,.infinite-theme-name--default .infinite-theme-mode--dark {
      --infinite-header-cell-border-right: var(--infinite-cell-border);
      --infinite-header-cell-border: var(--infinite-cell-border);
      --infinite-filter-editor-background: var(--infinite-row-odd-background);
      --infinite-header-color: #c3c3c3;
      --infinite-header-background: var(--infinite-header-cell-background);
      --infinite-cell-color: #c3c3c3;
      --infinite-flashing-background: var(--infinite-accent-color);
      --infinite-flashing-up-background: var(--infinite-success-color);
      --infinite-flashing-down-background: var(--infinite-error-color);
      --infinite-menu-color: var(--infinite-cell-color);
      --infinite-menu-background: var(--infinite-background);
      --infinite-menu-item-disabled-background: var(--infinite-menu-background);
      --infinite-menu-item-active-background: var(--infinite-row-hover-background);
      --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
      --infinite-load-mask-text-background: var(--infinite-background);
      --infinite-load-mask-color: var(--infinite-cell-color);
      --infinite-row-background: var(--infinite-background);
      --infinite-grouping-toolbar-background: var(--infinite-background);
      --infinite-theme-mode: dark;
      --infinite-icon-size: 24px;
      --infinite-background: #101419;
      --infinite-success-color: #008700;
      --infinite-cell-border: 1px solid #2a323d;
      --infinite-header-cell-background: #1b2129;
      --infinite-header-cell-hover-background: #222932;
      --infinite-row-hover-background: #3b4754;
      --infinite-row-selected-background: #0a2e4f;
      --infinite-row-selected-hover-background: #0b243a;
      --infinite-row-odd-background: #242a31;
      --infinite-row-disabled-background: #292a2c;
      --infinite-row-odd-disabled-background: #2d2e30;
      --infinite-menu-shadow-color: rgba(255,255,255,.25);
      --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
    }
    @media (prefers-color-scheme: dark) {
      :root {
        --infinite-header-cell-border-right: var(--infinite-cell-border);
        --infinite-header-cell-border: var(--infinite-cell-border);
        --infinite-filter-editor-background: var(--infinite-row-odd-background);
        --infinite-header-color: #c3c3c3;
        --infinite-header-background: var(--infinite-header-cell-background);
        --infinite-cell-color: #c3c3c3;
        --infinite-flashing-background: var(--infinite-accent-color);
        --infinite-flashing-up-background: var(--infinite-success-color);
        --infinite-flashing-down-background: var(--infinite-error-color);
        --infinite-menu-color: var(--infinite-cell-color);
        --infinite-menu-background: var(--infinite-background);
        --infinite-menu-item-disabled-background: var(--infinite-menu-background);
        --infinite-menu-item-active-background: var(--infinite-row-hover-background);
        --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
        --infinite-load-mask-text-background: var(--infinite-background);
        --infinite-load-mask-color: var(--infinite-cell-color);
        --infinite-row-background: var(--infinite-background);
        --infinite-grouping-toolbar-background: var(--infinite-background);
        --infinite-theme-mode: dark;
        --infinite-icon-size: 24px;
        --infinite-background: #101419;
        --infinite-success-color: #008700;
        --infinite-cell-border: 1px solid #2a323d;
        --infinite-header-cell-background: #1b2129;
        --infinite-header-cell-hover-background: #222932;
        --infinite-row-hover-background: #3b4754;
        --infinite-row-selected-background: #0a2e4f;
        --infinite-row-selected-hover-background: #0b243a;
        --infinite-row-odd-background: #242a31;
        --infinite-row-disabled-background: #292a2c;
        --infinite-row-odd-disabled-background: #2d2e30;
        --infinite-menu-shadow-color: rgba(255,255,255,.25);
        --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
      }
      .infinite-theme-name--default:root,.infinite-theme-name--default {
        --infinite-header-cell-border-right: var(--infinite-cell-border);
        --infinite-header-cell-border: var(--infinite-cell-border);
        --infinite-filter-editor-background: var(--infinite-row-odd-background);
        --infinite-header-color: #c3c3c3;
        --infinite-header-background: var(--infinite-header-cell-background);
        --infinite-cell-color: #c3c3c3;
        --infinite-flashing-background: var(--infinite-accent-color);
        --infinite-flashing-up-background: var(--infinite-success-color);
        --infinite-flashing-down-background: var(--infinite-error-color);
        --infinite-menu-color: var(--infinite-cell-color);
        --infinite-menu-background: var(--infinite-background);
        --infinite-menu-item-disabled-background: var(--infinite-menu-background);
        --infinite-menu-item-active-background: var(--infinite-row-hover-background);
        --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
        --infinite-load-mask-text-background: var(--infinite-background);
        --infinite-load-mask-color: var(--infinite-cell-color);
        --infinite-row-background: var(--infinite-background);
        --infinite-grouping-toolbar-background: var(--infinite-background);
        --infinite-theme-mode: dark;
        --infinite-icon-size: 24px;
        --infinite-background: #101419;
        --infinite-success-color: #008700;
        --infinite-cell-border: 1px solid #2a323d;
        --infinite-header-cell-background: #1b2129;
        --infinite-header-cell-hover-background: #222932;
        --infinite-row-hover-background: #3b4754;
        --infinite-row-selected-background: #0a2e4f;
        --infinite-row-selected-hover-background: #0b243a;
        --infinite-row-odd-background: #242a31;
        --infinite-row-disabled-background: #292a2c;
        --infinite-row-odd-disabled-background: #2d2e30;
        --infinite-menu-shadow-color: rgba(255,255,255,.25);
        --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
      }
    }
  }
  @layer infinite-table {
    .evqes20 {
      background: var(--infinite-rowdetail-background);
      padding: var(--infinite-rowdetail-padding);
    }
  }
  @layer infinite-table {
    ._1yeub2v0 {
      outline: none;
      font-family: var(--infinite-font-family);
      color: var(--infinite-color);
      background: var(--infinite-background);
      min-height: var(--infinite-min-height);
    }
    .evqes20 ._1yeub2v0 {
      height: var(--infinite-rowdetail-grid-height);
    }
    ._1yeub2v1 {
      --infinite-row-pointer-events-while-scrolling: none;
    }
    ._1yeub2vh {
      --infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);
      --infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused));
    }
    ._1yeub2vm {
      border-right: var(--infinite-cell-border);
    }
    ._1yeub2vn {
      border-left: var(--infinite-cell-border);
    }
    ._1yeub2vp {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }
  }
  @layer infinite-table {
    @keyframes _1eexc2a9 {
      0% {
        opacity: 0;
      }
      25% {
        opacity: 1;
      }
      75% {
        opacity: 1;
      }
      to {
        opacity: 0;
      }
    }
    ._1eexc2a0 {
      justify-content: center;
    }
    ._1eexc2a1 {
      justify-content: flex-start;
    }
    ._1eexc2a2 {
      justify-content: flex-start;
      flex-flow: row-reverse;
    }
    ._1eexc2a3 {
      transition: left .3s;
    }
    ._1eexc2a4 {
      transition: none;
    }
    ._1eexc2a5 {
      pointer-events: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      transform: translateZ(0) !important;
    }
    ._1eexc2a6 {
      display: flex;
      flex-flow: row;
      align-items: center;
      contain: layout size;
      position: absolute;
      will-change: transform;
      white-space: nowrap;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      padding: var(--infinite-cell-padding);
      border-left: var(--infinite-cell-border-left);
      border-right: var(--infinite-cell-border-right);
    }
    ._1yeub2vp ._1eexc2a7 {
      transition: transform var(--infinite-column-reorder-effect-duration);
    }
    ._1eexc2a8 {
      margin-inline: var(--infinite-selection-checkbox-margin-inline);
    }
    ._1eexc2aa:after {
      content: "";
      box-sizing: border-box;
      position: absolute;
      inset: 0;
      z-index: var(--infinite-flashing-overlay-z-index);
      left: calc(0px - var(--infinite-cell-border-width));
      right: calc(0px - var(--infinite-cell-border-width));
      pointer-events: none;
      animation-name: var(--infinite-flashing-animation-name, _1eexc2a9);
      animation-fill-mode: forwards;
      animation-duration: calc(1ms * var(--_16hkbkc3, var(--infinite-flashing-duration)));
      background: var(--_16hkbkc2, var(--infinite-flashing-background));
    }
    ._1eexc2ab {
      --_16hkbkc2: var(--infinite-flashing-up-background, var(--infinite-flashing-background));
    }
    ._1eexc2ac {
      --_16hkbkc2: var(--infinite-flashing-down-background, var(--infinite-flashing-background));
    }
    ._1eexc2ad {
      --_16hkbkc2: var(--infinite-flashing-background);
    }
    ._1eexc2ae:before {
      content: "";
      box-sizing: border-box;
      position: absolute;
      inset: 0;
      left: calc(0px - var(--infinite-cell-border-width));
      right: calc(0px - var(--infinite-cell-border-width));
      pointer-events: none;
      background: var(--infinite-selected-cell-background-default);
      border-width: var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width))));
      border-style: var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style));
      border: var(--infinite-selected-cell-border, var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width)))) var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style, var(--infinite-active-row-border-style))) var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))));
    }
    ._1eexc2ag:before {
      border-right-width: 0;
    }
    ._1eexc2ai:before {
      border-left-width: 0;
    }
    ._1eexc2ak:before {
      border-top-width: 0;
    }
    ._1eexc2am:before {
      border-bottom-width: 0;
    }
    ._1eexc2an {
      color: var(--infinite-cell-color);
    }
    ._1eexc2aq {
      opacity: var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity);
    }
    ._1eexc2ay {
      justify-content: flex-end;
    }
    ._1eexc2a10 {
      align-items: flex-start;
    }
    ._1eexc2a11 {
      align-items: flex-end;
    }
    ._1eexc2a1a {
      --infinite-row-background: var(--infinite-row-disabled-background);
      --infinite-row-odd-background: var(--infinite-row-odd-disabled-background);
      --infinite-row-hover-background: var(--infinite-row-disabled-background);
      --infinite-active-row-background: var(--infinite-row-background);
      --infinite-row-selected-hover-background: var(--infinite-row-selected-disabled-background);
      opacity: var(--infinite-row-disabled-opacity);
    }
    ._1eexc2a1b,._1eexc2a1c {
      background: var(--infinite-row-background);
    }
    ._1eexc2a1d {
      background: var(--infinite-row-odd-background);
    }
    ._1eexc2a1e {
      background: var(--infinite-row-selected-background);
    }
    ._1eexc2a1h {
      border-top-left-radius: var(--infinite-cell-border-radius);
      border-bottom-left-radius: var(--infinite-cell-border-radius);
    }
    ._1eexc2a1j {
      border-top-right-radius: var(--infinite-cell-border-radius);
      border-bottom-right-radius: var(--infinite-cell-border-radius);
    }
    ._1eexc2a1q {
      border-top: var(--infinite-cell-border-top);
    }
    ._1eexc2a20 {
      border-top: none;
    }
    ._1eexc2a21 {
      border-right: var(--infinite-pinned-cell-border);
    }
    ._1eexc2a23 {
      border-left: var(--infinite-pinned-cell-border);
    }
    ._1eexc2a25 {
      justify-content: center;
    }
    ._1eexc2a26 {
      --infinite-row-hover-background: var(--infinite-row-odd-disabled-background);
    }
  }
  @layer infinite-table {
    ._12zfob13,._12zfob14 {
      margin-left: var(--infinite-header-cell-sort-icon-margin);
    }
    ._12zfob15 {
      margin-right: var(--infinite-header-cell-sort-icon-margin);
    }
    ._12zfob16,._12zfob17 {
      line-height: 0;
      font-size: 10px;
      border-radius: 50%;
      padding: 1px;
      position: absolute;
      transition: top .2s;
      top: 0;
      right: 2px;
    }
    ._12zfob19 {
      visibility: visible;
    }
    ._12zfob1a {
      visibility: hidden;
    }
    ._12zfob1b {
      background: var(--infinite-header-background);
      top: 0;
      right: 0;
      bottom: 0;
    }
    ._12zfob1c {
      background: var(--infinite-header-background);
      color: var(--infinite-header-color);
      transform: translateZ(0);
    }
    ._12zfob1k {
      z-index: 10;
    }
    ._12zfob1m {
      border-right: var(--infinite-pinned-cell-border);
    }
    ._12zfob1o {
      border-left: var(--infinite-pinned-cell-border);
    }
    ._12zfob1q {
      background: var(--infinite-header-cell-hover-background);
      color: var(--infinite-cell-color);
      opacity: .8;
      padding: var(--infinite-cell-padding);
      padding-left: 20px;
      z-index: 2000;
      display: flex;
      flex-flow: row;
      align-items: center;
      justify-content: start;
    }
    ._12zfob1r {
      border-left: var(--infinite-cell-border-width) solid transparent;
      border-right: var(--infinite-header-cell-border-right);
      background: var(--infinite-header-cell-background);
      padding: 0;
      display: block;
    }
    ._12zfob1r:hover {
      background: var(--infinite-header-cell-hover-background);
    }
    ._12zfob11n {
      opacity: var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity);
    }
    ._12zfob11p {
      border-top-left-radius: var(--infinite-cell-border-radius);
      border-bottom-left-radius: var(--infinite-cell-border-radius);
    }
    ._12zfob11r {
      border-top-right-radius: var(--infinite-cell-border-radius);
      border-bottom-right-radius: var(--infinite-cell-border-radius);
    }
    ._12zfob11z {
      z-index: 10;
    }
    ._12zfob124 {
      border-right: var(--infinite-pinned-cell-border);
    }
    ._1yeub2v2 ._1yeub2vd ._12zfob124 {
      --infinite-cell-border: var(--infinite-cell-border-invisible);
    }
    ._12zfob125 {
      border-left: var(--infinite-pinned-cell-border);
    }
    ._12zfob126 {
      border-right: var(--infinite-cell-border);
    }
    ._12zfob127 {
      cursor: context-menu;
      padding-block-start: 2px;
      padding-block-end: 2px;
      min-width: var(--infinite-header-cell-icon-size);
      height: var(--infinite-header-cell-icon-size);
    }
    ._12zfob127:active {
      top: 1px;
    }
    ._12zfob11m:hover ._12zfob127,._12zfob128 {
      visibility: visible;
      display: flex;
    }
    ._12zfob12a {
      display: none;
    }
    ._12zfob12b {
      visibility: visible;
      display: flex;
    }
    ._12zfob12c {
      padding: var(--infinite-header-cell-padding);
    }
    ._12zfob12f {
      align-items: flex-start;
    }
    ._12zfob12g {
      align-items: flex-end;
    }
    ._12zfob12j {
      flex-direction: row-reverse;
    }
    ._12zfob12k {
      justify-content: center;
    }
    ._12zfob12l {
      background: var(--infinite-header-background);
    }
    ._12zfob12m {
      padding: var(--infinite-cell-padding);
      border-bottom: var(--infinite-cell-border);
      border-right: var(--infinite-cell-border);
      background: var(--infinite-header-cell-background);
    }
    ._12zfob12n {
      border-top: var(--infinite-cell-border);
      padding-block: var(--infinite-filter-editor-margin-y);
    }
    ._12zfob12q {
      padding-inline: var(--infinite-filter-operator-padding-x);
      padding-block: var(--infinite-filter-operator-padding-y);
    }
    ._12zfob12o ._12zfob12q {
      color: var(--infinite-accent-color);
    }
    ._12zfob12q:active {
      top: 1px;
    }
    ._12zfob12s {
      opacity: var(--infinite-menu-item-disabled-opacity);
      cursor: auto;
    }
    ._12zfob12t:active {
      top: 1px;
    }
    ._12zfob12u {
      margin-inline: var(--infinite-filter-editor-margin-x);
      padding-inline: var(--infinite-filter-editor-padding-x);
      padding-block: var(--infinite-filter-editor-padding-y);
      background: var(--infinite-filter-editor-background);
      color: var(--infinite-filter-editor-color);
      border: var(--infinite-filter-editor-border);
      border-radius: var(--infinite-filter-editor-border-radius);
    }
    ._12zfob12u:focus {
      outline: none;
      border-color: var(--infinite-filter-editor-focus-border-color);
    }
    ._12zfob12o ._12zfob12u {
      outline: none;
      border-color: var(--infinite-filter-editor-focus-border-color);
    }
  }
  @layer infinite-table {
    ._6aunoi0 {
      padding-block-start: 2px;
      padding-block-end: 2px;
      min-width: var(--infinite-header-cell-icon-size);
      height: var(--infinite-header-cell-icon-size);
    }
  }
  @layer infinite-table {
    ._6rdmyg0 {
      fill: var(--infinite-expand-collapse-icon-color);
      display: inline-block;
      vertical-align: bottom;
    }
    ._6rdmyg6 {
      cursor: auto;
      opacity: .4;
    }
  }
  @layer infinite-table {
    ._7pupv00 {
      --infinite-row-background: var(--infinite-row-hover-background);
      --infinite-row-selected-background: var(--infinite-row-selected-hover-background);
      --infinite-row-odd-background: var(--infinite-row-hover-background);
    }
    ._7pupv02,._7pupv03 {
      padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
    }
    ._7pupv04 {
      padding-inline-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
    }
    ._7pupv06,._7pupv07 {
      padding-inline-start: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
    }
    ._7pupv08 {
      padding-inline-end: calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting));
    }
  }
  @layer infinite-table {
    .qz8ht90 {
      accent-color: var(--infinite-accent-color);
      vertical-align: middle;
    }
    .qz8ht90[disabled] {
      opacity: .7;
      cursor: auto;
    }
  }
  @layer infinite-table {
    ._1ek6mqy0 {
      padding-block-start: 2px;
      padding-block-end: 2px;
      min-width: var(--infinite-header-cell-icon-size);
      height: var(--infinite-header-cell-icon-size);
    }
  }
  @layer infinite-table {
    .zneyzh0 {
      transform: translate(50%);
      width: var(--infinite-resize-handle-active-area-width);
    }
    .zneyzh0:hover {
      overflow: visible;
    }
    .zneyzh3 {
      transform: translate(-50%);
    }
    .zneyzh9,.zneyzha,.zneyzhb {
      transform: none;
    }
    .zneyzhc {
      right: calc((var(--infinite-resize-handle-active-area-width) - var(--infinite-resize-handle-width)) / 2);
      width: var(--infinite-resize-handle-width);
    }
    .zneyzh0:hover .zneyzhc {
      background: var(--infinite-resize-handle-hover-background);
    }
    .zneyzh0:hover .zneyzhe {
      background: var(--infinite-resize-handle-constrained-hover-background);
    }
    .zneyzhm {
      right: 0;
    }
    .zneyzhn {
      right: unset;
    }
  }
  @layer infinite-table {
    ._3dmbka2 {
      transition: transform .05s cubic-bezier(.4,0,.2,1);
    }
    ._3dmbka3 {
      transition: transform .2s cubic-bezier(.4,0,.2,1);
    }
    ._3dmbka5 {
      cursor: grabbing;
    }
  }
  @layer infinite-table {
    .mlx2t2 {
      display: inline-block;
    }
    .mlx2t3 {
      height: 0;
      width: 0;
      will-change: transform;
    }
  }
  @layer infinite-table {
    ._1ueijco0 {
      backface-visibility: hidden;
      -webkit-overflow-scrolling: touch;
      outline: none;
      position: fixed;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
    }
    ._1ueijco1 {
      position: sticky;
      will-change: transform;
      transform: translateZ(0);
      contain: size layout;
      top: 0;
      left: 0;
    }
    ._1ueijco2 {
      overflow: auto;
    }
    ._1ueijco3 {
      overflow: hidden;
    }
    ._1ueijco4 {
      overflow: visible;
    }
    ._1ueijco5 {
      overflow: auto;
    }
    ._1ueijco6 {
      overflow: hidden;
    }
    ._1ueijco7 {
      overflow-x: auto;
    }
    ._1ueijco8 {
      overflow-x: hidden;
    }
    ._1ueijco9 {
      overflow-x: visible;
    }
    ._1ueijcoa {
      overflow-x: auto;
    }
    ._1ueijcob {
      overflow-x: hidden;
    }
    ._1ueijcoc {
      overflow-y: auto;
    }
    ._1ueijcod {
      overflow-y: hidden;
    }
    ._1ueijcoe {
      overflow-y: visible;
    }
    ._1ueijcof {
      overflow-y: auto;
    }
    ._1ueijcog {
      overflow-y: hidden;
    }
  }
  @layer infinite-table {
    .nxbq1c0 {
      width: var(--_16hkbkcb);
      height: var(--_16hkbkc6);
    }
    .nxbq1c1 {
      --_16hkbkc7: var(--_16hkbkcc);
      --_16hkbkc8: var(--_16hkbkc4);
      transform: translate3d(var(--_16hkbkc7),var(--_16hkbkc8),0);
      inset: var(--infinite-active-cell-indicator-inset);
      border: var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
      background: var(--infinite-active-cell-background-default);
    }
    .nxbq1c3 {
      display: block;
    }
    .nxbq1c4 {
      display: none;
    }
  }
  @layer infinite-table {
    .j26lrx0 {
      --infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));
      right: 0;
      border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
      background: var(--infinite-active-row-background, var(--infinite-active-cell-background, var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color)))));
      @supports (color: color-mix(in lab, red, red)) {
        background: var(--infinite-active-row-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))), transparent calc(100% - var(--infinite-active-row-background-alpha, var(--infinite-active-cell-background-alpha)) * 100%))));
      }
    }
    .j26lrx2 {
      display: block;
    }
    .j26lrx3 {
      display: none;
    }
  }
  @layer infinite-table {
    .db3arf0 {
      padding: var(--infinite-menu-padding);
      color: var(--infinite-menu-color);
      background: var(--infinite-menu-background);
      border-radius: var(--infinite-menu-border-radius);
      outline: none;
      box-shadow: 0 6px 12px -2px var(--infinite-menu-shadow-color),0 3px 7px -3px var(--infinite-menu-background);
    }
    .db3arf1 {
      display: contents;
    }
    .db3arf2 {
      padding-block: var(--infinite-menu-cell-padding-vertical);
      padding-inline: var(--infinite-menu-cell-padding-horizontal);
      margin-block: var(--infinite-menu-cell-margin-vertical);
      border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
      border-color: transparent;
    }
    .db3arf3 {
      opacity: var(--infinite-menu-item-disabled-opacity);
      background: var(--infinite-menu-item-disabled-background);
    }
    .db3arf0:focus-within>.db3arf1>.db3arf9 {
      border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
    }
    .db3arf0:focus-within>.db3arf1>.db3arf9:first-child:last-child {
      border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
    }
    .db3arf0:focus-within>.db3arf1>.db3arf9:first-child {
      border-right-color: transparent;
    }
    .db3arf0:focus-within>.db3arf1>.db3arf9:last-child {
      border-left-color: transparent;
    }
    .db3arf0:focus-within>.db3arf1>.db3arf9:not(:first-child):not(:last-child) {
      border-left-color: transparent;
      border-right-color: transparent;
    }
    .db3arfb {
      background: var(--infinite-menu-item-active-background);
      opacity: var(--infinite-menu-item-active-opacity);
    }
    .db3arfc {
      background: var(--infinite-menu-item-pressed-background);
      opacity: var(--infinite-menu-item-pressed-opacity);
    }
    .db3arfd {
      border-top: 1px solid var(--infinite-menu-separator-color);
      border-bottom: 0;
      border-left: 0;
      border-right: 0;
      margin-top: calc(var(--infinite-menu-cell-padding-vertical) / 2);
      margin-bottom: calc(var(--infinite-menu-cell-padding-vertical) / 2);
    }
  }
  @layer infinite-table {
    .yzx0vj0 {
      color: var(--infinite-cell-color);
    }
  }
  @layer infinite-table {
    @keyframes _143ofgf4 {
      0% {
        opacity: 0;
      }
      25% {
        opacity: .3;
      }
      50% {
        opacity: 0;
      }
      75% {
        opacity: .3;
      }
      to {
        opacity: 0;
      }
    }
    ._143ofgf0 {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1000;
      opacity: 0;
      display: none;
    }
    ._143ofgf1 {
      opacity: 1;
      display: block;
    }
    ._143ofgf3 {
      background-color: #fff;
      color: #000;
      padding: 5px;
      font-family: monospace;
      font-size: 12px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 100;
    }
    ._143ofgf5 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: red;
    }
    ._143ofgf1 ._143ofgf5 {
      animation: _143ofgf4 1s forwards;
    }
  }
  @layer infinite-table {
    .hs68h80 {
      gap: var(--infinite-grouping-toolbar-gap);
      color: var(--infinite-grouping-toolbar-color);
      padding: var(--infinite-grouping-toolbar-padding);
      border: var(--infinite-grouping-toolbar-border);
    }
    .hs68h81 {
      opacity: .5;
    }
    .hs68h8b {
      background: var(--infinite-grouping-toolbar-reject-background);
      border: var(--infinite-grouping-toolbar-reject-border);
    }
    .hs68h8c {
      background: var(--infinite-grouping-toolbar-active-background);
      border: var(--infinite-grouping-toolbar-border);
    }
    .hs68h8d {
      background: var(--infinite-grouping-toolbar-background);
      border: var(--infinite-grouping-toolbar-border);
    }
    .hs68h8e {
      border: var(--infinite-grouping-toolbar-item-border);
      border-radius: var(--infinite-grouping-toolbar-item-border-radius);
      background: var(--infinite-grouping-toolbar-item-background);
      gap: var(--infinite-grouping-toolbar-gap);
    }
    .hs68h8f {
      background: var(--infinite-grouping-toolbar-item-background);
      border: var(--infinite-grouping-toolbar-item-active-border);
    }
    .hs68h8j:focus {
      outline: var(--infinite-focus-outline);
    }
  }
  @layer infinite-table {
    .qy58ya0 {
      flex-flow: row;
      align-items: center;
      justify-content: center;
    }
    .qy58ya1 {
      display: flex;
    }
    .qy58ya2 {
      display: none;
    }
    .qy58ya3 {
      background: var(--infinite-load-mask-overlay-background);
      opacity: var(--infinite-load-mask-overlay-opacity);
    }
    .qy58ya4 {
      position: relative;
      padding: var(--infinite-load-mask-padding);
      color: var(--infinite-load-mask-color);
      background: var(--infinite-load-mask-text-background);
      border-radius: var(--infinite-load-mask-border-radius);
    }
  }
  :root {
    --ab-base-space: 4px;
    --ab-base-font-size: 1rem;
    --ab-space-0: 0px;
    --ab-space-1: var(--ab-base-space);
    --ab-space-2: calc(var(--ab-base-space) * 2);
    --ab-space-3: calc(var(--ab-base-space) * 4);
    --ab-space-4: calc(var(--ab-base-space) * 8);
    --ab-space-5: calc(var(--ab-base-space) * 16);
    --ab-space-6: calc(var(--ab-base-space) * 32);
    --ab-space-7: calc(var(--ab-base-space) * 64);
    --ab-font-size-0: calc(var(--ab-base-font-size) * 0.5);
    --ab-font-size-1: calc(var(--ab-base-font-size) * 0.625);
    --ab-font-size-2: calc(var(--ab-base-font-size) * 0.75);
    --ab-font-size-3: calc(var(--ab-base-font-size) * 0.875);
    --ab-font-size-4: var(--ab-base-font-size);
    --ab-font-size-5: calc(var(--ab-base-font-size) * 1.25);
    --ab-font-size-6: calc(var(--ab-base-font-size) * 1.5);
    --ab-font-size-7: calc(var(--ab-base-font-size) * 2.25);
    --ab-input-height: 36px;
    --ab__font-family: inherit;
    --ab__border-radius: var(--ab-space-1);
    --ab-color-inputborder: var(--ab-color-primarydark);
    --ab-color-inputcolor: var(--ab-color-text-on-primary);
    --ab-color-error: #dc3545;
    --ab-color-errorlight: #ffd3d2;
    --ab-color-warn: #eb9316;
    --ab-color-info: #17a2b8;
    --ab-color-success: #419641;
    --ab-color-accent: #07c;
    --ab-color-accent-foreground: #e2e2e2;
    --ab-color-accentlight: #dbf0ff;
    --ab-color-text-on-success: white;
    --ab-color-text-on-error: white;
    --ab-color-text-on-info: white;
    --ab-color-text-on-warn: white;
    --ab-color-action-add: #2966a8;
    --ab-color-action-edit: #17a2b8;
    --ab-color-action-share: #eb9316;
    --ab-color-action-delete: #dc3545;
    --ab-color-action-clone: #419641;
    --ab-color-text-on-add: white;
    --ab-color-text-on-edit: white;
    --ab-color-text-on-share: white;
    --ab-color-text-on-delete: white;
    --ab-color-text-on-clone: white;
    --ab-color-defaultbackground: white;
    --ab-color-text-on-defaultbackground: var(--ab-color-text-on-primary);
    --ab-color-primary: #e9e9e9;
    --ab-color-primarydark: #b7b7b7;
    --ab-color-primarylight: #f5f5f5;
    --ab-color-text-on-primary: #656565;
    --ab-color-primary-foreground: var(--ab-color-text-on-primary);
    --ab-color-text-on-primarydark: var(--ab-color-text-on-primary);
    --ab-color-blue: blue;
    --ab-color-focus: var(--ab-color-accent);
    --ab-gridheader--filtered__background: var(--ab-color-primary);
    --ab-color-shadow: rgb(0 0 0 / 0.2);
    --ab-shadow-sm: 0 0px 3px 0 var(--ab-color-shadow), 0 1px 2px -1px var(--ab-color-shadow);
    --ab-shadow-md: 0 -2px 6px -1px var(--ab-color-shadow), 0 2px 4px -2px var(--ab-color-shadow);
    --ab-focus__box-shadow: 0 0px 5px 0 var(--ab-color-accent), 0 1px 2px -1px var(--ab-color-accent);
    --ab-focus-light__box-shadow: 0 0px 5px 0 var(--ab-color-accentlight),
    0 1px 2px -1px var(--ab-color-accentlight);
    --ab-focus-within__box-shadow: 0 0 5px 1px var(--ab-color-text-on-primary);
    --ab-focus__outline: none;
    --ab-icon-fill: currentColor;
    --ab-custom-scrollbar-size: 10px;
    --ab-grid-row-height: 35px;
    --ab-loaded: 777;
    --ab_flex-direction: column;
  }
  .infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default {
    --infinite-cell-border-radius: 0px;
    --infinite-active-cell-border-width: 0px;
    --infinite-background: var(--ab-color-defaultbackground);
    --infinite-row-background: var(--ab-color-defaultbackground);
    --infinite-row-odd-background: var(--ab-color-primarylight);
    --infinite-row-selected-background: var(--ab-color-primary);
    --infinite-row-selected-hover-background: var(--ab-color-primarydark);
    --infinite-row-hover-background: var(--ab-color-primary);
    --infinite-header-color: var(--ab-color-text-on-primarydark);
    --infinite-header-cell-background: var(--ab-color-primary);
    --infinite-header-cell-hover-background: var(--ab-color-primarylight);
    --infinite-menu-background: var(--infinite-header-cell-background);
    --infinite-menu-color: var(--infinite-header-color);
    --infinite-accent-color: var(--ab-color-accent);
    --infinite-flashing-duration: 1000;
  }
  .ab-style__list-group-item:nth-child(2n + 1) {
    background: var(--ab-color-primarylight);
  }
  .ab-Grid .ag-header-cell input[type='date' i]::-webkit-calendar-picker-indicator {
    margin-inline-start: 0px;
  }
  .ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
    font-weight: bolder;
    background: var(--ab-gridheader--filtered__background);
  }
  .ab-Grid .ag-pivot-mode-panel {
    display: none;
  }
  .ab-QuickSearchFind .ag-find-match {
    background-color: var( --ab-dynamic-background-color, var(--ag-find-match-background-color) ) !important;
    color: var(--ab-dynamic-color, var(--ag-find-match-color)) !important;
    font-weight: var(--ab-dynamic-font-weight) !important;
    font-style: var(--ab-dynamic-font-style) !important;
    font-size: var(--ab-dynamic-font-size) !important;
    text-decoration: var(--ab-dynamic-text-decoration) !important;
    border-radius: var(--ab-dynamic-border-radius) !important;
    border-color: var(--ab-dynamic-border-color) !important;
  }
  :root {
    --ab-cmp-checkbox__border-color: var(--ab-color-inputborder);
    --ab-cmp-checkbox__background: var(--ab-cmp-input__background);
    --ab-cmp-checkbox--checked__background: var(--ab-color-focus);
    --ab-cmp-checkbox--check-size: 16px;
    --ab-cmp-checkbox--check__color: white;
    --ab-cmp-checkbox--checked__border-color: var(--ab-color-accent);
    --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-focus);
    --ab-cmp-checkbox--check-indeterminate-radius: 2px;
  }
  .ab-CheckBox--variant-agGrid {
    --ab-cmp-checkbox--check__color: var(
    --ag-checkbox-checked-color,
    var(--ag-balham-active-color, #0091ea)
  );
    --ab-cmp-checkbox--checked__background: var(--ag-background-color);
    --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
    --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
    &.ab-CheckBox--indeterminate {
      --ab-cmp-checkbox--check__color: var(
      --ag-checkbox-checked-color,
      var(--ag-balham-active-color, #0091ea)
    );
    }
    &.ab-CheckBox--unchecked {
      --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color);
    }
  }
  .ab-QueryBuilder__expression {
    background-color: var(--ab-cmp-query-builder-expression__background);
    color: var(--ab-cmp-query-builder-expression__color);
    font-size: var(--ab-cmp-query-builder-expression__font-size);
  }
  .ab-QueryBuilder-predicate-editor {
    position: relative;
    &:before {
      content: '';
      position: absolute;
      top: 20px;
      left: -10px;
      width: 10px;
      height: 0px;
      border-top: var(--ab-cmp-query-builder__border);
    }
    &:after {
      content: '';
      position: absolute;
      top: 1px;
      bottom: 0;
      border-left: var(--ab-cmp-query-builder__border);
      left: -12px;
    }
  }
  .ab-QueryBuilder-predicate-editor--child .ab-QueryBuilder-predicate-editor__children-wrapper {
    margin-left: 25px;
  }
  .ab-QueryBuilder-predicate-editor__children-wrapper {
    position: relative;
    padding-left: 20px;
  }
  .ab-QueryBuilder-predicate-editor--root {
    padding-left: 20px;
    &:before {
      left: 10px;
    }
    &:after {
      left: 10px;
      top: 20px;
    }
  }
  .ab-QueryBuilder-predicate-editor__root-actions {
    padding-top: 10px;
    &:before {
      content: '';
      display: block;
      position: absolute;
      border-bottom: var(--ab-cmp-query-builder__border);
      bottom: 14px;
      left: 9px;
      height: 0px;
      width: 13px;
    }
    &:after {
      content: '';
      position: absolute;
      border-left: var(--ab-cmp-query-builder__border);
      height: 21px;
      bottom: 16px;
      left: 8px;
    }
  }
  :root {
    --ab-cmp-dropdown__color: var(--ab-color-inputcolor);
    --ab-cmp-dropdown--empty__color: var(--ab-color-text-on-defaultbackground);
    --ab-cmp-dropdown__border: 1px solid var(--ab-color-inputborder);
    --ab-cmp-dropdown__border-radius: var(--ab__border-radius);
    --ab-cmp-dropdown__fill: var(--ab-color-text-on-defaultbackground);
    --ab-cmp-dropdown__font-size: var(--ab-font-size-2);
    --ab-cmp-dropdown__font-family: var(--ab__font-family);
    --ab-cmp-dropdown__padding: var(--ab-space-2);
  }
  :root {
    --ab-cmp-select__font-size: var(--ab-font-size-3);
    --ab-cmp-select__font-family: var(--ab__font-family);
    --ab-cmp-select__color: var(--ab-cmp-input__color);
    --ab-cmp-select-focused__box-shadow: var(--ab-focus__box-shadow);
    --ab-cmp-select-focused__outline: var(--ab-focus__outline);
    --ab-cmp-select__border: var(--ab-cmp-input__border);
    --ab-cmp-select__border-radius: var(--ab-cmp-input__border-radius);
    --ab-cmp-select-menu__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
    --ab-cmp-select-menu__min-width: 150px;
    --ab-cmp-select-menu__max-width: 60vw;
    --ab-cmp-select-menu__max-height: 60vh;
    --ab-cmp-select-menu__min-height: 25rem;
    --ab-cmp-select-option-active__background: var(
    --ab-cmp-dropdownbutton-list-item-active__background
  );
    --ab-cmp-select-option-active__color: var(--ab-cmp-dropdownbutton-list-item-active__color);
    --ab-cmp-select-option-focused__background: var(
    --ab-cmp-dropdownbutton-list-item-hover__background
  );
    --ab-cmp-select-multi-value__background: var(--ab-cmp-input__background);
    --ab-cmp-select-loading__background: rgba(0, 0, 0, 0.3);
    --ab-cmp-select-min-height: auto;
    --ab-cmp-select-max-width: 60vw;
  }
  :root {
    --ab-cmp-dropdownbutton-list__border: none;
    --ab-cmp-dropdownbutton-list__background: var(--ab-color-primarylight);
    --ab-cmp-dropdownbutton-list-item__padding: var(--ab-space-2);
    --ab-cmp-dropdownbutton-list-item-hover__background: var(--ab-color-primary);
    --ab-cmp-dropdownbutton-list-item-hover__color: var(--ab-color-text-on-primary);
    --ab-cmp-dropdownbutton-list-item-active__background: var(--ab-color-primarydark);
    --ab-cmp-dropdownbutton-list-item-active__color: var(--ab-color-on-primarydark);
    --ab-cmp-dropdownbutton-list-item__color: var(--ab-color-text-on-primary);
    --ab-cmp-dropdownbutton-list__z-index: 1000;
    --ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
    --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
    -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
    --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark);
  }
  :root {
    --ab-cmp-field-wrap__background: var(--ab-color-defaultbackground);
    --ab-cmp-field-wrap__fill: var(--ab-color-inputcolor);
    --ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius);
  }
  :root {
    --ab-cmp-input__padding: var(--ab-space-2);
    --ab-cmp-input__color: var(--ab-color-inputcolor);
    --ab-cmp-input__background: var(--ab-color-defaultbackground);
    --ab-cmp-input__border-radius: var(--ab__border-radius);
    --ab-cmp-input__border: 1px solid var(--ab-color-inputborder);
    --ab-cmp-input--disabled__background: var(--ab-color-primarylight);
    --ab-cmp-input__font-size: var(--ab-font-size-2);
    --ab-cmp-input--placeholder__color: var(--ab-color-text-on-defaultbackground);
    --ab-cmp-input__font-family: var(--ab__font-family);
    --ab-cmp-input--placeholder__opacity: 0.6;
  }
  :root {
    --ab-cmp-modal-backdrop__background: var(--ab-color-shadow);
  }
  :root {
    --ab-cmp-tabs__padding: var(--ab-space-2);
    --ab-cmp-tabs-strip__background: var(--ab-color-defaultbackground);
    --ab-cmp-tabs-active__background: var(--ab-color-primarylight);
  }
  :root {
    --ab-cmp-panel_header__background: var(--ab-color-primary);
    --ab-cmp-panel_header__font-size: var(--ab-font-size-3);
    --ab-cmp-panel__font-size: var(--ab-font-size-3);
    --ab-cmp-panel__border-radius: var(--ab__border-radius);
    --ab-cmp-panel__max-height: 80vh;
    --ab-cmp-panel__border: 1px solid var(--ab-color-inputborder);
    --ab-cmp-panel-icon__fill: var(--ab-icon-fill);
    --ab-cmp-panel_header__padding: var(--ab-space-2);
    --ab-cmp-panel_header__color: var(--ab-color-text-on-primary);
    --ab-cmp-panel_header--variant-primary__background: var(--ab-color-accent);
    --ab-cmp-panel_header--variant-primary__color: var(--ab-color-accent-foreground);
    --ab-cmp-panel_header--variant-modern__background: var(--ab-color-primary);
    --ab-cmp-panel_header--variant-minimal__background: var(--ab-color-defaultbackground);
    --ab-cmp-panel_header--variant-modern__color: var(--ab-color-text-on-primary);
  }
  :root {
    --ab-cmp-simple-button__box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    --ab-cmp-simple-button__transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    --ab-cmp-simple-button__hover-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  :root {
    --ab-cmp-textarea__padding: var(--ab-space-1) var(--ab-space-2);
    --ab-cmp-textarea__border-radius: var(--ab__border-radius);
    --ab-cmp-textarea__border: 1px solid var(--ab-color-inputborder);
    --ab-cmp-textarea__color: var(--ab-cmp-input__color);
    --ab-cmp-textarea__font-size: var(--ab-font-size-3);
    --ab-cmp-textarea__font-family: var(--ab__font-family);
    --ab-cmp-textarea__background: var(--ab-cmp-input__background);
    --ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background);
  }
  :root {
    --ab-cmp-tooltip__opacity: 0.96;
    --ab-cmp-tooltip__background: var(--ab-color-primary);
    --ab-cmp-tooltip__color: var(--ab-color-text-on-primary);
    --ab-cmp-tooltip__border: solid 1px var(--ab-color-inputborder);
    --ab-cmp-tooltip__font-size: var(--ab-font-size-2);
  }
  :root {
    --ab-cmp-file-droppable__padding: var(--ab-space-5);
    --ab-cmp-file-droppable__margin: var(--ab-space-1);
    --ab-cmp-file-droppable__background: var(--ab-color-primary);
    --ab-cmp-file-droppable__color: var(--ab-color-text-on-primary);
    --ab-cmp-file-droppable__outline: 2px dashed var(--ab-cmp-file-droppable__color);
    --ab-cmp-file-droppable__outline-offset: -10px;
    --ab-cmp-file-droppable--drag-over__background: var(--ab-color-accent);
    --ab-cmp-file-droppable--drag-over__color: var(--ab-color-accent-foreground);
    --ab-cmp-file-droppable--drag-over__outline-offset: -20px;
    --ab-cmp-file-droppable--drag-over__outline: 2px dashed
    var(--ab-cmp-file-droppable--drag-over__color);
  }
  :root {
    --ab-dashboard__background: var(--ab-color-primary);
    --ab-dashboard__font-family: var(--ab__font-family);
    --ab-dashboard-wrap: nowrap;
    --ab-dashboard-gap-size: 3px;
    --ab-dashboard-gap__background: var(--ab-color-primarylight);
    --ab-dashboard__color: var(--ab-color-text-on-primary);
    --ab-dashboard__border: var(--ab-color-primarydark);
    --ab-dashboard-header__background: var(--ab-color-accent);
    --ab-dashboard-header__color: var(--ab-color-accent-foreground);
    --ab-dashboard-tab-drop-target__background: skyblue;
    --ab-dashboard-toolbar-drag__background: lightgreen;
  }
  :root {
    --ab-cmp-datepicker__background: var(--ab-color-defaultbackground);
    --ab-cmp-datepicker__active-color: var(--ab-color-primarydark);
    --ab-cmp-datepicker__active-text-color: var(--ab-color-text-on-primarydark);
    --ab-cmp-datepicker__active-border-radius: 100%;
    --ab-cmp-datepicker__active-border: var(--ab-cmp-datepicker__day-border-width) solid
    var(--ab-cmp-datepicker__active-color);
    --ab-cmp-datepicker__selected-color: var(--ab-color-accent);
    --ab-cmp-datepicker__selected-text-color: var(--ab-color-accent-foreground);
    --ab-cmp-datepicker__selected-border-radius: 100%;
    --ab-cmp-datepicker__selected-border: var(--ab-cmp-datepicker__day-border-width) solid
    var(--ab-cmp-datepicker__selected-color);
    --ab-cmp-datepicker__day-border-width: 2px;
    --ab-cmp-datepicker__day-border-radius: 50%;
    --ab-cmp-datepicker__hover-color: var(--ab-color-primarylight);
    --ab-cmp-datepicker__border: 1px solid var(--ab-color-primarydark);
    --ab-cmp-datepicker__font-size: var(--ab-font-size-2);
    --ab-cmp-datepicker__font-family: var(--ab__font-family);
    --ab-cmp-datepicker__cell-size: 30px;
  }
  :root {
    --ab-cmp-toggle-button__background: #ccc;
    --ab-cmp-toggle-button__color: #656565;
    --ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight);
  }
  :root {
    --ab-cmp-module-module-selector__tab-item__border: 1px solid var(--ab-color-primarydark);
    --ab-cmp-module-module-selector__tab-item__border-radius: var(--ab__border-radius);
    --ab-cmp-module-module-selector__tab-item__width: 160px;
    --ab-cmp-module-module-selector__tab-item__header-input__color: var(--ab-color-text-on-primary);
    --ab-cmp-module-module-selector__toolbar-item__border: 1px solid var(--ab-color-primary);
  }
  :root {
    --ab-cmp-loader__background: var(--ab-color-primarydark);
    --ab-cmp-loader__border: var(--ab-color-text-on-primary);
    --ab-cmp-loader__font-size: var(--ab-font-size-2);
  }
  :root {
    --ab-cmp-progress-indicator__delay: 1s;
    --ab-cmp-progress-indicator__z-index: 9999;
    --ab-cmp-progress-indicator__font-size: var(--ab-font-size-4);
    --ab-cmp-progress-indicator__font-style: italic;
    --ab-cmp-progress-indicator__font-family: var(--ab__font-family);
    --ab-cmp-progress-indicator__padding: var(--ab-space-3);
    --ab-cmp-progress-indicator__background: var(--ab-color-primary);
    --ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary);
  }
  :root {
    --ab-cmp-badge__padding: 5px;
    --ab-cmp-badge__gap: 3px;
  }
  :root {
    --ab-cmp-icon-selector__popup__color: var(--ab-color-inputcolor);
    --ab-cmp-icon-selector__popup__background: var(--ab-color-defaultbackground);
    --ab-cmp-icon-selector__popup__border: 1px solid var(--ab-color-inputborder);
    --ab-cmp-icon-selector__popup__padding: var(--ab-space-2);
    --ab-cmp-icon-selector__popup__border-radius: var(--ab__border-radius);
  }
  :root {
    --adaptable-quick-search-floating-padding: var(--ab-space-1) var(--ab-space-2);
    --adaptable-quick-search-floating-width: 200px;
  }
  :root {
    --ab-cmp-note-popup-background-color: var(--ab-color-defaultbackground);
    --ab-cmp-note-popup-padding: var(--ab-space-4);
    --ab-cmp-note-popup-border-radius: var(--ab-space-2);
    --ab-cmp-note-popup-border: 1px solid var(--ab-color-primarydark);
    --ab-cmp-note-popup-min-width: 160px;
    --ab-CellNote-triangle-color: var(--ab-color-accent);
  }
  :root {
    --ab-cmp-icon__fill: var(--ab-icon-fill);
    --ab-cmp-icon__height: 17px;
    --ab-cmp-icon__width: 17px;
  }
  :root {
    --ab-cmp-listgroupitem-cell__font-size: var(--ab-font-size-3);
  }
  :root {
    --ab-cmp-wizard__padding: var(--ab-space-5);
    --ab-cmp-wizard__margin: var(--ab-space-1);
    --ab-cmp-wizard__background: var(--ab-color-primary);
    --ab-cmp-wizard__color: var(--ab-color-text-on-primary);
  }
  :root {
    --ab-cmp-button-border-radius: 0px;
    --ab-cmp-button-disabled-opacity: 0.5;
    --ab-cmp-button-background: var(--ab-color-primary);
    --ab-cmp-button-disabled-background: var(--ab-color-primarydark);
  }
  :root {
    --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
    --ab-cmp-dashboardpanel_header__background: var(--ab-color-primary);
    --ab-cmp-dashboardpanel_header__fill: currentColor;
    --ab-cmp-dashboardpanel_header__color: var(--ab-color-text-on-primarydark);
    --ab-cmp-dashboardpanel__fill: var(--ab-color-text-on-primary);
    --ab-cmp-dashboardpanel__color: currentColor;
    --ab-cmp-dashboardpanel_header__padding: var(--ab-space-0);
    --ab-cmp-dashboardpanel_body__padding: var(--ab-space-1);
    --ab-cmp-dashboardpanel__border: none;
  }
  :root {
    --ab-cmp-toolpanelpanel__color: var(--ab-cmp-dashboardpanel__color);
    --ab-cmp-toolpanelpanel__fill: var(--ab-cmp-dashboardpanel__fill);
    --ab-cmp-toolpanelpanel__border: var(--ab-cmp-dashboardpanel__border);
    --ab-cmp-toolpanelpanel_header__background: var(--ab-cmp-dashboardpanel_header__background);
    --ab-cmp-toolpanelpanel_header__fill: var(--ab-cmp-dashboardpanel_header__fill);
    --ab-cmp-toolpanelpanel_header__color: var(--ab-cmp-dashboardpanel_header__color);
    --ab-cmp-toolpanelpanel_header__padding: var(--ab-cmp-dashboardpanel_header__padding);
    --ab-cmp-toolpanelpanel_body__background: var(--ab-cmp-dashboardpanel_body__background);
    --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
  }
  :root {
    --ab-cmp-popover__border-radius: var(--ab__border-radius);
    --ab-cmp-popover__background: var(--ab-color-defaultbackground);
    --ab-cmp-popover__color: var(--ab-color-text-on-defaultbackground);
    --ab-cmp-popover__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
    --ab-cmp-popover__border: 1px solid var(--ab-color-primarydark);
  }
  .ab-OnePageWizard__section {
    background: var(--ab-cmp-one-page-wizard-content__background);
    overflow: auto;
    border-radius: var(--ab__border-radius);
  }
  .ab-OnePageWizard__section-container {
    min-height: 100%;
    overflow: hidden;
  }
  :root {
    --ab-cmp-toolpanel__width: 200px;
    --ab-cmp-toolpanel-header__background: var(--ab-dashboard-header__background);
    --ab-cmp-toolpanel-header__color: var(--ab-dashboard-header__color);
    --ab-cmp-toolpanel-header__grid-gap: 3px;
    --ab-cmp-toolpanel__color: var(--ab-dashboard__color);
    --ab-cmp-toolpanel__font-family: var(--ab__font-family);
  }
  :root {
    --ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4);
  }
  :root {
    --ab-cmp-adaptable-popup--settings__height: 90vh;
    --ab-cmp-adaptable-popup__height: 90vh;
    --ab-cmp-adaptable-popup__max-height: 1200px;
    --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
    --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
    --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
    --ab-cmp-adaptable-popup-navigation-list-item__padding: var(--ab-space-0) var(--ab-space-1);
    --ab-cmp-adaptable-popup-navigation-list-item__margin-bottom: var(--ab-space-2) var(--ab-space-2);
    --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid
    var(--ab-color-primarydark);
    --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2)
    var(--ab-space-2);
    --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: var(--ab-space-2);
    --ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
  }
  :root {
    --ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
  }
  :root {
    --ab-cmp-adaptable-object-list-tag__margin-right: var(--ab-space-2);
    --ab-cmp-adaptable-object-list-tag__margin-top: var(--ab-space-2);
    --ab-cmp-adaptable-object-list-item__background-color: var(--ab-color-defaultbackground);
    --ab-cmp-adaptable-object-list-item__padding: var(--ab-space-3) var(--ab-space-3);
    --ab-cmp-adaptable-object-list-item-label__width: 130px;
    --ab-cmp-adaptable-object-list-item-tag__padding: 6px 12px;
    --ab-cmp-adaptable-object-compact-list__background: var(--ab-color-primarylight);
    --ab-cmp-adaptable-object-compact-list__padding: var(--ab-space-2);
    --ab-cmp-adaptable-object-compact-list-item__background: var(--ab-color-defaultbackground);
    --ab-cmp-adaptable-object-compact-list-item__padding: var(--ab-space-1);
    --ab-cmp-adaptable-object-compact-list-item__margin-bottom: var(--ab-space-2);
    --ab-cmp-adaptable-object-compact-list__header__padding: var(--ab-space-2);
    --ab-cmp-adaptable-object-compact-list__header__margin-bottom: var(--ab-space-1);
    --ab-cmp-adaptable-object-compact-list__header__font-size: var(--ab-font-size-4);
    --ab-cmp-adaptable-object-compact-list-item-name__width: 95px;
    --ab-cmp-adaptable-object-compact-list-item-name__padding: var(--ab-space-1);
    --ab-cmp-adaptable-object-compact-list-item-name__margin-right: var(--ab-space-1);
    --ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4);
  }
  :root {
    --ab-cmp-adaptable-options__background-color: var(--ab-color-defaultbackground);
    --ab-cmp-grid-options__background-color: var(--ab-color-defaultbackground);
    --ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground);
  }
  :root {
    --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground);
    --ab-cmp-system-status-list-text__border-radius: var(--ab__border-radius);
    --ab-cmp-system-status-list-text__font-weight: bold;
    --ab-cmp-system-status-list-text__font-size: var(--ab-font-size-2);
    --ab-cmp-system-status-list-text__color: var(--ab-color-accent-foreground);
    --ab-cmp-system-status-list-text__padding: var(--ab-space-2);
  }
  :root {
    --ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground);
    --ab-cmp-dashboard-pinned-toolbar-border: 1px solid var(--ab-color-primary);
  }
  html.ab--theme-dark {
    --ab-cmp-dashboard-pinned-toolbar-border: 1px solid #656565;
  }
  :root {
    --ab-cmp-adaptable-statusbar-sub-panel__padding: var(--ab-space-1) var(--ab-space-2);
    --ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover: var(--ab-color-primary);
    --ab-cmp-adaptable-statusbar__color: var(--ab-color-text-on-primary);
    --ab-cmp-adaptable-statusbar__font-weight: 400;
    --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary);
  }
  :root {
    --ab-cmp-adaptable-shared-entity-shared-object__border: 2px solid var(--ab-color-primary);
    --ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary);
  }
  :root {
    --ab-cmp-adaptable-layout-wizard-column-row-title__border-radius: var(--ab__border-radius);
    --ab-cmp-adaptable-layout-wizard-column-row-title__background: var(--ab-color-defaultbackground);
    --ab-cmp-adaptable-layout-wizard-column-row-title__color: var(
    --ab-color-text-on-defaultbackground
  );
    --ab-cmp-adaptable-layout-wizard-column-row-expanded-container__background: var(
    --ab-color-defaultbackground
  );
    --ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius: var(
    --ab__border-radius
  );
    --ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
  }
  :root {
    --cmp-Badge-Definition-Editor__background: var(--ab-color-defaultbackground);
  }
  :root {
    --ab-cmp-expression-editor-input__background: var(--ab-color-primarylight);
    --ab-cmp-expression-editor-input__border-radius: var(--ab__border-radius);
    --ab-cmp-expression-editor-input-dropdown-functions-list__font-size: var(--ab-font-size-2);
    --ab-cmp-expression-editor-input-dropdown-functions-list__border: 1px solid
    var(--ab-color-primarydark);
    --ab-cmp-expression-editor-input-dropdown-functions-list__border-radius: var(--ab__border-radius);
  }
  :root {
    --ab-cmp-quickfilter__font-size: var(--ab-font-size-1);
    --ab-cmp-quickfilter__border: 1px solid var(--ab-color-primarydark);
    --ab-cmp-quickfilter__background: var(--ab-color-defaultbackground);
    --ab-cmp-quickfilter-selected-options-text__font-weight: bold;
  }
  :root {
    --ab-cmp-column-filter-input__font-size: var(--ab-font-size-1);
    --ab-cmp-column-filter-input__border: 1px solid var(--ab-color-primarydark);
    --ab-cmp-column-filter-input__background: var(--ab-color-defaultbackground);
  }
  :root {
    --ab-cmp-entity-rules-editor__background-color: var(--ab-color-defaultbackground);
  }
  .ab-Badge__wrapper {
    display: inline-flex;
    align-items: center;
    height: 100%;
  }
  .ab-Badge {
    display: inline-flex;
    align-items: center;
    gap: var(--ab-cmp-badge__gap);
    padding: var(--ab-cmp-badge__padding);
    line-height: 1;
  }
  :root {
    --ab-CellComment-triangle-color: var(--ab-color-info);
    --ab-CellComment-CellNote-triangle-color: var(--ab-color-success);
  }
  .ab-Comment {
    border-bottom: 1px solid var(--ab-color-primarydark);
  }
  .ab-Cell-Comment {
    &:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 8px 8px 0;
      border-color: transparent var(--ab-CellComment-triangle-color) transparent transparent;
    }
  }
  .ab-Cell-Comment.ab-Cell-Note {
    &:before {
      border-color: transparent var(--ab-CellComment-CellNote-triangle-color) transparent transparent;
    }
  }
  input.ab-Radio-input {
    appearance: none;
    border: 1px solid;
    border-color: #767676ff;
    background-color: #ffffffff;
    border-radius: 50%;
    margin: 0;
    position: relative;
  }
  input.ab-Radio-input:checked {
    border-color: var(--ab-color-accent);
  }
  input.ab-Radio-input:focus {
    box-shadow: var(--ab-focus__box-shadow);
  }
  input.ab-Radio-input:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--ab-color-accent);
  }
  input.ab-Radio-input:disabled {
    border-color: var(--ab-cmp-input__border, #444);
    opacity: 0.7;
  }
  input.ab-Radio-input:checked:disabled::after {
    background-color: #656565;
  }
  .ab-Select [data-name='value-container'] {
    height: 100%;
    padding: 1px 8px;
    min-height: var(--ab-cmp-select-min-height);
    max-width: var(--ab-cmp-select-max-width);
  }
  .ab-Select [data-name='value-container'] > [data-value] {
    margin: 0px;
  }
  .ab-Select-Row {
    cursor: pointer;
  }
  .ab-Select-Row--disabled {
    cursor: default;
  }
  .ab-Select-MenulistSearchContainer {
    background-color: var(--ab-cmp-select-multi-value__background);
  }
  [data-name='menu-container'] .ab-Select-CheckboxColumn {
    .InfiniteCheckBox {
      margin-block: 0px;
      margin-inline: var(--ab-space-1);
    }
    .InfiniteCell_content {
      display: flex;
      align-items: center;
    }
    .InfiniteCell_content_value {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  [data-name='menu-container'] .ab-Select-MenuContainer-Resizable {
    box-shadow: var(--ab-cmp-select-menu__box-shadow);
    pointer-events: auto;
    display: flex;
    flex-flow: column nowrap;
    min-height: var(--ab-cmp-select-menu__min-height, 25rem);
    min-width: var(--ab-cmp-select-menu__min-width, 150px);
  }
  [data-name='menu-container'][data-resizable='true'] {
    background: transparent;
    pointer-events: none;
    box-shadow: none;
  }
  [data-name='menu-container'][data-resizable='false'] {
    display: flex;
    flex-flow: column nowrap;
    min-height: var(--ab-cmp-select-menu__min-height, 25rem);
    min-width: var(--ab-cmp-select-menu__min-width, 150px);
  }
  [data-name='menu-container'] .InfiniteCell_content {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
  }
  [data-name='menu-container'] .ab-Select-MenulistSearch {
    &:focus {
      box-shadow: none;
    }
  }
  .ab-Table {
    td, th {
      padding: var(--ab-space-2);
    }
    th {
      border-bottom: 2px solid var(--ab-color-primarydark);
    }
    tr:not(last-child) td {
      border-bottom: 1px solid var(--ab-color-primarylight);
    }
  }
  .ab-CheckBox {
    &, & *, *:before, *:after {
      box-sizing: border-box;
    }
    display: inline-flex;
    flex-flow: row;
    align-items: center;
    cursor: pointer;
    position: relative;
  }
  .ab-CheckBox--checked {
    --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
    .ab-CheckBox__square {
      border-color: var(--ab-cmp-checkbox--checked__border-color);
    }
  }
  .ab-CheckBox--indeterminate {
    --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
  }
  .ab-CheckBox:focus-within .ab-CheckBox__square, .ab-CheckBox:active .ab-CheckBox__square, .ab-CheckBox input.ab-CheckBox-input:active + .ab-CheckBox__square, .ab-CheckBox input.ab-CheckBox-input:focus + .ab-CheckBox__square {
    box-shadow: var(--ab-focus__box-shadow);
  }
  .ab-CheckBox__square {
    border-radius: var(--ab__border-radius);
    border-width: 1px;
    border-style: solid;
    border-color: var(--ab-cmp-checkbox__border-color);
    background: var(--ab-cmp-checkbox__background);
    min-height: var(--ab-cmp-checkbox--check-size);
    min-width: var(--ab-cmp-checkbox--check-size);
    line-height: 0;
    font-size: 0;
    position: relative;
    pointer-events: none;
    &:after {
      opacity: 1;
      transition-duration: 0.1s;
      transition-timing-function: ease-in;
      transition-property: opacity;
      content: '';
      display: block;
      margin: auto;
      width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
      height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
      border: solid var(--ab-cmp-checkbox--check__color);
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
      border-radius: 1px;
    }
  }
  .ab-CheckBox__square--unchecked {
    &::after {
      opacity: 0;
    }
  }
  .ab-CheckBox__square--indeterminate {
    &:after {
      transform: rotate(0deg);
      position: absolute;
      top: 2px;
      bottom: 2px;
      right: 2px;
      left: 2px;
      border: none;
      width: auto;
      height: auto;
      background: var(--ab-cmp-checkbox--check__color);
      border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius);
    }
  }
  .ab-CheckBox--disabled {
    opacity: 0.5;
  }
  .ab-CheckBox--readonly {
    .ab-CheckBox__square {
      opacity: 0.5;
    }
  }
  .ab-CheckBox-input:not(.ag-checkbox-input) {
    width: 100%;
    height: 100%;
    line-height: 0;
    font-size: 0;
    left: 0;
    top: 0;
    z-index: 1;
    position: absolute;
  }
  :root {
    --ab-cmp-query-builder__border: 1px dotted var(--ab-color-text-on-defaultbackground);
    --ab-cmp-query-builder-expression__background: var(--ab-color-primary);
    --ab-cmp-query-builder-expression__color: var(--ab-color-text-on-primary);
    --ab-cmp-query-builder-expression__font-size: var(--ab-font-size-3);
  }
  .ab-Dropdown {
    background: var(--ab-color-defaultbackground);
    border: var(--ab-cmp-dropdown__border);
    border-radius: var(--ab-cmp-dropdown__border-radius);
    position: relative;
    min-width: 120px;
    max-width: 300px;
    font-family: var(--ab-cmp-dropdown__font-family);
    font-size: var(--ab-cmp-dropdown__font-size);
    select {
      font-family: inherit;
      font-size: inherit;
      position: absolute;
      cursor: pointer;
    }
    .ab-SimpleButton {
      color: var(--ab-cmp-dropdown__color) !important;
    }
  }
  .ab-Dropdown--disabled {
    opacity: 0.5;
  }
  .ab-Dropdown--focused {
    box-shadow: var(--ab-focus__box-shadow);
    outline: var(--ab-focus__outline);
  }
  .ab-Dropdown__text {
    color: var(--ab-cmp-dropdown__color);
    padding: var(--ab-cmp-dropdown__padding);
    pointer-events: none;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
  }
  .ab-Dropdown--empty {
    .ab-Dropdown__text {
      color: var(--ab-color-text-on-defaultbackground);
    }
  }
  .ab-DropdownButton {
    position: relative;
    overflow: visible;
    outline: none;
    --ab-overlay-horizontal-align: left;
  }
  .ab-DropdownButton__list {
    text-align: start;
    padding: var(--ab-space-1) 0;
    box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
    overflow: auto;
    border: var(--ab-cmp-dropdownbutton-list__border);
    border-radius: var(--ab-cmp-dropdownbutton-list__border-radius);
    z-index: var(--ab-cmp-dropdownbutton-list__z-index);
    background: var(--ab-cmp-dropdownbutton-list__background);
  }
  .ab-DropdownButton__content {
    font-family: var(--ab__font-family);
    font-size: var(--ab-font-size-2);
    max-width: 100%;
    width: 100%;
    border-spacing: 0;
  }
  .ab-DropdownButton__list-item {
    fill: currentColor;
    color: var(--ab-cmp-dropdownbutton-list-item__color);
  }
  .ab-DropdownButton__list-item--disabled {
    opacity: 0.5;
  }
  .ab-DropdownButton__list-item--not-clickable {
    cursor: auto;
  }
  .ab-DropdownButton__list-item--clickable:hover {
    background: var(--ab-cmp-dropdownbutton-list-item-hover__background);
    color: var(--ab-cmp-dropdownbutton-list-item-hover__color);
    fill: currentColor;
    cursor: pointer;
    .glyphicon.glyphicon {
      color: inherit;
    }
  }
  .ab-DropdownButton__separator td {
    border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
  }
  .ab-FieldWrap {
    border: 1px solid var(--ab-color-inputborder);
    color: 1px solid var(--ab-color-inputcolor);
    border-radius: var(--ab-cmp-field-wrap__border-radius);
    background: var(--ab-cmp-field-wrap__background);
    overflow: hidden;
    fill: var(--ab-cmp-field-wrap__fill);
    &:focus-within {
      box-shadow: var(--ab-focus__box-shadow);
    }
    & input, & select, & > * {
      border: none;
      flex: 1;
      --ab-input-height: calc(var(--ab-input-height) - 2px);
    }
    & input, & select, & .ab-Dropdown {
      outline: none !important;
      box-shadow: none !important;
    }
  }
  .ab-FormLayout {
    display: grid;
    align-items: center;
  }
  .ab-FormLayout_column--label {
    text-align: end;
  }
  .ab-Input {
    position: relative;
    padding: var(--ab-cmp-input__padding);
    color: var(--ab-cmp-input__color);
    border-radius: var(--ab-cmp-input__border-radius);
    border: var(--ab-cmp-input__border);
    font-family: var(--ab-cmp-input__font-family);
    font-size: var(--ab-cmp-input__font-size);
    &:focus {
      box-shadow: var(--ab-focus__box-shadow);
      outline: var(--ab-focus__outline);
    }
    &::-webkit-input-placeholder {
      color: var(--ab-cmp-input--placeholder__color);
      opacity: var(--ab-cmp-input--placeholder__opacity);
    }
    &:-moz-placeholder {
      color: var(--ab-cmp-input--placeholder__color);
      opacity: var(--ab-cmp-input--placeholder__opacity);
    }
    &::-moz-placeholder {
      color: var(--ab-cmp-input--placeholder__color);
      opacity: var(--ab-cmp-input--placeholder__opacity);
    }
    &:-ms-input-placeholder {
      color: var(--ab-cmp-input--placeholder__color);
      opacity: var(--ab-cmp-input--placeholder__opacity);
    }
    &::-ms-input-placeholder {
      color: var(--ab-cmp-input--placeholder__color);
      opacity: var(--ab-cmp-input--placeholder__opacity);
    }
    &::placeholder {
      color: var(--ab-cmp-input--placeholder__color);
      opacity: var(--ab-cmp-input--placeholder__opacity);
    }
  }
  input[type='number'].ab-Input::-webkit-outer-spin-button, input[type='number'].ab-Input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    width: 1em;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23656565" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23656565" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center;
  }
  input[type='number'].ab-Input:focus, input[type='number'].ab-Input:hover {
    &::-webkit-inner-spin-button, &::-webkit-inner-spin-button:active {
      opacity: 1;
    }
  }
  input[type='number'].ab-Input.ab-Input--no-arrows {
    appearance: textfield;
  }
  input[type='number'].ab-Input.ab-Input--no-arrows::-webkit-outer-spin-button, input[type='number'].ab-Input.ab-Input--no-arrows::-webkit-inner-spin-button {
    display: none;
  }
  .ab-cmp-input-group {
    > :first-child, > :first-child.ab-FieldWrap.ab-Datepicker {
      --ab-cmp-input__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
      --ab-cmp-select__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
      --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
    }
    > :last-child {
      --ab-cmp-input__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
      --ab-cmp-select__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
      --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
    }
    > :not(:first-child):not(:last-child) {
      --ab-cmp-input__border-radius: var(--ab__border-radius);
      --ab-cmp-select__border-radius: var(--ab__border-radius);
      --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
    }
  }
  .ab-cmp-modal-window {
    font-family: var(--ab__font-family);
  }
  .ab-Tabs {
    display: flex;
    flex-direction: column;
  }
  .ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child, .ab-Tabs__Tab--before-active {
    border-bottom-right-radius: var(--ab__border-radius);
  }
  .ab-Tabs__Strip {
    z-index: 10;
    overflow: visible;
  }
  .ab-Tabs__Tab {
    &:focus {
      &:after {
        box-shadow: var(--ab-focus__box-shadow);
      }
      outline: none;
    }
  }
  .ab-Tabs__Tab--active + .ab-Tabs__Filler, .ab-Tabs__Tab--active + .ab-Tabs__Tab {
    border-bottom-left-radius: var(--ab__border-radius);
  }
  .ab-Tabs__Tab--active {
    position: relative;
    z-index: 30;
    &:after {
      content: '';
      pointer-events: none;
      position: absolute;
      top: 0;
      bottom: 5px;
      right: 0;
      left: 0;
      z-index: -2;
      border-top-left-radius: var(--ab__border-radius);
      border-top-right-radius: var(--ab__border-radius);
    }
    &:before {
      content: '';
      position: absolute;
      pointer-events: none;
      border-top-left-radius: var(--ab__border-radius);
      border-top-right-radius: var(--ab__border-radius);
      z-index: -1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: var(--ab-cmp-tabs-active__background);
    }
  }
  .ab-Tabs__Strip {
    background: var(--ab-cmp-tabs-active__background);
  }
  .ab-Tabs__Body {
    background: var(--ab-cmp-tabs-active__background);
    border-radius: var(--ab__border-radius);
    flex: 1;
    overflow: auto;
    display: flex;
    flex-flow: column;
  }
  .ab-Tabs[data-selected-index='0'] .ab-Tabs__Body {
    border-top-left-radius: 0;
  }
  .ab-Panel {
    max-height: var(--ab-cmp-panel__max-height);
    .glyphicon {
      -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
      fill: var(--ab-cmp-panel-icon__fill);
    }
    font-size: var(--ab-cmp-panel__font-size);
  }
  .ab-Panel--variant-modern {
    --ab-cmp-panel__border-radius: var(--ab-space-1);
  }
  .ab-Panel__header {
    flex: none;
    background: var(--ab-cmp-panel_header__background);
    color: var(--ab-cmp-panel_header__color);
    font-size: var(--ab-cmp-panel_header__font-size);
    padding: var(--ab-cmp-panel_header__padding);
    border-top-left-radius: var(--ab-cmp-panel__border-radius);
    border-top-right-radius: var(--ab-cmp-panel__border-radius);
    border: var(--ab-cmp-panel__border);
  }
  .ab-Panel__header--variant-plain {
    border: none;
    background: none;
    color: inherit;
    font-size: inherit;
    padding: 0;
  }
  .ab-Panel__header--variant-primary {
    background: var(--ab-cmp-panel_header--variant-primary__background);
    color: var(--ab-cmp-panel_header--variant-primary__color);
    fill: currentColor;
  }
  .ab-Panel__header--variant-modern {
    border: none;
    background: var(--ab-cmp-panel_header--variant-modern__background);
  }
  .ab-Panel__body {
    border: var(--ab-cmp-panel__border);
    border-bottom-left-radius: var(--ab-cmp-panel__border-radius);
    border-bottom-right-radius: var(--ab-cmp-panel__border-radius);
  }
  .ab-Panel--with-header > .ab-Panel__body {
    border-top: none;
  }
  .ab-Panel--no-header > .ab-Panel__body {
    border-top-left-radius: var(--ab-cmp-panel__border-radius);
    border-top-right-radius: var(--ab-cmp-panel__border-radius);
  }
  .ab-Textarea {
    padding: var(--ab-cmp-textarea__padding);
    border-radius: var(--ab-cmp-textarea__border-radius);
    border: var(--ab-cmp-textarea__border);
    color: var(--ab-cmp-textarea__color);
    font-family: var(--ab-cmp-textarea__font-family);
    font-size: var(--ab-cmp-textarea__font-size);
    background: var(--ab-cmp-textarea__background);
    &[disabled] {
      background: var(--ab-cmp-textarea--disabled__background);
    }
    &:focus {
      box-shadow: var(--ab-focus__box-shadow);
      outline: var(--ab-focus__outline);
    }
  }
  .ab-Tooltip {
    pointer-events: none;
    padding: var(--ab-space-1) var(--ab-space-2);
    box-shadow: 2px 2px 10px hsla(0, 0%, 0%, 0.1);
    white-space: nowrap;
    font-size: var(--ab-cmp-tooltip__font-size);
    color: var(--ab-cmp-tooltip__color);
    &:before {
      border: var(--ab-cmp-tooltip__border);
      content: '';
      position: absolute;
      border-radius: var(--ab__border-radius);
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      opacity: var(--ab-cmp-tooltip__opacity);
      background: var(--ab-cmp-tooltip__background);
      z-index: -1;
    }
  }
  .ab-FileDroppable {
    --ab-cmp-file-droppable__transition: fill 0.15s ease-in-out, color 0.15s ease-in-out,
    outline-offset 0.15s ease-in-out, background-color 0.15s linear;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: var(--ab-cmp-file-droppable__padding);
    margin: var(--ab-cmp-file-droppable__margin);
    transition: var(--ab-cmp-file-droppable__transition);
    outline: var(--ab-cmp-file-droppable__outline);
    outline-offset: var(--ab-cmp-file-droppable__outline-offset);
    background: var(--ab-cmp-file-droppable__background);
    &, input, button, .ab-SimpleButton {
      transition: var(--ab-cmp-file-droppable__transition);
      fill: currentColor;
    }
    &, input, button {
      color: var(--ab-cmp-file-droppable__color);
    }
    &.ab-FileDroppable--drag-over {
      outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
      outline: var(--ab-cmp-file-droppable--drag-over__outline);
      background: var(--ab-cmp-file-droppable--drag-over__background);
      color: var(--ab-cmp-file-droppable--drag-over__color);
      * {
        pointer-events: none;
      }
    }
    &, *, *:before, *:after {
      box-sizing: border-box;
    }
  }
  .ab-WizardPanel {
    & > .ab-Panel__body {
      display: flex;
      flex-flow: column;
    }
  }
  .ab-Dashboard {
    z-index: 1000;
    user-select: none;
    background: var(--ab-dashboard-gap__background);
    color: var(--ab-dashboard__color);
    font-family: var(--ab-dashboard__font-family);
    .ab-Input {
      border: none;
    }
    .ab-DashboardToolbar__QuickSearch__text .ab-Input {
      padding: var(--ab-space-1);
    }
    .ab-StateManagement__Clear-Button, .ab-StateManagement__Load-Button, .ab-StateManagement__Export-Dropdown {
      margin-left: var(--ab-space-1);
    }
  }
  .ab-Dashboard--inline:not(.ab-Dashboard--collapsed) {
    display: flex;
  }
  .ab-Dashboard__header {
    display: flex;
    align-items: stretch;
    background: var(--ab-dashboard-header__background);
    color: var(--ab-dashboard-header__color);
    height: 40px;
    padding: 0 var(--ab-space-2);
  }
  .ab-Dashboard__header-left, .ab-Dashboard__header-right {
    display: flex;
    align-items: center;
    flex: 1;
  }
  .ab-Dashboard__header-left {
    justify-content: flex-start;
  }
  .ab-Dashboard__header-right {
    justify-content: flex-end;
  }
  .ab-Dashboard__title {
    display: flex;
    align-items: center;
    padding: 0 var(--ab-space-3);
    font-weight: bold;
    font-size: var(--ab-font-size-4);
  }
  .ab-Dashboard__tabs {
    align-self: flex-end;
    margin-left: var(--ab-space-2);
  }
  .ab-Dashboard__tab {
    border: none;
    outline: none;
    cursor: pointer;
    font-size: var(--ab-font-size-3);
    border-radius: var(--ab__border-radius) var(--ab__border-radius) 0 0;
    padding: 8px 12px 12px 12px;
    color: var(--ab-dashboard-header__color);
    background: var(--ab-dashboard-header__background);
  }
  .ab-Dashboard__tab--active {
    color: var(--ab-dashboard__color);
    background: var(--ab-dashboard__background);
  }
  .ab-Dashboard__content {
    display: flex;
    grid-gap: var(--ab-dashboard-gap-size);
    flex-flow: var(--ab-dashboard-wrap);
    align-items: stretch;
    flex: 1;
    overflow-x: auto;
    padding: var(--ab-dashboard-gap-size);
  }
  .ab-Dashboard__container {
    display: flex;
    flex-shrink: 0;
    background: var(--ab-dashboard__background);
  }
  .ab-Dashboard__content-buttons {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    padding: var(--ab-space-2);
    border-left: 1px solid var(--ab-dashboard__border);
  }
  .ab-Dashboard__toolbar {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: var(--ab-font-size-3);
  }
  .ab-Dashboard__pinned {
    overflow-x: auto;
    font-size: var(--ab-font-size-3);
  }
  .ab-Dashboard__toolbar-content {
    padding: var(--ab-space-2) var(--ab-space-2) var(--ab-space-1) var(--ab-space-2);
    display: flex;
  }
  .ab-Dashboard__toolbar.ab-Dashboard__home-toolbar {
    color: var(--ab-dashboard-header__color);
    background: var(--ab-dashboard-header__background);
    padding-top: var(--ab-dashboard-gap-size);
    padding-bottom: var(--ab-dashboard-gap-size);
    .ab-Dashboard__toolbar-title {
      opacity: 1;
    }
  }
  .ab-TreeDropdown {
    position: relative;
  }
  .ab-TreeDropdownOverlay {
    box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
  }
  .ab-TreeList .InfiniteCell_content {
    display: flex;
    flex-flow: row;
    align-items: center;
  }
  .ab-Datepicker-Overlay {
    .rdp-root {
      --rdp-accent-color: blue;
      --rdp-accent-background-color: #f0f0ff;
      --rdp-day-height: 44px;
      --rdp-day-width: 44px;
      --rdp-day_button-border-radius: 100%;
      --rdp-day_button-border: 2px solid transparent;
      --rdp-day_button-height: 42px;
      --rdp-day_button-width: 42px;
      --rdp-selected-border: 2px solid var(--rdp-accent-color);
      --rdp-disabled-opacity: 0.5;
      --rdp-outside-opacity: 0.75;
      --rdp-today-color: var(--rdp-accent-color);
      --rdp-dropdown-gap: 0.5rem;
      --rdp-months-gap: 2rem;
      --rdp-nav_button-disabled-opacity: 0.5;
      --rdp-nav_button-height: 2.25rem;
      --rdp-nav_button-width: 2.25rem;
      --rdp-nav-height: 2.75rem;
      --rdp-range_middle-background-color: var(--rdp-accent-background-color);
      --rdp-range_middle-color: inherit;
      --rdp-range_start-color: white;
      --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);
      --rdp-range_start-date-background-color: var(--rdp-accent-color);
      --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);
      --rdp-range_end-color: white;
      --rdp-range_end-date-background-color: var(--rdp-accent-color);
      --rdp-week_number-border-radius: 100%;
      --rdp-week_number-border: 2px solid transparent;
      --rdp-week_number-height: var(--rdp-day-height);
      --rdp-week_number-opacity: 0.75;
      --rdp-week_number-width: var(--rdp-day-width);
      --rdp-weeknumber-text-align: center;
      --rdp-weekday-opacity: 0.75;
      --rdp-weekday-padding: 0.5rem 0rem;
      --rdp-weekday-text-align: center;
      --rdp-gradient-direction: 90deg;
    }
    .rdp-root[dir="rtl"] {
      --rdp-gradient-direction: -90deg;
    }
    .rdp-root[data-broadcast-calendar="true"] {
      --rdp-outside-opacity: unset;
    }
    .rdp-root {
      position: relative;
      box-sizing: border-box;
    }
    .rdp-root * {
      box-sizing: border-box;
    }
    .rdp-day {
      width: var(--rdp-day-width);
      height: var(--rdp-day-height);
      text-align: center;
    }
    .rdp-day_button {
      background: none;
      padding: 0;
      margin: 0;
      cursor: pointer;
      font: inherit;
      color: inherit;
      justify-content: center;
      align-items: center;
      display: flex;
      width: var(--rdp-day_button-width);
      height: var(--rdp-day_button-height);
      border: var(--rdp-day_button-border);
      border-radius: var(--rdp-day_button-border-radius);
    }
    .rdp-day_button:disabled {
      cursor: revert;
    }
    .rdp-caption_label {
      z-index: 1;
      position: relative;
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      border: 0;
    }
    .rdp-dropdown:focus-visible ~ .rdp-caption_label {
      outline: 5px auto Highlight;
      outline: 5px auto -webkit-focus-ring-color;
    }
    .rdp-button_next, .rdp-button_previous {
      border: none;
      background: none;
      padding: 0;
      margin: 0;
      cursor: pointer;
      font: inherit;
      color: inherit;
      -moz-appearance: none;
      -webkit-appearance: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative;
      appearance: none;
      width: var(--rdp-nav_button-width);
      height: var(--rdp-nav_button-height);
    }
    .rdp-button_next:disabled, .rdp-button_previous:disabled {
      cursor: revert;
      opacity: var(--rdp-nav_button-disabled-opacity);
    }
    .rdp-chevron {
      display: inline-block;
      fill: var(--rdp-accent-color);
    }
    .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
      transform: rotate(180deg);
    }
    .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
      transform: rotate(180deg);
      transform-origin: 50%;
    }
    .rdp-dropdowns {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: var(--rdp-dropdown-gap);
    }
    .rdp-dropdown {
      z-index: 2;
      opacity: 0;
      appearance: none;
      position: absolute;
      inset-block-start: 0;
      inset-block-end: 0;
      inset-inline-start: 0;
      width: 100%;
      margin: 0;
      padding: 0;
      cursor: inherit;
      border: none;
      line-height: inherit;
    }
    .rdp-dropdown_root {
      position: relative;
      display: inline-flex;
      align-items: center;
    }
    .rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
      opacity: var(--rdp-disabled-opacity);
    }
    .rdp-month_caption {
      display: flex;
      align-content: center;
      height: var(--rdp-nav-height);
      font-weight: bold;
      font-size: large;
    }
    .rdp-months {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      gap: var(--rdp-months-gap);
      max-width: fit-content;
    }
    .rdp-month_grid {
      border-collapse: collapse;
    }
    .rdp-nav {
      position: absolute;
      inset-block-start: 0;
      inset-inline-end: 0;
      display: flex;
      align-items: center;
      height: var(--rdp-nav-height);
    }
    .rdp-weekday {
      opacity: var(--rdp-weekday-opacity);
      padding: var(--rdp-weekday-padding);
      font-weight: 500;
      font-size: smaller;
      text-align: var(--rdp-weekday-text-align);
      text-transform: var(--rdp-weekday-text-transform);
    }
    .rdp-week_number {
      opacity: var(--rdp-week_number-opacity);
      font-weight: 400;
      font-size: small;
      height: var(--rdp-week_number-height);
      width: var(--rdp-week_number-width);
      border: var(--rdp-week_number-border);
      border-radius: var(--rdp-week_number-border-radius);
      text-align: var(--rdp-weeknumber-text-align);
    }
    .rdp-today:not(.rdp-outside) {
      color: var(--rdp-today-color);
    }
    .rdp-selected {
      font-weight: bold;
      font-size: large;
    }
    .rdp-selected .rdp-day_button {
      border: var(--rdp-selected-border);
    }
    .rdp-outside {
      opacity: var(--rdp-outside-opacity);
    }
    .rdp-disabled {
      opacity: var(--rdp-disabled-opacity);
    }
    .rdp-hidden {
      visibility: hidden;
      color: var(--rdp-range_start-color);
    }
    .rdp-range_start {
      background: var(--rdp-range_start-background);
    }
    .rdp-range_start .rdp-day_button {
      background-color: var(--rdp-range_start-date-background-color);
      color: var(--rdp-range_start-color);
    }
    .rdp-range_middle {
      background-color: var(--rdp-range_middle-background-color);
    }
    .rdp-range_middle .rdp-day_button {
      border-color: transparent;
      border: unset;
      border-radius: unset;
      color: var(--rdp-range_middle-color);
    }
    .rdp-range_end {
      background: var(--rdp-range_end-background);
      color: var(--rdp-range_end-color);
    }
    .rdp-range_end .rdp-day_button {
      color: var(--rdp-range_start-color);
      background-color: var(--rdp-range_end-date-background-color);
    }
    .rdp-range_start.rdp-range_end {
      background: revert;
    }
    .rdp-focusable {
      cursor: pointer;
    }
  }
  .ab-Datepicker-Overlay {
    border: var(--ab-cmp-datepicker__border);
    background: var(--ab-cmp-datepicker__background);
    z-index: 1000;
    box-shadow: var(--ab-focus__box-shadow);
    outline: var(--ab-focus__outline);
    border-radius: var(--ab__border-radius);
    color: var(--ab-color-text-on-defaultbackground);
    .rdp-root {
      --rdp-cell-size: var(--ab-cmp-datepicker__cell-size);
      --rdp-accent-color: var(--ab-cmp-datepicker__selected-color);
      --rdp-background-color: var(--ab-cmp-datepicker__hover-color);
      --rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color);
      --rdp-day_button-height: 30px;
      --rdp-day_button-width: 30px;
      --rdp-day-height: auto;
      margin: 1em;
      font-size: var(--ab-cmp-datepicker__font-size);
      font-family: var(--ab-cmp-datepicker__font-family);
      .rdp-month_grid {
        border-collapse: separate;
      }
      .rdp-weeknumber, .rdp-day {
        border-radius: var(--ab-cmp-datepicker__day-border-radius);
      }
      .rdp-day {
        border: var(--ab-cmp-datepicker__day-border-width) solid transparent;
      }
      .rdp-day.rdp-focused:not([disabled]), .rdp-day.rdp-focused:focus:not([disabled]), .rdp-day.rdp-focused:active:not([disabled]), .rdp-day.rdp-focused:hover:not([disabled]) {
        color: var(--ab-cmp-datepicker__active-text-color);
        background: var(--ab-cmp-datepicker__active-color);
        border: var(--ab-cmp-datepicker__active-border);
        border-radius: var(--ab-cmp-datepicker__active-border-radius);
        button {
          border: none;
          outline: none;
        }
      }
      .rdp-day.rdp-selected:not([disabled]), .rdp-day.rdp-selected:focus:not([disabled]), .rdp-day.rdp-selected:active:not([disabled]), .rdp-day.rdp-selected:hover:not([disabled]) {
        color: var(--ab-cmp-datepicker__selected-text-color);
        background: var(--ab-cmp-datepicker__selected-color);
        border: var(--ab-cmp-datepicker__selected-border);
        border-radius: var(--ab-cmp-datepicker__selected-border-radius);
        font-size: inherit;
      }
      .rdp-caption_label {
        font-size: 90%;
      }
      .rdp-nav_button {
        color: var(--ab-color-text-on-primary);
      }
      .rdp-table {
        width: 100%;
        max-width: none;
      }
      .rdp-day.rdp-outside {
        opacity: 0.4;
      }
      .rdp-today {
        border: var(--rdp-outline);
      }
      .rdp-row {
        td:nth-child(8), td:nth-child(9), td:nth-child(10), td:nth-child(11), td:nth-child(12), td:nth-child(13), td:nth-child(14) {
          display: none;
        }
      }
      &.rdp-with_weeknumber .rdp-row td:nth-child(8) {
        display: table-cell;
      }
    }
  }
  .ab-ToggleButton__slider {
    transition: 0.1s;
  }
  .ab-ToggleButton__slider:before {
    will-change: transform right;
    right: 100%;
    transform: translateX(calc(100% + var(--ab-space-1)));
    transition: 0.2s;
  }
  .ab-ToggleButton__input:checked + .ab-ToggleButton__slider:before {
    right: var(--ab-space-1);
    transform: translateX(0px);
  }
  .ab-Loader {
    font-size: var(--ab-cmp-loader__font-size);
    margin-top: 8px;
    font-style: italic;
  }
  .ab-Loader__text, .ab-Loader__Spinner {
    vertical-align: middle;
  }
  .ab-Loader .ab-Loader__Spinner {
    margin-right: 5px;
  }
  .ab-Loader__Spinner {
    display: inline-block;
    border-radius: 50%;
    border: 2px solid var(--ab-cmp-loader__background);
    border-top: 2px solid var(--ab-cmp-loader__border);
    width: 10px;
    height: 10px;
    bottom: 0;
    animation: spin 1.5s linear infinite;
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .ab-ProgressIndicator {
    font-size: var(--ab-cmp-progress-indicator__font-size);
    font-style: var(--ab-cmp-progress-indicator__font-style);
    font-family: var(--ab-cmp-progress-indicator__font-family);
    transition-delay: var(--ab-cmp-progress-indicator__delay);
    transition-property: opacity;
    transition-duration: 0.3s;
  }
  .ab-ProgressIndicator--visible {
    opacity: 1;
  }
  .ab-ProgressIndicator-body {
    padding: var(--ab-cmp-progress-indicator__padding);
    background: var(--ab-cmp-progress-indicator__background);
    color: var(--ab-cmp-progress-indicator__color);
    border-style: none;
    border-width: 0px;
    border-radius: var(--ab__border-radius);
    box-shadow: var(--ab-focus__box-shadow);
  }
  .ab-Tag {
    max-width: 100%;
  }
  .ab-ModuleSelector__TabItem {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin-right: var(--ab-space-2);
    width: var(--ab-cmp-module-module-selector__tab-item__width);
    border: var(--ab-cmp-module-module-selector__tab-item__border);
    border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
  }
  .ab-ModuleSelector__TabItem__header {
    display: flex;
    align-items: center;
    padding: var(--ab-space-1);
    border-bottom: var(--ab-cmp-module-module-selector__tab-item__border);
  }
  .ab-ModuleSelector__TabItem__header-input {
    flex: 1;
    width: 100%;
    margin-left: var(--ab-space-1);
    margin-right: var(--ab-space-1);
    align-self: stretch;
    background: transparent;
    border: none;
    color: var(--ab-cmp-module-module-selector__tab-item__header-input__color);
  }
  .ab-ModuleSelector__ToolbarList {
    flex: 1;
    padding: 4px;
    padding-bottom: 0;
    min-height: 200px;
  }
  .ab-ModuleSelector__ToolbarItem {
    border: var(--ab-cmp-module-module-selector__toolbar-item__border);
  }
  .ab-ColorPicker-range {
    &[type='range'] {
      width: 120px;
      margin: 0px 0;
      height: 20px;
      padding: 0;
      background-color: transparent;
      -webkit-appearance: none;
    }
    &[type='range']:focus {
      outline: none;
    }
    &[type='range']::-webkit-slider-runnable-track {
      background: none;
      border: 0;
      width: 100%;
      height: 20px;
      cursor: pointer;
    }
    &[type='range']::-webkit-slider-thumb {
      margin-top: 0px;
      width: 20px;
      height: 20px;
      background: #ffffff;
      border: 1px solid #000000;
      border-radius: 20px;
      cursor: pointer;
      -webkit-appearance: none;
    }
    &[type='range']:focus::-webkit-slider-runnable-track {
      background: none;
    }
    &[type='range']::-moz-range-track {
      background: none;
      border: 0;
      width: 100%;
      height: 20px;
      cursor: pointer;
    }
    &[type='range']::-moz-range-thumb {
      width: 20px;
      height: 20px;
      background: #ffffff;
      border: 1px solid #000000;
      border-radius: 20px;
      cursor: pointer;
    }
    &[type='range']::-ms-track {
      background: transparent;
      border-color: transparent;
      border-width: 1px 0;
      color: transparent;
      width: 100%;
      height: 20px;
      cursor: pointer;
    }
    &[type='range']::-ms-fill-lower {
      background: #43429e;
      border: 0;
    }
    &[type='range']::-ms-fill-upper {
      background: none;
      border: 0;
    }
    &[type='range']::-ms-thumb {
      width: 20px;
      height: 20px;
      background: #ffffff;
      border: 1px solid #000000;
      border-radius: 20px;
      cursor: pointer;
      margin-top: 0px;
    }
    &[type='range']:focus::-ms-fill-lower {
      background: none;
    }
    &[type='range']:focus::-ms-fill-upper {
      background: none;
    }
    @supports (-ms-ime-align: auto) {
      &[type='range'] {
        margin: 0;
      }
    }
  }
  .ab-AdaptableOptions {
    background: var(--ab-cmp-adaptable-options__background-color);
  }
  .ab-GridOptions {
    background: var(--ab-cmp-grid-options__background-color);
  }
  .ab-GridSummary {
    background: var(--ab-cmp-grid-summary__background-color);
  }
  .ab-SystemStatus-Popup-List {
    background: var(--ab-cmp-system-status-list__background-color);
  }
  .ab-DashboardToolbar__SystemStatus__text {
    border-radius: var(--ab-cmp-system-status-list-text__border-radius);
    font-size: var(--ab-cmp-system-status-list-text__font-size);
    color: var(--ab-cmp-system-status-list-text__color);
    padding: var(--ab-cmp-system-status-list-text__padding);
    margin-right: var(--ab-space-2);
  }
  .ab-DashboardToolbar__SystemStatus__text--expandable {
    cursor: pointer;
  }
  .ab-DashboardToolbar__SystemStatus__further-information {
    white-space: normal;
  }
  .ab-ObjectCollection__list {
    & > * {
      background: var(--ab-cmp-listgroupitem__background);
      color: var(--ab-cmp-listgroupitem__color);
    }
    & > *:nth-child(2n + 1) {
      background: var(--ab-cmp-listgroupitem--odd__background);
      color: var(--ab-cmp-listgroupitem--odd__color);
    }
  }
  .ab-AdaptableObjectRow {
    align-items: center;
    background: var(--ab-cmp-listgroupitem__background);
    color: var(--ab-cmp-listgroupitem__color);
    border-radius: var(--ab-cmp-listgroupitem__border-radius);
    &:nth-child(2n + 1) {
      background: var(--ab-cmp-listgroupitem--odd__background);
      color: var(--ab-cmp-listgroupitem--odd__color);
    }
  }
  .ab-AdaptableObjectRow--is-suspended {
    text-decoration: line-through;
  }
  .ab-AdaptableObjectRow__cell {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: var(--ab-cmp-listgroupitem-cell__font-size);
  }
  .ab-Popover {
    border-radius: var(--ab-cmp-popover__border-radius);
    border: var(--ab-cmp-popover__border);
    background: var(--ab-cmp-popover__background);
    color: var(--ab-cmp-popover__color);
    box-shadow: var(--ab-cmp-popover__box-shadow);
    font-size: var(--ab-font-size-2);
    font-family: var(--ab__font-family);
    --ab-popover-triangle-size: 10px;
  }
  .ab-Overlay--show-triangle > .ab-Popover {
    &:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
    }
  }
  .ab-Overlay--position-bottom.ab-Overlay--show-triangle > .ab-Popover {
    &:before {
      border-width: 0 calc(var(--ab-popover-triangle-size) / 2) var(--ab-popover-triangle-size) calc(var(--ab-popover-triangle-size) / 2);
      border-color: transparent transparent var(--ab-cmp-popover__background) transparent;
      left: 50%;
      top: calc(var(--ab-popover-triangle-size) * -1);
      transform: translate3d(calc(var(--ab-popover-triangle-size) * -0.5), 0px, 0px);
    }
  }
  .ab-Overlay--position-top.ab-Overlay--show-triangle > .ab-Popover {
    &:before {
      border-width: var(--ab-popover-triangle-size) calc(var(--ab-popover-triangle-size) / 2) 0 calc(var(--ab-popover-triangle-size) / 2);
      border-color: var(--ab-cmp-popover__background) transparent transparent transparent;
      left: 50%;
      bottom: calc(var(--ab-popover-triangle-size) * -1);
      transform: translate3d(calc(var(--ab-popover-triangle-size) * -0.5), 0px, 0px);
    }
  }
  .ab-NocodeWizard {
    &, *, *:before, *:after {
      box-sizing: border-box;
    }
    padding: var(--ab-cmp-wizard__padding);
    margin: var(--ab-cmp-wizard__margin);
    background: var(--ab-cmp-wizard__background);
    color: var(--ab-cmp-wizard__color);
    height: 100%;
  }
  .ab-NocodeWizardFormBox {
    border: 1px solid var(--ab-color-primarydark);
    border-radius: var(--ab__border-radius);
    background-color: var(--ab-color-defaultbackground);
  }
  .ab-Button.ab-Button {
    border-radius: var(--ab-cmp-button-border-radius);
    padding: var(--ab-space-2);
  }
  .ab-Button.ab-Button--enabled {
    cursor: pointer;
    background: var(--ab-cmp-button-background);
  }
  .ab-Button.ab-Button--disabled {
    opacity: var(--ab-cmp-button-disabled-opacity);
    background: var(--ab-cmp-button-disabled-background);
  }
  .ab-DashboardPanel {
    .ab-CheckBox:not(.ab-dd-checkbox), .ab-SimpleButton.ab-SimpleButton--tone-neutral:not(.ab-DropdownButton) {
      fill: currentColor;
      color: var(--ab-cmp-dashboardpanel_header__color);
      border-color: currentColor;
    }
    .glyphicon.glyphicon {
      color: var(--ab-cmp-dashboardpanel__fill);
    }
  }
  .ab-ToolPanelPanel {
    color: var(--ab-cmp-toolpanelpanel__color);
    fill: var(--ab-cmp-toolpanelpanel__fill);
    border: var(--ab-cmp-toolpanelpanel__border);
  }
  .ab-Dashboard__application-icon {
    margin-right: var(--ab-space-2);
  }
  .ab-Dashboard-Popup__Module-Selector {
    background: var(--ab-cmp-dashboard-module-selector-background);
  }
  .ab-Dashboard__pinned-container {
    border-right: var(--ab-cmp-dashboard-pinned-toolbar-border);
    &:last-child {
      border-right: 0;
    }
  }
  .ab-ToolPanel {
    flex: 1 1 0;
    min-width: 0;
    color: var(--ab-cmp-toolpanel__color);
    font-family: var(--ab-cmp-toolpanel__font-family);
    .ab-ToolPanel__header {
      background: var(--ab-cmp-toolpanel-header__background);
      color: var(--ab-cmp-toolpanel-header__color);
    }
    .ab-ToolPanel__header__buttons {
      grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
    }
    .ab-ToolPanel__custom-content__buttons {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
    }
    .ab-StateManagement__Clear-Button, .ab-StateManagement__Load-Button {
      justify-content: center;
      flex: 1;
    }
    .ab-StateManagement__Clear-Button, .ab-StateManagement__Load-Button, .ab-StateManagement__Export-Dropdown {
      margin-bottom: var(--ab-space-1);
    }
  }
  .ab-CustomSortWizard__SortOrder .ab-Loader__text {
    font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size);
  }
  .ab-Adaptable-Popup {
    max-height: var(--ab-cmp-adaptable-popup__max-height);
    font-family: var(--ab__font-family);
  }
  .ab-Adaptable-Popup--window {
    box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
  }
  .ab-Adaptable-Popup__Navigation {
    border-right: var(--ab-cmp-adaptable-popup-navigation-list__border-right);
  }
  .ab-Adaptable-Popup__Navigation__List {
    padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
    font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size);
  }
  .ab-Adaptable-Popup__Navigation__List__Item {
    padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
    margin-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item__margin-bottom);
  }
  .ab-Adaptable-Popup__Navigation__List__Item__Separator {
    border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
    margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin);
  }
  .ab-Adaptable-Popup__Navigation__List__Item__Button {
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
    border-radius: var(--ab-cmp-adaptable-popup-navigation-list-item-button__border-radius);
    color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color);
  }
  .ab-Adaptable-Popup--settings-popup {
    height: var(--ab-cmp-adaptable-popup--settings__height);
    .ab-Dialog__close-button {
      top: 9px;
    }
  }
  .ab-Adaptable-Popup__Panel {
    width: 100%;
  }
  .ab-Adaptable-Popup__Panel__Header {
    display: flex;
  }
  .ab-Adaptable-Popup__Panel__Header__Title {
    font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size);
  }
  .ab-Adaptable-Popup--window .ab-Adaptable-Popup__TopBar {
    cursor: move;
  }
  .ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup .ab-Panel__header {
    cursor: move;
  }
  .ab-Window-Modal .ab-Panel__header {
    cursor: move;
  }
  .ab-Window-Modal {
    max-height: 100%;
    box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow);
    .ab-Dialog__close-button {
      top: 3px;
    }
    .ab-Panel {
      max-height: initial;
    }
  }
  .ab-Adaptable-Object-List__Item {
    background-color: var(--ab-cmp-adaptable-object-list-item__background-color);
    padding: var(--ab-cmp-adaptable-object-list-item__padding);
    margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom);
  }
  .ab-Adaptable-Object-Compact-List {
    padding: var(--ab-cmp-adaptable-object-compact-list__padding);
    background: var(--ab-cmp-adaptable-object-compact-list__background);
    max-height: 70vh;
    .ab-Adaptable-Object-Compact-List__Header {
      padding: var(--ab-cmp-adaptable-object-compact-list__header__padding);
      margin-bottom: var(--ab-cmp-adaptable-object-compact-list__header__margin-bottom);
    }
    .ab-Adaptable-Object-Compact-List__Title {
      font-size: var(--ab-font-size-4);
    }
    .ab-Adaptable-Object-Compact-List__Body {
      overflow: auto;
      height: 100%;
    }
    .ab-Adaptable-Object-Compact-List__Item {
      padding: var(--ab-cmp-adaptable-object-compact-list-item__padding);
      margin-bottom: var(--ab-cmp-adaptable-object-compact-list-item__margin-bottom);
      background: var(--ab-cmp-adaptable-object-compact-list-item__background);
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
  .ab-Adaptable-Object-List__Item__edit-property {
    visibility: hidden;
  }
  .ab-Adaptable-Object-List__Item__values {
    min-width: 0;
    word-break: break-all;
  }
  .ab-Adaptable-Object-List__Item__label {
    width: var(--ab-cmp-adaptable-object-list-item-label__width);
    &:hover {
      .ab-Adaptable-Object-List__Item__edit-property {
        visibility: visible;
      }
    }
  }
  .ab-Adaptable-Object-Compact-List__Item__Name {
    width: var(--ab-cmp-adaptable-object-compact-list-item-name__width);
    padding: var(--ab-cmp-adaptable-object-compact-list-item-name__padding);
    margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
    font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size);
  }
  .ab-ValueSelector {
    overflow: hidden;
  }
  .ab-ValueSelector__option {
    border-radius: 'var(--ab__border-radius)';
  }
  .ab-ValueSelector__show-selected-only-checkbox {
    position: sticky;
    top: 0;
    z-index: 10000;
  }
  .ab-ValueSelector__show-selected-only-checkbox__text {
    position: absolute;
    top: 2px;
    right: 4px;
    overflow: hidden;
    border-radius: var(--ab__border-radius);
    margin-right: var(--ab-space-1);
    margin-top: var(--ab-space-1);
    padding: 0 var(--ab-space-2);
    font-size: var(--ab-font-size-2);
  }
  .ab-ReorderDraggable {
    overflow: hidden;
  }
  .ab-ReorderDraggable__option {
    border-radius: 'var(--ab__border-radius)';
  }
  .ab-StatusBar {
    display: flex;
    border-right: var(--ab-cmp-adaptable-statusbar__border);
    border-left: var(--ab-cmp-adaptable-statusbar__border);
  }
  .ab-StatusBar__SubPanel {
    padding: var(--ab-cmp-adaptable-statusbar-sub-panel__padding);
    border: 0;
    background: none;
    font-weight: 400;
    border-right: var(--ab-cmp-adaptable-statusbar__border);
    &:last-child {
      border-right: 0;
    }
    &, .ab-SimpleButton {
      color: var(--ab-cmp-adaptable-statusbar__color);
    }
  }
  button.ab-StatusBar__SubPanel {
    &:hover {
      background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
      cursor: pointer;
    }
  }
  .ab-Shared-Entity-Shared-Object {
    border: var(--ab-cmp-adaptable-shared-entity-shared-object__border);
  }
  .ab-Layout-Wizard__ColumnRow__Header {
    cursor: pointer;
  }
  .ab-Layout-Wizard__ColumnRow__Title {
    border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-title__border-radius);
    background: var(--ab-cmp-adaptable-layout-wizard-column-row-title__background);
    color: var(--ab-cmp-adaptable-layout-wizard-column-row-title__color);
  }
  .ab-Layout-Wizard__ColumnRow__Expanded-Container {
    background: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__background);
    border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius);
  }
  .ab-Layout-Wizard__ColumnRow__Input {
    max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
    width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
  }
  .ab-Badge-Definition-Editor {
    background: var(--cmp-Badge-Definition-Editor__background);
  }
  .ab-FloatinQuickSearch, .ab-FloatingQuickSearch {
    padding: var(--adaptable-quick-search-floating-padding);
    width: var(--adaptable-quick-search-floating-width);
  }
  .ab-NotePopup {
    background: var(--ab-note-popup-background-color);
    padding: var(--ab-note-popup-padding);
    border-radius: var(--ab-note-popup-border-radius);
    border: var(--ab-note-popup-border);
    min-width: var(--ab-note-popup-min-width);
  }
  .ab-Cell-Note {
    &:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 8px 8px 0;
      border-color: transparent var(--ab-CellNote-triangle-color) transparent transparent;
    }
  }
  :root {
    --ab-Dataimport-validation-error__border: 1px dashed var(--ab-color-error);
  }
  .ab-QuickFilter {
    overflow-y: auto;
    font-size: var(--ab-cmp-quickfilter__font-size);
    border: var(--ab-cmp-quickfilter__border);
    background: var(--ab-cmp-quickfilter__background);
  }
  .ab-QuickFilter__dropdown {
    white-space: nowrap;
    max-height: 60vh;
    overflow-y: auto;
  }
  .ab-FloatingFilter {
    font-size: var(--ab-cmp-column-filter-input__font-size);
    border: var(--ab-cmp-column-filter-input__border);
    background: var(--ab-cmp-column-filter-input__background);
  }
  .ab-FloatingFilter-label {
    color: var(--ab-color-text-on-primary);
  }
  .ab-ColumnFilter {
    --ab-cmp-select-min-height: 32px;
    max-width: max(50vw, 500px);
  }
  .ab-EntityRulePredicateEditor {
    background-color: var(--ab-cmp-entity-rules-editor__background-color);
  }
  .ab-EntityRulePredicateEditor-ScopeTypeSelector {
    background-color: var(--ab-cmp-entity-rules-editor__background-color);
  }
  .ab-IconSelector__Popup {
    color: var(--ab-cmp-icon-selector__popup__color);
    background: var(--ab-cmp-icon-selector__popup__background);
    border: var(--ab-cmp-icon-selector__popup__border);
    padding: var(--ab-cmp-icon-selector__popup__padding);
    border-radius: var(--ab-cmp-icon-selector__popup__border-radius);
  }
  :root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: rgba(255, 255, 255, 0.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
  }
  .Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff;
  }
  .Toastify__toast-container--top-left {
    top: 1em;
    left: 1em;
  }
  .Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%);
  }
  .Toastify__toast-container--top-right {
    top: 1em;
    right: 1em;
  }
  .Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em;
  }
  .Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%);
  }
  .Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em;
  }
  @media only screen and (max-width : 480px) {
    .Toastify__toast-container {
      width: 100vw;
      padding: 0;
      left: 0;
      margin: 0;
    }
    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
      top: 0;
      transform: translateX(0);
    }
    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
      bottom: 0;
      transform: translateX(0);
    }
    .Toastify__toast-container--rtl {
      right: 0;
      left: initial;
    }
  }
  .Toastify__toast {
    position: relative;
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: var(--toastify-toast-max-height);
    overflow: hidden;
    font-family: var(--toastify-font-family);
    cursor: default;
    direction: ltr;
    z-index: 0;
  }
  .Toastify__toast--rtl {
    direction: rtl;
  }
  .Toastify__toast--close-on-click {
    cursor: pointer;
  }
  .Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
  .Toastify__toast-body > div:last-child {
    word-break: break-word;
    -ms-flex: 1;
    flex: 1;
  }
  .Toastify__toast-icon {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    width: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
  }
  .Toastify--animate {
    animation-fill-mode: both;
    animation-duration: 0.7s;
  }
  .Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration: 0.3s;
  }
  @media only screen and (max-width : 480px) {
    .Toastify__toast {
      margin-bottom: 0;
      border-radius: 0;
    }
  }
  .Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark);
  }
  .Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light);
  }
  .Toastify__toast-theme--colored.Toastify__toast--default {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light);
  }
  .Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info);
  }
  .Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success);
  }
  .Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning);
  }
  .Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error);
  }
  .Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light);
  }
  .Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark);
  }
  .Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info);
  }
  .Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success);
  }
  .Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning);
  }
  .Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error);
  }
  .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
    background: var(--toastify-color-transparent);
  }
  .Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.3s ease;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .Toastify__close-button--light {
    color: #000;
    opacity: 0.3;
  }
  .Toastify__close-button > svg {
    fill: currentColor;
    height: 16px;
    width: 14px;
  }
  .Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity: 1;
  }
  @keyframes Toastify__trackProgress {
    0% {
      transform: scaleX(1);
    }
    100% {
      transform: scaleX(0);
    }
  }
  .Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: var(--toastify-z-index);
    opacity: 0.7;
    transform-origin: left;
  }
  .Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards;
  }
  .Toastify__progress-bar--controlled {
    transition: transform 0.2s;
  }
  .Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right;
  }
  .Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100%;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: var(--toastify-spinner-color);
    animation: Toastify__spin 0.65s linear infinite;
  }
  @keyframes Toastify__bounceInRight {
    from, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
      opacity: 0;
      transform: translate3d(3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0);
    }
    75% {
      transform: translate3d(10px, 0, 0);
    }
    90% {
      transform: translate3d(-5px, 0, 0);
    }
    to {
      transform: none;
    }
  }
  @keyframes Toastify__bounceOutRight {
    20% {
      opacity: 1;
      transform: translate3d(-20px, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
    }
  }
  @keyframes Toastify__bounceInLeft {
    from, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0);
    }
    75% {
      transform: translate3d(-10px, 0, 0);
    }
    90% {
      transform: translate3d(5px, 0, 0);
    }
    to {
      transform: none;
    }
  }
  @keyframes Toastify__bounceOutLeft {
    20% {
      opacity: 1;
      transform: translate3d(20px, 0, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
    }
  }
  @keyframes Toastify__bounceInUp {
    from, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
      opacity: 0;
      transform: translate3d(0, 3000px, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
    }
    75% {
      transform: translate3d(0, 10px, 0);
    }
    90% {
      transform: translate3d(0, -5px, 0);
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes Toastify__bounceOutUp {
    20% {
      transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
      opacity: 1;
      transform: translate3d(0, 20px, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
    }
  }
  @keyframes Toastify__bounceInDown {
    from, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      transform: translate3d(0, -3000px, 0);
    }
    60% {
      opacity: 1;
      transform: translate3d(0, 25px, 0);
    }
    75% {
      transform: translate3d(0, -10px, 0);
    }
    90% {
      transform: translate3d(0, 5px, 0);
    }
    to {
      transform: none;
    }
  }
  @keyframes Toastify__bounceOutDown {
    20% {
      transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
    }
    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
    }
  }
  .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
    animation-name: Toastify__bounceInLeft;
  }
  .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
    animation-name: Toastify__bounceInRight;
  }
  .Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown;
  }
  .Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp;
  }
  .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
    animation-name: Toastify__bounceOutLeft;
  }
  .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
    animation-name: Toastify__bounceOutRight;
  }
  .Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp;
  }
  .Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown;
  }
  @keyframes Toastify__zoomIn {
    from {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  @keyframes Toastify__zoomOut {
    from {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
      opacity: 0;
    }
  }
  .Toastify__zoom-enter {
    animation-name: Toastify__zoomIn;
  }
  .Toastify__zoom-exit {
    animation-name: Toastify__zoomOut;
  }
  @keyframes Toastify__flipIn {
    from {
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      animation-timing-function: ease-in;
      opacity: 0;
    }
    40% {
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      animation-timing-function: ease-in;
    }
    60% {
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
    }
    80% {
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
      transform: perspective(400px);
    }
  }
  @keyframes Toastify__flipOut {
    from {
      transform: perspective(400px);
    }
    30% {
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
    }
    to {
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
    }
  }
  .Toastify__flip-enter {
    animation-name: Toastify__flipIn;
  }
  .Toastify__flip-exit {
    animation-name: Toastify__flipOut;
  }
  @keyframes Toastify__slideInRight {
    from {
      transform: translate3d(110%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes Toastify__slideInLeft {
    from {
      transform: translate3d(-110%, 0, 0);
      visibility: visible;
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes Toastify__slideInUp {
    from {
      transform: translate3d(0, 110%, 0);
      visibility: visible;
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes Toastify__slideInDown {
    from {
      transform: translate3d(0, -110%, 0);
      visibility: visible;
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes Toastify__slideOutRight {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      visibility: hidden;
      transform: translate3d(110%, 0, 0);
    }
  }
  @keyframes Toastify__slideOutLeft {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      visibility: hidden;
      transform: translate3d(-110%, 0, 0);
    }
  }
  @keyframes Toastify__slideOutDown {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      visibility: hidden;
      transform: translate3d(0, 500px, 0);
    }
  }
  @keyframes Toastify__slideOutUp {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      visibility: hidden;
      transform: translate3d(0, -500px, 0);
    }
  }
  .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
    animation-name: Toastify__slideInLeft;
  }
  .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
    animation-name: Toastify__slideInRight;
  }
  .Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown;
  }
  .Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp;
  }
  .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
    animation-name: Toastify__slideOutLeft;
  }
  .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
    animation-name: Toastify__slideOutRight;
  }
  .Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp;
  }
  .Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown;
  }
  @keyframes Toastify__spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .ab-alert--error {
    background: var(--ab-color-error);
  }
  .ab-alert--success {
    background: var(--ab-color-success);
  }
  .ab-alert--warn, .ab-alert--warning {
    background: var(--ab-color-warn);
  }
  .ab-alert--info {
    background: var(--ab-color-info);
  }
  .ab-cell--align-left {
    text-align: left;
  }
  .ab-cell--align-right {
    text-align: right;
  }
  .ab-cell--align-center {
    text-align: center;
  }
  .popover-content {
    padding: 1px;
  }
  .ab_div-colour-render-bar {
    display: inline-block;
    height: 100%;
    position: relative;
    z-index: 0;
  }
  .ab_div-colour-render-text {
    position: absolute;
    font-weight: normal;
    font-size: 12px;
    z-index: 100;
  }
  .ab_div-colour-render-div {
    display: inline-block;
    height: 100%;
    width: 100%;
  }
  .ab-ActionColumn {
    height: 100%;
    display: flex;
    column-gap: var(--ab-space-1);
    & > button.ab-SimpleButton {
      height: 100%;
    }
  }
  .Toastify__toast-container {
    border-style: none;
    border-width: 0px;
  }
  .Toastify__toast {
    padding: 0;
    padding-bottom: 5px;
    color: var(--ab-color-text-on-primary);
    border-style: none;
    --ab-toast-cmp__shadow-color: var(--ab-color-accent);
    box-shadow: 0 0 7px 2px var(--ab-toast-cmp__shadow-color);
    background: var(--ab-toast-cmp__shadow-color);
    --toastify-text-color-info: var(--ab-color-text-on-primary);
    --toastify-text-color-success: var(--ab-color-text-on-primary);
    --toastify-text-color-warning: var(--ab-color-text-on-primary);
    --toastify-text-color-error: var(--ab-color-text-on-primary);
    --toastify-color-info: var(--ab-color-info);
    --toastify-color-success: var(--ab-color-success);
    --toastify-color-warning: var(--ab-color-warn);
    --toastify-color-error: var(--ab-color-error);
  }
  .Toastify__toast-body {
    padding: 0;
  }
  .Toastify__toast--info {
    --ab-toast-cmp__shadow-color: var(--ab-color-info);
  }
  .Toastify__toast--success {
    --ab-toast-cmp__shadow-color: var(--ab-color-success);
  }
  .Toastify__toast--warning {
    --ab-toast-cmp__shadow-color: var(--ab-color-warn);
  }
  .Toastify__toast--error {
    --ab-toast-cmp__shadow-color: var(--ab-color-error);
  }
  .ab--custom-mac-like-scrollbars {
    .ab-Grid *, .ag-root *, .ab-Dashboard, .ab-Dashboard *, .ab-Panel, .ab-Panel *, .ab-Modal, .ab-Modal * {
      &::-webkit-scrollbar {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100px;
      }
      &::-webkit-scrollbar:vertical {
        width: var(--ab-custom-scrollbar-size);
      }
      &::-webkit-scrollbar:horizontal {
        height: var(--ab-custom-scrollbar-size);
      }
      &::-webkit-scrollbar:hover {
        background-color: rgba(0, 0, 0, 0.09);
      }
      &::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 100px;
        background-clip: padding-box;
        border: 2px solid rgba(0, 0, 0, 0);
      }
      &::-webkit-scrollbar-thumb:vertical {
        min-height: var(--ab-custom-scrollbar-size);
      }
      &::-webkit-scrollbar-thumb:horizontal {
        min-width: var(--ab-custom-scrollbar-size);
      }
      &::-webkit-scrollbar-thumb:active {
        background: rgba(0, 0, 0, 0.61);
        border-radius: 100px;
      }
    }
  }
  .ag-details-row {
    display: flex;
    flex-flow: column;
    .ag-details-grid {
      flex: 1;
    }
  }
  .ab-wait-for-progress-indicator {
    &.ab-Grid {
      pointer-events: none;
    }
  }
  .ab__ng-wrapper {
    display: flex;
    flex-flow: var(--ab_flex-direction);
  }
  .ag-header-cell:has(.ab-FloatingFilter) {
    padding: var(--ab-space-1) !important;
  }
  .ag-group-floating-filter:has(.ab-FloatingFilter) {
    height: 100% !important;
  }
  .ag-group-floating-filter {
    .ag-react-container {
      width: 100% !important;
    }
  }
  .ab-header__align-center .ag-header-cell-label {
    justify-content: center;
  }
  .ab-header__align-right .ag-header-cell-label {
    justify-content: flex-end;
  }
  .ab-header__align-left .ag-header-cell-label {
    justify-content: flex-start;
  }
}
@layer adaptable.theme {
  html.ab--theme-light {
    --ab-theme-loaded: light;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-duration: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}

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