oj-sp-header-general-overview:not(.oj-complete) {
  visibility: hidden;
}

oj-sp-header-general-overview .oj-sp-header-general-overview-sticky-container {
  box-sizing: border-box;
  transition: height 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.1, 1);
}

oj-sp-header-general-overview .oj-sp-header-general-overview-header-strip {
  background-image: var(--oj-sp-theme-page-header-strip, url('https://static.oracle.com/cdn/fnd/gallery/2401.0.1/images/color-strip-neutral.png'));
  background-position: left bottom;
  background-repeat: repeat-x;
  height: 12px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

oj-sp-header-general-overview .oj-sp-header-general-overview-sticky {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 2;
  box-sizing: border-box;
}

oj-sp-header-general-overview .oj-sp-header-general-overview-context-selector {
  height: 2.75rem;
  max-width: 15.625rem;
}

oj-sp-header-general-overview .oj-sp-header-general-overview-grid-3 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  transition: opacity 0.15s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.1, 1);
}

oj-sp-header-general-overview .oj-sp-header-general-overview-sticky .oj-sp-header-general-overview-sticky-hide {
  display: none;
}

oj-sp-header-general-overview .oj-sp-header-general-overview-sticky .oj-sp-typography-display-6 {
  font-size: 1.5rem !important;
  line-height: 1.5 !important;
}

oj-sp-header-general-overview .oj-sp-header-general-overview-no-wrap {
  white-space: nowrap;
}

/* TODO: remove when additional spacing utility classes are supported by JET Redwood theme */
@media print, screen and (min-width: 600px) {
  oj-sp-header-general-overview .oj-md-padding-10x-bottom.oj-sp-header-general-overview-sticky {
    padding-bottom: 1.75rem !important;
  }

  oj-sp-header-general-overview .oj-md-padding-5x-top.oj-sp-header-general-overview-sticky {
    padding-top: 1rem !important;
  }

  oj-sp-header-general-overview .oj-sp-header-general-overview-sticky .oj-sp-header-general-overview-ci-container {
    padding-top: 0.5rem;
  }

  oj-sp-header-general-overview .oj-sp-header-general-overview-sticky .oj-sp-header-general-overview-sticky-content:only-child {
    padding-block-start: var(--oj-core-spacing-4x);
    padding-block-end: var(--oj-core-spacing-4x);
  }

  oj-sp-header-general-overview .oj-sp-header-general-overview-sticky .oj-sp-header-general-overview-smart-filter-container,
  oj-sp-header-general-overview .oj-sp-header-general-overview-sticky .oj-sp-header-general-overview-ci-container {
    padding-block-end: var(--oj-core-spacing-4x);
  }
}

@media screen and (max-width: 599px) {
  oj-sp-header-general-overview .oj-sp-header-general-overview-header-strip {
    height: 6px;
    border-radius: 0;
  }

  oj-sp-header-general-overview .oj-sm-padding-4x-top.oj-sp-header-general-overview-sticky {
    padding-block-start: var(--oj-core-spacing-3x) !important;
  }

  oj-sp-header-general-overview .oj-sm-padding-6x-bottom.oj-sp-header-general-overview-sticky {
    padding-block-end: var(--oj-core-spacing-5x) !important;
  }

  oj-sp-header-general-overview .oj-sp-header-general-overview-sticky .oj-sp-header-general-overview-sticky-content:only-child {
    padding-block-start: var(--oj-core-spacing-3x);
    padding-block-end: var(--oj-core-spacing-3x);
  }

  oj-sp-header-general-overview .oj-sp-header-general-overview-sticky .oj-sp-header-general-overview-smart-filter-container,
  oj-sp-header-general-overview .oj-sp-header-general-overview-sticky .oj-sp-header-general-overview-ci-container {
    padding-block-end: var(--oj-core-spacing-3x);
  }
}

oj-sp-header-general-overview .oj-sp-header-general-overview-mobile-buttons-container {
  position: fixed;
  bottom: 0;
  z-index: 2;
  width: 100vw;
  padding-inline-end: 0;
}

oj-sp-header-general-overview .oj-sp-header-general-overview-mobile-buttons-container.oj-sp-header-general-overview-mobile-buttons-bottom {
  /* This is the height of the in-app-nav */
  bottom: 48px;
  padding-inline-end: 0;
}

oj-sp-header-general-overview .oj-sp-header-general-overview-mobile-buttons-container.oj-sp-header-general-overview-mobile-buttons-ask-oracle-spacing:not(.oj-sp-header-general-overview-mobile-buttons-bottom) {
  /* The extra 8px is from the scrollbar */
  padding-inline-end: calc(var(--oj-sp-rw-max-content-width-padding) + var(--oj-sp-rw-ask-oracle-button-box-size) + 8px);
}