.nav-card-grid {
    --nav-card-title-size: 1.125rem;
    --nav-card-subtitle-size: 0.875rem;
    --nav-card-icon-size: 1.5rem;
    --nav-card-icon-box-size: 3.25rem;
    --nav-card-padding: 1.125rem;
    --nav-card-gap: 1rem;
    --nav-card-grid-gap: 1rem;
    --nav-card-min-height: 5.25rem;
}

.nav-card-grid.nav-card-grid-size-sm {
    --nav-card-title-size: 0.95rem;
    --nav-card-subtitle-size: 0.75rem;
    --nav-card-icon-size: 1.125rem;
    --nav-card-icon-box-size: 2.5rem;
    --nav-card-padding: 0.875rem;
    --nav-card-gap: 0.75rem;
    --nav-card-min-height: 4.25rem;
}

.nav-card-grid.nav-card-grid-size-lg {
    --nav-card-title-size: 1.25rem;
    --nav-card-subtitle-size: 1rem;
    --nav-card-icon-size: 1.75rem;
    --nav-card-icon-box-size: 3.75rem;
    --nav-card-padding: 1.375rem;
    --nav-card-min-height: 6rem;
}

.nav-card-grid.nav-card-grid-size-xl {
    --nav-card-title-size: 1.375rem;
    --nav-card-subtitle-size: 1.0625rem;
    --nav-card-icon-size: 2rem;
    --nav-card-icon-box-size: 4.25rem;
    --nav-card-padding: 1.625rem;
    --nav-card-min-height: 6.75rem;
}

.nav-card-grid {
    gap: var(--nav-card-grid-gap);
}

.nav-card-grid .nav-card-shell {
    min-height: var(--nav-card-min-height);
}

.nav-card-grid .nav-card-body {
    padding: var(--nav-card-padding) !important;
}

.nav-card-grid .nav-card-row {
    gap: var(--nav-card-gap);
}

.nav-card-grid .nav-card-icon {
    width: var(--nav-card-icon-box-size) !important;
    height: var(--nav-card-icon-box-size) !important;
    border-radius: 0.75rem;
}

.nav-card-grid .nav-card-icon i {
    font-size: var(--nav-card-icon-size) !important;
    line-height: 1;
}

.nav-card-grid .nav-card-title {
    font-size: var(--nav-card-title-size) !important;
    line-height: 1.2;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.nav-card-grid .nav-card-subtitle {
    margin-top: 0.25rem;
    font-size: var(--nav-card-subtitle-size) !important;
    line-height: 1.3;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.nav-card-badge {
    top: 0.5rem;
    right: 0.5rem;
    min-width: 1.5rem;
}