#root{width:100%;height:100%;margin:0 auto}.role-visualiser{width:95%;height:1000px;margin:0 auto;display:flex;flex-direction:column}.controls-container{margin-bottom:20px;padding:16px;border-radius:8px;flex-shrink:0}.controls-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:50px;align-items:center}.control-group{display:flex;flex-direction:column;gap:6px}.control-label{font-size:12px;font-weight:500;color:var(--text-color, #ccc);text-transform:uppercase;letter-spacing:.5px}.select-container select{width:100%;padding:8px 12px;border-radius:4px;font-size:14px;border-color:var(--border-color, #252525);color:var(--text-color, #ffffff);background-color:transparent;transition:border-color .2s ease;cursor:pointer}.select-container select:focus{outline:none;border-color:gold}.select-container select option{color:#a4a4a4}.switch-container{margin-top:13px}.switch-label{font-size:12px;margin-left:10px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.9px}.switch-container .MuiSwitch-root{width:50px;height:24px;padding:0}.switch-container .MuiSwitch-switchBase{padding:2px;color:#666}.switch-container .MuiSwitch-switchBase.Mui-checked{color:gold}.switch-container .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#ffd7004d}.switch-container .MuiSwitch-track{background-color:#555;border-radius:12px}.chart-container{flex:1;min-height:0;overflow-y:auto;border-radius:8px;padding:12px;scrollbar-width:none;-ms-overflow-style:none}.chart-container::-webkit-scrollbar{display:none}@media (max-width: 768px){.role-visualiser{width:95%;height:auto;min-height:600px}.controls-grid{grid-template-columns:1fr;gap:12px}}.ReactVirtualized__Table__headerRow{font-weight:700;text-transform:uppercase;display:flex;flex-direction:row;align-items:center}.ReactVirtualized__Table__row{display:flex;flex-direction:row;align-items:center}.ReactVirtualized__Table__headerTruncatedText{display:inline-block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ReactVirtualized__Table__headerColumn,.ReactVirtualized__Table__rowColumn{margin-right:10px;min-width:0px}.ReactVirtualized__Table__rowColumn{text-overflow:ellipsis;white-space:nowrap}.ReactVirtualized__Table__headerColumn:first-of-type,.ReactVirtualized__Table__rowColumn:first-of-type{margin-left:10px}.ReactVirtualized__Table__sortableHeaderColumn{cursor:pointer}.ReactVirtualized__Table__sortableHeaderIconContainer{display:flex;align-items:center}.ReactVirtualized__Table__sortableHeaderIcon{flex:0 0 24px;height:1em;width:1em;fill:currentColor}:root{font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{height:100%}a{font-weight:500;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px}h1{font-size:3.2em;line-height:1.1}@keyframes clippath{0%,to{clip-path:inset(0 0 0 98%)}25%{clip-path:inset(95% 0 0 0)}50%{clip-path:inset(0 95% 0 0)}75%{clip-path:inset(0 0 98% 0)}}