@react-ui-org/react-ui 0.60.0 → 0.62.0

package/dist/react-ui.development.css

@@ -1,7 +1,6 @@
 /*!***********************************************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/index.scss ***!
   \***********************************************************************************************************************************************************************************************************/
-@charset "UTF-8";
 @layer theme, foundation, helpers, components, utilities;
 @layer theme {
   :root {
@@ -79,79 +78,79 @@
     --rui-cursor-not-allowed: not-allowed;
     --rui-border-focus-ring: var(--rui-dimension-space-1) solid rgba(0, 123, 255, 0.5);
     --rui-color-text-primary: #000;
-    --rui-color-text-primary-disabled: #b3b3b3;
-    --rui-color-text-secondary: gray;
-    --rui-color-text-secondary-disabled: #b3b3b3;
+    --rui-color-text-primary-disabled: rgb(178.5, 178.5, 178.5);
+    --rui-color-text-secondary: rgb(127.5, 127.5, 127.5);
+    --rui-color-text-secondary-disabled: rgb(178.5, 178.5, 178.5);
     --rui-color-text-link: #007bff;
-    --rui-color-text-link-hover: #006fe6;
-    --rui-color-text-link-active: #0062cc;
+    --rui-color-text-link-hover: rgb(0, 110.7, 229.5);
+    --rui-color-text-link-active: rgb(0, 98.4, 204);
     --rui-color-action-primary: #00778b;
-    --rui-color-action-primary-hover: #006b7d;
-    --rui-color-action-primary-active: #005f6f;
+    --rui-color-action-primary-hover: rgb(0, 107.1, 125.1);
+    --rui-color-action-primary-active: rgb(0, 95.2, 111.2);
     --rui-color-action-on-primary: #fff;
-    --rui-color-action-secondary: gray;
-    --rui-color-action-secondary-hover: #737373;
+    --rui-color-action-secondary: rgb(127.5, 127.5, 127.5);
+    --rui-color-action-secondary-hover: rgb(114.75, 114.75, 114.75);
     --rui-color-action-secondary-active: #666666;
     --rui-color-action-on-secondary: #fff;
     --rui-color-action-selected: #007bff;
-    --rui-color-action-selected-hover: #006fe6;
-    --rui-color-action-selected-active: #0062cc;
+    --rui-color-action-selected-hover: rgb(0, 110.7, 229.5);
+    --rui-color-action-selected-active: rgb(0, 98.4, 204);
     --rui-color-action-on-selected: #fff;
     --rui-color-feedback-success: #28a745;
-    --rui-color-feedback-success-hover: #24963e;
-    --rui-color-feedback-success-active: #208637;
+    --rui-color-feedback-success-hover: rgb(36, 150.3, 62.1);
+    --rui-color-feedback-success-active: rgb(32, 133.6, 55.2);
     --rui-color-feedback-on-success: #fff;
     --rui-color-feedback-warning: #ffc107;
-    --rui-color-feedback-warning-hover: #e6ae06;
-    --rui-color-feedback-warning-active: #cc9a06;
+    --rui-color-feedback-warning-hover: rgb(229.5, 173.7, 6.3);
+    --rui-color-feedback-warning-active: rgb(204, 154.4, 5.6);
     --rui-color-feedback-on-warning: #000;
     --rui-color-feedback-danger: #dc3545;
-    --rui-color-feedback-danger-hover: #c6303e;
-    --rui-color-feedback-danger-active: #b02a37;
+    --rui-color-feedback-danger-hover: rgb(198, 47.7, 62.1);
+    --rui-color-feedback-danger-active: rgb(176, 42.4, 55.2);
     --rui-color-feedback-on-danger: #fff;
     --rui-color-feedback-help: #6610f2;
-    --rui-color-feedback-help-hover: #5c0eda;
-    --rui-color-feedback-help-active: #520dc2;
+    --rui-color-feedback-help-hover: rgb(91.8, 14.4, 217.8);
+    --rui-color-feedback-help-active: rgb(81.6, 12.8, 193.6);
     --rui-color-feedback-on-help: #fff;
     --rui-color-feedback-info: #17a2b8;
-    --rui-color-feedback-info-hover: #1592a6;
-    --rui-color-feedback-info-active: #128293;
+    --rui-color-feedback-info-hover: rgb(20.7, 145.8, 165.6);
+    --rui-color-feedback-info-active: rgb(18.4, 129.6, 147.2);
     --rui-color-feedback-on-info: #fff;
     --rui-color-feedback-note: #007bff;
-    --rui-color-feedback-note-hover: #006fe6;
-    --rui-color-feedback-note-active: #0062cc;
+    --rui-color-feedback-note-hover: rgb(0, 110.7, 229.5);
+    --rui-color-feedback-note-active: rgb(0, 98.4, 204);
     --rui-color-feedback-on-note: #fff;
     --rui-color-neutral-light: #fff;
-    --rui-color-neutral-light-hover: #f2f2f2;
-    --rui-color-neutral-light-active: #e6e6e6;
-    --rui-color-neutral-on-light: #4d4d4d;
-    --rui-color-neutral-dark: #4d4d4d;
+    --rui-color-neutral-light-hover: rgb(242.25, 242.25, 242.25);
+    --rui-color-neutral-light-active: rgb(229.5, 229.5, 229.5);
+    --rui-color-neutral-on-light: rgb(76.5, 76.5, 76.5);
+    --rui-color-neutral-dark: rgb(76.5, 76.5, 76.5);
     --rui-color-neutral-dark-hover: #333333;
-    --rui-color-neutral-dark-active: #1a1a1a;
+    --rui-color-neutral-dark-active: rgb(25.5, 25.5, 25.5);
     --rui-color-neutral-on-dark: #fff;
-    --rui-color-background-base: #f2f2f2;
+    --rui-color-background-base: rgb(242.25, 242.25, 242.25);
     --rui-color-background-layer-1: #fff;
     --rui-color-background-layer-2: #fff;
     --rui-color-background-basic: #fff;
-    --rui-color-background-disabled: #f2f2f2;
+    --rui-color-background-disabled: rgb(242.25, 242.25, 242.25);
     --rui-color-background-interactive: transparent;
-    --rui-color-background-interactive-hover: #f2f2f2;
-    --rui-color-background-interactive-active: #e6e6e6;
-    --rui-color-background-primary: #e6f1f3;
-    --rui-color-background-secondary: #f2f2f2;
-    --rui-color-background-selected: #e6f2ff;
-    --rui-color-background-success: #eaf6ec;
-    --rui-color-background-warning: #fff9e6;
-    --rui-color-background-danger: #fcebec;
-    --rui-color-background-help: #f0e7fe;
-    --rui-color-background-info: #e8f6f8;
-    --rui-color-background-note: #e6f2ff;
-    --rui-color-background-light: #e6e6e6;
+    --rui-color-background-interactive-hover: rgb(242.25, 242.25, 242.25);
+    --rui-color-background-interactive-active: rgb(229.5, 229.5, 229.5);
+    --rui-color-background-primary: rgb(229.5, 241.4, 243.4);
+    --rui-color-background-secondary: rgb(242.25, 242.25, 242.25);
+    --rui-color-background-selected: rgb(229.5, 241.8, 255);
+    --rui-color-background-success: rgb(233.5, 246.2, 236.4);
+    --rui-color-background-warning: rgb(255, 248.8, 230.2);
+    --rui-color-background-danger: rgb(251.5, 234.8, 236.4);
+    --rui-color-background-help: rgb(239.7, 231.1, 253.7);
+    --rui-color-background-info: rgb(231.8, 245.7, 247.9);
+    --rui-color-background-note: rgb(229.5, 241.8, 255);
+    --rui-color-background-light: rgb(229.5, 229.5, 229.5);
     --rui-color-background-dark: #666666;
     --rui-color-border-primary: #cccccc;
-    --rui-color-border-primary-hover: gray;
-    --rui-color-border-primary-active: #0062cc;
-    --rui-color-border-secondary: #e6e6e6;
+    --rui-color-border-primary-hover: rgb(127.5, 127.5, 127.5);
+    --rui-color-border-primary-active: rgb(0, 98.4, 204);
+    --rui-color-border-secondary: rgb(229.5, 229.5, 229.5);
     --rui-dimension-focus-ring-offset: var(--rui-dimension-border-width-1);
     --rui-dimension-tap-target-size: var(--rui-dimension-space-7);
     --rui-dimension-space-bottom-base: var(--rui-dimension-space-5);
@@ -584,7 +583,7 @@
     --rui-FormField__help-text__font-style: normal;
     --rui-FormField__help-text__color: var(--rui-color-text-secondary);
     --rui-FormField--required__label__color: inherit;
-    --rui-FormField--required__sign: " *";
+    --rui-FormField--required__sign: "\00a0*";
     --rui-FormField--required__sign__color: var(--rui-color-text-secondary);
     --rui-FormField--horizontal__label__text-align: left;
     --rui-FormField--horizontal__label__min-width: 0;
@@ -3526,9 +3525,6 @@
     box-shadow: none;
     cursor: pointer;
     position: relative;
-    padding: var(--rui-Alert__padding);
-    font-size: var(--rui-font-size-4);
-    line-height: 1;
   }
   .Alert-module__close__zxS8ZLxY::before {
     content: "";
@@ -3539,6 +3535,11 @@
     left: 50%;
     transform: translate(-50%, -50%);
   }
+  .Alert-module__close__zxS8ZLxY {
+    padding: var(--rui-Alert__padding);
+    font-size: var(--rui-font-size-4);
+    line-height: 1;
+  }
   .Alert-module__closeSign__b9TyO38Y {
     position: relative;
     top: -0.1em;
@@ -3885,6 +3886,13 @@
     transition-property: opacity, color, border-color, background-color, box-shadow;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .Button-module__root__cpeagBA1 {
+      transition-property: opacity, color, border-color, background-color, box-shadow;
+    }
+  }
+  .Button-module__root__cpeagBA1 {
     position: relative;
     display: inline-flex;
     column-gap: var(--rui-dimension-space-2);
@@ -3908,11 +3916,6 @@
             user-select: none;
     cursor: pointer;
   }
-  @media (prefers-reduced-motion: reduce) {
-    .Button-module__root__cpeagBA1 {
-      transition-property: opacity, color, border-color, background-color, box-shadow;
-    }
-  }
   .Button-module__root__cpeagBA1:hover, .Button-module__root__cpeagBA1:focus {
     text-decoration: none;
   }
@@ -6954,20 +6957,24 @@
     width: min-content;
     min-width: 0;
     max-width: 100%;
-    position: relative;
-    min-height: var(--rui-FormField--check__tap-target-size);
-    padding-top: calc((var(--rui-FormField--check__tap-target-size) - 1rem * var(--rui-line-height-base)) / 2);
   }
   .CheckboxField-module__root__Q14XiaZu .CheckboxField-module__helpText__Aez2BnQn,
   .CheckboxField-module__root__Q14XiaZu .CheckboxField-module__validationText__XpWqY2DS {
     padding-top: var(--rui-dimension-space-1);
   }
+  .CheckboxField-module__root__Q14XiaZu {
+    position: relative;
+  }
   .CheckboxField-module__root__Q14XiaZu::before {
     content: "";
     position: absolute;
     width: var(--rui-FormField--check__tap-target-size);
     height: var(--rui-FormField--check__tap-target-size);
   }
+  .CheckboxField-module__root__Q14XiaZu {
+    min-height: var(--rui-FormField--check__tap-target-size);
+    padding-top: calc((var(--rui-FormField--check__tap-target-size) - 1rem * var(--rui-line-height-base)) / 2);
+  }
   .CheckboxField-module__root__Q14XiaZu::before {
     top: 0;
     left: calc((var(--rui-FormField--check__input__size) - var(--rui-FormField--check__tap-target-size)) / 2);
@@ -7081,6 +7088,13 @@
     transition-property: background-color, background-position, box-shadow;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .CheckboxField-module__input__ErPyZ4Pa {
+      transition-property: background-color, background-position, box-shadow;
+    }
+  }
+  .CheckboxField-module__input__ErPyZ4Pa {
     appearance: none;
     width: var(--rui-FormField--check__input__size);
     height: var(--rui-FormField--check__input__size);
@@ -7090,18 +7104,14 @@
     background-size: contain;
     background-repeat: no-repeat;
     background-color: var(--rui-local-check-background-color);
-    -webkit-print-color-adjust: exact;
-            print-color-adjust: exact;
-    border-radius: var(--rui-FormField--check__input--checkbox__border-radius);
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .CheckboxField-module__input__ErPyZ4Pa {
-      transition-property: background-color, background-position, box-shadow;
-    }
+    print-color-adjust: exact;
   }
   .CheckboxField-module__input__ErPyZ4Pa:focus, .CheckboxField-module__input__ErPyZ4Pa:checked:focus {
     box-shadow: var(--rui-FormField--check__input--focus__box-shadow);
   }
+  .CheckboxField-module__input__ErPyZ4Pa {
+    border-radius: var(--rui-FormField--check__input--checkbox__border-radius);
+  }
   .CheckboxField-module__input__ErPyZ4Pa:checked {
     background-image: var(--rui-FormField--check__input--checkbox--checked__background-image);
   }
@@ -7447,17 +7457,22 @@
     display: flex;
     gap: var(--rui-InputGroup__gap);
   }
+  .InputGroup-module__helpText__EEl3Ozjn,
   .InputGroup-module__validationText__HNOu0L2V {
     padding-left: 0;
     list-style: none;
+  }
+  .InputGroup-module__helpText__EEl3Ozjn:not(:last-child),
+  .InputGroup-module__validationText__HNOu0L2V:not(:last-child) {
+    margin-bottom: 0;
+  }
+  .InputGroup-module__helpText__EEl3Ozjn,
+  .InputGroup-module__validationText__HNOu0L2V {
     font-style: var(--rui-FormField__help-text__font-style);
     font-size: var(--rui-FormField__help-text__font-size);
     line-height: 1.2rem;
     color: var(--rui-local-surrounding-text-color, var(--rui-FormField__help-text__color));
   }
-  .InputGroup-module__validationText__HNOu0L2V:not(:last-child) {
-    margin-bottom: 0;
-  }
   .InputGroup-module__isRootRequired__GCSWjHY7 .InputGroup-module__label__KUZV3N9L {
     color: var(--rui-local-surrounding-text-color, var(--rui-FormField--required__label__color));
   }
@@ -7678,7 +7693,6 @@
     flex-direction: column;
     min-width: 0;
     max-width: 100%;
-    max-width: none;
   }
   .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__label__KUZV3N9L,
   .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__label__KUZV3N9L {
@@ -7695,6 +7709,10 @@
     width: min-content;
     max-width: 100%;
   }
+  .InputGroup-module__isRootLayoutVertical__Kh7ukFER,
+  .InputGroup-module__isRootLayoutHorizontal__E9aM__PG {
+    max-width: none;
+  }
   .InputGroup-module__isRootLayoutVertical__Kh7ukFER .InputGroup-module__field__UIKh_s8O,
   .InputGroup-module__isRootLayoutHorizontal__E9aM__PG .InputGroup-module__field__UIKh_s8O {
     max-width: none;
@@ -7817,6 +7835,13 @@
     transition-property: opacity, color, border-color, background-color, box-shadow;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .FileInputField-module__dropZone__UC34Vhg7 {
+      transition-property: opacity, color, border-color, background-color, box-shadow;
+    }
+  }
+  .FileInputField-module__dropZone__UC34Vhg7 {
     width: var(--rui-FormField--box__input__width);
     min-width: var(--rui-FormField--box__input__min-width);
     max-width: 100%;
@@ -7835,11 +7860,6 @@
     font-family: var(--rui-font-family-base);
     border-style: dashed;
   }
-  @media (prefers-reduced-motion: reduce) {
-    .FileInputField-module__dropZone__UC34Vhg7 {
-      transition-property: opacity, color, border-color, background-color, box-shadow;
-    }
-  }
   .FileInputField-module__isRootDragging__SkQKcE5G .FileInputField-module__dropZone__UC34Vhg7 {
     --rui-local-border-color: var(--rui-color-border-primary-active);
   }
@@ -8307,15 +8327,6 @@
             --rui-local-justify-items-xs,
             initial
         );
-    display: grid;
-    grid-template-columns: var(--rui-local-columns);
-    grid-template-rows: var(--rui-local-rows);
-    grid-auto-flow: var(--rui-local-auto-flow);
-    grid-gap: var(--rui-local-row-gap) var(--rui-local-column-gap);
-    align-content: var(--rui-local-align-content);
-    align-items: var(--rui-local-align-items);
-    justify-content: var(--rui-local-justify-content);
-    justify-items: var(--rui-local-justify-items);
   }
   @media (min-width: 36em) {
     .Grid-module__root__m6PTEyJq {
@@ -8614,6 +8625,17 @@
   .Grid-module__root__m6PTEyJq:not(:last-child) {
     margin-bottom: var(--rui-dimension-space-bottom-layouts);
   }
+  .Grid-module__root__m6PTEyJq {
+    display: grid;
+    grid-template-columns: var(--rui-local-columns);
+    grid-template-rows: var(--rui-local-rows);
+    grid-auto-flow: var(--rui-local-auto-flow);
+    grid-gap: var(--rui-local-row-gap) var(--rui-local-column-gap);
+    align-content: var(--rui-local-align-content);
+    align-items: var(--rui-local-align-items);
+    justify-content: var(--rui-local-justify-content);
+    justify-items: var(--rui-local-justify-items);
+  }
   .Grid-module__root__m6PTEyJq > * {
     margin-block: 0;
   }
@@ -8628,8 +8650,6 @@
             --rui-local-row-span-xs,
             initial
         );
-    grid-column: span var(--rui-local-column-span);
-    grid-row: span var(--rui-local-row-span);
   }
   @media (min-width: 36em) {
     .Grid-module__span__NitaPD2S {
@@ -8715,6 +8735,10 @@
           );
     }
   }
+  .Grid-module__span__NitaPD2S {
+    grid-column: span var(--rui-local-column-span);
+    grid-row: span var(--rui-local-row-span);
+  }
   dl.Grid-module__root__m6PTEyJq,
   ol.Grid-module__root__m6PTEyJq,
   ul.Grid-module__root__m6PTEyJq {
@@ -8917,9 +8941,6 @@
     box-shadow: none;
     cursor: pointer;
     position: relative;
-    font-size: var(--rui-font-size-4);
-    line-height: 1;
-    color: inherit;
   }
   .ModalCloseButton-module__root__BjuMeN2I::before {
     content: "";
@@ -8930,6 +8951,11 @@
     left: 50%;
     transform: translate(-50%, -50%);
   }
+  .ModalCloseButton-module__root__BjuMeN2I {
+    font-size: var(--rui-font-size-4);
+    line-height: 1;
+    color: inherit;
+  }
   .ModalCloseButton-module__root__BjuMeN2I:disabled {
     cursor: var(--rui-cursor-not-allowed);
   }
@@ -9351,9 +9377,6 @@
     align-items: flex-start;
     min-width: 0;
     flex-direction: row;
-    position: relative;
-    min-height: var(--rui-FormField--check__tap-target-size);
-    padding-top: calc((var(--rui-FormField--check__tap-target-size) - 1rem * var(--rui-line-height-base)) / 2);
   }
   .Radio-module__option__pdCHl70V .Radio-module__input__uD6rY5J8 {
     flex: none;
@@ -9363,12 +9386,19 @@
     width: max-content;
     margin-left: var(--rui-dimension-space-2);
   }
+  .Radio-module__option__pdCHl70V {
+    position: relative;
+  }
   .Radio-module__option__pdCHl70V::before {
     content: "";
     position: absolute;
     width: var(--rui-FormField--check__tap-target-size);
     height: var(--rui-FormField--check__tap-target-size);
   }
+  .Radio-module__option__pdCHl70V {
+    min-height: var(--rui-FormField--check__tap-target-size);
+    padding-top: calc((var(--rui-FormField--check__tap-target-size) - 1rem * var(--rui-line-height-base)) / 2);
+  }
   .Radio-module__option__pdCHl70V::before {
     top: 0;
     left: calc((var(--rui-FormField--check__input__size) - var(--rui-FormField--check__tap-target-size)) / 2);
@@ -9377,6 +9407,13 @@
     transition-property: background-color, background-position, box-shadow;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .Radio-module__input__uD6rY5J8 {
+      transition-property: background-color, background-position, box-shadow;
+    }
+  }
+  .Radio-module__input__uD6rY5J8 {
     appearance: none;
     width: var(--rui-FormField--check__input__size);
     height: var(--rui-FormField--check__input__size);
@@ -9386,18 +9423,14 @@
     background-size: contain;
     background-repeat: no-repeat;
     background-color: var(--rui-local-check-background-color);
-    -webkit-print-color-adjust: exact;
-            print-color-adjust: exact;
-    border-radius: var(--rui-FormField--check__input--radio__border-radius);
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .Radio-module__input__uD6rY5J8 {
-      transition-property: background-color, background-position, box-shadow;
-    }
+    print-color-adjust: exact;
   }
   .Radio-module__input__uD6rY5J8:focus, .Radio-module__input__uD6rY5J8:checked:focus {
     box-shadow: var(--rui-FormField--check__input--focus__box-shadow);
   }
+  .Radio-module__input__uD6rY5J8 {
+    border-radius: var(--rui-FormField--check__input--radio__border-radius);
+  }
   .Radio-module__input__uD6rY5J8:checked {
     background-image: var(--rui-FormField--check__input--radio--checked__background-image);
   }
@@ -9744,6 +9777,13 @@
     transition-property: visibility, opacity, transform;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .ScrollView-module__scrollingShadows__YhiwuZyJ::before, .ScrollView-module__scrollingShadows__YhiwuZyJ::after {
+      transition-property: visibility, opacity;
+    }
+  }
+  .ScrollView-module__scrollingShadows__YhiwuZyJ::before, .ScrollView-module__scrollingShadows__YhiwuZyJ::after {
     content: "";
     position: absolute;
     z-index: 2;
@@ -9751,11 +9791,6 @@
     visibility: hidden;
     opacity: 0;
   }
-  @media (prefers-reduced-motion: reduce) {
-    .ScrollView-module__scrollingShadows__YhiwuZyJ::before, .ScrollView-module__scrollingShadows__YhiwuZyJ::after {
-      transition-property: visibility, opacity;
-    }
-  }
   .ScrollView-module__scrollingShadows__YhiwuZyJ::before {
     background: var(--rui-local-start-shadow-background);
   }
@@ -9781,16 +9816,6 @@
     box-shadow: none;
     cursor: pointer;
     position: relative;
-    transition-property: visibility, opacity, transform;
-    transition-duration: 150ms;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    position: absolute;
-    z-index: 3;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    visibility: hidden;
-    opacity: 0;
   }
   .ScrollView-module__arrowPrev__hjvS6Zm8::before,
   .ScrollView-module__arrowNext__qwk4fEyP::before {
@@ -9802,12 +9827,28 @@
     left: 50%;
     transform: translate(-50%, -50%);
   }
+  .ScrollView-module__arrowPrev__hjvS6Zm8,
+  .ScrollView-module__arrowNext__qwk4fEyP {
+    transition-property: visibility, opacity, transform;
+    transition-duration: 150ms;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
   @media (prefers-reduced-motion: reduce) {
     .ScrollView-module__arrowPrev__hjvS6Zm8,
     .ScrollView-module__arrowNext__qwk4fEyP {
       transition-property: visibility, opacity;
     }
   }
+  .ScrollView-module__arrowPrev__hjvS6Zm8,
+  .ScrollView-module__arrowNext__qwk4fEyP {
+    position: absolute;
+    z-index: 3;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    visibility: hidden;
+    opacity: 0;
+  }
   .ScrollView-module__arrowIcon__DAmOnZG5 {
     transform: translateY(-0.1rem) rotate(45deg);
     display: inline-block;
@@ -9953,6 +9994,13 @@
     transition-property: opacity, color, border-color, background-color, box-shadow;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .SelectField-module__input__XP_Kwi5B {
+      transition-property: opacity, color, border-color, background-color, box-shadow;
+    }
+  }
+  .SelectField-module__input__XP_Kwi5B {
     width: var(--rui-FormField--box__input__width);
     min-width: var(--rui-FormField--box__input__min-width);
     max-width: 100%;
@@ -9969,18 +10017,15 @@
     font-family: var(--rui-font-family-base);
     vertical-align: middle;
     box-shadow: var(--rui-local-box-shadow);
-    appearance: none;
-    padding-right: calc(2.25rem + var(--rui-dimension-space-2));
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .SelectField-module__input__XP_Kwi5B {
-      transition-property: opacity, color, border-color, background-color, box-shadow;
-    }
   }
   .SelectField-module__input__XP_Kwi5B::placeholder {
     color: var(--rui-FormField--box__placeholder__color);
     opacity: 1;
   }
+  .SelectField-module__input__XP_Kwi5B {
+    appearance: none;
+    padding-right: calc(2.25rem + var(--rui-dimension-space-2));
+  }
   .SelectField-module__input__XP_Kwi5B::-ms-expand {
     display: none;
   }
@@ -9991,6 +10036,13 @@
     transition-property: border-color;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .SelectField-module__caret__BMtdefwC {
+      transition-property: border-color;
+    }
+  }
+  .SelectField-module__caret__BMtdefwC {
     position: absolute;
     top: var(--rui-FormField--box__border-width);
     right: var(--rui-FormField--box__border-width);
@@ -10003,11 +10055,6 @@
     border-end-end-radius: var(--rui-FormField--box__border-radius);
     pointer-events: none;
   }
-  @media (prefers-reduced-motion: reduce) {
-    .SelectField-module__caret__BMtdefwC {
-      transition-property: border-color;
-    }
-  }
   .SelectField-module__caretIcon__sMubkdsg {
     transform: translateY(-0.1rem) rotate(45deg);
     display: inline-block;
@@ -10022,6 +10069,13 @@
     transition-property: transform, opacity;
     transition-duration: 180ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .SelectField-module__bottomLine__hJcrk3mf {
+      transition-property: opacity;
+    }
+  }
+  .SelectField-module__bottomLine__hJcrk3mf {
     position: absolute;
     bottom: 0;
     width: 100%;
@@ -10031,11 +10085,6 @@
     transform-origin: center center;
     pointer-events: none;
   }
-  @media (prefers-reduced-motion: reduce) {
-    .SelectField-module__bottomLine__hJcrk3mf {
-      transition-property: opacity;
-    }
-  }
   .SelectField-module__input__XP_Kwi5B:focus ~ .SelectField-module__bottomLine__hJcrk3mf {
     background-color: var(--rui-local-border-color);
     opacity: 1;
@@ -10622,6 +10671,11 @@
   .Tabs-module__list__gMQWI83R {
     padding-left: 0;
     list-style: none;
+  }
+  .Tabs-module__list__gMQWI83R:not(:last-child) {
+    margin-bottom: 0;
+  }
+  .Tabs-module__list__gMQWI83R {
     position: relative;
     display: inline-flex;
     min-width: 100%;
@@ -10630,9 +10684,6 @@
     overflow-y: clip;
     white-space: nowrap;
   }
-  .Tabs-module__list__gMQWI83R:not(:last-child) {
-    margin-bottom: 0;
-  }
   .Tabs-module__list__gMQWI83R::after {
     content: "";
     position: absolute;
@@ -10678,9 +10729,21 @@
   .TabsItem-module__link__Zl1ypXxl {
     text-decoration: none;
     color: inherit;
+  }
+  .TabsItem-module__link__Zl1ypXxl:hover, .TabsItem-module__link__Zl1ypXxl:focus {
+    text-decoration: none;
+  }
+  .TabsItem-module__link__Zl1ypXxl {
     transition-property: color, border-color, background-color, box-shadow;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .TabsItem-module__link__Zl1ypXxl {
+      transition-property: color, border-color, background-color, box-shadow;
+    }
+  }
+  .TabsItem-module__link__Zl1ypXxl {
     display: block;
     padding: var(--rui-Tabs__item__padding--xs);
     font-weight: var(--rui-Tabs__item__font-weight);
@@ -10694,14 +10757,6 @@
     background-color: var(--rui-Tabs__item__background-color);
     box-shadow: var(--rui-Tabs__item__box-shadow);
   }
-  .TabsItem-module__link__Zl1ypXxl:hover, .TabsItem-module__link__Zl1ypXxl:focus {
-    text-decoration: none;
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .TabsItem-module__link__Zl1ypXxl {
-      transition-property: color, border-color, background-color, box-shadow;
-    }
-  }
   .TabsItem-module__link__Zl1ypXxl:hover, .TabsItem-module__link__Zl1ypXxl:focus {
     font-weight: var(--rui-Tabs__item--hover__font-weight);
     color: var(--rui-Tabs__item--hover__color);
@@ -10837,6 +10892,13 @@
     transition-property: opacity, color, border-color, background-color, box-shadow;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .TextArea-module__input__JYRiHhV8 {
+      transition-property: opacity, color, border-color, background-color, box-shadow;
+    }
+  }
+  .TextArea-module__input__JYRiHhV8 {
     width: var(--rui-FormField--box__input__width);
     min-width: var(--rui-FormField--box__input__min-width);
     max-width: 100%;
@@ -10853,17 +10915,14 @@
     font-family: var(--rui-font-family-base);
     vertical-align: middle;
     box-shadow: var(--rui-local-box-shadow);
-    resize: vertical;
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .TextArea-module__input__JYRiHhV8 {
-      transition-property: opacity, color, border-color, background-color, box-shadow;
-    }
   }
   .TextArea-module__input__JYRiHhV8::placeholder {
     color: var(--rui-FormField--box__placeholder__color);
     opacity: 1;
   }
+  .TextArea-module__input__JYRiHhV8 {
+    resize: vertical;
+  }
   .TextArea-module__input__JYRiHhV8[cols] {
     min-width: auto;
   }
@@ -10871,6 +10930,13 @@
     transition-property: transform, opacity;
     transition-duration: 180ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .TextArea-module__bottomLine__TrubUjNL {
+      transition-property: opacity;
+    }
+  }
+  .TextArea-module__bottomLine__TrubUjNL {
     position: absolute;
     bottom: 0;
     width: 100%;
@@ -10880,11 +10946,6 @@
     transform-origin: center center;
     pointer-events: none;
   }
-  @media (prefers-reduced-motion: reduce) {
-    .TextArea-module__bottomLine__TrubUjNL {
-      transition-property: opacity;
-    }
-  }
   .TextArea-module__input__JYRiHhV8:focus ~ .TextArea-module__bottomLine__TrubUjNL {
     background-color: var(--rui-local-border-color);
     opacity: 1;
@@ -11473,6 +11534,13 @@
     transition-property: opacity, color, border-color, background-color, box-shadow;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .TextField-module__input__EJkZBuV_ {
+      transition-property: opacity, color, border-color, background-color, box-shadow;
+    }
+  }
+  .TextField-module__input__EJkZBuV_ {
     width: var(--rui-FormField--box__input__width);
     min-width: var(--rui-FormField--box__input__min-width);
     max-width: 100%;
@@ -11490,11 +11558,6 @@
     vertical-align: middle;
     box-shadow: var(--rui-local-box-shadow);
   }
-  @media (prefers-reduced-motion: reduce) {
-    .TextField-module__input__EJkZBuV_ {
-      transition-property: opacity, color, border-color, background-color, box-shadow;
-    }
-  }
   .TextField-module__input__EJkZBuV_::placeholder {
     color: var(--rui-FormField--box__placeholder__color);
     opacity: 1;
@@ -11503,6 +11566,13 @@
     transition-property: transform, opacity;
     transition-duration: 180ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .TextField-module__bottomLine__rm1M6NZT {
+      transition-property: opacity;
+    }
+  }
+  .TextField-module__bottomLine__rm1M6NZT {
     position: absolute;
     bottom: 0;
     width: 100%;
@@ -11512,11 +11582,6 @@
     transform-origin: center center;
     pointer-events: none;
   }
-  @media (prefers-reduced-motion: reduce) {
-    .TextField-module__bottomLine__rm1M6NZT {
-      transition-property: opacity;
-    }
-  }
   .TextField-module__input__EJkZBuV_:focus ~ .TextField-module__bottomLine__rm1M6NZT {
     background-color: var(--rui-local-border-color);
     opacity: 1;
@@ -12174,20 +12239,24 @@
     width: min-content;
     min-width: 0;
     max-width: 100%;
-    position: relative;
-    min-height: var(--rui-FormField--check__tap-target-size);
-    padding-top: calc((var(--rui-FormField--check__tap-target-size) - 1rem * var(--rui-line-height-base)) / 2);
   }
   .Toggle-module__root__rqUESGQ8 .Toggle-module__helpText__T0WZrsde,
   .Toggle-module__root__rqUESGQ8 .Toggle-module__validationText__R70A8wzX {
     padding-top: var(--rui-dimension-space-1);
   }
+  .Toggle-module__root__rqUESGQ8 {
+    position: relative;
+  }
   .Toggle-module__root__rqUESGQ8::before {
     content: "";
     position: absolute;
     width: var(--rui-FormField--check__tap-target-size);
     height: var(--rui-FormField--check__tap-target-size);
   }
+  .Toggle-module__root__rqUESGQ8 {
+    min-height: var(--rui-FormField--check__tap-target-size);
+    padding-top: calc((var(--rui-FormField--check__tap-target-size) - 1rem * var(--rui-line-height-base)) / 2);
+  }
   .Toggle-module__root__rqUESGQ8::before {
     top: 0;
     left: calc((var(--rui-FormField--check__input--toggle__width) - var(--rui-FormField--check__tap-target-size)) / 2);
@@ -12301,6 +12370,13 @@
     transition-property: background-color, background-position, box-shadow;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .Toggle-module__input__nV7ZVASW {
+      transition-property: background-color, background-position, box-shadow;
+    }
+  }
+  .Toggle-module__input__nV7ZVASW {
     appearance: none;
     width: var(--rui-FormField--check__input__size);
     height: var(--rui-FormField--check__input__size);
@@ -12310,22 +12386,18 @@
     background-size: contain;
     background-repeat: no-repeat;
     background-color: var(--rui-local-check-background-color);
-    -webkit-print-color-adjust: exact;
-            print-color-adjust: exact;
+    print-color-adjust: exact;
+  }
+  .Toggle-module__input__nV7ZVASW:focus, .Toggle-module__input__nV7ZVASW:checked:focus {
+    box-shadow: var(--rui-FormField--check__input--focus__box-shadow);
+  }
+  .Toggle-module__input__nV7ZVASW {
     width: var(--rui-FormField--check__input--toggle__width);
     border-radius: var(--rui-FormField--check__input--toggle__border-radius);
     background-image: var(--rui-FormField--check__input--toggle--default__background-image);
     background-position: var(--rui-FormField--check__input--toggle--default__background-position);
     background-size: var(--rui-FormField--check__input--toggle__background-size);
   }
-  @media (prefers-reduced-motion: reduce) {
-    .Toggle-module__input__nV7ZVASW {
-      transition-property: background-color, background-position, box-shadow;
-    }
-  }
-  .Toggle-module__input__nV7ZVASW:focus, .Toggle-module__input__nV7ZVASW:checked:focus {
-    box-shadow: var(--rui-FormField--check__input--focus__box-shadow);
-  }
   .Toggle-module__input__nV7ZVASW:checked {
     background-image: var(--rui-FormField--check__input--toggle--checked__background-image);
     background-position: var(--rui-FormField--check__input--toggle--checked__background-position);