/*disable auto findbar
findbar:not(:focus-within) {
opacity: 0 !important;
width: 0px!important;
height: 0px !important;
pointer-events: none !important;
}
*/

:root {
  --variableA: 370px; /* Define variable A */
  --variableC: calc(var(--variableA) * 0.765); /* Calculate variable B as 80% of variable A */
  --variableD: calc(var(--variableA) * 0.240); /* Calculate variable C as 80% of variable A */
}

findbar[hidden="true"] {
  width: 0px !important;
  height: 0px !important;
}

vbox.browserContainer findbar, findbar {overflow: hidden !important;}

.browserContainer > findbar {
    top: 0;
    right: 0;
}

findbar {
margin-top: 5px;
margin-right: -40px;
}

:root[uidensity="compact"] .findbar-textbox, .findbar-container  {height: 25px !important}
.findbar-textbox, .findbar-container {height: 30px !important}
:root[uidensity="touch"] .findbar-textbox, .findbar-container  {height: 40px !important}

.close-icon.findbar-closebutton {
    position: fixed;
     margin-left: var(--variableC) !important;
}

#sidebar-box[hidden="true"] ~ #appcontent findbar,
#sidebar-box:not([positionend="true"]) ~ #appcontent findbar {
  right: 0  !important;
  top: 2.0em !important;
}

.browserContainer {
  position: relative;
}

.browserContainer > findbar {
  background-color: #26262600  !important;
  padding: 2px !Important;
  -moz-box-ordinal-group: 0;
  position: absolute !important;
  display: flex !important;
  visibility: visible !important;
  flex-flow: row nowrap;
  align-items: center;
  top: 10 !important;
  width: var(--variableA) !important;
  box-shadow: 0px;
  background-image: none !important;
}


.findbar-find-status[status="notfound"], findbar-find-status, .found-matches, .findbar-container checkbox.findbar-match-diacritics.tabbable, .findbar-container checkbox.findbar-case-sensitive.tabbable, checkbox.findbar-case-sensitive tabbable, checkbox.findbar-highlight.tabbable,  checkbox.findbar-entire-word.tabbable  {
display: none !important;
}

label.matches-indicator {color: var(--toolbar-field-focus-color) !important}

#sidebar-box[hidden="true"] ~ #appcontent findbar, #sidebar-box:not([positionend="true"]) ~ #appcontent findbar {border-radius: 5px !important;}

.findbar-textbox,
findbar-textbox,
input.findbar-textbox { 
width: 300px !important;
border-radius: 5x !important;
padding-right: 85px !important;
border: 2px solid #929292 !important;
}

.findbar-textbox:focus,
findbar-textbox:focus,
input.findbar-textbox:focus { 
outline: 0px !important;
width: 300px !important;
border-radius: 5x !important;
padding-right: 85px !important;
}

@media (prefers-color-scheme: light) {
.findbar-textbox[status="notfound"],
findbar-textbox[status="notfound"]  {
border: 2px solid #c61054 !important;
background-color: #fab9b9 !important;
}
}

@media (prefers-color-scheme: dark) {
.findbar-textbox[status="notfound"], findbar-textbox[status="notfound"]  {
border: 2px solid #c61054 !important;
background-color: #471e1e !important;
}
}

.findbar-find-next,
.findbar-find-previous {
  margin-top:  3px !important;
  height: 19px !important;
}

.findbar-find-previous {
  margin-left: -58px !important;
  padding: 0px !important
}

.findbar-find-next {
  width: 10px !important;
  margin-left: 2px !important;
}