#root{margin:0 auto;text-align:center;height:100vh}.header{height:80px;display:flex;align-items:center;justify-content:center}.chart-input{margin-left:40px}.chart-select{margin-left:40px;margin-top:-20px}.chart-select select{height:40px;border:1px solid rgb(65,65,255);border-radius:6px;padding:6px 0 6px 12px;font-size:18px;outline:none}.upload-file{display:flex;justify-content:center;flex-direction:column;align-items:center}.header p{margin-top:2px;line-height:18px;font-family:Arial,Helvetica,sans-serif}p.error{color:red}.upload-file label{padding:10px 16px;background-color:#4141ff;border-radius:8px;display:block;color:#fff;cursor:pointer;height:40px}.upload-file label:hover{background-color:#1d1dff}.upload-file label input{display:none}.line-chart-wrapper{max-width:90%;width:100%;max-height:calc(100% - 120px);height:100%;margin:30px auto}.line-chart{position:relative}.x.axis .tick line{opacity:0}.y.axis .tick line{stroke-width:.5px}.line-chart text{font-size:10px}.image-chart{display:flex;align-items:flex-start;justify-content:center}.image-axis{position:absolute;transform:translate(-15px,-15px);width:70px;height:30px;background-color:#00000005;color:#2f2;font-size:25px;font-weight:700;padding-left:25px;text-align:center;border-radius:4px;-webkit-user-select:none;user-select:none}.image-axis:after{position:absolute;content:"";width:10px;height:10px;border-radius:50%;background-color:#2f2;left:10px;top:50%;transform:translateY(-50%)}button{padding:10px 16px;background-color:#4141ff;border-radius:8px;display:block;color:#fff;cursor:pointer;height:40px}.header button{margin-left:10px}.image-chart-page .chart-input{margin-top:-20px}.image-chart.pick-color{cursor:crosshair}.picked-color{background-color:#4141ff;margin-left:15px;height:40px;border-radius:10px;display:flex;padding:0 10px;align-items:center}.picked-color button svg{width:25px;height:25px;fill:#fff}.picked-color button svg.active{fill:red}.picked-color button{margin:0 10px 0 0;padding:10px}.picked-color select{margin-right:10px}textarea{height:250px;width:480px;resize:none;padding:0 8px}.script-data-chart{height:100vh;width:100%}.image-zoom{border:1px solid black;margin-left:30px}h4{font-size:30px;font-family:Arial}*{padding:0;margin:0;box-sizing:border-box}button{border:0}input{height:40px;border:1px solid rgb(65,65,255);border-radius:6px;padding:6px 0 6px 12px;font-size:18px;outline:none}input:hover{border-color:#1d1dff}