.nova-stats {
box-sizing: border-box;
width: 100%;
max-width: var(--nova-st-max-w, 100%);
margin: var(--nova-st-margin, 0);
padding: var(--nova-st-padding, 20px 24px);
background: var(--nova-st-bg, #F6F0FE);
border: var(--nova-st-border-w, 0) solid var(--nova-st-border, transparent);
border-radius: var(--nova-st-radius, 16px);
}
.nova-stats *,
.nova-stats *::before,
.nova-stats *::after {
box-sizing: border-box;
}
.nova-stats .nova-stats__title {
margin: 0 0 var(--nova-st-title-mb, 18px) !important;
padding: 0;
color: var(--nova-st-title-color, #7900F0);
font-size: var(--nova-st-title-size, 18px) !important;
font-weight: var(--nova-st-title-weight, 500) !important;
line-height: var(--nova-st-title-lh, 1.2) !important;
font-family: var(--nova-st-title-ff, inherit) !important;
letter-spacing: var(--nova-st-title-ls, normal) !important;
text-transform: none !important;
}
.nova-stats .nova-stats__list {
display: grid;
grid-template-columns: repeat(var(--nova-st-cols, 3), minmax(0, 1fr));
gap: var(--nova-st-gap, 16px 24px);
margin: 0;
padding: 0;
}
.nova-stats .nova-stats__item {
display: flex;
flex-direction: column;
justify-content: space-between;
min-width: 0;
}
.nova-stats .nova-stats__label {
margin: 0 0 var(--nova-st-label-mb, 8px);
padding: 0;
color: var(--nova-st-label-color, #6B6680);
font-size: var(--nova-st-label-size, 12px);
font-weight: var(--nova-st-label-weight, 400);
line-height: var(--nova-st-label-lh, 1.3);
font-family: var(--nova-st-label-ff, inherit);
letter-spacing: var(--nova-st-label-ls, normal);
}
.nova-stats .nova-stats__value {
margin: 0;
padding: 0;
color: var(--nova-st-value-color, #2D0059);
font-size: var(--nova-st-value-size, 26px);
font-weight: var(--nova-st-value-weight, 500);
line-height: var(--nova-st-value-lh, 1.15);
font-family: var(--nova-st-value-ff, inherit);
letter-spacing: var(--nova-st-value-ls, normal);
overflow-wrap: anywhere;
}
@media (max-width: 767px) {
.nova-stats .nova-stats__list {
grid-template-columns: repeat(var(--nova-st-cols-mobile, 1), minmax(0, 1fr));
}
}
.nova-stats--empty {
padding: 16px;
border: 1px dashed #c9b8e8;
color: #6B6680;
background: #fff;
}