@media screen and (min-width: 1175px) {
  html {
    --page-top-margin: 30px;
  }

  body::before {
    content: "STAGING";
    position: fixed;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2em;
    color: #e1e1ff;
    background-color: #48359c;
    background-image: repeating-linear-gradient(-45deg,transparent 0 7px,#3d317c 0 14px);
    border-bottom: 1px solid #6f6791;
  }

  body.theme-system:before {
    color: #21217b;
    background-color: #e1e1ff;
    background-image: repeating-linear-gradient(-45deg,transparent 0 7px,#6364ff21 0 14px);
    border-bottom: 1px solid #d3d3e3;
  }

  /* mastodon-light */

  .compose-panel {
    margin-top: var(--page-top-margin);
    height: calc(100% - var(--page-top-margin));
  }

  @media screen and (min-width: 1175px) {
    .tabs-bar__wrapper {
      padding-top: var(--page-top-margin);
    }
  }

  .navigation-panel {
    margin-top: var(--page-top-margin);
  }
}