Bricks builder editor tweaks

.dimensions {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-template-rows: repeat(3, 1fr) !important;
  grid-gap: .5em !important;
}

.dimensions li:first-of-type, .dimensions li:nth-of-type(3){
  grid-column: span 2;
  width: 50%;
  margin: 0 auto;
}

.dimensions.number{
  border-radius: 10px !important;
}

.dimensions li:last-of-type {
  order: 2;
}

.dimensions li:nth-of-type(2) {
  order: 3;
}

.dimensions li:nth-of-type(3) {
  order: 4;
}

.dimensions input {
  border-radius: .3em !important;
}


.control-dimensions .control-label {
    margin-bottom: .6em;
}

.dimensions label {
    display: none !important;
}

[data-control="number"].horizontal .number input {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    min-width: 60px;
    width: fit-content;
    max-width: 120px;
    text-align: left;
transition-duration: 0s !important;
transition-delay: 0.2s !important;


}

[data-control=number].vertical .unit input {
background-color: #1e1e1e63!important;

padding-right: .8em !important;

}
[data-control=number].vertical .unit input:not(.dimensions :where(.unit input:focus,.unit input:hover)) {

text-align: right !important;


}

/*[data-control=dimensions] ul.dimensions input {
      text-align: left;
}*/


/*start===============================*/

.dimensions .unit {
    position: absolute;
    top: .5em;
    right: 0.5em;
    max-width: 3em;
transition-duration: 0s !important;
transition-property: width;

}

.dimensions :where(.unit input:focus,.unit input:hover) {
    width: 12em!important;
    margin-left: -9.5em!important;
    background-image: linear-gradient(#454f59, #454f59);
    text-align: center !important;
    padding-right: .5em !important;
    transition-duration: 0s !important;
    transition-delay: 0.2s !important;

}

/*stop==============================*/

[data-control=number] .arrow-down,
[data-control=number] .arrow-up{
   display: none !Important;
}




/* --- Make + button more prominent */

#bricks-toolbar .logo {
	background-color: #818689;
}
#bricks-toolbar .logo:hover {
	background-color: var(--builder-color-accent);
}

#bricks-toolbar li.elements {
	background-color: var(--builder-color-accent);
	opacity: 1;
}
#bricks-toolbar li.elements:hover {
	background-color: #edca5b;
}

#bricks-toolbar li.elements .bricks-svg-wrapper .bricks-svg {
	color: var(--builder-border-color);
}

#bricks-structure #bricks-panel-header {
 position: sticky;
 top: 0;
 background-color: var(--builder-bg);
}


/* --- Make "View on frontend" button always appear */

#bricks-toolbar li.new-tab {
	display: flex !important;
}

/* --- Make active class prominent */

#bricks-panel-element-classes .active-class.active input {
	background-color: var(--wp--preset--color--light-green-cyan);
	color: #000;
}



.bricks-panel-controls .control-small>.input, .bricks-panel-controls .control-small>div, .bricks-panel-controls .control-small>input {
    max-width: 160px;
    width: 100%;
}