|
*{box-sizing:border-box;padding:0;margin:0;font-family:sans-serif}html,body{height:100%}body{padding:16px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center}#controls{display:flex;padding:1rem;gap:1rem}#controls>div{text-align:center}h1,h4{text-align:center}h4{margin-top:.5rem}#status{min-height:16px;margin:8px 0}button{transition:all .25s;background:#282c340d;border:1px solid transparent;border-radius:6px;color:#3080d0;text-decoration:none!important;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:disabled{background:#282c341a;color:#a0a0a0;cursor:not-allowed}button:hover{background:#282c341a}p{text-align:center;font-size:12px;max-width:600px;padding:8px}#chart-container{position:relative;height:60vh;width:min(90vw,800px);padding-right:50px} |
