/*$box-shadow: (*/
/**/ /*"sm": 0 0 0.375rem 0 rgba(46, 38, 61, 0.18), //*/
/**/ /*"md": 0 0 0.625rem 0 rgba(46, 38, 61, 0.2), //*/
/**/ /*"lg": 0 0 1rem 0 rgba(46, 38, 61, 0.22) //
);*/
/*
1 colore bottone
2 bordo/hover
3 testo
*/
/*$box-shadow: (*/
/**/ /*"sm": 0 0 0.375rem 0 rgba(46, 38, 61, 0.18), //*/
/**/ /*"md": 0 0 0.625rem 0 rgba(46, 38, 61, 0.2), //*/
/**/ /*"lg": 0 0 1rem 0 rgba(46, 38, 61, 0.22) //
);*/
/*
1 colore bottone
2 bordo/hover
3 testo
*/
.dashboardLayout {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  row-gap: 1.5rem;
}

.dashboardCard {
  flex: 1 0 0;
  overflow: hidden;
  min-width: 400px;
  box-shadow: none;
}
.dashboardCard__header {
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dashboardCard__header i {
  font-size: 40px;
}
.dashboardCard__body p {
  border-radius: 0.25rem;
  padding: 0.5rem;
  margin: 0.5rem;
  flex-grow: 1;
}
.dashboardCard__footer {
  margin-top: auto;
  text-align: right;
}
.dashboardCard__footer a:hover {
  text-decoration: underline;
}
.dashboardCard--primary {
  /*background-color: color-mix(in sRGB, $bg 70%,$base-color);*/
}
.dashboardCard--primary .dashboardCard__header i,
.dashboardCard--primary .dashboardCard__footer i,
.dashboardCard--primary .dashboardCard__body i {
  color: var(--primary-dark);
}
.dashboardCard--primary .dashboardCard__footer {
  color: var(--primary-dark);
}
.dashboardCard--primary .dashboardCard__body p {
  background-color: color-mix(in sRGB, var(--bg) 90%, var(--primary));
}
.dashboardCard--secondary {
  /*background-color: color-mix(in sRGB, $bg 70%,$base-color);*/
}
.dashboardCard--secondary .dashboardCard__header i,
.dashboardCard--secondary .dashboardCard__footer i,
.dashboardCard--secondary .dashboardCard__body i {
  color: var(--secondary-dark);
}
.dashboardCard--secondary .dashboardCard__footer {
  color: var(--secondary-dark);
}
.dashboardCard--secondary .dashboardCard__body p {
  background-color: color-mix(in sRGB, var(--bg) 90%, var(--secondary));
}
.dashboardCard--dark {
  /*background-color: color-mix(in sRGB, $bg 70%,$base-color);*/
}
.dashboardCard--dark .dashboardCard__header i,
.dashboardCard--dark .dashboardCard__footer i,
.dashboardCard--dark .dashboardCard__body i {
  color: var(--fg-dark);
}
.dashboardCard--dark .dashboardCard__footer {
  color: var(--fg-dark);
}
.dashboardCard--dark .dashboardCard__body p {
  background-color: color-mix(in sRGB, var(--bg) 90%, var(--fg));
}
.dashboardCard--light {
  /*background-color: color-mix(in sRGB, $bg 70%,$base-color);*/
}
.dashboardCard--light .dashboardCard__header i,
.dashboardCard--light .dashboardCard__footer i,
.dashboardCard--light .dashboardCard__body i {
  color: var(--bg-dark);
}
.dashboardCard--light .dashboardCard__footer {
  color: var(--bg-dark);
}
.dashboardCard--light .dashboardCard__body p {
  background-color: color-mix(in sRGB, var(--bg) 90%, var(--black));
}
.dashboardCard--success {
  /*background-color: color-mix(in sRGB, $bg 70%,$base-color);*/
}
.dashboardCard--success .dashboardCard__header i,
.dashboardCard--success .dashboardCard__footer i,
.dashboardCard--success .dashboardCard__body i {
  color: var(--success-dark);
}
.dashboardCard--success .dashboardCard__footer {
  color: var(--success-dark);
}
.dashboardCard--success .dashboardCard__body p {
  background-color: color-mix(in sRGB, var(--bg) 90%, var(--success));
}
.dashboardCard--error {
  /*background-color: color-mix(in sRGB, $bg 70%,$base-color);*/
}
.dashboardCard--error .dashboardCard__header i,
.dashboardCard--error .dashboardCard__footer i,
.dashboardCard--error .dashboardCard__body i {
  color: var(--error-dark);
}
.dashboardCard--error .dashboardCard__footer {
  color: var(--error-dark);
}
.dashboardCard--error .dashboardCard__body p {
  background-color: color-mix(in sRGB, var(--bg) 90%, var(--error));
}
.dashboardCard--warning {
  /*background-color: color-mix(in sRGB, $bg 70%,$base-color);*/
}
.dashboardCard--warning .dashboardCard__header i,
.dashboardCard--warning .dashboardCard__footer i,
.dashboardCard--warning .dashboardCard__body i {
  color: var(--warning-dark);
}
.dashboardCard--warning .dashboardCard__footer {
  color: var(--warning-dark);
}
.dashboardCard--warning .dashboardCard__body p {
  background-color: color-mix(in sRGB, var(--bg) 90%, var(--warning));
}
.dashboardCard--info {
  /*background-color: color-mix(in sRGB, $bg 70%,$base-color);*/
}
.dashboardCard--info .dashboardCard__header i,
.dashboardCard--info .dashboardCard__footer i,
.dashboardCard--info .dashboardCard__body i {
  color: var(--info-dark);
}
.dashboardCard--info .dashboardCard__footer {
  color: var(--info-dark);
}
.dashboardCard--info .dashboardCard__body p {
  background-color: color-mix(in sRGB, var(--bg) 90%, var(--info));
}

/*# sourceMappingURL=Dashboard.css.map */