/* Rules for sizing the icon. */
.material-icons.md-4 {
  font-size: 4px;
}
.material-icons.md-8 {
  font-size: 8px;
}
.material-icons.md-12 {
  font-size: 12px;
}
.material-icons.md-16 {
  font-size: 16px;
}
.material-icons.md-20 {
  font-size: 20px;
}
.material-icons.md-24 {
  font-size: 24px;
}
.material-icons.md-28 {
  font-size: 28px;
}
.material-icons.md-32 {
  font-size: 32px;
}
.material-icons.md-36 {
  font-size: 36px;
}
.material-icons.md-40 {
  font-size: 40px;
}
.material-icons.md-44 {
  font-size: 44px;
}
.material-icons.md-48 {
  font-size: 48px;
}
.material-icons.md-52 {
  font-size: 52px;
}
.material-icons.md-56 {
  font-size: 56px;
}
.material-icons.md-60 {
  font-size: 60px;
}
.material-icons.md-64 {
  font-size: 64px;
}
.material-icons.md-68 {
  font-size: 68px;
}
.material-icons.md-72 {
  font-size: 72px;
}
.material-icons.md-76 {
  font-size: 76px;
}
.material-icons.md-80 {
  font-size: 80px;
}
.material-icons.md-84 {
  font-size: 84px;
}
.material-icons.md-88 {
  font-size: 88px;
}
.material-icons.md-92 {
  font-size: 92px;
}
.material-icons.md-96 {
  font-size: 96px;
}
.material-icons.md-100 {
  font-size: 100px;
}

.material-icons.md-104 {
  font-size: 104px;
}
.material-icons.md-108 {
  font-size: 108px;
}
.material-icons.md-112 {
  font-size: 112px;
}
.material-icons.md-116 {
  font-size: 116px;
}
.material-icons.md-120 {
  font-size: 120px;
}
.material-icons.md-124 {
  font-size: 124px;
}
.material-icons.md-128 {
  font-size: 128px;
}
.material-icons.md-132 {
  font-size: 132px;
}
.material-icons.md-136 {
  font-size: 136px;
}
.material-icons.md-140 {
  font-size: 140px;
}
.material-icons.md-144 {
  font-size: 144px;
}
.material-icons.md-148 {
  font-size: 148px;
}
.material-icons.md-152 {
  font-size: 152px;
}
.material-icons.md-156 {
  font-size: 156px;
}
.material-icons.md-160 {
  font-size: 160px;
}
.material-icons.md-164 {
  font-size: 164px;
}
.material-icons.md-168 {
  font-size: 168px;
}
.material-icons.md-172 {
  font-size: 172px;
}
.material-icons.md-176 {
  font-size: 176px;
}
.material-icons.md-180 {
  font-size: 180px;
}
.material-icons.md-184 {
  font-size: 184px;
}
.material-icons.md-188 {
  font-size: 188px;
}
.material-icons.md-192 {
  font-size: 192px;
}
.material-icons.md-196 {
  font-size: 196px;
}
.material-icons.md-200 {
  font-size: 200px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: rgba(255, 255, 255, 1);
}
.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}