/* The IP camera bandwidth calculator's own rules (site/kalkulator-przepustowosci-kamer-ip.html and
   site-en/ip-camera-bandwidth-storage-calculator.html), linked after the
   site's styles.css and the toolbox rules it shares with the lens calculator (lens-calculator.css: the column, inputs,
   results bars, figures, parts and exports). Only what that page lacks: the stream types as groups of fields, number
   fields without a slider, and the add and remove buttons. */
.types{display:flex;flex-direction:column;gap:24px}
.stype{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:12px}
.stype legend{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);padding:0;margin-bottom:12px}
.calc .num{display:flex;align-items:center;gap:12px}
.calc .num input{flex:1;min-width:0;font-family:var(--mono);font-size:14px;text-align:right}
.calc .num .unit{min-width:2.6em;font-family:var(--mono);font-size:13px;color:var(--ink)}
.calc .num .times{font-family:var(--mono);font-size:13px;color:var(--ink)}
.calc .add,.calc .remove{align-self:flex-start;min-height:44px;padding:0;background:none;border:0;cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--signal)}
.calc .add:hover,.calc .remove:hover{color:var(--ink)}
.calc .remove[hidden]{display:none}
/* a results bar with more cells than columns (a stream type a cell): no rule at the end of each row */
@media (min-width:1001px){.calc .bar[data-cols="2"]>div:nth-child(2n),.calc .bar[data-cols="3"]>div:nth-child(3n){border-right:0}}
.stype [data-gop]{margin-top:12px} /* the number of frames under the key frame choice and its hint */