@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";


/**
 * Components
 */
input[type=text], input[type=number], input[type=url], textarea {
	@apply appearance-none border leading-tight focus:outline-none;
	font-family: monospace;
	padding: 2px;
}

input:disabled, textarea:disabled {
	background-color: #ddd;
	color: linen;
	opacity: 1;
}

/**
 * Tools
 */
.tool-title {
	@apply font-bold;
	font-size: 1.2rem;
}

.input-group {
	@apply flex flex-col mb-3;
}

.input-group > label {
	font-style: italic;
}

textarea[id=data] {
	height: 200px;
}
div[id=result] {
	height: 350px;
}