/* --- Infobox --- */
.infobox {
width: 300px;
max-width: 100%;
overflow: hidden;
background: var(--color-surface-2);
border-radius: var(--border-radius--medium);
border-spacing: 0;
margin-bottom: var(--space-md);
padding-bottom: 5px;
font-size: 0.875rem;
}
.infobox table, .infobox tr {
width: 100%;
border-spacing: 0;
}
.infobox-title {
text-align: center;
font-size: 1.3rem;
line-height: 1.3;
}
.infobox-subtitle {
color: var(--color-base--subtle);
padding-top: 0;
}
.infobox-subheader {
text-align: center;
font-size: 1.1rem;
line-height: 1.1;
}
.infobox-subtitle {
text-align: center;
}
.infobox-data {
color: var(--color-base--emphasized);
padding: 5px;
}
.infobox-full-data {
color: var(--color-base--emphasized);
text-align: center;
}
.infobox-section {
text-align: left;
font-size: 1em;
line-height: 1em;
padding-left: 15px;
padding-right: 5px;
width: 100px;
}
.infobox-image {
padding: 0;
}
.infobox-image td {
max-width: 300px;
}
.infobox .infobox-image img{
width: 100%;
height: auto;
text-align: center;
padding-bottom: 5px;
}
.infobox .infobox-label {
text-align: left;
padding-left: 20px;
font-weight: normal;
color: var(--color-base--subtle);
}