@adaptabletools/adaptable-cjs/index.css

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

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer adaptable.reset, adaptable.theming, adaptable.components, adaptable.utilities, adaptable.theme;
@layer adaptable.reset {
  :focus-visible {
    outline: 2px solid var(--ab-color-focus);
  }
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  main {
    display: block;
  }
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  a {
    background-color: transparent;
  }
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  img {
    border-style: none;
  }
  button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button, input {
    overflow: visible;
  }
  button, select {
    text-transform: none;
  }
  button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
  }
  button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
  }
  [type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  details {
    display: block;
  }
  summary {
    display: list-item;
  }
  template {
    display: none;
  }
  [hidden] {
    display: none;
  }
  button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
}
@layer adaptable.theming {
  :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-white: #fff;
    --twa-text-sm: 0.875rem;
    --twa-text-sm--line-height: calc(1.25 / 0.875);
    --twa-text-lg: 1.125rem;
    --twa-text-lg--line-height: calc(1.75 / 1.125);
    --twa-font-weight-normal: 400;
    --twa-font-weight-medium: 500;
    --twa-font-weight-semibold: 600;
    --twa-font-weight-bold: 700;
    --twa-leading-normal: 1.5;
    --twa-leading-relaxed: 1.625;
    --twa-radius-sm: 0.25rem;
    --twa-radius-md: 0.375rem;
    --twa-default-transition-duration: 150ms;
    --twa-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --twa-color-accent: var(--ab-color-accent);
  }
}
@layer adaptable.utilities {
  .twa\:pointer-events-none {
    pointer-events: none;
  }
  .twa\:invisible {
    visibility: hidden;
  }
  .twa\:visible {
    visibility: visible;
  }
  .twa\:absolute {
    position: absolute;
  }
  .twa\:fixed {
    position: fixed;
  }
  .twa\:relative {
    position: relative;
  }
  .twa\:inset-0 {
    inset: calc(var(--ab-base-space) * 0);
  }
  .twa\:top-\[6px\] {
    top: 6px;
  }
  .twa\:right-\[6px\] {
    right: 6px;
  }
  .twa\:z-10 {
    z-index: 10;
  }
  .twa\:z-900 {
    z-index: 900;
  }
  .twa\:z-1000 {
    z-index: 1000;
  }
  .twa\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .twa\:col-start-1 {
    grid-column-start: 1;
  }
  .twa\:col-start-2 {
    grid-column-start: 2;
  }
  .twa\:col-start-3 {
    grid-column-start: 3;
  }
  .twa\:row-start-1 {
    grid-row-start: 1;
  }
  .twa\:row-start-2 {
    grid-row-start: 2;
  }
  .twa\:row-start-4 {
    grid-row-start: 4;
  }
  .twa\:row-start-5 {
    grid-row-start: 5;
  }
  .twa\:row-start-6 {
    grid-row-start: 6;
  }
  .twa\:float-left {
    float: left;
  }
  .twa\:m-0 {
    margin: calc(var(--ab-base-space) * 0);
  }
  .twa\:m-1 {
    margin: calc(var(--ab-base-space) * 1);
  }
  .twa\:m-2 {
    margin: calc(var(--ab-base-space) * 2);
  }
  .twa\:m-3 {
    margin: calc(var(--ab-base-space) * 3);
  }
  .twa\:m-\[2px\] {
    margin: 2px;
  }
  .twa\:m-\[3px\] {
    margin: 3px;
  }
  .twa\:m-auto {
    margin: auto;
  }
  .twa\:mx-1 {
    margin-inline: calc(var(--ab-base-space) * 1);
  }
  .twa\:mx-2 {
    margin-inline: calc(var(--ab-base-space) * 2);
  }
  .twa\:mx-3 {
    margin-inline: calc(var(--ab-base-space) * 3);
  }
  .twa\:mx-\[1px\] {
    margin-inline: 1px;
  }
  .twa\:mx-\[px\] {
    margin-inline: px;
  }
  .twa\:my-0 {
    margin-block: calc(var(--ab-base-space) * 0);
  }
  .twa\:my-1 {
    margin-block: calc(var(--ab-base-space) * 1);
  }
  .twa\:my-2 {
    margin-block: calc(var(--ab-base-space) * 2);
  }
  .twa\:my-3 {
    margin-block: calc(var(--ab-base-space) * 3);
  }
  .twa\:my-\[2px\] {
    margin-block: 2px;
  }
  .twa\:mt-0 {
    margin-top: calc(var(--ab-base-space) * 0);
  }
  .twa\:mt-1 {
    margin-top: calc(var(--ab-base-space) * 1);
  }
  .twa\:mt-2 {
    margin-top: calc(var(--ab-base-space) * 2);
  }
  .twa\:mt-3 {
    margin-top: calc(var(--ab-base-space) * 3);
  }
  .twa\:mt-5 {
    margin-top: calc(var(--ab-base-space) * 5);
  }
  .twa\:mt-\[2px\] {
    margin-top: 2px;
  }
  .twa\:mr-0 {
    margin-right: calc(var(--ab-base-space) * 0);
  }
  .twa\:mr-1 {
    margin-right: calc(var(--ab-base-space) * 1);
  }
  .twa\:mr-2 {
    margin-right: calc(var(--ab-base-space) * 2);
  }
  .twa\:mr-3 {
    margin-right: calc(var(--ab-base-space) * 3);
  }
  .twa\:mr-4 {
    margin-right: calc(var(--ab-base-space) * 4);
  }
  .twa\:mr-\[2px\] {
    margin-right: 2px;
  }
  .twa\:mb-0 {
    margin-bottom: calc(var(--ab-base-space) * 0);
  }
  .twa\:mb-1 {
    margin-bottom: calc(var(--ab-base-space) * 1);
  }
  .twa\:mb-2 {
    margin-bottom: calc(var(--ab-base-space) * 2);
  }
  .twa\:mb-3 {
    margin-bottom: calc(var(--ab-base-space) * 3);
  }
  .twa\:mb-4 {
    margin-bottom: calc(var(--ab-base-space) * 4);
  }
  .twa\:mb-\[15px\] {
    margin-bottom: 15px;
  }
  .twa\:ml-0 {
    margin-left: calc(var(--ab-base-space) * 0);
  }
  .twa\:ml-0\.5 {
    margin-left: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:ml-1 {
    margin-left: calc(var(--ab-base-space) * 1);
  }
  .twa\:ml-2 {
    margin-left: calc(var(--ab-base-space) * 2);
  }
  .twa\:ml-3 {
    margin-left: calc(var(--ab-base-space) * 3);
  }
  .twa\:ml-4 {
    margin-left: calc(var(--ab-base-space) * 4);
  }
  .twa\:ml-5 {
    margin-left: calc(var(--ab-base-space) * 5);
  }
  .twa\:ml-\[2px\] {
    margin-left: 2px;
  }
  .twa\:box-border {
    box-sizing: border-box;
  }
  .twa\:contents {
    display: contents;
  }
  .twa\:flex {
    display: flex;
  }
  .twa\:grid {
    display: grid;
  }
  .twa\:hidden {
    display: none;
  }
  .twa\:inline-block {
    display: inline-block;
  }
  .twa\:inline-flex {
    display: inline-flex;
  }
  .twa\:size-0 {
    width: calc(var(--ab-base-space) * 0);
    height: calc(var(--ab-base-space) * 0);
  }
  .twa\:size-5 {
    width: calc(var(--ab-base-space) * 5);
    height: calc(var(--ab-base-space) * 5);
  }
  .twa\:size-full {
    width: 100%;
    height: 100%;
  }
  .twa\:h-2 {
    height: calc(var(--ab-base-space) * 2);
  }
  .twa\:h-\[0\.5px\] {
    height: 0.5px;
  }
  .twa\:h-\[1rem\] {
    height: 1rem;
  }
  .twa\:h-\[8px\] {
    height: 8px;
  }
  .twa\:h-\[10px\] {
    height: 10px;
  }
  .twa\:h-\[18px\] {
    height: 18px;
  }
  .twa\:h-\[33px\] {
    height: 33px;
  }
  .twa\:h-\[90vh\] {
    height: 90vh;
  }
  .twa\:h-\[360px\] {
    height: 360px;
  }
  .twa\:h-auto {
    height: auto;
  }
  .twa\:h-full {
    height: 100%;
  }
  .twa\:h-input {
    height: var(--ab-input-height);
  }
  .twa\:max-h-\[60vh\] {
    max-height: 60vh;
  }
  .twa\:max-h-\[80vh\] {
    max-height: 80vh;
  }
  .twa\:max-h-\[300px\] {
    max-height: 300px;
  }
  .twa\:max-h-full {
    max-height: 100%;
  }
  .twa\:min-h-0 {
    min-height: calc(var(--ab-base-space) * 0);
  }
  .twa\:min-h-\[1rem\] {
    min-height: 1rem;
  }
  .twa\:min-h-\[15px\] {
    min-height: 15px;
  }
  .twa\:min-h-\[20px\] {
    min-height: 20px;
  }
  .twa\:min-h-\[48px\] {
    min-height: 48px;
  }
  .twa\:min-h-\[100px\] {
    min-height: 100px;
  }
  .twa\:min-h-\[120px\] {
    min-height: 120px;
  }
  .twa\:min-h-auto {
    min-height: auto;
  }
  .twa\:min-h-full {
    min-height: 100%;
  }
  .twa\:min-h-input {
    min-height: var(--ab-input-height);
  }
  .twa\:w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .twa\:w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
  .twa\:w-20 {
    width: calc(var(--ab-base-space) * 20);
  }
  .twa\:w-24 {
    width: calc(var(--ab-base-space) * 24);
  }
  .twa\:w-\[1rem\] {
    width: 1rem;
  }
  .twa\:w-\[7rem\] {
    width: 7rem;
  }
  .twa\:w-\[10px\] {
    width: 10px;
  }
  .twa\:w-\[10rem\] {
    width: 10rem;
  }
  .twa\:w-\[15rem\] {
    width: 15rem;
  }
  .twa\:w-\[70px\] {
    width: 70px;
  }
  .twa\:w-\[77px\] {
    width: 77px;
  }
  .twa\:w-\[80px\] {
    width: 80px;
  }
  .twa\:w-\[90vw\] {
    width: 90vw;
  }
  .twa\:w-\[100px\] {
    width: 100px;
  }
  .twa\:w-\[140px\] {
    width: 140px;
  }
  .twa\:w-\[150px\] {
    width: 150px;
  }
  .twa\:w-\[160px\] {
    width: 160px;
  }
  .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-fit {
    width: fit-content;
  }
  .twa\:w-full {
    width: 100%;
  }
  .twa\:max-w-1\/2 {
    max-width: calc(1 / 2 * 100%);
  }
  .twa\:max-w-\[15rem\] {
    max-width: 15rem;
  }
  .twa\:max-w-\[60vw\] {
    max-width: 60vw;
  }
  .twa\:max-w-\[70vw\] {
    max-width: 70vw;
  }
  .twa\:max-w-\[100px\] {
    max-width: 100px;
  }
  .twa\:max-w-\[150px\] {
    max-width: 150px;
  }
  .twa\:max-w-\[160px\] {
    max-width: 160px;
  }
  .twa\:max-w-\[200px\] {
    max-width: 200px;
  }
  .twa\:max-w-\[215px\] {
    max-width: 215px;
  }
  .twa\:max-w-\[300px\] {
    max-width: 300px;
  }
  .twa\:max-w-\[400px\] {
    max-width: 400px;
  }
  .twa\:max-w-\[500px\] {
    max-width: 500px;
  }
  .twa\:max-w-\[1200px\] {
    max-width: 1200px;
  }
  .twa\:max-w-\[inherit\] {
    max-width: inherit;
  }
  .twa\:max-w-full {
    max-width: 100%;
  }
  .twa\:max-w-none {
    max-width: none;
  }
  .twa\:min-w-0 {
    min-width: calc(var(--ab-base-space) * 0);
  }
  .twa\:min-w-32 {
    min-width: calc(var(--ab-base-space) * 32);
  }
  .twa\:min-w-\[1rem\] {
    min-width: 1rem;
  }
  .twa\:min-w-\[10rem\] {
    min-width: 10rem;
  }
  .twa\:min-w-\[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-\[80px\] {
    min-width: 80px;
  }
  .twa\:min-w-\[100px\] {
    min-width: 100px;
  }
  .twa\:min-w-\[140px\] {
    min-width: 140px;
  }
  .twa\:min-w-\[148px\] {
    min-width: 148px;
  }
  .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-max {
    min-width: max-content;
  }
  .twa\:flex-0 {
    flex: 0;
  }
  .twa\:flex-1 {
    flex: 1;
  }
  .twa\:flex-2 {
    flex: 2;
  }
  .twa\:flex-3 {
    flex: 3;
  }
  .twa\:flex-\[0_0_auto\] {
    flex: 0 0 auto;
  }
  .twa\:flex-\[1_1_100\%\] {
    flex: 1 1 100%;
  }
  .twa\:flex-\[1_1_auto\] {
    flex: 1 1 auto;
  }
  .twa\:flex-\[2_1_auto\] {
    flex: 2 1 auto;
  }
  .twa\:flex-none {
    flex: none;
  }
  .twa\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .twa\:basis-\[50\%\] {
    flex-basis: 50%;
  }
  .twa\:basis-\[120px\] {
    flex-basis: 120px;
  }
  .twa\:cursor-auto {
    cursor: auto;
  }
  .twa\:cursor-default {
    cursor: default;
  }
  .twa\:cursor-grab {
    cursor: grab;
  }
  .twa\:cursor-pointer {
    cursor: pointer;
  }
  .twa\:resize-y {
    resize: vertical;
  }
  .twa\:list-none {
    list-style-type: none;
  }
  .twa\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .twa\:grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }
  .twa\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
  .twa\:grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .twa\:grid-cols-\[auto_1fr_auto_1fr\] {
    grid-template-columns: auto 1fr auto 1fr;
  }
  .twa\:grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .twa\:grid-rows-\[1fr_1fr\] {
    grid-template-rows: 1fr 1fr;
  }
  .twa\:flex-col {
    flex-direction: column;
  }
  .twa\:flex-row {
    flex-direction: row;
  }
  .twa\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .twa\:flex-wrap {
    flex-wrap: wrap;
  }
  .twa\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .twa\:place-content-center {
    place-content: center;
  }
  .twa\:place-items-center {
    place-items: center;
  }
  .twa\:items-baseline {
    align-items: baseline;
  }
  .twa\:items-center {
    align-items: center;
  }
  .twa\:items-end {
    align-items: flex-end;
  }
  .twa\:items-start {
    align-items: flex-start;
  }
  .twa\:items-stretch {
    align-items: stretch;
  }
  .twa\:justify-around {
    justify-content: space-around;
  }
  .twa\:justify-between {
    justify-content: space-between;
  }
  .twa\:justify-center {
    justify-content: center;
  }
  .twa\:justify-end {
    justify-content: flex-end;
  }
  .twa\:justify-evenly {
    justify-content: space-evenly;
  }
  .twa\:justify-start {
    justify-content: flex-start;
  }
  .twa\:justify-stretch {
    justify-content: stretch;
  }
  .twa\:justify-items-stretch {
    justify-items: stretch;
  }
  .twa\:gap-0 {
    gap: calc(var(--ab-base-space) * 0);
  }
  .twa\:gap-1 {
    gap: calc(var(--ab-base-space) * 1);
  }
  .twa\:gap-2 {
    gap: calc(var(--ab-base-space) * 2);
  }
  .twa\:gap-3 {
    gap: calc(var(--ab-base-space) * 3);
  }
  .twa\:gap-4 {
    gap: calc(var(--ab-base-space) * 4);
  }
  .twa\:gap-5 {
    gap: calc(var(--ab-base-space) * 5);
  }
  .twa\:gap-8 {
    gap: calc(var(--ab-base-space) * 8);
  }
  .twa\:self-end {
    align-self: flex-end;
  }
  .twa\:self-stretch {
    align-self: stretch;
  }
  .twa\:overflow-auto {
    overflow: auto;
  }
  .twa\:overflow-hidden {
    overflow: hidden;
  }
  .twa\:overflow-visible {
    overflow: visible;
  }
  .twa\:overflow-y-auto {
    overflow-y: auto;
  }
  .twa\:overflow-y-visible {
    overflow-y: visible;
  }
  .twa\:rounded {
    border-radius: 0.25rem;
  }
  .twa\:rounded-\[100\%\] {
    border-radius: 100%;
  }
  .twa\:rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .twa\:rounded-md {
    border-radius: var(--twa-radius-md);
  }
  .twa\:rounded-none {
    border-radius: 0;
  }
  .twa\:rounded-sm {
    border-radius: var(--twa-radius-sm);
  }
  .twa\:rounded-standard {
    border-radius: var(--ab__border-radius);
  }
  .twa\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .twa\:border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .twa\:border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .twa\:border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .twa\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .twa\:border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .twa\:border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .twa\:border-inputborder {
    border-color: var(--ab-color-inputborder);
  }
  .twa\:border-primarydark\/30 {
    border-color: var(--ab-color-primarydark);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:border-primarydark\/30 {
      border-color: color-mix(in oklab, var(--ab-color-primarydark) 30%, transparent);
    }
  }
  .twa\:border-t-inputborder {
    border-top-color: var(--ab-color-inputborder);
  }
  .twa\:border-b-text-on-defaultbackground\/20 {
    border-bottom-color: var(--ab-color-text-on-defaultbackground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:border-b-text-on-defaultbackground\/20 {
      border-bottom-color: color-mix(in oklab, var(--ab-color-text-on-defaultbackground) 20%, transparent);
    }
  }
  .twa\:bg-\(--ab-cmp-input--disabled__background\) {
    background-color: var(--ab-cmp-input--disabled__background);
  }
  .twa\:bg-\(--ab-cmp-input__background\) {
    background-color: var(--ab-cmp-input__background);
  }
  .twa\:bg-\(--ab-cmp-modal-backdrop__background\) {
    background-color: var(--ab-cmp-modal-backdrop__background);
  }
  .twa\:bg-\(--ab-cmp-tabs-strip__background\) {
    background-color: var(--ab-cmp-tabs-strip__background);
  }
  .twa\:bg-\(--ab-cmp-toggle-button__background\) {
    background-color: var(--ab-cmp-toggle-button__background);
  }
  .twa\:bg-\(--ab-dashboard-header__background\) {
    background-color: var(--ab-dashboard-header__background);
  }
  .twa\:bg-accent {
    background-color: var(--ab-color-accent);
  }
  .twa\:bg-accentlight {
    background-color: var(--ab-color-accentlight);
  }
  .twa\:bg-action-clone {
    background-color: var(--ab-color-action-clone);
  }
  .twa\:bg-action-delete {
    background-color: var(--ab-color-action-delete);
  }
  .twa\:bg-action-edit {
    background-color: var(--ab-color-action-edit);
  }
  .twa\:bg-action-share {
    background-color: var(--ab-color-action-share);
  }
  .twa\:bg-current {
    background-color: currentcolor;
  }
  .twa\:bg-defaultbackground {
    background-color: var(--ab-color-defaultbackground);
  }
  .twa\:bg-error {
    background-color: var(--ab-color-error);
  }
  .twa\:bg-info {
    background-color: var(--ab-color-info);
  }
  .twa\:bg-inputborder\/50 {
    background-color: var(--ab-color-inputborder);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:bg-inputborder\/50 {
      background-color: color-mix(in oklab, var(--ab-color-inputborder) 50%, transparent);
    }
  }
  .twa\:bg-primary {
    background-color: var(--ab-color-primary);
  }
  .twa\:bg-primarydark {
    background-color: var(--ab-color-primarydark);
  }
  .twa\:bg-primarydark\/20 {
    background-color: var(--ab-color-primarydark);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .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-success {
    background-color: var(--ab-color-success);
  }
  .twa\:bg-transparent {
    background-color: transparent;
  }
  .twa\:bg-warn {
    background-color: var(--ab-color-warn);
  }
  .twa\:fill-current {
    fill: currentcolor;
  }
  .twa\:fill-red-500 {
    fill: var(--twa-color-red-500);
  }
  .twa\:fill-text-on-clone {
    fill: var(--ab-color-text-on-clone);
  }
  .twa\:fill-text-on-defaultbackground {
    fill: var(--ab-color-text-on-defaultbackground);
  }
  .twa\:fill-text-on-delete {
    fill: var(--ab-color-text-on-delete);
  }
  .twa\:fill-text-on-edit {
    fill: var(--ab-color-text-on-edit);
  }
  .twa\:fill-text-on-share {
    fill: var(--ab-color-text-on-share);
  }
  .twa\:p-0 {
    padding: calc(var(--ab-base-space) * 0);
  }
  .twa\:p-0\! {
    padding: calc(var(--ab-base-space) * 0) !important;
  }
  .twa\:p-1 {
    padding: calc(var(--ab-base-space) * 1);
  }
  .twa\:p-2 {
    padding: calc(var(--ab-base-space) * 2);
  }
  .twa\:p-3 {
    padding: calc(var(--ab-base-space) * 3);
  }
  .twa\:p-4 {
    padding: calc(var(--ab-base-space) * 4);
  }
  .twa\:p-5 {
    padding: calc(var(--ab-base-space) * 5);
  }
  .twa\:px-0 {
    padding-inline: calc(var(--ab-base-space) * 0);
  }
  .twa\:px-1 {
    padding-inline: calc(var(--ab-base-space) * 1);
  }
  .twa\:px-2 {
    padding-inline: calc(var(--ab-base-space) * 2);
  }
  .twa\:py-0 {
    padding-block: calc(var(--ab-base-space) * 0);
  }
  .twa\:py-0\.5 {
    padding-block: calc(var(--ab-base-space) * 0.5);
  }
  .twa\:py-1 {
    padding-block: calc(var(--ab-base-space) * 1);
  }
  .twa\:py-1\.5 {
    padding-block: calc(var(--ab-base-space) * 1.5);
  }
  .twa\:py-2 {
    padding-block: calc(var(--ab-base-space) * 2);
  }
  .twa\:py-3 {
    padding-block: calc(var(--ab-base-space) * 3);
  }
  .twa\:pt-0 {
    padding-top: calc(var(--ab-base-space) * 0);
  }
  .twa\:pt-1 {
    padding-top: calc(var(--ab-base-space) * 1);
  }
  .twa\:pt-2 {
    padding-top: calc(var(--ab-base-space) * 2);
  }
  .twa\:pt-3 {
    padding-top: calc(var(--ab-base-space) * 3);
  }
  .twa\:pr-0 {
    padding-right: calc(var(--ab-base-space) * 0);
  }
  .twa\:pr-1 {
    padding-right: calc(var(--ab-base-space) * 1);
  }
  .twa\:pr-2 {
    padding-right: calc(var(--ab-base-space) * 2);
  }
  .twa\:pr-\[30px\] {
    padding-right: 30px;
  }
  .twa\:pb-1 {
    padding-bottom: calc(var(--ab-base-space) * 1);
  }
  .twa\:pb-2 {
    padding-bottom: calc(var(--ab-base-space) * 2);
  }
  .twa\:pl-0 {
    padding-left: calc(var(--ab-base-space) * 0);
  }
  .twa\:pl-1 {
    padding-left: calc(var(--ab-base-space) * 1);
  }
  .twa\:pl-2 {
    padding-left: calc(var(--ab-base-space) * 2);
  }
  .twa\:pl-3 {
    padding-left: calc(var(--ab-base-space) * 3);
  }
  .twa\:text-center {
    text-align: center;
  }
  .twa\:text-end {
    text-align: end;
  }
  .twa\:text-left {
    text-align: left;
  }
  .twa\:text-right {
    text-align: right;
  }
  .twa\:text-start {
    text-align: start;
  }
  .twa\:align-baseline {
    vertical-align: baseline;
  }
  .twa\:align-middle {
    vertical-align: middle;
  }
  .twa\:font-\(family-name\:--ab__font-family\) {
    font-family: var(--ab__font-family);
  }
  .twa\:font-mono {
    font-family: var(--twa-font-mono);
  }
  .twa\:text-2\/relaxed {
    font-size: var(--ab-font-size-2);
    line-height: var(--twa-leading-relaxed);
  }
  .twa\:text-lg {
    font-size: var(--twa-text-lg);
    line-height: var(--tw-leading, var(--twa-text-lg--line-height));
  }
  .twa\:text-sm {
    font-size: var(--twa-text-sm);
    line-height: var(--tw-leading, var(--twa-text-sm--line-height));
  }
  .twa\:text-0 {
    font-size: var(--ab-font-size-0);
  }
  .twa\:text-1 {
    font-size: var(--ab-font-size-1);
  }
  .twa\:text-2 {
    font-size: var(--ab-font-size-2);
  }
  .twa\:text-3 {
    font-size: var(--ab-font-size-3);
  }
  .twa\:text-4 {
    font-size: var(--ab-font-size-4);
  }
  .twa\:text-5 {
    font-size: var(--ab-font-size-5);
  }
  .twa\:leading-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-relaxed {
    --tw-leading: var(--twa-leading-relaxed);
    line-height: var(--twa-leading-relaxed);
  }
  .twa\:font-bold {
    --tw-font-weight: var(--twa-font-weight-bold);
    font-weight: var(--twa-font-weight-bold);
  }
  .twa\:font-medium {
    --tw-font-weight: var(--twa-font-weight-medium);
    font-weight: var(--twa-font-weight-medium);
  }
  .twa\:font-normal {
    --tw-font-weight: var(--twa-font-weight-normal);
    font-weight: var(--twa-font-weight-normal);
  }
  .twa\:font-semibold {
    --tw-font-weight: var(--twa-font-weight-semibold);
    font-weight: var(--twa-font-weight-semibold);
  }
  .twa\:text-nowrap {
    text-wrap: nowrap;
  }
  .twa\:text-ellipsis {
    text-overflow: ellipsis;
  }
  .twa\:whitespace-nowrap {
    white-space: nowrap;
  }
  .twa\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .twa\:text-\(--ab-cmp-toggle-button--checked__color\) {
    color: var(--ab-cmp-toggle-button--checked__color);
  }
  .twa\:text-\(--ab-cmp-toggle-button__color\) {
    color: var(--ab-cmp-toggle-button__color);
  }
  .twa\:text-\(--ab-dashboard-header__color\) {
    color: var(--ab-dashboard-header__color);
  }
  .twa\:text-accent {
    color: var(--ab-color-accent);
  }
  .twa\:text-accent-foreground {
    color: var(--ab-color-accent-foreground);
  }
  .twa\:text-accentlight {
    color: var(--ab-color-accentlight);
  }
  .twa\:text-current {
    color: currentcolor;
  }
  .twa\:text-error {
    color: var(--ab-color-error);
  }
  .twa\:text-gray-400 {
    color: var(--twa-color-gray-400);
  }
  .twa\:text-info {
    color: var(--ab-color-info);
  }
  .twa\:text-inherit {
    color: inherit;
  }
  .twa\:text-inputcolor {
    color: var(--ab-color-inputcolor);
  }
  .twa\:text-success {
    color: var(--ab-color-success);
  }
  .twa\:text-text-on-clone {
    color: var(--ab-color-text-on-clone);
  }
  .twa\:text-text-on-defaultbackground {
    color: var(--ab-color-text-on-defaultbackground);
  }
  .twa\:text-text-on-delete {
    color: var(--ab-color-text-on-delete);
  }
  .twa\:text-text-on-edit {
    color: var(--ab-color-text-on-edit);
  }
  .twa\:text-text-on-error {
    color: var(--ab-color-text-on-error);
  }
  .twa\:text-text-on-info {
    color: var(--ab-color-text-on-info);
  }
  .twa\:text-text-on-primary {
    color: var(--ab-color-text-on-primary);
  }
  .twa\:text-text-on-primarydark {
    color: var(--ab-color-text-on-primarydark);
  }
  .twa\:text-text-on-share {
    color: var(--ab-color-text-on-share);
  }
  .twa\:text-text-on-success {
    color: var(--ab-color-text-on-success);
  }
  .twa\:text-text-on-warn {
    color: var(--ab-color-text-on-warn);
  }
  .twa\:text-warn {
    color: var(--ab-color-warn);
  }
  .twa\:italic {
    font-style: italic;
  }
  .twa\:underline {
    text-decoration-line: underline;
  }
  .twa\:opacity-0 {
    opacity: 0%;
  }
  .twa\:opacity-30 {
    opacity: 30%;
  }
  .twa\:opacity-50 {
    opacity: 50%;
  }
  .twa\:opacity-70 {
    opacity: 70%;
  }
  .twa\:opacity-80 {
    opacity: 80%;
  }
  .twa\:opacity-100 {
    opacity: 100%;
  }
  .twa\:shadow-\(--ab-cmp-simple-button__box-shadow\) {
    --tw-shadow: var(--ab-cmp-simple-button__box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:shadow-md {
    --tw-shadow: var(--ab-shadow-md);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:shadow-sm {
    --tw-shadow: var(--ab-shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .twa\:transition-\(--ab-cmp-simple-button__transition\) {
    transition-property: var(--ab-cmp-simple-button__transition);
    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
  }
  .twa\:transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
  }
  .twa\:duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .twa\:select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .twa\:\[--ab-grid-row-height\:45px\] {
    --ab-grid-row-height: 45px;
  }
  .twa\:text-shadow-\[0_1px_0_\#fff\] {
    text-shadow: 0 1px 0 var(--tw-text-shadow-color, #fff);
  }
  :is(.twa\:\*\:z-1 > *) {
    z-index: 1;
  }
  :is(.twa\:\*\:m-0 > *) {
    margin: calc(var(--ab-base-space) * 0);
  }
  :is(.twa\:\*\:min-h-\[400px\] > *) {
    min-height: 400px;
  }
  :is(.twa\:\*\:min-w-\[400px\] > *) {
    min-width: 400px;
  }
  :is(.twa\:\*\:flex-1 > *) {
    flex: 1;
  }
  :is(.twa\:\*\:rounded-standard > *) {
    border-radius: var(--ab__border-radius);
  }
  :is(.twa\:\*\:p-1 > *) {
    padding: calc(var(--ab-base-space) * 1);
  }
  :is(.twa\:\*\:p-3 > *) {
    padding: calc(var(--ab-base-space) * 3);
  }
  :is(.twa\:\*\:outline-0 > *) {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .twa\:not-focus-within\:\[--ab-focus-light__box-shadow\:none\]:not(*:focus-within) {
    --ab-focus-light__box-shadow: none;
  }
  .twa\:not-focus-within\:\[--ab-focus__box-shadow\:none\]:not(*:focus-within) {
    --ab-focus__box-shadow: none;
  }
  .twa\:group-focus-within\:shadow-\(--ab-focus__box-shadow\):is(:where(.twa\:group):focus-within *) {
    --tw-shadow: var(--ab-focus__box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:before\:pointer-events-none::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .twa\:before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .twa\:before\:inset-0::before {
    content: var(--tw-content);
    inset: calc(var(--ab-base-space) * 0);
  }
  .twa\:before\:inset-1::before {
    content: var(--tw-content);
    inset: calc(var(--ab-base-space) * 1);
  }
  .twa\:before\:z-0::before {
    content: var(--tw-content);
    z-index: 0;
  }
  .twa\:before\:z-20::before {
    content: var(--tw-content);
    z-index: 20;
  }
  .twa\:before\:block::before {
    content: var(--tw-content);
    display: block;
  }
  .twa\:before\:size-\[24px\]::before {
    content: var(--tw-content);
    width: 24px;
    height: 24px;
  }
  .twa\:before\:rounded-\[inherit\]::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  .twa\:before\:rounded-standard::before {
    content: var(--tw-content);
    border-radius: var(--ab__border-radius);
  }
  .twa\:before\:bg-white::before {
    content: var(--tw-content);
    background-color: var(--twa-color-white);
  }
  .twa\:before\:opacity-0::before {
    content: var(--tw-content);
    opacity: 0%;
  }
  .twa\:before\:shadow-\(--ab-focus-light__box-shadow\)::before {
    content: var(--tw-content);
    --tw-shadow: var(--ab-focus-light__box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:before\:shadow-\(--ab-focus__box-shadow\)::before {
    content: var(--tw-content);
    --tw-shadow: var(--ab-focus__box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:before\:transition-opacity::before {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
  }
  .twa\:before\:duration-200::before {
    content: var(--tw-content);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .twa\:before\:content-\[\"\"\]::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .twa\:after\:pointer-events-none::after {
    content: var(--tw-content);
    pointer-events: none;
  }
  .twa\:after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .twa\:after\:inset-0::after {
    content: var(--tw-content);
    inset: calc(var(--ab-base-space) * 0);
  }
  .twa\:after\:rounded-standard::after {
    content: var(--tw-content);
    border-radius: var(--ab__border-radius);
  }
  .twa\:after\:border-2::after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .twa\:after\:border-accent::after {
    content: var(--tw-content);
    border-color: var(--ab-color-accent);
  }
  .twa\:after\:bg-accent\/15::after {
    content: var(--tw-content);
    background-color: var(--ab-color-accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .twa\:after\:bg-accent\/15::after {
      background-color: color-mix(in oklab, var(--ab-color-accent) 15%, transparent);
    }
  }
  .twa\:not-first\:after\:absolute:not(*:first-child)::after {
    content: var(--tw-content);
    position: absolute;
  }
  .twa\:not-first\:after\:top-1\/2:not(*:first-child)::after {
    content: var(--tw-content);
    top: calc(1 / 2 * 100%);
  }
  .twa\:not-first\:after\:-left-px:not(*:first-child)::after {
    content: var(--tw-content);
    left: -1px;
  }
  .twa\:not-first\:after\:h-\[10px\]:not(*:first-child)::after {
    content: var(--tw-content);
    height: 10px;
  }
  .twa\:not-first\:after\:-translate-y-1\/2:not(*:first-child)::after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .twa\:not-first\:after\:border-l-2:not(*:first-child)::after {
    content: var(--tw-content);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .twa\:not-first\:after\:border-accent-foreground:not(*:first-child)::after {
    content: var(--tw-content);
    border-color: var(--ab-color-accent-foreground);
  }
  .twa\:not-first\:after\:content-\[\"\"\]:not(*:first-child)::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .twa\:focus-within\:shadow-\(--ab-focus__box-shadow\):focus-within {
    --tw-shadow: var(--ab-focus__box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:focus-within\:outline-2:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .twa\:focus-within\:outline-offset-1:focus-within {
    outline-offset: 1px;
  }
  .twa\:focus-within\:outline-accent:focus-within {
    outline-color: var(--ab-color-accent);
  }
  :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\: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;
    }
  }
  @media (hover: hover) {
    .twa\:hover\:bg-accent:hover {
      background-color: var(--ab-color-accent);
    }
  }
  @media (hover: hover) {
    .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);
      }
    }
  }
  @media (hover: hover) {
    .twa\:hover\:bg-primary:hover {
      background-color: var(--ab-color-primary);
    }
  }
  @media (hover: hover) {
    .twa\:hover\:bg-primarylight:hover {
      background-color: var(--ab-color-primarylight);
    }
  }
  @media (hover: hover) {
    .twa\:hover\:text-accent-foreground:hover {
      color: var(--ab-color-accent-foreground);
    }
  }
  @media (hover: hover) {
    .twa\:hover\:text-text-on-primary:hover {
      color: var(--ab-color-text-on-primary);
    }
  }
  @media (hover: hover) {
    .twa\:hover\:opacity-85:hover {
      opacity: 85%;
    }
  }
  @media (hover: hover) {
    .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);
    }
  }
  @media (hover: hover) {
    .twa\:hover\:before\:bg-current:hover::before {
      content: var(--tw-content);
      background-color: currentcolor;
    }
  }
  @media (hover: hover) {
    .twa\:hover\:before\:opacity-15:hover::before {
      content: var(--tw-content);
      opacity: 15%;
    }
  }
  .twa\:focus\:shadow-\(--ab-focus__box-shadow\):focus {
    --tw-shadow: var(--ab-focus__box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .twa\:focus\:outline-0:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .twa\:focus\:outline-2:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .twa\:focus\:outline-offset-1:focus {
    outline-offset: 1px;
  }
  .twa\:focus\:outline-accent:focus {
    outline-color: var(--ab-color-accent);
  }
  .twa\:focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  [data-checked="true"]:is(.twa\:\*\:data-\[checked\=true\]\:bg-accent > *) {
    background-color: var(--ab-color-accent);
  }
  [data-checked="true"]:is(.twa\:\*\:data-\[checked\=true\]\:text-accent-foreground > *) {
    color: var(--ab-color-accent-foreground);
  }
  @media (width >= 48rem) {
    .twa\:md\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (width >= 48rem) {
    .twa\:md\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width >= 48rem) {
    .twa\:md\:gap-3 {
      gap: calc(var(--ab-base-space) * 3);
    }
  }
  @media (width >= 64rem) {
    .twa\:lg\:grid {
      display: grid;
    }
  }
  @media (width >= 64rem) {
    .twa\:lg\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .twa\:lg\:gap-3 {
      gap: calc(var(--ab-base-space) * 3);
    }
  }
  .twa\:\[\&_svg\]\:align-middle svg {
    vertical-align: middle;
  }
}
@layer adaptable.components {
  @layer infinite-table {
    ._16lm1iw0 {
      box-sizing: border-box;
    }
    ._16lm1iw0:before {
      box-sizing: border-box;
    }
    ._16lm1iw0:after {
      box-sizing: border-box;
    }
    ._16lm1iw0 * {
      box-sizing: border-box;
    }
    ._16lm1iw1 {
      position: relative;
    }
    ._16lm1iw2 {
      position: absolute;
    }
    ._16lm1iw3 {
      position: static;
    }
    ._16lm1iw4 {
      position: sticky;
    }
    ._16lm1iw5 {
      position: fixed;
    }
    ._16lm1iw6 {
      fill: currentColor;
    }
    ._16lm1iw7 {
      fill: var(--infinite-accent-color);
    }
    ._16lm1iw8 {
      margin: 0;
    }
    ._16lm1iw9 {
      vertical-align: middle;
    }
    ._16lm1iwa {
      stroke: currentColor;
    }
    ._16lm1iwb {
      stroke: var(--infinite-accent-color);
    }
    ._16lm1iwc {
      background: inherit;
    }
    ._16lm1iwd {
      outline: none;
    }
    ._16lm1iwe {
      transform: translateZ(0);
    }
    ._16lm1iwf {
      color: currentColor;
    }
    ._16lm1iwg {
      transform: translateZ(0);
    }
    ._16lm1iwh {
      transform: translate3d(0,-50%,0);
    }
    ._16lm1iwi {
      transform: rotate(90deg);
    }
    ._16lm1iwj {
      transform: rotate(180deg);
    }
    ._16lm1iwk {
      cursor: pointer;
    }
    ._16lm1iwl {
      cursor: default;
    }
    ._16lm1iwm {
      cursor: col-resize;
    }
    ._16lm1iwn {
      cursor: grabbing;
    }
    ._16lm1iwo {
      cursor: grab;
    }
    ._16lm1iwp {
      border-radius: var(--infinite-space-1);
    }
    ._16lm1iwq {
      border-radius: var(--infinite-space-2);
    }
    ._16lm1iwr {
      border-radius: var(--infinite-space-3);
    }
    ._16lm1iws {
      border-radius: var(--infinite-space-4);
    }
    ._16lm1iwt {
      border-radius: var(--infinite-space-5);
    }
    ._16lm1iwu {
      border-radius: var(--infinite-space-6);
    }
    ._16lm1iwv {
      border-radius: var(--infinite-space-7);
    }
    ._16lm1iww {
      border-radius: 0;
    }
    ._16lm1iwx {
      border-radius: var(--infinite-border-radius);
    }
    ._16lm1iwy {
      border-radius: 100%;
    }
    ._16lm1iwz {
      pointer-events: none;
    }
    ._16lm1iw10 {
      padding: 0;
    }
    ._16lm1iw11 {
      padding: var(--infinite-space-1);
    }
    ._16lm1iw12 {
      padding: var(--infinite-space-2);
    }
    ._16lm1iw13 {
      padding: var(--infinite-space-3);
    }
    ._16lm1iw14 {
      padding: var(--infinite-space-4);
    }
    ._16lm1iw15 {
      padding: var(--infinite-space-5);
    }
    ._16lm1iw16 {
      padding: var(--infinite-space-6);
    }
    ._16lm1iw17 {
      padding: var(--infinite-space-7);
    }
    ._16lm1iw18 {
      padding: var(--infinite-space-8);
    }
    ._16lm1iw19 {
      padding: var(--infinite-space-9);
    }
    ._16lm1iw1a {
      padding: var(--infinite-space-10);
    }
    ._16lm1iw1b {
      padding: 0;
    }
    ._16lm1iw1c {
      flex: 1;
    }
    ._16lm1iw1d {
      flex: none;
    }
    ._16lm1iw1e {
      z-index: 1;
    }
    ._16lm1iw1f {
      z-index: 10;
    }
    ._16lm1iw1g {
      z-index: 100;
    }
    ._16lm1iw1h {
      z-index: 1000;
    }
    ._16lm1iw1i {
      z-index: 10000;
    }
    ._16lm1iw1j {
      z-index: 100000;
    }
    ._16lm1iw1k {
      z-index: 1000000;
    }
    ._16lm1iw1l {
      z-index: 10000000;
    }
    ._16lm1iw1m {
      z-index: 1000;
    }
    ._16lm1iw1n {
      z-index: 10000;
    }
    ._16lm1iw1o {
      z-index: 100000;
    }
    ._16lm1iw1p {
      display: flex;
    }
    ._16lm1iw1q {
      display: contents;
    }
    ._16lm1iw1r {
      display: none;
    }
    ._16lm1iw1s {
      display: block;
    }
    ._16lm1iw1t {
      display: grid;
    }
    ._16lm1iw1u {
      display: inline-block;
    }
    ._16lm1iw1v {
      display: inline-flex;
    }
    ._16lm1iw1w {
      display: inline-grid;
    }
    ._16lm1iw1x {
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }
    ._16lm1iw1y {
      height: 0;
    }
    ._16lm1iw1z {
      height: 100%;
    }
    ._16lm1iw20 {
      height: 50%;
    }
    ._16lm1iw21 {
      width: 0;
    }
    ._16lm1iw22 {
      width: 100%;
    }
    ._16lm1iw23 {
      top: 0;
    }
    ._16lm1iw24 {
      top: 100%;
    }
    ._16lm1iw25 {
      top: 50%;
    }
    ._16lm1iw26 {
      left: 0;
    }
    ._16lm1iw27 {
      left: 100%;
    }
    ._16lm1iw28 {
      left: 50%;
    }
    ._16lm1iw29 {
      left: auto;
    }
    ._16lm1iw2a {
      bottom: 0;
    }
    ._16lm1iw2b {
      bottom: 100%;
    }
    ._16lm1iw2c {
      right: 0;
    }
    ._16lm1iw2d {
      right: 100%;
    }
    ._16lm1iw2e {
      right: auto;
    }
    ._16lm1iw2f {
      flex-flow: column;
    }
    ._16lm1iw2g {
      flex-flow: column-reverse;
    }
    ._16lm1iw2h {
      flex-flow: row;
    }
    ._16lm1iw2i {
      flex-flow: row-reverse;
    }
    ._16lm1iw2j {
      align-items: center;
    }
    ._16lm1iw2k {
      align-items: stretch;
    }
    ._16lm1iw2l {
      align-items: flex-start;
    }
    ._16lm1iw2m {
      align-items: flex-end;
    }
    ._16lm1iw2n {
      align-self: end;
    }
    ._16lm1iw2o {
      gap: 0;
    }
    ._16lm1iw2p {
      gap: var(--infinite-space-1);
    }
    ._16lm1iw2q {
      gap: var(--infinite-space-2);
    }
    ._16lm1iw2r {
      gap: var(--infinite-space-3);
    }
    ._16lm1iw2s {
      gap: var(--infinite-space-4);
    }
    ._16lm1iw2t {
      gap: var(--infinite-space-5);
    }
    ._16lm1iw2u {
      gap: var(--infinite-space-6);
    }
    ._16lm1iw2v {
      gap: var(--infinite-space-7);
    }
    ._16lm1iw2w {
      gap: var(--infinite-space-8);
    }
    ._16lm1iw2x {
      gap: var(--infinite-space-9);
    }
    ._16lm1iw2y {
      gap: var(--infinite-space-10);
    }
    ._16lm1iw2z {
      gap: 0;
    }
    ._16lm1iw30 {
      justify-content: center;
    }
    ._16lm1iw31 {
      justify-content: space-between;
    }
    ._16lm1iw32 {
      justify-content: space-around;
    }
    ._16lm1iw33 {
      justify-content: flex-start;
    }
    ._16lm1iw34 {
      justify-content: flex-end;
    }
    ._16lm1iw35 {
      overflow: hidden;
    }
    ._16lm1iw36 {
      overflow: auto;
    }
    ._16lm1iw37 {
      overflow: visible;
    }
    ._16lm1iw38 {
      visibility: visible;
    }
    ._16lm1iw39 {
      visibility: hidden;
    }
    ._16lm1iw3a {
      will-change: transform;
    }
    ._16lm1iw3b {
      white-space: nowrap;
    }
    ._16lm1iw3c {
      text-overflow: ellipsis;
    }
  }
  @layer infinite-table {
    :root {
      --infinite-loaded: true;
      --infinite-theme-name: default;
      --infinite-theme-mode: light;
      --infinite-icon-size: 24px;
      --infinite-space-0: 0rem;
      --infinite-space-1: .125rem;
      --infinite-space-2: .25rem;
      --infinite-space-3: .5rem;
      --infinite-space-4: .75rem;
      --infinite-space-5: 1rem;
      --infinite-space-6: 1.25rem;
      --infinite-space-7: 1.5rem;
      --infinite-space-8: 2.25rem;
      --infinite-space-9: 3rem;
      --infinite-space-10: 4rem;
      --infinite-font-size-0: .5rem;
      --infinite-font-size-1: .625rem;
      --infinite-font-size-2: .75rem;
      --infinite-font-size-3: .875rem;
      --infinite-font-size-4: 1rem;
      --infinite-font-size-5: 1.25rem;
      --infinite-font-size-6: 1.5rem;
      --infinite-font-size-7: 2.25rem;
      --infinite-font-family: inherit;
      --infinite-focus-outline: 2px solid var(--infinite-accent-color);
      --infinite-color: #484848;
      --infinite-accent-color: #0284c7;
      --infinite-success-color: #7aff7a;
      --infinite-error-color: #ff0000;
      --infinite-border-radius: var(--infinite-space-2);
      --infinite-background: white;
      --infinite-min-height: 100px;
      --infinite-header-cell-border-right: var(--infinite-cell-border);
      --infinite-header-cell-border: var(--infinite-cell-border);
      --infinite-filter-editor-background: var(--infinite-row-background);
      --infinite-header-color: #6f6f6f;
      --infinite-header-background: var(--infinite-header-cell-background);
      --infinite-cell-color: currentColor;
      --infinite-flashing-background: var(--infinite-accent-color);
      --infinite-flashing-up-background: var(--infinite-success-color);
      --infinite-flashing-down-background: var(--infinite-error-color);
      --infinite-menu-color: var(--infinite-cell-color);
      --infinite-menu-background: var(--infinite-background);
      --infinite-menu-item-disabled-background: var(--infinite-menu-background);
      --infinite-menu-item-active-background: var(--infinite-row-hover-background);
      --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
      --infinite-load-mask-text-background: rgba(255,255,255,.8);
      --infinite-load-mask-color: inherit;
      --infinite-row-background: var(--infinite-background);
      --infinite-grouping-toolbar-background: var(--infinite-background);
      --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
      --infinite-menu-separator-color: currentColor;
      --infinite-menu-padding: var(--infinite-space-3);
      --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
      --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
      --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
      --infinite-menu-item-disabled-opacity: .5;
      --infinite-menu-item-active-opacity: .9;
      --infinite-menu-item-pressed-opacity: 1;
      --infinite-menu-border-radius: var(--infinite-space-2);
      --infinite-menu-shadow-color: rgba(0,0,0,.25);
      --infinite-rowdetail-background: var(--infinite-row-hover-background);
      --infinite-rowdetail-padding: var(--infinite-space-2);
      --infinite-rowdetail-grid-height: 100%;
      --infinite-load-mask-overlay-background: gray;
      --infinite-load-mask-overlay-opacity: .3;
      --infinite-load-mask-padding: var(--infinite-space-5);
      --infinite-load-mask-border-radius: var(--infinite-border-radius);
      --infinite-filter-operator-padding-x: var(--infinite-space-1);
      --infinite-filter-editor-padding-x: var(--infinite-space-2);
      --infinite-filter-editor-margin-x: var(--infinite-space-1);
      --infinite-filter-operator-padding-y: var(--infinite-space-0);
      --infinite-filter-editor-padding-y: var(--infinite-space-0);
      --infinite-filter-editor-margin-y: var(--infinite-space-1);
      --infinite-resize-handle-active-area-width: 16px;
      --infinite-resize-h