.float-calculator{border:4px solid #000;margin-bottom:1rem;background:#000;color:#fff;font:16px/2 var(--font-family-code);text-align:left}.float-calculator button,.float-calculator input{border:0;border-radius:0;padding:0;margin:0;box-shadow:none;transform:none;font:inherit;color:inherit;background:transparent}.float-calculator :focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.float-calculator .input-row{display:flex;flex-wrap:wrap;align-items:center;background:#fff;color:#000}.float-calculator input{flex:1 1 15rem;min-width:0;width:100%;padding:0 4px}.float-calculator .precision{padding:0 4px;background:#e8eaed;font-size:14px}.float-calculator .scientific-notation,.float-calculator .bit-scroll{overflow-x:auto}.float-calculator .scientific-notation{padding:0 4px;white-space:nowrap}.float-calculator .bit-array{display:flex;min-width:40rem}.float-calculator .sign{--field-color: var(--cyan)}.float-calculator .exponent{--field-color: var(--magenta)}.float-calculator .significand-fraction{--field-color: var(--yellow)}.float-calculator .formula .sign,.float-calculator .formula .exponent,.float-calculator .formula .significand-fraction{color:var(--field-color)}.float-calculator .bit{flex:1 0 0;border-bottom:6px solid var(--field-color);transition:background 200ms ease, color 200ms ease}.float-calculator .bit:hover{background:#555}.float-calculator .bit[aria-pressed='true']{color:#000;background:#fff}.float-calculator .bit[aria-pressed='true']:hover{background:#ddd}.float-calculator .legend{display:flex;flex-wrap:wrap;line-height:1.5}.float-calculator .legend>span{padding:0 4px;color:#000;background:var(--field-color)}.float-calculator .legend>:last-child{flex-grow:1}.float-calculator .suggestions{display:flex;flex-wrap:wrap;gap:0 0.5em;padding:0 4px}.float-calculator .suggestions button{text-decoration:underline}