/*
 * Generated by tools/icons/build-icons.cjs - do not edit.
 *
 * For icons written from here on. The 1,502 existing <img src="..."> references are not
 * migrated to this and do not need to be: 103 of them sit inside translatable units whose
 * i18n keys are content hashes of the markup, so editing the tag orphans the string in all
 * 54 locales. Each .svg colours itself for that case - see the builder.
 *
 * This is the better mechanism where there is no key to protect, because the icon follows
 * currentColor like a letterform: on a teal button it is white, in a warning it is amber,
 * and in dark mode it is whatever the text is. A mask reads the alpha channel only, so the
 * colour baked into the file is ignored here.
 *
 *   <span class="pp-icon pp-icon-shield" aria-hidden="true"></span>
 *
 * Sizes with the text by default (1.25em, optically matched to cap height). pp-icon--sm and
 * --lg step it; anything else should set width and height at the call site.
 */

.pp-icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.2em;
  flex: none;
  background-color: currentColor;
  -webkit-mask-image: var(--pp-icon);
          mask-image: var(--pp-icon);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.pp-icon--sm { width: 1em;    height: 1em;    vertical-align: -0.125em; }
.pp-icon--lg { width: 1.5em;  height: 1.5em;  vertical-align: -0.3em; }
.pp-icon--xl { width: 2em;    height: 2em;    vertical-align: -0.4em; }

/* A brand mark keeps its own colours, so it is an <img> and never a mask. */
.pp-brand-mark { display: inline-block; vertical-align: -0.2em; flex: none; }

.pp-icon-arrow-down { --pp-icon: url("arrow-down.svg"); }
.pp-icon-arrow-left { --pp-icon: url("arrow-left.svg"); }
.pp-icon-arrow-right { --pp-icon: url("arrow-right.svg"); }
.pp-icon-arrow-up { --pp-icon: url("arrow-up.svg"); }
.pp-icon-barcode { --pp-icon: url("barcode.svg"); }
.pp-icon-barcode-scanner { --pp-icon: url("barcode-scanner.svg"); }
.pp-icon-book { --pp-icon: url("book.svg"); }
.pp-icon-bookmark { --pp-icon: url("bookmark.svg"); }
.pp-icon-briefcase { --pp-icon: url("briefcase.svg"); }
.pp-icon-building { --pp-icon: url("building.svg"); }
.pp-icon-calendar { --pp-icon: url("calendar.svg"); }
.pp-icon-camera { --pp-icon: url("camera.svg"); }
.pp-icon-card { --pp-icon: url("card.svg"); }
.pp-icon-chart { --pp-icon: url("chart.svg"); }
.pp-icon-check { --pp-icon: url("check.svg"); }
.pp-icon-clipboard { --pp-icon: url("clipboard.svg"); }
.pp-icon-close { --pp-icon: url("close.svg"); }
.pp-icon-cloud { --pp-icon: url("cloud.svg"); }
.pp-icon-compress { --pp-icon: url("compress.svg"); }
.pp-icon-compress-pdf { --pp-icon: url("compress-pdf.svg"); }
.pp-icon-crown { --pp-icon: url("crown.svg"); }
.pp-icon-download { --pp-icon: url("download.svg"); }
.pp-icon-education { --pp-icon: url("education.svg"); }
.pp-icon-eye { --pp-icon: url("eye.svg"); }
.pp-icon-file { --pp-icon: url("file.svg"); }
.pp-icon-folder { --pp-icon: url("folder.svg"); }
.pp-icon-globe { --pp-icon: url("globe.svg"); }
.pp-icon-health { --pp-icon: url("health.svg"); }
.pp-icon-help { --pp-icon: url("help.svg"); }
.pp-icon-history { --pp-icon: url("history.svg"); }
.pp-icon-home { --pp-icon: url("home.svg"); }
.pp-icon-idea { --pp-icon: url("idea.svg"); }
.pp-icon-image { --pp-icon: url("image.svg"); }
.pp-icon-images-to-pdf { --pp-icon: url("images-to-pdf.svg"); }
.pp-icon-key { --pp-icon: url("key.svg"); }
.pp-icon-laptop { --pp-icon: url("laptop.svg"); }
.pp-icon-lightning { --pp-icon: url("lightning.svg"); }
.pp-icon-link { --pp-icon: url("link.svg"); }
.pp-icon-lock { --pp-icon: url("lock.svg"); }
.pp-icon-mail { --pp-icon: url("mail.svg"); }
.pp-icon-mark-sign { --pp-icon: url("mark-sign.svg"); }
.pp-icon-merge-pdfs { --pp-icon: url("merge-pdfs.svg"); }
.pp-icon-money { --pp-icon: url("money.svg"); }
.pp-icon-moon { --pp-icon: url("moon.svg"); }
.pp-icon-note { --pp-icon: url("note.svg"); }
.pp-icon-ocr-scanner { --pp-icon: url("ocr-scanner.svg"); }
.pp-icon-office-to-pdf { --pp-icon: url("office-to-pdf.svg"); }
.pp-icon-organize-pdf { --pp-icon: url("organize-pdf.svg"); }
.pp-icon-package { --pp-icon: url("package.svg"); }
.pp-icon-paperclip { --pp-icon: url("paperclip.svg"); }
.pp-icon-pdf-doc { --pp-icon: url("pdf-doc.svg"); }
.pp-icon-pdf-editor { --pp-icon: url("pdf-editor.svg"); }
.pp-icon-pdf-to-excel { --pp-icon: url("pdf-to-excel.svg"); }
.pp-icon-pdf-to-word { --pp-icon: url("pdf-to-word.svg"); }
.pp-icon-pen { --pp-icon: url("pen.svg"); }
.pp-icon-phone { --pp-icon: url("phone.svg"); }
.pp-icon-printer { --pp-icon: url("printer.svg"); }
.pp-icon-processing-history { --pp-icon: url("processing-history.svg"); }
.pp-icon-protect-pdf { --pp-icon: url("protect-pdf.svg"); }
.pp-icon-receipt { --pp-icon: url("receipt.svg"); }
.pp-icon-redact-pdf { --pp-icon: url("redact-pdf.svg"); }
.pp-icon-refresh { --pp-icon: url("refresh.svg"); }
.pp-icon-repair-pdf { --pp-icon: url("repair-pdf.svg"); }
.pp-icon-rocket { --pp-icon: url("rocket.svg"); }
.pp-icon-rotate-pages { --pp-icon: url("rotate-pages.svg"); }
.pp-icon-scales { --pp-icon: url("scales.svg"); }
.pp-icon-scissors { --pp-icon: url("scissors.svg"); }
.pp-icon-search { --pp-icon: url("search.svg"); }
.pp-icon-settings { --pp-icon: url("settings.svg"); }
.pp-icon-shield { --pp-icon: url("shield.svg"); }
.pp-icon-ship { --pp-icon: url("ship.svg"); }
.pp-icon-shuffle { --pp-icon: url("shuffle.svg"); }
.pp-icon-sign-pdf { --pp-icon: url("sign-pdf.svg"); }
.pp-icon-sparkle { --pp-icon: url("sparkle.svg"); }
.pp-icon-split-pdf { --pp-icon: url("split-pdf.svg"); }
.pp-icon-star { --pp-icon: url("star.svg"); }
.pp-icon-sun { --pp-icon: url("sun.svg"); }
.pp-icon-toolbox { --pp-icon: url("toolbox.svg"); }
.pp-icon-unlock-pdf { --pp-icon: url("unlock-pdf.svg"); }
.pp-icon-users { --pp-icon: url("users.svg"); }
.pp-icon-warning { --pp-icon: url("warning.svg"); }