.header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 108px;
  padding-right: 40px;
  padding-bottom: 18px;
  padding-left: 20px;
}

.logo {
  width: 110px;
}

.title {
  position: absolute;
  left: 50%;
  display: flex;
  align-items: center;
  transform: translateX(-50%);

  & img {
    width: 46px;
  }

  & span {
    margin-left: 18px;
    font-size: 36px;
    font-weight: bold;
    color: white;
  }
}

.date-group {
  display: flex;
  align-items: center;

  & img {
    width: 36px;
  }
}

.date-bg {
  color: transparent;
  background: linear-gradient(
    to bottom,
    rgb(255 255 255 / 70%) 0%,
    rgb(255 255 255 / 70%) 50%,
    rgb(255 255 255) 50%,
    rgb(255 255 255) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
}

.date {
  font-size: 18px;
}

.time {
  margin: 0 24px;
  font-size: 34px;
}
