input[type='color'] {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	border-color: $smoke-blue;
	transition: border-color 0.3s;

	&:focus,
	&.focused {
		outline: none;
		border-color: $blue;
	}

	&::-webkit-color-swatch {
		border-radius: 4px;
		border-color: $smoke-blue;
	}

	&::-webkit-color-swatch-wrapper {
		padding: 3px 2px;
	}
}
