input,
select,
button,
div,
span {
	border: none;
	font-family: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
}
/*    font-size: 1rem;
    background: none;
*/
button:hover {
	outline: 1px outset #ccc;
}

button:active {
	outline: 2px inset #ccc;
	opacity: 0.8;
}

.form-controls [type="number"] {
	padding-left: 0.45rem;
}

.form-controls .form-area {
	display: flex;
	color: #666;
	flex-wrap: wrap;
	justify-content: center;
	align-content: stretch;
	margin-top: 1px;
	outline: 1px solid #ddd;
}

.break {
	height: var(--btn-h);
}

.form-controls .form-area:hover {
	color: #000;
}

.form-controls .label-name-area {
	background-color: rgba(147, 128, 108, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex: 0 1 8rem;
	text-align: center;
	outline: 1px solid #ddd;
}

.form-controls .form-area > * {
	height: var(--btn-h);
	flex: 1 0 5rem;
}

.form-controls select {
	flex: 5 0 5rem;
}

.color-option {
	border-radius: 9999px;
	background: #444;
	flex: 0 0 1.2rem;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0;
	padding: 0;
}

.color-container {
	align-items: center;
	justify-content: center;
	display: flex;
	flex: 1 0 12rem;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	min-width: 8rem;
}
.form-controls .picker-container {
	flex: 0 0 1.5rem;
	padding: 0;
	margin: 0;
}
.form-controls [data-pick-attr],
.form-controls .clear-attr {
	float: left;
	width: 1.5rem;
	height: 1.5rem;
}

/* Inline gradient controls */
.grad-btn {
	flex: 1;
	font-size: var(--font-xs);
	cursor: pointer;
	background: none;
	color: #666;
}
.grad-btn.active {
	background-color: #e8e8e8;
	color: #000;
	outline: 1px inset #aaa;
	font-weight: bold;
}
.grad-stops-panel .form-area {
	background: rgba(147, 128, 108, 0.03);
}
.grad-pct {
	flex: 0 0 2.5rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 4px;
	font-size: var(--font-2xs);
	color: #888;
}
.grad-angle-num {
	flex: 0 0 3rem;
	text-align: center;
	padding: 0 2px;
}
.grad-deg {
	flex: 0 0 1rem;
	display: flex;
	align-items: center;
	color: #888;
}