.scrollsequence{--scrollsequence-progress-bar-color:var(--scope-color-accent1,--global-color-default-accent1);--scrollsequence-color:#0000007a;--scrollsequence-color-hover:#000;--scrollsequence-transition:300ms ease}
.scrollsequence__base{position:relative;width:100%}
.scrollsequence__base--inProgress .scrollsequence__progress{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}
.scrollsequence__base--inProgress .scrollsequence__scrollIcon{visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-12px)}
.scrollsequence__base--initialising .scrollsequence__content{display:none}
.scrollsequence__content{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100vh;margin-top:-100vh}
.scrollsequence__overlay{width:100%}
.scrollsequence__overlayItem.active{display:block;content-visibility:visible}
.scrollsequence__overlayItem.hidden{display:none;content-visibility:hidden}
.scrollsequence__skip{position:absolute;bottom:60px;left:90px;padding:8px 16px;border:2px solid var(--scrollsequence-color);border-radius:20px;background:hsla(0,0,100%,.2);color:var(--scrollsequence-color);display:inline-flex;-moz-column-gap:8px;column-gap:8px;font-size:14px;font-weight:bold;cursor:pointer;transition:border-color var(--scrollsequence-transition),color var(--scrollsequence-transition)}
.scrollsequence__skip heliux-icon{--icon-size:16px}
.scrollsequence__skip:hover{border-color:var(--scrollsequence-color-hover);color:var(--scrollsequence-color-hover)}
@media(min-width:0)and (max-width:767px){.scrollsequence__skip{bottom:30px;left:auto}
}
.scrollsequence__scrollIcon{position:absolute;bottom:60px;display:flex;flex-direction:column;align-items:center;row-gap:16px;visibility:visible;opacity:1;font-size:16px;transform:translateY(0);transition:opacity var(--scrollsequence-transition),visibility var(--scrollsequence-transition),transform var(--scrollsequence-transition)}
.scrollsequence__scrollIcon heliux-icon{--icon-size:24px}
@media(min-width:0)and (max-width:767px){.scrollsequence__scrollIcon{bottom:90px}
}
.scrollsequence__progress{position:absolute;bottom:60px;padding:14px;border-radius:30px;background:#eff3f6;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity var(--scrollsequence-transition),visibility var(--scrollsequence-transition),transform var(--scrollsequence-transition)}
.scrollsequence__progress ol{display:flex;align-items:center}
@media(min-width:0)and (max-width:767px){.scrollsequence__progress{bottom:90px}
}
.scrollsequence__progressItem{box-sizing:content-box;width:8px;height:8px;margin:0 10px;border:6px solid #eff3f6;border-radius:50%;background:rgba(59,59,59,.4);cursor:pointer;transform:scale(1);transition:background-color 250ms ease,border-color 250ms ease,transform 250ms ease}
.scrollsequence__progressItem.active{border-color:#fff;background:#e1000f;transform:scale(1.1)}
.scrollsequence canvas{position:sticky;top:0;left:0;z-index:1;display:block;width:100%;height:100vh}