.jx-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: inherit;
  stroke: currentColor;
  vertical-align: middle;
}

.jx-icon-slot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: inherit;
  opacity: .72;
  transition: opacity .15s ease, color .15s ease;
}

.jx-icon-slot .jx-icon {
  width: 18px;
  height: 18px;
}

.jx-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.jx-icon-button .jx-icon {
  pointer-events: none;
}

.jx-icon-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.jx-icon-label > .jx-icon,
.jx-icon-label > .jx-icon-slot {
  flex: 0 0 auto;
}