/* generated by scripts/build-icons.mjs from lucide-static and simple-icons: edit the map there, then npm run icons. */

/* Icons CSS draws. The plain ones are masks: paint them with
   background: currentColor; mask: var(--icon-…) center / contain no-repeat.
   The select arrows are backgrounds, one per ink colour. */
:root {
  --icon-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); /* check, use as a mask */
  --icon-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); /* chevron-down, use as a mask */
  --icon-select-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314161a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E"); /* chevrons-up-down */
  --icon-select-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4f1ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E"); /* chevrons-up-down */
  --icon-select-teal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b3b45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E"); /* chevrons-up-down */
}

/* Directional icons are drawn for Hebrew, where forward points left. On a
   left-to-right page (English) they are mirrored. The page decides, not the
   text around the icon: an arrow beside a phone number in a dir="ltr" run
   still points the way the page reads. A hover nudge has to use the
   `translate` property, which applies outside this `scale`; a
   `transform: translateX()` is mirrored with the icon and nudges it
   backwards. */
html[dir='ltr'] svg:has(> use[href="#i-forward"]),
html[dir='ltr'] svg:has(> use[href="#i-back"]),
html[dir='ltr'] svg:has(> use[href="#i-next"]),
html[dir='ltr'] svg:has(> use[href="#i-prev"]) {
  scale: -1 1;
}