@use "../abstracts/" as *;

.card {
  border: none;
  border-radius: $radius-8;
  background-color: $card-bg;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
  border: 1px solid #eaecf0;
  margin-bottom: 0;
  [data-bs-theme="dark"] & {
    border: none;
  }
  &-header {
    @include flex(
      $align: center,
      $justify: space-between,
      $wrap: wrap,
      $gap: 10px 20px
    );
    padding: 15px 20px;
    border-bottom: none;
    line-height: 1;
    background-color: transparent;
    @include md-down {
      padding: 15px;
    }
    @at-root {
      .card-title {
        font-size: 18px !important;
        font-weight: 600;
        -webkit-margin-after: 0;
        margin-block-end: 0;
      }
    }
  }
  .form-header {
    padding: 15px 20px;
    -webkit-border-after: 1px solid $border-primary;
    border-block-end: 1px solid $border-primary;
  }
  &-body {
    padding: 20px;
    @include md-down {
      padding: 15px;
    }
  }
}