.l2-dynamic-sticky-menu .l2-scroll-guide {
display: flex;
list-style: none;
gap: 20px;
transform: none;
flex-direction: column;
margin: 0 !important;
padding-left: 0 !important;
} .l2-dynamic-sticky-menu .l2-scroll-guide::before {
content: "";
width: 1px;
height: 100%;
top: 0;
position: absolute;
background: var(--primitive-color-brand-tertiary04);
z-index: -1;
}
.l2-dynamic-sticky-menu .l2-scroll-guide li {
display: flex;
flex-direction: row;
}
.l2-dynamic-sticky-menu .l2-scroll-guide a {
color: var(--token-color-text-default-medium-mode-light) !important;
display: inline-block;
flex-direction: row;
align-items: center;
gap: 4px;
position: relative;
margin-left: 16px;
}
.l2-dynamic-sticky-menu .l2-scroll-guide a.l2-active {
color: var(--e-global-color-primary) !important;
}
.l2-dynamic-sticky-menu .l2-scroll-guide a svg path#Vector_2 {
fill:#fff;
}
.l2-dynamic-sticky-menu .l2-scroll-guide a svg path#Vector {
fill:#fff;
stroke: #fff;
}
.l2-dynamic-sticky-menu .l2-scroll-guide a.l2-active svg path#Vector_2   {
fill: var(--e-global-color-primary) !important;
}
.l2-dynamic-sticky-menu .l2-scroll-guide a.l2-active svg path#Vector {
fill: var(--e-global-color-primary) !important;
stroke: var(--e-global-color-primary) !important;
}
.l2-dynamic-sticky-menu .l2-scroll-guide a.l2-active::before {
content: "";
width: 1px;
height: 100%;
top: 0;
position: absolute;
background: var(--e-global-color-primary);
left: -16px;
}
.l2-dynamic-sticky-menu .l2-scroll-guide li:last-of-type:after {
content: "";
margin-left: 0;
}