@mixin wdc-depth-1() {
  box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
}

@mixin wdc-depth-2() {
  box-shadow: 0px 16px 24px -8px rgba(0, 0, 0, 0.16);
}

@mixin wdc-depth-3() {
  box-shadow: 0px 24px 32px -8px rgba(0, 0, 0, 0.12);
}

@mixin wdc-depth-4() {
  box-shadow: 0px 32px 40px -8px rgba(0, 0, 0, 0.16);
}