/*
 * Shared SVG menu icons.
 * Source files use --icon-main-color / --icon-border-color and are assembled
 * into sprite.svg. Context colours are supplied by shipinc_render_menu_icon().
 */
.shipinc-menu-icon {
  display: block;
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
  overflow: hidden;
  color: var(--icon-border-color, currentColor);
}

.shipinc-menu-icon--form {
  --icon-main-color: #f1f8ec;
  --icon-border-color: #3f8618;
  --icon-stroke-width: 1.45px;
}

.menu-selection-card__icon .shipinc-menu-icon {
  width: 2.7rem;
  height: 2.7rem;
  flex-basis: 2.7rem;
}

/* Dense silhouettes need a little more breathing room than line/duotone art. */
.menu-selection-card__icon .shipinc-menu-icon--profile-solid {
  width: 2.45rem;
  height: 2.45rem;
  flex-basis: 2.45rem;
}

/* Keep the detailed large-viewBox assets optically equal to the 24px set. */
.menu-selection-card__icon .shipinc-menu-icon--profile-detail {
  width: 2.8rem;
  height: 2.8rem;
  flex-basis: 2.8rem;
}
