@seeqdev/qomponents 0.0.45 → 0.0.46

package/dist/styles.css

@@ -100,12 +100,8 @@
     width: 1.25em;
 }
 
-.fc-formula-ai:before {
-    content: "\e901";
-}
-
-.fc-datalab-ai:before {
-    content: "\e900";
+.fc-genai-chat:before {
+    content: "\e9ac";
 }
 
 .fc-marker:before {
@@ -121,695 +117,691 @@
 }
 
 .fc-scatterplot-line:before {
-    content: "\e902";
+    content: "\e900";
 }
 
 .fc-annotate:before {
-    content: "\e903";
+    content: "\e901";
 }
 
 .fc-capsule:before {
-    content: "\e904";
+    content: "\e902";
 }
 
 .fc-search-limit:before {
-    content: "\e905";
+    content: "\e903";
 }
 
 .fc-search-logic:before {
-    content: "\e906";
+    content: "\e904";
 }
 
 .fc-search-pattern:before {
-    content: "\e907";
+    content: "\e905";
 }
 
 .fc-search-power:before {
-    content: "\e908";
+    content: "\e906";
 }
 
 .fc-home:before {
-    content: "\e909";
+    content: "\e907";
 }
 
 .fc-capsule-set:before {
-    content: "\e90a";
+    content: "\e908";
 }
 
 .fc-scatterplot:before {
-    content: "\e90b";
+    content: "\e909";
 }
 
 .fc-series:before {
-    content: "\e90c";
+    content: "\e90a";
 }
 
 .fc-group:before {
-    content: "\e90d";
+    content: "\e90b";
 }
 
 .fc-boundary-alert:before {
-    content: "\e90e";
+    content: "\e90c";
 }
 
 .fc-chart-alert:before {
-    content: "\e90f";
+    content: "\e90d";
 }
 
 .fc-seeq-datalab:before {
-    content: "\e910";
+    content: "\e90e";
 }
 
 .fc-seeq-datalab-lock:before {
-    content: "\e911";
+    content: "\e90f";
 }
 
 .fc-all-items:before {
-    content: "\e912";
+    content: "\e910";
 }
 
 .fc-asset-tree:before {
-    content: "\e913";
+    content: "\e911";
 }
 
 .fc-trend:before {
-    content: "\e914";
+    content: "\e912";
 }
 
 .fc-flag:before {
-    content: "\e915";
+    content: "\e913";
 }
 
 .fc-capsules:before {
-    content: "\e916";
+    content: "\e914";
 }
 
 .fc-connect:before {
-    content: "\e917";
+    content: "\e915";
 }
 
 .fc-display-range:before {
-    content: "\e918";
+    content: "\e916";
 }
 
 .fc-statistics:before {
-    content: "\e919";
+    content: "\e917";
 }
 
 .fc-eye:before {
-    content: "\e91a";
+    content: "\e918";
 }
 
 .fc-eye-o:before {
-    content: "\e91b";
+    content: "\e919";
 }
 
 .fc-data-file:before {
-    content: "\e91c";
+    content: "\e91a";
 }
 
 .fc-gridline:before {
-    content: "\e91d";
+    content: "\e91b";
 }
 
 .fc-model-and-predict:before {
-    content: "\e91e";
+    content: "\e91c";
 }
 
 .fc-cleanse:before {
-    content: "\e91f";
+    content: "\e91d";
 }
 
 .fc-identify:before {
-    content: "\e920";
+    content: "\e91e";
 }
 
 .fc-quantify:before {
-    content: "\e921";
+    content: "\e91f";
 }
 
 .fc-treemap:before {
-    content: "\e922";
+    content: "\e920";
 }
 
 .fc-series-dim:before {
-    content: "\e923";
+    content: "\e921";
 }
 
 .fc-series-gen:before {
-    content: "\e924";
+    content: "\e922";
 }
 
 .fc-formula:before {
-    content: "\e925";
+    content: "\e923";
 }
 
 .fc-alignment:before {
-    content: "\e926";
+    content: "\e924";
 }
 
 .fc-delete:before {
-    content: "\e927";
+    content: "\e925";
 }
 
 .fc-list:before {
-    content: "\e928";
+    content: "\e926";
 }
 
 .fc-tile:before {
-    content: "\e929";
+    content: "\e927";
 }
 
 .fc-arrow_down:before {
-    content: "\e92a";
+    content: "\e928";
 }
 
 .fc-arrow_up:before {
-    content: "\e92b";
+    content: "\e929";
 }
 
 .fc-user-community:before {
-    content: "\e92c";
+    content: "\e92a";
 }
 
 .fc-certificate:before {
-    content: "\e92d";
+    content: "\e92b";
 }
 
 .fc-training:before {
-    content: "\e92e";
+    content: "\e92c";
 }
 
 .fc-knowledge-base:before {
-    content: "\e92f";
+    content: "\e92d";
 }
 
 .fc-causality:before {
-    content: "\e930";
+    content: "\e92e";
 }
 
 .fc-parallel-coordinate:before {
-    content: "\e931";
+    content: "\e92f";
 }
 
 .fc-arrow_updown:before {
-    content: "\e932";
+    content: "\e930";
 }
 
 .fc-circle_warning:before {
-    content: "\e933";
+    content: "\e931";
 }
 
 .fc-circle_info:before {
-    content: "\e934";
+    content: "\e932";
 }
 
 .fc-warning:before {
-    content: "\e935";
+    content: "\e933";
 }
 
 .fc-grab-window:before {
-    content: "\e936";
+    content: "\e934";
 }
 
 .fc-magnify:before {
-    content: "\e937";
+    content: "\e935";
 }
 
 .fc-box-empty:before {
-    content: "\e938";
+    content: "\e936";
 }
 
 .fc-box-check:before {
-    content: "\e939";
+    content: "\e937";
 }
 
 .fc-circle-empty:before {
-    content: "\e93a";
+    content: "\e938";
 }
 
 .fc-circle-check:before {
-    content: "\e93b";
+    content: "\e939";
 }
 
 .fc-q_search:before {
-    content: "\e93c";
+    content: "\e93a";
 }
 
 .fc-scatterplot-select:before {
-    content: "\e93d";
+    content: "\e93b";
 }
 
 .fc-redo:before {
-    content: "\e93e";
+    content: "\e93c";
 }
 
 .fc-digital-filter:before {
-    content: "\e93f";
+    content: "\e93d";
 }
 
 .fc-support:before {
-    content: "\e940";
+    content: "\e93e";
 }
 
 .fc-binoculars:before {
-    content: "\e941";
+    content: "\e93f";
 }
 
 .fc-check:before {
-    content: "\e942";
+    content: "\e940";
 }
 
 .fc-filter:before {
-    content: "\e943";
+    content: "\e941";
 }
 
 .fc-trash:before {
-    content: "\e944";
+    content: "\e942";
 }
 
 .fc-gear:before {
-    content: "\e945";
+    content: "\e943";
 }
 
 .fc-lock:before {
-    content: "\e946";
+    content: "\e944";
 }
 
 .fc-lock-open:before {
-    content: "\e947";
+    content: "\e945";
 }
 
 .fc-arrow-dropdown:before {
-    content: "\e948";
+    content: "\e946";
 }
 
 .fc-mag-glass-empty:before {
-    content: "\e949";
+    content: "\e947";
 }
 
 .fc-globe:before {
-    content: "\e94a";
+    content: "\e948";
 }
 
 .fc-edit:before {
-    content: "\e94b";
+    content: "\e949";
 }
 
 .fc-add-column:before {
-    content: "\e94c";
+    content: "\e94a";
 }
 
 .fc-add-row:before {
-    content: "\e94d";
+    content: "\e94b";
 }
 
 .fc-border-style:before {
-    content: "\e94e";
+    content: "\e94c";
 }
 
 .fc-clock-density:before {
-    content: "\e94f";
+    content: "\e94d";
 }
 
 .fc-plus-assets:before {
-    content: "\e950";
+    content: "\e94e";
 }
 
 .fc-plus-selected:before {
-    content: "\e951";
+    content: "\e94f";
 }
 
 .fc-comment:before {
-    content: "\e952";
+    content: "\e950";
 }
 
 .fc-user:before {
-    content: "\e953";
+    content: "\e951";
 }
 
 .fc-engineer:before {
-    content: "\e954";
+    content: "\e952";
 }
 
 .fc-pricing:before {
-    content: "\e955";
+    content: "\e953";
 }
 
 .fc-free-trial:before {
-    content: "\e956";
+    content: "\e954";
 }
 
 .fc-partners:before {
-    content: "\e957";
+    content: "\e955";
 }
 
 .fc-meter:before {
-    content: "\e958";
+    content: "\e956";
 }
 
 .fc-beaker:before {
-    content: "\e959";
+    content: "\e957";
 }
 
 .fc-lightbulb:before {
-    content: "\e95a";
+    content: "\e958";
 }
 
 .fc-pdf:before {
-    content: "\e95b";
+    content: "\e959";
 }
 
 .fc-add-column-2:before {
-    content: "\e95c";
+    content: "\e95a";
 }
 
 .fc-add-row-2:before {
-    content: "\e95d";
+    content: "\e95b";
 }
 
 .fc-eraser:before {
-    content: "\e95e";
+    content: "\e95c";
 }
 
 .fc-paintbrush:before {
-    content: "\e95f";
+    content: "\e95d";
 }
 
 .fc-rows:before {
-    content: "\e960";
+    content: "\e95e";
 }
 
 .fc-quick-start:before {
-    content: "\e961";
+    content: "\e95f";
 }
 
 .fc-video:before {
-    content: "\e962";
+    content: "\e960";
 }
 
 .fc-wireless2:before {
-    content: "\e963";
+    content: "\e961";
 }
 
 .fc-wireless:before {
-    content: "\e964";
+    content: "\e962";
 }
 
 .fc-mag-glass:before {
-    content: "\e965";
+    content: "\e963";
 }
 
 .fc-data:before {
-    content: "\e966";
+    content: "\e964";
 }
 
 .fc-annotation:before {
-    content: "\e967";
+    content: "\e965";
 }
 
 .fc-briefcase:before {
-    content: "\e968";
+    content: "\e966";
 }
 
 .fc-investigate:before {
-    content: "\e969";
+    content: "\e967";
 }
 
 .fc-monitor:before {
-    content: "\e96a";
+    content: "\e968";
 }
 
 .fc-clipboard:before {
-    content: "\e96b";
+    content: "\e969";
 }
 
 .fc-share-access:before {
-    content: "\e96c";
+    content: "\e96a";
 }
 
 .fc-bar-chart-horizontal:before {
-    content: "\e96d";
+    content: "\e96b";
 }
 
 .fc-stacked-bar-chart:before {
-    content: "\e96e";
+    content: "\e96c";
 }
 
 .fc-stacked-bar-horizontal:before {
-    content: "\e96f";
+    content: "\e96d";
 }
 
 .fc-excel:before {
-    content: "\e970";
+    content: "\e96e";
 }
 
 .fc-usage:before {
-    content: "\e971";
+    content: "\e96f";
 }
 
 .fc-gears-2:before {
-    content: "\e972";
+    content: "\e970";
 }
 
 .fc-pharma:before {
-    content: "\e973";
+    content: "\e971";
 }
 
 .fc-water:before {
-    content: "\e974";
+    content: "\e972";
 }
 
 .fc-chemical:before {
-    content: "\e975";
+    content: "\e973";
 }
 
 .fc-oil:before {
-    content: "\e976";
+    content: "\e974";
 }
 
 .fc-beverage:before {
-    content: "\e977";
+    content: "\e975";
 }
 
 .fc-utilities:before {
-    content: "\e978";
+    content: "\e976";
 }
 
 .fc-manufacturing:before {
-    content: "\e979";
+    content: "\e977";
 }
 
 .fc-industry:before {
-    content: "\e97a";
+    content: "\e978";
 }
 
 .fc-viz-normal:before {
-    content: "\e97b";
+    content: "\e979";
 }
 
 .fc-compare:before {
-    content: "\e97c";
+    content: "\e97a";
 }
 
 .fc-diamond:before {
-    content: "\e97d";
+    content: "\e97b";
 }
 
 .fc-square:before {
-    content: "\e97e";
+    content: "\e97c";
 }
 
 .fc-triangle:before {
-    content: "\e97f";
+    content: "\e97d";
 }
 
 .fc-rectangle:before {
-    content: "\e980";
+    content: "\e97e";
 }
 
 .fc-strip:before {
-    content: "\e981";
+    content: "\e97f";
 }
 
 .fc-viz-overlay:before {
-    content: "\e982";
+    content: "\e980";
 }
 
 .fc-viz-chain:before {
-    content: "\e983";
+    content: "\e981";
 }
 
 .fc-graph:before {
-    content: "\e984";
+    content: "\e982";
 }
 
 .fc-pin:before {
-    content: "\e985";
+    content: "\e983";
 }
 
 .fc-y-axis:before {
-    content: "\e986";
+    content: "\e984";
 }
 
 .fc-capsule-bar:before {
-    content: "\e987";
+    content: "\e985";
 }
 
 .fc-copy:before {
-    content: "\e988";
+    content: "\e986";
 }
 
 .fc-link:before {
-    content: "\e989";
+    content: "\e987";
 }
 
 .fc-unlink:before {
-    content: "\e98a";
+    content: "\e988";
 }
 
 .fc-step-back-full:before {
-    content: "\e98b";
+    content: "\e989";
 }
 
 .fc-displays:before {
-    content: "\e98c";
+    content: "\e98a";
 }
 
 .fc-overwrite:before {
-    content: "\e98d";
+    content: "\e98b";
 }
 
 .fc-rename:before {
-    content: "\e98e";
+    content: "\e98c";
 }
 
 .fc-parallel-boundary:before {
-    content: "\e98f";
+    content: "\e98d";
 }
 
 .fc-loading-notch:before {
-    content: "\e990";
+    content: "\e98e";
 }
 
 .fc-skill-explorer:before {
-    content: "\e991";
+    content: "\e98f";
 }
 
 .fc-step-fore-full:before {
-    content: "\e992";
+    content: "\e990";
 }
 
 .fc-step-back-half:before {
-    content: "\e993";
+    content: "\e991";
 }
 
 .fc-step-fore-half:before {
-    content: "\e994";
+    content: "\e992";
 }
 
 .fc-arrow-down:before {
-    content: "\e995";
+    content: "\e993";
 }
 
 .fc-arrow-up:before {
-    content: "\e996";
+    content: "\e994";
 }
 
 .fc-expand-close:before {
-    content: "\e997";
+    content: "\e995";
 }
 
 .fc-expand-open:before {
-    content: "\e998";
+    content: "\e996";
 }
 
 .fc-axis:before {
-    content: "\e999";
+    content: "\e997";
 }
 
 .fc-axis-o:before {
-    content: "\e99a";
+    content: "\e998";
 }
 
 .fc-solid:before {
-    content: "\e99b";
+    content: "\e999";
 }
 
 .fc-sun:before {
-    content: "\e99c";
+    content: "\e99a";
 }
 
 .fc-announcements:before {
-    content: "\e99d";
+    content: "\e99b";
 }
 
 .fc-bell-cog:before {
-    content: "\e99e";
+    content: "\e99c";
 }
 
 .fc-copy-date:before {
-    content: "\e99f";
+    content: "\e99d";
 }
 
 .fc-copy-date-2:before {
-    content: "\e9a0";
+    content: "\e99e";
 }
 
 .fc-bell-solid:before {
-    content: "\e9a1";
+    content: "\e99f";
 }
 
 .fc-bell-regular:before {
-    content: "\e9a2";
+    content: "\e9a0";
 }
 
 .fc-add-on-1:before {
-    content: "\e9a3";
+    content: "\e9a1";
 }
 
 .fc-view-data:before {
-    content: "\e9a4";
+    content: "\e9a2";
 }
 
 .fc-add-on-2:before {
-    content: "\e9a5";
+    content: "\e9a3";
 }
 
 .fc-external-link:before {
-    content: "\e9a6";
+    content: "\e9a4";
 }
 
 .fc-pdf-cog:before {
-    content: "\e9a7";
+    content: "\e9a5";
 }
 
 .fc-pdf-file:before {
-    content: "\e9a8";
+    content: "\e9a6";
 }
 
 .fc-filter-remove:before {
-    content: "\e9a9";
+    content: "\e9a7";
 }
 
 .fc-autosize-all-cells:before {
-    content: "\e9aa";
+    content: "\e9a8";
 }
 
 .fc-autosize-cell2:before {
-    content: "\e9ab";
+    content: "\e9a9";
 }
 
 .fc-toggle-off:before {
-    content: "\e9ac";
+    content: "\e9aa";
 }
 
 .fc-toggle-on:before {
-    content: "\e9ad";
-}
-
-.fc-genai-chat:before {
-    content: "\e9ae";
+    content: "\e9ab";
 }
 
 .fc-short-dash:before {
@@ -1576,6 +1568,42 @@ ol,
         padding: revert;
     }
 
+h1 {
+        font-size: 2.125rem !important;
+        margin-top: 0 !important;
+        margin-bottom: 0 !important;
+    }
+
+h2 {
+        font-size: 1.875rem !important;
+        margin-top: 0 !important;
+        margin-bottom: 0 !important;
+    }
+
+h3 {
+        font-size: 1.5rem !important;
+        margin-top: 0 !important;
+        margin-bottom: 0 !important;
+    }
+
+h4 {
+        font-size: 1.25rem !important;
+        margin-top: 0 !important;
+        margin-bottom: 0 !important;
+    }
+
+h5 {
+        font-size: 1.125rem !important;
+        margin-top: 0 !important;
+        margin-bottom: 0 !important;
+    }
+
+h6 {
+        font-size: 1rem !important;
+        margin-top: 0 !important;
+        margin-bottom: 0 !important;
+    }
+
 *, ::before, ::after {
     --tw-border-spacing-x: 0;
     --tw-border-spacing-y: 0;
@@ -1760,6 +1788,10 @@ ol,
     visibility: hidden;
 }
 
+.tw-fixed {
+    position: fixed;
+}
+
 .tw-absolute {
     position: absolute;
 }
@@ -1768,6 +1800,13 @@ ol,
     position: relative;
 }
 
+.tw-inset-0 {
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+}
+
 .-tw-bottom-2 {
     bottom: -0.5rem;
 }
@@ -1788,6 +1827,14 @@ ol,
     left: 50%;
 }
 
+.tw-left-\[50\%\] {
+    left: 50%;
+}
+
+.tw-top-0 {
+    top: 0px;
+}
+
 .tw-top-1\/2 {
     top: 50%;
 }
@@ -1808,6 +1855,10 @@ ol,
     z-index: 1000;
 }
 
+.tw-z-\[1001\] {
+    z-index: 1001;
+}
+
 .tw-z-\[9999\] {
     z-index: 9999;
 }
@@ -1824,6 +1875,11 @@ ol,
     margin: 1.25rem;
 }
 
+.tw-my-6 {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+}
+
 .tw--mt-0 {
     margin-top: -0px;
 }
@@ -1832,6 +1888,10 @@ ol,
     margin-top: -0.125rem;
 }
 
+.tw-mb-0 {
+    margin-bottom: 0px;
+}
+
 .tw-mb-5 {
     margin-bottom: 1.25rem;
 }
@@ -1848,6 +1908,10 @@ ol,
     margin-left: 0.375rem;
 }
 
+.tw-ml-4 {
+    margin-left: 1rem;
+}
+
 .tw-ml-\[3px\] {
     margin-left: 3px;
 }
@@ -1864,6 +1928,14 @@ ol,
     margin-right: 7px;
 }
 
+.tw-mt-1 {
+    margin-top: 0.25rem;
+}
+
+.tw-mt-1\.5 {
+    margin-top: 0.375rem;
+}
+
 .tw-inline-block {
     display: inline-block;
 }
@@ -1896,10 +1968,18 @@ ol,
     height: 45px;
 }
 
+.tw-h-full {
+    height: 100%;
+}
+
 .tw-h-inputs {
     height: 34px;
 }
 
+.tw-w-24 {
+    width: 6rem;
+}
+
 .tw-w-3 {
     width: 0.75rem;
 }
@@ -1916,6 +1996,10 @@ ol,
     width: 200px;
 }
 
+.tw-w-full {
+    width: 100%;
+}
+
 .tw-min-w-\[300px\] {
     min-width: 300px;
 }
@@ -1925,6 +2009,46 @@ ol,
     min-width: fit-content;
 }
 
+.tw-max-w-2xl {
+    max-width: 42rem;
+}
+
+.tw-max-w-3xl {
+    max-width: 48rem;
+}
+
+.tw-max-w-4xl {
+    max-width: 56rem;
+}
+
+.tw-max-w-5xl {
+    max-width: 64rem;
+}
+
+.tw-max-w-6xl {
+    max-width: 72rem;
+}
+
+.tw-max-w-lg {
+    max-width: 32rem;
+}
+
+.tw-max-w-md {
+    max-width: 28rem;
+}
+
+.tw-max-w-sm {
+    max-width: 24rem;
+}
+
+.tw-max-w-xl {
+    max-width: 36rem;
+}
+
+.tw-max-w-xs {
+    max-width: 20rem;
+}
+
 .tw-flex-1 {
     flex: 1 1 0%;
 }
@@ -1949,6 +2073,11 @@ ol,
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.tw-translate-x-\[-50\%\] {
+    --tw-translate-x: -50%;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .tw-translate-x-full {
     --tw-translate-x: 100%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1996,10 +2125,26 @@ ol,
     align-items: center;
 }
 
+.tw-justify-start {
+    justify-content: flex-start;
+}
+
+.tw-justify-end {
+    justify-content: flex-end;
+}
+
 .tw-justify-center {
     justify-content: center;
 }
 
+.tw-justify-between {
+    justify-content: space-between;
+}
+
+.\!tw-gap-0 {
+    gap: 0px !important;
+}
+
 .tw-gap-4 {
     gap: 1rem;
 }
@@ -2012,6 +2157,10 @@ ol,
     overflow: hidden;
 }
 
+.tw-overflow-y-auto {
+    overflow-y: auto;
+}
+
 .tw-whitespace-nowrap {
     white-space: nowrap;
 }
@@ -2020,6 +2169,10 @@ ol,
     border-radius: 0.25rem;
 }
 
+.tw-rounded-lg {
+    border-radius: 0.5rem;
+}
+
 .tw-rounded-sm {
     border-radius: 3px;
 }
@@ -2056,6 +2209,14 @@ ol,
     border-width: 1px;
 }
 
+.tw-border-0 {
+    border-width: 0px;
+}
+
+.tw-border-b {
+    border-bottom-width: 1px;
+}
+
 .tw-border-b-\[1px\] {
     border-bottom-width: 1px;
 }
@@ -2188,6 +2349,10 @@ ol,
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.\!tw-p-0 {
+    padding: 0px !important;
+}
+
 .tw-p-0 {
     padding: 0px;
 }
@@ -2208,6 +2373,10 @@ ol,
     padding: 1.25rem;
 }
 
+.tw-p-6 {
+    padding: 1.5rem;
+}
+
 .tw-p-\[0\.5rem\] {
     padding: 0.5rem;
 }
@@ -2232,6 +2401,11 @@ ol,
     padding-right: 0.75rem;
 }
 
+.tw-px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+}
+
 .tw-px-\[5px\] {
     padding-left: 5px;
     padding-right: 5px;
@@ -2252,6 +2426,11 @@ ol,
     padding-bottom: 0.25rem;
 }
 
+.tw-py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+}
+
 .tw-py-\[1px\] {
     padding-top: 1px;
     padding-bottom: 1px;
@@ -2262,6 +2441,14 @@ ol,
     padding-bottom: 3px;
 }
 
+.tw-pl-0 {
+    padding-left: 0px;
+}
+
+.tw-pl-0\.5 {
+    padding-left: 0.125rem;
+}
+
 .tw-pl-2 {
     padding-left: 0.5rem;
 }
@@ -2278,6 +2465,10 @@ ol,
     padding-right: 0.375rem;
 }
 
+.tw-text-left {
+    text-align: left;
+}
+
 .tw-text-center {
     text-align: center;
 }
@@ -2317,6 +2508,10 @@ ol,
     font-weight: 500;
 }
 
+.tw-italic {
+    font-style: italic;
+}
+
 .tw-leading-normal {
     line-height: 1.5;
 }
@@ -2404,11 +2599,31 @@ ol,
     opacity: 0.5;
 }
 
+.tw-opacity-70 {
+    opacity: 0.7;
+}
+
+.tw-shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.tw-shadow-none {
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .tw-outline-none {
     outline: 2px solid transparent;
     outline-offset: 2px;
 }
 
+.tw-duration-200 {
+    transition-duration: 200ms;
+}
+
 /* Heads up! Before these colors can be used you must also add them to the tailwind.config.cjs! */
 
 /* Make sure to keep these colors in sync with the webserver/_custom_variables.scss values to ensure cohesive UIs */
@@ -2451,6 +2666,23 @@ ol,
     animation: fadeIn 500ms;
 }
 
+.modal-header .close {
+    font-weight: 700;
+    text-shadow: 0 1px 0 #fff;
+}
+
+.modal-header .close:focus-visible {
+    outline: none;
+}
+
+.modalContent {
+    max-height: calc(100% - 3.5rem);
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    box-shadow: #00000080 0 5px 15px;
+}
+
 .before\:tw-absolute::before {
     content: var(--tw-content);
     position: absolute;
@@ -2654,6 +2886,10 @@ ol,
     color: rgb(var(--sq-danger-color));
 }
 
+.hover\:tw-opacity-100:hover {
+    opacity: 1;
+}
+
 .checked\:hover\:tw-border-sq-color-dark:hover:checked {
     --tw-border-opacity: 1;
     border-color: rgb(var(--sq-color-dark));
@@ -2974,4 +3210,4 @@ ol,
 .tw-dark .dark\:disabled\:tw-border-sq-fairly-dark-gray:disabled {
     --tw-border-opacity: 1;
     border-color: rgb(var(--sq-fairly-dark-gray));
-}
+}