@rolster/styles-foundations 2.7.3 → 3.0.0

package/dist/styles.css

@@ -89,44 +89,44 @@ body {
   --rls-sharp-curve: cubic-bezier(0.4, 0, 0.6, 1);
 }
 body {
-  --rls-app-color-950: var(--rls-project-color-950, #26303b);
-  --rls-app-color-900: var(--rls-project-color-900, #32384e);
-  --rls-app-color-800: var(--rls-project-color-800, #3f4661);
-  --rls-app-color-700: var(--rls-project-color-700, #515a7d);
-  --rls-app-color-600: var(--rls-project-color-600, #67739f);
-  --rls-app-color-500: var(--rls-project-color-500, #828fbf);
-  --rls-app-color-400: var(--rls-project-color-400, #a5b0e8);
-  --rls-app-color-300: var(--rls-project-color-300, #c2cbf5);
-  --rls-app-color-200: var(--rls-project-color-200, #e0e5ff);
-  --rls-app-color-100: var(--rls-project-color-100, #f5f7ff);
+  --rls-app-color-950: var(--rls-project-color-950, #1f1e31);
+  --rls-app-color-900: var(--rls-project-color-900, #272638);
+  --rls-app-color-800: var(--rls-project-color-800, #373647);
+  --rls-app-color-700: var(--rls-project-color-700, #494958);
+  --rls-app-color-600: var(--rls-project-color-600, #64646f);
+  --rls-app-color-500: var(--rls-project-color-500, #84848d);
+  --rls-app-color-400: var(--rls-project-color-400, #a9a9af);
+  --rls-app-color-300: var(--rls-project-color-300, #d4d4d6);
+  --rls-app-color-200: var(--rls-project-color-200, #eae9e9);
+  --rls-app-color-100: var(--rls-project-color-100, #f7f7f5);
   --rls-app-color-050: var(--rls-project-color-050, #ffffff);
-  --rls-standard-color-950: #26303b;
-  --rls-standard-color-900: #32384e;
-  --rls-standard-backdrop-900: rgba(50, 56, 78, 0.9);
-  --rls-standard-backdrop-800: rgba(50, 56, 78, 0.8);
-  --rls-standard-backdrop-700: rgba(50, 56, 78, 0.7);
-  --rls-standard-backdrop-600: rgba(50, 56, 78, 0.6);
-  --rls-standard-backdrop-500: rgba(50, 56, 78, 0.5);
-  --rls-standard-backdrop-400: rgba(50, 56, 78, 0.4);
-  --rls-standard-backdrop-300: rgba(50, 56, 78, 0.3);
-  --rls-standard-backdrop-200: rgba(50, 56, 78, 0.2);
-  --rls-standard-backdrop-100: rgba(50, 56, 78, 0.1);
-  --rls-standard-color-800: #3f4661;
-  --rls-standard-color-700: #515a7d;
-  --rls-standard-skeleton-500: rgba(81, 90, 125, 0.5);
-  --rls-standard-skeleton-400: rgba(81, 90, 125, 0.325);
-  --rls-standard-skeleton-300: rgba(81, 90, 125, 0.25);
-  --rls-standard-skeleton-200: rgba(81, 90, 125, 0.175);
-  --rls-standard-skeleton-100: rgba(81, 90, 125, 0.1);
-  --rls-standard-color-600: #67739f;
-  --rls-standard-color-500: #828fbf;
-  --rls-standard-shadow-color-500: rgba(130, 143, 191, 0.24);
+  --rls-standard-color-950: #1f1e31;
+  --rls-standard-color-900: #272638;
+  --rls-standard-backdrop-900: rgba(39, 38, 56, 0.9);
+  --rls-standard-backdrop-800: rgba(39, 38, 56, 0.8);
+  --rls-standard-backdrop-700: rgba(39, 38, 56, 0.7);
+  --rls-standard-backdrop-600: rgba(39, 38, 56, 0.6);
+  --rls-standard-backdrop-500: rgba(39, 38, 56, 0.5);
+  --rls-standard-backdrop-400: rgba(39, 38, 56, 0.4);
+  --rls-standard-backdrop-300: rgba(39, 38, 56, 0.3);
+  --rls-standard-backdrop-200: rgba(39, 38, 56, 0.2);
+  --rls-standard-backdrop-100: rgba(39, 38, 56, 0.1);
+  --rls-standard-color-800: #373647;
+  --rls-standard-color-700: #494958;
+  --rls-standard-skeleton-500: rgba(73, 73, 88, 0.5);
+  --rls-standard-skeleton-400: rgba(73, 73, 88, 0.325);
+  --rls-standard-skeleton-300: rgba(73, 73, 88, 0.25);
+  --rls-standard-skeleton-200: rgba(73, 73, 88, 0.175);
+  --rls-standard-skeleton-100: rgba(73, 73, 88, 0.1);
+  --rls-standard-color-600: #64646f;
+  --rls-standard-color-500: #84848d;
+  --rls-standard-shadow-color-500: rgba(132, 132, 141, 0.24);
   --rls-standard-shadow-500: 0px 0px 0px 3px
     var(--rls-standard-shadow-color-500);
-  --rls-standard-color-400: #a5b0e8;
-  --rls-standard-color-300: #c2cbf5;
-  --rls-standard-color-200: #e0e5ff;
-  --rls-standard-color-100: #f5f7ff;
+  --rls-standard-color-400: #a9a9af;
+  --rls-standard-color-300: #d4d4d6;
+  --rls-standard-color-200: #eae9e9;
+  --rls-standard-color-100: #f7f7f5;
   --rls-standard-color-050: #ffffff;
   --rls-standard-gradient-700: linear-gradient(
     180deg,
@@ -993,16 +993,16 @@ body {
   );
 }
 body[app-theme='dark'] {
-  --rls-app-color-050: var(--rls-project-color-050, #26303b);
-  --rls-app-color-100: var(--rls-project-color-100, #32384e);
-  --rls-app-color-200: var(--rls-project-color-200, #3f4661);
-  --rls-app-color-300: var(--rls-project-color-300, #515a7d);
-  --rls-app-color-400: var(--rls-project-color-400, #67739f);
-  --rls-app-color-500: var(--rls-project-color-500, #828fbf);
-  --rls-app-color-600: var(--rls-project-color-600, #a5b0e8);
-  --rls-app-color-700: var(--rls-project-color-700, #c2cbf5);
-  --rls-app-color-800: var(--rls-project-color-800, #e0e5ff);
-  --rls-app-color-900: var(--rls-project-color-900, #f5f7ff);
+  --rls-app-color-050: var(--rls-project-color-050, #1f1e31);
+  --rls-app-color-100: var(--rls-project-color-100, #272638);
+  --rls-app-color-200: var(--rls-project-color-200, #373647);
+  --rls-app-color-300: var(--rls-project-color-300, #494958);
+  --rls-app-color-400: var(--rls-project-color-400, #64646f);
+  --rls-app-color-500: var(--rls-project-color-500, #84848d);
+  --rls-app-color-600: var(--rls-project-color-600, #a9a9af);
+  --rls-app-color-700: var(--rls-project-color-700, #d4d4d6);
+  --rls-app-color-800: var(--rls-project-color-800, #eae9e9);
+  --rls-app-color-900: var(--rls-project-color-900, #f7f7f5);
   --rls-app-color-950: var(--rls-project-color-950, #ffffff);
 }
 body {
@@ -1015,8 +1015,11 @@ body {
   --rls-sizing-x2: 2rem;
   --rls-sizing-x3: 3rem;
   --rls-sizing-x4: 4rem;
+  --rls-sizing-x5: 4rem;
   --rls-sizing-x6: 6rem;
+  --rls-sizing-x7: 4rem;
   --rls-sizing-x8: 8rem;
+  --rls-sizing-x9: 8rem;
   --rls-sizing-x10: 10rem;
   --rls-sizing-x12: 12rem;
   --rls-sizing-x14: 14rem;
@@ -1703,7 +1706,7 @@ body {
   }
 }
 body {
-  --rls-app-shadow-color: rgba(173, 186, 230, 0.6);
+  --rls-app-shadow-color: rgba(169, 169, 175, 0.6);
   --rls-z-index-1: 1;
   --rls-z-index-2: 2;
   --rls-z-index-4: 4;
@@ -1713,14 +1716,14 @@ body {
   --rls-z-index-16: 16;
   --rls-z-index-24: 24;
   --rls-z-index-32: 32;
-  --rls-app-shadow-1: 0px 4px 2px -2px rgba(173, 186, 230, 0.02);
-  --rls-app-shadow-2: 0px 4px 8px -2px rgba(173, 186, 230, 0.04);
-  --rls-app-shadow-3: 0px 2px 4px -2px rgba(173, 186, 230, 0.08);
+  --rls-app-shadow-1: 0px 4px 2px -2px rgba(169, 169, 175, 0.02);
+  --rls-app-shadow-2: 0px 4px 8px -2px rgba(169, 169, 175, 0.04);
+  --rls-app-shadow-3: 0px 2px 4px -2px rgba(169, 169, 175, 0.08);
   --rls-app-shadow-4:
-    0px 4px 8px -6px rgba(173, 186, 230, 0.03),
-    0px 16px 8px -4px rgba(173, 186, 230, 0.03);
-  --rls-app-shadow-5: 0px 8px 24px -4px rgba(173, 186, 230, 0.08);
-  --rls-app-shadow-6: 0px 8px 24px -4px rgba(173, 186, 230, 0.12);
+    0px 4px 8px -6px rgba(169, 169, 175, 0.03),
+    0px 16px 8px -4px rgba(169, 169, 175, 0.03);
+  --rls-app-shadow-5: 0px 8px 24px -4px rgba(169, 169, 175, 0.08);
+  --rls-app-shadow-6: 0px 8px 24px -4px rgba(169, 169, 175, 0.12);
   --rls-app-shadow-bottom-2: 0px 2px 2px var(--rls-app-shadow-color);
   --rls-app-shadow-bottom-4: 0px 4px 4px var(--rls-app-shadow-color);
   --rls-app-shadow-bottom-6: 0px 6px 6px var(--rls-app-shadow-color);
@@ -5165,6 +5168,7 @@ p {
   --rlc-amount-text-align: center;
   --rlc-input-text-align: center;
   --rlc-poster-text-align: center;
+  --rlc-datatable-justify-content: center;
   text-align: center !important;
 }
 .rls-align-justify {
@@ -5177,12 +5181,14 @@ p {
   --rlc-amount-text-align: flex-start;
   --rlc-input-text-align: left;
   --rlc-poster-text-align: flex-start;
+  --rlc-datatable-justify-content: flex-start;
   text-align: left !important;
 }
 .rls-align-right {
   --rlc-amount-text-align: flex-end;
   --rlc-input-text-align: right;
   --rlc-poster-text-align: flex-end;
+  --rlc-datatable-justify-content: flex-end;
   text-align: right !important;
 }
 .rls-weight-light {
@@ -5209,72 +5215,92 @@ p.rls-truncate {
 }
 :root {
   --rls-app-font-size: 2px;
-  --rls-heading1-font-size: 16rem;
-  --rls-heading1-letter-spacing: 0.0135rem;
-  --rls-heading1-line-height: 17.5rem;
-  --rls-heading2-font-size: 14.75rem;
-  --rls-heading2-letter-spacing: 0.0135rem;
-  --rls-heading2-line-height: 16rem;
-  --rls-heading3-font-size: 13.525rem;
-  --rls-heading3-letter-spacing: 0.0135rem;
-  --rls-heading3-line-height: 15rem;
-  --rls-heading4-font-size: 12.125rem;
-  --rls-heading4-letter-spacing: 0.0135rem;
-  --rls-heading4-line-height: 13.5rem;
-  --rls-heading5-font-size: 11rem;
-  --rls-heading5-letter-spacing: 0.0135rem;
-  --rls-heading5-line-height: 12.125rem;
-  --rls-heading6-font-size: 10rem;
-  --rls-heading6-letter-spacing: 0.0135rem;
-  --rls-heading6-line-height: 11rem;
-  --rls-title-font-size: 9.25rem;
-  --rls-title-letter-spacing: 0.0375rem;
-  --rls-title-line-height: 10.25rem;
+  --rls-heading1-font-size: 32rem;
+  --rls-heading1-letter-spacing: -4%;
+  --rls-heading1-line-height: 40rem;
+  --rls-heading1-font-weight: 700;
+  --rls-heading2-font-size: 24rem;
+  --rls-heading2-letter-spacing: -4%;
+  --rls-heading2-line-height: 32rem;
+  --rls-heading2-font-weight: 700;
+  --rls-heading3-font-size: 21rem;
+  --rls-heading3-letter-spacing: -3%;
+  --rls-heading3-line-height: 28rem;
+  --rls-heading3-font-weight: 700;
+  --rls-heading4-font-size: 17rem;
+  --rls-heading4-letter-spacing: -3%;
+  --rls-heading4-line-height: 24rem;
+  --rls-heading4-font-weight: 700;
+  --rls-heading5-font-size: 14rem;
+  --rls-heading5-letter-spacing: -2%;
+  --rls-heading5-line-height: 20rem;
+  --rls-heading5-font-weight: 600;
+  --rls-heading6-font-size: 12rem;
+  --rls-heading6-letter-spacing: -2%;
+  --rls-heading6-line-height: 16rem;
+  --rls-heading6-font-weight: 600;
+  --rls-title-font-size: 9.5rem;
+  --rls-title-letter-spacing: -1%;
+  --rls-title-line-height: 11rem;
+  --rls-title-font-weight: 600;
   --rls-subtitle-font-size: 8.75rem;
-  --rls-subtitle-letter-spacing: 0.0375rem;
-  --rls-subtitle-line-height: 9.75rem;
+  --rls-subtitle-letter-spacing: -1%;
+  --rls-subtitle-line-height: 10.5rem;
+  --rls-subtitle-font-weight: 500;
   --rls-body-font-size: 8rem;
-  --rls-body-letter-spacing: 0.0125rem;
-  --rls-body-line-height: 9rem;
+  --rls-body-letter-spacing: -1%;
+  --rls-body-line-height: 9.5rem;
+  --rls-body-font-weight: 400;
   --rls-input-font-size: 7.65rem;
-  --rls-input-letter-spacing: 0.0125rem;
+  --rls-input-letter-spacing: -1%;
   --rls-input-line-height: 8.125rem;
+  --rls-input-font-weight: 500;
   --rls-paragraph-font-size: 7.325rem;
-  --rls-paragraph-letter-spacing: 0.02625em;
-  --rls-paragraph-line-height: 8rem;
-  --rls-button-font-size: 7rem;
-  --rls-button-letter-spacing: 0.0125rem;
-  --rls-button-line-height: 7.875rem;
+  --rls-paragraph-letter-spacing: -1%;
+  --rls-paragraph-line-height: 8.5rem;
+  --rls-paragraph-font-weight: 400;
+  --rls-button-font-size: 7.5rem;
+  --rls-button-letter-spacing: -1%;
+  --rls-button-line-height: 9rem;
+  --rls-button-font-weight: 600;
   --rls-label-font-size: 7rem;
-  --rls-label-letter-spacing: 0.0125rem;
-  --rls-label-line-height: 7.875rem;
-  --rls-span-font-size: 6.425rem;
-  --rls-span-letter-spacing: 0.0175rem;
-  --rls-span-line-height: 7.5rem;
+  --rls-label-letter-spacing: -1%;
+  --rls-label-line-height: 8.25rem;
+  --rls-label-font-weight: 500;
+  --rls-span-font-size: 6.5rem;
+  --rls-span-letter-spacing: -1%;
+  --rls-span-line-height: 8rem;
+  --rls-span-font-weight: 400;
   --rls-smalltext-font-size: 6.125rem;
-  --rls-smalltext-letter-spacing: 0.0125rem;
-  --rls-smalltext-line-height: 7.125rem;
+  --rls-smalltext-letter-spacing: -1%;
+  --rls-smalltext-line-height: 7.5rem;
+  --rls-smalltext-font-weight: 500;
   --rls-caption-font-size: 5.575rem;
-  --rls-caption-letter-spacing: 0.0275rem;
-  --rls-caption-line-height: 6.25rem;
+  --rls-caption-letter-spacing: -1%;
+  --rls-caption-line-height: 6.75rem;
+  --rls-caption-font-weight: 400;
   --rls-overline-font-size: 5.125rem;
-  --rls-overline-letter-spacing: 0.0425rem;
-  --rls-overline-line-height: 5.825rem;
-  --rls-tiny-font-size: 4.325rem;
-  --rls-tiny-letter-spacing: 0.0425rem;
-  --rls-tiny-line-height: 5rem;
+  --rls-overline-letter-spacing: -1%;
+  --rls-overline-line-height: 6.25rem;
+  --rls-overline-font-weight: 500;
+  --rls-tiny-font-size: 4.5rem;
+  --rls-tiny-letter-spacing: -1%;
+  --rls-tiny-line-height: 5.25rem;
+  --rls-tiny-font-weight: 400;
 }
 h1 {
   font-size: var(--rls-heading1-font-size);
   letter-spacing: var(--rls-heading1-letter-spacing);
   min-height: var(--rls-heading1-line-height);
   line-height: var(--rls-heading1-line-height);
+  font-weight: var(--rls-heading1-font-weight);
 }
 h2 {
   font-size: var(--rls-heading2-font-size);
   letter-spacing: var(--rls-heading2-letter-spacing);
   min-height: var(--rls-heading2-line-height);
   line-height: var(--rls-heading2-line-height);
+  font-weight: var(--rls-heading2-font-weight);
 }
 h3 {
   font-size: var(--rls-heading3-font-size);
@@ -5287,425 +5313,495 @@ h4 {
   letter-spacing: var(--rls-heading4-letter-spacing);
   min-height: var(--rls-heading4-line-height);
   line-height: var(--rls-heading4-line-height);
+  font-weight: var(--rls-heading4-font-weight);
 }
 h5 {
   font-size: var(--rls-heading5-font-size);
   letter-spacing: var(--rls-heading5-letter-spacing);
   min-height: var(--rls-heading5-line-height);
   line-height: var(--rls-heading5-line-height);
+  font-weight: var(--rls-heading5-font-weight);
 }
 h6 {
   font-size: var(--rls-heading6-font-size);
   letter-spacing: var(--rls-heading6-letter-spacing);
   min-height: var(--rls-heading6-line-height);
   line-height: var(--rls-heading6-line-height);
-}
-p {
-  font-size: var(--rls-paragraph-font-size);
-  letter-spacing: var(--rls-paragraph-letter-spacing);
-  min-height: var(--rls-paragraph-line-height);
-  line-height: var(--rls-paragraph-line-height);
+  font-weight: var(--rls-heading6-font-weight);
 }
 button {
   font-size: var(--rls-button-font-size);
   letter-spacing: var(--rls-button-letter-spacing);
   min-height: var(--rls-button-line-height);
   line-height: var(--rls-button-line-height);
-}
-.rls-h1-default,
-.rls-h1-bold,
-.rls-h1-semibold,
-.rls-h1-medium,
-.rls-h1-regular {
+  font-weight: var(--rls-button-font-weight);
+}
+.rls-h1-font-default,
+.rls-h1-font-bold,
+.rls-h1-font-semibold,
+.rls-h1-font-medium,
+.rls-h1-font-regular,
+.rls-h1-font {
   font-size: var(--rls-heading1-font-size);
   letter-spacing: var(--rls-heading1-letter-spacing);
   min-height: var(--rls-heading1-line-height);
   line-height: var(--rls-heading1-line-height);
 }
-.rls-h1-regular {
+.rls-h1-font {
+  font-weight: var(--rls-heading1-font-weight);
+}
+.rls-h1-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-h1-medium {
+.rls-h1-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-h1-semibold {
+.rls-h1-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-h1-bold {
+.rls-h1-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-h2-default,
-.rls-h2-bold,
-.rls-h2-semibold,
-.rls-h2-medium,
-.rls-h2-regular {
+.rls-h2-font-default,
+.rls-h2-font-bold,
+.rls-h2-font-semibold,
+.rls-h2-font-medium,
+.rls-h2-font-regular,
+.rls-h2-font {
   font-size: var(--rls-heading2-font-size);
   letter-spacing: var(--rls-heading2-letter-spacing);
   min-height: var(--rls-heading2-line-height);
   line-height: var(--rls-heading2-line-height);
 }
-.rls-h2-regular {
+.rls-h2-font {
+  font-weight: var(--rls-heading2-font-weight);
+}
+.rls-h2-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-h2-medium {
+.rls-h2-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-h2-semibold {
+.rls-h2-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-h2-bold {
+.rls-h2-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-h3-default,
-.rls-h3-bold,
-.rls-h3-semibold,
-.rls-h3-medium,
-.rls-h3-regular {
+.rls-h3-font-default,
+.rls-h3-font-bold,
+.rls-h3-font-semibold,
+.rls-h3-font-medium,
+.rls-h3-font-regular,
+.rls-h3-font {
   font-size: var(--rls-heading3-font-size);
   letter-spacing: var(--rls-heading3-letter-spacing);
   min-height: var(--rls-heading3-line-height);
   line-height: var(--rls-heading3-line-height);
 }
-.rls-h3-regular {
+.rls-h3-font {
+  font-weight: var(--rls-heading3-font-weight);
+}
+.rls-h3-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-h3-medium {
+.rls-h3-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-h3-semibold {
+.rls-h3-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-h3-bold {
+.rls-h3-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-h4-default,
-.rls-h4-bold,
-.rls-h4-semibold,
-.rls-h4-medium,
-.rls-h4-regular {
+.rls-h4-font-default,
+.rls-h4-font-bold,
+.rls-h4-font-semibold,
+.rls-h4-font-medium,
+.rls-h4-font-regular,
+.rls-h4-font {
   font-size: var(--rls-heading4-font-size);
   letter-spacing: var(--rls-heading4-letter-spacing);
   min-height: var(--rls-heading4-line-height);
   line-height: var(--rls-heading4-line-height);
 }
-.rls-h4-regular {
+.rls-h4-font {
+  font-weight: var(--rls-heading4-font-weight);
+}
+.rls-h4-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-h4-medium {
+.rls-h4-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-h4-semibold {
+.rls-h4-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-h4-bold {
+.rls-h4-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-h5-default,
-.rls-h5-bold,
-.rls-h5-semibold,
-.rls-h5-medium,
-.rls-h5-regular {
+.rls-h5-font-default,
+.rls-h5-font-bold,
+.rls-h5-font-semibold,
+.rls-h5-font-medium,
+.rls-h5-font-regular,
+.rls-h5-font {
   font-size: var(--rls-heading5-font-size);
   letter-spacing: var(--rls-heading5-letter-spacing);
   min-height: var(--rls-heading5-line-height);
   line-height: var(--rls-heading5-line-height);
 }
-.rls-h5-regular {
+.rls-h5-font {
+  font-weight: var(--rls-heading5-font-weight);
+}
+.rls-h5-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-h5-medium {
+.rls-h5-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-h5-semibold {
+.rls-h5-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-h5-bold {
+.rls-h5-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-h6-default,
-.rls-h6-bold,
-.rls-h6-semibold,
-.rls-h6-medium,
-.rls-h6-regular {
+.rls-h6-font-default,
+.rls-h6-font-bold,
+.rls-h6-font-semibold,
+.rls-h6-font-medium,
+.rls-h6-font-regular,
+.rls-h6-font {
   font-size: var(--rls-heading6-font-size);
   letter-spacing: var(--rls-heading6-letter-spacing);
   min-height: var(--rls-heading6-line-height);
   line-height: var(--rls-heading6-line-height);
 }
-.rls-h6-regular {
+.rls-h6-font {
+  font-weight: var(--rls-heading6-font-weight);
+}
+.rls-h6-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-h6-medium {
+.rls-h6-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-h6-semibold {
+.rls-h6-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-h6-bold {
+.rls-h6-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-title-default,
-.rls-title-bold,
-.rls-title-semibold,
-.rls-title-medium,
-.rls-title-regular {
+.rls-title-font-default,
+.rls-title-font-bold,
+.rls-title-font-semibold,
+.rls-title-font-medium,
+.rls-title-font-regular,
+.rls-title-font {
   font-size: var(--rls-title-font-size);
   letter-spacing: var(--rls-title-letter-spacing);
   min-height: var(--rls-title-line-height);
   line-height: var(--rls-title-line-height);
 }
-.rls-title-regular {
+.rls-title-font {
+  font-weight: var(--rls-title-font-weight);
+}
+.rls-title-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-title-medium {
+.rls-title-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-title-semibold {
+.rls-title-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-title-bold {
+.rls-title-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-subtitle-default,
-.rls-subtitle-bold,
-.rls-subtitle-semibold,
-.rls-subtitle-medium,
-.rls-subtitle-regular {
+.rls-subtitle-font-default,
+.rls-subtitle-font-bold,
+.rls-subtitle-font-semibold,
+.rls-subtitle-font-medium,
+.rls-subtitle-font-regular,
+.rls-subtitle-font {
   font-size: var(--rls-subtitle-font-size);
   letter-spacing: var(--rls-subtitle-letter-spacing);
   min-height: var(--rls-subtitle-line-height);
   line-height: var(--rls-subtitle-line-height);
 }
-.rls-subtitle-regular {
+.rls-subtitle-font {
+  font-weight: var(--rls-subtitle-font-weight);
+}
+.rls-subtitle-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-subtitle-medium {
+.rls-subtitle-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-subtitle-semibold {
+.rls-subtitle-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-subtitle-bold {
+.rls-subtitle-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-body-default,
-.rls-body-bold,
-.rls-body-semibold,
-.rls-body-medium,
-.rls-body-regular {
+.rls-body-font-default,
+.rls-body-font-bold,
+.rls-body-font-semibold,
+.rls-body-font-medium,
+.rls-body-font-regular,
+.rls-body-font {
   font-size: var(--rls-body-font-size);
   letter-spacing: var(--rls-body-letter-spacing);
   min-height: var(--rls-body-line-height);
   line-height: var(--rls-body-line-height);
 }
-.rls-body-regular {
+.rls-body-font {
+  font-weight: var(--rls-body-font-weight);
+}
+.rls-body-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-body-medium {
+.rls-body-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-body-semibold {
+.rls-body-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-body-bold {
+.rls-body-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-input-default,
-.rls-input-bold,
-.rls-input-semibold,
-.rls-input-medium,
-.rls-input-regular {
+.rls-input-font-default,
+.rls-input-font-bold,
+.rls-input-font-semibold,
+.rls-input-font-medium,
+.rls-input-font-regular,
+.rls-input-font {
   font-size: var(--rls-input-font-size);
   letter-spacing: var(--rls-input-letter-spacing);
   min-height: var(--rls-input-line-height);
   line-height: var(--rls-input-line-height);
 }
-.rls-input-regular {
+.rls-input-font {
+  font-weight: var(--rls-input-font-weight);
+}
+.rls-input-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-input-medium {
+.rls-input-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-input-semibold {
+.rls-input-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-input-bold {
+.rls-input-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-button-default,
-.rls-button-bold,
-.rls-button-semibold,
-.rls-button-medium,
-.rls-button-regular {
+.rls-button-font-default,
+.rls-button-font-bold,
+.rls-button-font-semibold,
+.rls-button-font-medium,
+.rls-button-font-regular,
+.rls-button-font {
   font-size: var(--rls-button-font-size);
   letter-spacing: var(--rls-button-letter-spacing);
   min-height: var(--rls-button-line-height);
   line-height: var(--rls-button-line-height);
 }
-.rls-button-regular {
+.rls-button-font {
+  font-weight: var(--rls-button-font-weight);
+}
+.rls-button-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-button-medium {
+.rls-button-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-button-semibold {
+.rls-button-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-button-bold {
+.rls-button-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-paragraph-default,
-.rls-paragraph-bold,
-.rls-paragraph-semibold,
-.rls-paragraph-medium,
-.rls-paragraph-regular {
+.rls-paragraph-font-default,
+.rls-paragraph-font-bold,
+.rls-paragraph-font-semibold,
+.rls-paragraph-font-medium,
+.rls-paragraph-font-regular,
+.rls-paragraph-font {
   font-size: var(--rls-paragraph-font-size);
   letter-spacing: var(--rls-paragraph-letter-spacing);
   min-height: var(--rls-paragraph-line-height);
   line-height: var(--rls-paragraph-line-height);
 }
-.rls-paragraph-regular {
+.rls-paragraph-font {
+  font-weight: var(--rls-paragraph-font-weight);
+}
+.rls-paragraph-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-paragraph-medium {
+.rls-paragraph-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-paragraph-semibold {
+.rls-paragraph-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-paragraph-bold {
+.rls-paragraph-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-label-default,
-.rls-label-bold,
-.rls-label-semibold,
-.rls-label-medium,
-.rls-label-regular {
+.rls-label-font-default,
+.rls-label-font-bold,
+.rls-label-font-semibold,
+.rls-label-font-medium,
+.rls-label-font-regular,
+.rls-label-font {
   font-size: var(--rls-label-font-size);
   letter-spacing: var(--rls-label-letter-spacing);
   min-height: var(--rls-label-line-height);
   line-height: var(--rls-label-line-height);
 }
-.rls-label-regular {
+.rls-label-font {
+  font-weight: var(--rls-label-font-weight);
+}
+.rls-label-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-label-medium {
+.rls-label-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-label-semibold {
+.rls-label-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-label-bold {
+.rls-label-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-span-default,
-.rls-span-bold,
-.rls-span-semibold,
-.rls-span-medium,
-.rls-span-regular {
+.rls-span-font-default,
+.rls-span-font-bold,
+.rls-span-font-semibold,
+.rls-span-font-medium,
+.rls-span-font-regular,
+.rls-span-font {
   font-size: var(--rls-span-font-size);
   letter-spacing: var(--rls-span-letter-spacing);
   min-height: var(--rls-span-line-height);
   line-height: var(--rls-span-line-height);
 }
-.rls-span-regular {
+.rls-span-font {
+  font-weight: var(--rls-span-font-weight);
+}
+.rls-span-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-span-medium {
+.rls-span-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-span-semibold {
+.rls-span-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-span-bold {
+.rls-span-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-smalltext-default,
-.rls-smalltext-bold,
-.rls-smalltext-semibold,
-.rls-smalltext-medium,
-.rls-smalltext-regular {
+.rls-smalltext-font-default,
+.rls-smalltext-font-bold,
+.rls-smalltext-font-semibold,
+.rls-smalltext-font-medium,
+.rls-smalltext-font-regular,
+.rls-smalltext-font {
   font-size: var(--rls-smalltext-font-size);
   letter-spacing: var(--rls-smalltext-letter-spacing);
   min-height: var(--rls-smalltext-line-height);
   line-height: var(--rls-smalltext-line-height);
 }
-.rls-smalltext-regular {
+.rls-smalltext-font {
+  font-weight: var(--rls-smalltext-font-weight);
+}
+.rls-smalltext-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-smalltext-medium {
+.rls-smalltext-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-smalltext-semibold {
+.rls-smalltext-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-smalltext-bold {
+.rls-smalltext-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-caption-default,
-.rls-caption-bold,
-.rls-caption-semibold,
-.rls-caption-medium,
-.rls-caption-regular {
+.rls-caption-font-default,
+.rls-caption-font-bold,
+.rls-caption-font-semibold,
+.rls-caption-font-medium,
+.rls-caption-font-regular,
+.rls-caption-font {
   font-size: var(--rls-caption-font-size);
   letter-spacing: var(--rls-caption-letter-spacing);
   min-height: var(--rls-caption-line-height);
   line-height: var(--rls-caption-line-height);
 }
-.rls-caption-regular {
+.rls-caption-font {
+  font-weight: var(--rls-caption-font-weight);
+}
+.rls-caption-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-caption-medium {
+.rls-caption-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-caption-semibold {
+.rls-caption-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-caption-bold {
+.rls-caption-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-overline-default,
-.rls-overline-bold,
-.rls-overline-semibold,
-.rls-overline-medium,
-.rls-overline-regular {
+.rls-overline-font-default,
+.rls-overline-font-bold,
+.rls-overline-font-semibold,
+.rls-overline-font-medium,
+.rls-overline-font-regular,
+.rls-overline-font {
   font-size: var(--rls-overline-font-size);
   letter-spacing: var(--rls-overline-letter-spacing);
   min-height: var(--rls-overline-line-height);
   line-height: var(--rls-overline-line-height);
 }
-.rls-overline-regular {
+.rls-overline-font {
+  font-weight: var(--rls-overline-font-weight);
+}
+.rls-overline-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-overline-medium {
+.rls-overline-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-overline-semibold {
+.rls-overline-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-overline-bold {
+.rls-overline-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
-.rls-tiny-default,
-.rls-tiny-bold,
-.rls-tiny-semibold,
-.rls-tiny-medium,
-.rls-tiny-regular {
+.rls-tiny-font-default,
+.rls-tiny-font-bold,
+.rls-tiny-font-semibold,
+.rls-tiny-font-medium,
+.rls-tiny-font-regular,
+.rls-tiny-font {
   font-size: var(--rls-tiny-font-size);
   letter-spacing: var(--rls-tiny-letter-spacing);
   min-height: var(--rls-tiny-line-height);
   line-height: var(--rls-tiny-line-height);
 }
-.rls-tiny-regular {
+.rls-tiny-font {
+  font-weight: var(--rls-tiny-font-weight);
+}
+.rls-tiny-font-regular {
   font-weight: var(--rls-font-weight-regular);
 }
-.rls-tiny-medium {
+.rls-tiny-font-medium {
   font-weight: var(--rls-font-weight-medium);
 }
-.rls-tiny-semibold {
+.rls-tiny-font-semibold {
   font-weight: var(--rls-font-weight-semibold);
 }
-.rls-tiny-bold {
+.rls-tiny-font-bold {
   font-weight: var(--rls-font-weight-bold);
 }
 .rls-pdg-top-x4 {
@@ -6128,981 +6224,6 @@ button {
 .rls-mrg-x36 {
   margin: var(--rls-sizing-x36);
 }
-* {
-  scrollbar-width: thin;
-  scrollbar-color: var(--rls-theme-color-300) var(--rls-app-color-200);
-}
-.rls-app__body {
-  --pvt-navbar-dimension: 0rem;
-  --pvt-navbar-width: var(--rlc-app-navbar-width, 160rem);
-  --pvt-navbar-width-condense: 36rem;
-  --pvt-navbar-snackbar: var(--pvt-navbar-width);
-  display: flex;
-  flex-direction: column;
-  padding: 0rem;
-  margin: 0rem;
-  width: var(--rls-html-max-width);
-  height: var(--rls-html-max-height);
-  overflow: hidden;
-  z-index: var(--rls-z-index-8);
-}
-.rls-app__body--navbar-snackbar {
-  --rlc-snackbar-left: calc(50% + calc(var(--pvt-navbar-snackbar) / 2));
-}
-.rls-app__body--navbar-condense {
-  --pvt-navbar-width: var(--pvt-navbar-width-condense);
-  --pvt-nabvar-snackbar: var(--pvt-navbar-width-condense);
-}
-.rls-app__header {
-  --rlc-toolbar-height: 100%;
-  --pvt-header-height: var(--rlc-app-header-height, var(--rls-sizing-x28));
-  position: relative;
-  width: 100%;
-  height: var(--pvt-header-height);
-  box-sizing: border-box;
-  z-index: var(--rls-z-index-8);
-  background: var(--rlc-app-header-background, var(--rls-app-color-050));
-}
-.rls-app__header + .rls-app__page,
-.rls-app__header + .rls-app__content {
-  height: calc(var(--rls-html-max-height) - var(--pvt-header-height));
-}
-.rls-app__content {
-  position: relative;
-  width: 100%;
-  height: var(--rls-html-max-height);
-  margin: 0rem;
-  padding: 0rem;
-  overflow: auto;
-  box-sizing: border-box;
-  background: var(--rlc-app-content-background, var(--rls-app-color-050));
-}
-.rls-app__page {
-  position: relative;
-  display: flex;
-  width: 100%;
-  height: var(--rls-html-max-height);
-  margin: 0rem;
-  padding: 0rem;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-.rls-app__page__nav {
-  position: relative;
-  width: var(--pvt-navbar-width);
-  height: 100%;
-  margin: 0rem;
-  padding: 0rem;
-  background: var(--rlc-app-navbar-background, var(--rls-theme-color-200));
-  transition: width 280ms var(--rls-acceleration-curve);
-}
-.rls-app__page__nav + .rls-app__page__content {
-  --rlc-snackbar-left: calc(50% + calc(var(--pvt-navbar-width) / 2));
-  width: calc(100% - var(--pvt-navbar-width));
-}
-.rls-app__page__nav__content {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background: var(
-    --rlc-app-navbar-content-background,
-    rgba(255, 255, 255, 0.84)
-  );
-  backdrop-filter: blur(2px);
-  overflow-x: hidden;
-  overflow-y: auto;
-  box-sizing: border-box;
-  border-right: var(--rls-app-border-1-200);
-}
-.rls-app__page__content {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin: 0rem;
-  padding: 0rem;
-  overflow: hidden;
-  box-sizing: border-box;
-  transition: width 240ms var(--rls-acceleration-curve);
-}
-@media screen and (max-width: 640px) {
-  .rls-app__body {
-    --pvt-navbar-dimension: 140rem;
-    --pvt-navbar-width: var(--pvt-navbar-dimension);
-    --pvt-navbar-width-condense: var(--pvt-navbar-dimension);
-    --pvt-section-navbar: 0rem;
-    --pvt-navbar-snackbar: 0rem;
-  }
-  .rls-app__body--navbar-condense {
-    --pvt-section-navbar: var(--pvt-navbar-dimension);
-  }
-  .rls-app__page {
-    width: calc(var(--rls-html-max-width) + var(--pvt-navbar-width));
-    left: calc(var(--pvt-section-navbar) * -1);
-    transition: left 280ms var(--rls-standard-curve);
-  }
-}
-@media screen and (max-width: 480px) {
-  .rls-app__body {
-    --pvt-navbar-dimension: calc(100vw - 32rem);
-  }
-}
-.rls-datatable {
-  --pvt-datatable-font-size: var(
-    --rlc-datatable-font-size,
-    var(--rls-label-font-size)
-  );
-  --pvt-datatable-letter-spacing: var(
-    --rlc-datatable-letter-spacing,
-    var(--rls-label-letter-spacing)
-  );
-  --pvt-datatable-font-color: var(
-    --rlc-datatable-font-color,
-    var(--rls-app-color-900)
-  );
-  --pvt-datatable-padding-component: 0rem;
-  --pvt-datatable-padding-scroll: var(--rlc-datatable-padding-scroll, 0rem);
-  --pvt-datatable-table-overflow: initial;
-  --pvt-datatable-body-overflow: initial;
-  --pvt-datatable-border-radius: var(
-    --rlc-datatable-border-radius,
-    var(--rls-sizing-x4)
-  );
-  --pvt-datatable-header-padding-right: var(--pvt-datatable-padding-scroll);
-  --pvt-datatable-header-background: var(
-    --rlc-datatable-header-background,
-    var(--rls-app-color-100)
-  );
-  --pvt-datatable-header-border: var(
-    --rlc-datatable-header-border,
-    var(--rls-app-border-1-200)
-  );
-  --pvt-datatable-row-background: var(
-    --rlc-datatable-row-background,
-    transparent
-  );
-  --pvt-datatable-row-border: var(
-    --rlc-datatable-row-border,
-    var(--rls-app-border-1-200)
-  );
-  --pvt-datatable-summary-background: var(
-    --rlc-datatable-summary-background,
-    var(--rls-app-color-100)
-  );
-  --pvt-datatable-footer-background: var(
-    --rlc-datatable-footer-background,
-    var(--rls-app-color-100)
-  );
-  --pvt-datatable-floating-background: var(--rls-app-color-100);
-  --rlc-amount-font-size: var(--pvt-datatable-font-size);
-  --rlc-amount-width: 100%;
-  --rlc-badge-padding: 0.5rem 1.5rem;
-  --rlc-ballot-padding: 0rem;
-  --rlc-ballot-component-row-gap: var(--rls-sizing-x1);
-  --rlc-ballot-title-letter-spacing: var(--rls-smalltext-letter-spacing);
-  --rlc-ballot-title-font-size: var(--rls-smalltext-font-size);
-  --rlc-ballot-title-line-height: var(--rls-smalltext-line-height);
-  --rlc-ballot-subtitle-letter-spacing: var(--rls-overline-letter-spacing);
-  --rlc-ballot-subtitle-font-size: var(--rls-overline-font-size);
-  --rlc-ballot-subtitle-line-height: var(--rls-overline-line-height);
-  --rlc-field-box-body-background: transparent;
-  --rlc-field-box-padding: 0rem;
-  --rlc-field-box-width: 100%;
-  --rlc-field-box-error-display: none;
-  --rlc-field-box-label-display: none;
-  --rlc-input-font-size: var(--pvt-datatable-font-size);
-  --rlc-input-letter-spacing: var(--pvt-datatable-letter-spacing);
-  --rlc-skeleton-text-column-gap: var(--rls-sizing-x2);
-  position: relative;
-  display: flex;
-  width: 100%;
-  height: var(--rlc-datatable-height, auto);
-  flex-direction: column;
-  row-gap: var(--rls-sizing-x6);
-  border-radius: var(--rls-sizing-x4);
-  box-sizing: border-box;
-}
-.rls-datatable--resizable {
-  --pvt-datatable-table-overflow: hidden;
-  --pvt-datatable-body-overflow: auto;
-  height: 100%;
-}
-.rls-datatable--scrolleable {
-  --pvt-datatable-padding-scroll: var(--rls-sizing-x4);
-  --pvt-datatable-header-padding-right: calc(
-    var(--pvt-datatable-padding-scroll) +
-      var(--rlc-datatable-width-scroll, var(--rls-sizing-x4))
-  );
-  --pvt-datatable-padding-component: 0rem
-    calc(var(--pvt-datatable-padding-scroll) + 5rem) 0rem 0rem;
-}
-.rls-datatable__toolbar {
-  display: flex;
-  flex: 0 0 auto;
-  column-gap: var(--rls-sizing-x6);
-  padding: var(--pvt-datatable-padding-component);
-  box-sizing: border-box;
-  background: var(--pvt-datatable-header-background);
-  border: var(--pvt-datatable-header-border);
-  border-radius: var(--pvt-datatable-border-radius);
-}
-.rls-datatable__table {
-  display: flex;
-  flex: 0 1 auto;
-  overflow: var(--pvt-datatable-table-overflow);
-}
-.rls-datatable__table > table {
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  row-gap: var(--rls-sizing-x4);
-  border-spacing: 0;
-  border-collapse: collapse;
-}
-.rls-datatable__head {
-  flex: 0 0 auto;
-  width: 100%;
-  padding-right: var(--pvt-datatable-header-padding-right);
-  box-sizing: border-box;
-}
-.rls-datatable__header {
-  display: flex;
-  column-gap: var(--rls-sizing-x6);
-  padding: 0rem var(--rls-sizing-x6);
-  box-sizing: border-box;
-  background: var(--pvt-datatable-header-background);
-  border: var(--pvt-datatable-header-border);
-  border-radius: var(--pvt-datatable-border-radius);
-}
-.rls-datatable__header .rls-poster {
-  width: calc(100% - var(--rls-sizing-x2));
-  margin: auto 0rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.rls-datatable__title {
-  --rlc-field-box-body-background: transparent;
-  --rlc-field-box-body-background-focused: transparent;
-  --rlc-field-box-body-background-disabled: transparent;
-  --rlc-field-box-body-padding: 0rem;
-  --rlc-field-box-body-border: none;
-  --rlc-field-box-body-border-focused: none;
-  --rlc-field-box-body-border-error: none;
-  --rlc-field-box-body-border-disabled: none;
-  --rlc-field-box-body-shadow: none;
-  --rlc-field-box-body-shadow-error: none;
-  --rlc-field-box-action-background: transparent;
-  --rlc-field-list-control-font-size: var(--pvt-datatable-font-size);
-  --rlc-field-list-control-font-weight: var(--rls-font-weight-medium);
-  --rlc-field-list-control-letter-spacing: var(--rls-body-letter-spacing);
-  --rlc-field-list-element-padding: var(--rls-sizing-x4);
-  --rlc-field-list-suggestions-bottom: var(--rls-sizing-x24);
-  --rlc-field-list-suggestions-top: var(--rls-sizing-x24);
-  --rlc-poster-font-size: var(--pvt-datatable-font-size);
-  --rlc-poster-width: calc(100% - var(--rls-sizing-x2));
-  --rlc-poster-height: var(--rls-sizing-x8);
-  --rlc-poster-padding: var(--rls-sizing-x2);
-  position: relative;
-  display: flex;
-  min-height: var(--rls-sizing-x20);
-  align-items: center;
-  font-weight: var(
-    --rlc-datatable-header-font-weight,
-    var(--rls-font-weight-semibold)
-  );
-  font-size: var(--pvt-datatable-font-size);
-  letter-spacing: var(--pvt-datatable-letter-spacing);
-  text-align: left;
-  white-space: nowrap;
-}
-.rls-datatable__title--contained {
-  overflow: hidden;
-}
-.rls-datatable__title--control {
-  --rlc-action-ripple-dimension: var(--rls-sizing-x16);
-  --rlc-action-ripple-position: -8rem;
-  --rlc-avatar-radius: var(--rls-sizing-x3);
-  --rlc-avatar-width: var(--rls-sizing-x16);
-  --rlc-avatar-height: var(--rls-sizing-x16);
-  --rlc-avatar-font-size: var(--pvt-datatable-font-size);
-  --rlc-image-width: var(--rls-sizing-x12);
-  --rlc-image-height: var(--rls-sizing-x12);
-  --rlc-switch-max-width: var(--rls-sizing-x16);
-  --rlc-switch-component-height: var(--rls-sizing-x8);
-  --rlc-switch-element-width: var(--rls-sizing-x6);
-  --rlc-switch-element-height: var(--rls-sizing-x4);
-  --rlc-switch-element-radius: var(--rls-sizing-x4);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: var(--rls-sizing-x24);
-  padding: 0rem;
-}
-.rls-datatable__title--control > img {
-  width: var(--rls-sizing-x12);
-}
-.rls-datatable__title.rls-align-center {
-  justify-content: center;
-}
-.rls-datatable__title > span {
-  display: block;
-  width: 100%;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.rls-datatable__title > p {
-  padding: var(--rls-sizing-x2) 0rem;
-}
-.rls-datatable__title .rls-field-list {
-  --rlc-field-box-body-padding: var(--rls-sizing-x4) 0rem;
-  --rlc-field-box-action-dimension: var(--rls-sizing-x10);
-}
-.rls-datatable__title .rls-poster {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.rls-datatable__title > a:hover {
-  color: var(--rls-app-color-700);
-  text-decoration: underline;
-}
-.rls-datatable__title > * {
-  color: var(--rls-app-color-700);
-}
-.rls-datatable__body {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  row-gap: var(--rls-sizing-x6);
-  padding-right: var(--pvt-datatable-padding-scroll);
-  box-sizing: border-box;
-  overflow-y: var(--pvt-datatable-body-overflow);
-}
-.rls-datatable__subheader,
-.rls-datatable__record,
-.rls-datatable__totals {
-  position: relative;
-  display: flex;
-  column-gap: var(--rls-sizing-x6);
-  padding: 0rem var(--rls-sizing-x6);
-  box-sizing: border-box;
-  background: var(--pvt-datatable-row-background);
-  border: var(--pvt-datatable-row-border);
-  border-radius: var(--pvt-datatable-border-radius);
-}
-.rls-datatable__subheader--contained,
-.rls-datatable__record--contained,
-.rls-datatable__totals--contained {
-  overflow: hidden;
-}
-.rls-datatable__subheader--success,
-.rls-datatable__record--success,
-.rls-datatable__totals--success {
-  --pvt-datatable-floating-background: var(--rls-success-color-100);
-  background: var(--rls-success-color-050);
-  border: var(--rls-success-border-1-200);
-}
-.rls-datatable__subheader--info,
-.rls-datatable__record--info,
-.rls-datatable__totals--info {
-  --pvt-datatable-floating-background: var(--rls-info-color-100);
-  background: var(--rls-info-color-050);
-  border: var(--rls-info-border-1-200);
-}
-.rls-datatable__subheader--warning,
-.rls-datatable__record--warning,
-.rls-datatable__totals--warning {
-  --pvt-datatable-floating-background: var(--rls-warning-color-100);
-  background: var(--rls-warning-color-050);
-  border: var(--rls-warning-border-1-200);
-}
-.rls-datatable__subheader--error,
-.rls-datatable__record--error,
-.rls-datatable__totals--error {
-  --pvt-datatable-floating-background: var(--rls-danger-color-100);
-  background: var(--rls-danger-color-050);
-  border: var(--rls-danger-border-1-200);
-}
-.rls-datatable__subheader {
-  --pvt-data-font-color: var(--rls-app-color-700);
-  --pvt-data-font-weight: var(--rls-font-weight-semibold);
-  position: sticky;
-  top: 0px;
-  z-index: var(--rls-z-index-4);
-  background: var(--pvt-datatable-header-background);
-}
-.rls-datatable__cell,
-.rls-datatable__data {
-  --rlc-field-box-body-background: transparent;
-  --rlc-field-box-body-background-focused: transparent;
-  --rlc-field-box-body-background-disabled: transparent;
-  --rlc-field-box-body-padding: 0rem;
-  --rlc-field-box-body-border: none;
-  --rlc-field-box-body-border-focused: none;
-  --rlc-field-box-body-border-error: none;
-  --rlc-field-box-body-border-disabled: none;
-  --rlc-field-box-body-shadow: none;
-  --rlc-field-box-body-shadow-error: none;
-  --rlc-field-box-action-background: transparent;
-  --rlc-field-list-control-font-size: var(--pvt-datatable-font-size);
-  --rlc-field-list-control-font-weight: var(--rls-font-weight-medium);
-  --rlc-field-list-control-letter-spacing: var(--rls-body-letter-spacing);
-  --rlc-field-list-element-padding: var(--rls-sizing-x4);
-  --rlc-field-list-suggestions-bottom: var(--rls-sizing-x24);
-  --rlc-field-list-suggestions-top: var(--rls-sizing-x24);
-  --rlc-poster-font-size: var(--pvt-datatable-font-size);
-  --rlc-poster-width: calc(100% - var(--rls-sizing-x2));
-  --rlc-poster-height: var(--rls-sizing-x8);
-  --rlc-poster-padding: var(--rls-sizing-x2);
-  position: relative;
-  display: flex;
-  align-items: center;
-  cursor: default;
-  text-align: left;
-  min-height: var(--rls-sizing-x20);
-  font-size: var(--pvt-datatable-font-size);
-  letter-spacing: var(--pvt-datatable-letter-spacing);
-}
-.rls-datatable__cell--contained,
-.rls-datatable__data--contained {
-  overflow: hidden;
-}
-.rls-datatable__cell--control,
-.rls-datatable__data--control {
-  --rlc-action-ripple-dimension: var(--rls-sizing-x16);
-  --rlc-action-ripple-position: -8rem;
-  --rlc-avatar-radius: var(--rls-sizing-x3);
-  --rlc-avatar-width: var(--rls-sizing-x16);
-  --rlc-avatar-height: var(--rls-sizing-x16);
-  --rlc-avatar-font-size: var(--pvt-datatable-font-size);
-  --rlc-image-width: var(--rls-sizing-x12);
-  --rlc-image-height: var(--rls-sizing-x12);
-  --rlc-switch-max-width: var(--rls-sizing-x16);
-  --rlc-switch-component-height: var(--rls-sizing-x8);
-  --rlc-switch-element-width: var(--rls-sizing-x6);
-  --rlc-switch-element-height: var(--rls-sizing-x4);
-  --rlc-switch-element-radius: var(--rls-sizing-x4);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: var(--rls-sizing-x24);
-  padding: 0rem;
-}
-.rls-datatable__cell--control > img,
-.rls-datatable__data--control > img {
-  width: var(--rls-sizing-x12);
-}
-.rls-datatable__cell.rls-align-center,
-.rls-datatable__data.rls-align-center {
-  justify-content: center;
-}
-.rls-datatable__cell > span,
-.rls-datatable__data > span {
-  display: block;
-  width: 100%;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.rls-datatable__cell > p,
-.rls-datatable__data > p {
-  padding: var(--rls-sizing-x2) 0rem;
-}
-.rls-datatable__cell .rls-field-list,
-.rls-datatable__data .rls-field-list {
-  --rlc-field-box-body-padding: var(--rls-sizing-x4) 0rem;
-  --rlc-field-box-action-dimension: var(--rls-sizing-x10);
-}
-.rls-datatable__cell .rls-poster,
-.rls-datatable__data .rls-poster {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.rls-datatable__cell > a:hover,
-.rls-datatable__data > a:hover {
-  color: var(--rls-app-color-700);
-  text-decoration: underline;
-}
-.rls-datatable__cell {
-  color: var(--pvt-datatable-font-color);
-  font-weight: var(--rls-font-weight-regular);
-}
-.rls-datatable__data {
-  color: var(--pvt-data-font-color, var(--pvt-datatable-font-color));
-  font-weight: var(--pvt-data-font-weight, var(--rls-font-weight-regular));
-}
-.rls-datatable__floating {
-  --pvt-action-tooltip-left: 0;
-  --pvt-action-tooltip-right: initial;
-  --pvt-action-tooltip-transform: translate(calc(-100% - var(--rls-sizing-x4)));
-  position: absolute;
-  display: flex;
-  left: initial;
-  right: 0;
-  height: 100%;
-  column-gap: 4rem;
-  align-items: center;
-  z-index: var(--rls-z-index-2);
-  padding: 0rem var(--rls-sizing-x6);
-  background: var(--pvt-datatable-floating-background);
-  border-right: none;
-  transform: translateX(calc(100% - var(--rls-sizing-x4)));
-  transition: transform 240ms var(--rls-standard-curve);
-}
-.rls-datatable__floating:hover {
-  transform: translateX(0);
-}
-.rls-datatable__floating--invested {
-  --pvt-action-tooltip-left: initial;
-  --pvt-action-tooltip-right: 0;
-  --pvt-action-tooltip-transform: translate(calc(100% + var(--rls-sizing-x4)));
-  right: initial;
-  left: 0;
-  transform: translateX(calc(-100% + var(--rls-sizing-x4)));
-}
-.rls-datatable__floating[rls-theme] {
-  background: var(--rls-theme-color-050);
-}
-.rls-datatable__floating .rls-button-action__tooltip {
-  top: 0;
-  left: var(--pvt-action-tooltip-left);
-  right: var(--pvt-action-tooltip-right);
-  transform: var(--pvt-action-tooltip-transform);
-  z-index: var(--rls-z-index-2);
-}
-.rls-datatable__summary {
-  --pvt-datatable-row-background: var(--pvt-datatable-summary-background);
-  flex: 0 0 auto;
-  padding-right: var(--pvt-datatable-header-padding-right);
-  box-sizing: border-box;
-}
-.rls-datatable__footer {
-  --pvt-datatable-row-background: var(--pvt-datatable-footer-background);
-  position: relative;
-  flex: 0 0 auto;
-  width: 100%;
-  overflow: hidden;
-  padding: var(--pvt-datatable-padding-component);
-  box-sizing: border-box;
-}
-.rls-field-box {
-  --pvt-body-background: var(--rlc-field-box-body-background, transparent);
-  --pvt-body-background-disabled: var(
-    --rlc-field-box-body-background-disabled,
-    var(--rls-app-color-100)
-  );
-  --pvt-body-border: var(
-    --rlc-field-box-body-border,
-    var(--rls-app-border-1-300)
-  );
-  --pvt-body-border-focused: var(
-    --rlc-field-box-body-border-focused,
-    var(--rls-theme-border-1-500)
-  );
-  --pvt-body-border-error: var(
-    --rlc-field-box-body-border-error,
-    var(--rls-danger-border-1-500)
-  );
-  --pvt-body-border-disabled: var(
-    --rlc-field-box-body-border-disabled,
-    var(--rls-app-border-1-300)
-  );
-  --pvt-body-shadow: none;
-  --pvt-label-font-color: var(
-    --rlc-field-box-label-font-color,
-    var(--rls-app-color-600)
-  );
-  --pvt-label-opacity: 1;
-  --pvt-body-opacity: 1;
-  position: relative;
-  display: flex;
-  width: var(--rlc-field-box-width, 100%);
-  flex-direction: column;
-  row-gap: var(--rls-sizing-x2);
-  padding: var(--rlc-field-box-padding, 0rem);
-  box-sizing: border-box;
-  transition: height 160ms 0ms var(--rls-standard-curve);
-}
-.rls-field-box--focused {
-  --pvt-body-shadow: var(
-    --rlc-field-box-body-shadow,
-    var(--rls-theme-shadow-500)
-  );
-  --pvt-label-font-color: var(--rls-theme-color-500);
-  --pvt-body-border: var(--pvt-body-border-focused);
-}
-.rls-field-box--error {
-  --pvt-body-shadow: var(
-    --rlc-field-box-body-shadow-error,
-    0px 0px 0px 3px var(--rls-danger-shadow-color-500)
-  );
-  --pvt-label-font-color: var(--rls-danger-color-500);
-  --pvt-body-border: var(--pvt-body-border-error);
-}
-.rls-field-box--disabled {
-  --pvt-body-opacity: 0.75;
-  --pvt-label-opacity: 0.5;
-  --pvt-body-background: var(--pvt-body-background-disabled);
-  --pvt-body-border: var(--pvt-body-border-disabled);
-}
-.rls-field-box--readonly {
-  --rlc-input-font-color: var(--rls-app-color-600);
-}
-.rls-field-box__label {
-  position: relative;
-  display: var(--rlc-field-box-label-display, block);
-  width: 100%;
-  padding: 0rem 5rem;
-  box-sizing: border-box;
-  color: var(--pvt-label-font-color);
-  opacity: var(--pvt-label-opacity);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  font-weight: var(--rls-font-weight-medium);
-  font-size: var(--rls-smalltext-font-size);
-  letter-spacing: var(--rls-smalltext-letter-spacing);
-  min-height: var(--rls-smalltext-line-height);
-  line-height: var(--rls-smalltext-line-height);
-}
-.rls-field-box__label span {
-  color: var(--rls-danger-color-500);
-}
-.rls-field-box__body {
-  display: flex;
-  align-items: center;
-  column-gap: var(--rls-sizing-x2);
-  overflow: hidden;
-  background: var(--pvt-body-background);
-  opacity: var(--pvt-body-opacity);
-  border-radius: var(--rlc-field-box-body-radius, var(--rls-sizing-x3));
-  padding: var(--rlc-field-box-body-padding, 0rem);
-  box-sizing: border-box;
-  border: var(--pvt-body-border);
-  box-shadow: var(--pvt-body-shadow);
-}
-.rls-field-box__helper {
-  color: var(--rls-app-color-400);
-  padding: 0rem 5rem;
-  box-sizing: border-box;
-  font-weight: var(--rls-font-weight-medium);
-  font-size: var(--rls-overline-font-size);
-  letter-spacing: var(--rls-overline-letter-spacing);
-  min-height: var(--rls-overline-line-height);
-  line-height: var(--rls-overline-line-height);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.rls-field-box__error {
-  display: var(--rlc-field-box-error-display, block);
-  padding: 0rem var(--rls-sizing-x4);
-  box-sizing: border-box;
-}
-.rls-field-list {
-  --pvt-action-font-color: var(--rls-app-color-600);
-  --pvt-action-dimension: var(
-    --rlc-field-box-action-dimension,
-    var(--rls-sizing-x12)
-  );
-  --pvt-action-background: var(
-    --rlc-field-box-action-background,
-    var(--rls-app-color-200)
-  );
-  --pvt-control-width: calc(100% - var(--pvt-action-dimension));
-  --pvt-control-pointer-events: initial;
-  --pvt-list-height: 0rem;
-  --pvt-list-max-height: 160rem;
-  --pvt-list-opacity: 0;
-  --pvt-list-transform: none;
-  --pvt-list-body-component-display: none;
-  --pvt-list-body-height: 0rem;
-  --pvt-list-body-max-height: 160rem;
-  --pvt-list-body-border: var(--rls-theme-border-1-500);
-  --pvt-list-component-padding: 0rem var(--rls-sizing-x4);
-  --pvt-element-opacity: 1;
-  --pvt-element-pointer-events: initial;
-  --pvt-backdrop-opacity: 0;
-  --pvt-backdrop-bottom: initial;
-  --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
-  position: relative;
-  box-sizing: border-box;
-}
-.rls-field-list.rls-field-box--disabled {
-  --pvt-action-font-color: var(--rls-app-color-400);
-  --pvt-action-background: transparent;
-}
-.rls-field-list.rls-field-box--readonly {
-  --pvt-control-width: 100%;
-  --pvt-control-pointer-events: none;
-}
-.rls-field-list__control {
-  position: relative;
-  width: var(--pvt-control-width);
-  height: var(--rls-sizing-x12);
-  line-height: var(--rls-sizing-x12);
-  padding: 0rem;
-  cursor: var(--rlc-field-list-control-cursor, default);
-  border: none;
-  outline: none;
-  background: rgba(0, 0, 0, 0);
-  font-weight: var(
-    --rlc-field-list-control-font-weight,
-    var(--rls-font-weight-medium)
-  );
-  font-size: var(
-    --rlc-field-list-control-font-size,
-    var(--rls-input-font-size)
-  );
-  letter-spacing: var(
-    --rlc-field-list-control-letter-spacing,
-    var(--rls-input-letter-spacing)
-  );
-  color: var(--rlc-input-font-color);
-  pointer-events: var(--pvt-control-pointer-events);
-}
-.rls-field-list__control::placeholder {
-  color: var(--rls-app-color-400);
-}
-.rls-field-list__control::selection {
-  background: var(--rls-theme-color-700);
-  color: var(--rls-app-color-050);
-}
-.rls-field-list__control:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.rls-field-list__action {
-  --rlc-icon-dimension: calc(var(--pvt-action-dimension) - 2rem);
-  width: var(--pvt-action-dimension);
-  height: var(--pvt-action-dimension);
-  color: var(--pvt-action-font-color);
-  padding: 0rem;
-  outline: none;
-  border-radius: var(--rlc-field-box-action-radius, var(--rls-sizing-x2));
-  background: var(--pvt-action-background);
-}
-.rls-field-list__action .rls-icon {
-  margin: 1rem;
-}
-.rls-field-list__suggestions {
-  position: absolute;
-  top: var(--rlc-field-list-suggestions-top, calc(100% + var(--rls-sizing-x6)));
-  bottom: initial;
-  left: 0rem;
-  width: 100%;
-  height: var(--pvt-list-height);
-  max-height: var(--pvt-list-max-height);
-  opacity: 0;
-  z-index: -1;
-  overflow: hidden;
-  padding-bottom: var(--rls-sizing-x6);
-}
-.rls-field-list__suggestions--visible {
-  --pvt-list-height: auto;
-  --pvt-list-body-height: auto;
-  --pvt-list-opacity: 1;
-  overflow: initial;
-  opacity: 1;
-  z-index: var(--rls-z-index-8);
-}
-.rls-field-list__suggestions--higher {
-  top: initial;
-  bottom: var(
-    --rlc-field-list-suggestions-bottom,
-    calc(100% - var(--rls-sizing-x4))
-  );
-}
-.rls-field-list__suggestions--disabled {
-  --pvt-element-opacity: 0.5;
-  --pvt-element-pointer-events: none;
-}
-.rls-field-list__suggestions__body {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: var(--pvt-list-body-height);
-  max-height: var(--pvt-list-body-max-height);
-  padding: var(--rls-sizing-x4) var(--rls-sizing-x2);
-  box-sizing: border-box;
-  border-radius: var(--rls-sizing-x4);
-  opacity: var(--pvt-list-opacity);
-  overflow: hidden;
-  z-index: var(--rls-z-index-2);
-  border: var(--pvt-list-body-border);
-  background: var(--rls-app-color-050);
-  box-shadow: var(--rls-theme-shadow-500);
-  transform: var(--pvt-list-transform);
-}
-.rls-field-list__suggestions__body::before {
-  display: var(--pvt-list-body-component-display);
-  content: '';
-  width: var(--rls-sizing-x24);
-  height: var(--rls-sizing-x2);
-  border-radius: var(--rls-sizing-x2);
-  background: var(--rls-app-color-300);
-  margin: var(--rls-sizing-x3) auto;
-}
-.rls-field-list__ul {
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  row-gap: var(--rls-sizing-x1);
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: var(--pvt-list-component-padding);
-  box-sizing: border-box;
-}
-.rls-field-list__element {
-  --rlc-ballot-subtitle-overflow: hidden;
-  --rlc-ballot-subtitle-text-overflow: ellipsis;
-  --rlc-ballot-subtitle-white-space: nowrap;
-  box-sizing: border-box;
-  outline: none;
-  border-radius: var(--rls-sizing-x4);
-  padding: var(--rlc-field-list-element-padding, var(--rls-sizing-x2));
-  box-sizing: border-box;
-  opacity: var(--pvt-element-opacity);
-  pointer-events: var(--pvt-element-pointer-events);
-}
-.rls-field-list__element:hover {
-  background: var(--rls-app-color-100);
-}
-.rls-field-list__element:not(:hover):focus {
-  background: var(--rls-theme-color-100);
-}
-.rls-field-list__ballot {
-  --rlc-ballot-padding: var(--rls-sizing-x4) var(--rls-sizing-x2);
-  --rlc-ballot-component-row-gap: var(--rls-sizing-x2);
-  --rlc-ballot-title-letter-spacing: var(--rls-label-letter-spacing);
-  --rlc-ballot-title-font-size: var(--rls-label-font-size);
-  --rlc-ballot-title-line-height: var(--rls-label-line-height);
-  --rlc-ballot-subtitle-letter-spacing: var(--rls-smalltext-letter-spacing);
-  --rlc-ballot-subtitle-font-size: var(--rls-smalltext-font-size);
-  --rlc-ballot-subtitle-line-height: var(--rls-smalltext-line-height);
-}
-.rls-field-list__empty {
-  display: flex;
-  padding: 0rem var(--rls-sizing-x4);
-  box-sizing: border-box;
-}
-.rls-field-list__empty__avatar {
-  width: var(--rls-sizing-x20);
-  height: var(--rls-sizing-x20);
-}
-.rls-field-list__empty__avatar img {
-  width: 100%;
-}
-.rls-field-list__empty__description {
-  display: flex;
-  flex-direction: column;
-  row-gap: var(--rls-sizing-x2);
-  overflow: hidden;
-}
-.rls-field-list__empty__description label {
-  display: block;
-  width: 100%;
-  color: var(--rls-app-color-600);
-}
-.rls-field-list__empty__description p {
-  white-space: initial;
-  color: var(--rls-app-color-600);
-}
-.rls-field-list__backdrop {
-  position: absolute;
-  display: block;
-  top: 0rem;
-  left: 0rem;
-  right: 0rem;
-  bottom: var(--pvt-backdrop-bottom);
-  opacity: var(--pvt-backdrop-opacity);
-  z-index: var(--rls-z-index-2);
-  background: var(--rls-theme-backdrop-900);
-  backdrop-filter: blur(2px);
-  transition:
-    opacity 120ms 0ms var(--rls-deceleration-curve),
-    bottom 120ms 0ms var(--rls-deceleration-curve);
-}
-@media screen and (max-width: 480px) {
-  .rls-field-list {
-    --pvt-list-transform: translateY(100%);
-    --pvt-list-body-component-display: block;
-    --pvt-list-body-border: none;
-    --pvt-list-component-padding: var(--rls-sizing-x6) var(--rls-sizing-x4);
-  }
-  .rls-field-list__suggestions {
-    position: fixed;
-    display: flex;
-    justify-content: center;
-    top: 0rem;
-    left: 0rem;
-    z-index: var(--rls-z-index-32);
-  }
-  .rls-field-list__suggestions--visible {
-    --pvt-list-max-height: initial;
-    --pvt-list-body-max-height: calc(100% - 28rem);
-    --pvt-list-transform: translateY(0%);
-    --pvt-backdrop-opacity: 1;
-    --pvt-backdrop-bottom: 0rem;
-    height: 100%;
-  }
-  .rls-field-list__suggestions__body {
-    position: absolute;
-    bottom: 0px;
-    z-index: var(--rls-z-index-4);
-    box-shadow: none;
-    transition:
-      opacity 240ms 0ms var(--rls-standard-curve),
-      transform 240ms 0ms var(--rls-standard-curve);
-  }
-  .rls-field-list__empty {
-    flex-direction: column;
-    padding: var(--rls-sizing-x12) var(--rls-sizing-x2);
-  }
-  .rls-field-list__empty__avatar {
-    width: 100%;
-    height: auto;
-    max-width: var(--rls-sizing-x8);
-    margin: auto;
-    padding-bottom: var(--rls-sizing-x6);
-  }
-  .rls-field-list__empty__description label,
-  .rls-field-list__empty__description p {
-    text-align: center;
-  }
-}
-.rls-form {
-  display: flex;
-  flex-direction: column;
-  row-gap: var(--rls-sizing-x8);
-}
-.rls-form__content {
-  position: relative;
-  padding: 0rem var(--rls-sizing-x8);
-  box-sizing: border-box;
-}
-.rls-form__footer {
-  position: relative;
-  display: flex;
-  justify-content: var(--rlc-form-footer-justify-content, end);
-  column-gap: var(--rls-sizing-x8);
-  padding: 0rem var(--rls-sizing-x8);
-  box-sizing: border-box;
-}
-.rls-divider {
-  height: var(--rlc-divider-height, var(--rls-sizing-x1));
-  background-image: linear-gradient(
-    to right,
-    var(--rlc-divider-background, var(--rls-app-color-300)) 50%,
-    rgba(255, 255, 255, 0) 0%
-  );
-  background-position: bottom;
-  background-size: var(--rlc-divider-size, var(--rls-sizing-x4));
-  background-repeat: repeat-x;
-}
 :root {
   --rls-html-max-width: 100%;
   --rls-html-max-height: 100%;