$empty-img-width: 240px !default;
$empty-img-height: 200px !default;
$empty-img-margin-bottom: 24px !default;

$empty-desc-font-size: 14px !default;
$empty-desc-color: $dark-gray;

.mx {
  &-empty {
    margin: 0 auto;
    width: $empty-img-width + 50px;
    text-align: center;

    &-img {
      width: $empty-img-width;
      height: $empty-img-height;
      object-fit: contain;
    }

    &-desc {
      margin-top: $empty-img-margin-bottom;
      color: $empty-desc-color;
      font-size: $empty-desc-font-size;
    }
    &-slot{
      color: $empty-desc-color;
      font-size: $empty-desc-font-size;
    }
  }
}