/* An avatar's colour comes from its address (ApplicationHelper#avatar_for),
   one of 360 hues. They're set here rather than inline, so the Content
   Security Policy needn't allow inline styles. Generated; to regenerate:
   ruby -e '(0..359).each { |h| puts %(.avatar[data-hue="#{h}"] { --avatar-hue: #{h}; }) }' */

.avatar[data-hue="0"] { --avatar-hue: 0; }
.avatar[data-hue="1"] { --avatar-hue: 1; }
.avatar[data-hue="2"] { --avatar-hue: 2; }
.avatar[data-hue="3"] { --avatar-hue: 3; }
.avatar[data-hue="4"] { --avatar-hue: 4; }
.avatar[data-hue="5"] { --avatar-hue: 5; }
.avatar[data-hue="6"] { --avatar-hue: 6; }
.avatar[data-hue="7"] { --avatar-hue: 7; }
.avatar[data-hue="8"] { --avatar-hue: 8; }
.avatar[data-hue="9"] { --avatar-hue: 9; }
.avatar[data-hue="10"] { --avatar-hue: 10; }
.avatar[data-hue="11"] { --avatar-hue: 11; }
.avatar[data-hue="12"] { --avatar-hue: 12; }
.avatar[data-hue="13"] { --avatar-hue: 13; }
.avatar[data-hue="14"] { --avatar-hue: 14; }
.avatar[data-hue="15"] { --avatar-hue: 15; }
.avatar[data-hue="16"] { --avatar-hue: 16; }
.avatar[data-hue="17"] { --avatar-hue: 17; }
.avatar[data-hue="18"] { --avatar-hue: 18; }
.avatar[data-hue="19"] { --avatar-hue: 19; }
.avatar[data-hue="20"] { --avatar-hue: 20; }
.avatar[data-hue="21"] { --avatar-hue: 21; }
.avatar[data-hue="22"] { --avatar-hue: 22; }
.avatar[data-hue="23"] { --avatar-hue: 23; }
.avatar[data-hue="24"] { --avatar-hue: 24; }
.avatar[data-hue="25"] { --avatar-hue: 25; }
.avatar[data-hue="26"] { --avatar-hue: 26; }
.avatar[data-hue="27"] { --avatar-hue: 27; }
.avatar[data-hue="28"] { --avatar-hue: 28; }
.avatar[data-hue="29"] { --avatar-hue: 29; }
.avatar[data-hue="30"] { --avatar-hue: 30; }
.avatar[data-hue="31"] { --avatar-hue: 31; }
.avatar[data-hue="32"] { --avatar-hue: 32; }
.avatar[data-hue="33"] { --avatar-hue: 33; }
.avatar[data-hue="34"] { --avatar-hue: 34; }
.avatar[data-hue="35"] { --avatar-hue: 35; }
.avatar[data-hue="36"] { --avatar-hue: 36; }
.avatar[data-hue="37"] { --avatar-hue: 37; }
.avatar[data-hue="38"] { --avatar-hue: 38; }
.avatar[data-hue="39"] { --avatar-hue: 39; }
.avatar[data-hue="40"] { --avatar-hue: 40; }
.avatar[data-hue="41"] { --avatar-hue: 41; }
.avatar[data-hue="42"] { --avatar-hue: 42; }
.avatar[data-hue="43"] { --avatar-hue: 43; }
.avatar[data-hue="44"] { --avatar-hue: 44; }
.avatar[data-hue="45"] { --avatar-hue: 45; }
.avatar[data-hue="46"] { --avatar-hue: 46; }
.avatar[data-hue="47"] { --avatar-hue: 47; }
.avatar[data-hue="48"] { --avatar-hue: 48; }
.avatar[data-hue="49"] { --avatar-hue: 49; }
.avatar[data-hue="50"] { --avatar-hue: 50; }
.avatar[data-hue="51"] { --avatar-hue: 51; }
.avatar[data-hue="52"] { --avatar-hue: 52; }
.avatar[data-hue="53"] { --avatar-hue: 53; }
.avatar[data-hue="54"] { --avatar-hue: 54; }
.avatar[data-hue="55"] { --avatar-hue: 55; }
.avatar[data-hue="56"] { --avatar-hue: 56; }
.avatar[data-hue="57"] { --avatar-hue: 57; }
.avatar[data-hue="58"] { --avatar-hue: 58; }
.avatar[data-hue="59"] { --avatar-hue: 59; }
.avatar[data-hue="60"] { --avatar-hue: 60; }
.avatar[data-hue="61"] { --avatar-hue: 61; }
.avatar[data-hue="62"] { --avatar-hue: 62; }
.avatar[data-hue="63"] { --avatar-hue: 63; }
.avatar[data-hue="64"] { --avatar-hue: 64; }
.avatar[data-hue="65"] { --avatar-hue: 65; }
.avatar[data-hue="66"] { --avatar-hue: 66; }
.avatar[data-hue="67"] { --avatar-hue: 67; }
.avatar[data-hue="68"] { --avatar-hue: 68; }
.avatar[data-hue="69"] { --avatar-hue: 69; }
.avatar[data-hue="70"] { --avatar-hue: 70; }
.avatar[data-hue="71"] { --avatar-hue: 71; }
.avatar[data-hue="72"] { --avatar-hue: 72; }
.avatar[data-hue="73"] { --avatar-hue: 73; }
.avatar[data-hue="74"] { --avatar-hue: 74; }
.avatar[data-hue="75"] { --avatar-hue: 75; }
.avatar[data-hue="76"] { --avatar-hue: 76; }
.avatar[data-hue="77"] { --avatar-hue: 77; }
.avatar[data-hue="78"] { --avatar-hue: 78; }
.avatar[data-hue="79"] { --avatar-hue: 79; }
.avatar[data-hue="80"] { --avatar-hue: 80; }
.avatar[data-hue="81"] { --avatar-hue: 81; }
.avatar[data-hue="82"] { --avatar-hue: 82; }
.avatar[data-hue="83"] { --avatar-hue: 83; }
.avatar[data-hue="84"] { --avatar-hue: 84; }
.avatar[data-hue="85"] { --avatar-hue: 85; }
.avatar[data-hue="86"] { --avatar-hue: 86; }
.avatar[data-hue="87"] { --avatar-hue: 87; }
.avatar[data-hue="88"] { --avatar-hue: 88; }
.avatar[data-hue="89"] { --avatar-hue: 89; }
.avatar[data-hue="90"] { --avatar-hue: 90; }
.avatar[data-hue="91"] { --avatar-hue: 91; }
.avatar[data-hue="92"] { --avatar-hue: 92; }
.avatar[data-hue="93"] { --avatar-hue: 93; }
.avatar[data-hue="94"] { --avatar-hue: 94; }
.avatar[data-hue="95"] { --avatar-hue: 95; }
.avatar[data-hue="96"] { --avatar-hue: 96; }
.avatar[data-hue="97"] { --avatar-hue: 97; }
.avatar[data-hue="98"] { --avatar-hue: 98; }
.avatar[data-hue="99"] { --avatar-hue: 99; }
.avatar[data-hue="100"] { --avatar-hue: 100; }
.avatar[data-hue="101"] { --avatar-hue: 101; }
.avatar[data-hue="102"] { --avatar-hue: 102; }
.avatar[data-hue="103"] { --avatar-hue: 103; }
.avatar[data-hue="104"] { --avatar-hue: 104; }
.avatar[data-hue="105"] { --avatar-hue: 105; }
.avatar[data-hue="106"] { --avatar-hue: 106; }
.avatar[data-hue="107"] { --avatar-hue: 107; }
.avatar[data-hue="108"] { --avatar-hue: 108; }
.avatar[data-hue="109"] { --avatar-hue: 109; }
.avatar[data-hue="110"] { --avatar-hue: 110; }
.avatar[data-hue="111"] { --avatar-hue: 111; }
.avatar[data-hue="112"] { --avatar-hue: 112; }
.avatar[data-hue="113"] { --avatar-hue: 113; }
.avatar[data-hue="114"] { --avatar-hue: 114; }
.avatar[data-hue="115"] { --avatar-hue: 115; }
.avatar[data-hue="116"] { --avatar-hue: 116; }
.avatar[data-hue="117"] { --avatar-hue: 117; }
.avatar[data-hue="118"] { --avatar-hue: 118; }
.avatar[data-hue="119"] { --avatar-hue: 119; }
.avatar[data-hue="120"] { --avatar-hue: 120; }
.avatar[data-hue="121"] { --avatar-hue: 121; }
.avatar[data-hue="122"] { --avatar-hue: 122; }
.avatar[data-hue="123"] { --avatar-hue: 123; }
.avatar[data-hue="124"] { --avatar-hue: 124; }
.avatar[data-hue="125"] { --avatar-hue: 125; }
.avatar[data-hue="126"] { --avatar-hue: 126; }
.avatar[data-hue="127"] { --avatar-hue: 127; }
.avatar[data-hue="128"] { --avatar-hue: 128; }
.avatar[data-hue="129"] { --avatar-hue: 129; }
.avatar[data-hue="130"] { --avatar-hue: 130; }
.avatar[data-hue="131"] { --avatar-hue: 131; }
.avatar[data-hue="132"] { --avatar-hue: 132; }
.avatar[data-hue="133"] { --avatar-hue: 133; }
.avatar[data-hue="134"] { --avatar-hue: 134; }
.avatar[data-hue="135"] { --avatar-hue: 135; }
.avatar[data-hue="136"] { --avatar-hue: 136; }
.avatar[data-hue="137"] { --avatar-hue: 137; }
.avatar[data-hue="138"] { --avatar-hue: 138; }
.avatar[data-hue="139"] { --avatar-hue: 139; }
.avatar[data-hue="140"] { --avatar-hue: 140; }
.avatar[data-hue="141"] { --avatar-hue: 141; }
.avatar[data-hue="142"] { --avatar-hue: 142; }
.avatar[data-hue="143"] { --avatar-hue: 143; }
.avatar[data-hue="144"] { --avatar-hue: 144; }
.avatar[data-hue="145"] { --avatar-hue: 145; }
.avatar[data-hue="146"] { --avatar-hue: 146; }
.avatar[data-hue="147"] { --avatar-hue: 147; }
.avatar[data-hue="148"] { --avatar-hue: 148; }
.avatar[data-hue="149"] { --avatar-hue: 149; }
.avatar[data-hue="150"] { --avatar-hue: 150; }
.avatar[data-hue="151"] { --avatar-hue: 151; }
.avatar[data-hue="152"] { --avatar-hue: 152; }
.avatar[data-hue="153"] { --avatar-hue: 153; }
.avatar[data-hue="154"] { --avatar-hue: 154; }
.avatar[data-hue="155"] { --avatar-hue: 155; }
.avatar[data-hue="156"] { --avatar-hue: 156; }
.avatar[data-hue="157"] { --avatar-hue: 157; }
.avatar[data-hue="158"] { --avatar-hue: 158; }
.avatar[data-hue="159"] { --avatar-hue: 159; }
.avatar[data-hue="160"] { --avatar-hue: 160; }
.avatar[data-hue="161"] { --avatar-hue: 161; }
.avatar[data-hue="162"] { --avatar-hue: 162; }
.avatar[data-hue="163"] { --avatar-hue: 163; }
.avatar[data-hue="164"] { --avatar-hue: 164; }
.avatar[data-hue="165"] { --avatar-hue: 165; }
.avatar[data-hue="166"] { --avatar-hue: 166; }
.avatar[data-hue="167"] { --avatar-hue: 167; }
.avatar[data-hue="168"] { --avatar-hue: 168; }
.avatar[data-hue="169"] { --avatar-hue: 169; }
.avatar[data-hue="170"] { --avatar-hue: 170; }
.avatar[data-hue="171"] { --avatar-hue: 171; }
.avatar[data-hue="172"] { --avatar-hue: 172; }
.avatar[data-hue="173"] { --avatar-hue: 173; }
.avatar[data-hue="174"] { --avatar-hue: 174; }
.avatar[data-hue="175"] { --avatar-hue: 175; }
.avatar[data-hue="176"] { --avatar-hue: 176; }
.avatar[data-hue="177"] { --avatar-hue: 177; }
.avatar[data-hue="178"] { --avatar-hue: 178; }
.avatar[data-hue="179"] { --avatar-hue: 179; }
.avatar[data-hue="180"] { --avatar-hue: 180; }
.avatar[data-hue="181"] { --avatar-hue: 181; }
.avatar[data-hue="182"] { --avatar-hue: 182; }
.avatar[data-hue="183"] { --avatar-hue: 183; }
.avatar[data-hue="184"] { --avatar-hue: 184; }
.avatar[data-hue="185"] { --avatar-hue: 185; }
.avatar[data-hue="186"] { --avatar-hue: 186; }
.avatar[data-hue="187"] { --avatar-hue: 187; }
.avatar[data-hue="188"] { --avatar-hue: 188; }
.avatar[data-hue="189"] { --avatar-hue: 189; }
.avatar[data-hue="190"] { --avatar-hue: 190; }
.avatar[data-hue="191"] { --avatar-hue: 191; }
.avatar[data-hue="192"] { --avatar-hue: 192; }
.avatar[data-hue="193"] { --avatar-hue: 193; }
.avatar[data-hue="194"] { --avatar-hue: 194; }
.avatar[data-hue="195"] { --avatar-hue: 195; }
.avatar[data-hue="196"] { --avatar-hue: 196; }
.avatar[data-hue="197"] { --avatar-hue: 197; }
.avatar[data-hue="198"] { --avatar-hue: 198; }
.avatar[data-hue="199"] { --avatar-hue: 199; }
.avatar[data-hue="200"] { --avatar-hue: 200; }
.avatar[data-hue="201"] { --avatar-hue: 201; }
.avatar[data-hue="202"] { --avatar-hue: 202; }
.avatar[data-hue="203"] { --avatar-hue: 203; }
.avatar[data-hue="204"] { --avatar-hue: 204; }
.avatar[data-hue="205"] { --avatar-hue: 205; }
.avatar[data-hue="206"] { --avatar-hue: 206; }
.avatar[data-hue="207"] { --avatar-hue: 207; }
.avatar[data-hue="208"] { --avatar-hue: 208; }
.avatar[data-hue="209"] { --avatar-hue: 209; }
.avatar[data-hue="210"] { --avatar-hue: 210; }
.avatar[data-hue="211"] { --avatar-hue: 211; }
.avatar[data-hue="212"] { --avatar-hue: 212; }
.avatar[data-hue="213"] { --avatar-hue: 213; }
.avatar[data-hue="214"] { --avatar-hue: 214; }
.avatar[data-hue="215"] { --avatar-hue: 215; }
.avatar[data-hue="216"] { --avatar-hue: 216; }
.avatar[data-hue="217"] { --avatar-hue: 217; }
.avatar[data-hue="218"] { --avatar-hue: 218; }
.avatar[data-hue="219"] { --avatar-hue: 219; }
.avatar[data-hue="220"] { --avatar-hue: 220; }
.avatar[data-hue="221"] { --avatar-hue: 221; }
.avatar[data-hue="222"] { --avatar-hue: 222; }
.avatar[data-hue="223"] { --avatar-hue: 223; }
.avatar[data-hue="224"] { --avatar-hue: 224; }
.avatar[data-hue="225"] { --avatar-hue: 225; }
.avatar[data-hue="226"] { --avatar-hue: 226; }
.avatar[data-hue="227"] { --avatar-hue: 227; }
.avatar[data-hue="228"] { --avatar-hue: 228; }
.avatar[data-hue="229"] { --avatar-hue: 229; }
.avatar[data-hue="230"] { --avatar-hue: 230; }
.avatar[data-hue="231"] { --avatar-hue: 231; }
.avatar[data-hue="232"] { --avatar-hue: 232; }
.avatar[data-hue="233"] { --avatar-hue: 233; }
.avatar[data-hue="234"] { --avatar-hue: 234; }
.avatar[data-hue="235"] { --avatar-hue: 235; }
.avatar[data-hue="236"] { --avatar-hue: 236; }
.avatar[data-hue="237"] { --avatar-hue: 237; }
.avatar[data-hue="238"] { --avatar-hue: 238; }
.avatar[data-hue="239"] { --avatar-hue: 239; }
.avatar[data-hue="240"] { --avatar-hue: 240; }
.avatar[data-hue="241"] { --avatar-hue: 241; }
.avatar[data-hue="242"] { --avatar-hue: 242; }
.avatar[data-hue="243"] { --avatar-hue: 243; }
.avatar[data-hue="244"] { --avatar-hue: 244; }
.avatar[data-hue="245"] { --avatar-hue: 245; }
.avatar[data-hue="246"] { --avatar-hue: 246; }
.avatar[data-hue="247"] { --avatar-hue: 247; }
.avatar[data-hue="248"] { --avatar-hue: 248; }
.avatar[data-hue="249"] { --avatar-hue: 249; }
.avatar[data-hue="250"] { --avatar-hue: 250; }
.avatar[data-hue="251"] { --avatar-hue: 251; }
.avatar[data-hue="252"] { --avatar-hue: 252; }
.avatar[data-hue="253"] { --avatar-hue: 253; }
.avatar[data-hue="254"] { --avatar-hue: 254; }
.avatar[data-hue="255"] { --avatar-hue: 255; }
.avatar[data-hue="256"] { --avatar-hue: 256; }
.avatar[data-hue="257"] { --avatar-hue: 257; }
.avatar[data-hue="258"] { --avatar-hue: 258; }
.avatar[data-hue="259"] { --avatar-hue: 259; }
.avatar[data-hue="260"] { --avatar-hue: 260; }
.avatar[data-hue="261"] { --avatar-hue: 261; }
.avatar[data-hue="262"] { --avatar-hue: 262; }
.avatar[data-hue="263"] { --avatar-hue: 263; }
.avatar[data-hue="264"] { --avatar-hue: 264; }
.avatar[data-hue="265"] { --avatar-hue: 265; }
.avatar[data-hue="266"] { --avatar-hue: 266; }
.avatar[data-hue="267"] { --avatar-hue: 267; }
.avatar[data-hue="268"] { --avatar-hue: 268; }
.avatar[data-hue="269"] { --avatar-hue: 269; }
.avatar[data-hue="270"] { --avatar-hue: 270; }
.avatar[data-hue="271"] { --avatar-hue: 271; }
.avatar[data-hue="272"] { --avatar-hue: 272; }
.avatar[data-hue="273"] { --avatar-hue: 273; }
.avatar[data-hue="274"] { --avatar-hue: 274; }
.avatar[data-hue="275"] { --avatar-hue: 275; }
.avatar[data-hue="276"] { --avatar-hue: 276; }
.avatar[data-hue="277"] { --avatar-hue: 277; }
.avatar[data-hue="278"] { --avatar-hue: 278; }
.avatar[data-hue="279"] { --avatar-hue: 279; }
.avatar[data-hue="280"] { --avatar-hue: 280; }
.avatar[data-hue="281"] { --avatar-hue: 281; }
.avatar[data-hue="282"] { --avatar-hue: 282; }
.avatar[data-hue="283"] { --avatar-hue: 283; }
.avatar[data-hue="284"] { --avatar-hue: 284; }
.avatar[data-hue="285"] { --avatar-hue: 285; }
.avatar[data-hue="286"] { --avatar-hue: 286; }
.avatar[data-hue="287"] { --avatar-hue: 287; }
.avatar[data-hue="288"] { --avatar-hue: 288; }
.avatar[data-hue="289"] { --avatar-hue: 289; }
.avatar[data-hue="290"] { --avatar-hue: 290; }
.avatar[data-hue="291"] { --avatar-hue: 291; }
.avatar[data-hue="292"] { --avatar-hue: 292; }
.avatar[data-hue="293"] { --avatar-hue: 293; }
.avatar[data-hue="294"] { --avatar-hue: 294; }
.avatar[data-hue="295"] { --avatar-hue: 295; }
.avatar[data-hue="296"] { --avatar-hue: 296; }
.avatar[data-hue="297"] { --avatar-hue: 297; }
.avatar[data-hue="298"] { --avatar-hue: 298; }
.avatar[data-hue="299"] { --avatar-hue: 299; }
.avatar[data-hue="300"] { --avatar-hue: 300; }
.avatar[data-hue="301"] { --avatar-hue: 301; }
.avatar[data-hue="302"] { --avatar-hue: 302; }
.avatar[data-hue="303"] { --avatar-hue: 303; }
.avatar[data-hue="304"] { --avatar-hue: 304; }
.avatar[data-hue="305"] { --avatar-hue: 305; }
.avatar[data-hue="306"] { --avatar-hue: 306; }
.avatar[data-hue="307"] { --avatar-hue: 307; }
.avatar[data-hue="308"] { --avatar-hue: 308; }
.avatar[data-hue="309"] { --avatar-hue: 309; }
.avatar[data-hue="310"] { --avatar-hue: 310; }
.avatar[data-hue="311"] { --avatar-hue: 311; }
.avatar[data-hue="312"] { --avatar-hue: 312; }
.avatar[data-hue="313"] { --avatar-hue: 313; }
.avatar[data-hue="314"] { --avatar-hue: 314; }
.avatar[data-hue="315"] { --avatar-hue: 315; }
.avatar[data-hue="316"] { --avatar-hue: 316; }
.avatar[data-hue="317"] { --avatar-hue: 317; }
.avatar[data-hue="318"] { --avatar-hue: 318; }
.avatar[data-hue="319"] { --avatar-hue: 319; }
.avatar[data-hue="320"] { --avatar-hue: 320; }
.avatar[data-hue="321"] { --avatar-hue: 321; }
.avatar[data-hue="322"] { --avatar-hue: 322; }
.avatar[data-hue="323"] { --avatar-hue: 323; }
.avatar[data-hue="324"] { --avatar-hue: 324; }
.avatar[data-hue="325"] { --avatar-hue: 325; }
.avatar[data-hue="326"] { --avatar-hue: 326; }
.avatar[data-hue="327"] { --avatar-hue: 327; }
.avatar[data-hue="328"] { --avatar-hue: 328; }
.avatar[data-hue="329"] { --avatar-hue: 329; }
.avatar[data-hue="330"] { --avatar-hue: 330; }
.avatar[data-hue="331"] { --avatar-hue: 331; }
.avatar[data-hue="332"] { --avatar-hue: 332; }
.avatar[data-hue="333"] { --avatar-hue: 333; }
.avatar[data-hue="334"] { --avatar-hue: 334; }
.avatar[data-hue="335"] { --avatar-hue: 335; }
.avatar[data-hue="336"] { --avatar-hue: 336; }
.avatar[data-hue="337"] { --avatar-hue: 337; }
.avatar[data-hue="338"] { --avatar-hue: 338; }
.avatar[data-hue="339"] { --avatar-hue: 339; }
.avatar[data-hue="340"] { --avatar-hue: 340; }
.avatar[data-hue="341"] { --avatar-hue: 341; }
.avatar[data-hue="342"] { --avatar-hue: 342; }
.avatar[data-hue="343"] { --avatar-hue: 343; }
.avatar[data-hue="344"] { --avatar-hue: 344; }
.avatar[data-hue="345"] { --avatar-hue: 345; }
.avatar[data-hue="346"] { --avatar-hue: 346; }
.avatar[data-hue="347"] { --avatar-hue: 347; }
.avatar[data-hue="348"] { --avatar-hue: 348; }
.avatar[data-hue="349"] { --avatar-hue: 349; }
.avatar[data-hue="350"] { --avatar-hue: 350; }
.avatar[data-hue="351"] { --avatar-hue: 351; }
.avatar[data-hue="352"] { --avatar-hue: 352; }
.avatar[data-hue="353"] { --avatar-hue: 353; }
.avatar[data-hue="354"] { --avatar-hue: 354; }
.avatar[data-hue="355"] { --avatar-hue: 355; }
.avatar[data-hue="356"] { --avatar-hue: 356; }
.avatar[data-hue="357"] { --avatar-hue: 357; }
.avatar[data-hue="358"] { --avatar-hue: 358; }
.avatar[data-hue="359"] { --avatar-hue: 359; }