:root{--main-color: #007936;--light-color: #00ac4d;--dark-color: #005425;--main-color-semi: rgba(0, 121, 54, .5);--light-color-semi: rgba(0, 172, 77, .5);--dark-color-semi: rgba(0, 84, 37, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh}header{width:100%;background-color:#007936;color:#fff;padding:10px 20px;text-align:center;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}h2{margin-bottom:20px}.logo{margin-right:10px}.title{text-align:center;flex-grow:1}main{margin-left:170px;padding:10px;flex:1;overflow-y:scroll}.layout-wrapper{display:flex;flex-direction:column;height:100vh}div>.MuiToolbar-root{display:flex;flex-direction:column;position:fixed;left:0;width:150px;padding:20px;height:100%;overflow-y:auto;overflow-x:hidden;background-color:#00ac4d;color:#fff}a{color:#fff;text-decoration:none}.form{margin:20px}.spider{width:100%}.spiderblock{margin:20px;display:flex;flex-direction:column;align-items:center}.quadrantTitles{display:flex;flex-direction:row;justify-content:space-between;width:100%}.dreyfusmodel{width:80%;max-width:500px}.outerBox{width:100%}.innerBox{display:box;justify-content:center;align-items:center;text-align:center;width:1200px}.radar-legend{position:relative;top:-550px;left:-250px;width:250px;max-height:400px;border:1px solid #ddd;background-color:#fff;padding:20px;border-radius:5px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 5px #0000001a;overflow:scroll}.radar-legend-label{display:inline-block;width:14px;height:14px;border-radius:50%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#fff;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--light-color-semi);opacity:100;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--main-color-semi)}@-moz-document url-prefix(){*{scrollbar-width:auto;scrollbar-color:var(--light-color-semi) white}}