.ls{--ls-night:#0f0e0c;--ls-ink:#f4f1eb;--ls-muted:#a9a296;--ls-coral:#ff7a5c;color:var(--ls-ink);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.4;position:relative}.ls-art{width:100%;max-width:1280px;aspect-ratio:var(--ls-ratio);isolation:isolate;margin-inline:auto;position:relative}.ls-under,.ls-over{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ls-under{z-index:0}.ls-over{z-index:2}.ls-layers{margin:0;padding:0;list-style:none;display:contents}.ls-layer{display:contents}.ls-sheet{z-index:1;left:var(--ls-sx);top:var(--ls-sy);width:var(--ls-sw);display:block;position:absolute}.ls-svg{width:100%;height:auto;display:block;overflow:visible}.ls-label{z-index:3;left:var(--ls-lx);top:var(--ls-ly);width:var(--ls-lw);overflow-wrap:break-word;position:absolute}.ls-bv,.ls-bh{display:none}.ls .ls-svg path,.ls .ls-svg circle,.ls-under path,.ls-over path{vector-effect:non-scaling-stroke}.ls-e,.ls-f,.ls-h,.ls-x,.ls-c{fill:none;stroke-linecap:round;stroke-linejoin:round}.ls-e{stroke:#f4f1ebd6;stroke-width:1px}.ls-f{stroke:#f4f1eb8f;stroke-width:.85px}.ls-h{stroke:#f4f1eb6b;stroke-width:.7px}.ls-x{stroke:#f4f1eb4d;stroke-width:.8px}.ls-c{stroke:var(--ls-coral);stroke-width:1.15px}.ls-dash{stroke-dasharray:2 3}.ls-bg{fill:var(--ls-night)}.ls-dot{fill:#f4f1ebd6;stroke:none}.ls-dot--coral{fill:var(--ls-coral)}.ls-guide{fill:none;stroke:#f4f1eb38;stroke-width:.8px;stroke-dasharray:2 5}.ls-leader{fill:none;stroke:#a9a29699;stroke-width:.8px}.ls-leader-dot{fill:var(--ls-muted)}.ls-beam{fill:none;stroke:var(--ls-coral);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.ls-beam-dot{fill:var(--ls-coral)}.ls-name{color:var(--ls-ink);letter-spacing:-.005em;text-wrap:balance;margin:0;font-size:clamp(14.5px,1.3cqw,17px);font-weight:500;line-height:1.3}.ls-line{color:var(--ls-muted);text-wrap:pretty;margin:5px 0 0;font-size:clamp(13px,1.12cqw,14.5px);line-height:1.45}.ls-items{gap:3px;margin:6px 0 0;padding:0;list-style:none;display:grid}.ls-items li{color:var(--ls-muted);text-wrap:pretty;padding-left:15px;font-size:clamp(13px,1.12cqw,14.5px);line-height:1.4;position:relative}.ls-items li:before{content:"";border-top:1px solid #f4f1eb6b;width:8px;position:absolute;top:.72em;left:0}.demo-stage:has(>.demo-stage__screen>.ls)>.demo-stage__pause{top:0;bottom:auto;right:0}@container (max-width:899px){.ls{--ls-w:clamp(128px, 38cqw, 208px);--ls-h:calc(var(--ls-w) * .39);--ls-gut:14px;--ls-gap:10px;--ls-corner:calc(50% - .064 * var(--ls-h));padding-top:46px}.ls-art{aspect-ratio:auto}.ls-under,.ls-over{display:none}.ls-layers{display:block}.ls-layer{grid-template-columns:var(--ls-gut) var(--ls-w) minmax(0, 1fr);column-gap:var(--ls-gap);align-items:center;padding-block:10px;display:grid;position:relative}.ls-sheet{grid-column:2;align-self:stretch;align-items:center;width:auto;display:flex;position:relative;top:auto;left:auto}.ls-label{grid-column:3;width:auto;position:static}.ls-name{font-size:15px}.ls-line,.ls-items li{font-size:13.5px}.ls-layer--stack .ls-sheet:before,.ls-layer--stack .ls-sheet:after{content:"";border-left:1px dashed #f4f1eb33;position:absolute;top:-10px;bottom:-10px}.ls-layer--stack .ls-sheet:before{left:5%}.ls-layer--stack .ls-sheet:after{left:95%}.ls-layer--custom .ls-sheet:before,.ls-layer--custom .ls-sheet:after{top:var(--ls-corner)}.ls-layer--base .ls-sheet:before,.ls-layer--base .ls-sheet:after{bottom:calc(100% - var(--ls-corner))}.ls-bv,.ls-bh{pointer-events:none;display:block;position:absolute}.ls-bv{border-left:1.5px solid var(--ls-coral);width:0;left:4px}.ls-bv--down{top:var(--ls-corner);bottom:0}.ls-bv--full{top:0;bottom:0}.ls-bv--up{top:0;bottom:calc(100% - var(--ls-corner))}.ls-bh{left:4px;top:var(--ls-corner);width:calc(var(--ls-gut) + var(--ls-gap) - 4px + .05 * var(--ls-w));border-top:1.5px solid var(--ls-coral);height:0}}@container (min-width:520px) and (max-width:899px){.ls{--ls-w:clamp(220px, 34cqw, 300px)}.ls-name{font-size:16px}.ls-line,.ls-items li{font-size:14px}}