Template:ElementTooltip/styles.css

.element-tooltip:hover {
	border-color: var(--wiki-content-link-color--hover);
}

.element-tooltip--content {
    margin: 0;
    padding: 0.2em;
    font-size: 80%;
    border-radius: 10px;
    width: 400px;
    background: var(--wiki-content-background-color);
    border: 2px solid var(--wiki-accent-color);
    box-shadow: 3px 3px var(--wiki-content-background-color);
}

.element-tooltip--content h2 {
	margin: 0;
	background: rgba(var(--pi-secondary-background--rgb),0.75);
	color: var(--pi-secondary-background-label);
	border-radius: calc(5px);
	padding: 0.5em;
	text-align: center;
}

.element-tooltip--caption {
	margin: auto;
	text-align: center;
	font-style: italic;
	border-bottom: 1px var(--pi-border-color) solid;
	border-radius: 5px;
    white-space: normal;
}

.element-tooltip--row {
	padding: 0;
	border-bottom: 1px var(--pi-border-color) solid;
	border-radius: 5px;
	display: flex;
}

.element-tooltip--label {
	background: rgba(var(--pi-secondary-background--rgb),0.18);
	border-radius: 5px;
	padding: 0.5px 7px;
	text-align: right;
	width: 40%;
}

.element-tooltip--data {
	padding-left: 10px;
	word-wrap: break-word;
	hyphens: auto;
	word-break: break-word;
}