/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer adaptable.reset, adaptable.components, adaptable.utilities, adaptable.theming;
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
: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-gray-400: oklch(70.7% 0.022 261.325);
  --twa-color-neutral-500: oklch(55.6% 0 none);
  --twa-color-white: #fff;
  --twa-container-xs: 20rem;
  --twa-container-md: 28rem;
  --twa-container-3xl: 48rem;
  --twa-text-xs: 0.75rem;
  --twa-text-xs--line-height: calc(1 / 0.75);
  --twa-text-sm--line-height: calc(1.25 / 0.875);
  --twa-text-base: 1rem;
  --twa-text-base--line-height: calc(1.5 / 1);
  --twa-text-lg: 1.125rem;
  --twa-text-lg--line-height: calc(1.75 / 1.125);
  --twa-text-3xl: 1.875rem;
  --twa-text-3xl--line-height: calc(2.25 / 1.875);
  --twa-font-weight-normal: 400;
  --twa-font-weight-medium: 500;
  --twa-font-weight-semibold: 600;
  --twa-font-weight-bold: 700;
  --twa-tracking-wide: 0.025em;
  --twa-tracking-widest: 0.1em;
  --twa-leading-tight: 1.25;
  --twa-leading-snug: 1.375;
  --twa-leading-normal: 1.5;
  --twa-leading-relaxed: 1.625;
  --twa-radius-sm: 0.25rem;
  --twa-radius-md: 0.375rem;
  --twa-animate-spin: spin 1s linear infinite;
  --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.reset {
  /*! 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;
    color: inherit;
  }
  input {
    color: currentColor;
  }
  * {
    box-sizing: border-box;
  }
  *::before, *::after {
    box-sizing: border-box;
  }
}
@layer adaptable.theming;
@layer adaptable.utilities {
  .twa\:pointer-events-none {
    pointer-events: none;
  }
  .twa\:invisible {
    visibility: hidden;
  }
  .twa\:visible {
    visibility: visible;
  }
  .twa\:absolute {
    position: absolute;
  }
  .twa\:absolute\! {
    position: absolute !important;
  }
  .twa\:fixed {
    position: fixed;
  }
  .twa\:relative {
    position: relative;
  }
  .twa\:inset-0 {
    inset: 0px;
  }
  .twa\:inset-x-0 {
    inset-inline: 0px;
  }
  .twa\:top-0 {
    top: 0px;
  }
  .twa\:top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .twa\:top-2\.5 {
    top: calc(var(--ab-base-space) * 2.5);
  }
  .twa\:top-\[6px\] {
    top: 6px;
  }
  .twa\:right-2 {
    right: calc(var(--ab-base-space) * 2);
  }
  .twa\:right-2\.5 {
    right: calc(var(--ab-base-space) * 2.5);
  }
  .twa\:right-\[6px\] {
    right: 6px;
  }
  .twa\:bottom-0 {
    bottom: 0px;
  }
  .twa\:left-0 {
    left: 0px;
  }
  .twa\:isolate {
    isolation: isolate;
  }
  .twa\:z-0 {
    z-index: 0;
  }
  .twa\:z-10 {
    z-index: 10;
  }
  .twa\:z-50 {
    z-index: 50;
  }
  .twa\:z-900 {
    z-index: 900;
  }
  .twa\:z-1000 {
    z-index: 1000;
  }
  .twa\:z-\[9999999\] {
    z-index: 9999999;
  }
  .twa\:order-first {
    order: -9999;
  }
  .twa\:order-last {
    order: 9999;
  }
  .twa\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .twa\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .twa\:col-start-2 {
    grid-column-start: 2;
  }
  .twa\:col-start-3 {
    grid-column-start: 3;
  }
  .twa\:col-start-4 {
    grid-column-start: 4;
  }
  .twa\:row-start-1 {
    grid-row-start: 1;
  }
  .twa\:row-start-2 {
    grid-row-start: 2;
  }
  .twa\:row-start-3 {
    grid-row-start: 3;
  }
  .twa\:row-start-4 {
    grid-row-start: 4;
  }
  .twa\:row-start-5 {
    grid-row-start: 5;
  }
  .twa\:float-left {
    float: left;
  }
  .twa\:m-0 {
    margin: 0px;
  }
  .twa\:m-1 {
    margin: var(--ab-base-space);
  }
  .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-1 {
    margin-inline: var(--ab-base-space);
  }
  .twa\:mx-1\.5 {
    margin-inline: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:mx-2 {
    margin-inline: calc(var(--ab-base-space) * 2);
  }
  .twa\:mx-3 {
    margin-inline: calc(var(--ab-base-space) * 3);
  }
  .twa\:my-0 {
    margin-block: 0px;
  }
  .twa\:my-0\! {
    margin-block: 0px !important;
  }
  .twa\:my-0\.5 {
    margin-block: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:my-1 {
    margin-block: var(--ab-base-space);
  }
  .twa\:my-2 {
    margin-block: calc(var(--ab-base-space) * 2);
  }
  .twa\:my-3 {
    margin-block: calc(var(--ab-base-space) * 3);
  }
  .twa\:\!mt-0 {
    margin-top: 0px !important;
  }
  .twa\:mt-0 {
    margin-top: 0px;
  }
  .twa\:mt-0\.5 {
    margin-top: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:mt-1 {
    margin-top: var(--ab-base-space);
  }
  .twa\:mt-1\.5 {
    margin-top: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:mt-2 {
    margin-top: calc(var(--ab-base-space) * 2);
  }
  .twa\:mt-3 {
    margin-top: calc(var(--ab-base-space) * 3);
  }
  .twa\:mt-4 {
    margin-top: calc(var(--ab-base-space) * 4);
  }
  .twa\:mt-\[2px\] {
    margin-top: 2px;
  }
  .twa\:-mr-1 {
    margin-right: calc(var(--ab-base-space) * -1);
  }
  .twa\:mr-0 {
    margin-right: 0px;
  }
  .twa\:mr-0\.5 {
    margin-right: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:mr-1 {
    margin-right: var(--ab-base-space);
  }
  .twa\:mr-2 {
    margin-right: calc(var(--ab-base-space) * 2);
  }
  .twa\:mr-3 {
    margin-right: calc(var(--ab-base-space) * 3);
  }
  .twa\:mr-5 {
    margin-right: calc(var(--ab-base-space) * 5);
  }
  .twa\:mr-6 {
    margin-right: calc(var(--ab-base-space) * 6);
  }
  .twa\:mb-0 {
    margin-bottom: 0px;
  }
  .twa\:mb-0\.5 {
    margin-bottom: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:mb-1 {
    margin-bottom: var(--ab-base-space);
  }
  .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\:-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-px {
    margin-left: -1px;
  }
  .twa\:ml-0 {
    margin-left: 0px;
  }
  .twa\:ml-0\.5 {
    margin-left: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:ml-1 {
    margin-left: var(--ab-base-space);
  }
  .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-6 {
    margin-left: calc(var(--ab-base-space) * 6);
  }
  .twa\:ml-auto {
    margin-left: auto;
  }
  .twa\:box-border {
    box-sizing: border-box;
  }
  .twa\:block {
    display: block;
  }
  .twa\:block\! {
    display: block !important;
  }
  .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\:field-sizing-content {
    field-sizing: content;
  }
  .twa\:aspect-square {
    aspect-ratio: 1 / 1;
  }
  .twa\:size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }
  .twa\:size-0 {
    width: 0px;
    height: 0px;
  }
  .twa\:size-1\.5 {
    width: calc(var(--ab-base-space) * 1.5);
    height: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:size-2\.5 {
    width: calc(var(--ab-base-space) * 2.5);
    height: calc(var(--ab-base-space) * 2.5);
  }
  .twa\:size-3\.5 {
    width: calc(var(--ab-base-space) * 3.5);
    height: calc(var(--ab-base-space) * 3.5);
  }
  .twa\:size-4 {
    width: calc(var(--ab-base-space) * 4);
    height: calc(var(--ab-base-space) * 4);
  }
  .twa\:size-6 {
    width: calc(var(--ab-base-space) * 6);
    height: calc(var(--ab-base-space) * 6);
  }
  .twa\:size-8 {
    width: calc(var(--ab-base-space) * 8);
    height: calc(var(--ab-base-space) * 8);
  }
  .twa\:size-9 {
    width: calc(var(--ab-base-space) * 9);
    height: calc(var(--ab-base-space) * 9);
  }
  .twa\:size-10 {
    width: calc(var(--ab-base-space) * 10);
    height: calc(var(--ab-base-space) * 10);
  }
  .twa\:size-auto {
    width: auto;
    height: auto;
  }
  .twa\:size-full {
    width: 100%;
    height: 100%;
  }
  .twa\:\!h-9 {
    height: calc(var(--ab-base-space) * 9) !important;
  }
  .twa\:\!h-10 {
    height: calc(var(--ab-base-space) * 10) !important;
  }
  .twa\:h-\(--cell-size\) {
    height: var(--cell-size);
  }
  .twa\:h-3 {
    height: calc(var(--ab-base-space) * 3);
  }
  .twa\:h-6 {
    height: calc(var(--ab-base-space) * 6);
  }
  .twa\:h-8 {
    height: calc(var(--ab-base-space) * 8);
  }
  .twa\:h-9 {
    height: calc(var(--ab-base-space) * 9);
  }
  .twa\:h-10 {
    height: calc(var(--ab-base-space) * 10);
  }
  .twa\:h-16 {
    height: calc(var(--ab-base-space) * 16);
  }
  .twa\:h-\[0\.5px\] {
    height: 0.5px;
  }
  .twa\:h-\[1rem\] {
    height: 1rem;
  }
  .twa\:h-\[6px\] {
    height: 6px;
  }
  .twa\:h-\[10px\] {
    height: 10px;
  }
  .twa\:h-\[22px\] {
    height: 22px;
  }
  .twa\:h-\[33px\] {
    height: 33px;
  }
  .twa\:h-\[90vh\] {
    height: 90vh;
  }
  .twa\:h-\[calc\(--spacing\(5\.5\)\)\] {
    height: calc(calc(var(--ab-base-space) * 5.5));
  }
  .twa\:h-\[min\(22rem\,var\(--total-size\)\)\] {
    height: min(22rem, var(--total-size));
  }
  .twa\:h-auto {
    height: auto;
  }
  .twa\:h-full {
    height: 100%;
  }
  .twa\:h-input {
    height: var(--ab-input-height);
  }
  .twa\:h-px {
    height: 1px;
  }
  .twa\:max-h-\(--available-height\) {
    max-height: var(--available-height);
  }
  .twa\:max-h-\[60vh\] {
    max-height: 60vh;
  }
  .twa\:max-h-\[80vh\] {
    max-height: 80vh;
  }
  .twa\:max-h-\[90vh\] {
    max-height: 90vh;
  }
  .twa\:max-h-\[300px\] {
    max-height: 300px;
  }
  .twa\:max-h-\[420px\] {
    max-height: 420px;
  }
  .twa\:max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
    max-height: min(calc(calc(var(--ab-base-space) * 72) - calc(var(--ab-base-space) * 9)), calc(var(--available-height) - calc(var(--ab-base-space) * 9)));
  }
  .twa\:max-h-\[min\(var\(--available-height\,80vh\)\,80vh\)\] {
    max-height: min(var(--available-height,80vh), 80vh);
  }
  .twa\:max-h-full {
    max-height: 100%;
  }
  .twa\:max-h-none\! {
    max-height: none !important;
  }
  .twa\:\!min-h-0 {
    min-height: 0px !important;
  }
  .twa\:min-h-0 {
    min-height: 0px;
  }
  .twa\:min-h-7 {
    min-height: calc(var(--ab-base-space) * 7);
  }
  .twa\:min-h-16 {
    min-height: calc(var(--ab-base-space) * 16);
  }
  .twa\:min-h-24 {
    min-height: calc(var(--ab-base-space) * 24);
  }
  .twa\:min-h-50 {
    min-height: calc(var(--ab-base-space) * 50);
  }
  .twa\:min-h-\[1rem\] {
    min-height: 1rem;
  }
  .twa\:min-h-\[2\.5rem\] {
    min-height: 2.5rem;
  }
  .twa\:min-h-\[6px\] {
    min-height: 6px;
  }
  .twa\:min-h-\[15px\] {
    min-height: 15px;
  }
  .twa\:min-h-\[32px\] {
    min-height: 32px;
  }
  .twa\:min-h-\[36px\] {
    min-height: 36px;
  }
  .twa\:min-h-\[48px\] {
    min-height: 48px;
  }
  .twa\:min-h-\[100px\] {
    min-height: 100px;
  }
  .twa\:min-h-\[108px\] {
    min-height: 108px;
  }
  .twa\:min-h-\[120px\] {
    min-height: 120px;
  }
  .twa\:min-h-\[148px\] {
    min-height: 148px;
  }
  .twa\:min-h-\[168px\] {
    min-height: 168px;
  }
  .twa\:min-h-\[200px\] {
    min-height: 200px;
  }
  .twa\:min-h-\[240px\] {
    min-height: 240px;
  }
  .twa\:min-h-\[280px\] {
    min-height: 280px;
  }
  .twa\:min-h-\[300px\] {
    min-height: 300px;
  }
  .twa\:min-h-\[500px\] {
    min-height: 500px;
  }
  .twa\:min-h-auto {
    min-height: auto;
  }
  .twa\:min-h-auto\! {
    min-height: auto !important;
  }
  .twa\:min-h-input {
    min-height: var(--ab-input-height);
  }
  .twa\:\!w-9 {
    width: calc(var(--ab-base-space) * 9) !important;
  }
  .twa\:\!w-10 {
    width: calc(var(--ab-base-space) * 10) !important;
  }
  .twa\:\!w-\[300px\] {
    width: 300px !important;
  }
  .twa\:w-\(--anchor-width\) {
    width: var(--anchor-width);
  }
  .twa\:w-\(--cell-size\) {
    width: var(--cell-size);
  }
  .twa\:w-0\.5 {
    width: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .twa\:w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
  .twa\:w-3 {
    width: calc(var(--ab-base-space) * 3);
  }
  .twa\:w-8 {
    width: calc(var(--ab-base-space) * 8);
  }
  .twa\:w-20 {
    width: calc(var(--ab-base-space) * 20);
  }
  .twa\:w-24 {
    width: calc(var(--ab-base-space) * 24);
  }
  .twa\:w-32 {
    width: calc(var(--ab-base-space) * 32);
  }
  .twa\:w-60 {
    width: calc(var(--ab-base-space) * 60);
  }
  .twa\:w-72 {
    width: calc(var(--ab-base-space) * 72);
  }
  .twa\:w-80 {
    width: calc(var(--ab-base-space) * 80);
  }
  .twa\:w-96 {
    width: calc(var(--ab-base-space) * 96);
  }
  .twa\:w-\[1rem\] {
    width: 1rem;
  }
  .twa\:w-\[5\.5rem\] {
    width: 5.5rem;
  }
  .twa\:w-\[7rem\] {
    width: 7rem;
  }
  .twa\:w-\[10px\] {
    width: 10px;
  }
  .twa\:w-\[10rem\] {
    width: 10rem;
  }
  .twa\:w-\[12rem\] {
    width: 12rem;
  }
  .twa\:w-\[15rem\] {
    width: 15rem;
  }
  .twa\:w-\[44px\] {
    width: 44px;
  }
  .twa\:w-\[70px\] {
    width: 70px;
  }
  .twa\:w-\[72px\] {
    width: 72px;
  }
  .twa\:w-\[77px\] {
    width: 77px;
  }
  .twa\:w-\[90vw\] {
    width: 90vw;
  }
  .twa\:w-\[100px\] {
    width: 100px;
  }
  .twa\:w-\[120px\] {
    width: 120px;
  }
  .twa\:w-\[128px\] {
    width: 128px;
  }
  .twa\:w-\[140px\] {
    width: 140px;
  }
  .twa\:w-\[150px\] {
    width: 150px;
  }
  .twa\:w-\[200px\] {
    width: 200px;
  }
  .twa\:w-\[215px\] {
    width: 215px;
  }
  .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-3xl {
    max-width: var(--twa-container-3xl);
  }
  .twa\:max-w-50 {
    max-width: calc(var(--ab-base-space) * 50);
  }
  .twa\:max-w-80 {
    max-width: calc(var(--ab-base-space) * 80);
  }
  .twa\:max-w-\[5\.5rem\] {
    max-width: 5.5rem;
  }
  .twa\:max-w-\[15rem\] {
    max-width: 15rem;
  }
  .twa\:max-w-\[20rem\] {
    max-width: 20rem;
  }
  .twa\:max-w-\[22rem\] {
    max-width: 22rem;
  }
  .twa\:max-w-\[60vw\] {
    max-width: 60vw;
  }
  .twa\:max-w-\[70vw\] {
    max-width: 70vw;
  }
  .twa\:max-w-\[72px\] {
    max-width: 72px;
  }
  .twa\:max-w-\[100px\] {
    max-width: 100px;
  }
  .twa\:max-w-\[150px\] {
    max-width: 150px;
  }
  .twa\:max-w-\[160px\] {
    max-width: 160px;
  }
  .twa\:max-w-\[180px\] {
    max-width: 180px;
  }
  .twa\:max-w-\[200px\] {
    max-width: 200px;
  }
  .twa\:max-w-\[215px\] {
    max-width: 215px;
  }
  .twa\:max-w-\[220px\] {
    max-width: 220px;
  }
  .twa\:max-w-\[300px\] {
    max-width: 300px;
  }
  .twa\:max-w-\[400px\] {
    max-width: 400px;
  }
  .twa\:max-w-\[420px\] {
    max-width: 420px;
  }
  .twa\:max-w-\[480px\] {
    max-width: 480px;
  }
  .twa\:max-w-\[500px\] {
    max-width: 500px;
  }
  .twa\:max-w-\[520px\] {
    max-width: 520px;
  }
  .twa\:max-w-\[540px\] {
    max-width: 540px;
  }
  .twa\:max-w-\[600px\] {
    max-width: 600px;
  }
  .twa\:max-w-\[640px\] {
    max-width: 640px;
  }
  .twa\:max-w-\[700px\] {
    max-width: 700px;
  }
  .twa\:max-w-\[720px\] {
    max-width: 720px;
  }
  .twa\:max-w-\[1200px\] {
    max-width: 1200px;
  }
  .twa\:max-w-\[inherit\] {
    max-width: inherit;
  }
  .twa\:max-w-\[min\(var\(--available-width\)\,80vw\)\] {
    max-width: min(var(--available-width), 80vw);
  }
  .twa\:max-w-\[min\(var\(--available-width\,80vw\)\,80vw\)\] {
    max-width: min(var(--available-width,80vw), 80vw);
  }
  .twa\:max-w-full {
    max-width: 100%;
  }
  .twa\:max-w-md {
    max-width: var(--twa-container-md);
  }
  .twa\:max-w-none {
    max-width: none;
  }
  .twa\:max-w-xs {
    max-width: var(--twa-container-xs);
  }
  .twa\:\!min-w-\[36px\] {
    min-width: 36px !important;
  }
  .twa\:\!min-w-\[40px\] {
    min-width: 40px !important;
  }
  .twa\:min-w-\(--cell-size\) {
    min-width: var(--cell-size);
  }
  .twa\:min-w-0 {
    min-width: 0px;
  }
  .twa\:min-w-7 {
    min-width: calc(var(--ab-base-space) * 7);
  }
  .twa\:min-w-16 {
    min-width: calc(var(--ab-base-space) * 16);
  }
  .twa\:min-w-28 {
    min-width: calc(var(--ab-base-space) * 28);
  }
  .twa\:min-w-30 {
    min-width: calc(var(--ab-base-space) * 30);
  }
  .twa\:min-w-32 {
    min-width: calc(var(--ab-base-space) * 32);
  }
  .twa\:min-w-36 {
    min-width: calc(var(--ab-base-space) * 36);
  }
  .twa\:min-w-70 {
    min-width: calc(var(--ab-base-space) * 70);
  }
  .twa\:min-w-\[1rem\] {
    min-width: 1rem;
  }
  .twa\:min-w-\[5\.5rem\] {
    min-width: 5.5rem;
  }
  .twa\:min-w-\[6\.5rem\] {
    min-width: 6.5rem;
  }
  .twa\:min-w-\[10rem\] {
    min-width: 10rem;
  }
  .twa\:min-w-\[20vw\] {
    min-width: 20vw;
  }
  .twa\:min-w-\[40px\] {
    min-width: 40px;
  }
  .twa\:min-w-\[44px\] {
    min-width: 44px;
  }
  .twa\:min-w-\[50\%\] {
    min-width: 50%;
  }
  .twa\:min-w-\[50px\] {
    min-width: 50px;
  }
  .twa\:min-w-\[56px\] {
    min-width: 56px;
  }
  .twa\:min-w-\[60px\] {
    min-width: 60px;
  }
  .twa\:min-w-\[72px\] {
    min-width: 72px;
  }
  .twa\:min-w-\[80px\] {
    min-width: 80px;
  }
  .twa\:min-w-\[96px\] {
    min-width: 96px;
  }
  .twa\:min-w-\[100px\] {
    min-width: 100px;
  }
  .twa\:min-w-\[110px\] {
    min-width: 110px;
  }
  .twa\:min-w-\[120px\] {
    min-width: 120px;
  }
  .twa\:min-w-\[140px\] {
    min-width: 140px;
  }
  .twa\:min-w-\[160px\] {
    min-width: 160px;
  }
  .twa\:min-w-\[180px\] {
    min-width: 180px;
  }
  .twa\:min-w-\[200px\] {
    min-width: 200px;
  }
  .twa\:min-w-\[215px\] {
    min-width: 215px;
  }
  .twa\:min-w-\[250px\] {
    min-width: 250px;
  }
  .twa\:min-w-\[300px\] {
    min-width: 300px;
  }
  .twa\:min-w-\[400px\] {
    min-width: 400px;
  }
  .twa\:min-w-\[486px\] {
    min-width: 486px;
  }
  .twa\:min-w-\[min\(calc\(var\(--anchor-width\)\+--spacing\(7\)\)\,var\(--available-width\)\,80vw\)\] {
    min-width: min(calc(var(--anchor-width) + calc(var(--ab-base-space) * 7)), var(--available-width), 80vw);
  }
  .twa\:flex-0 {
    flex: 0;
  }
  .twa\:flex-1 {
    flex: 1;
  }
  .twa\:flex-2 {
    flex: 2;
  }
  .twa\:flex-1000 {
    flex: 1000;
  }
  .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\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .twa\:shrink {
    flex-shrink: 1;
  }
  .twa\:shrink-0 {
    flex-shrink: 0;
  }
  .twa\:basis-0 {
    flex-basis: 0px;
  }
  .twa\:border-collapse {
    border-collapse: collapse;
  }
  .twa\:origin-\(--transform-origin\) {
    transform-origin: var(--transform-origin);
  }
  .twa\:-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .twa\:translate-y-\[calc\(-50\%-2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .twa\:rotate-45 {
    rotate: 45deg;
  }
  .twa\:animate-spin {
    animation: var(--twa-animate-spin);
  }
  .twa\:cursor-auto {
    cursor: auto;
  }
  .twa\:cursor-default {
    cursor: default;
  }
  .twa\:cursor-grab {
    cursor: grab;
  }
  .twa\:cursor-not-allowed {
    cursor: not-allowed;
  }
  .twa\:cursor-pointer {
    cursor: pointer;
  }
  .twa\:cursor-text {
    cursor: text;
  }
  .twa\:resize-none {
    resize: none;
  }
  .twa\:resize-y {
    resize: vertical;
  }
  .twa\:scroll-my-1 {
    scroll-margin-block: var(--ab-base-space);
  }
  .twa\:scroll-p-2 {
    scroll-padding: calc(var(--ab-base-space) * 2);
  }
  .twa\:scroll-py-1 {
    scroll-padding-block: var(--ab-base-space);
  }
  .twa\:list-none {
    list-style-type: none;
  }
  .twa\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .twa\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .twa\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
  .twa\:grid-cols-\[4\.5rem_1fr\] {
    grid-template-columns: 4.5rem 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-cols-\[max-content_1fr_max-content_1fr\] {
    grid-template-columns: max-content 1fr max-content 1fr;
  }
  .twa\:grid-cols-\[minmax\(160px\,14rem\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(160px,14rem) minmax(0,1fr);
  }
  .twa\:grid-cols-\[repeat\(auto-fill\,minmax\(13rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(13rem,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-items-center {
    place-items: center;
  }
  .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\:gap-0 {
    gap: 0px;
  }
  .twa\:gap-0\.5 {
    gap: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:gap-1 {
    gap: var(--ab-base-space);
  }
  .twa\:gap-1\.5 {
    gap: calc(var(--ab-base-space) * 1.5);
  }
  .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-6 {
    gap: calc(var(--ab-base-space) * 6);
  }
  .twa\:gap-8 {
    gap: calc(var(--ab-base-space) * 8);
  }
  .twa\:gap-x-1\.5 {
    column-gap: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:gap-x-2 {
    column-gap: calc(var(--ab-base-space) * 2);
  }
  .twa\:gap-x-4 {
    column-gap: calc(var(--ab-base-space) * 4);
  }
  .twa\:gap-y-0\.5 {
    row-gap: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:gap-y-1 {
    row-gap: var(--ab-base-space);
  }
  .twa\:gap-y-2 {
    row-gap: calc(var(--ab-base-space) * 2);
  }
  .twa\:gap-y-3 {
    row-gap: calc(var(--ab-base-space) * 3);
  }
  .twa\:self-end {
    align-self: flex-end;
  }
  .twa\:self-stretch {
    align-self: stretch;
  }
  .twa\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .twa\:overflow-auto {
    overflow: auto;
  }
  .twa\:overflow-hidden {
    overflow: hidden;
  }
  .twa\:overflow-visible {
    overflow: visible;
  }
  .twa\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .twa\:overflow-y-auto {
    overflow-y: auto;
  }
  .twa\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .twa\:overflow-y-visible {
    overflow-y: visible;
  }
  .twa\:overscroll-contain {
    overscroll-behavior: contain;
  }
  .twa\:rounded {
    border-radius: 0.25rem;
  }
  .twa\:rounded-\[2px\] {
    border-radius: 2px;
  }
  .twa\:rounded-\[100\%\] {
    border-radius: 100%;
  }
  .twa\:rounded-\[min\(var\(--radius-md\)\,8px\)\] {
    border-radius: min(var(--radius-md), 8px);
  }
  .twa\:rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    border-radius: min(var(--radius-md), 10px);
  }
  .twa\:rounded-button {
    border-radius: var(--ab-border-radius-button);
  }
  .twa\:rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .twa\:rounded-input {
    border-radius: var(--ab-border-radius-input);
  }
  .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\:rounded-l-standard {
    border-top-left-radius: var(--ab-border-radius);
    border-bottom-left-radius: var(--ab-border-radius);
  }
  .twa\:rounded-tl-standard {
    border-top-left-radius: var(--ab-border-radius);
  }
  .twa\:rounded-r-none\! {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .twa\:rounded-r-standard {
    border-top-right-radius: var(--ab-border-radius);
    border-bottom-right-radius: var(--ab-border-radius);
  }
  .twa\:rounded-tr-standard {
    border-top-right-radius: var(--ab-border-radius);
  }
  .twa\:rounded-br-standard {
    border-bottom-right-radius: var(--ab-border-radius);
  }
  .twa\:rounded-bl-standard {
    border-bottom-left-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-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .twa\:border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .twa\:border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .twa\:\!border-\[color-mix\(in_srgb\,var\(--ab-color-primarydark\)_40\%\,transparent\)\] {
    border-color: var(--ab-color-primarydark) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:\!border-\[color-mix\(in_srgb\,var\(--ab-color-primarydark\)_40\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--ab-color-primarydark) 40%,transparent) !important;
    }
  }
  .twa\:\!border-\[var\(--ab-cmp-wizard-selection__border\)\] {
    border-color: var(--ab-cmp-wizard-selection__border) !important;
  }
  .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_12\%\,transparent\)\] {
    border-color: var(--ab-color-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_12\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--ab-color-foreground) 12%,transparent);
    }
  }
  .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_15\%\,transparent\)\] {
    border-color: var(--ab-color-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_15\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--ab-color-foreground) 15%,transparent);
    }
  }
  .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_20\%\,transparent\)\] {
    border-color: var(--ab-color-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_20\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--ab-color-foreground) 20%,transparent);
    }
  }
  .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__collapsed-border\)\] {
    border-color: var(--ab-cmp-collapsible-wizard-card__collapsed-border);
  }
  .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__collapsed-border-popup\)\] {
    border-color: var(--ab-cmp-collapsible-wizard-card__collapsed-border-popup);
  }
  .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__expanded-border\)\] {
    border-color: var(--ab-cmp-collapsible-wizard-card__expanded-border);
  }
  .twa\:border-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\] {
    border-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
  }
  .twa\:border-accent {
    border-color: var(--ab-color-accent);
  }
  .twa\:border-border {
    border-color: var(--ab-color-border);
  }
  .twa\:border-border\/60 {
    border-color: var(--ab-color-border);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:border-border\/60 {
      border-color: color-mix(in oklab, var(--ab-color-border) 60%, transparent);
    }
  }
  .twa\:border-destructive {
    border-color: var(--ab-color-destructive);
  }
  .twa\:border-foreground\/10 {
    border-color: var(--ab-color-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:border-foreground\/10 {
      border-color: color-mix(in oklab, var(--ab-color-foreground) 10%, transparent);
    }
  }
  .twa\:border-foreground\/15 {
    border-color: var(--ab-color-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:border-foreground\/15 {
      border-color: color-mix(in oklab, var(--ab-color-foreground) 15%, transparent);
    }
  }
  .twa\:border-input {
    border-color: var(--ab-color-input-border);
  }
  .twa\:border-input-border {
    border-color: var(--ab-color-input-border);
  }
  .twa\:border-primarydark\/30 {
    border-color: var(--ab-color-primarydark);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:border-primarydark\/30 {
      border-color: color-mix(in oklab, var(--ab-color-primarydark) 30%, transparent);
    }
  }
  .twa\:border-primarydark\/32 {
    border-color: var(--ab-color-primarydark);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:border-primarydark\/32 {
      border-color: color-mix(in oklab, var(--ab-color-primarydark) 32%, transparent);
    }
  }
  .twa\:border-primarydark\/35 {
    border-color: var(--ab-color-primarydark);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:border-primarydark\/35 {
      border-color: color-mix(in oklab, var(--ab-color-primarydark) 35%, transparent);
    }
  }
  .twa\:border-primarylight {
    border-color: var(--ab-color-primarylight);
  }
  .twa\:border-ring {
    border-color: var(--ab-color-ring);
  }
  .twa\:border-transparent {
    border-color: transparent;
  }
  .twa\:border-t-input-border {
    border-top-color: var(--ab-color-input-border);
  }
  .twa\:border-b-foreground\/20 {
    border-bottom-color: var(--ab-color-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:border-b-foreground\/20 {
      border-bottom-color: color-mix(in oklab, var(--ab-color-foreground) 20%, transparent);
    }
  }
  .twa\:\!bg-\[var\(--ab-cmp-wizard-selection__background\)\] {
    background-color: var(--ab-cmp-wizard-selection__background) !important;
  }
  .twa\:bg-\(--ab-cmp-input--disabled__background\) {
    background-color: var(--ab-cmp-input--disabled__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-\(--ab-dashboard-tab-drop-target__background\) {
    background-color: var(--ab-dashboard-tab-drop-target__background);
  }
  .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_35\%\,transparent\)\] {
    background-color: var(--ab-color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_35\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ab-color-primary) 35%,transparent);
    }
  }
  .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_40\%\,transparent\)\] {
    background-color: var(--ab-color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_40\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ab-color-primary) 40%,transparent);
    }
  }
  .twa\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\] {
    background-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
  }
  .twa\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-indicator-inner\)\] {
    background-color: var(--ab-cmp-wizard-type-selection-card__selected-indicator-inner);
  }
  .twa\:bg-\[var\(--ab-color-primary\)\] {
    background-color: var(--ab-color-primary);
  }
  .twa\:bg-accent {
    background-color: var(--ab-color-accent);
  }
  .twa\:bg-accentlight {
    background-color: var(--ab-color-accentlight);
  }
  .twa\:bg-background {
    background-color: var(--ab-color-background);
  }
  .twa\:bg-border {
    background-color: var(--ab-color-border);
  }
  .twa\:bg-card {
    background-color: var(--ab-color-card);
  }
  .twa\:bg-current {
    background-color: currentcolor;
  }
  .twa\:bg-destructive {
    background-color: var(--ab-color-destructive);
  }
  .twa\:bg-destructive\/10 {
    background-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--ab-color-destructive) 10%, transparent);
    }
  }
  .twa\:bg-foreground {
    background-color: var(--ab-color-foreground);
  }
  .twa\:bg-info {
    background-color: var(--ab-color-info);
  }
  .twa\:bg-input-background {
    background-color: var(--ab-color-input-background);
  }
  .twa\:bg-input-border\/50 {
    background-color: var(--ab-color-input-border);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:bg-input-border\/50 {
      background-color: color-mix(in oklab, var(--ab-color-input-border) 50%, transparent);
    }
  }
  .twa\:bg-muted {
    background-color: var(--ab-color-muted);
  }
  .twa\:bg-muted\/50 {
    background-color: var(--ab-color-muted);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:bg-muted\/50 {
      background-color: color-mix(in oklab, var(--ab-color-muted) 50%, transparent);
    }
  }
  .twa\:bg-popover {
    background-color: var(--ab-color-popover);
  }
  .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)) {
    .twa\:bg-primarydark\/20 {
      background-color: color-mix(in oklab, var(--ab-color-primarydark) 20%, transparent);
    }
  }
  .twa\:bg-primarylight {
    background-color: var(--ab-color-primarylight);
  }
  .twa\:bg-secondary {
    background-color: var(--ab-color-secondary);
  }
  .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\:bg-clip-padding {
    background-clip: padding-box;
  }
  .twa\:fill-current {
    fill: currentcolor;
  }
  .twa\:fill-foreground {
    fill: var(--ab-color-foreground);
  }
  .twa\:fill-red-500 {
    fill: var(--twa-color-red-500);
  }
  .twa\:\!p-0 {
    padding: 0px !important;
  }
  .twa\:p-0 {
    padding: 0px;
  }
  .twa\:p-0\! {
    padding: 0px !important;
  }
  .twa\:p-0\.5 {
    padding: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:p-1 {
    padding: var(--ab-base-space);
  }
  .twa\:p-2 {
    padding: calc(var(--ab-base-space) * 2);
  }
  .twa\:p-2\.5 {
    padding: calc(var(--ab-base-space) * 2.5);
  }
  .twa\:p-3 {
    padding: calc(var(--ab-base-space) * 3);
  }
  .twa\:p-4 {
    padding: calc(var(--ab-base-space) * 4);
  }
  .twa\:\!px-1\.5 {
    padding-inline: calc(var(--ab-base-space) * 1.5) !important;
  }
  .twa\:\!px-2 {
    padding-inline: calc(var(--ab-base-space) * 2) !important;
  }
  .twa\:px-\(--cell-size\) {
    padding-inline: var(--cell-size);
  }
  .twa\:px-0 {
    padding-inline: 0px;
  }
  .twa\:px-0\.5 {
    padding-inline: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:px-1 {
    padding-inline: var(--ab-base-space);
  }
  .twa\:px-1\.5 {
    padding-inline: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:px-2 {
    padding-inline: calc(var(--ab-base-space) * 2);
  }
  .twa\:px-2\.5 {
    padding-inline: calc(var(--ab-base-space) * 2.5);
  }
  .twa\:px-3 {
    padding-inline: calc(var(--ab-base-space) * 3);
  }
  .twa\:px-4 {
    padding-inline: calc(var(--ab-base-space) * 4);
  }
  .twa\:\!py-1 {
    padding-block: var(--ab-base-space) !important;
  }
  .twa\:\!py-1\.5 {
    padding-block: calc(var(--ab-base-space) * 1.5) !important;
  }
  .twa\:\!py-2 {
    padding-block: calc(var(--ab-base-space) * 2) !important;
  }
  .twa\:py-0 {
    padding-block: 0px;
  }
  .twa\:py-0\.5 {
    padding-block: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:py-1 {
    padding-block: var(--ab-base-space);
  }
  .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\:py-\[2px\] {
    padding-block: 2px;
  }
  .twa\:\!pt-0 {
    padding-top: 0px !important;
  }
  .twa\:pt-0 {
    padding-top: 0px;
  }
  .twa\:pt-0\! {
    padding-top: 0px !important;
  }
  .twa\:pt-0\.5 {
    padding-top: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:pt-1 {
    padding-top: var(--ab-base-space);
  }
  .twa\:pt-2 {
    padding-top: calc(var(--ab-base-space) * 2);
  }
  .twa\:pt-2\.5 {
    padding-top: calc(var(--ab-base-space) * 2.5);
  }
  .twa\:pt-3 {
    padding-top: calc(var(--ab-base-space) * 3);
  }
  .twa\:pt-4 {
    padding-top: calc(var(--ab-base-space) * 4);
  }
  .twa\:pr-0 {
    padding-right: 0px;
  }
  .twa\:pr-1 {
    padding-right: var(--ab-base-space);
  }
  .twa\:pr-2 {
    padding-right: calc(var(--ab-base-space) * 2);
  }
  .twa\:pr-7 {
    padding-right: calc(var(--ab-base-space) * 7);
  }
  .twa\:pr-8 {
    padding-right: calc(var(--ab-base-space) * 8);
  }
  .twa\:pr-\[30px\] {
    padding-right: 30px;
  }
  .twa\:\!pb-0 {
    padding-bottom: 0px !important;
  }
  .twa\:pb-0 {
    padding-bottom: 0px;
  }
  .twa\:pb-1 {
    padding-bottom: var(--ab-base-space);
  }
  .twa\:pb-2 {
    padding-bottom: calc(var(--ab-base-space) * 2);
  }
  .twa\:pb-3 {
    padding-bottom: calc(var(--ab-base-space) * 3);
  }
  .twa\:pl-0 {
    padding-left: 0px;
  }
  .twa\:pl-1 {
    padding-left: var(--ab-base-space);
  }
  .twa\:pl-2 {
    padding-left: calc(var(--ab-base-space) * 2);
  }
  .twa\:pl-2\.5 {
    padding-left: calc(var(--ab-base-space) * 2.5);
  }
  .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-3xl {
    font-size: var(--twa-text-3xl);
    line-height: var(--tw-leading, var(--twa-text-3xl--line-height));
  }
  .twa\:text-base {
    font-size: var(--twa-text-base);
    line-height: var(--tw-leading, var(--twa-text-base--line-height));
  }
  .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(--ab-font-size-3);
    line-height: var(--tw-leading, var(--twa-text-sm--line-height));
  }
  .twa\:text-xs {
    font-size: var(--twa-text-xs);
    line-height: var(--tw-leading, var(--twa-text-xs--line-height));
  }
  .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\:text-\[0\.8rem\] {
    font-size: 0.8rem;
  }
  .twa\:text-\[10px\] {
    font-size: 10px;
  }
  .twa\:text-\[11px\] {
    font-size: 11px;
  }
  .twa\:leading-4 {
    --tw-leading: calc(var(--ab-base-space) * 4);
    line-height: calc(var(--ab-base-space) * 4);
  }
  .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-snug {
    --tw-leading: var(--twa-leading-snug);
    line-height: var(--twa-leading-snug);
  }
  .twa\:leading-tight {
    --tw-leading: var(--twa-leading-tight);
    line-height: var(--twa-leading-tight);
  }
  .twa\:font-bold {
    --tw-font-weight: var(--twa-font-weight-bold);
    font-weight: var(--twa-font-weight-bold);
  }
  .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\:tracking-wide {
    --tw-tracking: var(--twa-tracking-wide);
    letter-spacing: var(--twa-tracking-wide);
  }
  .twa\:tracking-widest {
    --tw-tracking: var(--twa-tracking-widest);
    letter-spacing: var(--twa-tracking-widest);
  }
  .twa\:text-nowrap {
    text-wrap: nowrap;
  }
  .twa\:break-all {
    word-break: break-all;
  }
  .twa\:text-ellipsis {
    text-overflow: ellipsis;
  }
  .twa\:whitespace-nowrap {
    white-space: nowrap;
  }
  .twa\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .twa\:\!text-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_55\%\,transparent\)\] {
    color: var(--ab-color-foreground) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:\!text-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_55\%\,transparent\)\] {
      color: color-mix(in srgb,var(--ab-color-foreground) 55%,transparent) !important;
    }
  }
  .twa\:\!text-accent {
    color: var(--ab-color-accent) !important;
  }
  .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-\[var\(--ab-color-primarytext\)\] {
    color: var(--ab-color-primarytext);
  }
  .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-background {
    color: var(--ab-color-background);
  }
  .twa\:text-card-foreground {
    color: var(--ab-color-card-foreground);
  }
  .twa\:text-current {
    color: currentcolor;
  }
  .twa\:text-destructive {
    color: var(--ab-color-destructive);
  }
  .twa\:text-destructive-foreground {
    color: var(--ab-color-destructive-foreground);
  }
  .twa\:text-foreground {
    color: var(--ab-color-foreground);
  }
  .twa\:text-gray-400 {
    color: var(--twa-color-gray-400);
  }
  .twa\:text-info {
    color: var(--ab-color-info);
  }
  .twa\:text-info-foreground {
    color: var(--ab-color-info-foreground);
  }
  .twa\:text-inherit {
    color: inherit;
  }
  .twa\:text-input-foreground {
    color: var(--ab-color-input-foreground);
  }
  .twa\:text-muted-foreground {
    color: var(--ab-color-muted-foreground);
  }
  .twa\:text-neutral-500 {
    color: var(--twa-color-neutral-500);
  }
  .twa\:text-popover-foreground {
    color: var(--ab-color-popover-foreground);
  }
  .twa\:text-primary {
    color: var(--ab-color-primary);
  }
  .twa\:text-primary-foreground {
    color: var(--ab-color-primary-foreground);
  }
  .twa\:text-secondary-foreground {
    color: var(--ab-color-secondary-foreground);
  }
  .twa\:text-success {
    color: var(--ab-color-success);
  }
  .twa\:text-success-foreground {
    color: var(--ab-color-success-foreground);
  }
  .twa\:text-warn {
    color: var(--ab-color-warn);
  }
  .twa\:text-warn-foreground {
    color: var(--ab-color-warn-foreground);
  }
  .twa\:uppercase {
    text-transform: uppercase;
  }
  .twa\:italic {
    font-style: italic;
  }
  .twa\:tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .twa\:underline-offset-4 {
    text-underline-offset: 4px;
  }
  .twa\:opacity-0 {
    opacity: 0%;
  }
  .twa\:opacity-30 {
    opacity: 30%;
  }
  .twa\:opacity-50 {
    opacity: 50%;
  }
  .twa\:opacity-60 {
    opacity: 60%;
  }
  .twa\:opacity-70 {
    opacity: 70%;
  }
  .twa\:opacity-80 {
    opacity: 80%;
  }
  .twa\:opacity-90 {
    opacity: 90%;
  }
  .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-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    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\:shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:ring-3 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:ring-accent-foreground {
    --tw-ring-color: var(--ab-color-accent-foreground);
  }
  .twa\:ring-foreground\/10 {
    --tw-ring-color: var(--ab-color-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-foreground) 10%, transparent);
    }
  }
  .twa\:ring-ring\/50 {
    --tw-ring-color: var(--ab-color-ring);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:ring-ring\/50 {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
    }
  }
  .twa\:outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .twa\:outline-hidden {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .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-\[border-color\,background-color\] {
    transition-property: border-color,background-color;
    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
  }
  .twa\:transition-\[color\,box-shadow\] {
    transition-property: color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
  }
  .twa\:transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
  }
  .twa\:transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    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\:transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
  }
  .twa\:duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .twa\:duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .twa\:outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .twa\:select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .twa\:\[--ab-grid-row-height\:45px\] {
    --ab-grid-row-height: 45px;
  }
  .twa\:\[--ab-radio-gap\:0\] {
    --ab-radio-gap: 0;
  }
  .twa\:\[--cell-radius\:var\(--radius-md\)\] {
    --cell-radius: var(--radius-md);
  }
  .twa\:\[--cell-size\:--spacing\(8\)\] {
    --cell-size: calc(var(--ab-base-space) * 8);
  }
  .twa\:text-shadow-\[0_1px_0_\#fff\] {
    text-shadow: 0 1px 0 var(--tw-text-shadow-color, #fff);
  }
  :is(.twa\:\*\:z-1 > *) {
    z-index: 1;
  }
  :is(.twa\:\*\:m-0 > *) {
    margin: 0px;
  }
  :is(.twa\:\*\:min-h-\[400px\] > *) {
    min-height: 400px;
  }
  :is(.twa\:\*\:min-w-\[400px\] > *) {
    min-width: 400px;
  }
  :is(.twa\:\*\:min-w-fit > *) {
    min-width: fit-content;
  }
  :is(.twa\:\*\:flex-1 > *) {
    flex: 1;
  }
  :is(.twa\:\*\:shrink-0 > *) {
    flex-shrink: 0;
  }
  :is(.twa\:\*\:rounded-standard > *) {
    border-radius: var(--ab-border-radius);
  }
  :is(.twa\:\*\:p-1 > *) {
    padding: var(--ab-base-space);
  }
  :is(.twa\:\*\:p-3 > *) {
    padding: calc(var(--ab-base-space) * 3);
  }
  :is(.twa\:\*\:px-4 > *) {
    padding-inline: calc(var(--ab-base-space) * 4);
  }
  :is(.twa\:\*\:outline-0 > *) {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  :is(.twa\:\*\:outline-none > *) {
    --tw-outline-style: none;
    outline-style: none;
  }
  .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\:group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.twa\:group\/dropdown-menu-item):focus *) {
    color: var(--ab-color-accent-foreground);
  }
  .twa\:group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.twa\:group\/input-group):has([data-slot="combobox-clear"]) *) {
    display: none;
  }
  .twa\:group-has-\[\>input\]\/input-group\:pt-2:is(:where(.twa\:group\/input-group):has( > input) *) {
    padding-top: calc(var(--ab-base-space) * 2);
  }
  .twa\:group-has-\[\>input\]\/input-group\:pb-2:is(:where(.twa\:group\/input-group):has( > input) *) {
    padding-bottom: calc(var(--ab-base-space) * 2);
  }
  .twa\:group-data-empty\/combobox-content\:flex:is(:where(.twa\:group\/combobox-content)[data-empty] *) {
    display: flex;
  }
  .twa\:group-data-resizable\/combobox-content\:flex:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
    display: flex;
  }
  .twa\:group-data-resizable\/combobox-content\:h-auto:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
    height: auto;
  }
  .twa\:group-data-resizable\/combobox-content\:max-h-none:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
    max-height: none;
  }
  .twa\:group-data-resizable\/combobox-content\:min-h-0:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
    min-height: 0px;
  }
  .twa\:group-data-resizable\/combobox-content\:flex-1:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
    flex: 1;
  }
  .twa\:group-data-resizable\/combobox-content\:flex-col:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
    flex-direction: column;
  }
  .twa\:group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.twa\:group\/input-group)[data-disabled="true"] *) {
    opacity: 50%;
  }
  .twa\:group-data-\[focused\=true\]\/day\:relative:is(:where(.twa\:group\/day)[data-focused="true"] *) {
    position: relative;
  }
  .twa\:group-data-\[focused\=true\]\/day\:z-10:is(:where(.twa\:group\/day)[data-focused="true"] *) {
    z-index: 10;
  }
  .twa\:group-data-\[focused\=true\]\/day\:border-ring:is(:where(.twa\:group\/day)[data-focused="true"] *) {
    border-color: var(--ab-color-ring);
  }
  .twa\:group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.twa\:group\/day)[data-focused="true"] *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.twa\:group\/day)[data-focused="true"] *) {
    --tw-ring-color: var(--ab-color-ring);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.twa\:group\/day)[data-focused="true"] *) {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
    }
  }
  .twa\:peer-focus-visible\:border-ring:is(:where(.twa\:peer):focus-visible ~ *) {
    border-color: var(--ab-color-ring);
  }
  .twa\:peer-focus-visible\:ring-3:is(:where(.twa\:peer):focus-visible ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:peer-focus-visible\:ring-ring\/50:is(:where(.twa\:peer):focus-visible ~ *) {
    --tw-ring-color: var(--ab-color-ring);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:peer-focus-visible\:ring-ring\/50:is(:where(.twa\:peer):focus-visible ~ *) {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
    }
  }
  .twa\:file\:inline-flex::file-selector-button {
    display: inline-flex;
  }
  .twa\:file\:h-7::file-selector-button {
    height: calc(var(--ab-base-space) * 7);
  }
  .twa\:file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .twa\:file\:bg-transparent::file-selector-button {
    background-color: transparent;
  }
  .twa\:file\:text-sm::file-selector-button {
    font-size: var(--ab-font-size-3);
    line-height: var(--tw-leading, var(--twa-text-sm--line-height));
  }
  .twa\:file\:font-medium::file-selector-button {
    --tw-font-weight: var(--twa-font-weight-medium);
    font-weight: var(--twa-font-weight-medium);
  }
  .twa\:file\:text-foreground::file-selector-button {
    color: var(--ab-color-foreground);
  }
  .twa\:placeholder\:text-muted-foreground::placeholder {
    color: var(--ab-color-muted-foreground);
  }
  .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: 0px;
  }
  .twa\:before\:inset-1::before {
    content: var(--tw-content);
    inset: var(--ab-base-space);
  }
  .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: 0px;
  }
  .twa\:after\:inset-y-0::after {
    content: var(--tw-content);
    inset-block: 0px;
  }
  .twa\:after\:right-0::after {
    content: var(--tw-content);
    right: 0px;
  }
  .twa\:after\:left-0::after {
    content: var(--tw-content);
    left: 0px;
  }
  .twa\:after\:w-4::after {
    content: var(--tw-content);
    width: calc(var(--ab-base-space) * 4);
  }
  .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-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\]::after {
    content: var(--tw-content);
    border-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
  }
  .twa\:after\:border-accent::after {
    content: var(--tw-content);
    border-color: var(--ab-color-accent);
  }
  .twa\:after\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-overlay\)\]::after {
    content: var(--tw-content);
    background-color: var(--ab-cmp-wizard-type-selection-card__selected-overlay);
  }
  .twa\:after\:bg-accent\/15::after {
    content: var(--tw-content);
    background-color: var(--ab-color-accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:after\:bg-accent\/15::after {
      background-color: color-mix(in oklab, var(--ab-color-accent) 15%, transparent);
    }
  }
  .twa\:after\:bg-muted::after {
    content: var(--tw-content);
    background-color: var(--ab-color-muted);
  }
  .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\:border-ring:focus-within {
    border-color: var(--ab-color-ring);
  }
  .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\:ring-3:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    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\:ring-ring\/50:focus-within {
    --tw-ring-color: var(--ab-color-ring);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:focus-within\:ring-ring\/50:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
    }
  }
  .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\:outline-none:focus-within {
    --tw-outline-style: none;
    outline-style: none;
  }
  :is(.twa\:\*\:focus-within\:border-ring > *):focus-within {
    border-color: var(--ab-color-ring);
  }
  :is(.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);
  }
  :is(.twa\:\*\:focus-within\:ring-3 > *):focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :is(.twa\:\*\:focus-within\:ring-ring\/50 > *):focus-within {
    --tw-ring-color: var(--ab-color-ring);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.twa\:\*\:focus-within\:ring-ring\/50 > *):focus-within {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
    }
  }
  :is(.twa\:\*\:focus-within\:outline-2 > *):focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  :is(.twa\:\*\:focus-within\:outline-offset-1 > *):focus-within {
    outline-offset: 1px;
  }
  :is(.twa\:\*\:focus-within\:outline-accent > *):focus-within {
    outline-color: var(--ab-color-accent);
  }
  @media (hover: hover) {
    .twa\:hover\:cursor-pointer:hover {
      cursor: pointer;
    }
    .twa\:hover\:bg-\[var\(--ab-color-primarylight\)\]:hover {
      background-color: var(--ab-color-primarylight);
    }
    .twa\:hover\:bg-accent:hover {
      background-color: var(--ab-color-accent);
    }
    .twa\:hover\:bg-accent\/90:hover {
      background-color: var(--ab-color-accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .twa\:hover\:bg-accent\/90:hover {
        background-color: color-mix(in oklab, var(--ab-color-accent) 90%, transparent);
      }
    }
    .twa\:hover\:bg-current\/15:hover {
      background-color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .twa\:hover\:bg-current\/15:hover {
        background-color: color-mix(in oklab, currentcolor 15%, transparent);
      }
    }
    .twa\:hover\:bg-destructive\/20:hover {
      background-color: var(--ab-color-destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .twa\:hover\:bg-destructive\/20:hover {
        background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
      }
    }
    .twa\:hover\:bg-input-background\/80:hover {
      background-color: var(--ab-color-input-background);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .twa\:hover\:bg-input-background\/80:hover {
        background-color: color-mix(in oklab, var(--ab-color-input-background) 80%, transparent);
      }
    }
    .twa\:hover\:bg-muted:hover {
      background-color: var(--ab-color-muted);
    }
    .twa\:hover\:bg-primary:hover {
      background-color: var(--ab-color-primary);
    }
    .twa\:hover\:bg-primary\/80:hover {
      background-color: var(--ab-color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .twa\:hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, var(--ab-color-primary) 80%, transparent);
      }
    }
    .twa\:hover\:bg-primarylight:hover {
      background-color: var(--ab-color-primarylight);
    }
    .twa\:hover\:bg-ring\/50:hover {
      background-color: var(--ab-color-ring);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .twa\:hover\:bg-ring\/50:hover {
        background-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
      }
    }
    .twa\:hover\:bg-secondary\/80:hover {
      background-color: var(--ab-color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .twa\:hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--ab-color-secondary) 80%, transparent);
      }
    }
    .twa\:hover\:text-accent-foreground:hover {
      color: var(--ab-color-accent-foreground);
    }
    .twa\:hover\:text-foreground:hover {
      color: var(--ab-color-foreground);
    }
    .twa\:hover\:text-primary-foreground:hover {
      color: var(--ab-color-primary-foreground);
    }
    .twa\:hover\:underline:hover {
      text-decoration-line: underline;
    }
    .twa\:hover\:opacity-85:hover {
      opacity: 85%;
    }
    .twa\:hover\:opacity-100:hover {
      opacity: 100%;
    }
    .twa\:hover\:not-disabled\:shadow-\(--ab-cmp-simple-button__hover-box-shadow\):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::before {
      content: var(--tw-content);
      background-color: currentcolor;
    }
    .twa\:hover\:before\:opacity-15:hover::before {
      content: var(--tw-content);
      opacity: 15%;
    }
  }
  .twa\:focus\:border-ring:focus {
    border-color: var(--ab-color-ring);
  }
  .twa\:focus\:bg-accent:focus {
    background-color: var(--ab-color-accent);
  }
  .twa\:focus\:text-accent-foreground:focus {
    color: var(--ab-color-accent-foreground);
  }
  .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\:ring-3:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    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\:ring-ring\/50:focus {
    --tw-ring-color: var(--ab-color-ring);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:focus\:ring-ring\/50:focus {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
    }
  }
  .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;
  }
  :is(.twa\:focus\:\*\*\:text-accent-foreground:focus *) {
    color: var(--ab-color-accent-foreground);
  }
  :is(.twa\:not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
    color: var(--ab-color-accent-foreground);
  }
  .twa\:focus-visible\:border-destructive\/40:focus-visible {
    border-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:focus-visible\:border-destructive\/40:focus-visible {
      border-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
    }
  }
  .twa\:focus-visible\:border-ring:focus-visible {
    border-color: var(--ab-color-ring);
  }
  .twa\:focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    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-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    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-visible\:ring-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    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-visible\:ring-accent:focus-visible {
    --tw-ring-color: var(--ab-color-accent);
  }
  .twa\:focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
    }
  }
  .twa\:focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ab-color-ring);
  }
  .twa\:focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ab-color-ring);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
    }
  }
  .twa\:focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .twa\:focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .twa\:focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }
  .twa\:active\:translate-y-0:active {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .twa\:active\:translate-y-px:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .twa\:disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .twa\:disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .twa\:disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  :where([data-slot="button-group"]) .twa\:in-data-\[slot\=button-group\]\:rounded-md {
    border-radius: var(--twa-radius-md);
  }
  :where([data-slot="card-content"]) .twa\:in-data-\[slot\=card-content\]\:bg-transparent {
    background-color: transparent;
  }
  :where([data-slot="combobox-content"]) .twa\:in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within {
    border-color: inherit;
  }
  :where([data-slot="combobox-content"]) .twa\:in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-slot="popover-content"]) .twa\:in-data-\[slot\=popover-content\]\:bg-transparent {
    background-color: transparent;
  }
  .twa\:has-disabled\:pointer-events-none:has(:disabled) {
    pointer-events: none;
  }
  .twa\:has-disabled\:cursor-not-allowed:has(:disabled) {
    cursor: not-allowed;
  }
  .twa\:has-disabled\:opacity-50:has(:disabled) {
    opacity: 50%;
  }
  .twa\:has-aria-invalid\:border-destructive:has([aria-invalid="true"]) {
    border-color: var(--ab-color-destructive);
  }
  .twa\:has-aria-invalid\:ring-3:has([aria-invalid="true"]) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:has-aria-invalid\:ring-destructive\/20:has([aria-invalid="true"]) {
    --tw-ring-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:has-aria-invalid\:ring-destructive\/20:has([aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
    }
  }
  .twa\:has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
    padding-right: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
    padding-right: calc(var(--ab-base-space) * 2);
  }
  .twa\:has-data-\[icon\=inline-end\]\:pr-3:has([data-icon="inline-end"]) {
    padding-right: calc(var(--ab-base-space) * 3);
  }
  .twa\:has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
    padding-left: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
    padding-left: calc(var(--ab-base-space) * 2);
  }
  .twa\:has-data-\[icon\=inline-start\]\:pl-3:has([data-icon="inline-start"]) {
    padding-left: calc(var(--ab-base-space) * 3);
  }
  .twa\:has-data-\[slot\=combobox-chip\]\:px-1\.5:has([data-slot="combobox-chip"]) {
    padding-inline: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot="combobox-chip-remove"]) {
    padding-right: 0px;
  }
  .twa\:has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot="kbd"]) {
    padding-right: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has(:is([data-slot=input-group-control]:focus-visible)) {
    border-color: var(--ab-color-ring);
  }
  .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has(:is([data-slot=input-group-control]:focus-visible)) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has(:is([data-slot=input-group-control]:focus-visible)) {
    --tw-ring-color: var(--ab-color-ring);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has(:is([data-slot=input-group-control]:focus-visible)) {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
    }
  }
  .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has(:is([data-slot][aria-invalid=true])) {
    border-color: var(--ab-color-destructive);
  }
  .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has(:is([data-slot][aria-invalid=true])) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(:is([data-slot][aria-invalid=true])) {
    --tw-ring-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(:is([data-slot][aria-invalid=true])) {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
    }
  }
  .twa\:has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align=block-end]) {
    height: auto;
  }
  .twa\:has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align=block-end]) {
    flex-direction: column;
  }
  .twa\:has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align=block-start]) {
    height: auto;
  }
  .twa\:has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align=block-start]) {
    flex-direction: column;
  }
  .twa\:has-\[\>button\]\:-mr-1:has( > button) {
    margin-right: calc(var(--ab-base-space) * -1);
  }
  .twa\:has-\[\>button\]\:-ml-1:has( > button) {
    margin-left: calc(var(--ab-base-space) * -1);
  }
  .twa\:has-\[\>kbd\]\:mr-\[-0\.15rem\]:has( > kbd) {
    margin-right: -0.15rem;
  }
  .twa\:has-\[\>kbd\]\:ml-\[-0\.15rem\]:has( > kbd) {
    margin-left: -0.15rem;
  }
  .twa\:has-\[\>svg\]\:p-0:has( > svg) {
    padding: 0px;
  }
  .twa\:has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }
  .twa\:aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: 50%;
  }
  .twa\:aria-expanded\:bg-muted[aria-expanded="true"] {
    background-color: var(--ab-color-muted);
  }
  .twa\:aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--ab-color-secondary);
  }
  .twa\:aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--ab-color-foreground);
  }
  .twa\:aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
    color: var(--ab-color-secondary-foreground);
  }
  .twa\:aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--ab-color-destructive);
  }
  .twa\:aria-invalid\:ring-0[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
    }
  }
  .twa\:aria-selected\:text-muted-foreground[aria-selected="true"] {
    color: var(--ab-color-muted-foreground);
  }
  .twa\:data-closed\:animate-out[data-closed] {
    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .twa\:data-closed\:overflow-hidden[data-closed] {
    overflow: hidden;
  }
  .twa\:data-closed\:fade-out-0[data-closed] {
    --tw-exit-opacity: calc(0/100);
    --tw-exit-opacity: 0;
  }
  .twa\:data-closed\:zoom-out-95[data-closed] {
    --tw-exit-scale: calc(95*1%);
    --tw-exit-scale: .95;
  }
  .twa\:data-disabled\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
  .twa\:data-disabled\:opacity-50[data-disabled] {
    opacity: 50%;
  }
  .twa\:data-empty\:p-0[data-empty] {
    padding: 0px;
  }
  .twa\:data-highlighted\:bg-accent[data-highlighted] {
    background-color: var(--ab-color-accent);
  }
  .twa\:data-highlighted\:text-accent-foreground[data-highlighted] {
    color: var(--ab-color-accent-foreground);
  }
  :is(.twa\:not-data-\[variant\=destructive\]\:data-highlighted\:\*\*\:text-accent-foreground:not([data-variant="destructive"])[data-highlighted] *) {
    color: var(--ab-color-accent-foreground);
  }
  .twa\:data-inset\:pl-8[data-inset] {
    padding-left: calc(var(--ab-base-space) * 8);
  }
  .twa\:data-open\:animate-in[data-open] {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .twa\:data-open\:bg-accent[data-open] {
    background-color: var(--ab-color-accent);
  }
  .twa\:data-open\:text-accent-foreground[data-open] {
    color: var(--ab-color-accent-foreground);
  }
  .twa\:data-open\:fade-in-0[data-open] {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
  .twa\:data-open\:zoom-in-95[data-open] {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
  .twa\:data-placeholder\:text-muted-foreground[data-placeholder] {
    color: var(--ab-color-muted-foreground);
  }
  .twa\:data-popup-open\:bg-accent[data-popup-open] {
    background-color: var(--ab-color-accent);
  }
  .twa\:data-popup-open\:text-accent-foreground[data-popup-open] {
    color: var(--ab-color-accent-foreground);
  }
  .twa\:data-pressed\:bg-transparent[data-pressed] {
    background-color: transparent;
  }
  .twa\:data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
    animation: none;
  }
  :is(.twa\:\*\:data-\[checked\=true\]\:bg-accent > *)[data-checked="true"] {
    background-color: var(--ab-color-accent);
  }
  :is(.twa\:\*\:data-\[checked\=true\]\:text-accent-foreground > *)[data-checked="true"] {
    color: var(--ab-color-accent-foreground);
  }
  .twa\:data-\[range-end\=true\]\:rounded-standard[data-range-end="true"] {
    border-radius: var(--ab-border-radius);
  }
  .twa\:data-\[range-end\=true\]\:rounded-r-standard[data-range-end="true"] {
    border-top-right-radius: var(--ab-border-radius);
    border-bottom-right-radius: var(--ab-border-radius);
  }
  .twa\:data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
    background-color: var(--ab-color-primary);
  }
  .twa\:data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
    color: var(--ab-color-primary-foreground);
  }
  .twa\:data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
    border-radius: 0;
  }
  .twa\:data-\[range-middle\=true\]\:bg-muted[data-range-middle="true"] {
    background-color: var(--ab-color-muted);
  }
  .twa\:data-\[range-middle\=true\]\:text-foreground[data-range-middle="true"] {
    color: var(--ab-color-foreground);
  }
  .twa\:data-\[range-start\=true\]\:rounded-standard[data-range-start="true"] {
    border-radius: var(--ab-border-radius);
  }
  .twa\:data-\[range-start\=true\]\:rounded-l-standard[data-range-start="true"] {
    border-top-left-radius: var(--ab-border-radius);
    border-bottom-left-radius: var(--ab-border-radius);
  }
  .twa\:data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
    background-color: var(--ab-color-primary);
  }
  .twa\:data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
    color: var(--ab-color-primary-foreground);
  }
  .twa\:data-\[selected-single\=true\]\:bg-accent[data-selected-single="true"] {
    background-color: var(--ab-color-accent);
  }
  .twa\:data-\[selected-single\=true\]\:text-accent-foreground[data-selected-single="true"] {
    color: var(--ab-color-accent-foreground);
  }
  .twa\:data-\[selected\=true\]\:rounded-none[data-selected="true"] {
    border-radius: 0;
  }
  .twa\:data-\[side\=bottom\]\:top-1[data-side="bottom"] {
    top: var(--ab-base-space);
  }
  .twa\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }
  .twa\:data-\[side\=inline-end\]\:top-1\/2\![data-side="inline-end"] {
    top: calc(1 / 2 * 100%) !important;
  }
  .twa\:data-\[side\=inline-end\]\:-left-1[data-side="inline-end"] {
    left: calc(var(--ab-base-space) * -1);
  }
  .twa\:data-\[side\=inline-end\]\:-translate-y-1\/2[data-side="inline-end"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .twa\:data-\[side\=inline-end\]\:slide-in-from-left-2[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }
  .twa\:data-\[side\=inline-start\]\:top-1\/2\![data-side="inline-start"] {
    top: calc(1 / 2 * 100%) !important;
  }
  .twa\:data-\[side\=inline-start\]\:-right-1[data-side="inline-start"] {
    right: calc(var(--ab-base-space) * -1);
  }
  .twa\:data-\[side\=inline-start\]\:-translate-y-1\/2[data-side="inline-start"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .twa\:data-\[side\=inline-start\]\:slide-in-from-right-2[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }
  .twa\:data-\[side\=left\]\:top-1\/2\![data-side="left"] {
    top: calc(1 / 2 * 100%) !important;
  }
  .twa\:data-\[side\=left\]\:-right-1[data-side="left"] {
    right: calc(var(--ab-base-space) * -1);
  }
  .twa\:data-\[side\=left\]\:-translate-y-1\/2[data-side="left"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .twa\:data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }
  .twa\:data-\[side\=right\]\:top-1\/2\![data-side="right"] {
    top: calc(1 / 2 * 100%) !important;
  }
  .twa\:data-\[side\=right\]\:-left-1[data-side="right"] {
    left: calc(var(--ab-base-space) * -1);
  }
  .twa\:data-\[side\=right\]\:-translate-y-1\/2[data-side="right"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .twa\:data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }
  .twa\:data-\[side\=top\]\:-bottom-2\.5[data-side="top"] {
    bottom: calc(var(--ab-base-space) * -2.5);
  }
  .twa\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }
  .twa\:data-\[size\=default\]\:min-h-input[data-size="default"] {
    min-height: var(--ab-input-height);
  }
  .twa\:data-\[size\=sm\]\:h-7[data-size="sm"] {
    height: calc(var(--ab-base-space) * 7);
  }
  .twa\:data-\[size\=sm\]\:min-h-auto[data-size="sm"] {
    min-height: auto;
  }
  :is(.twa\:\*\:data-\[slot\=input-group\]\:m-1 > *)[data-slot="input-group"] {
    margin: var(--ab-base-space);
  }
  :is(.twa\:\*\:data-\[slot\=input-group\]\:mb-0 > *)[data-slot="input-group"] {
    margin-bottom: 0px;
  }
  :is(.twa\:\*\:data-\[slot\=input-group\]\:h-8 > *)[data-slot="input-group"] {
    height: calc(var(--ab-base-space) * 8);
  }
  :is(.twa\:\*\:data-\[slot\=input-group\]\:border-input\/30 > *)[data-slot="input-group"] {
    border-color: var(--ab-color-input-border);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.twa\:\*\:data-\[slot\=input-group\]\:border-input\/30 > *)[data-slot="input-group"] {
      border-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
    }
  }
  :is(.twa\:\*\:data-\[slot\=input-group\]\:bg-input\/30 > *)[data-slot="input-group"] {
    background-color: var(--ab-color-input-border);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.twa\:\*\:data-\[slot\=input-group\]\:bg-input\/30 > *)[data-slot="input-group"] {
      background-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
    }
  }
  :is(.twa\:\*\:data-\[slot\=input-group\]\:shadow-none > *)[data-slot="input-group"] {
    --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);
  }
  :is(.twa\:\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
    position: relative;
  }
  :is(.twa\:\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
    isolation: isolate;
  }
  :is(.twa\:\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
    z-index: 50;
  }
  :is(.twa\:\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot="kbd"] {
    border-radius: var(--twa-radius-sm);
  }
  :is(.twa\:\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  :is(.twa\:\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }
  :is(.twa\:\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }
  :is(.twa\:\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
    gap: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
  }
  .twa\:data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
  .twa\:data-\[state\=delayed-open\]\:zoom-in-95[data-state="delayed-open"] {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
  .twa\:data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--ab-color-destructive);
  }
  .twa\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--ab-color-destructive) 10%, transparent);
    }
  }
  .twa\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
    color: var(--ab-color-destructive);
  }
  @media (width >= 48rem) {
    .twa\:md\:flex-row {
      flex-direction: row;
    }
    .twa\:md\:justify-between {
      justify-content: space-between;
    }
    .twa\:md\:gap-3 {
      gap: calc(var(--ab-base-space) * 3);
    }
    .twa\:md\:text-sm {
      font-size: var(--ab-font-size-3);
      line-height: var(--tw-leading, var(--twa-text-sm--line-height));
    }
  }
  @media (width >= 64rem) {
    .twa\:lg\:flex-row {
      flex-direction: row;
    }
  }
  .twa\:dark\:border-input:is(.ab--theme-dark *) {
    border-color: var(--ab-color-input-border);
  }
  .twa\:dark\:bg-destructive\/20:is(.ab--theme-dark *) {
    background-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:dark\:bg-destructive\/20:is(.ab--theme-dark *) {
      background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
    }
  }
  .twa\:dark\:bg-transparent:is(.ab--theme-dark *) {
    background-color: transparent;
  }
  @media (hover: hover) {
    .twa\:dark\:hover\:bg-destructive\/30:is(.ab--theme-dark *):hover {
      background-color: var(--ab-color-destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .twa\:dark\:hover\:bg-destructive\/30:is(.ab--theme-dark *):hover {
        background-color: color-mix(in oklab, var(--ab-color-destructive) 30%, transparent);
      }
    }
    .twa\:dark\:hover\:bg-input\/50:is(.ab--theme-dark *):hover {
      background-color: var(--ab-color-input-border);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .twa\:dark\:hover\:bg-input\/50:is(.ab--theme-dark *):hover {
        background-color: color-mix(in oklab, var(--ab-color-input-border) 50%, transparent);
      }
    }
    .twa\:dark\:hover\:bg-muted\/50:is(.ab--theme-dark *):hover {
      background-color: var(--ab-color-muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .twa\:dark\:hover\:bg-muted\/50:is(.ab--theme-dark *):hover {
        background-color: color-mix(in oklab, var(--ab-color-muted) 50%, transparent);
      }
    }
    .twa\:dark\:hover\:text-foreground:is(.ab--theme-dark *):hover {
      color: var(--ab-color-foreground);
    }
  }
  .twa\:dark\:focus-visible\:ring-destructive\/40:is(.ab--theme-dark *):focus-visible {
    --tw-ring-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:dark\:focus-visible\:ring-destructive\/40:is(.ab--theme-dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
    }
  }
  .twa\:dark\:has-aria-invalid\:border-destructive\/50:is(.ab--theme-dark *):has([aria-invalid="true"]) {
    border-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:dark\:has-aria-invalid\:border-destructive\/50:is(.ab--theme-dark *):has([aria-invalid="true"]) {
      border-color: color-mix(in oklab, var(--ab-color-destructive) 50%, transparent);
    }
  }
  .twa\:dark\:has-aria-invalid\:ring-destructive\/40:is(.ab--theme-dark *):has([aria-invalid="true"]) {
    --tw-ring-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:dark\:has-aria-invalid\:ring-destructive\/40:is(.ab--theme-dark *):has([aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
    }
  }
  .twa\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.ab--theme-dark *):has(:is([data-slot][aria-invalid=true])) {
    --tw-ring-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.ab--theme-dark *):has(:is([data-slot][aria-invalid=true])) {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
    }
  }
  .twa\:dark\:aria-invalid\:border-destructive\/50:is(.ab--theme-dark *)[aria-invalid="true"] {
    border-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:dark\:aria-invalid\:border-destructive\/50:is(.ab--theme-dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--ab-color-destructive) 50%, transparent);
    }
  }
  .twa\:dark\:aria-invalid\:ring-destructive\/40:is(.ab--theme-dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:dark\:aria-invalid\:ring-destructive\/40:is(.ab--theme-dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
    }
  }
  .twa\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.ab--theme-dark *)[data-variant="destructive"]:focus {
    background-color: var(--ab-color-destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.ab--theme-dark *)[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
    }
  }
  .twa\:\[\&_\.ab-Input\]\:w-full .ab-Input {
    width: 100%;
  }
  .twa\:\[\&_\.ab-Input\]\:rounded-l-none\! .ab-Input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .twa\:\[\&_\[data-slot\=input-group\]\]\:w-full\! [data-slot=input-group] {
    width: 100% !important;
  }
  .twa\:\[\&_\[data-slot\=input-group\]\]\:rounded-l-none\! [data-slot=input-group] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .twa\:\[\&_input\]\:size-0 input {
    width: 0px;
    height: 0px;
  }
  .twa\:\[\&_input\]\:min-h-0 input {
    min-height: 0px;
  }
  .twa\:\[\&_input\]\:min-w-0 input {
    min-width: 0px;
  }
  .twa\:\[\&_input\]\:border-0 input {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .twa\:\[\&_input\]\:p-0 input {
    padding: 0px;
  }
  .twa\:\[\&_p\]\:text-primary-foreground p {
    color: var(--ab-color-primary-foreground);
  }
  .twa\:\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
  .twa\:\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
  .twa\:\[\&_svg\]\:align-middle svg {
    vertical-align: middle;
  }
  .twa\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-3 svg:not([class*=size-]) {
    width: calc(var(--ab-base-space) * 3);
    height: calc(var(--ab-base-space) * 3);
  }
  .twa\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 svg:not([class*=size-]) {
    width: calc(var(--ab-base-space) * 4);
    height: calc(var(--ab-base-space) * 4);
  }
  .twa\:\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-standard:first-child[data-selected=true] button {
    border-top-left-radius: var(--ab-border-radius);
    border-bottom-left-radius: var(--ab-border-radius);
  }
  .twa\:\[\.ab-FloatingFilter_\[data-slot\=combobox-trigger\]\]\:py-0:is(.ab-FloatingFilter [data-slot=combobox-trigger]) {
    padding-block: 0px;
  }
  .twa\:\[\.border-b\]\:pb-2:is(.border-b) {
    padding-bottom: calc(var(--ab-base-space) * 2);
  }
  .twa\:\[\.border-t\]\:pt-2:is(.border-t) {
    padding-top: calc(var(--ab-base-space) * 2);
  }
  :is(.twa\:rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg) {
    rotate: 180deg;
  }
  :is(.twa\:rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) {
    rotate: 180deg;
  }
  :is(.twa\:\*\:\[\[role\=button\]\]\:absolute > *):is([role=button]) {
    position: absolute;
  }
  :is(.twa\:\*\:\[\[role\=button\]\]\:relative > *):is([role=button]) {
    position: relative;
  }
  :is(.twa\:\*\:\[\[role\=button\]\]\:inset-x-0\.5 > *):is([role=button]) {
    inset-inline: calc(var(--ab-base-space) * 0.5);
  }
  :is(.twa\:\*\:\[\[role\=button\]\]\:inset-y-0\.5 > *):is([role=button]) {
    inset-block: calc(var(--ab-base-space) * 0.5);
  }
  :is(.twa\:\*\:\[\[role\=button\]\]\:h-auto > *):is([role=button]) {
    height: auto;
  }
  :is(.twa\:\*\:\[\[role\=button\]\]\:h-full > *):is([role=button]) {
    height: 100%;
  }
  :is(.twa\:\*\:\[\[role\=button\]\]\:min-w-0 > *):is([role=button]) {
    min-width: 0px;
  }
  :is(.twa\:\*\:\[\[role\=button\]\]\:flex-1 > *):is([role=button]) {
    flex: 1;
  }
  :is(.twa\:\*\:\[\[role\=button\]\]\:basis-0 > *):is([role=button]) {
    flex-basis: 0px;
  }
  :is(.twa\:\*\:\[\[role\=button\]\]\:rounded-input > *):is([role=button]) {
    border-radius: var(--ab-border-radius-input);
  }
  :is(.twa\:\*\:\[\[role\=button\]\]\:border-none > *):is([role=button]) {
    --tw-border-style: none;
    border-style: none;
  }
  :is(.twa\:\*\:\[input\]\:absolute > *):is(input) {
    position: absolute;
  }
  :is(.twa\:\*\:\[input\]\:relative > *):is(input) {
    position: relative;
  }
  :is(.twa\:\*\:\[input\]\:inset-x-0\.5 > *):is(input) {
    inset-inline: calc(var(--ab-base-space) * 0.5);
  }
  :is(.twa\:\*\:\[input\]\:inset-y-0\.5 > *):is(input) {
    inset-block: calc(var(--ab-base-space) * 0.5);
  }
  :is(.twa\:\*\:\[input\]\:h-auto > *):is(input) {
    height: auto;
  }
  :is(.twa\:\*\:\[input\]\:h-full > *):is(input) {
    height: 100%;
  }
  :is(.twa\:\*\:\[input\]\:min-w-0 > *):is(input) {
    min-width: 0px;
  }
  :is(.twa\:\*\:\[input\]\:flex-1 > *):is(input) {
    flex: 1;
  }
  :is(.twa\:\*\:\[input\]\:basis-0 > *):is(input) {
    flex-basis: 0px;
  }
  :is(.twa\:\*\:\[input\]\:rounded-input > *):is(input) {
    border-radius: var(--ab-border-radius-input);
  }
  :is(.twa\:\*\:\[input\]\:border-none > *):is(input) {
    --tw-border-style: none;
    border-style: none;
  }
  :is(.twa\:\*\*\:\[input\]\:min-h-auto\! *):is(input) {
    min-height: auto !important;
  }
  :is(.twa\:\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }
  :is(.twa\:\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }
  :is(.twa\:\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--ab-base-space) * 2);
  }
  :is(.twa\:data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
    color: var(--ab-color-destructive);
  }
  .twa\:\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-standard:last-child[data-selected=true] button {
    border-top-right-radius: var(--ab-border-radius);
    border-bottom-right-radius: var(--ab-border-radius);
  }
  .twa\:\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-standard:nth-child(2)[data-selected=true] button {
    border-top-left-radius: var(--ab-border-radius);
    border-bottom-left-radius: var(--ab-border-radius);
  }
  .twa\:\[\&\>\*\:not\(\:first-child\)\]\:border-l\! > :not(:first-child) {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }
  .twa\:\[\&\>\*\:not\(\:first-child\)\]\:border-input-border\! > :not(:first-child) {
    border-color: var(--ab-color-input-border) !important;
  }
  .twa\:\[\&\>input\]\:max-h-\[calc\(var\(--ab-input-height\)-1\.5\*var\(--ab-base-space\)\)\]\! > input {
    max-height: calc(var(--ab-input-height) - 1.5 * var(--ab-base-space)) !important;
  }
  .twa\:has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align=block-end]) > input {
    padding-top: calc(var(--ab-base-space) * 3);
  }
  .twa\:has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align=block-start]) > input {
    padding-bottom: calc(var(--ab-base-space) * 3);
  }
  .twa\:has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has( > [data-align=inline-end]) > input {
    padding-right: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has( > [data-align=inline-start]) > input {
    padding-left: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:\[\&\>kbd\]\:rounded-\[calc\(var\(--ab-border-radius\)\)\] > kbd {
    border-radius: calc(var(--ab-border-radius));
  }
  .twa\:\[\&\>span\]\:text-xs > span {
    font-size: var(--twa-text-xs);
    line-height: var(--tw-leading, var(--twa-text-xs--line-height));
  }
  .twa\:\[\&\>span\]\:opacity-70 > span {
    opacity: 70%;
  }
  .twa\:\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--ab-base-space) * 3.5);
    height: calc(var(--ab-base-space) * 3.5);
  }
  .twa\:\[\&\>svg\]\:text-muted-foreground > svg {
    color: var(--ab-color-muted-foreground);
  }
  .twa\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 > svg:not([class*=size-]) {
    width: calc(var(--ab-base-space) * 3.5);
    height: calc(var(--ab-base-space) * 3.5);
  }
  .twa\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-4 > svg:not([class*=size-]) {
    width: calc(var(--ab-base-space) * 4);
    height: calc(var(--ab-base-space) * 4);
  }
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:\[container-type\:size\] {
    container-type: size;
  }
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:absolute {
    position: absolute;
  }
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-x-0 {
    inset-inline: 0px;
  }
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-y-0\.5 {
    inset-block: calc(var(--ab-base-space) * 0.5);
  }
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:min-h-auto\! {
    min-height: auto !important;
  }
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:\[line-height\:1\] {
    line-height: 1;
  }
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\: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);
  }
  [data-popup-open] .twa\:\[\[data-popup-open\]_\&\]\:rotate-180 {
    rotate: 180deg;
  }
}
@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;
    }
    :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)) {
      :root {
        --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%));
      }
    }
    :root {
      --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)) {
      :root {
        --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%));
      }
    }
    :root {
      --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)) {
      :root {
        --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%))));
      }
    }
    :root {
      --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)) {
      :root {
        --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%)));
      }
    }
    :root {
      --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-theme-mode--light,.infinite-theme-mode--light:root {
        --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-theme-mode--light,.infinite-theme-mode--light:root {
      --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-theme-mode--light,.infinite-theme-mode--light:root {
        --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-theme-mode--light,.infinite-theme-mode--light:root {
      --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-theme-mode--light,.infinite-theme-mode--light:root {
        --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-theme-mode--light,.infinite-theme-mode--light:root {
      --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-theme-mode--light,.infinite-theme-mode--light:root {
        --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-theme-mode--light,.infinite-theme-mode--light:root {
      --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-theme-name--default:root,.infinite-theme-name--default {
        --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-theme-name--default:root,.infinite-theme-name--default {
      --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-theme-name--default:root,.infinite-theme-name--default {
        --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-theme-name--default:root,.infinite-theme-name--default {
      --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-theme-name--default:root,.infinite-theme-name--default {
        --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-theme-name--default:root,.infinite-theme-name--default {
      --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-theme-name--default:root,.infinite-theme-name--default {
        --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-theme-name--default:root,.infinite-theme-name--default {
      --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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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;
      }
    }
    .evqes20 {
      background: var(--infinite-rowdetail-background);
      padding: var(--infinite-rowdetail-padding);
    }
    ._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;
    }
    @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);
    }
    ._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);
    }
    ._6aunoi0 {
      padding-block-start: 2px;
      padding-block-end: 2px;
      min-width: var(--infinite-header-cell-icon-size);
      height: var(--infinite-header-cell-icon-size);
    }
    ._6rdmyg0 {
      fill: var(--infinite-expand-collapse-icon-color);
      display: inline-block;
      vertical-align: sub;
    }
    ._6rdmyg6 {
      cursor: auto;
      opacity: .4;
    }
    ._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));
    }
    .qz8ht90 {
      accent-color: var(--infinite-accent-color);
      vertical-align: middle;
    }
    .qz8ht90[disabled] {
      opacity: .7;
      cursor: auto;
    }
    ._1ek6mqy0 {
      padding-block-start: 2px;
      padding-block-end: 2px;
      min-width: var(--infinite-header-cell-icon-size);
      height: var(--infinite-header-cell-icon-size);
    }
    .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;
    }
    ._3dmbka2 {
      transition: transform .05s cubic-bezier(.4,0,.2,1);
    }
    ._3dmbka3 {
      transition: transform .2s cubic-bezier(.4,0,.2,1);
    }
    ._3dmbka5 {
      cursor: grabbing;
    }
    .mlx2t2 {
      display: inline-block;
    }
    .mlx2t3 {
      height: 0;
      width: 0;
      will-change: transform;
    }
    ._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;
    }
    .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;
    }
    .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)) {
      .j26lrx0 {
        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;
    }
    .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);
    }
    .yzx0vj0 {
      color: var(--infinite-cell-color);
    }
    @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;
    }
    .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);
    }
    .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-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__border-radius, var(--ab-base-space));
    --ab-border-radius-input: var(--ab-border-radius);
    --ab-border-radius-button: var(--ab-border-radius);
    --ab-color-input-border: var(--ab-color-inputborder, var(--ab-color-primarydark));
    --ab-color-input-background: var(--ab-color-background);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 99%, black);
    }
  }
  :root {
    --ab-color-input-foreground: var(--ab-color-inputcolor, var(--ab-color-primary-foreground));
    --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-palette-1: #fde8e8;
    --ab-color-palette-2: #9b2c2c;
    --ab-color-palette-3: #fff8e1;
    --ab-color-palette-4: #975a16;
    --ab-color-palette-5: #e6f4ea;
    --ab-color-palette-6: #276749;
    --ab-color-palette-7: #e6f2ff;
    --ab-color-palette-8: #2b6cb0;
    --ab-color-palette-9: #edf2f7;
    --ab-color-palette-10: #4a5568;
    --ab-color-palette-11: #f3e8ff;
    --ab-color-palette-12: #553c9a;
    --ab-color-swatch-1: #000000;
    --ab-color-swatch-2: #ffffff;
    --ab-color-swatch-3: #d3d3d3;
    --ab-color-swatch-4: #808080;
    --ab-color-swatch-5: #a52a2a;
    --ab-color-swatch-6: #006400;
    --ab-color-swatch-7: #008000;
    --ab-color-swatch-8: #32cd32;
    --ab-color-swatch-9: #ffff00;
    --ab-color-swatch-10: #ffffe0;
    --ab-color-swatch-11: #00008b;
    --ab-color-swatch-12: #0000ff;
    --ab-color-swatch-13: #87cefa;
    --ab-color-swatch-14: #00ffff;
    --ab-color-swatch-15: #ff00ff;
    --ab-color-swatch-16: #800080;
    --ab-color-swatch-17: #8b0000;
    --ab-color-swatch-18: #ff0000;
    --ab-color-swatch-19: #dc143c;
    --ab-color-swatch-20: #ffa500;
    --ab-color-success-foreground: white;
    --ab-color-info-foreground: white;
    --ab-color-warn-foreground: white;
    --ab-color-action-edit: #17a2b8;
    --ab-color-action-share: #eb9316;
    --ab-color-action-delete: #dc3545;
    --ab-color-action-clone: #419641;
    --ab-color-action-edit-foreground: white;
    --ab-color-action-share-foreground: white;
    --ab-color-action-delete-foreground: white;
    --ab-color-action-clone-foreground: white;
    --ab-color-primary: #e9e9e9;
    --ab-color-primary-foreground: #656565;
    --ab-color-primarydark: #b7b7b7;
    --ab-color-primarylight: #f5f5f5;
    --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-ring), 0 1px 2px -1px var(--ab-color-ring);
    --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-primary-foreground);
    --ab-focus__outline: none;
    --ab-color-background: var(--ab-color-defaultbackground, white);
    --ab-color-foreground: var(--ab-color-primary-foreground, #656565);
    --ab-color-popover: var(--ab-color-background);
    --ab-color-popover-foreground: var(--ab-color-foreground);
    --ab-color-secondary: oklch(0.97 0 0);
    --ab-color-secondary-foreground: oklch(0.205 0 0);
    --ab-color-muted: var(--ab-color-primarylight);
    --ab-color-muted-foreground: var(--ab-color-primary-foreground);
    --ab-color-destructive: var(--ab-color-error, #dc3545);
    --ab-color-destructive-foreground: white;
    --ab-color-border: oklch(0.922 0 0);
    --ab-color-ring: var(--ab-color-accent);
    --ab-color-card: #f5f5f5;
    --ab-color-card-foreground: var(--ab-color-foreground);
    --ab-icon-fill: currentColor;
    --ab-custom-scrollbar-size: 10px;
    --ab-grid-row-height: 35px;
    --ab-cmp-column-tag__background: var(--ab-color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ab-cmp-column-tag__background: color-mix(
    in srgb,
    var(--ab-color-primary) 80%,
    var(--ab-color-accent)
  );
    }
  }
  :root {
    --ab-cmp-column-tag__foreground: var(--ab-color-primary-foreground);
    --ab-loaded: 777;
    --ab_flex-direction: column;
    --ab-tree-indent-size: var(--ag-row-group-indent-size, 16px);
    --ab-gridheader--filtered__background: var(--ab-color-primary);
  }
  .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-background);
    --infinite-row-background: var(--ab-color-background);
    --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-muted-foreground);
    --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 !important;
  }
  .ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
    font-weight: bolder !important;
    background: var(--ab-gridheader--filtered__background) !important;
  }
  .ab-Grid .ag-pivot-mode-panel {
    display: none !important;
  }
  .ab-Grid .ag-find-match, .ab-QuickSearchFind .ag-find-match {
    background-color: var( --ab-qs-text-background-color, var(--ab-dynamic-background-color, var(--ag-find-match-background-color)) ) !important;
    color: var( --ab-qs-text-color, var(--ab-dynamic-color, var(--ag-find-match-color)) ) !important;
    font-weight: var(--ab-qs-text-font-weight, var(--ab-dynamic-font-weight)) !important;
    font-style: var(--ab-qs-text-font-style, var(--ab-dynamic-font-style)) !important;
    font-size: var(--ab-qs-text-font-size, var(--ab-dynamic-font-size)) !important;
    text-decoration: var( --ab-qs-text-text-decoration, var(--ab-dynamic-text-decoration) ) !important;
    border-radius: var( --ab-qs-text-border-radius, var(--ab-dynamic-border-radius) ) !important;
    border-color: var(--ab-qs-text-border-color, var(--ab-dynamic-border-color)) !important;
  }
  .ab-Grid .ag-find-active-match, .ab-QuickSearchFind .ag-find-active-match {
    background-color: var( --ab-qs-current-background-color, var(--ab-qs-text-background-color, var(--ag-find-match-background-color)) ) !important;
    color: var( --ab-qs-current-color, var(--ab-qs-text-color, var(--ag-find-match-color)) ) !important;
    font-weight: var( --ab-qs-current-font-weight, var(--ab-qs-text-font-weight) ) !important;
    font-style: var( --ab-qs-current-font-style, var(--ab-qs-text-font-style) ) !important;
    font-size: var(--ab-qs-current-font-size, var(--ab-qs-text-font-size)) !important;
    text-decoration: var( --ab-qs-current-text-decoration, var(--ab-qs-text-text-decoration) ) !important;
    border-radius: var( --ab-qs-current-border-radius, var(--ab-qs-text-border-radius) ) !important;
    border-color: var( --ab-qs-current-border-color, var(--ab-qs-text-border-color) ) !important;
  }
  :root {
    --ab-cmp-checkbox__border-color: var(--ab-color-input-border);
    --ab-cmp-checkbox__background: var(--ab-color-input-background);
    --ab-cmp-checkbox--checked__background: var(--ab-color-accent);
    --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-accent);
    --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,
    var(--ab-color-input-background)
  );
    --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--variant-agGrid.ab-CheckBox--indeterminate {
    --ab-cmp-checkbox--check__color: var(
      --ag-checkbox-checked-color,
      var(--ag-balham-active-color, #0091ea)
    );
  }
  .ab-CheckBox--variant-agGrid.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;
  }
  .ab-QueryBuilder-predicate-editor:before {
    content: '';
    position: absolute;
    top: 20px;
    left: -10px;
    width: 10px;
    height: 0px;
    border-top: var(--ab-cmp-query-builder__border);
  }
  .ab-QueryBuilder-predicate-editor: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;
  }
  .ab-QueryBuilder-predicate-editor--root:before {
    left: 10px;
  }
  .ab-QueryBuilder-predicate-editor--root:after {
    left: 10px;
    top: 20px;
  }
  .ab-QueryBuilder-predicate-editor__root-actions:before {
    content: '';
    display: block;
    position: absolute;
    border-bottom: var(--ab-cmp-query-builder__border);
    bottom: 14px;
    left: 9px;
    height: 0px;
    width: 13px;
  }
  .ab-QueryBuilder-predicate-editor__root-actions:after {
    content: '';
    position: absolute;
    border-left: var(--ab-cmp-query-builder__border);
    height: 21px;
    bottom: 16px;
    left: 8px;
  }
  :root {
    --ab-radio-gap: calc(var(--ab-base-space) * 2);
    --ab-cmp-dropdown__color: var(--ab-color-input-foreground);
    --ab-cmp-dropdown--empty__color: var(--ab-color-foreground);
    --ab-cmp-dropdown__border: 1px solid var(--ab-color-input-border);
    --ab-cmp-dropdown__border-radius: var(--ab-border-radius);
    --ab-cmp-dropdown__fill: var(--ab-color-foreground);
    --ab-cmp-dropdown__font-size: var(--ab-font-size-2);
    --ab-cmp-dropdown__font-family: var(--ab__font-family);
    --ab-cmp-dropdown__padding: calc(var(--ab-base-space) * 2);
    --ab-cmp-field-wrap__background: var(--ab-color-input-background);
    --ab-cmp-field-wrap__fill: var(--ab-color-input-foreground);
    --ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius);
    --ab-cmp-input__padding: calc(var(--ab-base-space) * 2);
    --ab-cmp-input__color: var(--ab-color-input-foreground);
    --ab-cmp-input__border-radius: var(--ab-border-radius);
    --ab-cmp-input__border: 1px solid var(--ab-color-input-border);
    --ab-cmp-input--disabled__background: var(--ab-color-primarylight);
    --ab-cmp-input__font-size: var(--ab-font-size-3);
    --ab-cmp-input--placeholder__color: var(--ab-color-foreground);
    --ab-cmp-input__font-family: var(--ab__font-family);
    --ab-cmp-input--placeholder__opacity: 0.6;
    --ab-cmp-modal-backdrop__background: var(--ab-color-shadow);
    --ab-cmp-tabs__padding: calc(var(--ab-base-space) * 2);
    --ab-cmp-tabs-strip__background: transparent;
    --ab-cmp-tabs-active__background: var(--ab-color-primarylight);
    --ab-cmp-tabs__font-weight: 400;
    --ab-cmp-tabs__color: inherit;
    --ab-cmp-tabs-inactive__opacity: 0.72;
    --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-input-border);
    --ab-cmp-panel-icon__fill: var(--ab-icon-fill);
    --ab-cmp-panel_header__padding: calc(var(--ab-base-space) * 2);
    --ab-cmp-panel_header__color: var(--ab-color-primary-foreground);
    --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-background);
    --ab-cmp-panel_header--variant-modern__color: var(--ab-color-primary-foreground);
    --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);
    --ab-cmp-textarea__padding: var(--ab-base-space) calc(var(--ab-base-space) * 2);
    --ab-cmp-textarea__border-radius: var(--ab-border-radius);
    --ab-cmp-textarea__border: 1px solid var(--ab-color-input-border);
    --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-color-input-background);
    --ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background);
    --ab-cmp-tooltip__opacity: 0.96;
    --ab-cmp-tooltip__background: var(--ab-color-primary);
    --ab-cmp-tooltip__color: var(--ab-color-primary-foreground);
    --ab-cmp-tooltip__border: solid 1px var(--ab-color-input-border);
    --ab-cmp-tooltip__font-size: var(--ab-font-size-2);
    --ab-cmp-file-droppable__padding: calc(var(--ab-base-space) * 16);
    --ab-cmp-file-droppable__margin: var(--ab-base-space);
    --ab-cmp-file-droppable__background: var(--ab-color-primary);
    --ab-cmp-file-droppable__color: var(--ab-color-primary-foreground);
    --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);
    --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-primary-foreground);
    --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;
    --ab-cmp-datepicker__background: var(--ab-color-background);
    --ab-cmp-datepicker__active-color: var(--ab-color-primarydark);
    --ab-cmp-datepicker__active-text-color: var(--ab-color-muted-foreground);
    --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;
    --ab-cmp-toggle-button__background: #ccc;
    --ab-cmp-toggle-button__color: #656565;
    --ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight);
    --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-primary-foreground);
    --ab-cmp-module-module-selector__toolbar-item__border: 1px dashed var(--ab-color-primarydark);
    --ab-cmp-module-module-selector__draggable-chip__background: var(
    --ab-cmp-draggable-list-item__background,
    var(--ab-color-background)
  );
    --ab-cmp-module-module-selector__draggable-chip__color: var(--ab-color-foreground);
    --ab-cmp-loader__background: var(--ab-color-primarydark);
    --ab-cmp-loader__border: var(--ab-color-primary-foreground);
    --ab-cmp-loader__font-size: var(--ab-font-size-2);
    --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: calc(var(--ab-base-space) * 4);
    --ab-cmp-progress-indicator__background: var(--ab-color-primary);
    --ab-cmp-progress-indicator__color: var(--ab-color-primary-foreground);
    --ab-cmp-badge__padding: 3px 8px;
    --ab-cmp-badge__gap: 4px;
    --ab-cmp-badge__padding-compact: 1px 6px;
    --ab-cmp-badge__gap-compact: 3px;
    --ab-cmp-badge__padding-comfortable: 5px 12px;
    --ab-cmp-badge__gap-comfortable: 6px;
    --ab-cmp-badge__spacing: 4px;
    --ab-cmp-icon-selector__popup__color: var(--ab-color-input-foreground);
    --ab-cmp-icon-selector__popup__background: var(--ab-color-background);
    --ab-cmp-icon-selector__popup__border: 1px solid var(--ab-color-input-border);
    --ab-cmp-icon-selector__popup__padding: calc(var(--ab-base-space) * 2);
    --ab-cmp-icon-selector__popup__border-radius: var(--ab-border-radius);
    --adaptable-quick-search-floating-padding: var(--ab-base-space) calc(var(--ab-base-space) * 2);
    --adaptable-quick-search-floating-width: 200px;
    --ab-cmp-note-popup-background-color: var(--ab-color-background);
    --ab-cmp-note-popup-padding: calc(var(--ab-base-space) * 8);
    --ab-cmp-note-popup-border-radius: calc(var(--ab-base-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);
    --ab-cmp-icon__fill: var(--ab-icon-fill);
    --ab-cmp-icon__height: 17px;
    --ab-cmp-icon__width: 17px;
    --ab-cmp-listgroupitem-cell__font-size: var(--ab-font-size-3);
    --ab-cmp-wizard__padding: calc(var(--ab-base-space) * 16);
    --ab-cmp-wizard__margin: var(--ab-base-space);
    --ab-cmp-wizard__background: var(--ab-color-primary);
    --ab-cmp-wizard__color: var(--ab-color-primary-foreground);
    --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);
    --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-muted-foreground);
    --ab-cmp-dashboardpanel__fill: var(--ab-color-primary-foreground);
    --ab-cmp-dashboardpanel__color: currentColor;
    --ab-cmp-dashboardpanel_header__padding: 0px;
    --ab-cmp-dashboardpanel_body__padding: var(--ab-base-space);
    --ab-cmp-dashboardpanel__border: none;
    --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);
    --ab-cmp-popover__background: var(--ab-color-background);
    --ab-cmp-popover__color: var(--ab-color-foreground);
    --ab-cmp-popover__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
  }
  .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-wizard-selection__border: var(--ab-color-accent);
    --ab-cmp-wizard-selection__background: var(--ab-color-accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ab-cmp-wizard-selection__background: color-mix(
    in srgb,
    var(--ab-color-accent) 22%,
    var(--ab-color-accentlight)
  );
    }
  }
  :root {
    --ab-cmp-collapsible-wizard-card__expanded-border: var(--ab-color-primary);
    --ab-cmp-collapsible-wizard-card__collapsed-border: var(--ab-color-primarydark);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ab-cmp-collapsible-wizard-card__collapsed-border: color-mix(
    in srgb,
    var(--ab-color-primarydark) 55%,
    transparent
  );
    }
  }
  :root {
    --ab-cmp-collapsible-wizard-card__collapsed-border-popup: var(--ab-color-primarydark);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ab-cmp-collapsible-wizard-card__collapsed-border-popup: color-mix(
    in srgb,
    var(--ab-color-primarydark) 38%,
    transparent
  );
    }
  }
  .ab-CollapsibleWizardCard--compact.ab-CollapsibleWizardCard .ab-Card__title {
    padding-bottom: 0;
  }
  :root {
    --ab-cmp-wizard-type-selection-card__selected-border: var(--ab-color-accent);
    --ab-cmp-wizard-type-selection-card__selected-overlay: var(--ab-color-accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ab-cmp-wizard-type-selection-card__selected-overlay: color-mix(
    in srgb,
    var(--ab-color-accent) 15%,
    transparent
  );
    }
  }
  :root {
    --ab-cmp-wizard-type-selection-card__selected-indicator-inner: var(--ab-color-base);
    --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);
    --ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4);
    --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-base-space) calc(var(--ab-base-space) * 2);
    --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
    --ab-cmp-adaptable-popup-navigation-list-item__padding: 0px var(--ab-base-space);
    --ab-cmp-adaptable-popup-navigation-list-item__margin-bottom: calc(var(--ab-base-space) * 2) calc(var(--ab-base-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: calc(var(--ab-base-space) * 2)
    calc(var(--ab-base-space) * 2);
    --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: calc(var(--ab-base-space) * 2);
    --ab-cmp-adaptable-popup-navigation-header-divider__color: var(
    --ab-color-border,
    var(--ab-color-primarydark)
  );
    --ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
    --ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
    --ab-cmp-adaptable-object-list-tag__margin-right: calc(var(--ab-base-space) * 2);
    --ab-cmp-adaptable-object-list-tag__margin-top: calc(var(--ab-base-space) * 2);
    --ab-cmp-adaptable-object-list-item__background-color: var(--ab-color-background);
    --ab-cmp-adaptable-object-list-item__padding: calc(var(--ab-base-space) * 4) calc(var(--ab-base-space) * 4);
    --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: calc(var(--ab-base-space) * 2);
    --ab-cmp-adaptable-object-compact-list-item__background: var(--ab-color-background);
    --ab-cmp-adaptable-object-compact-list-item__padding: var(--ab-base-space);
    --ab-cmp-adaptable-object-compact-list-item__margin-bottom: calc(var(--ab-base-space) * 2);
    --ab-cmp-adaptable-object-compact-list__header__padding: calc(var(--ab-base-space) * 2);
    --ab-cmp-adaptable-object-compact-list__header__margin-bottom: var(--ab-base-space);
    --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-base-space);
    --ab-cmp-adaptable-object-compact-list-item-name__margin-right: var(--ab-base-space);
    --ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4);
    --ab-cmp-adaptable-options__background-color: var(--ab-color-background);
    --ab-cmp-grid-options__background-color: var(--ab-color-background);
    --ab-cmp-grid-summary__background-color: var(--ab-color-background);
    --ab-cmp-system-status-list__background-color: var(--ab-color-background);
    --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: calc(var(--ab-base-space) * 2);
    --ab-cmp-dashboard-module-selector-background: var(--ab-color-background);
    --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-base-space) calc(var(--ab-base-space) * 2);
    --ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover: var(--ab-color-primary);
    --ab-cmp-adaptable-statusbar__color: var(--ab-color-primary-foreground);
    --ab-cmp-adaptable-statusbar__font-weight: 400;
    --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary);
    --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);
    --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-background);
    --ab-cmp-adaptable-layout-wizard-column-row-title__color: var(--ab-color-foreground);
    --ab-cmp-adaptable-layout-wizard-column-row-expanded-container__background: var(
    --ab-color-background
  );
    --ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius: var(
    --ab-border-radius
  );
    --ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
    --cmp-Badge-Definition-Editor__background: var(--ab-color-background);
    --cmp-Badge-Definition-Editor-header__background: var(--ab-color-background);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --cmp-Badge-Definition-Editor-header__background: color-mix(
    in srgb,
    var(--ab-color-background) 92%,
    var(--ab-color-foreground)
  );
    }
  }
  :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);
    --ab-cmp-floatingfilter-selected-options-text__font-weight: bold;
    --ab-cmp-column-filter-input__font-size: var(--ab-font-size-2);
    --ab-cmp-column-filter-input__border: 1px solid var(--ab-color-primarydark);
    --ab-cmp-column-filter-input__background: var(--ab-color-background);
    --ab-cmp-entity-rules-editor__background-color: var(--ab-color-background);
  }
  .ab-Badge__wrapper {
    display: inline-flex;
    align-items: center;
    height: 100%;
    gap: var(--ab-cmp-badge__spacing);
  }
  .ab-Badge__wrapper--wrap {
    flex-wrap: wrap;
  }
  .ab-Badge__wrapper--scroll {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
  }
  .ab-Badge__wrapper--truncate {
    flex-wrap: nowrap;
  }
  .ab-Badge {
    display: inline-flex;
    align-items: center;
    gap: var(--ab-cmp-badge__gap);
    padding: var(--ab-cmp-badge__padding);
    line-height: 1;
    max-width: 100%;
    min-width: 0;
  }
  .ab-Badge--compact {
    padding: var(--ab-cmp-badge__padding-compact);
    gap: var(--ab-cmp-badge__gap-compact);
  }
  .ab-Badge--normal {
    padding: var(--ab-cmp-badge__padding);
    gap: var(--ab-cmp-badge__gap);
  }
  .ab-Badge--comfortable {
    padding: var(--ab-cmp-badge__padding-comfortable);
    gap: var(--ab-cmp-badge__gap-comfortable);
  }
  .ab-Badge__wrapper--truncate .ab-Badge, .ab-Badge__wrapper--scroll .ab-Badge {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  :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: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-CheckBox,.ab-CheckBox *,.ab-CheckBox *:before,.ab-CheckBox *:after {
    box-sizing: border-box;
  }
  .ab-CheckBox {
    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--checked .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__square {
    border-radius: var(--ab-border-radius-input);
    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;
  }
  .ab-CheckBox__square: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-foreground);
    --ab-cmp-query-builder-expression__background: var(--ab-color-primary);
    --ab-cmp-query-builder-expression__color: var(--ab-color-primary-foreground);
    --ab-cmp-query-builder-expression__font-size: var(--ab-font-size-3);
  }
  .ab-Dropdown {
    background: var(--ab-color-background);
    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);
  }
  .ab-Dropdown select {
    font-family: inherit;
    font-size: inherit;
    position: absolute;
    cursor: pointer;
  }
  .ab-Dropdown .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-foreground);
  }
  .ab-FieldWrap {
    border: 1px solid var(--ab-color-input-border);
    color: 1px solid var(--ab-color-input-foreground);
    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);
  }
  .ab-FieldWrap input,.ab-FieldWrap select,.ab-FieldWrap > * {
    border: none;
    flex: 1;
    --ab-input-height: calc(var(--ab-input-height) - 2px);
  }
  .ab-FieldWrap input,.ab-FieldWrap select,.ab-FieldWrap .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);
  }
  .ab-Input::-webkit-input-placeholder {
    color: var(--ab-cmp-input--placeholder__color);
    opacity: var(--ab-cmp-input--placeholder__opacity);
  }
  .ab-Input:-moz-placeholder {
    color: var(--ab-cmp-input--placeholder__color);
    opacity: var(--ab-cmp-input--placeholder__opacity);
  }
  .ab-Input::-moz-placeholder {
    color: var(--ab-cmp-input--placeholder__color);
    opacity: var(--ab-cmp-input--placeholder__opacity);
  }
  .ab-Input:-ms-input-placeholder {
    color: var(--ab-cmp-input--placeholder__color);
    opacity: var(--ab-cmp-input--placeholder__opacity);
  }
  .ab-Input::-ms-input-placeholder {
    color: var(--ab-cmp-input--placeholder__color);
    opacity: var(--ab-cmp-input--placeholder__opacity);
  }
  .ab-Input::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;
  }
  :is(input[type='number'].ab-Input:focus, input[type='number'].ab-Input:hover)::-webkit-inner-spin-button, :is(input[type='number'].ab-Input:focus, input[type='number'].ab-Input:hover)::-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-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 {
    font-weight: var(--ab-cmp-tabs__font-weight);
    color: var(--ab-cmp-tabs__color);
  }
  .ab-Tabs__Tab:focus:after {
    box-shadow: var(--ab-focus__box-shadow);
  }
  .ab-Tabs__Tab:focus {
    outline: none;
  }
  .ab-Tabs__Tab:not(.ab-Tabs__Tab--active) {
    opacity: var(--ab-cmp-tabs-inactive__opacity);
  }
  .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;
    opacity: 1;
  }
  .ab-Tabs__Tab--active: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);
  }
  .ab-Tabs__Tab--active: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);
  }
  .ab-Panel .glyphicon {
    -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
    fill: var(--ab-cmp-panel-icon__fill);
  }
  .ab-Panel {
    font-size: var(--ab-cmp-panel__font-size);
  }
  .ab-Panel--variant-modern {
    --ab-cmp-panel__border-radius: var(--ab-base-space);
  }
  .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);
  }
  .ab-Textarea[disabled] {
    background: var(--ab-cmp-textarea--disabled__background);
  }
  .ab-Textarea:focus {
    box-shadow: var(--ab-focus__box-shadow);
    outline: var(--ab-focus__outline);
  }
  .ab-Tooltip {
    pointer-events: none;
    padding: var(--ab-base-space) calc(var(--ab-base-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);
  }
  .ab-Tooltip: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);
  }
  .ab-FileDroppable,.ab-FileDroppable input,.ab-FileDroppable button,.ab-FileDroppable .ab-SimpleButton {
    transition: var(--ab-cmp-file-droppable__transition);
    fill: currentColor;
  }
  .ab-FileDroppable,.ab-FileDroppable input,.ab-FileDroppable button {
    color: var(--ab-cmp-file-droppable__color);
  }
  .ab-FileDroppable.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);
  }
  .ab-FileDroppable.ab-FileDroppable--drag-over * {
    pointer-events: none;
  }
  .ab-FileDroppable,.ab-FileDroppable *,.ab-FileDroppable *:before,.ab-FileDroppable *:after {
    box-sizing: border-box;
  }
  .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-Dashboard .ab-Input {
    border: none;
  }
  .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
    padding: var(--ab-base-space);
  }
  .ab-Dashboard .ab-StateManagement__Clear-Button,.ab-Dashboard .ab-StateManagement__Load-Button,.ab-Dashboard .ab-StateManagement__Export-Dropdown {
    margin-left: var(--ab-base-space);
  }
  .ab-Dashboard__header {
    display: flex;
    align-items: stretch;
    background: var(--ab-dashboard-header__background);
    color: var(--ab-dashboard-header__color);
    height: 40px;
    padding: 0 calc(var(--ab-base-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 calc(var(--ab-base-space) * 3);
    font-weight: bold;
    font-size: var(--ab-font-size-4);
  }
  .ab-Dashboard__tabs {
    align-self: flex-end;
    margin-left: calc(var(--ab-base-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: calc(var(--ab-base-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: calc(var(--ab-base-space) * 2) calc(var(--ab-base-space) * 2) var(--ab-base-space) calc(var(--ab-base-space) * 2);
    display: flex;
  }
  .ab-cmp-input-group > :first-child, .ab-cmp-input-group  > :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-simple-button__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;
  }
  .ab-cmp-input-group > :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-simple-button__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;
  }
  .ab-cmp-input-group > :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-simple-button__border-radius: var(--ab-border-radius);
    --ab-cmp-field-wrap__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
  }
  .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-animation_duration: 0.3s;
    --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] {
    --rdp-gradient-direction: -90deg;
  }
  .ab-Datepicker-Overlay .rdp-root[data-broadcast-calendar="true"] {
    --rdp-outside-opacity: unset;
  }
  .ab-Datepicker-Overlay .rdp-root {
    position: relative;
    box-sizing: border-box;
  }
  .ab-Datepicker-Overlay .rdp-root * {
    box-sizing: border-box;
  }
  .ab-Datepicker-Overlay .rdp-day {
    width: var(--rdp-day-width);
    height: var(--rdp-day-height);
    text-align: center;
  }
  .ab-Datepicker-Overlay .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);
  }
  .ab-Datepicker-Overlay .rdp-day_button:disabled {
    cursor: revert;
  }
  .ab-Datepicker-Overlay .rdp-caption_label {
    z-index: 1;
    position: relative;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border: 0;
  }
  .ab-Datepicker-Overlay .rdp-dropdown:focus-visible ~ .rdp-caption_label {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color;
  }
  .ab-Datepicker-Overlay .rdp-button_next, .ab-Datepicker-Overlay  .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);
  }
  .ab-Datepicker-Overlay .rdp-button_next:disabled, .ab-Datepicker-Overlay  .rdp-button_next[aria-disabled="true"], .ab-Datepicker-Overlay  .rdp-button_previous:disabled, .ab-Datepicker-Overlay  .rdp-button_previous[aria-disabled="true"] {
    cursor: revert;
    opacity: var(--rdp-nav_button-disabled-opacity);
  }
  .ab-Datepicker-Overlay .rdp-chevron {
    display: inline-block;
    fill: var(--rdp-accent-color);
  }
  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
    transform: rotate(180deg);
    transform-origin: 50%;
  }
  .ab-Datepicker-Overlay .rdp-dropdowns {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--rdp-dropdown-gap);
  }
  .ab-Datepicker-Overlay .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;
  }
  .ab-Datepicker-Overlay .rdp-dropdown_root {
    position: relative;
    display: inline-flex;
    align-items: center;
  }
  .ab-Datepicker-Overlay .rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
    opacity: var(--rdp-disabled-opacity);
  }
  .ab-Datepicker-Overlay .rdp-month_caption {
    display: flex;
    align-content: center;
    height: var(--rdp-nav-height);
    font-weight: bold;
    font-size: large;
  }
  .ab-Datepicker-Overlay .rdp-root[data-nav-layout="around"] .rdp-month, .ab-Datepicker-Overlay  .rdp-root[data-nav-layout="after"] .rdp-month {
    position: relative;
  }
  .ab-Datepicker-Overlay .rdp-root[data-nav-layout="around"] .rdp-month_caption {
    justify-content: center;
    margin-inline-start: var(--rdp-nav_button-width);
    margin-inline-end: var(--rdp-nav_button-width);
    position: relative;
  }
  .ab-Datepicker-Overlay .rdp-root[data-nav-layout="around"] .rdp-button_previous {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    height: var(--rdp-nav-height);
    display: inline-flex;
  }
  .ab-Datepicker-Overlay .rdp-root[data-nav-layout="around"] .rdp-button_next {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    height: var(--rdp-nav-height);
    display: inline-flex;
    justify-content: center;
  }
  .ab-Datepicker-Overlay .rdp-months {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: var(--rdp-months-gap);
    max-width: fit-content;
  }
  .ab-Datepicker-Overlay .rdp-month_grid {
    border-collapse: collapse;
  }
  .ab-Datepicker-Overlay .rdp-nav {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    display: flex;
    align-items: center;
    height: var(--rdp-nav-height);
  }
  .ab-Datepicker-Overlay .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);
  }
  .ab-Datepicker-Overlay .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);
  }
  .ab-Datepicker-Overlay .rdp-today:not(.rdp-outside) {
    color: var(--rdp-today-color);
  }
  .ab-Datepicker-Overlay .rdp-selected {
    font-weight: bold;
    font-size: large;
  }
  .ab-Datepicker-Overlay .rdp-selected .rdp-day_button {
    border: var(--rdp-selected-border);
  }
  .ab-Datepicker-Overlay .rdp-outside {
    opacity: var(--rdp-outside-opacity);
  }
  .ab-Datepicker-Overlay .rdp-disabled:not(.rdp-selected) {
    opacity: var(--rdp-disabled-opacity);
  }
  .ab-Datepicker-Overlay .rdp-hidden {
    visibility: hidden;
    color: var(--rdp-range_start-color);
  }
  .ab-Datepicker-Overlay .rdp-range_start {
    background: var(--rdp-range_start-background);
  }
  .ab-Datepicker-Overlay .rdp-range_start .rdp-day_button {
    background-color: var(--rdp-range_start-date-background-color);
    color: var(--rdp-range_start-color);
  }
  .ab-Datepicker-Overlay .rdp-range_middle {
    background-color: var(--rdp-range_middle-background-color);
  }
  .ab-Datepicker-Overlay .rdp-range_middle .rdp-day_button {
    border: unset;
    border-radius: unset;
    color: var(--rdp-range_middle-color);
  }
  .ab-Datepicker-Overlay .rdp-range_end {
    background: var(--rdp-range_end-background);
    color: var(--rdp-range_end-color);
  }
  .ab-Datepicker-Overlay .rdp-range_end .rdp-day_button {
    color: var(--rdp-range_start-color);
    background-color: var(--rdp-range_end-date-background-color);
  }
  .ab-Datepicker-Overlay .rdp-range_start.rdp-range_end {
    background: revert;
  }
  .ab-Datepicker-Overlay .rdp-focusable {
    cursor: pointer;
  }
  .ab-Datepicker-Overlay {}
  .ab-Datepicker-Overlay .rdp-weeks_before_enter {
    animation: ab-rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
  }
  .ab-Datepicker-Overlay .rdp-weeks_before_exit {
    animation: ab-rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
  }
  .ab-Datepicker-Overlay .rdp-weeks_after_enter {
    animation: ab-rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
  }
  .ab-Datepicker-Overlay .rdp-weeks_after_exit {
    animation: ab-rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
  }
  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_after_enter {
    animation: ab-rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
  }
  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_before_exit {
    animation: ab-rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
  }
  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_before_enter {
    animation: ab-rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
  }
  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_after_exit {
    animation: ab-rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
  }
  .ab-Datepicker-Overlay {}
  .ab-Datepicker-Overlay .rdp-caption_after_enter {
    animation: ab-rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
  }
  .ab-Datepicker-Overlay .rdp-caption_after_exit {
    animation: ab-rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
  }
  .ab-Datepicker-Overlay .rdp-caption_before_enter {
    animation: ab-rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
  }
  .ab-Datepicker-Overlay .rdp-caption_before_exit {
    animation: ab-rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
  }
  .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-foreground);
  }
  .ab-Datepicker-Overlay .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);
  }
  :is(.ab-Datepicker-Overlay .rdp-root) .rdp-month_grid {
    border-collapse: separate;
  }
  :is(.ab-Datepicker-Overlay .rdp-root) .rdp-weeknumber,:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day {
    border-radius: var(--ab-cmp-datepicker__day-border-radius);
  }
  :is(.ab-Datepicker-Overlay .rdp-root) .rdp-day {
    border: var(--ab-cmp-datepicker__day-border-width) solid transparent;
  }
  :is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:focus:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:active:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:hover:not([disabled]) {
    color: var(--ab-cmp-datepicker__active-text-color);
    background: var(--ab-cmp-datepicker__active-color);
    border-radius: var(--ab-cmp-datepicker__active-border-radius);
    border: var(--ab-cmp-datepicker__active-border);
    border-radius: var(--ab-cmp-datepicker__active-border-radius);
  }
  :is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:focus:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:active:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:hover:not([disabled])) button {
    border: none;
    outline: none;
  }
  :is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-selected:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-selected:focus:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-selected:active:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-selected:hover:not([disabled]) {
    color: var(--ab-cmp-datepicker__selected-text-color);
    background: var(--ab-cmp-datepicker__selected-color);
    border-radius: var(--ab-cmp-datepicker__selected-border-radius);
    border: var(--ab-cmp-datepicker__selected-border);
    border-radius: var(--ab-cmp-datepicker__selected-border-radius);
    font-size: inherit;
  }
  :is(.ab-Datepicker-Overlay .rdp-root) .rdp-caption_label {
    font-size: 90%;
  }
  :is(.ab-Datepicker-Overlay .rdp-root) .rdp-nav_button {
    color: var(--ab-color-primary-foreground);
  }
  :is(.ab-Datepicker-Overlay .rdp-root) .rdp-table {
    width: 100%;
    max-width: none;
  }
  :is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-outside {
    opacity: 0.4;
  }
  :is(.ab-Datepicker-Overlay .rdp-root) .rdp-today {
    border: var(--rdp-outline);
  }
  :is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(8),:is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(9),:is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(10),:is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(11),:is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(12),:is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(13),:is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(14) {
    display: none;
  }
  .rdp-with_weeknumber:is(.ab-Datepicker-Overlay .rdp-root) .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-base-space)));
    transition: 0.2s;
  }
  .ab-ToggleButton__input:checked + .ab-ToggleButton__slider:before {
    right: var(--ab-base-space);
    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-Tag--column {
    background: var(--ab-cmp-column-tag__background);
    color: var(--ab-cmp-column-tag__foreground, inherit);
  }
  .ab-ModuleSelector__TabItem {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin-right: calc(var(--ab-base-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-base-space);
    border-bottom: var(--ab-cmp-module-module-selector__tab-item__border);
  }
  .ab-ModuleSelector__TabItem__header-input {
    flex: 1;
    width: 100%;
    margin-left: var(--ab-base-space);
    margin-right: var(--ab-base-space);
    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__ToolbarList--compact {
    flex: none;
    min-height: 2.5rem;
    padding: 6px 8px;
    border: var(--ab-cmp-module-module-selector__tab-item__border);
    border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
  }
  .ab-ModuleSelector__ToolbarList--compact.ab-ModuleSelector__ToolbarList--horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
  }
  .ab-ModuleSelector--strip .ab-ModuleSelector__UnusedPanel, .ab-ModuleSelector--rows .ab-ModuleSelector__UnusedPanel {
    margin-bottom: 0;
  }
  .ab-ModuleSelector__TabItem--row {
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    margin-right: 0;
  }
  .ab-ModuleSelector__TabItem__header--row {
    width: 11rem;
    flex-shrink: 0;
    border-bottom: none;
    border-right: var(--ab-cmp-module-module-selector__tab-item__border);
  }
  .ab-ModuleSelector__TabItem--row .ab-ModuleSelector__ToolbarList--compact {
    flex: 1;
    min-width: 0;
  }
  .ab-ModuleSelector__ToolbarList--compact.ab-ModuleSelector__ToolbarList--embedded {
    border: none;
    border-radius: 0;
  }
  .ab-ModuleSelector__DraggableChip {
    border: var(--ab-cmp-module-module-selector__toolbar-item__border);
    background: var(--ab-cmp-module-module-selector__draggable-chip__background);
    color: var(--ab-cmp-module-module-selector__draggable-chip__color);
    cursor: grab;
  }
  .ab-ModuleSelector__DraggableChip:active {
    cursor: grabbing;
  }
  .ab-ModuleSelector__ToolbarItem {
    border: var(--ab-cmp-module-module-selector__toolbar-item__border);
  }
  .ab-ModuleSelector__UnusedGroups--row .ab-ModuleSelector__UnusedGroup {
    min-height: 0;
  }
  .ab-ModuleSelector__UnusedGroups--row .ab-ModuleSelector__UnusedPanel {
    margin-bottom: 0;
  }
  .ab-ColorPicker-swatch {
    width: 36px;
    height: 24px;
    min-height: 24px !important;
    padding: 0;
    box-sizing: border-box;
    flex-shrink: 0;
    cursor: pointer;
  }
  .ab-ColorPicker-swatch::-webkit-color-swatch-wrapper {
    padding: 0;
  }
  .ab-ColorPicker-swatch::-webkit-color-swatch {
    border: none;
    border-radius: calc(var(--ab-border-radius-input, 4px) - 1px);
  }
  .ab-ColorPicker-swatch::-moz-color-swatch {
    border: none;
  }
  .ab-OptionalColorPicker-empty {
    width: 36px;
    height: 24px;
    min-height: 24px;
    padding: 0;
    border: 1px dashed var(--ab-color-border, #ccc);
    border-radius: var(--ab-border-radius-input, 4px);
    cursor: pointer;
    background-color: #fff;
    background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 25%), linear-gradient(-45deg, #e0e0e0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e0e0e0 75%), linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);
    background-size: 6px 6px;
    background-position: 0 0, 0 3px, 3px -3px, -3px 0;
  }
  .ab-OptionalColorPicker-empty:hover:not(:disabled) {
    border-color: var(--ab-color-accent, #43429e);
  }
  .ab-OptionalColorPicker-empty:disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }
  .ab-ColorPicker-range[type='range'] {
    width: 120px;
    margin: 0;
    height: 12px !important;
    min-height: 12px !important;
    padding: 0;
    border-radius: 6px;
    -webkit-appearance: none;
    appearance: none;
  }
  .ab-ColorPicker-range[type='range']:focus {
    outline: none;
  }
  .ab-ColorPicker-range[type='range']::-webkit-slider-runnable-track {
    background: transparent;
    border: 0;
    width: 100%;
    height: 12px;
    cursor: pointer;
  }
  .ab-ColorPicker-range[type='range']::-webkit-slider-thumb {
    margin-top: -4px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 50%;
    cursor: pointer;
    -webkit-appearance: none;
    box-sizing: border-box;
  }
  .ab-ColorPicker-range[type='range']:focus::-webkit-slider-runnable-track {
    background: none;
  }
  .ab-ColorPicker-range[type='range']::-moz-range-track {
    background: transparent;
    border: 0;
    width: 100%;
    height: 12px;
    cursor: pointer;
  }
  .ab-ColorPicker-range[type='range']::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: border-box;
  }
  .ab-ColorPicker-range[type='range']::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: 1px 0;
    color: transparent;
    width: 100%;
    height: 12px;
    cursor: pointer;
  }
  .ab-ColorPicker-range[type='range']::-ms-fill-lower {
    background: #43429e;
    border: 0;
  }
  .ab-ColorPicker-range[type='range']::-ms-fill-upper {
    background: none;
    border: 0;
  }
  .ab-ColorPicker-range[type='range']::-ms-thumb {
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #000000;
    border-radius: 50%;
    cursor: pointer;
    margin-top: 0px;
    box-sizing: border-box;
  }
  .ab-ColorPicker-range[type='range']:focus::-ms-fill-lower {
    background: none;
  }
  .ab-ColorPicker-range[type='range']:focus::-ms-fill-upper {
    background: none;
  }
  @supports (-ms-ime-align: auto) {
    .ab-ColorPicker-range[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: calc(var(--ab-base-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);
  }
  .ab-ObjectCollection__list > :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);
  }
  .ab-AdaptableObjectRow: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 {
    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,.ab-NocodeWizard *,.ab-NocodeWizard *:before,.ab-NocodeWizard *:after {
    box-sizing: border-box;
  }
  .ab-NocodeWizard {
    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-background);
  }
  .ab-Button.ab-Button {
    border-radius: var(--ab-cmp-button-border-radius);
    padding: calc(var(--ab-base-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-DashboardPanel  .ab-SimpleButton.ab-SimpleButton--tone-neutral:not(.ab-DropdownButton) {
    fill: currentColor;
    color: var(--ab-cmp-dashboardpanel_header__color);
    border-color: currentColor;
  }
  .ab-DashboardPanel .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: calc(var(--ab-base-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);
  }
  .ab-Dashboard__pinned-container: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 .ab-ToolPanel__header {
    background: var(--ab-cmp-toolpanel-header__background);
    color: var(--ab-cmp-toolpanel-header__color);
  }
  .ab-ToolPanel .ab-ToolPanel__header__buttons {
    grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
  }
  .ab-ToolPanel .ab-ToolPanel__custom-content__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
  }
  .ab-ToolPanel .ab-StateManagement__Clear-Button,.ab-ToolPanel .ab-StateManagement__Load-Button {
    justify-content: center;
    flex: 1;
  }
  .ab-ToolPanel .ab-StateManagement__Clear-Button,.ab-ToolPanel .ab-StateManagement__Load-Button,.ab-ToolPanel .ab-StateManagement__Export-Dropdown {
    margin-bottom: var(--ab-base-space);
  }
  .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-cmp-adaptable-popup-navigation-header__color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color, var(--ab-color-primary-foreground));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ab-Adaptable-Popup__Navigation__List {
      --ab-cmp-adaptable-popup-navigation-header__color: color-mix(
    in srgb,
    var(--ab-cmp-adaptable-popup-navigation-list-item-button__color, var(--ab-color-primary-foreground))
      55%,
    transparent
  );
    }
  }
  .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--header {
    margin-bottom: 0;
  }
  .ab-Adaptable-Popup__Navigation__List__Item__HeaderDivider {
    display: block;
    margin-top: calc(var(--ab-base-space) * 2);
    margin-bottom: calc(var(--ab-base-space) * 3);
    margin-inline: calc(var(--ab-base-space) * 2);
    border-bottom: 1px solid var(--ab-cmp-adaptable-popup-navigation-header-divider__color);
  }
  .ab-Adaptable-Popup__Navigation__List__Item__Header {
    display: block;
    padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
    font-size: var(--ab-font-size-1, 0.75rem);
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--ab-cmp-adaptable-popup-navigation-header__color);
  }
  .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-Adaptable-Popup--settings-popup .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-Window-Modal .ab-Dialog__close-button {
    top: 3px;
  }
  .ab-Window-Modal .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 .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 .ab-Adaptable-Object-Compact-List__Title {
    font-size: var(--ab-font-size-4);
  }
  .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Body {
    overflow: auto;
    height: 100%;
  }
  .ab-Adaptable-Object-Compact-List .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);
  }
  :is(.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item):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-ObjectListActionButton {
    border-radius: var(--ab-base-border-radius, 4px);
    min-width: 30px;
    min-height: 30px;
    box-shadow: inset 0 0 0 1px currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ab-ObjectListActionButton {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 24%, transparent);
    }
  }
  .ab-SimpleButton.ab-ObjectListActionButton--edit, .ab-SimpleButton.ab-ObjectListActionButton--suspend, .ab-SimpleButton.ab-ObjectListActionButton--delete, .ab-SimpleButton.ab-ObjectListActionButton--share, .ab-SimpleButton.ab-ObjectListActionButton--clone {
    background-color: var(--ab-color-primary-foreground) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ab-SimpleButton.ab-ObjectListActionButton--edit, .ab-SimpleButton.ab-ObjectListActionButton--suspend, .ab-SimpleButton.ab-ObjectListActionButton--delete, .ab-SimpleButton.ab-ObjectListActionButton--share, .ab-SimpleButton.ab-ObjectListActionButton--clone {
      background-color: color-mix( in srgb, var(--ab-color-primary-foreground) 10%, var(--ab-color-muted) ) !important;
    }
  }
  .ab-SimpleButton.ab-ObjectListActionButton--edit, .ab-SimpleButton.ab-ObjectListActionButton--suspend, .ab-SimpleButton.ab-ObjectListActionButton--delete, .ab-SimpleButton.ab-ObjectListActionButton--share, .ab-SimpleButton.ab-ObjectListActionButton--clone {
    color: var(--ab-color-primary-foreground);
  }
  .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
    box-shadow: inset 0 0 0 1px currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 38%, transparent);
    }
  }
  .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
    filter: brightness(1.03);
  }
  .ab-SimpleButton.ab-ObjectListActionButton:disabled {
    opacity: 0.5;
  }
  .ab-Adaptable-Object-List__Item__label {
    width: var(--ab-cmp-adaptable-object-list-item-label__width);
  }
  .ab-Adaptable-Object-List__Item__label: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);
  }
  :root {
    --ab-cmp-draggable-list-item__background: var(--ab-color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --ab-cmp-draggable-list-item__background: color-mix(
    in srgb,
    var(--ab-color-primary) 82%,
    var(--ab-color-primarydark)
  );
    }
  }
  .ab-DraggableListItem {
    background: var(--ab-cmp-draggable-list-item__background);
    color: var(--ab-color-primary-foreground);
  }
  .ab-ValueSelector {
    overflow: hidden;
  }
  .ab-ValueSelector__option {
    border-radius: var(--ab-border-radius);
    font-size: var(--ab-font-size-3);
  }
  .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-base-space);
    margin-top: var(--ab-base-space);
    padding: 0 calc(var(--ab-base-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);
  }
  .ab-StatusBar__SubPanel:last-child {
    border-right: 0;
  }
  .ab-StatusBar__SubPanel,.ab-StatusBar__SubPanel .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-Layout-Wizard__ColumnLayoutSizingInput {
    width: 3rem;
    min-width: 0;
    min-height: 0;
    height: 1.375rem;
    padding: 0 0.25rem;
    line-height: 1.2;
  }
  .ab-Badge-Definition-Editor {
    background: var(--cmp-Badge-Definition-Editor__background);
    border-color: var(--ab-color-border);
  }
  .ab-Badge-Definition-Editor__header {
    background: var(--cmp-Badge-Definition-Editor-header__background);
    border-bottom-color: var(--ab-color-border);
  }
  .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-destructive);
  }
  .ab-ListBoxFilterForm {
    width: 100%;
  }
  .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 .ab-TreeDropdown .ab-Input {
    font-size: inherit;
  }
  @container (height < 26px) {
    .ab-FloatingFilter [data-slot='combobox-toggle'] {
      width: calc(var(--ab-base-space) * 3) !important;
      height: calc(var(--ab-base-space) * 3) !important;
    }
  }
  .ab-FloatingFilter-label {
    color: var(--ab-color-primary-foreground);
  }
  .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);
    min-width: 300px;
  }
  :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-destructive);
  }
  .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-base-space);
  }
  .ab-ActionColumn > 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-primary-foreground);
    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-primary-foreground);
    --toastify-text-color-success: var(--ab-color-primary-foreground);
    --toastify-text-color-warning: var(--ab-color-primary-foreground);
    --toastify-text-color-error: var(--ab-color-primary-foreground);
    --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-destructive);
  }
  .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-destructive);
  }
  :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 100px;
  }
  :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar:vertical {
    width: var(--ab-custom-scrollbar-size);
  }
  :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar:horizontal {
    height: var(--ab-custom-scrollbar-size);
  }
  :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar:hover {
    background-color: rgba(0, 0, 0, 0.09);
  }
  :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-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);
  }
  :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar-thumb:vertical {
    min-height: var(--ab-custom-scrollbar-size);
  }
  :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar-thumb:horizontal {
    min-width: var(--ab-custom-scrollbar-size);
  }
  :is(.ab--custom-mac-like-scrollbars .ab-Grid *, .ab--custom-mac-like-scrollbars  .ag-root *, .ab--custom-mac-like-scrollbars  .ab-Dashboard, .ab--custom-mac-like-scrollbars  .ab-Dashboard *, .ab--custom-mac-like-scrollbars  .ab-Panel, .ab--custom-mac-like-scrollbars  .ab-Panel *, .ab--custom-mac-like-scrollbars  .ab-Modal, .ab--custom-mac-like-scrollbars  .ab-Modal *)::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, 0.61);
    border-radius: 100px;
  }
  .ag-details-row {
    display: flex !important;
    flex-flow: column !important;
  }
  .ag-details-row .ag-details-grid {
    flex: 1 !important;
  }
  .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-base-space) !important;
  }
  .ag-floating-filter .ab-FloatingFilter {
    --ab-input-height: 100% !important;
    --ab-color-input-background: transparent !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;
  }
  .ag-side-bar .ag-react-container {
    width: 100%;
  }
}
@layer adaptable.theming {
  html.ab--theme-light {
    --ab-theme-loaded: light;
  }
  .ab--theme-dark {
    --ab-color-secondary: oklch(0.269 0 0);
    --ab-color-secondary-foreground: oklch(0.985 0 0);
    --ab-color-border: oklch(0.269 0 0);
    --ab-theme-loaded: dark;
    --ab-color-input-background: var(--ab-color-background);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ab--theme-dark {
      --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 95%, black);
    }
  }
  .ab--theme-dark {
    --ab-cmp-input--disabled__background: #232323;
    --ab-color-background: var(--ab-color-defaultbackground, #474c52);
    --ab-color-foreground: var(--ab-color-text-on-defaultbackground, #e2e2e2);
    --ab-color-primary: #262d2f;
    --ab-color-primary-foreground: #e2e2e2;
    --ab-color-primarylight: #3d3e3f;
    --ab-color-primarydark: #1c2021;
    --ab-color-card: #51555a;
    --ab-color-card-foreground: var(--ab-color-foreground);
    --ab-cmp-draggable-list-item__background: var(--ab-color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ab--theme-dark {
      --ab-cmp-draggable-list-item__background: color-mix(
      in srgb,
      var(--ab-color-primary) 72%,
      var(--ab-color-primarylight)
    );
    }
  }
  .ab--theme-dark {
    --ab-color-palette-1: #5c1a1a;
    --ab-color-palette-2: #ffb4b4;
    --ab-color-palette-3: #4a3b00;
    --ab-color-palette-4: #ffd966;
    --ab-color-palette-5: #1b4332;
    --ab-color-palette-6: #95d5b2;
    --ab-color-palette-7: #1a365d;
    --ab-color-palette-8: #90cdf4;
    --ab-color-palette-9: #2d3748;
    --ab-color-palette-10: #e2e8f0;
    --ab-color-palette-11: #44337a;
    --ab-color-palette-12: #d6bcfa;
    --ab-color-shadow: rgb(255 255 255 / 0.45);
    --ab-cmp-modal-backdrop__background: rgba(255, 255, 255, 0.2);
    --ab-dashboard__border: #555;
    --ab-cmp-dropdownbutton-list-separator__border: 1px solid #555;
    --ab-cmp-checkbox__border-color: var(--ab-color-primary-foreground);
    --ab-cmp-checkbox--checked__border-color: var(--ab-color-accent);
    --ab-cmp-tabs-inactive__opacity: 0.78;
    --ab-cmp-adaptable-popup-navigation-header-divider__color: #343a46;
  }
  .ab--theme-dark input.ab-Input[type='number']::-webkit-outer-spin-button,.ab--theme-dark input.ab-Input[type='number']::-webkit-inner-spin-button {
    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="%23f7f7f7" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23f7f7f7" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center;
  }
  .ab--theme-dark input.ab-Input[type='time']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='date']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='datetime-local']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='month']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='week']::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: 0.85;
  }
}
@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;
}
@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-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  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;
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity,1);
    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
    filter: blur(var(--tw-exit-blur,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-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: 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: "";
    }
  }
}
@keyframes ab-rdp-slide_in_left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ab-rdp-slide_in_right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes ab-rdp-slide_out_left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes ab-rdp-slide_out_right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes ab-rdp-fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ab-rdp-fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}