.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0.875rem 0;
  backdrop-filter: blur(8px);
  background-color: rgba(13, 13, 13, 0.4);
  z-index: 100;
}
.header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.0625rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(18, 18, 18, 0)), color-stop(25%, #fadfcf), color-stop(50%, #ff8017), color-stop(75%, #fadfcf), to(rgba(18, 18, 18, 0)));
  background: linear-gradient(90deg, rgba(18, 18, 18, 0) 0%, #fadfcf 25%, #ff8017 50%, #fadfcf 75%, rgba(18, 18, 18, 0) 100%);
  z-index: 1;
}
.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header__logo {
  display: block;
  height: 2.75rem;
}
.header__logo > img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 768px) {
  .header {
    padding: 20px 0;
  }
  .header__logo {
    height: 32px;
  }
}
/*# sourceMappingURL=header.css.map */
/*# sourceMappingURL=header.css.map */