/* 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/. */

:host {
  --screenshots-icon-background-color: var(--color-gray-60);

  position: absolute;
  /* position about 4px above the container ensuring overlap with toolbar/chrome */
  top: -8px;
  inset-inline-end: 10px;
  z-index: 3;
  padding: 12px;
  background-color: var(--arrowpanel-background);
  color: var(--arrowpanel-color);
  border-radius: var(--arrowpanel-border-radius);
}

#full-page {
  background-image: url("chrome://browser/content/screenshots/menu-fullpage.svg");
}

#visible-page {
  background-image: url("chrome://browser/content/screenshots/menu-visible.svg");
}

#full-page, #visible-page {
  -moz-context-properties: fill, stroke;
  fill: currentColor;
  /* stroke is the secondary fill color used to define the viewport shape in the SVGs */
  stroke: var(--screenshots-icon-background-color);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 46px 46px;
  min-width: 90px;
  padding: 46px 5px 5px;
  margin: 2px;
}