.line-sidebar{--accent-color:var(--foreground);--text-color:var(--foreground);--marker-color:color-mix(in srgb, var(--foreground) 45%, transparent);--hover-gradient:linear-gradient(90deg, #ff3e3e 0%, #ffd549 40%, var(--foreground) 60%, #3c9aff 100%);--font-weight:400;--marker-length:20px;--marker-gap:10px;--tick-scale:.5;--max-shift:40px;--item-gap:50px;--font-size:1.125rem;--smoothing:.32s;--ease:cubic-bezier(.22, 1, .36, 1);justify-content:flex-start;display:flex;position:relative}@media (width>=768px){.line-sidebar{--font-size:1.5rem}}.line-sidebar.product-features{--font-size:.9375rem;--item-gap:28px;--max-shift:28px}@media (width>=768px){.line-sidebar.product-features{--font-size:1.125rem}}.line-sidebar--markers{padding-left:calc(var(--marker-length) + var(--marker-gap));padding-right:calc(var(--max-shift) + .75rem)}.line-sidebar__list{gap:var(--item-gap);flex-direction:column;margin:0;padding:1rem 0;list-style:none;display:flex}.line-sidebar__item{cursor:pointer;contain:layout style;outline:none;position:relative}.line-sidebar__item:focus-visible .line-sidebar__label{outline:2px dashed var(--accent);outline-offset:4px}.line-sidebar__item:before{content:"";position:absolute;inset:-6px -3rem}.line-sidebar__label{font-size:var(--font-size);font-weight:var(--font-weight);white-space:pre-wrap;word-break:break-word;color:var(--text-color);transform-origin:0;transition:transform var(--smoothing) var(--ease);will-change:transform;align-items:center;line-height:1.6;display:inline-flex;position:relative;transform:translate(0)scale(1)}.line-sidebar__item:is(:hover,:focus-visible,[aria-current=true]) .line-sidebar__label{transform:translateX(var(--max-shift)) scale(1.05)}.line-sidebar__index{opacity:.55;transition:opacity var(--smoothing) var(--ease);margin-right:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.line-sidebar__item:is(:hover,:focus-visible,[aria-current=true]) .line-sidebar__index{opacity:1}.line-sidebar__text{color:inherit;flex-wrap:wrap;align-items:center;gap:0 1rem;text-decoration:none;display:inline-flex}.line-sidebar__lead{align-items:center;gap:.5em;display:inline-flex}.line-sidebar__emoji{color:inherit;-webkit-text-fill-color:initial;flex-shrink:0}.line-sidebar__copy{background-image:var(--hover-gradient);color:var(--text-color);-webkit-text-fill-color:var(--text-color);transition:-webkit-text-fill-color var(--smoothing) var(--ease);background-clip:text}.line-sidebar__item:is(:hover,:focus-visible,[aria-current=true]) .line-sidebar__copy{-webkit-text-fill-color:transparent}.line-sidebar__mark{align-items:center;text-decoration:none;transition:opacity .2s;display:inline-flex}.line-sidebar__mark:hover{opacity:.8}.line-sidebar__mark-image{object-fit:contain;-webkit-text-fill-color:initial;border-radius:.5rem;width:2.25rem;height:2.25rem}.line-sidebar__marker{top:50%;left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1.2px;width:var(--marker-length);background-color:var(--marker-color);transform-origin:0;transition:transform var(--smoothing) var(--ease), background-color var(--smoothing) var(--ease);position:absolute;transform:translateY(-50%)scaleX(.8)}.line-sidebar__item:is(:hover,:focus-visible,[aria-current=true]) .line-sidebar__marker{background-color:var(--accent-color);transform:translateY(-50%)scaleX(1.8)}.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:1.1px;width:calc(var(--marker-length) * var(--tick-scale));background-color:var(--marker-color);opacity:.5;position:absolute;transform:translateY(-50%)}.line-sidebar--scale-tick .line-sidebar__item:not(:last-child):after{transform-origin:0;transition:transform var(--smoothing) var(--ease);transform:translateY(-50%)scaleX(.8)}.line-sidebar--scale-tick .line-sidebar__item:is(:hover,:focus-visible,[aria-current=true]):not(:last-child):after{transform:translateY(-50%)scaleX(1.8)}@media (width<=640px){.line-sidebar{--max-shift:24px;--item-gap:36px}}@media (prefers-reduced-motion:reduce){.line-sidebar{--smoothing:1ms}}
