electrobun-preact-devtools 0.0.0 → 0.1.0

package/dist/style.css

@@ -0,0 +1,1918 @@
+.nca9Fq_root {
+  color: #bebebe;
+  text-align: center;
+  pointer-events: none;
+  z-index: 999999;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
+  font-size: 10px;
+  position: absolute;
+}
+
+.nca9Fq_content {
+  background: #88c2e8bf;
+  border-style: solid;
+  border-color: #05962d80;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.nca9Fq_border {
+  border-style: solid;
+  border-color: #fff176bf;
+  flex: 1;
+  display: flex;
+}
+
+.nca9Fq_margin {
+  border-style: solid;
+  border-color: #eca963bf;
+  display: flex;
+}
+
+.nca9Fq_label {
+  color: #fda5e9;
+}
+
+.nca9Fq_value {
+  color: #ececec;
+}
+
+.nca9Fq_footer {
+  white-space: nowrap;
+  background: #101010;
+  border: .0625rem solid #9a9a9a;
+  border-radius: .2rem;
+  margin: .5rem 0 0;
+  padding: .125rem .4rem;
+  font-weight: bold;
+  display: inline-block;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.nca9Fq_fixed {
+  position: fixed;
+}
+
+.nca9Fq_fixed.nca9Fq_fixedLeft {
+  left: 1.5em;
+  transform: translateX(0);
+}
+
+.nca9Fq_fixed.nca9Fq_fixedTop {
+  top: 1.5em;
+}
+
+.nca9Fq_fixed.nca9Fq_fixedRight {
+  right: 1.5em;
+}
+
+.nca9Fq_fixed.nca9Fq_fixedBottom {
+  bottom: 1.5em;
+}
+
+.nca9Fq_outerContainer {
+  pointer-events: none;
+  position: absolute;
+  inset: 0;
+}
+.ICMRsq_root {
+  pointer-events: none;
+  z-index: 10000000;
+  position: fixed;
+  top: 0;
+  left: 0;
+  max-width: none !important;
+}
+._4kkskW_btnIcon {
+  cursor: pointer;
+  color: var(--color-text);
+  background: none;
+  border: none;
+  outline: none;
+  align-items: center;
+  display: inline-flex;
+}
+
+._4kkskW_btnIcon[data-active] {
+  color: var(--color-button-active);
+}
+
+._4kkskW_btnWrapper {
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  padding-left: .25rem;
+  padding-right: .25rem;
+  display: flex;
+}
+
+._4kkskW_searchContainer {
+  flex: auto;
+  align-items: center;
+  min-width: 0;
+  height: 100%;
+  margin-left: .5rem;
+  margin-right: .5rem;
+  display: flex;
+}
+
+._4kkskW_search {
+  height: 100%;
+  color: var(--color-text);
+  background: none;
+  border: none;
+  border-top: .025rem solid #0000;
+  border-bottom: .0625rem solid #0000;
+  flex: auto;
+  padding: .25rem 0;
+  position: relative;
+  margin-left: .25rem !important;
+}
+
+._4kkskW_search:focus {
+  border-bottom: .0625rem solid var(--color-selected-bg);
+  outline: none;
+}
+
+._4kkskW_searchCounter {
+  font-size: var(--font-small);
+  color: var(--color-text-empty);
+  display: inline-flex;
+}
+
+._4kkskW_removeWrapper {
+  flex: none;
+  justify-content: flex-end;
+  width: 1.5rem;
+  display: flex;
+}
+
+._4kkskW_vSep {
+  height: .0625rem;
+  margin: .4rem 0;
+}
+.SudmnW_filterBtnWrapper {
+  align-items: center;
+  height: 100%;
+  display: flex;
+  position: relative;
+}
+
+.SudmnW_filter {
+  border-top: none;
+  border: .0625rem solid var(--color-border);
+  background: var(--color-bg);
+  z-index: 10;
+  width: 12rem;
+  padding: .5rem .5rem .5rem .75rem;
+  position: absolute;
+  top: 90%;
+  right: -.5rem;
+}
+
+.SudmnW_filter form {
+  margin: 0;
+}
+
+.SudmnW_filter label {
+  cursor: pointer;
+}
+
+.SudmnW_filterRow {
+  align-items: center;
+  height: 1.375rem;
+  display: flex;
+}
+
+.SudmnW_filterCheck {
+  flex: none;
+  justify-content: flex-start;
+  align-items: center;
+  width: 1.25rem;
+  display: flex;
+}
+
+.SudmnW_filterCheck svg {
+  width: 1.25rem;
+}
+
+.SudmnW_filterCheck input {
+  opacity: 0;
+  position: absolute;
+  left: 0;
+}
+
+.SudmnW_filterCheck input:checked + svg {
+  color: var(--color-selected-bg);
+}
+
+.SudmnW_filterValue {
+  text-align: left;
+}
+
+.SudmnW_filterValueText {
+  padding-left: .25rem;
+  font-size: .875rem;
+}
+
+.SudmnW_filterAdd {
+  align-items: center;
+  font-size: .875rem;
+  display: flex;
+}
+
+.SudmnW_filterName {
+  background: var(--color-props-input-bg);
+  width: 100%;
+  color: var(--color-text-input);
+  border: none;
+  align-items: center;
+  padding: .15rem .3rem;
+  font-size: .75rem;
+  display: flex;
+}
+
+.SudmnW_filterActions {
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+.SudmnW_filterSubmitBtn {
+  background: var(--color-selected-bg);
+  color: var(--color-selected-text);
+  border: none;
+  border-radius: .1875rem;
+  padding: .25rem .5rem;
+  font-size: .875rem;
+  display: block;
+}
+
+.SudmnW_filterSubmitBtn svg {
+  margin-right: .25rem;
+}
+
+.SudmnW_filterInputNumber {
+  width: 3rem;
+  padding: .15rem;
+}
+.AKJYEq_root {
+  font-family: var(--font-monospace);
+  font-size: 1rem;
+}
+
+.AKJYEq_form {
+  width: 100%;
+}
+
+.AKJYEq_row {
+  width: 100%;
+  font-size: var(--font-small);
+  height: 1.125rem;
+  line-height: 1.4;
+  font-family: var(--font-monospace);
+  --indent-depth: .75rem;
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+}
+
+.AKJYEq_name {
+  white-space: nowrap;
+  color: var(--name-static);
+  flex-shrink: 0;
+  padding: 0 0 0 .2em;
+  line-height: 1;
+  display: inline-block;
+}
+
+.AKJYEq_name.AKJYEq_nameEditable {
+  color: var(--name-dynamic);
+}
+
+.AKJYEq_name:not([data-type="empty"]):after {
+  content: ":";
+  font-family: var(--font-monospace);
+  color: var(--color-props-sep);
+}
+
+.AKJYEq_nameInput {
+  color: inherit;
+  font-family: var(--font-monospace);
+  background: none;
+  border: none;
+  outline: none;
+  padding: .3em 0 .3em .4em;
+}
+
+.AKJYEq_nameInput:focus {
+  background: var(--color-props-input-bg);
+}
+
+.AKJYEq_property {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--property-static);
+  padding-left: .25rem;
+  display: inline-block;
+  overflow: hidden;
+}
+
+.AKJYEq_noCollapse {
+  padding-left: 1.25rem;
+}
+
+.AKJYEq_toggle {
+  cursor: pointer;
+  color: #aaa;
+  background: none;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  padding: 0 .13em;
+  display: flex;
+  overflow: hidden;
+}
+
+.AKJYEq_toggle:focus {
+  outline: none;
+}
+
+.AKJYEq_toggle svg {
+  flex-shrink: 0;
+  transition: transform .2s;
+}
+
+.AKJYEq_toggle[data-collapsed="true"] svg {
+  transform: rotate(-90deg);
+}
+
+.AKJYEq_mask {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: block;
+  overflow: hidden;
+}
+.YbS2AW_valueWrapper {
+  justify-content: flex-end;
+  max-width: 100%;
+  display: flex;
+}
+
+.YbS2AW_check {
+  cursor: pointer;
+  align-self: center;
+}
+
+.YbS2AW_withCheck .YbS2AW_valueInput {
+  color: #0000 !important;
+}
+
+.YbS2AW_withCheck:focus-within .YbS2AW_valueInput {
+  color: inherit !important;
+}
+
+.YbS2AW_valueInput {
+  font-family: var(--font-monospace);
+  z-index: 20;
+  color: inherit;
+  min-width: 0;
+  box-shadow: none;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  background: none;
+  border: none;
+  flex: 1;
+  padding-right: .2em;
+  line-height: 1;
+}
+
+.YbS2AW_innerWrapper {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+}
+
+.YbS2AW_innerWrapper .YbS2AW_valueInput:focus {
+  background: var(--color-props-input-bg);
+  outline: none;
+}
+
+.YbS2AW_innerWrapper .YbS2AW_valueInput:invalid {
+  border-bottom: .125rem solid var(--color-input-invalid);
+  outline: none;
+}
+
+.YbS2AW_undoBtn {
+  cursor: pointer;
+  opacity: 0;
+  visibility: hidden;
+  color: var(--color-text);
+  background: none;
+  border: none;
+  outline: none;
+  padding: 0 .75rem;
+  transition: all .2s;
+}
+
+.YbS2AW_showUndoBtn {
+  visibility: visible;
+  opacity: 1;
+}
+
+.YbS2AW_undoBtn:hover, .YbS2AW_undoBtn:focus {
+  color: var(--color-button-active);
+}
+
+.YbS2AW_mask {
+  position: relative;
+}
+
+.YbS2AW_valueInput[data-type="string"]:not(:focus) {
+  color: var(--color-props-string);
+}
+
+.YbS2AW_valueInput[data-type="function"]:not(:focus) {
+  color: var(--color-props-function);
+}
+
+.YbS2AW_valueInput[data-type="number"]:not(:focus) {
+  color: var(--color-props-number);
+}
+
+.YbS2AW_valueInput[data-type="boolean"]:not(:focus) {
+  color: var(--color-props-boolean);
+}
+
+.YbS2AW_valueInput[data-type="array"]:not(:focus) {
+  color: var(--color-props-array);
+}
+
+.YbS2AW_valueInput[data-type="object"]:not(:focus) {
+  color: var(--color-props-object);
+}
+
+.YbS2AW_valueInput[data-type="null"]:not(:focus) {
+  color: var(--color-props-null);
+}
+
+.YbS2AW_valueInput[data-type="vnode"]:not(:focus) {
+  color: var(--color-props-vnode);
+}
+._8hV10G_root {
+  grid-template: "_8hV10G_switcher" 1.625rem
+                 "_8hV10G_content" 1fr
+                 / 1fr;
+  height: 100%;
+  font-family: sans-serif;
+  display: grid;
+  overflow: hidden;
+}
+
+._8hV10G_root * {
+  box-sizing: border-box;
+}
+
+button, input {
+  font: inherit;
+  border: none;
+  padding: 0;
+}
+
+p {
+  margin: 0;
+}
+
+._8hV10G_theme {
+  background: var(--color-bg);
+  color: var(--color-text);
+}
+
+._8hV10G_theme button::-moz-focus-inner {
+  border: none;
+}
+
+._8hV10G_theme input {
+  margin: 0;
+}
+
+:root {
+  --font-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo,
+		Courier, monospace;
+  --font-xxxsmall: .5625rem;
+  --font-xxsmall: .625rem;
+  --font-xsmall: .6875rem;
+  --font-small: .75rem;
+  --font-xnormal: .875rem;
+}
+
+.light ._8hV10G_theme {
+  --color-bg: white;
+  --color-code: #e3e3e3;
+  --color-code-border: #c2c2c2;
+  --color-text: #333;
+  --color-text-input: #333;
+  --color-text-stronger: #111;
+  --color-disabled: #dedede;
+  --color-panelbar-bg: #f7f7f7;
+  --color-selected-bg: #8058ca;
+  --color-selected-text: white;
+  --color-selected-inactive-bg: #e5e5e5;
+  --color-selected-inactive-text: #673ab8;
+  --color-toggle: #aaa;
+  --color-toggle-selected: white;
+  --property-static: #333;
+  --name-dynamic: #673ab8;
+  --name-static: #767676;
+  --color-element-text: #673ab8;
+  --color-element-non-interactive: #1b1b1b;
+  --color-dim-active-bg: #e9e1f8;
+  --color-dim-bg: #eaeaea;
+  --color-inactive-child-bg: #e9e1f8;
+  --color-hover: #e9e1f8;
+  --color-border: #dedede;
+  --color-dim-border: #dedede;
+  --color-text-empty: #444;
+  --color-button-active: #7245c7;
+  --color-modal-backdrop: #c5c5c5cc;
+  --color-modal-border: #bbb;
+  --color-marker: yellow;
+  --color-marker-selected: orange;
+  --color-input-border: #4d4d4d;
+  --color-input-invalid: #ff5722;
+  --color-empty-logo: #e0e0e0;
+  --color-key-label: gray;
+  --color-key-label-selected: #dadada;
+  --color-key-label-selected-nofocus: #303030;
+  --color-key-value: #ff5722;
+  --color-key-value-selected-focus: yellow;
+  --color-key-value-selected: #ff5722;
+  --color-radio: #7245c7;
+  --color-shadow: #00000026;
+  --color-hoc-bg: #ddd;
+  --color-hoc-not-rendered: #ddd;
+  --color-hoc-text: #111;
+  --color-hoc-selected-text: #fff;
+  --color-hoc-selected-bg: #4101b3;
+  --table-hover: #ae80ff66;
+  --color-props-input-bg: #f0f0f0;
+  --color-props-sep: #444;
+  --color-props-string: #009906;
+  --color-props-function: #1b1b1b;
+  --color-props-number: #ff5722;
+  --color-props-boolean: #03a9f4;
+  --color-props-array: #1b1b1b;
+  --color-props-object: #1b1b1b;
+  --color-props-null: #1b1b1b;
+  --color-props-vnode: #1b1b1b;
+  --color-props-hook-label: #e4e4e4;
+  --color-bystander-text: #333;
+  --color-record-active: #ff5722;
+  --color-profiler-old: #e7e7e7;
+  --color-profiler-gradient-0: #37afa9;
+  --color-profiler-gradient-1: #63b19e;
+  --color-profiler-gradient-2: #80b393;
+  --color-profiler-gradient-3: #97b488;
+  --color-profiler-gradient-4: #abb67d;
+  --color-profiler-gradient-5: #beb771;
+  --color-profiler-gradient-6: #cfb965;
+  --color-profiler-gradient-7: #dfba57;
+  --color-profiler-gradient-8: #efbb49;
+  --color-profiler-gradient-9: #febc38;
+  --message-info-bg: #e3f7fc;
+  --message-info-border: #c2eaf9;
+  --message-info-strong: #0265c7;
+  --message-info-link: #0265c7;
+  --message-warning-bg: #fffabc;
+  --message-warning-border: #ffd400;
+  --message-warning-strong: #ffab00;
+  --message-warning-link: #0265c7;
+}
+
+.dark ._8hV10G_theme {
+  --color-bg: #242424;
+  --color-code: black;
+  --color-code-border: #5c5858;
+  --color-text: #b0b0b0;
+  --color-text-input: #c9c5c5;
+  --color-text-stronger: #dcdcdc;
+  --color-disabled: #575757;
+  --color-panelbar-bg: #373737;
+  --color-selected-bg: #ae80ff;
+  --color-selected-text: white;
+  --color-selected-inactive-bg: gray;
+  --color-selected-inactive-text: white;
+  --color-toggle: #aaa;
+  --color-toggle-selected: #eee;
+  --property-static: #eee;
+  --name-dynamic: #d2adff;
+  --name-static: #aaa;
+  --color-element-text: #d2adff;
+  --color-element-non-interactive: #dedede;
+  --color-dim-bg: #545454;
+  --color-dim-active-bg: #545454;
+  --color-inactive-child-bg: #e9e1f8;
+  --color-hover: #3a3a3a;
+  --color-border: #424242;
+  --color-dim-border: #474747;
+  --color-text-empty: #999;
+  --color-button-active: #d2adff;
+  --color-sidebar-title: #e0e0e0;
+  --color-modal-backdrop: #323232cc;
+  --color-modal-border: #4d4d4d;
+  --color-marker: yellow;
+  --color-marker-selected: orange;
+  --color-input-border: #666;
+  --color-input-invalid: #ff5722;
+  --color-empty-logo: #3d3d3d;
+  --color-key-label: gray;
+  --color-key-label-selected: #dedede;
+  --color-key-label-selected-nofocus: #dedede;
+  --color-key-value: #ff5722;
+  --color-key-value-selected-focus: yellow;
+  --color-key-value-selected: yellow;
+  --color-radio: #d2adff;
+  --color-shadow: #ffffff26;
+  --color-hoc-bg: #505050;
+  --color-hoc-not-rendered: black;
+  --color-hoc-text: #fff;
+  --color-hoc-selected-text: #fff;
+  --color-hoc-selected-bg: #8251d8;
+  --table-hover: #ae80ff66;
+  --color-props-input-bg: #444;
+  --color-props-sep: #eee;
+  --color-props-string: #9eeca1;
+  --color-props-function: #dedede;
+  --color-props-number: #fdca31;
+  --color-props-boolean: #79ccf2;
+  --color-props-array: #dedede;
+  --color-props-object: #dedede;
+  --color-props-null: #dedede;
+  --color-props-vnode: #dedede;
+  --color-props-hook-label: #464646;
+  --color-bystander-text: #d8d8d8;
+  --color-record-active: #ff5722;
+  --color-profiler-old: #6e6e6e;
+  --color-profiler-gradient-0: #37afa9;
+  --color-profiler-gradient-1: #63b19e;
+  --color-profiler-gradient-2: #80b393;
+  --color-profiler-gradient-3: #97b488;
+  --color-profiler-gradient-4: #abb67d;
+  --color-profiler-gradient-5: #beb771;
+  --color-profiler-gradient-6: #cfb965;
+  --color-profiler-gradient-7: #dfba57;
+  --color-profiler-gradient-8: #efbb49;
+  --color-profiler-gradient-9: #febc38;
+  --message-info-bg: #1b3941;
+  --message-info-border: #006e97;
+  --message-info-strong: #8dbff2;
+  --message-info-link: #8dbff2;
+  --message-warning-bg: #323018;
+  --message-warning-border: #917b0f;
+  --message-warning-strong: #ffab00;
+  --message-warning-link: #8dbff2;
+}
+
+.va-middle {
+  vertical-align: middle;
+}
+
+._8hV10G_switcher {
+  border-bottom: .0625rem solid var(--color-dim-border);
+  background: var(--color-panelbar-bg);
+  flex-direction: row;
+  grid-area: _8hV10G_switcher;
+  justify-content: space-between;
+  height: 1.625rem;
+  display: flex;
+}
+
+._8hV10G_switcherInner {
+  height: 100%;
+  display: flex;
+}
+
+._8hV10G_bugLink {
+  color: var(--color-element-text);
+  font-size: var(--font-small);
+  margin-right: .25rem;
+  text-decoration: none;
+}
+
+._8hV10G_componentActions {
+  grid-area: _8hV10G_treeActions;
+}
+
+._8hV10G_components {
+  grid-area: _8hV10G_tree;
+  min-height: 0;
+  overflow: hidden;
+}
+
+._8hV10G_sidebarActions {
+  border-left: .0625rem solid var(--color-border);
+  grid-area: _8hV10G_sidebarActions;
+  max-width: 100%;
+}
+
+._8hV10G_sidebar {
+  border-left: .0625rem solid var(--color-border);
+  grid-area: _8hV10G_sidebar;
+  min-height: 0;
+  overflow: auto;
+}
+.mve6_G_filterPopup {
+  width: 18rem;
+}
+
+.mve6_G_timelineActions {
+  flex: auto;
+  justify-content: space-between;
+  display: flex;
+}
+
+.mve6_G_timelineCommitsEmpty {
+  padding: 0 .3rem;
+  font-size: .8rem;
+}
+.svg-icon {
+  width: 1rem;
+  height: 1rem;
+}
+
+.hook-number {
+  background: var(--color-props-hook-label);
+  border-radius: .1875rem;
+  justify-content: center;
+  align-items: center;
+  min-width: 1rem;
+  height: 1rem;
+  margin-right: .125rem;
+  font-size: .6875rem;
+  display: inline-flex;
+}
+
+.sidebar-layout {
+  grid-template: "treeActions" 2.25rem
+                 "tree" 1fr
+                 "sidebarActions" 2.25rem
+                 "sidebar" 1fr
+                 / 1fr;
+  height: 100%;
+  font-family: sans-serif;
+  display: grid;
+  overflow: auto;
+}
+
+@media (width >= 37.5rem) {
+  .sidebar-layout {
+    grid-template: "treeActions sidebarActions" 2.25rem
+                   "tree sidebar" 1fr
+                   / minmax(0, 75%) minmax(35%, 15rem);
+  }
+}
+
+.sidebar-layout-single {
+  grid-template: "actions" 2.25rem
+                 "content" 1fr
+                 / 1fr;
+  height: 100%;
+  font-family: sans-serif;
+  display: grid;
+  overflow: hidden;
+}
+
+.sidebar-layout-root {
+  height: 100%;
+  display: flex;
+  overflow: hidden;
+}
+
+.sidebar-layout-inner {
+  width: 100%;
+  overflow: auto;
+}
+
+.sidebar-actions {
+  justify-content: space-between;
+  padding: 0 .6rem !important;
+}
+
+@media (width <= 37.5rem) {
+  .sidebar-actions {
+    border-top: .0625rem solid var(--color-border);
+  }
+}
+
+.sidebar-icon-actions {
+  align-items: center;
+  display: flex;
+}
+
+.sidebar-icon-actions > * + * {
+  margin-left: .5rem;
+}
+
+.checkbox-root {
+  padding-bottom: .25rem;
+  font-size: 1rem;
+  display: flex;
+}
+
+.checkbox-wrapper {
+  flex: none;
+  justify-content: flex-start;
+  align-items: center;
+  width: 1.25rem;
+  display: flex;
+}
+
+.checkbox-wrapper input {
+  opacity: 0;
+  position: absolute;
+  left: 0;
+}
+
+.checkbox-wrapper input:checked + svg {
+  color: var(--color-selected-bg);
+}
+
+.checkbox-content {
+  color: var(--color-text-stronger);
+}
+
+.icon-btn {
+  background: none;
+  border: none;
+  outline: none;
+  flex: none;
+  align-items: center;
+  padding: 0;
+  display: inline-flex;
+  position: relative;
+}
+
+.icon-btn:not([disabled]) {
+  color: var(--color-text);
+  cursor: pointer;
+}
+
+.icon-btn[disabled] {
+  color: var(--color-disabled);
+}
+
+.icon-btn svg {
+  z-index: 1;
+  position: relative;
+}
+
+.icon-btn-inner {
+  outline: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.icon-btn:active .icon-btn-inner, .icon-btn:focus .icon-btn-inner {
+  z-index: 2;
+  position: relative;
+}
+
+.icon-btn:not([disabled])[data-active] .icon-btn-inner, .icon-btn:focus .icon-btn-inner, .icon-btn:not([disabled]):active .icon-btn-inner {
+  color: var(--color-selected-text);
+}
+
+.icon-btn[data-kind="secondary"]:active .icon-btn-inner {
+  transform: translate3d(0, .0625rem, 0);
+  color: var(--color-text) !important;
+}
+
+.icon-btn-bg {
+  display: none;
+}
+
+.icon-btn:focus .bg {
+  z-index: -1;
+}
+
+.icon-btn:not([disabled])[data-active] .icon-btn-bg {
+  content: "";
+  background: var(--color-selected-bg);
+  border-radius: .2rem;
+  display: block;
+  position: absolute;
+  inset: -.25rem;
+}
+
+.actions {
+  border-bottom: .0625rem solid var(--color-border);
+  flex-direction: row;
+  flex: none;
+  align-items: center;
+  height: 2.25rem;
+  padding-left: .25rem;
+  padding-right: .25rem;
+  display: flex;
+}
+
+.actions-sep {
+  background: var(--color-border);
+  flex-basis: .125rem;
+  width: .0625rem;
+  height: 50%;
+  margin: 0 .25rem;
+  display: flex;
+}
+
+.tree-view {
+  z-index: 1;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  outline: none;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: auto;
+}
+
+.tree-view-empty {
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  display: flex;
+}
+
+.tree-view-empty-inner {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.tree-view-empty p {
+  display: block;
+}
+
+.tree-view-empty code {
+  font-family: var(--font-monospace);
+  background: var(--color-code);
+  color: var(--color-text);
+  border: .0625rem solid var(--color-code-border);
+  border-radius: .125rem;
+  padding-left: .25rem;
+  padding-right: .25rem;
+}
+
+:root .tree-view-empty-descr {
+  text-align: center;
+  max-width: 28rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.tree-view-empty-logo {
+  color: var(--color-empty-logo);
+  z-index: -1;
+  opacity: .4;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translate3d(-50%, -42%, 0);
+}
+
+.tree-view-pane {
+  --indent-depth: .875rem;
+  position: relative;
+}
+
+.tree-view-item {
+  font-size: .9rem;
+  font-family: var(--font-monospace);
+  color: var(--color-element-text);
+  white-space: nowrap;
+  width: 100%;
+  height: 1.125rem;
+  position: absolute;
+  left: 0;
+}
+
+.tree-view:focus-within .tree-view-item[data-selected] {
+  background: var(--color-selected-bg);
+  color: var(--color-selected-text);
+}
+
+.tree-view:focus-within .tree-view-item[data-selected] :global(.hoc-item) {
+  background: var(--color-hoc-selected-bg);
+  color: var(--color-hoc-selected-text);
+}
+
+.tree-view:focus-within .tree-view-item[data-selected]:after {
+  background: var(--color-selected-bg);
+}
+
+.tree-view .tree-view-item[data-selected]:after {
+  background: var(--color-selected-inactive-bg);
+}
+
+.tree-view-item[data-selected] {
+  background: var(--color-selected-inactive-bg);
+  color: var(--color-selected-inactive-text);
+}
+
+.tree-view-item:not([data-selected]):hover, .tree-view-item:not([data-selected]):hover:after {
+  background: var(--color-hover);
+}
+
+.tree-view-item-header {
+  cursor: default;
+  align-items: center;
+  height: 100%;
+  padding: 0 .25rem;
+  display: inline-flex;
+}
+
+.tree-view-collapse {
+  width: 1.25rem;
+  height: 1.25rem;
+  color: var(--color-toggle);
+  z-index: 100;
+  background: none;
+  border: none;
+  outline: none;
+  place-content: center;
+  padding: .2em .13em;
+  transition: transform .3s;
+  display: inline-flex;
+  transform: rotate(0);
+}
+
+.tree-view-item[data-selected] .tree-view-collapse {
+  color: var(--color-toggle-selected);
+}
+
+[data-collapsed].tree-view-collapse svg {
+  transform: rotate(-90deg);
+}
+
+.tree-view-no-collapse {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.tree-view-name {
+  font-size: var(--font-xsmall);
+}
+
+.tree-view-dimmer {
+  background: var(--color-dim-bg);
+  pointer-events: none;
+  opacity: .5;
+  z-index: -1;
+  position: absolute;
+  left: 0;
+  right: 0;
+}
+
+.tree-view:focus-within .tree-view-dimmer {
+  background: var(--color-dim-active-bg);
+}
+
+.tree-view-key-label {
+  color: var(--color-key-label);
+}
+
+.tree-view:not(:focus-within) [data-selected] .tree-view-key-label {
+  color: var(--color-key-label-selected-no-focus);
+}
+
+.tree-view:focus-within [data-selected] .tree-view-key-label {
+  color: var(--color-key-label-selected);
+}
+
+.tree-view-key {
+  color: var(--color-key-value);
+}
+
+.tree-view:not(:focus-within) [data-selected] .tree-view-key {
+  color: var(--color-key-value-selected);
+}
+
+.tree-view:focus-within [data-selected] .tree-view-key {
+  color: var(--color-key-value-selected-focus);
+}
+
+.mark {
+  background: var(--color-marker);
+}
+
+.mark[data-marked] {
+  background: var(--color-marker-selected);
+}
+
+.hocs {
+  margin-left: .5rem;
+}
+
+.hocs > * + * {
+  margin-left: .25rem;
+}
+
+.tree-view-root-label {
+  color: var(--color-key-value);
+  padding-left: .2rem;
+  display: inline-block;
+}
+
+.rendered-by-wrapper {
+  margin-left: .3rem;
+}
+
+.rendered-at-item {
+  color: var(--color-element-text);
+  text-align: start;
+  width: 100%;
+  font-size: var(--font-small);
+  cursor: pointer;
+  background: none;
+  border: none;
+  border-radius: .1875rem;
+  align-items: center;
+  padding: .25rem 1rem;
+  display: flex;
+}
+
+.rendered-at-item:hover {
+  background: var(--color-dim-bg);
+}
+
+.rendered-at-item[data-active] {
+  color: var(--color-selected-text);
+  background: var(--color-selected-bg);
+}
+
+.rendered-at-item span {
+  display: block;
+}
+
+.sidebar-preact-version {
+  color: var(--color-text);
+  font-size: var(--font-small);
+  margin-top: .5rem;
+  margin-left: 1rem;
+  display: block;
+}
+
+.hoc-panel {
+  border-bottom: .0625rem solid var(--color-border);
+  flex-wrap: wrap;
+  padding: .1875rem .6rem;
+  display: flex;
+}
+
+.hoc-panel .hoc {
+  margin-top: .2rem;
+  margin-bottom: .2rem;
+  margin-right: .4rem;
+}
+
+.hoc-panel:last-of-type(.hoc) {
+  margin-right: 0;
+}
+
+.hoc {
+  background: var(--color-hoc-bg);
+  font-size: var(--font-small);
+  font-family: var(--font-monospace);
+  color: var(--color-hoc-text);
+  border-radius: .1875rem;
+  padding: .2rem .4rem;
+  line-height: normal;
+  display: inline-block;
+}
+
+.hoc[data-size="small"] {
+  font-size: var(--font-xxxsmall);
+  border-radius: .125rem;
+  padding: .125rem .25rem;
+}
+
+.keypanel-value {
+  color: var(--color-key-value);
+  font-family: var(--font-monospace);
+  font-size: var(--font-small);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+  padding-left: 1.25rem;
+  display: inline-block;
+  overflow: hidden;
+}
+
+.newprop-root {
+  flex-direction: row;
+  margin-top: .5rem;
+  padding-left: 1rem;
+  display: flex;
+}
+
+.newprop-name {
+  background: var(--color-props-input-bg);
+  width: 5rem;
+}
+
+.newprop-namewrapper:after {
+  margin: 0 .2rem;
+  display: inline-block;
+}
+
+.newprop-value {
+  background: var(--color-props-input-bg);
+  max-width: 5rem;
+  padding-left: .2rem;
+}
+
+.render-reason {
+  margin: 0 0 0 .75rem;
+}
+
+.render-reason-name {
+  display: inline-block;
+}
+
+.render-reason-value {
+  margin-left: .75rem;
+  display: inline-block;
+}
+
+.render-reason-message {
+  margin-top: 1rem;
+}
+
+.component-name-title {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--color-element-text);
+  font-family: var(--font-monospace);
+  font-size: var(--font-xnormal);
+  overflow: hidden;
+}
+
+.component-name-ch {
+  color: var(--color-text);
+  font-size: var(--font-small);
+}
+
+.commit-info-list {
+  margin: 0 0 0 .75rem;
+}
+
+.commit-info-title {
+  margin-bottom: .15rem;
+  font-size: .8rem;
+  display: inline-block;
+}
+
+.commit-info-value {
+  color: var(--color-text);
+  margin: 0 0 0 .5rem;
+  display: inline-block;
+}
+
+.sidebar-panel {
+  padding: .6rem .6rem .6rem 0;
+}
+
+.sidebar-panel + .sidebar-panel {
+  border-top: .0625rem solid var(--color-border);
+}
+
+.sidebar-panel-placeholder {
+  color: var(--color-text-empty);
+  padding-left: 1.2rem;
+  font-size: .65rem;
+  font-style: italic;
+}
+
+.sidebar-panel-header {
+  justify-content: space-between;
+  display: flex;
+}
+
+.sidebar-panel-title {
+  color: var(--color-sidebar-title);
+  text-transform: lowercase;
+  margin: 0 0 .1rem;
+  padding-left: .6rem;
+  font-size: .8rem;
+  font-weight: normal;
+  line-height: 1.4;
+}
+
+.sidebar-panel-content {
+  padding: .25rem 0 0 .25rem;
+}
+
+.sidebar-nav-panel-content {
+  padding-left: .4rem;
+}
+
+.commit-timeline {
+  flex-grow: 1;
+  flex-shrink: 0;
+  justify-content: flex-end;
+  height: 100%;
+  display: flex;
+  position: relative;
+}
+
+.commit-timeline-inner {
+  align-items: center;
+  height: 100%;
+  display: flex;
+}
+
+.commit-timeline-legend {
+  flex-direction: row;
+  margin-left: .25rem;
+  font-size: .8rem;
+  display: flex;
+}
+
+.commit-timeline-item-container {
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.commit-timeline-items {
+  height: 100%;
+  min-height: 1rem;
+  margin: 0 0;
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+  transition: all .15s;
+  display: flex;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+}
+
+.commit-timeline-item {
+  cursor: pointer;
+  width: 100%;
+  min-width: .75rem;
+  max-width: 1.75rem;
+  position: relative;
+}
+
+.commit-timeline-item::-moz-focus-inner {
+  border: 0;
+}
+
+.commit-timeline-item + .commit-timeline-item {
+  margin-left: .1rem;
+}
+
+.commit-timeline-item[data-selected]:after {
+  content: "";
+  background: var(--color-selected-bg);
+  width: 100%;
+  height: .1875rem;
+  position: absolute;
+  top: calc(100% + .0625rem);
+  left: 0;
+}
+
+.commit-timeline-item-inner {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.commit-time-line-nav-btn {
+  cursor: pointer;
+  color: var(--color-text);
+  background: none;
+  border: none;
+  padding: 0 .5rem;
+  transition: color .3s;
+  display: flex;
+}
+
+.commit-time-line-nav-btn[disabled] {
+  color: var(--color-disabled);
+  cursor: inherit;
+}
+
+.commit-timeline-item[data-weight="0"] .commit-timeline-item-inner {
+  background: var(--color-profiler-gradient-0);
+}
+
+.commit-timeline-item[data-weight="1"] .commit-timeline-item-inner {
+  background: var(--color-profiler-gradient-1);
+}
+
+.commit-timeline-item[data-weight="2"] .commit-timeline-item-inner {
+  background: var(--color-profiler-gradient-2);
+}
+
+.commit-timeline-item[data-weight="3"] .commit-timeline-item-inner {
+  background: var(--color-profiler-gradient-3);
+}
+
+.commit-timeline-item[data-weight="4"] .commit-timeline-item-inner {
+  background: var(--color-profiler-gradient-4);
+}
+
+.commit-timeline-item[data-weight="5"] .commit-timeline-item-inner {
+  background: var(--color-profiler-gradient-5);
+}
+
+.commit-timeline-item[data-weight="6"] .commit-timeline-item-inner {
+  background: var(--color-profiler-gradient-6);
+}
+
+.commit-timeline-item[data-weight="7"] .commit-timeline-item-inner {
+  background: var(--color-profiler-gradient-7);
+}
+
+.commit-timeline-item[data-weight="8"] .commit-timeline-item-inner {
+  background: var(--color-profiler-gradient-8);
+}
+
+.commit-timeline-item[data-weight="9"] .commit-timeline-item-inner {
+  background: var(--color-profiler-gradient-9);
+}
+
+.commit-timeline-hidden {
+  visibility: hidden;
+}
+
+.message {
+  background: var(--bg);
+  border-style: solid;
+  border-width: .0625rem;
+  border-color: var(--border);
+  border-radius: 3px;
+  align-items: center;
+  padding: .2rem .4rem;
+  font-size: .8rem;
+  display: inline-flex;
+}
+
+.message[data-type="info"] {
+  --bg: var(--message-info-bg);
+  --border: var(--message-info-border);
+  --btn: var(--message-info-link);
+  --icon: var(--message-info-strong);
+}
+
+.message[data-type="warning"] {
+  --bg: var(--message-warning-bg);
+  --border: var(--message-warning-border);
+  --btn: var(--message-warning-link);
+  --icon: var(--message-warning-strong);
+}
+
+.message-icon {
+  color: var(--icon);
+  margin-right: .4rem;
+  display: inline-flex;
+}
+
+.message-btn {
+  color: var(--btn);
+  cursor: pointer;
+  background: none;
+  border: none;
+  margin-left: .25rem;
+  padding: 0;
+  text-decoration: underline;
+  display: inline-block;
+}
+
+.message svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.radio-bar label:first-of-type .radio-bar-text {
+  border-top-left-radius: .3rem;
+  border-bottom-left-radius: .3rem;
+}
+
+.radio-bar label:last-of-type .radio-bar-text {
+  border-top-right-radius: .3rem;
+  border-bottom-right-radius: .3rem;
+}
+
+.radio-bar-input {
+  opacity: 0;
+  position: absolute;
+}
+
+.radio-bar-input:focus + .radio-bar-text, .radio-bar-input:checked + .radio-bar-text {
+  background: var(--color-radio);
+  color: var(--color-bg);
+}
+
+.radio-bar-text {
+  color: var(--color-radio);
+  border: .0625rem solid var(--color-radio);
+  padding: .2rem .6rem;
+}
+
+.radio-bar-text:hover {
+  cursor: pointer;
+}
+
+.radio-bar label + label .radio-bar-text {
+  border-left: none;
+}
+
+.tab-group {
+  align-items: center;
+  display: flex;
+}
+
+.tab {
+  cursor: pointer;
+  height: 100%;
+  display: flex;
+}
+
+.tab-title {
+  font-size: var(--font-small);
+  align-items: center;
+  height: 100%;
+  padding: 0 .5rem;
+  display: flex;
+  position: relative;
+}
+
+.tab-input {
+  visibility: hidden;
+  position: absolute;
+}
+
+.tab-input[disabled] + * {
+  opacity: .5;
+}
+
+.tab-input:checked + .tab-title:after {
+  content: "";
+  background: var(--color-selected-bg);
+  height: .125rem;
+  position: absolute;
+  bottom: -.0625rem;
+  left: 0;
+  right: 0;
+}
+
+.tab-icon-wrapper {
+  cursor: pointer;
+  height: 100%;
+  display: flex;
+}
+
+.tab-input:checked:not([disabled]) + .tab-icon-inner:after {
+  content: "";
+  background: var(--color-selected-bg);
+  height: .1875rem;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.tab-icon-inner {
+  align-items: center;
+  padding: 0 .5rem;
+  display: flex;
+  position: relative;
+}
+
+.tab-icon-label {
+  font-size: var(--font-small);
+  margin-left: .25rem;
+  display: none;
+}
+
+@media (width >= 46rem) {
+  .tab-icon-label {
+    display: inline-block;
+  }
+}
+
+.flamegraph-wrapper {
+  padding: .4rem;
+}
+
+.profiler-sidebar-panel {
+  padding: .6rem;
+}
+
+.profiler-info {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  padding: 1rem;
+  display: flex;
+}
+
+.profiler-info-title {
+  color: var(--color-text);
+  margin: 0 0 .5rem;
+}
+
+.profiler-info-descr {
+  align-items: center;
+  margin: 0;
+  font-size: .9rem;
+  display: inline-flex;
+}
+
+.profiler-info-btn {
+  align-items: center;
+  margin: 0 .25rem;
+  display: inline-flex;
+}
+
+.flamegraph {
+  scrollbar-gutter: stable;
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  position: relative;
+  overflow-x: hidden;
+}
+
+.flamegraph-pane {
+  position: relative;
+}
+
+.flamegraph-node {
+  cursor: pointer;
+  color: #000;
+  font-size: var(--font-small);
+  align-items: center;
+  height: 100%;
+  padding: 0 0 1px;
+  transition-property: all;
+  transition-duration: .3s;
+  display: flex;
+  position: absolute;
+}
+
+.flamegraph-node:after {
+  content: "";
+  z-index: -1;
+  background: var(--color-profiler-old);
+  position: absolute;
+  inset: 0 1px 1px 0;
+}
+
+.flamegraph-node[data-overflow] .flamegraph-text {
+  display: none;
+}
+
+.flamegraph-node[data-visible] {
+  transition-property: all;
+}
+
+.flamegraph-node:not([data-visible]) {
+  opacity: 0;
+  pointer-events: none;
+  transition-property: opacity;
+  transition-duration: .2s;
+}
+
+.flamegraph-node[data-visible]:not([data-maximized]) {
+  opacity: 1;
+}
+
+.flamegraph-node[data-weight="-1"]:not([data-commit-parent]) {
+  color: var(--color-bystander-text);
+}
+
+.flamegraph-node[data-weight="-1"]:not([data-commit-parent]):after {
+  background-color: #0000;
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0IDQiPgo8ZGVmcz4KICA8cGF0dGVybgogICAgaWQ9ImRpYWdvbmFsLWhhdGNoIgogICAgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgIHdpZHRoPSI0IgogICAgaGVpZ2h0PSI0IgogID4KICAgIDxwYXRoCiAgICAgIGQ9Ik0tMSwxIGwyLC0yCk0wLDQgbDQsLTQKTTMsNSBsMiwtMiIKc3Ryb2tlPSIjZGVkZWRlIgpzdHJva2Utd2lkdGg9IjEiCiAgICAvPgogIDwvcGF0dGVybj4KICA8L2RlZnM+CiAgPHJlY3QKICAgIHg9IjAiCiAgICB5PSIwIgogICAgd2lkdGg9IjQiCiAgICBoZWlnaHQ9IjQiCiAgICBmaWxsPSJ1cmwoI2RpYWdvbmFsLWhhdGNoKSIKICA+PC9yZWN0Pgo8L3N2Zz4=");
+  background-repeat: repeat;
+  background-size: .25rem .25rem;
+}
+
+.flamegraph-node[data-weight="-1"]:not([data-commit-parent]) [data-testid="hoc-labels"] > * {
+  background: var(--color-hoc-not-rendered);
+}
+
+:global(.dark) .flamegraph-node[data-weight="-1"]:not([data-commit-parent]):after {
+  opacity: .5;
+}
+
+.flamegraph-node[data-maximized][data-visible]:not([data-selected]) {
+  opacity: .5;
+}
+
+.flamegraph-node[data-weight="0"]:after {
+  background: var(--color-profiler-gradient-0);
+}
+
+.flamegraph-node[data-weight="1"]:after {
+  background: var(--color-profiler-gradient-1);
+}
+
+.flamegraph-node[data-weight="2"]:after {
+  background: var(--color-profiler-gradient-2);
+}
+
+.flamegraph-node[data-weight="3"]:after {
+  background: var(--color-profiler-gradient-3);
+}
+
+.flamegraph-node[data-weight="4"]:after {
+  background: var(--color-profiler-gradient-4);
+}
+
+.flamegraph-node[data-weight="5"]:after {
+  background: var(--color-profiler-gradient-5);
+}
+
+.flamegraph-node[data-weight="6"]:after {
+  background: var(--color-profiler-gradient-6);
+}
+
+.flamegraph-node[data-weight="7"]:after {
+  background: var(--color-profiler-gradient-7);
+}
+
+.flamegraph-node[data-weight="8"]:after {
+  background: var(--color-profiler-gradient-8);
+}
+
+.flamegraph-node[data-weight="9"]:after {
+  background: var(--color-profiler-gradient-9);
+}
+
+.flamegraph-text {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding: 0 .2rem;
+  overflow: hidden;
+}
+
+.settings-tab {
+  padding: 1rem .8rem;
+}
+
+.settings-tab h2 {
+  margin-top: 1.4rem;
+  margin-bottom: 1rem;
+  font-size: 1rem;
+  font-weight: lighter;
+}
+
+.settings-tab p {
+  margin-top: 0;
+}
+
+.settings-tab-message {
+  margin-top: .25rem;
+  margin-bottom: 2rem;
+  margin-left: 1.25rem;
+}
+
+.settings-tab-checkbox {
+  margin-bottom: .5rem;
+}
+
+.settings-tab-description {
+  font-size: var(--font-xnormal);
+  margin-top: .25rem;
+  margin-left: 1.25rem;
+}
+
+.settings-checkbox-setting {
+  margin-bottom: 1rem;
+}
+
+.settings-tab-label {
+  font-size: var(--font-xnormal);
+  margin-bottom: .75rem;
+  margin-right: .6rem;
+  display: inline-block;
+}
+.EZBgCW_actions {
+  grid-area: EZBgCW_actions;
+}
+
+.EZBgCW_content {
+  grid-area: EZBgCW_content;
+  padding: 1rem;
+  overflow: auto;
+}
+
+.EZBgCW_label {
+  margin-bottom: .75rem;
+  font-size: .9rem;
+  display: block;
+}
+
+.EZBgCW_btnWrapper {
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  padding-left: .25rem;
+  padding-right: .25rem;
+  display: flex;
+}
+
+.EZBgCW_intro a {
+  color: var(--name-dynamic);
+}
+
+.EZBgCW_heading {
+  margin-top: .5rem;
+  font-size: 1rem;
+  font-weight: lighter;
+}
+
+.EZBgCW_message {
+  margin-top: .5rem;
+  margin-left: 1.25rem;
+}
+
+.EZBgCW_description {
+  margin-bottom: 2rem;
+  margin-left: 1.25rem;
+  font-size: .9rem;
+  margin-top: .25rem !important;
+}
+
+.EZBgCW_cards {
+  flex-flow: column wrap;
+  display: flex;
+}
+
+.EZBgCW_card {
+  margin-bottom: 1rem;
+}
+
+@media (width >= 31.5rem) {
+  .EZBgCW_cards {
+    flex-direction: row;
+  }
+
+  .EZBgCW_card {
+    margin-right: 4rem;
+  }
+
+  .EZBgCW_cards .EZBgCW_card:last-of-type {
+    margin-right: 0;
+  }
+}
+
+.EZBgCW_table {
+  color: var(--color-text);
+  margin-bottom: .5rem;
+}
+
+.EZBgCW_table, .EZBgCW_table td, .EZBgCW_table th {
+  border-collapse: collapse;
+  border-spacing: 0;
+  border: .0625rem inset #000;
+}
+
+.EZBgCW_table tr:hover td {
+  background: var(--table-hover);
+}
+
+.EZBgCW_table td, .EZBgCW_table th {
+  border: .0625rem solid var(--color-bg);
+  padding: .25rem .5rem;
+}
+
+.EZBgCW_table th {
+  text-align: left;
+  background: var(--color-selected-bg);
+  color: var(--color-selected-text);
+  font-weight: normal;
+}
+
+.EZBgCW_table tbody tr:nth-child(odd) {
+  background: var(--color-hover);
+}
+
+.EZBgCW_alignRight {
+  text-align: right;
+}