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