/* Sticky Scroll Content — editor/frontend helpers */
[data-progress-bar] {
background: #D4D4D4; /* gray */
}

[data-progress-bar-inner] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0%;
background: var(--color-inoblue);
transition: height 0.1s linear;
}

[data-step] .sticky-scroll-content__step-number,
[data-step] .sticky-scroll-content__step-title,
[data-step] .sticky-scroll-content__step-content {
    opacity: 0.6;
}

[data-step].is-active .sticky-scroll-content__step-number,
[data-step].is-active .sticky-scroll-content__step-title,
[data-step].is-active .sticky-scroll-content__step-content {
opacity: 1;
}

[data-step].is-active {
opacity: 1;
}

[data-step-indicator] {
background: #D4D4D4;
transition: background-color .25s ease;
}

[data-step-indicator].is-active {
background: var(--color-inoblue);
}