.floatvis, .floatvis * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: medium none transparent;
	outline: medium none transparent;
	background: none;
	font: 100% sans-serif;
	line-height: 1.5;
	vertical-align: baseline;
	text-align: center;
	display: inline-block;
}
.floatvis {
	margin: 0.5em;
	outline: thin solid black;
}
.floatvis input {
	outline: thin solid #888;
}
.floatvis .row {
	display: block;
}
.floatvis .entry {
	background: #ffc;
	text-align: right;
	padding-right: 1em;
}
.floatvis .dead {
	background: #ddd;
}
.floatvis .info {
	background: #ddd;
	text-align: left;
	padding-left: 1em;
}
.floatvis .sign {
	background: #ccf;
	width: 1em;
}
.floatvis .exponent {
	background: #cfc;
}
.floatvis .significand {
	background: #fcc;
}
.floatvis .bit {
	width: 1em;
}
.floatvis .dead {
	width: 1em;
}
.floatvis.binary32 .entry {
	width: 15.5em;
}
.floatvis.binary32 .info {
	width: 15.5em;
}
.floatvis.binary32 .exponent:not(.bit) {
	width: 8em;
}
.floatvis.binary32 .significand:not(.bit) {
	width: 23em;
}
.floatvis.binary64 .entry {
	width: 31.5em;
}
.floatvis.binary64 .info {
	width: 31.5em;
}
.floatvis.binary64 .exponent:not(.bit) {
	width: 11em;
}
.floatvis.binary64 .significand:not(.bit) {
	width: 52em;
}
#toolkit, #toolkit *, #help, #help * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: medium none transparent;
	outline: medium none transparent;
	background: none;
	font: 100% sans-serif;
	line-height: 1.5;
	vertical-align: baseline;
	text-align: center;
	display: inline-block;
}
#toolkit, #help {
	margin: 0.5em;
	padding: 0.5em;
	width: 31em;
	height: 6em;
	outline: thin solid black;
	vertical-align: top;
}
#help {
	width: 64em;
	height: 5em;
}
#toolkit button {
	width: 3em;
	margin: 0.25em;
	padding: 0.25em;
	border: thin solid black;
	border-radius: 0.25em;
}
#toolkit button:hover, #toolkit button:focus {
	background: #ddd;
}
#toolkit button:active {
	background: #000;
	color: white;
}