@adaptabletools/adaptable/index.css

Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements

/*! 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%