/* --- Make highlight of the active element in structure more prominent --- */
#bricks-structure .element.active > .structure-item {
  background-color: var(--accent-trans-40);
}
#bricks-structure .element.active > .structure-item input, #bricks-structure .element.active > .structure-item > .title input, #bricks-structure .element.active > .structure-item > .title i, #bricks-structure .element.active .structure-item .more {
  color: #fff;
}
#bricks-structure .element.active > .structure-item input::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: #1a99e0;
}
#bricks-structure .element.active > .structure-item input::selection {
  color: #fff;
  background: #1a99e0;
}
#bricks-structure .element.active > .structure-item:hover .actions .action .bricks-svg-wrapper path {
  fill: #111;
}
#bricks-structure #bricks-panel-header {
  position: sticky;
  top: 0;
  background-color: var(--builder-bg);
}
/* --- Move element actions under the element --- */
.brx-body.iframe .bricks-element-actions {
  top: 100%;
}