@oliasoft-open-source/react-ui-library 3.11.0-beta-4 → 3.11.0-beta-5

package/dist/global.css

@@ -23390,103 +23390,103 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_pdn5b_337 {
+._inputInTable_15p4y_337 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_pdn5b_337:not(:hover) {
+._inputInTable_15p4y_337:not(:hover) {
   border-color: transparent;
 }
-._inputHover_pdn5b_346 {
+._inputHover_15p4y_346 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_pdn5b_351 {
+._inputFocus_15p4y_351 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_pdn5b_358,
-._inputWarning_pdn5b_359 {
+._inputError_15p4y_358,
+._inputWarning_15p4y_359 {
   position: relative;
 }
-._inputError_pdn5b_358 {
+._inputError_15p4y_358 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_pdn5b_358:hover {
+._inputError_15p4y_358:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_pdn5b_358:focus {
+._inputError_15p4y_358:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_pdn5b_359 {
+._inputWarning_15p4y_359 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_pdn5b_359:hover {
+._inputWarning_15p4y_359:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_pdn5b_359:focus {
+._inputWarning_15p4y_359:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_pdn5b_394 {
+._inputDisabled_15p4y_394 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_pdn5b_399 {
+._hideScrollbars_15p4y_399 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_pdn5b_399::-webkit-scrollbar {
+._hideScrollbars_15p4y_399::-webkit-scrollbar {
   display: none;
 }
-._scrollbars_pdn5b_409 {
+._scrollbars_15p4y_409 {
   overflow: overlay;
   --scrollbar-color: #00000040;
 }
-._scrollbars_pdn5b_409::-webkit-scrollbar {
+._scrollbars_15p4y_409::-webkit-scrollbar {
   display: block;
   width: 16px;
   z-index: 2;
 }
-._scrollbars_pdn5b_409::-webkit-scrollbar-button {
+._scrollbars_15p4y_409::-webkit-scrollbar-button {
   display: none;
 }
-._scrollbars_pdn5b_409::-webkit-scrollbar-track {
+._scrollbars_15p4y_409::-webkit-scrollbar-track {
   background-color: #00000000;
 }
-._scrollbars_pdn5b_409::-webkit-scrollbar-track-piece {
+._scrollbars_15p4y_409::-webkit-scrollbar-track-piece {
   background-color: #00000000;
 }
-._scrollbars_pdn5b_409::-webkit-scrollbar-thumb {
+._scrollbars_15p4y_409::-webkit-scrollbar-thumb {
   background-color: #00000000;
   border: 5px solid transparent;
   border-radius: 24px;
   box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;
 }
-._scrollbars_pdn5b_409::-webkit-scrollbar-corner {
+._scrollbars_15p4y_409::-webkit-scrollbar-corner {
   background: rgba(0, 0, 0, 0);
 }
 :root {
@@ -23499,72 +23499,78 @@ html[data-theme='dark'] {
   --color-background-table-row-tinted: var(--color-neutral-850);
   --color-border-table: black;
 }
-._scrollWrapper_pdn5b_446 {
+._scrollWrapper_15p4y_446 {
   overflow: overlay;
   --scrollbar-color: #00000040;
   padding-left: 1px;
 }
-._scrollWrapper_pdn5b_446::-webkit-scrollbar {
+._scrollWrapper_15p4y_446::-webkit-scrollbar {
   display: block;
   width: 16px;
   z-index: 2;
 }
-._scrollWrapper_pdn5b_446::-webkit-scrollbar-button {
+._scrollWrapper_15p4y_446::-webkit-scrollbar-button {
   display: none;
 }
-._scrollWrapper_pdn5b_446::-webkit-scrollbar-track {
+._scrollWrapper_15p4y_446::-webkit-scrollbar-track {
   background-color: #00000000;
 }
-._scrollWrapper_pdn5b_446::-webkit-scrollbar-track-piece {
+._scrollWrapper_15p4y_446::-webkit-scrollbar-track-piece {
   background-color: #00000000;
 }
-._scrollWrapper_pdn5b_446::-webkit-scrollbar-thumb {
+._scrollWrapper_15p4y_446::-webkit-scrollbar-thumb {
   background-color: #00000000;
   border: 5px solid transparent;
   border-radius: 24px;
   box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;
 }
-._scrollWrapper_pdn5b_446::-webkit-scrollbar-corner {
+._scrollWrapper_15p4y_446::-webkit-scrollbar-corner {
   background: rgba(0, 0, 0, 0);
 }
-._scrollWrapper_pdn5b_446._bordered_pdn5b_474 {
+._scrollWrapper_15p4y_446._bordered_15p4y_474 {
   border-radius: 4px;
 }
-._table_pdn5b_477 {
+._scrollWrapper_15p4y_446 > * {
+  margin-left: -1px;
+}
+._table_15p4y_480 {
   background: var(--color-background-raised);
   color: var(--color-text);
   border-collapse: separate;
   border-spacing: 0;
   border-radius: 4px;
   width: 100%;
-  margin-left: -1px;
 }
-._table_pdn5b_477 > :first-child {
+._table_15p4y_480:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+._table_15p4y_480 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_pdn5b_477 > :first-child > :first-child {
+._table_15p4y_480 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_pdn5b_477 > :first-child > :first-child > :first-child {
+._table_15p4y_480 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_pdn5b_477 > :first-child > :first-child > :last-child {
+._table_15p4y_480 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_pdn5b_477 > :last-child {
+._table_15p4y_480 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_pdn5b_477 > :last-child > :last-child {
+._table_15p4y_480 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_pdn5b_477 > :last-child > :last-child > :first-child {
+._table_15p4y_480 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_pdn5b_477 > :last-child > :last-child > :last-child {
+._table_15p4y_480 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
 th,
@@ -23580,8 +23586,8 @@ td {
   border-right-width: 0;
   border-bottom-width: 1px;
 }
-._bordered_pdn5b_474 th:last-child,
-._bordered_pdn5b_474 td:last-child {
+._bordered_15p4y_474 th:last-child,
+._bordered_15p4y_474 td:last-child {
   border-right-width: 1px;
 }
 thead:first-child > tr:first-child th,
@@ -23614,14 +23620,357 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_pdn5b_561 tbody tr:nth-child(even) {
+._striped_15p4y_567 tbody tr:nth-child(even) {
   background-color: var(--color-background-table-row-tinted);
 }
-._title_1ohjd_1 {
+/*
+ This file has shared variables that are re-used in other LESS files/modules
+ Only use simple variables in this file
+*/
+:root {
+  --color-primary-0: hsl(0, 0%, 100%);
+  --color-primary-50: hsl(18.24742268, 82.90598291%, 97.5%);
+  --color-primary-100: hsl(18.24742268, 82.90598291%, 92.5%);
+  --color-primary-150: hsl(18.24742268, 82.90598291%, 87.5%);
+  --color-primary-200: hsl(18.24742268, 82.90598291%, 82.5%);
+  --color-primary-250: hsl(18.24742268, 82.90598291%, 77.5%);
+  --color-primary-300: hsl(18.24742268, 82.90598291%, 72.5%);
+  --color-primary-350: hsl(18.24742268, 82.90598291%, 67.5%);
+  --color-primary-400: hsl(18.24742268, 82.90598291%, 62.5%);
+  --color-primary-450: hsl(18.24742268, 82.90598291%, 57.5%);
+  --color-primary-500: hsl(18.24742268, 82.90598291%, 52.5%);
+  --color-primary-550: hsl(18.24742268, 82.90598291%, 47.5%);
+  --color-primary-600: hsl(18.24742268, 82.90598291%, 42.5%);
+  --color-primary-650: hsl(18.24742268, 82.90598291%, 37.5%);
+  --color-primary-700: hsl(18.24742268, 82.90598291%, 32.5%);
+  --color-primary-750: hsl(18.24742268, 82.90598291%, 27.5%);
+  --color-primary-800: hsl(18.24742268, 82.90598291%, 22.5%);
+  --color-primary-850: hsl(18.24742268, 82.90598291%, 17.5%);
+  --color-primary-900: hsl(18.24742268, 82.90598291%, 12.5%);
+  --color-primary-950: hsl(18.24742268, 82.90598291%, 7.5%);
+  --color-primary-1000: hsl(18.24742268, 82.90598291%, 2.5%);
+  --color-error-0: hsl(180, 100%, 100%);
+  --color-error-50: hsl(0, 71.29186603%, 97.5%);
+  --color-error-100: hsl(0, 71.29186603%, 92.5%);
+  --color-error-150: hsl(0, 71.29186603%, 87.5%);
+  --color-error-200: hsl(0, 71.29186603%, 82.5%);
+  --color-error-250: hsl(0, 71.29186603%, 77.5%);
+  --color-error-300: hsl(0, 71.29186603%, 72.5%);
+  --color-error-350: hsl(0, 71.29186603%, 67.5%);
+  --color-error-400: hsl(0, 71.29186603%, 62.5%);
+  --color-error-450: hsl(0, 71.29186603%, 57.5%);
+  --color-error-500: hsl(0, 71.29186603%, 52.5%);
+  --color-error-550: hsl(0, 71.29186603%, 47.5%);
+  --color-error-600: hsl(0, 71.29186603%, 42.5%);
+  --color-error-650: hsl(0, 71.29186603%, 37.5%);
+  --color-error-700: hsl(0, 71.29186603%, 32.5%);
+  --color-error-750: hsl(0, 71.29186603%, 27.5%);
+  --color-error-800: hsl(0, 71.29186603%, 22.5%);
+  --color-error-850: hsl(0, 71.29186603%, 17.5%);
+  --color-error-900: hsl(0, 71.29186603%, 12.5%);
+  --color-error-950: hsl(0, 71.29186603%, 7.5%);
+  --color-error-1000: hsl(0, 71.29186603%, 2.5%);
+  --color-success-0: hsl(0, 0%, 100%);
+  --color-success-50: hsl(120, 52.03252033%, 97.5%);
+  --color-success-100: hsl(120, 52.03252033%, 92.5%);
+  --color-success-150: hsl(120, 52.03252033%, 87.5%);
+  --color-success-200: hsl(120, 52.03252033%, 82.5%);
+  --color-success-250: hsl(120, 52.03252033%, 77.5%);
+  --color-success-300: hsl(120, 52.03252033%, 72.5%);
+  --color-success-350: hsl(120, 52.03252033%, 67.5%);
+  --color-success-400: hsl(120, 52.03252033%, 62.5%);
+  --color-success-450: hsl(120, 52.03252033%, 57.5%);
+  --color-success-500: hsl(120, 52.03252033%, 52.5%);
+  --color-success-550: hsl(120, 52.03252033%, 47.5%);
+  --color-success-600: hsl(120, 52.03252033%, 42.5%);
+  --color-success-650: hsl(120, 52.03252033%, 37.5%);
+  --color-success-700: hsl(120, 52.03252033%, 32.5%);
+  --color-success-750: hsl(120, 52.03252033%, 27.5%);
+  --color-success-800: hsl(120, 52.03252033%, 22.5%);
+  --color-success-850: hsl(120, 52.03252033%, 17.5%);
+  --color-success-900: hsl(120, 52.03252033%, 12.5%);
+  --color-success-950: hsl(120, 52.03252033%, 7.5%);
+  --color-success-1000: hsl(120, 52.03252033%, 2.5%);
+  --color-warning-0: hsl(240, 100%, 100%);
+  --color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);
+  --color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);
+  --color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);
+  --color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);
+  --color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);
+  --color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);
+  --color-warning-350: hsl(44.9197861, 76.32653061%, 67.5%);
+  --color-warning-400: hsl(44.9197861, 76.32653061%, 62.5%);
+  --color-warning-450: hsl(44.9197861, 76.32653061%, 57.5%);
+  --color-warning-500: hsl(44.9197861, 76.32653061%, 52.5%);
+  --color-warning-550: hsl(44.9197861, 76.32653061%, 47.5%);
+  --color-warning-600: hsl(44.9197861, 76.32653061%, 42.5%);
+  --color-warning-650: hsl(44.9197861, 76.32653061%, 37.5%);
+  --color-warning-700: hsl(44.9197861, 76.32653061%, 32.5%);
+  --color-warning-750: hsl(44.9197861, 76.32653061%, 27.5%);
+  --color-warning-800: hsl(44.9197861, 76.32653061%, 22.5%);
+  --color-warning-850: hsl(44.9197861, 76.32653061%, 17.5%);
+  --color-warning-900: hsl(44.9197861, 76.32653061%, 12.5%);
+  --color-warning-950: hsl(44.9197861, 76.32653061%, 7.5%);
+  --color-warning-1000: hsl(44.9197861, 76.32653061%, 2.5%);
+  --color-info-0: hsl(0, 0%, 100%);
+  --color-info-50: hsl(201.03092784, 82.90598291%, 97.5%);
+  --color-info-100: hsl(201.03092784, 82.90598291%, 92.5%);
+  --color-info-150: hsl(201.03092784, 82.90598291%, 87.5%);
+  --color-info-200: hsl(201.03092784, 82.90598291%, 82.5%);
+  --color-info-250: hsl(201.03092784, 82.90598291%, 77.5%);
+  --color-info-300: hsl(201.03092784, 82.90598291%, 72.5%);
+  --color-info-350: hsl(201.03092784, 82.90598291%, 67.5%);
+  --color-info-400: hsl(201.03092784, 82.90598291%, 62.5%);
+  --color-info-450: hsl(201.03092784, 82.90598291%, 57.5%);
+  --color-info-500: hsl(201.03092784, 82.90598291%, 52.5%);
+  --color-info-550: hsl(201.03092784, 82.90598291%, 47.5%);
+  --color-info-600: hsl(201.03092784, 82.90598291%, 42.5%);
+  --color-info-650: hsl(201.03092784, 82.90598291%, 37.5%);
+  --color-info-700: hsl(201.03092784, 82.90598291%, 32.5%);
+  --color-info-750: hsl(201.03092784, 82.90598291%, 27.5%);
+  --color-info-800: hsl(201.03092784, 82.90598291%, 22.5%);
+  --color-info-850: hsl(201.03092784, 82.90598291%, 17.5%);
+  --color-info-900: hsl(201.03092784, 82.90598291%, 12.5%);
+  --color-info-950: hsl(201.03092784, 82.90598291%, 7.5%);
+  --color-info-1000: hsl(201.03092784, 82.90598291%, 2.5%);
+  --color-neutral-0: hsl(0, 0%, 100%);
+  --color-neutral-50: hsl(210, 10%, 97.5%);
+  --color-neutral-100: hsl(210, 10%, 92.5%);
+  --color-neutral-150: hsl(210, 10%, 87.5%);
+  --color-neutral-200: hsl(210, 10%, 82.5%);
+  --color-neutral-250: hsl(210, 10%, 77.5%);
+  --color-neutral-300: hsl(210, 10%, 72.5%);
+  --color-neutral-350: hsl(210, 10%, 67.5%);
+  --color-neutral-400: hsl(210, 10%, 62.5%);
+  --color-neutral-450: hsl(210, 10%, 57.5%);
+  --color-neutral-500: hsl(210, 10%, 52.5%);
+  --color-neutral-550: hsl(210, 10%, 47.5%);
+  --color-neutral-600: hsl(210, 10%, 42.5%);
+  --color-neutral-650: hsl(210, 10%, 37.5%);
+  --color-neutral-700: hsl(210, 10%, 32.5%);
+  --color-neutral-750: hsl(210, 10%, 27.5%);
+  --color-neutral-800: hsl(210, 10%, 22.5%);
+  --color-neutral-850: hsl(210, 10%, 17.5%);
+  --color-neutral-900: hsl(210, 10%, 12.5%);
+  --color-neutral-950: hsl(210, 10%, 7.5%);
+  --color-neutral-1000: hsl(210, 10%, 2.5%);
+  --color-primary-muted-0: hsl(0, 0%, 100%);
+  --color-primary-muted-50: hsl(18.24742268, 57.90598291%, 97.5%);
+  --color-primary-muted-100: hsl(18.24742268, 57.90598291%, 92.5%);
+  --color-primary-muted-150: hsl(18.24742268, 57.90598291%, 87.5%);
+  --color-primary-muted-200: hsl(18.24742268, 57.90598291%, 82.5%);
+  --color-primary-muted-250: hsl(18.24742268, 57.90598291%, 77.5%);
+  --color-primary-muted-300: hsl(18.24742268, 57.90598291%, 72.5%);
+  --color-primary-muted-350: hsl(18.24742268, 57.90598291%, 67.5%);
+  --color-primary-muted-400: hsl(18.24742268, 57.90598291%, 62.5%);
+  --color-primary-muted-450: hsl(18.24742268, 57.90598291%, 57.5%);
+  --color-primary-muted-500: hsl(18.24742268, 57.90598291%, 52.5%);
+  --color-primary-muted-550: hsl(18.24742268, 57.90598291%, 47.5%);
+  --color-primary-muted-600: hsl(18.24742268, 57.90598291%, 42.5%);
+  --color-primary-muted-650: hsl(18.24742268, 57.90598291%, 37.5%);
+  --color-primary-muted-700: hsl(18.24742268, 57.90598291%, 32.5%);
+  --color-primary-muted-750: hsl(18.24742268, 57.90598291%, 27.5%);
+  --color-primary-muted-800: hsl(18.24742268, 57.90598291%, 22.5%);
+  --color-primary-muted-850: hsl(18.24742268, 57.90598291%, 17.5%);
+  --color-primary-muted-900: hsl(18.24742268, 57.90598291%, 12.5%);
+  --color-primary-muted-950: hsl(18.24742268, 57.90598291%, 7.5%);
+  --color-primary-muted-1000: hsl(18.24742268, 57.90598291%, 2.5%);
+  --color-error-muted-0: hsl(180, 100%, 100%);
+  --color-error-muted-50: hsl(0, 46.29186603%, 97.5%);
+  --color-error-muted-100: hsl(0, 46.29186603%, 92.5%);
+  --color-error-muted-150: hsl(0, 46.29186603%, 87.5%);
+  --color-error-muted-200: hsl(0, 46.29186603%, 82.5%);
+  --color-error-muted-250: hsl(0, 46.29186603%, 77.5%);
+  --color-error-muted-300: hsl(0, 46.29186603%, 72.5%);
+  --color-error-muted-350: hsl(0, 46.29186603%, 67.5%);
+  --color-error-muted-400: hsl(0, 46.29186603%, 62.5%);
+  --color-error-muted-450: hsl(0, 46.29186603%, 57.5%);
+  --color-error-muted-500: hsl(0, 46.29186603%, 52.5%);
+  --color-error-muted-550: hsl(0, 46.29186603%, 47.5%);
+  --color-error-muted-600: hsl(0, 46.29186603%, 42.5%);
+  --color-error-muted-650: hsl(0, 46.29186603%, 37.5%);
+  --color-error-muted-700: hsl(0, 46.29186603%, 32.5%);
+  --color-error-muted-750: hsl(0, 46.29186603%, 27.5%);
+  --color-error-muted-800: hsl(0, 46.29186603%, 22.5%);
+  --color-error-muted-850: hsl(0, 46.29186603%, 17.5%);
+  --color-error-muted-900: hsl(0, 46.29186603%, 12.5%);
+  --color-error-muted-950: hsl(0, 46.29186603%, 7.5%);
+  --color-error-muted-1000: hsl(0, 46.29186603%, 2.5%);
+  --color-success-muted-0: hsl(0, 0%, 100%);
+  --color-success-muted-50: hsl(120, 27.03252033%, 97.5%);
+  --color-success-muted-100: hsl(120, 27.03252033%, 92.5%);
+  --color-success-muted-150: hsl(120, 27.03252033%, 87.5%);
+  --color-success-muted-200: hsl(120, 27.03252033%, 82.5%);
+  --color-success-muted-250: hsl(120, 27.03252033%, 77.5%);
+  --color-success-muted-300: hsl(120, 27.03252033%, 72.5%);
+  --color-success-muted-350: hsl(120, 27.03252033%, 67.5%);
+  --color-success-muted-400: hsl(120, 27.03252033%, 62.5%);
+  --color-success-muted-450: hsl(120, 27.03252033%, 57.5%);
+  --color-success-muted-500: hsl(120, 27.03252033%, 52.5%);
+  --color-success-muted-550: hsl(120, 27.03252033%, 47.5%);
+  --color-success-muted-600: hsl(120, 27.03252033%, 42.5%);
+  --color-success-muted-650: hsl(120, 27.03252033%, 37.5%);
+  --color-success-muted-700: hsl(120, 27.03252033%, 32.5%);
+  --color-success-muted-750: hsl(120, 27.03252033%, 27.5%);
+  --color-success-muted-800: hsl(120, 27.03252033%, 22.5%);
+  --color-success-muted-850: hsl(120, 27.03252033%, 17.5%);
+  --color-success-muted-900: hsl(120, 27.03252033%, 12.5%);
+  --color-success-muted-950: hsl(120, 27.03252033%, 7.5%);
+  --color-success-muted-1000: hsl(120, 27.03252033%, 2.5%);
+  --color-warning-muted-0: hsl(240, 100%, 100%);
+  --color-warning-muted-50: hsl(44.9197861, 51.32653061%, 97.5%);
+  --color-warning-muted-100: hsl(44.9197861, 51.32653061%, 92.5%);
+  --color-warning-muted-150: hsl(44.9197861, 51.32653061%, 87.5%);
+  --color-warning-muted-200: hsl(44.9197861, 51.32653061%, 82.5%);
+  --color-warning-muted-250: hsl(44.9197861, 51.32653061%, 77.5%);
+  --color-warning-muted-300: hsl(44.9197861, 51.32653061%, 72.5%);
+  --color-warning-muted-350: hsl(44.9197861, 51.32653061%, 67.5%);
+  --color-warning-muted-400: hsl(44.9197861, 51.32653061%, 62.5%);
+  --color-warning-muted-450: hsl(44.9197861, 51.32653061%, 57.5%);
+  --color-warning-muted-500: hsl(44.9197861, 51.32653061%, 52.5%);
+  --color-warning-muted-550: hsl(44.9197861, 51.32653061%, 47.5%);
+  --color-warning-muted-600: hsl(44.9197861, 51.32653061%, 42.5%);
+  --color-warning-muted-650: hsl(44.9197861, 51.32653061%, 37.5%);
+  --color-warning-muted-700: hsl(44.9197861, 51.32653061%, 32.5%);
+  --color-warning-muted-750: hsl(44.9197861, 51.32653061%, 27.5%);
+  --color-warning-muted-800: hsl(44.9197861, 51.32653061%, 22.5%);
+  --color-warning-muted-850: hsl(44.9197861, 51.32653061%, 17.5%);
+  --color-warning-muted-900: hsl(44.9197861, 51.32653061%, 12.5%);
+  --color-warning-muted-950: hsl(44.9197861, 51.32653061%, 7.5%);
+  --color-warning-muted-1000: hsl(44.9197861, 51.32653061%, 2.5%);
+  --color-info-muted-0: hsl(0, 0%, 100%);
+  --color-info-muted-50: hsl(201.03092784, 57.90598291%, 97.5%);
+  --color-info-muted-100: hsl(201.03092784, 57.90598291%, 92.5%);
+  --color-info-muted-150: hsl(201.03092784, 57.90598291%, 87.5%);
+  --color-info-muted-200: hsl(201.03092784, 57.90598291%, 82.5%);
+  --color-info-muted-250: hsl(201.03092784, 57.90598291%, 77.5%);
+  --color-info-muted-300: hsl(201.03092784, 57.90598291%, 72.5%);
+  --color-info-muted-350: hsl(201.03092784, 57.90598291%, 67.5%);
+  --color-info-muted-400: hsl(201.03092784, 57.90598291%, 62.5%);
+  --color-info-muted-450: hsl(201.03092784, 57.90598291%, 57.5%);
+  --color-info-muted-500: hsl(201.03092784, 57.90598291%, 52.5%);
+  --color-info-muted-550: hsl(201.03092784, 57.90598291%, 47.5%);
+  --color-info-muted-600: hsl(201.03092784, 57.90598291%, 42.5%);
+  --color-info-muted-650: hsl(201.03092784, 57.90598291%, 37.5%);
+  --color-info-muted-700: hsl(201.03092784, 57.90598291%, 32.5%);
+  --color-info-muted-750: hsl(201.03092784, 57.90598291%, 27.5%);
+  --color-info-muted-800: hsl(201.03092784, 57.90598291%, 22.5%);
+  --color-info-muted-850: hsl(201.03092784, 57.90598291%, 17.5%);
+  --color-info-muted-900: hsl(201.03092784, 57.90598291%, 12.5%);
+  --color-info-muted-950: hsl(201.03092784, 57.90598291%, 7.5%);
+  --color-info-muted-1000: hsl(201.03092784, 57.90598291%, 2.5%);
+}
+:root {
+  color-scheme: initial;
+  --size: 32px;
+  --size-sm: 24px;
+  --size-xs: 16px;
+  --spacing-3xl: 36px;
+  --spacing-2xl: 32px;
+  --spacing-xl: 28px;
+  --spacing-lg: 24px;
+  --spacing: 20px;
+  --spacing-sm: 16px;
+  --spacing-xs: 12px;
+  --spacing-2xs: 8px;
+  --spacing-3xs: 4px;
+  --padding-input-x: var(--spacing-xs);
+  --padding-input-y: var(--spacing-2xs);
+  --border-radius: 4px;
+  --color-text: rgba(0, 0, 0, 0.87);
+  --color-text-muted: #7d7b7a;
+  --color-text-faint: #acabab;
+  --color-text-error: hsl(0, 40%, 50%);
+  --color-text-warning: var(--color-warning-700);
+  --color-text-success: hsl(120, 40%, 50%);
+  --color-text-info: hsl(201.03092784, 40%, 50%);
+  --color-text-primary: #eb6429;
+  --color-text-primary-hover: #ce4c13;
+  --color-text-primary-active: #9f3b0f;
+  --color-text-placeholder: rgba(0, 0, 0, 0.3);
+  --color-background: #f5f7f9;
+  --color-background-raised: white;
+  --color-background-disabled: rgba(0, 0, 0, 0.025);
+  --color-background-info: hsl(201.03092784, 40%, 90%);
+  --color-background-error: hsl(0, 40%, 90%);
+  --color-background-success: hsl(120, 40%, 90%);
+  --color-background-warning: var(--color-warning-100);
+  --color-background-primary: #eb6429;
+  --color-background-input: white;
+  --color-background-listitem-active: #fff0e4;
+  --color-background-listitem-hover: #f5f7f9;
+  --color-background-menuitem-active: #edf1f4;
+  --color-background-menuitem-hover: #f5f7f9;
+  --color-background-menuitem-activehover: #e5eaef;
+  --color-border: #ddd;
+  --color-border-checkbox: var(--color-neutral-300);
+  --color-border-hover: var(--color-neutral-400);
+  --color-border-focus: var(--color-info-muted-500);
+  --color-border-error: var(--color-error-muted-300);
+  --color-border-error-hover: var(--color-error-muted-400);
+  --color-border-warning: var(--color-warning-muted-300);
+  --color-border-warning-hover: var(--color-warning-muted-400);
+  --shadow-focus: 0 0 0 2px rgba(41, 167, 235, 0.25);
+}
+html[data-theme='dark'] {
+  color-scheme: dark;
+  --color-text: var(--color-neutral-200);
+  --color-text-muted: var(--color-neutral-400);
+  --color-text-faint: var(--color-neutral-600);
+  --color-text-primary: var(--color-primary-muted-450);
+  --color-text-primary-active: var(--color-primary-muted-350);
+  --color-text-primary-hover: var(--color-primary-muted-400);
+  --color-text-error: var(--color-error-muted-300);
+  --color-text-info: var(--color-info-muted-300);
+  --color-text-success: var(--color-success-muted-300);
+  --color-text-warning: var(--color-warning-muted-300);
+  --color-text-placeholder: rgba(255, 255, 255, 0.3);
+  --color-background: var(--color-neutral-900);
+  --color-background-raised: var(--color-neutral-800);
+  --color-background-disabled: rgba(0, 0, 0, 0.2);
+  --color-background-error: var(--color-error-muted-700);
+  --color-background-info: var(--color-info-muted-700);
+  --color-background-success: var(--color-success-muted-700);
+  --color-background-warning: var(--color-warning-muted-700);
+  --color-background-primary: var(--color-primary-muted-500);
+  --color-background-input: var(--color-neutral-750);
+  --color-background-listitem-active: var(--color-primary-muted-750);
+  --color-background-listitem-hover: var(--color-neutral-750);
+  --color-background-menuitem-active: var(--color-neutral-650);
+  --color-background-menuitem-hover: var(--color-neutral-700);
+  --color-background-menuitem-activehover: var(--color-neutral-600);
+  --color-border: var(--color-neutral-1000);
+  --color-border-checkbox: var(--color-neutral-1000);
+  --color-border-hover: var(--color-neutral-500);
+  --color-border-focus: var(--color-info-500);
+  --color-border-error: var(--color-neutral-1000);
+  --color-border-warning: var(--color-neutral-1000);
+  --shadow-focus: 0 0 0 2px rgba(41, 167, 235, 0.5);
+}
+/*
+  LAYOUT
+*/
+/*
+  CARDS
+*/
+/*
+  INPUTS
+*/
+/*
+  Z-INDEX
+*/
+._title_83v84_337 {
+  background-color: var(--color-background);
+  border: 1px solid var(--color-border);
+  padding: 6.5px 12px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 4px;
+  width: 100%;
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+  margin-bottom: -1px;
 }
 /*
  This file has shared variables that are re-used in other LESS files/modules