header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #242834;
  transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  z-index: 999;
}
header.transparent {
  background-color: transparent;
}
header.header-hidden {
  transform: translateY(-120%);
}
header .header-bar {
  width: 90%;
  max-width: 1720px;
  margin: 0 auto;
  display: flex;
  padding: 1.5em 0;
}
header .logo-wrapper {
  margin-right: auto;
}
header .logo-wrapper svg {
  width: 170px;
  height: auto;
}
@media only screen and (min-width: 414px) {
  header .logo-wrapper svg {
    width: 200px;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fcnctoolshop%2Fpublic_html%2Fprivate-bundles%2Fpixelpunkcoder%2Fcnctoolshop%2Fsrc%2FResources%2Fpublic%2Fcss%2Ffrontend%2Fheader.scss%22%2C%22home%2Fcnctoolshop%2Fpublic_html%2Fprivate-bundles%2Fpixelpunkcoder%2Fcnctoolshop%2Fsrc%2FResources%2Fpublic%2Fcss%2Ffrontend%2F..%2Fincludes%2F_mixins.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BACzBJ%3BADgCI%3BAAAA%3BAAAA%3BAAAA%22%7D */