@import '../core/style/variables';
@import '../core/style/elevation';

.mat-expansion-panel {
  @include mat-elevation-transition;
  @include mat-overridable-elevation(2);
  box-sizing: content-box;
  display: block;
  margin: 0;
  transition: margin 225ms $mat-fast-out-slow-in-timing-function;
}

.mat-expansion-panel-content {
  .mat-expanded & {
    overflow: visible;
  }

  &, &.ng-animating {
    overflow: hidden;
  }
}

.mat-expansion-panel-body {
  padding: 0 24px 16px;
}

.mat-expansion-panel-spacing {
  margin: 16px 0;

  .mat-accordion &:first-child {
    margin-top: 0;
  }

  .mat-accordion &:last-child {
    margin-bottom: 0;
  }
}

.mat-action-row {
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 16px 8px 16px 24px;

  button.mat-button {
    margin-left: 8px;

    [dir='rtl'] & {
      margin-left: 0;
      margin-right: 8px;
    }
  }
}