/* Data-driven widths: JS or Blade writes an integer 0-100 into data-width, CSS sizes the element. */
[data-width="0"] { width: 0%; }
[data-width="1"] { width: 1%; }
[data-width="2"] { width: 2%; }
[data-width="3"] { width: 3%; }
[data-width="4"] { width: 4%; }
[data-width="5"] { width: 5%; }
[data-width="6"] { width: 6%; }
[data-width="7"] { width: 7%; }
[data-width="8"] { width: 8%; }
[data-width="9"] { width: 9%; }
[data-width="10"] { width: 10%; }
[data-width="11"] { width: 11%; }
[data-width="12"] { width: 12%; }
[data-width="13"] { width: 13%; }
[data-width="14"] { width: 14%; }
[data-width="15"] { width: 15%; }
[data-width="16"] { width: 16%; }
[data-width="17"] { width: 17%; }
[data-width="18"] { width: 18%; }
[data-width="19"] { width: 19%; }
[data-width="20"] { width: 20%; }
[data-width="21"] { width: 21%; }
[data-width="22"] { width: 22%; }
[data-width="23"] { width: 23%; }
[data-width="24"] { width: 24%; }
[data-width="25"] { width: 25%; }
[data-width="26"] { width: 26%; }
[data-width="27"] { width: 27%; }
[data-width="28"] { width: 28%; }
[data-width="29"] { width: 29%; }
[data-width="30"] { width: 30%; }
[data-width="31"] { width: 31%; }
[data-width="32"] { width: 32%; }
[data-width="33"] { width: 33%; }
[data-width="34"] { width: 34%; }
[data-width="35"] { width: 35%; }
[data-width="36"] { width: 36%; }
[data-width="37"] { width: 37%; }
[data-width="38"] { width: 38%; }
[data-width="39"] { width: 39%; }
[data-width="40"] { width: 40%; }
[data-width="41"] { width: 41%; }
[data-width="42"] { width: 42%; }
[data-width="43"] { width: 43%; }
[data-width="44"] { width: 44%; }
[data-width="45"] { width: 45%; }
[data-width="46"] { width: 46%; }
[data-width="47"] { width: 47%; }
[data-width="48"] { width: 48%; }
[data-width="49"] { width: 49%; }
[data-width="50"] { width: 50%; }
[data-width="51"] { width: 51%; }
[data-width="52"] { width: 52%; }
[data-width="53"] { width: 53%; }
[data-width="54"] { width: 54%; }
[data-width="55"] { width: 55%; }
[data-width="56"] { width: 56%; }
[data-width="57"] { width: 57%; }
[data-width="58"] { width: 58%; }
[data-width="59"] { width: 59%; }
[data-width="60"] { width: 60%; }
[data-width="61"] { width: 61%; }
[data-width="62"] { width: 62%; }
[data-width="63"] { width: 63%; }
[data-width="64"] { width: 64%; }
[data-width="65"] { width: 65%; }
[data-width="66"] { width: 66%; }
[data-width="67"] { width: 67%; }
[data-width="68"] { width: 68%; }
[data-width="69"] { width: 69%; }
[data-width="70"] { width: 70%; }
[data-width="71"] { width: 71%; }
[data-width="72"] { width: 72%; }
[data-width="73"] { width: 73%; }
[data-width="74"] { width: 74%; }
[data-width="75"] { width: 75%; }
[data-width="76"] { width: 76%; }
[data-width="77"] { width: 77%; }
[data-width="78"] { width: 78%; }
[data-width="79"] { width: 79%; }
[data-width="80"] { width: 80%; }
[data-width="81"] { width: 81%; }
[data-width="82"] { width: 82%; }
[data-width="83"] { width: 83%; }
[data-width="84"] { width: 84%; }
[data-width="85"] { width: 85%; }
[data-width="86"] { width: 86%; }
[data-width="87"] { width: 87%; }
[data-width="88"] { width: 88%; }
[data-width="89"] { width: 89%; }
[data-width="90"] { width: 90%; }
[data-width="91"] { width: 91%; }
[data-width="92"] { width: 92%; }
[data-width="93"] { width: 93%; }
[data-width="94"] { width: 94%; }
[data-width="95"] { width: 95%; }
[data-width="96"] { width: 96%; }
[data-width="97"] { width: 97%; }
[data-width="98"] { width: 98%; }
[data-width="99"] { width: 99%; }
[data-width="100"] { width: 100%; }