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

.inputview-emoji-switch-recent {
  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-special-characters {
  background: url('images/emoji_shape.png') no-repeat center;
  background-size: 23.5px 19px;
  height: 19px;
  width: 23.5px;
}
.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-tabbar-key-highlight .inputview-emoji-switch-nature {
  background: url('images/emoji_flower_selected.png') no-repeat center;
  background-size: 24px 24px;
}
.inputview-emoji-switch-poi {
  background: url('images/emoji_car.png') no-repeat center;
  background-size: 24px 19px;
  height: 19px;
  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_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 {
  margin: 0 0 10px 0;
}
#emojiSpaceRow .inputview-sk {
  margin: 0 8px 10px 8px;
}
.inputview-emoji.inputview-element-highlight {
  background-color: #cccccc;
}
.inputview-emoji-tabbar {
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-bottom-color: #cccccc;
}
.inputview-emoji-tabbar-key.inputview-emoji-tabbar-key-highlight {
  border-bottom-width:5px;
  border-bottom-style:solid;
  border-bottom-color: #4285f4;
}
.inputview-emoji-key {
  display: table-cell;
  vertical-align: middle;
}
.inputview-emoji-key .inputview-special-key-name {
  font-size: 30px;
  text-align: center;
}
.inputview-landscape .inputview-emoticon.inputview-emoji-key .inputview-special-key-name {
  font-size: 16px;
}
.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-indicator {
  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: rgba(55, 71, 89, .15);
  display: inline-block;
  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);
}