.ln-container {
  width: min(calc(100% - (2 * var(--ln-page-gutter))), var(--ln-container));
  margin-inline: auto;
}

.ln-container--fluid {
  width: 100%;
  max-width: none;
}

.ln-row {
  --ln-row-gutter-x: var(--ln-grid-gutter-x);
  --ln-row-gutter-y: var(--ln-grid-gutter-y);
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--ln-row-gutter-x) * -0.5);
  margin-block-start: calc(var(--ln-row-gutter-y) * -1);
}

.ln-row > [class*="ln-col-"] {
  flex: 0 0 auto;
  width: calc(var(--ln-col-span, 12) / 12 * 100%);
  min-width: 0;
  max-width: 100%;
  margin-block-start: var(--ln-row-gutter-y);
  padding-inline: calc(var(--ln-row-gutter-x) * 0.5);
}

.ln-section-grid,
.ln-section-grid > .ln-row,
.ln-section-grid > .ln-row > [class*="ln-col-"] {
  height: 100%;
}

.ln-row--flush { --ln-row-gutter-x: 0px; }
.ln-row--align-center { align-items: center; }

.ln-col-1 { --ln-col-span: 1; }
.ln-col-2 { --ln-col-span: 2; }
.ln-col-3 { --ln-col-span: 3; }
.ln-col-4 { --ln-col-span: 4; }
.ln-col-5 { --ln-col-span: 5; }
.ln-col-6 { --ln-col-span: 6; }
.ln-col-7 { --ln-col-span: 7; }
.ln-col-8 { --ln-col-span: 8; }
.ln-col-9 { --ln-col-span: 9; }
.ln-col-10 { --ln-col-span: 10; }
.ln-col-11 { --ln-col-span: 11; }
.ln-col-12 { --ln-col-span: 12; }

@media (min-width: 40rem) {
  .ln-col-sm-1 { --ln-col-span: 1; }
  .ln-col-sm-2 { --ln-col-span: 2; }
  .ln-col-sm-3 { --ln-col-span: 3; }
  .ln-col-sm-4 { --ln-col-span: 4; }
  .ln-col-sm-5 { --ln-col-span: 5; }
  .ln-col-sm-6 { --ln-col-span: 6; }
  .ln-col-sm-7 { --ln-col-span: 7; }
  .ln-col-sm-8 { --ln-col-span: 8; }
  .ln-col-sm-9 { --ln-col-span: 9; }
  .ln-col-sm-10 { --ln-col-span: 10; }
  .ln-col-sm-11 { --ln-col-span: 11; }
  .ln-col-sm-12 { --ln-col-span: 12; }
}

@media (min-width: 48rem) {
  .ln-col-md-1 { --ln-col-span: 1; }
  .ln-col-md-2 { --ln-col-span: 2; }
  .ln-col-md-3 { --ln-col-span: 3; }
  .ln-col-md-4 { --ln-col-span: 4; }
  .ln-col-md-5 { --ln-col-span: 5; }
  .ln-col-md-6 { --ln-col-span: 6; }
  .ln-col-md-7 { --ln-col-span: 7; }
  .ln-col-md-8 { --ln-col-span: 8; }
  .ln-col-md-9 { --ln-col-span: 9; }
  .ln-col-md-10 { --ln-col-span: 10; }
  .ln-col-md-11 { --ln-col-span: 11; }
  .ln-col-md-12 { --ln-col-span: 12; }
}

@media (min-width: 64rem) {
  .ln-col-lg-1 { --ln-col-span: 1; }
  .ln-col-lg-2 { --ln-col-span: 2; }
  .ln-col-lg-3 { --ln-col-span: 3; }
  .ln-col-lg-4 { --ln-col-span: 4; }
  .ln-col-lg-5 { --ln-col-span: 5; }
  .ln-col-lg-6 { --ln-col-span: 6; }
  .ln-col-lg-7 { --ln-col-span: 7; }
  .ln-col-lg-8 { --ln-col-span: 8; }
  .ln-col-lg-9 { --ln-col-span: 9; }
  .ln-col-lg-10 { --ln-col-span: 10; }
  .ln-col-lg-11 { --ln-col-span: 11; }
  .ln-col-lg-12 { --ln-col-span: 12; }
}

@media (min-width: 75rem) {
  .ln-col-xl-1 { --ln-col-span: 1; }
  .ln-col-xl-2 { --ln-col-span: 2; }
  .ln-col-xl-3 { --ln-col-span: 3; }
  .ln-col-xl-4 { --ln-col-span: 4; }
  .ln-col-xl-5 { --ln-col-span: 5; }
  .ln-col-xl-6 { --ln-col-span: 6; }
  .ln-col-xl-7 { --ln-col-span: 7; }
  .ln-col-xl-8 { --ln-col-span: 8; }
  .ln-col-xl-9 { --ln-col-span: 9; }
  .ln-col-xl-10 { --ln-col-span: 10; }
  .ln-col-xl-11 { --ln-col-span: 11; }
  .ln-col-xl-12 { --ln-col-span: 12; }
}

@media (min-width: 90rem) {
  .ln-col-2xl-1 { --ln-col-span: 1; }
  .ln-col-2xl-2 { --ln-col-span: 2; }
  .ln-col-2xl-3 { --ln-col-span: 3; }
  .ln-col-2xl-4 { --ln-col-span: 4; }
  .ln-col-2xl-5 { --ln-col-span: 5; }
  .ln-col-2xl-6 { --ln-col-span: 6; }
  .ln-col-2xl-7 { --ln-col-span: 7; }
  .ln-col-2xl-8 { --ln-col-span: 8; }
  .ln-col-2xl-9 { --ln-col-span: 9; }
  .ln-col-2xl-10 { --ln-col-span: 10; }
  .ln-col-2xl-11 { --ln-col-span: 11; }
  .ln-col-2xl-12 { --ln-col-span: 12; }
}

.ln-section--fullwidth > .ln-container {
  width: 100%;
  max-width: none;
}