/* CSS Centering Generator */

.ce-outer{
	border:         1px dashed rgba(255,255,255,.22);
	border-radius:  .6rem;
	background:     rgba(255,255,255,.03);
	padding:        0;
	overflow:       hidden;
}

.ce-inner{
	background:       #7c3aed;
	color:            #f8fafc;
	border-radius:    .45rem;
	padding:          .55rem .8rem;
	font-size:        .85rem;
	max-width:        16rem;
}

.ce-inner.is-overlay{
	background:  rgba(124,58,237,.92);
	box-shadow:  0 12px 34px rgba(0,0,0,.45);
}

.ce-icon{
	display:        inline-flex;
	align-items:    center;
	gap:            .45rem;
}

.ce-pick{
	display:        block;
	width:          100%;
	text-align:     left;
	font-size:      .82rem;
	padding:        .45rem .6rem;
	border-radius:  .4rem;
	border:         1px solid rgba(255,255,255,.14);
	background:     none;
	color:          inherit;
	cursor:         pointer;
	margin-top:     .4rem;
	opacity:        .72;
}

.ce-pick.is-on{ opacity: 1; border-color: #7c3aed; }

.ce-pick b{ display: block; }

.ce-pick span{ font-size: .78rem; opacity: .75; }