/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 1rem
}

.output,
code {
	font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
}

.output {
	font-size: 1.2rem;
	line-height: 1.2rem;
	border: 1px solid #d3d3d3;
	padding: .5rem;
	margin-top: .2rem
}

.App {
	color: #333
}

.container {
	display: flex;
	flex-wrap: wrap
}

.col {
	padding: 0 15px
}

.col-output {
	flex: 2 0 auto
}

.entropy {
	font-size: smaller
}

.inputs p {
	margin: .5rem 0
}

header {
	padding-bottom: 1rem
}

header p {
	margin: 0;
	text-align: left
}

footer {
	font-size: smaller;
	text-align: center
}

h1 {
	margin: 0;
	font-size: 1.3rem
}

h3 {
	font-size: 1rem;
	font-weight: 400
}

.strong {
	font-weight: 700
}

label {
	display: block;
	cursor: pointer
}

a {
	text-decoration: none
}

.ui button,
.ui input,
.ui select,
.ui textarea {
	font-family: inherit;
	font-size: inherit;
	padding: .4em;
	margin: 0 0 .5em;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 2px
}

button:hover {
	background-color: #fff
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pointer {
	cursor: pointer
}

.selected {
	background-color: #adff2f
}

.pointer:hover {
	background-color: #d3d3d3
}

.selected:hover {
	background-color: #adff2f
}

table {
	padding: 0;
	border-collapse: collapse
}

table tr {
	border-top: 1px solid #ccc;
	background-color: #fff;
	margin: 0;
	padding: 0
}

table tr:nth-child(2n) {
	background-color: #f8f8f8
}

table tr th {
	font-weight: 700
}

table tr td,
table tr th {
	border: 1px solid #ccc;
	text-align: left;
	margin: 0;
	padding: 3px 13px
}

table tr td :first-child,
table tr th :first-child {
	margin-top: 0
}

table tr td :last-child,
table tr th :last-child {
	margin-bottom: 0
}

th.time {
	width: 160px
}

.base64 {
	text-align: center
}

.base64 .base64-output {
	font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
	text-align: center;
	font-size: 1.2rem;
	cursor: pointer;
	margin: 1rem
}

.base64 .password:after {
	content: "\a";
	white-space: pre
}

.base64 .password:hover {
	background-color: #d3d3d3
}

.base64 .base64-input {
	display: flex;
	justify-content: center
}

.base64 .base64-generate {
	border: 1px solid #d3d3d3;
	padding: 0 .5rem;
	cursor: pointer;
	user-select: none;
	background-color: #d3d3d3
}

.base64 .base64-generate:hover {
	background-color: #fff
}

.flex {
	display: flex
}

.grow {
	flex-grow: 10
}


/*# sourceMappingURL=src.f8b14acf.css.map */