/* Shared transparent navigation treatment for exported pages. */
:root {
  --nav-glass-top: rgba(255, 255, 255, .46);
  --nav-glass-bottom: rgba(255, 255, 255, .12);
  --nav-glass-solid: rgba(255, 255, 255, .60);
  --nav-glass-shadow: 0 10px 32px rgba(0, 20, 34, .04);
}

.site-header,
.history-site-header,
.about-site-header,
.framer-nav-override-header,
.ko-product-site-header,
.pipeline-site-header,
.ab-local-header,
body > header.hdAwi,
#main header,
#main header[style],
[data-framer-root] header,
[data-framer-root] header[style] {
  background: linear-gradient(180deg, var(--nav-glass-top), var(--nav-glass-bottom)) !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.site-header.scrolled,
.site-header:hover,
.site-header:focus-within,
.history-site-header.scrolled,
.history-site-header:hover,
.history-site-header:focus-within,
.about-site-header.is-scrolled,
.about-site-header:hover,
.about-site-header:focus-within,
.framer-nav-override-header.scrolled,
.framer-nav-override-header:hover,
.framer-nav-override-header:focus-within,
.ko-product-site-header.scrolled,
.ko-product-site-header:hover,
.ko-product-site-header:focus-within,
.pipeline-site-header.scrolled,
.pipeline-site-header:hover,
.pipeline-site-header:focus-within,
.ab-local-header.scrolled,
.ab-local-header:hover,
.ab-local-header:focus-within,
body > header.hdAwi:hover,
body > header.hdAwi:focus-within,
#main header:hover,
#main header:focus-within,
[data-framer-root] header:hover,
[data-framer-root] header:focus-within {
  background: var(--nav-glass-solid) !important;
  box-shadow: var(--nav-glass-shadow);
}

@media (max-width: 1199.98px) {
  .site-header,
  .history-site-header,
  .about-site-header,
  .framer-nav-override-header,
  .ko-product-site-header,
  .pipeline-site-header,
  .ab-local-header,
  body > header.hdAwi,
  #main header,
  #main header[style],
  [data-framer-root] header,
  [data-framer-root] header[style] {
    background: linear-gradient(180deg, rgba(255, 255, 255, .52), rgba(255, 255, 255, .16)) !important;
    background-color: transparent !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }

  .site-header.scrolled,
  .site-header:hover,
  .site-header:focus-within,
  .history-site-header.scrolled,
  .history-site-header:hover,
  .history-site-header:focus-within,
  .about-site-header.is-scrolled,
  .about-site-header:hover,
  .about-site-header:focus-within,
  .framer-nav-override-header.scrolled,
  .framer-nav-override-header:hover,
  .framer-nav-override-header:focus-within,
  .ko-product-site-header.scrolled,
  .ko-product-site-header:hover,
  .ko-product-site-header:focus-within,
  .pipeline-site-header.scrolled,
  .pipeline-site-header:hover,
  .pipeline-site-header:focus-within,
  .ab-local-header.scrolled,
  .ab-local-header:hover,
  .ab-local-header:focus-within,
  body > header.hdAwi:hover,
  body > header.hdAwi:focus-within,
  #main header:hover,
  #main header:focus-within,
  [data-framer-root] header:hover,
  [data-framer-root] header:focus-within {
    background: rgba(255, 255, 255, .64) !important;
  }
}