/* Styles for shared/shapes.js: flat shapes, solid shapes, equal parts, and pattern blocks. */
/* flat shapes (shapeAt), solid shapes (solidFig), equal parts (shareFig), and pattern blocks (pbFig).
   shp a flat shape (b blue); sqc a square-corner mark; sf a solid's face, shaded by which way it points (f front, t top, r right);
   hid a hidden edge; pc a part of a shape (on shaded); pb a pattern block (out: the big block's dashed outline) */
.shp{fill:rgba(255,201,60,.28);stroke:var(--gold);stroke-width:3;stroke-linejoin:round}
.shp.b{fill:rgba(127,227,255,.22);stroke:var(--cyan)}
.sqc{fill:none;stroke:var(--chalk);stroke-width:2}
.sf{stroke:#0a2340;stroke-width:2;stroke-linejoin:round}
.sf.f{fill:#f0c24a}.sf.t{fill:#ffe08a}.sf.r{fill:#c99a26}
.hid{stroke:var(--chalk);stroke-width:2.5;stroke-dasharray:6 5}
.pc{fill:rgba(170,205,255,.1);stroke:var(--chalk);stroke-width:3;stroke-linejoin:round}
.pc.on{fill:var(--gold)}
.pb{stroke:#0a2340;stroke-width:2;stroke-linejoin:round}
.pb.triangle{fill:#5fe0a8}.pb.rhombus{fill:#6f9bff}.pb.trapezoid{fill:#ff7b7b}.pb.hexagon{fill:var(--gold)}
.pb.out{fill:none;stroke:var(--chalk);stroke-width:2.5;stroke-dasharray:7 5}
/* rectangles with their sides (rectFig): the unit squares inside, the outline, and its side labels */
.rgrid{stroke:rgba(170,205,255,.3);stroke-width:1}
.rside{fill:rgba(95,224,168,.16);stroke:var(--good);stroke-width:3}
.rside.ask{stroke:var(--gold)}
/* rectangles cut in two (splitFig): apart a part (b the second, in blue), agrid the unit squares inside, acut the line it's cut
   along, aprod a part's multiplication */
.apart{fill:rgba(255,201,60,.24);stroke:none}
.apart.b{fill:rgba(127,227,255,.22)}
.agrid{fill:none;stroke:rgba(243,246,251,.28);stroke-width:1}
.acut{stroke:var(--pink);stroke-width:3;stroke-dasharray:8 5}
.aprod{fill:var(--chalk)}
/* L-shaped figures (lFig): awhole a figure in one piece, aoutline its outline, agridsq the unit squares inside it; its two parts
   and the cut between them are splitFig's apart and acut */
.awhole{fill:rgba(95,224,168,.16)}
.agridsq{fill:none;stroke:rgba(243,246,251,.28);stroke-width:1}
.aoutline{fill:none;stroke:var(--good);stroke-width:3;stroke-linejoin:round}
.awhole.aoutline{fill:rgba(95,224,168,.16)}