@import '../settings/_index';

.main {
  grid-area: main;
  display: flex;
  justify-content: flex-start;
  padding: 0 @gutter;
  overflow: hidden;

  &-simple {
    display: grid;
    width: 100%;
    min-height: 100%;
  }

  @media screen and (min-width: @breakpoint-lg) {
    padding: 0;
  }

  &__container {
    background: var(--bg-surface);
    box-shadow: var(--shadow-outline);
    border-radius: @border-radius;
    width: 100%;
    min-height: 100%;
    padding: @gutter;

    @media screen and (min-width: @breakpoint-lg) {
      padding: calc(@gutter * 2);
    }
  }
}