@keyframes ms-focus-shadow-pulse {
  0% {
    box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.23);
    box-shadow: 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)); }
  50% {
    box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.15);
    box-shadow: 0 0 0 3px var(--focus-pulse-min-color,rgba(0, 120, 212, 0.15)); }
  100% {
    box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.23);
    box-shadow: 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)); } }

@keyframes focus-shadow-pulse-inset {
  0% {
    box-shadow: inset 0 0 0 3px rgba(0, 120, 212, 0.23), inset 0 0 0 1px rgba(0, 120, 212, 1);
    box-shadow: inset 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)), inset 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); }
  50% {
    box-shadow: inset 0 0 0 3px rgba(0, 120, 212, 0.15), inset 0 0 0 1px rgba(0, 120, 212, 1);
    box-shadow: inset 0 0 0 3px var(--focus-pulse-min-color,rgba(0, 120, 212, 0.15)), inset 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); }
  100% {
    box-shadow: inset 0 0 0 3px rgba(0, 120, 212, 0.23), inset 0 0 0 1px rgba(0, 120, 212, 1);
    box-shadow: inset 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)), inset 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); } }

@keyframes ms-focus-shadow-with-border-pulse {
  0% {
    box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.23), 0 0 0 1px rgba(0, 120, 212, 1);
    box-shadow: 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)), 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); }
  50% {
    box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.15), 0 0 0 1px rgba(0, 120, 212, 1);
    box-shadow: 0 0 0 3px var(--focus-pulse-min-color,rgba(0, 120, 212, 0.15)), 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); }
  100% {
    box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.23), 0 0 0 1px rgba(0, 120, 212, 1);
    box-shadow: 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)), 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1)); } }