.calc{
  font-family:Helvetica,Courier New,Consolas,SF Mono,DejaVu Sans Mono,Roboto Mono,monospace;
}
.calc-1,
.calc-2,
.calc-3{
  margin:0 0 20px;
}
.calc-1{

}
.calc-2{
  display: grid;
  gap: 10px;
  grid-auto-rows: min-content;
  width: max-content;
  margin: 0 auto 20px;
}
.calc-3{
  display:inline-block;
  text-align:center;
  margin-left:-5px;
}
.calc-1-svg{
  width:100px;
}
.calc-2-svg{
  /*r 18.6*/
  /*kof0.7 font-size:14 / 7.7*/
  width:74px;
/*  #645faa
#00a651
#fff200
#ed1c24*/
}
.calc-3-svg{
  width:88.06px;
  margin: 5px;
  vertical-align: top;
}
.calc-st{
  stroke: #231f20;
}
.calc-st__1{
  stroke-width:1;
}
.calc-st__2{
  stroke-width:2;        
}
.calc-st__0{
  stroke-width:.5;
}
.calc-triangle{
  stroke-linejoin: bevel;
}

.calc-bg1{
  fill:#fff200;
  fill:#645faa;
  opacity:.83;
}
.calc-bg2{
  fill:#ed1c24;
  fill:#00a651;
  opacity:.17;
}
.calc-bg3{
  /*fill:none;*/
  fill:#fff200;
  opacity:.83;
}
.calc-bg4{
  /*fill:none;*/
  fill:#ed1c24;
  opacity:.17;
}
.calc-txt1-1-1{
  font-size:11px;
  text-anchor:start;
}
.calc-txt1-1-2{
  font-size:11px;
  text-anchor:end;
}
.calc-txt1-2-1{
  text-anchor:middle;
  alignment-baseline:middle;              
  font-size:20px;
  /*font-weight:700;*/
}
.calc-txt1-n{
  text-anchor:middle;
  alignment-baseline:middle;      
  font-size:11px;
  /*font-weight:700;*/
}

.calc-txt2-1-1,
.calc-txt2-2-1,
.calc-txt2-3-1,
.calc-txt2-4-1{
  font-size:7.7px;
}
.calc-txt2-1-1,
.calc-txt2-4-1{
  text-anchor:start;
}
.calc-txt2-2-1,
.calc-txt2-3-1{
  text-anchor:end;
}
.calc-txt2-1-2,
.calc-txt2-2-2,
.calc-txt2-3-2,
.calc-txt2-4-2{
  font-size:14px;
  text-anchor:middle;
  alignment-baseline:middle;              
  /*font-weight:700;*/
}
.calc-txt2-n{
  font-size:9px;
  text-anchor:middle;
  alignment-baseline:middle;      
}

.calc-txt3-1-1,
.calc-txt3-2-1,
.calc-txt3-3-1{
  font-size:7px;
  /*font-weight:700;*/
}
.calc-txt3-1-1,
.calc-txt3-1-2{
  text-anchor: middle;
}
.calc-txt3-2-2{
  text-anchor: middle;
  transform: translate(66px, 56px) rotate(-60deg) translate(-66px, -56px);
}    
.calc-txt3-2-1{
  text-anchor:middle;
  transform: translate(79px, 58px) rotate(-60deg) translate(-79px, -58px);
} 
.calc-txt3-3-2{
  text-anchor:middle;
  transform: translate(19px, 60px) rotate(60deg) translate(-19px, -60px);
} 
.calc-txt3-3-1{
  text-anchor:middle;
  transform: translate(13px, 60px) rotate(60deg) translate(-13px, -60px);
} 
.calc-txt3-2-1,
.calc-txt3-3-1{
  /*text-anchor:end;*/
}
.calc-txt3-1-2,
.calc-txt3-2-2,
.calc-txt3-3-2{
  font-size:12px;
/*  text-anchor:middle;
  alignment-baseline:middle;              */
  /*font-weight:700;*/
}
.calc-txt3-n{
  font-size:10px;
  text-anchor:middle;
  alignment-baseline:middle;      
}

.table_container {
  margin-bottom: 40px;
}

.controls {
  margin-bottom: 20px;
}

.controls label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}

.controls input[type="number"] {
  width: 60px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.generate_btn {
  padding: 5px 15px;
  background: #f00f22;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}

.generate_btn:hover {
  background: #d00d1e;
}