#root{font-family:Quicksand,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}h1{margin-left:2em}ui5-input[type=Number]{width:100px;min-width:100px}.center{display:flex;justify-content:center;align-items:center}.pad-10{padding:10px}.wrapper{max-width:100%;margin:0 auto}.wrapper>div{border:2px solid rgb(233 171 88);border-radius:10px;padding:1em;color:#d9480f}.wrapper{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;grid-auto-rows:minmax(100px,auto)}.scala{grid-column:3/5;grid-row:1}.jvm{grid-column:2 / 4;grid-row:2 / 3}.js{grid-column:4 / 6;grid-row:2 / 3}.shared{grid-column:3 / 5;grid-row:3/5}.server{grid-column:2;grid-row:3/5}.client{grid-column:5;grid-row:3/5}.srf-form{border:1px solid rgb(139,139,130);border-radius:10px;background-color:#f0f0f0;margin:1em;padding:1em}.srf-field{background-color:#f0f0f079}.srf-panel{border:1px solid rgb(139,139,130);border-radius:10px;margin:1em}.srf-form:has(.srf-invalid){border:1px solid red}.srf-invalid{border:1px solid red}.scene-container{display:flex;flex-direction:row;width:100%}.canvas-container{flex:1}.places-sidebar{width:200px;padding:10px;background-color:#f5f5f5;margin-right:10px;border-radius:5px;overflow-y:auto;max-height:80vh}.place-item{margin-bottom:8px;display:flex;align-items:center}.place-item label{margin-left:5px;cursor:pointer}.demo{float:left;margin:5px;padding:1em}