ml-uikit 1.1.0 → 1.1.2

package/dist/style.css

@@ -500,6 +500,7 @@ video {
   display: none;
 }
   :root {
+    --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
     --background: 0 0% 100%;
     --foreground: 0 0% 3.9%;
     --card: 0 0% 100%;
@@ -573,6 +574,7 @@ video {
 }
   body {
   background-color: hsl(var(--background));
+  font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   color: hsl(var(--foreground));
 }
 .sr-only {
@@ -687,6 +689,9 @@ video {
 .top-full {
   top: 100%;
 }
+.z-0 {
+  z-index: 0;
+}
 .z-10 {
   z-index: 10;
 }
@@ -719,9 +724,9 @@ video {
   margin-top: -0.5rem;
   margin-bottom: -0.5rem;
 }
-.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
 }
 .mx-3\.5 {
   margin-left: 0.875rem;
@@ -753,9 +758,6 @@ video {
 .-mt-4 {
   margin-top: -1rem;
 }
-.mb-1 {
-  margin-bottom: 0.25rem;
-}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -870,6 +872,9 @@ video {
 .h-10 {
   height: 2.5rem;
 }
+.h-11 {
+  height: 2.75rem;
+}
 .h-12 {
   height: 3rem;
 }
@@ -936,9 +941,6 @@ video {
 .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
   height: var(--radix-navigation-menu-viewport-height);
 }
-.h-\[var\(--radix-select-trigger-height\)\] {
-  height: var(--radix-select-trigger-height);
-}
 .h-auto {
   height: auto;
 }
@@ -981,6 +983,12 @@ video {
 .min-h-\[260px\] {
   min-height: 260px;
 }
+.min-h-\[420px\] {
+  min-height: 420px;
+}
+.min-h-\[82px\] {
+  min-height: 82px;
+}
 .min-h-svh {
   min-height: 100svh;
 }
@@ -996,6 +1004,9 @@ video {
 .w-10 {
   width: 2.5rem;
 }
+.w-11 {
+  width: 2.75rem;
+}
 .w-12 {
   width: 3rem;
 }
@@ -1080,15 +1091,15 @@ video {
 .w-\[200px\] {
   width: 200px;
 }
+.w-\[240px\] {
+  width: 240px;
+}
 .w-\[280px\] {
   width: 280px;
 }
 .w-\[60\%\] {
   width: 60%;
 }
-.w-auto {
-  width: auto;
-}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1142,6 +1153,9 @@ video {
 .max-w-\[1120px\] {
   max-width: 1120px;
 }
+.max-w-\[320px\] {
+  max-width: 320px;
+}
 .max-w-\[760px\] {
   max-width: 760px;
 }
@@ -1318,6 +1332,9 @@ video {
 .justify-start {
   justify-content: flex-start;
 }
+.justify-end {
+  justify-content: flex-end;
+}
 .justify-center {
   justify-content: center;
 }
@@ -1327,6 +1344,9 @@ video {
 .justify-items-start {
   justify-items: start;
 }
+.gap-0 {
+  gap: 0px;
+}
 .gap-1 {
   gap: 0.25rem;
 }
@@ -1423,6 +1443,11 @@ video {
 .overflow-x-hidden {
   overflow-x: hidden;
 }
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1441,6 +1466,12 @@ video {
 .rounded-\[2px\] {
   border-radius: 2px;
 }
+.rounded-\[4px\] {
+  border-radius: 4px;
+}
+.rounded-\[6px\] {
+  border-radius: 6px;
+}
 .rounded-\[8px\] {
   border-radius: 8px;
 }
@@ -1468,6 +1499,10 @@ video {
 .rounded-xl {
   border-radius: 0.75rem;
 }
+.rounded-l-full {
+  border-top-left-radius: 9999px;
+  border-bottom-left-radius: 9999px;
+}
 .rounded-l-md {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
@@ -1489,9 +1524,6 @@ video {
 .border-0 {
   border-width: 0px;
 }
-.border-2 {
-  border-width: 2px;
-}
 .border-\[1\.5px\] {
   border-width: 1.5px;
 }
@@ -1514,10 +1546,18 @@ video {
 .border-dashed {
   border-style: dashed;
 }
+.border-\[\#2563eb\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
+}
 .border-\[\#26453f\] {
   --tw-border-opacity: 1;
   border-color: rgb(38 69 63 / var(--tw-border-opacity, 1));
 }
+.border-\[\#307f4a\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(48 127 74 / var(--tw-border-opacity, 1));
+}
 .border-\[\#bdbdbd\] {
   --tw-border-opacity: 1;
   border-color: rgb(189 189 189 / var(--tw-border-opacity, 1));
@@ -1526,10 +1566,18 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(220 220 222 / var(--tw-border-opacity, 1));
 }
+.border-\[\#e49614\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(228 150 20 / var(--tw-border-opacity, 1));
+}
 .border-\[\#e6e6e6\] {
   --tw-border-opacity: 1;
   border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
 }
+.border-\[\#e73f3f\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(231 63 63 / var(--tw-border-opacity, 1));
+}
 .border-\[--color-border\] {
   border-color: var(--color-border);
 }
@@ -1539,21 +1587,12 @@ video {
 .border-border\/50 {
   border-color: hsl(var(--border) / 0.5);
 }
-.border-destructive\/50 {
-  border-color: hsl(var(--destructive) / 0.5);
-}
 .border-foreground {
   border-color: hsl(var(--foreground));
 }
 .border-input {
   border-color: hsl(var(--input));
 }
-.border-primary {
-  border-color: hsl(var(--primary));
-}
-.border-primary\/50 {
-  border-color: hsl(var(--primary) / 0.5);
-}
 .border-sidebar-border {
   border-color: hsl(var(--sidebar-border));
 }
@@ -1570,10 +1609,22 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(38 69 63 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#d9d9d9\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#e5f1ee\] {
   --tw-bg-opacity: 1;
   background-color: rgb(229 241 238 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#e6e6e6\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
+}
+.bg-\[\#e73f3f\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(231 63 63 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#e8f6ed\] {
   --tw-bg-opacity: 1;
   background-color: rgb(232 246 237 / var(--tw-bg-opacity, 1));
@@ -1582,6 +1633,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
 }
+.bg-\[\#f5f5f5\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
+}
 .bg-\[\#fafafa\] {
   --tw-bg-opacity: 1;
   background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
@@ -1612,6 +1667,9 @@ video {
 .bg-card {
   background-color: hsl(var(--card));
 }
+.bg-current {
+  background-color: currentColor;
+}
 .bg-destructive {
   background-color: hsl(var(--destructive));
 }
@@ -1642,12 +1700,6 @@ video {
 .bg-secondary {
   background-color: hsl(var(--secondary));
 }
-.bg-sidebar {
-  background-color: hsl(var(--sidebar-background));
-}
-.bg-sidebar-border {
-  background-color: hsl(var(--sidebar-border));
-}
 .bg-transparent {
   background-color: transparent;
 }
@@ -1658,9 +1710,6 @@ video {
 .fill-current {
   fill: currentColor;
 }
-.fill-primary {
-  fill: hsl(var(--primary));
-}
 .p-0 {
   padding: 0px;
 }
@@ -1710,6 +1759,10 @@ video {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
 .px-\[--cell-size\] {
   padding-left: var(--cell-size);
   padding-right: var(--cell-size);
@@ -1742,6 +1795,10 @@ video {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+.py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
 .py-6 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
@@ -1798,6 +1855,9 @@ video {
 .pt-4 {
   padding-top: 1rem;
 }
+.pt-5 {
+  padding-top: 1.25rem;
+}
 .text-left {
   text-align: left;
 }
@@ -1816,12 +1876,19 @@ video {
 .font-sans {
   font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
 .text-\[0\.8rem\] {
   font-size: 0.8rem;
 }
 .text-\[10px\] {
   font-size: 10px;
 }
+.text-\[11px\] {
+  font-size: 11px;
+}
 .text-\[12px\] {
   font-size: 12px;
 }
@@ -1858,6 +1925,10 @@ video {
   font-size: 0.875rem;
   line-height: 1.625;
 }
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
@@ -1877,6 +1948,9 @@ video {
 .font-semibold {
   font-weight: 600;
 }
+.uppercase {
+  text-transform: uppercase;
+}
 .italic {
   font-style: italic;
 }
@@ -1884,12 +1958,18 @@ video {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
-.leading-4 {
-  line-height: 1rem;
+.leading-10 {
+  line-height: 2.5rem;
 }
 .leading-5 {
   line-height: 1.25rem;
 }
+.leading-8 {
+  line-height: 2rem;
+}
+.leading-\[14px\] {
+  line-height: 14px;
+}
 .leading-\[16px\] {
   line-height: 16px;
 }
@@ -1926,6 +2006,9 @@ video {
 .tracking-tight {
   letter-spacing: -0.025em;
 }
+.tracking-wide {
+  letter-spacing: 0.025em;
+}
 .tracking-widest {
   letter-spacing: 0.1em;
 }
@@ -1937,6 +2020,18 @@ video {
   --tw-text-opacity: 1;
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
 }
+.text-\[\#111111\] {
+  --tw-text-opacity: 1;
+  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
+}
+.text-\[\#1D1C20\] {
+  --tw-text-opacity: 1;
+  color: rgb(29 28 32 / var(--tw-text-opacity, 1));
+}
+.text-\[\#2563eb\] {
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
+}
 .text-\[\#26453f\] {
   --tw-text-opacity: 1;
   color: rgb(38 69 63 / var(--tw-text-opacity, 1));
@@ -1957,6 +2052,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(149 191 71 / var(--tw-text-opacity, 1));
 }
+.text-\[\#adacb0\] {
+  --tw-text-opacity: 1;
+  color: rgb(173 172 176 / var(--tw-text-opacity, 1));
+}
 .text-\[\#e49614\] {
   --tw-text-opacity: 1;
   color: rgb(228 150 20 / var(--tw-text-opacity, 1));
@@ -1981,9 +2080,6 @@ video {
 .text-destructive {
   color: hsl(var(--destructive));
 }
-.text-destructive-foreground {
-  color: hsl(var(--destructive-foreground));
-}
 .text-foreground {
   color: hsl(var(--foreground));
 }
@@ -2005,9 +2101,6 @@ video {
 .text-sidebar-foreground {
   color: hsl(var(--sidebar-foreground));
 }
-.text-sidebar-foreground\/70 {
-  color: hsl(var(--sidebar-foreground) / 0.7);
-}
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2035,9 +2128,9 @@ video {
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
-  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
-  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
+.shadow-\[0px_2px_4px_-2px_rgba\(19\2c 25\2c 39\2c 0\.12\)\2c 0px_4px_4px_-2px_rgba\(19\2c 25\2c 39\2c 0\.08\)\] {
+  --tw-shadow: 0px 2px 4px -2px rgba(19,25,39,0.12),0px 4px 4px -2px rgba(19,25,39,0.08);
+  --tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .shadow-lg {
@@ -2102,6 +2195,11 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-\[background-color\2c border-color\2c color\2c width\2c height\2c padding\] {
+  transition-property: background-color,border-color,color,width,height,padding;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-\[color\2c box-shadow\] {
   transition-property: color,box-shadow;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2117,11 +2215,6 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.transition-\[width\2c height\2c padding\] {
-  transition-property: width,height,padding;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
 .transition-\[width\] {
   transition-property: width;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2252,6 +2345,14 @@ video {
 .file\:text-foreground::file-selector-button {
   color: hsl(var(--foreground));
 }
+.placeholder\:text-\[\#adacb0\]::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(173 172 176 / var(--tw-text-opacity, 1));
+}
+.placeholder\:text-\[\#adacb0\]::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(173 172 176 / var(--tw-text-opacity, 1));
+}
 .placeholder\:text-\[\#b3b3b3\]::-moz-placeholder {
   --tw-text-opacity: 1;
   color: rgb(179 179 179 / var(--tw-text-opacity, 1));
@@ -2301,30 +2402,78 @@ video {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
+.focus-within\:border-\[\#1D1C20\]:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgb(29 28 32 / var(--tw-border-opacity, 1));
+}
+.hover\:border-\[\#dcdcde\]:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(220 220 222 / var(--tw-border-opacity, 1));
+}
+.hover\:border-\[\#f1f1f1\]:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
+}
+.hover\:bg-\[\#1f3631\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 54 49 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-\[\#1f3934\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 57 52 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-\[\#cf2f2f\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(207 47 47 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-\[\#e5f1ee\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 241 238 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-\[\#e6e6e6\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-\[\#f1f1f1\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-\[\#f5f5f5\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-\[\#fafafa\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
-.hover\:bg-destructive\/90:hover {
-  background-color: hsl(var(--destructive) / 0.9);
-}
 .hover\:bg-muted:hover {
   background-color: hsl(var(--muted));
 }
-.hover\:bg-primary\/10:hover {
-  background-color: hsl(var(--primary) / 0.1);
+.hover\:bg-sidebar-accent:hover {
+  background-color: hsl(var(--sidebar-accent));
 }
-.hover\:bg-primary\/90:hover {
-  background-color: hsl(var(--primary) / 0.9);
+.hover\:bg-white:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
-.hover\:bg-secondary\/80:hover {
-  background-color: hsl(var(--secondary) / 0.8);
+.hover\:text-\[\#111111\]:hover {
+  --tw-text-opacity: 1;
+  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
 }
-.hover\:bg-sidebar-accent:hover {
-  background-color: hsl(var(--sidebar-accent));
+.hover\:text-\[\#1D1C20\]:hover {
+  --tw-text-opacity: 1;
+  color: rgb(29 28 32 / var(--tw-text-opacity, 1));
 }
 .hover\:text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
+.hover\:text-black:hover {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .hover\:text-foreground:hover {
   color: hsl(var(--foreground));
 }
@@ -2340,18 +2489,21 @@ video {
 .hover\:opacity-100:hover {
   opacity: 1;
 }
-.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
-  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
-  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
 .hover\:after\:bg-sidebar-border:hover::after {
   content: var(--tw-content);
   background-color: hsl(var(--sidebar-border));
 }
+.focus\:bg-\[\#f1f1f1\]:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
+}
 .focus\:bg-accent:focus {
   background-color: hsl(var(--accent));
 }
+.focus\:text-\[\#111111\]:focus {
+  --tw-text-opacity: 1;
+  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
+}
 .focus\:text-accent-foreground:focus {
   color: hsl(var(--accent-foreground));
 }
@@ -2359,11 +2511,6 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.focus\:ring-1: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(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\: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);
@@ -2375,9 +2522,9 @@ video {
 .focus\:ring-offset-2:focus {
   --tw-ring-offset-width: 2px;
 }
-.focus-visible\:border-\[\#111111\]:focus-visible {
+.focus-visible\:border-\[\#1D1C20\]:focus-visible {
   --tw-border-opacity: 1;
-  border-color: rgb(17 17 17 / var(--tw-border-opacity, 1));
+  border-color: rgb(29 28 32 / var(--tw-border-opacity, 1));
 }
 .focus-visible\:border-ring:focus-visible {
   border-color: hsl(var(--ring));
@@ -2406,6 +2553,18 @@ video {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + 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-\[\#111111\]:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(17 17 17 / var(--tw-ring-opacity, 1));
+}
+.focus-visible\:ring-\[\#1D1C20\]:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(29 28 32 / var(--tw-ring-opacity, 1));
+}
+.focus-visible\:ring-\[\#26453f\]:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(38 69 63 / var(--tw-ring-opacity, 1));
+}
 .focus-visible\:ring-destructive\/20:focus-visible {
   --tw-ring-color: hsl(var(--destructive) / 0.2);
 }
@@ -2415,18 +2574,27 @@ video {
 .focus-visible\:ring-ring\/50:focus-visible {
   --tw-ring-color: hsl(var(--ring) / 0.5);
 }
-.focus-visible\:ring-sidebar-ring:focus-visible {
-  --tw-ring-color: hsl(var(--sidebar-ring));
-}
 .focus-visible\:ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
 }
-.focus-visible\:ring-offset-background:focus-visible {
-  --tw-ring-offset-color: hsl(var(--background));
+.focus-visible\:ring-offset-white:focus-visible {
+  --tw-ring-offset-color: #fff;
+}
+.active\:border-\[\#f1f1f1\]:active {
+  --tw-border-opacity: 1;
+  border-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
+}
+.active\:bg-\[\#fafafa\]:active {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
 }
 .active\:bg-sidebar-accent:active {
   background-color: hsl(var(--sidebar-accent));
 }
+.active\:text-black:active {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .active\:text-sidebar-accent-foreground:active {
   color: hsl(var(--sidebar-accent-foreground));
 }
@@ -2436,6 +2604,10 @@ video {
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
+.disabled\:border-\[\#e6e6e6\]:disabled {
+  --tw-border-opacity: 1;
+  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
+}
 .disabled\:bg-\[\#f2f2f2\]:disabled {
   --tw-bg-opacity: 1;
   background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
@@ -2444,6 +2616,14 @@ video {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
+.disabled\:text-\[\#b3b3b3\]:disabled {
+  --tw-text-opacity: 1;
+  color: rgb(179 179 179 / var(--tw-text-opacity, 1));
+}
+.disabled\:text-\[\#bdbdbd\]:disabled {
+  --tw-text-opacity: 1;
+  color: rgb(189 189 189 / var(--tw-text-opacity, 1));
+}
 .disabled\:opacity-100:disabled {
   opacity: 1;
 }
@@ -2557,8 +2737,9 @@ video {
 .has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]) {
   border-width: 1px;
 }
-.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]) {
-  border-color: hsl(var(--destructive));
+.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-\[\#ff3b30\]:has([data-slot][aria-invalid=true]) {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 59 48 / var(--tw-border-opacity, 1));
 }
 .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) {
   background-color: hsl(var(--sidebar-background));
@@ -2577,17 +2758,6 @@ video {
 .has-\[\:disabled\]\:opacity-50:has(:disabled) {
   opacity: 0.5;
 }
-.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]: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);
-}
-.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has([data-slot=input-group-control]:focus-visible) {
-  --tw-ring-color: hsl(var(--ring));
-}
-.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) {
-  --tw-ring-color: hsl(var(--destructive) / 0.2);
-}
 .group\/item:has([data-slot=item-description]) .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5 {
   --tw-translate-y: 0.125rem;
   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));
@@ -2625,6 +2795,9 @@ video {
 .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
   height: auto;
 }
+.data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] {
+  width: auto;
+}
 .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));
@@ -2675,6 +2848,15 @@ video {
 .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
   animation: accordion-down 0.2s ease-out;
 }
+.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled="true"] {
+  cursor: not-allowed;
+}
+.data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
+  flex-direction: column;
+}
+.data-\[orientation\=vertical\]\:items-start[data-orientation="vertical"] {
+  align-items: flex-start;
+}
 .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
   gap: 0.75rem;
 }
@@ -2698,9 +2880,37 @@ video {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
+.data-\[active\=true\]\:border-\[\#f1f1f1\][data-active="true"] {
+  --tw-border-opacity: 1;
+  border-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
+}
+.data-\[state\=checked\]\:border-\[\#26453f\][data-state="checked"] {
+  --tw-border-opacity: 1;
+  border-color: rgb(38 69 63 / var(--tw-border-opacity, 1));
+}
+.data-\[state\=indeterminate\]\:border-\[\#26453f\][data-state="indeterminate"] {
+  --tw-border-opacity: 1;
+  border-color: rgb(38 69 63 / var(--tw-border-opacity, 1));
+}
+.data-\[state\=open\]\:border-\[\#1D1C20\][data-state="open"] {
+  --tw-border-opacity: 1;
+  border-color: rgb(29 28 32 / var(--tw-border-opacity, 1));
+}
+.data-\[state\=open\]\:border-\[\#f1f1f1\][data-state="open"] {
+  --tw-border-opacity: 1;
+  border-color: rgb(241 241 241 / var(--tw-border-opacity, 1));
+}
+.data-\[active\=true\]\:bg-\[\#fafafa\][data-active="true"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
 .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
   background-color: hsl(var(--sidebar-accent));
 }
+.data-\[disabled\=true\]\:bg-\[\#f2f2f2\][data-disabled="true"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
+}
 .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
   background-color: hsl(var(--primary));
 }
@@ -2716,15 +2926,29 @@ video {
 .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
   background-color: hsl(var(--accent));
 }
-.data-\[state\=active\]\:bg-background[data-state="active"] {
-  background-color: hsl(var(--background));
+.data-\[state\=active\]\:bg-white[data-state="active"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
-.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
-  background-color: hsl(var(--primary));
+.data-\[state\=checked\]\:bg-\[\#26453f\][data-state="checked"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 69 63 / var(--tw-bg-opacity, 1));
+}
+.data-\[state\=checked\]\:bg-\[\#f1f1f1\][data-state="checked"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 241 241 / var(--tw-bg-opacity, 1));
+}
+.data-\[state\=indeterminate\]\:bg-\[\#26453f\][data-state="indeterminate"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 69 63 / var(--tw-bg-opacity, 1));
 }
 .data-\[state\=on\]\:bg-accent[data-state="on"] {
   background-color: hsl(var(--accent));
 }
+.data-\[state\=open\]\:bg-\[\#fafafa\][data-state="open"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+}
 .data-\[state\=open\]\:bg-accent[data-state="open"] {
   background-color: hsl(var(--accent));
 }
@@ -2734,8 +2958,9 @@ video {
 .data-\[state\=open\]\:bg-secondary[data-state="open"] {
   background-color: hsl(var(--secondary));
 }
-.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
-  background-color: hsl(var(--input));
+.data-\[state\=unchecked\]\:bg-\[\#e6e6e6\][data-state="unchecked"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
 }
 .data-\[variant\=label\]\:text-sm[data-variant="label"] {
   font-size: 0.875rem;
@@ -2748,14 +2973,23 @@ video {
 .data-\[active\=true\]\:font-medium[data-active="true"] {
   font-weight: 500;
 }
+.data-\[active\=true\]\:text-black[data-active="true"] {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
   color: hsl(var(--sidebar-accent-foreground));
 }
+.data-\[disabled\=true\]\:text-\[\#9ca3af\][data-disabled="true"] {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
 .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
   color: hsl(var(--destructive));
 }
-.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
-  color: hsl(var(--muted-foreground));
+.data-\[placeholder\]\:text-\[\#b3b3b3\][data-placeholder] {
+  --tw-text-opacity: 1;
+  color: rgb(179 179 179 / var(--tw-text-opacity, 1));
 }
 .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
   color: hsl(var(--primary-foreground));
@@ -2772,18 +3006,16 @@ video {
 .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
   color: hsl(var(--accent-foreground));
 }
-.data-\[state\=active\]\:text-foreground[data-state="active"] {
-  color: hsl(var(--foreground));
-}
-.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
-  color: hsl(var(--primary-foreground));
-}
 .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
   color: hsl(var(--accent-foreground));
 }
 .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
   color: hsl(var(--accent-foreground));
 }
+.data-\[state\=open\]\:text-black[data-state="open"] {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
   color: hsl(var(--muted-foreground));
 }
@@ -2796,9 +3028,9 @@ video {
 .data-\[state\=open\]\:opacity-100[data-state="open"] {
   opacity: 1;
 }
-.data-\[state\=active\]\:shadow[data-state="active"] {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+.data-\[state\=active\]\:shadow-\[0_2px_4px_-2px_rgba\(19\2c 25\2c 39\2c 0\.12\)\2c _0_4px_4px_-2px_rgba\(19\2c 25\2c 39\2c 0\.08\)\][data-state="active"] {
+  --tw-shadow: 0 2px 4px -2px rgba(19,25,39,0.12), 0 4px 4px -2px rgba(19,25,39,0.08);
+  --tw-shadow-colored: 0 2px 4px -2px var(--tw-shadow-color), 0 4px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 .data-\[state\=closed\]\:duration-300[data-state="closed"] {
@@ -2960,15 +3192,29 @@ video {
 .data-\[state\=open\]\:hover\:bg-accent:hover[data-state="open"] {
   background-color: hsl(var(--accent));
 }
-.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] {
-  background-color: hsl(var(--sidebar-accent));
-}
-.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] {
-  color: hsl(var(--sidebar-accent-foreground));
-}
 .data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"] {
   background-color: hsl(var(--accent));
 }
+.disabled\:data-\[state\=checked\]\:border-\[\#bdbdbd\][data-state="checked"]:disabled {
+  --tw-border-opacity: 1;
+  border-color: rgb(189 189 189 / var(--tw-border-opacity, 1));
+}
+.disabled\:data-\[state\=indeterminate\]\:border-\[\#bdbdbd\][data-state="indeterminate"]:disabled {
+  --tw-border-opacity: 1;
+  border-color: rgb(189 189 189 / var(--tw-border-opacity, 1));
+}
+.disabled\:data-\[state\=checked\]\:bg-\[\#bdbdbd\][data-state="checked"]:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(189 189 189 / var(--tw-bg-opacity, 1));
+}
+.disabled\:data-\[state\=indeterminate\]\:bg-\[\#bdbdbd\][data-state="indeterminate"]:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(189 189 189 / var(--tw-bg-opacity, 1));
+}
+.disabled\:data-\[placeholder\]\:text-\[\#b3b3b3\][data-placeholder]:disabled {
+  --tw-text-opacity: 1;
+  color: rgb(179 179 179 / var(--tw-text-opacity, 1));
+}
 .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:relative {
   position: relative;
 }
@@ -2993,12 +3239,18 @@ video {
 .group\/field-group[data-variant="outline"] .group-data-\[variant\=outline\]\/field-group\:-mb-2 {
   margin-bottom: -0.5rem;
 }
+.group[data-state="checked"] .group-data-\[state\=checked\]\:block {
+  display: block;
+}
+.group[data-state="indeterminate"] .group-data-\[state\=indeterminate\]\:block {
+  display: block;
+}
 .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
   display: none;
 }
-.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 {
-  width: 2rem !important;
-  height: 2rem !important;
+.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-10 {
+  width: 2.5rem !important;
+  height: 2.5rem !important;
 }
 .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
   width: var(--sidebar-width-icon);
@@ -3024,6 +3276,12 @@ video {
   --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));
 }
+.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:items-center {
+  align-items: center;
+}
+.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!justify-center {
+  justify-content: center !important;
+}
 .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden {
   overflow: hidden;
 }
@@ -3042,14 +3300,36 @@ video {
 .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:border-ring {
   border-color: hsl(var(--ring));
 }
-.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border {
-  border-color: hsl(var(--sidebar-border));
+.group[data-side="left"] .group-data-\[side\=left\]\:border-\[\#e6e6e6\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
+}
+.group[data-side="right"] .group-data-\[side\=right\]\:border-\[\#e6e6e6\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
+}
+.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-\[\#e6e6e6\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
+}
+.group\/slider[data-disabled="true"] .group-data-\[disabled\=true\]\/slider\:bg-\[\#f2f2f2\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
 }
 .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 {
   padding: 0px !important;
 }
-.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 {
-  padding: 0.5rem !important;
+.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.group\/input-group[data-disabled="true"] .group-data-\[disabled\=true\]\/input-group\:text-\[\#b3b3b3\] {
+  --tw-text-opacity: 1;
+  color: rgb(179 179 179 / var(--tw-text-opacity, 1));
 }
 .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 {
   opacity: 0;
@@ -3057,9 +3337,6 @@ video {
 .group\/field[data-disabled="true"] .group-data-\[disabled\=true\]\/field\:opacity-50 {
   opacity: 0.5;
 }
-.group\/input-group[data-disabled="true"] .group-data-\[disabled\=true\]\/input-group\:opacity-50 {
-  opacity: 0.5;
-}
 .group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -3092,15 +3369,9 @@ video {
 .peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
   color: hsl(var(--sidebar-accent-foreground));
 }
-.dark\:border-destructive:is(.dark *) {
-  border-color: hsl(var(--destructive));
-}
 .dark\:bg-destructive\/60:is(.dark *) {
   background-color: hsl(var(--destructive) / 0.6);
 }
-.dark\:bg-input\/30:is(.dark *) {
-  background-color: hsl(var(--input) / 0.3);
-}
 .dark\:bg-transparent:is(.dark *) {
   background-color: transparent;
 }
@@ -3110,9 +3381,6 @@ video {
 .dark\:focus-visible\:ring-destructive\/40:focus-visible:is(.dark *) {
   --tw-ring-color: hsl(var(--destructive) / 0.4);
 }
-.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]):is(.dark *) {
-  --tw-ring-color: hsl(var(--destructive) / 0.4);
-}
 @media (min-width: 640px) {
 
   .sm\:mt-0 {
@@ -3127,6 +3395,10 @@ video {
     max-width: 24rem;
   }
 
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .sm\:flex-row {
     flex-direction: row;
   }
@@ -3159,14 +3431,6 @@ video {
     position: absolute;
   }
 
-  .md\:block {
-    display: block;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
   .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
     width: var(--radix-navigation-menu-viewport-width);
   }
@@ -3182,38 +3446,50 @@ video {
   .md\:p-12 {
     padding: 3rem;
   }
+}
+@media (min-width: 1024px) {
+
+  .lg\:block {
+    display: block;
+  }
+
+  .lg\:flex {
+    display: flex;
+  }
 
-  .md\:opacity-0 {
+  .lg\:opacity-0 {
     opacity: 0;
   }
 
-  .after\:md\:hidden::after {
+  .after\:lg\:hidden::after {
     content: var(--tw-content);
     display: none;
   }
 
-  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
+  .peer[data-variant="inset"] ~ .lg\:peer-data-\[variant\=inset\]\:m-2 {
     margin: 0.5rem;
   }
 
-  .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
+  .peer[data-variant="inset"] ~ .lg\:peer-data-\[variant\=inset\]\:ml-0 {
     margin-left: 0px;
   }
 
-  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
+  .peer[data-variant="inset"] ~ .lg\:peer-data-\[variant\=inset\]\:rounded-xl {
     border-radius: 0.75rem;
   }
 
-  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow {
+  .peer[data-variant="inset"] ~ .lg\:peer-data-\[variant\=inset\]\:shadow {
     --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 }
+@media (min-width: 1280px) {
+
+  .xl\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
 .\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content] {
   flex: none;
 }
@@ -3225,6 +3501,9 @@ video {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
+.\[\&\:not\(\:first-child\)\]\:mt-2:not(:first-child) {
+  margin-top: 0.5rem;
+}
 .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected=true] button {
   border-top-left-radius: calc(var(--radius) - 2px);
   border-bottom-left-radius: calc(var(--radius) - 2px);
@@ -3315,6 +3594,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>span\:last-child\]\:hidden>span:last-child {
+  display: none;
+}
 .\[\&\>span\]\:line-clamp-1>span {
   overflow: hidden;
   display: -webkit-box;
@@ -3328,10 +3610,6 @@ video {
 .\[\&\>span\]\:opacity-70>span {
   opacity: 0.7;
 }
-.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div {
-  --tw-translate-y: -3px;
-  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));
-}
 .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*='size-']) {
   width: 0.875rem;
   height: 0.875rem;
@@ -3343,15 +3621,6 @@ video {
 .\[\&\>svg\]\:pointer-events-none>svg {
   pointer-events: none;
 }
-.\[\&\>svg\]\:absolute>svg {
-  position: absolute;
-}
-.\[\&\>svg\]\:left-4>svg {
-  left: 1rem;
-}
-.\[\&\>svg\]\:top-4>svg {
-  top: 1rem;
-}
 .\[\&\>svg\]\:size-3>svg {
   width: 0.75rem;
   height: 0.75rem;
@@ -3364,6 +3633,10 @@ video {
   width: 1rem;
   height: 1rem;
 }
+.\[\&\>svg\]\:size-5>svg {
+  width: 1.25rem;
+  height: 1.25rem;
+}
 .\[\&\>svg\]\:h-2\.5>svg {
   height: 0.625rem;
 }
@@ -3392,21 +3665,12 @@ video {
 .\[\&\>svg\]\:text-current>svg {
   color: currentColor;
 }
-.\[\&\>svg\]\:text-destructive>svg {
-  color: hsl(var(--destructive));
-}
-.\[\&\>svg\]\:text-foreground>svg {
-  color: hsl(var(--foreground));
-}
 .\[\&\>svg\]\:text-muted-foreground>svg {
   color: hsl(var(--muted-foreground));
 }
 .\[\&\>svg\]\:text-sidebar-accent-foreground>svg {
   color: hsl(var(--sidebar-accent-foreground));
 }
-.\[\&\>svg\~\*\]\:pl-7>svg~* {
-  padding-left: 1.75rem;
-}
 .\[\&\>tr\]\:last\:border-b-0:last-child>tr {
   border-bottom-width: 0px;
 }