.Grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr));
}

  .Grid_cols_1 {
      --cols: 1;
    }

  .Grid_cols_2 {
      --cols: 2;
    }

  .Grid_cols_3 {
      --cols: 3;
    }

  .Grid_cols_4 {
      --cols: 4;
    }

  .Grid_cols_5 {
      --cols: 5;
    }

  .Grid_cols_6 {
      --cols: 6;
    }

  .Grid_cols_7 {
      --cols: 7;
    }

  .Grid_cols_8 {
      --cols: 8;
    }

  .Grid_cols_9 {
      --cols: 9;
    }

  .Grid_cols_10 {
      --cols: 10;
    }

  .Grid_cols_11 {
      --cols: 11;
    }

  .Grid_cols_12 {
      --cols: 12;
    }

  .Grid_xAlign_left {
      justify-items: start;
    }

  .Grid_xAlign_center {
      justify-items: center;
    }

  .Grid_xAlign_right {
      justify-items: end;
    }

  .Grid_yAlign_top {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
    }

  .Grid_yAlign_center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

  .Grid_yAlign_bottom {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end;
    }

  .Grid_gap_0 {
      grid-gap: 0;
    }

  .Grid_gap_3xs {
      grid-gap: var(--space-3xs);
    }

  .Grid_gap_2xs {
      grid-gap: var(--space-2xs);
    }

  .Grid_gap_xs {
      grid-gap: var(--space-xs);
    }

  .Grid_gap_s {
      grid-gap: var(--space-s);
    }

  .Grid_gap_m {
      grid-gap: var(--space-m);
    }

  .Grid_gap_l {
      grid-gap: var(--space-l);
    }

  .Grid_gap_xl {
      grid-gap: var(--space-xl);
    }

  .Grid_gap_2xl {
      grid-gap: var(--space-2xl);
    }

  .Grid_gap_3xl {
      grid-gap: var(--space-3xl);
    }

  .Grid_gap_4xl {
      grid-gap: var(--space-4xl);
    }

  .Grid_gap_5xl {
      grid-gap: var(--space-xxl);
    }

  .Grid_gap_6xl {
      grid-gap: var(--space-5xl);
    }

  .Grid_gap_7xl {
      grid-gap: var(--space-7xl);
    }

  .Grid_gap_xxl {
      grid-gap: var(--space-xxl);
    }

  .Grid_gap_2xxl {
      grid-gap: var(--space-2xxl);
    }

  .Grid_gap_3xxl {
      grid-gap: var(--space-3xxl);
    }

  .Grid_colGap_0 {
      grid-column-gap: 0;
    }

  .Grid_colGap_2xs {
      grid-column-gap: var(--space-2xs);
    }

  .Grid_colGap_xs {
      grid-column-gap: var(--space-xs);
    }

  .Grid_colGap_s {
      grid-column-gap: var(--space-s);
    }

  .Grid_colGap_m {
      grid-column-gap: var(--space-m);
    }

  .Grid_colGap_l {
      grid-column-gap: var(--space-l);
    }

  .Grid_colGap_xl {
      grid-column-gap: var(--space-xl);
    }

  .Grid_colGap_2xl {
      grid-column-gap: var(--space-2xl);
    }

  .Grid_colGap_3xl {
      grid-column-gap: var(--space-3xl);
    }

  .Grid_colGap_4xl {
      grid-column-gap: var(--space-4xl);
    }

  .Grid_colGap_5xl {
      grid-column-gap: var(--space-xxl);
    }

  .Grid_colGap_6xl {
      grid-column-gap: var(--space-5xl);
    }

  .Grid_colGap_7xl {
      grid-column-gap: var(--space-7xl);
    }

  .Grid_colGap_2xxl {
      grid-column-gap: var(--space-2xxl);
    }

  .Grid_rowGap_0 {
      grid-row-gap: 0;
    }

  .Grid_rowGap_2xs {
      grid-row-gap: var(--space-2xs);
    }

  .Grid_rowGap_xs {
      grid-row-gap: var(--space-xs);
    }

  .Grid_rowGap_s {
      grid-row-gap: var(--space-s);
    }

  .Grid_rowGap_m {
      grid-row-gap: var(--space-m);
    }

  .Grid_rowGap_l {
      grid-row-gap: var(--space-l);
    }

  .Grid_rowGap_xl {
      grid-row-gap: var(--space-xl);
    }

  .Grid_rowGap_2xl {
      grid-row-gap: var(--space-2xl);
    }

  .Grid_rowGap_3xl {
      grid-row-gap: var(--space-3xl);
    }

  .Grid_rowGap_4xl {
      grid-row-gap: var(--space-4xl);
    }

  .Grid_rowGap_5xl {
      grid-row-gap: var(--space-xxl);
    }

  .Grid_rowGap_6xl {
      grid-row-gap: var(--space-5xl);
    }

  .Grid_rowGap_xxl {
      grid-row-gap: var(--space-xxl);
    }

  .Grid_rowGap_2xxl {
      grid-row-gap: var(--space-2xxl);
    }

  .Grid_rowGap_3xxl {
      grid-row-gap: var(--space-3xxl);
    }

  @media screen and (max-width: 767px) {
    .Grid_mobile\:cols_1 {
      --cols: 1;
    }

    .Grid_mobile\:cols_2 {
      --cols: 2;
    }

    .Grid_mobile\:cols_3 {
      --cols: 3;
    }

    .Grid_mobile\:cols_4 {
      --cols: 4;
    }

    .Grid_mobile\:cols_5 {
      --cols: 5;
    }

    .Grid_mobile\:cols_6 {
      --cols: 6;
    }

    .Grid_mobile\:cols_7 {
      --cols: 7;
    }

    .Grid_mobile\:cols_8 {
      --cols: 8;
    }

    .Grid_mobile\:cols_9 {
      --cols: 9;
    }

    .Grid_mobile\:cols_10 {
      --cols: 10;
    }

    .Grid_mobile\:cols_11 {
      --cols: 11;
    }

    .Grid_mobile\:cols_12 {
      --cols: 12;
    }
    .Grid_mobile\:xAlign_left {
      justify-items: start;
    }

    .Grid_mobile\:xAlign_center {
      justify-items: center;
    }

    .Grid_mobile\:xAlign_right {
      justify-items: end;
    }
    .Grid_mobile\:yAlign_top {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
    }

    .Grid_mobile\:yAlign_center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

    .Grid_mobile\:yAlign_bottom {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end;
    }
    .Grid_mobile\:gap_0 {
      grid-gap: 0;
    }

    .Grid_mobile\:gap_3xs {
      grid-gap: var(--space-3xs);
    }

    .Grid_mobile\:gap_2xs {
      grid-gap: var(--space-2xs);
    }

    .Grid_mobile\:gap_xs {
      grid-gap: var(--space-xs);
    }

    .Grid_mobile\:gap_s {
      grid-gap: var(--space-s);
    }

    .Grid_mobile\:gap_m {
      grid-gap: var(--space-m);
    }

    .Grid_mobile\:gap_l {
      grid-gap: var(--space-l);
    }

    .Grid_mobile\:gap_xl {
      grid-gap: var(--space-xl);
    }

    .Grid_mobile\:gap_2xl {
      grid-gap: var(--space-2xl);
    }

    .Grid_mobile\:gap_3xl {
      grid-gap: var(--space-3xl);
    }

    .Grid_mobile\:gap_4xl {
      grid-gap: var(--space-4xl);
    }

    .Grid_mobile\:gap_5xl {
      grid-gap: var(--space-xxl);
    }

    .Grid_mobile\:gap_6xl {
      grid-gap: var(--space-5xl);
    }

    .Grid_mobile\:gap_7xl {
      grid-gap: var(--space-7xl);
    }

    .Grid_mobile\:gap_xxl {
      grid-gap: var(--space-xxl);
    }

    .Grid_mobile\:gap_2xxl {
      grid-gap: var(--space-2xxl);
    }

    .Grid_mobile\:gap_3xxl {
      grid-gap: var(--space-3xxl);
    }
    .Grid_mobile\:colGap_0 {
      grid-column-gap: 0;
    }

    .Grid_mobile\:colGap_2xs {
      grid-column-gap: var(--space-2xs);
    }

    .Grid_mobile\:colGap_xs {
      grid-column-gap: var(--space-xs);
    }

    .Grid_mobile\:colGap_s {
      grid-column-gap: var(--space-s);
    }

    .Grid_mobile\:colGap_m {
      grid-column-gap: var(--space-m);
    }

    .Grid_mobile\:colGap_l {
      grid-column-gap: var(--space-l);
    }

    .Grid_mobile\:colGap_xl {
      grid-column-gap: var(--space-xl);
    }

    .Grid_mobile\:colGap_2xl {
      grid-column-gap: var(--space-2xl);
    }

    .Grid_mobile\:colGap_3xl {
      grid-column-gap: var(--space-3xl);
    }

    .Grid_mobile\:colGap_4xl {
      grid-column-gap: var(--space-4xl);
    }

    .Grid_mobile\:colGap_5xl {
      grid-column-gap: var(--space-xxl);
    }

    .Grid_mobile\:colGap_6xl {
      grid-column-gap: var(--space-5xl);
    }

    .Grid_mobile\:colGap_7xl {
      grid-column-gap: var(--space-7xl);
    }

    .Grid_mobile\:colGap_2xxl {
      grid-column-gap: var(--space-2xxl);
    }
    .Grid_mobile\:rowGap_0 {
      grid-row-gap: 0;
    }

    .Grid_mobile\:rowGap_2xs {
      grid-row-gap: var(--space-2xs);
    }

    .Grid_mobile\:rowGap_xs {
      grid-row-gap: var(--space-xs);
    }

    .Grid_mobile\:rowGap_s {
      grid-row-gap: var(--space-s);
    }

    .Grid_mobile\:rowGap_m {
      grid-row-gap: var(--space-m);
    }

    .Grid_mobile\:rowGap_l {
      grid-row-gap: var(--space-l);
    }

    .Grid_mobile\:rowGap_xl {
      grid-row-gap: var(--space-xl);
    }

    .Grid_mobile\:rowGap_2xl {
      grid-row-gap: var(--space-2xl);
    }

    .Grid_mobile\:rowGap_3xl {
      grid-row-gap: var(--space-3xl);
    }

    .Grid_mobile\:rowGap_4xl {
      grid-row-gap: var(--space-4xl);
    }

    .Grid_mobile\:rowGap_5xl {
      grid-row-gap: var(--space-xxl);
    }

    .Grid_mobile\:rowGap_6xl {
      grid-row-gap: var(--space-5xl);
    }

    .Grid_mobile\:rowGap_xxl {
      grid-row-gap: var(--space-xxl);
    }

    .Grid_mobile\:rowGap_2xxl {
      grid-row-gap: var(--space-2xxl);
    }

    .Grid_mobile\:rowGap_3xxl {
      grid-row-gap: var(--space-3xxl);
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .Grid_tablet\:cols_1 {
      --cols: 1;
    }

    .Grid_tablet\:cols_2 {
      --cols: 2;
    }

    .Grid_tablet\:cols_3 {
      --cols: 3;
    }

    .Grid_tablet\:cols_4 {
      --cols: 4;
    }

    .Grid_tablet\:cols_5 {
      --cols: 5;
    }

    .Grid_tablet\:cols_6 {
      --cols: 6;
    }

    .Grid_tablet\:cols_7 {
      --cols: 7;
    }

    .Grid_tablet\:cols_8 {
      --cols: 8;
    }

    .Grid_tablet\:cols_9 {
      --cols: 9;
    }

    .Grid_tablet\:cols_10 {
      --cols: 10;
    }

    .Grid_tablet\:cols_11 {
      --cols: 11;
    }

    .Grid_tablet\:cols_12 {
      --cols: 12;
    }
    .Grid_tablet\:xAlign_left {
      justify-items: start;
    }

    .Grid_tablet\:xAlign_center {
      justify-items: center;
    }

    .Grid_tablet\:xAlign_right {
      justify-items: end;
    }
    .Grid_tablet\:yAlign_top {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
    }

    .Grid_tablet\:yAlign_center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

    .Grid_tablet\:yAlign_bottom {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end;
    }
    .Grid_tablet\:gap_0 {
      grid-gap: 0;
    }

    .Grid_tablet\:gap_3xs {
      grid-gap: var(--space-3xs);
    }

    .Grid_tablet\:gap_2xs {
      grid-gap: var(--space-2xs);
    }

    .Grid_tablet\:gap_xs {
      grid-gap: var(--space-xs);
    }

    .Grid_tablet\:gap_s {
      grid-gap: var(--space-s);
    }

    .Grid_tablet\:gap_m {
      grid-gap: var(--space-m);
    }

    .Grid_tablet\:gap_l {
      grid-gap: var(--space-l);
    }

    .Grid_tablet\:gap_xl {
      grid-gap: var(--space-xl);
    }

    .Grid_tablet\:gap_2xl {
      grid-gap: var(--space-2xl);
    }

    .Grid_tablet\:gap_3xl {
      grid-gap: var(--space-3xl);
    }

    .Grid_tablet\:gap_4xl {
      grid-gap: var(--space-4xl);
    }

    .Grid_tablet\:gap_5xl {
      grid-gap: var(--space-xxl);
    }

    .Grid_tablet\:gap_6xl {
      grid-gap: var(--space-5xl);
    }

    .Grid_tablet\:gap_7xl {
      grid-gap: var(--space-7xl);
    }

    .Grid_tablet\:gap_xxl {
      grid-gap: var(--space-xxl);
    }

    .Grid_tablet\:gap_2xxl {
      grid-gap: var(--space-2xxl);
    }

    .Grid_tablet\:gap_3xxl {
      grid-gap: var(--space-3xxl);
    }
    .Grid_tablet\:colGap_0 {
      grid-column-gap: 0;
    }

    .Grid_tablet\:colGap_2xs {
      grid-column-gap: var(--space-2xs);
    }

    .Grid_tablet\:colGap_xs {
      grid-column-gap: var(--space-xs);
    }

    .Grid_tablet\:colGap_s {
      grid-column-gap: var(--space-s);
    }

    .Grid_tablet\:colGap_m {
      grid-column-gap: var(--space-m);
    }

    .Grid_tablet\:colGap_l {
      grid-column-gap: var(--space-l);
    }

    .Grid_tablet\:colGap_xl {
      grid-column-gap: var(--space-xl);
    }

    .Grid_tablet\:colGap_2xl {
      grid-column-gap: var(--space-2xl);
    }

    .Grid_tablet\:colGap_3xl {
      grid-column-gap: var(--space-3xl);
    }

    .Grid_tablet\:colGap_4xl {
      grid-column-gap: var(--space-4xl);
    }

    .Grid_tablet\:colGap_5xl {
      grid-column-gap: var(--space-xxl);
    }

    .Grid_tablet\:colGap_6xl {
      grid-column-gap: var(--space-5xl);
    }

    .Grid_tablet\:colGap_7xl {
      grid-column-gap: var(--space-7xl);
    }

    .Grid_tablet\:colGap_2xxl {
      grid-column-gap: var(--space-2xxl);
    }
    .Grid_tablet\:rowGap_0 {
      grid-row-gap: 0;
    }

    .Grid_tablet\:rowGap_2xs {
      grid-row-gap: var(--space-2xs);
    }

    .Grid_tablet\:rowGap_xs {
      grid-row-gap: var(--space-xs);
    }

    .Grid_tablet\:rowGap_s {
      grid-row-gap: var(--space-s);
    }

    .Grid_tablet\:rowGap_m {
      grid-row-gap: var(--space-m);
    }

    .Grid_tablet\:rowGap_l {
      grid-row-gap: var(--space-l);
    }

    .Grid_tablet\:rowGap_xl {
      grid-row-gap: var(--space-xl);
    }

    .Grid_tablet\:rowGap_2xl {
      grid-row-gap: var(--space-2xl);
    }

    .Grid_tablet\:rowGap_3xl {
      grid-row-gap: var(--space-3xl);
    }

    .Grid_tablet\:rowGap_4xl {
      grid-row-gap: var(--space-4xl);
    }

    .Grid_tablet\:rowGap_5xl {
      grid-row-gap: var(--space-xxl);
    }

    .Grid_tablet\:rowGap_6xl {
      grid-row-gap: var(--space-5xl);
    }

    .Grid_tablet\:rowGap_xxl {
      grid-row-gap: var(--space-xxl);
    }

    .Grid_tablet\:rowGap_2xxl {
      grid-row-gap: var(--space-2xxl);
    }

    .Grid_tablet\:rowGap_3xxl {
      grid-row-gap: var(--space-3xxl);
    }
  }

  @media screen and (min-width: 1200px) {
    .Grid_desktop\:cols_1 {
      --cols: 1;
    }

    .Grid_desktop\:cols_2 {
      --cols: 2;
    }

    .Grid_desktop\:cols_3 {
      --cols: 3;
    }

    .Grid_desktop\:cols_4 {
      --cols: 4;
    }

    .Grid_desktop\:cols_5 {
      --cols: 5;
    }

    .Grid_desktop\:cols_6 {
      --cols: 6;
    }

    .Grid_desktop\:cols_7 {
      --cols: 7;
    }

    .Grid_desktop\:cols_8 {
      --cols: 8;
    }

    .Grid_desktop\:cols_9 {
      --cols: 9;
    }

    .Grid_desktop\:cols_10 {
      --cols: 10;
    }

    .Grid_desktop\:cols_11 {
      --cols: 11;
    }

    .Grid_desktop\:cols_12 {
      --cols: 12;
    }
    .Grid_desktop\:xAlign_left {
      justify-items: start;
    }

    .Grid_desktop\:xAlign_center {
      justify-items: center;
    }

    .Grid_desktop\:xAlign_right {
      justify-items: end;
    }
    .Grid_desktop\:yAlign_top {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
    }

    .Grid_desktop\:yAlign_center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

    .Grid_desktop\:yAlign_bottom {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end;
    }
    .Grid_desktop\:gap_0 {
      grid-gap: 0;
    }

    .Grid_desktop\:gap_3xs {
      grid-gap: var(--space-3xs);
    }

    .Grid_desktop\:gap_2xs {
      grid-gap: var(--space-2xs);
    }

    .Grid_desktop\:gap_xs {
      grid-gap: var(--space-xs);
    }

    .Grid_desktop\:gap_s {
      grid-gap: var(--space-s);
    }

    .Grid_desktop\:gap_m {
      grid-gap: var(--space-m);
    }

    .Grid_desktop\:gap_l {
      grid-gap: var(--space-l);
    }

    .Grid_desktop\:gap_xl {
      grid-gap: var(--space-xl);
    }

    .Grid_desktop\:gap_2xl {
      grid-gap: var(--space-2xl);
    }

    .Grid_desktop\:gap_3xl {
      grid-gap: var(--space-3xl);
    }

    .Grid_desktop\:gap_4xl {
      grid-gap: var(--space-4xl);
    }

    .Grid_desktop\:gap_5xl {
      grid-gap: var(--space-xxl);
    }

    .Grid_desktop\:gap_6xl {
      grid-gap: var(--space-5xl);
    }

    .Grid_desktop\:gap_7xl {
      grid-gap: var(--space-7xl);
    }

    .Grid_desktop\:gap_xxl {
      grid-gap: var(--space-xxl);
    }

    .Grid_desktop\:gap_2xxl {
      grid-gap: var(--space-2xxl);
    }

    .Grid_desktop\:gap_3xxl {
      grid-gap: var(--space-3xxl);
    }
    .Grid_desktop\:colGap_0 {
      grid-column-gap: 0;
    }

    .Grid_desktop\:colGap_2xs {
      grid-column-gap: var(--space-2xs);
    }

    .Grid_desktop\:colGap_xs {
      grid-column-gap: var(--space-xs);
    }

    .Grid_desktop\:colGap_s {
      grid-column-gap: var(--space-s);
    }

    .Grid_desktop\:colGap_m {
      grid-column-gap: var(--space-m);
    }

    .Grid_desktop\:colGap_l {
      grid-column-gap: var(--space-l);
    }

    .Grid_desktop\:colGap_xl {
      grid-column-gap: var(--space-xl);
    }

    .Grid_desktop\:colGap_2xl {
      grid-column-gap: var(--space-2xl);
    }

    .Grid_desktop\:colGap_3xl {
      grid-column-gap: var(--space-3xl);
    }

    .Grid_desktop\:colGap_4xl {
      grid-column-gap: var(--space-4xl);
    }

    .Grid_desktop\:colGap_5xl {
      grid-column-gap: var(--space-xxl);
    }

    .Grid_desktop\:colGap_6xl {
      grid-column-gap: var(--space-5xl);
    }

    .Grid_desktop\:colGap_7xl {
      grid-column-gap: var(--space-7xl);
    }

    .Grid_desktop\:colGap_2xxl {
      grid-column-gap: var(--space-2xxl);
    }
    .Grid_desktop\:rowGap_0 {
      grid-row-gap: 0;
    }

    .Grid_desktop\:rowGap_2xs {
      grid-row-gap: var(--space-2xs);
    }

    .Grid_desktop\:rowGap_xs {
      grid-row-gap: var(--space-xs);
    }

    .Grid_desktop\:rowGap_s {
      grid-row-gap: var(--space-s);
    }

    .Grid_desktop\:rowGap_m {
      grid-row-gap: var(--space-m);
    }

    .Grid_desktop\:rowGap_l {
      grid-row-gap: var(--space-l);
    }

    .Grid_desktop\:rowGap_xl {
      grid-row-gap: var(--space-xl);
    }

    .Grid_desktop\:rowGap_2xl {
      grid-row-gap: var(--space-2xl);
    }

    .Grid_desktop\:rowGap_3xl {
      grid-row-gap: var(--space-3xl);
    }

    .Grid_desktop\:rowGap_4xl {
      grid-row-gap: var(--space-4xl);
    }

    .Grid_desktop\:rowGap_5xl {
      grid-row-gap: var(--space-xxl);
    }

    .Grid_desktop\:rowGap_6xl {
      grid-row-gap: var(--space-5xl);
    }

    .Grid_desktop\:rowGap_xxl {
      grid-row-gap: var(--space-xxl);
    }

    .Grid_desktop\:rowGap_2xxl {
      grid-row-gap: var(--space-2xxl);
    }

    .Grid_desktop\:rowGap_3xxl {
      grid-row-gap: var(--space-3xxl);
    }
  }
