testio-tailwind 1.0.0 → 1.1.0

package/src/static/app.compiled.css

@@ -16375,7 +16375,10 @@ img.chat-avatar{
   border-top-width: 1px;
   --tw-border-opacity: 1;
   border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
-  padding: 10px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 15px;
+  padding-right: 15px;
   vertical-align: middle;
 }
 
@@ -16438,75 +16441,584 @@ img.chat-avatar{
   padding-right: 30px;
 }
 
-.table.table-sm td:last-child {
-    padding-right: 0;
-  }
+.table.table-sm td:last-child {
+    padding-right: 0;
+  }
+
+.table th,
+.table thead th{
+  border-bottom-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
+  padding-top: 5px;
+  padding-bottom: 5px;
+  font-size: 13px;
+  line-height: 13px;
+  font-weight: 600;
+}
+
+.table tr:first-child td,
+.table.tbody tr:first-child td {
+  border-top: 0;
+}
+
+.td-title{
+  display: inline;
+  padding-right: 10px;
+  --tw-text-opacity: 1;
+  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
+}
+
+.td-title:hover{
+  --tw-text-opacity: 1;
+  color: rgb(33 190 244 / var(--tw-text-opacity, 1));
+}
+
+.table-bordered,
+.table-bordered thead,
+.table-bordered tbody {
+  border: 0;
+}
+
+.table-bordered tr th:first-child,
+.table-bordered tr td:first-child {
+  border-left: 0;
+}
+
+.table-bordered tr td:last-child,
+.table-bordered tr th:last-child {
+  border-right: 0;
+}
+
+.table td.cell-with-buttons{
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.table .linked-cell:hover,
+.table .linked-row:hover{
+  cursor: pointer;
+  --tw-bg-opacity: 1;
+  background-color: rgb(33 190 244 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.table tr:has(.highlight-parent-row:hover){
+  cursor: pointer;
+  --tw-bg-opacity: 1;
+  background-color: rgb(33 190 244 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.table-standard{
+  width: 100%;
+}
+
+.table-standard th, .table-standard td{
+  width: 0px;
+  text-align: left;
+  vertical-align: top;
+}
+
+.table-standard th:last-child, .table-standard td:last-child{
+  width: auto;
+}
+
+@media (min-width: 768px){
+
+  .table-standard th, .table-standard td{
+    white-space: nowrap;
+  }
+}
+
+.table-standard th.cell-full-width, .table-standard td.cell-full-width{
+  width: 100%;
+}
+
+.table-standard th{
+  padding-bottom: 0.625rem;
+  padding-right: 30px;
+}
+
+.table-standard th:last-child{
+  padding-right: 0px;
+}
+
+.table-standard tr{
+  border-top-width: 1px;
+}
+
+.table-standard tr:first-child{
+  border-width: 0px;
+}
+
+.table-standard tfoot{
+  border-top-width: 1px;
+}
+
+.table-standard tfoot.sum{
+  border-top-width: 4px;
+  border-style: double;
+}
+
+.table-standard td{
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+  padding-right: 30px;
+}
+
+.table-standard td:last-child{
+  padding-right: 0px;
+}
+
+.table-standard th.wrap, 
+.table-standard td.wrap{
+  white-space: normal;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
+.table-standard th.pre, 
+.table-standard td.pre{
+  white-space: pre-line;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
+td.action-cell,
+.table-cellstyle td.action-cell{
+  min-width: auto;
+}
+
+td.action-cell > :not([hidden]) ~ :not([hidden]),
+.table-cellstyle td.action-cell > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+td.action-cell,
+.table-cellstyle td.action-cell{
+  white-space: nowrap;
+  text-align: right;
+}
+
+.table-cellstyle {
+  border-spacing: 2px;
+  border-collapse: separate;
+}
+
+.table-cellstyle th{
+  position: relative;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.625rem;
+  padding-right: 0.125rem;
+  vertical-align: middle;
+  font-size: 0.813rem;
+  line-height: 0.813rem;
+  font-weight: 400;
+}
+
+.table-cellstyle th.missing,
+.table-cellstyle th.inprogress,
+.table-cellstyle th.completed{
+  padding-right: 3.5rem;
+}
+
+.table-cellstyle th label{
+  font-size: 0.813rem;
+  line-height: 0.813rem;
+}
+
+.table-cellstyle th.missing::after, 
+.table-cellstyle th.inprogress::after, 
+.table-cellstyle th.complete::after, 
+.table-cellstyle .cell-editable::after{
+  position: absolute;
+  right: 0.625rem;
+  top: 0.5rem;
+  display: inline-block;
+  height: 16px;
+  width: 16px;
+  content: "";
+  -webkit-mask-repeat: no-repeat;
+          mask-repeat: no-repeat;
+}
+
+.table-cellstyle th.missing::after{
+  right: 0px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(95 101 109 / var(--tw-bg-opacity, 1));
+  -webkit-mask-image: url("../../../images/exclamation.svg");
+  mask-image: url("../../../images/exclamation.svg");
+}
+
+.table-cellstyle th.inprogress::after{
+  --tw-bg-opacity: 1;
+  background-color: rgb(95 101 109 / var(--tw-bg-opacity, 1));
+  -webkit-mask-image: url("../../../images/clock.svg");
+  mask-image: url("../../../images/clock.svg");
+}
+
+.table-cellstyle th.completed::after{
+  top: 0.625rem;
+  right: 0.375rem;
+  height: 0.625rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(140 189 36 / var(--tw-bg-opacity, 1));
+  -webkit-mask-image: url("../../../images/check-thick.svg");
+  mask-image: url("../../../images/check-thick.svg");
+}
+
+.table-cellstyle td{
+  position: relative;
+  min-height: 2.75rem;
+  min-width: 10rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+  vertical-align: top;
+  font-size: 0.813rem;
+  line-height: 0.813rem;
+}
+
+.table-cellstyle td:last-child{
+  padding-right: 0.75rem;
+}
+
+.table-cellstyle td label{
+  font-size: 0.813rem;
+  line-height: 0.813rem;
+}
+
+.table-cellstyle td::after{
+  position: absolute;
+  right: 0.625rem;
+  top: 0.5rem;
+  display: inline-block;
+  height: 16px;
+  width: 16px;
+  content: "";
+  -webkit-mask-repeat: no-repeat;
+          mask-repeat: no-repeat;
+}
+
+.table-cellstyle td.missing{
+  background-color: transparent;
+  font-style: italic;
+  --tw-text-opacity: 1;
+  color: rgb(191 193 197 / var(--tw-text-opacity, 1));
+}
+
+.table-cellstyle td.inprogress{
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
+  padding-right: 2.25rem;
+  font-style: italic;
+}
+
+.table-cellstyle td.inprogress::after{
+  --tw-bg-opacity: 1;
+  background-color: rgb(95 101 109 / var(--tw-bg-opacity, 1));
+  -webkit-mask-image: url("../../../images/clock.svg");
+  mask-image: url("../../../images/clock.svg");
+}
+
+.table-cellstyle td.completed{
+  padding-right: 2rem;
+}
+
+.table-cellstyle .completed::after{
+  top: 0.625rem;
+  right: 0.375rem;
+  height: 0.625rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(140 189 36 / var(--tw-bg-opacity, 1));
+  -webkit-mask-image: url("../../../images/check-thick.svg");
+  mask-image: url("../../../images/check-thick.svg");
+}
+
+.table-cellstyle td.cell-editable, 
+.table-cellstyle td.cell-editable.missing, 
+.table-cellstyle td.cell-editable.inprogress, 
+.table-cellstyle td.cell-editable.completed{
+  height: 100%;
+  width: 100%;
+  padding: 0px;
+  word-break: break-all;
+}
+
+.table-cellstyle td.cell-editable::after, .table-cellstyle td.cell-editable.missing::after, .table-cellstyle td.cell-editable.inprogress::after, .table-cellstyle td.cell-editable.completed::after {
+    content: none;
+  }
+
+.cell-editable .btn{
+  width: 30px;
+  align-items: flex-start;
+  justify-content: center;
+  padding-left: 5px;
+  padding-right: 5px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.cell-content-editable, a.cell-content-editable{
+  display: flex;
+  height: 100%;
+  width: 100%;
+  cursor: pointer;
+  justify-content: space-between;
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+  padding-left: 0.625rem;
+  padding-right: 2.25rem;
+  font-weight: 400;
+  --tw-text-opacity: 1;
+  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
+  text-decoration-line: none;
+}
+
+.cell-content-editable:hover, a.cell-content-editable:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(33 190 244 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+.cell-content-editable, a.cell-content-editable {
+  word-break: break-word;
+}
+
+.cell-content-editable::after, a.cell-content-editable::after{
+  position: absolute;
+  right: 0.625rem;
+  top: 0.5rem;
+  display: inline-block;
+  height: 16px;
+  width: 16px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(35 106 132 / var(--tw-bg-opacity, 1));
+    content: "";
+    -webkit-mask-repeat: round;
+            mask-repeat: round;
+    -webkit-mask-image: url("../../../images/edit.svg");
+    mask-image: url("../../../images/edit.svg");
+}
+
+.cell-content-editable:hover::after, a.cell-content-editable.cell-content-editable:hover::after{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+
+.cell-edit-state{
+  display: flex;
+  height: 100%;
+  width: 100%;
+  align-items: stretch;
+  justify-content: space-between;
+  border-width: 2px;
+  --tw-border-opacity: 1;
+  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
+  padding: 0px;
+}
+
+.cell-edit-state .edit-form{
+  display: flex;
+  height: 100%;
+  width: 100%;
+  align-items: stretch;
+  justify-content: space-between;
+}
+
+.cell-edit-state textarea{
+  min-height: 100%;
+  width: 100%;
+  border-radius: 0px;
+  border-style: none;
+  font-size: 0.813rem;
+  line-height: 0.813rem;
+}
+
+.cell-actions{
+  display: flex;
+  flex-direction: column;
+}
+
+.cell-actions .btn{
+  width: 30px;
+  flex: 1 1 0%;
+  align-items: center;
+  border-radius: 0px;
+  border-width: 0px;
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
+}
+
+.cell-actions .btn:first-child{
+  border-bottom-width: 1px;
+}
+
+/*////// Grid Tables //////*/
+
+.table-grid{
+  display: grid;
+  min-width: 100%;
+  grid-auto-flow: column;
+  place-items: stretch;
+  gap: 0.125rem;
+  grid-auto-flow: row;
+}
+
+.table-grid thead,
+.table-grid tbody,
+.table-grid tr {
+  display: contents;
+}
+
+.table-grid th, 
+.table-grid td{
+  height: 100%;
+  width: 100%;
+  white-space: normal;
+}
+
+.table-grid th{
+  display: flex;
+  min-height: 2rem;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.table-grid .cell-edit-state textarea{
+  flex: 1 1 0%;
+}
+
+/*////// Selectable cells //////*/
+
+.table-cellstyle .cell-selectable{
+  height: 100%;
+  width: 100%;
+  padding: 0px;
+}
+
+.table-cellstyle .cell-selectable input{
+  position: absolute;
+  left: 0.625rem;
+  top: 0.375rem;
+  height: 1.25rem;
+  width: 1.25rem;
+  border-radius: 5px;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(29 29 29 / var(--tw-border-opacity, 1));
+  background-color: transparent;
+}
+
+.table-cellstyle .cell-selectable label{
+  display: block;
+  height: 100%;
+  width: 100%;
+  cursor: pointer;
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+
+.table-cellstyle .cell-selectable label:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(33 190 244 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
 
-.table th,
-.table thead th{
-  border-bottom-width: 1px;
+.table-cellstyle .cell-selectable input[type=checkbox]:checked{
   --tw-border-opacity: 1;
-  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
-  padding-top: 5px;
-  padding-bottom: 5px;
-  font-size: 13px;
-  line-height: 13px;
-  font-weight: 600;
+  border-color: rgb(29 29 29 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(29 29 29 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+  background-image: none;
 }
 
-.table tr:first-child td,
-.table.tbody tr:first-child td {
-  border-top: 0;
+.table-cellstyle .cell-selectable input[type=checkbox]:checked::after{
+  display: block;
+  height: 100%;
+  width: 100%;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+    content: "";
+    mask-image: url("../../../images/checkbox-background.svg");
+    -webkit-mask-image: url("../../../images/checkbox-background.svg");
+    -webkit-mask-repeat: no-repeat;
+            mask-repeat: no-repeat;
 }
 
-.td-title{
-  display: inline;
-  padding-right: 10px;
+.table-cellstyle .cell-selectable input:checked + label{
+  --tw-bg-opacity: 1;
+  background-color: rgb(35 106 132 / var(--tw-bg-opacity, 1));
   --tw-text-opacity: 1;
-  color: rgb(29 29 29 / var(--tw-text-opacity, 1));
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
-.td-title:hover{
-  --tw-text-opacity: 1;
-  color: rgb(33 190 244 / var(--tw-text-opacity, 1));
+.table-cellstyle .cell-selectable input:checked + label:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(33 190 244 / var(--tw-bg-opacity, 1));
 }
 
-.table-bordered,
-.table-bordered thead,
-.table-bordered tbody {
-  border: 0;
+.table-cellstyle td.cell-selectable.inprogress,
+.table-cellstyle td.cell-selectable.completed{
+  padding-right: 0px;
 }
 
-.table-bordered tr th:first-child,
-.table-bordered tr td:first-child {
-  border-left: 0;
-}
+.table-cellstyle td.cell-selectable.inprogress::after, .table-cellstyle td.cell-selectable.completed::after {
+    content: none;
+  }
 
-.table-bordered tr td:last-child,
-.table-bordered tr th:last-child {
-  border-right: 0;
+.table-cellstyle td.cell-selectable label::after{
+  position: absolute;
+  right: 0.625rem;
+  top: 0.5rem;
+  display: inline-block;
+  height: 16px;
+  width: 16px;
+  content: "";
+  -webkit-mask-repeat: no-repeat;
+          mask-repeat: no-repeat;
 }
 
-.table td.cell-with-buttons{
-  padding-top: 5px;
-  padding-bottom: 5px;
+.table-cellstyle td.cell-selectable.inprogress label::after{
+  --tw-bg-opacity: 1;
+  background-color: rgb(95 101 109 / var(--tw-bg-opacity, 1));
+  -webkit-mask-image: url("../../../images/clock.svg");
+  mask-image: url("../../../images/clock.svg");
 }
 
-.table .linked-cell:hover,
-.table .linked-row:hover{
-  cursor: pointer;
+.table-cellstyle .cell-selectable.completed label::after{
+  top: 0.625rem;
+  right: 0.375rem;
+  height: 0.625rem;
   --tw-bg-opacity: 1;
-  background-color: rgb(33 190 244 / var(--tw-bg-opacity, 1));
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+  background-color: rgb(140 189 36 / var(--tw-bg-opacity, 1));
+  -webkit-mask-image: url("../../../images/check-thick.svg");
+  mask-image: url("../../../images/check-thick.svg");
 }
 
-.table tr:has(.highlight-parent-row:hover){
-  cursor: pointer;
+.table-cellstyle td.cell-selectable.inprogress label:hover::after,
+.table-cellstyle td.cell-selectable.completed label:hover::after,
+.table-cellstyle .cell-selectable.inprogress input:checked + label::after,
+.table-cellstyle .cell-selectable.completed input:checked + label::after{
   --tw-bg-opacity: 1;
-  background-color: rgb(33 190 244 / var(--tw-bg-opacity, 1));
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
 aside.metasidebar{
@@ -19063,10 +19575,18 @@ details.card-section[open] .card-section-header {
   margin-bottom: 30px;
 }
 
+.mb-xl{
+  margin-bottom: 60px;
+}
+
 .mb-xs{
   margin-bottom: 10px;
 }
 
+.mb-xxl{
+  margin-bottom: 90px;
+}
+
 .mb-xxs{
   margin-bottom: 5px;
 }
@@ -19087,10 +19607,30 @@ details.card-section[open] .card-section-header {
   margin-left: 20px;
 }
 
+.ml-sm{
+  margin-left: 15px;
+}
+
+.ml-spacing{
+  margin-left: 30px;
+}
+
+.ml-xl{
+  margin-left: 60px;
+}
+
 .ml-xs{
   margin-left: 10px;
 }
 
+.ml-xxl{
+  margin-left: 90px;
+}
+
+.ml-xxs{
+  margin-left: 5px;
+}
+
 .mr-0{
   margin-right: 0px;
 }
@@ -19099,10 +19639,34 @@ details.card-section[open] .card-section-header {
   margin-right: 8px;
 }
 
+.mr-lg{
+  margin-right: 50px;
+}
+
+.mr-md{
+  margin-right: 20px;
+}
+
+.mr-sm{
+  margin-right: 15px;
+}
+
+.mr-spacing{
+  margin-right: 30px;
+}
+
+.mr-xl{
+  margin-right: 60px;
+}
+
 .mr-xs{
   margin-right: 10px;
 }
 
+.mr-xxl{
+  margin-right: 90px;
+}
+
 .mr-xxs{
   margin-right: 5px;
 }
@@ -19119,6 +19683,10 @@ details.card-section[open] .card-section-header {
   margin-top: 1.25rem;
 }
 
+.mt-lg{
+  margin-top: 50px;
+}
+
 .mt-md{
   margin-top: 20px;
 }
@@ -19127,10 +19695,26 @@ details.card-section[open] .card-section-header {
   margin-top: 15px;
 }
 
+.mt-spacing{
+  margin-top: 30px;
+}
+
+.mt-xl{
+  margin-top: 60px;
+}
+
 .mt-xs{
   margin-top: 10px;
 }
 
+.mt-xxl{
+  margin-top: 90px;
+}
+
+.mt-xxs{
+  margin-top: 5px;
+}
+
 .block{
   display: block;
 }
@@ -19191,10 +19775,34 @@ details.card-section[open] .card-section-header {
   height: 30px;
 }
 
+.h-spacing-2xl{
+  height: 120px;
+}
+
 .h-spacing-3xl{
   height: 180px;
 }
 
+.h-spacing-4xl{
+  height: 240px;
+}
+
+.h-spacing-5xl{
+  height: 300px;
+}
+
+.h-spacing-6xl{
+  height: 360px;
+}
+
+.h-spacing-7xl{
+  height: 420px;
+}
+
+.h-spacing-8xl{
+  height: 480px;
+}
+
 .h-xl{
   height: 60px;
 }
@@ -19231,10 +19839,30 @@ details.card-section[open] .card-section-header {
   width: 30px;
 }
 
+.w-spacing-2xl{
+  width: 120px;
+}
+
 .w-spacing-3xl{
   width: 180px;
 }
 
+.w-spacing-4xl{
+  width: 240px;
+}
+
+.w-spacing-5xl{
+  width: 300px;
+}
+
+.w-spacing-6xl{
+  width: 360px;
+}
+
+.w-spacing-7xl{
+  width: 420px;
+}
+
 .w-spacing-8xl{
   width: 480px;
 }
@@ -19255,6 +19883,14 @@ details.card-section[open] .card-section-header {
   width: 5px;
 }
 
+.min-w-12{
+  min-width: 3rem;
+}
+
+.min-w-spacing-2xl{
+  min-width: 150px;
+}
+
 .max-w-capped{
   max-width: 700px;
 }
@@ -19303,6 +19939,10 @@ details.card-section[open] .card-section-header {
   grid-template-columns: auto 1fr;
 }
 
+.flex-row{
+  flex-direction: row;
+}
+
 .flex-col{
   flex-direction: column;
 }
@@ -19311,6 +19951,10 @@ details.card-section[open] .card-section-header {
   place-items: start;
 }
 
+.items-start{
+  align-items: flex-start;
+}
+
 .items-center{
   align-items: center;
 }
@@ -19347,18 +19991,34 @@ details.card-section[open] .card-section-header {
   gap: 20px;
 }
 
+.space-y-10 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+}
+
 .space-y-12 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse: 0;
   margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(3rem * var(--tw-space-y-reverse));
 }
 
+.space-y-5 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+}
+
 .space-y-6 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse: 0;
   margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
 }
 
+.overflow-x-auto{
+  overflow-x: auto;
+}
+
 .truncate{
   overflow: hidden;
   text-overflow: ellipsis;
@@ -19634,18 +20294,138 @@ details.card-section[open] .card-section-header {
   padding-bottom: 2.5rem;
 }
 
+.pb-lg{
+  padding-bottom: 50px;
+}
+
+.pb-md{
+  padding-bottom: 20px;
+}
+
 .pb-sm{
   padding-bottom: 15px;
 }
 
+.pb-spacing{
+  padding-bottom: 30px;
+}
+
+.pb-xl{
+  padding-bottom: 60px;
+}
+
+.pb-xs{
+  padding-bottom: 10px;
+}
+
+.pb-xxl{
+  padding-bottom: 90px;
+}
+
+.pb-xxs{
+  padding-bottom: 5px;
+}
+
+.pl-lg{
+  padding-left: 50px;
+}
+
 .pl-md{
   padding-left: 20px;
 }
 
+.pl-sm{
+  padding-left: 15px;
+}
+
+.pl-spacing{
+  padding-left: 30px;
+}
+
+.pl-xl{
+  padding-left: 60px;
+}
+
+.pl-xs{
+  padding-left: 10px;
+}
+
+.pl-xxl{
+  padding-left: 90px;
+}
+
+.pl-xxs{
+  padding-left: 5px;
+}
+
+.pr-lg{
+  padding-right: 50px;
+}
+
+.pr-md{
+  padding-right: 20px;
+}
+
+.pr-sm{
+  padding-right: 15px;
+}
+
+.pr-spacing{
+  padding-right: 30px;
+}
+
+.pr-xl{
+  padding-right: 60px;
+}
+
+.pr-xs{
+  padding-right: 10px;
+}
+
+.pr-xxl{
+  padding-right: 90px;
+}
+
+.pr-xxs{
+  padding-right: 5px;
+}
+
+.pt-5{
+  padding-top: 1.25rem;
+}
+
+.pt-lg{
+  padding-top: 50px;
+}
+
+.pt-md{
+  padding-top: 20px;
+}
+
+.pt-sm{
+  padding-top: 15px;
+}
+
+.pt-spacing{
+  padding-top: 30px;
+}
+
+.pt-xl{
+  padding-top: 60px;
+}
+
 .pt-xs{
   padding-top: 10px;
 }
 
+.pt-xxl{
+  padding-top: 90px;
+}
+
+.pt-xxs{
+  padding-top: 5px;
+}
+
 .text-center{
   text-align: center;
 }