Module:FloatingUI/styles.css

.t-floatingui {
	max-width: 50ch;
	/* Needed when this is a span element */
	display: block;
}

/* 
 * Sync with InfoboxNeue styles
 * TODO: Refactor InfoboxNeue and FloatingUI styles into the same design system
 */
.t-floatingui-section {
	display: grid;
	gap: 2px var(--space-xs);
	grid-auto-rows: max-content;
}

.t-floatingui-section--cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.t-floatingui-section--cols-2 .t-floatingui-data {
    text-align: end;
}

.t-floatingui-section + .t-floatingui-section {
	margin-top: var(--space-xs);
	padding-top: var(--space-xs);
	border-top: 1px solid var(--border-color-base);
}

.t-floatingui-data {
	font-weight: var(--font-weight-medium);
}

.t-floatingui-label {
	letter-spacing: 0.05em;
}

.t-floatingui-desc,
.t-floatingui-label {
	color: var(--color-subtle);
	font-size: var(--font-size-x-small);
}