.biz-field-text {
  display: inline-block;
}
.biz-field-color {
  --ant-color-text-disabled: var(--ant-color-text);
  --ant-color-bg-container-disabled: var(--ant-color-bg-elevated);
  cursor: default;
}
.biz-field-image {
  --gap: 8px;
  --padding: var(--gap);
  --border-color: #d9d9d9;
  --border-radius: 5px;
  display: inline-flex;
  flex-wrap: wrap;
  margin-bottom: calc(0px - var(--gap));
  margin-left: calc(0px - var(--gap));
}
.biz-field-image-item {
  margin: 0 0 var(--gap) var(--gap);
}
.biz-field-image-item .ant-image {
  vertical-align: top;
}
.biz-field-image-item .ant-image-img {
  margin: 0 auto;
}
.biz-field-image-item-name {
  box-sizing: border-box;
  padding: 5px 2px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5;
  white-space: nowrap;
  text-align: center;
}
.biz-field-image-item-name-wrap {
  white-space: normal;
}
.biz-field-image-bordered .biz-field-image-item-image {
  padding: var(--padding);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
}
.biz-field-image-bordered .biz-field-image-item-image .ant-image {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.biz-field-image-bordered .biz-field-image-item-image .ant-image-img {
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  max-height: 100%;
}
.biz-field-index {
  --font-size: 12px;
  --background-color: #979797;
  --top-background-color: #314659;
  display: inline-flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: 0 2px;
}
.biz-field-index-border {
  color: #fff;
  font-size: var(--font-size);
  line-height: 1;
  background-color: var(--background-color);
  border-radius: 10px;
}
.biz-field-index-border.biz-field-index-top {
  background-color: var(--top-background-color);
}