/* CSS Gradient Generator */

.cg-box{
	height:            230px;
	border-radius:     .6rem;
	border:            1px solid rgba(255,255,255,.12);
	background-image:  linear-gradient(135deg, #7c3aed 0%, #22d3ee 100%);
}

.cg-swatch{
	width:          2rem;
	height:         2rem;
	border-radius:  .35rem;
	border:         1px solid rgba(255,255,255,.18);
	display:        inline-block;
}

.cg-stop{
	display:      flex;
	align-items:  center;
	gap:          .5rem;
	flex-wrap:    wrap;
	margin-top:   .5rem;
}

.cg-stop input[type=color]{
	width:   2.4rem;
	height:  2rem;
	padding: 0;
	border:  0;
}

.cg-stop input[type=range]{ width: 10rem; }