@ecopages/radiant-ui 0.2.1 → 0.2.2

package/dist/styles/styles.css

@@ -4536,632 +4536,632 @@ rui-select {
     width: 1px;
     align-self: stretch;
   }
-}
-rui-sidebar {
-  display: contents;
-}
-.rui-sidebar-provider {
-  position: relative;
-  display: flex;
-  height: 100svh;
-  min-height: 0px;
-  width: 100%;
-  min-width: 0px;
-  flex: 1;
-  overflow: clip;
-  background-color: var(--color-background, var(--background));
-}
-.rui-sidebar-provider:has(> rui-sidebar[data-variant='inset']) {
-  box-sizing: border-box;
-  gap: var(--spacing-4, var(--space-4));
-  background-color: var(--color-surface, var(--surface));
-  padding: var(--spacing-4, var(--space-4));
-}
-.rui-sidebar-provider:has(> rui-sidebar[data-variant='inset']) > .rui-sidebar, .rui-sidebar-provider:has(> rui-sidebar[data-variant='inset']) > .rui-sidebar__inset {
-  height: 100%;
-  max-height: 100%;
-  min-height: 0px;
-}
-.rui-sidebar-provider[data-layout='full'] {
-  background-color: transparent;
-}
-.rui-sidebar-provider[data-layout='docs'] {
-  display: flex;
-  height: 100svh;
-  min-height: 0px;
-  flex-direction: column;
-  overflow: clip;
-  .rui-sidebar-provider__site-header {
-    position: sticky;
-    top: 0px;
-    z-index: 50;
-    width: 100%;
-    flex-shrink: 0;
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
-    border-color: var(--color-border, var(--border));
-    background-color: var(--color-surface, var(--surface));
+  rui-sidebar {
+    display: contents;
   }
-  .rui-sidebar-provider__site-header-inner {
-    margin-inline: auto;
+  .rui-sidebar-provider {
+    position: relative;
     display: flex;
-    height: calc(var(--spacing, 0.25rem) * 16);
+    height: 100svh;
+    min-height: 0px;
     width: 100%;
-    max-width: var(--container-7xl, 80rem);
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--spacing-4, var(--space-4));
-    padding-inline: var(--spacing-6, var(--space-6));
-    @media (width >= 48rem) {
-      padding-inline: var(--spacing-8, var(--space-8));
-    }
-  }
-  .rui-sidebar-provider__site-header-start {
-    display: flex;
     min-width: 0px;
-    align-items: center;
-    gap: var(--spacing-4, var(--space-4));
-  }
-  .rui-sidebar-provider__site-header-brand {
-    color: var(--color-on-background, var(--on-background));
-    text-decoration-line: none;
-  }
-  .rui-sidebar-provider__site-header-version {
-    border-radius: 0.25rem;
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-    border-color: var(--color-border, var(--border));
+    flex: 1;
+    overflow: clip;
     background-color: var(--color-background, var(--background));
-    padding-inline: var(--spacing-2, var(--space-2));
-    padding-block: calc(var(--spacing, 0.25rem) * 0.5);
-    font-size: 10px;
-    --tw-font-weight: var(--font-weight-medium, var(--weight-medium));
-    font-weight: var(--font-weight-medium, var(--weight-medium));
-    --tw-tracking: var(--tracking-tight, -0.025em);
-    letter-spacing: var(--tracking-tight, -0.025em);
-    color: var(--color-on-background, var(--on-background));
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-on-background, var(--on-background)) 90%, transparent);
-    }
-    font-family: var(--font-heading, var(--font-sans));
   }
-  .rui-sidebar-provider__site-header-nav {
-    display: flex;
-    align-items: center;
-    gap: var(--spacing-1, var(--space-1));
+  .rui-sidebar-provider:has(> rui-sidebar[data-variant='inset']) {
+    box-sizing: border-box;
+    gap: var(--spacing-4, var(--space-4));
+    background-color: var(--color-surface, var(--surface));
+    padding: var(--spacing-4, var(--space-4));
   }
-  .rui-sidebar-provider__site-header-link {
-    font-size: var(--text-sm, var(--text-sm));
-    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
-    color: var(--color-on-background, var(--on-background));
-    text-decoration-line: none;
+  .rui-sidebar-provider:has(> rui-sidebar[data-variant='inset']) > .rui-sidebar,	.rui-sidebar-provider:has(> rui-sidebar[data-variant='inset']) > .rui-sidebar__inset {
+    height: 100%;
+    max-height: 100%;
+    min-height: 0px;
+  }
+  .rui-sidebar-provider[data-layout='full'] {
+    background-color: transparent;
   }
-  .rui-sidebar-provider__body {
+  .rui-sidebar-provider[data-layout='docs'] {
     display: flex;
+    height: 100svh;
     min-height: 0px;
-    flex: 1;
+    flex-direction: column;
     overflow: clip;
-  }
-  .rui-sidebar-docs-page {
-    margin-inline: auto;
-    width: 100%;
-    max-width: 800px;
-    flex: 1;
-    overflow-y: auto;
-    padding-inline: var(--spacing-6, var(--space-6));
-    padding-block: var(--spacing-8, var(--space-8));
-    @media (width >= 48rem) {
-      max-width: none;
-    }
-    @media (width >= 48rem) {
-      padding-inline: calc(var(--spacing, 0.25rem) * 10);
-    }
-    @media (width >= 48rem) {
-      padding-block: calc(var(--spacing, 0.25rem) * 10);
-    }
-    @media (width >= 64rem) {
-      padding-inline: calc(var(--spacing, 0.25rem) * 12);
-    }
-  }
-  @media (min-width: 768px) {
-    rui-sidebar .rui-sidebar {
+    .rui-sidebar-provider__site-header {
       position: sticky;
-      top: calc(var(--spacing, 0.25rem) * 16);
+      top: 0px;
+      z-index: 50;
+      width: 100%;
       flex-shrink: 0;
-      align-self: flex-start;
-      height: calc(100svh - 4rem);
-    }
-    rui-sidebar .rui-sidebar > .rui-sidebar__pane {
-      height: 100%;
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+      border-color: var(--color-border, var(--border));
+      background-color: var(--color-surface, var(--surface));
     }
-  }
-  @media (min-width: 1280px) {
-    .rui-sidebar-provider__body {
+    .rui-sidebar-provider__site-header-inner {
       margin-inline: auto;
+      display: flex;
+      height: calc(var(--spacing, 0.25rem) * 16);
       width: 100%;
       max-width: var(--container-7xl, 80rem);
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--spacing-4, var(--space-4));
+      padding-inline: var(--spacing-6, var(--space-6));
+      @media (width >= 48rem) {
+        padding-inline: var(--spacing-8, var(--space-8));
+      }
     }
-  }
-  @media (max-width: 767px) {
-    rui-sidebar-trigger .rui-sidebar__trigger {
-      width: calc(var(--spacing, 0.25rem) * 9);
-      height: calc(var(--spacing, 0.25rem) * 9);
-      border-radius: var(--radius-control, var(--radius-control));
+    .rui-sidebar-provider__site-header-start {
+      display: flex;
+      min-width: 0px;
+      align-items: center;
+      gap: var(--spacing-4, var(--space-4));
+    }
+    .rui-sidebar-provider__site-header-brand {
+      color: var(--color-on-background, var(--on-background));
+      text-decoration-line: none;
+    }
+    .rui-sidebar-provider__site-header-version {
+      border-radius: 0.25rem;
       border-style: var(--tw-border-style);
       border-width: 1px;
       border-color: var(--color-border, var(--border));
-      @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--color-border, var(--border)) 50%, transparent);
-      }
       background-color: var(--color-background, var(--background));
+      padding-inline: var(--spacing-2, var(--space-2));
+      padding-block: calc(var(--spacing, 0.25rem) * 0.5);
+      font-size: 10px;
+      --tw-font-weight: var(--font-weight-medium, var(--weight-medium));
+      font-weight: var(--font-weight-medium, var(--weight-medium));
+      --tw-tracking: var(--tracking-tight, -0.025em);
+      letter-spacing: var(--tracking-tight, -0.025em);
+      color: var(--color-on-background, var(--on-background));
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-background, var(--background)) 40%, transparent);
+        color: color-mix(in oklab, var(--color-on-background, var(--on-background)) 90%, transparent);
       }
-      --tw-backdrop-blur: blur(var(--blur-sm, 8px));
-      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
-      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+      font-family: var(--font-heading, var(--font-sans));
+    }
+    .rui-sidebar-provider__site-header-nav {
+      display: flex;
+      align-items: center;
+      gap: var(--spacing-1, var(--space-1));
+    }
+    .rui-sidebar-provider__site-header-link {
+      font-size: var(--text-sm, var(--text-sm));
+      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+      color: var(--color-on-background, var(--on-background));
+      text-decoration-line: none;
     }
     .rui-sidebar-provider__body {
-      position: relative;
+      display: flex;
       min-height: 0px;
       flex: 1;
+      overflow: clip;
     }
-    .rui-sidebar__inset {
-      min-height: 0px;
+    .rui-sidebar-docs-page {
+      margin-inline: auto;
       width: 100%;
+      max-width: 800px;
       flex: 1;
       overflow-y: auto;
+      padding-inline: var(--spacing-6, var(--space-6));
+      padding-block: var(--spacing-8, var(--space-8));
+      @media (width >= 48rem) {
+        max-width: none;
+      }
+      @media (width >= 48rem) {
+        padding-inline: calc(var(--spacing, 0.25rem) * 10);
+      }
+      @media (width >= 48rem) {
+        padding-block: calc(var(--spacing, 0.25rem) * 10);
+      }
+      @media (width >= 64rem) {
+        padding-inline: calc(var(--spacing, 0.25rem) * 12);
+      }
     }
-    .rui-sidebar-docs-page {
-      padding-block: var(--spacing-6, var(--space-6));
+    @media (min-width: 768px) {
+      rui-sidebar .rui-sidebar {
+        position: sticky;
+        top: calc(var(--spacing, 0.25rem) * 16);
+        flex-shrink: 0;
+        align-self: flex-start;
+        height: calc(100svh - 4rem);
+      }
+      rui-sidebar .rui-sidebar > .rui-sidebar__pane {
+        height: 100%;
+      }
+    }
+    @media (min-width: 1280px) {
+      .rui-sidebar-provider__body {
+        margin-inline: auto;
+        width: 100%;
+        max-width: var(--container-7xl, 80rem);
+      }
+    }
+    @media (max-width: 767px) {
+      rui-sidebar-trigger .rui-button.rui-sidebar__trigger {
+        width: calc(var(--spacing, 0.25rem) * 9);
+        height: calc(var(--spacing, 0.25rem) * 9);
+        border-radius: var(--radius-control, var(--radius-control));
+        border-style: var(--tw-border-style);
+        border-width: 1px;
+        border-color: var(--color-border, var(--border));
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-border, var(--border)) 50%, transparent);
+        }
+        background-color: var(--color-background, var(--background));
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-background, var(--background)) 40%, transparent);
+        }
+        --tw-backdrop-blur: blur(var(--blur-sm, 8px));
+        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+      }
+      .rui-sidebar-provider__body {
+        position: relative;
+        min-height: 0px;
+        flex: 1;
+      }
+      .rui-sidebar__inset {
+        min-height: 0px;
+        width: 100%;
+        flex: 1;
+        overflow-y: auto;
+      }
+      .rui-sidebar-docs-page {
+        padding-block: var(--spacing-6, var(--space-6));
+      }
     }
   }
-}
-.rui-sidebar-provider:has(rui-sidebar[data-mobile='true'][data-state='expanded']) {
-  overflow: clip;
-}
-.rui-sidebar {
-  position: relative;
-  display: flex;
-  height: 100%;
-  min-width: 0px;
-  flex-shrink: 0;
-  align-self: stretch;
-  color: var(--color-on-background, var(--on-background));
-  background-color: var(--rui-sidebar-background, var(--color-surface));
-}
-.rui-sidebar[data-side='right'] {
-  flex-direction: row-reverse;
-}
-.rui-sidebar[data-variant='inset'] {
-  max-height: 100%;
-  min-height: 0px;
-  border-radius: var(--radius-container, var(--radius-container));
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  border-color: var(--color-border, var(--border));
-  background-color: var(--color-background, var(--background));
-  --rui-sidebar-background: var(--color-background);
-}
-.rui-sidebar[data-state='collapsed'] {
-  min-width: 0px;
-}
-.rui-sidebar__pane {
-  display: flex;
-  height: 100%;
-  min-height: 0px;
-  min-width: 0px;
-  flex-direction: column;
-  overflow: hidden;
-  transition: width var(--duration-normal) var(--ease-out);
-  width: var(--rui-sidebar-pane-width, 256px);
-  flex: 0 0 auto;
-}
-.rui-sidebar[data-state='collapsed'][data-collapsible='full'] > .rui-sidebar__pane, .rui-sidebar[data-state='collapsed'][data-collapsible='off'] > .rui-sidebar__pane {
-  width: 0px;
-  overflow: hidden;
-  opacity: 0;
-}
-.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] > .rui-sidebar__pane {
-  align-items: center;
-}
-.rui-sidebar__handle {
-  display: flex;
-  flex-shrink: 0;
-  cursor: col-resize;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--color-border, var(--border));
-  padding: 0px;
-  --tw-outline-style: none;
-  outline-style: none;
-  @media (forced-colors: active) {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-  width: 6px;
-  transition: background-color var(--duration-fast) var(--ease-standard);
-}
-.rui-sidebar[data-side='right'] > .rui-sidebar__handle {
-  cursor: col-resize;
-}
-.rui-sidebar__handle:hover, .rui-sidebar__handle:focus-visible {
-  background-color: var(--color-primary, var(--primary));
-}
-.rui-sidebar__handle: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);
-  --tw-ring-color: var(--color-focus-ring, var(--focus-ring));
-}
-.rui-sidebar__handle-grip {
-  display: block;
-  height: var(--spacing-8, var(--space-8));
-  width: calc(var(--spacing, 0.25rem) * 0.5);
-  border-radius: var(--radius-full, var(--border-radius-full));
-  background-color: var(--color-on-surface, var(--on-surface));
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-on-surface, var(--on-surface)) 30%, transparent);
-  }
-}
-.rui-sidebar__handle:hover .rui-sidebar__handle-grip, .rui-sidebar__handle:focus-visible .rui-sidebar__handle-grip {
-  background-color: var(--color-on-primary, var(--on-primary));
-}
-.rui-sidebar__header, .rui-sidebar__content, .rui-sidebar__footer, .rui-sidebar__separator, .rui-sidebar__group, .rui-sidebar__menu, .rui-sidebar__menu-item, .rui-sidebar__menu-button, .rui-sidebar__menu-action, .rui-sidebar__group-label, .rui-sidebar__group-action, .rui-sidebar__group-header {
-  box-sizing: border-box;
-}
-.rui-sidebar__header {
-  display: flex;
-  height: calc(var(--spacing, 0.25rem) * 14);
-  flex-shrink: 0;
-  flex-direction: row;
-  align-items: center;
-  gap: var(--spacing-inline, var(--space-inline));
-  border-bottom-style: var(--tw-border-style);
-  border-bottom-width: 1px;
-  border-color: var(--color-border, var(--border));
-  padding-inline: var(--spacing-control-x, var(--space-control-x));
-}
-.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__header {
-  flex-direction: column;
-  justify-content: center;
-  gap: var(--spacing-1, var(--space-1));
-  padding-inline: var(--spacing-1, var(--space-1));
-  padding-block: var(--spacing-2, var(--space-2));
-}
-.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__brand {
-  width: 100%;
-  flex: none;
-  justify-content: center;
-  gap: 0px;
-}
-.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__brand-text {
-  display: none;
-}
-.rui-sidebar__content {
-  display: flex;
-  min-height: 0px;
-  flex: 1;
-  flex-direction: column;
-  gap: var(--spacing-4, var(--space-4));
-  overflow-y: auto;
-  padding: var(--spacing-3, var(--space-3));
-}
-.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__content {
-  gap: var(--spacing-inline, var(--space-inline));
-  overflow-x: hidden;
-  padding-inline: var(--spacing-1, var(--space-1));
-}
-.rui-sidebar__footer {
-  display: flex;
-  flex-shrink: 0;
-  flex-direction: column;
-  gap: var(--spacing-inline, var(--space-inline));
-  border-top-style: var(--tw-border-style);
-  border-top-width: 1px;
-  border-color: var(--color-border, var(--border));
-  padding: var(--spacing-3, var(--space-3));
-}
-.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__footer {
-  align-items: center;
-  gap: var(--spacing-1, var(--space-1));
-  padding-inline: var(--spacing-1, var(--space-1));
-  padding-block: var(--spacing-2, var(--space-2));
-}
-.rui-sidebar__separator {
-  margin-inline: var(--spacing-2, var(--space-2));
-  margin-block: var(--spacing-1, var(--space-1));
-  border-style: var(--tw-border-style);
-  border-width: 0px;
-  border-top-style: var(--tw-border-style);
-  border-top-width: 1px;
-  border-color: var(--color-border, var(--border));
-}
-.rui-sidebar__group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-1, var(--space-1));
-}
-.rui-sidebar__group-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--spacing-1, var(--space-1));
-}
-.rui-sidebar__group-label {
-  margin: 0px;
-  padding-inline: var(--spacing-2, var(--space-2));
-  font-size: var(--text-xs, var(--text-xs));
-  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
-  --tw-font-weight: var(--font-weight-semibold, var(--weight-semibold));
-  font-weight: var(--font-weight-semibold, var(--weight-semibold));
-  --tw-tracking: var(--tracking-wide, 0.025em);
-  letter-spacing: var(--tracking-wide, 0.025em);
-  color: var(--color-on-surface, var(--on-surface));
-  text-transform: uppercase;
-}
-.rui-sidebar__group-action {
-  display: inline-flex;
-  width: var(--spacing-6, var(--space-6));
-  height: var(--spacing-6, var(--space-6));
-  flex-shrink: 0;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--radius-control, var(--radius-control));
-  border-style: var(--tw-border-style);
-  border-width: 0px;
-  background-color: transparent;
-  padding: 0px;
-  color: var(--color-on-surface, var(--on-surface));
-  transition: background-color var(--duration-fast) var(--ease-standard);
-}
-.rui-sidebar__group-action:hover {
-  background-color: var(--color-primary, var(--primary));
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-primary, var(--primary)) 10%, transparent);
-  }
-}
-.rui-sidebar__group-action:focus-visible {
-  background-color: var(--color-primary, var(--primary));
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-primary, var(--primary)) 10%, transparent);
-  }
-  --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);
-  --tw-ring-color: var(--color-focus-ring, var(--focus-ring));
-  --tw-outline-style: none;
-  outline-style: none;
-  @media (forced-colors: active) {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-  --tw-ring-inset: inset;
-}
-.rui-sidebar__menu {
-  margin: 0px;
-  display: flex;
-  list-style-type: none;
-  flex-direction: column;
-  gap: calc(var(--spacing, 0.25rem) * 0.5);
-  padding: 0px;
-}
-.rui-sidebar__menu-item {
-  list-style-type: none;
-}
-.rui-sidebar__menu-button {
-  display: flex;
-  width: 100%;
-  min-width: 0px;
-  cursor: pointer;
-  align-items: center;
-  gap: var(--spacing-inline, var(--space-inline));
-  border-radius: var(--radius-control, var(--radius-control));
-  border-style: var(--tw-border-style);
-  border-width: 0px;
-  background-color: transparent;
-  padding-inline: var(--spacing-2, var(--space-2));
-  padding-block: calc(var(--spacing, 0.25rem) * 1.5);
-  text-align: left;
-  font-size: var(--text-sm, var(--text-sm));
-  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
-  color: var(--color-on-background, var(--on-background));
-  transition: background-color var(--duration-fast) var(--ease-standard);
-}
-.rui-sidebar__menu-button:hover {
-  background-color: var(--color-primary, var(--primary));
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-primary, var(--primary)) 10%, transparent);
-  }
-}
-.rui-sidebar__menu-button:focus-visible {
-  background-color: var(--color-primary, var(--primary));
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-primary, var(--primary)) 10%, transparent);
-  }
-  --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);
-  --tw-ring-color: var(--color-focus-ring, var(--focus-ring));
-  --tw-outline-style: none;
-  outline-style: none;
-  @media (forced-colors: active) {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
+  .rui-sidebar-provider:has(rui-sidebar[data-mobile='true'][data-state='expanded']) {
+    overflow: clip;
   }
-  --tw-ring-inset: inset;
-}
-.rui-sidebar__menu-button[aria-current='page'], .rui-sidebar__menu-button--active {
-  background-color: var(--color-primary, var(--primary));
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-primary, var(--primary)) 15%, transparent);
+  .rui-sidebar {
+    position: relative;
+    display: flex;
+    height: 100%;
+    min-width: 0px;
+    flex-shrink: 0;
+    align-self: stretch;
+    color: var(--color-on-background, var(--on-background));
+    background-color: var(--rui-sidebar-background, var(--color-surface));
   }
-  --tw-font-weight: var(--font-weight-medium, var(--weight-medium));
-  font-weight: var(--font-weight-medium, var(--weight-medium));
-  color: var(--color-on-background, var(--on-background));
-}
-.rui-sidebar__menu-button[aria-disabled='true'], .rui-sidebar__menu-button[disabled] {
-  pointer-events: none;
-  cursor: not-allowed;
-  color: var(--color-on-surface, var(--on-surface));
-  opacity: var(--opacity-muted, var(--opacity-muted));
-}
-.rui-sidebar__menu-action {
-  color: var(--color-on-surface, var(--on-surface));
-}
-.rui-sidebar__menu-action:hover {
-  background-color: var(--color-primary, var(--primary));
-  @supports (color: color-mix(in lab, red, red)) {
-    background-color: color-mix(in oklab, var(--color-primary, var(--primary)) 5%, transparent);
+  .rui-sidebar[data-side='right'] {
+    flex-direction: row-reverse;
   }
-}
-.rui-sidebar__menu-button > :first-child {
-  flex-shrink: 0;
-}
-.rui-sidebar__menu-button > :last-child {
-  min-width: 0px;
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__menu-button, .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__menu-action {
-  height: var(--spacing-8, var(--space-8));
-  width: var(--spacing-8, var(--space-8));
-  justify-content: center;
-  gap: 0px;
-  padding: 0px;
-}
-.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__menu-button > :last-child, .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__menu-action > :last-child, .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__group-label, .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__group-header, .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__group-action, .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__group-actions, .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__separator, .rui-sidebar[data-collapsible='icon'][data-state='collapsed']	.rui-sidebar__footer	> *:not(.rui-sidebar__menu):not(button):not(a) {
-  display: none;
-}
-.rui-sidebar__icon {
-  width: var(--spacing-4, var(--space-4));
-  height: var(--spacing-4, var(--space-4));
-  flex-shrink: 0;
-}
-.rui-sidebar__inset {
-  display: flex;
-  min-height: 0px;
-  width: 100%;
-  min-width: 0px;
-  flex: 1;
-  flex-direction: column;
-  gap: 0px;
-  overflow: clip;
-  background-color: var(--color-background, var(--background));
-}
-.rui-sidebar-provider:has(> rui-sidebar[data-variant='inset']) > .rui-sidebar__inset {
-  border-radius: var(--radius-container, var(--radius-container));
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  border-color: var(--color-border, var(--border));
-}
-.rui-sidebar__trigger {
-  display: inline-flex;
-  width: calc(var(--spacing, 0.25rem) * 9);
-  height: calc(var(--spacing, 0.25rem) * 9);
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  padding: 0px;
-}
-.rui-sidebar__trigger-icon {
-  display: flex;
-  width: var(--spacing-4, var(--space-4));
-  height: var(--spacing-4, var(--space-4));
-  align-items: center;
-  justify-content: center;
-}
-.rui-sidebar__trigger-glyph {
-  display: none;
-  width: var(--spacing-4, var(--space-4));
-  height: var(--spacing-4, var(--space-4));
-  flex-shrink: 0;
-}
-rui-sidebar-trigger[placement='header'] .rui-sidebar__trigger-glyph--collapse, rui-sidebar-trigger:not([placement='header'], [placement='inset'])[data-sidebar-state='expanded']	.rui-sidebar__trigger-glyph--collapse, rui-sidebar-trigger:not([placement='header'], [placement='inset'])[data-sidebar-state='collapsed']	.rui-sidebar__trigger-glyph--expand, rui-sidebar-trigger[placement='inset'][data-sidebar-state='expanded'] .rui-sidebar__trigger-glyph--close, rui-sidebar-trigger[placement='inset'][data-sidebar-state='collapsed'] .rui-sidebar__trigger-glyph--menu {
-  display: block;
-}
-rui-sidebar-trigger[data-sidebar-mobile][data-sidebar-state='expanded'][placement='inset'], rui-sidebar-trigger[data-sidebar-mobile][data-sidebar-state='collapsed'][placement='header'], rui-sidebar-trigger[data-sidebar-mobile='false'][data-sidebar-collapsible='off'] {
-  display: none;
-}
-@media (min-width: 768px) {
-  rui-sidebar[data-collapsible='off'] rui-sidebar-trigger:not([data-sidebar-mobile]),	rui-sidebar[data-state='expanded'] rui-sidebar-trigger:not([data-sidebar-mobile])[placement='inset'],	rui-sidebar[data-state='collapsed'] rui-sidebar-trigger:not([data-sidebar-mobile])[placement='header'],	.rui-sidebar-provider:has(	> rui-sidebar:only-of-type[data-collapsible='off'],	> .rui-sidebar-provider__body > rui-sidebar:only-of-type[data-collapsible='off']	)	> :is(.rui-sidebar__inset, .rui-sidebar-provider__site-header)	> rui-sidebar-trigger:not([data-sidebar-mobile]),	.rui-sidebar-provider:has(	> rui-sidebar:only-of-type[data-collapsible='off'],	> .rui-sidebar-provider__body > rui-sidebar:only-of-type[data-collapsible='off']	)	> .rui-sidebar-provider__body	> .rui-sidebar__inset	> rui-sidebar-trigger:not([data-sidebar-mobile]),	.rui-sidebar-provider:has(	> rui-sidebar:only-of-type[data-state='expanded'],	> .rui-sidebar-provider__body > rui-sidebar:only-of-type[data-state='expanded']	)	> :is(.rui-sidebar__inset, .rui-sidebar-provider__site-header)	> rui-sidebar-trigger:not([data-sidebar-mobile])[placement='inset'],	.rui-sidebar-provider:has(	> rui-sidebar:only-of-type[data-state='expanded'],	> .rui-sidebar-provider__body > rui-sidebar:only-of-type[data-state='expanded']	)	> .rui-sidebar-provider__body	> .rui-sidebar__inset	> rui-sidebar-trigger:not([data-sidebar-mobile])[placement='inset'],	.rui-sidebar-provider:has(	> rui-sidebar:only-of-type[data-state='collapsed'],	> .rui-sidebar-provider__body > rui-sidebar:only-of-type[data-state='collapsed']	)	> :is(.rui-sidebar__inset, .rui-sidebar-provider__site-header)	> rui-sidebar-trigger:not([data-sidebar-mobile])[placement='header'],	.rui-sidebar-provider:has(	> rui-sidebar:only-of-type[data-state='collapsed'],	> .rui-sidebar-provider__body > rui-sidebar:only-of-type[data-state='collapsed']	)	> .rui-sidebar-provider__body	> .rui-sidebar__inset	> rui-sidebar-trigger:not([data-sidebar-mobile])[placement='header'] {
-    display: none;
+  .rui-sidebar[data-variant='inset'] {
+    max-height: 100%;
+    min-height: 0px;
+    border-radius: var(--radius-container, var(--radius-container));
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--color-border, var(--border));
+    background-color: var(--color-background, var(--background));
+    --rui-sidebar-background: var(--color-background);
   }
-}
-@media (max-width: 767px) {
-  rui-sidebar-trigger:not([data-sidebar-mobile])[placement='header'] {
-    display: none;
+  .rui-sidebar[data-state='collapsed'] {
+    min-width: 0px;
   }
-  rui-sidebar:not([data-mobile='true']) .rui-sidebar__pane {
-    pointer-events: none;
-    width: 0px;
+  .rui-sidebar__pane {
+    display: flex;
+    height: 100%;
+    min-height: 0px;
     min-width: 0px;
+    flex-direction: column;
     overflow: hidden;
-    opacity: 0%;
-    width: 0;
+    transition: width var(--duration-normal) var(--ease-out);
+    width: var(--rui-sidebar-pane-width, 256px);
     flex: 0 0 auto;
   }
-}
-.rui-sidebar[data-mobile='true'] {
-  position: fixed;
-  inset: 0px;
-  z-index: var(--z-modal);
-  display: flex;
-  min-width: 0px;
-  background-color: transparent;
-}
-.rui-sidebar[data-mobile='true'][data-state='collapsed'] {
-  pointer-events: none;
-  visibility: hidden;
-  z-index: auto;
-}
-.rui-sidebar[data-mobile='true'][data-state='expanded'] {
-  pointer-events: auto;
-  visibility: visible;
-}
-.rui-sidebar[data-mobile='true'] > .rui-sidebar__pane {
-  position: relative;
-  z-index: var(--z-modal);
-  height: 100%;
-  background-color: var(--color-surface, var(--surface));
-  color: var(--color-on-background, var(--on-background));
-}
-.rui-sidebar[data-mobile='true'][data-variant='inset'] > .rui-sidebar__pane {
-  background-color: var(--color-background, var(--background));
-}
-.rui-sidebar[data-mobile='true'][data-state='collapsed'] > .rui-sidebar__pane {
-  width: 0px;
-  overflow: hidden;
-  opacity: 0%;
-}
-.rui-sidebar[data-mobile='true'][data-state='expanded'] > .rui-sidebar__pane {
-  width: calc(var(--spacing, 0.25rem) * 72);
-  max-width: 85vw;
-  opacity: 100%;
-  box-shadow: var(--shadow-modal);
-}
-.rui-sidebar[data-mobile='true'][data-side='left'] > .rui-sidebar__pane {
-  margin-inline-end: auto;
-}
-.rui-sidebar[data-mobile='true'][data-side='right'] > .rui-sidebar__pane {
-  margin-inline-start: auto;
-}
-.rui-sidebar__scrim {
-  position: absolute;
-  inset: 0px;
-  z-index: var(--z-overlay);
-  cursor: pointer;
-  border-style: var(--tw-border-style);
-  border-width: 0px;
-  background-color: var(--color-overlay, var(--overlay));
-  padding: 0px;
-}
-.rui-sidebar[data-mobile='true'] > .rui-sidebar__handle {
-  display: none;
-}
-@media (prefers-reduced-motion: reduce) {
-  .rui-sidebar__pane,	.rui-sidebar__handle,	.rui-sidebar__handle-grip,	.rui-sidebar__group-action,	.rui-sidebar__menu-button {
-    transition: none;
+  .rui-sidebar[data-state='collapsed'][data-collapsible='full'] > .rui-sidebar__pane,	.rui-sidebar[data-state='collapsed'][data-collapsible='off'] > .rui-sidebar__pane {
+    width: 0px;
+    overflow: hidden;
+    opacity: 0;
+  }
+  .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] > .rui-sidebar__pane {
+    align-items: center;
+  }
+  .rui-sidebar__handle {
+    display: flex;
+    flex-shrink: 0;
+    cursor: col-resize;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--color-border, var(--border));
+    padding: 0px;
+    --tw-outline-style: none;
+    outline-style: none;
+    @media (forced-colors: active) {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+    width: 6px;
+    transition: background-color var(--duration-fast) var(--ease-standard);
+  }
+  .rui-sidebar[data-side='right'] > .rui-sidebar__handle {
+    cursor: col-resize;
+  }
+  .rui-sidebar__handle:hover,	.rui-sidebar__handle:focus-visible {
+    background-color: var(--color-primary, var(--primary));
+  }
+  .rui-sidebar__handle: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);
+    --tw-ring-color: var(--color-focus-ring, var(--focus-ring));
+  }
+  .rui-sidebar__handle-grip {
+    display: block;
+    height: var(--spacing-8, var(--space-8));
+    width: calc(var(--spacing, 0.25rem) * 0.5);
+    border-radius: var(--radius-full, var(--border-radius-full));
+    background-color: var(--color-on-surface, var(--on-surface));
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-on-surface, var(--on-surface)) 30%, transparent);
+    }
+  }
+  .rui-sidebar__handle:hover .rui-sidebar__handle-grip,	.rui-sidebar__handle:focus-visible .rui-sidebar__handle-grip {
+    background-color: var(--color-on-primary, var(--on-primary));
+  }
+  .rui-sidebar__header,	.rui-sidebar__content,	.rui-sidebar__footer,	.rui-sidebar__separator,	.rui-sidebar__group,	.rui-sidebar__menu,	.rui-sidebar__menu-item,	.rui-sidebar__menu-button,	.rui-sidebar__menu-action,	.rui-sidebar__group-label,	.rui-sidebar__group-action,	.rui-sidebar__group-header {
+    box-sizing: border-box;
+  }
+  .rui-sidebar__header {
+    display: flex;
+    height: calc(var(--spacing, 0.25rem) * 14);
+    flex-shrink: 0;
+    flex-direction: row;
+    align-items: center;
+    gap: var(--spacing-inline, var(--space-inline));
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+    border-color: var(--color-border, var(--border));
+    padding-inline: var(--spacing-control-x, var(--space-control-x));
+  }
+  .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__header {
+    flex-direction: column;
+    justify-content: center;
+    gap: var(--spacing-1, var(--space-1));
+    padding-inline: var(--spacing-1, var(--space-1));
+    padding-block: var(--spacing-2, var(--space-2));
+  }
+  .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__brand {
+    width: 100%;
+    flex: none;
+    justify-content: center;
+    gap: 0px;
+  }
+  .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__brand-text {
+    display: none;
+  }
+  .rui-sidebar__content {
+    display: flex;
+    min-height: 0px;
+    flex: 1;
+    flex-direction: column;
+    gap: var(--spacing-4, var(--space-4));
+    overflow-y: auto;
+    padding: var(--spacing-3, var(--space-3));
+  }
+  .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__content {
+    gap: var(--spacing-inline, var(--space-inline));
+    overflow-x: hidden;
+    padding-inline: var(--spacing-1, var(--space-1));
+  }
+  .rui-sidebar__footer {
+    display: flex;
+    flex-shrink: 0;
+    flex-direction: column;
+    gap: var(--spacing-inline, var(--space-inline));
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+    border-color: var(--color-border, var(--border));
+    padding: var(--spacing-3, var(--space-3));
+  }
+  .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__footer {
+    align-items: center;
+    gap: var(--spacing-1, var(--space-1));
+    padding-inline: var(--spacing-1, var(--space-1));
+    padding-block: var(--spacing-2, var(--space-2));
+  }
+  .rui-sidebar__separator {
+    margin-inline: var(--spacing-2, var(--space-2));
+    margin-block: var(--spacing-1, var(--space-1));
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+    border-color: var(--color-border, var(--border));
+  }
+  .rui-sidebar__group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-1, var(--space-1));
+  }
+  .rui-sidebar__group-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--spacing-1, var(--space-1));
+  }
+  .rui-sidebar__group-label {
+    margin: 0px;
+    padding-inline: var(--spacing-2, var(--space-2));
+    font-size: var(--text-xs, var(--text-xs));
+    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
+    --tw-font-weight: var(--font-weight-semibold, var(--weight-semibold));
+    font-weight: var(--font-weight-semibold, var(--weight-semibold));
+    --tw-tracking: var(--tracking-wide, 0.025em);
+    letter-spacing: var(--tracking-wide, 0.025em);
+    color: var(--color-on-surface, var(--on-surface));
+    text-transform: uppercase;
+  }
+  .rui-sidebar__group-action {
+    display: inline-flex;
+    width: var(--spacing-6, var(--space-6));
+    height: var(--spacing-6, var(--space-6));
+    flex-shrink: 0;
+    cursor: pointer;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--radius-control, var(--radius-control));
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+    background-color: transparent;
+    padding: 0px;
+    color: var(--color-on-surface, var(--on-surface));
+    transition: background-color var(--duration-fast) var(--ease-standard);
+  }
+  .rui-sidebar__group-action:hover {
+    background-color: var(--color-primary, var(--primary));
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary, var(--primary)) 10%, transparent);
+    }
+  }
+  .rui-sidebar__group-action:focus-visible {
+    background-color: var(--color-primary, var(--primary));
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary, var(--primary)) 10%, transparent);
+    }
+    --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);
+    --tw-ring-color: var(--color-focus-ring, var(--focus-ring));
+    --tw-outline-style: none;
+    outline-style: none;
+    @media (forced-colors: active) {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+    --tw-ring-inset: inset;
+  }
+  .rui-sidebar__menu {
+    margin: 0px;
+    display: flex;
+    list-style-type: none;
+    flex-direction: column;
+    gap: calc(var(--spacing, 0.25rem) * 0.5);
+    padding: 0px;
+  }
+  .rui-sidebar__menu-item {
+    list-style-type: none;
+  }
+  .rui-sidebar__menu-button {
+    display: flex;
+    width: 100%;
+    min-width: 0px;
+    cursor: pointer;
+    align-items: center;
+    gap: var(--spacing-inline, var(--space-inline));
+    border-radius: var(--radius-control, var(--radius-control));
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+    background-color: transparent;
+    padding-inline: var(--spacing-2, var(--space-2));
+    padding-block: calc(var(--spacing, 0.25rem) * 1.5);
+    text-align: left;
+    font-size: var(--text-sm, var(--text-sm));
+    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+    color: var(--color-on-background, var(--on-background));
+    transition: background-color var(--duration-fast) var(--ease-standard);
+  }
+  .rui-sidebar__menu-button:hover {
+    background-color: var(--color-primary, var(--primary));
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary, var(--primary)) 10%, transparent);
+    }
+  }
+  .rui-sidebar__menu-button:focus-visible {
+    background-color: var(--color-primary, var(--primary));
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary, var(--primary)) 10%, transparent);
+    }
+    --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);
+    --tw-ring-color: var(--color-focus-ring, var(--focus-ring));
+    --tw-outline-style: none;
+    outline-style: none;
+    @media (forced-colors: active) {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+    --tw-ring-inset: inset;
+  }
+  .rui-sidebar__menu-button[aria-current='page'],	.rui-sidebar__menu-button--active {
+    background-color: var(--color-primary, var(--primary));
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary, var(--primary)) 15%, transparent);
+    }
+    --tw-font-weight: var(--font-weight-medium, var(--weight-medium));
+    font-weight: var(--font-weight-medium, var(--weight-medium));
+    color: var(--color-on-background, var(--on-background));
+  }
+  .rui-sidebar__menu-button[aria-disabled='true'],	.rui-sidebar__menu-button[disabled] {
+    pointer-events: none;
+    cursor: not-allowed;
+    color: var(--color-on-surface, var(--on-surface));
+    opacity: var(--opacity-muted, var(--opacity-muted));
+  }
+  .rui-sidebar__menu-action {
+    color: var(--color-on-surface, var(--on-surface));
+  }
+  .rui-sidebar__menu-action:hover {
+    background-color: var(--color-primary, var(--primary));
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary, var(--primary)) 5%, transparent);
+    }
+  }
+  .rui-sidebar__menu-button > :first-child {
+    flex-shrink: 0;
+  }
+  .rui-sidebar__menu-button > :last-child {
+    min-width: 0px;
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__menu-button,	.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__menu-action {
+    height: var(--spacing-8, var(--space-8));
+    width: var(--spacing-8, var(--space-8));
+    justify-content: center;
+    gap: 0px;
+    padding: 0px;
+  }
+  .rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__menu-button > :last-child,	.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__menu-action > :last-child,	.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__group-label,	.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__group-header,	.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__group-action,	.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__group-actions,	.rui-sidebar[data-collapsible='icon'][data-state='collapsed'] .rui-sidebar__separator,	.rui-sidebar[data-collapsible='icon'][data-state='collapsed']	.rui-sidebar__footer	> *:not(.rui-sidebar__menu):not(button):not(a) {
+    display: none;
+  }
+  .rui-sidebar__icon {
+    width: var(--spacing-4, var(--space-4));
+    height: var(--spacing-4, var(--space-4));
+    flex-shrink: 0;
+  }
+  .rui-sidebar__inset {
+    display: flex;
+    min-height: 0px;
+    width: 100%;
+    min-width: 0px;
+    flex: 1;
+    flex-direction: column;
+    gap: 0px;
+    overflow: clip;
+    background-color: var(--color-background, var(--background));
+  }
+  .rui-sidebar-provider:has(> rui-sidebar[data-variant='inset']) > .rui-sidebar__inset {
+    border-radius: var(--radius-container, var(--radius-container));
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--color-border, var(--border));
+  }
+  rui-sidebar-trigger .rui-button.rui-sidebar__trigger {
+    display: inline-flex;
+    width: calc(var(--spacing, 0.25rem) * 9);
+    height: calc(var(--spacing, 0.25rem) * 9);
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    padding: 0px;
+  }
+  .rui-sidebar__trigger-icon {
+    display: flex;
+    width: var(--spacing-4, var(--space-4));
+    height: var(--spacing-4, var(--space-4));
+    align-items: center;
+    justify-content: center;
+  }
+  .rui-sidebar__trigger-glyph {
+    display: none;
+    width: var(--spacing-4, var(--space-4));
+    height: var(--spacing-4, var(--space-4));
+    flex-shrink: 0;
+  }
+  rui-sidebar-trigger[placement='header'] .rui-sidebar__trigger-glyph--collapse,	rui-sidebar-trigger:not([placement='header'], [placement='inset'])[data-sidebar-state='expanded']	.rui-sidebar__trigger-glyph--collapse,	rui-sidebar-trigger:not([placement='header'], [placement='inset'])[data-sidebar-state='collapsed']	.rui-sidebar__trigger-glyph--expand,	rui-sidebar-trigger[placement='inset'][data-sidebar-state='expanded'] .rui-sidebar__trigger-glyph--close,	rui-sidebar-trigger[placement='inset'][data-sidebar-state='collapsed'] .rui-sidebar__trigger-glyph--menu {
+    display: block;
+  }
+  rui-sidebar-trigger[data-sidebar-mobile][data-sidebar-state='expanded'][placement='inset'],	rui-sidebar-trigger[data-sidebar-mobile][data-sidebar-state='collapsed'][placement='header'],	rui-sidebar-trigger[data-sidebar-mobile='false'][data-sidebar-collapsible='off'] {
+    display: none;
+  }
+  @media (min-width: 768px) {
+    rui-sidebar[data-collapsible='off'] rui-sidebar-trigger:not([data-sidebar-mobile]),	rui-sidebar[data-state='expanded'] rui-sidebar-trigger:not([data-sidebar-mobile])[placement='inset'],	rui-sidebar[data-state='collapsed'] rui-sidebar-trigger:not([data-sidebar-mobile])[placement='header'],	.rui-sidebar-provider:has(	> rui-sidebar:only-of-type[data-collapsible='off'],	> .rui-sidebar-provider__body > rui-sidebar:only-of-type[data-collapsible='off']	)	> :is(.rui-sidebar__inset, .rui-sidebar-provider__site-header)	> rui-sidebar-trigger:not([data-sidebar-mobile]),	.rui-sidebar-provider:has(	> rui-sidebar:only-of-type[data-collapsible='off'],	> .rui-sidebar-provider__body > rui-sidebar:only-of-type[data-collapsible='off']	)	> .rui-sidebar-provider__body	> .rui-sidebar__inset	> rui-sidebar-trigger:not([data-sidebar-mobile]),	.rui-sidebar-provider:has(	> rui-sidebar:only-of-type[data-state='expanded'],	> .rui-sidebar-provider__body > rui-sidebar:only-of-type[data-state='expanded']	)	> :is(.rui-sidebar__inset, .rui-sidebar-provider__site-header)	> rui-sidebar-trigger:not([data-sidebar-mobile])[placement='inset'],	.rui-sidebar-provider:has(	> rui-sidebar:only-of-type[data-state='expanded'],	> .rui-sidebar-provider__body > rui-sidebar:only-of-type[data-state='expanded']	)	> .rui-sidebar-provider__body	> .rui-sidebar__inset	> rui-sidebar-trigger:not([data-sidebar-mobile])[placement='inset'],	.rui-sidebar-provider:has(	> rui-sidebar:only-of-type[data-state='collapsed'],	> .rui-sidebar-provider__body > rui-sidebar:only-of-type[data-state='collapsed']	)	> :is(.rui-sidebar__inset, .rui-sidebar-provider__site-header)	> rui-sidebar-trigger:not([data-sidebar-mobile])[placement='header'],	.rui-sidebar-provider:has(	> rui-sidebar:only-of-type[data-state='collapsed'],	> .rui-sidebar-provider__body > rui-sidebar:only-of-type[data-state='collapsed']	)	> .rui-sidebar-provider__body	> .rui-sidebar__inset	> rui-sidebar-trigger:not([data-sidebar-mobile])[placement='header'] {
+      display: none;
+    }
+  }
+  @media (max-width: 767px) {
+    rui-sidebar-trigger:not([data-sidebar-mobile])[placement='header'] {
+      display: none;
+    }
+    rui-sidebar:not([data-mobile='true']) .rui-sidebar__pane {
+      pointer-events: none;
+      width: 0px;
+      min-width: 0px;
+      overflow: hidden;
+      opacity: 0%;
+      width: 0;
+      flex: 0 0 auto;
+    }
+  }
+  .rui-sidebar[data-mobile='true'] {
+    position: fixed;
+    inset: 0px;
+    z-index: var(--z-modal);
+    display: flex;
+    min-width: 0px;
+    background-color: transparent;
+  }
+  .rui-sidebar[data-mobile='true'][data-state='collapsed'] {
+    pointer-events: none;
+    visibility: hidden;
+    z-index: auto;
+  }
+  .rui-sidebar[data-mobile='true'][data-state='expanded'] {
+    pointer-events: auto;
+    visibility: visible;
+  }
+  .rui-sidebar[data-mobile='true'] > .rui-sidebar__pane {
+    position: relative;
+    z-index: var(--z-modal);
+    height: 100%;
+    background-color: var(--color-surface, var(--surface));
+    color: var(--color-on-background, var(--on-background));
+  }
+  .rui-sidebar[data-mobile='true'][data-variant='inset'] > .rui-sidebar__pane {
+    background-color: var(--color-background, var(--background));
+  }
+  .rui-sidebar[data-mobile='true'][data-state='collapsed'] > .rui-sidebar__pane {
+    width: 0px;
+    overflow: hidden;
+    opacity: 0%;
+  }
+  .rui-sidebar[data-mobile='true'][data-state='expanded'] > .rui-sidebar__pane {
+    width: calc(var(--spacing, 0.25rem) * 72);
+    max-width: 85vw;
+    opacity: 100%;
+    box-shadow: var(--shadow-modal);
+  }
+  .rui-sidebar[data-mobile='true'][data-side='left'] > .rui-sidebar__pane {
+    margin-inline-end: auto;
+  }
+  .rui-sidebar[data-mobile='true'][data-side='right'] > .rui-sidebar__pane {
+    margin-inline-start: auto;
+  }
+  .rui-sidebar__scrim {
+    position: absolute;
+    inset: 0px;
+    z-index: var(--z-overlay);
+    cursor: pointer;
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+    background-color: var(--color-overlay, var(--overlay));
+    padding: 0px;
+  }
+  .rui-sidebar[data-mobile='true'] > .rui-sidebar__handle {
+    display: none;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .rui-sidebar__pane,	.rui-sidebar__handle,	.rui-sidebar__handle-grip,	.rui-sidebar__group-action,	.rui-sidebar__menu-button {
+      transition: none;
+    }
   }
 }
 rui-slider {