@kushagradhawan/kookie-ui 0.1.26 → 0.1.28

package/styles.css

@@ -3478,6 +3478,8 @@
   --base-button-solid-high-contrast-active-filter: contrast(0.82) saturate(1.2) brightness(1.16);
   --progress-indicator-after-linear-gradient: var(--white-a5), var(--white-a9), var(--white-a5);
   --segmented-control-indicator-background-color: var(--color-background);
+  --sidebar-icon-width-1: calc(var(--space-9) + var(--space-1));
+  --sidebar-icon-width-2: calc(var(--space-9) + var(--space-3));
   --slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
   --slider-disabled-blend-mode: multiply;
   --switch-disabled-blend-mode: multiply;
@@ -4728,7 +4730,7 @@
   --scaling: 1.1;
 }
 [data-radius] {
-  --radius-1: calc(8px * var(--scaling) * var(--radius-factor));
+  --radius-1: calc(7px * var(--scaling) * var(--radius-factor));
   --radius-2: calc(10px * var(--scaling) * var(--radius-factor));
   --radius-3: calc(12px * var(--scaling) * var(--radius-factor));
   --radius-4: calc(14px * var(--scaling) * var(--radius-factor));
@@ -16565,32 +16567,32 @@
   border-radius: inherit;
   flex: 1;
 }
-.rt-SidebarContainer:where(.rt-variant-surface) {
+.rt-SidebarContainer:where(.rt-variant-outline) {
   background-color: var(--color-panel);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
 }
-.rt-SidebarContainer:where(.rt-variant-surface):where([data-panel-background='solid']) {
+.rt-SidebarContainer:where(.rt-variant-outline):where([data-panel-background='solid']) {
   --color-panel: var(--color-panel-solid);
   -webkit-backdrop-filter: none;
           backdrop-filter: none;
   --backdrop-filter-panel: none;
   --backdrop-filter-components: none;
 }
-.rt-SidebarContainer:where(.rt-variant-surface):where([data-panel-background='translucent']) {
+.rt-SidebarContainer:where(.rt-variant-outline):where([data-panel-background='translucent']) {
   --color-panel: var(--color-panel-translucent);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
   --backdrop-filter-components: blur(var(--backdrop-blur-components));
 }
-:where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-surface) {
+:where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-outline) {
   box-shadow: inset 0 0 0 1px var(--gray-a6);
 }
-:where(.rt-SidebarRoot[data-type="sidebar"][data-side="left"]) .rt-SidebarContainer:where(.rt-variant-surface) {
+:where(.rt-SidebarRoot[data-type="sidebar"][data-side="left"]) .rt-SidebarContainer:where(.rt-variant-outline) {
   box-shadow: inset -1px 0 0 0 var(--gray-a6);
 }
-:where(.rt-SidebarRoot[data-type="sidebar"][data-side="right"]) .rt-SidebarContainer:where(.rt-variant-surface) {
+:where(.rt-SidebarRoot[data-type="sidebar"][data-side="right"]) .rt-SidebarContainer:where(.rt-variant-outline) {
   box-shadow: inset 1px 0 0 0 var(--gray-a6);
 }
 .rt-SidebarHeader {
@@ -16742,7 +16744,6 @@
   border: none;
   width: 100%;
   text-align: left;
-  border-radius: var(--radius-2);
   transition: var(--transition-menu);
   -webkit-user-select: none;
           user-select: none;
@@ -16966,6 +16967,7 @@
   line-height: var(--line-height-1);
   letter-spacing: var(--letter-spacing-1);
   border-radius: var(--radius-1);
+  font-weight: var(--font-weight-medium);
 }
 .rt-SidebarContent:where(.rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
   width: var(--content-icon-size-1);
@@ -16984,6 +16986,7 @@
   line-height: var(--line-height-2);
   letter-spacing: var(--letter-spacing-2);
   border-radius: var(--radius-2);
+  font-weight: var(--font-weight-medium);
 }
 .rt-SidebarContent:where(.rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
   width: var(--content-icon-size-2);
@@ -17023,6 +17026,7 @@
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
+    font-weight: var(--font-weight-medium);
   }
   .rt-SidebarContent:where(.xs\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-1);
@@ -17041,6 +17045,7 @@
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
+    font-weight: var(--font-weight-medium);
   }
   .rt-SidebarContent:where(.xs\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-2);
@@ -17081,6 +17086,7 @@
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
+    font-weight: var(--font-weight-medium);
   }
   .rt-SidebarContent:where(.sm\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-1);
@@ -17099,6 +17105,7 @@
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
+    font-weight: var(--font-weight-medium);
   }
   .rt-SidebarContent:where(.sm\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-2);
@@ -17139,6 +17146,7 @@
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
+    font-weight: var(--font-weight-medium);
   }
   .rt-SidebarContent:where(.md\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-1);
@@ -17157,6 +17165,7 @@
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
+    font-weight: var(--font-weight-medium);
   }
   .rt-SidebarContent:where(.md\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-2);
@@ -17197,6 +17206,7 @@
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
+    font-weight: var(--font-weight-medium);
   }
   .rt-SidebarContent:where(.lg\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-1);
@@ -17215,6 +17225,7 @@
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
+    font-weight: var(--font-weight-medium);
   }
   .rt-SidebarContent:where(.lg\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-2);
@@ -17255,6 +17266,7 @@
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     border-radius: var(--radius-1);
+    font-weight: var(--font-weight-medium);
   }
   .rt-SidebarContent:where(.xl\:rt-r-size-1) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-1);
@@ -17273,6 +17285,7 @@
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     border-radius: var(--radius-2);
+    font-weight: var(--font-weight-medium);
   }
   .rt-SidebarContent:where(.xl\:rt-r-size-2) :where(.rt-SidebarMenuButton) :where(svg) {
     width: var(--content-icon-size-2);
@@ -17313,8 +17326,45 @@
   --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
   --backdrop-filter-components: blur(var(--backdrop-blur-components));
 }
-:where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-ghost) {
-  box-shadow: var(--shadow-4);
+.rt-SidebarContainer:where(.rt-variant-surface) {
+  background-color: var(--gray-1);
+}
+:where([data-panel-background='translucent']) .rt-SidebarContainer:where(.rt-variant-surface) {
+  background-color: var(--gray-a1);
+  -webkit-backdrop-filter: var(--backdrop-filter-panel);
+          backdrop-filter: var(--backdrop-filter-panel);
+}
+.rt-SidebarContainer:where(.rt-variant-surface):where([data-panel-background='solid']) {
+  background-color: var(--gray-1);
+  -webkit-backdrop-filter: none;
+          backdrop-filter: none;
+  --backdrop-filter-panel: none;
+  --backdrop-filter-components: none;
+}
+.rt-SidebarContainer:where(.rt-variant-surface):where([data-panel-background='translucent']) {
+  background-color: var(--gray-a1);
+  -webkit-backdrop-filter: var(--backdrop-filter-panel);
+          backdrop-filter: var(--backdrop-filter-panel);
+  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
+  --backdrop-filter-components: blur(var(--backdrop-blur-components));
+}
+:where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-surface) {
+  box-shadow: inset 0 0 0 1px var(--gray-6);
+}
+:where([data-panel-background='translucent']) :is(:where(.rt-SidebarRoot[data-type="floating"]) .rt-SidebarContainer:where(.rt-variant-surface)) {
+  box-shadow: inset 0 0 0 1px var(--gray-a6);
+}
+:where(.rt-SidebarRoot[data-type="sidebar"][data-side="left"]) .rt-SidebarContainer:where(.rt-variant-surface) {
+  box-shadow: inset -1px 0 0 0 var(--gray-6);
+}
+:where([data-panel-background='translucent']) :is(:where(.rt-SidebarRoot[data-type="sidebar"][data-side="left"]) .rt-SidebarContainer:where(.rt-variant-surface)) {
+  box-shadow: inset -1px 0 0 0 var(--gray-a6);
+}
+:where(.rt-SidebarRoot[data-type="sidebar"][data-side="right"]) .rt-SidebarContainer:where(.rt-variant-surface) {
+  box-shadow: inset 1px 0 0 0 var(--gray-6);
+}
+:where([data-panel-background='translucent']) :is(:where(.rt-SidebarRoot[data-type="sidebar"][data-side="right"]) .rt-SidebarContainer:where(.rt-variant-surface)) {
+  box-shadow: inset 1px 0 0 0 var(--gray-a6);
 }
 .rt-SidebarHeader:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuSubTrigger), .rt-SidebarContent:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuSubTrigger), .rt-SidebarFooter:where(.rt-menu-variant-solid) :where(.rt-SidebarMenuSubTrigger) {
   transition: var(--transition-menu);
@@ -17481,45 +17531,140 @@
   color: var(--gray-11) !important;
 }
 .rt-SidebarContent :where(.rt-BaseMenuItem) {
-  border-radius: var(--radius-2);
-  margin-bottom: var(--space-1);
+  margin-top: calc(var(--space-1) / 2);
+  margin-bottom: calc(var(--space-1) / 2);
 }
 .rt-SidebarRoot:where([data-collapsible="icon"]) {
   transition: none;
-  overflow: hidden;
+  overflow: visible;
   flex-shrink: 0;
 }
-.rt-SidebarContainer:where(.rt-variant-ghost[data-collapsible="icon"][data-type="floating"]) {
-  overflow: visible !important;
-}
 .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) {
-  width: 0;
-  min-width: 0;
-  opacity: 0;
-  pointer-events: none;
-  flex-basis: 0;
-  width: 0;
-  width: 0;
-  min-width: 0;
-  opacity: 0;
-  pointer-events: none;
-  margin: 0;
+  opacity: 1;
+  pointer-events: auto;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]):where(.rt-r-size-1) {
+  width: var(--sidebar-icon-width-1);
+  min-width: var(--sidebar-icon-width-1);
+  --sidebar-group-label-width: calc(var(--sidebar-icon-width-1) - (var(--space-2) * 2));
+  --sidebar-button-label-width: calc(var(--sidebar-group-label-width) - (var(--space-1) * 2));
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]):where(.rt-r-size-2) {
+  width: var(--sidebar-icon-width-2);
+  min-width: var(--sidebar-icon-width-2);
+  --sidebar-group-label-width: calc(var(--sidebar-icon-width-2) - (var(--space-2) * 2));
+  --sidebar-button-label-width: calc(var(--sidebar-group-label-width) - (var(--space-1) * 2));
 }
 .rt-SidebarRoot:where([data-collapsible="icon"][data-state="expanded"]) {
   width: var(--sidebar-width);
   min-width: var(--sidebar-width);
   opacity: 1;
   pointer-events: auto;
-  flex-basis: var(--sidebar-width);
-  width: var(--sidebar-width);
+}
+.rt-SidebarContainer:where([data-collapsible="icon"]) {
+  width: 100%;
+  min-width: 0;
+  flex-shrink: 0;
+}
+.rt-SidebarContent:where([data-collapsible="icon"]) {
+  width: 100%;
+  min-width: 0;
+  flex-shrink: 0;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton) {
+  justify-content: center;
+  flex-direction: column;
+  padding: var(--space-2) var(--space-1);
+  gap: var(--space-1);
+  min-height: auto;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton) :where(span) {
+  display: block;
+  font-size: var(--font-size-0);
+  line-height: var(--line-height-0);
+  color: var(--gray-a10);
+  text-align: center;
+  font-weight: var(--font-weight-medium);
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarGroupLabel) {
+  max-width: var(--sidebar-group-label-width);
+  display: block;
+  text-align: center;
+  min-width: 0;
+  min-height: auto;
+  max-width: var(--sidebar-group-label-width);
+  font-size: var(--font-size-0);
+  line-height: var(--line-height-0);
+  color: var(--gray-a9);
+  font-weight: var(--font-weight-medium);
+  padding: var(--space-1) var(--space-1);
+  margin: var(--space-2) 0 var(--space-1) 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton span) {
+  max-width: var(--sidebar-button-label-width);
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--gray-a12);
+  font-weight: var(--font-weight-medium);
+}
+.rt-SidebarRoot.rt-menu-variant-solid:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton[data-highlighted] span),
+  .rt-SidebarRoot.rt-menu-variant-solid:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuButton[data-active] span) {
+  color: var(--accent-contrast) !important;
+}
+:where(.rt-SidebarGroup:first-child) :is(.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarGroupLabel)) {
+  margin-top: 0;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuBadge),
+  .rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuShortcut) {
+  display: none;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuSubTriggerIcon) {
+  display: none;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenuSubList) {
+  padding-left: 0;
+  border-left: none;
+  margin-left: 0;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]) :where(.rt-SidebarMenu) {
+  padding: var(--space-2);
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]):where(.rt-r-size-1) :where(.rt-SidebarMenuButton svg) {
+  width: var(--content-icon-size-2) !important;
+  height: var(--content-icon-size-2) !important;
+  color: currentColor !important;
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-state="collapsed"]):where(.rt-r-size-2) :where(.rt-SidebarMenuButton svg) {
+  width: var(--content-icon-size-3) !important;
+  height: var(--content-icon-size-3) !important;
+  color: currentColor !important;
 }
 .rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"]) {
   transition: none;
-  overflow: hidden;
+  overflow: visible;
   flex-shrink: 0;
 }
-.rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"]:has(.rt-variant-ghost)) {
-  overflow: visible;
+.rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"][data-state="collapsed"]) {
+  opacity: 1;
+  pointer-events: auto;
+  margin: var(--space-2);
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"][data-state="collapsed"]):where(.rt-r-size-1) {
+  width: var(--sidebar-icon-width-1);
+  min-width: var(--sidebar-icon-width-1);
+}
+.rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"][data-state="collapsed"]):where(.rt-r-size-2) {
+  width: var(--sidebar-icon-width-2);
+  min-width: var(--sidebar-icon-width-2);
 }
 .rt-SidebarRoot:where([data-collapsible="icon"][data-type="floating"][data-state="expanded"]) {
   width: var(--sidebar-width);
@@ -17528,22 +17673,11 @@
   pointer-events: auto;
   margin: var(--space-2);
 }
-.rt-SidebarContainer:where([data-collapsible="icon"]) {
-  width: var(--sidebar-width);
-  min-width: var(--sidebar-width);
-  flex-shrink: 0;
-}
-.rt-SidebarContent:where([data-collapsible="icon"]) {
-  width: 100%;
-  min-width: var(--sidebar-width);
-  flex-shrink: 0;
-}
 @media (max-width: 768px) {
-  .rt-SidebarRoot {
-    display: none;
+  .rt-SidebarRoot:where([data-collapsible="icon"]) {
     display: none;
   }
-  .rt-SidebarRoot:where([data-state="expanded"]) {
+  .rt-SidebarRoot:where([data-collapsible="icon"][data-state="expanded"]) {
     display: flex;
     position: fixed;
     top: 0;
@@ -17559,6 +17693,11 @@
     transition: none;
   }
 }
+@media (max-width: 768px) {
+  .rt-SidebarRoot {
+    display: none;
+  }
+}
 :where(.rt-SidebarContent.rt-r-size-1) .rt-SidebarMenuButton:where(:has(.rt-SidebarMenuShortcut, .rt-SidebarMenuBadge)) {
   padding-right: var(--base-menu-item-padding-y);
 }
@@ -20328,6 +20467,160 @@
     min-height: 100dvh;
   }
 }
+.rt-r-ac-start {
+  align-content: start;
+}
+.rt-r-ac-center {
+  align-content: center;
+}
+.rt-r-ac-end {
+  align-content: end;
+}
+.rt-r-ac-baseline {
+  align-content: baseline;
+}
+.rt-r-ac-stretch {
+  align-content: stretch;
+}
+.rt-r-ac-space-between {
+  align-content: space-between;
+}
+.rt-r-ac-space-around {
+  align-content: space-around;
+}
+.rt-r-ac-space-evenly {
+  align-content: space-evenly;
+}
+@media (min-width: 520px) {
+  .xs\:rt-r-ac-start {
+    align-content: start;
+  }
+  .xs\:rt-r-ac-center {
+    align-content: center;
+  }
+  .xs\:rt-r-ac-end {
+    align-content: end;
+  }
+  .xs\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .xs\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .xs\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .xs\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .xs\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:rt-r-ac-start {
+    align-content: start;
+  }
+  .sm\:rt-r-ac-center {
+    align-content: center;
+  }
+  .sm\:rt-r-ac-end {
+    align-content: end;
+  }
+  .sm\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .sm\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .sm\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .sm\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .sm\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
+@media (min-width: 1024px) {
+  .md\:rt-r-ac-start {
+    align-content: start;
+  }
+  .md\:rt-r-ac-center {
+    align-content: center;
+  }
+  .md\:rt-r-ac-end {
+    align-content: end;
+  }
+  .md\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .md\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .md\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .md\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .md\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
+@media (min-width: 1280px) {
+  .lg\:rt-r-ac-start {
+    align-content: start;
+  }
+  .lg\:rt-r-ac-center {
+    align-content: center;
+  }
+  .lg\:rt-r-ac-end {
+    align-content: end;
+  }
+  .lg\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .lg\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .lg\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .lg\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .lg\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
+@media (min-width: 1640px) {
+  .xl\:rt-r-ac-start {
+    align-content: start;
+  }
+  .xl\:rt-r-ac-center {
+    align-content: center;
+  }
+  .xl\:rt-r-ac-end {
+    align-content: end;
+  }
+  .xl\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .xl\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .xl\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .xl\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .xl\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
 .rt-r-ai-start {
   align-items: flex-start;
 }
@@ -20429,13 +20722,13 @@
   }
 }
 .rt-r-as-start {
-  align-self: flex-start;
+  align-self: start;
 }
 .rt-r-as-center {
   align-self: center;
 }
 .rt-r-as-end {
-  align-self: flex-end;
+  align-self: end;
 }
 .rt-r-as-baseline {
   align-self: baseline;
@@ -20445,13 +20738,13 @@
 }
 @media (min-width: 520px) {
   .xs\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .xs\:rt-r-as-center {
     align-self: center;
   }
   .xs\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .xs\:rt-r-as-baseline {
     align-self: baseline;
@@ -20462,13 +20755,13 @@
 }
 @media (min-width: 768px) {
   .sm\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .sm\:rt-r-as-center {
     align-self: center;
   }
   .sm\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .sm\:rt-r-as-baseline {
     align-self: baseline;
@@ -20479,13 +20772,13 @@
 }
 @media (min-width: 1024px) {
   .md\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .md\:rt-r-as-center {
     align-self: center;
   }
   .md\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .md\:rt-r-as-baseline {
     align-self: baseline;
@@ -20496,13 +20789,13 @@
 }
 @media (min-width: 1280px) {
   .lg\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .lg\:rt-r-as-center {
     align-self: center;
   }
   .lg\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .lg\:rt-r-as-baseline {
     align-self: baseline;
@@ -20513,13 +20806,13 @@
 }
 @media (min-width: 1640px) {
   .xl\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .xl\:rt-r-as-center {
     align-self: center;
   }
   .xl\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .xl\:rt-r-as-baseline {
     align-self: baseline;
@@ -24488,6 +24781,206 @@
     justify-content: space-between;
   }
 }
+.rt-r-ji-start {
+  justify-items: start;
+}
+.rt-r-ji-center {
+  justify-items: center;
+}
+.rt-r-ji-end {
+  justify-items: end;
+}
+.rt-r-ji-baseline {
+  justify-items: baseline;
+}
+.rt-r-ji-stretch {
+  justify-items: stretch;
+}
+@media (min-width: 520px) {
+  .xs\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .xs\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .xs\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .xs\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .xs\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .sm\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .sm\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .sm\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .sm\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 1024px) {
+  .md\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .md\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .md\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .md\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .md\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 1280px) {
+  .lg\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .lg\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .lg\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .lg\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .lg\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 1640px) {
+  .xl\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .xl\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .xl\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .xl\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .xl\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+.rt-r-js-start {
+  justify-self: start;
+}
+.rt-r-js-center {
+  justify-self: center;
+}
+.rt-r-js-end {
+  justify-self: end;
+}
+.rt-r-js-baseline {
+  justify-self: baseline;
+}
+.rt-r-js-stretch {
+  justify-self: stretch;
+}
+@media (min-width: 520px) {
+  .xs\:rt-r-js-start {
+    justify-self: start;
+  }
+  .xs\:rt-r-js-center {
+    justify-self: center;
+  }
+  .xs\:rt-r-js-end {
+    justify-self: end;
+  }
+  .xs\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .xs\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:rt-r-js-start {
+    justify-self: start;
+  }
+  .sm\:rt-r-js-center {
+    justify-self: center;
+  }
+  .sm\:rt-r-js-end {
+    justify-self: end;
+  }
+  .sm\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .sm\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 1024px) {
+  .md\:rt-r-js-start {
+    justify-self: start;
+  }
+  .md\:rt-r-js-center {
+    justify-self: center;
+  }
+  .md\:rt-r-js-end {
+    justify-self: end;
+  }
+  .md\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .md\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 1280px) {
+  .lg\:rt-r-js-start {
+    justify-self: start;
+  }
+  .lg\:rt-r-js-center {
+    justify-self: center;
+  }
+  .lg\:rt-r-js-end {
+    justify-self: end;
+  }
+  .lg\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .lg\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 1640px) {
+  .xl\:rt-r-js-start {
+    justify-self: start;
+  }
+  .xl\:rt-r-js-center {
+    justify-self: center;
+  }
+  .xl\:rt-r-js-end {
+    justify-self: end;
+  }
+  .xl\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .xl\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
 .rt-r-m,
 .rt-r-m-0,
 .rt-r-m-1,