:root {
  --md-primary-fg-color: #ab4abb;
  --md-primary-fg-color--light: #ecb7b7;
  --md-primary-fg-color--dark: #90030c;
  --md-header-bg-color: #19212e;
}

html {
  overflow-y: scroll;
}

.md-grid {
  max-width: 1120px;
}

.md-header {
  background-color: var(--md-header-bg-color);
}

.md-header__button.md-logo {
  padding: 0.2rem 0.4rem 0.4rem 0.4rem;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 2rem;
}

.md-header__ellipsis .md-header__topic:first-child {
  display: none;
}

.fuchsia-inline-image {
  width: 90px;
  margin-left: 0.05rem;
  margin-right: 0.05rem;
  vertical-align: middle;
}

.gujian-inline-image {
  width: 4rem;
  margin-right: -0.1rem;
  vertical-align: -0.28rem;
}

.md-sidebar {
  padding-top: 0.8rem;
}

.md-nav--integrated
  > .md-nav__list
  > .md-nav__item--active:not(.md-nav__item--nested) {
  padding-left: 0;
}

@media screen and (max-width: 76.234375em) {
  .md-nav--primary .md-nav__title[for="__drawer"] {
    background-color: var(--md-header-bg-color);
    height: auto;
    padding: 3rem 0.8rem 1rem;
  }
}