.shade{color:var(--color-dark)}.bold{color:#d73c3c}.calculationCell>*{outline:solid 1.5px transparent;border-radius:1.5px}.calculationTable{width:min-content;margin:0;padding:0;border:solid 2px var(--color-darker);border-radius:var(--radius-m);background:var(--color-lighter);overflow:hidden;max-width:90vw}.calculationTable .content{max-height:500px;overflow-y:auto}.calculationTable .header{font-size:14px;display:inline-grid;width:100%;border-bottom:solid var(--color-dark) 2px;padding:4px 4px 0}.calculationTable .step{display:inline-grid;overflow:hidden;padding:0 4px}.calculationTable .active,.calculationTable .step:hover{background:var(--color-light)}@media screen and (max-width: 700px){.calculationTable .content{overflow-x:scroll}}.algorithmInputs .label{text-align:start;margin-bottom:2px;margin-top:5px;color:var(--color-darkest)}.algorithmInputs>.inputs{display:flex;flex-direction:row;gap:20px}@media screen and (max-width: 700px){.algorithmInputs>.inputs{display:flex;flex-direction:column;gap:0}}.algorithmInput{height:60px}.inputField{border:solid var(--color-dark) 2px;display:flex;width:330px;height:45px;justify-content:flex-end;border-radius:4px;overflow:hidden;background:var(--color-light);border-color:var(--color-darkest)}.err{border:solid rgb(255,0,0) 2px}.errMsg{color:red;text-align:start;font-size:14px;height:14px;font-weight:600}.inputLabel{line-height:45px;font-size:18px;width:25%}.inputs{display:flex;flex-direction:column;width:75%;font-family:CascadiaCode,monospace}.inputDec{font-size:18px;background:var(--color-lightest);border-left:solid 2px var(--color-dark);border-top:none;border-right:none;border-bottom:solid 1px var(--color-dark);height:60%}.inputBin{border-left:solid 2px var(--color-dark);border-top:none;border-right:none;border-bottom:none;height:40%}.inputSign{border-left:solid 2px var(--color-dark);border-top:none;border-right:none;border-bottom:none;height:100%;width:6%}.inputExponent{border-left:solid 1px var(--color-dark);border-top:none;border-right:none;border-bottom:none;height:100%;width:26%}.inputSignificant{border-left:solid 1px var(--color-dark);border-top:none;border-right:none;border-bottom:none;height:100%;width:68%}.inputSignificant,.inputExponent,.inputSign{text-align:center}.inputSignificant,.inputExponent,.inputSign,.inputBin{font-family:Cascadia Code,monospace;font-size:12px}.inputSignificant::placeholder,.inputSignificant:focus,.inputExponent::placeholder,.inputExponent:focus,.inputSign::placeholder,.inputSign:focus,.inputBin::placeholder,.inputBin:focus{text-align:left;outline:none}*:focus{outline:none}.controlSteps{padding:0 4px}.controlSteps .actionButtons{display:flex;justify-content:space-around;width:fit-content;background-color:var(--color-light);border:solid 2px var(--color-dark);border-radius:var(--radius-s)}.controlSteps .actionButtons Button{width:40px;height:40px;margin:4px;border:solid 2px var(--color-dark);color:var(--color-darker);border-radius:var(--radius-s);background-color:var(--color-lightest);font-weight:600}.controlSteps .actionButtons Button:hover{background-color:var(--color-light);color:var(--color-darkest);border-color:var(--color-darkest)}.controlSteps .label{text-align:start;margin-bottom:2px;margin-top:5px;color:var(--color-darkest)}.controlPanel{background:var(--color-lighter);width:fit-content;display:flex;flex-direction:column;border:solid 2px var(--color-darker);border-radius:var(--radius-m);overflow:hidden}.controlPanel>.section{width:100%;padding:3px 10px;display:flex;flex-direction:row;justify-content:space-between}.controlPanel>.section:not(:last-child){border-bottom:solid 2px var(--color-dark)}.controlPanel .sectionLabel{text-align:start;margin-bottom:2px;margin-top:5px;color:var(--color-darker)}@media screen and (max-width: 700px){.controlPanel>.section{width:100%;display:flex;flex-direction:column;justify-content:space-between;margin-left:auto;padding:0;margin-left:5vw}.controlPanel{background-color:transparent;border:none}.controlPanel>.section:not(:last-child){border-bottom:none}}.controlVariants{padding:0 4px}.controlVariants .actionButtons{display:flex;flex-direction:row;gap:5px}.controlVariants .actionButtons Button{width:70px;padding:5px;border:solid 2px var(--color-dark);color:var(--color-darker);border-radius:var(--radius-s);background-color:var(--color-lightest)}.controlVariants .actionButtons Button:hover{background-color:var(--color-light);color:var(--color-darkest);border-color:var(--color-darkest)}.controlVariants .label{text-align:start;margin-bottom:2px;margin-top:5px;color:var(--color-darkest)}.controlVariants .actionButtons Button.active{background-color:var(--color-active);color:var(--color-darkest);border-color:var(--color-darkest)}
