@consta/uikit 3.28.0 → 4.0.0

package/__internal__/src/components/Grid/Grid.css

@@ -1,1541 +1 @@
-.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_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-5xl);
-    }
-
-  .Grid_gap_6xl {
-      grid-gap: var(--space-6xl);
-    }
-
-  .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-5xl);
-    }
-
-  .Grid_colGap_6xl {
-      grid-column-gap: var(--space-6xl);
-    }
-
-  .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-5xl);
-    }
-
-  .Grid_rowGap_6xl {
-      grid-row-gap: var(--space-6xl);
-    }
-
-  @media screen and (min-width: 360px) {
-    .Grid_xs\:cols_1 {
-      --cols: 1;
-    }
-
-    .Grid_xs\:cols_2 {
-      --cols: 2;
-    }
-
-    .Grid_xs\:cols_3 {
-      --cols: 3;
-    }
-
-    .Grid_xs\:cols_4 {
-      --cols: 4;
-    }
-
-    .Grid_xs\:cols_5 {
-      --cols: 5;
-    }
-
-    .Grid_xs\:cols_6 {
-      --cols: 6;
-    }
-
-    .Grid_xs\:cols_7 {
-      --cols: 7;
-    }
-
-    .Grid_xs\:cols_8 {
-      --cols: 8;
-    }
-
-    .Grid_xs\:cols_9 {
-      --cols: 9;
-    }
-
-    .Grid_xs\:cols_10 {
-      --cols: 10;
-    }
-
-    .Grid_xs\:cols_11 {
-      --cols: 11;
-    }
-
-    .Grid_xs\:cols_12 {
-      --cols: 12;
-    }
-    .Grid_xs\:xAlign_left {
-      justify-items: start;
-    }
-
-    .Grid_xs\:xAlign_center {
-      justify-items: center;
-    }
-
-    .Grid_xs\:xAlign_right {
-      justify-items: end;
-    }
-    .Grid_xs\:yAlign_top {
-      -webkit-box-align: start;
-          -ms-flex-align: start;
-              align-items: start;
-    }
-
-    .Grid_xs\:yAlign_center {
-      -webkit-box-align: center;
-          -ms-flex-align: center;
-              align-items: center;
-    }
-
-    .Grid_xs\:yAlign_bottom {
-      -webkit-box-align: end;
-          -ms-flex-align: end;
-              align-items: end;
-    }
-    .Grid_xs\:gap_0 {
-      grid-gap: 0;
-    }
-
-    .Grid_xs\:gap_2xs {
-      grid-gap: var(--space-2xs);
-    }
-
-    .Grid_xs\:gap_xs {
-      grid-gap: var(--space-xs);
-    }
-
-    .Grid_xs\:gap_s {
-      grid-gap: var(--space-s);
-    }
-
-    .Grid_xs\:gap_m {
-      grid-gap: var(--space-m);
-    }
-
-    .Grid_xs\:gap_l {
-      grid-gap: var(--space-l);
-    }
-
-    .Grid_xs\:gap_xl {
-      grid-gap: var(--space-xl);
-    }
-
-    .Grid_xs\:gap_2xl {
-      grid-gap: var(--space-2xl);
-    }
-
-    .Grid_xs\:gap_3xl {
-      grid-gap: var(--space-3xl);
-    }
-
-    .Grid_xs\:gap_4xl {
-      grid-gap: var(--space-4xl);
-    }
-
-    .Grid_xs\:gap_5xl {
-      grid-gap: var(--space-5xl);
-    }
-
-    .Grid_xs\:gap_6xl {
-      grid-gap: var(--space-6xl);
-    }
-    .Grid_xs\:colGap_0 {
-      grid-column-gap: 0;
-    }
-
-    .Grid_xs\:colGap_2xs {
-      grid-column-gap: var(--space-2xs);
-    }
-
-    .Grid_xs\:colGap_xs {
-      grid-column-gap: var(--space-xs);
-    }
-
-    .Grid_xs\:colGap_s {
-      grid-column-gap: var(--space-s);
-    }
-
-    .Grid_xs\:colGap_m {
-      grid-column-gap: var(--space-m);
-    }
-
-    .Grid_xs\:colGap_l {
-      grid-column-gap: var(--space-l);
-    }
-
-    .Grid_xs\:colGap_xl {
-      grid-column-gap: var(--space-xl);
-    }
-
-    .Grid_xs\:colGap_2xl {
-      grid-column-gap: var(--space-2xl);
-    }
-
-    .Grid_xs\:colGap_3xl {
-      grid-column-gap: var(--space-3xl);
-    }
-
-    .Grid_xs\:colGap_4xl {
-      grid-column-gap: var(--space-4xl);
-    }
-
-    .Grid_xs\:colGap_5xl {
-      grid-column-gap: var(--space-5xl);
-    }
-
-    .Grid_xs\:colGap_6xl {
-      grid-column-gap: var(--space-6xl);
-    }
-    .Grid_xs\:rowGap_0 {
-      grid-row-gap: 0;
-    }
-
-    .Grid_xs\:rowGap_2xs {
-      grid-row-gap: var(--space-2xs);
-    }
-
-    .Grid_xs\:rowGap_xs {
-      grid-row-gap: var(--space-xs);
-    }
-
-    .Grid_xs\:rowGap_s {
-      grid-row-gap: var(--space-s);
-    }
-
-    .Grid_xs\:rowGap_m {
-      grid-row-gap: var(--space-m);
-    }
-
-    .Grid_xs\:rowGap_l {
-      grid-row-gap: var(--space-l);
-    }
-
-    .Grid_xs\:rowGap_xl {
-      grid-row-gap: var(--space-xl);
-    }
-
-    .Grid_xs\:rowGap_2xl {
-      grid-row-gap: var(--space-2xl);
-    }
-
-    .Grid_xs\:rowGap_3xl {
-      grid-row-gap: var(--space-3xl);
-    }
-
-    .Grid_xs\:rowGap_4xl {
-      grid-row-gap: var(--space-4xl);
-    }
-
-    .Grid_xs\:rowGap_5xl {
-      grid-row-gap: var(--space-5xl);
-    }
-
-    .Grid_xs\:rowGap_6xl {
-      grid-row-gap: var(--space-6xl);
-    }
-  }
-
-  @media screen and (min-width: 640px) {
-    .Grid_s\:cols_1 {
-      --cols: 1;
-    }
-
-    .Grid_s\:cols_2 {
-      --cols: 2;
-    }
-
-    .Grid_s\:cols_3 {
-      --cols: 3;
-    }
-
-    .Grid_s\:cols_4 {
-      --cols: 4;
-    }
-
-    .Grid_s\:cols_5 {
-      --cols: 5;
-    }
-
-    .Grid_s\:cols_6 {
-      --cols: 6;
-    }
-
-    .Grid_s\:cols_7 {
-      --cols: 7;
-    }
-
-    .Grid_s\:cols_8 {
-      --cols: 8;
-    }
-
-    .Grid_s\:cols_9 {
-      --cols: 9;
-    }
-
-    .Grid_s\:cols_10 {
-      --cols: 10;
-    }
-
-    .Grid_s\:cols_11 {
-      --cols: 11;
-    }
-
-    .Grid_s\:cols_12 {
-      --cols: 12;
-    }
-    .Grid_s\:xAlign_left {
-      justify-items: start;
-    }
-
-    .Grid_s\:xAlign_center {
-      justify-items: center;
-    }
-
-    .Grid_s\:xAlign_right {
-      justify-items: end;
-    }
-    .Grid_s\:yAlign_top {
-      -webkit-box-align: start;
-          -ms-flex-align: start;
-              align-items: start;
-    }
-
-    .Grid_s\:yAlign_center {
-      -webkit-box-align: center;
-          -ms-flex-align: center;
-              align-items: center;
-    }
-
-    .Grid_s\:yAlign_bottom {
-      -webkit-box-align: end;
-          -ms-flex-align: end;
-              align-items: end;
-    }
-    .Grid_s\:gap_0 {
-      grid-gap: 0;
-    }
-
-    .Grid_s\:gap_2xs {
-      grid-gap: var(--space-2xs);
-    }
-
-    .Grid_s\:gap_xs {
-      grid-gap: var(--space-xs);
-    }
-
-    .Grid_s\:gap_s {
-      grid-gap: var(--space-s);
-    }
-
-    .Grid_s\:gap_m {
-      grid-gap: var(--space-m);
-    }
-
-    .Grid_s\:gap_l {
-      grid-gap: var(--space-l);
-    }
-
-    .Grid_s\:gap_xl {
-      grid-gap: var(--space-xl);
-    }
-
-    .Grid_s\:gap_2xl {
-      grid-gap: var(--space-2xl);
-    }
-
-    .Grid_s\:gap_3xl {
-      grid-gap: var(--space-3xl);
-    }
-
-    .Grid_s\:gap_4xl {
-      grid-gap: var(--space-4xl);
-    }
-
-    .Grid_s\:gap_5xl {
-      grid-gap: var(--space-5xl);
-    }
-
-    .Grid_s\:gap_6xl {
-      grid-gap: var(--space-6xl);
-    }
-    .Grid_s\:colGap_0 {
-      grid-column-gap: 0;
-    }
-
-    .Grid_s\:colGap_2xs {
-      grid-column-gap: var(--space-2xs);
-    }
-
-    .Grid_s\:colGap_xs {
-      grid-column-gap: var(--space-xs);
-    }
-
-    .Grid_s\:colGap_s {
-      grid-column-gap: var(--space-s);
-    }
-
-    .Grid_s\:colGap_m {
-      grid-column-gap: var(--space-m);
-    }
-
-    .Grid_s\:colGap_l {
-      grid-column-gap: var(--space-l);
-    }
-
-    .Grid_s\:colGap_xl {
-      grid-column-gap: var(--space-xl);
-    }
-
-    .Grid_s\:colGap_2xl {
-      grid-column-gap: var(--space-2xl);
-    }
-
-    .Grid_s\:colGap_3xl {
-      grid-column-gap: var(--space-3xl);
-    }
-
-    .Grid_s\:colGap_4xl {
-      grid-column-gap: var(--space-4xl);
-    }
-
-    .Grid_s\:colGap_5xl {
-      grid-column-gap: var(--space-5xl);
-    }
-
-    .Grid_s\:colGap_6xl {
-      grid-column-gap: var(--space-6xl);
-    }
-    .Grid_s\:rowGap_0 {
-      grid-row-gap: 0;
-    }
-
-    .Grid_s\:rowGap_2xs {
-      grid-row-gap: var(--space-2xs);
-    }
-
-    .Grid_s\:rowGap_xs {
-      grid-row-gap: var(--space-xs);
-    }
-
-    .Grid_s\:rowGap_s {
-      grid-row-gap: var(--space-s);
-    }
-
-    .Grid_s\:rowGap_m {
-      grid-row-gap: var(--space-m);
-    }
-
-    .Grid_s\:rowGap_l {
-      grid-row-gap: var(--space-l);
-    }
-
-    .Grid_s\:rowGap_xl {
-      grid-row-gap: var(--space-xl);
-    }
-
-    .Grid_s\:rowGap_2xl {
-      grid-row-gap: var(--space-2xl);
-    }
-
-    .Grid_s\:rowGap_3xl {
-      grid-row-gap: var(--space-3xl);
-    }
-
-    .Grid_s\:rowGap_4xl {
-      grid-row-gap: var(--space-4xl);
-    }
-
-    .Grid_s\:rowGap_5xl {
-      grid-row-gap: var(--space-5xl);
-    }
-
-    .Grid_s\:rowGap_6xl {
-      grid-row-gap: var(--space-6xl);
-    }
-  }
-
-  @media screen and (min-width: 1024px) {
-    .Grid_m\:cols_1 {
-      --cols: 1;
-    }
-
-    .Grid_m\:cols_2 {
-      --cols: 2;
-    }
-
-    .Grid_m\:cols_3 {
-      --cols: 3;
-    }
-
-    .Grid_m\:cols_4 {
-      --cols: 4;
-    }
-
-    .Grid_m\:cols_5 {
-      --cols: 5;
-    }
-
-    .Grid_m\:cols_6 {
-      --cols: 6;
-    }
-
-    .Grid_m\:cols_7 {
-      --cols: 7;
-    }
-
-    .Grid_m\:cols_8 {
-      --cols: 8;
-    }
-
-    .Grid_m\:cols_9 {
-      --cols: 9;
-    }
-
-    .Grid_m\:cols_10 {
-      --cols: 10;
-    }
-
-    .Grid_m\:cols_11 {
-      --cols: 11;
-    }
-
-    .Grid_m\:cols_12 {
-      --cols: 12;
-    }
-    .Grid_m\:xAlign_left {
-      justify-items: start;
-    }
-
-    .Grid_m\:xAlign_center {
-      justify-items: center;
-    }
-
-    .Grid_m\:xAlign_right {
-      justify-items: end;
-    }
-    .Grid_m\:yAlign_top {
-      -webkit-box-align: start;
-          -ms-flex-align: start;
-              align-items: start;
-    }
-
-    .Grid_m\:yAlign_center {
-      -webkit-box-align: center;
-          -ms-flex-align: center;
-              align-items: center;
-    }
-
-    .Grid_m\:yAlign_bottom {
-      -webkit-box-align: end;
-          -ms-flex-align: end;
-              align-items: end;
-    }
-    .Grid_m\:gap_0 {
-      grid-gap: 0;
-    }
-
-    .Grid_m\:gap_2xs {
-      grid-gap: var(--space-2xs);
-    }
-
-    .Grid_m\:gap_xs {
-      grid-gap: var(--space-xs);
-    }
-
-    .Grid_m\:gap_s {
-      grid-gap: var(--space-s);
-    }
-
-    .Grid_m\:gap_m {
-      grid-gap: var(--space-m);
-    }
-
-    .Grid_m\:gap_l {
-      grid-gap: var(--space-l);
-    }
-
-    .Grid_m\:gap_xl {
-      grid-gap: var(--space-xl);
-    }
-
-    .Grid_m\:gap_2xl {
-      grid-gap: var(--space-2xl);
-    }
-
-    .Grid_m\:gap_3xl {
-      grid-gap: var(--space-3xl);
-    }
-
-    .Grid_m\:gap_4xl {
-      grid-gap: var(--space-4xl);
-    }
-
-    .Grid_m\:gap_5xl {
-      grid-gap: var(--space-5xl);
-    }
-
-    .Grid_m\:gap_6xl {
-      grid-gap: var(--space-6xl);
-    }
-    .Grid_m\:colGap_0 {
-      grid-column-gap: 0;
-    }
-
-    .Grid_m\:colGap_2xs {
-      grid-column-gap: var(--space-2xs);
-    }
-
-    .Grid_m\:colGap_xs {
-      grid-column-gap: var(--space-xs);
-    }
-
-    .Grid_m\:colGap_s {
-      grid-column-gap: var(--space-s);
-    }
-
-    .Grid_m\:colGap_m {
-      grid-column-gap: var(--space-m);
-    }
-
-    .Grid_m\:colGap_l {
-      grid-column-gap: var(--space-l);
-    }
-
-    .Grid_m\:colGap_xl {
-      grid-column-gap: var(--space-xl);
-    }
-
-    .Grid_m\:colGap_2xl {
-      grid-column-gap: var(--space-2xl);
-    }
-
-    .Grid_m\:colGap_3xl {
-      grid-column-gap: var(--space-3xl);
-    }
-
-    .Grid_m\:colGap_4xl {
-      grid-column-gap: var(--space-4xl);
-    }
-
-    .Grid_m\:colGap_5xl {
-      grid-column-gap: var(--space-5xl);
-    }
-
-    .Grid_m\:colGap_6xl {
-      grid-column-gap: var(--space-6xl);
-    }
-    .Grid_m\:rowGap_0 {
-      grid-row-gap: 0;
-    }
-
-    .Grid_m\:rowGap_2xs {
-      grid-row-gap: var(--space-2xs);
-    }
-
-    .Grid_m\:rowGap_xs {
-      grid-row-gap: var(--space-xs);
-    }
-
-    .Grid_m\:rowGap_s {
-      grid-row-gap: var(--space-s);
-    }
-
-    .Grid_m\:rowGap_m {
-      grid-row-gap: var(--space-m);
-    }
-
-    .Grid_m\:rowGap_l {
-      grid-row-gap: var(--space-l);
-    }
-
-    .Grid_m\:rowGap_xl {
-      grid-row-gap: var(--space-xl);
-    }
-
-    .Grid_m\:rowGap_2xl {
-      grid-row-gap: var(--space-2xl);
-    }
-
-    .Grid_m\:rowGap_3xl {
-      grid-row-gap: var(--space-3xl);
-    }
-
-    .Grid_m\:rowGap_4xl {
-      grid-row-gap: var(--space-4xl);
-    }
-
-    .Grid_m\:rowGap_5xl {
-      grid-row-gap: var(--space-5xl);
-    }
-
-    .Grid_m\:rowGap_6xl {
-      grid-row-gap: var(--space-6xl);
-    }
-  }
-
-  @media screen and (min-width: 1280px) {
-    .Grid_l\:cols_1 {
-      --cols: 1;
-    }
-
-    .Grid_l\:cols_2 {
-      --cols: 2;
-    }
-
-    .Grid_l\:cols_3 {
-      --cols: 3;
-    }
-
-    .Grid_l\:cols_4 {
-      --cols: 4;
-    }
-
-    .Grid_l\:cols_5 {
-      --cols: 5;
-    }
-
-    .Grid_l\:cols_6 {
-      --cols: 6;
-    }
-
-    .Grid_l\:cols_7 {
-      --cols: 7;
-    }
-
-    .Grid_l\:cols_8 {
-      --cols: 8;
-    }
-
-    .Grid_l\:cols_9 {
-      --cols: 9;
-    }
-
-    .Grid_l\:cols_10 {
-      --cols: 10;
-    }
-
-    .Grid_l\:cols_11 {
-      --cols: 11;
-    }
-
-    .Grid_l\:cols_12 {
-      --cols: 12;
-    }
-    .Grid_l\:xAlign_left {
-      justify-items: start;
-    }
-
-    .Grid_l\:xAlign_center {
-      justify-items: center;
-    }
-
-    .Grid_l\:xAlign_right {
-      justify-items: end;
-    }
-    .Grid_l\:yAlign_top {
-      -webkit-box-align: start;
-          -ms-flex-align: start;
-              align-items: start;
-    }
-
-    .Grid_l\:yAlign_center {
-      -webkit-box-align: center;
-          -ms-flex-align: center;
-              align-items: center;
-    }
-
-    .Grid_l\:yAlign_bottom {
-      -webkit-box-align: end;
-          -ms-flex-align: end;
-              align-items: end;
-    }
-    .Grid_l\:gap_0 {
-      grid-gap: 0;
-    }
-
-    .Grid_l\:gap_2xs {
-      grid-gap: var(--space-2xs);
-    }
-
-    .Grid_l\:gap_xs {
-      grid-gap: var(--space-xs);
-    }
-
-    .Grid_l\:gap_s {
-      grid-gap: var(--space-s);
-    }
-
-    .Grid_l\:gap_m {
-      grid-gap: var(--space-m);
-    }
-
-    .Grid_l\:gap_l {
-      grid-gap: var(--space-l);
-    }
-
-    .Grid_l\:gap_xl {
-      grid-gap: var(--space-xl);
-    }
-
-    .Grid_l\:gap_2xl {
-      grid-gap: var(--space-2xl);
-    }
-
-    .Grid_l\:gap_3xl {
-      grid-gap: var(--space-3xl);
-    }
-
-    .Grid_l\:gap_4xl {
-      grid-gap: var(--space-4xl);
-    }
-
-    .Grid_l\:gap_5xl {
-      grid-gap: var(--space-5xl);
-    }
-
-    .Grid_l\:gap_6xl {
-      grid-gap: var(--space-6xl);
-    }
-    .Grid_l\:colGap_0 {
-      grid-column-gap: 0;
-    }
-
-    .Grid_l\:colGap_2xs {
-      grid-column-gap: var(--space-2xs);
-    }
-
-    .Grid_l\:colGap_xs {
-      grid-column-gap: var(--space-xs);
-    }
-
-    .Grid_l\:colGap_s {
-      grid-column-gap: var(--space-s);
-    }
-
-    .Grid_l\:colGap_m {
-      grid-column-gap: var(--space-m);
-    }
-
-    .Grid_l\:colGap_l {
-      grid-column-gap: var(--space-l);
-    }
-
-    .Grid_l\:colGap_xl {
-      grid-column-gap: var(--space-xl);
-    }
-
-    .Grid_l\:colGap_2xl {
-      grid-column-gap: var(--space-2xl);
-    }
-
-    .Grid_l\:colGap_3xl {
-      grid-column-gap: var(--space-3xl);
-    }
-
-    .Grid_l\:colGap_4xl {
-      grid-column-gap: var(--space-4xl);
-    }
-
-    .Grid_l\:colGap_5xl {
-      grid-column-gap: var(--space-5xl);
-    }
-
-    .Grid_l\:colGap_6xl {
-      grid-column-gap: var(--space-6xl);
-    }
-    .Grid_l\:rowGap_0 {
-      grid-row-gap: 0;
-    }
-
-    .Grid_l\:rowGap_2xs {
-      grid-row-gap: var(--space-2xs);
-    }
-
-    .Grid_l\:rowGap_xs {
-      grid-row-gap: var(--space-xs);
-    }
-
-    .Grid_l\:rowGap_s {
-      grid-row-gap: var(--space-s);
-    }
-
-    .Grid_l\:rowGap_m {
-      grid-row-gap: var(--space-m);
-    }
-
-    .Grid_l\:rowGap_l {
-      grid-row-gap: var(--space-l);
-    }
-
-    .Grid_l\:rowGap_xl {
-      grid-row-gap: var(--space-xl);
-    }
-
-    .Grid_l\:rowGap_2xl {
-      grid-row-gap: var(--space-2xl);
-    }
-
-    .Grid_l\:rowGap_3xl {
-      grid-row-gap: var(--space-3xl);
-    }
-
-    .Grid_l\:rowGap_4xl {
-      grid-row-gap: var(--space-4xl);
-    }
-
-    .Grid_l\:rowGap_5xl {
-      grid-row-gap: var(--space-5xl);
-    }
-
-    .Grid_l\:rowGap_6xl {
-      grid-row-gap: var(--space-6xl);
-    }
-  }
-
-  @media screen and (min-width: 1440px) {
-    .Grid_xl\:cols_1 {
-      --cols: 1;
-    }
-
-    .Grid_xl\:cols_2 {
-      --cols: 2;
-    }
-
-    .Grid_xl\:cols_3 {
-      --cols: 3;
-    }
-
-    .Grid_xl\:cols_4 {
-      --cols: 4;
-    }
-
-    .Grid_xl\:cols_5 {
-      --cols: 5;
-    }
-
-    .Grid_xl\:cols_6 {
-      --cols: 6;
-    }
-
-    .Grid_xl\:cols_7 {
-      --cols: 7;
-    }
-
-    .Grid_xl\:cols_8 {
-      --cols: 8;
-    }
-
-    .Grid_xl\:cols_9 {
-      --cols: 9;
-    }
-
-    .Grid_xl\:cols_10 {
-      --cols: 10;
-    }
-
-    .Grid_xl\:cols_11 {
-      --cols: 11;
-    }
-
-    .Grid_xl\:cols_12 {
-      --cols: 12;
-    }
-    .Grid_xl\:xAlign_left {
-      justify-items: start;
-    }
-
-    .Grid_xl\:xAlign_center {
-      justify-items: center;
-    }
-
-    .Grid_xl\:xAlign_right {
-      justify-items: end;
-    }
-    .Grid_xl\:yAlign_top {
-      -webkit-box-align: start;
-          -ms-flex-align: start;
-              align-items: start;
-    }
-
-    .Grid_xl\:yAlign_center {
-      -webkit-box-align: center;
-          -ms-flex-align: center;
-              align-items: center;
-    }
-
-    .Grid_xl\:yAlign_bottom {
-      -webkit-box-align: end;
-          -ms-flex-align: end;
-              align-items: end;
-    }
-    .Grid_xl\:gap_0 {
-      grid-gap: 0;
-    }
-
-    .Grid_xl\:gap_2xs {
-      grid-gap: var(--space-2xs);
-    }
-
-    .Grid_xl\:gap_xs {
-      grid-gap: var(--space-xs);
-    }
-
-    .Grid_xl\:gap_s {
-      grid-gap: var(--space-s);
-    }
-
-    .Grid_xl\:gap_m {
-      grid-gap: var(--space-m);
-    }
-
-    .Grid_xl\:gap_l {
-      grid-gap: var(--space-l);
-    }
-
-    .Grid_xl\:gap_xl {
-      grid-gap: var(--space-xl);
-    }
-
-    .Grid_xl\:gap_2xl {
-      grid-gap: var(--space-2xl);
-    }
-
-    .Grid_xl\:gap_3xl {
-      grid-gap: var(--space-3xl);
-    }
-
-    .Grid_xl\:gap_4xl {
-      grid-gap: var(--space-4xl);
-    }
-
-    .Grid_xl\:gap_5xl {
-      grid-gap: var(--space-5xl);
-    }
-
-    .Grid_xl\:gap_6xl {
-      grid-gap: var(--space-6xl);
-    }
-    .Grid_xl\:colGap_0 {
-      grid-column-gap: 0;
-    }
-
-    .Grid_xl\:colGap_2xs {
-      grid-column-gap: var(--space-2xs);
-    }
-
-    .Grid_xl\:colGap_xs {
-      grid-column-gap: var(--space-xs);
-    }
-
-    .Grid_xl\:colGap_s {
-      grid-column-gap: var(--space-s);
-    }
-
-    .Grid_xl\:colGap_m {
-      grid-column-gap: var(--space-m);
-    }
-
-    .Grid_xl\:colGap_l {
-      grid-column-gap: var(--space-l);
-    }
-
-    .Grid_xl\:colGap_xl {
-      grid-column-gap: var(--space-xl);
-    }
-
-    .Grid_xl\:colGap_2xl {
-      grid-column-gap: var(--space-2xl);
-    }
-
-    .Grid_xl\:colGap_3xl {
-      grid-column-gap: var(--space-3xl);
-    }
-
-    .Grid_xl\:colGap_4xl {
-      grid-column-gap: var(--space-4xl);
-    }
-
-    .Grid_xl\:colGap_5xl {
-      grid-column-gap: var(--space-5xl);
-    }
-
-    .Grid_xl\:colGap_6xl {
-      grid-column-gap: var(--space-6xl);
-    }
-    .Grid_xl\:rowGap_0 {
-      grid-row-gap: 0;
-    }
-
-    .Grid_xl\:rowGap_2xs {
-      grid-row-gap: var(--space-2xs);
-    }
-
-    .Grid_xl\:rowGap_xs {
-      grid-row-gap: var(--space-xs);
-    }
-
-    .Grid_xl\:rowGap_s {
-      grid-row-gap: var(--space-s);
-    }
-
-    .Grid_xl\:rowGap_m {
-      grid-row-gap: var(--space-m);
-    }
-
-    .Grid_xl\:rowGap_l {
-      grid-row-gap: var(--space-l);
-    }
-
-    .Grid_xl\:rowGap_xl {
-      grid-row-gap: var(--space-xl);
-    }
-
-    .Grid_xl\:rowGap_2xl {
-      grid-row-gap: var(--space-2xl);
-    }
-
-    .Grid_xl\:rowGap_3xl {
-      grid-row-gap: var(--space-3xl);
-    }
-
-    .Grid_xl\:rowGap_4xl {
-      grid-row-gap: var(--space-4xl);
-    }
-
-    .Grid_xl\:rowGap_5xl {
-      grid-row-gap: var(--space-5xl);
-    }
-
-    .Grid_xl\:rowGap_6xl {
-      grid-row-gap: var(--space-6xl);
-    }
-  }
-
-  @media screen and (min-width: 1920px) {
-    .Grid_2xl\:cols_1 {
-      --cols: 1;
-    }
-
-    .Grid_2xl\:cols_2 {
-      --cols: 2;
-    }
-
-    .Grid_2xl\:cols_3 {
-      --cols: 3;
-    }
-
-    .Grid_2xl\:cols_4 {
-      --cols: 4;
-    }
-
-    .Grid_2xl\:cols_5 {
-      --cols: 5;
-    }
-
-    .Grid_2xl\:cols_6 {
-      --cols: 6;
-    }
-
-    .Grid_2xl\:cols_7 {
-      --cols: 7;
-    }
-
-    .Grid_2xl\:cols_8 {
-      --cols: 8;
-    }
-
-    .Grid_2xl\:cols_9 {
-      --cols: 9;
-    }
-
-    .Grid_2xl\:cols_10 {
-      --cols: 10;
-    }
-
-    .Grid_2xl\:cols_11 {
-      --cols: 11;
-    }
-
-    .Grid_2xl\:cols_12 {
-      --cols: 12;
-    }
-    .Grid_2xl\:xAlign_left {
-      justify-items: start;
-    }
-
-    .Grid_2xl\:xAlign_center {
-      justify-items: center;
-    }
-
-    .Grid_2xl\:xAlign_right {
-      justify-items: end;
-    }
-    .Grid_2xl\:yAlign_top {
-      -webkit-box-align: start;
-          -ms-flex-align: start;
-              align-items: start;
-    }
-
-    .Grid_2xl\:yAlign_center {
-      -webkit-box-align: center;
-          -ms-flex-align: center;
-              align-items: center;
-    }
-
-    .Grid_2xl\:yAlign_bottom {
-      -webkit-box-align: end;
-          -ms-flex-align: end;
-              align-items: end;
-    }
-    .Grid_2xl\:gap_0 {
-      grid-gap: 0;
-    }
-
-    .Grid_2xl\:gap_2xs {
-      grid-gap: var(--space-2xs);
-    }
-
-    .Grid_2xl\:gap_xs {
-      grid-gap: var(--space-xs);
-    }
-
-    .Grid_2xl\:gap_s {
-      grid-gap: var(--space-s);
-    }
-
-    .Grid_2xl\:gap_m {
-      grid-gap: var(--space-m);
-    }
-
-    .Grid_2xl\:gap_l {
-      grid-gap: var(--space-l);
-    }
-
-    .Grid_2xl\:gap_xl {
-      grid-gap: var(--space-xl);
-    }
-
-    .Grid_2xl\:gap_2xl {
-      grid-gap: var(--space-2xl);
-    }
-
-    .Grid_2xl\:gap_3xl {
-      grid-gap: var(--space-3xl);
-    }
-
-    .Grid_2xl\:gap_4xl {
-      grid-gap: var(--space-4xl);
-    }
-
-    .Grid_2xl\:gap_5xl {
-      grid-gap: var(--space-5xl);
-    }
-
-    .Grid_2xl\:gap_6xl {
-      grid-gap: var(--space-6xl);
-    }
-    .Grid_2xl\:colGap_0 {
-      grid-column-gap: 0;
-    }
-
-    .Grid_2xl\:colGap_2xs {
-      grid-column-gap: var(--space-2xs);
-    }
-
-    .Grid_2xl\:colGap_xs {
-      grid-column-gap: var(--space-xs);
-    }
-
-    .Grid_2xl\:colGap_s {
-      grid-column-gap: var(--space-s);
-    }
-
-    .Grid_2xl\:colGap_m {
-      grid-column-gap: var(--space-m);
-    }
-
-    .Grid_2xl\:colGap_l {
-      grid-column-gap: var(--space-l);
-    }
-
-    .Grid_2xl\:colGap_xl {
-      grid-column-gap: var(--space-xl);
-    }
-
-    .Grid_2xl\:colGap_2xl {
-      grid-column-gap: var(--space-2xl);
-    }
-
-    .Grid_2xl\:colGap_3xl {
-      grid-column-gap: var(--space-3xl);
-    }
-
-    .Grid_2xl\:colGap_4xl {
-      grid-column-gap: var(--space-4xl);
-    }
-
-    .Grid_2xl\:colGap_5xl {
-      grid-column-gap: var(--space-5xl);
-    }
-
-    .Grid_2xl\:colGap_6xl {
-      grid-column-gap: var(--space-6xl);
-    }
-    .Grid_2xl\:rowGap_0 {
-      grid-row-gap: 0;
-    }
-
-    .Grid_2xl\:rowGap_2xs {
-      grid-row-gap: var(--space-2xs);
-    }
-
-    .Grid_2xl\:rowGap_xs {
-      grid-row-gap: var(--space-xs);
-    }
-
-    .Grid_2xl\:rowGap_s {
-      grid-row-gap: var(--space-s);
-    }
-
-    .Grid_2xl\:rowGap_m {
-      grid-row-gap: var(--space-m);
-    }
-
-    .Grid_2xl\:rowGap_l {
-      grid-row-gap: var(--space-l);
-    }
-
-    .Grid_2xl\:rowGap_xl {
-      grid-row-gap: var(--space-xl);
-    }
-
-    .Grid_2xl\:rowGap_2xl {
-      grid-row-gap: var(--space-2xl);
-    }
-
-    .Grid_2xl\:rowGap_3xl {
-      grid-row-gap: var(--space-3xl);
-    }
-
-    .Grid_2xl\:rowGap_4xl {
-      grid-row-gap: var(--space-4xl);
-    }
-
-    .Grid_2xl\:rowGap_5xl {
-      grid-row-gap: var(--space-5xl);
-    }
-
-    .Grid_2xl\:rowGap_6xl {
-      grid-row-gap: var(--space-6xl);
-    }
-  }
+.Grid{display:grid;grid-template-columns:repeat(var(--cols,1),minmax(0,1fr));width:100%}.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{align-items:start}.Grid_yAlign_center{align-items:center}.Grid_yAlign_bottom{align-items:end}.Grid_gap_0{grid-gap:0}.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-5xl)}.Grid_gap_6xl{grid-gap:var(--space-6xl)}.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-5xl)}.Grid_colGap_6xl{grid-column-gap:var(--space-6xl)}.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-5xl)}.Grid_rowGap_6xl{grid-row-gap:var(--space-6xl)}@media screen and (min-width:360px){.Grid_xs\:cols_1{--cols:1}.Grid_xs\:cols_2{--cols:2}.Grid_xs\:cols_3{--cols:3}.Grid_xs\:cols_4{--cols:4}.Grid_xs\:cols_5{--cols:5}.Grid_xs\:cols_6{--cols:6}.Grid_xs\:cols_7{--cols:7}.Grid_xs\:cols_8{--cols:8}.Grid_xs\:cols_9{--cols:9}.Grid_xs\:cols_10{--cols:10}.Grid_xs\:cols_11{--cols:11}.Grid_xs\:cols_12{--cols:12}.Grid_xs\:xAlign_left{justify-items:start}.Grid_xs\:xAlign_center{justify-items:center}.Grid_xs\:xAlign_right{justify-items:end}.Grid_xs\:yAlign_top{align-items:start}.Grid_xs\:yAlign_center{align-items:center}.Grid_xs\:yAlign_bottom{align-items:end}.Grid_xs\:gap_0{grid-gap:0}.Grid_xs\:gap_2xs{grid-gap:var(--space-2xs)}.Grid_xs\:gap_xs{grid-gap:var(--space-xs)}.Grid_xs\:gap_s{grid-gap:var(--space-s)}.Grid_xs\:gap_m{grid-gap:var(--space-m)}.Grid_xs\:gap_l{grid-gap:var(--space-l)}.Grid_xs\:gap_xl{grid-gap:var(--space-xl)}.Grid_xs\:gap_2xl{grid-gap:var(--space-2xl)}.Grid_xs\:gap_3xl{grid-gap:var(--space-3xl)}.Grid_xs\:gap_4xl{grid-gap:var(--space-4xl)}.Grid_xs\:gap_5xl{grid-gap:var(--space-5xl)}.Grid_xs\:gap_6xl{grid-gap:var(--space-6xl)}.Grid_xs\:colGap_0{grid-column-gap:0}.Grid_xs\:colGap_2xs{grid-column-gap:var(--space-2xs)}.Grid_xs\:colGap_xs{grid-column-gap:var(--space-xs)}.Grid_xs\:colGap_s{grid-column-gap:var(--space-s)}.Grid_xs\:colGap_m{grid-column-gap:var(--space-m)}.Grid_xs\:colGap_l{grid-column-gap:var(--space-l)}.Grid_xs\:colGap_xl{grid-column-gap:var(--space-xl)}.Grid_xs\:colGap_2xl{grid-column-gap:var(--space-2xl)}.Grid_xs\:colGap_3xl{grid-column-gap:var(--space-3xl)}.Grid_xs\:colGap_4xl{grid-column-gap:var(--space-4xl)}.Grid_xs\:colGap_5xl{grid-column-gap:var(--space-5xl)}.Grid_xs\:colGap_6xl{grid-column-gap:var(--space-6xl)}.Grid_xs\:rowGap_0{grid-row-gap:0}.Grid_xs\:rowGap_2xs{grid-row-gap:var(--space-2xs)}.Grid_xs\:rowGap_xs{grid-row-gap:var(--space-xs)}.Grid_xs\:rowGap_s{grid-row-gap:var(--space-s)}.Grid_xs\:rowGap_m{grid-row-gap:var(--space-m)}.Grid_xs\:rowGap_l{grid-row-gap:var(--space-l)}.Grid_xs\:rowGap_xl{grid-row-gap:var(--space-xl)}.Grid_xs\:rowGap_2xl{grid-row-gap:var(--space-2xl)}.Grid_xs\:rowGap_3xl{grid-row-gap:var(--space-3xl)}.Grid_xs\:rowGap_4xl{grid-row-gap:var(--space-4xl)}.Grid_xs\:rowGap_5xl{grid-row-gap:var(--space-5xl)}.Grid_xs\:rowGap_6xl{grid-row-gap:var(--space-6xl)}}@media screen and (min-width:640px){.Grid_s\:cols_1{--cols:1}.Grid_s\:cols_2{--cols:2}.Grid_s\:cols_3{--cols:3}.Grid_s\:cols_4{--cols:4}.Grid_s\:cols_5{--cols:5}.Grid_s\:cols_6{--cols:6}.Grid_s\:cols_7{--cols:7}.Grid_s\:cols_8{--cols:8}.Grid_s\:cols_9{--cols:9}.Grid_s\:cols_10{--cols:10}.Grid_s\:cols_11{--cols:11}.Grid_s\:cols_12{--cols:12}.Grid_s\:xAlign_left{justify-items:start}.Grid_s\:xAlign_center{justify-items:center}.Grid_s\:xAlign_right{justify-items:end}.Grid_s\:yAlign_top{align-items:start}.Grid_s\:yAlign_center{align-items:center}.Grid_s\:yAlign_bottom{align-items:end}.Grid_s\:gap_0{grid-gap:0}.Grid_s\:gap_2xs{grid-gap:var(--space-2xs)}.Grid_s\:gap_xs{grid-gap:var(--space-xs)}.Grid_s\:gap_s{grid-gap:var(--space-s)}.Grid_s\:gap_m{grid-gap:var(--space-m)}.Grid_s\:gap_l{grid-gap:var(--space-l)}.Grid_s\:gap_xl{grid-gap:var(--space-xl)}.Grid_s\:gap_2xl{grid-gap:var(--space-2xl)}.Grid_s\:gap_3xl{grid-gap:var(--space-3xl)}.Grid_s\:gap_4xl{grid-gap:var(--space-4xl)}.Grid_s\:gap_5xl{grid-gap:var(--space-5xl)}.Grid_s\:gap_6xl{grid-gap:var(--space-6xl)}.Grid_s\:colGap_0{grid-column-gap:0}.Grid_s\:colGap_2xs{grid-column-gap:var(--space-2xs)}.Grid_s\:colGap_xs{grid-column-gap:var(--space-xs)}.Grid_s\:colGap_s{grid-column-gap:var(--space-s)}.Grid_s\:colGap_m{grid-column-gap:var(--space-m)}.Grid_s\:colGap_l{grid-column-gap:var(--space-l)}.Grid_s\:colGap_xl{grid-column-gap:var(--space-xl)}.Grid_s\:colGap_2xl{grid-column-gap:var(--space-2xl)}.Grid_s\:colGap_3xl{grid-column-gap:var(--space-3xl)}.Grid_s\:colGap_4xl{grid-column-gap:var(--space-4xl)}.Grid_s\:colGap_5xl{grid-column-gap:var(--space-5xl)}.Grid_s\:colGap_6xl{grid-column-gap:var(--space-6xl)}.Grid_s\:rowGap_0{grid-row-gap:0}.Grid_s\:rowGap_2xs{grid-row-gap:var(--space-2xs)}.Grid_s\:rowGap_xs{grid-row-gap:var(--space-xs)}.Grid_s\:rowGap_s{grid-row-gap:var(--space-s)}.Grid_s\:rowGap_m{grid-row-gap:var(--space-m)}.Grid_s\:rowGap_l{grid-row-gap:var(--space-l)}.Grid_s\:rowGap_xl{grid-row-gap:var(--space-xl)}.Grid_s\:rowGap_2xl{grid-row-gap:var(--space-2xl)}.Grid_s\:rowGap_3xl{grid-row-gap:var(--space-3xl)}.Grid_s\:rowGap_4xl{grid-row-gap:var(--space-4xl)}.Grid_s\:rowGap_5xl{grid-row-gap:var(--space-5xl)}.Grid_s\:rowGap_6xl{grid-row-gap:var(--space-6xl)}}@media screen and (min-width:1024px){.Grid_m\:cols_1{--cols:1}.Grid_m\:cols_2{--cols:2}.Grid_m\:cols_3{--cols:3}.Grid_m\:cols_4{--cols:4}.Grid_m\:cols_5{--cols:5}.Grid_m\:cols_6{--cols:6}.Grid_m\:cols_7{--cols:7}.Grid_m\:cols_8{--cols:8}.Grid_m\:cols_9{--cols:9}.Grid_m\:cols_10{--cols:10}.Grid_m\:cols_11{--cols:11}.Grid_m\:cols_12{--cols:12}.Grid_m\:xAlign_left{justify-items:start}.Grid_m\:xAlign_center{justify-items:center}.Grid_m\:xAlign_right{justify-items:end}.Grid_m\:yAlign_top{align-items:start}.Grid_m\:yAlign_center{align-items:center}.Grid_m\:yAlign_bottom{align-items:end}.Grid_m\:gap_0{grid-gap:0}.Grid_m\:gap_2xs{grid-gap:var(--space-2xs)}.Grid_m\:gap_xs{grid-gap:var(--space-xs)}.Grid_m\:gap_s{grid-gap:var(--space-s)}.Grid_m\:gap_m{grid-gap:var(--space-m)}.Grid_m\:gap_l{grid-gap:var(--space-l)}.Grid_m\:gap_xl{grid-gap:var(--space-xl)}.Grid_m\:gap_2xl{grid-gap:var(--space-2xl)}.Grid_m\:gap_3xl{grid-gap:var(--space-3xl)}.Grid_m\:gap_4xl{grid-gap:var(--space-4xl)}.Grid_m\:gap_5xl{grid-gap:var(--space-5xl)}.Grid_m\:gap_6xl{grid-gap:var(--space-6xl)}.Grid_m\:colGap_0{grid-column-gap:0}.Grid_m\:colGap_2xs{grid-column-gap:var(--space-2xs)}.Grid_m\:colGap_xs{grid-column-gap:var(--space-xs)}.Grid_m\:colGap_s{grid-column-gap:var(--space-s)}.Grid_m\:colGap_m{grid-column-gap:var(--space-m)}.Grid_m\:colGap_l{grid-column-gap:var(--space-l)}.Grid_m\:colGap_xl{grid-column-gap:var(--space-xl)}.Grid_m\:colGap_2xl{grid-column-gap:var(--space-2xl)}.Grid_m\:colGap_3xl{grid-column-gap:var(--space-3xl)}.Grid_m\:colGap_4xl{grid-column-gap:var(--space-4xl)}.Grid_m\:colGap_5xl{grid-column-gap:var(--space-5xl)}.Grid_m\:colGap_6xl{grid-column-gap:var(--space-6xl)}.Grid_m\:rowGap_0{grid-row-gap:0}.Grid_m\:rowGap_2xs{grid-row-gap:var(--space-2xs)}.Grid_m\:rowGap_xs{grid-row-gap:var(--space-xs)}.Grid_m\:rowGap_s{grid-row-gap:var(--space-s)}.Grid_m\:rowGap_m{grid-row-gap:var(--space-m)}.Grid_m\:rowGap_l{grid-row-gap:var(--space-l)}.Grid_m\:rowGap_xl{grid-row-gap:var(--space-xl)}.Grid_m\:rowGap_2xl{grid-row-gap:var(--space-2xl)}.Grid_m\:rowGap_3xl{grid-row-gap:var(--space-3xl)}.Grid_m\:rowGap_4xl{grid-row-gap:var(--space-4xl)}.Grid_m\:rowGap_5xl{grid-row-gap:var(--space-5xl)}.Grid_m\:rowGap_6xl{grid-row-gap:var(--space-6xl)}}@media screen and (min-width:1280px){.Grid_l\:cols_1{--cols:1}.Grid_l\:cols_2{--cols:2}.Grid_l\:cols_3{--cols:3}.Grid_l\:cols_4{--cols:4}.Grid_l\:cols_5{--cols:5}.Grid_l\:cols_6{--cols:6}.Grid_l\:cols_7{--cols:7}.Grid_l\:cols_8{--cols:8}.Grid_l\:cols_9{--cols:9}.Grid_l\:cols_10{--cols:10}.Grid_l\:cols_11{--cols:11}.Grid_l\:cols_12{--cols:12}.Grid_l\:xAlign_left{justify-items:start}.Grid_l\:xAlign_center{justify-items:center}.Grid_l\:xAlign_right{justify-items:end}.Grid_l\:yAlign_top{align-items:start}.Grid_l\:yAlign_center{align-items:center}.Grid_l\:yAlign_bottom{align-items:end}.Grid_l\:gap_0{grid-gap:0}.Grid_l\:gap_2xs{grid-gap:var(--space-2xs)}.Grid_l\:gap_xs{grid-gap:var(--space-xs)}.Grid_l\:gap_s{grid-gap:var(--space-s)}.Grid_l\:gap_m{grid-gap:var(--space-m)}.Grid_l\:gap_l{grid-gap:var(--space-l)}.Grid_l\:gap_xl{grid-gap:var(--space-xl)}.Grid_l\:gap_2xl{grid-gap:var(--space-2xl)}.Grid_l\:gap_3xl{grid-gap:var(--space-3xl)}.Grid_l\:gap_4xl{grid-gap:var(--space-4xl)}.Grid_l\:gap_5xl{grid-gap:var(--space-5xl)}.Grid_l\:gap_6xl{grid-gap:var(--space-6xl)}.Grid_l\:colGap_0{grid-column-gap:0}.Grid_l\:colGap_2xs{grid-column-gap:var(--space-2xs)}.Grid_l\:colGap_xs{grid-column-gap:var(--space-xs)}.Grid_l\:colGap_s{grid-column-gap:var(--space-s)}.Grid_l\:colGap_m{grid-column-gap:var(--space-m)}.Grid_l\:colGap_l{grid-column-gap:var(--space-l)}.Grid_l\:colGap_xl{grid-column-gap:var(--space-xl)}.Grid_l\:colGap_2xl{grid-column-gap:var(--space-2xl)}.Grid_l\:colGap_3xl{grid-column-gap:var(--space-3xl)}.Grid_l\:colGap_4xl{grid-column-gap:var(--space-4xl)}.Grid_l\:colGap_5xl{grid-column-gap:var(--space-5xl)}.Grid_l\:colGap_6xl{grid-column-gap:var(--space-6xl)}.Grid_l\:rowGap_0{grid-row-gap:0}.Grid_l\:rowGap_2xs{grid-row-gap:var(--space-2xs)}.Grid_l\:rowGap_xs{grid-row-gap:var(--space-xs)}.Grid_l\:rowGap_s{grid-row-gap:var(--space-s)}.Grid_l\:rowGap_m{grid-row-gap:var(--space-m)}.Grid_l\:rowGap_l{grid-row-gap:var(--space-l)}.Grid_l\:rowGap_xl{grid-row-gap:var(--space-xl)}.Grid_l\:rowGap_2xl{grid-row-gap:var(--space-2xl)}.Grid_l\:rowGap_3xl{grid-row-gap:var(--space-3xl)}.Grid_l\:rowGap_4xl{grid-row-gap:var(--space-4xl)}.Grid_l\:rowGap_5xl{grid-row-gap:var(--space-5xl)}.Grid_l\:rowGap_6xl{grid-row-gap:var(--space-6xl)}}@media screen and (min-width:1440px){.Grid_xl\:cols_1{--cols:1}.Grid_xl\:cols_2{--cols:2}.Grid_xl\:cols_3{--cols:3}.Grid_xl\:cols_4{--cols:4}.Grid_xl\:cols_5{--cols:5}.Grid_xl\:cols_6{--cols:6}.Grid_xl\:cols_7{--cols:7}.Grid_xl\:cols_8{--cols:8}.Grid_xl\:cols_9{--cols:9}.Grid_xl\:cols_10{--cols:10}.Grid_xl\:cols_11{--cols:11}.Grid_xl\:cols_12{--cols:12}.Grid_xl\:xAlign_left{justify-items:start}.Grid_xl\:xAlign_center{justify-items:center}.Grid_xl\:xAlign_right{justify-items:end}.Grid_xl\:yAlign_top{align-items:start}.Grid_xl\:yAlign_center{align-items:center}.Grid_xl\:yAlign_bottom{align-items:end}.Grid_xl\:gap_0{grid-gap:0}.Grid_xl\:gap_2xs{grid-gap:var(--space-2xs)}.Grid_xl\:gap_xs{grid-gap:var(--space-xs)}.Grid_xl\:gap_s{grid-gap:var(--space-s)}.Grid_xl\:gap_m{grid-gap:var(--space-m)}.Grid_xl\:gap_l{grid-gap:var(--space-l)}.Grid_xl\:gap_xl{grid-gap:var(--space-xl)}.Grid_xl\:gap_2xl{grid-gap:var(--space-2xl)}.Grid_xl\:gap_3xl{grid-gap:var(--space-3xl)}.Grid_xl\:gap_4xl{grid-gap:var(--space-4xl)}.Grid_xl\:gap_5xl{grid-gap:var(--space-5xl)}.Grid_xl\:gap_6xl{grid-gap:var(--space-6xl)}.Grid_xl\:colGap_0{grid-column-gap:0}.Grid_xl\:colGap_2xs{grid-column-gap:var(--space-2xs)}.Grid_xl\:colGap_xs{grid-column-gap:var(--space-xs)}.Grid_xl\:colGap_s{grid-column-gap:var(--space-s)}.Grid_xl\:colGap_m{grid-column-gap:var(--space-m)}.Grid_xl\:colGap_l{grid-column-gap:var(--space-l)}.Grid_xl\:colGap_xl{grid-column-gap:var(--space-xl)}.Grid_xl\:colGap_2xl{grid-column-gap:var(--space-2xl)}.Grid_xl\:colGap_3xl{grid-column-gap:var(--space-3xl)}.Grid_xl\:colGap_4xl{grid-column-gap:var(--space-4xl)}.Grid_xl\:colGap_5xl{grid-column-gap:var(--space-5xl)}.Grid_xl\:colGap_6xl{grid-column-gap:var(--space-6xl)}.Grid_xl\:rowGap_0{grid-row-gap:0}.Grid_xl\:rowGap_2xs{grid-row-gap:var(--space-2xs)}.Grid_xl\:rowGap_xs{grid-row-gap:var(--space-xs)}.Grid_xl\:rowGap_s{grid-row-gap:var(--space-s)}.Grid_xl\:rowGap_m{grid-row-gap:var(--space-m)}.Grid_xl\:rowGap_l{grid-row-gap:var(--space-l)}.Grid_xl\:rowGap_xl{grid-row-gap:var(--space-xl)}.Grid_xl\:rowGap_2xl{grid-row-gap:var(--space-2xl)}.Grid_xl\:rowGap_3xl{grid-row-gap:var(--space-3xl)}.Grid_xl\:rowGap_4xl{grid-row-gap:var(--space-4xl)}.Grid_xl\:rowGap_5xl{grid-row-gap:var(--space-5xl)}.Grid_xl\:rowGap_6xl{grid-row-gap:var(--space-6xl)}}@media screen and (min-width:1920px){.Grid_2xl\:cols_1{--cols:1}.Grid_2xl\:cols_2{--cols:2}.Grid_2xl\:cols_3{--cols:3}.Grid_2xl\:cols_4{--cols:4}.Grid_2xl\:cols_5{--cols:5}.Grid_2xl\:cols_6{--cols:6}.Grid_2xl\:cols_7{--cols:7}.Grid_2xl\:cols_8{--cols:8}.Grid_2xl\:cols_9{--cols:9}.Grid_2xl\:cols_10{--cols:10}.Grid_2xl\:cols_11{--cols:11}.Grid_2xl\:cols_12{--cols:12}.Grid_2xl\:xAlign_left{justify-items:start}.Grid_2xl\:xAlign_center{justify-items:center}.Grid_2xl\:xAlign_right{justify-items:end}.Grid_2xl\:yAlign_top{align-items:start}.Grid_2xl\:yAlign_center{align-items:center}.Grid_2xl\:yAlign_bottom{align-items:end}.Grid_2xl\:gap_0{grid-gap:0}.Grid_2xl\:gap_2xs{grid-gap:var(--space-2xs)}.Grid_2xl\:gap_xs{grid-gap:var(--space-xs)}.Grid_2xl\:gap_s{grid-gap:var(--space-s)}.Grid_2xl\:gap_m{grid-gap:var(--space-m)}.Grid_2xl\:gap_l{grid-gap:var(--space-l)}.Grid_2xl\:gap_xl{grid-gap:var(--space-xl)}.Grid_2xl\:gap_2xl{grid-gap:var(--space-2xl)}.Grid_2xl\:gap_3xl{grid-gap:var(--space-3xl)}.Grid_2xl\:gap_4xl{grid-gap:var(--space-4xl)}.Grid_2xl\:gap_5xl{grid-gap:var(--space-5xl)}.Grid_2xl\:gap_6xl{grid-gap:var(--space-6xl)}.Grid_2xl\:colGap_0{grid-column-gap:0}.Grid_2xl\:colGap_2xs{grid-column-gap:var(--space-2xs)}.Grid_2xl\:colGap_xs{grid-column-gap:var(--space-xs)}.Grid_2xl\:colGap_s{grid-column-gap:var(--space-s)}.Grid_2xl\:colGap_m{grid-column-gap:var(--space-m)}.Grid_2xl\:colGap_l{grid-column-gap:var(--space-l)}.Grid_2xl\:colGap_xl{grid-column-gap:var(--space-xl)}.Grid_2xl\:colGap_2xl{grid-column-gap:var(--space-2xl)}.Grid_2xl\:colGap_3xl{grid-column-gap:var(--space-3xl)}.Grid_2xl\:colGap_4xl{grid-column-gap:var(--space-4xl)}.Grid_2xl\:colGap_5xl{grid-column-gap:var(--space-5xl)}.Grid_2xl\:colGap_6xl{grid-column-gap:var(--space-6xl)}.Grid_2xl\:rowGap_0{grid-row-gap:0}.Grid_2xl\:rowGap_2xs{grid-row-gap:var(--space-2xs)}.Grid_2xl\:rowGap_xs{grid-row-gap:var(--space-xs)}.Grid_2xl\:rowGap_s{grid-row-gap:var(--space-s)}.Grid_2xl\:rowGap_m{grid-row-gap:var(--space-m)}.Grid_2xl\:rowGap_l{grid-row-gap:var(--space-l)}.Grid_2xl\:rowGap_xl{grid-row-gap:var(--space-xl)}.Grid_2xl\:rowGap_2xl{grid-row-gap:var(--space-2xl)}.Grid_2xl\:rowGap_3xl{grid-row-gap:var(--space-3xl)}.Grid_2xl\:rowGap_4xl{grid-row-gap:var(--space-4xl)}.Grid_2xl\:rowGap_5xl{grid-row-gap:var(--space-5xl)}.Grid_2xl\:rowGap_6xl{grid-row-gap:var(--space-6xl)}}