:root{--main-border-color: black}.vis-wrapper.svelte-1d2qbr9{border:solid 1px black;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;max-width:900px}.item-group{cursor:pointer}.item-title{font-size:1.4rem}@media (width <= 800px){.item-title{font-size:1.6rem}}.timeline-container.svelte-1d2qbr9{position:relative}.timeline.svelte-1d2qbr9{overflow:scroll}.timeline-svg{min-width:650px}.annotation-layer.svelte-1d2qbr9{display:flex;justify-content:center;align-items:center;position:absolute;top:0;width:100%;height:100%;pointer-events:none}.item-description.svelte-1d2qbr9{background-color:#fff8dc;width:50%;min-width:300px;opacity:.8;padding:2% 3%;border:solid 1.5px;border-radius:8px;display:none}.item-description.svelte-1d2qbr9.active{pointer-events:auto;display:block}.item-description.svelte-1d2qbr9 .header:where(.svelte-1d2qbr9){display:flex;justify-content:flex-end}.item-description.svelte-1d2qbr9 .header:where(.svelte-1d2qbr9) .close-btn:where(.svelte-1d2qbr9){background-color:transparent;border:solid 1.5px;border-radius:8px;font-size:medium;cursor:pointer}.item-description.svelte-1d2qbr9 .header:where(.svelte-1d2qbr9) .close-btn:where(.svelte-1d2qbr9):hover{background-color:#000}.item-description.svelte-1d2qbr9 .header:where(.svelte-1d2qbr9) .close-btn:where(.svelte-1d2qbr9):hover .icon:where(.svelte-1d2qbr9){color:#fff8dc}.item-description.svelte-1d2qbr9 .header:where(.svelte-1d2qbr9) .icon:where(.svelte-1d2qbr9){color:#000}.legend.svelte-1d2qbr9{display:flex;max-width:-webkit-fill-available;justify-content:flex-start;margin:0 1.5rem 1.5rem;color:var(--primary-text-color);flex-wrap:wrap}.legend.svelte-1d2qbr9 .legend-title:where(.svelte-1d2qbr9){margin:1rem 0;font-weight:500;font-size:1.1rem}.legend.svelte-1d2qbr9 .legend-symbol:where(.svelte-1d2qbr9){stroke:var(--primary-text-color);stroke-width:.1rem}.legend.svelte-1d2qbr9 .legend-symbol.time:where(.svelte-1d2qbr9){fill:none}.legend.svelte-1d2qbr9 .legend-text:where(.svelte-1d2qbr9){fill:var(--primary-text-color);font-size:1rem}.legend.svelte-1d2qbr9 .legend-text.sub:where(.svelte-1d2qbr9){font-size:.9rem}.legend.svelte-1d2qbr9 .svg-time-commitment:where(.svelte-1d2qbr9),.legend.svelte-1d2qbr9 .svg-category:where(.svelte-1d2qbr9){max-width:100%}