.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;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:translate(calc(var(--effect, 0) * var(--max-shift)));text-decoration:none;border:none;background:none;padding:0;cursor:pointer}.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__text{text-decoration:none;color:inherit}.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))}@media(prefers-reduced-motion:reduce){.line-sidebar__label{transition:none}}.callout{position:relative;border-radius:12px;padding:16px 20px 16px 52px;border:1px solid rgba(220,225,255,.14);border-inline-start-width:3px;background:#0b122adb}.callout:before{content:attr(data-icon);position:absolute;left:16px;top:16px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--on-primary);background:var(--primary-container)}.callout--tip{border-inline-start-color:var(--primary)}.callout--note{border-inline-start-color:var(--secondary)}.callout--note:before{color:var(--on-secondary-container);background:var(--secondary-container)}.callout--important{border-inline-start-color:var(--error)}.callout--important:before{color:var(--on-error-container);background:var(--error-container)}