.line_layout.svelte-292lxr{--line-space:150px;--line-size:30px;--line-gap:10px;--line-fieldspace:20px}.lines.svelte-292lxr{gap:var(--line-gap);width:var(--line-space);display:flex;position:absolute;top:0;bottom:0;left:8px}.line.svelte-292lxr{background-color:var(--color-text);flex:var(--line-size) 0 0;background-image:linear-gradient(90deg,#fff0,#fffc 25% 75%,#fff0);border-radius:3px;position:relative;box-shadow:0 0 2px #0000004d,inset 0 1px #fff}.line.svelte-292lxr:after{content:"";border-radius:2px;position:absolute;inset:0}.line.black.svelte-292lxr:after{background-color:#0c0c0ce6}.line.gray.svelte-292lxr:after{background-color:#c0c0c0e6}.line.blue.svelte-292lxr:after{background-color:#0071c2e6}.line.brown.svelte-292lxr:after{background-color:#6d3600e6}.line.red.svelte-292lxr:after{background-color:#ff0000e6}.line_layout_box.svelte-292lxr{flex-direction:column;display:flex;position:relative}.line_titles.svelte-292lxr{width:var(--line-space);color:var(--color-dark-text);text-shadow:0 0 1px var(--color-bright-text), 0 1px 1px var(--color-bright-text);justify-content:space-around;gap:10px;margin-bottom:-30px;font-weight:700;display:flex}.line_titles.svelte-292lxr span:where(.svelte-292lxr){padding:8px 0 0}.line_layout_title.svelte-292lxr{margin-left:var(--line-space);padding-left:var(--line-fieldspace);margin-top:4px;font-size:80%;font-weight:700}.line_layout_row.svelte-292lxr{margin-left:var(--line-space);padding-left:var(--line-fieldspace);position:relative}.line_layout_row.svelte-292lxr .l1:where(.svelte-292lxr),.line_layout_row.svelte-292lxr .l2:where(.svelte-292lxr),.line_layout_row.svelte-292lxr .l3:where(.svelte-292lxr),.line_layout_row.svelte-292lxr .ln:where(.svelte-292lxr){border:1px var(--color-dark-text) solid;background-color:var(--color-bright-backdrop-l);border-radius:100%;width:9px;height:9px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.line_layout_row.svelte-292lxr .l1:where(.svelte-292lxr):after,.line_layout_row.svelte-292lxr .l2:where(.svelte-292lxr):after,.line_layout_row.svelte-292lxr .l3:where(.svelte-292lxr):after,.line_layout_row.svelte-292lxr .ln:where(.svelte-292lxr):after{content:"";background-color:rgba(from var(--color-text) r g b / .7);-webkit-backdrop-filter:invert();backdrop-filter:invert();width:10px;height:1px;position:absolute;top:4px;left:100%}.line_layout_row.svelte-292lxr .ln:where(.svelte-292lxr){left:calc(var(--line-size) / 2 + -1 * var(--line-size))}.line_layout_row.svelte-292lxr .l3:where(.svelte-292lxr){left:calc(var(--line-size) / 2 + -2 * var(--line-size) + -1 * var(--line-gap))}.line_layout_row.svelte-292lxr .l2:where(.svelte-292lxr){left:calc(var(--line-size) / 2 + -3 * var(--line-size) + -2 * var(--line-gap))}.line_layout_row.svelte-292lxr .l1:where(.svelte-292lxr){left:calc(var(--line-size) / 2 + -4 * var(--line-size) + -3 * var(--line-gap))}.line_layout_row.svelte-292lxr .l1:where(.svelte-292lxr):after{width:calc(-20px + var(--line-size) / 2 + 4 * var(--line-size) + 3 * var(--line-gap))}.line_layout_row.svelte-292lxr .l2:where(.svelte-292lxr):after{width:calc(-20px + var(--line-size) / 2 + 3 * var(--line-size) + 2 * var(--line-gap))}.line_layout_row.svelte-292lxr .l3:where(.svelte-292lxr):after{width:calc(-20px + var(--line-size) / 2 + 2 * var(--line-size) + 1 * var(--line-gap))}.line_layout_row.svelte-292lxr .ln:where(.svelte-292lxr):after{width:calc(-20px + var(--line-size) / 2 + 1 * var(--line-size) + 0 * var(--line-gap))}.line_layout_row.svelte-292lxr:has(.ln:where(.svelte-292lxr)) .l1:where(.svelte-292lxr):after{width:calc(var(--line-size) * 3 + var(--line-gap) * 2)}.line_layout_row.svelte-292lxr:has(.l3:where(.svelte-292lxr)) .l1:where(.svelte-292lxr):after{width:calc(var(--line-size) * 2 + var(--line-gap))}.line_layout_row.svelte-292lxr:has(.ln:where(.svelte-292lxr)) .l2:where(.svelte-292lxr):after{width:calc(var(--line-size) * 2 + var(--line-gap))}.line_layout_row.svelte-292lxr:has(.l2:where(.svelte-292lxr)) .l1:where(.svelte-292lxr):after{width:var(--line-size)}.line_layout_row.svelte-292lxr:has(.l3:where(.svelte-292lxr)) .l2:where(.svelte-292lxr):after{width:var(--line-size)}.line_layout_row.svelte-292lxr:has(.ln:where(.svelte-292lxr)) .l3:where(.svelte-292lxr):after{width:var(--line-size)}