@adaptabletools/adaptable 23.1.0 → 24.0.0-canary.0

package/vendor/components/index.css

@@ -0,0 +1,2993 @@
+/*! 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-color-black: #000;
+  --twa-container-xs: 20rem;
+  --twa-container-md: 28rem;
+  --twa-container-lg: 32rem;
+  --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-font-weight-normal: 400;
+  --twa-font-weight-medium: 500;
+  --twa-tracking-widest: 0.1em;
+  --twa-radius-sm: 0.25rem;
+  --twa-radius-md: 0.375rem;
+  --twa-radius-lg: 0.5rem;
+  --twa-radius-xl: 0.75rem;
+  --twa-animate-spin: spin 1s linear infinite;
+  --twa-blur-xs: 4px;
+  --twa-default-transition-duration: 150ms;
+  --twa-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+@layer adaptable.reset {
+  button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+    color: inherit;
+    background-color: transparent;
+    font: inherit;
+  }
+  input,
+  textarea,
+  select {
+    color: currentColor;
+    font: inherit;
+  }
+}
+@layer adaptable.theming;
+@layer adaptable.utilities {
+  .twa\:pointer-events-none {
+    pointer-events: none;
+  }
+  .twa\:invisible {
+    visibility: hidden;
+  }
+  .twa\:sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+  }
+  .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 {
+    top: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:top-4 {
+    top: calc(var(--ab-base-space) * 4);
+  }
+  .twa\:right-2 {
+    right: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:right-4 {
+    right: calc(var(--ab-base-space) * 4);
+  }
+  .twa\:bottom-0 {
+    bottom: 0px;
+  }
+  .twa\:bottom-4 {
+    bottom: calc(var(--ab-base-space) * 4);
+  }
+  .twa\:left-1\/2 {
+    left: calc(1 / 2 * 100%);
+  }
+  .twa\:isolate {
+    isolation: isolate;
+  }
+  .twa\:z-0 {
+    z-index: 0;
+  }
+  .twa\:z-10 {
+    z-index: 10;
+  }
+  .twa\:z-50 {
+    z-index: 50;
+  }
+  .twa\:z-\[99999999\] {
+    z-index: 99999999;
+  }
+  .twa\:order-first {
+    order: -9999;
+  }
+  .twa\:order-last {
+    order: 9999;
+  }
+  .twa\:m-0 {
+    margin: 0px;
+  }
+  .twa\:-mx-1 {
+    margin-inline: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:my-0 {
+    margin-block: 0px;
+  }
+  .twa\:my-1 {
+    margin-block: var(--ab-base-space);
+  }
+  .twa\:my-2 {
+    margin-block: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:mt-2 {
+    margin-top: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:mr-0\.5 {
+    margin-right: calc(var(--ab-base-space) * 0.5);
+  }
+  .twa\:mb-2 {
+    margin-bottom: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:-ml-1 {
+    margin-left: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:ml-auto {
+    margin-left: auto;
+  }
+  .twa\:block {
+    display: block;
+  }
+  .twa\:block\! {
+    display: block !important;
+  }
+  .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-2 {
+    width: calc(var(--ab-base-space) * 2);
+    height: calc(var(--ab-base-space) * 2);
+  }
+  .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-16 {
+    width: calc(var(--ab-base-space) * 16);
+    height: calc(var(--ab-base-space) * 16);
+  }
+  .twa\:size-\[calc\(100\%-2\*var\(--ab-base-space\)\)\] {
+    width: calc(100% - 2 * var(--ab-base-space));
+    height: calc(100% - 2 * var(--ab-base-space));
+  }
+  .twa\:size-auto {
+    width: auto;
+    height: auto;
+  }
+  .twa\:h-\(--cell-size\) {
+    height: var(--cell-size);
+  }
+  .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-\[1rem\] {
+    height: 1rem;
+  }
+  .twa\:h-\[calc\(--spacing\(5\.5\)\)\] {
+    height: calc(calc(var(--ab-base-space) * 5.5));
+  }
+  .twa\:h-\[calc\(100\%-1px\)\] {
+    height: calc(100% - 1px);
+  }
+  .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-\[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\:min-h-0 {
+    min-height: 0px;
+  }
+  .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-\[1rem\] {
+    min-height: 1rem;
+  }
+  .twa\:min-h-auto\! {
+    min-height: auto !important;
+  }
+  .twa\:min-h-input {
+    min-height: var(--ab-input-height);
+  }
+  .twa\:w-\(--anchor-width\) {
+    width: var(--anchor-width);
+  }
+  .twa\:w-\(--cell-size\) {
+    width: var(--cell-size);
+  }
+  .twa\:w-1 {
+    width: var(--ab-base-space);
+  }
+  .twa\:w-72 {
+    width: calc(var(--ab-base-space) * 72);
+  }
+  .twa\:w-80 {
+    width: calc(var(--ab-base-space) * 80);
+  }
+  .twa\:w-\[1rem\] {
+    width: 1rem;
+  }
+  .twa\:w-auto {
+    width: auto;
+  }
+  .twa\:w-fit {
+    width: fit-content;
+  }
+  .twa\:w-full {
+    width: 100%;
+  }
+  .twa\:w-px {
+    width: 1px;
+  }
+  .twa\:max-w-80 {
+    max-width: calc(var(--ab-base-space) * 80);
+  }
+  .twa\:max-w-\[calc\(100\%-2rem\)\] {
+    max-width: calc(100% - 2rem);
+  }
+  .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-xs {
+    max-width: var(--twa-container-xs);
+  }
+  .twa\:min-w-\(--cell-size\) {
+    min-width: var(--cell-size);
+  }
+  .twa\:min-w-0 {
+    min-width: 0px;
+  }
+  .twa\:min-w-8 {
+    min-width: calc(var(--ab-base-space) * 8);
+  }
+  .twa\:min-w-9 {
+    min-width: calc(var(--ab-base-space) * 9);
+  }
+  .twa\:min-w-10 {
+    min-width: calc(var(--ab-base-space) * 10);
+  }
+  .twa\:min-w-16 {
+    min-width: calc(var(--ab-base-space) * 16);
+  }
+  .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-\[1rem\] {
+    min-width: 1rem;
+  }
+  .twa\:min-w-\[96px\] {
+    min-width: 96px;
+  }
+  .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-1 {
+    flex: 1;
+  }
+  .twa\:flex-1000 {
+    flex: 1000;
+  }
+  .twa\:flex-none {
+    flex: none;
+  }
+  .twa\:shrink-0 {
+    flex-shrink: 0;
+  }
+  .twa\:border-collapse {
+    border-collapse: collapse;
+  }
+  .twa\:origin-\(--transform-origin\) {
+    transform-origin: var(--transform-origin);
+  }
+  .twa\:-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .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-col-resize {
+    cursor: col-resize;
+  }
+  .twa\:cursor-default {
+    cursor: default;
+  }
+  .twa\:cursor-pointer {
+    cursor: pointer;
+  }
+  .twa\:cursor-row-resize {
+    cursor: row-resize;
+  }
+  .twa\:cursor-text {
+    cursor: text;
+  }
+  .twa\:touch-none {
+    touch-action: none;
+  }
+  .twa\:resize-none {
+    resize: none;
+  }
+  .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\:appearance-none {
+    appearance: none;
+  }
+  .twa\:grid-rows-\[auto_1fr\] {
+    grid-template-rows: auto 1fr;
+  }
+  .twa\:flex-col {
+    flex-direction: column;
+  }
+  .twa\:flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .twa\:flex-row {
+    flex-direction: row;
+  }
+  .twa\:flex-wrap {
+    flex-wrap: wrap;
+  }
+  .twa\:place-items-center {
+    place-items: center;
+  }
+  .twa\:items-center {
+    align-items: center;
+  }
+  .twa\:items-start {
+    align-items: flex-start;
+  }
+  .twa\:justify-between {
+    justify-content: space-between;
+  }
+  .twa\:justify-center {
+    justify-content: center;
+  }
+  .twa\:justify-start {
+    justify-content: flex-start;
+  }
+  .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-6 {
+    gap: calc(var(--ab-base-space) * 6);
+  }
+  .twa\:self-stretch {
+    align-self: stretch;
+  }
+  .twa\:truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .twa\:overflow-hidden {
+    overflow: hidden;
+  }
+  .twa\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+  .twa\:overflow-y-auto {
+    overflow-y: auto;
+  }
+  .twa\:overscroll-contain {
+    overscroll-behavior: contain;
+  }
+  .twa\:rounded {
+    border-radius: 0.25rem;
+  }
+  .twa\:rounded-\[2px\] {
+    border-radius: 2px;
+  }
+  .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-lg {
+    border-radius: var(--twa-radius-lg);
+  }
+  .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-xl {
+    border-radius: var(--twa-radius-xl);
+  }
+  .twa\:rounded-l-standard {
+    border-top-left-radius: var(--ab-border-radius);
+    border-bottom-left-radius: var(--ab-border-radius);
+  }
+  .twa\:rounded-r-standard {
+    border-top-right-radius: var(--ab-border-radius);
+    border-bottom-right-radius: var(--ab-border-radius);
+  }
+  .twa\:rounded-b-standard {
+    border-bottom-right-radius: var(--ab-border-radius);
+    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-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+  .twa\:border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
+  .twa\:border-none {
+    --tw-border-style: none;
+    border-style: none;
+  }
+  .twa\:border-border {
+    border-color: var(--ab-color-border);
+  }
+  .twa\:border-input {
+    border-color: var(--ab-color-input-border);
+  }
+  .twa\:border-input\/50 {
+    border-color: var(--ab-color-input-border);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--ab-color-input-border) 50%, transparent);
+    }
+  }
+  .twa\:border-popover-foreground\/10 {
+    border-color: var(--ab-color-popover-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--ab-color-popover-foreground) 10%, transparent);
+    }
+  }
+  .twa\:border-transparent {
+    border-color: transparent;
+  }
+  .twa\:bg-accent {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:bg-background {
+    background-color: var(--ab-color-background);
+  }
+  .twa\:bg-background\/50 {
+    background-color: var(--ab-color-background);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ab-color-background) 50%, transparent);
+    }
+  }
+  .twa\:bg-black\/10 {
+    background-color: var(--twa-color-black);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--twa-color-black) 10%, transparent);
+    }
+  }
+  .twa\:bg-border {
+    background-color: var(--ab-color-border);
+  }
+  .twa\:bg-destructive\/10 {
+    background-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ab-color-destructive) 10%, transparent);
+    }
+  }
+  .twa\:bg-foreground {
+    background-color: var(--ab-color-foreground);
+  }
+  .twa\:bg-input-background {
+    background-color: var(--ab-color-input-background);
+  }
+  .twa\:bg-muted {
+    background-color: var(--ab-color-muted);
+  }
+  .twa\:bg-popover {
+    background-color: var(--ab-color-popover);
+  }
+  .twa\:bg-popover\/90 {
+    background-color: var(--ab-color-popover);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ab-color-popover) 90%, transparent);
+    }
+  }
+  .twa\:bg-primary {
+    background-color: var(--ab-color-primary);
+  }
+  .twa\:bg-primary-foreground {
+    background-color: var(--ab-color-primary-foreground);
+  }
+  .twa\:bg-primarylight {
+    background-color: var(--ab-color-primarylight);
+  }
+  .twa\:bg-secondary {
+    background-color: var(--ab-color-secondary);
+  }
+  .twa\:bg-transparent {
+    background-color: transparent;
+  }
+  .twa\:bg-clip-padding {
+    background-clip: padding-box;
+  }
+  .twa\:fill-foreground {
+    fill: var(--ab-color-foreground);
+  }
+  .twa\:p-0 {
+    padding: 0px;
+  }
+  .twa\:p-1 {
+    padding: var(--ab-base-space);
+  }
+  .twa\:p-3 {
+    padding: calc(var(--ab-base-space) * 3);
+  }
+  .twa\:p-4 {
+    padding: calc(var(--ab-base-space) * 4);
+  }
+  .twa\:p-6 {
+    padding: calc(var(--ab-base-space) * 6);
+  }
+  .twa\:px-\(--cell-size\) {
+    padding-inline: var(--cell-size);
+  }
+  .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\: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\:pt-2 {
+    padding-top: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:pr-2 {
+    padding-right: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:pr-8 {
+    padding-right: calc(var(--ab-base-space) * 8);
+  }
+  .twa\:pb-2 {
+    padding-bottom: calc(var(--ab-base-space) * 2);
+  }
+  .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\:text-center {
+    text-align: center;
+  }
+  .twa\:text-left {
+    text-align: left;
+  }
+  .twa\:align-middle {
+    vertical-align: middle;
+  }
+  .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-\[0\.8rem\] {
+    font-size: 0.8rem;
+  }
+  .twa\:leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .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\:tracking-widest {
+    --tw-tracking: var(--twa-tracking-widest);
+    letter-spacing: var(--twa-tracking-widest);
+  }
+  .twa\:text-balance {
+    text-wrap: balance;
+  }
+  .twa\:text-ellipsis {
+    text-overflow: ellipsis;
+  }
+  .twa\:whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .twa\:text-accent-foreground {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:text-background {
+    color: var(--ab-color-background);
+  }
+  .twa\:text-destructive {
+    color: var(--ab-color-destructive);
+  }
+  .twa\:text-foreground {
+    color: var(--ab-color-foreground);
+  }
+  .twa\:text-input-foreground {
+    color: var(--ab-color-input-foreground);
+  }
+  .twa\:text-muted-foreground {
+    color: var(--ab-color-muted-foreground);
+  }
+  .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\:underline-offset-4 {
+    text-underline-offset: 4px;
+  }
+  .twa\:opacity-0 {
+    opacity: 0%;
+  }
+  .twa\:opacity-50 {
+    opacity: 50%;
+  }
+  .twa\:opacity-60 {
+    opacity: 60%;
+  }
+  .twa\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:shadow-md {
+    --tw-shadow: var(--ab-shadow-md);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:shadow-xs {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:ring-0 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:ring-accent-foreground {
+    --tw-ring-color: var(--ab-color-accent-foreground);
+  }
+  .twa\:ring-foreground\/10 {
+    --tw-ring-color: var(--ab-color-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-foreground) 10%, transparent);
+    }
+  }
+  .twa\:ring-offset-background {
+    --tw-ring-offset-color: var(--ab-color-background);
+  }
+  .twa\:outline-hidden {
+    --tw-outline-style: none;
+    outline-style: none;
+    @media (forced-colors: active) {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+  }
+  .twa\:outline-0 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+  .twa\:transition-\[color\,background-color\] {
+    transition-property: color,background-color;
+    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
+  }
+  .twa\:transition-\[color\,box-shadow\] {
+    transition-property: color,box-shadow;
+    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
+  }
+  .twa\:transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
+  }
+  .twa\:transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
+  }
+  .twa\:duration-100 {
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
+  .twa\:duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+  .twa\:outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .twa\:select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  .twa\:\[--ab-radio-gap\:0\] {
+    --ab-radio-gap: 0;
+  }
+  .twa\:\[--cell-radius\:var\(--radius-md\)\] {
+    --cell-radius: var(--radius-md);
+  }
+  .twa\:\[--cell-size\:--spacing\(8\)\] {
+    --cell-size: calc(var(--ab-base-space) * 8);
+  }
+  :is(.twa\:\*\:m-0 > *) {
+    margin: 0px;
+  }
+  :is(.twa\:\*\:min-w-fit > *) {
+    min-width: fit-content;
+  }
+  :is(.twa\:\*\:flex-1 > *) {
+    flex: 1;
+  }
+  :is(.twa\:\*\:shrink-0 > *) {
+    flex-shrink: 0;
+  }
+  :is(.twa\:\*\:rounded-standard > *) {
+    border-radius: var(--ab-border-radius);
+  }
+  :is(.twa\:\*\:p-1 > *) {
+    padding: var(--ab-base-space);
+  }
+  :is(.twa\:\*\:px-4 > *) {
+    padding-inline: calc(var(--ab-base-space) * 4);
+  }
+  :is(.twa\:\*\:outline-0 > *) {
+    outline-style: var(--tw-outline-style);
+    outline-width: 0px;
+  }
+  :is(.twa\:\*\:outline-none > *) {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .twa\:group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.twa\:group\/dropdown-menu-item):focus *) {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.twa\:group\/input-group):has([data-slot="combobox-clear"]) *) {
+    display: none;
+  }
+  .twa\:group-has-\[\>input\]\/input-group\:pt-2:is(:where(.twa\:group\/input-group):has( > input) *) {
+    padding-top: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:group-has-\[\>input\]\/input-group\:pb-2:is(:where(.twa\:group\/input-group):has( > input) *) {
+    padding-bottom: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:group-data-empty\/combobox-content\:flex:is(:where(.twa\:group\/combobox-content)[data-empty] *) {
+    display: flex;
+  }
+  .twa\:group-data-resizable\/combobox-content\:flex:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
+    display: flex;
+  }
+  .twa\:group-data-resizable\/combobox-content\:h-auto:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
+    height: auto;
+  }
+  .twa\:group-data-resizable\/combobox-content\:max-h-none:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
+    max-height: none;
+  }
+  .twa\:group-data-resizable\/combobox-content\:min-h-0:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
+    min-height: 0px;
+  }
+  .twa\:group-data-resizable\/combobox-content\:flex-1:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
+    flex: 1;
+  }
+  .twa\:group-data-resizable\/combobox-content\:flex-col:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
+    flex-direction: column;
+  }
+  .twa\:group-data-vertical\/tabs\:w-full:is(:where(.twa\:group\/tabs)[data-vertical] *) {
+    width: 100%;
+  }
+  .twa\:group-data-vertical\/tabs\:justify-start:is(:where(.twa\:group\/tabs)[data-vertical] *) {
+    justify-content: flex-start;
+  }
+  .twa\:group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.twa\:group\/input-group)[data-disabled="true"] *) {
+    opacity: 50%;
+  }
+  .twa\:group-data-\[focused\=true\]\/day\:relative:is(:where(.twa\:group\/day)[data-focused="true"] *) {
+    position: relative;
+  }
+  .twa\:group-data-\[focused\=true\]\/day\:z-10:is(:where(.twa\:group\/day)[data-focused="true"] *) {
+    z-index: 10;
+  }
+  .twa\:group-data-\[focused\=true\]\/day\:border-ring:is(:where(.twa\:group\/day)[data-focused="true"] *) {
+    border-color: var(--ab-color-ring);
+  }
+  .twa\:group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.twa\:group\/day)[data-focused="true"] *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.twa\:group\/day)[data-focused="true"] *) {
+    --tw-ring-color: var(--ab-color-ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
+  .twa\:group-data-\[orientation\=horizontal\]\/tabs\:h-input:is(:where(.twa\:group\/tabs)[data-orientation="horizontal"] *) {
+    height: var(--ab-input-height);
+  }
+  .twa\:group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.twa\:group\/tabs)[data-orientation="vertical"] *) {
+    height: fit-content;
+  }
+  .twa\:group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.twa\:group\/tabs)[data-orientation="vertical"] *) {
+    flex-direction: column;
+  }
+  .twa\:group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.twa\:group\/alert-dialog-content)[data-size="sm"] *) {
+    display: grid;
+  }
+  .twa\:group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.twa\:group\/alert-dialog-content)[data-size="sm"] *) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .twa\:group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.twa\:group\/tabs-list)[data-variant="line"] *) {
+    background-color: transparent;
+  }
+  .twa\:peer-focus-visible\:border-ring:is(:where(.twa\:peer):focus-visible ~ *) {
+    border-color: var(--ab-color-ring);
+  }
+  .twa\:peer-focus-visible\:ring-3:is(:where(.twa\:peer):focus-visible ~ *) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:peer-focus-visible\:ring-ring\/50:is(:where(.twa\:peer):focus-visible ~ *) {
+    --tw-ring-color: var(--ab-color-ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
+  .twa\:selection\:bg-selection ::selection {
+    background-color: var(--ab-color-selection);
+  }
+  .twa\:selection\:bg-selection::selection {
+    background-color: var(--ab-color-selection);
+  }
+  .twa\:selection\:text-selection-foreground ::selection {
+    color: var(--ab-color-selection-foreground);
+  }
+  .twa\:selection\:text-selection-foreground::selection {
+    color: var(--ab-color-selection-foreground);
+  }
+  .twa\:file\:inline-flex::file-selector-button {
+    display: inline-flex;
+  }
+  .twa\:file\:h-7::file-selector-button {
+    height: calc(var(--ab-base-space) * 7);
+  }
+  .twa\:file\:border-0::file-selector-button {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .twa\:file\:bg-transparent::file-selector-button {
+    background-color: transparent;
+  }
+  .twa\:file\:text-sm::file-selector-button {
+    font-size: var(--ab-font-size-3);
+    line-height: var(--tw-leading, var(--twa-text-sm--line-height));
+  }
+  .twa\:file\:font-medium::file-selector-button {
+    --tw-font-weight: var(--twa-font-weight-medium);
+    font-weight: var(--twa-font-weight-medium);
+  }
+  .twa\:file\:text-foreground::file-selector-button {
+    color: var(--ab-color-foreground);
+  }
+  .twa\:placeholder\:text-muted-foreground::placeholder {
+    color: var(--ab-color-muted-foreground);
+  }
+  .twa\:after\:absolute::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+  .twa\:after\:-inset-x-3::after {
+    content: var(--tw-content);
+    inset-inline: calc(var(--ab-base-space) * -3);
+  }
+  .twa\:after\:-inset-y-2::after {
+    content: var(--tw-content);
+    inset-block: calc(var(--ab-base-space) * -2);
+  }
+  .twa\:after\:inset-y-0::after {
+    content: var(--tw-content);
+    inset-block: 0px;
+  }
+  .twa\:after\:right-0::after {
+    content: var(--tw-content);
+    right: 0px;
+  }
+  .twa\:after\:left-0::after {
+    content: var(--tw-content);
+    left: 0px;
+  }
+  .twa\:after\:left-1\/2::after {
+    content: var(--tw-content);
+    left: calc(1 / 2 * 100%);
+  }
+  .twa\:after\:w-1::after {
+    content: var(--tw-content);
+    width: var(--ab-base-space);
+  }
+  .twa\:after\:w-4::after {
+    content: var(--tw-content);
+    width: calc(var(--ab-base-space) * 4);
+  }
+  .twa\:after\:-translate-x-1\/2::after {
+    content: var(--tw-content);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:after\:bg-foreground::after {
+    content: var(--tw-content);
+    background-color: var(--ab-color-foreground);
+  }
+  .twa\:after\:bg-muted::after {
+    content: var(--tw-content);
+    background-color: var(--ab-color-muted);
+  }
+  .twa\:after\:opacity-0::after {
+    content: var(--tw-content);
+    opacity: 0%;
+  }
+  .twa\:after\:transition-opacity::after {
+    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\:group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.twa\:group\/tabs)[data-horizontal] *)::after {
+    content: var(--tw-content);
+    inset-inline: 0px;
+  }
+  .twa\:group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.twa\:group\/tabs)[data-horizontal] *)::after {
+    content: var(--tw-content);
+    bottom: -5px;
+  }
+  .twa\:group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.twa\:group\/tabs)[data-horizontal] *)::after {
+    content: var(--tw-content);
+    height: calc(var(--ab-base-space) * 0.5);
+  }
+  .twa\:group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.twa\:group\/tabs)[data-vertical] *)::after {
+    content: var(--tw-content);
+    inset-block: 0px;
+  }
+  .twa\:group-data-vertical\/tabs\:after\:-right-1:is(:where(.twa\:group\/tabs)[data-vertical] *)::after {
+    content: var(--tw-content);
+    right: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.twa\:group\/tabs)[data-vertical] *)::after {
+    content: var(--tw-content);
+    width: calc(var(--ab-base-space) * 0.5);
+  }
+  .twa\:focus-within\:border-ring:focus-within {
+    border-color: var(--ab-color-ring);
+  }
+  .twa\:focus-within\:shadow-\(--ab-focus__box-shadow\):focus-within {
+    --tw-shadow: var(--ab-focus__box-shadow);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:focus-within\:ring-3:focus-within {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:focus-within\:ring-ring\/50:focus-within {
+    --tw-ring-color: var(--ab-color-ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
+  .twa\:focus-within\:outline-2:focus-within {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  .twa\:focus-within\:outline-offset-1:focus-within {
+    outline-offset: 1px;
+  }
+  .twa\:focus-within\:outline-accent:focus-within {
+    outline-color: var(--ab-color-accent);
+  }
+  .twa\:focus-within\:outline-none:focus-within {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  :is(.twa\:\*\:focus-within\:border-ring > *):focus-within {
+    border-color: var(--ab-color-ring);
+  }
+  :is(.twa\:\*\:focus-within\:shadow-\(--ab-focus__box-shadow\) > *):focus-within {
+    --tw-shadow: var(--ab-focus__box-shadow);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  :is(.twa\:\*\:focus-within\:ring-3 > *):focus-within {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  :is(.twa\:\*\:focus-within\:ring-ring\/50 > *):focus-within {
+    --tw-ring-color: var(--ab-color-ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
+  :is(.twa\:\*\:focus-within\:outline-2 > *):focus-within {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  :is(.twa\:\*\:focus-within\:outline-offset-1 > *):focus-within {
+    outline-offset: 1px;
+  }
+  :is(.twa\:\*\:focus-within\:outline-accent > *):focus-within {
+    outline-color: var(--ab-color-accent);
+  }
+  @media (hover: hover) {
+    .twa\:hover\:bg-accent\/80:hover {
+      background-color: var(--ab-color-accent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:hover\:bg-accent\/80:hover {
+        background-color: color-mix(in oklab, var(--ab-color-accent) 80%, transparent);
+      }
+    }
+    .twa\:hover\:bg-destructive\/20:hover {
+      background-color: var(--ab-color-destructive);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:hover\:bg-destructive\/20:hover {
+        background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+      }
+    }
+    .twa\:hover\:bg-input-background\/80:hover {
+      background-color: var(--ab-color-input-background);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:hover\:bg-input-background\/80:hover {
+        background-color: color-mix(in oklab, var(--ab-color-input-background) 80%, transparent);
+      }
+    }
+    .twa\:hover\:bg-muted:hover {
+      background-color: var(--ab-color-muted);
+    }
+    .twa\:hover\:bg-primary\/80:hover {
+      background-color: var(--ab-color-primary);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:hover\:bg-primary\/80:hover {
+        background-color: color-mix(in oklab, var(--ab-color-primary) 80%, transparent);
+      }
+    }
+    .twa\:hover\:bg-ring\/50:hover {
+      background-color: var(--ab-color-ring);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:hover\:bg-ring\/50:hover {
+        background-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+      }
+    }
+    .twa\:hover\:bg-secondary\/80:hover {
+      background-color: var(--ab-color-secondary);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:hover\:bg-secondary\/80:hover {
+        background-color: color-mix(in oklab, var(--ab-color-secondary) 80%, transparent);
+      }
+    }
+    .twa\:hover\:text-foreground:hover {
+      color: var(--ab-color-foreground);
+    }
+    .twa\:hover\:underline:hover {
+      text-decoration-line: underline;
+    }
+    .twa\:hover\:opacity-100:hover {
+      opacity: 100%;
+    }
+  }
+  .twa\:focus\:border-ring:focus {
+    border-color: var(--ab-color-ring);
+  }
+  .twa\:focus\:bg-accent:focus {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:focus\:text-accent-foreground:focus {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:focus\:shadow-\(--ab-focus__box-shadow\):focus {
+    --tw-shadow: var(--ab-focus__box-shadow);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:focus\:ring-3:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:focus\:ring-ring\/50:focus {
+    --tw-ring-color: var(--ab-color-ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
+  .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);
+  }
+  :is(.twa\:focus\:\*\*\:text-accent-foreground:focus *) {
+    color: var(--ab-color-accent-foreground);
+  }
+  :is(.twa\:not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:focus-visible\:border-destructive\/40:focus-visible {
+    border-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+    }
+  }
+  .twa\:focus-visible\:border-ring:focus-visible {
+    border-color: var(--ab-color-ring);
+  }
+  .twa\:focus-visible\:ring-0:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:focus-visible\:ring-1:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:focus-visible\:ring-3:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:focus-visible\:ring-\[3px\]:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:focus-visible\:ring-destructive\/20:focus-visible {
+    --tw-ring-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+    }
+  }
+  .twa\:focus-visible\:ring-ring:focus-visible {
+    --tw-ring-color: var(--ab-color-ring);
+  }
+  .twa\:focus-visible\:ring-ring\/50:focus-visible {
+    --tw-ring-color: var(--ab-color-ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
+  .twa\:focus-visible\:outline-hidden:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+    @media (forced-colors: active) {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+  }
+  .twa\:focus-visible\:outline-1:focus-visible {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .twa\:focus-visible\:outline-ring:focus-visible {
+    outline-color: var(--ab-color-ring);
+  }
+  .twa\:active\:translate-y-px:active {
+    --tw-translate-y: 1px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:disabled\:pointer-events-none:disabled {
+    pointer-events: none;
+  }
+  .twa\:disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
+  .twa\:disabled\:opacity-50:disabled {
+    opacity: 50%;
+  }
+  :where([data-slot="button-group"]) .twa\:in-data-\[slot\=button-group\]\:rounded-md {
+    border-radius: var(--twa-radius-md);
+  }
+  :where([data-slot="card-content"]) .twa\:in-data-\[slot\=card-content\]\:bg-transparent {
+    background-color: transparent;
+  }
+  :where([data-slot="combobox-content"]) .twa\:in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within {
+    border-color: inherit;
+  }
+  :where([data-slot="combobox-content"]) .twa\:in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  :where([data-slot="popover-content"]) .twa\:in-data-\[slot\=popover-content\]\:bg-transparent {
+    background-color: transparent;
+  }
+  .twa\:has-disabled\:pointer-events-none:has(:disabled) {
+    pointer-events: none;
+  }
+  .twa\:has-disabled\:cursor-not-allowed:has(:disabled) {
+    cursor: not-allowed;
+  }
+  .twa\:has-disabled\:opacity-50:has(:disabled) {
+    opacity: 50%;
+  }
+  .twa\:has-aria-invalid\:border-destructive:has([aria-invalid="true"]) {
+    border-color: var(--ab-color-destructive);
+  }
+  .twa\:has-aria-invalid\:ring-3:has([aria-invalid="true"]) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:has-aria-invalid\:ring-destructive\/20:has([aria-invalid="true"]) {
+    --tw-ring-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+    }
+  }
+  .twa\:has-data-\[icon\=inline-end\]\:pr-1:has([data-icon="inline-end"]) {
+    padding-right: var(--ab-base-space);
+  }
+  .twa\:has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
+    padding-right: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
+    padding-right: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:has-data-\[icon\=inline-end\]\:pr-3:has([data-icon="inline-end"]) {
+    padding-right: calc(var(--ab-base-space) * 3);
+  }
+  .twa\:has-data-\[icon\=inline-start\]\:pl-1:has([data-icon="inline-start"]) {
+    padding-left: var(--ab-base-space);
+  }
+  .twa\:has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
+    padding-left: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
+    padding-left: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:has-data-\[icon\=inline-start\]\:pl-3:has([data-icon="inline-start"]) {
+    padding-left: calc(var(--ab-base-space) * 3);
+  }
+  .twa\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot="alert-dialog-media"]) {
+    grid-template-rows: auto auto 1fr;
+  }
+  .twa\:has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot="alert-dialog-media"]) {
+    column-gap: calc(var(--ab-base-space) * 6);
+  }
+  .twa\:has-data-\[slot\=combobox-chip\]\:px-1\.5:has([data-slot="combobox-chip"]) {
+    padding-inline: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot="combobox-chip-remove"]) {
+    padding-right: 0px;
+  }
+  .twa\:has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot="kbd"]) {
+    padding-right: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has(:is([data-slot=input-group-control]:focus-visible)) {
+    border-color: var(--ab-color-ring);
+  }
+  .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has(:is([data-slot=input-group-control]:focus-visible)) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has(:is([data-slot=input-group-control]:focus-visible)) {
+    --tw-ring-color: var(--ab-color-ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
+    }
+  }
+  .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has(:is([data-slot][aria-invalid=true])) {
+    border-color: var(--ab-color-destructive);
+  }
+  .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has(:is([data-slot][aria-invalid=true])) {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(:is([data-slot][aria-invalid=true])) {
+    --tw-ring-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+    }
+  }
+  .twa\:has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align=block-end]) {
+    height: auto;
+  }
+  .twa\:has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align=block-end]) {
+    flex-direction: column;
+  }
+  .twa\:has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align=block-start]) {
+    height: auto;
+  }
+  .twa\:has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align=block-start]) {
+    flex-direction: column;
+  }
+  .twa\:has-\[\>button\]\:-mr-1:has( > button) {
+    margin-right: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:has-\[\>button\]\:-ml-1:has( > button) {
+    margin-left: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:has-\[\>kbd\]\:mr-\[-0\.15rem\]:has( > kbd) {
+    margin-right: -0.15rem;
+  }
+  .twa\:has-\[\>kbd\]\:ml-\[-0\.15rem\]:has( > kbd) {
+    margin-left: -0.15rem;
+  }
+  .twa\:has-\[\>svg\]\:p-0:has( > svg) {
+    padding: 0px;
+  }
+  .twa\:has-\[\>textarea\]\:h-auto:has( > textarea) {
+    height: auto;
+  }
+  .twa\:aria-disabled\:pointer-events-none[aria-disabled="true"] {
+    pointer-events: none;
+  }
+  .twa\:aria-disabled\:opacity-50[aria-disabled="true"] {
+    opacity: 50%;
+  }
+  .twa\:aria-expanded\:bg-muted[aria-expanded="true"] {
+    background-color: var(--ab-color-muted);
+  }
+  .twa\:aria-expanded\:bg-secondary[aria-expanded="true"] {
+    background-color: var(--ab-color-secondary);
+  }
+  .twa\:aria-expanded\:text-foreground[aria-expanded="true"] {
+    color: var(--ab-color-foreground);
+  }
+  .twa\:aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
+    color: var(--ab-color-secondary-foreground);
+  }
+  .twa\:aria-invalid\:border-destructive[aria-invalid="true"] {
+    border-color: var(--ab-color-destructive);
+  }
+  .twa\:aria-invalid\:ring-0[aria-invalid="true"] {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:aria-invalid\:ring-3[aria-invalid="true"] {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .twa\:aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
+    --tw-ring-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+    }
+  }
+  .twa\:aria-invalid\:aria-checked\:border-primary[aria-invalid="true"][aria-checked="true"] {
+    border-color: var(--ab-color-primary);
+  }
+  .twa\:aria-pressed\:bg-muted[aria-pressed="true"] {
+    background-color: var(--ab-color-muted);
+  }
+  .twa\:aria-selected\:text-muted-foreground[aria-selected="true"] {
+    color: var(--ab-color-muted-foreground);
+  }
+  .twa\:aria-\[orientation\=horizontal\]\:h-px[aria-orientation="horizontal"] {
+    height: 1px;
+  }
+  .twa\:aria-\[orientation\=horizontal\]\:w-full[aria-orientation="horizontal"] {
+    width: 100%;
+  }
+  .twa\:aria-\[orientation\=horizontal\]\:after\:inset-x-0[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    inset-inline: 0px;
+  }
+  .twa\:aria-\[orientation\=horizontal\]\:after\:top-1\/2[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    top: calc(1 / 2 * 100%);
+  }
+  .twa\:aria-\[orientation\=horizontal\]\:after\:bottom-auto[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    bottom: auto;
+  }
+  .twa\:aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    height: var(--ab-base-space);
+  }
+  .twa\:aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    width: 100%;
+  }
+  .twa\:aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    --tw-translate-x: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation="horizontal"]::after {
+    content: var(--tw-content);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:data-active\:bg-accent[data-active] {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:data-active\:text-accent-foreground[data-active] {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.twa\:group\/tabs-list)[data-variant="default"] *)[data-active] {
+    --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\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(:where(.twa\:group\/tabs-list)[data-variant="line"] *)[data-active] {
+    border-color: transparent;
+  }
+  .twa\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.twa\:group\/tabs-list)[data-variant="line"] *)[data-active] {
+    background-color: transparent;
+  }
+  .twa\:group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.twa\:group\/tabs-list)[data-variant="line"] *)[data-active] {
+    --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\:group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.twa\:group\/tabs-list)[data-variant="line"] *)[data-active]::after {
+    content: var(--tw-content);
+    opacity: 100%;
+  }
+  .twa\:data-checked\:border-primary[data-checked] {
+    border-color: var(--ab-color-primary);
+  }
+  .twa\:data-checked\:bg-primary[data-checked] {
+    background-color: var(--ab-color-primary);
+  }
+  .twa\:data-checked\:text-primary-foreground[data-checked] {
+    color: var(--ab-color-primary-foreground);
+  }
+  .twa\:data-closed\:animate-out[data-closed] {
+    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .twa\:data-closed\:overflow-hidden[data-closed] {
+    overflow: hidden;
+  }
+  .twa\:data-closed\:fade-out-0[data-closed] {
+    --tw-exit-opacity: calc(0/100);
+    --tw-exit-opacity: 0;
+  }
+  .twa\:data-closed\:zoom-out-95[data-closed] {
+    --tw-exit-scale: calc(95*1%);
+    --tw-exit-scale: .95;
+  }
+  .twa\:data-disabled\:pointer-events-none[data-disabled] {
+    pointer-events: none;
+  }
+  .twa\:data-disabled\:opacity-50[data-disabled] {
+    opacity: 50%;
+  }
+  .twa\:data-empty\:p-0[data-empty] {
+    padding: 0px;
+  }
+  .twa\:data-highlighted\:bg-accent[data-highlighted] {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:data-highlighted\:text-accent-foreground[data-highlighted] {
+    color: var(--ab-color-accent-foreground);
+  }
+  :is(.twa\:not-data-\[variant\=destructive\]\:data-highlighted\:\*\*\:text-accent-foreground:not([data-variant="destructive"])[data-highlighted] *) {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:data-horizontal\:flex-col[data-horizontal] {
+    flex-direction: column;
+  }
+  .twa\:data-inset\:pl-8[data-inset] {
+    padding-left: calc(var(--ab-base-space) * 8);
+  }
+  .twa\:data-open\:animate-in[data-open] {
+    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .twa\:data-open\:bg-accent[data-open] {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:data-open\:text-accent-foreground[data-open] {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:data-open\:fade-in-0[data-open] {
+    --tw-enter-opacity: calc(0/100);
+    --tw-enter-opacity: 0;
+  }
+  .twa\:data-open\:zoom-in-95[data-open] {
+    --tw-enter-scale: calc(95*1%);
+    --tw-enter-scale: .95;
+  }
+  .twa\:data-open\:slide-in-from-bottom-2[data-open] {
+    --tw-enter-translate-y: calc(2*var(--spacing));
+  }
+  .twa\:data-placeholder\:text-muted-foreground[data-placeholder] {
+    color: var(--ab-color-muted-foreground);
+  }
+  .twa\:data-popup-open\:bg-accent[data-popup-open] {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:data-popup-open\:text-accent-foreground[data-popup-open] {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:data-pressed\:bg-transparent[data-pressed] {
+    background-color: transparent;
+  }
+  .twa\:data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
+    animation: none;
+  }
+  :is(.twa\:\*\:data-\[checked\=true\]\:bg-accent > *)[data-checked="true"] {
+    background-color: var(--ab-color-accent);
+  }
+  :is(.twa\:\*\:data-\[checked\=true\]\:text-accent-foreground > *)[data-checked="true"] {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:data-\[range-end\=true\]\:rounded-standard[data-range-end="true"] {
+    border-radius: var(--ab-border-radius);
+  }
+  .twa\:data-\[range-end\=true\]\:rounded-r-standard[data-range-end="true"] {
+    border-top-right-radius: var(--ab-border-radius);
+    border-bottom-right-radius: var(--ab-border-radius);
+  }
+  .twa\:data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
+    background-color: var(--ab-color-primary);
+  }
+  .twa\:data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
+    color: var(--ab-color-primary-foreground);
+  }
+  .twa\:data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
+    border-radius: 0;
+  }
+  .twa\:data-\[range-middle\=true\]\:bg-muted[data-range-middle="true"] {
+    background-color: var(--ab-color-muted);
+  }
+  .twa\:data-\[range-middle\=true\]\:text-foreground[data-range-middle="true"] {
+    color: var(--ab-color-foreground);
+  }
+  .twa\:data-\[range-start\=true\]\:rounded-standard[data-range-start="true"] {
+    border-radius: var(--ab-border-radius);
+  }
+  .twa\:data-\[range-start\=true\]\:rounded-l-standard[data-range-start="true"] {
+    border-top-left-radius: var(--ab-border-radius);
+    border-bottom-left-radius: var(--ab-border-radius);
+  }
+  .twa\:data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
+    background-color: var(--ab-color-primary);
+  }
+  .twa\:data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
+    color: var(--ab-color-primary-foreground);
+  }
+  .twa\:data-\[selected-single\=true\]\:bg-accent[data-selected-single="true"] {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:data-\[selected-single\=true\]\:text-accent-foreground[data-selected-single="true"] {
+    color: var(--ab-color-accent-foreground);
+  }
+  .twa\:data-\[selected\=true\]\:rounded-none[data-selected="true"] {
+    border-radius: 0;
+  }
+  .twa\:data-\[side\=bottom\]\:top-1[data-side="bottom"] {
+    top: var(--ab-base-space);
+  }
+  .twa\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
+    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
+  }
+  .twa\:data-\[side\=inline-end\]\:top-1\/2\![data-side="inline-end"] {
+    top: calc(1 / 2 * 100%) !important;
+  }
+  .twa\:data-\[side\=inline-end\]\:-left-1[data-side="inline-end"] {
+    left: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:data-\[side\=inline-end\]\:-translate-y-1\/2[data-side="inline-end"] {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:data-\[side\=inline-end\]\:slide-in-from-left-2[data-side="inline-end"] {
+    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
+  }
+  .twa\:data-\[side\=inline-start\]\:top-1\/2\![data-side="inline-start"] {
+    top: calc(1 / 2 * 100%) !important;
+  }
+  .twa\:data-\[side\=inline-start\]\:-right-1[data-side="inline-start"] {
+    right: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:data-\[side\=inline-start\]\:-translate-y-1\/2[data-side="inline-start"] {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:data-\[side\=inline-start\]\:slide-in-from-right-2[data-side="inline-start"] {
+    --tw-enter-translate-x: calc(2*var(--spacing));
+  }
+  .twa\:data-\[side\=left\]\:top-1\/2\![data-side="left"] {
+    top: calc(1 / 2 * 100%) !important;
+  }
+  .twa\:data-\[side\=left\]\:-right-1[data-side="left"] {
+    right: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:data-\[side\=left\]\:-translate-y-1\/2[data-side="left"] {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
+    --tw-enter-translate-x: calc(2*var(--spacing));
+  }
+  .twa\:data-\[side\=right\]\:top-1\/2\![data-side="right"] {
+    top: calc(1 / 2 * 100%) !important;
+  }
+  .twa\:data-\[side\=right\]\:-left-1[data-side="right"] {
+    left: calc(var(--ab-base-space) * -1);
+  }
+  .twa\:data-\[side\=right\]\:-translate-y-1\/2[data-side="right"] {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .twa\:data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
+    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
+  }
+  .twa\:data-\[side\=top\]\:-bottom-2\.5[data-side="top"] {
+    bottom: calc(var(--ab-base-space) * -2.5);
+  }
+  .twa\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
+    --tw-enter-translate-y: calc(2*var(--spacing));
+  }
+  .twa\:data-\[size\=default\]\:min-h-input[data-size="default"] {
+    min-height: var(--ab-input-height);
+  }
+  .twa\:data-\[size\=default\]\:max-w-xs[data-size="default"] {
+    max-width: var(--twa-container-xs);
+  }
+  .twa\:data-\[size\=sm\]\:h-7[data-size="sm"] {
+    height: calc(var(--ab-base-space) * 7);
+  }
+  .twa\:data-\[size\=sm\]\:min-h-auto[data-size="sm"] {
+    min-height: auto;
+  }
+  .twa\:data-\[size\=sm\]\:max-w-xs[data-size="sm"] {
+    max-width: var(--twa-container-xs);
+  }
+  :is(.twa\:\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
+    position: relative;
+  }
+  :is(.twa\:\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
+    isolation: isolate;
+  }
+  :is(.twa\:\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
+    z-index: 50;
+  }
+  :is(.twa\:\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot="kbd"] {
+    border-radius: var(--twa-radius-sm);
+  }
+  :is(.twa\:\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
+  :is(.twa\:\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
+    display: flex;
+  }
+  :is(.twa\:\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
+    align-items: center;
+  }
+  :is(.twa\:\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
+    gap: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:data-\[state\=constrained\]\:bg-destructive[data-state="constrained"] {
+    background-color: var(--ab-color-destructive);
+  }
+  .twa\:data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
+    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .twa\:data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
+    --tw-enter-opacity: calc(0/100);
+    --tw-enter-opacity: 0;
+  }
+  .twa\:data-\[state\=delayed-open\]\:zoom-in-95[data-state="delayed-open"] {
+    --tw-enter-scale: calc(95*1%);
+    --tw-enter-scale: .95;
+  }
+  .twa\:data-\[state\=dragging\]\:bg-accent[data-state="dragging"] {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
+    color: var(--ab-color-destructive);
+  }
+  .twa\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
+    background-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ab-color-destructive) 10%, transparent);
+    }
+  }
+  .twa\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
+    color: var(--ab-color-destructive);
+  }
+  .twa\:data-\[variant\=line\]\:rounded-none[data-variant="line"] {
+    border-radius: 0;
+  }
+  @supports (backdrop-filter: var(--tw)) {
+    .twa\:supports-backdrop-filter\:backdrop-blur-xs {
+      --tw-backdrop-blur: blur(var(--twa-blur-xs));
+      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    }
+  }
+  @media (width >= 40rem) {
+    .twa\:sm\:max-w-md {
+      max-width: var(--twa-container-md);
+    }
+    .twa\:sm\:flex-row {
+      flex-direction: row;
+    }
+    .twa\:sm\:justify-end {
+      justify-content: flex-end;
+    }
+    .twa\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.twa\:group\/alert-dialog-content)[data-size="default"] *) {
+      grid-row: span 2 / span 2;
+    }
+    .twa\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.twa\:group\/alert-dialog-content)[data-size="default"] *) {
+      place-items: start;
+    }
+    .twa\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.twa\:group\/alert-dialog-content)[data-size="default"] *) {
+      text-align: left;
+    }
+    .twa\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.twa\:group\/alert-dialog-content)[data-size="default"] *):is(:where(.twa\:group\/alert-dialog-content):has([data-slot="alert-dialog-media"]) *) {
+      grid-column-start: 2;
+    }
+    .twa\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.twa\:group\/alert-dialog-content)[data-size="default"] *):has([data-slot="alert-dialog-media"]) {
+      grid-template-rows: auto 1fr;
+    }
+    .twa\:data-\[size\=default\]\:sm\:max-w-lg[data-size="default"] {
+      max-width: var(--twa-container-lg);
+    }
+  }
+  @media (width >= 48rem) {
+    .twa\:md\:flex-row {
+      flex-direction: row;
+    }
+    .twa\:md\:text-sm {
+      font-size: var(--ab-font-size-3);
+      line-height: var(--tw-leading, var(--twa-text-sm--line-height));
+    }
+    .twa\:md\:text-pretty {
+      text-wrap: pretty;
+    }
+  }
+  .twa\:rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    rotate: 180deg;
+  }
+  .twa\:dark\:border-input:where(.ab--theme-dark, .ab--theme-dark *) {
+    border-color: var(--ab-color-input-border);
+  }
+  @media (prefers-color-scheme: dark) {
+    .twa\:dark\:border-input:where(:root:not(.ab--theme-light):not(.light) *) {
+      border-color: var(--ab-color-input-border);
+    }
+  }
+  .twa\:dark\:bg-destructive\/20:where(.ab--theme-dark, .ab--theme-dark *) {
+    background-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    .twa\:dark\:bg-destructive\/20:where(:root:not(.ab--theme-light):not(.light) *) {
+      background-color: var(--ab-color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+      }
+    }
+  }
+  .twa\:dark\:bg-input\/30:where(.ab--theme-dark, .ab--theme-dark *) {
+    background-color: var(--ab-color-input-border);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    .twa\:dark\:bg-input\/30:where(:root:not(.ab--theme-light):not(.light) *) {
+      background-color: var(--ab-color-input-border);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
+      }
+    }
+  }
+  .twa\:dark\:bg-transparent:where(.ab--theme-dark, .ab--theme-dark *) {
+    background-color: transparent;
+  }
+  @media (prefers-color-scheme: dark) {
+    .twa\:dark\:bg-transparent:where(:root:not(.ab--theme-light):not(.light) *) {
+      background-color: transparent;
+    }
+  }
+  @media (hover: hover) {
+    .twa\:dark\:hover\:bg-destructive\/30:where(.ab--theme-dark, .ab--theme-dark *):hover {
+      background-color: var(--ab-color-destructive);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:dark\:hover\:bg-destructive\/30:where(.ab--theme-dark, .ab--theme-dark *):hover {
+        background-color: color-mix(in oklab, var(--ab-color-destructive) 30%, transparent);
+      }
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    @media (hover: hover) {
+      .twa\:dark\:hover\:bg-destructive\/30:where(:root:not(.ab--theme-light):not(.light) *):hover {
+        background-color: var(--ab-color-destructive);
+      }
+      @supports (color: color-mix(in lab, red, red)) {
+        .twa\:dark\:hover\:bg-destructive\/30:where(:root:not(.ab--theme-light):not(.light) *):hover {
+          background-color: color-mix(in oklab, var(--ab-color-destructive) 30%, transparent);
+        }
+      }
+    }
+  }
+  @media (hover: hover) {
+    .twa\:dark\:hover\:bg-input\/50:where(.ab--theme-dark, .ab--theme-dark *):hover {
+      background-color: var(--ab-color-input-border);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:dark\:hover\:bg-input\/50:where(.ab--theme-dark, .ab--theme-dark *):hover {
+        background-color: color-mix(in oklab, var(--ab-color-input-border) 50%, transparent);
+      }
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    @media (hover: hover) {
+      .twa\:dark\:hover\:bg-input\/50:where(:root:not(.ab--theme-light):not(.light) *):hover {
+        background-color: var(--ab-color-input-border);
+      }
+      @supports (color: color-mix(in lab, red, red)) {
+        .twa\:dark\:hover\:bg-input\/50:where(:root:not(.ab--theme-light):not(.light) *):hover {
+          background-color: color-mix(in oklab, var(--ab-color-input-border) 50%, transparent);
+        }
+      }
+    }
+  }
+  @media (hover: hover) {
+    .twa\:dark\:hover\:bg-muted\/50:where(.ab--theme-dark, .ab--theme-dark *):hover {
+      background-color: var(--ab-color-muted);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .twa\:dark\:hover\:bg-muted\/50:where(.ab--theme-dark, .ab--theme-dark *):hover {
+        background-color: color-mix(in oklab, var(--ab-color-muted) 50%, transparent);
+      }
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    @media (hover: hover) {
+      .twa\:dark\:hover\:bg-muted\/50:where(:root:not(.ab--theme-light):not(.light) *):hover {
+        background-color: var(--ab-color-muted);
+      }
+      @supports (color: color-mix(in lab, red, red)) {
+        .twa\:dark\:hover\:bg-muted\/50:where(:root:not(.ab--theme-light):not(.light) *):hover {
+          background-color: color-mix(in oklab, var(--ab-color-muted) 50%, transparent);
+        }
+      }
+    }
+  }
+  @media (hover: hover) {
+    .twa\:dark\:hover\:text-foreground:where(.ab--theme-dark, .ab--theme-dark *):hover {
+      color: var(--ab-color-foreground);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    @media (hover: hover) {
+      .twa\:dark\:hover\:text-foreground:where(:root:not(.ab--theme-light):not(.light) *):hover {
+        color: var(--ab-color-foreground);
+      }
+    }
+  }
+  .twa\:dark\:focus-visible\:ring-destructive\/40:where(.ab--theme-dark, .ab--theme-dark *):focus-visible {
+    --tw-ring-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    .twa\:dark\:focus-visible\:ring-destructive\/40:where(:root:not(.ab--theme-light):not(.light) *):focus-visible {
+      --tw-ring-color: var(--ab-color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+      }
+    }
+  }
+  .twa\:dark\:has-aria-invalid\:border-destructive\/50:where(.ab--theme-dark, .ab--theme-dark *):has([aria-invalid="true"]) {
+    border-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--ab-color-destructive) 50%, transparent);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    .twa\:dark\:has-aria-invalid\:border-destructive\/50:where(:root:not(.ab--theme-light):not(.light) *):has([aria-invalid="true"]) {
+      border-color: var(--ab-color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--ab-color-destructive) 50%, transparent);
+      }
+    }
+  }
+  .twa\:dark\:has-aria-invalid\:ring-destructive\/40:where(.ab--theme-dark, .ab--theme-dark *):has([aria-invalid="true"]) {
+    --tw-ring-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    .twa\:dark\:has-aria-invalid\:ring-destructive\/40:where(:root:not(.ab--theme-light):not(.light) *):has([aria-invalid="true"]) {
+      --tw-ring-color: var(--ab-color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+      }
+    }
+  }
+  .twa\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:where(.ab--theme-dark, .ab--theme-dark *):has(:is([data-slot][aria-invalid=true])) {
+    --tw-ring-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    .twa\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:where(:root:not(.ab--theme-light):not(.light) *):has(:is([data-slot][aria-invalid=true])) {
+      --tw-ring-color: var(--ab-color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+      }
+    }
+  }
+  .twa\:dark\:aria-invalid\:border-destructive\/50:where(.ab--theme-dark, .ab--theme-dark *)[aria-invalid="true"] {
+    border-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--ab-color-destructive) 50%, transparent);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    .twa\:dark\:aria-invalid\:border-destructive\/50:where(:root:not(.ab--theme-light):not(.light) *)[aria-invalid="true"] {
+      border-color: var(--ab-color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--ab-color-destructive) 50%, transparent);
+      }
+    }
+  }
+  .twa\:dark\:aria-invalid\:ring-destructive\/40:where(.ab--theme-dark, .ab--theme-dark *)[aria-invalid="true"] {
+    --tw-ring-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    .twa\:dark\:aria-invalid\:ring-destructive\/40:where(:root:not(.ab--theme-light):not(.light) *)[aria-invalid="true"] {
+      --tw-ring-color: var(--ab-color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
+      }
+    }
+  }
+  .twa\:dark\:data-checked\:bg-primary:where(.ab--theme-dark, .ab--theme-dark *)[data-checked] {
+    background-color: var(--ab-color-primary);
+  }
+  @media (prefers-color-scheme: dark) {
+    .twa\:dark\:data-checked\:bg-primary:where(:root:not(.ab--theme-light):not(.light) *)[data-checked] {
+      background-color: var(--ab-color-primary);
+    }
+  }
+  .twa\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.ab--theme-dark, .ab--theme-dark *)[data-variant="destructive"]:focus {
+    background-color: var(--ab-color-destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    .twa\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(:root:not(.ab--theme-light):not(.light) *)[data-variant="destructive"]:focus {
+      background-color: var(--ab-color-destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
+      }
+    }
+  }
+  .twa\:\[\&_button\]\:my-0 button {
+    margin-block: 0px;
+  }
+  .twa\:\[\&_input\]\:size-0 input {
+    width: 0px;
+    height: 0px;
+  }
+  .twa\:\[\&_input\]\:min-h-0 input {
+    min-height: 0px;
+  }
+  .twa\:\[\&_input\]\:min-w-0 input {
+    min-width: 0px;
+  }
+  .twa\:\[\&_input\]\:border-0 input {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .twa\:\[\&_input\]\:p-0 input {
+    padding: 0px;
+  }
+  .twa\:\[\&_svg\]\:pointer-events-none svg {
+    pointer-events: none;
+  }
+  .twa\:\[\&_svg\]\:shrink-0 svg {
+    flex-shrink: 0;
+  }
+  .twa\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-3 svg:not([class*=size-]) {
+    width: calc(var(--ab-base-space) * 3);
+    height: calc(var(--ab-base-space) * 3);
+  }
+  .twa\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 svg:not([class*=size-]) {
+    width: calc(var(--ab-base-space) * 4);
+    height: calc(var(--ab-base-space) * 4);
+  }
+  .twa\:\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-standard:first-child[data-selected=true] button {
+    border-top-left-radius: var(--ab-border-radius);
+    border-bottom-left-radius: var(--ab-border-radius);
+  }
+  .twa\:\[\.ab-FloatingFilter_\[data-slot\=combobox-trigger\]\]\:py-0:is(.ab-FloatingFilter [data-slot=combobox-trigger]) {
+    padding-block: 0px;
+  }
+  .twa\:\[\.border-b\]\:pb-2:is(.border-b) {
+    padding-bottom: calc(var(--ab-base-space) * 2);
+  }
+  .twa\:\[\.border-t\]\:pt-2:is(.border-t) {
+    padding-top: calc(var(--ab-base-space) * 2);
+  }
+  :is(.twa\:rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg) {
+    rotate: 180deg;
+  }
+  :is(.twa\:rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) {
+    rotate: 180deg;
+  }
+  :is(.twa\:\*\:\[a\]\:underline > *):is(a) {
+    text-decoration-line: underline;
+  }
+  :is(.twa\:\*\:\[a\]\:underline-offset-3 > *):is(a) {
+    text-underline-offset: 3px;
+  }
+  @media (hover: hover) {
+    :is(.twa\:\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
+      color: var(--ab-color-foreground);
+    }
+  }
+  :is(.twa\:\*\:\[span\]\:last\:flex > *):is(span):last-child {
+    display: flex;
+  }
+  :is(.twa\:\*\:\[span\]\:last\:items-center > *):is(span):last-child {
+    align-items: center;
+  }
+  :is(.twa\:\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
+    gap: calc(var(--ab-base-space) * 2);
+  }
+  :is(.twa\:data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
+    color: var(--ab-color-destructive);
+  }
+  :is(.twa\:\*\:\[svg\:not\(\[class\*\=size-\]\)\]\:size-8 > *):is(svg:not([class*=size-])) {
+    width: calc(var(--ab-base-space) * 8);
+    height: calc(var(--ab-base-space) * 8);
+  }
+  .twa\:\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-standard:last-child[data-selected=true] button {
+    border-top-right-radius: var(--ab-border-radius);
+    border-bottom-right-radius: var(--ab-border-radius);
+  }
+  .twa\:\[\&\:not\(\[disabled\]\)\]\:cursor-pointer:not([disabled]) {
+    cursor: pointer;
+  }
+  .twa\:\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-standard:nth-child(2)[data-selected=true] button {
+    border-top-left-radius: var(--ab-border-radius);
+    border-bottom-left-radius: var(--ab-border-radius);
+  }
+  .twa\:data-\[state\=constrained\]\:\[\&\>div\]\:bg-destructive[data-state="constrained"] > div {
+    background-color: var(--ab-color-destructive);
+  }
+  .twa\:data-\[state\=dragging\]\:\[\&\>div\]\:bg-accent[data-state="dragging"] > div {
+    background-color: var(--ab-color-accent);
+  }
+  .twa\:\[\&\>input\]\:max-h-\[calc\(var\(--ab-input-height\)-1\.5\*var\(--ab-base-space\)\)\]\! > input {
+    max-height: calc(var(--ab-input-height) - 1.5 * var(--ab-base-space)) !important;
+  }
+  .twa\:has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align=block-end]) > input {
+    padding-top: calc(var(--ab-base-space) * 3);
+  }
+  .twa\:has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align=block-start]) > input {
+    padding-bottom: calc(var(--ab-base-space) * 3);
+  }
+  .twa\:has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has( > [data-align=inline-end]) > input {
+    padding-right: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has( > [data-align=inline-start]) > input {
+    padding-left: calc(var(--ab-base-space) * 1.5);
+  }
+  .twa\:\[\&\>kbd\]\:rounded-\[calc\(var\(--ab-border-radius\)\)\] > kbd {
+    border-radius: calc(var(--ab-border-radius));
+  }
+  .twa\:\[\&\>span\]\:text-xs > span {
+    font-size: var(--twa-text-xs);
+    line-height: var(--tw-leading, var(--twa-text-xs--line-height));
+  }
+  .twa\:\[\&\>span\]\:opacity-70 > span {
+    opacity: 70%;
+  }
+  .twa\:\[\&\>svg\]\:size-3\.5 > svg {
+    width: calc(var(--ab-base-space) * 3.5);
+    height: calc(var(--ab-base-space) * 3.5);
+  }
+  .twa\:\[\&\>svg\]\:text-muted-foreground > svg {
+    color: var(--ab-color-muted-foreground);
+  }
+  .twa\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 > svg:not([class*=size-]) {
+    width: calc(var(--ab-base-space) * 3.5);
+    height: calc(var(--ab-base-space) * 3.5);
+  }
+  .twa\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-4 > svg:not([class*=size-]) {
+    width: calc(var(--ab-base-space) * 4);
+    height: calc(var(--ab-base-space) * 4);
+  }
+  .twa\:\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal] > div {
+    rotate: 90deg;
+  }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:\[container-type\:size\] {
+    container-type: size;
+  }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:absolute {
+    position: absolute;
+  }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-x-0 {
+    inset-inline: 0px;
+  }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-y-0\.5 {
+    inset-block: calc(var(--ab-base-space) * 0.5);
+  }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:min-h-auto\! {
+    min-height: auto !important;
+  }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:border-none {
+    --tw-border-style: none;
+    border-style: none;
+  }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:\[line-height\:1\] {
+    line-height: 1;
+  }
+  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  [data-popup-open] .twa\:\[\[data-popup-open\]_\&\]\:rotate-180 {
+    rotate: 180deg;
+  }
+}
+@layer adaptable.components {
+  :root {
+    --ab-base-space: 4px;
+    --ab-base-font-size: 1rem;
+    --ab-font-size-0: calc(var(--ab-base-font-size) * 0.5);
+    --ab-font-size-1: calc(var(--ab-base-font-size) * 0.625);
+    --ab-font-size-2: calc(var(--ab-base-font-size) * 0.75);
+    --ab-font-size-3: calc(var(--ab-base-font-size) * 0.875);
+    --ab-font-size-4: var(--ab-base-font-size);
+    --ab-font-size-5: calc(var(--ab-base-font-size) * 1.25);
+    --ab-font-size-6: calc(var(--ab-base-font-size) * 1.5);
+    --ab-font-size-7: calc(var(--ab-base-font-size) * 2.25);
+    --ab-input-height: calc(var(--ab-base-space) * 9);
+    --ab__font-family: inherit;
+    --ab-border-radius: var(--ab__border-radius, var(--ab-base-space));
+    --ab-border-radius-input: var(--ab-border-radius);
+    --ab-border-radius-button: var(--ab-border-radius);
+    --ab-color-input-border: var(--ab-color-inputborder, var(--ab-color-primarydark));
+    --ab-color-input-background: var(--ab-color-background);
+    @supports (color: color-mix(in lab, red, red)) {
+      --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 99%, black);
+    }
+    --ab-color-input-foreground: var(--ab-color-inputcolor, var(--ab-color-primary-foreground));
+    --ab-color-warn: #eb9316;
+    --ab-color-info: #17a2b8;
+    --ab-color-success: #419641;
+    --ab-color-accent: #07c;
+    --ab-color-accent-foreground: #e2e2e2;
+    --ab-color-accentlight: #dbf0ff;
+    --ab-color-success-foreground: white;
+    --ab-color-info-foreground: white;
+    --ab-color-warn-foreground: white;
+    --ab-color-action-edit: #17a2b8;
+    --ab-color-action-share: #eb9316;
+    --ab-color-action-delete: #dc3545;
+    --ab-color-action-clone: #419641;
+    --ab-color-action-edit-foreground: white;
+    --ab-color-action-share-foreground: white;
+    --ab-color-action-delete-foreground: white;
+    --ab-color-action-clone-foreground: white;
+    --ab-color-primary: #e9e9e9;
+    --ab-color-primary-foreground: #656565;
+    --ab-color-primarydark: #b7b7b7;
+    --ab-color-primarylight: #f5f5f5;
+    --ab-color-selection: var(--ab-color-accent);
+    --ab-color-selection-foreground: var(--ab-color-accent-foreground);
+    --ab-color-shadow: rgb(0 0 0 / 0.2);
+    --ab-shadow-sm: 0 0 3px 0 var(--ab-color-shadow), 0 1px 2px -1px var(--ab-color-shadow);
+    --ab-shadow-md: 0 -2px 6px -1px var(--ab-color-shadow), 0 2px 4px -2px var(--ab-color-shadow);
+    --ab-focus__box-shadow: 0 0 5px 0 var(--ab-color-ring), 0 1px 2px -1px var(--ab-color-ring);
+    --ab-focus-light__box-shadow: 0 0 5px 0 var(--ab-color-accentlight),
+    0 1px 2px -1px var(--ab-color-accentlight);
+    --ab-focus-within__box-shadow: 0 0 5px 1px var(--ab-color-primary-foreground);
+    --ab-focus__outline: none;
+    --ab-color-background: var(--ab-color-defaultbackground, white);
+    --ab-color-foreground: var(--ab-color-primary-foreground, #656565);
+    --ab-color-popover: var(--ab-color-background);
+    --ab-color-popover-foreground: var(--ab-color-foreground);
+    --ab-color-secondary: oklch(0.97 0 0);
+    --ab-color-secondary-foreground: oklch(0.205 0 0);
+    --ab-color-muted: var(--ab-color-primarylight);
+    --ab-color-muted-foreground: var(--ab-color-primary-foreground);
+    --ab-color-destructive: var(--ab-color-error, #dc3545);
+    --ab-color-destructive-foreground: white;
+    --ab-color-border: oklch(0.922 0 0);
+    --ab-color-ring: var(--ab-color-accent);
+    --ab-color-card: #f5f5f5;
+    --ab-color-card-foreground: var(--ab-color-foreground);
+    --ab-color-palette-1: #fde8e8;
+    --ab-color-palette-2: #9b2c2c;
+    --ab-color-palette-3: #fff8e1;
+    --ab-color-palette-4: #975a16;
+    --ab-color-palette-5: #e6f4ea;
+    --ab-color-palette-6: #276749;
+    --ab-color-palette-7: #e6f2ff;
+    --ab-color-palette-8: #2b6cb0;
+    --ab-color-palette-9: #edf2f7;
+    --ab-color-palette-10: #4a5568;
+    --ab-color-palette-11: #f3e8ff;
+    --ab-color-palette-12: #553c9a;
+    --ab-color-swatch-1: #000000;
+    --ab-color-swatch-2: #ffffff;
+    --ab-color-swatch-3: #d3d3d3;
+    --ab-color-swatch-4: #808080;
+    --ab-color-swatch-5: #a52a2a;
+    --ab-color-swatch-6: #006400;
+    --ab-color-swatch-7: #008000;
+    --ab-color-swatch-8: #32cd32;
+    --ab-color-swatch-9: #ffff00;
+    --ab-color-swatch-10: #ffffe0;
+    --ab-color-swatch-11: #00008b;
+    --ab-color-swatch-12: #0000ff;
+    --ab-color-swatch-13: #87cefa;
+    --ab-color-swatch-14: #00ffff;
+    --ab-color-swatch-15: #ff00ff;
+    --ab-color-swatch-16: #800080;
+    --ab-color-swatch-17: #8b0000;
+    --ab-color-swatch-18: #ff0000;
+    --ab-color-swatch-19: #dc143c;
+    --ab-color-swatch-20: #ffa500;
+    --ab-icon-fill: currentColor;
+    --ab-custom-scrollbar-size: 8px;
+    --ab-color-custom-scrollbar-track: var(--ab-color-background);
+    --ab-color-custom-scrollbar-track-hover: var(--ab-color-background);
+    @supports (color: color-mix(in lab, red, red)) {
+      --ab-color-custom-scrollbar-track-hover: color-mix(
+    in srgb,
+    var(--ab-color-background) 50%,
+    var(--ab-color-primarydark)
+  );
+    }
+    --ab-color-custom-scrollbar-thumb: var(--ab-color-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      --ab-color-custom-scrollbar-thumb: color-mix(
+    in srgb,
+    var(--ab-color-foreground) 60%,
+    var(--ab-color-background)
+  );
+    }
+    --ab-color-custom-scrollbar-thumb-active: var(--ab-color-foreground);
+    --ab-color-custom-scrollbar-thumb-border: var(--ab-color-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      --ab-color-custom-scrollbar-thumb-border: color-mix(
+    in srgb,
+    var(--ab-color-foreground) 70%,
+    var(--ab-color-background)
+  );
+    }
+    --ab-grid-row-height: 35px;
+    --ab-loaded: 777;
+    --ab_flex-direction: column;
+    --ab-tree-indent-size: var(--ag-row-group-indent-size, 16px);
+    --ab-cmp-checkbox__border-color: var(--ab-color-input-border);
+    --ab-cmp-checkbox__background: var(--ab-color-input-background);
+    --ab-cmp-checkbox--checked__background: var(--ab-color-accent);
+    --ab-cmp-checkbox--check-size: 16px;
+    --ab-cmp-checkbox--check__color: white;
+    --ab-cmp-checkbox--checked__border-color: var(--ab-color-accent);
+    --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-accent);
+    --ab-cmp-checkbox--check-indeterminate-radius: 2px;
+  }
+  .ab-CheckBox--variant-agGrid {
+    --ab-cmp-checkbox--check__color: var(
+    --ag-checkbox-checked-color,
+    var(--ag-balham-active-color, #0091ea)
+  );
+    --ab-cmp-checkbox--checked__background: var(
+    --ag-background-color,
+    var(--ab-color-input-background)
+  );
+    --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
+    --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
+    &.ab-CheckBox--indeterminate {
+      --ab-cmp-checkbox--check__color: var(
+      --ag-checkbox-checked-color,
+      var(--ag-balham-active-color, #0091ea)
+    );
+    }
+    &.ab-CheckBox--unchecked {
+      --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color);
+    }
+  }
+  :root {
+    --ab-radio-gap: calc(var(--ab-base-space) * 2);
+  }
+  .ab-CheckBox {
+    &, & *, *:before, *:after {
+      box-sizing: border-box;
+    }
+    display: inline-flex;
+    flex-flow: row;
+    align-items: center;
+    cursor: pointer;
+    position: relative;
+  }
+  .ab-CheckBox--checked {
+    --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
+    .ab-CheckBox__square {
+      border-color: var(--ab-cmp-checkbox--checked__border-color);
+    }
+  }
+  .ab-CheckBox--indeterminate {
+    --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
+  }
+  .ab-CheckBox__square {
+    border-radius: var(--ab-border-radius-input);
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--ab-cmp-checkbox__border-color);
+    background: var(--ab-cmp-checkbox__background);
+    min-height: var(--ab-cmp-checkbox--check-size);
+    min-width: var(--ab-cmp-checkbox--check-size);
+    line-height: 0;
+    font-size: 0;
+    position: relative;
+    pointer-events: none;
+    &:after {
+      opacity: 1;
+      transition-duration: 0.05s;
+      transition-timing-function: ease-in;
+      transition-property: opacity;
+      content: '';
+      display: block;
+      margin: auto;
+      width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
+      height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
+      border: solid var(--ab-cmp-checkbox--check__color);
+      border-width: 0 2px 2px 0;
+      transform: rotate(45deg);
+      border-radius: 1px;
+    }
+  }
+  .ab-CheckBox__square--unchecked::after {
+    opacity: 0;
+  }
+  .ab-CheckBox__square--indeterminate:after {
+    transform: rotate(0deg);
+    position: absolute;
+    top: 2px;
+    bottom: 2px;
+    right: 2px;
+    left: 2px;
+    border: none;
+    width: auto;
+    height: auto;
+    background: var(--ab-cmp-checkbox--check__color);
+    border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius);
+  }
+  .ab-CheckBox__square--icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--ab-cmp-checkbox--check__color);
+    &:after {
+      display: none;
+    }
+    & > svg {
+      width: calc(var(--ab-cmp-checkbox--check-size) - 4px);
+      height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
+    }
+  }
+  .ab-CheckBox--disabled {
+    opacity: 0.5;
+  }
+  .ab-CheckBox--readonly .ab-CheckBox__square {
+    opacity: 0.5;
+  }
+  .ab-CheckBox-input:not(.ag-checkbox-input) {
+    width: 100%;
+    height: 100%;
+    line-height: 0;
+    font-size: 0;
+    left: 0;
+    top: 0;
+    z-index: 1;
+    position: absolute;
+  }
+  input.ab-Radio-input {
+    appearance: none;
+    border: 1px solid;
+    border-color: #767676ff;
+    background-color: #ffffffff;
+    border-radius: 50%;
+    margin: 0;
+    position: relative;
+  }
+  input.ab-Radio-input:checked {
+    border-color: var(--ab-color-accent);
+  }
+  input.ab-Radio-input:checked::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    background-color: var(--ab-color-accent);
+  }
+  input.ab-Radio-input:disabled {
+    border-color: var(--ab-cmp-input__border, #444);
+    opacity: 0.7;
+  }
+  input.ab-Radio-input:checked:disabled::after {
+    background-color: #656565;
+  }
+}
+@layer adaptable.theming {
+  html.ab--theme-light {
+    --ab-theme-loaded: light;
+  }
+  .ab--theme-dark {
+    --ab-color-secondary: oklch(0.269 0 0);
+    --ab-color-secondary-foreground: oklch(0.985 0 0);
+    --ab-color-border: oklch(0.269 0 0);
+    --ab-theme-loaded: dark;
+    --ab-color-background: var(--ab-color-defaultbackground, #474c52);
+    --ab-color-foreground: var(--ab-color-text-on-defaultbackground, #e2e2e2);
+    --ab-color-primary: #262d2f;
+    --ab-color-primary-foreground: #e2e2e2;
+    --ab-color-primarylight: #3d3e3f;
+    --ab-color-primarydark: #1c2021;
+    --ab-color-input-background: var(--ab-color-background);
+    @supports (color: color-mix(in lab, red, red)) {
+      --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 95%, black);
+    }
+    --ab-color-card: #51555a;
+    --ab-color-card-foreground: var(--ab-color-foreground);
+    --ab-color-palette-1: #5c1a1a;
+    --ab-color-palette-2: #ffb4b4;
+    --ab-color-palette-3: #4a3b00;
+    --ab-color-palette-4: #ffd966;
+    --ab-color-palette-5: #1b4332;
+    --ab-color-palette-6: #95d5b2;
+    --ab-color-palette-7: #1a365d;
+    --ab-color-palette-8: #90cdf4;
+    --ab-color-palette-9: #2d3748;
+    --ab-color-palette-10: #e2e8f0;
+    --ab-color-palette-11: #44337a;
+    --ab-color-palette-12: #d6bcfa;
+    --ab-color-shadow: rgb(255 255 255 / 0.45);
+  }
+}
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@keyframes enter {
+  from {
+    opacity: var(--tw-enter-opacity,1);
+    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
+    filter: blur(var(--tw-enter-blur,0));
+  }
+}
+@keyframes exit {
+  to {
+    opacity: var(--tw-exit-opacity,1);
+    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
+    filter: blur(var(--tw-exit-blur,0));
+  }
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-animation-delay: 0s;
+      --tw-animation-direction: normal;
+      --tw-animation-duration: initial;
+      --tw-animation-fill-mode: none;
+      --tw-animation-iteration-count: 1;
+      --tw-enter-blur: 0;
+      --tw-enter-opacity: 1;
+      --tw-enter-rotate: 0;
+      --tw-enter-scale: 1;
+      --tw-enter-translate-x: 0;
+      --tw-enter-translate-y: 0;
+      --tw-exit-blur: 0;
+      --tw-exit-opacity: 1;
+      --tw-exit-rotate: 0;
+      --tw-exit-scale: 1;
+      --tw-exit-translate-x: 0;
+      --tw-exit-translate-y: 0;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-duration: initial;
+      --tw-content: "";
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+    }
+  }
+}