:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:2.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bar-bg: #f4f6fa;--bar-border: #b0b8c9;--bar-shadow: 0 2px 8px 0 rgba(40, 60, 90, .08);--bar-text: #25324d;--bar-hover-bg: #e3e8f0;--bar-hover-border: #4e79a7;--bar-hover-shadow: 0 4px 16px 0 rgba(40, 60, 90, .13);--slot-bg: #ffffff;--slot-text: #4e79a7;--slot-border: #ffffff;--grid-line-color: rgba(176, 184, 201, .3);--grid-line-width: 1px;--grid-line-style: solid;--grid-background: transparent;--grid-hover-color: rgba(78, 121, 167, .2);--horizontal-grid-line-color: rgba(176, 184, 201, .2);--horizontal-grid-line-width: 1px;--horizontal-grid-line-style: solid;--horizontal-grid-spacing: 40px;--scrollbar-track-color: rgba(228, 230, 235, .3);--scrollbar-thumb-color: rgba(78, 121, 167, .4);--scrollbar-thumb-hover-color: rgba(78, 121, 167, .6);--scrollbar-thumb-active-color: rgba(78, 121, 167, .8);--scrollbar-size: 8px;--scrollbar-border-radius: 4px;--timeslots-transformed-opacity: .9}.time-slots{display:flex;flex-direction:row;gap:.3rem;justify-content:space-around;margin-top:12px}.bar{font-family:Inter,Segoe UI,Verdana,sans-serif;font-size:13px;border:1.5px solid var(--bar-border);background-color:var(--bar-bg);color:var(--bar-text);box-shadow:var(--bar-shadow);font-weight:500;white-space:nowrap;flex-wrap:nowrap;transition:box-shadow .2s,background .2s,color .2s,border .2s;letter-spacing:.01em;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.bar:hover,.bar:focus{cursor:pointer;box-shadow:var(--bar-hover-shadow);background:var(--bar-hover-bg);color:var(--bar-hover-border);border-color:var(--bar-hover-border);outline:none}.time-slot{flex:0 0 auto;font-size:13px;text-align:center;display:flex;align-items:center;justify-content:center;white-space:nowrap;flex-wrap:nowrap;background-color:var(--slot-bg);height:28px;border-radius:5px;padding:5px;color:var(--slot-text);border:1px solid var(--slot-border);font-weight:500;margin-bottom:2px;transition:background .2s,color .2s,border .2s}.time-slot:hover,.time-slot:focus{background-color:var(--bar-hover-border);color:#fff;border-color:var(--bar-hover-border);outline:none}.time-slots-transformed{opacity:var(--timeslots-transformed-opacity)}.time-grid{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:row;z-index:0}.time-grid-line{flex:1;border-right:var(--grid-line-width) var(--grid-line-style) var(--grid-line-color);background:var(--grid-background);transition:background .2s,border-color .2s}.time-grid-line:last-child{border-right:none}.time-grid-line:hover{background:var(--grid-hover-color);border-color:var(--grid-line-color)}.horizontal-grid{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;z-index:0;pointer-events:none}.horizontal-grid-line{flex:1}.horizontal-grid-line:last-child{border-bottom:none}.timeline-chart-scroll-container{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}.timeline-chart-scroll-container::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.timeline-chart-scroll-container::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:var(--scrollbar-border-radius);margin:2px}.timeline-chart-scroll-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-border-radius);transition:background .2s ease-in-out}.timeline-chart-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}.timeline-chart-scroll-container::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active-color)}.timeline-chart-scroll-container::-webkit-scrollbar-corner{background:var(--scrollbar-track-color)}.time-bars{display:flex;flex-direction:column;justify-content:space-evenly;position:relative;z-index:1}.timeline-bar-container{display:flex;align-items:center;background:linear-gradient(to bottom,transparent,var(--horizontal-grid-line-color))}.timeline-bar-container:hover{background:#283c5a2e}.timeline-row-container{display:flex;align-items:center;background:linear-gradient(to bottom,transparent,var(--horizontal-grid-line-color));position:relative;width:100%}.timeline-row-container:hover{background:#283c5a2e}.timeline-row-prefix{position:absolute;left:0;top:0;z-index:1;pointer-events:none}.timeline-row-suffix{position:absolute;right:0;top:0;height:100%;white-space:nowrap;flex-shrink:0;z-index:1;pointer-events:none}.bar{margin-top:4px;margin-bottom:4px}#root{width:100%;margin:0;padding:0;display:flex;flex-direction:column}body{background-color:#000;height:100%;margin:0}.app{display:flex;flex-direction:column;width:100%;height:100%;transition:background-color .3s ease;margin:0;padding:0;font-size:.9rem}header{padding:1rem 2rem;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;align-items:center}header h1{margin:0}.controls{display:flex;gap:1rem;align-items:center}.chart-type-selector{display:flex;gap:.5rem}button{padding:.6rem 1.2rem;border-radius:4px;border:none;background-color:#4e79a7;color:#fff;cursor:pointer;font-size:.9rem}button:hover{background-color:#3d6391}button.active{background-color:#f28e2c}main{flex:1;display:flex;flex-direction:column;padding:2rem;gap:2rem}.chart-container{flex:1;display:inline-flex;flex-direction:column;gap:1rem;align-items:center}.code-example{border-radius:8px;padding:1rem;background-color:#0000001a}pre{text-align:left;overflow-x:auto;white-space:pre-wrap;font-size:.8rem;padding:1rem;background-color:#0000000d;border-radius:4px}.timeline-row-container.houses{background:#fff!important}.timeline-row-container.houses .bar{background:linear-gradient(#ffffffff 0%,#ffffffff 90%,var(--slot-color) 100%)!important;border:0px solid var(--slot-color)!important;color:#000!important;border-radius:0!important;margin-bottom:20px}.historic-event{background:#fff!important;border-left:2px solid var(--slot-color)!important;border-right:#3d6391 2px solid var(--slot-color)!important;color:#000!important;border-radius:0!important;margin-bottom:20px}.historic-event .bar{border:0px solid var(--slot-color)!important;border-bottom:3px solid var(--slot-color)!important;border-radius:0!important;background-color:unset!important;background:#fff!important;color:#000!important;height:20px;font-size:16px;box-shadow:unset!important}