/* CSS Filter Generator */

.fl-stage{
	min-height:     260px;
	border-radius:  .6rem;
	background:     #f1f5f9;
	padding:        1.2rem;
}

.fl-art{
	display:        flex;
	align-items:    center;
	gap:            .9rem;
	flex-wrap:      wrap;
	padding:        1rem;
	border-radius:  .6rem;
	background:     #ffffff;
}

.fl-chip{
	width:          54px;
	height:         84px;
	border-radius:  .4rem;
}

.fl-blend{
	width:          130px;
	height:         84px;
	border-radius:  .4rem;
	background:     linear-gradient(120deg, #ef4444, #f59e0b 40%, #10b981 70%, #3b82f6);
}

/* is shakl ke beech me khali jagah hai — drop-shadow usi ko follow karta hai */
.fl-ring{
	width:          84px;
	height:         84px;
	border-radius:  50%;
	border:         16px solid #0f172a;
	background:     transparent;
}

.fl-text{
	font-weight:  700;
	font-size:    1.1rem;
	color:        #0f172a;
}