@pactor-app/ui 1.2.0 → 1.7.0

package/styles.css

@@ -8,11 +8,6 @@
       "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
-    --color-amber-400: oklch(82.8% 0.189 84.429);
-    --color-amber-600: oklch(66.6% 0.179 58.318);
-    --color-green-400: oklch(79.2% 0.209 151.711);
-    --color-green-600: oklch(62.7% 0.194 149.214);
-    --color-black: #000;
     --spacing: 0.25rem;
     --container-sm: 24rem;
     --container-lg: 32rem;
@@ -38,6 +33,7 @@
     --font-weight-bold: 700;
     --font-weight-extrabold: 800;
     --tracking-tight: -0.025em;
+    --leading-tight: 1.25;
     --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
@@ -252,9 +248,15 @@
   .top-0 {
     top: 0px;
   }
+  .top-1\.5 {
+    top: calc(var(--spacing) * 1.5);
+  }
   .top-1\/2 {
     top: calc(1 / 2 * 100%);
   }
+  .top-3\.5 {
+    top: calc(var(--spacing) * 3.5);
+  }
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
@@ -273,9 +275,15 @@
   .right-0 {
     right: 0px;
   }
+  .right-1 {
+    right: var(--spacing);
+  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
+  .right-3 {
+    right: calc(var(--spacing) * 3);
+  }
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
@@ -294,6 +302,9 @@
   .left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
+  .left-3 {
+    left: calc(var(--spacing) * 3);
+  }
   .left-\[50\%\] {
     left: 50%;
   }
@@ -306,9 +317,6 @@
   .z-20 {
     z-index: 20;
   }
-  .z-40 {
-    z-index: 40;
-  }
   .z-50 {
     z-index: 50;
   }
@@ -351,6 +359,12 @@
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
+  .mx-2 {
+    margin-inline: calc(var(--spacing) * 2);
+  }
+  .mx-3\.5 {
+    margin-inline: calc(var(--spacing) * 3.5);
+  }
   .mx-auto {
     margin-inline: auto;
   }
@@ -363,6 +377,9 @@
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * 0.5);
+  }
   .mt-1\.5 {
     margin-top: calc(var(--spacing) * 1.5);
   }
@@ -393,12 +410,21 @@
   .ml-1 {
     margin-left: var(--spacing);
   }
+  .ml-4 {
+    margin-left: calc(var(--spacing) * 4);
+  }
   .ml-6 {
     margin-left: calc(var(--spacing) * 6);
   }
   .ml-auto {
     margin-left: auto;
   }
+  .scrollbar-none {
+    scrollbar-width: none;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
   .line-clamp-1 {
     overflow: hidden;
     display: -webkit-box;
@@ -510,6 +536,9 @@
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
   .h-7 {
     height: calc(var(--spacing) * 7);
   }
@@ -522,6 +551,9 @@
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
   .h-14 {
     height: calc(var(--spacing) * 14);
   }
@@ -552,6 +584,9 @@
   .h-screen {
     height: 100vh;
   }
+  .h-svh {
+    height: 100svh;
+  }
   .max-h-\(--available-height\) {
     max-height: var(--available-height);
   }
@@ -579,6 +614,12 @@
   .min-h-screen {
     min-height: 100vh;
   }
+  .min-h-svh {
+    min-height: 100svh;
+  }
+  .w-\(--sidebar-width\) {
+    width: var(--sidebar-width);
+  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -588,27 +629,39 @@
   .w-3\/4 {
     width: calc(3 / 4 * 100%);
   }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
   .w-9 {
     width: calc(var(--spacing) * 9);
   }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
   .w-52 {
     width: calc(var(--spacing) * 52);
   }
-  .w-60 {
-    width: calc(var(--spacing) * 60);
-  }
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
@@ -624,6 +677,9 @@
   .w-\[100px\] {
     width: 100px;
   }
+  .w-auto {
+    width: auto;
+  }
   .w-fit {
     width: fit-content;
   }
@@ -636,9 +692,18 @@
   .w-px {
     width: 1px;
   }
+  .max-w-\(--skeleton-width\) {
+    max-width: var(--skeleton-width);
+  }
+  .max-w-\[80\%\] {
+    max-width: 80%;
+  }
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .max-w-full {
+    max-width: 100%;
+  }
   .max-w-max {
     max-width: max-content;
   }
@@ -666,6 +731,9 @@
   .min-w-36 {
     min-width: calc(var(--spacing) * 36);
   }
+  .min-w-40 {
+    min-width: calc(var(--spacing) * 40);
+  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -697,18 +765,34 @@
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-x-px {
+    --tw-translate-x: -1px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-x-\[-50\%\] {
     --tw-translate-x: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-x-px {
+    --tw-translate-x: 1px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-y-3\/4 {
+    --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-0\.5 {
     --tw-translate-y: calc(var(--spacing) * 0.5);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-3\/4 {
+    --tw-translate-y: calc(3 / 4 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-\[-50\%\] {
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -719,6 +803,9 @@
   .rotate-90 {
     rotate: 90deg;
   }
+  .rotate-180 {
+    rotate: 180deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -752,12 +839,24 @@
   .resize-none {
     resize: none;
   }
+  .snap-x {
+    scroll-snap-type: x var(--tw-scroll-snap-strictness);
+  }
+  .snap-mandatory {
+    --tw-scroll-snap-strictness: mandatory;
+  }
   .scroll-m-20 {
     scroll-margin: calc(var(--spacing) * 20);
   }
+  .scroll-px-1 {
+    scroll-padding-inline: var(--spacing);
+  }
   .scroll-py-1 {
     scroll-padding-block: var(--spacing);
   }
+  .scrollbar-none {
+    scrollbar-width: none;
+  }
   .list-disc {
     list-style-type: disc;
   }
@@ -824,6 +923,21 @@
   .justify-items-start {
     justify-items: start;
   }
+  .gap-\(--flex-gap\) {
+    gap: var(--flex-gap);
+  }
+  .gap-\(--flex-gap-lg\) {
+    gap: var(--flex-gap-lg);
+  }
+  .gap-\(--flex-gap-md\) {
+    gap: var(--flex-gap-md);
+  }
+  .gap-\(--flex-gap-sm\) {
+    gap: var(--flex-gap-sm);
+  }
+  .gap-\(--grid-gap\) {
+    gap: var(--grid-gap);
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
@@ -836,6 +950,9 @@
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
   .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
@@ -853,6 +970,9 @@
   .gap-y-0\.5 {
     row-gap: calc(var(--spacing) * 0.5);
   }
+  .self-end {
+    align-self: flex-end;
+  }
   .self-start {
     align-self: flex-start;
   }
@@ -879,9 +999,15 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
+  .rounded-\(--pagination-active-radius\) {
+    border-radius: var(--pagination-active-radius);
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
@@ -957,6 +1083,19 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
+  .border-none {
+    --tw-border-style: none;
+    border-style: none;
+  }
+  .border-\(--calendar-today-border\) {
+    border-color: var(--calendar-today-border);
+  }
+  .border-\(color\:--pagination-active-border\) {
+    border-color: var(--pagination-active-border);
+  }
+  .border-\(color\:--radio-border\) {
+    border-color: var(--radio-border);
+  }
   .border-border {
     border-color: var(--border);
   }
@@ -1014,29 +1153,38 @@
   .border-l-warning {
     border-left-color: var(--warning);
   }
-  .bg-accent {
-    background-color: var(--accent);
+  .bg-\(--menu-active-background\) {
+    background-color: var(--menu-active-background);
   }
-  .bg-background {
-    background-color: var(--background);
+  .bg-\(--overlay-background\) {
+    background-color: var(--overlay-background);
   }
-  .bg-background\/60 {
-    background-color: var(--background);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--background) 60%, transparent);
-    }
+  .bg-\(--pagination-active-background\) {
+    background-color: var(--pagination-active-background);
   }
-  .bg-black\/40 {
-    background-color: color-mix(in srgb, #000 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
-    }
+  .bg-\(--progress-indicator\) {
+    background-color: var(--progress-indicator);
   }
-  .bg-black\/50 {
-    background-color: color-mix(in srgb, #000 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
-    }
+  .bg-\(--progress-track\) {
+    background-color: var(--progress-track);
+  }
+  .bg-\(--radio-checked\) {
+    background-color: var(--radio-checked);
+  }
+  .bg-\(--slider-range\) {
+    background-color: var(--slider-range);
+  }
+  .bg-\(--slider-thumb\) {
+    background-color: var(--slider-thumb);
+  }
+  .bg-\(--slider-track\) {
+    background-color: var(--slider-track);
+  }
+  .bg-\(--switch-thumb\) {
+    background-color: var(--switch-thumb);
+  }
+  .bg-background {
+    background-color: var(--background);
   }
   .bg-border {
     background-color: var(--border);
@@ -1044,6 +1192,12 @@
   .bg-card {
     background-color: var(--card);
   }
+  .bg-card\/60 {
+    background-color: var(--card);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--card) 60%, transparent);
+    }
+  }
   .bg-destructive {
     background-color: var(--destructive);
   }
@@ -1077,9 +1231,15 @@
   .bg-sidebar {
     background-color: var(--sidebar);
   }
+  .bg-sidebar-border {
+    background-color: var(--sidebar-border);
+  }
   .bg-transparent {
     background-color: transparent;
   }
+  .scroll-fade-x {
+    mask-image: linear-gradient( to right, transparent, black 8px, black calc(100% - 8px), transparent );
+  }
   .fill-primary {
     fill: var(--primary);
   }
@@ -1270,6 +1430,14 @@
     --tw-leading: 1;
     line-height: 1;
   }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -1300,14 +1468,14 @@
   .break-words {
     overflow-wrap: break-word;
   }
+  .wrap-break-word {
+    overflow-wrap: break-word;
+  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
-  .text-accent-foreground {
-    color: var(--accent-foreground);
-  }
-  .text-amber-600 {
-    color: var(--color-amber-600);
+  .text-\(--menu-active-foreground\) {
+    color: var(--menu-active-foreground);
   }
   .text-card-foreground {
     color: var(--card-foreground);
@@ -1324,9 +1492,6 @@
   .text-foreground {
     color: var(--foreground);
   }
-  .text-green-600 {
-    color: var(--color-green-600);
-  }
   .text-info {
     color: var(--info);
   }
@@ -1385,9 +1550,20 @@
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-60 {
+    opacity: 60%;
+  }
   .opacity-70 {
     opacity: 70%;
   }
+  .shadow-\(--card-shadow\) {
+    --tw-shadow: var(--card-shadow);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
+    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1408,6 +1584,22 @@
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-3 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-\(color\:--shadow-color\) {
+    --tw-shadow-color: var(--shadow-color);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, var(--shadow-color) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .ring-card {
+    --tw-ring-color: var(--card);
+  }
+  .ring-sidebar-ring {
+    --tw-ring-color: var(--sidebar-ring);
+  }
   .outline-hidden {
     --tw-outline-style: none;
     outline-style: none;
@@ -1433,13 +1625,23 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[left\,right\,width\] {
+    transition-property: left,right,width;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[margin\,opacity\] {
+    transition-property: margin,opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[opacity\,transform\] {
     transition-property: opacity,transform;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[width\,transform\] {
-    transition-property: width,transform;
+  .transition-\[width\,height\,padding\] {
+    transition-property: width,height,padding;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -1489,6 +1691,10 @@
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
+  .ease-linear {
+    --tw-ease: linear;
+    transition-timing-function: linear;
+  }
   .ease-out {
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
@@ -1501,24 +1707,201 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
+    opacity: 100%;
+  }
+  @media (hover: hover) {
+    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
+      opacity: 100%;
+    }
+  }
+  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
+    padding-right: calc(var(--spacing) * 8);
+  }
+  .group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot="message-footer"]) *) {
+    --tw-translate-y: calc(var(--spacing) * -8);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant="ghost"]) *) {
+    padding-inline: 0px;
+  }
+  .group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align="end"] *) {
+    align-self: flex-end;
+  }
+  .group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align="end"] *) {
+    justify-content: flex-end;
+  }
+  .group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align="end"] *) {
+    align-self: flex-end;
+  }
+  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
+    margin-top: calc(var(--spacing) * -8);
+  }
+  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
+    display: none;
+  }
+  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
+    width: calc(var(--spacing) * 8) !important;
+    height: calc(var(--spacing) * 8) !important;
+  }
+  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
+    width: var(--sidebar-width-icon);
+  }
+  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
+    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
+  }
+  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
+    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
+  }
+  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
+    overflow: hidden;
+  }
+  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
+    padding: 0px !important;
+  }
+  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
+    padding: calc(var(--spacing) * 2) !important;
+  }
+  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
+    opacity: 0%;
+  }
+  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
+    right: calc(var(--sidebar-width) * -1);
+  }
+  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
+    left: calc(var(--sidebar-width) * -1);
+  }
+  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
+    width: 0px;
+  }
+  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
+    --tw-translate-x: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
     pointer-events: none;
   }
   .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
     opacity: 50%;
   }
+  .group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+    position: absolute;
+  }
+  .group-data-\[orientation\=vertical\]\/attachment\:top-3:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+    top: calc(var(--spacing) * 3);
+  }
+  .group-data-\[orientation\=vertical\]\/attachment\:right-3:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+    right: calc(var(--spacing) * 3);
+  }
+  .group-data-\[orientation\=vertical\]\/attachment\:w-full:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+    width: 100%;
+  }
+  .group-data-\[orientation\=vertical\]\/attachment\:gap-1:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+    gap: var(--spacing);
+  }
+  .group-data-\[orientation\=vertical\]\/attachment\:px-1:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
+    padding-inline: var(--spacing);
+  }
+  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
+    right: calc(var(--spacing) * -4);
+  }
+  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
+  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
+    left: 0px;
+  }
+  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
+    rotate: 180deg;
+  }
+  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
+  .group-data-\[size\=sm\]\/attachment\:w-8:is(:where(.group\/attachment)[data-size="sm"] *) {
+    width: calc(var(--spacing) * 8);
+  }
+  .group-data-\[size\=xs\]\/attachment\:w-7:is(:where(.group\/attachment)[data-size="xs"] *) {
+    width: calc(var(--spacing) * 7);
+  }
+  .group-data-\[size\=xs\]\/attachment\:rounded-md:is(:where(.group\/attachment)[data-size="xs"] *) {
+    border-radius: calc(var(--radius) * 0.8);
+  }
+  .group-data-\[state\=done\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state="done"] *) {
+    opacity: 100%;
+  }
+  .group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state="error"] *) {
+    background-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+    }
+  }
+  .group-data-\[state\=error\]\/attachment\:text-destructive:is(:where(.group\/attachment)[data-state="error"] *) {
+    color: var(--destructive);
+  }
+  .group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state="error"] *) {
+    color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--destructive) 80%, transparent);
+    }
+  }
+  .group-data-\[state\=idle\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state="idle"] *) {
+    opacity: 100%;
+  }
+  .group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state="processing"] *) {
+    background: linear-gradient( 90deg, transparent 0%, var(--muted) 50%, transparent 100% );
+    background-size: 200% 100%;
+    animation: shimmer 1.5s ease-in-out infinite;
+  }
+  .group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state="uploading"] *) {
+    background: linear-gradient( 90deg, transparent 0%, var(--muted) 50%, transparent 100% );
+    background-size: 200% 100%;
+    animation: shimmer 1.5s ease-in-out infinite;
+  }
+  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
+    border-radius: var(--radius);
+  }
+  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant="floating"] *) {
+    border-color: var(--sidebar-border);
+  }
+  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
     display: block;
   }
   .group-data-open\/navigation-menu-trigger\:rotate-180:is(:where(.group\/navigation-menu-trigger):where([data-open]:not([data-open='false'])) *) {
     rotate: 180deg;
   }
+  @media (hover: hover) {
+    .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) {
+      color: var(--sidebar-accent-foreground);
+    }
+  }
   .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
     cursor: not-allowed;
   }
   .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
     opacity: 50%;
   }
+  .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active="true"] ~ *) {
+    color: var(--sidebar-accent-foreground);
+  }
+  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
+    top: calc(var(--spacing) * 1.5);
+  }
+  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
+    top: calc(var(--spacing) * 2.5);
+  }
+  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
+    top: var(--spacing);
+  }
   .placeholder\:text-muted-foreground::placeholder {
     color: var(--muted-foreground);
   }
@@ -1526,6 +1909,10 @@
     content: var(--tw-content);
     position: absolute;
   }
+  .after\:-inset-2::after {
+    content: var(--tw-content);
+    inset: calc(var(--spacing) * -2);
+  }
   .after\:inset-y-0::after {
     content: var(--tw-content);
     inset-block: 0px;
@@ -1538,11 +1925,19 @@
     content: var(--tw-content);
     width: var(--spacing);
   }
+  .after\:w-\[2px\]::after {
+    content: var(--tw-content);
+    width: 2px;
+  }
   .after\:-translate-x-1\/2::after {
     content: var(--tw-content);
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after {
+    content: var(--tw-content);
+    left: 100%;
+  }
   .first\:rounded-l-md:first-child {
     border-top-left-radius: calc(var(--radius) * 0.8);
     border-bottom-left-radius: calc(var(--radius) * 0.8);
@@ -1565,6 +1960,10 @@
   .focus-within\:border-ring:focus-within {
     border-color: var(--ring);
   }
+  .focus-within\:ring-1:focus-within {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .focus-within\:ring-\[3px\]:focus-within {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1576,6 +1975,20 @@
     }
   }
   @media (hover: hover) {
+    .hover\:bg-\(--calendar-day-hover-background\):hover {
+      background-color: var(--calendar-day-hover-background);
+    }
+    .hover\:bg-\(--menu-hover-background\):hover {
+      background-color: var(--menu-hover-background);
+    }
+    .hover\:bg-\(--menu-hover-background\)\/50:hover {
+      background-color: var(--menu-hover-background);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-\(--menu-hover-background\)\/50:hover {
+        background-color: color-mix(in oklab, var(--menu-hover-background) 50%, transparent);
+      }
+    }
     .hover\:bg-accent:hover {
       background-color: var(--accent);
     }
@@ -1628,6 +2041,18 @@
     .hover\:bg-transparent:hover {
       background-color: transparent;
     }
+    .hover\:text-\(--calendar-day-hover-foreground\):hover {
+      color: var(--calendar-day-hover-foreground);
+    }
+    .hover\:text-\(--calendar-selected-foreground\):hover {
+      color: var(--calendar-selected-foreground);
+    }
+    .hover\:text-\(--calendar-today-foreground\):hover {
+      color: var(--calendar-today-foreground);
+    }
+    .hover\:text-\(--menu-hover-foreground\):hover {
+      color: var(--menu-hover-foreground);
+    }
     .hover\:text-accent-foreground:hover {
       color: var(--accent-foreground);
     }
@@ -1652,15 +2077,26 @@
     .hover\:opacity-100:hover {
       opacity: 100%;
     }
+    .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
+      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) {
+      background-color: var(--sidebar);
+    }
+    .hover\:after\:bg-sidebar-border:hover::after {
+      content: var(--tw-content);
+      background-color: var(--sidebar-border);
+    }
   }
   .focus\:z-10:focus {
     z-index: 10;
   }
-  .focus\:bg-accent:focus {
-    background-color: var(--accent);
+  .focus\:bg-\(--menu-hover-background\):focus {
+    background-color: var(--menu-hover-background);
   }
-  .focus\:text-accent-foreground:focus {
-    color: var(--accent-foreground);
+  .focus\:text-\(--menu-hover-foreground\):focus {
+    color: var(--menu-hover-foreground);
   }
   .focus-visible\:z-10:focus-visible {
     z-index: 10;
@@ -1679,6 +2115,10 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .focus-visible\:ring-2:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .focus-visible\:ring-\[3px\]:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1713,6 +2153,12 @@
   .active\:cursor-grabbing:active {
     cursor: grabbing;
   }
+  .active\:bg-sidebar-accent:active {
+    background-color: var(--sidebar-accent);
+  }
+  .active\:text-sidebar-accent-foreground:active {
+    color: var(--sidebar-accent-foreground);
+  }
   .disabled\:pointer-events-none:disabled {
     pointer-events: none;
   }
@@ -1722,18 +2168,79 @@
   .disabled\:opacity-50:disabled {
     opacity: 50%;
   }
+  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
+    cursor: w-resize;
+  }
+  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
+    cursor: e-resize;
+  }
   .has-disabled\:opacity-50:has(:disabled) {
     opacity: 50%;
   }
+  .has-data-\[slot\=attachment-content\]\:w-30:has([data-slot="attachment-content"]) {
+    width: calc(var(--spacing) * 30);
+  }
+  .has-data-\[slot\=attachment-content\]\:px-1\.5:has([data-slot="attachment-content"]) {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+  .has-data-\[slot\=attachment-content\]\:px-2:has([data-slot="attachment-content"]) {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  .has-data-\[slot\=attachment-content\]\:px-2\.5:has([data-slot="attachment-content"]) {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
+  .has-data-\[slot\=attachment-content\]\:py-1:has([data-slot="attachment-content"]) {
+    padding-block: var(--spacing);
+  }
+  .has-data-\[slot\=attachment-content\]\:py-1\.5:has([data-slot="attachment-content"]) {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+  .has-data-\[slot\=attachment-content\]\:py-2:has([data-slot="attachment-content"]) {
+    padding-block: calc(var(--spacing) * 2);
+  }
+  .has-data-\[slot\=attachment-media\]\:p-1:has([data-slot="attachment-media"]) {
+    padding: var(--spacing);
+  }
+  .has-data-\[slot\=attachment-media\]\:p-1\.5:has([data-slot="attachment-media"]) {
+    padding: calc(var(--spacing) * 1.5);
+  }
+  .has-data-\[slot\=attachment-media\]\:p-2:has([data-slot="attachment-media"]) {
+    padding: calc(var(--spacing) * 2);
+  }
   .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
     grid-template-columns: 1fr auto;
   }
+  .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]) {
+    background-color: var(--sidebar);
+  }
+  .has-\[button\]\:p-0:has(:is(button)) {
+    padding: 0px;
+  }
+  @media (hover: hover) {
+    .has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has( > a,  > button):hover {
+      background-color: var(--muted);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has( > a,  > button):hover {
+        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+      }
+    }
+  }
   .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg) {
     grid-template-columns: calc(var(--spacing) * 4) 1fr;
   }
   .has-\[\>svg\]\:gap-x-3:has( > svg) {
     column-gap: calc(var(--spacing) * 3);
   }
+  .has-\[\>svg\]\:px-1\.5:has( > svg) {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
+    pointer-events: none;
+  }
+  .aria-disabled\:opacity-50[aria-disabled="true"] {
+    opacity: 50%;
+  }
   .aria-selected\:text-muted-foreground[aria-selected="true"] {
     color: var(--muted-foreground);
   }
@@ -1744,9 +2251,15 @@
     --tw-translate-x: calc(100% - 2px);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .data-checked\:border-\(color\:--radio-checked\)[data-checked] {
+    border-color: var(--radio-checked);
+  }
   .data-checked\:border-primary[data-checked] {
     border-color: var(--primary);
   }
+  .data-checked\:bg-\(--switch-track-checked\)[data-checked] {
+    background-color: var(--switch-track-checked);
+  }
   .data-checked\:bg-primary[data-checked] {
     background-color: var(--primary);
   }
@@ -1765,6 +2278,9 @@
   .data-pressed\:text-accent-foreground[data-pressed] {
     color: var(--accent-foreground);
   }
+  :is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align="end"] *) > *)[data-slot] {
+    align-self: flex-end;
+  }
   .data-starting-style\:animate-toast-in[data-starting-style] {
     animation: toast-in 200ms ease-out;
   }
@@ -1775,8 +2291,8 @@
     --tw-translate-x: 0px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .data-unchecked\:bg-input[data-unchecked] {
-    background-color: var(--input);
+  .data-unchecked\:bg-\(--switch-track\)[data-unchecked] {
+    background-color: var(--switch-track);
   }
   .data-\[active\=true\]\:z-10[data-active="true"] {
     z-index: 10;
@@ -1784,6 +2300,16 @@
   .data-\[active\=true\]\:border-ring[data-active="true"] {
     border-color: var(--ring);
   }
+  .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
+    background-color: var(--sidebar-accent);
+  }
+  .data-\[active\=true\]\:font-medium[data-active="true"] {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+  .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
+    color: var(--sidebar-accent-foreground);
+  }
   .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1794,6 +2320,12 @@
       --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
     }
   }
+  .data-\[align\=end\]\:flex-row-reverse[data-align="end"] {
+    flex-direction: row-reverse;
+  }
+  .data-\[align\=end\]\:self-end[data-align="end"] {
+    align-self: flex-end;
+  }
   .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
     pointer-events: none;
   }
@@ -1849,11 +2381,11 @@
   .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
     color: var(--muted-foreground);
   }
-  .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
-    background-color: var(--accent);
+  .data-\[selected\=true\]\:bg-\(--menu-active-background\)[data-selected="true"] {
+    background-color: var(--menu-active-background);
   }
-  .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
-    color: var(--accent-foreground);
+  .data-\[selected\=true\]\:text-\(--menu-active-foreground\)[data-selected="true"] {
+    color: var(--menu-active-foreground);
   }
   .data-\[side\=bottom\]\:-top-1[data-side="bottom"] {
     top: calc(var(--spacing) * -1);
@@ -1873,6 +2405,57 @@
   .data-\[size\=sm\]\:h-8[data-size="sm"] {
     height: calc(var(--spacing) * 8);
   }
+  :is(.\*\:data-\[slot\=attachment\]\:flex-none > *)[data-slot="attachment"] {
+    flex: none;
+  }
+  :is(.\*\:data-\[slot\=attachment\]\:snap-start > *)[data-slot="attachment"] {
+    scroll-snap-align: start;
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:rounded-none > *)[data-slot="bubble-content"] {
+    border-radius: 0;
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:border-border > *)[data-slot="bubble-content"] {
+    border-color: var(--border);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-\(--bubble-background\) > *)[data-slot="bubble-content"] {
+    background-color: var(--bubble-background);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-card > *)[data-slot="bubble-content"] {
+    background-color: var(--card);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10 > *)[data-slot="bubble-content"] {
+    background-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+    }
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-muted > *)[data-slot="bubble-content"] {
+    background-color: var(--muted);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-primary > *)[data-slot="bubble-content"] {
+    background-color: var(--primary);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-secondary > *)[data-slot="bubble-content"] {
+    background-color: var(--secondary);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent > *)[data-slot="bubble-content"] {
+    background-color: transparent;
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:p-0 > *)[data-slot="bubble-content"] {
+    padding: 0px;
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:text-destructive > *)[data-slot="bubble-content"] {
+    color: var(--destructive);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:text-foreground > *)[data-slot="bubble-content"] {
+    color: var(--foreground);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground > *)[data-slot="bubble-content"] {
+    color: var(--primary-foreground);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground > *)[data-slot="bubble-content"] {
+    color: var(--secondary-foreground);
+  }
   :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1881,6 +2464,31 @@
     --tw-outline-style: none;
     outline-style: none;
   }
+  :is(.group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\!:is(:where(.group\/attachment)[data-orientation="vertical"] *) > *)[data-slot="spinner"] {
+    width: calc(var(--spacing) * 6) !important;
+    height: calc(var(--spacing) * 6) !important;
+  }
+  .data-\[state\=error\]\:border-destructive\/30[data-state="error"] {
+    border-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
+    }
+  }
+  .data-\[state\=idle\]\:border-dashed[data-state="idle"] {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
+  .data-\[state\=open\]\:opacity-100[data-state="open"] {
+    opacity: 100%;
+  }
+  @media (hover: hover) {
+    .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state="open"]:hover {
+      background-color: var(--sidebar-accent);
+    }
+    .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover {
+      color: var(--sidebar-accent-foreground);
+    }
+  }
   .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
     background-color: var(--muted);
   }
@@ -1896,6 +2504,9 @@
   .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
     color: var(--destructive);
   }
+  .data-\[variant\=ghost\]\:max-w-full[data-variant="ghost"] {
+    max-width: 100%;
+  }
   .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
     inset-inline: 0px;
   }
@@ -1962,38 +2573,13 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
-  @media (width < 48rem) {
-    .max-md\:fixed {
-      position: fixed;
-    }
-    .max-md\:inset-y-0 {
-      inset-block: 0px;
-    }
-    .max-md\:left-0 {
-      left: 0px;
-    }
-    .max-md\:z-50 {
-      z-index: 50;
-    }
-    .max-md\:hidden {
-      display: none;
-    }
-    .max-md\:w-60 {
-      width: calc(var(--spacing) * 60);
-    }
-    .max-md\:-translate-x-full {
-      --tw-translate-x: -100%;
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-    .max-md\:data-\[open\=true\]\:translate-x-0[data-open="true"] {
-      --tw-translate-x: 0px;
-      translate: var(--tw-translate-x) var(--tw-translate-y);
-    }
-  }
   @media (width >= 40rem) {
     .sm\:block {
       display: block;
     }
+    .sm\:flex {
+      display: flex;
+    }
     .sm\:max-w-lg {
       max-width: var(--container-lg);
     }
@@ -2029,6 +2615,12 @@
     }
   }
   @media (width >= 48rem) {
+    .md\:block {
+      display: block;
+    }
+    .md\:flex {
+      display: flex;
+    }
     .md\:hidden {
       display: none;
     }
@@ -2039,13 +2631,36 @@
       font-size: var(--text-sm);
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
+    .md\:opacity-0 {
+      opacity: 0%;
+    }
+    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
+      margin: calc(var(--spacing) * 2);
+    }
+    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
+      margin-left: 0px;
+    }
+    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
+      border-radius: calc(var(--radius) * 1.4);
+    }
+    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
+      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
+      margin-left: calc(var(--spacing) * 2);
+    }
+    .md\:after\:hidden::after {
+      content: var(--tw-content);
+      display: none;
+    }
   }
   @media (prefers-color-scheme: dark) {
-    .dark\:text-amber-400 {
-      color: var(--color-amber-400);
-    }
-    .dark\:text-green-400 {
-      color: var(--color-green-400);
+    :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20 > *)[data-slot="bubble-content"] {
+      background-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+      }
     }
   }
   .data-open\:animate-accordion-down:where([data-open]:not([data-open='false'])) {
@@ -2054,17 +2669,17 @@
   .data-open\:animate-in:where([data-open]:not([data-open='false'])) {
     animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
   }
-  .data-open\:bg-accent:where([data-open]:not([data-open='false'])) {
-    background-color: var(--accent);
+  .data-open\:bg-\(--menu-active-background\):where([data-open]:not([data-open='false'])) {
+    background-color: var(--menu-active-background);
   }
-  .data-open\:bg-accent\/50:where([data-open]:not([data-open='false'])) {
-    background-color: var(--accent);
+  .data-open\:bg-\(--menu-active-background\)\/50:where([data-open]:not([data-open='false'])) {
+    background-color: var(--menu-active-background);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+      background-color: color-mix(in oklab, var(--menu-active-background) 50%, transparent);
     }
   }
-  .data-open\:text-accent-foreground:where([data-open]:not([data-open='false'])) {
-    color: var(--accent-foreground);
+  .data-open\:text-\(--menu-active-foreground\):where([data-open]:not([data-open='false'])) {
+    color: var(--menu-active-foreground);
   }
   .data-open\:duration-300:where([data-open]:not([data-open='false'])) {
     --tw-duration: 300ms;
@@ -2123,17 +2738,17 @@
   .data-active\:border-border:where([data-active]:not([data-active='false'])) {
     border-color: var(--border);
   }
-  .data-active\:bg-accent\/50:where([data-active]:not([data-active='false'])) {
-    background-color: var(--accent);
+  .data-active\:bg-\(--menu-active-background\)\/50:where([data-active]:not([data-active='false'])) {
+    background-color: var(--menu-active-background);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+      background-color: color-mix(in oklab, var(--menu-active-background) 50%, transparent);
     }
   }
-  .data-active\:bg-background:where([data-active]:not([data-active='false'])) {
-    background-color: var(--background);
+  .data-active\:bg-card:where([data-active]:not([data-active='false'])) {
+    background-color: var(--card);
   }
-  .data-active\:text-accent-foreground:where([data-active]:not([data-active='false'])) {
-    color: var(--accent-foreground);
+  .data-active\:text-\(--menu-active-foreground\):where([data-active]:not([data-active='false'])) {
+    color: var(--menu-active-foreground);
   }
   .data-active\:shadow-sm:where([data-active]:not([data-active='false'])) {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
@@ -2194,6 +2809,10 @@
   .\[\&_svg\]\:shrink-0 svg {
     flex-shrink: 0;
   }
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
@@ -2202,6 +2821,14 @@
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
   }
+  .group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(:where(.group\/attachment)[data-orientation="vertical"] *) svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
+  .group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(:where(.group\/attachment)[data-size="xs"] *) svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
   .\[\&_tr\]\:border-b tr {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -2222,12 +2849,99 @@
   .\[\.border-t\]\:pt-6:is(.border-t) {
     padding-top: calc(var(--spacing) * 6);
   }
+  .\[button\]\:text-left:is(button) {
+    text-align: left;
+  }
+  .\[button\,a\]\:transition-colors:is(button, a) {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .\[button\,a\]\:outline-none:is(button, a) {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .\[button\,a\]\:focus-visible\:border-ring:is(button, a):focus-visible {
+    border-color: var(--ring);
+  }
+  .\[button\,a\]\:focus-visible\:ring-3:is(button, a):focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .\[button\,a\]\:focus-visible\:ring-ring\/50:is(button, a):focus-visible {
+    --tw-ring-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+  :is(.\*\:\[img\]\:aspect-square > *):is(img) {
+    aspect-ratio: 1 / 1;
+  }
+  :is(.\*\:\[img\]\:w-full > *):is(img) {
+    width: 100%;
+  }
+  :is(.\*\:\[img\]\:object-cover > *):is(img) {
+    object-fit: cover;
+  }
   .\[\&\>\*\]\:focus-visible\:relative > *:focus-visible {
     position: relative;
   }
   .\[\&\>\*\]\:focus-visible\:z-10 > *:focus-visible {
     z-index: 10;
   }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\(--bubble-hover-background\) > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--bubble-hover-background);
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\] > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%);
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--secondary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20 > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--muted);
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80 > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground > [data-slot=bubble-content]:is(button, a):hover {
+    color: var(--foreground);
+  }
+  @media (prefers-color-scheme: dark) {
+    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30 > [data-slot=bubble-content]:is(button, a):hover {
+      background-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
+      }
+    }
+    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30 > [data-slot=bubble-content]:is(button, a):hover {
+      background-color: var(--input);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--input) 30%, transparent);
+      }
+    }
+    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50 > [data-slot=bubble-content]:is(button, a):hover {
+      background-color: var(--muted);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+      }
+    }
+  }
   .\[\&\>\[data-slot\=button\]\]\:shrink-0 > [data-slot=button] {
     flex-shrink: 0;
   }
@@ -2258,37 +2972,59 @@
   .\[\&\>\[data-slot\=text\]\]\:text-muted-foreground > [data-slot=text] {
     color: var(--muted-foreground);
   }
-  .\[\&\>\[data-slot\=toggle\]\]\:rounded-none > [data-slot=toggle] {
+  .\[\&\>button\]\:hidden > button {
+    display: none;
+  }
+  .\[\&\>button\]\:rounded-none > button {
     border-radius: 0;
   }
-  .\[\&\>\[data-slot\=toggle\]\]\:first\:rounded-l-md > [data-slot=toggle]:first-child {
-    border-top-left-radius: calc(var(--radius) * 0.8);
-    border-bottom-left-radius: calc(var(--radius) * 0.8);
+  .\[\&\>button\]\:border > button {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
   }
-  .\[\&\>\[data-slot\=toggle\]\]\:last\:rounded-r-md > [data-slot=toggle]:last-child {
-    border-top-right-radius: calc(var(--radius) * 0.8);
-    border-bottom-right-radius: calc(var(--radius) * 0.8);
+  .\[\&\>button\]\:border-\(--calendar-today-border\) > button {
+    border-color: var(--calendar-today-border);
   }
-  .\[\&\>button\]\:bg-accent > button {
-    background-color: var(--accent);
+  .\[\&\>button\]\:bg-\(--calendar-range-background\) > button {
+    background-color: var(--calendar-range-background);
   }
-  .\[\&\>button\]\:bg-primary > button {
-    background-color: var(--primary);
+  .\[\&\>button\]\:bg-\(--calendar-selected-background\) > button {
+    background-color: var(--calendar-selected-background);
   }
-  .\[\&\>button\]\:text-accent-foreground > button {
-    color: var(--accent-foreground);
+  .\[\&\>button\]\:bg-\(--calendar-today-background\) > button {
+    background-color: var(--calendar-today-background);
   }
-  .\[\&\>button\]\:text-primary-foreground > button {
-    color: var(--primary-foreground);
+  .\[\&\>button\]\:text-\(--calendar-range-foreground\) > button {
+    color: var(--calendar-range-foreground);
+  }
+  .\[\&\>button\]\:text-\(--calendar-selected-foreground\) > button {
+    color: var(--calendar-selected-foreground);
+  }
+  .\[\&\>button\]\:text-\(--calendar-today-foreground\) > button {
+    color: var(--calendar-today-foreground);
   }
   @media (hover: hover) {
-    .\[\&\>button\]\:hover\:bg-primary > button:hover {
-      background-color: var(--primary);
+    .\[\&\>button\]\:hover\:bg-\(--calendar-selected-background\) > button:hover {
+      background-color: var(--calendar-selected-background);
+    }
+    .\[\&\>button\]\:hover\:bg-\(--calendar-today-background\) > button:hover {
+      background-color: var(--calendar-today-background);
+    }
+    .\[\&\>button\]\:hover\:text-\(--calendar-selected-foreground\) > button:hover {
+      color: var(--calendar-selected-foreground);
+    }
+    .\[\&\>button\]\:hover\:text-\(--calendar-today-foreground\) > button:hover {
+      color: var(--calendar-today-foreground);
     }
   }
   .\[\&\>li\]\:mt-2 > li {
     margin-top: calc(var(--spacing) * 2);
   }
+  .\[\&\>span\:last-child\]\:truncate > span:last-child {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   .\[\&\>svg\]\:pointer-events-none > svg {
     pointer-events: none;
   }
@@ -2304,6 +3040,9 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+  .\[\&\>svg\]\:shrink-0 > svg {
+    flex-shrink: 0;
+  }
   .\[\&\>svg\]\:translate-y-0\.5 > svg {
     --tw-translate-y: calc(var(--spacing) * 0.5);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2311,6 +3050,9 @@
   .\[\&\>svg\]\:text-current > svg {
     color: currentcolor;
   }
+  .\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
+    color: var(--sidebar-accent-foreground);
+  }
   .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
@@ -2324,6 +3066,18 @@
   .\[\&\[data-panel-open\]\>svg\]\:rotate-180[data-panel-open] > svg {
     rotate: 180deg;
   }
+  [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
+    right: calc(var(--spacing) * -2);
+  }
+  [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
+    cursor: e-resize;
+  }
+  [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
+    left: calc(var(--spacing) * -2);
+  }
+  [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
+    cursor: w-resize;
+  }
 }
 @property --tw-animation-delay {
   syntax: "*";
@@ -2410,6 +3164,7 @@
   initial-value: 0;
 }
 :root {
+  color-scheme: light;
   --radius: 0.625rem;
   --background: oklch(1 0 0);
   --foreground: oklch(0.145 0 0);
@@ -2446,8 +3201,50 @@
   --sidebar-accent-foreground: oklch(0.205 0 0);
   --sidebar-border: oklch(0.922 0 0);
   --sidebar-ring: oklch(0.708 0 0);
+  --font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, sans-serif;
+  --background-image: none;
+  --card-shadow: none;
+  --shadow-color: oklch(0 0 0 / 10%);
+  --overlay-background: oklch(0 0 0 / 50%);
+  --switch-track: var(--input);
+  --switch-track-checked: var(--primary);
+  --switch-thumb: var(--card);
+  --slider-track: var(--muted);
+  --slider-range: var(--primary);
+  --slider-thumb: var(--card);
+  --radio-border: var(--input);
+  --radio-checked: var(--primary);
+  --progress-track: var(--muted);
+  --progress-indicator: var(--primary);
+  --pagination-active-background: var(--card);
+  --pagination-active-border: var(--border);
+  --pagination-active-radius: calc(var(--radius) * 0.8);
+  --menu-hover-background: var(--accent);
+  --menu-hover-foreground: var(--accent-foreground);
+  --menu-active-background: var(--accent);
+  --menu-active-foreground: var(--accent-foreground);
+  --bubble-background: oklch(from var(--primary) 0.93 calc(c * 0.4) h);
+  --bubble-hover-background: oklch(
+    from var(--primary) 0.88 calc(c * 0.5) h
+  );
+  --calendar-day-hover-background: var(--accent);
+  --calendar-day-hover-foreground: var(--accent-foreground);
+  --calendar-selected-background: var(--primary);
+  --calendar-selected-foreground: var(--primary-foreground);
+  --calendar-today-background: var(--accent);
+  --calendar-today-foreground: var(--accent-foreground);
+  --calendar-today-border: var(--primary);
+  --calendar-range-background: var(--accent);
+  --calendar-range-foreground: var(--accent-foreground);
+  --flex-gap: 12px;
+  --flex-gap-sm: calc(var(--flex-gap) * 0.67);
+  --flex-gap-md: calc(var(--flex-gap) * 1.33);
+  --flex-gap-lg: calc(var(--flex-gap) * 2);
+  --grid-gap: 16px;
 }
 [data-pactor-theme='dark'] {
+  color-scheme: dark;
   --background: oklch(0.145 0 0);
   --foreground: oklch(0.985 0 0);
   --card: oklch(0.205 0 0);
@@ -2483,6 +3280,62 @@
   --sidebar-accent-foreground: oklch(0.985 0 0);
   --sidebar-border: oklch(1 0 0 / 10%);
   --sidebar-ring: oklch(0.556 0 0);
+  --bubble-background: oklch(from var(--primary) 0.3 calc(c * 0.4) h);
+  --bubble-hover-background: oklch(
+    from var(--primary) 0.35 calc(c * 0.5) h
+  );
+}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-pactor-theme='light']):not([data-pactor-theme='dark']) {
+    color-scheme: dark;
+    --background: oklch(0.145 0 0);
+    --foreground: oklch(0.985 0 0);
+    --card: oklch(0.205 0 0);
+    --card-foreground: oklch(0.985 0 0);
+    --popover: oklch(0.205 0 0);
+    --popover-foreground: oklch(0.985 0 0);
+    --primary: oklch(0.922 0 0);
+    --primary-foreground: oklch(0.205 0 0);
+    --secondary: oklch(0.269 0 0);
+    --secondary-foreground: oklch(0.985 0 0);
+    --muted: oklch(0.269 0 0);
+    --muted-foreground: oklch(0.708 0 0);
+    --accent: oklch(0.269 0 0);
+    --accent-foreground: oklch(0.985 0 0);
+    --destructive: oklch(0.704 0.191 22.216);
+    --destructive-foreground: oklch(0.985 0 0);
+    --success: oklch(0.696 0.17 162.48);
+    --warning: oklch(0.769 0.188 70.08);
+    --info: oklch(0.623 0.214 259.815);
+    --border: oklch(1 0 0 / 10%);
+    --input: oklch(1 0 0 / 15%);
+    --ring: oklch(0.556 0 0);
+    --chart-1: oklch(0.488 0.243 264.376);
+    --chart-2: oklch(0.696 0.17 162.48);
+    --chart-3: oklch(0.769 0.188 70.08);
+    --chart-4: oklch(0.627 0.265 303.9);
+    --chart-5: oklch(0.645 0.246 16.439);
+    --sidebar: oklch(0.205 0 0);
+    --sidebar-foreground: oklch(0.985 0 0);
+    --sidebar-primary: oklch(0.488 0.243 264.376);
+    --sidebar-primary-foreground: oklch(0.985 0 0);
+    --sidebar-accent: oklch(0.269 0 0);
+    --sidebar-accent-foreground: oklch(0.985 0 0);
+    --sidebar-border: oklch(1 0 0 / 10%);
+    --sidebar-ring: oklch(0.556 0 0);
+    --bubble-background: oklch(from var(--primary) 0.3 calc(c * 0.4) h);
+    --bubble-hover-background: oklch(
+      from var(--primary) 0.35 calc(c * 0.5) h
+    );
+  }
+}
+@keyframes shimmer {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
 }
 @layer base {
   * {
@@ -2495,6 +3348,8 @@
   body {
     background-color: var(--background);
     color: var(--foreground);
+    background-image: var(--background-image);
+    font-family: var(--font-sans);
   }
 }
 @property --tw-translate-x {
@@ -2532,6 +3387,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-scroll-snap-strictness {
+  syntax: "*";
+  inherits: false;
+  initial-value: proximity;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -2805,6 +3665,7 @@
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-scroll-snap-strictness: proximity;
       --tw-space-y-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;