input[type="color"] {
	appearance: none;
	border: 1px solid black;
	width: 36px;
	height: 36px;
	padding: 0;
}

/* https://stackoverflow.com/questions/51997640/how-to-set-border-radius-for-color-tags-color-picker */

input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
	border: none;
	border-radius: 5px;
	background-clip: padding-box;
}

input[type="color"]:first-child {
	padding: 0;
	margin: 0;
	border: 1px solid black;
	box-shadow: none;
	border-radius: 4px;
	background: none;
}

input[type="color"]::-webkit-color-swatch {
	border: none;
	border-radius: 4px;
}

input[type="color"]:nth-child(2) {
	padding: 0;
	margin: 0;
	border: 1px solid black;
	box-shadow: none;
	border-radius: 4px;
	background: black;
	outline: none;
}

input[type="color" i] {
	border-radius: 4px;
	border: none;
}

.color-picker {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}
