firefox css, custom UBlock Origin icon + throw it inside the URL bar

gistfile1.txt

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
'tooltiptext' is responsive to toggling Ublock on and off.
if you're reading this you can figure out the rest.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#ublock0_raymondhill_net-BAP image{
list-style-image: url("ubon.png") !important;
}
#ublock0_raymondhill_net-BAP[tooltiptext="uBlock Origin (off)"] image{
list-style-image: url("uboff.png") !important;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
For the next part to function, first click the menu bar, go to customize,
place UBlock Origin to the right/next to URL bar, or use a different item
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#urlbar{
  padding-inline-end: calc(17px + 2 * var(--urlbar-icon-padding));
}
#urlbar-container+.chromeclass-toolbar-additional{
  margin-inline-start: calc(0px - 19px - 2 * var(--urlbar-icon-padding) - var(--urlbar-margin-inline)) !important;
  position: relative;
  --toolbarbutton-inner-padding: var(--urlbar-icon-padding);
  --toolbarbutton-hover-background: var(--urlbar-box-hover-bgcolor);
}