.diagram-component{background-color:#fff;border:1px solid #000;height:calc(100vh - 175px);width:100%}.diagram-component_dark{background-color:#303030}.zoomSlider{height:25px;left:0;opacity:.75;padding:0;position:absolute;top:0;width:125px;z-index:99}.zoomButton{text-align:center;transition:opacity .2s}.zoomButton,.zoomRangeContainer{display:inline-block;padding:0;vertical-align:top}.zoomRangeInput{-webkit-appearance:none;background:transparent;margin:0;outline:none;padding:0;transition:opacity .2s}.zoomRangeInput::-webkit-slider-runnable-track{background:#ccc;border:none;box-sizing:border-box;height:3px;width:100%}.zoomRangeInput::-moz-range-track{background:#ccc;border:none;box-sizing:border-box;height:3px;width:100%}.zoomRangeInput::-ms-track{background:#ccc;border:none;box-sizing:border-box;color:transparent;height:3px;width:100%}.zoomRangeInput::-webkit-slider-thumb{-webkit-appearance:none;background:#444;border:none;border-radius:50%;box-sizing:border-box;height:10px;margin-top:-3.33px;width:10px}.zoomRangeInput::-moz-range-thumb{background:#444;border:none;border-radius:50%;box-sizing:border-box;height:10px;width:10px}.zoomRangeInput::-ms-thumb{background:#444;border:none;border-radius:50%;box-sizing:border-box;height:10px;margin-top:0;width:10px}.zoomRangeInput::-ms-fill-lower,.zoomRangeInput::-ms-fill-upper,.zoomRangeInput::-ms-tooltip{display:none}