// 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;
    }
}
}