.demo-content__components{flex-direction:column;flex:1;gap:8px;height:100%;display:flex;position:relative}#timeline-component{background-color:#f3f4f6;width:100%;height:250px}a,a:hover,a:visited{text-decoration:none}.event-details-section{margin:0;padding:5px}.event-title{margin-left:10px;font-size:1.25rem}.event-avatar{filter:grayscale();border:2px solid #4d4f54;border-radius:50%;width:3.125rem}#component-background{opacity:0;pointer-events:none;background-color:#000;width:100%;height:100%;transition:opacity .3s ease-in-out;position:absolute;bottom:0}.centric-circle{fill:#61859d1a;stroke:#61859dcc}.progress-row{align-items:center;gap:8px;display:flex}.progress{background-color:#6dcae6cc;border:1px solid #00d8ff;border-radius:10px;flex:auto;min-width:0;height:12px}.progress-bar{background-color:#e57373;border-radius:10px;height:100%}.progress-percent{white-space:nowrap;text-align:right;flex:none;min-width:3ch}.full-grid-width{grid-column:1/-1}.properties-view-header{align-items:center;margin-block-start:0;padding:10px 0 10px 10px;display:flex}.indented-text{margin-left:25px}.event-description{margin:0 25px;font-size:.9rem}.yfiles-tooltip{color:#00d8ff;background-color:#70757d;border:none;border-radius:10px;padding:10px;display:block;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.graph-tooltip .title{align-items:center;max-width:250px;font-size:1.2rem;display:flex}.graph-tooltip .title img{filter:grayscale();border:2px solid #00d8ff;border-radius:50%;flex:0 0 50px;width:3.125rem;height:3.125rem;margin-right:10px}.graph-tooltip .data-rows{margin:10px 0}.graph-tooltip .data-rows div{color:#fffc;margin:5px 0;font-size:.85rem}.graph-tooltip .progress{margin-left:0}.edge-tooltip{flex:none;align-items:center;padding:10px;display:flex}.edge-tooltip .link-icon{margin:0 40px;font-size:50px}.graph-mode-button.selected{color:#2a3e50;background-color:#aec3d5}.button-title-container{align-items:center;display:flex}.description-panel button{appearance:none;color:inherit;cursor:pointer;background-color:#0000;border:1px solid;border-radius:100px;outline:none;padding:.5rem 1.3rem;transition:box-shadow .2s}.description-panel .graph-mode-button{background-position:.75rem;background-repeat:no-repeat;align-items:center;width:100%;display:inline-flex}span.material-symbols-outlined{padding-right:.5rem}.event-details-title{font-size:1.2rem}.demo-properties__settings{grid-template-columns:auto auto;align-items:center;gap:5px;margin:5px;display:grid}.badge-icon{color:#fff;cursor:default;background-color:#00d8ff;width:20px;height:20px;font-size:20px!important}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:100;src:url(./material-symbols-outlined-latin-100-normal-o86Ygvvx.woff2)format("woff2"),url(./material-symbols-outlined-latin-100-normal-CF8cUEB-.woff)format("woff")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:200;src:url(./material-symbols-outlined-latin-200-normal-NM4AEBGr.woff2)format("woff2"),url(./material-symbols-outlined-latin-200-normal-BRKr0xjv.woff)format("woff")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:300;src:url(./material-symbols-outlined-latin-300-normal-BpwPwDl9.woff2)format("woff2"),url(./material-symbols-outlined-latin-300-normal-Bm2rpWmE.woff)format("woff")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:400;src:url(./material-symbols-outlined-latin-400-normal-CKkY-kaJ.woff2)format("woff2"),url(./material-symbols-outlined-latin-400-normal-Bv4aFskx.woff)format("woff")}.timeline-component{position:relative}.timeline-component .timeline-toolbar{z-index:10;align-items:center;display:flex;position:absolute;top:0}.timeline-component .timeline-button{color:#2a3e50;opacity:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;background-color:#0000;border:none;border-radius:99px;width:36px;height:36px;font-family:Material Symbols Outlined,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.timeline-component .timeline-button:disabled{opacity:.5}.timeline-component .timeline-button:hover{cursor:pointer;color:#2a3e50;background-color:#aec3d5;border:none}.timeline-component .timeline-button:focus{outline:none}.timeline-component .timeline-button:disabled{opacity:.5;cursor:not-allowed}.timeline-component .yfiles-tooltip{color:#0e0e28;background-color:#fff;border:none;border-radius:8px;padding:12px 16px;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:14px;line-height:20px;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.timeline-component .yfiles-tooltip h3{margin:0 0 4px;font-size:14px}