Template:Highlight round/styles.css

/* {{pp-template}} */
.tpl-highlight-round__content {
	white-space: nowrap;
	padding: 0 .45rem .1rem .45rem;
	border-radius: .4rem;
	box-shadow: 0.07rem 0.07rem 0 0.02rem #0000000f;
	position: relative;
	min-height: fit-content;
	background-color: #ffff00;
	display: inline-flex;
	border-collapse: collapse;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	max-height: calc(1rem + 4px);
	height: 0.825rem;
	color: var(--color-base, #212012);
}

.tpl-highlight-round__wrapper {
	display: inline-block;
	box-sizing: border-box;
}

@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .tpl-highlight-round__content, 
	html.skin-theme-clientpref-night .tpl-highlight-round__content {
		box-shadow: 0.07rem 0.07rem 0 0.02rem #ffffffcc;
		color: #e0e0e0;
	}
}