:host .grit-elevation-0, :root .grit-elevation-0 {
  box-shadow: 0px 0px 0px 0px rgba(33, 43, 54, 0.16), 0px 0px 0px 0px rgba(33, 43, 54, 0.16);
  z-index: 0;
}
:host .grit-elevation-1, :root .grit-elevation-1 {
  box-shadow: 0px 0px 1px 0px rgba(33, 43, 54, 0.16), 0px 1px 1px 0px rgba(33, 43, 54, 0.16);
  z-index: 1;
}
:host .grit-elevation-2, :root .grit-elevation-2 {
  box-shadow: 0px 0px 1px 0px rgba(33, 43, 54, 0.16), 0px 3px 4px 0px rgba(33, 43, 54, 0.1);
  z-index: 2;
}
:host .grit-elevation-3, :root .grit-elevation-3 {
  box-shadow: 0px 0px 1px 0px rgba(33, 43, 54, 0.08), 0px 8px 10px 0px rgba(33, 43, 54, 0.2);
  z-index: 3;
}
:host .grit-elevation-4, :root .grit-elevation-4 {
  box-shadow: 0px 0px 1px 0px rgba(33, 43, 54, 0.1), 0px 16px 16px 0px rgba(33, 43, 54, 0.12);
  z-index: 4;
}
:host .grit-elevation-5, :root .grit-elevation-5 {
  box-shadow: 0px 0px 1px 0px rgba(33, 43, 54, 0.1), 0px 24px 24px 0px rgba(33, 43, 54, 0.12);
  z-index: 5;
}

.grit-card {
  display: block;
  position: relative;
  border-radius: var(--grit-card-border-radius);
  box-sizing: border-box;
  color: var(--grit-card-text-color);
}
.grit-card-padding-default {
  padding: 0px;
}
.grit-card-padding-sm {
  padding: 8px;
}
.grit-card-padding-md {
  padding: 16px;
}
.grit-card-padding-lg {
  padding: 24px;
}