:root{--color-bg-off: #f2f2f2;--color-bg-focus: white}body,html,div,aside,p,li,ul,ol{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:5px 0;padding:0}body,html{margin:0;padding:0;width:100%;height:100%}#root,#canvas-container{width:100%;height:100%}.content{display:flex;gap:10px;height:100%;width:100%;background-color:var(--color-bg-off)}#sidebar{width:350px;flex:none;display:flex;flex-direction:column;gap:20px;padding:20px;height:100%;overflow-y:auto}#canvas-container{background-color:var(--color-bg-focus)}.sidebar-nav{display:flex;width:100%;gap:10px;justify-content:space-between}.button{cursor:pointer}.button-page{color:#606060;border-bottom:5px solid #c0c0c0;height:40px;line-height:40px;width:100%;display:block;text-align:center}.button-page:hover{color:#606060}.button-page-active{font-weight:700;border-color:green;color:#000}.apartment-label{white-space:pre;pointer-events:none}.bar-chart{display:flex;gap:10px;width:100%}.bar-item{width:40px;display:flex;justify-content:end;flex-direction:column-reverse;gap:0}.bar-value{background-color:#a0a0a0}.bar-value-green{background-color:green}.floating-metrics{position:fixed;width:200px;top:80px;right:40px}.metrics{display:flex;flex-direction:column;width:100%}.metrics-line{display:flex}.metrics-key{display:inline-block;width:100px;margin:0}.metrics-value{display:block;width:100%;text-align:right;margin:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}