Module:Box/base.css

.pm-box {
	box-sizing: border-box;
}

.pm-box--vspace {
	margin: 0 0 0.8rem 0;
}

.pm-box--vfill {
	height: 100%;
}

.pm-box__outer {
	border: 0.5rem solid;
	box-sizing: border-box;

	border-radius: 0; /* For compatibility, if var is not defined */
	border-radius: var(--border-radius-large);
}

.pm-box__outer--vfill {
	height: 100%;
}

.pm-box__inner {
	border: 1px solid;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	padding: 0.8rem;
	gap: 0.5rem;

	border-radius: 0; /* For compatibility, if var is not defined */
	border-radius: var(--border-radius-large);
}

.pm-box__inner--compact {
	padding: 0.5rem;
}

.pm-box__inner--vfill {
	height: 100%;
}

/* Hack, but it's mostly cosmetic (doesn't change layout), so it's OK */
.pm-box__outer > .pm-box__inner,
.pm-box .pm-box > .pm-box__inner,
.pm-box .pm-box > .pm-box__outer {
	border-radius: calc(var(--border-radius-large) - 0.5rem) !important;
}