			</div>
		</div>
	</div>
</div>

<script>
	document.addEventListener('DOMContentLoaded', function () {
		var gradientPreview = document.getElementById('gradient-preview');
		var colorFrom = document.querySelector('[name="color-from"]');
		var colorTo = document.querySelector('[name="color-to"]');
		var colorVia = document.querySelector('[name="color-via"]');
		var colorDirection = document.querySelector('[name="color-direction"]');

		function updateGradient() {
			var from = colorFrom.value;
			var to = 