.servinder-icons__inner { width: 100%; height: 100%; }
.servinder-icons__grid {
  --si-cols: 3; --si-tablet: 3; --si-mobile: 2; --si-visible-desktop: 100; --si-visible-tablet: 100; --si-visible-mobile: 100; --si-gap: 12px;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(var(--si-cols), minmax(0, 1fr));
  grid-auto-rows: minmax(0, 1fr);
  gap: var(--si-gap);
  align-items: stretch;
  justify-items: stretch;
  color: var(--si-color);
}
.servinder-icons__grid.is-fill { min-height: 100%; height: 100%; }
.servinder-icons__item {
  display: flex;
  min-width: 0;
  min-height: 0;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .35em;
  padding: .4em;
  overflow-wrap: anywhere;
  color: var(--si-color);
  background: var(--si-bg);
  text-align: center;
  text-decoration: none;
  transition: transform .18s ease, opacity .18s ease, color .18s ease;
}
.servinder-icons__item:hover, .servinder-icons__item:active { color: var(--si-color); transform: translateY(-2px); }
.servinder-icons__item:focus, .servinder-icons__item:focus-visible { outline: none; color: var(--si-color); }
.servinder-icons__media { display: grid; width: min(100%, 4.25rem); aspect-ratio: 1; place-items: center; flex: 0 1 auto; }
.servinder-icons__image { display: block; width: 100%; height: 100%; object-fit: contain; }
.servinder-icons__fallback { display: grid; width: 100%; height: 100%; place-items: center; border: 2px solid currentColor; border-radius: 50%; font-size: clamp(1.5rem, 4vw, 3rem); }
.servinder-icons__label { display: block; max-width: 100%; font-size: clamp(.75rem, 1.15vw, 1rem); line-height: 1.2; }
.servinder-icons__grid.is-scale .servinder-icons__media { width: min(100%, 100cqi); max-height: 70cqh; }
@container (max-width: 767px) { .servinder-icons__grid { grid-template-columns: repeat(var(--si-mobile), minmax(0, 1fr)); } }
@container (min-width: 768px) and (max-width: 1023px) { .servinder-icons__grid { grid-template-columns: repeat(var(--si-tablet), minmax(0, 1fr)); } }
@media (max-width: 767px) { .servinder-icons__grid { grid-template-columns: repeat(var(--si-mobile), minmax(0, 1fr)); } .servinder-icons__media { width: min(100%, 3.5rem); } }
@media (min-width: 768px) and (max-width: 1023px) { .servinder-icons__grid { grid-template-columns: repeat(var(--si-tablet), minmax(0, 1fr)); } }
.servinder-icons__heading { margin: 0 0 .75rem; text-align: center; color: var(--si-color, inherit); }
.servinder-icons__grid.is-single { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
.servinder-icons__grid.is-single .servinder-icons__media { width: min(60%, 16rem); }
.servinder-icons__grid.is-scale .servinder-icons__media { width: min(100%, var(--si-media-size, 8rem)); max-height: min(100%, var(--si-media-size, 8rem)); }
.servinder-icons__grid.is-scale.is-single .servinder-icons__media { width: min(100%, var(--si-media-size, 16rem)); max-height: min(100%, var(--si-media-size, 16rem)); }
.servinder-icons__media { transition: width .18s ease, height .18s ease; }

.servinder-icons__item[hidden] { display: none !important; }