// Set default customise component variables here,
// Override it in theme variables files
$card-detail-box-shadow: -0.125rem 0 0.125rem 0rem theme-color('dark-transparent') !default;


.x-card-detail {
  @extend .lt-container,
          %layout-column;
  @include box-shadow($card-detail-box-shadow);

  >* {
    @extend .w-100;
  }

  z-index: 0;

  .x-card-detail-header {
    @extend .x-avatar-background;

    padding: 2rem;

    .x-card-detail-heading {
      @extend %mb-1;
    }

    .x-card-detail-subheading {
      @extend %text-primary;
    }
  }
}