@import "../../../node_modules/react-tabs/style/react-tabs.scss";

.admin-wrapper {
  // we turn off overflow on the settings page as it seems to mess with our
  // header and navigation
  overflow: visible;

  h1 {
    display: flex;
    align-items: center;
    height: 38px;
    position: relative;

    // fake padding for h1 while sticky
    &::before {
      content: "";
      width: 100%;
      height: $pad-xxlarge;
      position: absolute;
      top: -$pad-xxlarge;
      background-color: $core-white;
    }
  }

  .component__tabs-wrapper {
    top: $pad-xxlarge; // for sticky
    z-index: 3;
  }
}