@rocket.chat/fuselage 0.95.0 → 0.96.0

package/dist/fuselage.development.css

@@ -44,10 +44,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-a:where(:not(.rcx-button)), .rcx-tag--clickable.rcx-tag--clickable, .rcx-sidebar-item, .rcx-sidebar-link, .rcx-message-generic-preview__title-link, .rcx-message-generic-preview__footer a, .rcx-field__description a, .rcx-field__hint a, .rcx-field__error a, .rcx-field__link a, .rcx-states__link a, .rcx-box--with-inline-elements a {
+a:where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag--clickable.rcx-tag--clickable, .rcx-sidebar-item, .rcx-sidebar-link, .rcx-message-generic-preview__title-link, .rcx-message-generic-preview__footer a, .rcx-field__description a, .rcx-field__hint a, .rcx-field__error a, .rcx-field__link a, .rcx-states__link a, .rcx-box--with-inline-elements a {
   color: var(--rcx-link-color, var(--rcx-color-font-info, #095ad2));
 }
-a:focus-visible:where(:not(.rcx-button)), .rcx-tag--clickable:focus-visible, .rcx-sidebar-item:focus-visible, .rcx-sidebar-link:focus-visible, .rcx-message-generic-preview__title-link:focus-visible, .rcx-message-generic-preview__footer a:focus-visible, .rcx-field__description a:focus-visible, .rcx-field__hint a:focus-visible, .rcx-field__error a:focus-visible, .rcx-field__link a:focus-visible, .rcx-states__link a:focus-visible, .rcx-box--with-inline-elements a:focus-visible, a.is-focused:where(:not(.rcx-button)), .is-focused.rcx-tag--clickable, .is-focused.rcx-sidebar-item, .is-focused.rcx-sidebar-link, .is-focused.rcx-message-generic-preview__title-link, .rcx-message-generic-preview__footer a.is-focused, .rcx-field__description a.is-focused, .rcx-field__hint a.is-focused, .rcx-field__error a.is-focused, .rcx-field__link a.is-focused, .rcx-states__link a.is-focused, .rcx-box--with-inline-elements a.is-focused, a.focus:where(:not(.rcx-button)), .focus.rcx-tag--clickable, .focus.rcx-sidebar-item, .focus.rcx-sidebar-link, .focus.rcx-message-generic-preview__title-link, .rcx-message-generic-preview__footer a.focus, .rcx-field__description a.focus, .rcx-field__hint a.focus, .rcx-field__error a.focus, .rcx-field__link a.focus, .rcx-states__link a.focus, .rcx-box--with-inline-elements a.focus {
+a:focus-visible:where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag--clickable:focus-visible, .rcx-sidebar-item:focus-visible, .rcx-sidebar-link:focus-visible, .rcx-message-generic-preview__title-link:focus-visible, .rcx-message-generic-preview__footer a:focus-visible, .rcx-field__description a:focus-visible, .rcx-field__hint a:focus-visible, .rcx-field__error a:focus-visible, .rcx-field__link a:focus-visible, .rcx-states__link a:focus-visible, .rcx-box--with-inline-elements a:focus-visible, a.is-focused:where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .is-focused.rcx-tag--clickable, .is-focused.rcx-sidebar-item, .is-focused.rcx-sidebar-link, .is-focused.rcx-message-generic-preview__title-link, .rcx-message-generic-preview__footer a.is-focused, .rcx-field__description a.is-focused, .rcx-field__hint a.is-focused, .rcx-field__error a.is-focused, .rcx-field__link a.is-focused, .rcx-states__link a.is-focused, .rcx-box--with-inline-elements a.is-focused, a.focus:where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .focus.rcx-tag--clickable, .focus.rcx-sidebar-item, .focus.rcx-sidebar-link, .focus.rcx-message-generic-preview__title-link, .rcx-message-generic-preview__footer a.focus, .rcx-field__description a.focus, .rcx-field__hint a.focus, .rcx-field__error a.focus, .rcx-field__link a.focus, .rcx-states__link a.focus, .rcx-box--with-inline-elements a.focus {
   text-decoration: none;
   color: var(--rcx-link-focus-color, var(--rcx-color-font-info, #095ad2));
   border-radius: var(--rcx-border-radius-small, 0.125rem);
@@ -55,10 +55,10 @@ a:focus-visible:where(:not(.rcx-button)), .rcx-tag--clickable:focus-visible, .rc
   outline-offset: 0;
   box-shadow: 0 0 0 2px var(--rcx-link-focus-box-shadow-color, var(--rcx-color-stroke-extra-light-highlight, #d1ebfe));
 }
-a:where(:visited):where(:not(.rcx-button)), .rcx-tag--clickable:where(:visited), .rcx-tag--primary.rcx-tag--clickable:where(:visited), .rcx-tag--secondary.rcx-tag--clickable:where(:visited), .rcx-tag--danger.rcx-tag--clickable:where(:visited), .rcx-tag--warning.rcx-tag--clickable:where(:visited), .rcx-tag--featured.rcx-tag--clickable:where(:visited), .rcx-tag--secondary-danger.rcx-tag--clickable:where(:visited), .rcx-tag--secondary-warning.rcx-tag--clickable:where(:visited), .rcx-tag--secondary-info.rcx-tag--clickable:where(:visited), .rcx-sidebar-item:where(:visited), .rcx-sidebar-link:where(:visited), .rcx-message-generic-preview__title-link:where(:visited), .rcx-message-generic-preview__footer a:where(:visited), .rcx-field__description a:where(:visited), .rcx-field__hint a:where(:visited), .rcx-field__error a:where(:visited), .rcx-field__link a:where(:visited), .rcx-states__link a:where(:visited), .rcx-box--with-inline-elements a:where(:visited), a:where(.is-visited):where(:not(.rcx-button)), .rcx-tag--clickable:where(.is-visited), .rcx-tag--primary.rcx-tag--clickable:where(.is-visited), .rcx-tag--secondary.rcx-tag--clickable:where(.is-visited), .rcx-tag--danger.rcx-tag--clickable:where(.is-visited), .rcx-tag--warning.rcx-tag--clickable:where(.is-visited), .rcx-tag--featured.rcx-tag--clickable:where(.is-visited), .rcx-tag--secondary-danger.rcx-tag--clickable:where(.is-visited), .rcx-tag--secondary-warning.rcx-tag--clickable:where(.is-visited), .rcx-tag--secondary-info.rcx-tag--clickable:where(.is-visited), .rcx-sidebar-item:where(.is-visited), .rcx-sidebar-link:where(.is-visited), .rcx-message-generic-preview__title-link:where(.is-visited), .rcx-message-generic-preview__footer a:where(.is-visited), .rcx-field__description a:where(.is-visited), .rcx-field__hint a:where(.is-visited), .rcx-field__error a:where(.is-visited), .rcx-field__link a:where(.is-visited), .rcx-states__link a:where(.is-visited), .rcx-box--with-inline-elements a:where(.is-visited) {
+a:where(:visited):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag--clickable:where(:visited), .rcx-tag--primary.rcx-tag--clickable:where(:visited), .rcx-tag--secondary.rcx-tag--clickable:where(:visited), .rcx-tag--danger.rcx-tag--clickable:where(:visited), .rcx-tag--warning.rcx-tag--clickable:where(:visited), .rcx-tag--featured.rcx-tag--clickable:where(:visited), .rcx-tag--secondary-danger.rcx-tag--clickable:where(:visited), .rcx-tag--secondary-warning.rcx-tag--clickable:where(:visited), .rcx-tag--secondary-info.rcx-tag--clickable:where(:visited), .rcx-sidebar-item:where(:visited), .rcx-sidebar-link:where(:visited), .rcx-message-generic-preview__title-link:where(:visited), .rcx-message-generic-preview__footer a:where(:visited), .rcx-field__description a:where(:visited), .rcx-field__hint a:where(:visited), .rcx-field__error a:where(:visited), .rcx-field__link a:where(:visited), .rcx-states__link a:where(:visited), .rcx-box--with-inline-elements a:where(:visited), a:where(.is-visited):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag--clickable:where(.is-visited), .rcx-tag--primary.rcx-tag--clickable:where(.is-visited), .rcx-tag--secondary.rcx-tag--clickable:where(.is-visited), .rcx-tag--danger.rcx-tag--clickable:where(.is-visited), .rcx-tag--warning.rcx-tag--clickable:where(.is-visited), .rcx-tag--featured.rcx-tag--clickable:where(.is-visited), .rcx-tag--secondary-danger.rcx-tag--clickable:where(.is-visited), .rcx-tag--secondary-warning.rcx-tag--clickable:where(.is-visited), .rcx-tag--secondary-info.rcx-tag--clickable:where(.is-visited), .rcx-sidebar-item:where(.is-visited), .rcx-sidebar-link:where(.is-visited), .rcx-message-generic-preview__title-link:where(.is-visited), .rcx-message-generic-preview__footer a:where(.is-visited), .rcx-field__description a:where(.is-visited), .rcx-field__hint a:where(.is-visited), .rcx-field__error a:where(.is-visited), .rcx-field__link a:where(.is-visited), .rcx-states__link a:where(.is-visited), .rcx-box--with-inline-elements a:where(.is-visited) {
   color: var(--rcx-link-visited-color, var(--rcx-color-font-info, #095ad2));
 }
-a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .rcx-tag--primary.rcx-tag--clickable:where(:active), .rcx-tag--secondary.rcx-tag--clickable:where(:active), .rcx-tag--danger.rcx-tag--clickable:where(:active), .rcx-tag--warning.rcx-tag--clickable:where(:active), .rcx-tag--featured.rcx-tag--clickable:where(:active), .rcx-tag--secondary-danger.rcx-tag--clickable:where(:active), .rcx-tag--secondary-warning.rcx-tag--clickable:where(:active), .rcx-tag--secondary-info.rcx-tag--clickable:where(:active), .rcx-sidebar-item:where(:active), .rcx-sidebar-link:where(:active), .rcx-message-generic-preview__title-link:where(:active), .rcx-message-generic-preview__footer a:where(:active), .rcx-field__description a:where(:active), .rcx-field__hint a:where(:active), .rcx-field__error a:where(:active), .rcx-field__link a:where(:active), .rcx-states__link a:where(:active), .rcx-box--with-inline-elements a:where(:active), a:where(.active):where(:not(.rcx-button)), .rcx-tag--clickable:where(.active), .rcx-tag--primary.rcx-tag--clickable:where(.active), .rcx-tag--secondary.rcx-tag--clickable:where(.active), .rcx-tag--danger.rcx-tag--clickable:where(.active), .rcx-tag--warning.rcx-tag--clickable:where(.active), .rcx-tag--featured.rcx-tag--clickable:where(.active), .rcx-tag--secondary-danger.rcx-tag--clickable:where(.active), .rcx-tag--secondary-warning.rcx-tag--clickable:where(.active), .rcx-tag--secondary-info.rcx-tag--clickable:where(.active), .rcx-sidebar-item:where(.active), .rcx-sidebar-link:where(.active), .rcx-message-generic-preview__title-link:where(.active), .rcx-message-generic-preview__footer a:where(.active), .rcx-field__description a:where(.active), .rcx-field__hint a:where(.active), .rcx-field__error a:where(.active), .rcx-field__link a:where(.active), .rcx-states__link a:where(.active), .rcx-box--with-inline-elements a:where(.active), a:where(.is-active):where(:not(.rcx-button)), .rcx-tag--clickable:where(.is-active), .rcx-tag--primary.rcx-tag--clickable:where(.is-active), .rcx-tag--secondary.rcx-tag--clickable:where(.is-active), .rcx-tag--danger.rcx-tag--clickable:where(.is-active), .rcx-tag--warning.rcx-tag--clickable:where(.is-active), .rcx-tag--featured.rcx-tag--clickable:where(.is-active), .rcx-tag--secondary-danger.rcx-tag--clickable:where(.is-active), .rcx-tag--secondary-warning.rcx-tag--clickable:where(.is-active), .rcx-tag--secondary-info.rcx-tag--clickable:where(.is-active), .rcx-sidebar-item:where(.is-active), .rcx-sidebar-link:where(.is-active), .rcx-message-generic-preview__title-link:where(.is-active), .rcx-message-generic-preview__footer a:where(.is-active), .rcx-field__description a:where(.is-active), .rcx-field__hint a:where(.is-active), .rcx-field__error a:where(.is-active), .rcx-field__link a:where(.is-active), .rcx-states__link a:where(.is-active), .rcx-box--with-inline-elements a:where(.is-active) {
+a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag--clickable:where(:active), .rcx-tag--primary.rcx-tag--clickable:where(:active), .rcx-tag--secondary.rcx-tag--clickable:where(:active), .rcx-tag--danger.rcx-tag--clickable:where(:active), .rcx-tag--warning.rcx-tag--clickable:where(:active), .rcx-tag--featured.rcx-tag--clickable:where(:active), .rcx-tag--secondary-danger.rcx-tag--clickable:where(:active), .rcx-tag--secondary-warning.rcx-tag--clickable:where(:active), .rcx-tag--secondary-info.rcx-tag--clickable:where(:active), .rcx-sidebar-item:where(:active), .rcx-sidebar-link:where(:active), .rcx-message-generic-preview__title-link:where(:active), .rcx-message-generic-preview__footer a:where(:active), .rcx-field__description a:where(:active), .rcx-field__hint a:where(:active), .rcx-field__error a:where(:active), .rcx-field__link a:where(:active), .rcx-states__link a:where(:active), .rcx-box--with-inline-elements a:where(:active), a:where(.active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag--clickable:where(.active), .rcx-tag--primary.rcx-tag--clickable:where(.active), .rcx-tag--secondary.rcx-tag--clickable:where(.active), .rcx-tag--danger.rcx-tag--clickable:where(.active), .rcx-tag--warning.rcx-tag--clickable:where(.active), .rcx-tag--featured.rcx-tag--clickable:where(.active), .rcx-tag--secondary-danger.rcx-tag--clickable:where(.active), .rcx-tag--secondary-warning.rcx-tag--clickable:where(.active), .rcx-tag--secondary-info.rcx-tag--clickable:where(.active), .rcx-sidebar-item:where(.active), .rcx-sidebar-link:where(.active), .rcx-message-generic-preview__title-link:where(.active), .rcx-message-generic-preview__footer a:where(.active), .rcx-field__description a:where(.active), .rcx-field__hint a:where(.active), .rcx-field__error a:where(.active), .rcx-field__link a:where(.active), .rcx-states__link a:where(.active), .rcx-box--with-inline-elements a:where(.active), a:where(.is-active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag--clickable:where(.is-active), .rcx-tag--primary.rcx-tag--clickable:where(.is-active), .rcx-tag--secondary.rcx-tag--clickable:where(.is-active), .rcx-tag--danger.rcx-tag--clickable:where(.is-active), .rcx-tag--warning.rcx-tag--clickable:where(.is-active), .rcx-tag--featured.rcx-tag--clickable:where(.is-active), .rcx-tag--secondary-danger.rcx-tag--clickable:where(.is-active), .rcx-tag--secondary-warning.rcx-tag--clickable:where(.is-active), .rcx-tag--secondary-info.rcx-tag--clickable:where(.is-active), .rcx-sidebar-item:where(.is-active), .rcx-sidebar-link:where(.is-active), .rcx-message-generic-preview__title-link:where(.is-active), .rcx-message-generic-preview__footer a:where(.is-active), .rcx-field__description a:where(.is-active), .rcx-field__hint a:where(.is-active), .rcx-field__error a:where(.is-active), .rcx-field__link a:where(.is-active), .rcx-states__link a:where(.is-active), .rcx-box--with-inline-elements a:where(.is-active) {
   color: var(--rcx-link-active-color, var(--rcx-color-font-info, #095ad2));
 }
 
@@ -1271,7 +1271,7 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   border-top-color: var(--rcx-banner-colors-info-color, var(--rcx-color-status-font-on-info, #095ad2));
 }
 .rcx-banner--warning {
-  border-top-color: var(--rcx-banner-colors-warning-color, var(--rcx-color-status-font-on-warning, #ac892f));
+  border-top-color: var(--rcx-banner-colors-warning-color, var(--rcx-color-status-font-on-warning, #895f00));
 }
 .rcx-banner--danger {
   border-top-color: var(--rcx-banner-colors-danger-color, var(--rcx-color-status-font-on-danger, #9b1325));
@@ -1287,7 +1287,7 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   color: var(--rcx-banner-colors-info-color, var(--rcx-color-status-font-on-info, #095ad2));
 }
 .rcx-banner__icon--warning {
-  color: var(--rcx-banner-colors-warning-color, var(--rcx-color-status-font-on-warning, #ac892f));
+  color: var(--rcx-banner-colors-warning-color, var(--rcx-color-status-font-on-warning, #895f00));
 }
 .rcx-banner__icon--danger {
   color: var(--rcx-banner-colors-danger-color, var(--rcx-color-status-font-on-danger, #9b1325));
@@ -1760,7 +1760,7 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   transform: none !important;
 }
 .rcx-button--icon-warning {
-  color: var(--rcx-color-button-icon-warning-color, var(--rcx-color-status-font-on-warning, #ac892f));
+  color: var(--rcx-color-button-icon-warning-color, var(--rcx-color-status-font-on-warning, #895f00));
   border-width: var(--rcx-button-border-width, 1px);
   border-style: solid;
   border-color: var(--rcx-color-button-icon-warning-border-color, transparent);
@@ -2366,10 +2366,10 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   color: var(--rcx-callout-success-color, var(--rcx-color-status-font-on-success, #148660));
 }
 .rcx-callout--warning {
-  border-color: var(--rcx-callout-warning-color, var(--rcx-color-status-font-on-warning, #ac892f));
+  border-color: var(--rcx-callout-warning-color, var(--rcx-color-status-font-on-warning, #895f00));
 }
 .rcx-callout--warning .rcx-callout__icon {
-  color: var(--rcx-callout-warning-color, var(--rcx-color-status-font-on-warning, #ac892f));
+  color: var(--rcx-callout-warning-color, var(--rcx-color-status-font-on-warning, #895f00));
 }
 .rcx-callout--danger {
   border-color: var(--rcx-callout-danger-color, var(--rcx-color-status-font-on-danger, #9b1325));
@@ -2927,7 +2927,7 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   color: var(--rcx-color-status-font-on-success, #148660);
 }
 .rcx-framed-icon--warning {
-  color: var(--rcx-color-status-font-on-warning, #ac892f);
+  color: var(--rcx-color-status-font-on-warning, #895f00);
 }
 .rcx-framed-icon--danger {
   color: var(--rcx-color-status-font-on-danger, #9b1325);
@@ -3778,6 +3778,350 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   text-rendering: auto;
 }
 
+.rcx-item-group {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  container: rcx-item-group/inline-size;
+}
+.rcx-item-group + .rcx-item-group {
+  margin-block-start: 0.5rem;
+}
+
+.rcx-item {
+  --rcx-item-gap: 0.25rem;
+  --rcx-item-inset-inline: 0;
+  position: relative;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  min-width: 0;
+  margin: 0;
+  padding-block: 0.25rem;
+  padding-inline: 0.25rem;
+  list-style: none;
+  text-align: start;
+  text-decoration: none;
+  color: var(--rcx-item-color-font-default, var(--rcx-color-font-default, #2f343d));
+  border-radius: var(--rcx-border-radius-small, 0.125rem);
+  font-family: var(--rcx-font-family-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Meiryo UI", Arial, sans-serif);
+  gap: var(--rcx-item-gap);
+  letter-spacing: 0rem;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+}
+.rcx-item > :first-child {
+  margin-inline-start: var(--rcx-item-inset-inline);
+}
+.rcx-item > :last-child {
+  margin-inline-end: var(--rcx-item-inset-inline);
+}
+.rcx-item--inset-sm {
+  --rcx-item-inset-inline: 0.25rem;
+}
+.rcx-item--inset-md {
+  --rcx-item-inset-inline: 0.5rem;
+}
+.rcx-item--inset-lg {
+  --rcx-item-inset-inline: 1.25rem;
+}
+.rcx-item:has(> .rcx-item__content > :nth-child(2)) {
+  --rcx-item-gap: 0.5rem;
+}
+.rcx-item:where(.rcx-item--clickable,
+a,
+button,
+[role=option],
+[role^=menuitem],
+:has(.rcx-item__link)) {
+  cursor: pointer;
+}
+.rcx-item:where(.rcx-item--clickable,
+a,
+button,
+[role=option],
+[role^=menuitem],
+:has(.rcx-item__link)):hover {
+  background-color: var(--rcx-item-color-surface-hover, var(--rcx-color-surface-hover, #f2f3f5));
+}
+.rcx-item:focus-visible, .rcx-item:has(.rcx-item__link:focus-visible) {
+  outline: 0;
+  box-shadow: inset 0 0 0 2px var(--rcx-item-color-stroke-focus, var(--rcx-color-stroke-highlight, #156ff5));
+}
+.rcx-item.rcx-item--focused {
+  background-color: var(--rcx-item-color-surface-hover, var(--rcx-color-surface-hover, #f2f3f5));
+}
+.rcx-item.rcx-item--selected {
+  background-color: var(--rcx-item-color-surface-selected, var(--rcx-color-surface-selected, #d7dbe0));
+}
+.rcx-item.rcx-item--disabled {
+  cursor: not-allowed;
+  color: var(--rcx-item-color-font-disabled, var(--rcx-color-font-disabled, #cbced1));
+  background-color: transparent;
+}
+.rcx-item--danger {
+  color: var(--rcx-item-color-font-danger, var(--rcx-color-status-font-on-danger, #9b1325));
+}
+.rcx-item--highlighted .rcx-item__title, .rcx-item--highlighted .rcx-item__icon, .rcx-item--highlighted .rcx-item__description, .rcx-item--highlighted .rcx-item__meta {
+  color: var(--rcx-item-color-font-highlighted, var(--rcx-color-font-titles-labels, #1f2329));
+  font-weight: 500;
+}
+.rcx-item:hover .rcx-item__actions--reveal-hover, .rcx-item:focus-within .rcx-item__actions--reveal-hover, .rcx-item:has(.rcx-item__actions [aria-expanded=true]) .rcx-item__actions--reveal-hover {
+  opacity: 1;
+  grid-template-columns: 1fr;
+}
+.rcx-item:focus-within .rcx-item__actions-inner {
+  overflow: visible;
+}
+.rcx-item__media {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: none;
+}
+.rcx-item__media--icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.rcx-item__icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: none;
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.rcx-item__content {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.rcx-item__row {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  gap: 0.25rem;
+}
+.rcx-item__title {
+  overflow: hidden;
+  flex: 1 1 auto;
+  min-width: 0;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.rcx-item__description {
+  overflow: hidden;
+  flex: 1 1 auto;
+  min-width: 0;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: var(--rcx-item-color-font-secondary, var(--rcx-color-font-secondary-info, #6c737a));
+  letter-spacing: 0rem;
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1rem;
+}
+.rcx-item__description--inline {
+  display: inline;
+  margin-inline-start: 0.25rem;
+}
+.rcx-item__meta {
+  flex: none;
+  white-space: nowrap;
+  color: var(--rcx-item-color-font-secondary, var(--rcx-color-font-secondary-info, #6c737a));
+  letter-spacing: 0rem;
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1rem;
+}
+.rcx-item__link {
+  display: block;
+  overflow: hidden;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+  text-align: start;
+  white-space: nowrap;
+  text-decoration: none;
+  text-overflow: ellipsis;
+  color: inherit;
+  border: 0;
+  outline: 0;
+  background: none;
+  font: inherit;
+}
+.rcx-item__link::after {
+  position: absolute;
+  inset: 0;
+  content: "";
+  border-radius: inherit;
+}
+.rcx-item__actions {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  flex: none;
+  gap: 0.125rem;
+}
+.rcx-item__actions--reveal-hover {
+  display: grid;
+  transition: grid-template-columns 0.18s ease, opacity 0.18s ease;
+  opacity: 0;
+  grid-template-columns: 0fr;
+}
+@media (prefers-reduced-motion: reduce) {
+  .rcx-item__actions--reveal-hover {
+    transition: none;
+  }
+}
+.rcx-item__actions-inner {
+  display: flex;
+  overflow: hidden;
+  align-items: center;
+  min-width: 0;
+  gap: 0.125rem;
+}
+
+.rcx-item-group-header {
+  --rcx-item-inset-inline: 0;
+  position: relative;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 1.75rem;
+  margin: 0;
+  padding: 0.25rem;
+  list-style: none;
+  color: var(--rcx-item-color-font-secondary, var(--rcx-color-font-secondary-info, #6c737a));
+  border-radius: var(--rcx-border-radius-small, 0.125rem);
+  font-family: var(--rcx-font-family-sans, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Meiryo UI", Arial, sans-serif);
+  gap: 0.25rem;
+  letter-spacing: 0rem;
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 1rem;
+}
+.rcx-item-group-header > :first-child {
+  margin-inline-start: var(--rcx-item-inset-inline);
+}
+.rcx-item-group-header > :last-child {
+  margin-inline-end: var(--rcx-item-inset-inline);
+}
+.rcx-item-group-header--inset-sm {
+  --rcx-item-inset-inline: 0.25rem;
+}
+.rcx-item-group-header--inset-md {
+  --rcx-item-inset-inline: 0.5rem;
+}
+.rcx-item-group-header--inset-lg {
+  --rcx-item-inset-inline: 1.25rem;
+}
+.rcx-item-group-header--sticky {
+  position: sticky;
+  z-index: 2;
+  top: 0;
+  background-color: var(--rcx-item-group-header-color-surface, var(--rcx-color-surface-light, #ffffff));
+}
+.rcx-item-group-header:has(.rcx-item-group-title:is(button)):hover {
+  background-color: var(--rcx-item-color-surface-hover, var(--rcx-color-surface-hover, #f2f3f5));
+}
+.rcx-item-group-header:has(.rcx-item-group-title:is(button):focus-visible) {
+  outline: 0;
+  box-shadow: inset 0 0 0 2px var(--rcx-item-color-stroke-focus, var(--rcx-color-stroke-highlight, #156ff5));
+}
+.rcx-item-group-header:hover .rcx-item__actions--reveal-hover, .rcx-item-group-header:focus-within .rcx-item__actions--reveal-hover, .rcx-item-group-header:has(.rcx-item__actions [aria-expanded=true]) .rcx-item__actions--reveal-hover {
+  opacity: 1;
+  grid-template-columns: 1fr;
+}
+.rcx-item-group-header .rcx-item__meta {
+  font-weight: 400;
+}
+
+.rcx-item-group-title {
+  overflow: hidden;
+  flex: 1 1 auto;
+  min-width: 0;
+  margin: 0;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: inherit;
+  font: inherit;
+}
+.rcx-item-group-title:is(button) {
+  display: flex;
+  align-items: center;
+  padding: 0;
+  cursor: pointer;
+  text-align: start;
+  border: 0;
+  outline: 0;
+  background: none;
+  gap: 0.25rem;
+}
+.rcx-item-group-title:is(button)::after {
+  position: absolute;
+  inset: 0;
+  content: "";
+  border-radius: inherit;
+}
+
+.rcx-item-divider {
+  --rcx-item-inset-inline: 0;
+  display: block;
+  margin: 0;
+  padding-block: 0.25rem;
+  padding-inline: 0;
+  list-style: none;
+  border: 0;
+}
+.rcx-item-divider--inset-sm {
+  --rcx-item-inset-inline: 0.25rem;
+}
+.rcx-item-divider--inset-md {
+  --rcx-item-inset-inline: 0.5rem;
+}
+.rcx-item-divider--inset-lg {
+  --rcx-item-inset-inline: 1.25rem;
+}
+.rcx-item-divider::before {
+  display: block;
+  content: "";
+  border-top: 1px solid var(--rcx-item-color-stroke-divider, var(--rcx-color-stroke-extra-light, #ebecef));
+}
+.rcx-item-divider--inset-sm, .rcx-item-divider--inset-md, .rcx-item-divider--inset-lg {
+  margin-inline: calc(0.25rem + var(--rcx-item-inset-inline));
+}
+
+@container rcx-item-group (width < 320px) {
+  .rcx-item--inset-lg,
+  .rcx-item-group-header--inset-lg,
+  .rcx-item-divider--inset-lg {
+    --rcx-item-inset-inline: 0.75rem;
+  }
+  .rcx-item__description--inline {
+    display: block;
+    margin-inline-start: 0;
+  }
+}
+@media (pointer: coarse) {
+  .rcx-item {
+    padding-block: 0.5rem;
+  }
+}
+@media (hover: none) {
+  .rcx-item .rcx-item__actions--reveal-hover,
+  .rcx-item-group-header .rcx-item__actions--reveal-hover {
+    opacity: 1;
+    grid-template-columns: 1fr;
+  }
+}
 .rcx-label {
   letter-spacing: 0rem;
   font-size: 0.875rem;
@@ -4131,7 +4475,7 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   color: var(--rcx-message-status-variant-color-danger, var(--rcx-color-status-font-on-danger, #9b1325));
 }
 .rcx-message-status-indicator__item--warning {
-  color: var(--rcx-message-status-variant-color-warning, var(--rcx-color-status-font-on-warning, #ac892f));
+  color: var(--rcx-message-status-variant-color-warning, var(--rcx-color-status-font-on-warning, #895f00));
 }
 .rcx-message-status-indicator__item--primary {
   color: var(--rcx-message-status-variant-color-primary, var(--rcx-color-status-font-on-primary, ));
@@ -4647,7 +4991,7 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   color: var(--rcx-message-highlight-colors-link-color, var(--rcx-color-status-font-on-info, #095ad2));
 }
 .rcx-message__highlight--other {
-  color: var(--rcx-message-highlight-colors-other-color, var(--rcx-color-status-font-on-warning, #ac892f));
+  color: var(--rcx-message-highlight-colors-other-color, var(--rcx-color-status-font-on-warning, #895f00));
 }
 .rcx-message__highlight:focus-visible, .rcx-message__highlight.focus.focus-visible {
   border-radius: var(--rcx-border-radius-medium, 0.25rem);
@@ -4895,7 +5239,7 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   color: var(--rcx-option-color-variant-danger, var(--rcx-color-status-font-on-danger, #9b1325));
 }
 .rcx-option--warning {
-  color: var(--rcx-option-color-variant-warning, var(--rcx-color-status-font-on-warning, #ac892f));
+  color: var(--rcx-option-color-variant-warning, var(--rcx-color-status-font-on-warning, #895f00));
 }
 .rcx-option--primary {
   color: var(--rcx-option-color-variant-primary, var(--rcx-color-status-font-on-primary, ));
@@ -5564,7 +5908,7 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   background-color: var(--rcx-sidebar-banner-background-success, var(--rcx-color-status-background-success, #c0f6e4));
 }
 .rcx-sidebar-banner--warning {
-  color: var(--rcx-sidebar-banner-background-warning, var(--rcx-color-status-font-on-warning, #ac892f));
+  color: var(--rcx-sidebar-banner-background-warning, var(--rcx-color-status-font-on-warning, #895f00));
   background-color: var(--rcx-sidebar-banner-background-warning, var(--rcx-color-status-background-warning, #ffecad));
 }
 .rcx-sidebar-banner--danger {
@@ -5798,7 +6142,7 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   color: var(--rcx-states-icons-color-danger, var(--rcx-color-status-font-on-danger, #9b1325));
 }
 .rcx-states__icon--warning {
-  color: var(--rcx-states-icons-color-warning, var(--rcx-color-status-font-on-warning, #ac892f));
+  color: var(--rcx-states-icons-color-warning, var(--rcx-color-status-font-on-warning, #895f00));
 }
 .rcx-states__icon--primary {
   color: var(--rcx-states-icons-color-primary, var(--rcx-color-status-font-on-info, #095ad2));
@@ -6266,20 +6610,20 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   background-color: var(--rcx-tag-colors-secondary-danger-hover-background-color, var(--rcx-color-button-background-secondary-danger-hover, #cbced1));
 }
 .rcx-tag--secondary-warning {
-  color: var(--rcx-tag-colors-secondary-warning-color, var(--rcx-color-status-font-on-warning, #ac892f));
+  color: var(--rcx-tag-colors-secondary-warning-color, var(--rcx-color-status-font-on-warning, #895f00));
   background-color: var(--rcx-tag-colors-secondary-warning-background-color, var(--rcx-color-button-background-secondary-default, #e4e7ea));
 }
 .rcx-tag--secondary-warning.rcx-tag--clickable {
-  color: var(--rcx-link-color, var(--rcx-tag-colors-secondary-warning-color, var(--rcx-color-status-font-on-warning, #ac892f)));
+  color: var(--rcx-link-color, var(--rcx-tag-colors-secondary-warning-color, var(--rcx-color-status-font-on-warning, #895f00)));
 }
 .rcx-tag--secondary-warning.rcx-tag--clickable:focus, .rcx-tag--secondary-warning.rcx-tag--clickable:focus-within, .rcx-tag--secondary-warning.rcx-tag--clickable.focus, .rcx-tag--secondary-warning.rcx-tag--clickable.is-focused {
-  color: var(--rcx-link-focus-color, var(--rcx-tag-colors-secondary-warning-color, var(--rcx-color-status-font-on-warning, #ac892f)));
+  color: var(--rcx-link-focus-color, var(--rcx-tag-colors-secondary-warning-color, var(--rcx-color-status-font-on-warning, #895f00)));
 }
 .rcx-tag--secondary-warning.rcx-tag--clickable:where(:visited), .rcx-tag--secondary-warning.rcx-tag--clickable:where(.is-visited) {
-  color: var(--rcx-link-visited-color, var(--rcx-tag-colors-secondary-warning-color, var(--rcx-color-status-font-on-warning, #ac892f)));
+  color: var(--rcx-link-visited-color, var(--rcx-tag-colors-secondary-warning-color, var(--rcx-color-status-font-on-warning, #895f00)));
 }
 .rcx-tag--secondary-warning.rcx-tag--clickable:where(:active), .rcx-tag--secondary-warning.rcx-tag--clickable:where(.active), .rcx-tag--secondary-warning.rcx-tag--clickable:where(.is-active) {
-  color: var(--rcx-link-active-color, var(--rcx-tag-colors-secondary-warning-color, var(--rcx-color-status-font-on-warning, #ac892f)));
+  color: var(--rcx-link-active-color, var(--rcx-tag-colors-secondary-warning-color, var(--rcx-color-status-font-on-warning, #895f00)));
 }
 .rcx-tag--secondary-warning.rcx-tag--clickable:hover {
   background-color: var(--rcx-tag-colors-secondary-warning-hover-background-color, var(--rcx-color-button-background-secondary-hover, #cbced1));
@@ -6320,6 +6664,9 @@ a:where(:active):where(:not(.rcx-button)), .rcx-tag--clickable:where(:active), .
   font-weight: 700;
   line-height: 1.25rem;
 }
+.rcx-tag--pill {
+  --rcx-tag-border-radius: var(--rcx-border-radius-full, 624.9375rem);
+}
 
 .rcx-throbber {
   display: flex;