/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!../../node_modules/glob-import-loader/index.js!./src/blocks/page-nav/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Block: page-nav, styles.
 */
/**
 * Internal utility to wrap with media query if provided.
 */
/**
 * This mixin assumes that each typography preset includes a style property for
 * each of the following properties:
 * - font-family
 * - font-size
 * - font-style
 * - font-weight
 * - letter-spacing
 * - line-height
 * - text-decoration
 * - text-transform
 */
.wp-block-san-page-nav {
  transition: opacity var(--wp--custom--duration--150) var(--wp--custom--ease--default);
  font-family: var(--wp--custom--typography-preset--body-sm--style--font-family);
  font-size: var(--wp--custom--typography-preset--body-sm--style--font-size);
  font-style: var(--wp--custom--typography-preset--body-sm--style--font-style);
  font-weight: var(--wp--custom--typography-preset--body-sm--style--font-weight);
  letter-spacing: var(--wp--custom--typography-preset--body-sm--style--letter-spacing);
  line-height: var(--wp--custom--typography-preset--body-sm--style--line-height);
  -webkit-text-decoration: var(--wp--custom--typography-preset--body-sm--style--text-decoration);
          text-decoration: var(--wp--custom--typography-preset--body-sm--style--text-decoration);
  text-transform: var(--wp--custom--typography-preset--body-sm--style--text-transform);
  background-color: var(--wp--preset--color--bg-light-primary);
  color: var(--wp--preset--color--text-on-light-secondary);
  position: sticky;
  top: var(--site-header--full-height);
  z-index: 100;
}
@media (scripting: enabled) {
  .wp-block-san-page-nav:not(.is-initialized) {
    opacity: 0;
    visibility: hidden;
  }
}
.wp-block-san-page-nav__container {
  background-color: inherit;
  position: relative;
  margin-left: calc(var(--wp--custom--layout-size--gutter) * -1) !important;
  margin-right: calc(var(--wp--custom--layout-size--gutter) * -1) !important;
  max-width: none;
}
.wp-block-san-page-nav__container, .wp-block-san-page-nav__container > img {
  border-radius: 0 !important;
}
.wp-block-san-page-nav__nav-bar {
  overflow-x: auto;
  padding-left: var(--wp--style--root--padding-left);
  padding-right: var(--wp--style--root--padding-right);
  scroll-behavior: smooth;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
}
.wp-block-san-page-nav ul {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wp--style--global--wide-size);
  padding: 0;
}
.wp-block-san-page-nav ul::after {
  content: "";
  display: block;
  flex: 0 0 var(--wp--style--root--padding-right);
}
.wp-block-san-page-nav li {
  white-space: nowrap;
}
.wp-block-san-page-nav a {
  border-bottom: 1px solid var(--wp--preset--color--fg-neutral-quinary);
  color: inherit;
  display: block;
  font-weight: 400;
  padding: var(--wp--preset--spacing--md);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.wp-block-san-page-nav a:hover {
  color: var(--wp--preset--color--text-on-light-primary);
}
.wp-block-san-page-nav a:focus-visible {
  outline-offset: -2px;
}
.wp-block-san-page-nav a.is-active {
  border-bottom-color: currentcolor;
  color: var(--wp--preset--color--text-on-light-primary);
  font-weight: 700;
}

/*# sourceMappingURL=style.css.map*/