/* Reading List button */

#urlbar:not([focused]):not(:hover) #readinglist-addremove-button {
  opacity: 0;
  width: 0px;
}

#readinglist-addremove-button {
  list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage");
  -moz-image-region: rect(0, 14px, 14px, 0);
  transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms;
  opacity: 1;
  width: 20px;
}

#readinglist-addremove-button:hover {
  list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover");
}

#readinglist-addremove-button:active {
  list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active");
}

#readinglist-addremove-button[already-added="true"] {
  list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded");
}

#readinglist-addremove-button[already-added="true"]:hover {
  list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover");
}

#readinglist-addremove-button[already-added="true"]:active {
  list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active");
}
