.scroll-panels {
  --wdg-scroll-panels-font-size: var( --wdg-font-size-medium );
  --wdg-scroll-panels-height: calc( var( --wdg-font-size-medium ) * 5 );
  --wdg-scroll-panels-margin: calc( ( 100vw - var( --wdg-width-wide ) - ( var( --wdg-gap-gutter ) * 2 ) ) / 2 );
  padding-block-start: 1px;
}
.scroll-panels > *:nth-of-type(1) {
  --nth-of-type: 1;
}
.scroll-panels > *:nth-of-type(2) {
  --nth-of-type: 2;
}
.scroll-panels > *:nth-of-type(3) {
  --nth-of-type: 3;
}
.scroll-panels > *:nth-of-type(4) {
  --nth-of-type: 4;
}
.scroll-panels > *:nth-of-type(5) {
  --nth-of-type: 5;
}
.scroll-panels > *:nth-of-type(6) {
  --nth-of-type: 6;
}
.scroll-panels > *:nth-of-type(7) {
  --nth-of-type: 7;
}
.scroll-panels > *:nth-of-type(8) {
  --nth-of-type: 8;
}
.scroll-panels > *:nth-of-type(9) {
  --nth-of-type: 9;
}
.scroll-panels > *:nth-of-type(10) {
  --nth-of-type: 10;
}
.scroll-panels > *:nth-of-type(11) {
  --nth-of-type: 11;
}
.scroll-panels > *:nth-of-type(12) {
  --nth-of-type: 12;
}
.scroll-panels > *:nth-of-type(13) {
  --nth-of-type: 13;
}
.scroll-panels > *:nth-of-type(14) {
  --nth-of-type: 14;
}
.scroll-panels > *:nth-of-type(15) {
  --nth-of-type: 15;
}
.scroll-panels > *:nth-of-type(16) {
  --nth-of-type: 16;
}
.scroll-panels > *:nth-of-type(17) {
  --nth-of-type: 17;
}
.scroll-panels > *:nth-of-type(18) {
  --nth-of-type: 18;
}
.scroll-panels > *:nth-of-type(19) {
  --nth-of-type: 19;
}
.scroll-panels > *:nth-of-type(20) {
  --nth-of-type: 20;
}
.scroll-panels > *:nth-of-type(21) {
  --nth-of-type: 21;
}
.scroll-panels > *:nth-of-type(22) {
  --nth-of-type: 22;
}
.scroll-panels > *:nth-of-type(23) {
  --nth-of-type: 23;
}
.scroll-panels > *:nth-of-type(24) {
  --nth-of-type: 24;
}
.scroll-panels > *:nth-of-type(25) {
  --nth-of-type: 25;
}
.scroll-panels > *:nth-of-type(26) {
  --nth-of-type: 26;
}
.scroll-panels > *:nth-of-type(27) {
  --nth-of-type: 27;
}
.scroll-panels > *:nth-of-type(28) {
  --nth-of-type: 28;
}
.scroll-panels > *:nth-of-type(29) {
  --nth-of-type: 29;
}
.scroll-panels > *:nth-of-type(30) {
  --nth-of-type: 30;
}
.scroll-panels > *:nth-of-type(31) {
  --nth-of-type: 31;
}
.scroll-panels > *:nth-of-type(32) {
  --nth-of-type: 32;
}
.scroll-panels .scroll-panels__item-counter {
  font-family: var(--wdg-font-heading-alt);
  font-size: 2.5em;
  font-weight: 700;
  line-height: 0.65;
}
.scroll-panels .scroll-panels__item-header {
  align-items: center;
  background-color: var(--wdg-color-background, var(--wdg-color-white));
  bottom: calc((var(--wdg-scroll-panels-total) - var(--nth-of-type)) * var(--wdg-scroll-panels-height));
  color: var(--wdg-color-text);
  display: flex;
  font-size: var(--wdg-font-size-h5);
  font-weight: 600;
  gap: var(--wdg-gap-block);
  height: var(--wdg-scroll-panels-height);
  line-height: 1;
  margin: 0;
  padding: var(--wdg-gap-small) 68% var(--wdg-gap-small) var(--wdg-scroll-panels-margin);
  position: sticky;
  transform: translate(0, -1px);
  white-space: nowrap;
}
.scroll-panels .scroll-panels__item-header::before {
  background-color: var(--wdg-color-background, var(--wdg-color-white));
  border-block-start: 1px solid var(--wdg-color-text-alpha);
  content: "";
  height: 1px;
  inset-block-start: -1px;
  inset-inline: calc(var(--wdg-gap-gutter) * -1);
  position: absolute;
}
.scroll-panels .scroll-panels__item-content {
  background-color: var(--wdg-color-background, var(--wdg-color-white));
  color: var(--wdg-color-text);
  margin-block-start: 0;
  padding: 0 var(--wdg-scroll-panels-margin) var(--wdg-gap-medium) 0;
  position: relative;
  transform: translate(0, -1px);
}
@media (min-width: 62em) {
  .scroll-panels .scroll-panels__item-content {
    padding-inline-start: 35%;
  }
}
.scroll-panels .scroll-panels__item-content :where(* + .wp-block-buttons) {
  margin-block-start: var(--wdg-gap-xsmall);
}

.header--min-height-full + .scroll-panels {
  padding-block-start: var(--wdg-scroll-panels-height);
}

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