.icon-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;

  &__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 140px;
    padding: 16px 8px;
    border: 1px solid var(--theme-color-primary-dimmed-03);
    border-radius: var(--border-radius-xs);
    text-align: center;
  }

  &__glyph {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 32px;
  }

  &--pictograms &__glyph {
    font-family: 'Pictograms', sans-serif;
  }

  &--icons &__glyph {
    font-family: 'Icons', sans-serif;
  }

  &--pictograms-new &__glyph {
    font-family: 'PictogramsNew', sans-serif;
  }

  &__label {
    font-size: 12px;
    line-height: 1.4;
    word-break: break-word;
    color: var(--theme-color-primary);
  }
}