:root{--sidebar-card-count:0}.demo-page__main-dashboard{grid-template-rows:repeat(3,minmax(250px,1fr));grid-template-columns:repeat(5,minmax(220px,1fr));grid-auto-rows:minmax(250px,1fr);grid-auto-flow:dense;gap:.7rem;width:100%;padding-bottom:.5rem;padding-right:.5rem;display:grid;position:absolute;inset:0;overflow-y:auto}.demo-page__main-dashboard dashboard-card[size=large]{grid-area:span 2/span 2}.demo-page__main-dashboard dashboard-card[size=horizontal]{grid-area:span 1/span 2}.demo-page__main-dashboard dashboard-card[size=vertical]{grid-area:span 2/span 1}.demo-page__main-dashboard .graph-component,.demo-page__main-dashboard #timeline-slider-component{width:100%;height:100%;position:relative}.demo-page__main-dashboard .node-selection{stroke:var(--lightningcss-light,var(--color-highlight-pink))var(--lightningcss-dark,var(--color-highlight-gold));stroke-width:4px;stroke-linejoin:round;fill:none}.demo-page__main-dashboard.has-expanded-card{flex-direction:row;gap:.7rem;overflow:hidden;display:flex!important}.demo-page__main-dashboard.is-reorganizing *{transition:none!important}.demo-page__main-dashboard.has-expanded-card dashboard-card[expanded]{opacity:1;flex:1 1 0;min-width:0;min-height:0}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-left,.demo-page__main-dashboard.has-expanded-card .cards-sidebar-right{flex-direction:column;flex:0 0 20%;align-content:start;gap:.7rem;min-width:0;display:flex;overflow-y:auto}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-left dashboard-card,.demo-page__main-dashboard.has-expanded-card .cards-sidebar-right dashboard-card{width:100%;height:clamp(180px, calc((100vh - 2rem) / var(--sidebar-card-count,4)), 350px);opacity:.8;cursor:pointer;flex:none;min-width:0;min-height:0;overflow:hidden;transition:opacity .2s ease-in-out!important}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-left dashboard-card:hover,.demo-page__main-dashboard.has-expanded-card .cards-sidebar-right dashboard-card:hover{opacity:1}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-left dashboard-card#description-card,.demo-page__main-dashboard.has-expanded-card .cards-sidebar-right dashboard-card#description-card{flex-shrink:0;height:auto;max-height:200px}@supports not selector(::-webkit-scrollbar){.demo-page__main-dashboard.has-expanded-card .cards-sidebar-left,.demo-page__main-dashboard.has-expanded-card .cards-sidebar-right{scrollbar-width:thin}}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-left::-webkit-scrollbar{width:6px;height:6px}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-right::-webkit-scrollbar{width:6px;height:6px}@media (pointer:coarse){.demo-page__main-dashboard.has-expanded-card .cards-sidebar-left::-webkit-scrollbar{width:3px;height:3px}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-right::-webkit-scrollbar{width:3px;height:3px}}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-left::-webkit-scrollbar-track{background-color:#0000}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-right::-webkit-scrollbar-track{background-color:#0000}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-left::-webkit-scrollbar-thumb{background-color:#0000;border-radius:6px}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-right::-webkit-scrollbar-thumb{background-color:#0000;border-radius:6px}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-left:hover::-webkit-scrollbar-thumb{background-color:rgb(from var(--scrollbar-bg) r g b / .6)}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-right:hover::-webkit-scrollbar-thumb{background-color:rgb(from var(--scrollbar-bg) r g b / .6)}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-left:hover::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-bg)}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-right:hover::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-bg)}@media (max-width:1500px){.demo-page__main-dashboard{grid-template-rows:repeat(auto-fill,minmax(350px,1fr));grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width:1300px){.demo-page__main-dashboard.has-expanded-card{flex-direction:column;overflow:auto}.demo-page__main-dashboard.has-expanded-card .cards-sidebar-left,.demo-page__main-dashboard.has-expanded-card .cards-sidebar-right{display:none!important}.demo-page__main-dashboard.has-expanded-card dashboard-card[expanded]{opacity:1;z-index:10000;width:100%;min-width:100%;height:100%;min-height:100%;position:absolute;inset:0}.demo-page__main-dashboard.has-expanded-card dashboard-card:not([expanded]){display:none!important}}@media (max-width:700px){.demo-page__main-dashboard{flex-direction:column;padding:.5rem;display:flex}.demo-page__main-dashboard dashboard-card{min-height:350px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes expand{0%{opacity:0;transform:translate(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.description-panel{display:none}@media (max-width:700px){.description-panel.description-panel-visible{display:block}}.description-panel-visible .description-panel,.description-panel-hidden button.expand-description-panel{display:none}#description-card [slot=content]{font-size:var(--body-font-size);color:var(--description-text);padding-top:.5rem}#description-card [slot=content] h1{color:var(--description-heading1);margin:1.2rem 0}#description-card [slot=content] h2{color:var(--description-heading);margin:1rem 0}#description-card [slot=content] h3,#description-card [slot=content] p,#description-card [slot=content] dl,#description-card [slot=content] ul{margin:1rem 0}#description-card [slot=content] ul,#description-card [slot=content] ol{padding-left:1.3em}#description-card [slot=content] li{margin:.5rem 0}#description-card [slot=content] p a,#description-card [slot=content] dl a,#description-card [slot=content] ul a{color:inherit;border-bottom:.5px solid;text-decoration:none}#description-card [slot=content] p a:hover,#description-card [slot=content] dl a:hover,#description-card [slot=content] ul a:hover{border-bottom:2px solid}#examples-button{anchor-name:--examples-button}#examples-popover{position-anchor:--examples-button;position-area:right;align-self:anchor-center;inset:unset;margin-left:8px}#examples-popover .examples-container{cursor:pointer;flex-direction:column;gap:10px;display:flex}#examples-popover .examples-container .example{border-radius:var(--border-radius);padding:5px 20px}#examples-popover .examples-container .example.selected{font-weight:600}#examples-popover .examples-container .example:hover{background-color:var(--color-bg-hover)}.visible-splash{z-index:1001}