.gridscan{width:100%;height:100%;position:relative;overflow:hidden}.gridscan__preview{color:#fff;pointer-events:none;background:#000;border:1px solid #ffffff40;border-radius:8px;width:220px;height:132px;font:12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:absolute;bottom:12px;right:12px;overflow:hidden;box-shadow:0 4px 16px #0006}.gridscan__video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.gridscan__badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:6px;padding:2px 6px;position:absolute;top:8px;left:8px}
.parallax{white-space:nowrap;flex-wrap:nowrap;width:100vw;margin:0;padding:0;display:flex;overflow:hidden}.scroller{white-space:nowrap;flex-wrap:nowrap;width:max-content;display:flex}
.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__list{gap:var(--item-gap);flex-direction:column;margin:0;padding:1rem 0;list-style:none;display:flex}.line-sidebar__item{cursor:pointer;height:24px;position:relative}.line-sidebar__item:before{content:"";position:absolute;inset:-6px -48px}.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)));align-items:baseline;line-height:1.2;display:inline-flex;position:relative}.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__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--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--scale-tick .line-sidebar__item:not(:last-child):after{transform-origin:0;transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .6))}