@seeqdev/qomponents 0.0.22 → 0.0.23

package/dist/styles.css

@@ -1,1104 +1,1104 @@
-@font-face {
-    font-family: 'fontCustom';
-    src: url('FontCustom.woff2') format('woff2'),
-    url('FontCustom.woff') format('woff');
-    font-weight: normal;
-    font-style: normal;
-}
-
-.fc {
-    font: normal normal normal 14px/1 fontCustom;
-    font-family: fontCustom !important;
-    speak: none;
-    text-transform: none;
-    display: inline-block;
-
-
-    /* Better Font Rendering =========== */
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-.fa-1x {
-    font-size: 1em;
-}
-
-.fa-2x {
-    font-size: 2em;
-}
-
-.fa-3x {
-    font-size: 3em;
-}
-
-.fa-4x {
-    font-size: 4em;
-}
-
-.fa-5x {
-    font-size: 5em;
-}
-
-.fa-6x {
-    font-size: 6em;
-}
-
-.fa-7x {
-    font-size: 7em;
-}
-
-.fa-8x {
-    font-size: 8em;
-}
-
-.fa-9x {
-    font-size: 9em;
-}
-
-.fa-10x {
-    font-size: 10em;
-}
-
-.fa-2xs {
-    font-size: 0.625em;
-    line-height: 0.1em;
-    vertical-align: 0.225em;
-}
-
-.fa-xs {
-    font-size: 0.75em;
-    line-height: 0.08333em;
-    vertical-align: 0.125em;
-}
-
-.fa-sm {
-    font-size: 0.875em;
-    line-height: 0.07143em;
-    vertical-align: 0.05357em;
-}
-
-.fa-lg {
-    font-size: 1.25em;
-    line-height: 0.05em;
-    vertical-align: -0.075em;
-}
-
-.fa-xl {
-    font-size: 1.5em;
-    line-height: 0.04167em;
-    vertical-align: -0.125em;
-}
-
-.fa-2xl {
-    font-size: 2em;
-    line-height: 0.03125em;
-    vertical-align: -0.1875em;
-}
-
-.fa-fw {
-    text-align: center;
-    width: 1.25em;
-}
-
+@font-face {
+    font-family: 'fontCustom';
+    src: url('FontCustom.woff2') format('woff2'),
+    url('FontCustom.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+.fc {
+    font: normal normal normal 14px/1 fontCustom;
+    font-family: fontCustom !important;
+    speak: none;
+    text-transform: none;
+    display: inline-block;
+
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.fa-1x {
+    font-size: 1em;
+}
+
+.fa-2x {
+    font-size: 2em;
+}
+
+.fa-3x {
+    font-size: 3em;
+}
+
+.fa-4x {
+    font-size: 4em;
+}
+
+.fa-5x {
+    font-size: 5em;
+}
+
+.fa-6x {
+    font-size: 6em;
+}
+
+.fa-7x {
+    font-size: 7em;
+}
+
+.fa-8x {
+    font-size: 8em;
+}
+
+.fa-9x {
+    font-size: 9em;
+}
+
+.fa-10x {
+    font-size: 10em;
+}
+
+.fa-2xs {
+    font-size: 0.625em;
+    line-height: 0.1em;
+    vertical-align: 0.225em;
+}
+
+.fa-xs {
+    font-size: 0.75em;
+    line-height: 0.08333em;
+    vertical-align: 0.125em;
+}
+
+.fa-sm {
+    font-size: 0.875em;
+    line-height: 0.07143em;
+    vertical-align: 0.05357em;
+}
+
+.fa-lg {
+    font-size: 1.25em;
+    line-height: 0.05em;
+    vertical-align: -0.075em;
+}
+
+.fa-xl {
+    font-size: 1.5em;
+    line-height: 0.04167em;
+    vertical-align: -0.125em;
+}
+
+.fa-2xl {
+    font-size: 2em;
+    line-height: 0.03125em;
+    vertical-align: -0.1875em;
+}
+
+.fa-fw {
+    text-align: center;
+    width: 1.25em;
+}
+
 .fc-filter-remove:before {
   content: "\e9a7";
-}
-
+}
+
 .fc-pdf-cog:before {
   content: "\e9a5";
-}
-
+}
+
 .fc-pdf-file:before {
   content: "\e9a6";
-}
-
+}
+
 .fc-marker:before {
   content: "\a961";
-}
-
+}
+
 .fc-display-range-unused:before {
   content: "\a96e";
-}
-
+}
+
 .fc-series-new:before {
   content: "\a979";
-}
-
+}
+
 .fc-scatterplot-line:before {
   content: "\e900";
-}
-
+}
+
 .fc-annotate:before {
   content: "\e901";
-}
-
+}
+
 .fc-capsule:before {
   content: "\e902";
-}
-
+}
+
 .fc-search-limit:before {
   content: "\e903";
-}
-
+}
+
 .fc-search-logic:before {
   content: "\e904";
-}
-
+}
+
 .fc-search-pattern:before {
   content: "\e905";
-}
-
+}
+
 .fc-search-power:before {
   content: "\e906";
-}
-
+}
+
 .fc-home:before {
   content: "\e907";
-}
-
+}
+
 .fc-capsule-set:before {
   content: "\e908";
-}
-
+}
+
 .fc-scatterplot:before {
   content: "\e909";
-}
-
+}
+
 .fc-series:before {
   content: "\e90a";
-}
-
+}
+
 .fc-group:before {
   content: "\e90b";
-}
-
+}
+
 .fc-boundary-alert:before {
   content: "\e90c";
-}
-
+}
+
 .fc-chart-alert:before {
   content: "\e90d";
-}
-
+}
+
 .fc-seeq-datalab:before {
   content: "\e90e";
-}
-
+}
+
 .fc-seeq-datalab-lock:before {
   content: "\e90f";
-}
-
+}
+
 .fc-all-items:before {
   content: "\e910";
-}
-
+}
+
 .fc-asset-tree:before {
   content: "\e911";
-}
-
+}
+
 .fc-trend:before {
   content: "\e912";
-}
-
+}
+
 .fc-flag:before {
   content: "\e913";
-}
-
+}
+
 .fc-capsules:before {
   content: "\e914";
-}
-
+}
+
 .fc-connect:before {
   content: "\e915";
-}
-
+}
+
 .fc-display-range:before {
   content: "\e916";
-}
-
+}
+
 .fc-statistics:before {
   content: "\e917";
-}
-
+}
+
 .fc-eye:before {
   content: "\e918";
-}
-
+}
+
 .fc-eye-o:before {
   content: "\e919";
-}
-
+}
+
 .fc-data-file:before {
   content: "\e91a";
-}
-
+}
+
 .fc-gridline:before {
   content: "\e91b";
-}
-
+}
+
 .fc-model-and-predict:before {
   content: "\e91c";
-}
-
+}
+
 .fc-cleanse:before {
   content: "\e91d";
-}
-
+}
+
 .fc-identify:before {
   content: "\e91e";
-}
-
+}
+
 .fc-quantify:before {
   content: "\e91f";
-}
-
+}
+
 .fc-treemap:before {
   content: "\e920";
-}
-
+}
+
 .fc-series-dim:before {
   content: "\e921";
-}
-
+}
+
 .fc-series-gen:before {
   content: "\e922";
-}
-
+}
+
 .fc-formula:before {
   content: "\e923";
-}
-
+}
+
 .fc-alignment:before {
   content: "\e924";
-}
-
+}
+
 .fc-delete:before {
   content: "\e925";
-}
-
+}
+
 .fc-list:before {
   content: "\e926";
-}
-
+}
+
 .fc-tile:before {
   content: "\e927";
-}
-
+}
+
 .fc-arrow_down:before {
   content: "\e928";
-}
-
+}
+
 .fc-arrow_up:before {
   content: "\e929";
-}
-
+}
+
 .fc-user-community:before {
   content: "\e92a";
-}
-
+}
+
 .fc-certificate:before {
   content: "\e92b";
-}
-
+}
+
 .fc-training:before {
   content: "\e92c";
-}
-
+}
+
 .fc-knowledge-base:before {
   content: "\e92d";
-}
-
+}
+
 .fc-causality:before {
   content: "\e92e";
-}
-
+}
+
 .fc-parallel-coordinate:before {
   content: "\e92f";
-}
-
+}
+
 .fc-arrow_updown:before {
   content: "\e930";
-}
-
+}
+
 .fc-circle_warning:before {
   content: "\e931";
-}
-
+}
+
 .fc-circle_info:before {
   content: "\e932";
-}
-
+}
+
 .fc-warning:before {
   content: "\e933";
-}
-
+}
+
 .fc-grab-window:before {
   content: "\e934";
-}
-
+}
+
 .fc-magnify:before {
   content: "\e935";
-}
-
+}
+
 .fc-box-empty:before {
   content: "\e936";
-}
-
+}
+
 .fc-box-check:before {
   content: "\e937";
-}
-
+}
+
 .fc-circle-empty:before {
   content: "\e938";
-}
-
+}
+
 .fc-circle-check:before {
   content: "\e939";
-}
-
+}
+
 .fc-q_search:before {
   content: "\e93a";
-}
-
+}
+
 .fc-scatterplot-select:before {
   content: "\e93b";
-}
-
+}
+
 .fc-redo:before {
   content: "\e93c";
-}
-
+}
+
 .fc-digital-filter:before {
   content: "\e93d";
-}
-
+}
+
 .fc-support:before {
   content: "\e93e";
-}
-
+}
+
 .fc-binoculars:before {
   content: "\e93f";
-}
-
+}
+
 .fc-check:before {
   content: "\e940";
-}
-
+}
+
 .fc-filter:before {
   content: "\e941";
-}
-
+}
+
 .fc-trash:before {
   content: "\e942";
-}
-
+}
+
 .fc-gear:before {
   content: "\e943";
-}
-
+}
+
 .fc-lock:before {
   content: "\e944";
-}
-
+}
+
 .fc-lock-open:before {
   content: "\e945";
-}
-
+}
+
 .fc-arrow-dropdown:before {
   content: "\e946";
-}
-
+}
+
 .fc-mag-glass-empty:before {
   content: "\e947";
-}
-
+}
+
 .fc-globe:before {
   content: "\e948";
-}
-
+}
+
 .fc-edit:before {
   content: "\e949";
-}
-
+}
+
 .fc-add-column:before {
   content: "\e94a";
-}
-
+}
+
 .fc-add-row:before {
   content: "\e94b";
-}
-
+}
+
 .fc-border-style:before {
   content: "\e94c";
-}
-
+}
+
 .fc-clock-density:before {
   content: "\e94d";
-}
-
+}
+
 .fc-plus-assets:before {
   content: "\e94e";
-}
-
+}
+
 .fc-plus-selected:before {
   content: "\e94f";
-}
-
+}
+
 .fc-comment:before {
   content: "\e950";
-}
-
+}
+
 .fc-user:before {
   content: "\e951";
-}
-
+}
+
 .fc-engineer:before {
   content: "\e952";
-}
-
+}
+
 .fc-pricing:before {
   content: "\e953";
-}
-
+}
+
 .fc-free-trial:before {
   content: "\e954";
-}
-
+}
+
 .fc-partners:before {
   content: "\e955";
-}
-
+}
+
 .fc-meter:before {
   content: "\e956";
-}
-
+}
+
 .fc-beaker:before {
   content: "\e957";
-}
-
+}
+
 .fc-lightbulb:before {
   content: "\e958";
-}
-
+}
+
 .fc-pdf:before {
   content: "\e959";
-}
-
+}
+
 .fc-add-column-2:before {
   content: "\e95a";
-}
-
+}
+
 .fc-add-row-2:before {
   content: "\e95b";
-}
-
+}
+
 .fc-eraser:before {
   content: "\e95c";
-}
-
+}
+
 .fc-paintbrush:before {
   content: "\e95d";
-}
-
+}
+
 .fc-rows:before {
   content: "\e95e";
-}
-
+}
+
 .fc-quick-start:before {
   content: "\e95f";
-}
-
+}
+
 .fc-video:before {
   content: "\e960";
-}
-
+}
+
 .fc-wireless2:before {
   content: "\e961";
-}
-
+}
+
 .fc-wireless:before {
   content: "\e962";
-}
-
+}
+
 .fc-mag-glass:before {
   content: "\e963";
-}
-
+}
+
 .fc-data:before {
   content: "\e964";
-}
-
+}
+
 .fc-annotation:before {
   content: "\e965";
-}
-
+}
+
 .fc-briefcase:before {
   content: "\e966";
-}
-
+}
+
 .fc-investigate:before {
   content: "\e967";
-}
-
+}
+
 .fc-monitor:before {
   content: "\e968";
-}
-
+}
+
 .fc-clipboard:before {
   content: "\e969";
-}
-
+}
+
 .fc-share-access:before {
   content: "\e96a";
-}
-
+}
+
 .fc-bar-chart-horizontal:before {
   content: "\e96b";
-}
-
+}
+
 .fc-stacked-bar-chart:before {
   content: "\e96c";
-}
-
+}
+
 .fc-stacked-bar-horizontal:before {
   content: "\e96d";
-}
-
+}
+
 .fc-excel:before {
   content: "\e96e";
-}
-
+}
+
 .fc-Asset1:before {
   content: "\e96f";
-}
-
+}
+
 .fc-gears-2:before {
   content: "\e970";
-}
-
+}
+
 .fc-pharma:before {
   content: "\e971";
-}
-
+}
+
 .fc-water:before {
   content: "\e972";
-}
-
+}
+
 .fc-chemical:before {
   content: "\e973";
-}
-
+}
+
 .fc-oil:before {
   content: "\e974";
-}
-
+}
+
 .fc-beverage:before {
   content: "\e975";
-}
-
+}
+
 .fc-utilities:before {
   content: "\e976";
-}
-
+}
+
 .fc-manufacturing:before {
   content: "\e977";
-}
-
+}
+
 .fc-industry:before {
   content: "\e978";
-}
-
+}
+
 .fc-viz-normal:before {
   content: "\e979";
-}
-
+}
+
 .fc-compare:before {
   content: "\e97a";
-}
-
+}
+
 .fc-diamond:before {
   content: "\e97b";
-}
-
+}
+
 .fc-square:before {
   content: "\e97c";
-}
-
+}
+
 .fc-triangle:before {
   content: "\e97d";
-}
-
+}
+
 .fc-rectangle:before {
   content: "\e97e";
-}
-
+}
+
 .fc-strip:before {
   content: "\e97f";
-}
-
+}
+
 .fc-viz-overlay:before {
   content: "\e980";
-}
-
+}
+
 .fc-viz-chain:before {
   content: "\e981";
-}
-
+}
+
 .fc-graph:before {
   content: "\e982";
-}
-
+}
+
 .fc-pin:before {
   content: "\e983";
-}
-
+}
+
 .fc-y-axis:before {
   content: "\e984";
-}
-
+}
+
 .fc-capsule-bar:before {
   content: "\e985";
-}
-
+}
+
 .fc-copy:before {
   content: "\e986";
-}
-
+}
+
 .fc-link:before {
   content: "\e987";
-}
-
+}
+
 .fc-unlink:before {
   content: "\e988";
-}
-
+}
+
 .fc-step-back-full:before {
   content: "\e989";
-}
-
+}
+
 .fc-displays:before {
   content: "\e98a";
-}
-
+}
+
 .fc-overwrite:before {
   content: "\e98b";
-}
-
+}
+
 .fc-rename:before {
   content: "\e98c";
-}
-
+}
+
 .fc-parallel-boundary:before {
   content: "\e98d";
-}
-
+}
+
 .fc-loading-notch:before {
   content: "\e98e";
-}
-
+}
+
 .fc-skill-explorer:before {
   content: "\e98f";
-}
-
+}
+
 .fc-step-fore-full:before {
   content: "\e990";
-}
-
+}
+
 .fc-step-back-half:before {
   content: "\e991";
-}
-
+}
+
 .fc-step-fore-half:before {
   content: "\e992";
-}
-
+}
+
 .fc-arrow-down:before {
   content: "\e993";
-}
-
+}
+
 .fc-arrow-up:before {
   content: "\e994";
-}
-
+}
+
 .fc-expand-close:before {
   content: "\e995";
-}
-
+}
+
 .fc-expand-open:before {
   content: "\e996";
-}
-
+}
+
 .fc-axis:before {
   content: "\e997";
-}
-
+}
+
 .fc-axis-o:before {
   content: "\e998";
-}
-
+}
+
 .fc-solid:before {
   content: "\e999";
-}
-
+}
+
 .fc-sun:before {
   content: "\e99a";
-}
-
+}
+
 .fc-announcements:before {
   content: "\e99b";
-}
-
+}
+
 .fc-bell-cog:before {
   content: "\e99c";
-}
-
+}
+
 .fc-copy-date:before {
   content: "\e99d";
-}
-
+}
+
 .fc-copy-date-2:before {
   content: "\e99e";
-}
-
+}
+
 .fc-bell-solid:before {
   content: "\e99f";
-}
-
+}
+
 .fc-bell-regular:before {
   content: "\e9a0";
-}
-
+}
+
 .fc-add-on-1:before {
   content: "\e9a1";
-}
-
+}
+
 .fc-view-data:before {
   content: "\e9a2";
-}
-
+}
+
 .fc-add-on-2:before {
   content: "\e9a3";
-}
-
+}
+
 .fc-external-link:before {
   content: "\e9a4";
-}
-
+}
+
 .fc-short-dash:before {
   content: "\f901";
-}
-
+}
+
 .fc-short-dot:before {
   content: "\f902";
-}
-
+}
+
 .fc-short-dash-dot:before {
   content: "\f903";
-}
-
+}
+
 .fc-short-dash-dot-dot:before {
   content: "\f904";
-}
-
+}
+
 .fc-dot:before {
   content: "\f905";
-}
-
+}
+
 .fc-dash:before {
   content: "\f906";
-}
-
+}
+
 .fc-long-dash:before {
   content: "\f907";
-}
-
+}
+
 .fc-dash-dot:before {
   content: "\f908";
-}
-
+}
+
 .fc-long-dash-dot:before {
   content: "\f909";
-}
-
+}
+
 .fc-long-dash-dot-dot:before {
   content: "\f910";
-}
-
+}
+
 .fc-scalar:before {
   content: "\f911";
-}
-
+}
+
 .fc-detail-columns:before {
   content: "\f912";
-}
-
+}
+
 .fc-workbook:before {
   content: "\f913";
-}
-
+}
+
 .fc-workbook-user:before {
   content: "\f914";
-}
-
+}
+
 .fc-workbook-lock:before {
   content: "\f915";
-}
-
+}
+
 .fc-workbook-globe:before {
   content: "\f916";
-}
-
+}
+
 .fc-arrow-circle:before {
   content: "\f917";
-}
-
+}
+
 .fc-condition-define:before {
   content: "\f918";
-}
-
+}
+
 .fc-condition-combine:before {
   content: "\f919";
-}
-
+}
+
 .fc-series-modify:before {
   content: "\f920";
-}
-
+}
+
 .fc-boundary:before {
   content: "\f923";
-}
-
+}
+
 .fc-condition-digital:before {
   content: "\f924";
-}
-
+}
+
 .fc-timing:before {
   content: "\f925";
-}
-
+}
+
 .fc-series-properties:before {
   content: "\f926";
-}
-
+}
+
 .fc-import:before {
   content: "\f927";
-}
-
+}
+
 .fc-export:before {
   content: "\f928";
-}
-
+}
+
 .fc-pivision:before {
   content: "\f929";
-}
-
+}
+
 .fc-samples-and-line:before {
   content: "\f930";
-}
-
+}
+
 .fc-samples-only:before {
   content: "\f931";
-}
-
+}
+
 .fc-prediction:before {
   content: "\f932";
-}
-
+}
+
 .fc-lowpass:before {
   content: "\f933";
-}
-
+}
+
 .fc-bar-chart:before {
   content: "\f934";
-}
-
+}
+
 .fc-ancillaries:before {
   content: "\f935";
-}
-
+}
+
 .fc-deviation:before {
   content: "\f936";
-}
-
+}
+
 .fc-journal:before {
   content: "\f937";
-}
-
+}
+
 .fc-journal-edit:before {
   content: "\f938";
-}
-
+}
+
 .fc-line-bars:before {
   content: "\f939";
-}
-
+}
+
 .fc-reference:before {
   content: "\f940";
-}
-
+}
+
 .fc-powerpoint:before {
   content: "\f941";
-}
-
+}
+
 .fc-link-seeq:before {
   content: "\f942";
-}
-
+}
+
 .fc-journal-blank:before {
   content: "\f943";
-}
-
+}
+
 .fc-more:before {
   content: "\f944";
-}
-
+}
+
 .fc-share:before {
   content: "\f945";
-}
-
+}
+
 .fc-periodic-condition:before {
   content: "\f946";
-}
-
+}
+
 .fc-report:before {
   content: "\f947";
-}
-
+}
+
 .fc-seeq-content:before {
   content: "\f948";
-}
-
+}
+
 .fc-table:before {
   content: "\f949";
-}
-
+}
+
 .fc-unit:before {
   content: "\f950";
-}
-
+}
+
 .fc-metric:before {
   content: "\f951";
-}
-
+}
+
 .fc-pdf-export:before {
   content: "\f952";
-}
-
+}
+
 .fc-x-circle:before {
   content: "\f953";
-}
-
+}
+
 .fc-stop:before {
   content: "\f954";
-}
-
+}
+
 .fc-report-lock:before {
   content: "\f955";
-}
-
+}
+
 .fc-analysis:before {
   content: "\f956";
-}
-
+}
+
 .fc-analysis-lock:before {
   content: "\f957";
-}
-
+}
+
 .fc-requests:before {
   content: "\f958";
-}
-
+}
+
 .fc-folder:before {
   content: "\f959";
-}
-
+}
+
 .fc-folder-move:before {
   content: "\f960";
-}
-
+}
+
 .fc-folder-new:before {
   content: "\f961";
-}
-
+}
+
 .fc-folder-lock:before {
   content: "\f962";
-}
-
+}
+
 .fc-pin-o:before {
   content: "\f963";
-}
-
+}
+
 .fc-refresh:before {
   content: "\f964";
-}
-
+}
+
 .fc-arrow-right-right:before {
   content: "\f965";
-}
-
+}
+
 .fc-arrow-left-left:before {
   content: "\f966";
-}
-
+}
+
 .fc-refresh-on:before {
   content: "\f967";
-}
-
+}
+
 .fc-refresh-off:before {
   content: "\f968";
-}
-
+}
+
 .fc-box-plus:before {
   content: "\f969";
-}
-
+}
+
 .fc-box-minus:before {
   content: "\f970";
-}
-
+}
+
 .fc-circle_plus:before {
   content: "\f971";
-}
-
+}
+
 .fc-circle_minus:before {
   content: "\f972";
-}
-
+}
+
 .fc-page-break:before {
   content: "\f973";
-}
-
+}
+
 .fc-restore:before {
   content: "\f974";
-}
-
+}
+
 .fc-subscription:before {
   content: "\f975";
-}
-
+}
+
 .fc-jobs:before {
   content: "\f976";
-}
-
+}
+
 .fc-trash_info:before {
   content: "\f977";
-}
-
+}
+
 .fc-trash_info2:before {
   content: "\f978";
-}
-
+}
+
 .fc-bell-curve:before {
   content: "\f979";
-}
-
-/* ! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com */
-
+}
+
+/* ! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com */
+
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
+*/
+
 *,
 ::before,
 ::after {
@@ -1106,21 +1106,21 @@
   border-width: 0; /* 2 */
   border-style: solid; /* 2 */
   border-color: #e5e7eb; /* 2 */
-}
-
+}
+
 ::before,
 ::after {
   --tw-content: '';
-}
-
+}
+
 /*
 1. Use a consistent sensible line-height in all browsers.
 2. Prevent adjustments of font size after orientation changes in iOS.
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
 5. Use the user's configured `sans` font-feature-settings by default.
-*/
-
+*/
+
 html {
   line-height: 1.5; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
@@ -1129,43 +1129,43 @@ html {
      tab-size: 4; /* 3 */
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
   font-feature-settings: normal; /* 5 */
-}
-
+}
+
 /*
 1. Remove the margin in all browsers.
 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
+*/
+
 body {
   margin: 0; /* 1 */
   line-height: inherit; /* 2 */
-}
-
+}
+
 /*
 1. Add the correct height in Firefox.
 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
 3. Ensure horizontal rules are visible by default.
-*/
-
+*/
+
 hr {
   height: 0; /* 1 */
   color: inherit; /* 2 */
   border-top-width: 1px; /* 3 */
-}
-
+}
+
 /*
 Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
+*/
+
 abbr:where([title]) {
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted;
-}
-
+}
+
 /*
 Remove the default font size and weight for headings.
-*/
-
+*/
+
 h1,
 h2,
 h3,
@@ -1174,85 +1174,85 @@ h5,
 h6 {
   font-size: inherit;
   font-weight: inherit;
-}
-
+}
+
 /*
 Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
+*/
+
 a {
   color: inherit;
   text-decoration: inherit;
-}
-
+}
+
 /*
 Add the correct font weight in Edge and Safari.
-*/
-
+*/
+
 b,
 strong {
   font-weight: bolder;
-}
-
+}
+
 /*
 1. Use the user's configured `mono` font family by default.
 2. Correct the odd `em` font sizing in all browsers.
-*/
-
+*/
+
 code,
 kbd,
 samp,
 pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
   font-size: 1em; /* 2 */
-}
-
+}
+
 /*
 Add the correct font size in all browsers.
-*/
-
+*/
+
 small {
   font-size: 80%;
-}
-
+}
+
 /*
 Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
+*/
+
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
-}
-
+}
+
 sub {
   bottom: -0.25em;
-}
-
+}
+
 sup {
   top: -0.5em;
-}
-
+}
+
 /*
 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
 3. Remove gaps between table borders by default.
-*/
-
+*/
+
 table {
   text-indent: 0; /* 1 */
   border-color: inherit; /* 2 */
   border-collapse: collapse; /* 3 */
-}
-
+}
+
 /*
 1. Change the font styles in all browsers.
 2. Remove the margin in Firefox and Safari.
 3. Remove default padding in all browsers.
-*/
-
+*/
+
 button,
 input,
 optgroup,
@@ -1265,22 +1265,22 @@ textarea {
   color: inherit; /* 1 */
   margin: 0; /* 2 */
   padding: 0; /* 3 */
-}
-
+}
+
 /*
 Remove the inheritance of text transform in Edge and Firefox.
-*/
-
+*/
+
 button,
 select {
   text-transform: none;
-}
-
+}
+
 /*
 1. Correct the inability to style clickable types in iOS and Safari.
 2. Remove default button styles.
-*/
-
+*/
+
 button,
 [type='button'],
 [type='reset'],
@@ -1288,81 +1288,81 @@ button,
   -webkit-appearance: button; /* 1 */
   background-color: transparent; /* 2 */
   background-image: none; /* 2 */
-}
-
+}
+
 /*
 Use the modern Firefox focus style for all focusable elements.
-*/
-
+*/
+
 :-moz-focusring {
   outline: auto;
-}
-
+}
+
 /*
 Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
+*/
+
 :-moz-ui-invalid {
   box-shadow: none;
-}
-
+}
+
 /*
 Add the correct vertical alignment in Chrome and Firefox.
-*/
-
+*/
+
 progress {
   vertical-align: baseline;
-}
-
+}
+
 /*
 Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
+*/
+
 ::-webkit-inner-spin-button,
 ::-webkit-outer-spin-button {
   height: auto;
-}
-
+}
+
 /*
 1. Correct the odd appearance in Chrome and Safari.
 2. Correct the outline style in Safari.
-*/
-
+*/
+
 [type='search'] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
-}
-
+}
+
 /*
 Remove the inner padding in Chrome and Safari on macOS.
-*/
-
+*/
+
 ::-webkit-search-decoration {
   -webkit-appearance: none;
-}
-
+}
+
 /*
 1. Correct the inability to style clickable types in iOS and Safari.
 2. Change font properties to `inherit` in Safari.
-*/
-
+*/
+
 ::-webkit-file-upload-button {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
-}
-
+}
+
 /*
 Add the correct display in Chrome and Safari.
-*/
-
+*/
+
 summary {
   display: list-item;
-}
-
+}
+
 /*
 Removes the default spacing and border for appropriate elements.
-*/
-
+*/
+
 blockquote,
 dl,
 dd,
@@ -1377,72 +1377,72 @@ figure,
 p,
 pre {
   margin: 0;
-}
-
+}
+
 fieldset {
   margin: 0;
   padding: 0;
-}
-
+}
+
 legend {
   padding: 0;
-}
-
+}
+
 ol,
 ul,
 menu {
   list-style: none;
   margin: 0;
   padding: 0;
-}
-
+}
+
 /*
 Prevent resizing textareas horizontally by default.
-*/
-
+*/
+
 textarea {
   resize: vertical;
-}
-
+}
+
 /*
 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
 2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
+*/
+
 input::-moz-placeholder, textarea::-moz-placeholder {
   opacity: 1; /* 1 */
   color: #9ca3af; /* 2 */
-}
-
+}
+
 input::placeholder,
 textarea::placeholder {
   opacity: 1; /* 1 */
   color: #9ca3af; /* 2 */
-}
-
+}
+
 /*
 Set the default cursor for buttons.
-*/
-
+*/
+
 button,
 [role="button"] {
   cursor: pointer;
-}
-
+}
+
 /*
 Make sure disabled buttons don't get the pointer cursor.
-*/
-
+*/
+
 :disabled {
   cursor: default;
-}
-
+}
+
 /*
 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
    This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
+*/
+
 img,
 svg,
 video,
@@ -1453,1199 +1453,1255 @@ embed,
 object {
   display: block; /* 1 */
   vertical-align: middle; /* 2 */
-}
-
+}
+
 /*
 Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
+*/
+
 img,
 video {
   max-width: 100%;
   height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
 [hidden] {
   display: none;
-}
-
-:root {
-        --sq-color-dark: 42, 92, 132;
-        --sq-color-dark-dark: 145, 180, 203;
-        --sq-white: 255, 255, 255;
-        --sq-color-highlight: 4, 145, 194;
-        --sq-text-color: 58, 58, 58;
-        --sq-disabled-gray: 221, 225, 227;
-        --sq-light-gray: 241, 245, 247;
-        --sq-dark-gray: 226, 226, 226;
-        --sq-fairly-dark-gray: 96, 96, 97;
-        --sq-darkish-gray: 183, 183, 183;
-        --sq-danger-color: 217, 83, 79;
-        --sq-warning-color: 240, 173, 78;
-        --sq-success-color: 114, 192, 44;
-        --sq-icon: 4, 145, 194;
-        --sq-link: 42, 92, 132;
-        --sq-dark-background: 36, 37, 37;
-        --sq-dark-text: 194, 188, 176;
-        --sq-dark-disabled-gray: 70, 73, 73;
-        --sq-highlight-color-dark: 36, 45, 49;
-        --sq-gray-highlight: 249, 249, 249;
-        --sq-gray-highlight-dark: 36, 45, 49;
-        --sq-colored-hover: 238, 246, 253;
-        --sq-colored-hover-dark: 40, 42, 42;
-        --sq-multi-gray-dark: 66, 69, 69;
-        --sq-field-disabled-gray: 239, 239, 239;
-    }
-
-.color_topic {
-        --sq-color-dark: 42, 92, 132;
-        --sq-color-dark-dark: 145, 180, 203;
-        --sq-color-light: 237, 247, 246;
-        --sq-color-highlight: 4, 145, 194;
-        --sq-icon: 4, 145, 194;
-        --sq-link: 42, 92, 132;
-        --sq-link-dark: 145, 180, 203;
-        --sq-icon-dark: 4, 145, 194;
-        --sq-gray-highlight-dark: 36, 45, 49;
-        --sq-colored-hover: 238, 246, 253;
-        --sq-colored-hover-dark: 40, 42, 42;
-    }
-
-.color_analysis {
-        --sq-color-dark: 0, 121, 96;
-        --sq-color-dark-dark: 31, 207, 166;
-        --sq-color-light: 237, 247, 246;
-        --sq-color-highlight: 0, 153, 100;
-        --sq-icon: 0, 160, 89;
-        --sq-link: 0, 121, 96;
-        --sq-link-dark: 21, 99, 81;
-        --sq-icon-dark: 23, 126, 77;
-        --sq-gray-highlight-dark: 36, 45, 49;
-        --sq-colored-hover: 238, 248, 244;
-        --sq-colored-hover-dark: 33, 54, 47;
-    }
-
-.color_datalab {
-        --sq-color-dark: 242, 103, 34;
-        --sq-color-dark-dark: 242, 103, 34;
-        --sq-color-light: 237, 247, 246;
-        --sq-color-highlight: 244, 123, 62;
-        --sq-icon: 242, 103, 34;
-        --sq-link: 242, 103, 34;
-        --sq-gray-highlight-dark: 36, 45, 49;
-        --sq-colored-hover: 241, 162, 120;
-        --sq-colored-hover-dark: 80, 43, 26;
-    }
-
-ol, ul, menu {
-        list-style: revert;
-        padding: revert;
-    }
-
-*, ::before, ::after {
-    --tw-border-spacing-x: 0;
-    --tw-border-spacing-y: 0;
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    --tw-pan-x:  ;
-    --tw-pan-y:  ;
-    --tw-pinch-zoom:  ;
-    --tw-scroll-snap-strictness: proximity;
-    --tw-ordinal:  ;
-    --tw-slashed-zero:  ;
-    --tw-numeric-figure:  ;
-    --tw-numeric-spacing:  ;
-    --tw-numeric-fraction:  ;
-    --tw-ring-inset:  ;
-    --tw-ring-offset-width: 0px;
-    --tw-ring-offset-color: #fff;
-    --tw-ring-color: rgb(59 130 246 / 0.5);
-    --tw-ring-offset-shadow: 0 0 #0000;
-    --tw-ring-shadow: 0 0 #0000;
-    --tw-shadow: 0 0 #0000;
-    --tw-shadow-colored: 0 0 #0000;
-    --tw-blur:  ;
-    --tw-brightness:  ;
-    --tw-contrast:  ;
-    --tw-grayscale:  ;
-    --tw-hue-rotate:  ;
-    --tw-invert:  ;
-    --tw-saturate:  ;
-    --tw-sepia:  ;
-    --tw-drop-shadow:  ;
-    --tw-backdrop-blur:  ;
-    --tw-backdrop-brightness:  ;
-    --tw-backdrop-contrast:  ;
-    --tw-backdrop-grayscale:  ;
-    --tw-backdrop-hue-rotate:  ;
-    --tw-backdrop-invert:  ;
-    --tw-backdrop-opacity:  ;
-    --tw-backdrop-saturate:  ;
-    --tw-backdrop-sepia:  ;
-}
-
-::backdrop {
-    --tw-border-spacing-x: 0;
-    --tw-border-spacing-y: 0;
-    --tw-translate-x: 0;
-    --tw-translate-y: 0;
-    --tw-rotate: 0;
-    --tw-skew-x: 0;
-    --tw-skew-y: 0;
-    --tw-scale-x: 1;
-    --tw-scale-y: 1;
-    --tw-pan-x:  ;
-    --tw-pan-y:  ;
-    --tw-pinch-zoom:  ;
-    --tw-scroll-snap-strictness: proximity;
-    --tw-ordinal:  ;
-    --tw-slashed-zero:  ;
-    --tw-numeric-figure:  ;
-    --tw-numeric-spacing:  ;
-    --tw-numeric-fraction:  ;
-    --tw-ring-inset:  ;
-    --tw-ring-offset-width: 0px;
-    --tw-ring-offset-color: #fff;
-    --tw-ring-color: rgb(59 130 246 / 0.5);
-    --tw-ring-offset-shadow: 0 0 #0000;
-    --tw-ring-shadow: 0 0 #0000;
-    --tw-shadow: 0 0 #0000;
-    --tw-shadow-colored: 0 0 #0000;
-    --tw-blur:  ;
-    --tw-brightness:  ;
-    --tw-contrast:  ;
-    --tw-grayscale:  ;
-    --tw-hue-rotate:  ;
-    --tw-invert:  ;
-    --tw-saturate:  ;
-    --tw-sepia:  ;
-    --tw-drop-shadow:  ;
-    --tw-backdrop-blur:  ;
-    --tw-backdrop-brightness:  ;
-    --tw-backdrop-contrast:  ;
-    --tw-backdrop-grayscale:  ;
-    --tw-backdrop-hue-rotate:  ;
-    --tw-backdrop-invert:  ;
-    --tw-backdrop-opacity:  ;
-    --tw-backdrop-saturate:  ;
-    --tw-backdrop-sepia:  ;
-}
-
-.tw-form-checkbox,.tw-form-radio {
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-    padding: 0;
-    -webkit-print-color-adjust: exact;
-            print-color-adjust: exact;
-    display: inline-block;
-    vertical-align: middle;
-    background-origin: border-box;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    flex-shrink: 0;
-    height: 1rem;
-    width: 1rem;
-    color: #2563eb;
-    background-color: #fff;
-    border-color: #6b7280;
-    border-width: 1px;
-    --tw-shadow: 0 0 #0000;
-}
-
-.tw-form-checkbox {
-    border-radius: 0px;
-}
-
-.tw-form-radio {
-    border-radius: 100%;
-}
-
-.tw-form-checkbox:focus,.tw-form-radio:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
-    --tw-ring-offset-width: 2px;
-    --tw-ring-offset-color: #fff;
-    --tw-ring-color: #2563eb;
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
-
-.tw-form-checkbox:checked,.tw-form-radio:checked {
-    border-color: transparent;
-    background-color: currentColor;
-    background-size: 100% 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-}
-
-.tw-form-checkbox:checked {
-    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
-}
-
-.tw-form-radio:checked {
-    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
-}
-
-.tw-form-checkbox:checked:hover,.tw-form-checkbox:checked:focus,.tw-form-radio:checked:hover,.tw-form-radio:checked:focus {
-    border-color: transparent;
-    background-color: currentColor;
-}
-
-.tw-form-checkbox:indeterminate {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
-    border-color: transparent;
-    background-color: currentColor;
-    background-size: 100% 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-}
-
-.tw-form-checkbox:indeterminate:hover,.tw-form-checkbox:indeterminate:focus {
-    border-color: transparent;
-    background-color: currentColor;
-}
-
-.tw-pointer-events-none {
-    pointer-events: none;
-}
-
-.tw-visible {
-    visibility: visible;
-}
-
-.tw-invisible {
-    visibility: hidden;
-}
-
-.tw-absolute {
-    position: absolute;
-}
-
-.tw-relative {
-    position: relative;
-}
-
-.-tw-bottom-2 {
-    bottom: -0.5rem;
-}
-
-.-tw-left-3 {
-    left: -0.75rem;
-}
-
-.-tw-right-3 {
-    right: -0.75rem;
-}
-
-.-tw-top-2 {
-    top: -0.5rem;
-}
-
-.tw-left-1\/2 {
-    left: 50%;
-}
-
-.tw-top-1\/2 {
-    top: 50%;
-}
-
-.\!tw-z-\[9000\] {
-    z-index: 9000 !important;
-}
-
-.\!tw-z-\[9999\] {
-    z-index: 9999 !important;
-}
-
-.tw-z-50 {
-    z-index: 50;
-}
-
-.tw-z-\[9999\] {
-    z-index: 9999;
-}
-
-.tw-m-0 {
-    margin: 0px;
-}
-
-.tw-m-0\.5 {
-    margin: 0.125rem;
-}
-
-.tw-m-5 {
-    margin: 1.25rem;
-}
-
-.tw-ml-1 {
-    margin-left: 0.25rem;
-}
-
-.tw-ml-1\.5 {
-    margin-left: 0.375rem;
-}
-
-.tw-mr-1 {
-    margin-right: 0.25rem;
-}
-
-.tw-inline-block {
-    display: inline-block;
-}
-
-.tw-flex {
-    display: flex;
-}
-
-.tw-grid {
-    display: grid;
-}
-
-.tw-hidden {
-    display: none;
-}
-
-.tw-h-3 {
-    height: 0.75rem;
-}
-
-.tw-h-3\.5 {
-    height: 0.875rem;
-}
-
-.tw-h-\[10px\] {
-    height: 10px;
-}
-
-.tw-h-inputs {
-    height: 34px;
-}
-
-.tw-w-3 {
-    width: 0.75rem;
-}
-
-.tw-w-3\.5 {
-    width: 0.875rem;
-}
-
-.tw-w-\[10px\] {
-    width: 10px;
-}
-
-.tw-w-\[200px\] {
-    width: 200px;
-}
-
-.tw-min-w-fit {
-    min-width: -moz-fit-content;
-    min-width: fit-content;
-}
-
-.-tw-translate-x-1\/2 {
-    --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));
-}
-
-.-tw-translate-y-1\/2 {
-    --tw-translate-y: -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-y-full {
-    --tw-translate-y: -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));
-}
-
-.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));
-}
-
-.tw-translate-y-full {
-    --tw-translate-y: 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));
-}
-
-.tw-rotate-45 {
-    --tw-rotate: 45deg;
-    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-cursor-not-allowed {
-    cursor: not-allowed;
-}
-
-.tw-cursor-pointer {
-    cursor: pointer;
-}
-
-.tw-grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.tw-grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.tw-grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.tw-flex-row {
-    flex-direction: row;
-}
-
-.tw-items-center {
-    align-items: center;
-}
-
-.tw-gap-4 {
-    gap: 1rem;
-}
-
-.tw-overflow-hidden {
-    overflow: hidden;
-}
-
-.tw-whitespace-nowrap {
-    white-space: nowrap;
-}
-
-.tw-rounded {
-    border-radius: 0.25rem;
-}
-
-.tw-rounded-sm {
-    border-radius: 3px;
-}
-
-.tw-rounded-b {
-    border-bottom-right-radius: 0.25rem;
-    border-bottom-left-radius: 0.25rem;
-}
-
-.tw-rounded-l-sm {
-    border-top-left-radius: 3px;
-    border-bottom-left-radius: 3px;
-}
-
-.tw-rounded-r-sm {
-    border-top-right-radius: 3px;
-    border-bottom-right-radius: 3px;
-}
-
-.tw-rounded-t-sm {
-    border-top-left-radius: 3px;
-    border-top-right-radius: 3px;
-}
-
-.tw-rounded-tl-sm {
-    border-top-left-radius: 3px;
-}
-
-.tw-rounded-tr-sm {
-    border-top-right-radius: 3px;
-}
-
-.tw-border {
-    border-width: 1px;
-}
-
-.tw-border-l-0 {
-    border-left-width: 0px;
-}
-
-.tw-border-r-0 {
-    border-right-width: 0px;
-}
-
-.tw-border-solid {
-    border-style: solid;
-}
-
-.tw-border-sq-danger-color {
-    --tw-border-opacity: 1;
-    border-color: rgb(var(--sq-danger-color));
-}
-
-.tw-border-sq-disabled-gray {
-    --tw-border-opacity: 1;
-    border-color: rgb(var(--sq-disabled-gray));
-}
-
-.tw-bg-black {
-    --tw-bg-opacity: 1;
-    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-}
-
-.tw-bg-sq-color-dark {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-color-dark));
-}
-
-.tw-bg-sq-colored-hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-colored-hover));
-}
-
-.tw-bg-sq-danger-color {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-danger-color));
-}
-
-.tw-bg-sq-dark-background {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-dark-background));
-}
-
-.tw-bg-sq-disabled-gray {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-disabled-gray));
-}
-
-.tw-bg-sq-field-disabled-gray {
-    --tw-bg-opacity: 1;
-    background-color: rgba(var(--sq-field-disabled-gray), 0.3);
-}
-
-.tw-bg-sq-icon {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-icon));
-}
-
-.tw-bg-sq-light-gray {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-light-gray));
-}
-
-.tw-bg-sq-warning-color {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-warning-color));
-}
-
-.tw-bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
-.tw-p-1 {
-    padding: 0.25rem;
-}
-
-.tw-p-2 {
-    padding: 0.5rem;
-}
-
-.tw-p-4 {
-    padding: 1rem;
-}
-
-.tw-p-5 {
-    padding: 1.25rem;
-}
-
-.tw-px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-}
-
-.tw-px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-}
-
-.tw-px-2\.5 {
-    padding-left: 0.625rem;
-    padding-right: 0.625rem;
-}
-
-.tw-px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-}
-
-.tw-py-0 {
-    padding-top: 0px;
-    padding-bottom: 0px;
-}
-
-.tw-py-0\.5 {
-    padding-top: 0.125rem;
-    padding-bottom: 0.125rem;
-}
-
-.tw-py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-}
-
-.tw-pl-2 {
-    padding-left: 0.5rem;
-}
-
-.tw-pl-2\.5 {
-    padding-left: 0.625rem;
-}
-
-.tw-pr-1 {
-    padding-right: 0.25rem;
-}
-
-.tw-pr-1\.5 {
-    padding-right: 0.375rem;
-}
-
-.tw-text-center {
-    text-align: center;
-}
-
-.tw-text-sm {
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-}
-
-.tw-text-xl {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-}
-
-.tw-text-xs {
-    font-size: 0.75rem;
-    line-height: 1rem;
-}
-
-.tw-leading-normal {
-    line-height: 1.5;
-}
-
-.tw-text-gray-400 {
-    --tw-text-opacity: 1;
-    color: rgb(156 163 175 / var(--tw-text-opacity));
-}
-
-.tw-text-sq-color-dark {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-color-dark));
-}
-
-.tw-text-sq-color-light {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-color-light));
-}
-
-.tw-text-sq-danger-color {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-danger-color));
-}
-
-.tw-text-sq-darkish-gray {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-darkish-gray));
-}
-
-.tw-text-sq-disabled-gray {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-disabled-gray));
-}
-
-.tw-text-sq-fairly-dark-gray {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-fairly-dark-gray));
-}
-
-.tw-text-sq-link {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-link));
-}
-
-.tw-text-sq-success-color {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-success-color));
-}
-
-.tw-text-sq-text-color {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-text-color));
-}
-
-.tw-text-sq-warning-color {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-warning-color));
-}
-
-.tw-text-white {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
-.tw-placeholder-gray-400::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
-}
-
-.tw-placeholder-gray-400::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
-}
-
-.tw-opacity-0 {
-    opacity: 0;
-}
-
-.tw-outline-none {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-}
-
-/* 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 */
-
-.reactSelectMinHeight {
-    min-height: 34px !important;
-}
-
-.reactSelectMinHeightSmall {
-    min-height: 22px !important;
-}
-
-[type='checkbox']:checked, [type='radio']:checked {
-    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>');
-}
-
-.tw-dark [type='checkbox']:checked, .tw-dark [type='radio']:checked {
-    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>');
-}
-
-@keyframes fadeIn {
-    0% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-}
-
-.fade-in {
-    animation: fadeIn 500ms;
-}
-
-.before\:tw-absolute::before {
-    content: var(--tw-content);
-    position: absolute;
-}
-
-.before\:-tw-bottom-4::before {
-    content: var(--tw-content);
-    bottom: -1rem;
-}
-
-.before\:-tw-top-4::before {
-    content: var(--tw-content);
-    top: -1rem;
-}
-
-.before\:tw-left-1\/2::before {
-    content: var(--tw-content);
-    left: 50%;
-}
-
-.before\:tw-left-\[100\%\]::before {
-    content: var(--tw-content);
-    left: 100%;
-}
-
-.before\:tw-right-\[100\%\]::before {
-    content: var(--tw-content);
-    right: 100%;
-}
-
-.before\:tw-top-1\/2::before {
-    content: var(--tw-content);
-    top: 50%;
-}
-
-.before\:-tw-translate-x-1\/2::before {
-    content: var(--tw-content);
-    --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));
-}
-
-.before\:-tw-translate-y-1\/2::before {
-    content: var(--tw-content);
-    --tw-translate-y: -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));
-}
-
-.before\:tw-border-8::before {
-    content: var(--tw-content);
-    border-width: 8px;
-}
-
-.before\:tw-border-y-transparent::before {
-    content: var(--tw-content);
-    border-top-color: transparent;
-    border-bottom-color: transparent;
-}
-
-.before\:tw-border-b-black::before {
-    content: var(--tw-content);
-    --tw-border-opacity: 1;
-    border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
-}
-
-.before\:tw-border-b-transparent::before {
-    content: var(--tw-content);
-    border-bottom-color: transparent;
-}
-
-.before\:tw-border-l-black::before {
-    content: var(--tw-content);
-    --tw-border-opacity: 1;
-    border-left-color: rgb(0 0 0 / var(--tw-border-opacity));
-}
-
-.before\:tw-border-l-transparent::before {
-    content: var(--tw-content);
-    border-left-color: transparent;
-}
-
-.before\:tw-border-r-black::before {
-    content: var(--tw-content);
-    --tw-border-opacity: 1;
-    border-right-color: rgb(0 0 0 / var(--tw-border-opacity));
-}
-
-.before\:tw-border-r-transparent::before {
-    content: var(--tw-content);
-    border-right-color: transparent;
-}
-
-.before\:tw-border-t-black::before {
-    content: var(--tw-content);
-    --tw-border-opacity: 1;
-    border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
-}
-
-.before\:tw-border-t-transparent::before {
-    content: var(--tw-content);
-    border-top-color: transparent;
-}
-
-.before\:tw-content-\[\'\'\]::before {
-    --tw-content: '';
-    content: var(--tw-content);
-}
-
-.checked\:tw-text-sq-text-color:checked {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-text-color));
-}
-
-.hover\:tw-cursor-pointer:hover {
-    cursor: pointer;
-}
-
-.hover\:tw-border-sq-color-dark:hover {
-    --tw-border-opacity: 1;
-    border-color: rgb(var(--sq-color-dark));
-}
-
-.hover\:tw-bg-sq-color-highlight:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-color-highlight));
-}
-
-.hover\:tw-bg-sq-danger-color-hover:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(212 59 55 / var(--tw-bg-opacity));
-}
-
-.hover\:tw-bg-sq-gray-highlight:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-gray-highlight));
-}
-
-.hover\:tw-bg-sq-light-gray:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-light-gray));
-}
-
-.hover\:tw-bg-sq-link:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-link));
-}
-
-.hover\:tw-text-sq-color-dark:hover {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-color-dark));
-}
-
-.hover\:tw-text-sq-danger-color:hover {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-danger-color));
-}
-
-.focus\:tw-border-l:focus {
-    border-left-width: 1px;
-}
-
-.focus\:tw-border-r:focus {
-    border-right-width: 1px;
-}
-
-.focus\:tw-border-sq-color-dark:focus {
-    --tw-border-opacity: 1;
-    border-color: rgb(var(--sq-color-dark));
-}
-
-.focus\:tw-bg-sq-dark-gray:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-dark-gray));
-}
-
-.focus\:tw-text-sq-color-dark:focus {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-color-dark));
-}
-
-.focus\:tw-outline-none:focus {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-}
-
-.focus\:tw-ring-0:focus {
-    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-    --tw-ring-color: r;
-}
-
-.focus\:tw-ring-offset-0:focus {
-    --tw-ring-offset-width: 0px;
-}
-
-.active\:tw-border-l:active {
-    border-left-width: 1px;
-}
-
-.active\:tw-border-r:active {
-    border-right-width: 1px;
-}
-
-.active\:tw-border-sq-color-dark:active {
-    --tw-border-opacity: 1;
-    border-color: rgb(var(--sq-color-dark));
-}
-
-.active\:tw-bg-sq-dark-gray:active {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-dark-gray));
-}
-
-.active\:tw-text-sq-color-dark:active {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-color-dark));
-}
-
-.disabled\:tw-pointer-events-none:disabled {
-    pointer-events: none;
-}
-
-.disabled\:tw-cursor-not-allowed:disabled {
-    cursor: not-allowed;
-}
-
-.disabled\:tw-text-sq-fairly-dark-gray:disabled {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-fairly-dark-gray));
-}
-
-.disabled\:tw-opacity-50:disabled {
-    opacity: 0.5;
-}
-
-.tw-group:hover .group-hover\:tw-inline-block {
-    display: inline-block;
-}
-
-.tw-group:hover .group-hover\:tw-opacity-100 {
-    opacity: 1;
-}
-
-.tw-dark .dark\:tw-border-sq-dark-disabled-gray {
-    --tw-border-opacity: 1;
-    border-color: rgb(var(--sq-dark-disabled-gray));
-}
-
-.tw-dark .dark\:tw-border-sq-dark-text {
-    --tw-border-opacity: 1;
-    border-color: rgb(var(--sq-dark-text));
-}
-
-.tw-dark .dark\:tw-bg-sq-color-dark {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-color-dark));
-}
-
-.tw-dark .dark\:tw-bg-sq-colored-hover-dark {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-colored-hover-dark));
-}
-
-.tw-dark .dark\:tw-bg-sq-dark-background {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-dark-background));
-}
-
-.tw-dark .dark\:tw-bg-sq-dark-disabled-gray {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-dark-disabled-gray));
-}
-
-.tw-dark .dark\:tw-bg-sq-icon-dark {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-icon-dark));
-}
-
-.tw-dark .dark\:tw-bg-sq-multi-gray-dark {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-multi-gray-dark));
-}
-
-.tw-dark .dark\:tw-text-sq-color-dark-dark {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-color-dark-dark));
-}
-
-.tw-dark .dark\:tw-text-sq-dark-disabled-gray {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-dark-disabled-gray));
-}
-
-.tw-dark .dark\:tw-text-sq-dark-text {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-dark-text));
-}
-
-.tw-dark .dark\:tw-text-sq-dark-text-lighter {
-    --tw-text-opacity: 1;
-    color: rgba(var(--sq-dark-text), 0.3);
-}
-
-.tw-dark .dark\:tw-text-sq-fairly-dark-gray {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-fairly-dark-gray));
-}
-
-.tw-dark .dark\:tw-text-sq-link-dark {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-link-dark));
-}
-
-.tw-dark .dark\:tw-text-white {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
-.tw-dark .dark\:tw-placeholder-sq-dark-text-lighter::-moz-placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(var(--sq-dark-text), 0.3);
-}
-
-.tw-dark .dark\:tw-placeholder-sq-dark-text-lighter::placeholder {
-    --tw-placeholder-opacity: 1;
-    color: rgba(var(--sq-dark-text), 0.3);
-}
-
-.tw-dark .dark\:checked\:tw-bg-sq-dark-text:checked {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-dark-text));
-}
-
-.tw-dark .dark\:hover\:tw-border-sq-color-dark-dark:hover {
-    --tw-border-opacity: 1;
-    border-color: rgb(var(--sq-color-dark-dark));
-}
-
-.tw-dark .dark\:hover\:tw-bg-sq-color-highlight:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-color-highlight));
-}
-
-.tw-dark .dark\:hover\:tw-bg-sq-gray-highlight-dark:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-gray-highlight-dark));
-}
-
-.tw-dark .dark\:hover\:tw-bg-sq-highlight-color-dark:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-highlight-color-dark));
-}
-
-.tw-dark .dark\:hover\:tw-bg-sq-link-dark:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-link-dark));
-}
-
-.tw-dark .dark\:hover\:tw-text-sq-color-dark-dark:hover {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-color-dark-dark));
-}
-
-.tw-dark .dark\:focus\:tw-border-sq-color-dark:focus {
-    --tw-border-opacity: 1;
-    border-color: rgb(var(--sq-color-dark));
-}
-
-.tw-dark .dark\:focus\:tw-border-sq-color-dark-dark:focus {
-    --tw-border-opacity: 1;
-    border-color: rgb(var(--sq-color-dark-dark));
-}
-
-.tw-dark .dark\:focus\:tw-bg-sq-dark-gray:focus {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-dark-gray));
-}
-
-.tw-dark .dark\:focus\:tw-text-sq-color-dark-dark:focus {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-color-dark-dark));
-}
-
-.tw-dark .dark\:active\:tw-border-sq-color-dark:active {
-    --tw-border-opacity: 1;
-    border-color: rgb(var(--sq-color-dark));
-}
-
-.tw-dark .dark\:active\:tw-border-sq-color-dark-dark:active {
-    --tw-border-opacity: 1;
-    border-color: rgb(var(--sq-color-dark-dark));
-}
-
-.tw-dark .dark\:active\:tw-bg-sq-dark-gray:active {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-dark-gray));
-}
-
-.tw-dark .dark\:active\:tw-text-sq-color-dark-dark:active {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-color-dark-dark));
-}
+}
+
+:root {
+    --sq-color-dark: 42, 92, 132;
+    --sq-color-dark-dark: 145, 180, 203;
+    --sq-white: 255, 255, 255;
+    --sq-color-highlight: 4, 145, 194;
+    --sq-text-color: 58, 58, 58;
+    --sq-disabled-gray: 221, 225, 227;
+    --sq-light-gray: 241, 245, 247;
+    --sq-dark-gray: 226, 226, 226;
+    --sq-fairly-dark-gray: 96, 96, 97;
+    --sq-darkish-gray: 183, 183, 183;
+    --sq-danger-color: 217, 83, 79;
+    --sq-warning-color: 240, 173, 78;
+    --sq-success-color: 114, 192, 44;
+    --sq-icon: 4, 145, 194;
+    --sq-link: 42, 92, 132;
+    --sq-dark-background: 36, 37, 37;
+    --sq-dark-text: 194, 188, 176;
+    --sq-dark-disabled-gray: 70, 73, 73;
+    --sq-highlight-color-dark: 36, 45, 49;
+    --sq-gray-highlight: 249, 249, 249;
+    --sq-gray-highlight-dark: 36, 45, 49;
+    --sq-colored-hover: 238, 246, 253;
+    --sq-colored-hover-dark: 40, 42, 42;
+    --sq-multi-gray-dark: 66, 69, 69;
+    --sq-field-disabled-gray: 239, 239, 239;
+  }
+
+.color_topic {
+    --sq-color-dark: 42, 92, 132;
+    --sq-color-dark-dark: 145, 180, 203;
+    --sq-color-light: 237, 247, 246;
+    --sq-color-highlight: 4, 145, 194;
+    --sq-icon: 4, 145, 194;
+    --sq-link: 42, 92, 132;
+    --sq-link-dark: 145, 180, 203;
+    --sq-icon-dark: 4, 145, 194;
+    --sq-gray-highlight-dark: 36, 45, 49;
+    --sq-colored-hover: 238, 246, 253;
+    --sq-colored-hover-dark: 40, 42, 42;
+  }
+
+.color_analysis {
+    --sq-color-dark: 0, 121, 96;
+    --sq-color-dark-dark: 31, 207, 166;
+    --sq-color-light: 237, 247, 246;
+    --sq-color-highlight: 0, 153, 100;
+    --sq-icon: 0, 160, 89;
+    --sq-link: 0, 121, 96;
+    --sq-link-dark: 21, 99, 81;
+    --sq-icon-dark: 23, 126, 77;
+    --sq-gray-highlight-dark: 36, 45, 49;
+    --sq-colored-hover: 238, 248, 244;
+    --sq-colored-hover-dark: 33, 54, 47;
+  }
+
+.color_datalab {
+    --sq-color-dark: 242, 103, 34;
+    --sq-color-dark-dark: 242, 103, 34;
+    --sq-color-light: 237, 247, 246;
+    --sq-color-highlight: 244, 123, 62;
+    --sq-icon: 242, 103, 34;
+    --sq-icon-dark: 36, 37, 37;
+    --sq-link-dark: 36, 37, 37;
+    --sq-link: 242, 103, 34;
+    --sq-gray-highlight-dark: 36, 45, 49;
+    --sq-colored-hover: 241, 162, 120;
+    --sq-colored-hover-dark: 80, 43, 26;
+  }
+
+ol,
+  ul,
+  menu {
+    list-style: revert;
+    padding: revert;
+  }
+
+*, ::before, ::after {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    --tw-pan-x:  ;
+    --tw-pan-y:  ;
+    --tw-pinch-zoom:  ;
+    --tw-scroll-snap-strictness: proximity;
+    --tw-ordinal:  ;
+    --tw-slashed-zero:  ;
+    --tw-numeric-figure:  ;
+    --tw-numeric-spacing:  ;
+    --tw-numeric-fraction:  ;
+    --tw-ring-inset:  ;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(59 130 246 / 0.5);
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    --tw-blur:  ;
+    --tw-brightness:  ;
+    --tw-contrast:  ;
+    --tw-grayscale:  ;
+    --tw-hue-rotate:  ;
+    --tw-invert:  ;
+    --tw-saturate:  ;
+    --tw-sepia:  ;
+    --tw-drop-shadow:  ;
+    --tw-backdrop-blur:  ;
+    --tw-backdrop-brightness:  ;
+    --tw-backdrop-contrast:  ;
+    --tw-backdrop-grayscale:  ;
+    --tw-backdrop-hue-rotate:  ;
+    --tw-backdrop-invert:  ;
+    --tw-backdrop-opacity:  ;
+    --tw-backdrop-saturate:  ;
+    --tw-backdrop-sepia:  ;
+}
+
+::backdrop {
+    --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    --tw-pan-x:  ;
+    --tw-pan-y:  ;
+    --tw-pinch-zoom:  ;
+    --tw-scroll-snap-strictness: proximity;
+    --tw-ordinal:  ;
+    --tw-slashed-zero:  ;
+    --tw-numeric-figure:  ;
+    --tw-numeric-spacing:  ;
+    --tw-numeric-fraction:  ;
+    --tw-ring-inset:  ;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(59 130 246 / 0.5);
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    --tw-blur:  ;
+    --tw-brightness:  ;
+    --tw-contrast:  ;
+    --tw-grayscale:  ;
+    --tw-hue-rotate:  ;
+    --tw-invert:  ;
+    --tw-saturate:  ;
+    --tw-sepia:  ;
+    --tw-drop-shadow:  ;
+    --tw-backdrop-blur:  ;
+    --tw-backdrop-brightness:  ;
+    --tw-backdrop-contrast:  ;
+    --tw-backdrop-grayscale:  ;
+    --tw-backdrop-hue-rotate:  ;
+    --tw-backdrop-invert:  ;
+    --tw-backdrop-opacity:  ;
+    --tw-backdrop-saturate:  ;
+    --tw-backdrop-sepia:  ;
+}
+
+.tw-form-checkbox,.tw-form-radio {
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    padding: 0;
+    -webkit-print-color-adjust: exact;
+            print-color-adjust: exact;
+    display: inline-block;
+    vertical-align: middle;
+    background-origin: border-box;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+    flex-shrink: 0;
+    height: 1rem;
+    width: 1rem;
+    color: #2563eb;
+    background-color: #fff;
+    border-color: #6b7280;
+    border-width: 1px;
+    --tw-shadow: 0 0 #0000;
+}
+
+.tw-form-checkbox {
+    border-radius: 0px;
+}
+
+.tw-form-radio {
+    border-radius: 100%;
+}
+
+.tw-form-checkbox:focus,.tw-form-radio:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: #2563eb;
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
+.tw-form-checkbox:checked,.tw-form-radio:checked {
+    border-color: transparent;
+    background-color: currentColor;
+    background-size: 100% 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+.tw-form-checkbox:checked {
+    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+}
+
+.tw-form-radio:checked {
+    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+}
+
+.tw-form-checkbox:checked:hover,.tw-form-checkbox:checked:focus,.tw-form-radio:checked:hover,.tw-form-radio:checked:focus {
+    border-color: transparent;
+    background-color: currentColor;
+}
+
+.tw-form-checkbox:indeterminate {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
+    border-color: transparent;
+    background-color: currentColor;
+    background-size: 100% 100%;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+.tw-form-checkbox:indeterminate:hover,.tw-form-checkbox:indeterminate:focus {
+    border-color: transparent;
+    background-color: currentColor;
+}
+
+.tw-pointer-events-none {
+    pointer-events: none;
+}
+
+.tw-visible {
+    visibility: visible;
+}
+
+.tw-invisible {
+    visibility: hidden;
+}
+
+.tw-absolute {
+    position: absolute;
+}
+
+.tw-relative {
+    position: relative;
+}
+
+.-tw-bottom-2 {
+    bottom: -0.5rem;
+}
+
+.-tw-left-3 {
+    left: -0.75rem;
+}
+
+.-tw-right-3 {
+    right: -0.75rem;
+}
+
+.-tw-top-2 {
+    top: -0.5rem;
+}
+
+.tw-left-1\/2 {
+    left: 50%;
+}
+
+.tw-top-1\/2 {
+    top: 50%;
+}
+
+.\!tw-z-\[9000\] {
+    z-index: 9000 !important;
+}
+
+.\!tw-z-\[9999\] {
+    z-index: 9999 !important;
+}
+
+.tw-z-50 {
+    z-index: 50;
+}
+
+.tw-z-\[9999\] {
+    z-index: 9999;
+}
+
+.tw-m-0 {
+    margin: 0px;
+}
+
+.tw-m-0\.5 {
+    margin: 0.125rem;
+}
+
+.tw-m-5 {
+    margin: 1.25rem;
+}
+
+.tw-ml-1 {
+    margin-left: 0.25rem;
+}
+
+.tw-ml-1\.5 {
+    margin-left: 0.375rem;
+}
+
+.tw-mr-1 {
+    margin-right: 0.25rem;
+}
+
+.tw-inline-block {
+    display: inline-block;
+}
+
+.tw-flex {
+    display: flex;
+}
+
+.tw-grid {
+    display: grid;
+}
+
+.tw-hidden {
+    display: none;
+}
+
+.tw-h-3 {
+    height: 0.75rem;
+}
+
+.tw-h-3\.5 {
+    height: 0.875rem;
+}
+
+.tw-h-\[10px\] {
+    height: 10px;
+}
+
+.tw-h-inputs {
+    height: 34px;
+}
+
+.tw-w-3 {
+    width: 0.75rem;
+}
+
+.tw-w-3\.5 {
+    width: 0.875rem;
+}
+
+.tw-w-\[10px\] {
+    width: 10px;
+}
+
+.tw-w-\[200px\] {
+    width: 200px;
+}
+
+.tw-min-w-fit {
+    min-width: -moz-fit-content;
+    min-width: fit-content;
+}
+
+.-tw-translate-x-1\/2 {
+    --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));
+}
+
+.-tw-translate-y-1\/2 {
+    --tw-translate-y: -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-y-full {
+    --tw-translate-y: -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));
+}
+
+.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));
+}
+
+.tw-translate-y-full {
+    --tw-translate-y: 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));
+}
+
+.tw-rotate-45 {
+    --tw-rotate: 45deg;
+    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-cursor-not-allowed {
+    cursor: not-allowed;
+}
+
+.tw-cursor-pointer {
+    cursor: pointer;
+}
+
+.tw-grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.tw-grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.tw-grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.tw-flex-row {
+    flex-direction: row;
+}
+
+.tw-items-center {
+    align-items: center;
+}
+
+.tw-gap-4 {
+    gap: 1rem;
+}
+
+.tw-overflow-hidden {
+    overflow: hidden;
+}
+
+.tw-whitespace-nowrap {
+    white-space: nowrap;
+}
+
+.tw-rounded {
+    border-radius: 0.25rem;
+}
+
+.tw-rounded-sm {
+    border-radius: 3px;
+}
+
+.tw-rounded-b {
+    border-bottom-right-radius: 0.25rem;
+    border-bottom-left-radius: 0.25rem;
+}
+
+.tw-rounded-l-sm {
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+}
+
+.tw-rounded-r-sm {
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+}
+
+.tw-rounded-t-sm {
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+}
+
+.tw-rounded-tl-sm {
+    border-top-left-radius: 3px;
+}
+
+.tw-rounded-tr-sm {
+    border-top-right-radius: 3px;
+}
+
+.tw-border {
+    border-width: 1px;
+}
+
+.tw-border-l-0 {
+    border-left-width: 0px;
+}
+
+.tw-border-r-0 {
+    border-right-width: 0px;
+}
+
+.tw-border-solid {
+    border-style: solid;
+}
+
+.tw-border-sq-color-dark {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark));
+}
+
+.tw-border-sq-danger-color {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-danger-color));
+}
+
+.tw-border-sq-disabled-gray {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-disabled-gray));
+}
+
+.tw-border-sq-icon {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-icon));
+}
+
+.tw-border-sq-warning-color {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-warning-color));
+}
+
+.tw-bg-black {
+    --tw-bg-opacity: 1;
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.tw-bg-sq-color-dark {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-color-dark));
+}
+
+.tw-bg-sq-colored-hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-colored-hover));
+}
+
+.tw-bg-sq-danger-color {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-danger-color));
+}
+
+.tw-bg-sq-dark-background {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-dark-background));
+}
+
+.tw-bg-sq-disabled-gray {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-disabled-gray));
+}
+
+.tw-bg-sq-field-disabled-gray {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--sq-field-disabled-gray), 0.3);
+}
+
+.tw-bg-sq-icon {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-icon));
+}
+
+.tw-bg-sq-light-gray {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-light-gray));
+}
+
+.tw-bg-sq-warning-color {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-warning-color));
+}
+
+.tw-bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.tw-p-1 {
+    padding: 0.25rem;
+}
+
+.tw-p-2 {
+    padding: 0.5rem;
+}
+
+.tw-p-4 {
+    padding: 1rem;
+}
+
+.tw-p-5 {
+    padding: 1.25rem;
+}
+
+.tw-px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+}
+
+.tw-px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+}
+
+.tw-px-2\.5 {
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+}
+
+.tw-px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+}
+
+.tw-py-0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+}
+
+.tw-py-0\.5 {
+    padding-top: 0.125rem;
+    padding-bottom: 0.125rem;
+}
+
+.tw-py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+}
+
+.tw-pl-2 {
+    padding-left: 0.5rem;
+}
+
+.tw-pl-2\.5 {
+    padding-left: 0.625rem;
+}
+
+.tw-pr-1 {
+    padding-right: 0.25rem;
+}
+
+.tw-pr-1\.5 {
+    padding-right: 0.375rem;
+}
+
+.tw-text-center {
+    text-align: center;
+}
+
+.tw-text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+}
+
+.tw-text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+}
+
+.tw-text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+}
+
+.tw-leading-normal {
+    line-height: 1.5;
+}
+
+.tw-text-gray-400 {
+    --tw-text-opacity: 1;
+    color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
+.tw-text-sq-color-dark {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-color-dark));
+}
+
+.tw-text-sq-color-light {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-color-light));
+}
+
+.tw-text-sq-danger-color {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-danger-color));
+}
+
+.tw-text-sq-darkish-gray {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-darkish-gray));
+}
+
+.tw-text-sq-disabled-gray {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-disabled-gray));
+}
+
+.tw-text-sq-fairly-dark-gray {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-fairly-dark-gray));
+}
+
+.tw-text-sq-link {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-link));
+}
+
+.tw-text-sq-success-color {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-success-color));
+}
+
+.tw-text-sq-text-color {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-text-color));
+}
+
+.tw-text-sq-warning-color {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-warning-color));
+}
+
+.tw-text-white {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.tw-placeholder-gray-400::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
+}
+
+.tw-placeholder-gray-400::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
+}
+
+.tw-opacity-0 {
+    opacity: 0;
+}
+
+.tw-outline-none {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
+/* 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 */
+
+.reactSelectMinHeight {
+  min-height: 34px !important;
+}
+
+.reactSelectMinHeightSmall {
+  min-height: 22px !important;
+}
+
+[type='checkbox']:checked,
+[type='radio']:checked {
+  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>');
+}
+
+.tw-dark [type='checkbox']:checked,
+.tw-dark [type='radio']:checked {
+  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>');
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.fade-in {
+  animation: fadeIn 500ms;
+}
+
+.before\:tw-absolute::before {
+    content: var(--tw-content);
+    position: absolute;
+}
+
+.before\:-tw-bottom-4::before {
+    content: var(--tw-content);
+    bottom: -1rem;
+}
+
+.before\:-tw-top-4::before {
+    content: var(--tw-content);
+    top: -1rem;
+}
+
+.before\:tw-left-1\/2::before {
+    content: var(--tw-content);
+    left: 50%;
+}
+
+.before\:tw-left-\[100\%\]::before {
+    content: var(--tw-content);
+    left: 100%;
+}
+
+.before\:tw-right-\[100\%\]::before {
+    content: var(--tw-content);
+    right: 100%;
+}
+
+.before\:tw-top-1\/2::before {
+    content: var(--tw-content);
+    top: 50%;
+}
+
+.before\:-tw-translate-x-1\/2::before {
+    content: var(--tw-content);
+    --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));
+}
+
+.before\:-tw-translate-y-1\/2::before {
+    content: var(--tw-content);
+    --tw-translate-y: -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));
+}
+
+.before\:tw-border-8::before {
+    content: var(--tw-content);
+    border-width: 8px;
+}
+
+.before\:tw-border-y-transparent::before {
+    content: var(--tw-content);
+    border-top-color: transparent;
+    border-bottom-color: transparent;
+}
+
+.before\:tw-border-b-black::before {
+    content: var(--tw-content);
+    --tw-border-opacity: 1;
+    border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.before\:tw-border-b-transparent::before {
+    content: var(--tw-content);
+    border-bottom-color: transparent;
+}
+
+.before\:tw-border-l-black::before {
+    content: var(--tw-content);
+    --tw-border-opacity: 1;
+    border-left-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.before\:tw-border-l-transparent::before {
+    content: var(--tw-content);
+    border-left-color: transparent;
+}
+
+.before\:tw-border-r-black::before {
+    content: var(--tw-content);
+    --tw-border-opacity: 1;
+    border-right-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.before\:tw-border-r-transparent::before {
+    content: var(--tw-content);
+    border-right-color: transparent;
+}
+
+.before\:tw-border-t-black::before {
+    content: var(--tw-content);
+    --tw-border-opacity: 1;
+    border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.before\:tw-border-t-transparent::before {
+    content: var(--tw-content);
+    border-top-color: transparent;
+}
+
+.before\:tw-content-\[\'\'\]::before {
+    --tw-content: '';
+    content: var(--tw-content);
+}
+
+.checked\:tw-text-sq-text-color:checked {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-text-color));
+}
+
+.hover\:tw-cursor-pointer:hover {
+    cursor: pointer;
+}
+
+.hover\:tw-border-sq-color-dark:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark));
+}
+
+.hover\:tw-border-sq-color-highlight:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-highlight));
+}
+
+.hover\:tw-border-sq-danger-color-hover:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(212 59 55 / var(--tw-border-opacity));
+}
+
+.hover\:tw-border-sq-link:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-link));
+}
+
+.hover\:tw-bg-sq-color-highlight:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-color-highlight));
+}
+
+.hover\:tw-bg-sq-danger-color-hover:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(212 59 55 / var(--tw-bg-opacity));
+}
+
+.hover\:tw-bg-sq-gray-highlight:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-gray-highlight));
+}
+
+.hover\:tw-bg-sq-light-gray:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-light-gray));
+}
+
+.hover\:tw-bg-sq-link:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-link));
+}
+
+.hover\:tw-text-sq-color-dark:hover {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-color-dark));
+}
+
+.hover\:tw-text-sq-danger-color:hover {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-danger-color));
+}
+
+.focus\:tw-border-l:focus {
+    border-left-width: 1px;
+}
+
+.focus\:tw-border-r:focus {
+    border-right-width: 1px;
+}
+
+.focus\:tw-border-sq-color-dark:focus {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark));
+}
+
+.focus\:tw-bg-sq-dark-gray:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-dark-gray));
+}
+
+.focus\:tw-text-sq-color-dark:focus {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-color-dark));
+}
+
+.focus\:tw-outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+}
+
+.focus\:tw-ring-0:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+    --tw-ring-color: r;
+}
+
+.focus\:tw-ring-offset-0:focus {
+    --tw-ring-offset-width: 0px;
+}
+
+.active\:tw-border-l:active {
+    border-left-width: 1px;
+}
+
+.active\:tw-border-r:active {
+    border-right-width: 1px;
+}
+
+.active\:tw-border-sq-color-dark:active {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark));
+}
+
+.active\:tw-bg-sq-dark-gray:active {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-dark-gray));
+}
+
+.active\:tw-text-sq-color-dark:active {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-color-dark));
+}
+
+.disabled\:tw-pointer-events-none:disabled {
+    pointer-events: none;
+}
+
+.disabled\:tw-cursor-not-allowed:disabled {
+    cursor: not-allowed;
+}
+
+.disabled\:tw-text-sq-fairly-dark-gray:disabled {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-fairly-dark-gray));
+}
+
+.disabled\:tw-opacity-50:disabled {
+    opacity: 0.5;
+}
+
+.tw-group:hover .group-hover\:tw-inline-block {
+    display: inline-block;
+}
+
+.tw-group:hover .group-hover\:tw-opacity-100 {
+    opacity: 1;
+}
+
+.tw-dark .dark\:tw-border-sq-color-dark {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark));
+}
+
+.tw-dark .dark\:tw-border-sq-dark-disabled-gray {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-dark-disabled-gray));
+}
+
+.tw-dark .dark\:tw-border-sq-dark-text {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-dark-text));
+}
+
+.tw-dark .dark\:tw-border-sq-icon-dark {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-icon-dark));
+}
+
+.tw-dark .dark\:tw-bg-sq-color-dark {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-color-dark));
+}
+
+.tw-dark .dark\:tw-bg-sq-colored-hover-dark {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-colored-hover-dark));
+}
+
+.tw-dark .dark\:tw-bg-sq-dark-background {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-dark-background));
+}
+
+.tw-dark .dark\:tw-bg-sq-dark-disabled-gray {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-dark-disabled-gray));
+}
+
+.tw-dark .dark\:tw-bg-sq-icon-dark {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-icon-dark));
+}
+
+.tw-dark .dark\:tw-bg-sq-multi-gray-dark {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-multi-gray-dark));
+}
+
+.tw-dark .dark\:tw-text-sq-color-dark-dark {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-color-dark-dark));
+}
+
+.tw-dark .dark\:tw-text-sq-dark-disabled-gray {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-dark-disabled-gray));
+}
+
+.tw-dark .dark\:tw-text-sq-dark-text {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-dark-text));
+}
+
+.tw-dark .dark\:tw-text-sq-dark-text-lighter {
+    --tw-text-opacity: 1;
+    color: rgba(var(--sq-dark-text), 0.3);
+}
+
+.tw-dark .dark\:tw-text-sq-fairly-dark-gray {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-fairly-dark-gray));
+}
+
+.tw-dark .dark\:tw-text-sq-link-dark {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-link-dark));
+}
+
+.tw-dark .dark\:tw-text-white {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.tw-dark .dark\:tw-placeholder-sq-dark-text-lighter::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(var(--sq-dark-text), 0.3);
+}
+
+.tw-dark .dark\:tw-placeholder-sq-dark-text-lighter::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(var(--sq-dark-text), 0.3);
+}
+
+.tw-dark .dark\:checked\:tw-bg-sq-dark-text:checked {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-dark-text));
+}
+
+.tw-dark .dark\:hover\:tw-border-sq-color-dark-dark:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark-dark));
+}
+
+.tw-dark .dark\:hover\:tw-border-sq-color-highlight:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-highlight));
+}
+
+.tw-dark .dark\:hover\:tw-border-sq-link-dark:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-link-dark));
+}
+
+.tw-dark .dark\:hover\:tw-bg-sq-color-highlight:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-color-highlight));
+}
+
+.tw-dark .dark\:hover\:tw-bg-sq-gray-highlight-dark:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-gray-highlight-dark));
+}
+
+.tw-dark .dark\:hover\:tw-bg-sq-highlight-color-dark:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-highlight-color-dark));
+}
+
+.tw-dark .dark\:hover\:tw-bg-sq-link-dark:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-link-dark));
+}
+
+.tw-dark .dark\:hover\:tw-text-sq-color-dark-dark:hover {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-color-dark-dark));
+}
+
+.tw-dark .dark\:focus\:tw-border-sq-color-dark:focus {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark));
+}
+
+.tw-dark .dark\:focus\:tw-border-sq-color-dark-dark:focus {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark-dark));
+}
+
+.tw-dark .dark\:focus\:tw-bg-sq-dark-gray:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-dark-gray));
+}
+
+.tw-dark .dark\:focus\:tw-text-sq-color-dark-dark:focus {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-color-dark-dark));
+}
+
+.tw-dark .dark\:active\:tw-border-sq-color-dark:active {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark));
+}
+
+.tw-dark .dark\:active\:tw-border-sq-color-dark-dark:active {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark-dark));
+}
+
+.tw-dark .dark\:active\:tw-bg-sq-dark-gray:active {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-dark-gray));
+}
+
+.tw-dark .dark\:active\:tw-text-sq-color-dark-dark:active {
+    --tw-text-opacity: 1;
+    color: rgb(var(--sq-color-dark-dark));
+}