:root{--app-topbar-height:64px;--app-sidebar-width:260px;--app-content-max-width:1440px;--app-primary:#0063cc;--app-primary-light:#e7f1ff;--app-success:#3bb077;--app-border:#e4e7ec;--app-background:#f6f8fb;--app-card-shadow:0 8px 24px rgba(33,36,41,.08)}body,html{padding:0;margin:0;min-height:100%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:var(--app-background);color:#212429;font-family:Poppins,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.zoomSlider{position:absolute;padding:0;opacity:.75;z-index:99;width:125px;height:25px;top:0;left:0}.zoomButton{text-align:center;margin:0;transition:opacity .2s}.zoomButton,.zoomRangeContainer{display:inline-block;vertical-align:top;padding:0}.zoomRangeInput{margin:0;padding:0;outline:none;transition:opacity .2s;background:transparent;-webkit-appearance:none}.zoomRangeInput::-webkit-slider-runnable-track{box-sizing:border-box;border:none;width:100%;height:3px;background:#ccc}.zoomRangeInput::-moz-range-track{box-sizing:border-box;border:none;width:100%;height:3px;background:#ccc}.zoomRangeInput::-ms-track{box-sizing:border-box;border:none;width:100%;height:3px;background:#ccc;color:transparent}.zoomRangeInput::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-3.33px;box-sizing:border-box;border:none;width:10px;height:10px;border-radius:50%;background:#444}.zoomRangeInput::-moz-range-thumb{box-sizing:border-box;border:none;width:10px;height:10px;border-radius:50%;background:#444}.zoomRangeInput::-ms-thumb{margin-top:0;box-sizing:border-box;border:none;width:10px;height:10px;border-radius:50%;background:#444}.zoomRangeInput::-ms-fill-lower,.zoomRangeInput::-ms-fill-upper,.zoomRangeInput::-ms-tooltip{display:none}.diagramComponent{width:100%;height:80vh;border:1px solid #000;background-color:#fff}