/* CSS Text Shadow Generator */

.ts-stage{
	display:          flex;
	align-items:      center;
	justify-content:  center;
	min-height:       250px;
	border-radius:    .6rem;
	background:       #f8fafc;
	padding:          1.5rem;
	text-align:       center;
}

.ts-type{
	margin:       0;
	line-height:  1.25;
	color:        #0f172a;
	font-size:    3rem;
	font-weight:  700;
}

.ts-layer{
	display:      flex;
	align-items:  center;
	gap:          .5rem;
	flex-wrap:    wrap;
	margin-top:   .6rem;
}

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

.ts-layer input[type=range]{ width: 7rem; }