/* CSS Transform Generator */

.tf-stage{
	display:          flex;
	align-items:      center;
	justify-content:  center;
	min-height:       280px;
	border-radius:    .6rem;
	background:       #f8fafc;
	overflow:         hidden;
	position:         relative;
}

.tf-ghost,
.tf-box{
	width:          150px;
	height:         150px;
	border-radius:  .75rem;
	position:       absolute;
}

/* ghost asli jagah dikhata hai, taake harkat samajh aaye */
.tf-ghost{
	border:      2px dashed rgba(15,23,42,.25);
	background:  transparent;
}

.tf-box{
	background:       linear-gradient(135deg, #6366f1, #22d3ee);
	display:          flex;
	align-items:      center;
	justify-content:  center;
	color:            #ffffff;
	font-weight:      700;
}