Devtools Animations: Basic animation inspection & control in Styles pane

Source/devtools/front_end/elementsPanel.css

Index: Source/devtools/front_end/elementsPanel.css
diff --git a/Source/devtools/front_end/elementsPanel.css b/Source/devtools/front_end/elementsPanel.css
index d7ccf90f907f1b71bd9495f642a560bb195dfb94..d30be3c9dab67f47985b0de84ace4aba9e1fc3bc 100644
--- a/Source/devtools/front_end/elementsPanel.css
+++ b/Source/devtools/front_end/elementsPanel.css
@@ -716,3 +716,11 @@ li.child-editing .styles-clipboard-only {
     overflow: hidden;
     line-height: 16px;
 }
+
+.animation-pause .glyph {
+    -webkit-mask-position: -32px -72px;
+}
+
+.animation-pause.toggled-on .glyph {
+    -webkit-mask-position: 0 -72px;
+}