@oliasoft-open-source/react-ui-library 4.0.0-beta-68 → 4.0.0-beta-70

package/dist/assets/{index-226f11bb.css → index-be5ba6ff.css}

@@ -2414,123 +2414,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_327v8_1 {
+._inputInTable_1jod2_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_327v8_1:not(:hover) {
+._inputInTable_1jod2_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_327v8_1:not(:focus) {
+._inputInTable_1jod2_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_327v8_13 {
+._inputHover_1jod2_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_327v8_18 {
+._inputFocus_1jod2_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_327v8_25,
-._inputWarning_327v8_26 {
+._inputError_1jod2_25,
+._inputWarning_1jod2_26 {
   position: relative;
 }
-._inputError_327v8_25 {
+._inputError_1jod2_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_327v8_25:hover {
+._inputError_1jod2_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_327v8_25:focus {
+._inputError_1jod2_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_327v8_26 {
+._inputWarning_1jod2_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_327v8_26:hover {
+._inputWarning_1jod2_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_327v8_26:focus {
+._inputWarning_1jod2_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_327v8_61 {
+._inputDisabled_1jod2_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_327v8_67 {
+._hideScrollbars_1jod2_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_327v8_67::-webkit-scrollbar {
+._hideScrollbars_1jod2_67::-webkit-scrollbar {
   display: none;
 }
-._header_327v8_77 ._headerTitle_327v8_77,
-._heading_327v8_78 ._itemHeader_327v8_78 {
+._header_1jod2_77 ._headerTitle_1jod2_77,
+._heading_1jod2_78 ._itemHeader_1jod2_78 {
   transition: opacity 0.3s;
 }
-._narrow_327v8_81 ._header_327v8_77 ._headerTitle_327v8_77,
-._narrow_327v8_81 ._heading_327v8_78 ._itemHeader_327v8_78 {
+._narrow_1jod2_81 ._header_1jod2_77 ._headerTitle_1jod2_77,
+._narrow_1jod2_81 ._heading_1jod2_78 ._itemHeader_1jod2_78 {
   opacity: 0;
 }
-._stickyHeader_327v8_85 {
+._stickyHeader_1jod2_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_327v8_78 {
+._itemHeader_1jod2_78 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_327v8_78 ._title_327v8_96 {
+._itemHeader_1jod2_78 ._title_1jod2_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_327v8_78 ._name_327v8_102 {
+._itemHeader_1jod2_78 ._name_1jod2_102 {
   font-weight: 400;
 }
-._itemHeader_327v8_78 ._iconTooltipMargin_327v8_105 {
+._itemHeader_1jod2_78 ._iconTooltipMargin_1jod2_105 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_327v8_78 ._bold_327v8_108 {
+._itemHeader_1jod2_78 ._bold_1jod2_108 {
   font-weight: bold;
 }
-._header_327v8_77 {
+._header_1jod2_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_327v8_117 {
+._toggleNarrow_1jod2_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2539,48 +2539,50 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_327v8_117:hover {
+._toggleNarrow_1jod2_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_327v8_117:active {
+._toggleNarrow_1jod2_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_327v8_81 ._toggleNarrow_327v8_117 {
+._narrow_1jod2_81 ._toggleNarrow_1jod2_117 {
   transform: scaleX(-1);
 }
-._drag_327v8_135 {
+._drag_1jod2_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: var(--padding-xs);
-  margin-left: -6px;
+  margin-left: calc(var(--padding-xs) * -1);
+  margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
+  margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   cursor: move;
-  height: 19px;
-  width: 19px;
+  height: var(--size-sm);
+  width: var(--size-sm);
 }
-._drag_327v8_135:hover {
+._drag_1jod2_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_327v8_135:active {
+._drag_1jod2_135:active {
   color: var(--color-text-primary-active);
 }
-._list_327v8_152 {
+._list_1jod2_154 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_327v8_152._bordered_327v8_156:first-child,
-._list_327v8_152._bordered_327v8_156:first-child > :first-child {
+._list_1jod2_154._bordered_1jod2_158:first-child,
+._list_1jod2_154._bordered_1jod2_158:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_327v8_152._bordered_327v8_156:last-child,
-._list_327v8_152._bordered_327v8_156:last-child > :last-child {
+._list_1jod2_154._bordered_1jod2_158:last-child,
+._list_1jod2_154._bordered_1jod2_158:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_327v8_78 {
+._item_1jod2_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2591,7 +2593,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_327v8_78:not(._heading_327v8_78):after {
+._item_1jod2_78:not(._heading_1jod2_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2602,41 +2604,41 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_327v8_78._action_327v8_189 {
+._item_1jod2_78._action_1jod2_191 {
   cursor: pointer;
 }
-._item_327v8_78._action_327v8_189:not(._active_327v8_192):hover {
+._item_1jod2_78._action_1jod2_191:not(._active_1jod2_194):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_327v8_78._action_327v8_189:not(._active_327v8_192):hover:after {
+._item_1jod2_78._action_1jod2_191:not(._active_1jod2_194):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_327v8_78._indented_327v8_199:after {
+._item_1jod2_78._indented_1jod2_201:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_327v8_78._active_327v8_192 {
+._item_1jod2_78._active_1jod2_194 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_327v8_78._active_327v8_192:after {
+._item_1jod2_78._active_1jod2_194:after {
   background: var(--color-background-primary) !important;
 }
-._item_327v8_78._disabled_327v8_212 {
+._item_1jod2_78._disabled_1jod2_214 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_327v8_78._heading_327v8_78 {
+._item_1jod2_78._heading_1jod2_78 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_327v8_78._heading_327v8_78._action_327v8_189:hover {
+._item_1jod2_78._heading_1jod2_78._action_1jod2_191:hover {
   color: var(--color-text-primary-hover);
 }
-._item_327v8_78 ._label_327v8_223 {
+._item_1jod2_78 ._label_1jod2_225 {
   margin-right: var(--padding-xs);
   flex-shrink: 0;
   width: var(--size-sm);
@@ -2647,38 +2649,38 @@ html[data-theme='dark'] {
   align-items: center;
   justify-content: center;
 }
-._item_327v8_78 ._details_327v8_234,
-._item_327v8_78 ._metadata_327v8_235 {
+._item_1jod2_78 ._details_1jod2_236,
+._item_1jod2_78 ._metadata_1jod2_237 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_327v8_78 ._metadata_327v8_235 {
+._item_1jod2_78 ._metadata_1jod2_237 {
   color: var(--color-text-muted);
 }
-._item_327v8_78 ._itemContent_327v8_243 {
+._item_1jod2_78 ._itemContent_1jod2_245 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_327v8_78 ._itemContent_327v8_243:empty {
+._item_1jod2_78 ._itemContent_1jod2_245:empty {
   padding: inherit;
 }
-._indentIcon_327v8_250 {
+._indentIcon_1jod2_252 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_327v8_255 {
+._expandIcon_1jod2_257 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_327v8_255._expanded_327v8_262 svg {
+._expandIcon_1jod2_257._expanded_1jod2_264 svg {
   transform: rotate(90deg);
 }
-._right_327v8_265 {
+._right_1jod2_267 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -2686,24 +2688,24 @@ html[data-theme='dark'] {
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   min-height: var(--size-sm);
 }
-._actions_327v8_273 {
+._actions_1jod2_275 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_327v8_278 {
+._scrollableList_1jod2_280 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_327v8_67 {
+._hideScrollbar_1jod2_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_327v8_67::-webkit-scrollbar {
+._hideScrollbar_1jod2_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_477i5_1 {
@@ -2761,80 +2763,80 @@ html[data-theme='dark'] {
 ._details_477i5_53 {
   margin-top: var(--padding-xs);
 }
-._inputInTable_iuvy3_1 {
+._inputInTable_s49vk_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_iuvy3_1:not(:hover) {
+._inputInTable_s49vk_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_iuvy3_1:not(:focus) {
+._inputInTable_s49vk_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_iuvy3_13 {
+._inputHover_s49vk_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_iuvy3_18 {
+._inputFocus_s49vk_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_iuvy3_25,
-._inputWarning_iuvy3_26 {
+._inputError_s49vk_25,
+._inputWarning_s49vk_26 {
   position: relative;
 }
-._inputError_iuvy3_25 {
+._inputError_s49vk_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_iuvy3_25:hover {
+._inputError_s49vk_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_iuvy3_25:focus {
+._inputError_s49vk_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_iuvy3_26 {
+._inputWarning_s49vk_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_iuvy3_26:hover {
+._inputWarning_s49vk_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_iuvy3_26:focus {
+._inputWarning_s49vk_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_iuvy3_61 {
+._inputDisabled_s49vk_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_iuvy3_67 {
+._hideScrollbars_s49vk_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_iuvy3_67::-webkit-scrollbar {
+._hideScrollbars_s49vk_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -2843,9 +2845,8 @@ html[data-theme='dark'] {
 html[data-theme='dark'] {
   --color-border-message: rgba(255, 255, 255, 0.1);
 }
-._container_iuvy3_83 {
-  --padding-message: var(--padding-sm);
-  padding: var(--padding-message);
+._container_s49vk_83 {
+  padding: var(--padding-sm);
   border-radius: var(--border-radius);
   display: inline-flex;
   align-items: flex-start;
@@ -2859,40 +2860,40 @@ html[data-theme='dark'] {
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._container_iuvy3_83::-webkit-scrollbar {
+._container_s49vk_83::-webkit-scrollbar {
   display: none;
 }
-._container_iuvy3_83._block_iuvy3_102 {
+._container_s49vk_83._block_s49vk_101 {
   display: flex;
 }
-._container_iuvy3_83._info_iuvy3_105 {
+._container_s49vk_83._info_s49vk_104 {
   color: var(--color-text-info);
   background-color: var(--color-background-info-muted);
 }
-._container_iuvy3_83._success_iuvy3_109 {
+._container_s49vk_83._success_s49vk_108 {
   color: var(--color-text-success);
   background-color: var(--color-background-success-muted);
 }
-._container_iuvy3_83._warning_iuvy3_113 {
+._container_s49vk_83._warning_s49vk_112 {
   color: var(--color-text-warning);
   background-color: var(--color-background-warning-muted);
 }
-._container_iuvy3_83._error_iuvy3_117 {
+._container_s49vk_83._error_s49vk_116 {
   color: var(--color-text-error);
   background-color: var(--color-background-error-muted);
 }
-._content_iuvy3_121 {
+._content_s49vk_120 {
   flex: 1;
   min-width: 0;
 }
-._heading_iuvy3_125 {
+._heading_s49vk_124 {
   font-weight: bold;
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
 }
-._icon_iuvy3_132 {
+._icon_s49vk_131 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2900,37 +2901,37 @@ html[data-theme='dark'] {
   margin-right: var(--padding-xs);
   font-size: var(--size-xs);
 }
-._dismiss_iuvy3_140 {
+._dismiss_s49vk_139 {
   margin-left: var(--padding);
   color: var(--color-text);
 }
-._dismiss_iuvy3_140._absolute_iuvy3_144 {
+._dismiss_s49vk_139._absolute_s49vk_143 {
   position: absolute;
   top: var(--padding-sm);
   right: var(--padding-sm);
 }
-._dismiss_iuvy3_140 {
+._dismiss_s49vk_139 {
   --offset-message-dismiss: calc((var(--line-height) - var(--size-sm)) / 2);
   display: flex;
   margin-top: var(--offset-message-dismiss);
   margin-bottom: var(--offset-message-dismiss);
   margin-right: var(--offset-message-dismiss);
 }
-._legendToggle_iuvy3_156 {
+._legendToggle_s49vk_155 {
   opacity: 0.6;
 }
-._legendToggle_iuvy3_156:hover {
+._legendToggle_s49vk_155:hover {
   opacity: 0.8;
   cursor: pointer;
 }
-._legendToggle_iuvy3_156:active {
+._legendToggle_s49vk_155:active {
   opacity: 1;
 }
-._detailsText_iuvy3_166 {
+._detailsText_s49vk_165 {
   margin-top: var(--padding-xxs);
   word-break: break-word;
 }
-._footer_iuvy3_170 {
+._footer_s49vk_169 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--padding-sm);
@@ -10484,7 +10485,7 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   --color-background-toggle: rgba(255, 255, 255, 0.2);
   --color-background-toggle-hover: rgba(255, 255, 255, 0.3);
 }
-._toggle_3ujcm_9 {
+._toggle_1mo1i_9 {
   --size-toggle: var(--size-xs);
   position: relative;
   display: inline-flex;
@@ -10500,12 +10501,12 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   min-width: var(--size-toggle);
   margin: calc((var(--size) - var(--size-toggle)) / 2) 0;
 }
-._toggle_3ujcm_9._small_3ujcm_25 {
+._toggle_1mo1i_9._small_1mo1i_25 {
   --size-toggle: calc(var(--size-xs) - 4px);
   margin: calc((var(--size-sm) - var(--size-toggle)) / 2) 0;
   font-size: var(--font-size-sm);
 }
-._toggle_3ujcm_9 input {
+._toggle_1mo1i_9 input {
   width: calc(var(--size-toggle) * 2);
   height: var(--size-toggle);
   cursor: pointer;
@@ -10521,7 +10522,7 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   font-family: sans-serif;
   margin: 0;
 }
-._toggle_3ujcm_9 label {
+._toggle_1mo1i_9 label {
   min-height: var(--size-toggle);
   padding-left: calc((var(--size-toggle) * 2) + var(--padding-xs));
   transition: color 0.1s ease;
@@ -10530,16 +10531,16 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   display: block;
   outline: 0;
 }
-._toggle_3ujcm_9 label:empty {
+._toggle_1mo1i_9 label:empty {
   padding-left: calc(var(--size-toggle) * 2);
 }
-._toggle_3ujcm_9 label:before,
-._toggle_3ujcm_9 label:after {
+._toggle_1mo1i_9 label:before,
+._toggle_1mo1i_9 label:after {
   display: block;
   position: absolute;
   content: '';
 }
-._toggle_3ujcm_9 label:before {
+._toggle_1mo1i_9 label:before {
   height: var(--size-toggle);
   border-radius: calc(var(--size-toggle) / 2);
   z-index: 1;
@@ -10551,46 +10552,47 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   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_3ujcm_9 label:after {
-  height: calc(var(--size-toggle) - 4px);
-  width: calc(var(--size-toggle) - 4px);
+._toggle_1mo1i_9 label:after {
+  --size-toggle-handle: calc(var(--size-toggle) - 4px);
+  --padding-toggle-handle: calc((var(--size-toggle) - var(--size-toggle-handle)) / 2);
+  height: var(--size-toggle-handle);
+  width: var(--size-toggle-handle);
   border-radius: 50%;
-  left: 2px;
-  top: 50%;
-  transform: translateY(-50%);
+  left: var(--padding-toggle-handle);
+  top: var(--padding-toggle-handle);
   box-shadow: var(--shadow-button);
   background: white;
   opacity: 1;
   z-index: 2;
   transition: background 0.3s ease, left 0.3s ease;
 }
-._toggle_3ujcm_9 input:hover ~ label:before {
+._toggle_1mo1i_9 input:hover ~ label:before {
   background: var(--color-background-toggle-hover);
 }
-._toggle_3ujcm_9 input:checked ~ label:before {
+._toggle_1mo1i_9 input:checked ~ label:before {
   background-color: var(--color-background-button-primary);
 }
-._toggle_3ujcm_9 input:checked ~ label:after {
+._toggle_1mo1i_9 input:checked ~ label:after {
   left: calc(var(--size-toggle) + 2px);
 }
-._toggle_3ujcm_9 input:checked:hover ~ label:before {
+._toggle_1mo1i_9 input:checked:hover ~ label:before {
   background-color: var(--color-background-button-primary-hover);
 }
-._toggle_3ujcm_9._disabled_3ujcm_101 {
+._toggle_1mo1i_9._disabled_1mo1i_102 {
   cursor: default;
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._toggle_3ujcm_9._disabled_3ujcm_101 label:before {
+._toggle_1mo1i_9._disabled_1mo1i_102 label:before {
   background-color: var(--color-background-disabled);
 }
-._toggle_3ujcm_9._disabled_3ujcm_101 label:after {
+._toggle_1mo1i_9._disabled_1mo1i_102 label:after {
   opacity: 0.4;
 }
-._noMargin_3ujcm_112 {
+._noMargin_1mo1i_113 {
   margin: 0;
 }
-._helpIconEnabled_3ujcm_115 {
+._helpIconEnabled_1mo1i_116 {
   pointer-events: auto;
 }
 :root {