main{display:flex;flex-wrap:wrap}#side-bar-menu{background-color:var(--main-bg-color-light);border-right:2px solid #ddd;width:5%;height:100vh;display:flex;flex-direction:column;align-items:center;z-index:1}.icon{height:40px;width:40px;margin-top:10px}#cnv-container{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;flex-grow:1;transition:all 1s;overflow:hidden}#show-info{position:absolute;top:20px;left:20px;display:flex;justify-content:center;align-items:center;background-color:var(--main-bg-color-light);width:40px;height:40px;cursor:pointer;border-radius:50%;box-shadow:0 5px 10px #0000001a}#show-info-icon{width:100%;height:100%}main.dark{background-color:#111}#side-bar-menu.dark{background-color:var(--main-bg-color-dark);border-right:2px solid #333}#side-bar-menu.dark .icon{color:#666}#show-info.dark{background-color:var(--main-bg-color-dark);color:#888}#side-bar{background-color:var(--main-bg-color-light);width:30%;height:100vh;display:flex;justify-content:center;border-radius:0 10px 10px 0;box-shadow:5px 0 20px #0000001a}#params-form{margin-top:50px;width:80%;display:flex;flex-direction:column;align-items:center}.range-inp-container{display:flex;justify-content:space-between;align-items:center}.range-inp-container>input[type=range]{width:80%}.range-txt-inp{width:50px;text-align:right}.radio-container{display:flex;align-items:center}.radio-container>label{cursor:pointer;color:#555}#side-bar.dark{background-color:var(--main-bg-color-dark);color:#fff}.form-field-lbl.dark{color:#ccc}.form-field{width:100%;display:flex;flex-direction:column;gap:5px}.form-field:not(:first-child){margin-top:15px}.form-field-lbl{margin-left:10px;font-weight:500}.des-span{margin-left:10px;font-size:.7rem;color:#555}#info-modal{position:absolute;left:20px;top:20px;background-color:var(--main-bg-color-light);padding:15px;width:230px;border-radius:5px;box-shadow:0 5px 10px #0000001a}.aprox-area-container{display:flex;flex-direction:column}.info-span{margin-left:0;color:#555}.sum-info-container{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}.small-icon{width:25px;height:25px}.close-info-icon{position:absolute;right:5px;top:5px}#info-modal.dark{background-color:var(--main-bg-color-dark);color:#fff}.info-span.dark{color:#ccc}#controls-modal{position:absolute;bottom:15px;right:15px;display:flex;flex-direction:column;gap:10px}.controls-button{background-color:var(--main-bg-color-light);display:flex;justify-content:center;align-items:center;width:35px;height:35px;padding:5px;border-radius:5px;border:none;cursor:pointer;box-shadow:5px 0 20px #0000001a}.controls-icon{width:100%;height:100%}.controls-button.dark{background-color:var(--main-bg-color-dark);color:#ccc}#cnv{position:absolute;cursor:move;transition:all .3s}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#efefef;font-size:.9rem}:root{--main-color: #3F7AD8;--main-bg-color-light: #fff;--main-bg-color-dark: #171717}.mouse-ptr{cursor:pointer}input:focus{outline:0}input[type=range]{all:unset}input[type=text]{font-size:.9rem;transition:all .05s}input[type=text]:focus{outline:rgba(63,122,216,.3) 3px solid}.txt-inp{border:1px solid #999;border-radius:5px;padding:7px 10px}input[type=range]{width:100%;height:4px;background-color:#888;border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:8px;background-color:var(--main-color);cursor:pointer}input[type=range]::-webkit-slider-thumb:active{outline:rgba(63,122,216,.3) 3px solid}.section-name{font-weight:500;margin-bottom:0;margin-top:25px}.no-mg-top{margin-top:0}.primary-button{padding:15px;width:70%;margin:20px auto auto;font-weight:500;color:#fff;background-color:var(--main-color);border-radius:5px;border:none;cursor:pointer}.txt-inp.dark{color:#ddd;background-color:#111;border:1px solid #333}.txt-inp.dark::placeholder{color:#999}input[type=range].dark{background-color:#333}