.render-tracker-demo{flex-flow:wrap;justify-content:center;gap:1rem;display:flex}.state-changer,.state-displayer,.some-unrelated-component,.foo-component,.some-parent-component{border:1px dotted #000;flex-flow:column;padding:.5em;display:flex}:is(.state-changer,.state-displayer,.some-unrelated-component,.foo-component,.some-parent-component).double-wide{width:300px}:is(.state-changer,.state-displayer,.some-unrelated-component,.foo-component,.some-parent-component) .left-right{flex-flow:row;gap:1em;display:flex}:is(.state-changer,.state-displayer,.some-unrelated-component,.foo-component,.some-parent-component) .left-right>*{border:1px solid #fff;flex:50%}.render-tracker{background-color:var(--color-info-secondary);flex-flow:column;width:100px;height:100px;display:flex}.render-tracker strong{margin:0;font-size:.5em;display:block}.render-tracker .mount-value{margin:0;font-size:.5em}.render-tracker .tracking-dot-container{border:1px dashed gray;flex:1 0 auto;margin:.25em;position:relative}.global-render-button{margin:.5em .5em .5em auto;display:block}.render-tracking-dot{background-color:red;border-radius:10px;width:10px;height:10px;position:absolute}.color-display{width:50px;height:50px}main{flex-flow:column;justify-content:center;align-items:flex-start;width:800px;margin:0 auto;display:flex}details{margin:1em}.side-by-side{flex-flow:wrap;justify-content:space-around;gap:1em;display:flex}.side-by-side>*{flex:0 0 250px}