Update Google Input Tools

third_party/google_input_tools/src/chrome/os/inputview/emoji.css

 .inputview-emoji-switch-recent {
-  background: url('images/recent.png') no-repeat center;
+  background: url('images/emoji_recent.png') no-repeat center;
+  background-size: 24px 24px;
+  height: 24px;
+  width: 24px;
+}
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-recent {
+  background: url('images/emoji_recent_selected.png') no-repeat center;
+  background-size: 24px 24px;
+}
+.inputview-emoji-switch-hot {
+  background: url('images/emoji_hot.png') no-repeat center;
+  background-size: 18px 23px;
+  height: 23px;
+  width: 18px;
+}
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-hot {
+  background: url('images/emoji_hot_selected.png') no-repeat center;
+  background-size: 18px 23px;
+}
+.inputview-emoji-switch-emoticon {
+  background: url('images/emoji_emoticon.png') no-repeat center;
+  background-size: 30px 20.5px;
+  height: 20.5px;
+  width: 30px;
+}
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-emoticion {
+  background: url('images/emoji_emoticon_selected.png') no-repeat center;
+  background-size: 30px 20.5px;
+}
+.inputview-emoji-switch-emotion {
+  background: url('images/emoji.png') no-repeat center;
   background-size: 20px 20px;
   height: 20px;
   width: 20px;
 }
-.inputview-emoji-switch-hot {
-  background: url('images/favorit.png') no-repeat center;
-  background-size: 24.5px 24.5px;
-  height: 24.5px;
-  width: 24.5px;
+.inputview-emoji-switch-special-characters {
+  background: url('images/emoji_shape.png') no-repeat center;
+  background-size: 23.5px 19px;
+  height: 19px;
+  width: 23.5px;
 }
-.inputview-emoji-switch-emotion {
-  background: url('images/emoji.png') no-repeat center;
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-special-characters {
+  background: url('images/emoji_shape_selected.png') no-repeat center;
+  background-size: 23.5px 19px;
+}
+.inputview-emoji-switch-nature {
+  background: url('images/emoji_flower.png') no-repeat center;
   background-size: 24px 24px;
   height: 24px;
   width: 24px;
 }
-.inputview-emoji-switch-emoticon {
-  background: url('images/emoticon.png') no-repeat center;
-  background-size: 14px 15px;
-  height: 15px;
-  width: 14px;
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-nature {
+  background: url('images/emoji_flower_selected.png') no-repeat center;
+  background-size: 24px 24px;
 }
-.inputview-emoji-switch-special-characters {
-  background: url('images/triangle.png') no-repeat center;
-  background-size: 15.5px 12.5px;
-  height: 12.5px;
-  width: 15.5px;
-}
-.inputview-emoji-switch-nature {
-  background: url('images/flower.png') no-repeat center;
-  background-size: 24px 24px;
-  height: 24px;
+.inputview-emoji-switch-poi {
+  background: url('images/emoji_car.png') no-repeat center;
+  background-size: 24px 19px;
+  height: 19px;
   width: 24px;
 }
-.inputview-emoji-switch-poi {
-  background: url('images/car.png') no-repeat center;
-  background-size: 24px 24px;
-  height: 24px;
-  width: 24px;
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-poi {
+  background: url('images/emoji_car_selected.png') no-repeat center;
+  background-size: 24px 19px;
 }
 .inputview-emoji-switch-items {
-  background: url('images/emoji_cat_items.png') no-repeat center;
-  background-size: 24px 24px;
-  height: 24px;
-  width: 24px;
+  background: url('images/emoji_crown.png') no-repeat center;
+  background-size: 25px 25px;
+  height: 25px;
+  width: 25px;
+}
+.inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-items {
+  background: url('images/emoji_crow_selected.png') no-repeat center;
+  background-size: 25px 25px;
 }
 .inputview-emoji-switch {
   display: inline-block;
   opacity: 0.5;
 }
 .inputview-emoji-switch-highlight {
   opacity: 1;
 }
 .inputview-emoji .inputview-sk {
-  background-color: #ffffff;
   margin: 0 0 10px 0;
 }
+#emojiSpaceRow .inputview-sk {
+  margin: 0 8px 10px 8px;
+}
 .inputview-emoji.inputview-element-highlight {
   background-color: #cccccc;
 }
-.inputview-emoji .inputview-wrapper{
-  background-color: #ffffff;
-  box-shadow: 1px -2px 7px 2px rgba(192, 192, 192, 0.65);
-  margin: 11px 0;
-}
 .inputview-emoji-tabbar {
-  background-color: #ffffff;
   border-bottom-width:2px;
   border-bottom-style:solid;
   border-bottom-color: #cccccc;
 }
-.inputview-emoji-tabbar-key {
-  background-color: #ffffff;
+.inputview-emoji-tabbar-key.inputview-emoji-tabbar-key-highlight {
+  border-bottom-width:5px;
+  border-bottom-style:solid;
+  border-bottom-color: #4285f4;
 }
-.inputview-emoji-tabbar-key.inputview-emoji-tabbar-key-highlight {
-  background-color: #ffffff;
-  border-bottom-width:4px;
-  border-bottom-style:solid;
-  border-bottom-color: #777777;
+.inputview-emoji-key {
+  display: table-cell;
+  vertical-align: middle;
 }
-.inputview-emoji-key .inputview-special-key-bg {
-  background-color: white;
-}
-.inputview-emoji-key .inputview-modifier {
+.inputview-emoji-key .inputview-special-key-name {
   font-size: 30px;
   text-align: center;
 }
-.inputview-landscape .inputview-emoticon.inputview-emoji-key .inputview-modifier {
+.inputview-landscape .inputview-emoticon.inputview-emoji-key .inputview-special-key-name {
   font-size: 20px;
 }
-.inputview-portrait .inputview-emoticon.inputview-emoji-key .inputview-modifier {
+.inputview-portrait .inputview-emoticon.inputview-emoji-key .inputview-special-key-name {
   font-size: 15px;
 }
 .inputview-emoji-back {
   margin: 1px;
   font-size: 18px;
   color: #111111;
   text-align: center;
 }
 .inputview-emoji .inputview-container {
   top: 20px;
 }
-.inputview-emoji-tabbar-sk {
-  background-color: #ffffff;
-}
 .inputview-indicator {
-  background-color: #777777;
-  height: 4px;
+  background-color: rgba(55, 71, 89, .3);
+  height: 3px;
   position: absolute;
   overflow: hidden;
 }
 .inputview-indicator:hover {
   -webkit-transform: scaleY(2);
   -webkit-transition: all 0.1s ;
 
 }
 .inputview-indicator-background {
-  background-color: #ffffff;
+  background-color: rgba(55, 71, 89, .15);
   display: inline-block;
-  height: 4px;
+  height: 3px;
   position: absolute;
   overflow: hidden;
 }
 .inputview-indicator-background:hover {
   -webkit-transform: scaleY(2);
   transition: 0.1s all;
 }
+#tabBar {
+  border-bottom: 1px solid rgba(255, 255, 255, .6);
+  background-color: #e4e7e9;
+}
+#emojiSpaceRow,
+#rowsAndSideKeys {
+  border-left: 1.5px solid rgba(55, 71, 79, 0.1);
+  border-right: 1.5px solid rgba(55, 71, 79, 0.1);
+}