@fileverse/ui 4.1.7 → 4.1.9

package/dist/index.css

@@ -105,7 +105,7 @@
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
 }/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.18 | 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)
@@ -543,7 +543,7 @@ video {
 
     /* Border */
     --color-border-default: 195, 10%, 92%, 1; /* Gray-200 */
-    --color-border-hover: 0, 0%, 0%, 1; /* Black */
+    --color-border-hover: 203, 10%, 76%, 1;
     --color-border-light: 0, 0%, 100%, 1; /* White */
     --color-border-active: 0, 0%, 0%, 1; /* Black */
     --color-border-focused: 260, 100%, 52%, 1; /* Blue-700 */
@@ -634,6 +634,9 @@ video {
   }
   * {
     border-color: hsl(var(--color-border-default));
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
   }
   body {
     color: hsl(var(--color-text-default));
@@ -882,7 +885,6 @@ video {
   }
 
   .color-button-secondary {
-    background-color: hsl(var(--color-button-ghost));
     border: 2px solid hsl(var(--color-border-active));
   }
 
@@ -1243,6 +1245,9 @@ video {
 .mb-4 {
   margin-bottom: 1rem;
 }
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
 .ml-1 {
   margin-left: 0.25rem;
 }
@@ -1442,18 +1447,31 @@ video {
 .min-h-10 {
   min-height: 2.5rem;
 }
+.min-h-5 {
+  min-height: 1.25rem;
+}
 .min-h-7 {
   min-height: 1.75rem;
 }
 .min-h-9 {
   min-height: 2.25rem;
 }
+.min-h-\[296px\] {
+  min-height: 296px;
+}
 .min-h-\[2vh\] {
   min-height: 2vh;
 }
+.min-h-\[468px\] {
+  min-height: 468px;
+}
 .min-h-\[80px\] {
   min-height: 80px;
 }
+.min-h-fit {
+  min-height: -moz-fit-content;
+  min-height: fit-content;
+}
 .min-h-screen {
   min-height: 100vh;
 }
@@ -1538,9 +1556,6 @@ video {
 .w-\[180px\] {
   width: 180px;
 }
-.w-\[18px\] {
-  width: 18px;
-}
 .w-\[200px\] {
   width: 200px;
 }
@@ -1666,6 +1681,9 @@ video {
 .min-w-\[36px\] {
   min-width: 36px;
 }
+.min-w-\[394px\] {
+  min-width: 394px;
+}
 .min-w-\[40px\] {
   min-width: 40px;
 }
@@ -1675,6 +1693,9 @@ video {
 .min-w-\[80px\] {
   min-width: 80px;
 }
+.min-w-\[90vw\] {
+  min-width: 90vw;
+}
 .min-w-\[92vw\] {
   min-width: 92vw;
 }
@@ -1713,6 +1734,10 @@ video {
 .max-w-lg {
   max-width: 32rem;
 }
+.max-w-min {
+  max-width: -moz-min-content;
+  max-width: min-content;
+}
 .max-w-screen-md {
   max-width: 768px;
 }
@@ -1796,6 +1821,10 @@ video {
   --tw-rotate: -90deg;
   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));
 }
+.rotate-180 {
+  --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));
+}
 .rotate-90 {
   --tw-rotate: 90deg;
   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));
@@ -2196,9 +2225,6 @@ video {
 .p-6 {
   padding: 1.5rem;
 }
-.p-\[4px\] {
-  padding: 4px;
-}
 .\!px-0 {
   padding-left: 0px !important;
   padding-right: 0px !important;
@@ -2275,6 +2301,12 @@ video {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
+.\!pb-0 {
+  padding-bottom: 0px !important;
+}
+.\!pr-0 {
+  padding-right: 0px !important;
+}
 .\!pt-4 {
   padding-top: 1rem !important;
 }
@@ -2311,6 +2343,9 @@ video {
 .pt-0 {
   padding-top: 0px;
 }
+.pt-0\.5 {
+  padding-top: 0.125rem;
+}
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -2486,13 +2521,10 @@ video {
 }
 .backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px);
-  -webkit-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);
   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);
 }
 .transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -2657,265 +2689,372 @@ textarea:is(:-webkit-autofill, :autofill) {
   margin-left: 0;
 }
 
+.space-lg {
+  padding: 20px !important;
+}
+.space-y-lg {
+  padding-top: 20px !important;
+  padding-bottom: 20px !important;
+}
+.space-x-lg {
+  padding-left: 20px !important;
+  padding-right: 20px !important;
+}
+.top-space-lg {
+  padding-top: 20px !important;
+}
+.bottom-space-lg {
+  padding-bottom: 20px !important;
+}
+.left-space-lg {
+  padding-left: 20px !important;      
+}
+.right-space-lg {
+  padding-right: 20px !important;
+}
+.bottom-space-xlg {
+  padding-bottom: 24px !important;
+}
+
+.space-sm {
+  padding: 12px !important;
+}
+.space-y-sm {
+  padding-top: 12px !important;
+  padding-bottom: 12px !important;
+}
+.space-x-sm {
+  padding-left: 12px !important;
+  padding-right: 12px !important;
+}
+.top-space-sm {
+  padding-top: 12px !important;
+}
+.bottom-space-sm {
+  padding-bottom: 12px !important;
+}
+.left-space-sm {
+  padding-left: 12px !important;
+}
+.right-space-sm {
+  padding-right: 12px !important;
+}
+
+
+.space-xsm {
+  padding: 8px !important;
+}
+.space-y-xsm {
+  padding-top: 8px !important;
+  padding-bottom: 8px !important;
+}
+.space-x-xsm {
+  padding-left: 8px !important;
+  padding-right: 8px !important;
+}
+.space-x-3xlg {
+  padding-left: 40px !important;
+  padding-right: 40px !important;
+}
+.space-y-3xlg {
+  padding-left: 40px !important;
+  padding-right: 40px !important;
+}
+.top-space-xsm {
+  padding-top: 8px !important;
+}
+.bottom-space-xsm {
+  padding-bottom: 8px !important;
+}
+.left-space-xsm {
+  padding-left: 8px !important;
+}
+.right-space-xsm {
+  padding-right: 8px !important;
+}
+.right-space-2xsm {
+  padding-right: 4px !important;
+}
+.bottom-space-2xsm {
+  padding-bottom: 4px !important
+}
+.bottom-space-2xlg {
+  padding-bottom: 32px !important
+}
+.space-2xsm {
+  padding: 4px !important;
+}
+.space-md {
+  padding: 16px !important;
+}
+.space-y-md {
+  padding-top: 16px !important;
+  padding-bottom: 16px !important;
+}
+.space-x-md {
+  padding-left: 16px !important;
+  padding-right: 16px !important;
+}
+.top-space-md {
+  padding-top: 16px !important;
+}
+.bottom-space-md {
+  padding-bottom: 16px !important;
+}
+.left-space-md {
+  padding-left: 16px !important;
+}
+.right-space-md {
+  padding-right: 16px !important;
+}
+.top-space-xlg {
+  padding-top: 32px !important;
+}
+
+
+.gap-xsm {
+  gap: 8px !important;
+}
+.gap-2xsm {
+  gap: 4px !important;
+}
+.gap-3xsm {
+  gap: 2px !important;
+}
+.gap-md {
+  gap: 16px !important;
+}
+.gap-sm {
+  gap: 12px !important;
+}
+
+.border-radius-sm {
+  border-radius: 4px !important;
+}
+.border-width-md {
+  border-width: 1px !important;
+}
+.border-radius-lg {
+  border-radius: 12px !important;
+}
+.top-left-border-radius-xlg {
+  border-top-left-radius: 16px !important;
+}
+.top-right-border-radius-xlg {
+  border-top-right-radius: 16px !important;
+}
+.bottom-left-border-radius-xlg {
+  border-bottom-left-radius: 16px !important;
+}
+.bottom-right-border-radius-xlg {
+  border-bottom-right-radius: 16px !important;
+}
+.border-radius-xlg {
+  border-radius: 16px !important;
+}
+.border-radius-md {
+  border-radius: 8px !important;
+}
+.space-x-xlg {
+  padding-left: 24px !important;
+  padding-right: 24px !important;
+}
 .file\:text-body-sm::file-selector-button {
     font-family: system-ui;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
   }
-
 .placeholder\:color-text-disabled::-moz-placeholder {
     color: hsl(var(--color-text-disabled));
   }
-
 .placeholder\:color-text-disabled::placeholder {
     color: hsl(var(--color-text-disabled));
   }
-
 .checked\:color-text-inverse:checked {
     color: hsl(var(--color-text-inverse));
   }
-
 .checked\:color-bg-default-inverse:checked {
     background-color: hsl(var(--color-bg-default-inverse));
   }
-
 .hover\:color-text-inverse:hover {
     color: hsl(var(--color-text-inverse));
   }
-
 .hover\:\!color-bg-default:hover {
     background-color: hsl(var(--color-bg-default)) !important;
   }
-
 .hover\:\!color-bg-default-hover:hover {
     background-color: hsl(var(--color-bg-default-hover)) !important;
   }
-
 .hover\:color-bg-default-hover:hover {
     background-color: hsl(var(--color-bg-default-hover));
   }
-
 .hover\:color-bg-secondary-hover:hover {
     background-color: hsl(var(--color-bg-secondary-hover));
   }
-
 .hover\:\!color-bg-brand:hover {
     background-color: hsl(var(--color-bg-brand)) !important;
   }
-
 .hover\:color-bg-brand-hover:hover {
     background-color: hsl(var(--color-bg-brand-hover));
   }
-
 .hover\:color-button-default-hover:hover {
     background-color: hsl(var(--color-button-default-hover));
   }
-
 .hover\:color-button-secondary-hover:hover {
     background-color: hsl(var(--color-button-secondary-hover));
   }
-
 .hover\:color-button-danger-hover:hover {
     background-color: hsl(var(--color-button-danger-hover));
   }
-
 .hover\:\!color-button-floating-hover:hover {
     background-color: hsl(var(--color-button-floating-hover)) !important;
   }
-
 .hover\:color-border-hover:hover {
     border-color: hsl(var(--color-border-hover));
   }
-
 .focus\:color-bg-brand:focus {
     background-color: hsl(var(--color-bg-brand));
   }
-
 .focus-visible\:color-border-hover:focus-visible {
     border-color: hsl(var(--color-border-hover));
   }
-
 .disabled\:color-text-disabled:disabled {
     color: hsl(var(--color-text-disabled));
   }
-
 .disabled\:color-bg-disabled:disabled {
     background-color: hsl(var(--color-bg-disabled));
   }
-
 .disabled\:\!color-button-disabled:disabled {
     background-color: hsl(var(--color-button-disabled)) !important;
     border-color: hsl(var(--color-button-disabled)) !important;
     color: hsl(var(--color-text-disabled)) !important;
   }
-
 .disabled\:color-button-disabled:disabled {
     background-color: hsl(var(--color-button-disabled));
     border-color: hsl(var(--color-button-disabled));
     color: hsl(var(--color-text-disabled));
   }
-
 .disabled\:color-border-disabled:disabled {
     border-color: hsl(var(--color-border-disabled));
   }
-
 .group.secondary .group-\[\.secondary\]\:color-text-default {
     color: hsl(var(--color-text-default));
   }
-
 .group.danger .group-\[\.danger\]\:color-text-danger {
     color: hsl(var(--color-text-danger));
   }
-
 .group.success .group-\[\.success\]\:color-text-success {
     color: hsl(var(--color-text-success));
   }
-
 .group.default .group-\[\.default\]\:color-text-inverse {
     color: hsl(var(--color-text-inverse));
   }
-
 .group.secondary .group-\[\.secondary\]\:color-bg-secondary {
     background-color: hsl(var(--color-bg-secondary));
   }
-
 .group.danger .group-\[\.danger\]\:color-bg-danger-light {
     background-color: hsl(var(--color-bg-danger-light));
   }
-
 .group.success .group-\[\.success\]\:color-bg-success-light {
     background-color: hsl(var(--color-bg-success-light));
   }
-
 .group.default .group-\[\.default\]\:color-bg-default-inverse {
     background-color: hsl(var(--color-bg-default-inverse));
   }
-
 .group.default .group-\[\.default\]\:color-border-default {
     border-color: hsl(var(--color-border-default));
   }
-
 .group.secondary .group-\[\.secondary\]\:color-border-default {
     border-color: hsl(var(--color-border-default));
   }
-
 .group.success .group-\[\.success\]\:color-border-default {
     border-color: hsl(var(--color-border-default));
   }
-
 .group.secondary .group-\[\.secondary\]\:color-border-hover {
     border-color: hsl(var(--color-border-hover));
   }
-
 .group.success .group-\[\.success\]\:color-border-hover {
     border-color: hsl(var(--color-border-hover));
   }
-
 .group.danger .group-\[\.danger\]\:color-border-danger {
     border-color: hsl(var(--color-border-danger));
   }
-
 .group.secondary .group-\[\.secondary\]\:hover\:color-text-default:hover {
     color: hsl(var(--color-text-default));
   }
-
 .group.danger .group-\[\.danger\]\:hover\:color-text-danger:hover {
     color: hsl(var(--color-text-danger));
   }
-
 .group.success .group-\[\.success\]\:hover\:color-text-success:hover {
     color: hsl(var(--color-text-success));
   }
-
 .group.default .group-\[\.default\]\:hover\:color-text-inverse:hover {
     color: hsl(var(--color-text-inverse));
   }
-
 .group.secondary .group-\[\.secondary\]\:hover\:color-bg-secondary:hover {
     background-color: hsl(var(--color-bg-secondary));
   }
-
 .group.danger .group-\[\.danger\]\:hover\:color-bg-danger-light:hover {
     background-color: hsl(var(--color-bg-danger-light));
   }
-
 .group.success .group-\[\.success\]\:hover\:color-bg-success-light:hover {
     background-color: hsl(var(--color-bg-success-light));
   }
-
 .group.default .group-\[\.default\]\:hover\:color-bg-default-inverse:hover {
     background-color: hsl(var(--color-bg-default-inverse));
   }
-
 .aria-selected\:color-text-default[aria-selected="true"] {
     color: hsl(var(--color-text-default));
   }
-
 .aria-selected\:color-bg-default-selected[aria-selected="true"] {
     background-color: hsl(var(--color-bg-default-selected));
   }
-
 .aria-selected\:color-bg-secondary[aria-selected="true"] {
     background-color: hsl(var(--color-bg-secondary));
   }
-
 .data-\[highlighted\]\:color-text-default[data-highlighted] {
     color: hsl(var(--color-text-default));
   }
-
 .data-\[state\=active\]\:color-text-default[data-state="active"] {
     color: hsl(var(--color-text-default));
   }
-
 .data-\[state\=open\]\:color-text-default[data-state="open"] {
     color: hsl(var(--color-text-default));
   }
-
 .data-\[disabled\]\:color-text-disabled[data-disabled] {
     color: hsl(var(--color-text-disabled));
   }
-
 .data-\[state\=unchecked\]\:color-bg-default-hover[data-state="unchecked"] {
     background-color: hsl(var(--color-bg-default-hover));
   }
-
 .data-\[highlighted\]\:color-bg-default-selected[data-highlighted] {
     background-color: hsl(var(--color-bg-default-selected));
   }
-
 .data-\[state\=open\]\:color-bg-default-selected[data-state="open"] {
     background-color: hsl(var(--color-bg-default-selected));
   }
-
 .data-\[state\=selected\]\:color-bg-default-selected[data-state="selected"] {
     background-color: hsl(var(--color-bg-default-selected));
   }
-
 .data-\[state\=checked\]\:color-bg-brand-hover[data-state="checked"] {
     background-color: hsl(var(--color-bg-brand-hover));
   }
-
 .data-\[state\=active\]\:color-border-active[data-state="active"] {
     border-color: hsl(var(--color-border-active));
   }
-
 .data-\[state\=unchecked\]\:hover\:enabled\:color-bg-default-hover:enabled:hover[data-state="unchecked"] {
     background-color: hsl(var(--color-bg-default-hover));
   }
-
 .data-\[state\=checked\]\:hover\:enabled\:color-bg-brand-hover:enabled:hover[data-state="checked"] {
     background-color: hsl(var(--color-bg-brand-hover));
   }
-
 .dark\:color-bg-disabled:is(.dark *) {
     background-color: hsl(var(--color-bg-disabled));
   }
-
 .dark\:data-\[state\=active\]\:color-border-light[data-state="active"]:is(.dark *) {
     border-color: hsl(var(--color-border-light));
   }
-
 @media (min-width: 1024px) {
 
   .lg\:\!text-heading-2xlg {
@@ -2925,263 +3064,206 @@ textarea:is(:-webkit-autofill, :autofill) {
     line-height: 40px !important;
   }
 }
-
 @media (min-width: 1280px) {
 
   .xl\:hover\:\!color-bg-brand-hover:hover {
     background-color: hsl(var(--color-bg-brand-hover)) !important;
   }
 }
-
 .\[\&\>svg\]\:color-text-default>svg {
     color: hsl(var(--color-text-default));
   }
-
 .\[\&\>svg\]\:color-text-danger>svg {
     color: hsl(var(--color-text-danger));
   }
-
 .\[\&_\[cmdk-group-heading\]\]\:text-helper-text-sm [cmdk-group-heading] {
     font-family: system-ui;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px;
   }
-
 .\[\&_\[cmdk-group-heading\]\]\:color-text-disabled [cmdk-group-heading] {
     color: hsl(var(--color-text-disabled));
   }
-
 .\[\&_tr\]\:color-border-default tr {
     border-color: hsl(var(--color-border-default));
   }
-
 .data-\[state\=unchecked\]\:toggle-default[data-state="unchecked"] {
     background-color: hsl(var(--color-bg-disabled));
   }
-
 .data-\[state\=checked\]\:toggle-active[data-state="checked"] {
     background-color: hsl(var(--color-bg-brand));
   }
-
 .data-\[state\=checked\]\:disabled\:toggle-default:disabled[data-state="checked"] {
     background-color: hsl(var(--color-bg-disabled));
   }
-
 .file\:border-0::file-selector-button {
   border-width: 0px;
 }
-
 .file\:bg-transparent::file-selector-button {
   background-color: transparent;
 }
-
 .checked\:border-0:checked {
   border-width: 0px;
 }
-
 .focus-within\:relative:focus-within {
   position: relative;
 }
-
 .focus-within\:z-20:focus-within {
   z-index: 20;
 }
-
 .hover\:cursor-pointer:hover {
   cursor: pointer;
 }
-
 .hover\:\!border-transparent:hover {
   border-color: transparent !important;
 }
-
 .hover\:bg-inherit:hover {
   background-color: inherit;
 }
-
 .hover\:bg-transparent:hover {
   background-color: transparent;
 }
-
 .hover\:opacity-90:hover {
   opacity: 0.9;
 }
-
 .hover\:brightness-95:hover {
   --tw-brightness: brightness(.95);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-
 .focus\:opacity-100:focus {
   opacity: 1;
 }
-
 .focus\:shadow-none:focus {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-
 .focus\: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);
 }
-
 .focus\:ring-2: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(2px + 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);
 }
-
 .focus\:ring-focused:focus {
   --tw-ring-color: hsl(var(--focused));
 }
-
 .focus\:ring-offset-2:focus {
   --tw-ring-offset-width: 2px;
 }
-
 .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-
 .focus-visible\:ring-1:focus-visible {
   --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(1px + 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);
 }
-
 .focus-visible\:ring-2:focus-visible {
   --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, 0 0 #0000);
 }
-
 .focus-visible\:ring-focused:focus-visible {
   --tw-ring-color: hsl(var(--focused));
 }
-
 .focus-visible\:ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
 }
-
 .focus-visible\:ring-offset-white:focus-visible {
   --tw-ring-offset-color: #fff;
 }
-
 .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }
-
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
-
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
-
 .group:hover .group-hover\:visible {
   visibility: visible;
 }
-
 .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }
-
 .group:hover .group-hover\:brightness-95 {
   --tw-brightness: brightness(.95);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-
 .peer:checked ~ .peer-checked\:block {
   display: block;
 }
-
 .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
   cursor: not-allowed;
 }
-
 .peer:disabled ~ .peer-disabled\:opacity-70 {
   opacity: 0.7;
 }
-
 .aria-selected\:opacity-100[aria-selected="true"] {
   opacity: 1;
 }
-
 .data-\[disabled\]\:pointer-events-none[data-disabled] {
   pointer-events: none;
 }
-
 .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
   --tw-translate-y: 0.25rem;
   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));
 }
-
 .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
   --tw-translate-x: -0.25rem;
   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));
 }
-
 .data-\[side\=right\]\:translate-x-1[data-side="right"] {
   --tw-translate-x: 0.25rem;
   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));
 }
-
 .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
   --tw-translate-y: -0.25rem;
   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));
 }
-
 .data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
   --tw-translate-x: 1.25rem;
   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));
 }
-
 .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
   --tw-translate-x: 0px;
   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));
 }
-
 .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
   --tw-translate-x: 0px;
   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));
 }
-
 .data-\[swipe\=cancel\]\:translate-y-0[data-swipe="cancel"] {
   --tw-translate-y: 0px;
   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));
 }
-
 .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
   --tw-translate-x: var(--radix-toast-swipe-end-x);
   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));
 }
-
 .data-\[swipe\=end\]\:translate-y-\[var\(--radix-toast-swipe-end-y\)\][data-swipe="end"] {
   --tw-translate-y: var(--radix-toast-swipe-end-y);
   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));
 }
-
 .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
   --tw-translate-x: var(--radix-toast-swipe-move-x);
   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));
 }
-
 .data-\[swipe\=move\]\:translate-y-\[var\(--radix-toast-swipe-move-y\)\][data-swipe="move"] {
   --tw-translate-y: var(--radix-toast-swipe-move-y);
   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));
 }
-
 @keyframes accordion-up {
 
   from {
@@ -3192,11 +3274,9 @@ textarea:is(:-webkit-autofill, :autofill) {
     height: 0;
   }
 }
-
 .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
   animation: accordion-up 0.2s ease-out;
 }
-
 @keyframes accordion-down {
 
   from {
@@ -3207,31 +3287,24 @@ textarea:is(:-webkit-autofill, :autofill) {
     height: var(--radix-accordion-content-height);
   }
 }
-
 .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
   animation: accordion-down 0.2s ease-out;
 }
-
 .data-\[state\=active\]\:border-b-2[data-state="active"] {
   border-bottom-width: 2px;
 }
-
 .data-\[state\=inactive\]\:border-transparent[data-state="inactive"] {
   border-color: transparent;
 }
-
 .data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
   transition-property: none;
 }
-
 .data-\[state\=closed\]\:duration-300[data-state="closed"] {
   transition-duration: 300ms;
 }
-
 .data-\[state\=open\]\:duration-500[data-state="open"] {
   transition-duration: 500ms;
 }
-
 .data-\[state\=open\]\:animate-in[data-state="open"] {
   animation-name: enter;
   animation-duration: 150ms;
@@ -3241,7 +3314,6 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-enter-translate-x: initial;
   --tw-enter-translate-y: initial;
 }
-
 .data-\[state\=closed\]\:animate-out[data-state="closed"] {
   animation-name: exit;
   animation-duration: 150ms;
@@ -3251,7 +3323,6 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-exit-translate-x: initial;
   --tw-exit-translate-y: initial;
 }
-
 .data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
   animation-name: exit;
   animation-duration: 150ms;
@@ -3261,142 +3332,108 @@ textarea:is(:-webkit-autofill, :autofill) {
   --tw-exit-translate-x: initial;
   --tw-exit-translate-y: initial;
 }
-
 .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
   --tw-exit-opacity: 0;
 }
-
 .data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
   --tw-exit-opacity: 0.8;
 }
-
 .data-\[state\=open\]\:fade-in-0[data-state="open"] {
   --tw-enter-opacity: 0;
 }
-
 .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
   --tw-exit-scale: .95;
 }
-
 .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
   --tw-enter-scale: .95;
 }
-
 .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
   --tw-enter-translate-y: -0.5rem;
 }
-
 .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
   --tw-enter-translate-x: 0.5rem;
 }
-
 .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
   --tw-enter-translate-x: -0.5rem;
 }
-
 .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
   --tw-enter-translate-y: 0.5rem;
 }
-
 .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
   --tw-exit-translate-y: 100%;
 }
-
 .data-\[state\=closed\]\:slide-out-to-bottom-full[data-state="closed"] {
   --tw-exit-translate-y: 100%;
 }
-
 .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
   --tw-exit-translate-x: -100%;
 }
-
 .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
   --tw-exit-translate-x: -50%;
 }
-
 .data-\[state\=closed\]\:slide-out-to-left-full[data-state="closed"] {
   --tw-exit-translate-x: -100%;
 }
-
 .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
   --tw-exit-translate-x: 100%;
 }
-
 .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] {
   --tw-exit-translate-x: 100%;
 }
-
 .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
   --tw-exit-translate-y: -100%;
 }
-
 .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
   --tw-exit-translate-y: -48%;
 }
-
 .data-\[state\=closed\]\:slide-out-to-top-full[data-state="closed"] {
   --tw-exit-translate-y: -100%;
 }
-
 .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
   --tw-enter-translate-y: 100%;
 }
-
 .data-\[state\=open\]\:slide-in-from-bottom-full[data-state="open"] {
   --tw-enter-translate-y: 100%;
 }
-
 .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
   --tw-enter-translate-x: -100%;
 }
-
 .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
   --tw-enter-translate-x: -50%;
 }
-
 .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
   --tw-enter-translate-x: 100%;
 }
-
 .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
   --tw-enter-translate-y: -100%;
 }
-
 .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
   --tw-enter-translate-y: -48%;
 }
-
 .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] {
   --tw-enter-translate-y: -100%;
 }
-
 .data-\[state\=closed\]\:duration-300[data-state="closed"] {
   animation-duration: 300ms;
 }
-
 .data-\[state\=open\]\:duration-500[data-state="open"] {
   animation-duration: 500ms;
 }
-
 .dark\:bg-\[\#000\]:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
-
 .dark\:stroke-black:is(.dark *) {
   stroke: #000;
 }
-
 .dark\:\!text-\[\#363B3F\]:is(.dark *) {
   --tw-text-opacity: 1 !important;
   color: rgb(54 59 63 / var(--tw-text-opacity, 1)) !important;
 }
-
 .dark\:text-\[\#363B3F\]:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(54 59 63 / var(--tw-text-opacity, 1));
 }
-
 @media (min-width: 640px) {
 
   .sm\:max-w-fit {
@@ -3440,7 +3477,6 @@ textarea:is(:-webkit-autofill, :autofill) {
     border-radius: var(--radius);
   }
 }
-
 @media (min-width: 768px) {
 
   .md\:\!right-4 {
@@ -3471,6 +3507,11 @@ textarea:is(:-webkit-autofill, :autofill) {
     max-width: 420px;
   }
 
+  .md\:max-w-min {
+    max-width: -moz-min-content;
+    max-width: min-content;
+  }
+
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -3495,7 +3536,6 @@ textarea:is(:-webkit-autofill, :autofill) {
     padding: 2rem;
   }
 }
-
 @media (min-width: 1024px) {
 
   .lg\:\!mt-0 {
@@ -3551,6 +3591,10 @@ textarea:is(:-webkit-autofill, :autofill) {
     min-width: 420px;
   }
 
+  .lg\:min-w-\[884px\] {
+    min-width: 884px;
+  }
+
   .lg\:\!max-w-fit {
     max-width: -moz-fit-content !important;
     max-width: fit-content !important;
@@ -3569,137 +3613,107 @@ textarea:is(:-webkit-autofill, :autofill) {
     padding-bottom: 1rem;
   }
 }
-
 .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
   -webkit-appearance: none;
           appearance: none;
 }
-
 .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
-
 .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
-
 .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
   border-radius: calc(var(--radius) - 2px);
 }
-
 .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
-
 .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
-
 .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
   padding-right: 0px;
 }
-
 .\[\&\>span\]\:\!left-\[10\%\]>span {
   left: 10% !important;
 }
-
 .\[\&\>span\]\:\!left-\[80\%\]>span {
   left: 80% !important;
 }
-
 .\[\&\>span\]\:\!top-\[20\%\]>span {
   top: 20% !important;
 }
-
 .\[\&\>span\]\:\!top-\[60\%\]>span {
   top: 60% !important;
 }
-
 .\[\&\>span\]\:line-clamp-1>span {
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
-
 .\[\&\>tr\]\:last\:border-b-0:last-child>tr {
   border-bottom-width: 0px;
 }
-
 .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
   --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));
 }
-
 .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-
 .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
 }
-
 .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
   font-weight: 500;
 }
-
 .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
   padding-top: 0px;
 }
-
 .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-
 .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
   height: 1.25rem;
 }
-
 .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
   width: 1.25rem;
 }
-
 .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
   height: 3rem;
 }
-
 .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-
 .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
-
 .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
   height: 1.25rem;
 }
-
 .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
   width: 1.25rem;
 }
-
 .\[\&_p\]\:leading-relaxed p {
   line-height: 1.625;
 }
-
 .\[\&_svg\]\:invisible svg {
   visibility: hidden;
 }
-
 .\[\&_tr\:last-child\]\:border-0 tr:last-child {
   border-width: 0px;
 }
-
 .\[\&_tr\]\:border-b tr {
   border-bottom-width: 1px;
-}
+}