@use "sass:math";

@import '~styles/config';

.loading {
  &__heading {
    margin-top: $gutter * 2;
    margin-bottom: $gutter * 2;
  }

  &__content {
    @include container;

    margin-top: $gutter;
    margin-bottom: $gutter;
  }

  &__row {
    @include grid-row();
  }

  &__aside {
    @include grid-col(percentage(math.div(4, 12)));
  }

  &__block {
    height: 200px;
    width: 100%;

    background-color: #f5f5f5;
  }

  &__main {
    @include grid-col(percentage(math.div(8, 12)));

    margin-bottom: $gutter * 2;
  }

  &__benefit {
    display: inline-flex;
    justify-content: space-between;

    width: 100%;

    padding: $gutter;

    background-color: #fff;
    box-shadow: 0px 0.7px 2.7px rgba(0, 0, 0, 0.005),
      0px 3.4px 6.8px rgba(0, 0, 0, 0.013),
      0px 8.7px 13.8px rgba(0, 0, 0, 0.023),
      0px 18.2px 28.5px rgba(0, 0, 0, 0.035), 0px 42px 78px rgba(0, 0, 0, 0.05);
  }
}