.o-result {
  --result-image-width: 240px;
  --result-image-height: 210px;
  --result-image-gap: 16px;

  --result-icon-size: var(--o-icon_size_control-xl);
  --result-icon-gap: 12px;

  --result-title-color: var(--o-color-info1);
  --result-title-text-size: var(--o-font_size-h3);
  --result-title-text-height: var(--o-line_height-h3);

  --result-desc-color: var(--o-color-info3);
  --result-desc-text-size: var(--o-font_size-text1);
  --result-desc-text-height: var(--o-line_height-text1);
  --result-desc-gap: 12px;

  --result-extra-gap: 24px;
}

.o-result-info {
  --result-icon-color: var(--o-color-primary1);
}

.o-result-success {
  --result-icon-color: var(--o-color-success1);
}

.o-result-warning {
  --result-icon-color: var(--o-color-warning1);
}

.o-result-danger {
  --result-icon-color: var(--o-color-danger1);
}