/* GENERATED by tools/icons/build.mjs — do not edit. */

/* An icon takes its colour from the text around it and never sets its own. */
.or-i {
  display: inline-block;
  flex: none;
  vertical-align: -0.125em;
  color: inherit;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  /* Default matches .or-i-20, the size most controls use. */
  inline-size: 20px;
  block-size: 20px;
  stroke-width: 2.0743;
}

.or-i-16 {
  inline-size: 16px;
  block-size: 16px;
  /* Authored on a 24 grid; scaled back as the icon shrinks so the stroke does
     not thin away next to a 2px border. See build.mjs. */
  stroke-width: 2.1689;
}

.or-i-18 {
  inline-size: 18px;
  block-size: 18px;
  /* Authored on a 24 grid; scaled back as the icon shrinks so the stroke does
     not thin away next to a 2px border. See build.mjs. */
  stroke-width: 2.1184;
}

.or-i-20 {
  inline-size: 20px;
  block-size: 20px;
  /* Authored on a 24 grid; scaled back as the icon shrinks so the stroke does
     not thin away next to a 2px border. See build.mjs. */
  stroke-width: 2.0743;
}

.or-i-24 {
  inline-size: 24px;
  block-size: 24px;
  /* Authored on a 24 grid; scaled back as the icon shrinks so the stroke does
     not thin away next to a 2px border. See build.mjs. */
  stroke-width: 2;
}

/* Mirror the icons whose meaning is a direction. An arrow that still points
   right in Arabic points backwards; a clock, a checkmark and a magnifier must
   not flip, so this is a list and not a blanket rule — it lives in
   shared/icons/manifest.json under rtlFlip.

   Matching on the <use> target rather than on a class means a screen cannot
   forget to mirror an arrow. Nothing has to be remembered at the call site. */
[dir='rtl'] .or-i:is(:has(use[href='#or-i-chevron-left']),
  :has(use[href='#or-i-chevron-right']),
  :has(use[href='#or-i-chevrons-left']),
  :has(use[href='#or-i-chevrons-right']),
  :has(use[href='#or-i-arrow-left']),
  :has(use[href='#or-i-arrow-right']),
  :has(use[href='#or-i-arrow-up-right']),
  :has(use[href='#or-i-arrow-down-right']),
  :has(use[href='#or-i-log-in']),
  :has(use[href='#or-i-log-out']),
  :has(use[href='#or-i-send']),
  :has(use[href='#or-i-share-2']),
  :has(use[href='#or-i-list-ordered']),
  :has(use[href='#or-i-quote']),
  :has(use[href='#or-i-reply'])),
[dir='rtl'] .or-i-flip {
  transform: scaleX(-1);
}