<?xml version="1.0" encoding="UTF-8"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg width="920" height="220" inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" sodipodi:docname="reverse.svg" version="1.1" viewBox="0 0 920 220" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview bordercolor="#999999" borderopacity="1" pagecolor="#ffffff" showgrid="false" units="px"><sodipodi:guide inkscape:color="rgb(0,0,255)" inkscape:label="" inkscape:locked="false" orientation="-1,0" position="460,500"/></sodipodi:namedview><style><![CDATA[
:root {
  --fg-color: rgb(60, 60, 67);
  --bg-color: #ffffff;
}
@media screen and (prefers-color-scheme: dark) {
  :root {
    --fg-color: rgba(255, 255, 245, 0.86);
    --bg-color: #1e1e20;
  }
}
@media print {
  :root {
    --fg-color: #000000;
    --bg-color: #ffffff;
  }
}
.figure {
  fill: var(--fg-color);
  stroke: var(--fg-color);
  stroke-width: 0;
  font-family: 'Chinese Quotes', 'Inter var', 'Inter', ui-sans-serif,
    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  font-size: 16px;
}
.segments rect {
  stroke-width: 4px;
  fill: none;
}
]]></style><g class="figure" inkscape:groupmode="layer" inkscape:label="Layer 1"><g class="segments" transform="translate(51,42)"><rect width="48" height="48" rx="10" ry="10"/><text x="24" y="33" font-size="24px" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="24" y="33" sodipodi:role="line">1</tspan></text><text x="94" y="33" font-size="24px" stroke-width="0" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="94" y="33" sodipodi:role="line">2</tspan></text><rect x="70" width="48" height="48" rx="10" ry="10"/><rect x="140" width="48" height="48" rx="10" ry="10"/><rect x="210" width="48" height="48" rx="10" ry="10"/><rect x="280" width="48" height="48" rx="10" ry="10"/><rect x="350" width="48" height="48" rx="10" ry="10"/><rect x="420" width="48" height="48" rx="10" ry="10"/><rect x="490" width="48" height="48" rx="10" ry="10"/><rect x="560" width="48" height="48" rx="10" ry="10"/><rect x="630" width="48" height="48" rx="10" ry="10"/><rect x="700" width="48" height="48" rx="10" ry="10"/><rect x="770" width="48" height="48" rx="10" ry="10"/><g font-size="24px" stroke-width="0" text-anchor="middle"><text x="164" y="33" text-align="center" xml:space="preserve"><tspan x="164" y="33" sodipodi:role="line">3</tspan></text><text x="234" y="33" text-align="center" xml:space="preserve"><tspan x="234" y="33" sodipodi:role="line">4</tspan></text><text x="304" y="33" text-align="center" xml:space="preserve"><tspan x="304" y="33" sodipodi:role="line">5</tspan></text><text x="374" y="33" text-align="center" xml:space="preserve"><tspan x="374" y="33" sodipodi:role="line">6</tspan></text><text x="444" y="33" text-align="center" xml:space="preserve"><tspan x="444" y="33" sodipodi:role="line">7</tspan></text><text x="514" y="33" text-align="center" xml:space="preserve"><tspan x="514" y="33" sodipodi:role="line">8</tspan></text><text x="584" y="33" text-align="center" xml:space="preserve"><tspan x="584" y="33" sodipodi:role="line">9</tspan></text><text x="654" y="33" text-align="center" xml:space="preserve"><tspan x="654" y="33" sodipodi:role="line">10</tspan></text><text x="724" y="33" text-align="center" xml:space="preserve"><tspan x="724" y="33" sodipodi:role="line">11</tspan></text><text x="794" y="33" text-align="center" xml:space="preserve"><tspan x="794" y="33" sodipodi:role="line">12</tspan></text></g></g><text x="460" y="20" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="460" y="20" sodipodi:role="line">Normal order</tspan></text><g transform="translate(0 120)"><g class="segments" transform="translate(51,42)"><rect width="48" height="48" rx="10" ry="10"/><text x="24" y="33" font-size="24px" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="24" y="33" sodipodi:role="line">12</tspan></text><text x="94" y="33" font-size="24px" stroke-width="0" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="94" y="33" sodipodi:role="line">11</tspan></text><rect x="70" width="48" height="48" rx="10" ry="10"/><rect x="140" width="48" height="48" rx="10" ry="10"/><rect x="210" width="48" height="48" rx="10" ry="10"/><rect x="280" width="48" height="48" rx="10" ry="10"/><rect x="350" width="48" height="48" rx="10" ry="10"/><rect x="420" width="48" height="48" rx="10" ry="10"/><rect x="490" width="48" height="48" rx="10" ry="10"/><rect x="560" width="48" height="48" rx="10" ry="10"/><rect x="630" width="48" height="48" rx="10" ry="10"/><rect x="700" width="48" height="48" rx="10" ry="10"/><rect x="770" width="48" height="48" rx="10" ry="10"/><g font-size="24px" stroke-width="0" text-anchor="middle"><text x="164" y="33" text-align="center" xml:space="preserve"><tspan x="164" y="33" sodipodi:role="line">10</tspan></text><text x="234" y="33" text-align="center" xml:space="preserve"><tspan x="234" y="33" sodipodi:role="line">9</tspan></text><text x="304" y="33" text-align="center" xml:space="preserve"><tspan x="304" y="33" sodipodi:role="line">8</tspan></text><text x="374" y="33" text-align="center" xml:space="preserve"><tspan x="374" y="33" sodipodi:role="line">7</tspan></text><text x="444" y="33" text-align="center" xml:space="preserve"><tspan x="444" y="33" sodipodi:role="line">6</tspan></text><text x="514" y="33" text-align="center" xml:space="preserve"><tspan x="514" y="33" sodipodi:role="line">5</tspan></text><text x="584" y="33" text-align="center" xml:space="preserve"><tspan x="584" y="33" sodipodi:role="line">4</tspan></text><text x="654" y="33" text-align="center" xml:space="preserve"><tspan x="654" y="33" sodipodi:role="line">3</tspan></text><text x="724" y="33" text-align="center" xml:space="preserve"><tspan x="724" y="33" sodipodi:role="line">2</tspan></text><text x="794" y="33" text-align="center" xml:space="preserve"><tspan x="794" y="33" sodipodi:role="line">1</tspan></text></g></g><text x="460" y="20" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="460" y="20" sodipodi:role="line">Reversed order</tspan></text></g></g></svg>
