@rocket.chat/fuselage 0.96.0 → 1.0.0-rc.1

package/dist/fuselage.development.css

@@ -44,10 +44,10 @@
 /**
  * Do not edit directly, this file was auto-generated.
  */
-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 {
+a:where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag--clickable.rcx-tag--clickable, .rcx-sidebar-item:not(.rcx-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-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 {
+a:focus-visible:where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag--clickable:focus-visible, .rcx-sidebar-item:focus-visible:not(.rcx-item), .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:not(.rcx-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:not(.rcx-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-item, .rcx-item__link)), .rcx-tag--
   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-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) {
+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):not(.rcx-item), .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):not(.rcx-item), .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-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) {
+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):not(.rcx-item), .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):not(.rcx-item), .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):not(.rcx-item), .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));
 }
 
@@ -219,16 +219,16 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 }
 .rcx-field__description li, .rcx-field__hint li, .rcx-field__error li, .rcx-field__link li, .rcx-states__link li, .rcx-box--with-inline-elements li {
   display: list-item;
-  margin-inline: 1.5rem 0.5rem;
+  margin-inline: 24px 8px;
 }
 .rcx-field__description li:first-child, .rcx-field__hint li:first-child, .rcx-field__error li:first-child, .rcx-field__link li:first-child, .rcx-states__link li:first-child, .rcx-box--with-inline-elements li:first-child {
-  margin-inline-start: 1rem;
+  margin-inline-start: 16px;
 }
 .rcx-field__description ul, .rcx-field__hint ul, .rcx-field__error ul, .rcx-field__link ul, .rcx-states__link ul, .rcx-box--with-inline-elements ul {
   list-style-type: disc;
 }
 .rcx-field__description ul span, .rcx-field__hint ul span, .rcx-field__error ul span, .rcx-field__link ul span, .rcx-states__link ul span, .rcx-box--with-inline-elements ul span {
-  margin-inline-end: 0.5rem;
+  margin-inline-end: 8px;
 }
 .rcx-field__description ul input, .rcx-field__hint ul input, .rcx-field__error ul input, .rcx-field__link ul input, .rcx-states__link ul input, .rcx-box--with-inline-elements ul input {
   vertical-align: middle;
@@ -238,7 +238,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 }
 .rcx-field__description code, .rcx-field__hint code, .rcx-field__error code, .rcx-field__link code, .rcx-states__link code, .rcx-box--with-inline-elements code {
   display: inline;
-  padding: 0.0625rem 0.25rem;
+  padding: 1px 4px;
   vertical-align: middle;
   white-space: pre-wrap;
   letter-spacing: inherit;
@@ -309,7 +309,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   inset-block-end: -0.25em;
 }
 .rcx-field__description kbd, .rcx-field__hint kbd, .rcx-field__error kbd, .rcx-field__link kbd, .rcx-states__link kbd, .rcx-box--with-inline-elements kbd {
-  padding: 0.25rem 0.5rem;
+  padding: 4px 8px;
   letter-spacing: inherit;
   border-width: 1px;
   border-style: solid;
@@ -376,7 +376,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 .rcx-box--with-block-elements h5,
 .rcx-box--with-block-elements h6 {
   display: block;
-  margin: 1rem 0;
+  margin: 16px 0;
 }
 .rcx-box--with-block-elements p {
   letter-spacing: 0rem;
@@ -384,14 +384,14 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   font-weight: 400;
   line-height: 1.25rem;
   display: block;
-  margin: 1rem 0;
+  margin: 16px 0;
   color: inherit;
 }
 .rcx-box--with-block-elements ul,
 .rcx-box--with-block-elements ol {
   display: block;
-  margin: 1rem 0;
-  padding-inline-start: 2.5rem;
+  margin: 16px 0;
+  padding-inline-start: 40px;
 }
 .rcx-box--with-block-elements ul {
   letter-spacing: 0rem;
@@ -409,13 +409,13 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 }
 .rcx-box--with-block-elements li {
   display: list-item;
-  margin-inline-start: 0rem;
+  margin-inline-start: 0px;
   text-align: inherit;
   color: inherit;
   font: inherit;
 }
 .rcx-box--with-block-elements li:first-child {
-  margin-inline-start: 0rem;
+  margin-inline-start: 0px;
 }
 .rcx-box--with-block-elements pre {
   letter-spacing: inherit;
@@ -425,8 +425,8 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 .rcx-box--with-block-elements pre code {
   display: block;
   overflow-y: hidden;
-  margin: 0.5rem 0;
-  padding: 0.5rem;
+  margin: 8px 0;
+  padding: 8px;
   letter-spacing: inherit;
 }
 
@@ -489,7 +489,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   display: flex;
   flex-flow: row nowrap;
   min-height: 5.5rem;
-  padding: calc(2rem - 1px) calc(0.5rem - 1px);
+  padding: 31px 7px;
   text-align: start;
   color: var(--rcx-color-font-titles-labels, #1f2329);
   border-width: 1px;
@@ -530,12 +530,12 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   visibility: hidden;
   overflow: hidden;
   height: 0;
-  padding: 0 0.5rem;
+  padding: 0 8px;
 }
 .rcx-accordion-item__panel--expanded {
   visibility: visible;
   height: auto;
-  padding: 2rem 0.5rem;
+  padding: 32px 8px;
 }
 
 .rcx-input-box__wrapper, .rcx-input-box:not(.rcx-input-box--undecorated), .rcx-input-box--small:not(.rcx-input-box--undecorated),
@@ -710,8 +710,8 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   align-items: flex-start;
   flex-grow: 1;
   min-width: 9rem;
-  padding-block: 0.5rem;
-  padding-inline: calc(1rem - 1px);
+  padding-block: 8px;
+  padding-inline: 15px;
   vertical-align: baseline;
   word-break: break-all;
   outline: 0;
@@ -727,6 +727,11 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   pointer-events: none;
 }
 
+.rcx-input-box__wrapper--end-addon-flush {
+  padding-block: 4px;
+  padding-inline-end: 4px;
+}
+
 .rcx-input-box__addon, .rcx-select__addon {
   cursor: pointer;
   outline: 0;
@@ -789,6 +794,9 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 *:disabled .rcx-input-box--type-date, .rcx-input-box--type-date:disabled, .rcx-input-box--type-date.disabled, *:disabled .rcx-input-box--type-time, .rcx-input-box--type-time:disabled, .rcx-input-box--type-time.disabled {
   -webkit-text-fill-color: var(--rcx-input-colors-disabled-color, var(--rcx-color-font-disabled, #cbced1));
 }
+.rcx-input-box--type-date::-webkit-datetime-edit, .rcx-input-box--type-date::-webkit-datetime-edit-fields-wrapper, .rcx-input-box--type-date::-webkit-datetime-edit-year-field, .rcx-input-box--type-date::-webkit-datetime-edit-month-field, .rcx-input-box--type-date::-webkit-datetime-edit-day-field, .rcx-input-box--type-date::-webkit-datetime-edit-hour-field, .rcx-input-box--type-date::-webkit-datetime-edit-minute-field, .rcx-input-box--type-date::-webkit-datetime-edit-second-field, .rcx-input-box--type-date::-webkit-datetime-edit-millisecond-field, .rcx-input-box--type-date::-webkit-datetime-edit-meridiem-field, .rcx-input-box--type-time::-webkit-datetime-edit, .rcx-input-box--type-time::-webkit-datetime-edit-fields-wrapper, .rcx-input-box--type-time::-webkit-datetime-edit-year-field, .rcx-input-box--type-time::-webkit-datetime-edit-month-field, .rcx-input-box--type-time::-webkit-datetime-edit-day-field, .rcx-input-box--type-time::-webkit-datetime-edit-hour-field, .rcx-input-box--type-time::-webkit-datetime-edit-minute-field, .rcx-input-box--type-time::-webkit-datetime-edit-second-field, .rcx-input-box--type-time::-webkit-datetime-edit-millisecond-field, .rcx-input-box--type-time::-webkit-datetime-edit-meridiem-field, .rcx-input-box--type-datetime-local::-webkit-datetime-edit, .rcx-input-box--type-datetime-local::-webkit-datetime-edit-fields-wrapper, .rcx-input-box--type-datetime-local::-webkit-datetime-edit-year-field, .rcx-input-box--type-datetime-local::-webkit-datetime-edit-month-field, .rcx-input-box--type-datetime-local::-webkit-datetime-edit-day-field, .rcx-input-box--type-datetime-local::-webkit-datetime-edit-hour-field, .rcx-input-box--type-datetime-local::-webkit-datetime-edit-minute-field, .rcx-input-box--type-datetime-local::-webkit-datetime-edit-second-field, .rcx-input-box--type-datetime-local::-webkit-datetime-edit-millisecond-field, .rcx-input-box--type-datetime-local::-webkit-datetime-edit-meridiem-field {
+  padding-block: 0;
+}
 @supports (-moz-orient: inline) {
   .rcx-input-box--type-date + .rcx-input-box__addon, .rcx-input-box--type-date + .rcx-select__addon {
     display: none;
@@ -806,13 +814,21 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 .rcx-input-box:not(.rcx-input-box--undecorated) {
   min-width: 8rem;
   min-height: 2.5rem;
-  padding: 0.5rem calc(1rem - 1px);
+  padding: 8px 15px;
+}
+.rcx-input-box__wrapper:has(> .rcx-input-box) {
+  align-items: center;
+  min-height: 2.5rem;
+}
+.rcx-input-box__wrapper:has(> .rcx-input-box--type-textarea) {
+  align-items: flex-start;
 }
 .rcx-input-box__wrapper:has(.rcx-input-box--small) {
   align-items: center;
   min-width: 7rem;
+  min-height: 1.75rem;
   max-height: 1.75rem;
-  padding: 0.25rem 0.5rem;
+  padding: 4px 8px;
 }
 .rcx-input-box--small {
   letter-spacing: 0rem;
@@ -823,7 +839,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 .rcx-input-box--small:not(.rcx-input-box--undecorated) {
   min-width: 7rem;
   min-height: 1.75rem;
-  padding: 0.25rem 0.5rem;
+  padding: 4px 8px;
 }
 .rcx-input-box {
   color: var(--rcx-input-colors-color, var(--rcx-color-font-titles-labels, #1f2329));
@@ -950,7 +966,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   flex: 1 0 0;
   min-width: 8rem;
   min-height: 2.5rem;
-  padding: calc(0.75rem - 1px) calc(1rem - 1px);
+  padding: 11px 15px;
   vertical-align: baseline;
   color: var(--rcx-input-colors-color, var(--rcx-color-font-titles-labels, #1f2329));
   border-width: 1px;
@@ -1008,6 +1024,15 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 .rcx-select__addon {
   padding: initial;
 }
+.rcx-select__filter {
+  margin-inline: 4px;
+}
+.rcx-select__chip {
+  max-width: 9.375rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .rcx-select__wrapper {
   align-items: center;
   flex-grow: 1;
@@ -1070,6 +1095,18 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   color: var(--rcx-input-colors-invalid-disabled-color, var(--rcx-color-font-disabled, #cbced1));
 }
 
+.rcx-select > .rcx-icon, .rcx-autocomplete > .rcx-icon {
+  color: var(--rcx-color-font-titles-labels, #1f2329);
+}
+
+.rcx-select .rcx-select__addon, .rcx-autocomplete .rcx-select__addon {
+  margin-inline: 4px;
+}
+
+.rcx-autocomplete__input {
+  order: 1;
+}
+
 .rcx-avatar {
   display: inline-flex;
   vertical-align: middle;
@@ -1193,7 +1230,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   background-color: var(--rcx-avatar-background-color, var(--rcx-color-surface-light, #ffffff));
 }
 .rcx-avatar-stack > .rcx-avatar {
-  margin: auto -0.125rem;
+  margin: auto -2px;
 }
 .rcx-avatar-stack > .rcx-avatar > .rcx-avatar__element {
   border: 1px solid transparent;
@@ -1207,7 +1244,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   width: fit-content;
   min-width: 1rem;
   min-height: 1rem;
-  padding: 0.125rem 0.25rem;
+  padding: 2px 4px;
   text-align: center;
   white-space: nowrap;
   text-decoration: none;
@@ -1419,6 +1456,9 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 .rcx-bubble__button:active > *:not([role=false]), .rcx-bubble__button.active > *:not([role=false]), .rcx-bubble__button.is-active > *:not([role=false]) {
   transform: translateY(1px);
 }
+.rcx-bubble__item > .rcx-icon {
+  margin-inline-end: 8px;
+}
 .rcx-bubble__item--primary {
   color: var(--rcx-button-primary-color, var(--rcx-color-button-font-on-primary, #ffffff));
   background-color: var(--rcx-button-primary-background-color, var(--rcx-color-button-background-primary-default, #156ff5));
@@ -1436,10 +1476,10 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   justify-content: center;
   align-items: center;
   height: 1.75rem;
-  padding-inline: 0.5rem;
+  padding-inline: 8px;
   border-radius: var(--rcx-border-radius-extra-large, 1.25rem);
-  -moz-column-gap: 0.25rem;
-       column-gap: 0.25rem;
+  -moz-column-gap: 4px;
+       column-gap: 4px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -1450,7 +1490,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   white-space: nowrap;
 }
 .rcx-bubble:not(.rcx-bubble__group) .rcx-bubble__button:has(> .rcx-icon), .rcx-bubble:not(.rcx-bubble__group) .rcx-bubble__item:has(> .rcx-icon) {
-  padding-inline-end: 0.75rem;
+  padding-inline-end: 12px;
 }
 .rcx-bubble--small .rcx-bubble__button, .rcx-bubble--small .rcx-bubble__item {
   letter-spacing: 0rem;
@@ -1485,6 +1525,9 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.rcx-button .rcx-button__icon {
+  margin-inline-end: 4px;
+}
 .rcx-button {
   cursor: pointer;
   outline: 0;
@@ -1501,9 +1544,9 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   text-overflow: ellipsis;
   min-width: 5rem;
   height: 2.5rem;
-  padding: calc(0.625rem - 2px) calc(1rem - 2px);
+  padding: calc(0.625rem - 2px) 14px;
   padding-block: calc(0.625rem - 2px);
-  padding-inline: calc(1rem - 2px);
+  padding-inline: 14px;
   color: var(--rcx-button-secondary-color, var(--rcx-color-button-font-on-secondary, #1f2329));
   border-width: var(--rcx-button-border-width, 1px);
   border-style: solid;
@@ -1547,9 +1590,9 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   line-height: 1rem;
   min-width: 3.5rem;
   height: 1.75rem;
-  padding: calc(0.375rem - 2px) calc(0.5rem - 2px);
+  padding: calc(0.375rem - 2px) 6px;
   padding-block: calc(0.375rem - 2px);
-  padding-inline: calc(0.5rem - 2px);
+  padding-inline: 6px;
 }
 .rcx-button--medium {
   letter-spacing: 0rem;
@@ -1558,9 +1601,9 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   line-height: 1rem;
   min-width: 4rem;
   height: 2rem;
-  padding: calc(0.5rem - 2px) calc(0.75rem - 2px);
+  padding: calc(0.5rem - 2px) 10px;
   padding-block: calc(0.5rem - 2px);
-  padding-inline: calc(0.75rem - 2px);
+  padding-inline: 10px;
 }
 .rcx-button--large {
   letter-spacing: 0rem;
@@ -1569,9 +1612,12 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   line-height: 1.25rem;
   min-width: 6rem;
   height: 3rem;
-  padding: calc(0.875rem - 2px) calc(1.5rem - 2px);
+  padding: calc(0.875rem - 2px) 22px;
   padding-block: calc(0.875rem - 2px);
-  padding-inline: calc(1.5rem - 2px);
+  padding-inline: 22px;
+}
+.rcx-button--compact {
+  min-width: 4ch;
 }
 .rcx-button--square {
   width: 2.5rem;
@@ -1599,10 +1645,17 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   inset-block-start: 0;
   inset-inline-end: 0;
   display: flex;
-  transform: translate(30%, -30%);
+  translate: 30% -30%;
 }
 .rcx-button__badge:dir(rtl) {
-  transform: translate(-30%, -30%);
+  translate: -30% -30%;
+}
+.rcx-button__badge--bottom-end {
+  inset-block: auto 0;
+  translate: 30% 30%;
+}
+.rcx-button__badge--bottom-end:dir(rtl) {
+  translate: -30% 30%;
 }
 .rcx-button--icon {
   color: var(--rcx-color-button-icon-color, var(--rcx-button-secondary-color, var(--rcx-color-button-font-on-secondary, #1f2329)));
@@ -2312,13 +2365,13 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   flex-flow: row nowrap;
   justify-content: flex-start;
   align-items: center;
-  gap: 0.5rem;
+  gap: 8px;
 }
 .rcx-button-group--small {
-  gap: 0.25rem;
+  gap: 4px;
 }
 .rcx-button-group--large {
-  gap: 1rem;
+  gap: 16px;
 }
 .rcx-button-group--wrap {
   flex-wrap: wrap;
@@ -2330,6 +2383,12 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 .rcx-button-group--stretch > * {
   flex-grow: 1;
 }
+.rcx-button-group--stretch > .rcx-button--square {
+  flex: 0 0 auto;
+}
+.rcx-button-group--stretch-equal > * {
+  flex-basis: 0;
+}
 .rcx-button-group--vertical {
   flex-direction: column;
 }
@@ -2345,7 +2404,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 
 .rcx-callout {
   display: flex;
-  padding: 0.75rem;
+  padding: 12px;
   color: var(--rcx-callout-text-color, var(--rcx-color-font-default, #2f343d));
   border-width: 1px;
   border-style: solid;
@@ -2381,10 +2440,10 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   overflow: hidden;
   justify-content: space-between;
   flex: 1 1 0;
-  margin-inline-start: 0.75rem;
+  margin-inline-start: 12px;
 }
 .rcx-callout__wrapper > :nth-child(2) {
-  margin-block-start: 0.75rem;
+  margin-block-start: 12px;
 }
 .rcx-callout__wrapper--large {
   display: flex;
@@ -2393,7 +2452,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   align-items: center;
 }
 .rcx-callout__wrapper--large > :nth-child(2) {
-  margin-block-start: 0rem;
+  margin-block-start: 0px;
 }
 .rcx-callout__wrapper-content {
   display: flex;
@@ -2401,7 +2460,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   flex-flow: column nowrap;
 }
 .rcx-callout__wrapper-content > :nth-child(2) {
-  margin-block-start: 0.25rem;
+  margin-block-start: 4px;
 }
 .rcx-callout__title {
   white-space: nowrap;
@@ -2432,7 +2491,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   background-color: var(--rcx-color-surface-hover, #f2f3f5);
 }
 .rcx-card__header, .rcx-card__title, .rcx-card__controls, .rcx-card__body, .rcx-card__row, .rcx-card__col {
-  gap: 0.5rem;
+  gap: 8px;
 }
 .rcx-card__col {
   display: flex;
@@ -2444,28 +2503,41 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 }
 .rcx-card__horizontal {
   align-items: center;
-  padding: 0.75rem;
-  gap: 1rem;
+  padding: 12px;
+  gap: 16px;
 }
 .rcx-card__horizontal--wrap {
   flex-wrap: wrap;
 }
 .rcx-card__horizontal .rcx-card__col {
-  row-gap: 0.25rem;
+  row-gap: 4px;
 }
 .rcx-card__vertical {
   flex-direction: column;
-  padding: 1.25rem;
-  gap: 1.5rem;
+  padding: 20px;
+  gap: 24px;
 }
 .rcx-card__hero {
-  padding: 1.75rem;
+  padding: 28px;
 }
 .rcx-card__title, .rcx-card__row, .rcx-card__header, .rcx-card__controls {
   display: flex;
   align-items: center;
 }
 
+.rcx-grid.rcx-card-grid {
+  margin: -8px;
+}
+
+.rcx-card-grid__item {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+}
+
+.rcx-grid__item.rcx-card-grid__item {
+  padding: 8px;
+}
+
 .rcx-card-group {
   display: flex;
   flex-flow: row nowrap;
@@ -2474,7 +2546,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 }
 .rcx-card-group--wrap {
   flex-wrap: wrap;
-  margin-block-end: -1rem;
+  margin-block-end: -16px;
 }
 .rcx-card-group--stretch {
   justify-content: stretch;
@@ -2494,7 +2566,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 }
 
 .rcx-card-group__item {
-  margin-inline: 0.5rem;
+  margin-inline: 8px;
 }
 .rcx-card-group__item:first-of-type {
   margin-inline-start: 0;
@@ -2503,14 +2575,14 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   margin-inline-end: 0;
 }
 .rcx-card-group--wrap > .rcx-card-group__item {
-  margin-block-end: 1rem;
-  margin-inline: 0.5rem 0.5rem;
+  margin-block-end: 16px;
+  margin-inline: 8px 8px;
 }
 .rcx-card-group--stretch > .rcx-card-group__item {
   flex-grow: 1;
 }
 .rcx-card-group--vertical .rcx-card-group__item {
-  margin-block: 0.25rem;
+  margin-block: 4px;
   margin-inline: 0;
 }
 .rcx-card-group--vertical .rcx-card-group__item:first-child {
@@ -2748,6 +2820,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   display: flex;
   overflow: hidden;
   align-items: center;
+  height: 1.75rem;
   min-height: 1.75rem;
   border-width: 0;
 }
@@ -2756,6 +2829,13 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   border-color: var(--rcx-button-secondary-border-color, var(--rcx-color-button-background-secondary-default, #e4e7ea));
   background-color: var(--rcx-button-secondary-background-color, var(--rcx-color-button-background-secondary-default, #e4e7ea));
 }
+.rcx-chip--small {
+  height: 1.25rem;
+  min-height: 1.25rem;
+}
+.rcx-chip--label {
+  text-transform: uppercase;
+}
 .rcx-chip__text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2772,25 +2852,22 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   align-items: center;
   width: 100%;
   min-height: 3.75rem;
-  padding: 1rem;
+  padding: 16px;
   color: var(--rcx-color-font-default, #2f343d);
   border-radius: var(--rcx-code-snippet-border-radius, var(--rcx-border-radius-medium, 0.25rem));
   background-color: var(--rcx-color-surface-neutral, #e4e7ea);
 }
 .rcx-code-snippet__codebox {
-  margin-right: 0.5rem;
+  margin-right: 8px;
   white-space: pre-line;
   word-break: break-all;
   font-family: monospace;
 }
 
 .rcx-divider {
-  margin-block: 0.5rem;
+  margin-block: 8px;
   border-top: var(--rcx-divider-size, 1px) solid var(--rcx-divider-color, var(--rcx-color-stroke-extra-light, #ebecef));
 }
-.rcx-divider--danger {
-  border-color: var(--rcx-color-stroke-error, #ec0d2a);
-}
 .rcx-divider__bar {
   display: flex;
   justify-content: flex-end;
@@ -2803,16 +2880,36 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   border: var(--rcx-divider-size, 1px) solid var(--rcx-divider-color, var(--rcx-color-stroke-extra-light, #ebecef));
 }
 .rcx-divider__wrapper {
-  margin-block: 0.5rem;
-  padding-inline: 0.5rem;
+  margin-block: 8px;
+  padding-inline: 8px;
 }
 .rcx-divider--vertical {
   width: 0;
   height: 1.25rem;
   margin-block: 0;
-  margin-inline: 0.5rem;
+  margin-inline: 8px;
   border-left: var(--rcx-divider-size, 1px) solid var(--rcx-divider-color, var(--rcx-color-stroke-extra-light, #ebecef));
 }
+.rcx-divider--danger {
+  border-color: var(--rcx-color-stroke-error, #ec0d2a);
+}
+.rcx-divider--light {
+  border-color: var(--rcx-color-stroke-light, #cbced1);
+}
+.rcx-divider--small {
+  margin-inline: 4px;
+}
+.rcx-divider--stretch {
+  align-self: stretch;
+  height: auto;
+}
+.rcx-divider.rcx-divider--flush {
+  margin: 0;
+}
+
+.rcx-message-divider.rcx-divider--labelled {
+  padding-inline: 0;
+}
 
 .rcx-dropdown-enter {
   transform: translate3d(0, -1rem, 0);
@@ -2849,8 +2946,8 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   font-weight: 500;
   line-height: 1.25rem;
   align-self: flex-start;
-  margin-block: 0.125rem;
-  margin-inline-end: 0.5rem;
+  margin-block: 2px;
+  margin-inline-end: 8px;
   color: var(--rcx-color-font-default, #2f343d);
 }
 .rcx-field__description {
@@ -2858,7 +2955,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25rem;
-  margin-block: 0.125rem;
+  margin-block: 2px;
   color: var(--rcx-color-font-secondary-info, #6c737a);
 }
 .rcx-field__row {
@@ -2866,15 +2963,18 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   flex-flow: row nowrap;
   justify-content: space-between;
   align-items: center;
-  margin-block: 0.25rem 0.125rem;
+  margin-block: 4px 2px;
   color: var(--rcx-color-font-secondary-info, #6c737a);
 }
+.rcx-field__row--justify-end {
+  justify-content: flex-end;
+}
 .rcx-field__hint {
   letter-spacing: 0rem;
   font-size: 0.75rem;
   font-weight: 400;
   line-height: 1rem;
-  margin-block: 0.125rem;
+  margin-block: 2px;
   color: var(--rcx-color-font-secondary-info, #6c737a);
 }
 .rcx-field__error {
@@ -2882,7 +2982,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   font-size: 0.75rem;
   font-weight: 400;
   line-height: 1rem;
-  margin-block: 0.125rem;
+  margin-block: 2px;
   color: var(--rcx-color-font-danger, #d40c26);
 }
 .rcx-field__link {
@@ -2890,7 +2990,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   font-size: 0.75rem;
   font-weight: 400;
   line-height: 1rem;
-  margin-block: 0.125rem;
+  margin-block: 2px;
   color: var(--rcx-color-font-info, #095ad2);
 }
 
@@ -2907,7 +3007,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   width: 100%;
 }
 .rcx-field-group__item + .rcx-field-group__item {
-  margin-block-start: 1.5rem;
+  margin-block-start: 24px;
 }
 
 .rcx-framed-icon {
@@ -2915,7 +3015,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 1.25rem;
-  padding: 0.25rem;
+  padding: 4px;
   color: var(--rcx-color-font-secondary-info, #6c737a);
   border-radius: var(--rcx-border-radius-medium, 0.25rem);
   background-color: var(--rcx-color-surface-tint, #f7f8fa);
@@ -3764,6 +3864,7 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
 
 .rcx-icon {
   display: inline-block;
+  flex-shrink: 0;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -3787,11 +3888,11 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   container: rcx-item-group/inline-size;
 }
 .rcx-item-group + .rcx-item-group {
-  margin-block-start: 0.5rem;
+  margin-block-start: 8px;
 }
 
 .rcx-item {
-  --rcx-item-gap: 0.25rem;
+  --rcx-item-gap: 4px;
   --rcx-item-inset-inline: 0;
   position: relative;
   display: flex;
@@ -3799,8 +3900,8 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   box-sizing: border-box;
   min-width: 0;
   margin: 0;
-  padding-block: 0.25rem;
-  padding-inline: 0.25rem;
+  padding-block: 4px;
+  padding-inline: 4px;
   list-style: none;
   text-align: start;
   text-decoration: none;
@@ -3820,37 +3921,31 @@ a:where(:active):where(:not(.rcx-button, .rcx-item, .rcx-item__link)), .rcx-tag-
   margin-inline-end: var(--rcx-item-inset-inline);
 }
 .rcx-item--inset-sm {
-  --rcx-item-inset-inline: 0.25rem;
+  --rcx-item-inset-inline: 4px;
 }
 .rcx-item--inset-md {
-  --rcx-item-inset-inline: 0.5rem;
+  --rcx-item-inset-inline: 8px;
 }
 .rcx-item--inset-lg {
-  --rcx-item-inset-inline: 1.25rem;
+  --rcx-item-inset-inline: 20px;
 }
 .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)) {
+  --rcx-item-gap: 8px;
+}
+.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 {
+.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;
+.rcx-item:focus-visible:not(.rcx-item--focus-managed), .rcx-item:has(.rcx-item__link:focus-visible), .rcx-item.rcx-item--focus-visible {
+  outline: 2px solid transparent;
+  outline-offset: calc(-1 * 2px);
   box-shadow: inset 0 0 0 2px var(--rcx-item-color-stroke-focus, var(--rcx-color-stroke-highlight, #156ff5));
 }
+.rcx-item--focus-managed:focus {
+  outline: 0;
+}
 .rcx-item.rcx-item--focused {
   background-color: var(--rcx-item-color-surface-hover, var(--rcx-color-surface-hover, #f2f3f5));
 }
@@ -3870,6 +3965,7 @@ button,
   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 {
+  margin-inline-start: 0;
   opacity: 1;
   grid-template-columns: 1fr;
 }
@@ -3901,10 +3997,11 @@ button,
   min-width: 0;
 }
 .rcx-item__row {
+  --rcx-item-gap: 4px;
   display: flex;
   align-items: center;
   min-width: 0;
-  gap: 0.25rem;
+  gap: var(--rcx-item-gap);
 }
 .rcx-item__title {
   overflow: hidden;
@@ -3927,7 +4024,7 @@ button,
 }
 .rcx-item__description--inline {
   display: inline;
-  margin-inline-start: 0.25rem;
+  margin-inline-start: 4px;
 }
 .rcx-item__meta {
   flex: none;
@@ -3938,6 +4035,12 @@ button,
   font-weight: 400;
   line-height: 1rem;
 }
+.rcx-item__meta--truncate {
+  overflow: hidden;
+  flex: 0 1 auto;
+  min-width: 0;
+  text-overflow: ellipsis;
+}
 .rcx-item__link {
   display: block;
   overflow: hidden;
@@ -3967,11 +4070,11 @@ button,
   display: flex;
   align-items: center;
   flex: none;
-  gap: 0.125rem;
+  gap: 2px;
 }
 .rcx-item__actions--reveal-hover {
   display: grid;
-  transition: grid-template-columns 0.18s ease, opacity 0.18s ease;
+  transition: grid-template-columns 0.18s ease, margin-inline-start 0.18s ease, opacity 0.18s ease;
   opacity: 0;
   grid-template-columns: 0fr;
 }
@@ -3985,10 +4088,11 @@ button,
   overflow: hidden;
   align-items: center;
   min-width: 0;
-  gap: 0.125rem;
+  gap: 2px;
 }
 
 .rcx-item-group-header {
+  --rcx-item-gap: 4px;
   --rcx-item-inset-inline: 0;
   position: relative;
   display: flex;
@@ -3997,12 +4101,12 @@ button,
   min-width: 0;
   min-height: 1.75rem;
   margin: 0;
-  padding: 0.25rem;
+  padding: 4px;
   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;
+  gap: var(--rcx-item-gap);
   letter-spacing: 0rem;
   font-size: 0.75rem;
   font-weight: 700;
@@ -4015,13 +4119,13 @@ button,
   margin-inline-end: var(--rcx-item-inset-inline);
 }
 .rcx-item-group-header--inset-sm {
-  --rcx-item-inset-inline: 0.25rem;
+  --rcx-item-inset-inline: 4px;
 }
 .rcx-item-group-header--inset-md {
-  --rcx-item-inset-inline: 0.5rem;
+  --rcx-item-inset-inline: 8px;
 }
 .rcx-item-group-header--inset-lg {
-  --rcx-item-inset-inline: 1.25rem;
+  --rcx-item-inset-inline: 20px;
 }
 .rcx-item-group-header--sticky {
   position: sticky;
@@ -4033,13 +4137,18 @@ button,
   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;
+  outline: 2px solid transparent;
+  outline-offset: calc(-1 * 2px);
   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 {
+  margin-inline-start: 0;
   opacity: 1;
   grid-template-columns: 1fr;
 }
+.rcx-item-group-header:focus-within .rcx-item__actions-inner {
+  overflow: visible;
+}
 .rcx-item-group-header .rcx-item__meta {
   font-weight: 400;
 }
@@ -4063,7 +4172,7 @@ button,
   border: 0;
   outline: 0;
   background: none;
-  gap: 0.25rem;
+  gap: 4px;
 }
 .rcx-item-group-title:is(button)::after {
   position: absolute;
@@ -4076,19 +4185,19 @@ button,
   --rcx-item-inset-inline: 0;
   display: block;
   margin: 0;
-  padding-block: 0.25rem;
+  padding-block: 4px;
   padding-inline: 0;
   list-style: none;
   border: 0;
 }
 .rcx-item-divider--inset-sm {
-  --rcx-item-inset-inline: 0.25rem;
+  --rcx-item-inset-inline: 4px;
 }
 .rcx-item-divider--inset-md {
-  --rcx-item-inset-inline: 0.5rem;
+  --rcx-item-inset-inline: 8px;
 }
 .rcx-item-divider--inset-lg {
-  --rcx-item-inset-inline: 1.25rem;
+  --rcx-item-inset-inline: 20px;
 }
 .rcx-item-divider::before {
   display: block;
@@ -4096,14 +4205,14 @@ button,
   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));
+  margin-inline: calc(4px + 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-inset-inline: 12px;
   }
   .rcx-item__description--inline {
     display: block;
@@ -4112,12 +4221,23 @@ button,
 }
 @media (pointer: coarse) {
   .rcx-item {
-    padding-block: 0.5rem;
+    padding-block: 8px;
   }
 }
+:where(.rcx-item, .rcx-item__row, .rcx-item-group-header) > .rcx-item__actions--reveal-hover {
+  margin-inline-start: calc(var(--rcx-item-gap) * -1);
+}
+
+.rcx-item__row > .rcx-item__actions--reveal-hover,
+.rcx-sidebar-item .rcx-item__row > .rcx-item__actions {
+  align-content: center;
+  block-size: 0;
+}
+
 @media (hover: none) {
   .rcx-item .rcx-item__actions--reveal-hover,
   .rcx-item-group-header .rcx-item__actions--reveal-hover {
+    margin-inline-start: 0;
     opacity: 1;
     grid-template-columns: 1fr;
   }
@@ -4144,6 +4264,20 @@ button,
   color: var(--rcx-color-font-danger, #d40c26);
 }
 
+.rcx-menu-item--with-description {
+  flex-wrap: wrap;
+}
+.rcx-menu-item__description {
+  flex-basis: 100%;
+  white-space: normal;
+  word-break: break-word;
+  color: var(--rcx-color-font-secondary-info, #6c737a);
+  letter-spacing: 0rem;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+}
+
 .rcx-message-divider {
   letter-spacing: 0rem;
   font-size: 0.75rem;
@@ -4153,8 +4287,8 @@ button,
   z-index: 1;
   display: flex;
   align-items: center;
-  margin-bottom: var(--rcx-message-divider-size-neg, -0.0625rem);
-  padding-inline: 1.25rem;
+  margin-bottom: var(--rcx-message-divider-size-neg, -1px);
+  padding-inline: 20px;
   color: var(--rcx-message-divider-color, var(--rcx-color-font-default, #2f343d));
 }
 .rcx-message-divider__bar {
@@ -4173,15 +4307,15 @@ button,
   background: var(--rcx-message-divider-background-color-unread, var(--rcx-color-stroke-error, #ec0d2a));
 }
 .rcx-message-divider__wrapper {
-  margin-block: 0.5rem;
-  padding-inline: 0.5rem;
+  margin-block: 8px;
+  padding-inline: 8px;
   background-color: var(--rcx-message-background-color, var(--rcx-color-surface-room, #ffffff));
 }
 .rcx-message-divider__wrapper--unread {
   position: absolute;
   z-index: 1;
   order: 1;
-  padding-inline-start: 0.5rem;
+  padding-inline-start: 8px;
   color: var(--rcx-message-divider-color-unread, var(--rcx-color-font-danger, #d40c26));
   background-color: var(--rcx-message-background-color, var(--rcx-color-surface-room, #ffffff));
 }
@@ -4209,8 +4343,8 @@ button,
   flex-direction: column;
   justify-content: center;
   flex-grow: 1;
-  padding-block: 0.5rem;
-  padding-inline: 1rem;
+  padding-block: 8px;
+  padding-inline: 16px;
 }
 .rcx-message-generic-preview__preview {
   display: inline-block;
@@ -4232,7 +4366,7 @@ button,
   font-weight: 400;
   line-height: 1.25rem;
   display: block;
-  margin-block-end: 0.25rem;
+  margin-block-end: 4px;
   color: var(--rcx-message-generic-preview-title-color, var(--rcx-color-font-default, #2f343d));
 }
 .rcx-message-generic-preview__title-link {
@@ -4252,7 +4386,7 @@ button,
   font-size: 0.75rem;
   font-weight: 400;
   line-height: 1rem;
-  margin-block-end: 0.25rem;
+  margin-block-end: 4px;
   white-space: normal;
   color: var(--rcx-message-generic-preview-description-color, var(--rcx-color-font-default, #2f343d));
 }
@@ -4311,8 +4445,9 @@ button,
   align-self: center;
   width: 3rem;
   height: 3.25rem;
-  margin-block: 0.75rem;
-  margin-inline-start: 1rem;
+  margin-block: 12px;
+  margin-inline-start: 16px;
+  color: var(--rcx-color-font-default, #2f343d);
   border-radius: var(--rcx-border-radius-medium, 0.25rem);
   background-color: var(--rcx-message-generic-preview-icon-background-color, var(--rcx-color-surface-neutral, #e4e7ea));
 }
@@ -4330,14 +4465,14 @@ button,
 
 .rcx-message-metrics__content, .rcx-message-metrics__content-item {
   display: flex;
-  margin-block: 0.25rem;
+  margin-block: 4px;
 }
 .rcx-message-metrics__content + .rcx-message-metrics__content, .rcx-message-metrics__content + .rcx-message-metrics__content-item, .rcx-message-metrics__content-item + .rcx-message-metrics__content, .rcx-message-metrics__content-item + .rcx-message-metrics__content-item {
-  margin-inline-start: 0.25rem;
+  margin-inline-start: 4px;
 }
 .rcx-message-metrics__content-wrapper {
   display: flex;
-  margin-inline: -0.25rem;
+  margin-inline: -4px;
 }
 .rcx-message-metrics__item {
   letter-spacing: 0rem;
@@ -4347,11 +4482,15 @@ button,
   display: flex;
   justify-content: center;
   align-items: center;
-  margin-inline: 0.25rem;
+  margin-inline: 4px;
   color: var(--rcx-color-font-default, #2f343d);
 }
 .rcx-message-metrics__item-label {
-  margin-inline-start: 0.25rem;
+  margin-inline-start: 4px;
+}
+.rcx-message-metrics__item__follow {
+  position: relative;
+  overflow: visible;
 }
 .rcx-message-metrics__item__follow-badge {
   position: absolute;
@@ -4362,17 +4501,17 @@ button,
 .rcx-message-metrics__avatar-row {
   display: flex;
   flex-direction: row;
-  margin-inline: -0.125rem;
+  margin-inline: -2px;
 }
 .rcx-message-metrics__avatar-row__content {
-  margin-inline: 0.125rem;
+  margin-inline: 2px;
 }
 
 .rcx-message-reactions__container {
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
-  margin: -0.125rem;
+  margin: -2px;
 }
 .rcx-message-reactions__reaction {
   letter-spacing: 0rem;
@@ -4381,8 +4520,8 @@ button,
   line-height: 1rem;
   display: inline-flex;
   align-items: center;
-  margin: 0.125rem;
-  padding: 0.125rem;
+  margin: 2px;
+  padding: 2px;
   cursor: pointer;
   color: var(--rcx-color-font-hint, #6c737a);
   border: 1px solid var(--rcx-color-stroke-light, #cbced1);
@@ -4402,15 +4541,15 @@ button,
 }
 .rcx-message-reactions__reaction--action {
   /**
-   ** This is a hack to get focus within only for keyboard.
-   ** :has pseudo class are not stable on some Firefox versions
-  **/
+    ** This is a hack to get focus within only for keyboard.
+    ** :has pseudo class are not stable on some Firefox versions
+   **/
 }
 .rcx-message:has(:focus-visible) .rcx-message-reactions__reaction--action {
   opacity: 1;
 }
 .rcx-message-reactions__reaction--action {
-  padding: 0.125rem;
+  padding: 2px;
 }
 .rcx-message-reactions__reaction--mine {
   color: var(--rcx-message-reaction-color, var(--rcx-color-font-default, #2f343d));
@@ -4445,11 +4584,11 @@ button,
   font-size: 0.75rem;
   font-weight: 400;
   line-height: 1rem;
-  margin-inline: 0.125rem;
+  margin-inline: 2px;
 }
 
 .rcx-message-status-indicator {
-  margin-block: 0.125rem;
+  margin-block: 2px;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -4492,9 +4631,9 @@ button,
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  margin-inline: 0.125rem;
-  padding-block: 0.5rem;
-  padding-inline: 1.25rem;
+  margin-inline: 2px;
+  padding-block: 8px;
+  padding-inline: 20px;
   color: var(--rcx-color-font-default, #2f343d);
 }
 .rcx-message-system--selected {
@@ -4509,7 +4648,7 @@ button,
   flex-shrink: 1;
   align-self: center;
   width: 100%;
-  margin-block: -0.25rem;
+  margin-block: -4px;
 }
 .rcx-message-system__body {
   letter-spacing: 0rem;
@@ -4519,7 +4658,7 @@ button,
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-inline: 0.125rem;
+  margin-inline: 2px;
 }
 .rcx-message-system__name {
   letter-spacing: 0rem;
@@ -4541,7 +4680,7 @@ button,
   font-weight: 400;
   line-height: 1rem;
   flex-shrink: 0;
-  margin-inline: 0.125rem;
+  margin-inline: 2px;
   color: var(--rcx-color-font-secondary-info, #6c737a);
 }
 .rcx-message-system__block {
@@ -4563,14 +4702,17 @@ button,
 }
 
 .rcx-message-toolbar {
-  margin-inline: 1.25rem;
-  padding: 0.125rem;
+  margin-inline: 20px;
+  padding: 2px;
   border: 1px solid var(--rcx-color-stroke-extra-light, #ebecef);
   border-radius: var(--rcx-message-toolbar-border-radius, var(--rcx-border-radius-medium, 0.25rem));
   background: var(--rcx-color-surface-room, #ffffff);
 }
 .rcx-message-toolbar__wrapper {
   display: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
 }
 .rcx-message:hover .rcx-message-toolbar__wrapper, .rcx-message:focus-within .rcx-message-toolbar__wrapper {
   display: inline-block;
@@ -4590,9 +4732,9 @@ button,
 }
 .rcx-message-toolbar {
   /**
-   ** This is a hack to get focus within only for keyboard.
-   ** :has pseudo class are not stable on some Firefox versions
-  **/
+    ** This is a hack to get focus within only for keyboard.
+    ** :has pseudo class are not stable on some Firefox versions
+   **/
 }
 .rcx-message:has(:focus-visible) .rcx-message-toolbar {
   opacity: 1;
@@ -4625,7 +4767,7 @@ button,
   display: flex;
   flex-shrink: 1;
   width: 100%;
-  margin: 0.25rem;
+  margin: 4px;
 }
 .rcx-message-thread__row {
   overflow: hidden;
@@ -4674,7 +4816,7 @@ button,
 }
 .rcx-message-thread__emoji {
   display: inline-block;
-  margin-inline: 0.125rem;
+  margin-inline: 2px;
   background-size: contain;
   font-size: 0.75rem;
   line-height: 0.5rem;
@@ -4683,11 +4825,11 @@ button,
 }
 
 .rcx-message-header__role, .rcx-message-header__name-container, .rcx-message-header__time {
-  margin-inline: 0.125rem;
+  margin-inline: 2px;
 }
 
-.rcx-message-block, .rcx-message-body, .rcx-message-header {
-  margin-block: 0.125rem;
+.rcx-message-block, .rcx-message-header {
+  margin-block: 2px;
 }
 
 .rcx-message-container {
@@ -4696,8 +4838,8 @@ button,
   flex-grow: 1;
   flex-shrink: 1;
   min-width: 1px;
-  margin-block: -0.125rem;
-  margin-inline: 0.25rem;
+  margin-block: -2px;
+  margin-inline: 4px;
 }
 .rcx-message-container--fixed {
   align-items: center;
@@ -4710,16 +4852,16 @@ button,
   flex-grow: 0;
   flex-shrink: 0;
   width: 2.25rem;
-  margin-block: -0.125rem;
+  margin-block: -2px;
 }
 .rcx-message {
   position: relative;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  margin-inline: 0.125rem;
-  padding-block: 0.5rem 0.25rem;
-  padding-inline: 1.25rem;
+  margin-inline: 2px;
+  padding-block: 8px 4px;
+  padding-inline: 20px;
 }
 .rcx-message:hover {
   background-color: var(--rcx-message-background-color-hover, var(--rcx-color-surface-hover, #f2f3f5));
@@ -4750,7 +4892,7 @@ button,
   opacity: 0.4;
 }
 .rcx-message--sequential {
-  padding-block: 0.25rem;
+  padding-block: 4px;
 }
 @keyframes background-fade {
   50% {
@@ -4777,8 +4919,8 @@ button,
   flex-grow: 1;
   flex-shrink: 1;
   min-width: 1px;
-  margin-block: -0.25rem;
-  margin-inline: -0.125rem;
+  margin-block: -4px;
+  margin-inline: -2px;
 }
 .rcx-message-header__time {
   overflow: hidden;
@@ -4850,7 +4992,7 @@ button,
   white-space: nowrap;
 }
 .rcx-message-header + .rcx-message-block {
-  margin-block-start: 0.25rem;
+  margin-block-start: 4px;
 }
 .rcx-message-body {
   letter-spacing: 0rem;
@@ -4859,6 +5001,7 @@ button,
   line-height: 1.25rem;
   overflow: hidden;
   flex-shrink: 1;
+  padding-block: 2px;
   transition: opacity 0.3s linear;
   word-break: break-word;
   opacity: 1;
@@ -4891,17 +5034,17 @@ button,
 .rcx-message-body ul,
 .rcx-message-body ol {
   margin: 0;
-  padding-block: 0.25rem 0;
+  padding-block: 4px 0;
   padding-inline: 0;
   list-style: none;
 }
 .rcx-message-body ul li::before {
-  padding: 0 0.5rem;
+  padding: 0 8px;
   content: "•";
   font-weight: bold;
 }
 .rcx-message-body ol li::before {
-  padding: 0 0.5rem;
+  padding: 0 8px;
   content: attr(value) ".";
   font-weight: bold;
 }
@@ -4922,7 +5065,7 @@ button,
   -webkit-line-clamp: 3;
 }
 .rcx-message-body blockquote {
-  padding-inline: 0.5rem;
+  padding-inline: 8px;
   border: 1px solid var(--rcx-color-stroke-extra-light, #ebecef);
   border-radius: var(--rcx-border-radius-small, 0.125rem);
   background-color: var(--rcx-color-surface-tint, #f7f8fa);
@@ -4951,12 +5094,12 @@ button,
 .rcx-message-block--width-fixed {
   flex-grow: 0;
   flex-shrink: 1;
-  width: 100;
+  width: 100%;
   max-width: var(--rcx-message-block-width-fixed, 368px);
 }
 .rcx-message__emoji {
   display: inline-block;
-  margin-inline: 0.125rem;
+  margin-inline: 2px;
   background-size: contain;
   font-size: 1.5rem;
   line-height: 1.5rem;
@@ -5007,6 +5150,9 @@ button,
   margin: var(--rcx-modal-margin, auto);
   background: none;
 }
+.rcx-modal[hidden] {
+  display: none;
+}
 .rcx-modal__inner {
   display: flex;
   flex-direction: column;
@@ -5092,7 +5238,7 @@ button,
 @media screen and (min-width: 37.5rem) {
   .rcx-modal {
     max-width: 40rem;
-    padding: 1rem;
+    padding: 16px;
   }
 }
 
@@ -5101,7 +5247,7 @@ button,
   justify-content: space-between;
   align-items: center;
   width: 100%;
-  padding: 0.5rem 1rem;
+  padding: 8px 16px;
   border-bottom: 1px solid var(--rcx-color-stroke-light, #cbced1);
   background-color: var(--rcx-color-surface-sidebar, #e4e7ea);
 }
@@ -5113,92 +5259,100 @@ button,
   border-color: var(--rcx-color-stroke-medium, #9ea2a8);
 }
 
-.rcx-option__description, .rcx-option__column, .rcx-option__content, .rcx-option__avatar {
+.rcx-option__description:not(.rcx-item__description), .rcx-option__column:not(.rcx-item__icon, .rcx-item__media), .rcx-option__content:not(.rcx-item__content), .rcx-option__avatar:not(.rcx-item__media) {
   flex: 0 0 auto;
-  margin-inline: 0.25rem;
+  margin-inline: 4px;
 }
 
-.rcx-option {
+.rcx-option:not(.rcx-item) {
   cursor: pointer;
   outline: 0;
 }
-.rcx-option.disabled, .rcx-option:disabled {
+.rcx-option:not(.rcx-item).disabled, .rcx-option:not(.rcx-item):disabled {
   cursor: not-allowed;
 }
-.rcx-option {
+.rcx-option:not(.rcx-item) {
   letter-spacing: 0rem;
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25rem;
   display: list-item;
-  padding-block: 0.25rem;
-  padding-inline: 0.75rem 1.5rem;
+  padding-block: 4px;
+  padding-inline: 12px 24px;
   list-style: none;
   color: var(--rcx-color-font-default, #2f343d);
 }
-.rcx-option__title {
+.rcx-option:not(.rcx-item):hover, .rcx-option:not(.rcx-item).rcx-option--focus {
+  background: var(--rcx-color-surface-hover, #f2f3f5);
+}
+.rcx-option:not(.rcx-item).rcx-option--selected {
+  background: var(--rcx-color-surface-selected, #d7dbe0);
+}
+.rcx-option:not(.rcx-item).rcx-option--disabled {
+  cursor: not-allowed;
+  color: var(--rcx-color-font-disabled, #cbced1);
+}
+.rcx-option:not(.rcx-item).rcx-option--danger {
+  color: var(--rcx-option-color-variant-danger, var(--rcx-color-status-font-on-danger, #9b1325));
+}
+.rcx-option--align-top.rcx-item {
+  align-items: flex-start;
+}
+.rcx-option__title:not(.rcx-item-group-header) {
   letter-spacing: 0rem;
   font-size: 0.75rem;
   font-weight: 700;
   line-height: 1rem;
-  padding-block: 0.5rem 0.25rem;
-  padding-inline: 0.75rem 1.5rem;
+  padding-block: 8px 4px;
+  padding-inline: 12px 24px;
   color: var(--rcx-color-font-default, #2f343d);
 }
-.rcx-option__wrapper {
-  display: flex;
-  align-items: center;
-  margin-inline: -0.125rem;
-}
-.rcx-option__wrapper--align-top {
-  align-items: flex-start !important;
-}
 .rcx-option__icon {
   color: inherit;
 }
-.rcx-option__content {
+.rcx-option__content:not(.rcx-item__content) {
   overflow: hidden;
   text-overflow: ellipsis;
   flex: 1 1 100%;
   text-align: start;
   white-space: nowrap;
 }
-.rcx-option__header {
+.rcx-option__header:not(.rcx-item-group-header) {
   letter-spacing: 0rem;
   font-size: 0.625rem;
   font-weight: 700;
   line-height: 0.75rem;
-  padding-block: 0.5rem;
-  padding-inline: 1rem;
+  padding-block: 8px;
+  padding-inline: 16px;
   text-transform: uppercase;
   font-weight: 400;
 }
-.rcx-option__menu-wrapper {
+.rcx-option__menu-wrapper:not(.rcx-item__actions) {
   flex-shrink: 0;
   width: 0;
   height: 100%;
   opacity: 0;
 }
-.rcx-option__menu-wrapper:has(> [aria-expanded=true]) {
+.rcx-option__menu-wrapper:not(.rcx-item__actions):has(> [aria-expanded=true]) {
   width: 1.75rem;
   opacity: 1;
 }
-.rcx-option__column {
+.rcx-option__column:not(.rcx-item__icon, .rcx-item__media) {
   display: flex;
   justify-content: center;
   align-items: center;
   min-width: 1.25rem;
   min-height: 1.25rem;
 }
-.rcx-option__input {
+.rcx-option__input:not(.rcx-item__actions) {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   min-width: 1.25rem;
   min-height: 1.25rem;
-  margin-inline: 1rem -0.75rem;
+  margin-inline: 16px -12px;
 }
-.rcx-option__description {
+.rcx-option__description:not(.rcx-item__description) {
   letter-spacing: 0rem;
   font-size: 0.875rem;
   font-weight: 400;
@@ -5211,33 +5365,27 @@ button,
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25rem;
-  padding: 0.25rem;
+  padding: 4px;
   white-space: normal;
   word-break: break-word;
   color: var(--rcx-color-font-secondary-info, #6c737a);
 }
-.rcx-option:hover, .rcx-option--focus {
-  background: var(--rcx-color-surface-hover, #f2f3f5);
-}
-.rcx-option--selected {
-  background: var(--rcx-color-surface-selected, #d7dbe0);
-}
-.rcx-option--disabled {
-  cursor: not-allowed;
-  color: var(--rcx-color-font-disabled, #cbced1);
-}
-.rcx-option:hover .rcx-option__menu-wrapper, .rcx-option:focus-within .rcx-option__menu-wrapper {
+.rcx-option:hover .rcx-option__menu-wrapper:not(.rcx-item__actions), .rcx-option:focus-within .rcx-option__menu-wrapper:not(.rcx-item__actions) {
   display: flex;
   align-items: center;
   width: 1.75rem;
   opacity: 1;
 }
+.rcx-option__column.rcx-item__media, .rcx-option__input.rcx-item__actions {
+  min-width: 1.25rem;
+  min-height: 1.25rem;
+}
+.rcx-option__input.rcx-item__actions {
+  justify-content: flex-end;
+}
 .rcx-option--success {
   color: var(--rcx-option-color-variant-success, var(--rcx-color-status-font-on-success, #148660));
 }
-.rcx-option--danger {
-  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, #895f00));
 }
@@ -5245,7 +5393,8 @@ button,
   color: var(--rcx-option-color-variant-primary, var(--rcx-color-status-font-on-primary, ));
 }
 
-.rcx-options:hover .rcx-option--focus:not(.rcx-option--selected):not(:hover) {
+.rcx-options:hover .rcx-option--focus:not(.rcx-option--selected):not(:hover),
+.rcx-options:hover .rcx-item--focused:not(.rcx-item--selected):not(:hover) {
   background: initial;
 }
 
@@ -5253,7 +5402,7 @@ button,
   display: flex;
   flex-flow: column-reverse nowrap;
   align-items: center;
-  padding: 0.75rem 1.5rem;
+  padding: 12px 24px;
 }
 @media screen and (min-width: 37.5rem) {
   .rcx-pagination {
@@ -5327,7 +5476,7 @@ button,
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
-  margin-inline: 0.25rem;
+  margin-inline: 4px;
 }
 
 .rcx-pagination__list-item {
@@ -5336,8 +5485,8 @@ button,
   font-weight: 400;
   line-height: 1rem;
   display: flex;
-  margin-inline: 0.125rem;
-  padding: 0.25rem;
+  margin-inline: 2px;
+  padding: 4px;
   color: var(--rcx-color-font-secondary-info, #6c737a);
 }
 
@@ -5472,11 +5621,11 @@ button,
   flex-direction: column;
   justify-content: center;
   min-height: 3rem;
-  padding-block: 0.75rem 0.5rem;
-  padding-inline: 1rem;
+  padding-block: 12px 8px;
+  padding-inline: 16px;
   color: var(--rcx-color-font-default, #2f343d);
   background-color: var(--rcx-color-surface-sidebar, #e4e7ea);
-  gap: 0.25rem;
+  gap: 4px;
 }
 .rcx-sidebar-footer__content {
   letter-spacing: 0rem;
@@ -5485,19 +5634,19 @@ button,
   line-height: 0.75rem;
 }
 
-.rcx-sidebar-item {
+.rcx-sidebar-item:not(.rcx-item) {
   color: var(--rcx-link-color, var(--rcx-color-font-default, #2f343d));
 }
-.rcx-sidebar-item:focus, .rcx-sidebar-item:focus-within, .focus.rcx-sidebar-item, .is-focused.rcx-sidebar-item {
+.rcx-sidebar-item:focus:not(.rcx-item), .rcx-sidebar-item:focus-within:not(.rcx-item), .focus.rcx-sidebar-item:not(.rcx-item), .is-focused.rcx-sidebar-item:not(.rcx-item) {
   color: var(--rcx-link-focus-color, var(--rcx-color-font-default, #2f343d));
 }
-.rcx-sidebar-item:where(:visited), .rcx-sidebar-item:where(.is-visited) {
+.rcx-sidebar-item:where(:visited):not(.rcx-item), .rcx-sidebar-item:where(.is-visited):not(.rcx-item) {
   color: var(--rcx-link-visited-color, var(--rcx-color-font-default, #2f343d));
 }
-.rcx-sidebar-item:where(:active), .rcx-sidebar-item:where(.active), .rcx-sidebar-item:where(.is-active) {
+.rcx-sidebar-item:where(:active):not(.rcx-item), .rcx-sidebar-item:where(.active):not(.rcx-item), .rcx-sidebar-item:where(.is-active):not(.rcx-item) {
   color: var(--rcx-link-active-color, var(--rcx-color-font-default, #2f343d));
 }
-.rcx-sidebar-item {
+.rcx-sidebar-item:not(.rcx-item) {
   letter-spacing: 0rem;
   font-size: 0.875rem;
   font-weight: 400;
@@ -5506,26 +5655,26 @@ button,
   border-style: solid;
   border-color: transparent;
 }
-.rcx-sidebar-item:focus-visible, .focus.focus-visible.rcx-sidebar-item {
+.rcx-sidebar-item:focus-visible:not(.rcx-item), .focus.focus-visible.rcx-sidebar-item:not(.rcx-item) {
   border-color: var(--rcx-color-stroke-highlight, #156ff5);
   border-radius: var(--rcx-border-radius-medium, 0.25rem);
   outline: 0;
   box-shadow: none;
 }
-.rcx-sidebar-item {
+.rcx-sidebar-item:not(.rcx-item) {
   display: flex;
   align-items: center;
   border-radius: var(--rcx-border-radius-small, 0.125rem);
 }
 
-.rcx-sidebar-item:is(a), .rcx-sidebar-item:is(div[role=button]) {
+.rcx-sidebar-item:not(.rcx-item):is(a), .rcx-sidebar-item:not(.rcx-item):is(div[role=button]) {
   cursor: pointer;
   outline: 0;
 }
-.disabled.rcx-sidebar-item:is(a), .disabled.rcx-sidebar-item:is(div[role=button]), .rcx-sidebar-item:disabled:is(a), .rcx-sidebar-item:disabled:is(div[role=button]) {
+.disabled.rcx-sidebar-item:not(.rcx-item):is(a), .disabled.rcx-sidebar-item:not(.rcx-item):is(div[role=button]), .rcx-sidebar-item:disabled:not(.rcx-item):is(a), .rcx-sidebar-item:disabled:not(.rcx-item):is(div[role=button]) {
   cursor: not-allowed;
 }
-.rcx-sidebar-item:hover:is(a), .rcx-sidebar-item:hover:is(div[role=button]), .hover.rcx-sidebar-item:is(a), .hover.rcx-sidebar-item:is(div[role=button]), .is-hovered.rcx-sidebar-item:is(a), .is-hovered.rcx-sidebar-item:is(div[role=button]) {
+.rcx-sidebar-item:hover:not(.rcx-item):is(a), .rcx-sidebar-item:hover:not(.rcx-item):is(div[role=button]), .hover.rcx-sidebar-item:not(.rcx-item):is(a), .hover.rcx-sidebar-item:not(.rcx-item):is(div[role=button]), .is-hovered.rcx-sidebar-item:not(.rcx-item):is(a), .is-hovered.rcx-sidebar-item:not(.rcx-item):is(div[role=button]) {
   background-color: var(--rcx-sidebar-color-surface-hover, var(--rcx-color-surface-hover, #f2f3f5));
 }
 
@@ -5534,7 +5683,7 @@ button,
   font-weight: 500;
 }
 
-.rcx-sidebar-item {
+.rcx-sidebar-item:not(.rcx-item) {
   letter-spacing: 0rem;
   font-size: 0.875rem;
   font-weight: 400;
@@ -5543,21 +5692,24 @@ button,
   text-overflow: ellipsis;
   justify-content: flex-start;
   align-items: center;
-  padding: calc(0.25rem - 1px) calc(1rem - 1px);
+  padding: 3px 15px;
   white-space: nowrap;
   text-decoration: none;
-  gap: 0.25rem;
-}
-.rcx-sidebar-item--level-2 {
-  padding-block: calc(0.5rem - 1px);
+  gap: 4px;
 }
-.rcx-sidebar-item:active {
+.rcx-sidebar-item:not(.rcx-item):active {
   color: var(--rcx-sidebar-color-font-active, var(--rcx-color-font-titles-labels, #1f2329));
 }
-.rcx-sidebar-item:active:not(:focus-within), .rcx-sidebar-item--selected {
+.rcx-sidebar-item:not(.rcx-item):active:not(:focus-within), .rcx-sidebar-item:not(.rcx-item).rcx-sidebar-item--selected {
   background-color: var(--rcx-sidebar-color-surface-selected, var(--rcx-color-surface-selected, #d7dbe0));
 }
-.rcx-sidebar-item__title {
+.rcx-sidebar-item.rcx-item.rcx-sidebar-item--level-2 {
+  padding-block: 8px;
+}
+.rcx-sidebar-item--level-2:not(.rcx-item) {
+  padding-block: 7px;
+}
+.rcx-sidebar-item__title:not(.rcx-item__title) {
   overflow: hidden;
   flex: 1 0 0;
   flex-grow: 1;
@@ -5566,7 +5718,7 @@ button,
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.rcx-sidebar-item__avatar {
+.rcx-sidebar-item__avatar:not(.rcx-item__media) {
   display: flex;
 }
 .rcx-sidebar-item__icon {
@@ -5576,7 +5728,10 @@ button,
   width: 1.25rem;
   height: 1.25rem;
 }
-.rcx-sidebar-item__subtitle {
+.rcx-item__row > .rcx-sidebar-item__subtitle.rcx-item__description {
+  flex-basis: 0;
+}
+.rcx-sidebar-item__subtitle:not(.rcx-item__description) {
   flex: 1 1 0;
   letter-spacing: 0rem;
   font-size: 0.75rem;
@@ -5586,7 +5741,7 @@ button,
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rcx-sidebar-item__timestamp {
+.rcx-sidebar-item__timestamp:not(.rcx-item__meta) {
   letter-spacing: 0rem;
   font-size: 0.625rem;
   font-weight: 700;
@@ -5595,24 +5750,24 @@ button,
 .rcx-sidebar-item__content {
   flex-grow: 1;
 }
-.rcx-sidebar-item__status-bullet {
+.rcx-sidebar-item__status-bullet:not(.rcx-item__icon) {
   display: flex;
   justify-content: center;
   align-items: center;
-  padding: 0.25rem;
+  padding: 4px;
 }
-.rcx-sidebar-item__row {
+.rcx-sidebar-item__row:not(.rcx-item__row) {
   display: flex;
   align-items: center;
-  gap: 0.25rem;
+  gap: 4px;
 }
-.rcx-sidebar-item__col {
+.rcx-sidebar-item__col:not(.rcx-item__content) {
   display: flex;
   overflow: hidden;
   flex-direction: column;
   width: 100%;
 }
-.rcx-sidebar-item__menu-wrapper {
+.rcx-sidebar-item__menu-wrapper:not(.rcx-item__actions) {
   display: flex;
   align-items: center;
   flex-shrink: 0;
@@ -5621,7 +5776,7 @@ button,
   margin-inline-end: -4px;
   opacity: 0;
 }
-.rcx-sidebar-item:hover .rcx-sidebar-item__menu-wrapper, .rcx-sidebar-item:focus-within .rcx-sidebar-item__menu-wrapper, .rcx-sidebar-item:has([aria-expanded=true]) .rcx-sidebar-item__menu-wrapper {
+.rcx-sidebar-item:hover .rcx-sidebar-item__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-item:focus-within .rcx-sidebar-item__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-item:has([aria-expanded=true]) .rcx-sidebar-item__menu-wrapper:not(.rcx-item__actions) {
   width: 1.25rem;
   height: 1.25rem;
   margin-inline-end: 0;
@@ -5629,7 +5784,7 @@ button,
 }
 
 .rcx-sidebar-media {
-  padding-block: 0.5rem;
+  padding-block: 8px;
   color: var(--rcx-sidebar-media-color, var(--rcx-color-font-titles-labels, #1f2329));
   border-bottom: 1px solid var(--rcx-sidebar-media-border-color, var(--rcx-color-stroke-light, #cbced1));
   background-color: var(--rcx-sidebar-color-surface-default, var(--rcx-color-surface-sidebar, #e4e7ea));
@@ -5640,15 +5795,15 @@ button,
   font-weight: 400;
   line-height: 1rem;
   flex-grow: 1;
-  padding-block-end: 0.25rem;
-  padding-inline: 1rem;
+  padding-block-end: 4px;
+  padding-inline: 16px;
   text-align: center;
 }
 .rcx-sidebar-media__controller {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding-inline: 1rem;
+  padding-inline: 16px;
 }
 .rcx-sidebar-media__controller__label {
   letter-spacing: 0rem;
@@ -5668,12 +5823,15 @@ button,
 .rcx-sidebar--divider {
   border-color: var(--rcx-sidebar-color-stroke-extra-light, var(--rcx-color-stroke-light, #cbced1));
 }
+.rcx-sidebar--divider.rcx-item-divider::before {
+  border-color: var(--rcx-sidebar-color-stroke-extra-light, var(--rcx-color-stroke-light, #cbced1));
+}
 .rcx-sidebar-section {
   display: flex;
   align-items: center;
   height: 2.75rem;
-  padding-inline: 1rem;
-  gap: 0.5rem;
+  padding-inline: 16px;
+  gap: 8px;
 }
 .rcx-sidebar-accordion {
   display: flex;
@@ -5692,24 +5850,24 @@ button,
   display: flex;
   flex-flow: column nowrap;
 }
-.rcx-sidebar-collapse-group__bar, .rcx-sidebar-accordion-item__bar {
+.rcx-sidebar-collapse-group__bar:not(.rcx-item-group-header), .rcx-sidebar-accordion-item__bar:not(.rcx-item-group-header) {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   min-height: 1.5rem;
-  padding: calc(0.5rem - 1px) calc(1rem - 1px);
+  padding: 7px 15px;
   text-align: start;
   background-color: var(--rcx-sidebar-color-surface-default, var(--rcx-color-surface-sidebar, #e4e7ea));
-  -moz-column-gap: 0.25rem;
-       column-gap: 0.25rem;
+  -moz-column-gap: 4px;
+       column-gap: 4px;
 }
 .rcx-sidebar-collapse-group__heading, .rcx-sidebar-accordion-item__heading {
   display: flex;
   align-items: center;
   flex: 1 1 0;
   min-width: 0;
-  -moz-column-gap: 0.25rem;
-       column-gap: 0.25rem;
+  -moz-column-gap: 4px;
+       column-gap: 4px;
 }
 .rcx-sidebar-collapse-group__title, .rcx-sidebar-accordion-item__title {
   flex: 0 1 auto;
@@ -5722,16 +5880,16 @@ button,
   font-weight: 400;
   line-height: 1rem;
 }
-.rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-accordion-item__menu-wrapper {
+.rcx-sidebar-collapse-group__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-accordion-item__menu-wrapper:not(.rcx-item__actions) {
   display: flex;
   align-items: center;
   flex-shrink: 0;
   width: 0;
   height: 1.25rem;
-  margin-inline-end: -0.25rem;
+  margin-inline-end: -4px;
   opacity: 0;
 }
-.rcx-sidebar-collapse-group__bar:hover .rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-collapse-group__bar:focus-within .rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-collapse-group__bar:has(.rcx-sidebar-collapse-group__menu-wrapper [aria-expanded=true], .rcx-sidebar-accordion-item__menu-wrapper [aria-expanded=true]) .rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-collapse-group__bar:hover .rcx-sidebar-accordion-item__menu-wrapper, .rcx-sidebar-collapse-group__bar:focus-within .rcx-sidebar-accordion-item__menu-wrapper, .rcx-sidebar-collapse-group__bar:has(.rcx-sidebar-collapse-group__menu-wrapper [aria-expanded=true], .rcx-sidebar-accordion-item__menu-wrapper [aria-expanded=true]) .rcx-sidebar-accordion-item__menu-wrapper, .rcx-sidebar-accordion-item__bar:hover .rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-accordion-item__bar:focus-within .rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-accordion-item__bar:has(.rcx-sidebar-collapse-group__menu-wrapper [aria-expanded=true], .rcx-sidebar-accordion-item__menu-wrapper [aria-expanded=true]) .rcx-sidebar-collapse-group__menu-wrapper, .rcx-sidebar-accordion-item__bar:hover .rcx-sidebar-accordion-item__menu-wrapper, .rcx-sidebar-accordion-item__bar:focus-within .rcx-sidebar-accordion-item__menu-wrapper, .rcx-sidebar-accordion-item__bar:has(.rcx-sidebar-collapse-group__menu-wrapper [aria-expanded=true], .rcx-sidebar-accordion-item__menu-wrapper [aria-expanded=true]) .rcx-sidebar-accordion-item__menu-wrapper {
+.rcx-sidebar-collapse-group__bar:hover .rcx-sidebar-collapse-group__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-collapse-group__bar:focus-within .rcx-sidebar-collapse-group__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-collapse-group__bar:has(.rcx-sidebar-collapse-group__menu-wrapper [aria-expanded=true], .rcx-sidebar-accordion-item__menu-wrapper [aria-expanded=true]) .rcx-sidebar-collapse-group__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-collapse-group__bar:hover .rcx-sidebar-accordion-item__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-collapse-group__bar:focus-within .rcx-sidebar-accordion-item__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-collapse-group__bar:has(.rcx-sidebar-collapse-group__menu-wrapper [aria-expanded=true], .rcx-sidebar-accordion-item__menu-wrapper [aria-expanded=true]) .rcx-sidebar-accordion-item__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-accordion-item__bar:hover .rcx-sidebar-collapse-group__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-accordion-item__bar:focus-within .rcx-sidebar-collapse-group__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-accordion-item__bar:has(.rcx-sidebar-collapse-group__menu-wrapper [aria-expanded=true], .rcx-sidebar-accordion-item__menu-wrapper [aria-expanded=true]) .rcx-sidebar-collapse-group__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-accordion-item__bar:hover .rcx-sidebar-accordion-item__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-accordion-item__bar:focus-within .rcx-sidebar-accordion-item__menu-wrapper:not(.rcx-item__actions), .rcx-sidebar-accordion-item__bar:has(.rcx-sidebar-collapse-group__menu-wrapper [aria-expanded=true], .rcx-sidebar-accordion-item__menu-wrapper [aria-expanded=true]) .rcx-sidebar-accordion-item__menu-wrapper:not(.rcx-item__actions) {
   width: 1.25rem;
   margin-inline-end: 0;
   opacity: 1;
@@ -5748,7 +5906,7 @@ button,
   visibility: visible;
   flex-grow: 1;
   height: 100%;
-  padding-block: 0.25rem 0.5rem;
+  padding-block: 4px 8px;
 }
 .rcx-sidebar-collapse-group__bar {
   color: var(--rcx-color-font-secondary-info, #6c737a);
@@ -5771,8 +5929,8 @@ button,
   flex: 1 1 0;
   min-width: 0;
   text-align: start;
-  -moz-column-gap: 0.25rem;
-       column-gap: 0.25rem;
+  -moz-column-gap: 4px;
+       column-gap: 4px;
 }
 .rcx-sidebar-collapse-group__bar-button[tabindex] {
   cursor: pointer;
@@ -5795,6 +5953,9 @@ button,
 .rcx-sidebar-collapse-group__bar:has(.rcx-sidebar-collapse-group__bar-button:hover) {
   background-color: var(--rcx-sidebar-color-surface-hover, var(--rcx-color-surface-hover, #f2f3f5));
 }
+.rcx-sidebar-collapse-group__bar.rcx-item-group-header {
+  padding-block: 8px;
+}
 .rcx-sidebar-collapse-group__panel--expanded {
   padding-block: 0;
 }
@@ -5807,7 +5968,7 @@ button,
   position: sticky;
   z-index: 1;
   top: 0;
-  padding: 0.75rem 1rem 0.75rem 0;
+  padding: 12px 16px 12px 0;
   color: var(--rcx-color-font-default, #2f343d);
   border-radius: var(--rcx-border-radius-small, 0.125rem);
   background-color: var(--rcx-color-surface-sidebar, #e4e7ea);
@@ -5866,11 +6027,11 @@ button,
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 1rem;
+  padding: 16px;
   color: var(--rcx-sidebar-banner-color-default, var(--rcx-color-font-titles-labels, #1f2329));
   border-bottom: 1px solid var(--rcx-sidebar-accordion-border-color, var(--rcx-color-stroke-light, #cbced1));
   background-color: var(--rcx-sidebar-banner-background-default, var(--rcx-color-surface-sidebar, #e4e7ea));
-  gap: 0.75rem;
+  gap: 12px;
 }
 .rcx-sidebar-banner__addon {
   display: flex;
@@ -5933,7 +6094,7 @@ button,
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: 0.5rem;
+  gap: 8px;
 }
 
 .rcx-sidepanel {
@@ -5948,11 +6109,11 @@ button,
   background-color: var(--rcx-color-surface-sidebar, #e4e7ea);
 }
 .rcx-sidepanel-section {
-  padding: 1rem;
+  padding: 16px;
 }
 .rcx-sidepanel-header {
   height: 2.75rem;
-  padding-inline: 1rem;
+  padding-inline: 16px;
 }
 .rcx-sidepanel-header__title {
   color: var(--rcx-color-font-titles-labels, #1f2329);
@@ -5967,8 +6128,14 @@ button,
 .rcx-sidepanel--divider {
   border-color: var(--rcx-color-stroke-light, #cbced1);
 }
+.rcx-sidepanel--divider.rcx-divider {
+  margin-block: -2px 0;
+}
+.rcx-sidepanel--divider.rcx-item-divider::before {
+  border-color: var(--rcx-color-stroke-light, #cbced1);
+}
 .rcx-sidepanel-list {
-  padding-block: 0.5rem;
+  padding-block: 8px;
 }
 
 .rcx-skeleton {
@@ -5991,6 +6158,9 @@ button,
 .rcx-skeleton--circle {
   border-radius: var(--rcx-border-radius-full, 624.9375rem);
 }
+.rcx-skeleton--inverted {
+  background-color: var(--rcx-color-surface-light, #ffffff);
+}
 
 @keyframes rcx-skeleton__animation {
   0% {
@@ -6125,12 +6295,12 @@ button,
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  padding: 1rem;
+  padding: 16px;
   color: var(--rcx-color-font-secondary-info, #6c737a);
 }
 .rcx-states__icon {
-  margin-block-end: 1.25rem;
-  padding: 1rem;
+  margin-block-end: 20px;
+  padding: 16px;
   color: var(--rcx-color-font-secondary-info, #6c737a);
   border-radius: var(--rcx-border-radius-full, 624.9375rem);
   background-color: var(--rcx-color-surface-neutral, #e4e7ea);
@@ -6148,7 +6318,7 @@ button,
   color: var(--rcx-states-icons-color-primary, var(--rcx-color-status-font-on-info, #095ad2));
 }
 .rcx-states__title {
-  margin-block: 0rem 0.5rem;
+  margin-block: 0px 8px;
   text-align: center;
   color: var(--rcx-color-font-default, #2f343d);
   letter-spacing: 0rem;
@@ -6184,20 +6354,20 @@ button,
   margin: 0;
 }
 .rcx-states__suggestion, .rcx-states__subtitle {
-  margin-block-end: 1.5rem;
+  margin-block-end: 24px;
 }
 .rcx-states__list {
   list-style: initial;
 }
 .rcx-states__list-item-wrapper {
-  margin-inline-start: -0.25rem;
+  margin-inline-start: -4px;
 }
 .rcx-states__link {
   letter-spacing: 0rem;
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25rem;
-  margin-block: 1rem;
+  margin-block: 16px;
   color: var(--rcx-color-font-info, #095ad2);
 }
 
@@ -6236,7 +6406,7 @@ button,
 .rcx-table {
   display: table;
   width: 100%;
-  border-spacing: 0 0.125rem;
+  border-spacing: 0 2px;
   border-collapse: collapse;
 }
 .rcx-table--fixed {
@@ -6247,6 +6417,9 @@ button,
   border-radius: var(--rcx-table-selected-border-radius, var(--rcx-border-radius-medium, 0.25rem));
   background-color: var(--rcx-color-surface-neutral, #e4e7ea);
 }
+.rcx-table__selection-button {
+  flex-shrink: 0;
+}
 .rcx-table__wrapper {
   position: relative;
 }
@@ -6289,7 +6462,7 @@ button,
 }
 .rcx-table__cell {
   display: table-cell;
-  padding: 0.5rem;
+  padding: 8px;
   -webkit-user-select: text;
      -moz-user-select: text;
           user-select: text;
@@ -6319,6 +6492,15 @@ button,
   content: "";
   border-block-end: 1px solid var(--rcx-color-stroke-light, #cbced1);
 }
+.rcx-table__cell--row-header {
+  word-break: break-word;
+  color: var(--rcx-color-font-hint, #6c737a);
+  background-color: var(--rcx-color-surface-light, #ffffff);
+  letter-spacing: 0rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+}
 .rcx-table__cell--clickable {
   cursor: pointer;
   outline: 0;
@@ -6326,6 +6508,23 @@ button,
 .rcx-table__cell--clickable.disabled, .rcx-table__cell--clickable:disabled {
   cursor: not-allowed;
 }
+.rcx-table__cell--truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rcx-table__cell--color-default {
+  color: var(--rcx-color-font-default, #2f343d);
+}
+.rcx-table__cell--color-hint {
+  color: var(--rcx-color-font-hint, #6c737a);
+}
+.rcx-table__cell--strong {
+  letter-spacing: 0rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+}
 .rcx-table__cell--align-start {
   text-align: start;
 }
@@ -6342,7 +6541,7 @@ button,
 .rcx-tabs__scroll-box {
   position: relative;
   overflow: auto;
-  margin-block: -0.25rem;
+  margin-block: -4px;
   -ms-overflow-style: none;
 }
 .rcx-tabs__scroll-box::-webkit-scrollbar {
@@ -6352,8 +6551,8 @@ button,
 .rcx-tabs__wrapper {
   display: flex;
   flex-wrap: nowrap;
-  margin: 0 0.75rem;
-  padding: 0.25rem 0;
+  margin: 0 12px;
+  padding: 4px 0;
 }
 
 .rcx-tabs__item {
@@ -6361,8 +6560,8 @@ button,
   align-items: center;
   flex: 0 0 auto;
   min-height: 2.5rem;
-  margin: 0 0.75rem;
-  padding: calc(0.25rem + 1px) 0;
+  margin: 0 12px;
+  padding: 5px 0;
   color: var(--rcx-tabs-color, var(--rcx-color-font-hint, #6c737a));
   border-width: 1px;
   border-style: solid;
@@ -6403,7 +6602,7 @@ button,
   color: var(--rcx-tabs-disabled-color, var(--rcx-color-font-disabled, #cbced1));
 }
 .rcx-tabs__item--selected.rcx-tabs__item {
-  padding: 0.25rem 0;
+  padding: 4px 0;
   color: var(--rcx-tabs-selected-color, var(--rcx-color-font-info, #095ad2));
   border-block-end-color: var(--rcx-tabs-selected-border-color, var(--rcx-color-font-info, #095ad2));
   border-block-end-width: 1px;
@@ -6435,16 +6634,23 @@ button,
   border-block-end: 1px solid var(--rcx-color-stroke-light, #cbced1);
 }
 .rcx-tabs--with-divider .rcx-tabs__item {
-  margin-block-end: -0.0625rem;
+  margin-block-end: -1px;
   border-block-width: 1px;
 }
+.rcx-tabs--stretch {
+  flex-direction: column;
+}
+.rcx-tabs--stretch .rcx-tabs__item {
+  flex-grow: 1;
+  text-align: center;
+}
 
 .rcx-tag {
   display: flex;
   overflow: hidden;
   justify-content: center;
   align-items: center;
-  padding: 0.125rem 0.25rem;
+  padding: 2px 4px;
   white-space: nowrap;
   text-decoration: none;
   text-overflow: ellipsis;
@@ -6452,6 +6658,7 @@ button,
   color: var(--rcx-tag-colors-default-color, var(--rcx-color-button-font-on-secondary, #1f2329));
   border-radius: var(--rcx-tag-border-radius, var(--rcx-border-radius-small, 0.125rem));
   background-color: var(--rcx-tag-colors-default-background-color, var(--rcx-color-button-background-secondary-default, #e4e7ea));
+  gap: 4px;
   letter-spacing: 0rem;
   font-size: 0.625rem;
   font-weight: 700;
@@ -6668,13 +6875,173 @@ button,
   --rcx-tag-border-radius: var(--rcx-border-radius-full, 624.9375rem);
 }
 
+.rcx-text {
+  flex: 0 1 auto;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  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);
+  font-variant-numeric: tabular-nums;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.rcx-text--font-scale-hero {
+  letter-spacing: 0rem;
+  font-size: 3rem;
+  font-weight: 800;
+  line-height: 4rem;
+}
+.rcx-text--font-scale-h1 {
+  letter-spacing: 0rem;
+  font-size: 2rem;
+  font-weight: 700;
+  line-height: 2.5rem;
+}
+.rcx-text--font-scale-h2 {
+  letter-spacing: 0rem;
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 2rem;
+}
+.rcx-text--font-scale-h3 {
+  letter-spacing: 0rem;
+  font-size: 1.25rem;
+  font-weight: 700;
+  line-height: 1.75rem;
+}
+.rcx-text--font-scale-h4 {
+  letter-spacing: 0rem;
+  font-size: 1rem;
+  font-weight: 700;
+  line-height: 1.5rem;
+}
+.rcx-text--font-scale-h5 {
+  letter-spacing: 0rem;
+  font-size: 0.875rem;
+  font-weight: 700;
+  line-height: 1.25rem;
+}
+.rcx-text--font-scale-p1 {
+  letter-spacing: 0rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5rem;
+}
+.rcx-text--font-scale-p1m {
+  letter-spacing: 0rem;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5rem;
+}
+.rcx-text--font-scale-p1b {
+  letter-spacing: 0rem;
+  font-size: 1rem;
+  font-weight: 700;
+  line-height: 1.5rem;
+}
+.rcx-text--font-scale-p2 {
+  letter-spacing: 0rem;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+}
+.rcx-text--font-scale-p2m {
+  letter-spacing: 0rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+}
+.rcx-text--font-scale-p2b {
+  letter-spacing: 0rem;
+  font-size: 0.875rem;
+  font-weight: 700;
+  line-height: 1.25rem;
+}
+.rcx-text--font-scale-c1 {
+  letter-spacing: 0rem;
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1rem;
+}
+.rcx-text--font-scale-c2 {
+  letter-spacing: 0rem;
+  font-size: 0.75rem;
+  font-weight: 700;
+  line-height: 1rem;
+}
+.rcx-text--font-scale-micro {
+  letter-spacing: 0rem;
+  font-size: 0.625rem;
+  font-weight: 700;
+  line-height: 0.75rem;
+}
+.rcx-text--color-white {
+  color: var(--rcx-color-font-white, #ffffff);
+}
+.rcx-text--color-disabled {
+  color: var(--rcx-color-font-disabled, #cbced1);
+}
+.rcx-text--color-annotation {
+  color: var(--rcx-color-font-annotation, #9ea2a8);
+}
+.rcx-text--color-hint {
+  color: var(--rcx-color-font-hint, #6c737a);
+}
+.rcx-text--color-secondary-info {
+  color: var(--rcx-color-font-secondary-info, #6c737a);
+}
+.rcx-text--color-default {
+  color: var(--rcx-color-font-default, #2f343d);
+}
+.rcx-text--color-titles-labels {
+  color: var(--rcx-color-font-titles-labels, #1f2329);
+}
+.rcx-text--color-info {
+  color: var(--rcx-color-font-info, #095ad2);
+}
+.rcx-text--color-danger {
+  color: var(--rcx-color-font-danger, #d40c26);
+}
+.rcx-text--color-pure-black {
+  color: var(--rcx-color-font-pure-black, #2f343d);
+}
+.rcx-text--color-pure-white {
+  color: var(--rcx-color-font-pure-white, #ffffff);
+}
+.rcx-text--color-status-font-on-info {
+  color: var(--rcx-color-status-font-on-info, #095ad2);
+}
+.rcx-text--color-status-font-on-success {
+  color: var(--rcx-color-status-font-on-success, #148660);
+}
+.rcx-text--color-status-font-on-warning {
+  color: var(--rcx-color-status-font-on-warning, #895f00);
+}
+.rcx-text--color-status-font-on-warning-2 {
+  color: var(--rcx-color-status-font-on-warning-2, #2f343d);
+}
+.rcx-text--color-status-font-on-danger {
+  color: var(--rcx-color-status-font-on-danger, #9b1325);
+}
+.rcx-text--color-status-font-on-service-1 {
+  color: var(--rcx-color-status-font-on-service-1, #974809);
+}
+.rcx-text--color-status-font-on-service-2 {
+  color: var(--rcx-color-status-font-on-service-2, #7f1b9f);
+}
+.rcx-text--truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .rcx-throbber {
   display: flex;
   justify-content: center;
-  margin-block: -0.0625rem;
+  margin-block: -1px;
 }
 .rcx-throbber__circle {
-  margin-inline: 0.0625rem;
+  margin-inline: 1px;
   animation: bounce 1.4s infinite ease-in-out both;
   border-radius: 100%;
   background-color: var(--rcx-color-button-background-primary-default, #156ff5);
@@ -6746,11 +7113,11 @@ button,
 }
 .rcx-toastbar_inner {
   display: flex;
-  padding: 1rem;
+  padding: 16px;
 }
 .rcx-toastbar_content {
   width: 100%;
-  margin: 0rem 1rem;
+  margin: 0px 16px;
 }
 .rcx-toastbar_icon--success {
   color: var(--rcx-toastbar-success-color, var(--rcx-color-status-font-on-success, #148660));