body {
  font-family: sans-serif;
  margin: auto;
  position: relative;
  width: 96rem; }

html {
  font-size: 62.5%;
  box-sizing: border-box; }

form {
  position: absolute;
  bottom: 10px;
  right: 10px; }

.hide {
  display: none; }

.coeff .dot {
  fill: rgba(25, 73, 112, 0.2); }

.coeff.last .dot {
  fill: #194970; }

.coeff .circle {
  fill: none;
  stroke: #b3b3b3; }

.coeff.first .circle {
  fill: none;
  stroke: #4d4d4d; }

.coeff.last .circle {
  display: none; }

.graph {
  fill: none;
  stroke: steelblue;
  stroke-width: 3px; }

.trace {
  fill: none;
  stroke: steelblue; }

.proj {
  fill: none;
  stroke: #000; }

.axis {
  stroke: #b3b3b3; }

.selector {
  width: 10rem;
  height: 4rem;
  border-radius: 2rem;
  font-family: inherit;
  text-align: center;
  font-size: 2rem;
  border: none;
  background-color: aqua;
  color: black;
  margin-right: 2rem; }

.numin {
  width: min-content;
  height: 4rem;
  border-radius: 1rem;
  font-family: inherit;
  text-align: center;
  font-size: 2rem;
  border: none;
  background-color: aquamarine;
  color: black;
  margin-right: 2rem; }

.bar {
  width: 20rem; }

.hedieh {
  color: #194970; }