:root{--bs-body-font-family:"Liberation Sans", Arial, sans-serif!important}body{margin:.5em}#valuesTable{table-layout:fixed;border:1px solid #000;width:100%;margin-top:1em}#valuesTable tbody tr[role=valueRow]:not(:first-child){height:.85em}#chartPane{justify-content:center;padding-bottom:6px;display:flex}#radarChart svg{width:clamp(240px,42svh,92vw);height:auto}@media (height>=500px){#chartPane{z-index:10;background:#fff;position:sticky;top:0}}#chartPane.keyboard-open{z-index:10;background:#fff;position:sticky;top:0}#chartPane.keyboard-open svg{width:var(--chart-width-without-keyboard)}.driveSideColor{background:#72c5ff}.nonDriveSideColor{background:#ff7f0e}.bordered{border:1px solid #000}.controls{flex-wrap:wrap;align-items:center;gap:.5em 1em;display:flex}.controls select{min-height:44px}input.readInput{width:100%;min-height:40px;font-size:16px}.tension-value{text-align:right;min-width:4ch;display:inline-block}.github-fork-ribbon{display:none}@media (width>=576px){.github-fork-ribbon{display:block}}@media (width>=768px){body{margin:1em}#valuesAndChart{flex-direction:row-reverse;justify-content:flex-end;align-items:center;display:flex}#chartPane,#tablePane{padding:1px}#chartPane{display:block;position:static}#radarChart svg{width:800px}#valuesTable{width:auto;margin-right:20px}.controls{display:block}.controls select{min-height:0}input.readInput{width:3em;min-height:0;font-size:18px}}
