YouTube Material Search Box (for Polymer UI) by magma_craft

/* ==UserStyle==
@name           YouTube Material Search Box (for Polymer UI)
@namespace      userstyles.world/user/magma_craft
@version        1.0
@description    This userstyle forces the material version of the search box from mid 2016 until early 2017.
@author         Magma_Craft
@license        CC Zero
==/UserStyle== */

@-moz-document domain("youtube.com") {
yt-icon.style-scope.ytd-searchbox {
  color: var(--yt-spec-text-secondary) !important;
}
#center.ytd-masthead {
  flex: 0 1 608px;
}

ytd-searchbox.style-scope.ytd-masthead {
  flex-direction: row-reverse;
}

button.style-scope.ytd-searchbox {
  width: 72px;
}

div.style-scope.ytd-searchbox {
  padding-left: 0px;
}

button.style-scope.ytd-searchbox,
div.style-scope.ytd-searchbox {
  height: 40px;
  background: var(--yt-spec-additive-background);
  border-radius: 0 !important;
  border: 0 !important;
}

#container.ytd-searchbox {
  margin-left: 0px !important;
}

ytd-searchbox[has-focus] #search-icon.ytd-searchbox {
  display: none !important;
}

ytd-searchbox[has-focus][desktop-searchbar-style=rounded_corner_dark_btn] #search-icon.ytd-searchbox, ytd-searchbox[has-focus][desktop-searchbar-style=rounded_corner_light_btn] #search-icon.ytd-searchbox {
  display: none !important;
}

ytd-searchbox[has-focus] #container.ytd-searchbox {
  box-shadow: none;
  padding: 2px 6px 2px 0px !important;
  margin: 0 !important;
}

#search[has-focus] #search-input {
  margin-left: 0px !important;
}

div.sbqs_c::before {
  display: none !important;
}

span.sbpqs_a::before {
  display: none !important;
}

#voice-search-button.ytd-masthead,
#search-clear-button.ytd-searchbox {
  display: none !important;
}
}