@layer layouts {
  /*
   * Section header
   */

  .s-header {
    padding-bottom: 1.5rem;
    padding-top: 2rem;

    @media (max-width: 991.98px) {
      padding-bottom: 1rem;
      padding-top: 1.5rem;
    }

    @media (max-width: 639.98px) {
      padding-bottom: 0.75rem;
      padding-top: 1.25rem;
    }

    .s-header-content {
      align-items: center;
      display: flex;
      flex-wrap: wrap;

      @media (max-width: 639.98px) {
        display: block;
      }
    }

    .s-header-content > * {
      flex: 1 1 auto;
    }

    .section-title-container {
      align-items: flex-start;
      display: flex;

      .btn-create {
        margin-left: 1rem;
        padding-left: .75rem;
        padding-right: .75rem;
      }
    }

    .s-options-container {
      display: flex;
      justify-content: flex-end;

      @media (max-width: 639.98px) {
        justify-content: start;
      }
    }

    .s-options-nav {
      display: flex;
      margin: 0 .75rem;
      padding: 0;

      @media (max-width: 639.98px) {
        margin-left: 0;
      }
    }

    .s-options-nav-item {
      padding: .5rem 1.25rem 0 0;
      list-style: none;
    }

    .s-options-nav-link {
      color: var(--color-link);
    }

    .s-options-nav-item-active {
      font-weight: 500;
    }
  }
}