// ============================================================================
// :: Inclusion calculator
// ============================================================================

// ============================================================================
// :: Root
// ============================================================================
// .p-inclusion-calculator {}

// ============================================================================
// :: Elements
// ============================================================================
.p-inclusion-calculator__back {
  margin-top: 2rem;

  @include respond-at($breakpoint-tablet-default) {
    margin-top: 3rem;
  }
}

// ============================================================================
// :: Modifiers
// ============================================================================
.p-inclusion-calculator--result {

  @include respond-to($breakpoint-tablet-default) {
    min-height: 100%;
  }

  &,
  .l-section,
  .l-section .l-container {

    @include respond-to($breakpoint-tablet-default) {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: stretch;
      flex-grow: 1;
    }
  }

  .l-section .l-container {

    @include respond-to($breakpoint-tablet-default) {
      justify-content: space-between;
    }
  }

}