.nova-checklist {
--nova-cl-cols: 2;
--nova-cl-cols-tablet: 2;
--nova-cl-cols-mobile: 1;
--nova-cl-gap: 14px 28px;
--nova-cl-icon-color: #6b2d8b;
--nova-cl-icon-size: 18px;
--nova-cl-icon-gap: 12px;
--nova-cl-text-color: #1f2937;
--nova-cl-text-size: 0.98rem;
--nova-cl-text-lh: 1.45;
--nova-cl-title-mb: 16px;
box-sizing: border-box;
margin: var(--nova-cl-margin, 0);
padding: var(--nova-cl-padding, 0);
max-width: var(--nova-cl-max-w, none);
background: var(--nova-cl-bg, transparent);
border: var(--nova-cl-border-w, 0) solid var(--nova-cl-border, transparent);
border-radius: var(--nova-cl-radius, 0);
}
.nova-checklist__title {
margin: 0 0 var(--nova-cl-title-mb, 16px);
color: var(--nova-cl-title-color, inherit);
font-size: var(--nova-cl-title-size, inherit);
font-weight: var(--nova-cl-title-weight, 700);
line-height: var(--nova-cl-title-lh, 1.3);
letter-spacing: var(--nova-cl-title-ls, normal);
text-transform: var(--nova-cl-title-tf, none);
font-family: var(--nova-cl-title-ff, inherit);
}
.nova-checklist__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(var(--nova-cl-cols), minmax(0, 1fr));
gap: var(--nova-cl-gap);
}
.nova-checklist__item {
margin: 0;
min-width: 0;
}
.nova-checklist--equal-height .nova-checklist__item,
.nova-checklist--equal-height .nova-checklist__row,
.nova-checklist--equal-height .nova-checklist__link {
height: 100%;
}
.nova-checklist__row,
.nova-checklist__link {
display: flex;
align-items: flex-start;
gap: var(--nova-cl-icon-gap);
color: inherit;
text-decoration: none;
box-sizing: border-box;
min-height: var(--nova-cl-item-min-h, 0);
padding: var(--nova-cl-item-padding, 0);
background: var(--nova-cl-item-bg, transparent);
border: var(--nova-cl-item-border-w, 0) var(--nova-cl-item-border-style, solid) var(--nova-cl-item-border, transparent);
border-radius: var(--nova-cl-item-radius, 0);
box-shadow: var(--nova-cl-item-shadow, none);
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.nova-checklist__item:hover > .nova-checklist__row,
.nova-checklist__item:hover > .nova-checklist__link {
background: var(--nova-cl-item-bg-hover, var(--nova-cl-item-bg, transparent));
border-color: var(--nova-cl-item-border-hover, var(--nova-cl-item-border, transparent));
}
.nova-checklist__item:hover .nova-checklist__text {
color: var(--nova-cl-item-text-hover, var(--nova-cl-text-color, #1f2937));
}
.nova-checklist__link:hover .nova-checklist__text {
text-decoration: underline;
}
.nova-checklist--cards .nova-checklist__link:hover .nova-checklist__text {
text-decoration: none;
}
.nova-checklist--cards .nova-checklist__row,
.nova-checklist--cards .nova-checklist__link {
align-items: center;
}
.nova-checklist--equal-height.nova-checklist--cards .nova-checklist__item {
display: flex;
}
.nova-checklist--equal-height.nova-checklist--cards .nova-checklist__row,
.nova-checklist--equal-height.nova-checklist--cards .nova-checklist__link {
flex: 1 1 auto;
}
.nova-checklist--no-icons .nova-checklist__icon {
display: none;
}
.nova-checklist--valign-center .nova-checklist__row,
.nova-checklist--valign-center .nova-checklist__link {
align-items: center;
}
.nova-checklist--valign-end .nova-checklist__row,
.nova-checklist--valign-end .nova-checklist__link {
align-items: flex-end;
}
.nova-checklist--icon-top .nova-checklist__row,
.nova-checklist--icon-top .nova-checklist__link {
flex-direction: column;
align-items: flex-start;
}
.nova-checklist--icon-right .nova-checklist__row,
.nova-checklist--icon-right .nova-checklist__link {
flex-direction: row-reverse;
}
.nova-checklist--align-center .nova-checklist__row,
.nova-checklist--align-center .nova-checklist__link,
.nova-checklist--align-center.nova-checklist--icon-top .nova-checklist__row,
.nova-checklist--align-center.nova-checklist--icon-top .nova-checklist__link {
align-items: center;
justify-content: center;
text-align: center;
}
.nova-checklist--align-right .nova-checklist__row,
.nova-checklist--align-right .nova-checklist__link {
justify-content: flex-end;
text-align: right;
}
.nova-checklist--align-right.nova-checklist--icon-top .nova-checklist__row,
.nova-checklist--align-right.nova-checklist--icon-top .nova-checklist__link {
align-items: flex-end;
}
.nova-checklist__icon {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--nova-cl-icon-box, auto);
height: var(--nova-cl-icon-box, auto);
min-width: var(--nova-cl-icon-box, auto);
margin-top: 1px;
color: var(--nova-cl-icon-color, #6b2d8b);
background: var(--nova-cl-icon-bg, transparent);
border-radius: var(--nova-cl-icon-radius, 50%);
font-size: var(--nova-cl-icon-size, 18px);
line-height: 1;
}
.nova-checklist__icon svg {
width: var(--nova-cl-icon-size, 18px);
height: var(--nova-cl-icon-size, 18px);
display: block;
}
.nova-checklist__icon--fa i {
font-size: inherit;
line-height: 1;
}
.nova-checklist__icon--image img {
width: var(--nova-cl-icon-size, 18px);
height: var(--nova-cl-icon-size, 18px);
object-fit: contain;
display: block;
}
.nova-checklist__text {
min-width: 0;
color: var(--nova-cl-text-color, #1f2937);
font-size: var(--nova-cl-text-size, 0.98rem);
font-weight: var(--nova-cl-text-weight, 400);
line-height: var(--nova-cl-text-lh, 1.45);
letter-spacing: var(--nova-cl-text-ls, normal);
text-transform: var(--nova-cl-text-tf, none);
font-family: var(--nova-cl-text-ff, inherit);
margin: 0 0 var(--nova-cl-text-mb, 0);
}
.nova-checklist--empty {
padding: 1rem 1.25rem;
border: 1px dashed #c3c4c7;
border-radius: 8px;
color: #646970;
background: #f6f7f7;
}
@media (max-width: 991px) {
.nova-checklist__list {
grid-template-columns: repeat(var(--nova-cl-cols-tablet), minmax(0, 1fr));
}
}
@media (max-width: 575px) {
.nova-checklist__list {
grid-template-columns: repeat(var(--nova-cl-cols-mobile), minmax(0, 1fr));
}
}