/**
 * @file
 * Styling for the shortcut module icons.
 */

/**
 * Toolbar tab icon.
 */
.toolbar-bar .toolbar-icon-shortcut:before,
.toolbar-bar .toolbar-icon-shortcut:active:before,
.toolbar-bar .toolbar-icon-shortcut.is-active:before {
  background-image: url(../../images/icons/shortcut.svg);
}

/**
 * Add/remove links.
 */
.shortcut-action__icon {
  background: transparent url(../../images/shortcut/favstar.svg) no-repeat left top;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: -2px;
}
[dir="rtl"] .shortcut-action__icon {
  background-image: url(../../images/shortcut/favstar-rtl.svg);
}
.shortcut-action--add:hover .shortcut-action__icon,
.shortcut-action--add:focus .shortcut-action__icon {
  background-position: -20px top;
}
.shortcut-action--remove .shortcut-action__icon {
  background-position: -40px top;
}
.shortcut-action--remove:focus .shortcut-action__icon,
.shortcut-action--remove:hover .shortcut-action__icon {
  background-position: -60px top;
}