*{box-sizing:border-box;margin:0;padding:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3,h4,h5,h6,.title{font-optical-sizing:auto;color:#000000f5;font-family:Fira Code,monospace;font-style:normal;font-weight:700}h2{font-size:.89rem}h3{font-size:.76rem}p,a{color:#000000ab;font-family:sans-serif;font-size:.8rem}a:hover{-webkit-text-decoration:underline #082e6b;text-decoration:underline #082e6b}span.number{font-optical-sizing:auto;font-family:Fira Code,monospace;font-style:normal}input[type=range]{appearance:none;background:#00000029;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:1px solid #00000029;border-radius:50%;width:18px;height:18px}main{grid-template-columns:340px 1fr;display:grid}main .left-sidebar{max-height:100dvh;padding:12px;overflow-y:auto}main .left-sidebar>div{background-color:#f9fafc;border:.5px solid #cbd5e1;border-radius:12px;margin-bottom:12px;box-shadow:0 1px 1px #00000004,0 2px 2px #00000004,0 4px 4px #00000004,0 8px 8px #00000004,0 16px 16px #00000004}main .left-sidebar .sec{padding:12px}main .left-sidebar .sec .label{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}main .left-sidebar .sec .label.grid{grid-template-columns:1fr auto 1fr;display:grid}main .left-sidebar .sec .label .legend-start{justify-self:start}main .left-sidebar .sec .label .legend-label{justify-self:center}main .left-sidebar .sec .label .legend-end{justify-self:end}main .left-sidebar .sec .label span:empty{content:"";background-color:#00000029;width:12px;height:12px}main .left-sidebar .sec .description{color:#0000008f;margin-top:8px}main .left-sidebar .sec:not(:last-child){border-bottom:.5px solid #cbd5e1}main #container{display:inline-block;position:relative}canvas{display:block}.overlay{pointer-events:none;position:absolute;top:0;left:0}.overlay .arc{fill:#000;pointer-events:none}.overlay .hit{fill:#0000;pointer-events:all;cursor:pointer}.overlay .label{fill:#000;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:serif}:is(.overlay .folder:hover,.overlay .folder.selected) .arc,:is(.overlay .folder:hover,.overlay .folder.selected) .label{fill:#082e6b}.overlay .folder.selected .label{font-weight:700}.tooltip{z-index:20;font-optical-sizing:auto;pointer-events:none;background:#fffffff2;border:1px solid #ccc;padding:6px 10px;font-family:Fira Code,monospace;font-size:12px;font-style:normal;display:none;position:fixed}#status{z-index:10;font-optical-sizing:auto;white-space:pre;background:#ffffffe6;border:1px solid #ccc;padding:8px 12px;font-family:Fira Code,monospace;font-size:12px;font-style:normal;position:absolute;top:10px;left:10px}#status.error{border:1px solid #f38888}#legend{background:#00000029;border-radius:2px;height:10px;margin-bottom:4px;display:flex;overflow:hidden}#legend>i{opacity:0;transition:opacity 1s ease-in-out}.histogram{align-items:end;gap:4px;height:80px;margin-bottom:4px;display:flex}.histogram>i{background:#00000029;height:100%;transition:height 1s ease-in-out}.histogram>i.active{background:#082e6b}