/* Icons8 marks for the tool screens.

   The tools used to draw their small icons from the Line Awesome *font*.
   They now wear Icons8's static monochrome marks instead — a mix of the
   rounded (macOS-like) picks in this folder and Windows 11 Filled fills,
   all black on transparent. Each mark is applied as a MASK over
   `currentColor`, so an icon still takes the colour of whatever it sits
   in: ink in a card, white on the green button, accent under the pointer.

   Loaded only by the tool-page templates, and scoped to `main`, so the
   site header and the marketing pages keep the font set.

   One rule per Line Awesome class names the file that replaces it; the
   grouped rule below does the actual swap for all of them. A class with
   no entry simply stays a glyph, which is the safe fallback. */

main .la-times            { --i8: url("../vendor/icons8-windows11/times.png"); }
main .la-check            { --i8: url("../vendor/icons8-windows11/check.png"); }
main .la-caret-down       { --i8: url("../vendor/icons8-windows11/caret-down.png"); }
main .la-caret-right      { --i8: url("../vendor/icons8-windows11/caret-right.png"); }
main .la-trash-alt        { --i8: url("../vendor/icons8-windows11/trash-alt.png"); }
main .la-trash            { --i8: url("../vendor/icons8-windows11/trash-alt.png"); }
main .la-search-plus      { --i8: url("../vendor/icons8-windows11/search-plus.png"); }
main .la-search-minus     { --i8: url("../vendor/icons8-windows11/search-minus.png"); }
main .la-question-circle-o{ --i8: url("../vendor/icons8-windows11/question-circle-o.png"); }
main .la-redo-alt         { --i8: url("../vendor/icons8-windows11/redo-alt.png"); }
main .la-undo-alt         { --i8: url("../vendor/icons8-windows11/undo-alt.png"); }
main .la-file             { --i8: url("../vendor/icons8-windows11/file.png"); }
main .la-copy             { --i8: url("../vendor/icons8-windows11/copy.png"); }
main .la-file-pdf         { --i8: url("../vendor/icons8-windows11/file-pdf.png"); }
main .la-globe            { --i8: url("../vendor/icons8-windows11/globe.png"); }
main .la-font             { --i8: url("../vendor/icons8-windows11/font.png"); }
main .la-cut              { --i8: url("../vendor/icons8-windows11/cut.png"); }
main .la-clone            { --i8: url("../vendor/icons8-windows11/clone.png"); }
main .la-arrows-alt       { --i8: url("../vendor/icons8-windows11/arrows-alt.png"); }
main .la-tint             { --i8: url("../vendor/icons8-windows11/tint.png"); }
main .la-th-large         { --i8: url("../vendor/icons8-windows11/th-large.png"); }
main .la-sort-alpha-down  { --i8: url("../vendor/icons8-windows11/sort-alpha-down.png"); }
main .la-plus             { --i8: url("../vendor/icons8-windows11/plus.png"); }
main .la-mouse-pointer    { --i8: url("../vendor/icons8-windows11/mouse-pointer.png"); }
main .la-image            { --i8: url("../vendor/icons8-windows11/image.png"); }
main .la-folder-open      { --i8: url("../vendor/icons8-windows11/folder-open.png"); }
main .la-crosshairs       { --i8: url("../vendor/icons8-windows11/crosshairs.png"); }
main .la-compress         { --i8: url("../vendor/icons8-windows11/compress.png"); }
main .la-arrows-alt-h     { --i8: url("../vendor/icons8-windows11/arrows-alt-h.png"); }
main .la-adjust           { --i8: url("../vendor/icons8-windows11/adjust.png"); }
main .la-angle-right      { --i8: url("../vendor/icons8-windows11/angle-right.png"); }
main .la-arrow-left       { --i8: url("../vendor/icons8-windows11/arrow-left.png"); }
main .la-file-upload      { --i8: url("../vendor/icons8-windows11/file-upload.png"); }
main .la-file-alt         { --i8: url("../vendor/icons8-windows11/file-alt.png"); }
main .la-download         { --i8: url("../vendor/icons8-windows11/download.png"); }
main .la-unlock           { --i8: url("../vendor/icons8-windows11/unlock.png"); }
main .la-lock             { --i8: url("../vendor/icons8-windows11/lock.png"); }
main .la-sliders-h        { --i8: url("../vendor/icons8-windows11/sliders-h.png"); }
main .la-signature        { --i8: url("../vendor/icons8-windows11/signature.png"); }
main .la-shield-alt       { --i8: url("../vendor/icons8-windows11/shield-alt.png"); }
main .la-share-alt        { --i8: url("../vendor/icons8-windows11/share-alt.png"); }
main .la-redo             { --i8: url("../vendor/icons8-windows11/redo.png"); }
main .la-print            { --i8: url("../vendor/icons8-windows11/print.png"); }
main .la-pencil-alt       { --i8: url("../vendor/icons8-windows11/pencil-alt.png"); }
main .la-pen              { --i8: url("../vendor/icons8-windows11/pen.png"); }
main .la-link             { --i8: url("../vendor/icons8-windows11/link.png"); }
main .la-layer-group      { --i8: url("../vendor/icons8-windows11/layer-group.png"); }
main .la-info-circle      { --i8: url("../vendor/icons8-windows11/info-circle.png"); }
main .la-history          { --i8: url("../vendor/icons8-windows11/history.png"); }
main .la-file-word        { --i8: url("../vendor/icons8-windows11/file-word.png"); }
main .la-file-signature   { --i8: url("../vendor/icons8-windows11/file-signature.png"); }
main .la-file-image       { --i8: url("../vendor/icons8-windows11/file-image.png"); }
main .la-file-download    { --i8: url("../vendor/icons8-windows11/file-download.png"); }
main .la-external-link-alt{ --i8: url("../vendor/icons8-windows11/external-link-alt.png"); }
main .la-facebook-f       { --i8: url("../vendor/icons8-windows11/facebook.png"); }
main .la-twitter          { --i8: url("../vendor/icons8-windows11/twitter.png"); }
main .la-envelope         { --i8: url("../vendor/icons8-windows11/envelope.png"); }
main .la-cloud            { --i8: url("../vendor/icons8-windows11/cloud.png"); }
main .la-check-circle     { --i8: url("../vendor/icons8-windows11/check-circle.png"); }

/* The swap: the font glyph gives way to the mask, sized to the text. */
main :is(.la-times, .la-check, .la-caret-down, .la-caret-right, .la-trash-alt,
         .la-trash, .la-search-plus, .la-search-minus, .la-question-circle-o,
         .la-redo-alt, .la-undo-alt, .la-file, .la-copy, .la-file-pdf,
         .la-globe, .la-font, .la-cut, .la-clone, .la-arrows-alt, .la-tint,
         .la-th-large, .la-sort-alpha-down, .la-plus, .la-mouse-pointer,
         .la-image, .la-folder-open, .la-crosshairs, .la-compress,
         .la-arrows-alt-h, .la-adjust, .la-angle-right, .la-arrow-left,
         .la-file-upload, .la-file-alt, .la-download, .la-unlock, .la-lock,
         .la-sliders-h, .la-signature, .la-shield-alt, .la-share-alt,
         .la-redo, .la-print, .la-pencil-alt, .la-pen, .la-link,
         .la-layer-group, .la-info-circle, .la-history, .la-file-word,
         .la-file-signature, .la-file-image, .la-file-download,
         .la-external-link-alt, .la-facebook-f, .la-twitter, .la-envelope,
         .la-cloud, .la-check-circle) {
  background-color: currentColor;
  -webkit-mask-image: var(--i8); -webkit-mask-position: center;
  -webkit-mask-size: contain;    -webkit-mask-repeat: no-repeat;
  mask-image: var(--i8);         mask-position: center;
  mask-size: contain;            mask-repeat: no-repeat;
  display: inline-block; width: 1em; height: 1em; vertical-align: -.125em;
}
main :is(.la-times, .la-check, .la-caret-down, .la-caret-right, .la-trash-alt,
         .la-trash, .la-search-plus, .la-search-minus, .la-question-circle-o,
         .la-redo-alt, .la-undo-alt, .la-file, .la-copy, .la-file-pdf,
         .la-globe, .la-font, .la-cut, .la-clone, .la-arrows-alt, .la-tint,
         .la-th-large, .la-sort-alpha-down, .la-plus, .la-mouse-pointer,
         .la-image, .la-folder-open, .la-crosshairs, .la-compress,
         .la-arrows-alt-h, .la-adjust, .la-angle-right, .la-arrow-left,
         .la-file-upload, .la-file-alt, .la-download, .la-unlock, .la-lock,
         .la-sliders-h, .la-signature, .la-shield-alt, .la-share-alt,
         .la-redo, .la-print, .la-pencil-alt, .la-pen, .la-link,
         .la-layer-group, .la-info-circle, .la-history, .la-file-word,
         .la-file-signature, .la-file-image, .la-file-download,
         .la-external-link-alt, .la-facebook-f, .la-twitter, .la-envelope,
         .la-cloud, .la-check-circle)::before {
  content: none;
}

/* The tool header mark (tool_icon8): the same set, one per slug. */
.tool-head-ico img { display: block; width: 54px; height: 54px; }