@oliasoft-open-source/react-ui-library 4.0.0-beta-4 → 4.0.0-beta-5

package/dist/global.css

@@ -565,6 +565,8 @@ a {
   --zindex-popover: 2001;
   --zindex-dropdown: 2002;
   --zindex-tooltip: 2003;
+  --shadow-button: 0 1px 2px rgba(0, 0, 0, 0.1);
+  --shadow-layer: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
   --color-text: var(--color-neutral-800);
   --color-text-muted: var(--color-neutral-550);
   --color-text-faint: var(--color-neutral-300);
@@ -956,120 +958,120 @@ a {
 ._contentWrapper_rmqrx_16 {
   border-radius: inherit;
 }
-._wrapper_1xvlm_1 {
+._wrapper_ymmd2_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_1xvlm_5 ._wrapper_1xvlm_1 {
+._layer_ymmd2_5 ._wrapper_ymmd2_1 {
   width: 100%;
 }
-._layerContainer_1xvlm_8 {
+._layerContainer_ymmd2_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_1xvlm_5 {
+._layer_ymmd2_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
   margin: 2px 0;
   background: var(--color-background-raised);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--shadow-layer);
   min-width: 10em;
   max-width: 30em;
   position: relative;
   overflow-y: auto;
 }
-._layer_1xvlm_5._nested_1xvlm_23 {
+._layer_ymmd2_5._nested_ymmd2_23 {
   margin: -1px 2px;
 }
-._layer_1xvlm_5 ul {
+._layer_ymmd2_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_1xvlm_5 ul li {
+._layer_ymmd2_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_1xvlm_35 {
+._fileInput_ymmd2_35 {
   width: 100%;
   height: 100%;
   opacity: 0;
   position: absolute;
 }
-._trigger_1xvlm_41 {
+._trigger_ymmd2_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_1xvlm_5 ._trigger_1xvlm_41 {
+._layer_ymmd2_5 ._trigger_ymmd2_41 {
   width: 100%;
 }
-._middleAlignedInline_1xvlm_50 {
+._middleAlignedInline_ymmd2_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_1xvlm_56 {
+._heading_ymmd2_56 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: var(--font-size-sm);
 }
-._heading_1xvlm_56 ._headingIcon_1xvlm_62 {
+._heading_ymmd2_56 ._headingIcon_ymmd2_62 {
   float: right;
 }
-._heading_1xvlm_56 ._headingIcon_1xvlm_62 svg {
+._heading_ymmd2_56 ._headingIcon_ymmd2_62 svg {
   color: var(--color-text-faint);
 }
-._heading_1xvlm_56 ._headingIcon_1xvlm_62:hover {
+._heading_ymmd2_56 ._headingIcon_ymmd2_62:hover {
   cursor: pointer;
 }
-._heading_1xvlm_56 ._headingIcon_1xvlm_62:hover svg {
+._heading_ymmd2_56 ._headingIcon_ymmd2_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_1xvlm_74 {
+._option_ymmd2_74 {
   color: inherit;
   display: block;
 }
-._heading_1xvlm_56,
-._option_1xvlm_74,
-._layer_1xvlm_5 ._trigger_1xvlm_41 {
+._heading_ymmd2_56,
+._option_ymmd2_74,
+._layer_ymmd2_5 ._trigger_ymmd2_41 {
   padding: var(--padding-input);
 }
-._option_1xvlm_74,
-._layer_1xvlm_5 ._trigger_1xvlm_41 {
+._option_ymmd2_74,
+._layer_ymmd2_5 ._trigger_ymmd2_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_1xvlm_74:hover,
-._layer_1xvlm_5 ._trigger_1xvlm_41:hover,
-._option_1xvlm_74._active_1xvlm_91,
-._layer_1xvlm_5 ._trigger_1xvlm_41._active_1xvlm_91 {
+._option_ymmd2_74:hover,
+._layer_ymmd2_5 ._trigger_ymmd2_41:hover,
+._option_ymmd2_74._active_ymmd2_91,
+._layer_ymmd2_5 ._trigger_ymmd2_41._active_ymmd2_91 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_1xvlm_74._selected_1xvlm_96 {
+._option_ymmd2_74._selected_ymmd2_96 {
   background-color: var(--color-background-listitem-active);
   font-weight: bold;
 }
-._layer_1xvlm_5 ._trigger_1xvlm_41 {
+._layer_ymmd2_5 ._trigger_ymmd2_41 {
   align-items: center;
 }
-._optionContent_1xvlm_103 {
+._optionContent_ymmd2_103 {
   flex-wrap: wrap;
   margin-right: auto;
   position: relative;
 }
-._inline_1xvlm_108 ._optionContent_1xvlm_103 {
+._inline_ymmd2_108 ._optionContent_ymmd2_103 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_1xvlm_113,
-._check_1xvlm_114 {
+._icon_ymmd2_113,
+._check_ymmd2_114 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1077,83 +1079,83 @@ a {
   justify-content: center;
   align-items: center;
 }
-._icon_1xvlm_113 {
+._icon_ymmd2_113 {
   margin-right: 8px;
   color: var(--color-text-primary);
 }
-._icon_1xvlm_113:empty {
+._icon_ymmd2_113:empty {
   display: none;
 }
-._icon_1xvlm_113 img {
+._icon_ymmd2_113 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._check_1xvlm_114 {
+._check_ymmd2_114 {
   font-size: var(--font-size-sm);
   color: #a5a7a9;
   margin-left: 10px;
 }
-._text_1xvlm_140 {
+._text_ymmd2_140 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_1xvlm_145 {
+._label_ymmd2_145 {
   margin-right: auto;
 }
-._label_1xvlm_145,
-._heading_1xvlm_56 {
+._label_ymmd2_145,
+._heading_ymmd2_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_1xvlm_156 {
+._description_ymmd2_156 {
   color: #999;
   display: block;
 }
-._arrow_1xvlm_160 {
+._arrow_ymmd2_160 {
   margin-left: 10px;
   opacity: 0.4;
 }
-._divider_1xvlm_164 {
+._divider_ymmd2_164 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_1xvlm_168 {
+._deprecatedSemanticIcon_ymmd2_168 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_1xvlm_172 {
+._disabled_ymmd2_172 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_1xvlm_177 {
+._buttonLabel_ymmd2_177 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
   line-height: 1.2;
 }
-._buttonCaret_1xvlm_184 {
+._buttonCaret_ymmd2_184 {
   margin-left: 5px;
 }
-._component_1xvlm_187 {
+._component_ymmd2_187 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_1xvlm_193 {
+._right_ymmd2_193 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_1xvlm_198 {
+._actions_ymmd2_198 {
   margin-left: 8px;
   display: flex;
   align-items: center;
@@ -1206,76 +1208,76 @@ a {
   transform-origin: 100% 0%;
   z-index: 3;
 }
-._inputInTable_p7xqn_1 {
+._inputInTable_wrbu4_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_p7xqn_1:not(:hover) {
+._inputInTable_wrbu4_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_p7xqn_10 {
+._inputHover_wrbu4_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_p7xqn_15 {
+._inputFocus_wrbu4_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_p7xqn_22,
-._inputWarning_p7xqn_23 {
+._inputError_wrbu4_22,
+._inputWarning_wrbu4_23 {
   position: relative;
 }
-._inputError_p7xqn_22 {
+._inputError_wrbu4_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_p7xqn_22:hover {
+._inputError_wrbu4_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_p7xqn_22:focus {
+._inputError_wrbu4_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_p7xqn_23 {
+._inputWarning_wrbu4_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_p7xqn_23:hover {
+._inputWarning_wrbu4_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_p7xqn_23:focus {
+._inputWarning_wrbu4_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_p7xqn_58 {
+._inputDisabled_wrbu4_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_p7xqn_63 {
+._hideScrollbars_wrbu4_63 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_p7xqn_63::-webkit-scrollbar {
+._hideScrollbars_wrbu4_63::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1301,7 +1303,7 @@ html[data-theme='dark'] {
   --color-border-button: var(--color-border);
   --color-border-button-hover: var(--color-border);
 }
-._button_p7xqn_96 {
+._button_wrbu4_96 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -1325,80 +1327,81 @@ html[data-theme='dark'] {
   transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
   max-width: 100%;
   min-height: var(--size);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--shadow-button);
 }
-._button_p7xqn_96:hover {
+._button_wrbu4_96:hover {
   background: var(--color-background-button-default-hover);
   border-color: var(--color-border-button-hover);
 }
-._button_p7xqn_96:focus {
+._button_wrbu4_96:focus {
   box-shadow: var(--shadow-focus) !important;
 }
-._button_p7xqn_96:active {
+._button_wrbu4_96:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_p7xqn_96._active_p7xqn_133:not(._green_p7xqn_133):not(._red_p7xqn_133):not(._orange_p7xqn_133) {
+._button_wrbu4_96._active_wrbu4_133:not(._green_wrbu4_133):not(._red_wrbu4_133):not(._orange_wrbu4_133) {
   border-color: var(--color-background-button-primary);
   color: var(--color-text-primary);
   position: relative;
   z-index: 2;
 }
-._button_p7xqn_96:hover,
-._button_p7xqn_96:focus,
-._button_p7xqn_96:active {
+._button_wrbu4_96:hover,
+._button_wrbu4_96:focus,
+._button_wrbu4_96:active {
   position: relative;
   z-index: 1;
 }
-._button_p7xqn_96 ._icon_p7xqn_145 {
-  margin: -2px 8px -2px -4px;
-  font-size: 1.35em;
+._button_wrbu4_96 ._icon_wrbu4_145 {
+  margin: -2px;
+  margin-right: 8px;
+  font-size: 1.25em;
 }
-._iconOnly_p7xqn_149 {
+._iconOnly_wrbu4_150 {
   width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_p7xqn_149 ._icon_p7xqn_145 {
+._iconOnly_wrbu4_150 ._icon_wrbu4_145 {
   margin: 0;
   line-height: 0;
 }
-._basic_p7xqn_159 {
+._basic_wrbu4_160 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_p7xqn_159._muted_p7xqn_165 {
+._basic_wrbu4_160._muted_wrbu4_166 {
   color: var(--color-text-muted);
 }
-._basic_p7xqn_159:hover {
+._basic_wrbu4_160:hover {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-._basic_p7xqn_159:active,
-._basic_p7xqn_159._active_p7xqn_133 {
+._basic_wrbu4_160:active,
+._basic_wrbu4_160._active_wrbu4_133 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-._disabled_p7xqn_177 {
+._disabled_wrbu4_178 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_p7xqn_177:not(._active_p7xqn_133):not(._basic_p7xqn_159) {
+._disabled_wrbu4_178:not(._active_wrbu4_133):not(._basic_wrbu4_160) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_p7xqn_187 {
+._small_wrbu4_188 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._pill_p7xqn_192,
-._round_p7xqn_193 {
+._pill_wrbu4_193,
+._round_wrbu4_194 {
   text-transform: uppercase;
   letter-spacing: 0.1em;
   font-weight: bold;
@@ -1406,144 +1409,144 @@ html[data-theme='dark'] {
   display: inline-flex;
   align-items: center;
 }
-._round_p7xqn_193 {
+._round_wrbu4_194 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_p7xqn_193._small_p7xqn_187 {
+._round_wrbu4_194._small_wrbu4_188 {
   width: var(--size-sm);
 }
-._orange_p7xqn_133:not(._basic_p7xqn_159) {
+._orange_wrbu4_133:not(._basic_wrbu4_160) {
   background-color: var(--color-background-button-primary);
 }
-._orange_p7xqn_133:not(._basic_p7xqn_159):hover {
+._orange_wrbu4_133:not(._basic_wrbu4_160):hover {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_p7xqn_133:not(._basic_p7xqn_159):active,
-._orange_p7xqn_133:not(._basic_p7xqn_159)._active_p7xqn_133 {
+._orange_wrbu4_133:not(._basic_wrbu4_160):active,
+._orange_wrbu4_133:not(._basic_wrbu4_160)._active_wrbu4_133 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_p7xqn_133:not(._basic_p7xqn_159) {
+._red_wrbu4_133:not(._basic_wrbu4_160) {
   background-color: var(--color-background-button-error);
 }
-._red_p7xqn_133:not(._basic_p7xqn_159):hover {
+._red_wrbu4_133:not(._basic_wrbu4_160):hover {
   background-color: var(--color-background-button-error-hover);
 }
-._red_p7xqn_133:not(._basic_p7xqn_159):active,
-._red_p7xqn_133:not(._basic_p7xqn_159)._active_p7xqn_133 {
+._red_wrbu4_133:not(._basic_wrbu4_160):active,
+._red_wrbu4_133:not(._basic_wrbu4_160)._active_wrbu4_133 {
   background-color: var(--color-background-button-error-active);
 }
-._red_p7xqn_133._basic_p7xqn_159 {
+._red_wrbu4_133._basic_wrbu4_160 {
   color: var(--color-text-error);
 }
-._green_p7xqn_133:not(._basic_p7xqn_159) {
+._green_wrbu4_133:not(._basic_wrbu4_160) {
   background-color: var(--color-background-button-success);
 }
-._green_p7xqn_133:not(._basic_p7xqn_159):hover {
+._green_wrbu4_133:not(._basic_wrbu4_160):hover {
   background-color: var(--color-background-button-success-hover);
 }
-._green_p7xqn_133:not(._basic_p7xqn_159):active,
-._green_p7xqn_133:not(._basic_p7xqn_159)._active_p7xqn_133 {
+._green_wrbu4_133:not(._basic_wrbu4_160):active,
+._green_wrbu4_133:not(._basic_wrbu4_160)._active_wrbu4_133 {
   background-color: var(--color-background-button-success-active);
 }
-._green_p7xqn_133._basic_p7xqn_159 {
+._green_wrbu4_133._basic_wrbu4_160 {
   color: var(--color-text-success);
 }
-._orange_p7xqn_133:not(._basic_p7xqn_159),
-._red_p7xqn_133:not(._basic_p7xqn_159),
-._green_p7xqn_133:not(._basic_p7xqn_159) {
+._orange_wrbu4_133:not(._basic_wrbu4_160),
+._red_wrbu4_133:not(._basic_wrbu4_160),
+._green_wrbu4_133:not(._basic_wrbu4_160) {
   color: #fff;
 }
-._orange_p7xqn_133:not(._basic_p7xqn_159):hover,
-._red_p7xqn_133:not(._basic_p7xqn_159):hover,
-._green_p7xqn_133:not(._basic_p7xqn_159):hover {
+._orange_wrbu4_133:not(._basic_wrbu4_160):hover,
+._red_wrbu4_133:not(._basic_wrbu4_160):hover,
+._green_wrbu4_133:not(._basic_wrbu4_160):hover {
   color: #fff;
 }
-._orange_p7xqn_133:not(._basic_p7xqn_159):active,
-._red_p7xqn_133:not(._basic_p7xqn_159):active,
-._green_p7xqn_133:not(._basic_p7xqn_159):active,
-._orange_p7xqn_133:not(._basic_p7xqn_159)._active_p7xqn_133,
-._red_p7xqn_133:not(._basic_p7xqn_159)._active_p7xqn_133,
-._green_p7xqn_133:not(._basic_p7xqn_159)._active_p7xqn_133 {
+._orange_wrbu4_133:not(._basic_wrbu4_160):active,
+._red_wrbu4_133:not(._basic_wrbu4_160):active,
+._green_wrbu4_133:not(._basic_wrbu4_160):active,
+._orange_wrbu4_133:not(._basic_wrbu4_160)._active_wrbu4_133,
+._red_wrbu4_133:not(._basic_wrbu4_160)._active_wrbu4_133,
+._green_wrbu4_133:not(._basic_wrbu4_160)._active_wrbu4_133 {
   color: #fff;
 }
-._error_p7xqn_263 {
+._error_wrbu4_264 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._error_p7xqn_263:hover {
+._error_wrbu4_264:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_p7xqn_263:focus {
+._error_wrbu4_264:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_p7xqn_280 {
+._warning_wrbu4_281 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._warning_p7xqn_280:hover {
+._warning_wrbu4_281:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_p7xqn_280:focus {
+._warning_wrbu4_281:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_p7xqn_297 {
+._inverted_wrbu4_298 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_p7xqn_297:hover,
-._inverted_p7xqn_297:active {
+._inverted_wrbu4_298:hover,
+._inverted_wrbu4_298:active {
   box-shadow: none;
 }
-._inverted_p7xqn_297._orange_p7xqn_133 {
+._inverted_wrbu4_298._orange_wrbu4_133 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_p7xqn_297._red_p7xqn_133 {
+._inverted_wrbu4_298._red_wrbu4_133 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_p7xqn_297._green_p7xqn_133 {
+._inverted_wrbu4_298._green_wrbu4_133 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_p7xqn_297._orange_p7xqn_133:hover,
-._inverted_p7xqn_297._red_p7xqn_133:hover,
-._inverted_p7xqn_297._green_p7xqn_133:hover,
-._inverted_p7xqn_297._orange_p7xqn_133:active,
-._inverted_p7xqn_297._red_p7xqn_133:active,
-._inverted_p7xqn_297._green_p7xqn_133:active {
+._inverted_wrbu4_298._orange_wrbu4_133:hover,
+._inverted_wrbu4_298._red_wrbu4_133:hover,
+._inverted_wrbu4_298._green_wrbu4_133:hover,
+._inverted_wrbu4_298._orange_wrbu4_133:active,
+._inverted_wrbu4_298._red_wrbu4_133:active,
+._inverted_wrbu4_298._green_wrbu4_133:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_p7xqn_327,
-._groupOrderMiddle_p7xqn_328,
-._groupOrderLast_p7xqn_329 {
+._groupOrderFirst_wrbu4_328,
+._groupOrderMiddle_wrbu4_329,
+._groupOrderLast_wrbu4_330 {
   margin-right: 0;
 }
-._groupOrderFirst_p7xqn_327,
-._groupOrderMiddle_p7xqn_328 {
+._groupOrderFirst_wrbu4_328,
+._groupOrderMiddle_wrbu4_329 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_p7xqn_329,
-._groupOrderMiddle_p7xqn_328 {
+._groupOrderLast_wrbu4_330,
+._groupOrderMiddle_wrbu4_329 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -1709,39 +1712,39 @@ html[data-theme='dark'] {
 ._buttonGroup_1m8h2_11 > *:not(:last-child) {
   margin-right: -1px;
 }
-._card_1a86v_1 {
+._card_w1z7w_1 {
   color: var(--color-text);
 }
-._card_1a86v_1._bordered_1a86v_4 {
+._card_w1z7w_1._bordered_w1z7w_4 {
   background: var(--color-background-raised);
   border: 1px solid var(--color-border);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--shadow-button);
   border-radius: var(--border-radius);
 }
-._card_1a86v_1._bordered_1a86v_4._raised_1a86v_10 {
-  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1), 0 3px 4px rgba(0, 0, 0, 0.1);
+._card_w1z7w_1._bordered_w1z7w_4._raised_w1z7w_10 {
+  box-shadow: var(--shadow-layer);
 }
-._card_1a86v_1._bordered_1a86v_4 ._cardHeader_1a86v_13 {
+._card_w1z7w_1._bordered_w1z7w_4 ._cardHeader_w1z7w_13 {
   background: var(--color-background);
   padding: var(--padding-card);
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._card_1a86v_1._bordered_1a86v_4 ._cardContentBorderTop_1a86v_19 {
+._card_w1z7w_1._bordered_w1z7w_4 ._cardContentBorderTop_w1z7w_19 {
   border-top: 1px solid var(--color-border);
 }
-._card_1a86v_1._bordered_1a86v_4 ._padding_1a86v_22 {
+._card_w1z7w_1._bordered_w1z7w_4 ._padding_w1z7w_22 {
   padding: var(--padding-card);
 }
-._cardContent_1a86v_19:first-child {
+._cardContent_w1z7w_19:first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._cardContent_1a86v_19:last-child {
+._cardContent_w1z7w_19:last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._cardHeader_1a86v_13 {
+._cardHeader_w1z7w_13 {
   display: flex;
   align-items: center;
   padding: var(--padding-card-y) 0;
@@ -1886,76 +1889,76 @@ html[data-theme='dark'] {
 ._footer_15xxd_47 button:not(:last-child) {
   margin-right: var(--spacing);
 }
-._inputInTable_oorew_1 {
+._inputInTable_1rtzu_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_oorew_1:not(:hover) {
+._inputInTable_1rtzu_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_oorew_10 {
+._inputHover_1rtzu_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_oorew_15 {
+._inputFocus_1rtzu_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_oorew_22,
-._inputWarning_oorew_23 {
+._inputError_1rtzu_22,
+._inputWarning_1rtzu_23 {
   position: relative;
 }
-._inputError_oorew_22 {
+._inputError_1rtzu_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_oorew_22:hover {
+._inputError_1rtzu_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_oorew_22:focus {
+._inputError_1rtzu_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_oorew_23 {
+._inputWarning_1rtzu_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_oorew_23:hover {
+._inputWarning_1rtzu_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_oorew_23:focus {
+._inputWarning_1rtzu_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_oorew_58 {
+._inputDisabled_1rtzu_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_oorew_63 {
+._hideScrollbars_1rtzu_63 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_oorew_63::-webkit-scrollbar {
+._hideScrollbars_1rtzu_63::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1972,37 +1975,37 @@ html[data-theme='dark'] {
   --color-border-drawer-tab: var(--color-primary-750);
   --color-background-drawer-handle-hover: rgba(255, 255, 255, 0.1);
 }
-._inline_oorew_87 {
+._inline_1rtzu_87 {
   position: relative;
 }
-._inline_oorew_87._left_oorew_90 {
+._inline_1rtzu_87._left_1rtzu_90 {
   order: -1;
 }
-._inline_oorew_87._right_oorew_93 {
+._inline_1rtzu_87._right_1rtzu_93 {
   order: 9999;
 }
-._fixed_oorew_96 {
+._fixed_1rtzu_96 {
   position: fixed;
   top: 0;
   bottom: 0;
   z-index: var(--zindex-drawer);
 }
-._fixed_oorew_96._left_oorew_90 {
+._fixed_1rtzu_96._left_1rtzu_90 {
   left: 0;
 }
-._fixed_oorew_96._right_oorew_93 {
+._fixed_1rtzu_96._right_1rtzu_93 {
   right: 0;
 }
-._left_oorew_90 ._border_oorew_108 {
+._left_1rtzu_90 ._border_1rtzu_108 {
   border-right: 1px solid var(--color-border);
 }
-._right_oorew_93 ._border_oorew_108 {
+._right_1rtzu_93 ._border_1rtzu_108 {
   border-left: 1px solid var(--color-border);
 }
-._shadow_oorew_114 {
-  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+._shadow_1rtzu_114 {
+  box-shadow: var(--shadow-layer);
 }
-._drawerContent_oorew_117 {
+._drawerContent_1rtzu_117 {
   overflow-x: hidden;
   overflow-y: auto;
   max-height: 100%;
@@ -2014,40 +2017,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._isResizing_oorew_129 ._drawerContent_oorew_117 {
+._isResizing_1rtzu_129 ._drawerContent_1rtzu_117 {
   transition: none;
 }
 @media print {
-  ._drawerContent_oorew_117 {
+  ._drawerContent_1rtzu_117 {
     background: transparent !important;
   }
 }
-._drawerContent_oorew_117::-webkit-scrollbar {
+._drawerContent_1rtzu_117::-webkit-scrollbar {
   display: none;
 }
-._toggleButton_oorew_140 {
+._toggleButton_1rtzu_140 {
   transition: transform 0.4s;
   display: inline-block;
   transform: rotate(180deg);
   position: absolute;
   z-index: calc(var(--zindex-drawer) + 3);
 }
-._left_oorew_90 ._toggleButton_oorew_140 {
+._left_1rtzu_90 ._toggleButton_1rtzu_140 {
   right: calc(var(--size) / -2);
 }
-._right_oorew_93 ._toggleButton_oorew_140 {
+._right_1rtzu_93 ._toggleButton_1rtzu_140 {
   left: calc(var(--size) / -2);
 }
-._toggleButton_oorew_140._top_oorew_153 {
+._toggleButton_1rtzu_140._top_1rtzu_153 {
   top: var(--padding-y);
 }
-._toggleButton_oorew_140._bottom_oorew_156 {
+._toggleButton_1rtzu_140._bottom_1rtzu_156 {
   bottom: var(--padding-y);
 }
-._toggleButton_oorew_140._toggleButtonOpen_oorew_159 {
+._toggleButton_1rtzu_140._toggleButtonOpen_1rtzu_159 {
   transform: rotate(0deg);
 }
-._tabs_oorew_162 {
+._tabs_1rtzu_162 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2058,13 +2061,13 @@ html[data-theme='dark'] {
   border-right: 1px solid var(--color-border);
   font-size: var(--size-sm);
 }
-._left_oorew_90 ._tabs_oorew_162 {
+._left_1rtzu_90 ._tabs_1rtzu_162 {
   right: 0;
 }
-._right_oorew_93 ._tabs_oorew_162 {
+._right_1rtzu_93 ._tabs_1rtzu_162 {
   left: 0;
 }
-._tabs_oorew_162 ._tab_oorew_162 {
+._tabs_1rtzu_162 ._tab_1rtzu_162 {
   height: 38px;
   width: 38px;
   display: flex;
@@ -2075,39 +2078,39 @@ html[data-theme='dark'] {
   transition: color 0.3s, background-color 0.3s;
   border: 1px solid var(--color-border-drawer-tab);
 }
-._left_oorew_90 ._tabs_oorew_162 ._tab_oorew_162 {
+._left_1rtzu_90 ._tabs_1rtzu_162 ._tab_1rtzu_162 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._left_oorew_90 ._tabs_oorew_162 ._tab_oorew_162._active_oorew_194 {
+._left_1rtzu_90 ._tabs_1rtzu_162 ._tab_1rtzu_162._active_1rtzu_194 {
   border-left-color: transparent;
 }
-._right_oorew_93 ._tabs_oorew_162 ._tab_oorew_162 {
+._right_1rtzu_93 ._tabs_1rtzu_162 ._tab_1rtzu_162 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._right_oorew_93 ._tabs_oorew_162 ._tab_oorew_162._active_oorew_194 {
+._right_1rtzu_93 ._tabs_1rtzu_162 ._tab_1rtzu_162._active_1rtzu_194 {
   border-right-color: transparent;
 }
-._tabs_oorew_162 ._tab_oorew_162:not(._active_oorew_194) {
+._tabs_1rtzu_162 ._tab_1rtzu_162:not(._active_1rtzu_194) {
   color: var(--color-text-primary);
   background-color: var(--color-background-drawer-tab) !important;
 }
-._tabs_oorew_162 ._tab_oorew_162:not(._active_oorew_194):hover {
+._tabs_1rtzu_162 ._tab_1rtzu_162:not(._active_1rtzu_194):hover {
   color: var(--color-text);
   background-color: var(--color-background-drawer-tab-hover) !important;
 }
-._tabs_oorew_162 ._tab_oorew_162._active_oorew_194 {
+._tabs_1rtzu_162 ._tab_1rtzu_162._active_1rtzu_194 {
   color: var(--color-text);
   border-color: var(--color-border);
 }
-._left_oorew_90 ._tabsContent_oorew_216 {
+._left_1rtzu_90 ._tabsContent_1rtzu_216 {
   padding-right: 36px;
 }
-._right_oorew_93 ._tabsContent_oorew_216 {
+._right_1rtzu_93 ._tabsContent_1rtzu_216 {
   padding-left: 36px;
 }
-._resizeHandle_oorew_222 {
+._resizeHandle_1rtzu_222 {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2120,18 +2123,18 @@ html[data-theme='dark'] {
   font-size: var(--font-size-sm);
   transition: all 0.2s;
 }
-._resizeHandle_oorew_222:hover {
+._resizeHandle_1rtzu_222:hover {
   background: var(--color-background-drawer-handle-hover);
   color: var(--color-text-primary);
 }
-._resizeHandle_oorew_222:active {
+._resizeHandle_1rtzu_222:active {
   background: var(--color-text-primary);
   color: white;
 }
-._left_oorew_90 ._resizeHandle_oorew_222 {
+._left_1rtzu_90 ._resizeHandle_1rtzu_222 {
   right: 0;
 }
-._right_oorew_93 ._resizeHandle_oorew_222 {
+._right_1rtzu_93 ._resizeHandle_1rtzu_222 {
   left: 0;
 }
 ._empty_cs57m_1 {
@@ -2155,79 +2158,79 @@ html[data-theme='dark'] {
 ._inputGroup_biuoa_1 > *:not(:last-child) {
   margin-right: -1px;
 }
-._inputInTable_7xieo_1 {
+._inputInTable_dn9qx_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_7xieo_1:not(:hover) {
+._inputInTable_dn9qx_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_7xieo_10 {
+._inputHover_dn9qx_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_7xieo_15 {
+._inputFocus_dn9qx_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_7xieo_22,
-._inputWarning_7xieo_23 {
+._inputError_dn9qx_22,
+._inputWarning_dn9qx_23 {
   position: relative;
 }
-._inputError_7xieo_22 {
+._inputError_dn9qx_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_7xieo_22:hover {
+._inputError_dn9qx_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_7xieo_22:focus {
+._inputError_dn9qx_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_7xieo_23 {
+._inputWarning_dn9qx_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_7xieo_23:hover {
+._inputWarning_dn9qx_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_7xieo_23:focus {
+._inputWarning_dn9qx_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_7xieo_58 {
+._inputDisabled_dn9qx_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_7xieo_63 {
+._hideScrollbars_dn9qx_63 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_7xieo_63::-webkit-scrollbar {
+._hideScrollbars_dn9qx_63::-webkit-scrollbar {
   display: none;
 }
-._input_7xieo_1 {
+._input_dn9qx_1 {
   margin: 0;
   outline: 0;
   text-align: left;
@@ -2245,90 +2248,90 @@ html[data-theme='dark'] {
   font-style: normal;
   position: relative;
 }
-._input_7xieo_1::placeholder {
+._input_dn9qx_1::placeholder {
   color: var(--color-text-placeholder);
 }
-._input_7xieo_1._isInTable_7xieo_94 {
+._input_dn9qx_1._isInTable_dn9qx_94 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._input_7xieo_1._isInTable_7xieo_94:not(:hover) {
+._input_dn9qx_1._isInTable_dn9qx_94:not(:hover) {
   border-color: transparent;
 }
-._input_7xieo_1:hover {
+._input_dn9qx_1:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._input_7xieo_1:focus {
+._input_dn9qx_1:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._input_7xieo_1._small_7xieo_115 {
+._input_dn9qx_1._small_dn9qx_115 {
   font-size: var(--font-size-sm);
   height: var(--size-sm);
-  padding: 0 var(--padding-input-sm-x);
+  padding: var(--padding-input-sm);
   line-height: var(--size-sm);
 }
-._input_7xieo_1._error_7xieo_121 {
+._input_dn9qx_1._error_dn9qx_121 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._input_7xieo_1._error_7xieo_121:hover {
+._input_dn9qx_1._error_dn9qx_121:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._input_7xieo_1._error_7xieo_121:focus {
+._input_dn9qx_1._error_dn9qx_121:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._input_7xieo_1._warning_7xieo_138 {
+._input_dn9qx_1._warning_dn9qx_138 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._input_7xieo_1._warning_7xieo_138:hover {
+._input_dn9qx_1._warning_dn9qx_138:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._input_7xieo_1._warning_7xieo_138:focus {
+._input_dn9qx_1._warning_dn9qx_138:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._input_7xieo_1[disabled] {
+._input_dn9qx_1[disabled] {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._input_7xieo_1._right_7xieo_160 {
+._input_dn9qx_1._right_dn9qx_160 {
   text-align: right;
 }
-._groupOrderFirst_7xieo_163,
-._groupOrderMiddle_7xieo_164,
-._groupOrderLast_7xieo_165 {
+._groupOrderFirst_dn9qx_163,
+._groupOrderMiddle_dn9qx_164,
+._groupOrderLast_dn9qx_165 {
   flex: 1;
 }
-._groupOrderFirst_7xieo_163 ._input_7xieo_1,
-._groupOrderMiddle_7xieo_164 ._input_7xieo_1 {
+._groupOrderFirst_dn9qx_163 ._input_dn9qx_1,
+._groupOrderMiddle_dn9qx_164 ._input_dn9qx_1 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_7xieo_165 ._input_7xieo_1,
-._groupOrderMiddle_7xieo_164 ._input_7xieo_1 {
+._groupOrderLast_dn9qx_165 ._input_dn9qx_1,
+._groupOrderMiddle_dn9qx_164 ._input_dn9qx_1 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -2955,39 +2958,39 @@ html[data-theme='dark'] {
 ._newLine_ijw69_31 {
   white-space: 'pre-wrap';
 }
-._menu_1wk7d_1 {
+._menu_i35rg_1 {
   overflow-y: auto;
   position: relative;
   min-width: 160px;
   padding: 7px 0;
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--shadow-layer);
   background-color: var(--color-background-raised);
   margin-top: 2px;
 }
-._header_1wk7d_12 {
+._header_i35rg_12 {
   padding: 7px 16px;
   display: flex;
   justify-content: space-between;
 }
-._header_1wk7d_12 a {
+._header_i35rg_12 a {
   color: var(--color-text-primary);
   font-weight: normal;
   cursor: pointer;
 }
-._header_1wk7d_12 a:hover {
+._header_i35rg_12 a:hover {
   color: var(--color-text-primary-hover);
 }
-._header_1wk7d_12 a:active {
+._header_i35rg_12 a:active {
   color: var(--color-text-primary-active);
 }
-._item_1wk7d_28 {
+._item_i35rg_28 {
   padding: 7px 16px;
   background: transparent;
   cursor: default;
 }
-._heading_1wk7d_33 {
+._heading_i35rg_33 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
@@ -3024,79 +3027,79 @@ html[data-theme='dark'] {
 ._page_beskc_1._scroll_beskc_23 {
   overflow: auto;
 }
-._inputInTable_4mkub_1 {
+._inputInTable_abrmf_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_4mkub_1:not(:hover) {
+._inputInTable_abrmf_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_4mkub_10 {
+._inputHover_abrmf_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_4mkub_15 {
+._inputFocus_abrmf_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_4mkub_22,
-._inputWarning_4mkub_23 {
+._inputError_abrmf_22,
+._inputWarning_abrmf_23 {
   position: relative;
 }
-._inputError_4mkub_22 {
+._inputError_abrmf_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_4mkub_22:hover {
+._inputError_abrmf_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_4mkub_22:focus {
+._inputError_abrmf_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_4mkub_23 {
+._inputWarning_abrmf_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_4mkub_23:hover {
+._inputWarning_abrmf_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_4mkub_23:focus {
+._inputWarning_abrmf_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_4mkub_58 {
+._inputDisabled_abrmf_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_4mkub_63 {
+._hideScrollbars_abrmf_63 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_4mkub_63::-webkit-scrollbar {
+._hideScrollbars_abrmf_63::-webkit-scrollbar {
   display: none;
 }
-._select_4mkub_73 {
+._select_abrmf_73 {
   appearance: none !important;
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
@@ -3106,87 +3109,88 @@ html[data-theme='dark'] {
   padding-right: calc(var(--size-xs) + (2 * var(--spacing-xs)));
   color: var(--color-text);
   vertical-align: middle;
-  background: var(--color-background-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") no-repeat right var(--spacing-xs) center;
+  background: var(--color-background-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") no-repeat right var(--spacing-xs) center;
   background-size: calc(var(--size) / 2);
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   height: var(--size);
+  box-shadow: var(--shadow-button);
 }
-._select_4mkub_73 option {
+._select_abrmf_73 option {
   background: var(--color-background-input);
   color: var(--color-text);
 }
-._select_4mkub_73 option:focus {
+._select_abrmf_73 option:focus {
   background-color: var(--color-background-listitem-active);
 }
-._select_4mkub_73:-moz-focusring {
+._select_abrmf_73:-moz-focusring {
   color: transparent !important;
   text-shadow: 0 0 0 #000 !important;
 }
-._select_4mkub_73:hover {
+._select_abrmf_73:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._select_4mkub_73:focus {
+._select_abrmf_73:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_4mkub_73._isInTable_4mkub_113 {
+._select_abrmf_73._isInTable_abrmf_114 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._select_4mkub_73._isInTable_4mkub_113:not(:hover) {
+._select_abrmf_73._isInTable_abrmf_114:not(:hover) {
   border-color: transparent;
 }
-._select_4mkub_73._unSelected_4mkub_122 {
+._select_abrmf_73._unSelected_abrmf_123 {
   color: var(--color-text-placeholder) !important;
 }
-._select_4mkub_73._unSelected_4mkub_122:-moz-focusring {
+._select_abrmf_73._unSelected_abrmf_123:-moz-focusring {
   color: transparent !important;
   text-shadow: 0 0 0 #000 !important;
 }
-._select_4mkub_73._error_4mkub_129 {
+._select_abrmf_73._error_abrmf_130 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._select_4mkub_73._error_4mkub_129:hover {
+._select_abrmf_73._error_abrmf_130:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._select_4mkub_73._error_4mkub_129:focus {
+._select_abrmf_73._error_abrmf_130:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_4mkub_73._warning_4mkub_146 {
+._select_abrmf_73._warning_abrmf_147 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._select_4mkub_73._warning_4mkub_146:hover {
+._select_abrmf_73._warning_abrmf_147:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._select_4mkub_73._warning_4mkub_146:focus {
+._select_abrmf_73._warning_abrmf_147:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_4mkub_73._small_4mkub_163 {
+._select_abrmf_73._small_abrmf_164 {
   font-size: var(--font-size-sm);
   height: var(--size-sm);
   padding: var(--padding-input-sm);
@@ -3194,65 +3198,65 @@ html[data-theme='dark'] {
   background-position: right var(--spacing-2xs) center;
   padding-right: 28px;
 }
-._select_4mkub_73._right_4mkub_171 {
+._select_abrmf_73._right_abrmf_172 {
   text-align: right;
   text-align-last: right;
 }
-._select_4mkub_73[disabled] {
+._select_abrmf_73[disabled] {
   opacity: 1;
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='gray' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
 }
-._groupOrderFirst_4mkub_182,
-._groupOrderMiddle_4mkub_183 {
+._groupOrderFirst_abrmf_183,
+._groupOrderMiddle_abrmf_184 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_4mkub_187,
-._groupOrderMiddle_4mkub_183 {
+._groupOrderLast_abrmf_188,
+._groupOrderMiddle_abrmf_184 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._layerContainer_f0co0_1 {
+._layerContainer_siwvj_1 {
   z-index: var(--zindex-dropdown);
 }
-._layer_f0co0_1 {
+._layer_siwvj_1 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
   margin: 2px -1px 0 -1px;
   background: var(--color-background-input);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--shadow-layer);
   position: relative;
   font-size: var(--font-size);
 }
-._layer_f0co0_1 ul {
+._layer_siwvj_1 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_f0co0_1 ul li {
+._layer_siwvj_1 ul li {
   list-style: none;
   display: block;
 }
-._layer_f0co0_1._small_f0co0_23 {
+._layer_siwvj_1._small_siwvj_23 {
   font-size: var(--font-size-sm);
 }
-._heading_f0co0_26,
-._option_f0co0_27,
-._message_f0co0_28 {
+._heading_siwvj_26,
+._option_siwvj_27,
+._message_siwvj_28 {
   padding: var(--padding-input);
   padding-right: 0;
 }
-._small_f0co0_23 ._heading_f0co0_26,
-._small_f0co0_23 ._option_f0co0_27,
-._small_f0co0_23 ._message_f0co0_28 {
+._small_siwvj_23 ._heading_siwvj_26,
+._small_siwvj_23 ._option_siwvj_27,
+._small_siwvj_23 ._message_siwvj_28 {
   padding: var(--padding-input-sm);
   padding-right: 0;
 }
-._heading_f0co0_26 {
+._heading_siwvj_26 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
@@ -3263,13 +3267,13 @@ html[data-theme='dark'] {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._small_f0co0_23 ._heading_f0co0_26 {
+._small_siwvj_23 ._heading_siwvj_26 {
   font-size: var(--font-size-xs);
 }
-._message_f0co0_28 {
+._message_siwvj_28 {
   color: var(--color-text-faint);
 }
-._option_f0co0_27 {
+._option_siwvj_27 {
   line-height: var(--line-height);
   display: flex;
   align-items: center;
@@ -3278,18 +3282,18 @@ html[data-theme='dark'] {
   height: 100%;
   cursor: pointer;
 }
-._option_f0co0_27._focused_f0co0_64,
-._option_f0co0_27:hover {
+._option_siwvj_27._focused_siwvj_64,
+._option_siwvj_27:hover {
   background-color: var(--color-background-listitem-hover);
 }
-._option_f0co0_27._selected_f0co0_68 {
+._option_siwvj_27._selected_siwvj_68 {
   background-color: var(--color-background-listitem-active);
 }
-._option_f0co0_27._disabled_f0co0_71 {
+._option_siwvj_27._disabled_siwvj_71 {
   opacity: 0.2;
   cursor: inherit;
 }
-._option_f0co0_27 ._check_f0co0_75 {
+._option_siwvj_27 ._check_siwvj_75 {
   color: var(--color-text-primary);
   font-size: var(--font-size-xs);
   width: var(--size);
@@ -3299,111 +3303,111 @@ html[data-theme='dark'] {
   align-items: center;
   flex-shrink: 0;
 }
-._small_f0co0_23 ._option_f0co0_27 ._check_f0co0_75 {
+._small_siwvj_23 ._option_siwvj_27 ._check_siwvj_75 {
   width: var(--size-sm);
   height: var(--size-sm);
 }
-._option_f0co0_27 ._check_f0co0_75 svg {
+._option_siwvj_27 ._check_siwvj_75 svg {
   display: block;
 }
-._option_f0co0_27 ._optionContent_f0co0_92 {
+._option_siwvj_27 ._optionContent_siwvj_92 {
   flex-wrap: wrap;
   margin-right: auto;
   overflow: hidden;
 }
-._option_f0co0_27 ._optionContent_f0co0_92 ._label_f0co0_97 {
+._option_siwvj_27 ._optionContent_siwvj_92 ._label_siwvj_97 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._option_f0co0_27 ._optionContent_f0co0_92 ._icon_f0co0_104 {
+._option_siwvj_27 ._optionContent_siwvj_92 ._icon_siwvj_104 {
   margin-left: 8px;
   line-height: 0;
 }
-._details_f0co0_108 {
+._details_siwvj_108 {
   float: right;
   display: inline;
   white-space: nowrap;
 }
-._inputInTable_1b14f_1 {
+._inputInTable_1x17a_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1b14f_1:not(:hover) {
+._inputInTable_1x17a_1:not(:hover) {
   border-color: transparent;
 }
-._inputHover_1b14f_10 {
+._inputHover_1x17a_10 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1b14f_15 {
+._inputFocus_1x17a_15 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1b14f_22,
-._inputWarning_1b14f_23 {
+._inputError_1x17a_22,
+._inputWarning_1x17a_23 {
   position: relative;
 }
-._inputError_1b14f_22 {
+._inputError_1x17a_22 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1b14f_22:hover {
+._inputError_1x17a_22:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1b14f_22:focus {
+._inputError_1x17a_22:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1b14f_23 {
+._inputWarning_1x17a_23 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1b14f_23:hover {
+._inputWarning_1x17a_23:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1b14f_23:focus {
+._inputWarning_1x17a_23:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1b14f_58 {
+._inputDisabled_1x17a_58 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_1b14f_63 {
+._hideScrollbars_1x17a_63 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1b14f_63::-webkit-scrollbar {
+._hideScrollbars_1x17a_63::-webkit-scrollbar {
   display: none;
 }
 :root {
   --size-select-icon: calc(var(--size) / 2);
   --size-select-icon-sm: calc(var(--size-sm) / 2);
 }
-._trigger_1b14f_77 {
+._trigger_1x17a_77 {
   font-weight: normal;
   display: flex;
   align-items: center;
@@ -3413,85 +3417,86 @@ html[data-theme='dark'] {
   height: var(--size);
   position: relative;
   padding-left: var(--padding-input-x);
+  box-shadow: var(--shadow-button);
 }
-._trigger_1b14f_77 input {
+._trigger_1x17a_77 input {
   border: none !important;
   background: transparent !important;
 }
-._trigger_1b14f_77._isInTable_1b14f_92 {
+._trigger_1x17a_77._isInTable_1x17a_93 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._trigger_1b14f_77._isInTable_1b14f_92:not(:hover) {
+._trigger_1x17a_77._isInTable_1x17a_93:not(:hover) {
   border-color: transparent;
 }
-._trigger_1b14f_77._isInTable_1b14f_92 ._input_1b14f_1 {
+._trigger_1x17a_77._isInTable_1x17a_93 ._input_1x17a_1 {
   background: transparent !important;
 }
-._trigger_1b14f_77:hover {
+._trigger_1x17a_77:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._trigger_1b14f_77._isOpen_1b14f_110,
-._trigger_1b14f_77:focus {
+._trigger_1x17a_77._isOpen_1x17a_111,
+._trigger_1x17a_77:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1b14f_77._error_1b14f_118 {
+._trigger_1x17a_77._error_1x17a_119 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._trigger_1b14f_77._error_1b14f_118:hover {
+._trigger_1x17a_77._error_1x17a_119:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._trigger_1b14f_77._error_1b14f_118:focus {
+._trigger_1x17a_77._error_1x17a_119:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1b14f_77._warning_1b14f_135 {
+._trigger_1x17a_77._warning_1x17a_136 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._trigger_1b14f_77._warning_1b14f_135:hover {
+._trigger_1x17a_77._warning_1x17a_136:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._trigger_1b14f_77._warning_1b14f_135:focus {
+._trigger_1x17a_77._warning_1x17a_136:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1b14f_77._disabled_1b14f_152 {
+._trigger_1x17a_77._disabled_1x17a_153 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._icons_1b14f_157 {
+._icons_1x17a_158 {
   display: flex;
   flex-wrap: nowrap;
   flex-shrink: 0;
   position: relative;
   z-index: 2;
 }
-._icons_1b14f_157 ._clearAll_1b14f_164,
-._icons_1b14f_157 ._iconOpen_1b14f_165 {
+._icons_1x17a_158 ._clearAll_1x17a_165,
+._icons_1x17a_158 ._iconOpen_1x17a_166 {
   font-size: var(--size-select-icon);
   width: var(--size);
   height: var(--size);
@@ -3500,16 +3505,16 @@ html[data-theme='dark'] {
   align-items: center;
   color: var(--color-text);
 }
-._small_1b14f_174 ._icons_1b14f_157 ._clearAll_1b14f_164,
-._small_1b14f_174 ._icons_1b14f_157 ._iconOpen_1b14f_165 {
+._small_1x17a_175 ._icons_1x17a_158 ._clearAll_1x17a_165,
+._small_1x17a_175 ._icons_1x17a_158 ._iconOpen_1x17a_166 {
   font-size: var(--size-select-icon-sm);
   width: var(--size-sm);
   height: var(--size-sm);
 }
-._icons_1b14f_157 ._clearAll_1b14f_164:hover {
+._icons_1x17a_158 ._clearAll_1x17a_165:hover {
   color: var(--color-text-primary);
 }
-._triggerInputContainer_1b14f_183 {
+._triggerInputContainer_1x17a_184 {
   display: flex;
   align-items: center;
   position: relative;
@@ -3518,31 +3523,31 @@ html[data-theme='dark'] {
   min-width: 0;
   margin-right: 4px;
 }
-._right_1b14f_192 ._triggerInputContainer_1b14f_183 {
+._right_1x17a_193 ._triggerInputContainer_1x17a_184 {
   justify-content: flex-end;
   text-align: right;
 }
-._right_1b14f_192 ._triggerInputContainer_1b14f_183 input {
+._right_1x17a_193 ._triggerInputContainer_1x17a_184 input {
   padding-right: 0;
   padding-left: 0;
   text-align: right;
   width: 0;
 }
-._right_1b14f_192 ._triggerInputContainer_1b14f_183 input:focus {
+._right_1x17a_193 ._triggerInputContainer_1x17a_184 input:focus {
   width: auto;
 }
-._multiOptions_1b14f_205 {
+._multiOptions_1x17a_206 {
   display: flex;
   overflow: hidden;
   margin-left: -8px;
 }
-._small_1b14f_174 ._multiOptions_1b14f_205 {
+._small_1x17a_175 ._multiOptions_1x17a_206 {
   margin-left: -5px;
 }
-._multiOptions_1b14f_205:empty {
+._multiOptions_1x17a_206:empty {
   display: none !important;
 }
-._multiOptions_1b14f_205 ._multiOption_1b14f_205 {
+._multiOptions_1x17a_206 ._multiOption_1x17a_206 {
   user-select: none;
   pointer-events: none;
   display: inline-flex;
@@ -3559,14 +3564,14 @@ html[data-theme='dark'] {
   flex-shrink: 0;
   margin-right: 2px;
 }
-._small_1b14f_174 ._multiOptions_1b14f_205 ._multiOption_1b14f_205 {
+._small_1x17a_175 ._multiOptions_1x17a_206 ._multiOption_1x17a_206 {
   height: var(--size-xs);
   padding: 0 3px;
 }
-._multiOptions_1b14f_205 ._multiOption_1b14f_205 ._label_1b14f_237 {
+._multiOptions_1x17a_206 ._multiOption_1x17a_206 ._label_1x17a_238 {
   white-space: nowrap;
 }
-._multiOptions_1b14f_205 ._multiOption_1b14f_205 ._closeMultiOption_1b14f_240 {
+._multiOptions_1x17a_206 ._multiOption_1x17a_206 ._closeMultiOption_1x17a_241 {
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -3576,13 +3581,13 @@ html[data-theme='dark'] {
   opacity: 0.25;
   aspect-ratio: 1;
 }
-._multiOptions_1b14f_205 ._multiOption_1b14f_205 ._closeMultiOption_1b14f_240:hover,
-._multiOptions_1b14f_205 ._multiOption_1b14f_205 ._closeMultiOption_1b14f_240._focus_1b14f_251 {
+._multiOptions_1x17a_206 ._multiOption_1x17a_206 ._closeMultiOption_1x17a_241:hover,
+._multiOptions_1x17a_206 ._multiOption_1x17a_206 ._closeMultiOption_1x17a_241._focus_1x17a_252 {
   opacity: 1;
   outline: 0;
 }
-._selectedSingleValue_1b14f_255,
-._placeHolder_1b14f_256 {
+._selectedSingleValue_1x17a_256,
+._placeHolder_1x17a_257 {
   line-height: calc(var(--size) - 2px);
   right: 0;
   left: 0;
@@ -3592,10 +3597,10 @@ html[data-theme='dark'] {
   display: block;
   position: absolute;
 }
-._placeHolder_1b14f_256 {
+._placeHolder_1x17a_257 {
   color: var(--color-text-placeholder);
 }
-._input_1b14f_1 {
+._input_1x17a_1 {
   font-family: var(--font-family);
   background-color: transparent;
   border: none;
@@ -3603,43 +3608,43 @@ html[data-theme='dark'] {
   padding: 0;
   width: 0;
 }
-._input_1b14f_1._error_1b14f_118 {
+._input_1x17a_1._error_1x17a_119 {
   color: var(--color-text-error) !important;
 }
-._input_1b14f_1:focus {
+._input_1x17a_1:focus {
   outline: none;
   width: auto;
 }
-._small_1b14f_174 {
+._small_1x17a_175 {
   height: var(--size-sm);
   font-size: var(--font-size-sm);
   padding-left: var(--padding-input-sm-x);
 }
-._small_1b14f_174 ._selectedSingleValue_1b14f_255,
-._small_1b14f_174 ._placeHolder_1b14f_256,
-._small_1b14f_174 ._input_1b14f_1 {
+._small_1x17a_175 ._selectedSingleValue_1x17a_256,
+._small_1x17a_175 ._placeHolder_1x17a_257,
+._small_1x17a_175 ._input_1x17a_1 {
   height: calc(var(--size-sm) - 2px);
   line-height: calc(var(--size-sm) - 2px);
 }
-._groupOrderFirst_1b14f_295,
-._groupOrderMiddle_1b14f_296 {
+._groupOrderFirst_1x17a_296,
+._groupOrderMiddle_1x17a_297 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1b14f_300,
-._groupOrderMiddle_1b14f_296 {
+._groupOrderLast_1x17a_301,
+._groupOrderMiddle_1x17a_297 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._detailedLabel_1b14f_305 {
+._detailedLabel_1x17a_306 {
   width: 100%;
 }
-._detailedLabel_1b14f_305 :first-child {
+._detailedLabel_1x17a_306 :first-child {
   float: left;
   position: absolute;
   padding-right: 5px;
 }
-._detailedLabel_1b14f_305 :last-child {
+._detailedLabel_1x17a_306 :last-child {
   float: right;
 }
 ._paginationContainer_1tmz4_1 {
@@ -3727,17 +3732,17 @@ html[data-theme='dark'] {
   font-weight: bold;
   z-index: 1;
 }
-._wrapper_1vjj5_1._inline_1vjj5_1 {
+._wrapper_1s098_1._inline_1s098_1 {
   display: flex;
   align-items: center;
 }
-._wrapper_1vjj5_1._inline_1vjj5_1 ._radio_1vjj5_5:not(:last-child) {
+._wrapper_1s098_1._inline_1s098_1 ._radio_1s098_5:not(:last-child) {
   margin-right: var(--spacing);
 }
-._wrapper_1vjj5_1 ._labelMargin_1vjj5_8 {
+._wrapper_1s098_1 ._labelMargin_1s098_8 {
   margin-right: 10px;
 }
-._radio_1vjj5_5 {
+._radio_1s098_5 {
   margin: calc((var(--size) - var(--size-checkbox)) / 2) 0;
   position: relative;
   display: flex;
@@ -3752,15 +3757,15 @@ html[data-theme='dark'] {
   min-width: var(--size-checkbox);
   outline: 0px;
 }
-._radio_1vjj5_5._small_1vjj5_26 {
+._radio_1s098_5._small_1s098_26 {
   margin: calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;
   font-size: var(--font-size-sm);
 }
-._radio_1vjj5_5._noMargin_1vjj5_30 {
+._radio_1s098_5._noMargin_1s098_30 {
   margin-top: 0;
   margin-bottom: 0;
 }
-._radio_1vjj5_5 input {
+._radio_1s098_5 input {
   cursor: pointer;
   position: absolute;
   top: 0;
@@ -3771,7 +3776,7 @@ html[data-theme='dark'] {
   height: var(--size-checkbox);
   z-index: -1;
 }
-._radio_1vjj5_5 label {
+._radio_1s098_5 label {
   cursor: pointer;
   position: relative;
   display: block;
@@ -3780,8 +3785,8 @@ html[data-theme='dark'] {
   color: var(--color-text);
   transition: color 0.1s ease;
 }
-._radio_1vjj5_5 label:before,
-._radio_1vjj5_5 label:after {
+._radio_1s098_5 label:before,
+._radio_1s098_5 label:after {
   content: '';
   position: absolute;
   top: 0;
@@ -3792,45 +3797,45 @@ html[data-theme='dark'] {
   border-radius: 50%;
   transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
 }
-._radio_1vjj5_5 label:before {
+._radio_1s098_5 label:before {
   background: var(--color-background-input);
   border: 1px solid var(--color-border-checkbox);
   transform: none;
 }
-._radio_1vjj5_5 label:hover:before {
+._radio_1s098_5 label:hover:before {
   border-color: var(--color-border-hover);
 }
-._radio_1vjj5_5 label:after {
+._radio_1s098_5 label:after {
   border: none;
   transform: scale(0.46666667);
   background-color: white;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: var(--shadow-button);
   opacity: 0;
 }
-._radio_1vjj5_5 input:checked ~ label:before {
+._radio_1s098_5 input:checked ~ label:before {
   background-color: var(--color-background-primary);
   border-color: transparent;
 }
-._radio_1vjj5_5 input:checked ~ label:after {
+._radio_1s098_5 input:checked ~ label:after {
   opacity: 1;
 }
-._radio_1vjj5_5._disabled_1vjj5_88 {
+._radio_1s098_5._disabled_1s098_88 {
   cursor: default;
   pointer-events: none;
 }
-._radio_1vjj5_5._disabled_1vjj5_88 label {
+._radio_1s098_5._disabled_1s098_88 label {
   color: var(--color-text-muted);
 }
-._radio_1vjj5_5._disabled_1vjj5_88 label:before {
+._radio_1s098_5._disabled_1s098_88 label:before {
   background-color: var(--color-background-disabled) !important;
 }
-._radio_1vjj5_5._disabled_1vjj5_88 input:checked ~ label:before {
+._radio_1s098_5._disabled_1s098_88 input:checked ~ label:before {
   border-color: var(--color-border-checkbox);
 }
-._radio_1vjj5_5._disabled_1vjj5_88 input:checked ~ label:after {
+._radio_1s098_5._disabled_1s098_88 input:checked ~ label:after {
   background-color: var(--color-border-checkbox);
 }
-._isInTable_1vjj5_104 {
+._isInTable_1s098_104 {
   margin: 0;
   position: relative;
   top: 1px;
@@ -8944,7 +8949,7 @@ button:active .remirror-menu-pane-shortcut,
 }
 .rc-slider:not(.rc-slider-disabled) .rc-slider-handle:focus {
   border-color: var(--color-background-primary);
-  box-shadow: 0 0 0 3px var(--color-background-primary);
+  box-shadow: var(--shadow-focus);
 }
 .rc-slider .rc-slider-handle {
   opacity: 1;
@@ -10368,7 +10373,7 @@ tbody ._staticCell_jixr6_112 ._staticCellContent_jixr6_115 {
   --color-background-toggle: rgba(255, 255, 255, 0.2);
   --color-background-toggle-hover: rgba(255, 255, 255, 0.3);
 }
-._toggle_vnh1k_9 {
+._toggle_i5is1_9 {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -10383,11 +10388,11 @@ tbody ._staticCell_jixr6_112 ._staticCellContent_jixr6_115 {
   min-width: var(--size-checkbox);
   margin: calc((var(--size) - var(--size-checkbox)) / 2) 0;
 }
-._toggle_vnh1k_9._small_vnh1k_24 {
+._toggle_i5is1_9._small_i5is1_24 {
   margin: calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;
   font-size: var(--font-size-sm);
 }
-._toggle_vnh1k_9 input {
+._toggle_i5is1_9 input {
   width: calc(var(--size-checkbox) * 2);
   height: var(--size-checkbox);
   cursor: pointer;
@@ -10404,7 +10409,7 @@ tbody ._staticCell_jixr6_112 ._staticCellContent_jixr6_115 {
   line-height: 1.15;
   margin: 0;
 }
-._toggle_vnh1k_9 label {
+._toggle_i5is1_9 label {
   min-height: var(--size-checkbox);
   padding-left: calc((var(--size-checkbox) * 2) + var(--spacing-xs));
   transition: color 0.1s ease;
@@ -10413,86 +10418,87 @@ tbody ._staticCell_jixr6_112 ._staticCellContent_jixr6_115 {
   display: block;
   outline: 0;
 }
-._toggle_vnh1k_9 label:before,
-._toggle_vnh1k_9 label:after {
+._toggle_i5is1_9 label:before,
+._toggle_i5is1_9 label:after {
   display: block;
   position: absolute;
   content: '';
-  top: 0;
+}
+._toggle_i5is1_9 label:before {
   height: var(--size-checkbox);
   border-radius: calc(var(--size-checkbox) / 2);
-}
-._toggle_vnh1k_9 label:before {
   z-index: 1;
   transform: none;
   background: var(--color-background-toggle);
   box-shadow: none;
   width: calc(var(--size-checkbox) * 2);
   left: 0;
+  top: 0;
   transition: background 0.3s ease, border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
 }
-._toggle_vnh1k_9 label:after {
-  left: -0.05rem;
-  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
-  background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+._toggle_i5is1_9 label:after {
+  height: calc(var(--size-checkbox) - 4px);
+  width: calc(var(--size-checkbox) - 4px);
+  border-radius: 50%;
+  left: 2px;
+  top: 2px;
+  box-shadow: var(--shadow-button);
+  background: white;
   opacity: 1;
   z-index: 2;
-  width: var(--size-checkbox);
   transition: background 0.3s ease, left 0.3s ease;
 }
-._toggle_vnh1k_9 input:hover ~ label:before {
+._toggle_i5is1_9 input:hover ~ label:before {
   background: var(--color-background-toggle-hover);
 }
-._toggle_vnh1k_9 input:checked ~ label:before {
+._toggle_i5is1_9 input:checked ~ label:before {
   border-color: rgba(34, 36, 38, 0.35);
   background-color: var(--color-background-button-primary);
 }
-._toggle_vnh1k_9 input:checked ~ label:after {
-  left: var(--size-checkbox);
+._toggle_i5is1_9 input:checked ~ label:after {
+  left: calc(var(--size-checkbox) + 2px);
 }
-._toggle_vnh1k_9 input:checked:hover ~ label:before {
+._toggle_i5is1_9 input:checked:hover ~ label:before {
   background-color: var(--color-background-button-primary-hover);
 }
-._toggle_vnh1k_9._disabled_vnh1k_94 {
+._toggle_i5is1_9._disabled_i5is1_97 {
   cursor: default;
   pointer-events: none;
   color: var(--color-text-muted);
 }
-._toggle_vnh1k_9._disabled_vnh1k_94 label:before {
+._toggle_i5is1_9._disabled_i5is1_97 label:before {
   background-color: var(--color-background-disabled);
 }
-._toggle_vnh1k_9._disabled_vnh1k_94 input:checked ~ label:before {
+._toggle_i5is1_9._disabled_i5is1_97 input:checked ~ label:before {
   background-color: var(--color-text-faint);
 }
-._noMargin_vnh1k_105 {
+._noMargin_i5is1_108 {
   margin: 0;
 }
 :root {
-  --shadow-topbar: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
   --color-link-border-hover: var(--color-neutral-100);
 }
 [data-theme='dark'] {
-  --shadow-topbar: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
   --color-link-border-hover: var(--color-neutral-600);
 }
-._topbar_p7m2s_9 {
+._topbar_17khh_7 {
   top: 0;
   left: 0;
   z-index: var(--zindex-topbar);
   width: 100%;
-  box-shadow: var(--shadow-topbar);
+  box-shadow: var(--shadow-layer);
   background: var(--color-background-raised);
   display: flex;
 }
-._topbar_p7m2s_9._fixed_p7m2s_18 {
+._topbar_17khh_7._fixed_17khh_16 {
   position: fixed;
 }
 @media print {
-  ._topbar_p7m2s_9 {
+  ._topbar_17khh_7 {
     display: none !important;
   }
 }
-._icon_p7m2s_26 {
+._icon_17khh_24 {
   color: white;
   display: flex;
   align-items: center;
@@ -10500,22 +10506,22 @@ tbody ._staticCell_jixr6_112 ._staticCellContent_jixr6_115 {
   cursor: pointer;
   background-color: var(--color-neutral-700);
 }
-._icon_p7m2s_26:hover {
+._icon_17khh_24:hover {
   background-color: var(--color-neutral-750);
 }
-._icon_p7m2s_26:active {
+._icon_17khh_24:active {
   background-color: var(--color-neutral-800);
 }
-[data-theme='dark'] ._icon_p7m2s_26 {
+[data-theme='dark'] ._icon_17khh_24 {
   background-color: var(--color-neutral-900);
 }
-[data-theme='dark'] ._icon_p7m2s_26:hover {
+[data-theme='dark'] ._icon_17khh_24:hover {
   background-color: var(--color-neutral-950);
 }
-[data-theme='dark'] ._icon_p7m2s_26:active {
+[data-theme='dark'] ._icon_17khh_24:active {
   background-color: var(--color-neutral-1000);
 }
-._title_p7m2s_49 {
+._title_17khh_47 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -10523,55 +10529,55 @@ tbody ._staticCell_jixr6_112 ._staticCellContent_jixr6_115 {
   padding: 0;
   position: relative;
 }
-._title_p7m2s_49 img,
-._title_p7m2s_49 svg {
+._title_17khh_47 img,
+._title_17khh_47 svg {
   max-height: 28px;
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_p7m2s_49 ._logo_p7m2s_65 {
+._title_17khh_47 ._logo_17khh_63 {
   display: flex;
 }
-._title_p7m2s_49 ._label_p7m2s_68 {
+._title_17khh_47 ._label_17khh_66 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
 }
-._brand_p7m2s_73 {
+._brand_17khh_71 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_p7m2s_78 {
+._version_17khh_76 {
   line-height: 1;
   position: absolute;
   right: 0;
   bottom: 100%;
   font-size: var(--font-size-xs);
 }
-._left_p7m2s_85,
-._right_p7m2s_86 {
+._left_17khh_83,
+._right_17khh_84 {
   display: flex;
   min-width: 0;
 }
-._left_p7m2s_85 {
+._left_17khh_83 {
   gap: var(--spacing);
   padding-left: var(--spacing-xs);
 }
-._right_p7m2s_86 {
+._right_17khh_84 {
   margin-left: auto;
   flex-shrink: 0;
   padding-right: var(--spacing-xs);
   gap: var(--spacing-xs);
 }
-._item_p7m2s_100,
-._link_p7m2s_101 {
+._item_17khh_98,
+._link_17khh_99 {
   align-items: center;
   display: flex;
 }
-._item_p7m2s_100 {
+._item_17khh_98 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
   user-select: none;
@@ -10579,18 +10585,18 @@ tbody ._staticCell_jixr6_112 ._staticCellContent_jixr6_115 {
   min-width: 0;
   max-width: 50vw;
 }
-._item_p7m2s_100._button_p7m2s_113,
-._item_p7m2s_100._menu_p7m2s_114 {
+._item_17khh_98._button_17khh_111,
+._item_17khh_98._menu_17khh_112 {
   flex-shrink: 0;
 }
-._label_p7m2s_68 {
+._label_17khh_66 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
 }
-._link_p7m2s_101 {
+._link_17khh_99 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
@@ -10598,24 +10604,24 @@ tbody ._staticCell_jixr6_112 ._staticCellContent_jixr6_115 {
   font-weight: bold;
   height: 100%;
 }
-._link_p7m2s_101 svg {
+._link_17khh_99 svg {
   margin-right: 5px;
   flex-shrink: 0;
 }
-._link_p7m2s_101:hover {
+._link_17khh_99:hover {
   color: var(--color-text-primary-hover);
 }
-._link_p7m2s_101:active {
+._link_17khh_99:active {
   color: var(--color-text-primary-active);
 }
-._link_p7m2s_101._active_p7m2s_142 {
+._link_17khh_99._active_17khh_140 {
   color: var(--color-text);
 }
-._link_p7m2s_101:hover,
-._link_p7m2s_101._active_p7m2s_142 {
+._link_17khh_99:hover,
+._link_17khh_99._active_17khh_140 {
   background-color: transparent;
 }
-._link_p7m2s_101:after {
+._link_17khh_99:after {
   content: '';
   position: absolute;
   left: 0;
@@ -10623,17 +10629,17 @@ tbody ._staticCell_jixr6_112 ._staticCellContent_jixr6_115 {
   bottom: 0;
   border-bottom: 2px solid transparent;
 }
-._link_p7m2s_101:hover:after {
+._link_17khh_99:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_p7m2s_101._active_p7m2s_142:after {
+._link_17khh_99._active_17khh_140:after {
   border-color: var(--color-background-primary);
 }
-._link_p7m2s_101[disabled] {
+._link_17khh_99[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_p7m2s_167 {
+._alert_17khh_165 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;