/* CSS Tooltip Generator */

.tt-stage{
	display:          flex;
	align-items:      center;
	justify-content:  center;
	gap:              1rem;
	flex-wrap:        wrap;
	min-height:       220px;
	padding:          2.5rem 1.25rem;
	border:           1px dashed rgba(255,255,255,.22);
	border-radius:    .6rem;
	background:       rgba(255,255,255,.03);
}

.tt-demo{
	font-family:    inherit;
	font-size:      .95rem;
	padding:        .5rem 1rem;
	color:          #0f172a;
	background:     #e2e8f0;
	border:         1px solid #94a3b8;
	border-radius:  .4rem;
	cursor:         help;
}

.tt-sr{
	position:  absolute;
	width:     1px;
	height:    1px;
	margin:    -1px;
	padding:   0;
	overflow:  hidden;
	clip-path: inset(50%);
	border:    0;
}

.tt-num{ width: 5.5rem; }

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