/*
 * M3 Card — expressive radius + glass leve.
 */

.m3-card.mud-paper,
.m3-card.mud-card {
  --m3-card-radius-rest: 26px;
  --m3-card-bg: rgba(255, 255, 255, 0.72);
  background-color: var(--m3-card-bg) !important;
  border-radius: var(--m3-card-radius-rest) !important;
  border: 1px solid rgba(0, 183, 147, 0.14);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 10px 28px rgba(26, 65, 70, 0.08) !important;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  overflow: hidden;
}

.m3-card--surface-lowest {
  --m3-card-bg: rgba(255, 255, 255, 0.78);
}

.m3-card--surface-low {
  --m3-card-bg: rgba(245, 252, 250, 0.7);
}

.m3-card--surface-container {
  --m3-card-bg: rgba(238, 246, 244, 0.72);
}

.m3-card--surface-high {
  --m3-card-bg: rgba(225, 240, 236, 0.75);
}

.m3-card--outlined {
  border-color: rgba(0, 183, 147, 0.22);
  box-shadow: none !important;
}