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