/*ツールバー透明化*/
#nav-bar {
  background: none !important;
}

/*ブックマークバー透明化*/
.browser-toolbar:not(.titlebar-color) {
  background: none !important;
}

/*ツールバー（ブックマークバー下）の枠線非表示*/
#navigator-toolbox,
#navigator-toolbox-background {
  border-bottom: none !important;
}

/*サイドバーの透明化*/
#sidebar-select-box {
  background: none !important;
}

/*サイドバーの一番下にある背景削除*/
#browser {
  background: none !important;
}

/*サイドバーの枠線*/
#sidebar-select-box {
  border-left: 0 !important;
  border-right: 0 !important;
}

/*サイドバー内の上部（タイトルバー）*/
.browser-sidebar2 {
  background: none !important;
  border: none !important;
}

.titlebar-close {
  list-style-image: url(./toolbar_button/none.svg) !important;
}

.titlebar-max {
  list-style-image: url(./toolbar_button/none.svg) !important;
}

.titlebar-restore {
  list-style-image: url(./toolbar_button/none.svg) !important;
}

.titlebar-min {
  list-style-image: url(./toolbar_button/none.svg) !important;
}

@media (prefers-color-scheme: light) {

  #urlbar:is([focused="true"], [open])>#urlbar-background,
  #searchbar:focus-within {
    background-color: rgb(255, 255, 255) !important;
  }

  #urlbar-background,
  #searchbar {
    background: none !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
  }

  #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon,
  .tab-background:is([selected], [multiselected]) {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }
}

@media (prefers-color-scheme: dark) {

  #urlbar:is([focused="true"], [open])>#urlbar-background,
  #searchbar:focus-within {
    background-color: rgb(0, 0, 0) !important;
  }

  #urlbar-background,
  #searchbar {
    background: none !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon,
  .tab-background:is([selected], [multiselected]) {
    background-image: linear-gradient(to bottom right, #353535, AccentColor) !important;
    
  }
}