:root {
  --shadow-input-focus-base: 0px 0px 4px 1px rgba(0, 144, 255, 0.75);
  --shadow-input-focus-changed: 0px 0px 5px 1px rgba(60, 151, 221, 0.75);
  --shadow-input-focus-error: 0px 0px 5px 1px rgba(194, 57, 52, 0.75);
  --shadow-input-focus-applied: 0px 0px 4px 1px rgba(2, 126, 70, 0.6);

  --shadow-container-border: 0px 2px 3px rgba(0, 0, 0, 0.2);
  --shadow-container-border-bottom: 0px 1px 0px #DDDBDA;

  --shadow-card-level-1: 0px 2px 3px rgba(0, 0, 0, 0.2);
  --shadow-card-level-2: 0px 4px 4px rgba(0, 0, 0, 0.16);
  --shadow-card-level-3: 0px 4px 10px rgba(0, 0, 0, 0.05), 0px 10px 60px rgba(0, 0, 0, 0.1);

  --filter-box-normal: inset 0px -1px 0px #DDDBDA, inset 0px 1px 0px #DDDBDA;

  --notification-bar-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  --notification-toast-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05), 0px 10px 60px rgba(0, 0, 0, 0.1);

  --modal-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
  --modal-footer-shadow: 0px -1px 0px #DDDBDA;

  --panel-level-1-left: 1px 0px 3px rgba(0, 0, 0, 0.25);
}