/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.14_webpack@5.106.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@16.0.8_sass@1.99.0_webpack@5.106.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./inc/Blocks/AnchorBar/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
/* stylelint-disable scss/no-global-function-names */
/* stylelint-enable scss/no-global-function-names */
.wp-block-anchor-bar {
  background-color: var(--colour-rgb-brand-2-5);
}
@media (min-width: 1023px) {
  .wp-block-anchor-bar {
    position: sticky;
    top: var(--height-header-mobile);
    z-index: 3;
  }
}
@media (min-width: 1278px) {
  .wp-block-anchor-bar {
    top: 0;
  }
}

.wp-block-anchor-bar__anchors {
  margin: 0 auto;
  max-width: var(--width-max-width-padded);
  padding-left: var(--spacing-body-mobile);
  padding-right: var(--spacing-body-mobile);
  width: 100%;
}
@media (min-width: 1023px) {
  .wp-block-anchor-bar__anchors {
    padding-left: var(--spacing-body);
    padding-right: var(--spacing-body);
  }
}
.wp-block-anchor-bar__anchors {
  padding-bottom: 4rem;
  padding-top: 3rem;
}
@media (min-width: 1023px) {
  .wp-block-anchor-bar__anchors {
    padding-bottom: 0;
    padding-top: 1.5rem;
  }
}

.wp-block-anchor-bar__anchors__list {
  display: none;
  gap: 2.5rem;
  justify-content: start;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media (min-width: 1023px) {
  .wp-block-anchor-bar__anchors__list {
    display: inline-flex;
  }
}
@media (min-width: 1278px) {
  .wp-block-anchor-bar__anchors__list {
    gap: 5rem;
  }
}

.wp-block-anchor-bar__anchors__item {
  display: inline-flex;
}

.wp-block-anchor-bar__anchors__item__link {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-6);
  font-weight: 500;
  letter-spacing: var(--letter-spacing-6);
  line-height: var(--line-height-6);
  text-transform: uppercase;
}
.wp-block-anchor-bar__anchors__item__link em {
  font-style: italic;
}
.wp-block-anchor-bar__anchors__item__link strong {
  font-weight: 500;
}
.wp-block-anchor-bar__anchors__item__link {
  color: var(--colour-black);
  padding: 1.3rem 0 1.5rem;
  position: relative;
  text-decoration: none;
  transition: var(--transition-all);
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .wp-block-anchor-bar__anchors__item__link:enabled:hover::after, .wp-block-anchor-bar__anchors__item__link:enabled:focus-visible::after, .wp-block-anchor-bar__anchors__item__link:not([disabled]):hover::after, .wp-block-anchor-bar__anchors__item__link:not([disabled]):focus-visible::after {
    transform: scaleX(1);
  }
}
.wp-block-anchor-bar__anchors__item__link.active::after {
  transform: scaleX(1);
}
.wp-block-anchor-bar__anchors__item__link::after {
  content: "";
  display: block;
  position: absolute;
  background-color: var(--colour-brand-1);
  bottom: 0;
  height: 0.4rem;
  left: 0;
  right: 0;
  top: auto;
  transform: scaleX(0);
  transform-origin: bottom;
  transition: var(--transition-all);
  width: 100%;
}

.wp-block-anchor-bar__anchors__label {
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  text-indent: -9999px !important;
  transform: scale(0) !important;
  width: 1px !important;
}

.wp-block-anchor-bar__anchors__select {
  align-items: center;
  background-color: var(--colour-white);
  display: inline-flex;
  position: relative;
  width: 100%;
}
@media (min-width: 1023px) {
  .wp-block-anchor-bar__anchors__select {
    display: none;
  }
}

.wp-block-anchor-bar__anchors__select__element {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p);
  font-weight: 300;
  letter-spacing: var(--letter-spacing-p);
  line-height: var(--line-height-p);
  text-transform: none;
}
.wp-block-anchor-bar__anchors__select__element em {
  font-style: italic;
}
.wp-block-anchor-bar__anchors__select__element strong {
  font-weight: 500;
}
.wp-block-anchor-bar__anchors__select__element {
  background-color: transparent;
  border: 0.1rem solid var(--colour-black);
  color: var(--colour-black);
  height: calc(var(--height-button) - 0.2rem);
  padding: 0.5rem 3.5rem 0.5rem 1.1rem;
  width: 100%;
}
.wp-block-anchor-bar__anchors__select__element:focus-visible {
  border-color: var(--colour-brand-1);
}
.wp-block-anchor-bar__anchors__select__element {
  appearance: none;
  background-color: transparent;
  z-index: 3;
}
.wp-block-anchor-bar__anchors__select__element option {
  background-color: var(--colour-white);
}

.wp-block-anchor-bar__anchors__select__icon {
  position: absolute;
  right: 1.1rem;
  z-index: 2;
}

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