/* Generated by app/datacss.py -- the rules whose values are data.
   Edit the vocabulary or the generator, never this file: nothing writes it
   to disk, it is built at import and served from memory. */

/* A bezel's shade, and how far it has yellowed. */
.bz-x-lightly-yellowed { background: #d9cbac; }
.bz-x-yellowed { background: #d1bc8f; }
.bz-x-heavily-yellowed { background: #c5a66d; }
.bz-x-browned { background: #9c8255; }
.bz-x-unevenly-yellowed { background: linear-gradient(115deg, #d9ccb0 46%, #ccaf76 54%); }
.bz-black-x { background: #1a1b1d; }
.bz-black-lightly-yellowed { background: #3c3425; }
.bz-black-yellowed { background: #584726; }
.bz-black-heavily-yellowed { background: #735726; }
.bz-black-browned { background: #715930; }
.bz-black-unevenly-yellowed { background: linear-gradient(115deg, #322c20 46%, #745b2a 54%); }
.bz-dark-grey-x { background: #4b4f55; }
.bz-dark-grey-lightly-yellowed { background: #635e52; }
.bz-dark-grey-yellowed { background: #766748; }
.bz-dark-grey-heavily-yellowed { background: #876d3d; }
.bz-dark-grey-browned { background: #7c643c; }
.bz-dark-grey-unevenly-yellowed { background: linear-gradient(115deg, #5c5950 46%, #8a7243 54%); }
.bz-grey-x { background: #8b9097; }
.bz-grey-lightly-yellowed { background: #969286; }
.bz-grey-yellowed { background: #9e9071; }
.bz-grey-heavily-yellowed { background: #a28859; }
.bz-grey-browned { background: #8a724b; }
.bz-grey-unevenly-yellowed { background: linear-gradient(115deg, #929088 46%, #a68f61 54%); }
.bz-light-grey-x { background: #c3c7cc; }
.bz-light-grey-lightly-yellowed { background: #c3beb1; }
.bz-light-grey-yellowed { background: #c1b292; }
.bz-light-grey-heavily-yellowed { background: #ba9f6f; }
.bz-light-grey-browned { background: #977e56; }
.bz-light-grey-unevenly-yellowed { background: linear-gradient(115deg, #c2bfb5 46%, #c0a878 54%); }
.bz-white-x { background: #f6f6f4; }
.bz-white-lightly-yellowed { background: #ece4d1; }
.bz-white-yellowed { background: #e0cfab; }
.bz-white-heavily-yellowed { background: #cfb380; }
.bz-white-browned { background: #a2895f; }
.bz-white-unevenly-yellowed { background: linear-gradient(115deg, #ede7d7 46%, #d7bd8a 54%); }
.bz-off-white-x { background: #ece8dc; }
.bz-off-white-lightly-yellowed { background: #e4d8be; }
.bz-off-white-yellowed { background: #dac69c; }
.bz-off-white-heavily-yellowed { background: #cbad76; }
.bz-off-white-browned { background: #a0865a; }
.bz-off-white-unevenly-yellowed { background: linear-gradient(115deg, #e5dbc3 46%, #d2b780 54%); }
.bz-beige-x { background: #dad0b8; }
.bz-beige-lightly-yellowed { background: #d6c5a1; }
.bz-beige-yellowed { background: #cfb786; }
.bz-beige-heavily-yellowed { background: #c3a367; }
.bz-beige-browned { background: #9c8052; }
.bz-beige-unevenly-yellowed { background: linear-gradient(115deg, #d6c6a4 46%, #caac6f 54%); }
.bz-warm-beige-x { background: #cebb9a; }
.bz-warm-beige-lightly-yellowed { background: #ccb489; }
.bz-warm-beige-yellowed { background: #c8aa73; }
.bz-warm-beige-heavily-yellowed { background: #be9a5a; }
.bz-warm-beige-browned { background: #997c4b; }
.bz-warm-beige-unevenly-yellowed { background: linear-gradient(115deg, #cbb48b 46%, #c5a362 54%); }
.bz-grey-beige-x { background: #c8c5b5; }
.bz-grey-beige-lightly-yellowed { background: #c7bc9e; }
.bz-grey-beige-yellowed { background: #c4b084; }
.bz-grey-beige-heavily-yellowed { background: #bc9e66; }
.bz-grey-beige-browned { background: #987e51; }
.bz-grey-beige-unevenly-yellowed { background: linear-gradient(115deg, #c6bda2 46%, #c2a76e 54%); }

/* How long a bar on the statistics page is. */
.rank .fill.w-0 { width: 0%; }
.rank .fill.w-5 { width: 0.5%; }
.rank .fill.w-10 { width: 1%; }
.rank .fill.w-15 { width: 1.5%; }
.rank .fill.w-20 { width: 2%; }
.rank .fill.w-25 { width: 2.5%; }
.rank .fill.w-30 { width: 3%; }
.rank .fill.w-35 { width: 3.5%; }
.rank .fill.w-40 { width: 4%; }
.rank .fill.w-45 { width: 4.5%; }
.rank .fill.w-50 { width: 5%; }
.rank .fill.w-55 { width: 5.5%; }
.rank .fill.w-60 { width: 6%; }
.rank .fill.w-65 { width: 6.5%; }
.rank .fill.w-70 { width: 7%; }
.rank .fill.w-75 { width: 7.5%; }
.rank .fill.w-80 { width: 8%; }
.rank .fill.w-85 { width: 8.5%; }
.rank .fill.w-90 { width: 9%; }
.rank .fill.w-95 { width: 9.5%; }
.rank .fill.w-100 { width: 10%; }
.rank .fill.w-105 { width: 10.5%; }
.rank .fill.w-110 { width: 11%; }
.rank .fill.w-115 { width: 11.5%; }
.rank .fill.w-120 { width: 12%; }
.rank .fill.w-125 { width: 12.5%; }
.rank .fill.w-130 { width: 13%; }
.rank .fill.w-135 { width: 13.5%; }
.rank .fill.w-140 { width: 14%; }
.rank .fill.w-145 { width: 14.5%; }
.rank .fill.w-150 { width: 15%; }
.rank .fill.w-155 { width: 15.5%; }
.rank .fill.w-160 { width: 16%; }
.rank .fill.w-165 { width: 16.5%; }
.rank .fill.w-170 { width: 17%; }
.rank .fill.w-175 { width: 17.5%; }
.rank .fill.w-180 { width: 18%; }
.rank .fill.w-185 { width: 18.5%; }
.rank .fill.w-190 { width: 19%; }
.rank .fill.w-195 { width: 19.5%; }
.rank .fill.w-200 { width: 20%; }
.rank .fill.w-205 { width: 20.5%; }
.rank .fill.w-210 { width: 21%; }
.rank .fill.w-215 { width: 21.5%; }
.rank .fill.w-220 { width: 22%; }
.rank .fill.w-225 { width: 22.5%; }
.rank .fill.w-230 { width: 23%; }
.rank .fill.w-235 { width: 23.5%; }
.rank .fill.w-240 { width: 24%; }
.rank .fill.w-245 { width: 24.5%; }
.rank .fill.w-250 { width: 25%; }
.rank .fill.w-255 { width: 25.5%; }
.rank .fill.w-260 { width: 26%; }
.rank .fill.w-265 { width: 26.5%; }
.rank .fill.w-270 { width: 27%; }
.rank .fill.w-275 { width: 27.5%; }
.rank .fill.w-280 { width: 28%; }
.rank .fill.w-285 { width: 28.5%; }
.rank .fill.w-290 { width: 29%; }
.rank .fill.w-295 { width: 29.5%; }
.rank .fill.w-300 { width: 30%; }
.rank .fill.w-305 { width: 30.5%; }
.rank .fill.w-310 { width: 31%; }
.rank .fill.w-315 { width: 31.5%; }
.rank .fill.w-320 { width: 32%; }
.rank .fill.w-325 { width: 32.5%; }
.rank .fill.w-330 { width: 33%; }
.rank .fill.w-335 { width: 33.5%; }
.rank .fill.w-340 { width: 34%; }
.rank .fill.w-345 { width: 34.5%; }
.rank .fill.w-350 { width: 35%; }
.rank .fill.w-355 { width: 35.5%; }
.rank .fill.w-360 { width: 36%; }
.rank .fill.w-365 { width: 36.5%; }
.rank .fill.w-370 { width: 37%; }
.rank .fill.w-375 { width: 37.5%; }
.rank .fill.w-380 { width: 38%; }
.rank .fill.w-385 { width: 38.5%; }
.rank .fill.w-390 { width: 39%; }
.rank .fill.w-395 { width: 39.5%; }
.rank .fill.w-400 { width: 40%; }
.rank .fill.w-405 { width: 40.5%; }
.rank .fill.w-410 { width: 41%; }
.rank .fill.w-415 { width: 41.5%; }
.rank .fill.w-420 { width: 42%; }
.rank .fill.w-425 { width: 42.5%; }
.rank .fill.w-430 { width: 43%; }
.rank .fill.w-435 { width: 43.5%; }
.rank .fill.w-440 { width: 44%; }
.rank .fill.w-445 { width: 44.5%; }
.rank .fill.w-450 { width: 45%; }
.rank .fill.w-455 { width: 45.5%; }
.rank .fill.w-460 { width: 46%; }
.rank .fill.w-465 { width: 46.5%; }
.rank .fill.w-470 { width: 47%; }
.rank .fill.w-475 { width: 47.5%; }
.rank .fill.w-480 { width: 48%; }
.rank .fill.w-485 { width: 48.5%; }
.rank .fill.w-490 { width: 49%; }
.rank .fill.w-495 { width: 49.5%; }
.rank .fill.w-500 { width: 50%; }
.rank .fill.w-505 { width: 50.5%; }
.rank .fill.w-510 { width: 51%; }
.rank .fill.w-515 { width: 51.5%; }
.rank .fill.w-520 { width: 52%; }
.rank .fill.w-525 { width: 52.5%; }
.rank .fill.w-530 { width: 53%; }
.rank .fill.w-535 { width: 53.5%; }
.rank .fill.w-540 { width: 54%; }
.rank .fill.w-545 { width: 54.5%; }
.rank .fill.w-550 { width: 55%; }
.rank .fill.w-555 { width: 55.5%; }
.rank .fill.w-560 { width: 56%; }
.rank .fill.w-565 { width: 56.5%; }
.rank .fill.w-570 { width: 57%; }
.rank .fill.w-575 { width: 57.5%; }
.rank .fill.w-580 { width: 58%; }
.rank .fill.w-585 { width: 58.5%; }
.rank .fill.w-590 { width: 59%; }
.rank .fill.w-595 { width: 59.5%; }
.rank .fill.w-600 { width: 60%; }
.rank .fill.w-605 { width: 60.5%; }
.rank .fill.w-610 { width: 61%; }
.rank .fill.w-615 { width: 61.5%; }
.rank .fill.w-620 { width: 62%; }
.rank .fill.w-625 { width: 62.5%; }
.rank .fill.w-630 { width: 63%; }
.rank .fill.w-635 { width: 63.5%; }
.rank .fill.w-640 { width: 64%; }
.rank .fill.w-645 { width: 64.5%; }
.rank .fill.w-650 { width: 65%; }
.rank .fill.w-655 { width: 65.5%; }
.rank .fill.w-660 { width: 66%; }
.rank .fill.w-665 { width: 66.5%; }
.rank .fill.w-670 { width: 67%; }
.rank .fill.w-675 { width: 67.5%; }
.rank .fill.w-680 { width: 68%; }
.rank .fill.w-685 { width: 68.5%; }
.rank .fill.w-690 { width: 69%; }
.rank .fill.w-695 { width: 69.5%; }
.rank .fill.w-700 { width: 70%; }
.rank .fill.w-705 { width: 70.5%; }
.rank .fill.w-710 { width: 71%; }
.rank .fill.w-715 { width: 71.5%; }
.rank .fill.w-720 { width: 72%; }
.rank .fill.w-725 { width: 72.5%; }
.rank .fill.w-730 { width: 73%; }
.rank .fill.w-735 { width: 73.5%; }
.rank .fill.w-740 { width: 74%; }
.rank .fill.w-745 { width: 74.5%; }
.rank .fill.w-750 { width: 75%; }
.rank .fill.w-755 { width: 75.5%; }
.rank .fill.w-760 { width: 76%; }
.rank .fill.w-765 { width: 76.5%; }
.rank .fill.w-770 { width: 77%; }
.rank .fill.w-775 { width: 77.5%; }
.rank .fill.w-780 { width: 78%; }
.rank .fill.w-785 { width: 78.5%; }
.rank .fill.w-790 { width: 79%; }
.rank .fill.w-795 { width: 79.5%; }
.rank .fill.w-800 { width: 80%; }
.rank .fill.w-805 { width: 80.5%; }
.rank .fill.w-810 { width: 81%; }
.rank .fill.w-815 { width: 81.5%; }
.rank .fill.w-820 { width: 82%; }
.rank .fill.w-825 { width: 82.5%; }
.rank .fill.w-830 { width: 83%; }
.rank .fill.w-835 { width: 83.5%; }
.rank .fill.w-840 { width: 84%; }
.rank .fill.w-845 { width: 84.5%; }
.rank .fill.w-850 { width: 85%; }
.rank .fill.w-855 { width: 85.5%; }
.rank .fill.w-860 { width: 86%; }
.rank .fill.w-865 { width: 86.5%; }
.rank .fill.w-870 { width: 87%; }
.rank .fill.w-875 { width: 87.5%; }
.rank .fill.w-880 { width: 88%; }
.rank .fill.w-885 { width: 88.5%; }
.rank .fill.w-890 { width: 89%; }
.rank .fill.w-895 { width: 89.5%; }
.rank .fill.w-900 { width: 90%; }
.rank .fill.w-905 { width: 90.5%; }
.rank .fill.w-910 { width: 91%; }
.rank .fill.w-915 { width: 91.5%; }
.rank .fill.w-920 { width: 92%; }
.rank .fill.w-925 { width: 92.5%; }
.rank .fill.w-930 { width: 93%; }
.rank .fill.w-935 { width: 93.5%; }
.rank .fill.w-940 { width: 94%; }
.rank .fill.w-945 { width: 94.5%; }
.rank .fill.w-950 { width: 95%; }
.rank .fill.w-955 { width: 95.5%; }
.rank .fill.w-960 { width: 96%; }
.rank .fill.w-965 { width: 96.5%; }
.rank .fill.w-970 { width: 97%; }
.rank .fill.w-975 { width: 97.5%; }
.rank .fill.w-980 { width: 98%; }
.rank .fill.w-985 { width: 98.5%; }
.rank .fill.w-990 { width: 99%; }
.rank .fill.w-995 { width: 99.5%; }
.rank .fill.w-1000 { width: 100%; }