.line-sidebar{--accent-color:#a855f7;--text-color:#c4c4c4;--marker-color:#6c6c6c;--marker-length:60px;--marker-gap:0px;--tick-scale:.5;--max-shift:30px;--item-gap:20px;--font-size:1.1rem;--smoothing:.1s;justify-content:flex-start;display:flex;position:relative}.line-sidebar--markers{padding-left:calc(var(--marker-length) + var(--marker-gap))}.line-sidebar--right{justify-content:flex-end}.line-sidebar--right.line-sidebar--markers{padding-left:0;padding-right:calc(var(--marker-length) + var(--marker-gap))}.line-sidebar__list{gap:var(--item-gap);flex-direction:column;margin:0;padding:1rem 0;list-style:none;display:flex}.line-sidebar__item{position:relative}.line-sidebar__hit{appearance:none;width:100%;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.line-sidebar__hit:before{content:"";position:absolute;inset:-6px -48px}.line-sidebar__hit:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}.line-sidebar__label{font-size:var(--font-size);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)));white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:baseline;line-height:1.2;display:inline-flex;position:relative}.line-sidebar--right .line-sidebar__label{transform:translateX(calc(var(--effect,0) * var(--max-shift) * -1));flex-direction:row-reverse}.line-sidebar__index{opacity:calc(.55 + var(--effect,0) * .45);margin-right:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.line-sidebar--right .line-sidebar__index{margin-left:.6rem;margin-right:0}.line-sidebar__marker{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:0;transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .5));position:absolute}.line-sidebar--right .line-sidebar__marker{left:auto;right:calc(-1 * var(--marker-length) - var(--marker-gap));transform-origin:100%}.line-sidebar--markers .line-sidebar__item:not(:last-child):after{content:"";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;position:absolute;transform:translateY(-50%)}.line-sidebar--right.line-sidebar--markers .line-sidebar__item:not(:last-child):after{left:auto;right:calc(-1 * var(--marker-length) - var(--marker-gap));transform-origin:100%}.line-sidebar--scale-tick .line-sidebar__item:not(:last-child):after{transform-origin:0;transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .6))}.line-sidebar--right.line-sidebar--scale-tick .line-sidebar__item:not(:last-child):after{transform-origin:100%;transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .6))}.line-sidebar--labels-hover .line-sidebar__item{min-height:calc(var(--font-size) * 1.2);width:1px}.line-sidebar--labels-hover .line-sidebar__hit:before{inset:-8px -28px -8px -12px}.line-sidebar--right.line-sidebar--labels-hover .line-sidebar__hit:before{inset:-8px -12px -8px -40px}.line-sidebar--labels-hover .line-sidebar__label{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%) translateX(calc(var(--effect,0) * var(--max-shift)));transition:opacity .16s,visibility .16s;position:absolute;top:50%;left:0}.line-sidebar--right.line-sidebar--labels-hover .line-sidebar__label{transform:translateY(-50%) translateX(calc(var(--effect,0) * var(--max-shift) * -1));left:auto;right:0}.line-sidebar--labels-hover:hover .line-sidebar__label,.line-sidebar--labels-hover:focus-within .line-sidebar__label{opacity:1;visibility:visible}@media (prefers-reduced-motion:reduce){.line-sidebar__label,.line-sidebar__marker,.line-sidebar--markers .line-sidebar__item:not(:last-child):after,.line-sidebar--labels-hover .line-sidebar__label{transition:none!important}}
.stroke-text{width:100%;line-height:0;display:block}.stroke-text--hover{cursor:pointer}.stroke-text--fit{width:max-content;max-width:100%}.stroke-text__svg{width:100%;height:var(--stroke-text-height,160px);display:block}.stroke-text--fit .stroke-text__svg{width:auto;max-width:100%;overflow:visible}.stroke-text__stroke,.stroke-text__fill{-webkit-user-select:none;user-select:none;font-family:var(--font-outfit), "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif}