.g-container {
  width: 100%;
  max-width: clamp(75rem, 67.5rem + 0.7812vw, 80rem);
  margin-inline: auto;
  padding-inline: 1.5rem;
}

.g-container--wide {
  max-width: none;
  padding-inline: 0;
}

.g-container--narrow {
  max-width: 42rem;
}

.g-grid {
  display: flex;
  flex-wrap: wrap;
  --g-gutter: 0rem;
  gap: var(--g-gutter);
}

.g-block {
  flex: 1 1 auto;
  width: 100%;
}

.size-5 {
  flex: 0 0 calc(5% - var(--g-gutter) * (100 - 5) / 100);
  width: calc(5% - var(--g-gutter) * (100 - 5) / 100);
}

.size-6 {
  flex: 0 0 calc(6% - var(--g-gutter) * (100 - 6) / 100);
  width: calc(6% - var(--g-gutter) * (100 - 6) / 100);
}

.size-7 {
  flex: 0 0 calc(7% - var(--g-gutter) * (100 - 7) / 100);
  width: calc(7% - var(--g-gutter) * (100 - 7) / 100);
}

.size-8 {
  flex: 0 0 calc(8% - var(--g-gutter) * (100 - 8) / 100);
  width: calc(8% - var(--g-gutter) * (100 - 8) / 100);
}

.size-9 {
  flex: 0 0 calc(9% - var(--g-gutter) * (100 - 9) / 100);
  width: calc(9% - var(--g-gutter) * (100 - 9) / 100);
}

.size-10 {
  flex: 0 0 calc(10% - var(--g-gutter) * (100 - 10) / 100);
  width: calc(10% - var(--g-gutter) * (100 - 10) / 100);
}

.size-11 {
  flex: 0 0 calc(11% - var(--g-gutter) * (100 - 11) / 100);
  width: calc(11% - var(--g-gutter) * (100 - 11) / 100);
}

.size-12 {
  flex: 0 0 calc(12% - var(--g-gutter) * (100 - 12) / 100);
  width: calc(12% - var(--g-gutter) * (100 - 12) / 100);
}

.size-13 {
  flex: 0 0 calc(13% - var(--g-gutter) * (100 - 13) / 100);
  width: calc(13% - var(--g-gutter) * (100 - 13) / 100);
}

.size-14 {
  flex: 0 0 calc(14% - var(--g-gutter) * (100 - 14) / 100);
  width: calc(14% - var(--g-gutter) * (100 - 14) / 100);
}

.size-15 {
  flex: 0 0 calc(15% - var(--g-gutter) * (100 - 15) / 100);
  width: calc(15% - var(--g-gutter) * (100 - 15) / 100);
}

.size-16 {
  flex: 0 0 calc(16% - var(--g-gutter) * (100 - 16) / 100);
  width: calc(16% - var(--g-gutter) * (100 - 16) / 100);
}

.size-17 {
  flex: 0 0 calc(17% - var(--g-gutter) * (100 - 17) / 100);
  width: calc(17% - var(--g-gutter) * (100 - 17) / 100);
}

.size-18 {
  flex: 0 0 calc(18% - var(--g-gutter) * (100 - 18) / 100);
  width: calc(18% - var(--g-gutter) * (100 - 18) / 100);
}

.size-19 {
  flex: 0 0 calc(19% - var(--g-gutter) * (100 - 19) / 100);
  width: calc(19% - var(--g-gutter) * (100 - 19) / 100);
}

.size-20 {
  flex: 0 0 calc(20% - var(--g-gutter) * (100 - 20) / 100);
  width: calc(20% - var(--g-gutter) * (100 - 20) / 100);
}

.size-21 {
  flex: 0 0 calc(21% - var(--g-gutter) * (100 - 21) / 100);
  width: calc(21% - var(--g-gutter) * (100 - 21) / 100);
}

.size-22 {
  flex: 0 0 calc(22% - var(--g-gutter) * (100 - 22) / 100);
  width: calc(22% - var(--g-gutter) * (100 - 22) / 100);
}

.size-23 {
  flex: 0 0 calc(23% - var(--g-gutter) * (100 - 23) / 100);
  width: calc(23% - var(--g-gutter) * (100 - 23) / 100);
}

.size-24 {
  flex: 0 0 calc(24% - var(--g-gutter) * (100 - 24) / 100);
  width: calc(24% - var(--g-gutter) * (100 - 24) / 100);
}

.size-25 {
  flex: 0 0 calc(25% - var(--g-gutter) * (100 - 25) / 100);
  width: calc(25% - var(--g-gutter) * (100 - 25) / 100);
}

.size-26 {
  flex: 0 0 calc(26% - var(--g-gutter) * (100 - 26) / 100);
  width: calc(26% - var(--g-gutter) * (100 - 26) / 100);
}

.size-27 {
  flex: 0 0 calc(27% - var(--g-gutter) * (100 - 27) / 100);
  width: calc(27% - var(--g-gutter) * (100 - 27) / 100);
}

.size-28 {
  flex: 0 0 calc(28% - var(--g-gutter) * (100 - 28) / 100);
  width: calc(28% - var(--g-gutter) * (100 - 28) / 100);
}

.size-29 {
  flex: 0 0 calc(29% - var(--g-gutter) * (100 - 29) / 100);
  width: calc(29% - var(--g-gutter) * (100 - 29) / 100);
}

.size-30 {
  flex: 0 0 calc(30% - var(--g-gutter) * (100 - 30) / 100);
  width: calc(30% - var(--g-gutter) * (100 - 30) / 100);
}

.size-31 {
  flex: 0 0 calc(31% - var(--g-gutter) * (100 - 31) / 100);
  width: calc(31% - var(--g-gutter) * (100 - 31) / 100);
}

.size-32 {
  flex: 0 0 calc(32% - var(--g-gutter) * (100 - 32) / 100);
  width: calc(32% - var(--g-gutter) * (100 - 32) / 100);
}

.size-33 {
  flex: 0 0 calc(33% - var(--g-gutter) * (100 - 33) / 100);
  width: calc(33% - var(--g-gutter) * (100 - 33) / 100);
}

.size-34 {
  flex: 0 0 calc(34% - var(--g-gutter) * (100 - 34) / 100);
  width: calc(34% - var(--g-gutter) * (100 - 34) / 100);
}

.size-35 {
  flex: 0 0 calc(35% - var(--g-gutter) * (100 - 35) / 100);
  width: calc(35% - var(--g-gutter) * (100 - 35) / 100);
}

.size-36 {
  flex: 0 0 calc(36% - var(--g-gutter) * (100 - 36) / 100);
  width: calc(36% - var(--g-gutter) * (100 - 36) / 100);
}

.size-37 {
  flex: 0 0 calc(37% - var(--g-gutter) * (100 - 37) / 100);
  width: calc(37% - var(--g-gutter) * (100 - 37) / 100);
}

.size-38 {
  flex: 0 0 calc(38% - var(--g-gutter) * (100 - 38) / 100);
  width: calc(38% - var(--g-gutter) * (100 - 38) / 100);
}

.size-39 {
  flex: 0 0 calc(39% - var(--g-gutter) * (100 - 39) / 100);
  width: calc(39% - var(--g-gutter) * (100 - 39) / 100);
}

.size-40 {
  flex: 0 0 calc(40% - var(--g-gutter) * (100 - 40) / 100);
  width: calc(40% - var(--g-gutter) * (100 - 40) / 100);
}

.size-41 {
  flex: 0 0 calc(41% - var(--g-gutter) * (100 - 41) / 100);
  width: calc(41% - var(--g-gutter) * (100 - 41) / 100);
}

.size-42 {
  flex: 0 0 calc(42% - var(--g-gutter) * (100 - 42) / 100);
  width: calc(42% - var(--g-gutter) * (100 - 42) / 100);
}

.size-43 {
  flex: 0 0 calc(43% - var(--g-gutter) * (100 - 43) / 100);
  width: calc(43% - var(--g-gutter) * (100 - 43) / 100);
}

.size-44 {
  flex: 0 0 calc(44% - var(--g-gutter) * (100 - 44) / 100);
  width: calc(44% - var(--g-gutter) * (100 - 44) / 100);
}

.size-45 {
  flex: 0 0 calc(45% - var(--g-gutter) * (100 - 45) / 100);
  width: calc(45% - var(--g-gutter) * (100 - 45) / 100);
}

.size-46 {
  flex: 0 0 calc(46% - var(--g-gutter) * (100 - 46) / 100);
  width: calc(46% - var(--g-gutter) * (100 - 46) / 100);
}

.size-47 {
  flex: 0 0 calc(47% - var(--g-gutter) * (100 - 47) / 100);
  width: calc(47% - var(--g-gutter) * (100 - 47) / 100);
}

.size-48 {
  flex: 0 0 calc(48% - var(--g-gutter) * (100 - 48) / 100);
  width: calc(48% - var(--g-gutter) * (100 - 48) / 100);
}

.size-49 {
  flex: 0 0 calc(49% - var(--g-gutter) * (100 - 49) / 100);
  width: calc(49% - var(--g-gutter) * (100 - 49) / 100);
}

.size-50 {
  flex: 0 0 calc(50% - var(--g-gutter) * (100 - 50) / 100);
  width: calc(50% - var(--g-gutter) * (100 - 50) / 100);
}

.size-51 {
  flex: 0 0 calc(51% - var(--g-gutter) * (100 - 51) / 100);
  width: calc(51% - var(--g-gutter) * (100 - 51) / 100);
}

.size-52 {
  flex: 0 0 calc(52% - var(--g-gutter) * (100 - 52) / 100);
  width: calc(52% - var(--g-gutter) * (100 - 52) / 100);
}

.size-53 {
  flex: 0 0 calc(53% - var(--g-gutter) * (100 - 53) / 100);
  width: calc(53% - var(--g-gutter) * (100 - 53) / 100);
}

.size-54 {
  flex: 0 0 calc(54% - var(--g-gutter) * (100 - 54) / 100);
  width: calc(54% - var(--g-gutter) * (100 - 54) / 100);
}

.size-55 {
  flex: 0 0 calc(55% - var(--g-gutter) * (100 - 55) / 100);
  width: calc(55% - var(--g-gutter) * (100 - 55) / 100);
}

.size-56 {
  flex: 0 0 calc(56% - var(--g-gutter) * (100 - 56) / 100);
  width: calc(56% - var(--g-gutter) * (100 - 56) / 100);
}

.size-57 {
  flex: 0 0 calc(57% - var(--g-gutter) * (100 - 57) / 100);
  width: calc(57% - var(--g-gutter) * (100 - 57) / 100);
}

.size-58 {
  flex: 0 0 calc(58% - var(--g-gutter) * (100 - 58) / 100);
  width: calc(58% - var(--g-gutter) * (100 - 58) / 100);
}

.size-59 {
  flex: 0 0 calc(59% - var(--g-gutter) * (100 - 59) / 100);
  width: calc(59% - var(--g-gutter) * (100 - 59) / 100);
}

.size-60 {
  flex: 0 0 calc(60% - var(--g-gutter) * (100 - 60) / 100);
  width: calc(60% - var(--g-gutter) * (100 - 60) / 100);
}

.size-61 {
  flex: 0 0 calc(61% - var(--g-gutter) * (100 - 61) / 100);
  width: calc(61% - var(--g-gutter) * (100 - 61) / 100);
}

.size-62 {
  flex: 0 0 calc(62% - var(--g-gutter) * (100 - 62) / 100);
  width: calc(62% - var(--g-gutter) * (100 - 62) / 100);
}

.size-63 {
  flex: 0 0 calc(63% - var(--g-gutter) * (100 - 63) / 100);
  width: calc(63% - var(--g-gutter) * (100 - 63) / 100);
}

.size-64 {
  flex: 0 0 calc(64% - var(--g-gutter) * (100 - 64) / 100);
  width: calc(64% - var(--g-gutter) * (100 - 64) / 100);
}

.size-65 {
  flex: 0 0 calc(65% - var(--g-gutter) * (100 - 65) / 100);
  width: calc(65% - var(--g-gutter) * (100 - 65) / 100);
}

.size-66 {
  flex: 0 0 calc(66% - var(--g-gutter) * (100 - 66) / 100);
  width: calc(66% - var(--g-gutter) * (100 - 66) / 100);
}

.size-67 {
  flex: 0 0 calc(67% - var(--g-gutter) * (100 - 67) / 100);
  width: calc(67% - var(--g-gutter) * (100 - 67) / 100);
}

.size-68 {
  flex: 0 0 calc(68% - var(--g-gutter) * (100 - 68) / 100);
  width: calc(68% - var(--g-gutter) * (100 - 68) / 100);
}

.size-69 {
  flex: 0 0 calc(69% - var(--g-gutter) * (100 - 69) / 100);
  width: calc(69% - var(--g-gutter) * (100 - 69) / 100);
}

.size-70 {
  flex: 0 0 calc(70% - var(--g-gutter) * (100 - 70) / 100);
  width: calc(70% - var(--g-gutter) * (100 - 70) / 100);
}

.size-71 {
  flex: 0 0 calc(71% - var(--g-gutter) * (100 - 71) / 100);
  width: calc(71% - var(--g-gutter) * (100 - 71) / 100);
}

.size-72 {
  flex: 0 0 calc(72% - var(--g-gutter) * (100 - 72) / 100);
  width: calc(72% - var(--g-gutter) * (100 - 72) / 100);
}

.size-73 {
  flex: 0 0 calc(73% - var(--g-gutter) * (100 - 73) / 100);
  width: calc(73% - var(--g-gutter) * (100 - 73) / 100);
}

.size-74 {
  flex: 0 0 calc(74% - var(--g-gutter) * (100 - 74) / 100);
  width: calc(74% - var(--g-gutter) * (100 - 74) / 100);
}

.size-75 {
  flex: 0 0 calc(75% - var(--g-gutter) * (100 - 75) / 100);
  width: calc(75% - var(--g-gutter) * (100 - 75) / 100);
}

.size-76 {
  flex: 0 0 calc(76% - var(--g-gutter) * (100 - 76) / 100);
  width: calc(76% - var(--g-gutter) * (100 - 76) / 100);
}

.size-77 {
  flex: 0 0 calc(77% - var(--g-gutter) * (100 - 77) / 100);
  width: calc(77% - var(--g-gutter) * (100 - 77) / 100);
}

.size-78 {
  flex: 0 0 calc(78% - var(--g-gutter) * (100 - 78) / 100);
  width: calc(78% - var(--g-gutter) * (100 - 78) / 100);
}

.size-79 {
  flex: 0 0 calc(79% - var(--g-gutter) * (100 - 79) / 100);
  width: calc(79% - var(--g-gutter) * (100 - 79) / 100);
}

.size-80 {
  flex: 0 0 calc(80% - var(--g-gutter) * (100 - 80) / 100);
  width: calc(80% - var(--g-gutter) * (100 - 80) / 100);
}

.size-81 {
  flex: 0 0 calc(81% - var(--g-gutter) * (100 - 81) / 100);
  width: calc(81% - var(--g-gutter) * (100 - 81) / 100);
}

.size-82 {
  flex: 0 0 calc(82% - var(--g-gutter) * (100 - 82) / 100);
  width: calc(82% - var(--g-gutter) * (100 - 82) / 100);
}

.size-83 {
  flex: 0 0 calc(83% - var(--g-gutter) * (100 - 83) / 100);
  width: calc(83% - var(--g-gutter) * (100 - 83) / 100);
}

.size-84 {
  flex: 0 0 calc(84% - var(--g-gutter) * (100 - 84) / 100);
  width: calc(84% - var(--g-gutter) * (100 - 84) / 100);
}

.size-85 {
  flex: 0 0 calc(85% - var(--g-gutter) * (100 - 85) / 100);
  width: calc(85% - var(--g-gutter) * (100 - 85) / 100);
}

.size-86 {
  flex: 0 0 calc(86% - var(--g-gutter) * (100 - 86) / 100);
  width: calc(86% - var(--g-gutter) * (100 - 86) / 100);
}

.size-87 {
  flex: 0 0 calc(87% - var(--g-gutter) * (100 - 87) / 100);
  width: calc(87% - var(--g-gutter) * (100 - 87) / 100);
}

.size-88 {
  flex: 0 0 calc(88% - var(--g-gutter) * (100 - 88) / 100);
  width: calc(88% - var(--g-gutter) * (100 - 88) / 100);
}

.size-89 {
  flex: 0 0 calc(89% - var(--g-gutter) * (100 - 89) / 100);
  width: calc(89% - var(--g-gutter) * (100 - 89) / 100);
}

.size-90 {
  flex: 0 0 calc(90% - var(--g-gutter) * (100 - 90) / 100);
  width: calc(90% - var(--g-gutter) * (100 - 90) / 100);
}

.size-91 {
  flex: 0 0 calc(91% - var(--g-gutter) * (100 - 91) / 100);
  width: calc(91% - var(--g-gutter) * (100 - 91) / 100);
}

.size-92 {
  flex: 0 0 calc(92% - var(--g-gutter) * (100 - 92) / 100);
  width: calc(92% - var(--g-gutter) * (100 - 92) / 100);
}

.size-93 {
  flex: 0 0 calc(93% - var(--g-gutter) * (100 - 93) / 100);
  width: calc(93% - var(--g-gutter) * (100 - 93) / 100);
}

.size-94 {
  flex: 0 0 calc(94% - var(--g-gutter) * (100 - 94) / 100);
  width: calc(94% - var(--g-gutter) * (100 - 94) / 100);
}

.size-95 {
  flex: 0 0 calc(95% - var(--g-gutter) * (100 - 95) / 100);
  width: calc(95% - var(--g-gutter) * (100 - 95) / 100);
}

.size-33-3 {
  flex: 0 0 calc(33.333% - var(--g-gutter) * 2 / 3);
  width: calc(33.333% - var(--g-gutter) * 2 / 3);
}

.size-66-6 {
  flex: 0 0 calc(66.666% - var(--g-gutter) * 1 / 3);
  width: calc(66.666% - var(--g-gutter) * 1 / 3);
}

.size-16-7 {
  flex: 0 0 calc(16.666% - var(--g-gutter) * 5 / 6);
  width: calc(16.666% - var(--g-gutter) * 5 / 6);
}

@media (max-width: 47.99rem) {
  [class*=size-] {
    flex-grow: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.g-grid--gutter {
  --g-gutter: 1.5rem;
}

.g-grid--gutter-large {
  --g-gutter: 2.5rem;
}

@media (max-width: 47.99rem) {
  .g-grid--gutter,
  .g-grid--gutter-large {
    --g-gutter: 1.25rem;
  }
}
.g-first-block {
  order: -1;
}

.g-last-block {
  order: 1;
}