/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
/* Grid variables */
/* Grid component */
.Grid,
.GridRow,
.GridColumn {
  box-sizing: border-box;
}

.Grid {
  /* Set color on root of component. It can be overridden after the @include */
  color: var(--colorsTextDefault, #141414);
  /* Make sure font-family goes across entire component */
  font-family: "Nunito Sans", sans-serif;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 0;
  /* Remove gutters */
  margin-top: -8px;
  margin-bottom: -8px;
  margin-left: -8px;
  margin-right: -8px;
  /* Preserve rows spacing on consecutive grids */
  /* Centered grid (not content or text) */
  /* Padded */
  /* Divided grid */
  /* Swap from padding to margin on columns to have dividers align */
  /* No divider on first column on row */
  /* No space on top of first row */
  /* Divided Row */
  /* Vertically Divided */
  /* Padded Horizontally Divided */
  /* First Row Vertically Divided */
  /* Relaxed */
  /* Celled grid */
  /* Internally celled */
}
.Grid *,
.Grid *::before,
.Grid *::after {
  box-sizing: inherit;
}
.Grid.Grid--relaxed {
  margin-left: -16px;
  margin-right: -16px;
}
.Grid.Grid--very-relaxed {
  margin-left: -24px;
  margin-right: -24px;
}
.Grid .Grid + .Grid {
  margin-top: 8px;
}
.Grid.Grid--centered, .Grid.Grid--centered > .GridRow {
  text-align: center;
  justify-content: center;
}
.Grid.Grid--centered:not([class*=-text-align-]) > .GridColumn:not([class*=-text-align-]):not(.GridRow), .Grid.Grid--centered:not([class*=-text-align-]) > .GridRow:not([class*=-text-align-]) > .GridColumn:not([class*=-text-align-]) {
  text-align: left;
}
.Grid.Grid--padded:not(.Grid--vertically-padded):not(.Grid--horizontally-padded) {
  margin: 0 !important;
}
.Grid.Grid--horizontally-padded {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.Grid.Grid--vertically-padded {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.Grid.Grid--divided:not(.Grid--vertically-divided) > .GridColumn:not(.GridRow), .Grid.Grid--divided:not(.Grid--vertically-divided) > .GridRow > .GridColumn {
  box-shadow: -1px 0 0 0 var(--colorsBorderGreyStrong, #bcbcbd);
}
.Grid.Grid--vertically-divided > .GridColumn:not(.GridRow), .Grid.Grid--vertically-divided > .GridRow > .GridColumn {
  margin-top: 8px;
  margin-bottom: 8px;
  padding-top: 0;
  padding-bottom: 0;
}
.Grid.Grid--divided:not(.Grid--vertically-divided) > .GridColumn:first-child, .Grid.Grid--divided:not(.Grid--vertically-divided) > .GridRow > .GridColumn:first-child {
  box-shadow: none;
}
.Grid.Grid--vertically-divided > .GridRow:first-child > .GridColumn {
  margin-top: 0;
}
.Grid > .GridRow--divided.GridRow > .GridColumn {
  box-shadow: -1px 0 0 0 var(--colorsBorderGreyStrong, #bcbcbd);
}
.Grid > .GridRow--divided.GridRow > .GridColumn:first-child {
  box-shadow: none;
}
.Grid.Grid--vertically-divided > .GridRow {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}
.Grid.Grid--vertically-divided > .GridRow::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: calc(100% - 16px);
  height: 1px;
  margin: 0% 8px;
  box-shadow: 0 -1px 0 0 var(--colorsBorderGreyStrong, #bcbcbd);
}
.Grid.Grid--horizontally-padded--divided.Grid, .Grid.Grid--padded.Grid--divided:not(.Grid--vertically-divided):not(.Grid--horizontally-divided) {
  width: 100%;
}
.Grid.Grid--vertically-divided > .GridRow:first-child::before {
  box-shadow: none;
}
.Grid.Grid--relaxed.Grid--vertically-divided > .GridRow::before {
  margin-left: 16px;
  margin-right: 16px;
  width: calc(100% - 32px);
}
.Grid.Grid--very-relaxed.Grid--vertically-divided > .GridRow::before {
  margin-left: 24px;
  margin-right: 24px;
  width: calc(100% - 48px);
}
.Grid.Grid--celled {
  width: 100%;
  margin: 1em 0;
  box-shadow: 0 0 0 1px var(--colorsBorderGreyStrong, #bcbcbd);
}
.Grid.Grid--celled > .GridRow {
  width: 100% !important;
  margin: 0;
  padding: 0;
  box-shadow: 0 -1px 0 0 var(--colorsBorderGreyStrong, #bcbcbd);
}
.Grid.Grid--celled > .GridColumn:not(.GridRow), .Grid.Grid--celled > .GridRow > .GridColumn {
  box-shadow: -1px 0 0 0 var(--colorsBorderGreyStrong, #bcbcbd);
  padding: 1em;
}
.Grid.Grid--celled > .GridColumn:first-child, .Grid.Grid--celled > .GridRow > .GridColumn:first-child {
  box-shadow: none;
}
.Grid.Grid--relaxed.Grid--celled > .GridColumn:not(.GridRow), .Grid.Grid--relaxed.Grid--celled > .GridRow > .GridColumn {
  padding: 1.5em;
}
.Grid.Grid--very-relaxed.Grid--celled > .GridColumn:not(.GridRow), .Grid.Grid--very-relaxed.Grid--celled > .GridRow > .GridColumn {
  padding: 2em;
}
.Grid.Grid--internally-celled {
  box-shadow: none;
  margin: 0;
}
.Grid.Grid--internally-celled > .GridRow:first-child {
  box-shadow: none;
}
.Grid.Grid--internally-celled > .GridRow > .GridColumn:first-child {
  box-shadow: none;
}

/*# sourceMappingURL=Grid.css.map */