.color-bends-container{width:100%;height:100%;position:relative;overflow:hidden}.color-bends-container canvas{width:100%;height:100%;display:block}.line-sidebar{--accent-color:#03e885;--text-color:#929b96;--marker-color:#33423b;--marker-length:52px;--marker-gap:12px;--tick-scale:.25;--max-shift:18px;--item-gap:14px;--font-size:.96rem;padding-left:calc(var(--marker-length) + var(--marker-gap));position:relative}.line-sidebar__list{gap:var(--item-gap);flex-direction:column;margin:0;padding:12px 0;list-style:none;display:flex}.line-sidebar__item{--effect:0;min-width:0;position:relative}.line-sidebar__item:before{inset:-7px -28px -7px calc(-1 * var(--marker-length) - var(--marker-gap));content:"";position:absolute}.line-sidebar__button{width:100%;min-height:50px;color:color-mix(in srgb,var(--accent-color) calc(var(--effect) * 100%),var(--text-color));font-size:var(--font-size);text-align:left;transform:translateX(calc(var(--effect) * var(--max-shift)));cursor:pointer;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:0;line-height:1.45;display:grid;position:relative}.line-sidebar__button:focus-visible{outline:1px solid var(--accent-color);outline-offset:7px}.line-sidebar__index{color:color-mix(in srgb,var(--accent-color) calc(var(--effect) * 100%),var(--marker-color));font:10px/1 var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);letter-spacing:.08em;opacity:calc(.55 + var(--effect) * .45);align-self:start;padding-top:.29rem}.line-sidebar__text{letter-spacing:.02em;min-width:0;font-size:14px}.line-sidebar__marker{top:50%;left:calc(-1 * var(--marker-length) - var(--marker-gap));width:var(--marker-length);background:color-mix(in srgb,var(--accent-color) calc(var(--effect) * 100%),var(--marker-color));height:1px;box-shadow:0 0 calc(var(--effect) * 18px) color-mix(in srgb,var(--accent-color) 58%,transparent);transform:translateY(-50%) scaleX(calc(.5 + var(--effect) * .5));transform-origin:100%;position:absolute}.line-sidebar__item:not(:last-child):after{top:calc(100% + var(--item-gap) / 2);left:calc(-1 * var(--marker-length) - var(--marker-gap));width:calc(var(--marker-length) * var(--tick-scale));background:var(--marker-color);content:"";opacity:.42;height:1px;transform:translateY(-50%) scaleX(calc(.7 + var(--effect) * .3));transform-origin:100%;position:absolute}@media (width<=900px){.line-sidebar{scrollbar-width:none;padding-left:0;overflow-x:auto}.line-sidebar::-webkit-scrollbar{display:none}.line-sidebar__list{flex-direction:row;gap:8px;width:max-content;padding:8px}.line-sidebar__item:before,.line-sidebar__marker,.line-sidebar__item:after{display:none}.line-sidebar__button{border:1px solid color-mix(in srgb,var(--marker-color) 72%,transparent);border-radius:var(--radius-rect,14px);white-space:nowrap;gap:11px;width:auto;min-height:44px;padding:8px 14px;display:flex;transform:none}.line-sidebar__item[data-active=true] .line-sidebar__button{border-color:var(--accent-color);background:var(--accent-color);color:#04150d}.line-sidebar__item[data-active=true] .line-sidebar__index{color:#075b36}.line-sidebar__index{align-self:center;padding-top:0}.line-sidebar__text{font-size:13px}}@media (prefers-reduced-motion:reduce){.line-sidebar__button,.line-sidebar__marker,.line-sidebar__item:after{transition:none!important;transform:none!important}}