.grit-icon {
  width: var(--grit-icon-width);
  height: var(--grit-icon-height);
  display: inline-block;
  color: var(--grit-icon-color);
  font-size: var(--grit-icon-font-size);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-sizing: unset;
}
.grit-icon i.material-icons {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  word-wrap: normal;
  font-style: unset;
  display: block;
  line-height: 1em;
}
.grit-icon::-moz-selection {
  background: transparent;
}
.grit-icon::selection {
  background: transparent;
}
.grit-icon-font-filled {
  font-family: "Material Icons", sans-serif;
}
.grit-icon-font-outlined {
  font-family: "Material Icons Outlined", sans-serif;
}
.grit-icon-font-two_tone {
  font-family: "Material Icons Two Tone", sans-serif;
}
.grit-icon-font-sharp {
  font-family: "Material Icons Sharp", sans-serif;
}
.grit-icon-font-round {
  font-family: "Material Icons Round", sans-serif;
}
.grit-icon-colored-default {
  color: var(--neutral900);
}
.grit-icon-colored-info {
  color: var(--purple600);
}
.grit-icon-colored-primary {
  color: var(--blue600);
}
.grit-icon-colored-success {
  color: var(--green600);
}
.grit-icon-colored-attention {
  color: var(--yellow500);
}
.grit-icon-colored-attention-strong {
  color: var(--orange500);
}
.grit-icon-colored-warning {
  color: var(--red500);
}
.grit-icon-bordered {
  width: calc(var(--grit-icon-width) - 4px);
  height: calc(var(--grit-icon-height) - 4px);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 10px;
}
.grit-icon-bordered-default {
  border: 6px solid var(--neutral400);
  box-shadow: inset 0px 0px 0px 0.125rem var(--neutral900);
}
.grit-icon-bordered-info {
  border: 6px solid var(--purple200);
  box-shadow: inset 0px 0px 0px 0.125rem var(--purple600);
}
.grit-icon-bordered-primary {
  border: 6px solid var(--blue200);
  box-shadow: inset 0px 0px 0px 0.125rem var(--blue600);
}
.grit-icon-bordered-success {
  border: 6px solid var(--green200);
  box-shadow: inset 0px 0px 0px 0.125rem var(--green600);
}
.grit-icon-bordered-attention {
  border: 6px solid var(--yellow200);
  box-shadow: inset 0px 0px 0px 0.125rem var(--yellow500);
}
.grit-icon-bordered-attention-strong {
  border: 6px solid var(--orange200);
  box-shadow: inset 0px 0px 0px 0.125rem var(--orange500);
}
.grit-icon-bordered-warning {
  border: 0.375rem solid var(--red200);
  box-shadow: inset 0px 0px 0px 0.125rem var(--red500);
}
.grit-icon-hidden {
  visibility: hidden;
}