/* Styles for shared/numlines.js: tape diagrams and open number lines (the marks every number line uses are in pictures.css). */
/* tape diagrams: t0 and t1 the two colors that alternate; gap the dashed difference piece; hi an outlined part */
.tape{stroke-width:2.5}
.tape.t0{fill:rgba(255,201,60,.3);stroke:var(--gold)}
.tape.t1{fill:rgba(127,227,255,.25);stroke:var(--cyan)}
.tape.gap{fill:none;stroke:var(--cyan);stroke-dasharray:6 4}
.tape.hi{stroke:#fff;stroke-width:4}
/* "times as many" tapes (timesTape): the smaller amount (tt0), its copies in the bigger one (tt1), and the extra in "more than" (tgap) */
.tt{stroke-width:2.5}
.tt.tt0{fill:rgba(255,201,60,.3);stroke:var(--gold)}
.tt.tt1{fill:rgba(127,227,255,.25);stroke:var(--cyan)}
.tt.tgap{fill:rgba(255,138,196,.18);stroke:var(--pink);stroke-dasharray:6 4}
/* open number lines (jumps): jn a number's circle (st the start); jarc and jhead a jump's arc and arrowhead */
.jn{fill:rgba(9,32,61,.9);stroke:var(--cyan);stroke-width:2.5}
.jn.st{stroke:var(--gold)}
.jarc{fill:none;stroke:var(--cyan);stroke-width:2.5}
.jhead{fill:var(--cyan)}