@orbe-agro/client-core 5.6.231 → 5.6.232

package/dist/@ecme/assets/styles/components/index.css

@@ -12,30 +12,37 @@
 .avatar:is(.dark *) {
   background-color: var(--gray-600);
 }
+
 .avatar-sm {
   height: 2rem;
   width: 2rem;
   line-height: 2rem;
 }
+
 .avatar-md {
   height: 2.5rem;
   width: 2.5rem;
   line-height: 2.5rem;
 }
+
 .avatar-lg {
   height: 3rem;
   width: 3rem;
   line-height: 2.5rem;
 }
+
 .avatar-round {
   border-radius: 0.5rem;
 }
+
 .avatar-square {
   border-radius: 0px;
 }
+
 .avatar-circle {
   border-radius: 9999px;
 }
+
 .avatar-img {
   display: block;
   height: 100%;
@@ -43,6 +50,7 @@
   -o-object-fit: cover;
      object-fit: cover;
 }
+
 .avatar-string {
   position: absolute;
   left: 50%;
@@ -51,47 +59,59 @@
   align-items: center;
   font-weight: 600;
 }
+
 .avatar-inner-sm {
   height: 2rem;
 }
+
 .avatar-inner-md {
   height: 2.5rem;
 }
+
 .avatar-inner-lg {
   height: 3rem;
 }
+
 .avatar-icon {
   display: flex;
   height: 100%;
   align-items: center;
   justify-content: center;
 }
+
 .avatar-icon-sm {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
+
 .avatar-icon-md {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
+
 .avatar-icon-lg {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+
 .avatar-group {
   display: inline-flex;
 }
+
 .avatar-group-chained > .avatar,
   .avatar-group-chained > .tooltip-wrapper {
   margin-left: -0.5rem;
 }
+
 .avatar-group-chained > .avatar:where([dir="rtl"], [dir="rtl"] *),
   .avatar-group-chained > .tooltip-wrapper:where([dir="rtl"], [dir="rtl"] *) {
   margin-right: -0.5rem;
 }
+
 .avatar-group-chained > .avatar:first-child, .avatar-group-chained > .tooltip-wrapper:first-child {
   margin-left: 0px;
 }
+
 .avatar-group-chained > .avatar:first-child:where([dir="rtl"], [dir="rtl"] *), .avatar-group-chained > .tooltip-wrapper:first-child:where([dir="rtl"], [dir="rtl"] *) {
   margin-right: 0px;
 }
@@ -119,11 +139,13 @@
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+
 .button-press-feedback {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+
 .button-press-feedback:active {
   --tw-scale-x: 0.98;
   --tw-scale-y: 0.98;
@@ -137,13 +159,16 @@
 .card:is(.dark *) {
   background-color: var(--gray-800);
 }
+
 .card-border {
   border-width: 1px;
   border-color: var(--gray-200);
 }
+
 .card-border:is(.dark *) {
   border-color: var(--gray-800);
 }
+
 .card-shadow {
   border-bottom-width: 1px;
   border-color: var(--gray-200);
@@ -151,6 +176,7 @@
   --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+
 .card-shadow:is(.dark *) {
   border-style: none;
   border-color: var(--gray-600);
@@ -158,31 +184,38 @@
   --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color), inset 0 0 0 0.0625rem var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+
 .card-header-border {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
   border-bottom-width: 1px;
   border-color: var(--gray-200);
 }
+
 .card-header-border:is(.dark *) {
   border-color: var(--gray-700);
 }
+
 .card-header-extra {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
+
 .card-footer {
   border-bottom-left-radius: 0.5rem;
   border-bottom-right-radius: 0.5rem;
 }
+
 .card-footer-border {
   border-top-width: 1px;
   border-color: var(--gray-200);
 }
+
 .card-footer-border:is(.dark *) {
   border-color: var(--gray-600);
 }
+
 .card-header,
 .card-footer {
   padding-top: 0.75rem;
@@ -190,9 +223,11 @@
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
+
 .card-body {
   padding: 1.25rem;
 }
+
 .card-gutterless {
   padding: 0px;
 }
@@ -243,16 +278,19 @@
   color: var(--gray-600);
   --tw-ring-color: var(--gray-600);
 }
+
 .checkbox-label {
   display: inline-flex;
   cursor: pointer;
   gap: 0.625rem;
   font-weight: 600;
 }
+
 .checkbox-label:hover .checkbox {
   border-color: currentColor;
   --tw-ring-color: currentColor;
 }
+
 .checkbox-label.disabled {
   cursor: not-allowed;
 }
@@ -297,9 +335,11 @@
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+
 .date-picker-panel {
   border-radius: 0.5rem;
 }
+
 .date-picker-header-label {
   margin-left: 0.125rem;
   margin-right: 0.125rem;
@@ -309,6 +349,7 @@
           user-select: none;
   color: var(--gray-900);
 }
+
 .date-picker-header-label:is(.dark *) {
   color: var(--gray-100);
 }
@@ -318,34 +359,42 @@
 .date-picker-current-month:is(.dark *) {
   color: var(--gray-100);
 }
+
 .date-picker-other-month {
   color: var(--gray-400);
 }
+
 .date-picker-other-month:is(.dark *) {
   color: var(--gray-600);
 }
+
 .date-picker-selected-date {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+
 .date-picker-available:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+
 .date-picker-today {
   border-width: 1px;
 }
+
 .date-picker-month-cell {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   text-align: center;
   font-weight: 600;
 }
+
 .date-picker-month-cell-disabled {
   cursor: not-allowed;
   background-color: var(--gray-300);
   opacity: 0.3;
 }
+
 .date-picker-month-cell-inner {
   cursor: pointer;
   -webkit-user-select: none;
@@ -357,11 +406,13 @@
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
+
 .date-picker-year-cell {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   text-align: center;
 }
+
 .date-picker-year-cell-inner {
   cursor: pointer;
   -webkit-user-select: none;
@@ -374,14 +425,17 @@
   padding-bottom: 0.5rem;
   font-weight: 600;
 }
+
 .date-picker-year-cell-disabled {
   cursor: not-allowed;
   background-color: var(--gray-300);
   opacity: 0.3;
 }
+
 .picker {
   z-index: 40;
 }
+
 .picker-panel {
   border-radius: 1rem;
   --tw-bg-opacity: 1;
@@ -391,6 +445,7 @@
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+
 .picker-panel:is(.dark *) {
   border-width: 2px;
   border-color: var(--gray-700);
@@ -399,18 +454,21 @@
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+
 .picker-view {
   display: flex;
   width: 100%;
   min-width: 280px;
   gap: 1.5rem;
 }
+
 .picker-table {
   width: 100%;
   border-collapse: separate;
   --tw-border-spacing-y: 0.375rem;
   border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
 }
+
 .picker-header-arrow {
   display: flex;
   height: 2.5rem;
@@ -424,10 +482,12 @@
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
+
 .picker-header-arrow:where([dir="rtl"], [dir="rtl"] *) {
   --tw-rotate: 180deg;
   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));
 }
+
 .picker-direction-button {
   display: flex;
   height: 2.5rem;
@@ -438,14 +498,17 @@
   font-size: 1.5rem;
   line-height: 2rem;
 }
+
 .picker-direction-button:hover {
   background-color: var(--gray-100);
   color: var(--gray-800);
 }
+
 .picker-direction-button:is(.dark *):hover {
   background-color: var(--gray-700);
   color: var(--gray-100);
 }
+
 .picker-header-label {
   margin-left: 0.125rem;
   margin-right: 0.125rem;
@@ -458,28 +521,34 @@
   font-weight: 600;
   color: var(--gray-900);
 }
+
 .picker-header-label:is(.dark *) {
   color: var(--gray-100);
 }
+
 .year-table,
 .month-table {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 1rem;
 }
+
 .date-picker-cell {
   height: 2.5rem;
   width: 2.5rem;
   padding: 0px;
   text-align: center;
 }
+
 .date-picker-cell-selected {
   color: var(--gray-100);
 }
+
 .date-picker-cell-selected-start {
   position: relative;
   border-radius: 9999px;
 }
+
 .date-picker-cell-selected-start::before {
   position: absolute;
   left: 0px;
@@ -490,20 +559,24 @@
   --tw-content: '';
   content: var(--tw-content);
 }
+
 .date-picker-cell-selected-start:where([dir="ltr"], [dir="ltr"] *)::before {
   border-top-left-radius: 9999px;
   content: var(--tw-content);
   border-bottom-left-radius: 9999px;
 }
+
 .date-picker-cell-selected-start:where([dir="rtl"], [dir="rtl"] *)::before {
   border-top-right-radius: 9999px;
   content: var(--tw-content);
   border-bottom-right-radius: 9999px;
 }
+
 .date-picker-cell-selected-end {
   position: relative;
   border-radius: 9999px;
 }
+
 .date-picker-cell-selected-end::before {
   position: absolute;
   left: 0px;
@@ -514,20 +587,24 @@
   --tw-content: '';
   content: var(--tw-content);
 }
+
 .date-picker-cell-selected-end:where([dir="ltr"], [dir="ltr"] *)::before {
   border-top-right-radius: 9999px;
   content: var(--tw-content);
   border-bottom-right-radius: 9999px;
 }
+
 .date-picker-cell-selected-end:where([dir="rtl"], [dir="rtl"] *)::before {
   border-top-left-radius: 9999px;
   content: var(--tw-content);
   border-bottom-left-radius: 9999px;
 }
+
 .date-picker-cell-inrange-today {
   position: relative;
   border-radius: 9999px;
 }
+
 .date-picker-cell-inrange-today::before {
   position: absolute;
   left: 0px;
@@ -538,43 +615,54 @@
   --tw-content: '';
   content: var(--tw-content);
 }
+
 .date-picker-cell-content {
   height: 100%;
   width: 100%;
 }
+
 .date-picker-cell-current-month {
   color: var(--gray-700);
 }
+
 .date-picker-cell-current-month:is(.dark *) {
   color: var(--gray-400);
 }
+
 .date-picker-cell-hoverable:hover {
   background-color: var(--gray-100);
 }
+
 .date-picker-cell-hoverable:hover:is(.dark *) {
   background-color: var(--gray-600);
   color: var(--gray-300);
 }
+
 .date-picker-cell-disabled {
   cursor: not-allowed;
   background-color: var(--gray-300);
   opacity: 0.3;
 }
+
 .date-picker-week-cell {
   font-weight: 600;
 }
+
 .week-day-cell {
   height: 1.75rem;
 }
+
 .week-day-cell-content {
   font-size: 0.75rem;
   line-height: 1rem;
 }
+
 .day-picker,
 .month-picker,
 .year-picker {
   width: 100%;
 }
+
 .month-picker-cell,
 .year-picker-cell {
   border-radius: 0.5rem;
@@ -584,11 +672,13 @@
   font-weight: 600;
   color: var(--gray-800);
 }
+
 .month-picker-cell-active,
 .year-picker-cell-active {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+
 .month-picker-cell-disabled,
 .year-picker-cell-disabled {
   cursor: not-allowed;
@@ -600,26 +690,31 @@
   margin-left: auto;
   margin-right: auto;
 }
+
 @media (min-width: 640px) {
   .dialog {
     max-width: 36rem;
   }
 }
+
 @media (min-width: 768px) {
   .dialog {
     max-width: 42rem;
   }
 }
+
 @media (min-width: 1024px) {
   .dialog {
     max-width: 56rem;
   }
 }
+
 @media (min-width: 1280px) {
   .dialog {
     max-width: 72rem;
   }
 }
+
 .dialog-content {
   position: relative;
   margin-left: 1rem;
@@ -635,9 +730,11 @@
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+
 .dialog-content:is(.dark *) {
   background-color: var(--gray-800);
 }
+
 @media (min-width: 640px) {
   .dialog-content {
     margin-left: 0px;
@@ -646,6 +743,7 @@
     margin-bottom: 4rem;
   }
 }
+
 .dialog-overlay {
   transition: all 0.15s ease-in-out;
   position: fixed;
@@ -656,12 +754,15 @@
   --tw-backdrop-blur: blur(12px);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
+
 .dialog-overlay:is(.dark *) {
   --tw-bg-opacity: 0.8;
 }
+
 .dialog-overlay-after-open {
   opacity: 1;
 }
+
 .dialog-overlay-before-close {
   opacity: 0;
 }
@@ -684,6 +785,7 @@
 .drawer-content.horizontal {
   width: 100%;
 }
+
 .drawer-header {
   display: flex;
   align-items: center;
@@ -695,14 +797,17 @@
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
+
 .drawer-header:is(.dark *) {
   border-color: var(--gray-700);
 }
+
 .drawer-body {
   height: 100%;
   overflow-y: auto;
   padding: 1.5rem;
 }
+
 .drawer-footer {
   display: flex;
   align-items: center;
@@ -714,12 +819,15 @@
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
+
 .drawer-footer:is(.dark *) {
   border-color: var(--gray-700);
 }
+
 .drawer-open.drawer-lock-scroll {
   overflow: hidden;
 }
+
 .drawer-overlay {
   transition: all 0.3s ease-in-out;
   position: fixed;
@@ -728,9 +836,11 @@
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
   --tw-bg-opacity: 0.8;
 }
+
 .drawer-overlay-after-open {
   opacity: 1;
 }
+
 .drawer-overlay-before-close {
   opacity: 0;
 }
@@ -738,6 +848,7 @@
   position: relative;
   display: inline-block;
 }
+
 .dropdown-menu {
   z-index: 30;
   border-radius: 1rem;
@@ -755,96 +866,120 @@
   --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);
 }
+
 .dropdown-menu:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+
 .dropdown-menu:is(.dark *) {
   border-color: var(--gray-800);
   background-color: var(--gray-900);
 }
+
 .dropdown-menu.top-start {
   bottom: 100%;
   transform-origin: bottom;
 }
+
 .dropdown-menu.top-start:where([dir="ltr"], [dir="ltr"] *) {
   left: 0px;
 }
+
 .dropdown-menu.top-start:where([dir="rtl"], [dir="rtl"] *) {
   right: 0px;
 }
+
 .dropdown-menu.top-center {
   bottom: 100%;
   left: 50%;
   transform-origin: bottom;
 }
+
 .dropdown-menu.top-end {
   bottom: 100%;
   transform-origin: bottom;
 }
+
 .dropdown-menu.top-end:where([dir="ltr"], [dir="ltr"] *) {
   right: 0px;
 }
+
 .dropdown-menu.top-end:where([dir="rtl"], [dir="rtl"] *) {
   left: 0px;
 }
+
 .dropdown-menu.bottom-start {
   top: 100%;
   transform-origin: top;
 }
+
 .dropdown-menu.bottom-start:where([dir="ltr"], [dir="ltr"] *) {
   left: 0px;
 }
+
 .dropdown-menu.bottom-start:where([dir="rtl"], [dir="rtl"] *) {
   right: 0px;
 }
+
 .dropdown-menu.bottom-center {
   left: 50%;
   top: 100%;
   transform-origin: top;
 }
+
 .dropdown-menu.bottom-end {
   top: 100%;
   transform-origin: top;
 }
+
 .dropdown-menu.bottom-end:where([dir="ltr"], [dir="ltr"] *) {
   right: 0px;
 }
+
 .dropdown-menu.bottom-end:where([dir="rtl"], [dir="rtl"] *) {
   left: 0px;
 }
+
 .dropdown-menu.middle-start-top {
   left: 100%;
   top: 0px;
   transform-origin: top;
 }
+
 .dropdown-menu.middle-start-bottom {
   left: 100%;
   bottom: 0px;
   transform-origin: bottom;
 }
+
 .dropdown-menu.middle-end-top {
   right: 100%;
   top: 0px;
   transform-origin: top;
 }
+
 .dropdown-menu.middle-end-bottom {
   right: 100%;
   bottom: 0px;
   transform-origin: bottom;
 }
+
 .dropdown-toggle-default {
   display: inline-block;
   cursor: pointer;
   padding: 0.5rem;
   font-weight: 600;
 }
+
 .dropdown-toggle-default.dropdown-toggle-disabled {
   opacity: 0.6;
 }
+
 .dropdown-submenu-item {
   justify-content: space-between;
 }
+
 .dropdown-toggle-disabled {
   cursor: not-allowed;
 }
@@ -871,22 +1006,27 @@
 .form-item.inline:where([dir="rtl"], [dir="rtl"] *) {
   margin-left: 0.75rem;
 }
+
 .form-label {
   display: flex;
   align-items: center;
   font-weight: 600;
 }
+
 .form-label.invalid {
   color: var(--error);
 }
+
 .form-explain {
   position: absolute;
   font-weight: 600;
   color: var(--error);
 }
+
 .form-container.inline {
   align-items: center;
 }
+
 @media (min-width: 768px) {
   .form-container.inline {
     display: flex;
@@ -1083,6 +1223,7 @@
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
+
 .input-addon {
   display: flex;
   align-items: center;
@@ -1093,34 +1234,42 @@
   padding-left: 1rem;
   padding-right: 1rem;
 }
+
 .input-addon:is(.dark *) {
   border-color: var(--gray-700);
   background-color: var(--gray-600);
 }
+
 .input-textarea {
   min-height: 7rem;
 }
+
 .input-wrapper {
   position: relative;
   display: flex;
   width: 100%;
 }
+
 .input-disabled {
   cursor: not-allowed !important;
   opacity: 0.5;
 }
+
 .input-suffix-start {
   position: absolute;
   top: 50%;
   --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));
 }
+
 .input-suffix-start:where([dir="ltr"], [dir="ltr"] *) {
   left: 0.625rem;
 }
+
 .input-suffix-start:where([dir="rtl"], [dir="rtl"] *) {
   right: 0.625rem;
 }
+
 .input-suffix-end {
   position: absolute;
   top: 50%;
@@ -1128,9 +1277,11 @@
   --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));
 }
+
 .input-suffix-end:where([dir="ltr"], [dir="ltr"] *) {
   right: 0.625rem;
 }
+
 .input-suffix-end:where([dir="rtl"], [dir="rtl"] *) {
   left: 0.625rem;
 }
@@ -1171,6 +1322,7 @@
 .menu-item a {
   outline-width: 0px;
 }
+
 .menu-collapse-item {
   display: flex;
   height: 3rem;
@@ -1189,37 +1341,46 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 200ms;
 }
+
 .menu-collapse-item:hover {
   background-color: var(--gray-100);
   color: var(--gray-900);
 }
+
 .menu-collapse-item:is(.dark *) {
   color: var(--gray-400);
 }
+
 .menu-collapse-item:hover:is(.dark *) {
   background-color: var(--gray-700);
   color: var(--gray-100);
 }
+
 .menu-collapse-item.menu-collapse-item-active {
   background-color: var(--primary-subtle);
   color: var(--primary);
 }
+
 .menu-collapse-item.menu-collapse-item-active:hover {
   background-color: var(--primary-subtle);
 }
+
 .menu-item-divider {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
   border-bottom-width: 1px;
   border-color: var(--gray-200);
 }
+
 .menu-item-divider:is(.dark *) {
   border-color: var(--gray-700);
 }
+
 .menu-item-disabled {
   cursor: not-allowed;
   opacity: 0.6;
 }
+
 .menu-item-link {
   display: flex;
   height: 100%;
@@ -1244,13 +1405,16 @@
   color: var(--gray-100);
   --tw-text-opacity: 0.5;
 }
+
 .menu-light {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+
 .menu-dark {
   background-color: var(--gray-800);
 }
+
 .menu-transparent {
   background-color: transparent;
 }
@@ -1274,6 +1438,7 @@
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+
 .notification-content {
   display: flex;
   padding-top: 1.25rem;
@@ -1281,25 +1446,31 @@
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
+
 .notification-content.no-child {
   align-items: center;
 }
+
 .notification-title {
   font-size: 1rem;
   line-height: 1.5rem;
   font-weight: 700;
   color: var(--gray-800);
 }
+
 .notification-title:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+
 .notification-close {
   top: 1.25rem;
 }
+
 .notification-close:where([dir="ltr"], [dir="ltr"] *) {
   right: 1rem;
 }
+
 .notification-close:where([dir="rtl"], [dir="rtl"] *) {
   left: 1rem;
 }
@@ -1310,6 +1481,7 @@
   align-items: center;
   border-radius: 0.5rem;
 }
+
 .pagination-pager {
   position: relative;
   margin-left: 0.25rem;
@@ -1328,44 +1500,56 @@
   line-height: 1.25rem;
   font-weight: 600;
 }
+
 .pagination-pager-inactive {
   color: var(--gray-500);
 }
+
 .pagination-pager-inactive:hover {
   background-color: var(--gray-100);
 }
+
 .pagination-pager-inactive:is(.dark *) {
   color: var(--gray-400);
 }
+
 .pagination-pager-inactive:hover:is(.dark *) {
   background-color: var(--gray-600);
   color: var(--gray-100);
 }
+
 .pagination-pager-disabled {
   cursor: not-allowed;
   color: var(--gray-300);
 }
+
 .pagination-pager-disabled:is(.dark *) {
   color: var(--gray-600);
 }
+
 .pagination-total {
   margin-right: 0.75rem;
   font-weight: 600;
   color: var(--gray-500);
 }
+
 .pagination-total:is(.dark *) {
   color: var(--gray-400);
 }
+
 .pagination-pager-next {
   margin-right: 0.25rem;
 }
+
 .pagination-pager-next:where([dir="rtl"], [dir="rtl"] *) {
   --tw-rotate: 180deg;
   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));
 }
+
 .pagination-pager-prev {
   margin-left: 0.25rem;
 }
+
 .pagination-pager-prev:where([dir="rtl"], [dir="rtl"] *) {
   --tw-rotate: 180deg;
   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));
@@ -1383,18 +1567,22 @@
   width: 100%;
   align-items: center;
 }
+
 .progress-bg {
   border-radius: 9999px;
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 200ms;
 }
+
 .progress-info.line:where([dir="ltr"], [dir="ltr"] *) {
   margin-left: 0.5rem;
 }
+
 .progress-info.line:where([dir="rtl"], [dir="rtl"] *) {
   margin-right: 0.5rem;
 }
+
 .progress-inner {
   position: relative;
   width: 100%;
@@ -1402,15 +1590,19 @@
   border-radius: 9999px;
   background-color: var(--gray-100);
 }
+
 .progress-inner:is(.dark *) {
   background-color: var(--gray-600);
 }
+
 .progress-wrapper {
   width: 100%;
 }
+
 .progress-circle {
   position: relative;
 }
+
 .progress-circle-info {
   position: absolute;
   top: 50%;
@@ -1419,13 +1611,16 @@
   --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));
 }
+
 .progress-circle-trail {
   stroke: currentColor;
   color: var(--gray-100);
 }
+
 .progress-circle-trail:is(.dark *) {
   color: var(--gray-600);
 }
+
 .progress-circle-stroke {
   stroke: currentColor;
   transition-property: all;
@@ -1479,6 +1674,7 @@
   color: var(--gray-600);
   --tw-ring-color: var(--gray-600);
 }
+
 .radio-label {
   display: inline-flex;
   cursor: pointer;
@@ -1486,17 +1682,21 @@
   gap: 0.625rem;
   font-weight: 600;
 }
+
 .radio-label:hover .radio {
   border-color: currentColor;
   --tw-ring-color: currentColor;
 }
+
 .radio-label.disabled {
   cursor: not-allowed;
 }
+
 .radio-group {
   display: inline-flex;
   gap: 1rem;
 }
+
 .radio-group.vertical {
   flex-direction: column;
 }
@@ -1707,6 +1907,7 @@
   border-radius: 0.75rem;
   padding: 0.25rem;
 }
+
 .segment-item {
   cursor: pointer;
   -webkit-user-select: none;
@@ -1722,17 +1923,21 @@
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 100ms;
 }
+
 @media (min-width: 768px) {
   .segment-item {
     width: auto;
   }
 }
+
 .segment-item:not(.segment-item-active):not(.segment-item-disabled):hover {
   color: var(--gray-800);
 }
+
 .segment-item:not(.segment-item-active):not(.segment-item-disabled):is(.dark *):hover {
   color: var(--gray-100);
 }
+
 .segment-item.segment-item-active {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -1741,10 +1946,12 @@
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+
 .segment-item.segment-item-active:is(.dark *) {
   background-color: var(--gray-800);
   color: var(--gray-100);
 }
+
 .segment-item.segment-item-disabled {
   cursor: not-allowed;
   opacity: 0.4;
@@ -1763,13 +1970,16 @@
 .select-control:is(.dark *) {
   border-color: var(--gray-700);
 }
+
 .select-control-focused {
   background-color: transparent;
 }
+
 .select-placeholder {
   grid-area: 1 / 1 / 2 / 3;
   font-weight: 600;
 }
+
 .select-value-container {
   position: relative;
   flex: 1 1 0%;
@@ -1782,25 +1992,30 @@
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
+
 .select-input-container {
   display: inline-grid;
   flex: 1 1 auto;
   font-weight: 600;
   color: var(--gray-800);
 }
+
 .select-input-container:is(.dark *) {
   color: var(--gray-100);
 }
+
 .select-input-container {
   grid-area: 1/1/2/3;
   grid-template-columns: 0 min-content;
 }
+
 .select-indicators-container {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   font-size: 1.5rem;
   line-height: 2rem;
 }
+
 .select-single-value {
   grid-area: 1/1/2/3;
   text-overflow: ellipsis;
@@ -1808,9 +2023,11 @@
   font-weight: 600;
   color: var(--gray-800);
 }
+
 .select-single-value:is(.dark *) {
   color: var(--gray-100);
 }
+
 .select-multi-value {
   margin-left: 0.125rem;
   margin-right: 0.125rem;
@@ -1822,11 +2039,13 @@
   font-weight: 700;
   color: var(--gray-800);
 }
+
 .select-multi-value:is(.dark *) {
   border-color: var(--gray-700);
   background-color: var(--gray-800);
   color: var(--gray-100);
 }
+
 .select-multi-value-label {
   display: flex;
   align-items: center;
@@ -1835,24 +2054,30 @@
   font-size: 0.75rem;
   line-height: 1rem;
 }
+
 .select-multi-value-label:where([dir="ltr"], [dir="ltr"] *) {
   padding-left: 0.5rem;
 }
+
 .select-multi-value-label:where([dir="rtl"], [dir="rtl"] *) {
   padding-right: 0.5rem;
 }
+
 .select-multi-value-remove {
   display: flex;
   align-items: center;
 }
+
 .select-multi-value-remove:where([dir="ltr"], [dir="ltr"] *) {
   padding-left: 0.25rem;
   padding-right: 0.5rem;
 }
+
 .select-multi-value-remove:where([dir="rtl"], [dir="rtl"] *) {
   padding-left: 0.5rem;
   padding-right: 0.25rem;
 }
+
 .select-menu {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -1874,11 +2099,13 @@
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-color: var(--gray-100);
 }
+
 .select-menu:is(.dark *) {
   border-color: var(--gray-700);
   background-color: var(--gray-900);
   --tw-ring-color: var(--gray-700);
 }
+
 .select-option {
   display: flex;
   cursor: default;
@@ -1892,6 +2119,7 @@
   padding-bottom: 0.625rem;
   font-weight: 600;
 }
+
 .select-clear-indicator {
   cursor: pointer;
   padding-left: 0.5rem;
@@ -1899,6 +2127,7 @@
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
+
 .select-sm .select-indicators-container {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1910,11 +2139,13 @@
 .skeleton:is(.dark *) {
   background-color: var(--gray-600);
 }
+
 .skeleton-circle {
   height: 2.5rem;
   width: 2.5rem;
   border-radius: 9999px;
 }
+
 .skeleton-block {
   height: 0.625rem;
   width: 100%;
@@ -1929,18 +2160,22 @@
   flex-direction: column;
   align-items: flex-start;
 }
+
 .step-item {
   display: flex;
   align-items: center;
 }
+
 .step-item.step-item-vertical {
   flex-direction: column;
   align-items: flex-start;
 }
+
 .step-item-wrapper {
   display: flex;
   align-items: center;
 }
+
 .step-item-icon {
   min-width: 2.25rem;
   display: flex;
@@ -1953,38 +2188,48 @@
   line-height: 1.75rem;
   font-weight: 600;
 }
+
 .step-item-icon.step-item-icon-pending {
   border-width: 2px;
   border-color: var(--gray-300);
 }
+
 .step-item-icon.step-item-icon-pending:is(.dark *) {
   border-color: var(--gray-600);
 }
+
 .step-item-icon.step-item-icon-current {
   border-width: 2px;
 }
+
 .step-item-content {
   position: relative;
 }
+
 .step-item-content:where([dir="ltr"], [dir="ltr"] *) {
   margin-left: 0.75rem;
 }
+
 .step-item-content:where([dir="rtl"], [dir="rtl"] *) {
   margin-right: 0.75rem;
 }
+
 .step-item-title {
   display: block;
   white-space: nowrap;
   font-weight: 700;
   color: var(--gray-600);
 }
+
 .step-item-title:is(.dark *) {
   color: var(--gray-300);
 }
+
 .step-item-title.step-item-title-error {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
+
 .step-item-icon-error {
   border-width: 2px;
   --tw-border-opacity: 1;
@@ -1992,26 +2237,33 @@
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
+
 .step-clickable {
   cursor: pointer;
 }
+
 .step-connect {
   height: 2px;
   width: 100%;
 }
+
 .step-connect.inactive {
   background-color: var(--gray-200);
 }
+
 .step-connect.inactive:is(.dark *) {
   background-color: var(--gray-600);
 }
+
 .step-connect.step-connect-vertical {
     min-height: 3.5rem;
     width: 2px;
   }
+
 .step-connect.step-connect-vertical:where([dir="ltr"], [dir="ltr"] *) {
   margin-left: 1rem;
 }
+
 .step-connect.step-connect-vertical:where([dir="rtl"], [dir="rtl"] *) {
   margin-right: 1rem;
 }
@@ -2050,6 +2302,7 @@
           user-select: none;
   opacity: 0.5;
 }
+
 .switcher-toggle {
   position: absolute;
   left: 0.125rem;
@@ -2062,6 +2315,7 @@
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+
 .switcher-toggle:before {
     content: "";
     position: absolute;
@@ -2072,6 +2326,7 @@
     border-radius: 0.75rem;
     background-color: var(--neutral);
   }
+
 .switcher-content {
   margin: 0 0.45rem 0 1.65rem;
   --tw-text-opacity: 1;
@@ -2080,6 +2335,7 @@
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+
 .switcher-toggle-loading {
   width: 1.25rem;
   height: 1.25rem;
@@ -2090,10 +2346,12 @@
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+
 .switcher-checked-loading {
   --tw-text-opacity: 1 !important;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
 }
+
 .switcher-uncheck-loading:is(.dark *) {
   --tw-text-opacity: 1 !important;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
@@ -2156,24 +2414,30 @@
 .table-default > tfoot > tr > td:is(.dark *) {
   border-color: var(--gray-700);
 }
+
 .table-flex {
   min-width: 100%;
 }
+
 .table-flex > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
   border-color: var(--gray-200);
 }
+
 .table-flex:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--gray-700);
 }
+
 .table-flex .thead {
   background-color: var(--gray-50);
 }
+
 .table-flex .thead:is(.dark *) {
   background-color: var(--gray-700);
 }
+
 .table-flex .thead .tr .th {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
@@ -2187,24 +2451,29 @@
   letter-spacing: 0.05em;
   color: var(--gray-500);
 }
+
 .table-flex .thead .tr .th:is(.dark *) {
   color: var(--gray-100);
 }
+
 .table-flex .tbody > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
   border-color: var(--gray-200);
 }
+
 .table-flex .tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--gray-700);
 }
+
 .table-flex .tbody .tr .td {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+
 .table-flex .tfoot .tr .td {
   border-top-width: 1px;
   padding-left: 1.5rem;
@@ -2212,39 +2481,49 @@
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+
 .table-flex .tfoot .tr .td:is(.dark *) {
   border-color: var(--gray-700);
 }
+
 .table-border > thead > tr > th {
   border-width: 1px;
   border-color: var(--gray-200);
 }
+
 .table-border > thead > tr > th:is(.dark *) {
   border-color: var(--gray-700);
 }
+
 .table-border > tbody > tr > td {
   border-width: 1px;
   border-color: var(--gray-200);
 }
+
 .table-border > tbody > tr > td:is(.dark *) {
   border-color: var(--gray-700);
 }
+
 .table-border > tfoot > tr > td {
   border-width: 1px;
   border-color: var(--gray-200);
 }
+
 .table-border > tfoot > tr > td:is(.dark *) {
   border-color: var(--gray-700);
 }
+
 .table-virtual > div > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
   border-color: var(--gray-200);
 }
+
 .table-virtual > div:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--gray-700);
 }
+
 .table-compact thead > tr > th {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -2253,12 +2532,14 @@
   font-size: 0.75rem;
   line-height: 1rem;
 }
+
 .table-compact tbody > tr > td {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
+
 .table-compact .thead > .tr > .th {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -2267,18 +2548,22 @@
   font-size: 0.75rem;
   line-height: 1rem;
 }
+
 .table-compact .tbody > .tr > .td {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
+
 .table-hover > tbody > tr:hover > * {
   background-color: rgb(0 0 0 / .03);
 }
+
 .table-hover > tbody > tr:hover > *:is(.dark *) {
   background-color: rgb(255 255 255 / .05);
 }
+
 .table-resizer {
   position: absolute;
   right: 0px;
@@ -2289,14 +2574,18 @@
   border-right-width: 2px;
   border-color: var(--gray-200);
 }
+
 .table-resizer:is(.dark *) {
   border-color: var(--gray-600);
 }
+
 .table-resizer {
   touch-action: none;
 }
+
 .table-resizer.resizing {
   }
+
 th,
 td {
   word-wrap: break-word;
@@ -2307,13 +2596,16 @@ td {
   overflow-x: auto;
   overflow-y: hidden;
 }
+
 .tab-list-underline {
   border-bottom-width: 1px;
   border-color: var(--gray-200);
 }
+
 .tab-list-underline:is(.dark *) {
   border-color: var(--gray-700);
 }
+
 .tab-nav {
   display: flex;
   cursor: pointer;
@@ -2325,13 +2617,16 @@ td {
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+
 .tab-nav:is(.dark *) {
   color: var(--gray-100);
 }
+
 .tab-nav.tab-nav-disabled {
   cursor: not-allowed;
   opacity: 0.6;
 }
+
 .tab-nav-underline {
   border-bottom-width: 2px;
   border-color: transparent;
@@ -2340,6 +2635,7 @@ td {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+
 .tab-nav-pill {
   margin-right: 0.25rem;
   border-radius: 9999px;
@@ -2348,16 +2644,20 @@ td {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
+
 .tab-nav-pill:where([dir="rtl"], [dir="rtl"] *) {
   margin-left: 0.25rem;
 }
+
 .tab-nav-icon {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
+
 .tab-nav-icon:where([dir="ltr"], [dir="ltr"] *) {
   margin-right: 0.375rem;
 }
+
 .tab-nav-icon:where([dir="rtl"], [dir="rtl"] *) {
   margin-left: 0.375rem;
 }
@@ -2375,21 +2675,26 @@ td {
   line-height: 1rem;
   font-weight: 600;
 }
+
 .tag-affix {
   height: 0.5rem;
   width: 0.5rem;
   border-radius: 9999px;
   background-color: var(--gray-400);
 }
+
 .tag-prefix {
   margin-right: 0.375rem;
 }
+
 .tag-prefix:where([dir="rtl"], [dir="rtl"] *) {
   margin-left: 0.375rem;
 }
+
 .tag-suffix {
   margin-left: 0.375rem;
 }
+
 .tag-suffix:where([dir="rtl"], [dir="rtl"] *) {
   margin-right: 0.375rem;
 }
@@ -2403,15 +2708,18 @@ td {
   --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);
 }
+
 .time-input-wrapper {
   display: flex;
   height: 100%;
   align-items: center;
 }
+
 .time-input-wrapper:where([dir="rtl"], [dir="rtl"] *) {
   flex-direction: row-reverse;
   justify-content: flex-end;
 }
+
 .time-input-separator {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
@@ -2420,54 +2728,66 @@ td {
   flex-direction: column;
   align-items: flex-start;
 }
+
 .timeline-item {
   display: flex;
   min-height: 70px;
 }
+
 .timeline-item-last {
   min-height: -moz-max-content;
   min-height: max-content;
 }
+
 .timeline-item-media {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
+
 .timeline-item-media-content {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+
 .timeline-item-media-default {
   height: 1rem;
   width: 1rem;
   border-radius: 9999px;
   background-color: var(--gray-200);
 }
+
 .timeline-item-media-default:is(.dark *) {
   background-color: var(--gray-600);
 }
+
 .timeline-item-wrapper {
   display: flex;
   flex: 1 1 auto;
 }
+
 .timeline-item-content {
   margin-left: 1rem;
   width: 100%;
   padding-bottom: 1.5rem;
   padding-top: 0.125rem;
 }
+
 .timeline-item-content:where([dir="rtl"], [dir="rtl"] *) {
   margin-right: 1rem;
 }
+
 .timeline-item-content-last {
   padding-bottom: 0px;
 }
+
 .timeline-connect {
   height: 100%;
   width: 2px;
   flex-grow: 1;
   background-color: var(--gray-200);
 }
+
 .timeline-connect:is(.dark *) {
   background-color: var(--gray-600);
 }
@@ -2498,17 +2818,20 @@ td {
 .upload.disabled .upload-input {
   cursor: not-allowed;
 }
+
 .upload-input {
   position: absolute;
   inset: 0px;
   display: none;
 }
+
 .upload-input.draggable {
   display: block;
   width: 100%;
   cursor: pointer;
   opacity: 0;
 }
+
 .upload-draggable {
   min-height: 7rem;
   display: flex;
@@ -2520,24 +2843,30 @@ td {
   border-style: dashed;
   border-color: var(--gray-300);
 }
+
 .upload-draggable:is(.dark *) {
   border-color: var(--gray-600);
 }
+
 .upload-file-list {
   margin-top: 1rem;
 }
+
 .upload-file-info {
   min-height: 4rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
+
 .upload-file-info:where([dir="ltr"], [dir="ltr"] *) {
   margin-left: 0.75rem;
 }
+
 .upload-file-info:where([dir="rtl"], [dir="rtl"] *) {
   margin-right: 0.75rem;
 }
+
 .upload-file {
   margin-bottom: 0.5rem;
   display: flex;
@@ -2546,9 +2875,11 @@ td {
   border-radius: 0.5rem;
   background-color: var(--gray-100);
 }
+
 .upload-file:is(.dark *) {
   background-color: var(--gray-700);
 }
+
 .upload-file-thumbnail {
   display: flex;
   height: 4rem;
@@ -2557,88 +2888,98 @@ td {
   justify-content: center;
   padding: 0.5rem;
 }
+
 .upload-file-image {
   max-width: 100%;
 }
+
 .upload-file-remove {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
   padding: 0.75rem;
 }
-.orbe-loader {
-  --loader-size: 48px;
-  --loader-color: #4eb9ea;
-  --loader-color-2: #73cfbf;
-  --loader-ring: rgba(78, 185, 234, 0.22);
-
-  position: relative;
-  width: var(--loader-size);
-  height: var(--loader-size);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.orbe-loader__logo {
-  width: 68%;
-  height: 68%;
-  -o-object-fit: contain;
-     object-fit: contain;
-  animation: orbePulse 1.4s ease-in-out infinite;
-}
-.orbe-loader__orbit {
-  position: absolute;
-  inset: 0;
-  border-radius: 999px;
-  border: 1.5px solid var(--loader-ring);
-  animation: orbeRotate 1.1s linear infinite;
-}
-.orbe-loader__orbit::before {
-  content: "";
-  position: absolute;
-  top: -3px;
-  left: 50%;
-  width: 7px;
-  height: 7px;
-  border-radius: 999px;
-  background: linear-gradient(
-    135deg,
-    var(--loader-color-2),
-    var(--loader-color)
-  );
-  transform: translateX(-50%);
-  box-shadow: 0 0 8px rgba(78, 185, 234, 0.45);
-}
-@keyframes orbeRotate {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes orbePulse {
-  0%,
-  100% {
-    transform: scale(0.96);
-    opacity: 0.72;
-  }
-
-  50% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-/** Tema escuro — override das CSS custom properties */
-[data-theme="dark"] .orbe-loader {
-  --loader-ring: rgba(255, 255, 255, 0.18);
-}
-/** Estado neutro / desabilitado */
-.orbe-loader.is-muted {
-  --loader-color: #666362;
-  --loader-color-2: #666362;
-  --loader-ring: rgba(102, 99, 98, 0.22);
-}
-/** Acessibilidade: reduzir movimento */
-@media (prefers-reduced-motion: reduce) {
-  .orbe-loader__logo,
-  .orbe-loader__orbit {
-    animation: none;
-  }
+.orbe-loader {
+  --loader-size: 48px;
+  --loader-color: #4eb9ea;
+  --loader-color-2: #73cfbf;
+  --loader-ring: rgba(78, 185, 234, 0.22);
+
+  position: relative;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.orbe-loader__logo {
+  width: 68%;
+  height: 68%;
+  -o-object-fit: contain;
+     object-fit: contain;
+  animation: orbePulse 1.4s ease-in-out infinite;
+}
+
+.orbe-loader__orbit {
+  position: absolute;
+  inset: 0;
+  border-radius: 999px;
+  border: 1.5px solid var(--loader-ring);
+  animation: orbeRotate 1.1s linear infinite;
+}
+
+.orbe-loader__orbit::before {
+  content: "";
+  position: absolute;
+  top: -3px;
+  left: 50%;
+  width: 7px;
+  height: 7px;
+  border-radius: 999px;
+  background: linear-gradient(
+    135deg,
+    var(--loader-color-2),
+    var(--loader-color)
+  );
+  transform: translateX(-50%);
+  box-shadow: 0 0 8px rgba(78, 185, 234, 0.45);
+}
+
+@keyframes orbeRotate {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes orbePulse {
+  0%,
+  100% {
+    transform: scale(0.96);
+    opacity: 0.72;
+  }
+
+  50% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+/** Tema escuro — override das CSS custom properties */
+[data-theme="dark"] .orbe-loader {
+  --loader-ring: rgba(255, 255, 255, 0.18);
+}
+
+/** Estado neutro / desabilitado */
+.orbe-loader.is-muted {
+  --loader-color: #666362;
+  --loader-color-2: #666362;
+  --loader-ring: rgba(102, 99, 98, 0.22);
+}
+
+/** Acessibilidade: reduzir movimento */
+@media (prefers-reduced-motion: reduce) {
+  .orbe-loader__logo,
+  .orbe-loader__orbit {
+    animation: none;
+  }
 }