@layer layouts {
  /*
   * Section header
   */
  
  .s-header {
    padding-bottom: 2.5rem;
    padding-top: 5rem;
  
    @media (max-width: 991.98px) {
      padding-bottom: 2rem;
      padding-top: 4rem;
    }
  
    @media (max-width: 639.98px) {
      padding-bottom: 1.5rem;
      padding-top: 3rem;
    }
  
    .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-primary);
    }
  
    .s-options-nav-item-active {
      font-weight: 500;
    }
  }
}