@use "design";
@use "m";

.documentField {
  @include m.cardRowBottomBorder;
}

.toggle {
  display: block;
  width: 100%;
  cursor: pointer;
  @include m.shadeActive;

  padding-left: design.$card-h-padding;
  padding-right: design.$card-h-padding;

  padding-top: 15px;
  padding-bottom: 15px;

  .statusIcon {
    width: 28px;
    height: 28px;
  }
}

.document {
  &:not(:first-child) {
    padding-top: 0 !important; // HACK to override <CardContent>
  }
  max-height: 225px;
  overflow-y: auto;
}