.oc-tree.svelte-vpl1pw{--oc-line:color-mix(in oklab, var(--primary) 70%, var(--background));--oc-x:calc(var(--oc-unit-gap) / 2);position:relative}.oc-root.svelte-vpl1pw{margin:0;padding:0;list-style:none}.oc-lines.svelte-vpl1pw{pointer-events:none;fill:none;stroke:var(--oc-line);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:0;overflow:visible}@media (width>=48rem){.oc-tree.svelte-vpl1pw{justify-content:center;width:max-content;min-width:100%;padding:6px 16px 10px;display:flex}}.oc-tree.svelte-vpl1pw li,.oc-tree.svelte-vpl1pw ul{margin:0;padding:0;list-style:none}.oc-tree.svelte-vpl1pw .oc-node{position:relative}@media (width<=47.99rem){.oc-tree.svelte-vpl1pw .oc-units,.oc-tree.svelte-vpl1pw .oc-staff{--oc-pt:8px;--oc-tick:22px;padding:var(--oc-pt) 0 0 18px;flex-direction:column;gap:8px;margin-left:14px;display:flex}.oc-tree.svelte-vpl1pw .oc-staff{--oc-tick:20px}.oc-tree.svelte-vpl1pw .oc-staff+.oc-units{--oc-pt:16px}.oc-tree.svelte-vpl1pw .oc-units>li:before,.oc-tree.svelte-vpl1pw .oc-staff>li:before{content:"";height:calc(var(--oc-tick) + 8px);border-left:2px solid var(--oc-line);border-bottom:2px solid var(--oc-line);width:14px;position:absolute;top:-8px;left:-18px}.oc-tree.svelte-vpl1pw .oc-units>li:first-child:before,.oc-tree.svelte-vpl1pw .oc-staff>li:first-child:before{top:calc(-1 * var(--oc-pt));height:calc(var(--oc-tick) + var(--oc-pt))}.oc-tree.svelte-vpl1pw .oc-staff>li:before{border-bottom-style:dashed}.oc-tree.svelte-vpl1pw .oc-units>li:after,.oc-tree.svelte-vpl1pw .oc-staff>li:after{content:"";left:-18px;top:var(--oc-tick);border-left:2px solid var(--oc-line);position:absolute;bottom:0}.oc-tree.svelte-vpl1pw .oc-units>li:last-child:before{border-bottom-left-radius:8px}.oc-tree.svelte-vpl1pw .oc-staff:not(:has(+.oc-units))>li:last-child:before{border-bottom-left-radius:8px}.oc-tree.svelte-vpl1pw .oc-units>li:last-child:after{content:none}.oc-tree.svelte-vpl1pw .oc-staff:not(:has(+.oc-units))>li:last-child:after{content:none}}@media (width>=48rem){.oc-tree.svelte-vpl1pw .oc-node{flex-direction:column;align-items:center;display:flex}.oc-tree.svelte-vpl1pw .oc-units{padding-top:var(--oc-gap);flex-direction:row;align-items:flex-start;display:flex}.oc-tree.svelte-vpl1pw .oc-units>li{padding:0 var(--oc-x)}.oc-tree.svelte-vpl1pw .oc-units.oc-lane{grid-template-columns:repeat(var(--oc-k), var(--oc-unit-w)) var(--oc-lane) repeat(var(--oc-k), var(--oc-unit-w));column-gap:var(--oc-unit-gap);row-gap:var(--oc-gap);justify-content:center;align-items:start;display:grid}.oc-tree.svelte-vpl1pw .oc-units.oc-lane>li{translate:var(--oc-shift,0);padding:0}.oc-tree.svelte-vpl1pw .oc-staff{grid-template-columns:1fr 1fr;align-self:center;gap:10px 56px;padding:14px 0 4px;display:grid}.oc-tree.svelte-vpl1pw .oc-staff>li:nth-child(odd){justify-self:end}.oc-tree.svelte-vpl1pw .oc-staff>li:nth-child(2n){justify-self:start}}