.line-sidebar{--accent-color:#a855f7;--text-color:#c4c4c4;--marker-color:#6c6c6c;--marker-length:60px;--marker-gap:0px;--tick-scale:0.5;--max-shift:30px;--item-gap:20px;--font-size:1.1rem;--smoothing:100ms;position:relative;display:flex;justify-content:flex-start}.line-sidebar--markers{padding-left:calc(var(--marker-length) + var(--marker-gap))}.line-sidebar__list{list-style:none;margin:0;padding:1rem 0;display:flex;flex-direction:column;gap:var(--item-gap)}.line-sidebar__item{position:relative;cursor:pointer}.line-sidebar__item:before{content:"";position:absolute;inset:-6px -48px}.line-sidebar__label{position:relative;display:inline-flex;align-items:baseline;font-size:var(--font-size);line-height:1.2;color:color-mix(in srgb,var(--accent-color) calc(var(--effect, 0) * 100%),var(--text-color));transform:translateX(calc(var(--effect, 0) * var(--max-shift)))}.line-sidebar__index{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-right:.6rem;font-size:.85em;opacity:calc(.55 + var(--effect, 0) * .45)}.line-sidebar__marker{position:absolute;top:50%;left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1px;width:var(--marker-length);background-color:color-mix(in srgb,var(--accent-color) calc(var(--effect, 0) * 100%),var(--marker-color));transform-origin:left center;transform:translateY(-50%) scaleX(calc(.7 + var(--effect, 0) * .5))}.line-sidebar--markers .line-sidebar__item:not(:last-child):after{content:"";position:absolute;top:calc(100% + var(--item-gap) / 2);left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1px;width:calc(var(--marker-length) * var(--tick-scale));background-color:var(--marker-color);opacity:.5;transform:translateY(-50%)}.line-sidebar--scale-tick .line-sidebar__item:not(:last-child):after{transform-origin:left center;transform:translateY(-50%) scaleX(calc(.7 + var(--effect, 0) * .6))}