/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

#flyweb-panel {
  width: 20em;
}

#flyweb-items-empty {
  box-sizing: border-box;
  color: GrayText;
  padding: 10px 20px;
  text-align: center;
}

#flyweb-button {
  list-style-image: url("chrome://flyweb/skin/icon-16.png");
}

#flyweb-button[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #flyweb-button {
  list-style-image: url("chrome://flyweb/skin/icon-32.png");
}

#flyweb-button[cui-areatype="menu-panel"][panel-multiview-anchor="true"] {
  list-style-image: url("chrome://flyweb/skin/icon-32-anchored.png");
}

#flyweb-items > toolbarbutton {
  list-style-image: url("chrome://flyweb/skin/icon-16.png");
}

@media (min-resolution: 2dppx) {
  #flyweb-button {
    list-style-image: url("chrome://flyweb/skin/icon-32.png");
  }

  #flyweb-button[cui-areatype="menu-panel"],
  toolbarpaletteitem[place="palette"] > #flyweb-button {
    list-style-image: url("chrome://flyweb/skin/icon-64.png");
  }

  #flyweb-button[cui-areatype="menu-panel"][panel-multiview-anchor="true"] {
    list-style-image: url("chrome://flyweb/skin/icon-64-anchored.png");
  }

  #flyweb-items > toolbarbutton {
    list-style-image: url("chrome://flyweb/skin/icon-32.png");
  }

  #flyweb-items > toolbarbutton > .toolbarbutton-icon {
    width: 16px;
  }
}