@import '../variables/default.scss';
@import '../mixins/index.scss';

$ink-result-padding: $ink-spacing-xl !default;
$ink-result-image-size: 320px !default;
$ink-result-desc-color: $ink-color-text-secondary !default;
$ink-result-desc-font-size: $ink-font-size-md !default;
$ink-result-desc-line-height: $ink-line-height-md !default;
$ink-result-bottom-margin-top: 40px !default;

.ink-result {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: $ink-result-padding 0;
  box-sizing: border-box;

  &__image {
    width: $ink-result-image-size;
    height: $ink-result-image-size;
  }

  &__desc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: $ink-result-bottom-margin-top;
    color: $ink-result-desc-color;
    font-size: $ink-result-desc-font-size;
    line-height: $ink-result-desc-line-height;
  }
}