@schukai/monster/source/components/style/form.css

Monster is a simple library for creating fast, robust and lightweight websites.

/** generated from form.pcss **/
input,
meter,
progress,
select,
textarea {
	accent-color: var(--monster-color-secondary-2);
	background-color: var(--monster-bg-color-primary-1);
	border-color: var(--monster-theme-control-border-color);
	border-radius: var(--monster-theme-control-border-radius);
	border-style: var(--monster-theme-control-border-style);
	border-width: var(--monster-theme-control-border-width);
	box-sizing: border-box;
	color: var(--monster-color-primary-1);
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline: none;
}
input,
select,
textarea {
	height: -moz-fit-content;
	height: fit-content;
	padding: .4rem .6rem;
}
textarea {
	min-height: 6rem;
	resize: vertical;
}
input[type="color"] {
	height: 2rem;
	margin: 0;
	padding: .1rem;
	width: 2rem;
}
input:hover:not([type="radio"]):not([type="checkbox"]):not([type="range"]),
select:hover,
textarea:hover {
	box-shadow: var(--monster-box-shadow-2);
	transition: background .8s, color .25s .0833333333s;
}
input:focus,
select:focus,
textarea:focus {
	outline: 1px dashed var(--monster-color-selection-3);
	outline-offset: 3px;
}