/* ==========================================================================
Custom properties 
========================================================================== */

#content,
.content {
  /* Fonts */
  --font-primary: 'GT Alpina Light', 'Helvetica Neue', helvetica, arial, sans-serif; 
  --font-primary-bold: 'GT Alpina Regular', 'Helvetica Neue', helvetica, arial, sans-serif;
  --font-secondary: 'Sofia Pro Regular', 'Helvetica Neue', helvetica, arial, sans-serif; 
  --font-secondary-bold: 'Sofia Pro Semibold', 'Helvetica Neue', helvetica, arial, sans-serif; 
  --font-body: var(--font-secondary);
  --headline: var(--font-primary);
  --eyebrow: var(--font-secondary);
  --text: var(--font-primary);
  --caption: var(--font-secondary);

  /* Colors */
  --white: hsl(0, 0%, 100%);
  --sand: hsl(30, 50%, 98%);
  --fog:	hsl(45, 25%, 94%);
  --stone: hsl(44, 13%, 83%);
  --charcoal: hsl(0, 0%, 27%);
  --soft-grey: hsl(0, 0%, 56%);
  --sea: hsl(187, 25%, 94%);
  --navy: hsl(211, 100%, 13%);
  --green: hsl(166, 55%, 32%);
  --discount-red: hsl(350, 71%, 45%);
  --coral: hsl(342, 90%, 58%);
  --black: hsl(0, 0%, 0%);

  /* Spacing */
  --space_0: 4px;
  --space_1: 8px;
  --space_2: 16px;
  --space_3: 24px;
  --space_4: 32px;
  --space_5: 40px;
  --space_6: 48px;
  --space_7: 56px;
  --space_8: 64px;
  --space_9: 72px;
  --space_10: 80px;
  --space_11: 88px;
  --space_12: 96px;
  --space_13: 104px;
  --space_14: 112px;
  --space_15: 120px;
  --space_16: 128px;

  /* Body text */
  --body-text-small: 14px;
  --body-text-medium: 16px;
  --body-text-large: 18px;
}

/* ==========================================================================
Core
========================================================================== */

.content { 
  color: var(--charcoal);
  font-family: var(--font-body);
  font-size: var(--space_2); 
}

/* ==========================================================================
Layout
========================================================================== */

/* Blocks
========================================================================== */

.block { 
    position: relative;
    margin-bottom: var(--space_3); 
}
@media (min-width: 768px){
    .block { margin-bottom: var(--space_4); }
}
@media (min-width: 1200px){
    .block { margin-bottom: var(--space_5); }
}

/* Maximum width
========================================================================== */

.block--max-w {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.max-w--sm { 
  max-width: 576px;
  margin-left: auto;
  margin-right: auto;
}

.max-w--md { 
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

.max-w--lg { 
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
}

.max-w--xl { 
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.max-w--xxl { 
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/* Gutters
========================================================================== */

/**
* On very small mobile devices, make extra space using a color gradient overlay
*/
.gutter--top {
    padding-top: 10%;
    background-color: rgba(255,255,255,1);
    position: relative;
    z-index: 1;
}
.gutter--top:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: auto;
    height: var(--space_3);
    background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));
    z-index: 1;
}
@media (min-width: 401px) {
    .gutter--top { padding-top: 0; }
    .gutter--top:after { content: none; }
}

/* ==========================================================================
Links
========================================================================== */

a,
a:hover,
a:active,
a:focus { 
  color: inherit; 
}

.content a:not(.dc-btn, .text--underline),
.content a:not(.dc-btn, .text--underline):hover,
.content a:not(.dc-btn, .text--underline):active,
.content a:not(.dc-btn, .text--underline):focus {
  text-decoration: none;
}

/* ==========================================================================
Typography
========================================================================== */

/* Headline
========================================================================== */

.headline--small,
.headline-sm--small,
.headline-md--small,
.headline-lg--small,
.headline-xl--small,
.headline-xxl--small,
.headline--medium,
.headline-sm--medium,
.headline-md--medium,
.headline-lg--medium,
.headline-xl--medium,
.headline-xxl--medium,
.headline--large,
.headline-sm--large,
.headline-md--large,
.headline-lg--large,
.headline-xl--large,
.headline-xxl--large,
.headline--huge,
.headline-sm--huge,
.headline-md--huge,
.headline-lg--huge,
.headline-xl--huge,
.headline-xxl--huge {
  font-family: var(--headline);
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0;
}
.headline--small {
  font-size: var(--space_4);
  line-height: 1.25;
}
@media (min-width: 576px){
  .headline-sm--small {
    font-size: var(--space_4);
    line-height: 1.25;
  }
}
@media (min-width: 768px){
  .headline-md--small {
    font-size: var(--space_4);
    line-height: 1.25;
  }
}
@media (min-width: 992px){
  .headline-lg--small {
    font-size: var(--space_4);
    line-height: 1.25;
  }
}
@media (min-width: 1200px){
  .headline-xl--small {
    font-size: var(--space_4);
    line-height: 1.25;
  }
}
@media (min-width: 1400px){
  .headline-xxl--small {
    font-size: var(--space_4);
    line-height: 1.25;
  }
}
.headline--medium {
  font-size: var(--space_7);
  line-height: 1;
}
@media (min-width: 576px){
  .headline-sm--medium {
    font-size: var(--space_7);
    line-height: 1;
  }
}
@media (min-width: 768px){
  .headline-md--medium {
    font-size: var(--space_7);
    line-height: 1;
  }
}
@media (min-width: 992px){
  .headline-lg--medium {
    font-size: var(--space_7);
    line-height: 1;
  }
}
@media (min-width: 1200px){
  .headline-xl--medium {
    font-size: var(--space_7);
    line-height: 1;
  }
}
@media (min-width: 1400px){
  .headline-xxl--medium {
    font-size: var(--space_7);
    line-height: 1;
  }
}
.headline--large {
  font-size: var(--space_9);
  line-height: 1;
}
@media (min-width: 576px){
  .headline-sm--large {
    font-size: var(--space_9);
    line-height: 1;
  }
}
@media (min-width: 768px){
  .headline-md--large {
    font-size: var(--space_9);
    line-height: 1;
  }
}
@media (min-width: 992px){
  .headline-lg--large {
    font-size: var(--space_9);
    line-height: 1;
  }
}
@media (min-width: 1200px){
  .headline-xl--large {
    font-size: var(--space_9);
    line-height: 1;
  }
}
@media (min-width: 1400px){
  .headline-xxl--large {
    font-size: var(--space_9);
    line-height: 1;
  }
}
.headline--huge {
  font-size: var(--space_12);
  line-height: 1;
}
@media (min-width: 576px){
  .headline-sm--huge {
    font-size: var(--space_12);
    line-height: 1;
  }
}
@media (min-width: 768px){
  .headline-md--huge {
    font-size: var(--space_12);
    line-height: 1;
  }
}
@media (min-width: 992px){
  .headline-lg--huge {
    font-size: var(--space_12);
    line-height: 1;
  }
}
@media (min-width: 1200px){
  .headline-xl--huge {
    font-size: var(--space_12);
    line-height: 1;
  }
}
@media (min-width: 1400px){
  .headline-xxl--huge {
    font-size: var(--space_12);
    line-height: 1;
  }
}

/* Eyebrow
========================================================================== */
.eyebrow--small,
.eyebrow-sm--small,
.eyebrow-md--small,
.eyebrow-lg--small,
.eyebrow-xl--small,
.eyebrow-xxl--small,
.eyebrow--medium,
.eyebrow-sm--medium,
.eyebrow-md--medium,
.eyebrow-lg--medium,
.eyebrow-xl--medium,
.eyebrow-xxl--medium {
  font-family: var(--eyebrow);
  text-transform: uppercase;
  margin-bottom: var(--space_1);
}
.eyebrow--small {
  font-size: var(--space_2);
  letter-spacing: 0.032em;
  line-height: 2;
}
@media (min-width: 576px){
  .eyebrow-sm--small {
    font-size: var(--space_2);
    letter-spacing: 0.032em;
    line-height: 2;
  }
}
@media (min-width: 768px){
  .eyebrow-md--small {
    font-size: var(--space_2);
    letter-spacing: 0.032em;
    line-height: 2;
  }
}
@media (min-width: 992px){
  .eyebrow-lg--small {
    font-size: var(--space_2);
    letter-spacing: 0.032em;
    line-height: 2;
  }
}
@media (min-width: 1200px){
  .eyebrow-xl--small {
    font-size: var(--space_2);
    letter-spacing: 0.032em;
    line-height: 2;
  }
}
@media (min-width: 1400px){
  .eyebrow-xxl--small {
    font-size: var(--space_2);
    letter-spacing: 0.032em;
    line-height: 2;
  }
}
.eyebrow--medium {
  font-size: var(--space_3);
  letter-spacing: 0.032em;
  line-height: 1.3333;
}
@media (min-width: 576px){
  .eyebrow-sm--medium {
    font-size: var(--space_3);
    letter-spacing: 0.032em;
    line-height: 1.3333;
  }
}
@media (min-width: 768px){
  .eyebrow-md--medium {
    font-size: var(--space_3);
    letter-spacing: 0.032em;
    line-height: 1.3333;
  }
}
@media (min-width: 992px){
  .eyebrow-lg--medium {
    font-size: var(--space_3);
    letter-spacing: 0.032em;
    line-height: 1.3333;
  }
}
@media (min-width: 1200px){
  .eyebrow-xl--medium {
    font-size: var(--space_3);
    letter-spacing: 0.032em;
    line-height: 1.3333;
  }
}
@media (min-width: 1400px){
  .eyebrow-xxl--medium {
    font-size: var(--space_3);
    letter-spacing: 0.032em;
    line-height: 1.3333;
  }
}

/* Body
========================================================================== */
.body--small,
.body--medium,
.body--large {
  font-family: var(--font-body);
}
.body--small { font-size: var(--body-text-small); }
@media (min-width: 576px){
  .body-sm--small { font-size: var(--body-text-small); }
}
@media (min-width: 768px){
  .body-md--small { font-size: var(--body-text-small); }
}
@media (min-width: 992px){
  .body-lg--small { font-size: var(--body-text-small); }
}
@media (min-width: 1200px){
  .body-xl--small { font-size: var(--body-text-small); }
}
@media (min-width: 1400px){
  .body-xxl--small { font-size: var(--body-text-small); }
}
.body--medium { font-size: var(--body-text-medium); }
@media (min-width: 576px){
  .body-sm--medium { font-size: var(--body-text-medium); }
}
@media (min-width: 768px){
  .body-md--medium { font-size: var(--body-text-medium); }
}
@media (min-width: 992px){
  .body-lg--medium { font-size: var(--body-text-medium); }
}
@media (min-width: 1200px){
  .body-xl--medium { font-size: var(--body-text-medium); }
}
@media (min-width: 1400px){
  .body-xxl--medium { font-size: var(--body-text-medium); }
}
.body--large { font-size: var(--body-text-large); }
@media (min-width: 576px){
  .body-sm--large { font-size: var(--body-text-large); }
}
@media (min-width: 768px){
  .body-md--large { font-size: var(--body-text-large); }
}
@media (min-width: 992px){
  .body-lg--large { font-size: var(--body-text-large); }
}
@media (min-width: 1200px){
  .body-xl--large { font-size: var(--body-text-large); }
}
@media (min-width: 1400px){
  .body-xxl--large { font-size: var(--body-text-large); }
}

/* Text styles
========================================================================== */

/**
* Bold
*/
.text--bold {
  font-family: var(--font-secondary-bold);
  font-weight: bold;
}
.headline--bold {
  font-family: var(--font-primary-bold);
  font-weight: 400;
}

/**
* Italic
*/
.text--italic { font-style: italic; }
.headline--italic { font-style: italic; }

/* Text alignment
========================================================================== */

.text--left { text-align: left; }
.text--center { text-align: center; }
.text--right { text-align: right; }
@media (min-width: 576px) {
  .text-sm--left { text-align: left; }
  .text-sm--center { text-align: center; }
  .text-sm--right { text-align: right; }
}
@media (min-width: 768px) {
  .text-md--left { text-align: left; }
  .text-md--center { text-align: center; }
  .text-md--right { text-align: right; }
}
@media (min-width: 992px) {
  .text-lg--left { text-align: left; }
  .text-lg--center { text-align: center; }
  .text-lg--right { text-align: right; }
}
@media (min-width: 1200px) {
  .text-xl--left { text-align: left; }
  .text-xl--center { text-align: center; }
  .text-xl--right { text-align: right; }
}
@media (min-width: 1400px) {
  .text-xxl--left { text-align: left; }
  .text-xxl--center { text-align: center; }
  .text-xxl--right { text-align: right; }
}

/* Text wrap
========================================================================== */

.text--pretty { text-wrap: pretty; }
.text--balance { text-wrap: balance; }

/* Text case
========================================================================== */

.text--none { text-transform: none; }
.text--lowercase { text-transform: lowercase; }
.text--uppercase { text-transform: uppercase; }
.text--capitalize { text-transform: capitalize; }
@media (min-width: 576px) {
  .text-sm--none { text-transform: none; }
  .text-sm--lowercase { text-transform: lowercase; }
  .text-sm--uppercase { text-transform: uppercase; }
  .text-sm--capitalize { text-transform: capitalize; }
}
@media (min-width: 768px) {
  .text-md--none { text-transform: none; }
  .text-md--lowercase { text-transform: lowercase; }
  .text-md--uppercase { text-transform: uppercase; }
  .text-md--capitalize { text-transform: capitalize; }
}
@media (min-width: 992px) {
  .text-lg--none { text-transform: none; }
  .text-lg--lowercase { text-transform: lowercase; }
  .text-lg--uppercase { text-transform: uppercase; }
  .text-lg--capitalize { text-transform: capitalize; }
}
@media (min-width: 1200px) {
  .text-xl--none { text-transform: none; }
  .text-xl--lowercase { text-transform: lowercase; }
  .text-xl--uppercase { text-transform: uppercase; }
  .text-xl--capitalize { text-transform: capitalize; }
}
@media (min-width: 1400px) {
  .text-xxl--none { text-transform: none; }
  .text-xxl--lowercase { text-transform: lowercase; }
  .text-xxl--uppercase { text-transform: uppercase; }
  .text-xxl--capitalize { text-transform: capitalize; }
}

/* Text decoration
========================================================================== */

.content .text--underline,
.content .text--underline:hover,
.content .text--underline:active,
.content .text--underline:focus { text-decoration: underline; }
.content .text--no-underline,
.content .text--no-underline:hover,
.content .text--no-underline:active,
.content .text--no-underline:focus { text-decoration: none; }
@media (min-width: 576px) {
  .content .text-sm--underline,
  .content .text-sm--underline:hover,
  .content .text-sm--underline:active,
  .content .text-sm--underline:focus { text-decoration: underline; }
  .content .text-sm--no-underline,
  .content .text-sm--no-underline:hover,
  .content .text-sm--no-underline:active,
  .content .text-sm--no-underline:focus { text-decoration: none; }
}
@media (min-width: 768px) {
  .content .text-md--underline,
  .content .text-md--underline:hover,
  .content .text-md--underline:active,
  .content .text-md--underline:focus { text-decoration: underline; }
  .content .text-md--no-underline,
  .content .text-md--no-underline:hover,
  .content .text-md--no-underline:active,
  .content .text-md--no-underline:focus { text-decoration: none; }
}
@media (min-width: 992px) {
  .content .text-lg--underline,
  .content .text-lg--underline:hover,
  .content .text-lg--underline:active,
  .content .text-lg--underline:focus { text-decoration: underline; }
  .content .text-lg--no-underline,
  .content .text-lg--no-underline:hover,
  .content .text-lg--no-underline:active,
  .content .text-lg--no-underline:focus { text-decoration: none; }
}
@media (min-width: 1200px) {
  .content .text-xl--underline,
  .content .text-xl--underline:hover,
  .content .text-xl--underline:active,
  .content .text-xl--underline:focus { text-decoration: underline; }
  .content .text-xl--no-underline,
  .content .text-xl--no-underline:hover,
  .content .text-xl--no-underline:active,
  .content .text-xl--no-underline:focus { text-decoration: none; }
}
@media (min-width: 1400px) {
  .content .text-xxl--underline,
  .content .text-xxl--underline:hover,
  .content .text-xxl--underline:active,
  .content .text-xxl--underline:focus { text-decoration: underline; }
  .content .text-xxl--no-underline,
  .content .text-xxl--no-underline:hover,
  .content .text-xxl--no-underline:active,
  .content .text-xxl--no-underline:focus { text-decoration: none; }
}

/* Text character length
========================================================================== */

.mis--50 { max-inline-size: 50ch; }
.mis--56 { max-inline-size: 56ch; }
.mis--64 { max-inline-size: 64ch; }
.mis--70 { max-inline-size: 70ch; }
.mis--72 { max-inline-size: 72ch; }
.mis--80 { max-inline-size: 80ch; }

/* ==========================================================================
Flex
========================================================================== */

.flex--wrap { flex-wrap: wrap; }
.flex--column { flex-direction: column; }
.flex--row { flex-direction: row; }
.flex--column-reverse { flex-direction: column-reverse; }
.flex--row-reverse { flex-direction: row-reverse; }
@media (min-width: 576px){
  .flex-sm--wrap { flex-wrap: wrap; }
  .flex-sm--column { flex-direction: column; }
  .flex-sm--row { flex-direction: row; }
  .flex-sm--column-reverse { flex-direction: column-reverse; }
  .flex-sm--row-reverse { flex-direction: row-reverse; }
}
@media (min-width: 768px){
  .flex-md--wrap { flex-wrap: wrap; }
  .flex-md--column { flex-direction: column; }
  .flex-md--row { flex-direction: row; }
  .flex-md--column-reverse { flex-direction: column-reverse; }
  .flex-md--row-reverse { flex-direction: row-reverse; }
}
@media (min-width: 992px){
  .flex-lg--wrap { flex-wrap: wrap; }
  .flex-lg--column { flex-direction: column; }
  .flex-lg--row { flex-direction: row; }
  .flex-lg--column-reverse { flex-direction: column-reverse; }
  .flex-lg--row-reverse { flex-direction: row-reverse; }
}
@media (min-width: 1200px){
  .flex-xl--wrap { flex-wrap: wrap; }
  .flex-xl--column { flex-direction: column; }
  .flex-xl--row { flex-direction: row; }
  .flex-xl--column-reverse { flex-direction: column-reverse; }
  .flex-xl--row-reverse { flex-direction: row-reverse; }
}
@media (min-width: 1400px){
  .flex-xxl--wrap { flex-wrap: wrap; }
  .flex-xxl--column { flex-direction: column; }
  .flex-xxl--row { flex-direction: row; }
  .flex-xxl--column-reverse { flex-direction: column-reverse; }
  .flex-xxl--row-reverse { flex-direction: row-reverse; }
}

/* ==========================================================================
Grid
========================================================================== */

/**
* Columns
*/
.grid-cols--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.grid-cols--8 { grid-template-columns: repeat(8,minmax(0,1fr)); }
.grid-cols--10 { grid-template-columns: repeat(10,minmax(0,1fr)); }
.grid-cols--12 { grid-template-columns: repeat(12,minmax(0,1fr)); }
@media (min-width: 576px){
  .grid-cols-sm--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .grid-cols-sm--8 { grid-template-columns: repeat(8,minmax(0,1fr)); }
  .grid-cols-sm--10 { grid-template-columns: repeat(10,minmax(0,1fr)); }
  .grid-cols-sm--12 { grid-template-columns: repeat(12,minmax(0,1fr)); }
}
@media (min-width: 768px){
  .grid-cols-md--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .grid-cols-md--8 { grid-template-columns: repeat(8,minmax(0,1fr)); }
  .grid-cols-md--10 { grid-template-columns: repeat(10,minmax(0,1fr)); }
  .grid-cols-md--12 { grid-template-columns: repeat(12,minmax(0,1fr)); }
}
@media (min-width: 992px){
  .grid-cols-lg--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .grid-cols-lg--8 { grid-template-columns: repeat(8,minmax(0,1fr)); }
  .grid-cols-lg--10 { grid-template-columns: repeat(10,minmax(0,1fr)); }
  .grid-cols-lg--12 { grid-template-columns: repeat(12,minmax(0,1fr)); }
}
@media (min-width: 1200px){
  .grid-cols-xl--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .grid-cols-xl--8 { grid-template-columns: repeat(8,minmax(0,1fr)); }
  .grid-cols-xl--10 { grid-template-columns: repeat(10,minmax(0,1fr)); }
  .grid-cols-xl--12 { grid-template-columns: repeat(12,minmax(0,1fr)); }
}
@media (min-width: 1400px){
  .grid-cols-xxl--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .grid-cols-xxl--8 { grid-template-columns: repeat(8,minmax(0,1fr)); }
  .grid-cols-xxl--10 { grid-template-columns: repeat(10,minmax(0,1fr)); }
  .grid-cols-xxl--12 { grid-template-columns: repeat(12,minmax(0,1fr)); }
}
/**
* Column Span
*/
.grid-col-span--1 { grid-column: span 1 / span 1; }
.grid-col-span--2 { grid-column: span 2 / span 2; }
.grid-col-span--3 { grid-column: span 3 / span 3; }
.grid-col-span--4 { grid-column: span 4 / span 4; }
.grid-col-span--5 { grid-column: span 5 / span 5; }
.grid-col-span--6 { grid-column: span 6 / span 6; }
.grid-col-span--7 { grid-column: span 7 / span 7; }
.grid-col-span--8 { grid-column: span 8 / span 8; }
.grid-col-span--9 { grid-column: span 9 / span 9; }
.grid-col-span--10 { grid-column: span 10 / span 10; }
.grid-col-span--11 { grid-column: span 11 / span 11; }
.grid-col-span--12 { grid-column: span 12 / span 12; }
@media (min-width: 576px){
	.grid-col-span-sm--1 { grid-column: span 1 / span 1; }
	.grid-col-span-sm--2 { grid-column: span 2 / span 2; }
	.grid-col-span-sm--3 { grid-column: span 3 / span 3; }
	.grid-col-span-sm--4 { grid-column: span 4 / span 4; }
	.grid-col-span-sm--5 { grid-column: span 5 / span 5; }
	.grid-col-span-sm--6 { grid-column: span 6 / span 6; }
	.grid-col-span-sm--7 { grid-column: span 7 / span 7; }
	.grid-col-span-sm--8 { grid-column: span 8 / span 8; }
	.grid-col-span-sm--9 { grid-column: span 9 / span 9; }
	.grid-col-span-sm--10 { grid-column: span 10 / span 10; }
	.grid-col-span-sm--11 { grid-column: span 11 / span 11; }
	.grid-col-span-sm--12 { grid-column: span 12 / span 12; }
}
@media (min-width: 768px) {
	.grid-col-span-md--1 { grid-column: span 1 / span 1; }
	.grid-col-span-md--2 { grid-column: span 2 / span 2; }
	.grid-col-span-md--3 { grid-column: span 3 / span 3; }
	.grid-col-span-md--4 { grid-column: span 4 / span 4; }
	.grid-col-span-md--5 { grid-column: span 5 / span 5; }
	.grid-col-span-md--6 { grid-column: span 6 / span 6; }
	.grid-col-span-md--7 { grid-column: span 7 / span 7; }
	.grid-col-span-md--8 { grid-column: span 8 / span 8; }
	.grid-col-span-md--9 { grid-column: span 9 / span 9; }
	.grid-col-span-md--10 { grid-column: span 10 / span 10; }
	.grid-col-span-md--11 { grid-column: span 11 / span 11; }
	.grid-col-span-md--12 { grid-column: span 12 / span 12; }
}
@media (min-width: 992px) {
	.grid-col-span-lg--1 { grid-column: span 1 / span 1; }
	.grid-col-span-lg--2 { grid-column: span 2 / span 2; }
	.grid-col-span-lg--3 { grid-column: span 3 / span 3; }
	.grid-col-span-lg--4 { grid-column: span 4 / span 4; }
	.grid-col-span-lg--5 { grid-column: span 5 / span 5; }
	.grid-col-span-lg--6 { grid-column: span 6 / span 6; }
	.grid-col-span-lg--7 { grid-column: span 7 / span 7; }
	.grid-col-span-lg--8 { grid-column: span 8 / span 8; }
	.grid-col-span-lg--9 { grid-column: span 9 / span 9; }
	.grid-col-span-lg--10 { grid-column: span 10 / span 10; }
	.grid-col-span-lg--11 { grid-column: span 11 / span 11; }
	.grid-col-span-lg--12 { grid-column: span 12 / span 12; }
}
@media (min-width: 1200px) {
	.grid-col-span-xl--1 { grid-column: span 1 / span 1; }
	.grid-col-span-xl--2 { grid-column: span 2 / span 2; }
	.grid-col-span-xl--3 { grid-column: span 3 / span 3; }
	.grid-col-span-xl--4 { grid-column: span 4 / span 4; }
	.grid-col-span-xl--5 { grid-column: span 5 / span 5; }
	.grid-col-span-xl--6 { grid-column: span 6 / span 6; }
	.grid-col-span-xl--7 { grid-column: span 7 / span 7; }
	.grid-col-span-xl--8 { grid-column: span 8 / span 8; }
	.grid-col-span-xl--9 { grid-column: span 9 / span 9; }
	.grid-col-span-xl--10 { grid-column: span 10 / span 10; }
	.grid-col-span-xl--11 { grid-column: span 11 / span 11; }
	.grid-col-span-xl--12 { grid-column: span 12 / span 12; }
}
@media (min-width: 1400px) {
	.grid-col-span-xxl--1 { grid-column: span 1 / span 1; }
	.grid-col-span-xxl--2 { grid-column: span 2 / span 2; }
	.grid-col-span-xxl--3 { grid-column: span 3 / span 3; }
	.grid-col-span-xxl--4 { grid-column: span 4 / span 4; }
	.grid-col-span-xxl--5 { grid-column: span 5 / span 5; }
	.grid-col-span-xxl--6 { grid-column: span 6 / span 6; }
	.grid-col-span-xxl--7 { grid-column: span 7 / span 7; }
	.grid-col-span-xxl--8 { grid-column: span 8 / span 8; }
	.grid-col-span-xxl--9 { grid-column: span 9 / span 9; }
	.grid-col-span-xxl--10 { grid-column: span 10 / span 10; }
	.grid-col-span-xxl--11 { grid-column: span 11 / span 11; }
	.grid-col-span-xxl--12 { grid-column: span 12 / span 12; }
}

/**
* Column Start
*/
.grid-col-start--1 { grid-column-start: 1; }
.grid-col-start--2 { grid-column-start: 2; }
.grid-col-start--3 { grid-column-start: 3; }
.grid-col-start--4 { grid-column-start: 4; }
.grid-col-start--5 { grid-column-start: 5; }
.grid-col-start--6 { grid-column-start: 6; }
.grid-col-start--7 { grid-column-start: 7; }
.grid-col-start--8 { grid-column-start: 8; }
.grid-col-start--9 { grid-column-start: 9; }
.grid-col-start--10 { grid-column-start: 10; }
.grid-col-start--11 { grid-column-start: 11; }
.grid-col-start--12 { grid-column-start: 12; }
@media (min-width: 576px){
	.grid-col-start-sm--1 { grid-column-start: 1; }
	.grid-col-start-sm--2 { grid-column-start: 2; }
	.grid-col-start-sm--3 { grid-column-start: 3; }
	.grid-col-start-sm--4 { grid-column-start: 4; }
	.grid-col-start-sm--5 { grid-column-start: 5; }
	.grid-col-start-sm--6 { grid-column-start: 6; }
	.grid-col-start-sm--7 { grid-column-start: 7; }
	.grid-col-start-sm--8 { grid-column-start: 8; }
	.grid-col-start-sm--9 { grid-column-start: 9; }
	.grid-col-start-sm--10 { grid-column-start: 10; }
	.grid-col-start-sm--11 { grid-column-start: 11; }
	.grid-col-start-sm--12 { grid-column-start: 12; }
}
@media (min-width: 768px) {
	.grid-col-start-md--1 { grid-column-start: 1; }
	.grid-col-start-md--2 { grid-column-start: 2; }
	.grid-col-start-md--3 { grid-column-start: 3; }
	.grid-col-start-md--4 { grid-column-start: 4; }
	.grid-col-start-md--5 { grid-column-start: 5; }
	.grid-col-start-md--6 { grid-column-start: 6; }
	.grid-col-start-md--7 { grid-column-start: 7; }
	.grid-col-start-md--8 { grid-column-start: 8; }
	.grid-col-start-md--9 { grid-column-start: 9; }
	.grid-col-start-md--10 { grid-column-start: 10; }
	.grid-col-start-md--11 { grid-column-start: 11; }
	.grid-col-start-md--12 { grid-column-start: 12; }
}
@media (min-width: 992px) {
	.grid-col-start-lg--1 { grid-column-start: 1; }
	.grid-col-start-lg--2 { grid-column-start: 2; }
	.grid-col-start-lg--3 { grid-column-start: 3; }
	.grid-col-start-lg--4 { grid-column-start: 4; }
	.grid-col-start-lg--5 { grid-column-start: 5; }
	.grid-col-start-lg--6 { grid-column-start: 6; }
	.grid-col-start-lg--7 { grid-column-start: 7; }
	.grid-col-start-lg--8 { grid-column-start: 8; }
	.grid-col-start-lg--9 { grid-column-start: 9; }
	.grid-col-start-lg--10 { grid-column-start: 10; }
	.grid-col-start-lg--11 { grid-column-start: 11; }
	.grid-col-start-lg--12 { grid-column-start: 12; }
}
@media (min-width: 1200px) {
	.grid-col-start-xl--1 { grid-column-start: 1; }
	.grid-col-start-xl--2 { grid-column-start: 2; }
	.grid-col-start-xl--3 { grid-column-start: 3; }
	.grid-col-start-xl--4 { grid-column-start: 4; }
	.grid-col-start-xl--5 { grid-column-start: 5; }
	.grid-col-start-xl--6 { grid-column-start: 6; }
	.grid-col-start-xl--7 { grid-column-start: 7; }
	.grid-col-start-xl--8 { grid-column-start: 8; }
	.grid-col-start-xl--9 { grid-column-start: 9; }
	.grid-col-start-xl--10 { grid-column-start: 10; }
	.grid-col-start-xl--11 { grid-column-start: 11; }
	.grid-col-start-xl--12 { grid-column-start: 12; }
}
@media (min-width: 1400px) {
	.grid-col-start-xxl--1 { grid-column-start: 1; }
	.grid-col-start-xxl--2 { grid-column-start: 2; }
	.grid-col-start-xxl--3 { grid-column-start: 3; }
	.grid-col-start-xxl--4 { grid-column-start: 4; }
	.grid-col-start-xxl--5 { grid-column-start: 5; }
	.grid-col-start-xxl--6 { grid-column-start: 6; }
	.grid-col-start-xxl--7 { grid-column-start: 7; }
	.grid-col-start-xxl--8 { grid-column-start: 8; }
	.grid-col-start-xxl--9 { grid-column-start: 9; }
	.grid-col-start-xxl--10 { grid-column-start: 10; }
	.grid-col-start-xxl--11 { grid-column-start: 11; }
	.grid-col-start-xxl--12 { grid-column-start: 12; }
}

/**
* Column End
*/
.grid-col-end--2 { grid-column-end: 2; }
.grid-col-end--3 { grid-column-end: 3; }
.grid-col-end--4 { grid-column-end: 4; }
.grid-col-end--5 { grid-column-end: 5; }
.grid-col-end--6 { grid-column-end: 6; }
.grid-col-end--7 { grid-column-end: 7; }
.grid-col-end--8 { grid-column-end: 8; }
.grid-col-end--9 { grid-column-end: 9; }
.grid-col-end--10 { grid-column-end: 10; }
.grid-col-end--11 { grid-column-end: 11; }
.grid-col-end--12 { grid-column-end: 12; }
.grid-col-end--13 { grid-column-end: 13; }
@media (min-width: 576px){
	.grid-col-end-sm--2 { grid-column-end: 2; }
	.grid-col-end-sm--3 { grid-column-end: 3; }
	.grid-col-end-sm--4 { grid-column-end: 4; }
	.grid-col-end-sm--5 { grid-column-end: 5; }
	.grid-col-end-sm--6 { grid-column-end: 6; }
	.grid-col-end-sm--7 { grid-column-end: 7; }
	.grid-col-end-sm--8 { grid-column-end: 8; }
	.grid-col-end-sm--9 { grid-column-end: 9; }
	.grid-col-end-sm--10 { grid-column-end: 10; }
	.grid-col-end-sm--11 { grid-column-end: 11; }
	.grid-col-end-sm--12 { grid-column-end: 12; }
	.grid-col-end-sm--13 { grid-column-end: 13; }
}
@media (min-width: 768px) {
	.grid-col-end-md--2 { grid-column-end: 2; }
	.grid-col-end-md--3 { grid-column-end: 3; }
	.grid-col-end-md--4 { grid-column-end: 4; }
	.grid-col-end-md--5 { grid-column-end: 5; }
	.grid-col-end-md--6 { grid-column-end: 6; }
	.grid-col-end-md--7 { grid-column-end: 7; }
	.grid-col-end-md--8 { grid-column-end: 8; }
	.grid-col-end-md--9 { grid-column-end: 9; }
	.grid-col-end-md--10 { grid-column-end: 10; }
	.grid-col-end-md--11 { grid-column-end: 11; }
	.grid-col-end-md--12 { grid-column-end: 12; }
	.grid-col-end-md--13 { grid-column-end: 13; }
}
@media (min-width: 992px) {
	.grid-col-end-lg--2 { grid-column-end: 2; }
	.grid-col-end-lg--3 { grid-column-end: 3; }
	.grid-col-end-lg--4 { grid-column-end: 4; }
	.grid-col-end-lg--5 { grid-column-end: 5; }
	.grid-col-end-lg--6 { grid-column-end: 6; }
	.grid-col-end-lg--7 { grid-column-end: 7; }
	.grid-col-end-lg--8 { grid-column-end: 8; }
	.grid-col-end-lg--9 { grid-column-end: 9; }
	.grid-col-end-lg--10 { grid-column-end: 10; }
	.grid-col-end-lg--11 { grid-column-end: 11; }
	.grid-col-end-lg--12 { grid-column-end: 12; }
	.grid-col-end-lg--13 { grid-column-end: 13; }
}
@media (min-width: 1200px) {
	.grid-col-end-xl--2 { grid-column-end: 2; }
	.grid-col-end-xl--3 { grid-column-end: 3; }
	.grid-col-end-xl--4 { grid-column-end: 4; }
	.grid-col-end-xl--5 { grid-column-end: 5; }
	.grid-col-end-xl--6 { grid-column-end: 6; }
	.grid-col-end-xl--7 { grid-column-end: 7; }
	.grid-col-end-xl--8 { grid-column-end: 8; }
	.grid-col-end-xl--9 { grid-column-end: 9; }
	.grid-col-end-xl--10 { grid-column-end: 10; }
	.grid-col-end-xl--11 { grid-column-end: 11; }
	.grid-col-end-xl--12 { grid-column-end: 12; }
	.grid-col-end-xl--13 { grid-column-end: 13; }
}
@media (min-width: 1400px) {
	.grid-col-end-xxl--2 { grid-column-end: 2; }
	.grid-col-end-xxl--3 { grid-column-end: 3; }
	.grid-col-end-xxl--4 { grid-column-end: 4; }
	.grid-col-end-xxl--5 { grid-column-end: 5; }
	.grid-col-end-xxl--6 { grid-column-end: 6; }
	.grid-col-end-xxl--7 { grid-column-end: 7; }
	.grid-col-end-xxl--8 { grid-column-end: 8; }
	.grid-col-end-xxl--9 { grid-column-end: 9; }
	.grid-col-end-xxl--10 { grid-column-end: 10; }
	.grid-col-end-xxl--11 { grid-column-end: 11; }
	.grid-col-end-xxl--12 { grid-column-end: 12; }
	.grid-col-end-xxl--13 { grid-column-end: 13; }
}

/**
* Row Start
*/
.grid-row-start--1 { grid-row-start: 1; }
.grid-row-start--2 { grid-row-start: 2; }
.grid-row-start--3 { grid-row-start: 3; }
.grid-row-start--4 { grid-row-start: 4; }
@media (min-width: 576px){
	.grid-row-start-sm--1 { grid-row-start: 1; }
	.grid-row-start-sm--2 { grid-row-start: 2; }
	.grid-row-start-sm--3 { grid-row-start: 3; }
	.grid-row-start-sm--4 { grid-row-start: 4; }
}
@media (min-width: 768px) {
	.grid-row-start-md--1 { grid-row-start: 1; }
	.grid-row-start-md--2 { grid-row-start: 2; }
	.grid-row-start-md--3 { grid-row-start: 3; }
	.grid-row-start-md--4 { grid-row-start: 4; }
}
@media (min-width: 992px) {
	.grid-row-start-lg--1 { grid-row-start: 1; }
	.grid-row-start-lg--2 { grid-row-start: 2; }
	.grid-row-start-lg--3 { grid-row-start: 3; }
	.grid-row-start-lg--4 { grid-row-start: 4; }
}
@media (min-width: 1200px) {
	.grid-row-start-xl--1 { grid-row-start: 1; }
	.grid-row-start-xl--2 { grid-row-start: 2; }
	.grid-row-start-xl--3 { grid-row-start: 3; }
	.grid-row-start-xl--4 { grid-row-start: 4; }
}
@media (min-width: 1400px) {
	.grid-row-start-xxl--1 { grid-row-start: 1; }
	.grid-row-start-xxl--2 { grid-row-start: 2; }
	.grid-row-start-xxl--3 { grid-row-start: 3; }
	.grid-row-start-xxl--4 { grid-row-start: 4; }
}

/**
* Row End
*/
.grid-row-end--2 { grid-row-end: 2; }
.grid-row-end--3 { grid-row-end: 3; }
.grid-row-end--4 { grid-row-end: 4; }
.grid-row-end--5 { grid-row-end: 5; }
@media (min-width: 576px){
	.grid-row-end-sm--2 { grid-row-end: 2; }
	.grid-row-end-sm--3 { grid-row-end: 3; }
	.grid-row-end-sm--4 { grid-row-end: 4; }
	.grid-row-end-sm--5 { grid-row-end: 5; }
}
@media (min-width: 768px) {
	.grid-row-end-md--2 { grid-row-end: 2; }
	.grid-row-end-md--3 { grid-row-end: 3; }
	.grid-row-end-md--4 { grid-row-end: 4; }
	.grid-row-end-md--5 { grid-row-end: 5; }
}
@media (min-width: 992px) {
	.grid-row-end-lg--2 { grid-row-end: 2; }
	.grid-row-end-lg--3 { grid-row-end: 3; }
	.grid-row-end-lg--4 { grid-row-end: 4; }
	.grid-row-end-lg--5 { grid-row-end: 5; }
}
@media (min-width: 1200px) {
	.grid-row-end-xl--2 { grid-row-end: 2; }
	.grid-row-end-xl--3 { grid-row-end: 3; }
	.grid-row-end-xl--4 { grid-row-end: 4; }
	.grid-row-end-xl--5 { grid-row-end: 5; }
}
@media (min-width: 1400px) {
	.grid-row-end-xxl--2 { grid-row-end: 2; }
	.grid-row-end-xxl--3 { grid-row-end: 3; }
	.grid-row-end-xxl--4 { grid-row-end: 4; }
	.grid-row-end-xxl--5 { grid-row-end: 5; }
}

/* ==========================================================================
Ratios
========================================================================== */

/**
* Add to figure element that wraps around an image.
* Allows us to scale the wrapper to the size of what the element
* will be after load. Helps keep CLS scores low.
*/

.ratio {
  display: block;
  position: relative;
  margin: 0;
}
.ratio img,
.ratio input[type="image"],
.ratio video,
.ratio embed,
.ratio iframe,
.ratio marquee,
.ratio object,
.ratio table {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
  aspect-ratio: attr(width) / attr(height);
}

/* Ratio dimensions
========================================================================== */

.ratio--1by1 { padding-top: 100%; }
.ratio--2by1 { padding-top: 50%; }
.ratio--3by1 { padding-top: 33.3333%; }
.ratio--3by2 { padding-top: 66.6666%; }
.ratio--3by4 { padding-top: 133.3333%; }
.ratio--3by5 { padding-top: 166.6666%; }
.ratio--4by1 { padding-top: 25%; }
.ratio--4by3 { padding-top: 75%; }
.ratio--4by5 { padding-top: 125%; }
.ratio--5by4 { padding-top: 80%; }
.ratio--5by7 { padding-top: 140%; }
.ratio--9by16 { padding: 177.7777% }
.ratio--16by7 { padding-top: 43.75%; }
.ratio--16by9 { padding-top: 56.25%; }
.ratio--16by10 { padding-top: 62.5%; }

/* ==========================================================================
Color
========================================================================== */

/**
* Background
*/
.bg--white { background-color: var(--white); }
.bg--sand { background-color: var(--sand); }
.bg--fog { background-color: var(--fog); }
.bg--stone { background-color: var(--stone); }
.bg--charcoal { background-color: var(--charcoal); }
.bg--navy { background-color: var(--navy); }
.bg--black { background-color: var(--black); }

/**
* Text
*/
.text--white,
.text--white:hover,
.text--white:active,
.text--white:focus { color: var(--white); }
.text--sand,
.text--sand:hover,
.text--sand:active,
.text--sand:focus { color: var(--sand); }
.text--fog,
.text--fog:hover,
.text--fog:active,
.text--fog:focus { color: var(--fog); }
.text--stone,
.text--stone:hover,
.text--stone:active,
.text--stone:focus { color: var(--stone); }
.text--charcoal,
.text--charcoal:hover,
.text--charcoal:active,
.text--charcoal:focus { color: var(--charcoal); }
.text--navy,
.text--navy:hover,
.text--navy:active,
.text--navy:focus { color: var(--navy); }
.text--black,
.text--black:hover,
.text--black:active,
.text--black:focus { color: var(--black); }
.text--inherit,
.text--inherit:hover,
.text--inherit:active,
.text--inherit:focus { color: inherit; }
@media (min-width: 576px){
  .text-sm--sand,
  .text-sm--sand:hover,
  .text-sm--sand:active,
  .text-sm--sand:focus { color: var(--sand); }
  .text-sm--charcoal,
  .text-sm--charcoal:hover,
  .text-sm--charcoal:active,
  .text-sm--charcoal:focus { color: var(--charcoal); }
}
@media (min-width: 768px){
  .text-md--sand,
  .text-md--sand:hover,
  .text-md--sand:active,
  .text-md--sand:focus { color: var(--sand); }
  .text-md--charcoal,
  .text-md--charcoal:hover,
  .text-md--charcoal:active,
  .text-md--charcoal:focus { color: var(--charcoal); }
}
@media (min-width: 992px){
  .text-lg--sand,
  .text-lg--sand:hover,
  .text-lg--sand:active,
  .text-lg--sand:focus { color: var(--sand); }
  .text-lg--charcoal,
  .text-lg--charcoal:hover,
  .text-lg--charcoal:active,
  .text-lg--charcoal:focus { color: var(--charcoal); }
}
@media (min-width: 1200px){
  .text-xl--sand,
  .text-xl--sand:hover,
  .text-xl--sand:active,
  .text-xl--sand:focus { color: var(--sand); }
  .text-xl--charcoal,
  .text-xl--charcoal:hover,
  .text-xl--charcoal:active,
  .text-xl--charcoal:focus { color: var(--charcoal); }
}
@media (min-width: 1400px){
  .text-xxl--sand,
  .text-xxl--sand:hover,
  .text-xxl--sand:active,
  .text-xxl--sand:focus { color: var(--sand); }
  .text-xxl--charcoal,
  .text-xxl--charcoal:hover,
  .text-xxl--charcoal:active,
  .text-xxl--charcoal:focus { color: var(--charcoal); }
}

/**
* Border
*/
.border--white,
.border--sand,
.border--fog,
.border--stone,
.border--charcoal,
.border--navy,
.border--black { 
  border-style: solid;
  border-width: 1px; 
}
.border--white { border-color: var(--white); }
.border--sand { border-color: var(--sand); }
.border--fog { border-color: var(--fog); }
.border--stone { border-color: var(--stone); }
.border--charcoal { border-color: var(--charcoal); }
.border--navy { border-color: var(--navy); }
.border--black { border-color: var(--black); }

/* ==========================================================================
Display
========================================================================== */

.d--inline { display: inline; }
.d--block { display: block; }
.d--inline-block { display: inline-block; }
.d--grid { display: grid; }
.d--inline-grid { display: inline-grid; }
.d--table { display: table; }
.d--table-row { display: table-row; }
.d--table-cell { display: table-cell; }
.d--flex { display: flex; }
.d--inline-flex { display: inline-flex; }
.d--none { display: none; }
@media (min-width: 576px) {
  .d-sm--inline { display: inline; }
  .d-sm--block { display: block; }
  .d-sm--inline-block { display: inline-block; }
  .d-sm--grid { display: grid; }
  .d-sm--inline-grid { display: inline-grid; }
  .d-sm--table { display: table; }
  .d-sm--table-row { display: table-row; }
  .d-sm--table-cell { display: table-cell; }
  .d-sm--flex { display: flex; }
  .d-sm--inline-flex { display: inline-flex; }
  .d-sm--none { display: none; }
}
@media (min-width: 768px) {
  .d-md--inline { display: inline; }
  .d-md--block { display: block; }
  .d-md--inline-block { display: inline-block; }
  .d-md--grid { display: grid; }
  .d-md--inline-grid { display: inline-grid; }
  .d-md--table { display: table; }
  .d-md--table-row { display: table-row; }
  .d-md--table-cell { display: table-cell; }
  .d-md--flex { display: flex; }
  .d-md--inline-flex { display: inline-flex; }
  .d-md--none { display: none; }
}
@media (min-width: 992px) {
  .d-lg--inline { display: inline; }
  .d-lg--block { display: block; }
  .d-lg--inline-block { display: inline-block; }
  .d-lg--grid { display: grid; }
  .d-lg--inline-grid { display: inline-grid; }
  .d-lg--table { display: table; }
  .d-lg--table-row { display: table-row; }
  .d-lg--table-cell { display: table-cell; }
  .d-lg--flex { display: flex; }
  .d-lg--inline-flex { display: inline-flex; }
  .d-lg--none { display: none; }
}
@media (min-width: 1200px) {
  .d-xl--inline { display: inline; }
  .d-xl--block { display: block; }
  .d-xl--inline-block { display: inline-block; }
  .d-xl--grid { display: grid; }
  .d-xl--inline-grid { display: inline-grid; }
  .d-xl--table { display: table; }
  .d-xl--table-row { display: table-row; }
  .d-xl--table-cell { display: table-cell; }
  .d-xl--flex { display: flex; }
  .d-xl--inline-flex { display: inline-flex; }
  .d-xl--none { display: none; }
}
@media (min-width: 1400px) {
  .d-xxl--inline { display: inline; }
  .d-xxl--block { display: block; }
  .d-xxl--inline-block { display: inline-block; }
  .d-xxl--grid { display: grid; }
  .d-xxl--inline-grid { display: inline-grid; }
  .d-xxl--table { display: table; }
  .d-xxl--table-row { display: table-row; }
  .d-xxl--table-cell { display: table-cell; }
  .d-xxl--flex { display: flex; }
  .d-xxl--inline-flex { display: inline-flex; }
  .d-xxl--none { display: none; }
}

/* ==========================================================================
Buttons
========================================================================== */

.dc-btn {
	display: inline-flex; 
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	width: auto;
	height: 42px;
	font-family: var(--font-secondary);
	font-size: 14px;
	letter-spacing: .08em;
	line-height: normal;
	white-space: normal;
	border: 1px solid transparent;
	border-radius: var(--space_1);
	background-color: transparent;
	padding: var(--space_1) var(--space_2);
	text-transform: uppercase;
}
.dc-btn,
.dc-btn:focus,
.dc-btn:hover {
	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}
@media (min-width: 576px){
	.dc-btn { 
		height: 48px;
		font-size: var(--space_2); 
	}
}

/**
* Button styles
*/
.dc-btn--light {
	background-color: var(--sand);
	border-color: var(--charcoal);
	padding: var(--space_1) var(--space_2);
}
.dc-btn--light,
.dc-btn--light:focus,
.dc-btn--light:hover {
	color: var(--charcoal);
	text-decoration: none;
}
.dc-btn--dark {
	background-color: var(--charcoal);
	border-color: transparent;
	padding: var(--space_1) var(--space_2);
}
.dc-btn--dark,
.dc-btn--dark:focus,
.dc-btn--dark:hover {
	color: var(--sand);
	text-decoration: none;
}
.dc-btn--underline-light {
	background-color: transparent;
	border-color: transparent;
	padding: var(--space_1) 0;
}
.dc-btn--underline-light,
.dc-btn--underline-light:focus,
.dc-btn--underline-light:hover {
	color: var(--sand);
	text-decoration: underline;
}
.dc-btn--underline-dark {
	background-color: transparent;
	border-color: transparent;
	padding: var(--space_1) 0;
}
.dc-btn--underline-dark,
.dc-btn--underline-dark:focus,
.dc-btn--underline-dark:hover {
	color: var(--charcoal);
	text-decoration: underline;
}

/**
* Button styles: Small
*/
@media (min-width: 576px){
	.dc-btn-sm--light {
		background-color: var(--sand);
		border-color: var(--charcoal);
		padding: var(--space_1) var(--space_2);
	}
	.dc-btn-sm--light,
	.dc-btn-sm--light:focus,
	.dc-btn-sm--light:hover {
		color: var(--charcoal);
		text-decoration: none;
	}
	.dc-btn-sm--dark {
		background-color: var(--charcoal);
		border-color: transparent;
		padding: var(--space_1) var(--space_2);
	}
	.dc-btn-sm--dark,
	.dc-btn-sm--dark:focus,
	.dc-btn-sm--dark:hover {
		color: var(--sand);
		text-decoration: none;
	}
	.dc-btn-sm--underline-light {
		background-color: transparent;
		border-color: transparent;
		padding: var(--space_1) 0;
	}
	.dc-btn-sm--underline-light,
	.dc-btn-sm--underline-light:focus,
	.dc-btn-sm--underline-light:hover {
		color: var(--sand);
		text-decoration: underline;
	}
	.dc-btn-sm--underline-dark {
		background-color: transparent;
		border-color: transparent;
		padding: var(--space_1) 0;
	}
	.dc-btn-sm--underline-dark,
	.dc-btn-sm--underline-dark:focus,
	.dc-btn-sm--underline-dark:hover {
		color: var(--charcoal);
		text-decoration: underline;
	}
}

/**
* Button styles: Medium
*/
@media (min-width: 768px){
	.dc-btn-md--light {
		background-color: var(--sand);
		border-color: var(--charcoal);
		padding: var(--space_1) var(--space_2);
	}
	.dc-btn-md--light,
	.dc-btn-md--light:focus,
	.dc-btn-md--light:hover {
		color: var(--charcoal);
		text-decoration: none;
	}
	.dc-btn-md--dark {
		background-color: var(--charcoal);
		border-color: transparent;
		padding: var(--space_1) var(--space_2);
	}
	.dc-btn-md--dark,
	.dc-btn-md--dark:focus,
	.dc-btn-md--dark:hover {
		color: var(--sand);
		text-decoration: none;
	}
	.dc-btn-md--underline-light {
		background-color: transparent;
		border-color: transparent;
		padding: var(--space_1) 0;
	}
	.dc-btn-md--underline-light,
	.dc-btn-md--underline-light:focus,
	.dc-btn-md--underline-light:hover {
		color: var(--sand);
		text-decoration: underline;
	}
	.dc-btn-md--underline-dark {
		background-color: transparent;
		border-color: transparent;
		padding: var(--space_1) 0;
	}
	.dc-btn-md--underline-dark,
	.dc-btn-md--underline-dark:focus,
	.dc-btn-md--underline-dark:hover {
		color: var(--charcoal);
		text-decoration: underline;
  }
}

/**
* Button styles: Large
*/
@media (min-width: 992px){
	.dc-btn-lg--light {
		background-color: var(--sand);
		border-color: var(--charcoal);
		padding: var(--space_1) var(--space_2);
	}
	.dc-btn-lg--light,
	.dc-btn-lg--light:focus,
	.dc-btn-lg--light:hover {
		color: var(--charcoal);
		text-decoration: none;
	}
	.dc-btn-lg--dark {
		background-color: var(--charcoal);
		border-color: transparent;
		padding: var(--space_1) var(--space_2);
	}
	.dc-btn-lg--dark,
	.dc-btn-lg--dark:focus,
	.dc-btn-lg--dark:hover {
		color: var(--sand);
		text-decoration: none;
	}
	.dc-btn-lg--underline-light {
		background-color: transparent;
		border-color: transparent;
		padding: var(--space_1) 0;
	}
	.dc-btn-lg--underline-light,
	.dc-btn-lg--underline-light:focus,
	.dc-btn-lg--underline-light:hover {
		color: var(--sand);
		text-decoration: underline;
	}
	.dc-btn-lg--underline-dark {
		background-color: transparent;
		border-color: transparent;
		padding: var(--space_1) 0;
	}
  .dc-btn-lg--underline-dark,
	.dc-btn-lg--underline-dark:focus,
	.dc-btn-lg--underline-dark:hover {
		color: var(--charcoal);
		text-decoration: underline;
	}
}

/**
* Button styles: Extra large
*/
@media (min-width: 1200px){
	.dc-btn-xl--light {
		background-color: var(--sand);
		border-color: var(--charcoal);
		padding: var(--space_1) var(--space_2);
	}
	.dc-btn-xl--light,
	.dc-btn-xl--light:focus,
	.dc-btn-xl--light:hover {
		color: var(--charcoal);
		text-decoration: none;
	}
	.dc-btn-xl--dark {
		background-color: var(--charcoal);
		border-color: transparent;
		padding: var(--space_1) var(--space_2);
	}
	.dc-btn-xl--dark,
	.dc-btn-xl--dark:focus,
	.dc-btn-xl--dark:hover {
		color: var(--sand);
		text-decoration: none;
	}
	.dc-btn-xl--underline-light {
		background-color: transparent;
		border-color: transparent;
		padding: var(--space_1) 0;
	}
	.dc-btn-xl--underline-light,
	.dc-btn-xl--underline-light:focus,
	.dc-btn-xl--underline-light:hover {
		color: var(--sand);
		text-decoration: underline;
	}
	.dc-btn-xl--underline-dark {
		background-color: transparent;
		border-color: transparent;
		padding: var(--space_1) 0;
	}
	.dc-btn-xl--underline-dark,
	.dc-btn-xl--underline-dark:focus,
	.dc-btn-xl--underline-dark:hover {
		color: var(--charcoal);
		text-decoration: underline;
	}
}

/**
* Button styles: Extra extra large
*/
@media (min-width: 1400px){
	.dc-btn-xxl--light {
		background-color: var(--sand);
		border-color: var(--charcoal);
		padding: var(--space_1) var(--space_2);
	}
	.dc-btn-xxl--light,
	.dc-btn-xxl--light:focus,
	.dc-btn-xxl--light:hover {
		color: var(--charcoal);
		text-decoration: none;
	}
	.dc-btn-xxl--dark {
		background-color: var(--charcoal);
		border-color: transparent;
		padding: var(--space_1) var(--space_2);
	}
	.dc-btn-xxl--dark,
	.dc-btn-xxl--dark:focus,
	.dc-btn-xxl--dark:hover {
		color: var(--sand);
		text-decoration: none;
	}
	.dc-btn-xxl--underline-light {
		background-color: transparent;
		border-color: transparent;
		padding: var(--space_1) 0;
	}
	.dc-btn-xxl--underline-light,
	.dc-btn-xxl--underline-light:focus,
	.dc-btn-xxl--underline-light:hover {
		color: var(--sand);
		text-decoration: underline;
	}
	.dc-btn-xxl--underline-dark {
		background-color: transparent;
		border-color: transparent;
		padding: var(--space_1) 0;
	}
	.dc-btn-xxl--underline-dark,
	.dc-btn-xxl--underline-dark:focus,
	.dc-btn-xxl--underline-dark:hover {
		color: var(--charcoal);
		text-decoration: underline;
	}
}

/* Button wrappers
========================================================================== */

.btn-wrapper--inline,
.btn-wrapper--1,
.btn-wrapper--2,
.btn-wrapper--3,
.btn-wrapper--4,
.btn-wrapper--5,
.btn-wrapper--6 {
	display: flex;  
	flex-wrap: wrap;
	gap: var(--space_2);
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}
.btn-wrapper--1 { max-width: 216px; }
.btn-wrapper--2 { max-width: 432px; }
.btn-wrapper--3 { max-width: 648px; }
.btn-wrapper--4 { max-width: 864px; }
.btn-wrapper--5 { max-width: 1080px; }
.btn-wrapper--6 { max-width: 1296px; }
@media (min-width: 576px){
	.btn-wrapper-sm--inline { max-width: none; }
	.btn-wrapper-sm--1 { max-width: 216px; }
	.btn-wrapper-sm--2 { max-width: 432px; }
	.btn-wrapper-sm--3 { max-width: 648px; }
	.btn-wrapper-sm--4 { max-width: 864px; }
	.btn-wrapper-sm--5 { max-width: 1080px; }
	.btn-wrapper-sm--6 { max-width: 1296px; }
}
@media (min-width: 768px){
	.btn-wrapper-md--inline { max-width: none; }
	.btn-wrapper-md--1 { max-width: 216px; }
	.btn-wrapper-md--2 { max-width: 432px; }
	.btn-wrapper-md--3 { max-width: 648px; }
	.btn-wrapper-md--4 { max-width: 864px; }
	.btn-wrapper-md--5 { max-width: 1080px; }
	.btn-wrapper-md--6 { max-width: 1296px; }
}
@media (min-width: 992px){
	.btn-wrapper-lg--inline { max-width: none; }
	.btn-wrapper-lg--1 { max-width: 216px; }
	.btn-wrapper-lg--2 { max-width: 432px; }
	.btn-wrapper-lg--3 { max-width: 648px; }
	.btn-wrapper-lg--4 { max-width: 864px; }
	.btn-wrapper-lg--5 { max-width: 1080px; }
	.btn-wrapper-lg--6 { max-width: 1296px; }
}
@media (min-width: 1201px){
	.btn-wrapper-xl--inline { max-width: none; }
	.btn-wrapper-xl--1 { max-width: 216px; }
	.btn-wrapper-xl--2 { max-width: 432px; }
	.btn-wrapper-xl--3 { max-width: 648px; }
	.btn-wrapper-xl--4 { max-width: 864px; }
	.btn-wrapper-xl--5 { max-width: 1080px; }
	.btn-wrapper-xl--6 { max-width: 1296px; }
}
@media (min-width: 1401px){
	.btn-wrapper-xxl--inline { max-width: none; }
	.btn-wrapper-xxl--1 { max-width: 216px; }
	.btn-wrapper-xxl--2 { max-width: 432px; }
	.btn-wrapper-xxl--3 { max-width: 648px; }
	.btn-wrapper-xxl--4 { max-width: 864px; }
	.btn-wrapper-xxl--5 { max-width: 1080px; }
	.btn-wrapper-xxl--6 { max-width: 1296px; }
}

/**
* Button wrapper buttons
*/
.btn-wrapper--inline .dc-btn { 
	flex: none; 
	max-width: 100%;
}
.btn-wrapper--1 .dc-btn {
	flex: 100%;
	max-width: calc(100% - 16px);
}
.btn-wrapper--2 .dc-btn {
	flex: 33.333%;
	max-width: calc(50% - 16px);
}
.btn-wrapper--3 .dc-btn {
	flex: 25%;
	max-width: calc(33.333% - 16px);
}
.btn-wrapper--4 .dc-btn {
	flex: 20%;
	max-width: calc(25% - 16px);
}
.btn-wrapper--5 .dc-btn {
	flex: 16.667%;
	max-width: calc(20% - 16px);
}
.btn-wrapper--6 .dc-btn {
	flex: 14.285%;
	max-width: calc(16.667% - 16px);
}
@media (min-width: 576px) {
	.btn-wrapper-sm--inline .dc-btn {
		flex: none;
		max-width: 100%;
	}
	.btn-wrapper-sm--1 .dc-btn {
		flex: 100%;
		max-width: calc(100% - 16px);
	}
	.btn-wrapper-sm--2 .dc-btn {
		flex: 33.333%;
		max-width: calc(50% - 16px);
	}
	.btn-wrapper-sm--3 .dc-btn {
		flex: 25%;
		max-width: calc(33.333% - 16px);
	}
	.btn-wrapper-sm--4 .dc-btn {
		flex: 20%;
		max-width: calc(25% - 16px);
	}
	.btn-wrapper-sm--5 .dc-btn {
		flex: 16.667%;
		max-width: calc(20% - 16px);
	}
	.btn-wrapper-sm--6 .dc-btn {
		flex: 14.285%;
		max-width: calc(16.667% - 16px);
	}
}
@media (min-width: 768px) {
	.btn-wrapper-md--inline .dc-btn {
		flex: none;
		max-width: 100%;
	}
	.btn-wrapper-md--1 .dc-btn {
		flex: 100%;
		max-width: calc(100% - 16px);
	}
	.btn-wrapper-md--2 .dc-btn {
		flex: 33.333%;
		max-width: calc(50% - 16px);
	}
	.btn-wrapper-md--3 .dc-btn {
		flex: 25%;
		max-width: calc(33.333% - 16px);
	}
	.btn-wrapper-md--4 .dc-btn {
		flex: 20%;
		max-width: calc(25% - 16px);
	}
	.btn-wrapper-md--5 .dc-btn {
		flex: 16.667%;
		max-width: calc(20% - 16px);
	}
	.btn-wrapper-md--6 .dc-btn {
		flex: 14.285%;
		max-width: calc(16.667% - 16px);
	}
}
@media (min-width: 992px) {
	.btn-wrapper-lg--inline .dc-btn {
		flex: none;
		max-width: 100%;
	}
	.btn-wrapper-lg--1 .dc-btn {
		flex: 100%;
		max-width: calc(100% - 16px);
	}
	.btn-wrapper-lg--2 .dc-btn {
		flex: 33.333%;
		max-width: calc(50% - 16px);
	}
	.btn-wrapper-lg--3 .dc-btn {
		flex: 25%;
		max-width: calc(33.333% - 16px);
	}
	.btn-wrapper-lg--4 .dc-btn {
		flex: 20%;
		max-width: calc(25% - 16px);
	}
	.btn-wrapper-lg--5 .dc-btn {
		flex: 16.667%;
		max-width: calc(20% - 16px);
	}
	.btn-wrapper-lg--6 .dc-btn {
		flex: 14.285%;
		max-width: calc(16.667% - 16px);
	}
}
@media (min-width: 1200px) {
	.btn-wrapper-xl--inline .dc-btn {
		flex: none;
		max-width: 100%;
	}
	.btn-wrapper-xl--1 .dc-btn {
		flex: 100%;
		max-width: calc(100% - 16px);
	}
	.btn-wrapper-xl--2 .dc-btn {
		flex: 33.333%;
		max-width: calc(50% - 16px);
	}
	.btn-wrapper-xl--3 .dc-btn {
		flex: 25%;
		max-width: calc(33.333% - 16px);
	}
	.btn-wrapper-xl--4 .dc-btn {
		flex: 20%;
		max-width: calc(25% - 16px);
	}
	.btn-wrapper-xl--5 .dc-btn {
		flex: 16.667%;
		max-width: calc(20% - 16px);
	}
	.btn-wrapper-xl--6 .dc-btn {
		flex: 14.285%;
		max-width: calc(16.667% - 16px);
	}
}
@media (min-width: 1400px) {
	.btn-wrapper-xxl--inline .dc-btn {
		flex: none;
		max-width: 100%;
	}
	.btn-wrapper-xxl--1 .dc-btn {
		flex: 100%;
		max-width: calc(100% - 16px);
	}
	.btn-wrapper-xxl--2 .dc-btn {
		flex: 33.333%;
		max-width: calc(50% - 16px);
	}
	.btn-wrapper-xxl--3 .dc-btn {
		flex: 25%;
		max-width: calc(33.333% - 16px);
	}
	.btn-wrapper-xxl--4 .dc-btn {
		flex: 20%;
		max-width: calc(25% - 16px);
	}
	.btn-wrapper-xxl--5 .dc-btn {
		flex: 16.667%;
		max-width: calc(20% - 16px);
	}
	.btn-wrapper-xxl--6 .dc-btn {
		flex: 14.285%;
		max-width: calc(16.667% - 16px);
	}
}

/* ==========================================================================
Sizing
========================================================================== */

/**
* Width
*/
.w--auto { width: auto; }
.w--25 { width: 25%; }
.w--50 { width: 50%; }
.w--75 { width: 75%; }
.w--100 { width: 100%; }
@media (min-width: 576px) {
  .w-sm--auto { width: auto; }
  .w-sm--25 { width: 25%; }
  .w-sm--50 { width: 50%; }
  .w-sm--75 { width: 75%; }
  .w-sm--100 { width: 100%; }
}
@media (min-width: 768px) {
  .w-md--auto { width: auto; }
  .w-md--25 { width: 25%; }
  .w-md--50 { width: 50%; }
  .w-md--75 { width: 75%; }
  .w-md--100 { width: 100%; }
}
@media (min-width: 992px) {
  .w-lg--auto { width: auto; }
  .w-lg--25 { width: 25%; }
  .w-lg--50 { width: 50%; }
  .w-lg--75 { width: 75%; }
  .w-lg--100 { width: 100%; }
}
@media (min-width: 1200px) {
  .w-xl--auto { width: auto; }
  .w-xl--25 { width: 25%; }
  .w-xl--50 { width: 50%; }
  .w-xl--75 { width: 75%; }
  .w-xl--100 { width: 100%; }
}
@media (min-width: 1400px) {
  .w-xxl--auto { width: auto; }
  .w-xxl--25 { width: 25%; }
  .w-xxl--50 { width: 50%; }
  .w-xxl--75 { width: 75%; }
  .w-xxl--100 { width: 100%; }
}

/**
* Height
*/
.height--auto { height: auto; }
@media (min-width: 576px){
	.height-sm--auto { height: auto; }
}
@media (min-width: 768px){
	.height-md--auto { height: auto; }
}
@media (min-width: 992px){
	.height-lg--auto { height: auto; }
}
@media (min-width: 1200px){
	.height-xl--auto { height: auto; }
}
@media (min-width: 1400px){
	.height-xxl--auto { height: auto; }
}

/* ==========================================================================
Tooltips
========================================================================== */

.dc-tooltips { 
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.dc-tooltip__target {
  position: absolute;
  top: var(--dc-tooltip-y, 50%);
  bottom: auto;
  left: var(--dc-tooltip-x, 50%);
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  width: var(--space_5);
  height: var(--space_5);
  background-color: var(--sand);
  border: none;
  border-radius: 999px;
}

.dc-tooltip__target--dark {
  color: var(--sand);
  background-color: var(--charcoal);
}

.dc-tooltip__target:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: radial-gradient(circle, rgba(253, 251, 249, 0) 0%, rgba(253, 251, 249, 0) 33%, rgba(253, 251, 249, 0.666) 100%);
  border-radius: 999px;
  z-index: -2;
  animation: 4s ease-in-out infinite tooltipPulse;
}

.dc-tooltip__target--dark:before {
  background: radial-gradient(circle, rgba(69, 69, 69, 0) 0%, rgba(69, 69, 69, 0) 33%, rgba(69, 69, 69, 0.666) 100%);
}

@keyframes tooltipPulse {
  0% { inset: -8px; }
  50% { inset: -16px; }
  100% { inset: -8px; }
}

.dc-tooltip__target i {
  transform: rotate(45deg);
  transition: transform .15s ease;
  position: relative;
  top: .05em;
}

.dc-tooltip.dc-tooltip--open i {
  transform: rotate(0);
}

.dc-tooltip .dc-tooltip__overlay {
  position: absolute;
  top: var(--dc-tooltip-y, 50%);
  bottom: auto;
  left: var(--space_2);
  right: var(--space_2);
  margin: var(--space_4) 0;
  padding: var(--space_2);
  background-color: var(--sand);
  border: 1px solid var(--charcoal);
  border-radius: var(--space_1);
  opacity: 0;
  transition: opacity .15s ease;
}

@media (min-width: 992px){
  .dc-tooltip .dc-tooltip__overlay {
    width: 100%;
    max-width: 320px;
    top: var(--dc-tooltip-y, 50%);
    bottom: auto;
    left: var(--dc-tooltip-x, 50%);
    right: auto;
    transform: translateX(-50%);
  }

  .dc-tooltip--top .dc-tooltip__overlay,
  .dc-tooltip--bottom .dc-tooltip__overlay,
  .dc-tooltip--left .dc-tooltip__overlay,
  .dc-tooltip--right .dc-tooltip__overlay {
    width: 100%;
    max-width: 320px;
  }

  .dc-tooltip--top .dc-tooltip__overlay,
  .dc-tooltip--bottom .dc-tooltip__overlay {
    left: var(--dc-tooltip-x, 50%);
    right: auto;
    transform: translateX(-50%);
  }

  .dc-tooltip--top .dc-tooltip__overlay {
    top: auto;
    bottom: calc(100% - var(--dc-tooltip-y, 50%));
  }

  .dc-tooltip--bottom .dc-tooltip__overlay {
    top: var(--dc-tooltip-y, 50%);
    bottom: auto;
  }

  .dc-tooltip--left .dc-tooltip__overlay,
  .dc-tooltip--right .dc-tooltip__overlay {
    top: var(--dc-tooltip-y, 50%);
    bottom: auto;
    margin: 0 var(--space_4);
    transform: translateY(-50%);
  }

  .dc-tooltip--left .dc-tooltip__overlay {
    left: auto;
    right: calc(100% - var(--dc-tooltip-x, 50%));
  }

  .dc-tooltip--right .dc-tooltip__overlay {
    left: var(--dc-tooltip-x, 50%);
    right: auto;
  }
}

.dc-tooltip.dc-tooltip--open .dc-tooltip__overlay {
  opacity: 1;
}

.dc-tooltip .dc-tooltip__icon { 
  max-width: var(--space_6);
}

/* ==========================================================================
Spacing
========================================================================== */

/* Margin
========================================================================== */

/**
* Margin all
*/
.m--auto { margin: auto; }
.m--0 { margin: 0; }
.m--1 { margin: var(--space_1); }
.m--2 { margin: var(--space_2); }
.m--3 { margin: var(--space_3); }
.m--4 { margin: var(--space_4); }
.m--5 { margin: var(--space_5); }
.m--6 { margin: var(--space_6); }
.m--7 { margin: var(--space_7); }
.m--8 { margin: var(--space_8); }
.m--12 { margin: var(--space_12); }
.m--16 { margin: var(--space_16); }
@media (min-width: 576px) {
  .m-sm--auto { margin: auto; }
  .m-sm--0 { margin: 0; }
  .m-sm--1 { margin: var(--space_1); }
  .m-sm--2 { margin: var(--space_2); }
  .m-sm--3 { margin: var(--space_3); }
  .m-sm--4 { margin: var(--space_4); }
  .m-sm--5 { margin: var(--space_5); }
  .m-sm--6 { margin: var(--space_6); }
  .m-sm--7 { margin: var(--space_7); }
  .m-sm--8 { margin: var(--space_8); }
  .m-sm--12 { margin: var(--space_12); }
  .m-sm--16 { margin: var(--space_16); }
}
@media (min-width: 768px) {
  .m-md--auto { margin: auto; }
  .m-md--0 { margin: 0; }
  .m-md--1 { margin: var(--space_1); }
  .m-md--2 { margin: var(--space_2); }
  .m-md--3 { margin: var(--space_3); }
  .m-md--4 { margin: var(--space_4); }
  .m-md--5 { margin: var(--space_5); }
  .m-md--6 { margin: var(--space_6); }
  .m-md--7 { margin: var(--space_7); }
  .m-md--8 { margin: var(--space_8); }
  .m-md--12 { margin: var(--space_12); }
  .m-md--16 { margin: var(--space_16); }
}
@media (min-width: 992px) {
  .m-lg--auto { margin: auto; }
  .m-lg--0 { margin: 0; }
  .m-lg--1 { margin: var(--space_1); }
  .m-lg--2 { margin: var(--space_2); }
  .m-lg--3 { margin: var(--space_3); }
  .m-lg--4 { margin: var(--space_4); }
  .m-lg--5 { margin: var(--space_5); }
  .m-lg--6 { margin: var(--space_6); }
  .m-lg--7 { margin: var(--space_7); }
  .m-lg--8 { margin: var(--space_8); }
  .m-lg--12 { margin: var(--space_12); }
  .m-lg--16 { margin: var(--space_16); }
}
@media (min-width: 1200px) {
  .m-xl--auto { margin: auto; }
  .m-xl--0 { margin: 0; }
  .m-xl--1 { margin: var(--space_1); }
  .m-xl--2 { margin: var(--space_2); }
  .m-xl--3 { margin: var(--space_3); }
  .m-xl--4 { margin: var(--space_4); }
  .m-xl--5 { margin: var(--space_5); }
  .m-xl--6 { margin: var(--space_6); }
  .m-xl--7 { margin: var(--space_7); }
  .m-xl--8 { margin: var(--space_8); }
  .m-xl--12 { margin: var(--space_12); }
  .m-xl--16 { margin: var(--space_16); }
}
@media (min-width: 1400px) {
  .m-xxl--auto { margin: auto; }
  .m-xxl--0 { margin: 0; }
  .m-xxl--1 { margin: var(--space_1); }
  .m-xxl--2 { margin: var(--space_2); }
  .m-xxl--3 { margin: var(--space_3); }
  .m-xxl--4 { margin: var(--space_4); }
  .m-xxl--5 { margin: var(--space_5); }
  .m-xxl--6 { margin: var(--space_6); }
  .m-xxl--7 { margin: var(--space_7); }
  .m-xxl--8 { margin: var(--space_8); }
  .m-xxl--12 { margin: var(--space_12); }
  .m-xxl--16 { margin: var(--space_16); }
}

/**
* Margin horizontal
*/
.mx--auto {
  margin-left: auto;
  margin-right: auto;
}
.mx--0 {
  margin-left: 0;
  margin-right: 0;
}
.mx--1 {
  margin-left: var(--space_1);
  margin-right: var(--space_1);
}
.mx--2 {
  margin-left: var(--space_2);
  margin-right: var(--space_2);
}
.mx--3 {
  margin-left: var(--space_3);
  margin-right: var(--space_3);
}
.mx--4 {
  margin-left: var(--space_4);
  margin-right: var(--space_4);
}
.mx--5 {
  margin-left: var(--space_5);
  margin-right: var(--space_5);
}
.mx--6 {
  margin-left: var(--space_6);
  margin-right: var(--space_6);
}
.mx--7 {
  margin-left: var(--space_7);
  margin-right: var(--space_7);
}
.mx--8 {
  margin-left: var(--space_8);
  margin-right: var(--space_8);
}
.mx--12 {
  margin-left: var(--space_12);
  margin-right: var(--space_12);
}
.mx--16 {
  margin-left: var(--space_16);
  margin-right: var(--space_16);
}
@media (min-width: 576px) {
  .mx-sm--auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mx-sm--0 {
    margin-left: 0;
    margin-right: 0;
  }
  .mx-sm--1 {
    margin-left: var(--space_1);
    margin-right: var(--space_1);
  }
  .mx-sm--2 {
    margin-left: var(--space_2);
    margin-right: var(--space_2);
  }
  .mx-sm--3 {
    margin-left: var(--space_3);
    margin-right: var(--space_3);
  }
  .mx-sm--4 {
    margin-left: var(--space_4);
    margin-right: var(--space_4);
  }
  .mx-sm--5 {
    margin-left: var(--space_5);
    margin-right: var(--space_5);
  }
  .mx-sm--6 {
    margin-left: var(--space_6);
    margin-right: var(--space_6);
  }
  .mx-sm--7 {
    margin-left: var(--space_7);
    margin-right: var(--space_7);
  }
  .mx-sm--8 {
    margin-left: var(--space_8);
    margin-right: var(--space_8);
  }
  .mx-sm--12 {
    margin-left: var(--space_12);
    margin-right: var(--space_12);
  }
  .mx-sm--16 {
    margin-left: var(--space_16);
    margin-right: var(--space_16);
  }
}
@media (min-width: 768px) {
  .mx-md--auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mx-md--0 {
    margin-left: 0;
    margin-right: 0;
  }
  .mx-md--1 {
    margin-left: var(--space_1);
    margin-right: var(--space_1);
  }
  .mx-md--2 {
    margin-left: var(--space_2);
    margin-right: var(--space_2);
  }
  .mx-md--3 {
    margin-left: var(--space_3);
    margin-right: var(--space_3);
  }
  .mx-md--4 {
    margin-left: var(--space_4);
    margin-right: var(--space_4);
  }
  .mx-md--5 {
    margin-left: var(--space_5);
    margin-right: var(--space_5);
  }
  .mx-md--6 {
    margin-left: var(--space_6);
    margin-right: var(--space_6);
  }
  .mx-md--7 {
    margin-left: var(--space_7);
    margin-right: var(--space_7);
  }
  .mx-md--8 {
    margin-left: var(--space_8);
    margin-right: var(--space_8);
  }
  .mx-md--12 {
    margin-left: var(--space_12);
    margin-right: var(--space_12);
  }
  .mx-md--16 {
    margin-left: var(--space_16);
    margin-right: var(--space_16);
  }
}
@media (min-width: 992px) {
  .mx-lg--auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mx-lg--0 {
    margin-left: 0;
    margin-right: 0;
  }
  .mx-lg--1 {
    margin-left: var(--space_1);
    margin-right: var(--space_1);
  }
  .mx-lg--2 {
    margin-left: var(--space_2);
    margin-right: var(--space_2);
  }
  .mx-lg--3 {
    margin-left: var(--space_3);
    margin-right: var(--space_3);
  }
  .mx-lg--4 {
    margin-left: var(--space_4);
    margin-right: var(--space_4);
  }
  .mx-lg--5 {
    margin-left: var(--space_5);
    margin-right: var(--space_5);
  }
  .mx-lg--6 {
    margin-left: var(--space_6);
    margin-right: var(--space_6);
  }
  .mx-lg--7 {
    margin-left: var(--space_7);
    margin-right: var(--space_7);
  }
  .mx-lg--8 {
    margin-left: var(--space_8);
    margin-right: var(--space_8);
  }
  .mx-lg--12 {
    margin-left: var(--space_12);
    margin-right: var(--space_12);
  }
  .mx-lg--16 {
    margin-left: var(--space_16);
    margin-right: var(--space_16);
  }
}
@media (min-width: 1200px) {
  .mx-xl--auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mx-xl--0 {
    margin-left: 0;
    margin-right: 0;
  }
  .mx-xl--1 {
    margin-left: var(--space_1);
    margin-right: var(--space_1);
  }
  .mx-xl--2 {
    margin-left: var(--space_2);
    margin-right: var(--space_2);
  }
  .mx-xl--3 {
    margin-left: var(--space_3);
    margin-right: var(--space_3);
  }
  .mx-xl--4 {
    margin-left: var(--space_4);
    margin-right: var(--space_4);
  }
  .mx-xl--5 {
    margin-left: var(--space_5);
    margin-right: var(--space_5);
  }
  .mx-xl--6 {
    margin-left: var(--space_6);
    margin-right: var(--space_6);
  }
  .mx-xl--7 {
    margin-left: var(--space_7);
    margin-right: var(--space_7);
  }
  .mx-xl--8 {
    margin-left: var(--space_8);
    margin-right: var(--space_8);
  }
  .mx-xl--12 {
    margin-left: var(--space_12);
    margin-right: var(--space_12);
  }
  .mx-xl--16 {
    margin-left: var(--space_16);
    margin-right: var(--space_16);
  }
}
@media (min-width: 1400px) {
  .mx-xxl--auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mx-xxl--0 {
    margin-left: 0;
    margin-right: 0;
  }
  .mx-xxl--1 {
    margin-left: var(--space_1);
    margin-right: var(--space_1);
  }
  .mx-xxl--2 {
    margin-left: var(--space_2);
    margin-right: var(--space_2);
  }
  .mx-xxl--3 {
    margin-left: var(--space_3);
    margin-right: var(--space_3);
  }
  .mx-xxl--4 {
    margin-left: var(--space_4);
    margin-right: var(--space_4);
  }
  .mx-xxl--5 {
    margin-left: var(--space_5);
    margin-right: var(--space_5);
  }
  .mx-xxl--6 {
    margin-left: var(--space_6);
    margin-right: var(--space_6);
  }
  .mx-xxl--7 {
    margin-left: var(--space_7);
    margin-right: var(--space_7);
  }
  .mx-xxl--8 {
    margin-left: var(--space_8);
    margin-right: var(--space_8);
  }
  .mx-xxl--12 {
    margin-left: var(--space_12);
    margin-right: var(--space_12);
  }
  .mx-xxl--16 {
    margin-left: var(--space_16);
    margin-right: var(--space_16);
  }
}

/**
* Margin vertical
*/
.my--auto {
  margin-top: auto;
  margin-bottom: auto;
}
.my--0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my--1 {
  margin-top: var(--space_1);
  margin-bottom: var(--space_1);
}
.my--2 {
  margin-top: var(--space_2);
  margin-bottom: var(--space_2);
}
.my--3 {
  margin-top: var(--space_3);
  margin-bottom: var(--space_3);
}
.my--4 {
  margin-top: var(--space_4);
  margin-bottom: var(--space_4);
}
.my--5 {
  margin-top: var(--space_5);
  margin-bottom: var(--space_5);
}
.my--6 {
  margin-top: var(--space_6);
  margin-bottom: var(--space_6);
}
.my--7 {
  margin-top: var(--space_7);
  margin-bottom: var(--space_7);
}
.my--8 {
  margin-top: var(--space_8);
  margin-bottom: var(--space_8);
}
.my--12 {
  margin-top: var(--space_12);
  margin-bottom: var(--space_12);
}
.my--16 {
  margin-top: var(--space_16);
  margin-bottom: var(--space_16);
}
@media (min-width: 576px) {
  .my-sm--auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-sm--0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-sm--1 {
    margin-top: var(--space_1);
    margin-bottom: var(--space_1);
  }
  .my-sm--2 {
    margin-top: var(--space_2);
    margin-bottom: var(--space_2);
  }
  .my-sm--3 {
    margin-top: var(--space_3);
    margin-bottom: var(--space_3);
  }
  .my-sm--4 {
    margin-top: var(--space_4);
    margin-bottom: var(--space_4);
  }
  .my-sm--5 {
    margin-top: var(--space_5);
    margin-bottom: var(--space_5);
  }
  .my-sm--6 {
    margin-top: var(--space_6);
    margin-bottom: var(--space_6);
  }
  .my-sm--7 {
    margin-top: var(--space_7);
    margin-bottom: var(--space_7);
  }
  .my-sm--8 {
    margin-top: var(--space_8);
    margin-bottom: var(--space_8);
  }
  .my-sm--12 {
    margin-top: var(--space_12);
    margin-bottom: var(--space_12);
  }
  .my-sm--16 {
    margin-top: var(--space_16);
    margin-bottom: var(--space_16);
  }
}
@media (min-width: 768px) {
  .my-md--auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-md--0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-md--1 {
    margin-top: var(--space_1);
    margin-bottom: var(--space_1);
  }
  .my-md--2 {
    margin-top: var(--space_2);
    margin-bottom: var(--space_2);
  }
  .my-md--3 {
    margin-top: var(--space_3);
    margin-bottom: var(--space_3);
  }
  .my-md--4 {
    margin-top: var(--space_4);
    margin-bottom: var(--space_4);
  }
  .my-md--5 {
    margin-top: var(--space_5);
    margin-bottom: var(--space_5);
  }
  .my-md--6 {
    margin-top: var(--space_6);
    margin-bottom: var(--space_6);
  }
  .my-md--7 {
    margin-top: var(--space_7);
    margin-bottom: var(--space_7);
  }
  .my-md--8 {
    margin-top: var(--space_8);
    margin-bottom: var(--space_8);
  }
  .my-md--12 {
    margin-top: var(--space_12);
    margin-bottom: var(--space_12);
  }
  .my-md--16 {
    margin-top: var(--space_16);
    margin-bottom: var(--space_16);
  }
}
@media (min-width: 992px) {
  .my-lg--auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-lg--0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-lg--1 {
    margin-top: var(--space_1);
    margin-bottom: var(--space_1);
  }
  .my-lg--2 {
    margin-top: var(--space_2);
    margin-bottom: var(--space_2);
  }
  .my-lg--3 {
    margin-top: var(--space_3);
    margin-bottom: var(--space_3);
  }
  .my-lg--4 {
    margin-top: var(--space_4);
    margin-bottom: var(--space_4);
  }
  .my-lg--5 {
    margin-top: var(--space_5);
    margin-bottom: var(--space_5);
  }
  .my-lg--6 {
    margin-top: var(--space_6);
    margin-bottom: var(--space_6);
  }
  .my-lg--7 {
    margin-top: var(--space_7);
    margin-bottom: var(--space_7);
  }
  .my-lg--8 {
    margin-top: var(--space_8);
    margin-bottom: var(--space_8);
  }
  .my-lg--12 {
    margin-top: var(--space_12);
    margin-bottom: var(--space_12);
  }
  .my-lg--16 {
    margin-top: var(--space_16);
    margin-bottom: var(--space_16);
  }
}
@media (min-width: 1200px) {
  .my-xl--auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-xl--0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-xl--1 {
    margin-top: var(--space_1);
    margin-bottom: var(--space_1);
  }
  .my-xl--2 {
    margin-top: var(--space_2);
    margin-bottom: var(--space_2);
  }
  .my-xl--3 {
    margin-top: var(--space_3);
    margin-bottom: var(--space_3);
  }
  .my-xl--4 {
    margin-top: var(--space_4);
    margin-bottom: var(--space_4);
  }
  .my-xl--5 {
    margin-top: var(--space_5);
    margin-bottom: var(--space_5);
  }
  .my-xl--6 {
    margin-top: var(--space_6);
    margin-bottom: var(--space_6);
  }
  .my-xl--7 {
    margin-top: var(--space_7);
    margin-bottom: var(--space_7);
  }
  .my-xl--8 {
    margin-top: var(--space_8);
    margin-bottom: var(--space_8);
  }
  .my-xl--12 {
    margin-top: var(--space_12);
    margin-bottom: var(--space_12);
  }
  .my-xl--16 {
    margin-top: var(--space_16);
    margin-bottom: var(--space_16);
  }
}
@media (min-width: 1400px) {
  .my-xxl--auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .my-xxl--0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-xxl--1 {
    margin-top: var(--space_1);
    margin-bottom: var(--space_1);
  }
  .my-xxl--2 {
    margin-top: var(--space_2);
    margin-bottom: var(--space_2);
  }
  .my-xxl--3 {
    margin-top: var(--space_3);
    margin-bottom: var(--space_3);
  }
  .my-xxl--4 {
    margin-top: var(--space_4);
    margin-bottom: var(--space_4);
  }
  .my-xxl--5 {
    margin-top: var(--space_5);
    margin-bottom: var(--space_5);
  }
  .my-xxl--6 {
    margin-top: var(--space_6);
    margin-bottom: var(--space_6);
  }
  .my-xxl--7 {
    margin-top: var(--space_7);
    margin-bottom: var(--space_7);
  }
  .my-xxl--8 {
    margin-top: var(--space_8);
    margin-bottom: var(--space_8);
  }
  .my-xxl--12 {
    margin-top: var(--space_12);
    margin-bottom: var(--space_12);
  }
  .my-xxl--16 {
    margin-top: var(--space_16);
    margin-bottom: var(--space_16);
  }
}

/**
* Margin left
*/
.ml--auto { margin-left: auto; }
.ml--0 { margin-left: 0; }
.ml--1 { margin-left: var(--space_1); }
.ml--2 { margin-left: var(--space_2); }
.ml--3 { margin-left: var(--space_3); }
.ml--4 { margin-left: var(--space_4); }
.ml--5 { margin-left: var(--space_5); }
.ml--6 { margin-left: var(--space_6); }
.ml--7 { margin-left: var(--space_7); }
.ml--8 { margin-left: var(--space_8); }
.ml--12 { margin-left: var(--space_12); }
.ml--16 { margin-left: var(--space_16); }
@media (min-width: 576px) {
  .ml-sm--auto { margin-left: auto; }
  .ml-sm--0 { margin-left: 0; }
  .ml-sm--1 { margin-left: var(--space_1); }
  .ml-sm--2 { margin-left: var(--space_2); }
  .ml-sm--3 { margin-left: var(--space_3); }
  .ml-sm--4 { margin-left: var(--space_4); }
  .ml-sm--5 { margin-left: var(--space_5); }
  .ml-sm--6 { margin-left: var(--space_6); }
  .ml-sm--7 { margin-left: var(--space_7); }
  .ml-sm--8 { margin-left: var(--space_8); }
  .ml-sm--12 { margin-left: var(--space_12); }
  .ml-sm--16 { margin-left: var(--space_16); }
}
@media (min-width: 768px) {
  .ml-md--auto { margin-left: auto; }
  .ml-md--0 { margin-left: 0; }
  .ml-md--1 { margin-left: var(--space_1); }
  .ml-md--2 { margin-left: var(--space_2); }
  .ml-md--3 { margin-left: var(--space_3); }
  .ml-md--4 { margin-left: var(--space_4); }
  .ml-md--5 { margin-left: var(--space_5); }
  .ml-md--6 { margin-left: var(--space_6); }
  .ml-md--7 { margin-left: var(--space_7); }
  .ml-md--8 { margin-left: var(--space_8); }
  .ml-md--12 { margin-left: var(--space_12); }
  .ml-md--16 { margin-left: var(--space_16); }
}
@media (min-width: 992px) {
  .ml-lg--auto { margin-left: auto; }
  .ml-lg--0 { margin-left: 0; }
  .ml-lg--1 { margin-left: var(--space_1); }
  .ml-lg--2 { margin-left: var(--space_2); }
  .ml-lg--3 { margin-left: var(--space_3); }
  .ml-lg--4 { margin-left: var(--space_4); }
  .ml-lg--5 { margin-left: var(--space_5); }
  .ml-lg--6 { margin-left: var(--space_6); }
  .ml-lg--7 { margin-left: var(--space_7); }
  .ml-lg--8 { margin-left: var(--space_8); }
  .ml-lg--12 { margin-left: var(--space_12); }
  .ml-lg--16 { margin-left: var(--space_16); }
}
@media (min-width: 1200px) {
  .ml-xl--auto { margin-left: auto; }
  .ml-xl--0 { margin-left: 0; }
  .ml-xl--1 { margin-left: var(--space_1); }
  .ml-xl--2 { margin-left: var(--space_2); }
  .ml-xl--3 { margin-left: var(--space_3); }
  .ml-xl--4 { margin-left: var(--space_4); }
  .ml-xl--5 { margin-left: var(--space_5); }
  .ml-xl--6 { margin-left: var(--space_6); }
  .ml-xl--7 { margin-left: var(--space_7); }
  .ml-xl--8 { margin-left: var(--space_8); }
  .ml-xl--12 { margin-left: var(--space_12); }
  .ml-xl--16 { margin-left: var(--space_16); }
}
@media (min-width: 1400px) {
  .ml-xxl--auto { margin-left: auto; }
  .ml-xxl--0 { margin-left: 0; }
  .ml-xxl--1 { margin-left: var(--space_1); }
  .ml-xxl--2 { margin-left: var(--space_2); }
  .ml-xxl--3 { margin-left: var(--space_3); }
  .ml-xxl--4 { margin-left: var(--space_4); }
  .ml-xxl--5 { margin-left: var(--space_5); }
  .ml-xxl--6 { margin-left: var(--space_6); }
  .ml-xxl--7 { margin-left: var(--space_7); }
  .ml-xxl--8 { margin-left: var(--space_8); }
  .ml-xxl--12 { margin-left: var(--space_12); }
  .ml-xxl--16 { margin-left: var(--space_16); }
}

/**
* Margin right
*/
.mr--auto { margin-right: auto; }
.mr--0 { margin-right: 0; }
.mr--1 { margin-right: var(--space_1); }
.mr--2 { margin-right: var(--space_2); }
.mr--3 { margin-right: var(--space_3); }
.mr--4 { margin-right: var(--space_4); }
.mr--5 { margin-right: var(--space_5); }
.mr--6 { margin-right: var(--space_6); }
.mr--7 { margin-right: var(--space_7); }
.mr--8 { margin-right: var(--space_8); }
.mr--12 { margin-right: var(--space_12); }
.mr--16 { margin-right: var(--space_16); }
@media (min-width: 576px) {
  .mr-sm--auto { margin-right: auto; }
  .mr-sm--0 { margin-right: 0; }
  .mr-sm--1 { margin-right: var(--space_1); }
  .mr-sm--2 { margin-right: var(--space_2); }
  .mr-sm--3 { margin-right: var(--space_3); }
  .mr-sm--4 { margin-right: var(--space_4); }
  .mr-sm--5 { margin-right: var(--space_5); }
  .mr-sm--6 { margin-right: var(--space_6); }
  .mr-sm--7 { margin-right: var(--space_7); }
  .mr-sm--8 { margin-right: var(--space_8); }
  .mr-sm--12 { margin-right: var(--space_12); }
  .mr-sm--16 { margin-right: var(--space_16); }
}
@media (min-width: 768px) {
  .mr-md--auto { margin-right: auto; }
  .mr-md--0 { margin-right: 0; }
  .mr-md--1 { margin-right: var(--space_1); }
  .mr-md--2 { margin-right: var(--space_2); }
  .mr-md--3 { margin-right: var(--space_3); }
  .mr-md--4 { margin-right: var(--space_4); }
  .mr-md--5 { margin-right: var(--space_5); }
  .mr-md--6 { margin-right: var(--space_6); }
  .mr-md--7 { margin-right: var(--space_7); }
  .mr-md--8 { margin-right: var(--space_8); }
  .mr-md--12 { margin-right: var(--space_12); }
  .mr-md--16 { margin-right: var(--space_16); }
}
@media (min-width: 992px) {
  .mr-lg--auto { margin-right: auto; }
  .mr-lg--0 { margin-right: 0; }
  .mr-lg--1 { margin-right: var(--space_1); }
  .mr-lg--2 { margin-right: var(--space_2); }
  .mr-lg--3 { margin-right: var(--space_3); }
  .mr-lg--4 { margin-right: var(--space_4); }
  .mr-lg--5 { margin-right: var(--space_5); }
  .mr-lg--6 { margin-right: var(--space_6); }
  .mr-lg--7 { margin-right: var(--space_7); }
  .mr-lg--8 { margin-right: var(--space_8); }
  .mr-lg--12 { margin-right: var(--space_12); }
  .mr-lg--16 { margin-right: var(--space_16); }
}
@media (min-width: 1200px) {
  .mr-xl--auto { margin-right: auto; }
  .mr-xl--0 { margin-right: 0; }
  .mr-xl--1 { margin-right: var(--space_1); }
  .mr-xl--2 { margin-right: var(--space_2); }
  .mr-xl--3 { margin-right: var(--space_3); }
  .mr-xl--4 { margin-right: var(--space_4); }
  .mr-xl--5 { margin-right: var(--space_5); }
  .mr-xl--6 { margin-right: var(--space_6); }
  .mr-xl--7 { margin-right: var(--space_7); }
  .mr-xl--8 { margin-right: var(--space_8); }
  .mr-xl--12 { margin-right: var(--space_12); }
  .mr-xl--16 { margin-right: var(--space_16); }
}
@media (min-width: 1400px) {
  .mr-xxl--auto { margin-right: auto; }
  .mr-xxl--0 { margin-right: 0; }
  .mr-xxl--1 { margin-right: var(--space_1); }
  .mr-xxl--2 { margin-right: var(--space_2); }
  .mr-xxl--3 { margin-right: var(--space_3); }
  .mr-xxl--4 { margin-right: var(--space_4); }
  .mr-xxl--5 { margin-right: var(--space_5); }
  .mr-xxl--6 { margin-right: var(--space_6); }
  .mr-xxl--7 { margin-right: var(--space_7); }
  .mr-xxl--8 { margin-right: var(--space_8); }
  .mr-xxl--12 { margin-right: var(--space_12); }
  .mr-xxl--16 { margin-right: var(--space_16); }
}

/**
* Margin top
*/
.mt--auto { margin-top: auto; }
.mt--0 { margin-top: 0; }
.mt--1 { margin-top: var(--space_1); }
.mt--2 { margin-top: var(--space_2); }
.mt--3 { margin-top: var(--space_3); }
.mt--4 { margin-top: var(--space_4); }
.mt--5 { margin-top: var(--space_5); }
.mt--6 { margin-top: var(--space_6); }
.mt--7 { margin-top: var(--space_7); }
.mt--8 { margin-top: var(--space_8); }
.mt--12 { margin-top: var(--space_12); }
.mt--16 { margin-top: var(--space_16); }
@media (min-width: 576px) {
  .mt-sm--auto { margin-top: auto; }
  .mt-sm--0 { margin-top: 0; }
  .mt-sm--1 { margin-top: var(--space_1); }
  .mt-sm--2 { margin-top: var(--space_2); }
  .mt-sm--3 { margin-top: var(--space_3); }
  .mt-sm--4 { margin-top: var(--space_4); }
  .mt-sm--5 { margin-top: var(--space_5); }
  .mt-sm--6 { margin-top: var(--space_6); }
  .mt-sm--7 { margin-top: var(--space_7); }
  .mt-sm--8 { margin-top: var(--space_8); }
  .mt-sm--12 { margin-top: var(--space_12); }
  .mt-sm--16 { margin-top: var(--space_16); }
}
@media (min-width: 768px) {
  .mt-md--auto { margin-top: auto; }
  .mt-md--0 { margin-top: 0; }
  .mt-md--1 { margin-top: var(--space_1); }
  .mt-md--2 { margin-top: var(--space_2); }
  .mt-md--3 { margin-top: var(--space_3); }
  .mt-md--4 { margin-top: var(--space_4); }
  .mt-md--5 { margin-top: var(--space_5); }
  .mt-md--6 { margin-top: var(--space_6); }
  .mt-md--7 { margin-top: var(--space_7); }
  .mt-md--8 { margin-top: var(--space_8); }
  .mt-md--12 { margin-top: var(--space_12); }
  .mt-md--16 { margin-top: var(--space_16); }
}
@media (min-width: 992px) {
  .mt-lg--auto { margin-top: auto; }
  .mt-lg--0 { margin-top: 0; }
  .mt-lg--1 { margin-top: var(--space_1); }
  .mt-lg--2 { margin-top: var(--space_2); }
  .mt-lg--3 { margin-top: var(--space_3); }
  .mt-lg--4 { margin-top: var(--space_4); }
  .mt-lg--5 { margin-top: var(--space_5); }
  .mt-lg--6 { margin-top: var(--space_6); }
  .mt-lg--7 { margin-top: var(--space_7); }
  .mt-lg--8 { margin-top: var(--space_8); }
  .mt-lg--12 { margin-top: var(--space_12); }
  .mt-lg--16 { margin-top: var(--space_16); }
}
@media (min-width: 1200px) {
  .mt-xl--auto { margin-top: auto; }
  .mt-xl--0 { margin-top: 0; }
  .mt-xl--1 { margin-top: var(--space_1); }
  .mt-xl--2 { margin-top: var(--space_2); }
  .mt-xl--3 { margin-top: var(--space_3); }
  .mt-xl--4 { margin-top: var(--space_4); }
  .mt-xl--5 { margin-top: var(--space_5); }
  .mt-xl--6 { margin-top: var(--space_6); }
  .mt-xl--7 { margin-top: var(--space_7); }
  .mt-xl--8 { margin-top: var(--space_8); }
  .mt-xl--12 { margin-top: var(--space_12); }
  .mt-xl--16 { margin-top: var(--space_16); }
}
@media (min-width: 1400px) {
  .mt-xxl--auto { margin-top: auto; }
  .mt-xxl--0 { margin-top: 0; }
  .mt-xxl--1 { margin-top: var(--space_1); }
  .mt-xxl--2 { margin-top: var(--space_2); }
  .mt-xxl--3 { margin-top: var(--space_3); }
  .mt-xxl--4 { margin-top: var(--space_4); }
  .mt-xxl--5 { margin-top: var(--space_5); }
  .mt-xxl--6 { margin-top: var(--space_6); }
  .mt-xxl--7 { margin-top: var(--space_7); }
  .mt-xxl--8 { margin-top: var(--space_8); }
  .mt-xxl--12 { margin-top: var(--space_12); }
  .mt-xxl--16 { margin-top: var(--space_16); }
}

/**
* Margin bottom
*/
.mb--auto { margin-bottom: auto; }
.mb--0 { margin-bottom: 0; }
.mb--1 { margin-bottom: var(--space_1); }
.mb--2 { margin-bottom: var(--space_2); }
.mb--3 { margin-bottom: var(--space_3); }
.mb--4 { margin-bottom: var(--space_4); }
.mb--5 { margin-bottom: var(--space_5); }
.mb--6 { margin-bottom: var(--space_6); }
.mb--7 { margin-bottom: var(--space_7); }
.mb--8 { margin-bottom: var(--space_8); }
.mb--12 { margin-bottom: var(--space_12); }
.mb--16 { margin-bottom: var(--space_16); }
@media (min-width: 576px) {
  .mb-sm--auto { margin-bottom: auto; }
  .mb-sm--0 { margin-bottom: 0; }
  .mb-sm--1 { margin-bottom: var(--space_1); }
  .mb-sm--2 { margin-bottom: var(--space_2); }
  .mb-sm--3 { margin-bottom: var(--space_3); }
  .mb-sm--4 { margin-bottom: var(--space_4); }
  .mb-sm--5 { margin-bottom: var(--space_5); }
  .mb-sm--6 { margin-bottom: var(--space_6); }
  .mb-sm--7 { margin-bottom: var(--space_7); }
  .mb-sm--8 { margin-bottom: var(--space_8); }
  .mb-sm--12 { margin-bottom: var(--space_12); }
  .mb-sm--16 { margin-bottom: var(--space_16); }
}
@media (min-width: 768px) {
  .mb-md--auto { margin-bottom: auto; }
  .mb-md--0 { margin-bottom: 0; }
  .mb-md--1 { margin-bottom: var(--space_1); }
  .mb-md--2 { margin-bottom: var(--space_2); }
  .mb-md--3 { margin-bottom: var(--space_3); }
  .mb-md--4 { margin-bottom: var(--space_4); }
  .mb-md--5 { margin-bottom: var(--space_5); }
  .mb-md--6 { margin-bottom: var(--space_6); }
  .mb-md--7 { margin-bottom: var(--space_7); }
  .mb-md--8 { margin-bottom: var(--space_8); }
  .mb-md--12 { margin-bottom: var(--space_12); }
  .mb-md--16 { margin-bottom: var(--space_16); }
}
@media (min-width: 992px) {
  .mb-lg--auto { margin-bottom: auto; }
  .mb-lg--0 { margin-bottom: 0; }
  .mb-lg--1 { margin-bottom: var(--space_1); }
  .mb-lg--2 { margin-bottom: var(--space_2); }
  .mb-lg--3 { margin-bottom: var(--space_3); }
  .mb-lg--4 { margin-bottom: var(--space_4); }
  .mb-lg--5 { margin-bottom: var(--space_5); }
  .mb-lg--6 { margin-bottom: var(--space_6); }
  .mb-lg--7 { margin-bottom: var(--space_7); }
  .mb-lg--8 { margin-bottom: var(--space_8); }
  .mb-lg--12 { margin-bottom: var(--space_12); }
  .mb-lg--16 { margin-bottom: var(--space_16); }
}
@media (min-width: 1200px) {
  .mb-xl--auto { margin-bottom: auto; }
  .mb-xl--0 { margin-bottom: 0; }
  .mb-xl--1 { margin-bottom: var(--space_1); }
  .mb-xl--2 { margin-bottom: var(--space_2); }
  .mb-xl--3 { margin-bottom: var(--space_3); }
  .mb-xl--4 { margin-bottom: var(--space_4); }
  .mb-xl--5 { margin-bottom: var(--space_5); }
  .mb-xl--6 { margin-bottom: var(--space_6); }
  .mb-xl--7 { margin-bottom: var(--space_7); }
  .mb-xl--8 { margin-bottom: var(--space_8); }
  .mb-xl--12 { margin-bottom: var(--space_12); }
  .mb-xl--16 { margin-bottom: var(--space_16); }
}
@media (min-width: 1400px) {
  .mb-xxl--auto { margin-bottom: auto; }
  .mb-xxl--0 { margin-bottom: 0; }
  .mb-xxl--1 { margin-bottom: var(--space_1); }
  .mb-xxl--2 { margin-bottom: var(--space_2); }
  .mb-xxl--3 { margin-bottom: var(--space_3); }
  .mb-xxl--4 { margin-bottom: var(--space_4); }
  .mb-xxl--5 { margin-bottom: var(--space_5); }
  .mb-xxl--6 { margin-bottom: var(--space_6); }
  .mb-xxl--7 { margin-bottom: var(--space_7); }
  .mb-xxl--8 { margin-bottom: var(--space_8); }
  .mb-xxl--12 { margin-bottom: var(--space_12); }
  .mb-xxl--16 { margin-bottom: var(--space_16); }
}

/* Padding
========================================================================== */

/**
* Padding all
*/
.p--0 { padding: 0; }
.p--1 { padding: var(--space_1); }
.p--2 { padding: var(--space_2); }
.p--3 { padding: var(--space_3); }
.p--4 { padding: var(--space_4); }
.p--5 { padding: var(--space_5); }
.p--6 { padding: var(--space_6); }
.p--7 { padding: var(--space_7); }
.p--8 { padding: var(--space_8); }
.p--12 { padding: var(--space_12); }
.p--16 { padding: var(--space_16); }
@media (min-width: 576px) {
  .p-sm--0 { padding: 0; }
  .p-sm--1 { padding: var(--space_1); }
  .p-sm--2 { padding: var(--space_2); }
  .p-sm--3 { padding: var(--space_3); }
  .p-sm--4 { padding: var(--space_4); }
  .p-sm--5 { padding: var(--space_5); }
  .p-sm--6 { padding: var(--space_6); }
  .p-sm--7 { padding: var(--space_7); }
  .p-sm--8 { padding: var(--space_8); }
  .p-sm--12 { padding: var(--space_12); }
  .p-sm--16 { padding: var(--space_16); }
}
@media (min-width: 768px) {
  .p-md--0 { padding: 0; }
  .p-md--1 { padding: var(--space_1); }
  .p-md--2 { padding: var(--space_2); }
  .p-md--3 { padding: var(--space_3); }
  .p-md--4 { padding: var(--space_4); }
  .p-md--5 { padding: var(--space_5); }
  .p-md--6 { padding: var(--space_6); }
  .p-md--7 { padding: var(--space_7); }
  .p-md--8 { padding: var(--space_8); }
  .p-md--12 { padding: var(--space_12); }
  .p-md--16 { padding: var(--space_16); }
}
@media (min-width: 992px) {
  .p-lg--0 { padding: 0; }
  .p-lg--1 { padding: var(--space_1); }
  .p-lg--2 { padding: var(--space_2); }
  .p-lg--3 { padding: var(--space_3); }
  .p-lg--4 { padding: var(--space_4); }
  .p-lg--5 { padding: var(--space_5); }
  .p-lg--6 { padding: var(--space_6); }
  .p-lg--7 { padding: var(--space_7); }
  .p-lg--8 { padding: var(--space_8); }
  .p-lg--12 { padding: var(--space_12); }
  .p-lg--16 { padding: var(--space_16); }
}
@media (min-width: 1200px) {
  .p-xl--0 { padding: 0; }
  .p-xl--1 { padding: var(--space_1); }
  .p-xl--2 { padding: var(--space_2); }
  .p-xl--3 { padding: var(--space_3); }
  .p-xl--4 { padding: var(--space_4); }
  .p-xl--5 { padding: var(--space_5); }
  .p-xl--6 { padding: var(--space_6); }
  .p-xl--7 { padding: var(--space_7); }
  .p-xl--8 { padding: var(--space_8); }
  .p-xl--12 { padding: var(--space_12); }
  .p-xl--16 { padding: var(--space_16); }
}
@media (min-width: 1400px) {
  .p-xxl--0 { padding: 0; }
  .p-xxl--1 { padding: var(--space_1); }
  .p-xxl--2 { padding: var(--space_2); }
  .p-xxl--3 { padding: var(--space_3); }
  .p-xxl--4 { padding: var(--space_4); }
  .p-xxl--5 { padding: var(--space_5); }
  .p-xxl--6 { padding: var(--space_6); }
  .p-xxl--7 { padding: var(--space_7); }
  .p-xxl--8 { padding: var(--space_8); }
  .p-xxl--12 { padding: var(--space_12); }
  .p-xxl--16 { padding: var(--space_16); }
}

/**
* Padding horizontal
*/
.px--0 {
  padding-left: 0;
  padding-right: 0;
}
.px--1 {
  padding-left: var(--space_1);
  padding-right: var(--space_1);
}
.px--2 {
  padding-left: var(--space_2);
  padding-right: var(--space_2);
}
.px--3 {
  padding-left: var(--space_3);
  padding-right: var(--space_3);
}
.px--4 {
  padding-left: var(--space_4);
  padding-right: var(--space_4);
}
.px--5 {
  padding-left: var(--space_5);
  padding-right: var(--space_5);
}
.px--6 {
  padding-left: var(--space_6);
  padding-right: var(--space_6);
}
.px--7 {
  padding-left: var(--space_7);
  padding-right: var(--space_7);
}
.px--8 {
  padding-left: var(--space_8);
  padding-right: var(--space_8);
}
.px--12 {
  padding-left: var(--space_12);
  padding-right: var(--space_12);
}
.px--16 {
  padding-left: var(--space_16);
  padding-right: var(--space_16);
}
@media (min-width: 576px) {
  .px-sm--0 {
    padding-left: 0;
    padding-right: 0;
  }
  .px-sm--1 {
    padding-left: var(--space_1);
    padding-right: var(--space_1);
  }
  .px-sm--2 {
    padding-left: var(--space_2);
    padding-right: var(--space_2);
  }
  .px-sm--3 {
    padding-left: var(--space_3);
    padding-right: var(--space_3);
  }
  .px-sm--4 {
    padding-left: var(--space_4);
    padding-right: var(--space_4);
  }
  .px-sm--5 {
    padding-left: var(--space_5);
    padding-right: var(--space_5);
  }
  .px-sm--6 {
    padding-left: var(--space_6);
    padding-right: var(--space_6);
  }
  .px-sm--7 {
    padding-left: var(--space_7);
    padding-right: var(--space_7);
  }
  .px-sm--8 {
    padding-left: var(--space_8);
    padding-right: var(--space_8);
  }
  .px-sm--12 {
    padding-left: var(--space_12);
    padding-right: var(--space_12);
  }
  .px-sm--16 {
    padding-left: var(--space_16);
    padding-right: var(--space_16);
  }
}
@media (min-width: 768px) {
  .px-md--0 {
    padding-left: 0;
    padding-right: 0;
  }
  .px-md--1 {
    padding-left: var(--space_1);
    padding-right: var(--space_1);
  }
  .px-md--2 {
    padding-left: var(--space_2);
    padding-right: var(--space_2);
  }
  .px-md--3 {
    padding-left: var(--space_3);
    padding-right: var(--space_3);
  }
  .px-md--4 {
    padding-left: var(--space_4);
    padding-right: var(--space_4);
  }
  .px-md--5 {
    padding-left: var(--space_5);
    padding-right: var(--space_5);
  }
  .px-md--6 {
    padding-left: var(--space_6);
    padding-right: var(--space_6);
  }
  .px-md--7 {
    padding-left: var(--space_7);
    padding-right: var(--space_7);
  }
  .px-md--8 {
    padding-left: var(--space_8);
    padding-right: var(--space_8);
  }
  .px-md--12 {
    padding-left: var(--space_12);
    padding-right: var(--space_12);
  }
  .px-md--16 {
    padding-left: var(--space_16);
    padding-right: var(--space_16);
  }
}
@media (min-width: 992px) {
  .px-lg--0 {
    padding-left: 0;
    padding-right: 0;
  }
  .px-lg--1 {
    padding-left: var(--space_1);
    padding-right: var(--space_1);
  }
  .px-lg--2 {
    padding-left: var(--space_2);
    padding-right: var(--space_2);
  }
  .px-lg--3 {
    padding-left: var(--space_3);
    padding-right: var(--space_3);
  }
  .px-lg--4 {
    padding-left: var(--space_4);
    padding-right: var(--space_4);
  }
  .px-lg--5 {
    padding-left: var(--space_5);
    padding-right: var(--space_5);
  }
  .px-lg--6 {
    padding-left: var(--space_6);
    padding-right: var(--space_6);
  }
  .px-lg--7 {
    padding-left: var(--space_7);
    padding-right: var(--space_7);
  }
  .px-lg--8 {
    padding-left: var(--space_8);
    padding-right: var(--space_8);
  }
  .px-lg--12 {
    padding-left: var(--space_12);
    padding-right: var(--space_12);
  }
  .px-lg--16 {
    padding-left: var(--space_16);
    padding-right: var(--space_16);
  }
}
@media (min-width: 1200px) {
  .px-xl--0 {
    padding-left: 0;
    padding-right: 0;
  }
  .px-xl--1 {
    padding-left: var(--space_1);
    padding-right: var(--space_1);
  }
  .px-xl--2 {
    padding-left: var(--space_2);
    padding-right: var(--space_2);
  }
  .px-xl--3 {
    padding-left: var(--space_3);
    padding-right: var(--space_3);
  }
  .px-xl--4 {
    padding-left: var(--space_4);
    padding-right: var(--space_4);
  }
  .px-xl--5 {
    padding-left: var(--space_5);
    padding-right: var(--space_5);
  }
  .px-xl--6 {
    padding-left: var(--space_6);
    padding-right: var(--space_6);
  }
  .px-xl--7 {
    padding-left: var(--space_7);
    padding-right: var(--space_7);
  }
  .px-xl--8 {
    padding-left: var(--space_8);
    padding-right: var(--space_8);
  }
  .px-xl--12 {
    padding-left: var(--space_12);
    padding-right: var(--space_12);
  }
  .px-xl--16 {
    padding-left: var(--space_16);
    padding-right: var(--space_16);
  }
}
@media (min-width: 1400px) {
  .px-xxl--0 {
    padding-left: 0;
    padding-right: 0;
  }
  .px-xxl--1 {
    padding-left: var(--space_1);
    padding-right: var(--space_1);
  }
  .px-xxl--2 {
    padding-left: var(--space_2);
    padding-right: var(--space_2);
  }
  .px-xxl--3 {
    padding-left: var(--space_3);
    padding-right: var(--space_3);
  }
  .px-xxl--4 {
    padding-left: var(--space_4);
    padding-right: var(--space_4);
  }
  .px-xxl--5 {
    padding-left: var(--space_5);
    padding-right: var(--space_5);
  }
  .px-xxl--6 {
    padding-left: var(--space_6);
    padding-right: var(--space_6);
  }
  .px-xxl--7 {
    padding-left: var(--space_7);
    padding-right: var(--space_7);
  }
  .px-xxl--8 {
    padding-left: var(--space_8);
    padding-right: var(--space_8);
  }
  .px-xxl--12 {
    padding-left: var(--space_12);
    padding-right: var(--space_12);
  }
  .px-xxl--16 {
    padding-left: var(--space_16);
    padding-right: var(--space_16);
  }
}

/**
* Padding vertical
*/
.py--0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py--1 {
  padding-top: var(--space_1);
  padding-bottom: var(--space_1);
}
.py--2 {
  padding-top: var(--space_2);
  padding-bottom: var(--space_2);
}
.py--3 {
  padding-top: var(--space_3);
  padding-bottom: var(--space_3);
}
.py--4 {
  padding-top: var(--space_4);
  padding-bottom: var(--space_4);
}
.py--5 {
  padding-top: var(--space_5);
  padding-bottom: var(--space_5);
}
.py--6 {
  padding-top: var(--space_6);
  padding-bottom: var(--space_6);
}
.py--7 {
  padding-top: var(--space_7);
  padding-bottom: var(--space_7);
}
.py--8 {
  padding-top: var(--space_8);
  padding-bottom: var(--space_8);
}
.py--12 {
  padding-top: var(--space_12);
  padding-bottom: var(--space_12);
}
.py--16 {
  padding-top: var(--space_16);
  padding-bottom: var(--space_16);
}
@media (min-width: 576px) {
  .py-sm--0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-sm--1 {
    padding-top: var(--space_1);
    padding-bottom: var(--space_1);
  }
  .py-sm--2 {
    padding-top: var(--space_2);
    padding-bottom: var(--space_2);
  }
  .py-sm--3 {
    padding-top: var(--space_3);
    padding-bottom: var(--space_3);
  }
  .py-sm--4 {
    padding-top: var(--space_4);
    padding-bottom: var(--space_4);
  }
  .py-sm--5 {
    padding-top: var(--space_5);
    padding-bottom: var(--space_5);
  }
  .py-sm--6 {
    padding-top: var(--space_6);
    padding-bottom: var(--space_6);
  }
  .py-sm--7 {
    padding-top: var(--space_7);
    padding-bottom: var(--space_7);
  }
  .py-sm--8 {
    padding-top: var(--space_8);
    padding-bottom: var(--space_8);
  }
  .py-sm--12 {
    padding-top: var(--space_12);
    padding-bottom: var(--space_12);
  }
  .py-sm--16 {
    padding-top: var(--space_16);
    padding-bottom: var(--space_16);
  }
}
@media (min-width: 768px) {
  .py-md--0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-md--1 {
    padding-top: var(--space_1);
    padding-bottom: var(--space_1);
  }
  .py-md--2 {
    padding-top: var(--space_2);
    padding-bottom: var(--space_2);
  }
  .py-md--3 {
    padding-top: var(--space_3);
    padding-bottom: var(--space_3);
  }
  .py-md--4 {
    padding-top: var(--space_4);
    padding-bottom: var(--space_4);
  }
  .py-md--5 {
    padding-top: var(--space_5);
    padding-bottom: var(--space_5);
  }
  .py-md--6 {
    padding-top: var(--space_6);
    padding-bottom: var(--space_6);
  }
  .py-md--7 {
    padding-top: var(--space_7);
    padding-bottom: var(--space_7);
  }
  .py-md--8 {
    padding-top: var(--space_8);
    padding-bottom: var(--space_8);
  }
  .py-md--12 {
    padding-top: var(--space_12);
    padding-bottom: var(--space_12);
  }
  .py-md--16 {
    padding-top: var(--space_16);
    padding-bottom: var(--space_16);
  }
}
@media (min-width: 992px) {
  .py-lg--0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-lg--1 {
    padding-top: var(--space_1);
    padding-bottom: var(--space_1);
  }
  .py-lg--2 {
    padding-top: var(--space_2);
    padding-bottom: var(--space_2);
  }
  .py-lg--3 {
    padding-top: var(--space_3);
    padding-bottom: var(--space_3);
  }
  .py-lg--4 {
    padding-top: var(--space_4);
    padding-bottom: var(--space_4);
  }
  .py-lg--5 {
    padding-top: var(--space_5);
    padding-bottom: var(--space_5);
  }
  .py-lg--6 {
    padding-top: var(--space_6);
    padding-bottom: var(--space_6);
  }
  .py-lg--7 {
    padding-top: var(--space_7);
    padding-bottom: var(--space_7);
  }
  .py-lg--8 {
    padding-top: var(--space_8);
    padding-bottom: var(--space_8);
  }
  .py-lg--12 {
    padding-top: var(--space_12);
    padding-bottom: var(--space_12);
  }
  .py-lg--16 {
    padding-top: var(--space_16);
    padding-bottom: var(--space_16);
  }
}
@media (min-width: 1200px) {
  .py-xl--0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-xl--1 {
    padding-top: var(--space_1);
    padding-bottom: var(--space_1);
  }
  .py-xl--2 {
    padding-top: var(--space_2);
    padding-bottom: var(--space_2);
  }
  .py-xl--3 {
    padding-top: var(--space_3);
    padding-bottom: var(--space_3);
  }
  .py-xl--4 {
    padding-top: var(--space_4);
    padding-bottom: var(--space_4);
  }
  .py-xl--5 {
    padding-top: var(--space_5);
    padding-bottom: var(--space_5);
  }
  .py-xl--6 {
    padding-top: var(--space_6);
    padding-bottom: var(--space_6);
  }
  .py-xl--7 {
    padding-top: var(--space_7);
    padding-bottom: var(--space_7);
  }
  .py-xl--8 {
    padding-top: var(--space_8);
    padding-bottom: var(--space_8);
  }
  .py-xl--12 {
    padding-top: var(--space_12);
    padding-bottom: var(--space_12);
  }
  .py-xl--16 {
    padding-top: var(--space_16);
    padding-bottom: var(--space_16);
  }
}
@media (min-width: 1400px) {
  .py-xxl--0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-xxl--1 {
    padding-top: var(--space_1);
    padding-bottom: var(--space_1);
  }
  .py-xxl--2 {
    padding-top: var(--space_2);
    padding-bottom: var(--space_2);
  }
  .py-xxl--3 {
    padding-top: var(--space_3);
    padding-bottom: var(--space_3);
  }
  .py-xxl--4 {
    padding-top: var(--space_4);
    padding-bottom: var(--space_4);
  }
  .py-xxl--5 {
    padding-top: var(--space_5);
    padding-bottom: var(--space_5);
  }
  .py-xxl--6 {
    padding-top: var(--space_6);
    padding-bottom: var(--space_6);
  }
  .py-xxl--7 {
    padding-top: var(--space_7);
    padding-bottom: var(--space_7);
  }
  .py-xxl--8 {
    padding-top: var(--space_8);
    padding-bottom: var(--space_8);
  }
  .py-xxl--12 {
    padding-top: var(--space_12);
    padding-bottom: var(--space_12);
  }
  .py-xxl--16 {
    padding-top: var(--space_16);
    padding-bottom: var(--space_16);
  }
}

/**
* Padding left
*/
.pl--0 { padding-left: 0; }
.pl--1 { padding-left: var(--space_1); }
.pl--2 { padding-left: var(--space_2); }
.pl--3 { padding-left: var(--space_3); }
.pl--4 { padding-left: var(--space_4); }
.pl--5 { padding-left: var(--space_5); }
.pl--6 { padding-left: var(--space_6); }
.pl--7 { padding-left: var(--space_7); }
.pl--8 { padding-left: var(--space_8); }
.pl--12 { padding-left: var(--space_12); }
.pl--16 { padding-left: var(--space_16); }
@media (min-width: 576px) {
  .pl-sm--0 { padding-left: 0; }
  .pl-sm--1 { padding-left: var(--space_1); }
  .pl-sm--2 { padding-left: var(--space_2); }
  .pl-sm--3 { padding-left: var(--space_3); }
  .pl-sm--4 { padding-left: var(--space_4); }
  .pl-sm--5 { padding-left: var(--space_5); }
  .pl-sm--6 { padding-left: var(--space_6); }
  .pl-sm--7 { padding-left: var(--space_7); }
  .pl-sm--8 { padding-left: var(--space_8); }
  .pl-sm--12 { padding-left: var(--space_12); }
  .pl-sm--16 { padding-left: var(--space_16); }
}
@media (min-width: 768px) {
  .pl-md--0 { padding-left: 0; }
  .pl-md--1 { padding-left: var(--space_1); }
  .pl-md--2 { padding-left: var(--space_2); }
  .pl-md--3 { padding-left: var(--space_3); }
  .pl-md--4 { padding-left: var(--space_4); }
  .pl-md--5 { padding-left: var(--space_5); }
  .pl-md--6 { padding-left: var(--space_6); }
  .pl-md--7 { padding-left: var(--space_7); }
  .pl-md--8 { padding-left: var(--space_8); }
  .pl-md--12 { padding-left: var(--space_12); }
  .pl-md--16 { padding-left: var(--space_16); }
}
@media (min-width: 992px) {
  .pl-lg--0 { padding-left: 0; }
  .pl-lg--1 { padding-left: var(--space_1); }
  .pl-lg--2 { padding-left: var(--space_2); }
  .pl-lg--3 { padding-left: var(--space_3); }
  .pl-lg--4 { padding-left: var(--space_4); }
  .pl-lg--5 { padding-left: var(--space_5); }
  .pl-lg--6 { padding-left: var(--space_6); }
  .pl-lg--7 { padding-left: var(--space_7); }
  .pl-lg--8 { padding-left: var(--space_8); }
  .pl-lg--12 { padding-left: var(--space_12); }
  .pl-lg--16 { padding-left: var(--space_16); }
}
@media (min-width: 1200px) {
  .pl-xl--0 { padding-left: 0; }
  .pl-xl--1 { padding-left: var(--space_1); }
  .pl-xl--2 { padding-left: var(--space_2); }
  .pl-xl--3 { padding-left: var(--space_3); }
  .pl-xl--4 { padding-left: var(--space_4); }
  .pl-xl--5 { padding-left: var(--space_5); }
  .pl-xl--6 { padding-left: var(--space_6); }
  .pl-xl--7 { padding-left: var(--space_7); }
  .pl-xl--8 { padding-left: var(--space_8); }
  .pl-xl--12 { padding-left: var(--space_12); }
  .pl-xl--16 { padding-left: var(--space_16); }
}
@media (min-width: 1400px) {
  .pl-xxl--0 { padding-left: 0; }
  .pl-xxl--1 { padding-left: var(--space_1); }
  .pl-xxl--2 { padding-left: var(--space_2); }
  .pl-xxl--3 { padding-left: var(--space_3); }
  .pl-xxl--4 { padding-left: var(--space_4); }
  .pl-xxl--5 { padding-left: var(--space_5); }
  .pl-xxl--6 { padding-left: var(--space_6); }
  .pl-xxl--7 { padding-left: var(--space_7); }
  .pl-xxl--8 { padding-left: var(--space_8); }
  .pl-xxl--12 { padding-left: var(--space_12); }
  .pl-xxl--16 { padding-left: var(--space_16); }
}

/**
* Padding right
*/
.pr--0 { padding-right: 0; }
.pr--1 { padding-right: var(--space_1); }
.pr--2 { padding-right: var(--space_2); }
.pr--3 { padding-right: var(--space_3); }
.pr--4 { padding-right: var(--space_4); }
.pr--5 { padding-right: var(--space_5); }
.pr--6 { padding-right: var(--space_6); }
.pr--7 { padding-right: var(--space_7); }
.pr--8 { padding-right: var(--space_8); }
.pr--12 { padding-right: var(--space_12); }
.pr--16 { padding-right: var(--space_16); }
@media (min-width: 576px) {
  .pr-sm--0 { padding-right: 0; }
  .pr-sm--1 { padding-right: var(--space_1); }
  .pr-sm--2 { padding-right: var(--space_2); }
  .pr-sm--3 { padding-right: var(--space_3); }
  .pr-sm--4 { padding-right: var(--space_4); }
  .pr-sm--5 { padding-right: var(--space_5); }
  .pr-sm--6 { padding-right: var(--space_6); }
  .pr-sm--7 { padding-right: var(--space_7); }
  .pr-sm--8 { padding-right: var(--space_8); }
  .pr-sm--12 { padding-right: var(--space_12); }
  .pr-sm--16 { padding-right: var(--space_16); }
}
@media (min-width: 768px) {
  .pr-md--0 { padding-right: 0; }
  .pr-md--1 { padding-right: var(--space_1); }
  .pr-md--2 { padding-right: var(--space_2); }
  .pr-md--3 { padding-right: var(--space_3); }
  .pr-md--4 { padding-right: var(--space_4); }
  .pr-md--5 { padding-right: var(--space_5); }
  .pr-md--6 { padding-right: var(--space_6); }
  .pr-md--7 { padding-right: var(--space_7); }
  .pr-md--8 { padding-right: var(--space_8); }
  .pr-md--12 { padding-right: var(--space_12); }
  .pr-md--16 { padding-right: var(--space_16); }
}
@media (min-width: 992px) {
  .pr-lg--0 { padding-right: 0; }
  .pr-lg--1 { padding-right: var(--space_1); }
  .pr-lg--2 { padding-right: var(--space_2); }
  .pr-lg--3 { padding-right: var(--space_3); }
  .pr-lg--4 { padding-right: var(--space_4); }
  .pr-lg--5 { padding-right: var(--space_5); }
  .pr-lg--6 { padding-right: var(--space_6); }
  .pr-lg--7 { padding-right: var(--space_7); }
  .pr-lg--8 { padding-right: var(--space_8); }
  .pr-lg--12 { padding-right: var(--space_12); }
  .pr-lg--16 { padding-right: var(--space_16); }
}
@media (min-width: 1200px) {
  .pr-xl--0 { padding-right: 0; }
  .pr-xl--1 { padding-right: var(--space_1); }
  .pr-xl--2 { padding-right: var(--space_2); }
  .pr-xl--3 { padding-right: var(--space_3); }
  .pr-xl--4 { padding-right: var(--space_4); }
  .pr-xl--5 { padding-right: var(--space_5); }
  .pr-xl--6 { padding-right: var(--space_6); }
  .pr-xl--7 { padding-right: var(--space_7); }
  .pr-xl--8 { padding-right: var(--space_8); }
  .pr-xl--12 { padding-right: var(--space_12); }
  .pr-xl--16 { padding-right: var(--space_16); }
}
@media (min-width: 1400px) {
  .pr-xxl--0 { padding-right: 0; }
  .pr-xxl--1 { padding-right: var(--space_1); }
  .pr-xxl--2 { padding-right: var(--space_2); }
  .pr-xxl--3 { padding-right: var(--space_3); }
  .pr-xxl--4 { padding-right: var(--space_4); }
  .pr-xxl--5 { padding-right: var(--space_5); }
  .pr-xxl--6 { padding-right: var(--space_6); }
  .pr-xxl--7 { padding-right: var(--space_7); }
  .pr-xxl--8 { padding-right: var(--space_8); }
  .pr-xxl--12 { padding-right: var(--space_12); }
  .pr-xxl--16 { padding-right: var(--space_16); }
}

/**
* Padding top
*/
.pt--0 { padding-top: 0; }
.pt--1 { padding-top: var(--space_1); }
.pt--2 { padding-top: var(--space_2); }
.pt--3 { padding-top: var(--space_3); }
.pt--4 { padding-top: var(--space_4); }
.pt--5 { padding-top: var(--space_5); }
.pt--6 { padding-top: var(--space_6); }
.pt--7 { padding-top: var(--space_7); }
.pt--8 { padding-top: var(--space_8); }
.pt--12 { padding-top: var(--space_12); }
.pt--16 { padding-top: var(--space_16); }
@media (min-width: 576px) {
  .pt-sm--0 { padding-top: 0; }
  .pt-sm--1 { padding-top: var(--space_1); }
  .pt-sm--2 { padding-top: var(--space_2); }
  .pt-sm--3 { padding-top: var(--space_3); }
  .pt-sm--4 { padding-top: var(--space_4); }
  .pt-sm--5 { padding-top: var(--space_5); }
  .pt-sm--6 { padding-top: var(--space_6); }
  .pt-sm--7 { padding-top: var(--space_7); }
  .pt-sm--8 { padding-top: var(--space_8); }
  .pt-sm--12 { padding-top: var(--space_12); }
  .pt-sm--16 { padding-top: var(--space_16); }
}
@media (min-width: 768px) {
  .pt-md--0 { padding-top: 0; }
  .pt-md--1 { padding-top: var(--space_1); }
  .pt-md--2 { padding-top: var(--space_2); }
  .pt-md--3 { padding-top: var(--space_3); }
  .pt-md--4 { padding-top: var(--space_4); }
  .pt-md--5 { padding-top: var(--space_5); }
  .pt-md--6 { padding-top: var(--space_6); }
  .pt-md--7 { padding-top: var(--space_7); }
  .pt-md--8 { padding-top: var(--space_8); }
  .pt-md--12 { padding-top: var(--space_12); }
  .pt-md--16 { padding-top: var(--space_16); }
}
@media (min-width: 992px) {
  .pt-lg--0 { padding-top: 0; }
  .pt-lg--1 { padding-top: var(--space_1); }
  .pt-lg--2 { padding-top: var(--space_2); }
  .pt-lg--3 { padding-top: var(--space_3); }
  .pt-lg--4 { padding-top: var(--space_4); }
  .pt-lg--5 { padding-top: var(--space_5); }
  .pt-lg--6 { padding-top: var(--space_6); }
  .pt-lg--7 { padding-top: var(--space_7); }
  .pt-lg--8 { padding-top: var(--space_8); }
  .pt-lg--12 { padding-top: var(--space_12); }
  .pt-lg--16 { padding-top: var(--space_16); }
}
@media (min-width: 1200px) {
  .pt-xl--0 { padding-top: 0; }
  .pt-xl--1 { padding-top: var(--space_1); }
  .pt-xl--2 { padding-top: var(--space_2); }
  .pt-xl--3 { padding-top: var(--space_3); }
  .pt-xl--4 { padding-top: var(--space_4); }
  .pt-xl--5 { padding-top: var(--space_5); }
  .pt-xl--6 { padding-top: var(--space_6); }
  .pt-xl--7 { padding-top: var(--space_7); }
  .pt-xl--8 { padding-top: var(--space_8); }
  .pt-xl--12 { padding-top: var(--space_12); }
  .pt-xl--16 { padding-top: var(--space_16); }
}
@media (min-width: 1400px) {
  .pt-xxl--0 { padding-top: 0; }
  .pt-xxl--1 { padding-top: var(--space_1); }
  .pt-xxl--2 { padding-top: var(--space_2); }
  .pt-xxl--3 { padding-top: var(--space_3); }
  .pt-xxl--4 { padding-top: var(--space_4); }
  .pt-xxl--5 { padding-top: var(--space_5); }
  .pt-xxl--6 { padding-top: var(--space_6); }
  .pt-xxl--7 { padding-top: var(--space_7); }
  .pt-xxl--8 { padding-top: var(--space_8); }
  .pt-xxl--12 { padding-top: var(--space_12); }
  .pt-xxl--16 { padding-top: var(--space_16); }
}

/**
* Padding bottom
*/
.pb--0 { padding-bottom: 0; }
.pb--1 { padding-bottom: var(--space_1); }
.pb--2 { padding-bottom: var(--space_2); }
.pb--3 { padding-bottom: var(--space_3); }
.pb--4 { padding-bottom: var(--space_4); }
.pb--5 { padding-bottom: var(--space_5); }
.pb--6 { padding-bottom: var(--space_6); }
.pb--7 { padding-bottom: var(--space_7); }
.pb--8 { padding-bottom: var(--space_8); }
.pb--12 { padding-bottom: var(--space_12); }
.pb--16 { padding-bottom: var(--space_16); }
@media (min-width: 576px) {
  .pb-sm--0 { padding-bottom: 0; }
  .pb-sm--1 { padding-bottom: var(--space_1); }
  .pb-sm--2 { padding-bottom: var(--space_2); }
  .pb-sm--3 { padding-bottom: var(--space_3); }
  .pb-sm--4 { padding-bottom: var(--space_4); }
  .pb-sm--5 { padding-bottom: var(--space_5); }
  .pb-sm--6 { padding-bottom: var(--space_6); }
  .pb-sm--7 { padding-bottom: var(--space_7); }
  .pb-sm--8 { padding-bottom: var(--space_8); }
  .pb-sm--12 { padding-bottom: var(--space_12); }
  .pb-sm--16 { padding-bottom: var(--space_16); }
}
@media (min-width: 768px) {
  .pb-md--0 { padding-bottom: 0; }
  .pb-md--1 { padding-bottom: var(--space_1); }
  .pb-md--2 { padding-bottom: var(--space_2); }
  .pb-md--3 { padding-bottom: var(--space_3); }
  .pb-md--4 { padding-bottom: var(--space_4); }
  .pb-md--5 { padding-bottom: var(--space_5); }
  .pb-md--6 { padding-bottom: var(--space_6); }
  .pb-md--7 { padding-bottom: var(--space_7); }
  .pb-md--8 { padding-bottom: var(--space_8); }
  .pb-md--12 { padding-bottom: var(--space_12); }
  .pb-md--16 { padding-bottom: var(--space_16); }
}
@media (min-width: 992px) {
  .pb-lg--0 { padding-bottom: 0; }
  .pb-lg--1 { padding-bottom: var(--space_1); }
  .pb-lg--2 { padding-bottom: var(--space_2); }
  .pb-lg--3 { padding-bottom: var(--space_3); }
  .pb-lg--4 { padding-bottom: var(--space_4); }
  .pb-lg--5 { padding-bottom: var(--space_5); }
  .pb-lg--6 { padding-bottom: var(--space_6); }
  .pb-lg--7 { padding-bottom: var(--space_7); }
  .pb-lg--8 { padding-bottom: var(--space_8); }
  .pb-lg--12 { padding-bottom: var(--space_12); }
  .pb-lg--16 { padding-bottom: var(--space_16); }
}
@media (min-width: 1200px) {
  .pb-xl--0 { padding-bottom: 0; }
  .pb-xl--1 { padding-bottom: var(--space_1); }
  .pb-xl--2 { padding-bottom: var(--space_2); }
  .pb-xl--3 { padding-bottom: var(--space_3); }
  .pb-xl--4 { padding-bottom: var(--space_4); }
  .pb-xl--5 { padding-bottom: var(--space_5); }
  .pb-xl--6 { padding-bottom: var(--space_6); }
  .pb-xl--7 { padding-bottom: var(--space_7); }
  .pb-xl--8 { padding-bottom: var(--space_8); }
  .pb-xl--12 { padding-bottom: var(--space_12); }
  .pb-xl--16 { padding-bottom: var(--space_16); }
}
@media (min-width: 1400px) {
  .pb-xxl--0 { padding-bottom: 0; }
  .pb-xxl--1 { padding-bottom: var(--space_1); }
  .pb-xxl--2 { padding-bottom: var(--space_2); }
  .pb-xxl--3 { padding-bottom: var(--space_3); }
  .pb-xxl--4 { padding-bottom: var(--space_4); }
  .pb-xxl--5 { padding-bottom: var(--space_5); }
  .pb-xxl--6 { padding-bottom: var(--space_6); }
  .pb-xxl--7 { padding-bottom: var(--space_7); }
  .pb-xxl--8 { padding-bottom: var(--space_8); }
  .pb-xxl--12 { padding-bottom: var(--space_12); }
  .pb-xxl--16 { padding-bottom: var(--space_16); }
}

/* Gap
========================================================================== */

.gap--0 { gap: 0; }
.gap--1 { gap: var(--space_1); }
.gap--2 { gap: var(--space_2); }
.gap--3 { gap: var(--space_3); }
.gap--4 { gap: var(--space_4); }
.gap--5 { gap: var(--space_5); }
.gap--6 { gap: var(--space_6); }
@media (min-width: 576px) {
  .gap-sm--0 { gap: 0; }
  .gap-sm--1 { gap: var(--space_1); }
  .gap-sm--2 { gap: var(--space_2); }
  .gap-sm--3 { gap: var(--space_3); }
  .gap-sm--4 { gap: var(--space_4); }
  .gap-sm--5 { gap: var(--space_5); }
  .gap-sm--6 { gap: var(--space_6); }
}
@media (min-width: 768px) {
  .gap-md--0 { gap: 0; }
  .gap-md--1 { gap: var(--space_1); }
  .gap-md--2 { gap: var(--space_2); }
  .gap-md--3 { gap: var(--space_3); }
  .gap-md--4 { gap: var(--space_4); }
  .gap-md--5 { gap: var(--space_5); }
  .gap-md--6 { gap: var(--space_6); }
}
@media (min-width: 992px) {
  .gap-lg--0 { gap: 0; }
  .gap-lg--1 { gap: var(--space_1); }
  .gap-lg--2 { gap: var(--space_2); }
  .gap-lg--3 { gap: var(--space_3); }
  .gap-lg--4 { gap: var(--space_4); }
  .gap-lg--5 { gap: var(--space_5); }
  .gap-lg--6 { gap: var(--space_6); }
}
@media (min-width: 1200px) {
  .gap-xl--0 { gap: 0; }
  .gap-xl--1 { gap: var(--space_1); }
  .gap-xl--2 { gap: var(--space_2); }
  .gap-xl--3 { gap: var(--space_3); }
  .gap-xl--4 { gap: var(--space_4); }
  .gap-xl--5 { gap: var(--space_5); }
  .gap-xl--6 { gap: var(--space_6); }
}
@media (min-width: 1400px) {
  .gap-xxl--0 { gap: 0; }
  .gap-xxl--1 { gap: var(--space_1); }
  .gap-xxl--2 { gap: var(--space_2); }
  .gap-xxl--3 { gap: var(--space_3); }
  .gap-xxl--4 { gap: var(--space_4); }
  .gap-xxl--5 { gap: var(--space_5); }
  .gap-xxl--6 { gap: var(--space_6); }
}

/**
* Gap horizontal
*/
.gap-x--0 { column-gap: 0; }
.gap-x--1 { column-gap: var(--space_1); }
.gap-x--2 { column-gap: var(--space_2); }
.gap-x--3 { column-gap: var(--space_3); }
.gap-x--4 { column-gap: var(--space_4); }
.gap-x--5 { column-gap: var(--space_5); }
.gap-x--6 { column-gap: var(--space_6); }
@media (min-width: 576px) {
  .gap-x-sm--0 { column-gap: 0; }
  .gap-x-sm--1 { column-gap: var(--space_1); }
  .gap-x-sm--2 { column-gap: var(--space_2); }
  .gap-x-sm--3 { column-gap: var(--space_3); }
  .gap-x-sm--4 { column-gap: var(--space_4); }
  .gap-x-sm--5 { column-gap: var(--space_5); }
  .gap-x-sm--6 { column-gap: var(--space_6); }
}
@media (min-width: 768px) {
  .gap-x-md--0 { column-gap: 0; }
  .gap-x-md--1 { column-gap: var(--space_1); }
  .gap-x-md--2 { column-gap: var(--space_2); }
  .gap-x-md--3 { column-gap: var(--space_3); }
  .gap-x-md--4 { column-gap: var(--space_4); }
  .gap-x-md--5 { column-gap: var(--space_5); }
  .gap-x-md--6 { column-gap: var(--space_6); }
}
@media (min-width: 992px) {
  .gap-x-lg--0 { column-gap: 0; }
  .gap-x-lg--1 { column-gap: var(--space_1); }
  .gap-x-lg--2 { column-gap: var(--space_2); }
  .gap-x-lg--3 { column-gap: var(--space_3); }
  .gap-x-lg--4 { column-gap: var(--space_4); }
  .gap-x-lg--5 { column-gap: var(--space_5); }
  .gap-x-lg--6 { column-gap: var(--space_6); }
}
@media (min-width: 1200px) {
  .gap-x-xl--0 { column-gap: 0; }
  .gap-x-xl--1 { column-gap: var(--space_1); }
  .gap-x-xl--2 { column-gap: var(--space_2); }
  .gap-x-xl--3 { column-gap: var(--space_3); }
  .gap-x-xl--4 { column-gap: var(--space_4); }
  .gap-x-xl--5 { column-gap: var(--space_5); }
  .gap-x-xl--6 { column-gap: var(--space_6); }
}
@media (min-width: 1400px) {
  .gap-x-xxl--0 { column-gap: 0; }
  .gap-x-xxl--1 { column-gap: var(--space_1); }
  .gap-x-xxl--2 { column-gap: var(--space_2); }
  .gap-x-xxl--3 { column-gap: var(--space_3); }
  .gap-x-xxl--4 { column-gap: var(--space_4); }
  .gap-x-xxl--5 { column-gap: var(--space_5); }
  .gap-x-xxl--6 { column-gap: var(--space_6); }
}

/**
* Gap vertical
*/
.gap-y--0 { row-gap: 0; }
.gap-y--1 { row-gap: var(--space_1); }
.gap-y--2 { row-gap: var(--space_2); }
.gap-y--3 { row-gap: var(--space_3); }
.gap-y--4 { row-gap: var(--space_4); }
.gap-y--5 { row-gap: var(--space_5); }
.gap-y--6 { row-gap: var(--space_6); }
@media (min-width: 576px) {
  .gap-y-sm--0 { row-gap: 0; }
  .gap-y-sm--1 { row-gap: var(--space_1); }
  .gap-y-sm--2 { row-gap: var(--space_2); }
  .gap-y-sm--3 { row-gap: var(--space_3); }
  .gap-y-sm--4 { row-gap: var(--space_4); }
  .gap-y-sm--5 { row-gap: var(--space_5); }
  .gap-y-sm--6 { row-gap: var(--space_6); }
}
@media (min-width: 768px) {
  .gap-y-md--0 { row-gap: 0; }
  .gap-y-md--1 { row-gap: var(--space_1); }
  .gap-y-md--2 { row-gap: var(--space_2); }
  .gap-y-md--3 { row-gap: var(--space_3); }
  .gap-y-md--4 { row-gap: var(--space_4); }
  .gap-y-md--5 { row-gap: var(--space_5); }
  .gap-y-md--6 { row-gap: var(--space_6); }
}
@media (min-width: 992px) {
  .gap-y-lg--0 { row-gap: 0; }
  .gap-y-lg--1 { row-gap: var(--space_1); }
  .gap-y-lg--2 { row-gap: var(--space_2); }
  .gap-y-lg--3 { row-gap: var(--space_3); }
  .gap-y-lg--4 { row-gap: var(--space_4); }
  .gap-y-lg--5 { row-gap: var(--space_5); }
  .gap-y-lg--6 { row-gap: var(--space_6); }
}
@media (min-width: 1200px) {
  .gap-y-xl--0 { row-gap: 0; }
  .gap-y-xl--1 { row-gap: var(--space_1); }
  .gap-y-xl--2 { row-gap: var(--space_2); }
  .gap-y-xl--3 { row-gap: var(--space_3); }
  .gap-y-xl--4 { row-gap: var(--space_4); }
  .gap-y-xl--5 { row-gap: var(--space_5); }
  .gap-y-xl--6 { row-gap: var(--space_6); }
}
@media (min-width: 1400px) {
  .gap-y-xxl--0 { row-gap: 0; }
  .gap-y-xxl--1 { row-gap: var(--space_1); }
  .gap-y-xxl--2 { row-gap: var(--space_2); }
  .gap-y-xxl--3 { row-gap: var(--space_3); }
  .gap-y-xxl--4 { row-gap: var(--space_4); }
  .gap-y-xxl--5 { row-gap: var(--space_5); }
  .gap-y-xxl--6 { row-gap: var(--space_6); }
}

/* ==========================================================================
Position
========================================================================== */

.pos--absolute { position: absolute; }
.pos--fixed { position: fixed; }
.pos--relative { position: relative; }
.pos--static { position: static; }
.pos--sticky { 
  position: -webkit-sticky; 
  position: sticky; 
}
@media (min-width: 576px) {
  .pos-sm--absolute { position: absolute; }
  .pos-sm--fixed { position: fixed; }
  .pos-sm--relative { position: relative; }
  .pos-sm--static { position: static; }
  .pos-sm--sticky { 
    position: -webkit-sticky; 
    position: sticky; 
  }
}
@media (min-width: 768px) {
  .pos-md--absolute { position: absolute; }
  .pos-md--fixed { position: fixed; }
  .pos-md--relative { position: relative; }
  .pos-md--static { position: static; }
  .pos-md--sticky { 
    position: -webkit-sticky; 
    position: sticky; 
  }
}
@media (min-width: 992px) {
  .pos-lg--absolute { position: absolute; }
  .pos-lg--fixed { position: fixed; }
  .pos-lg--relative { position: relative; }
  .pos-lg--static { position: static; }
  .pos-lg--sticky { 
    position: -webkit-sticky; 
    position: sticky; 
  }
}
@media (min-width: 1200px) {
  .pos-xl--absolute { position: absolute; }
  .pos-xl--fixed { position: fixed; }
  .pos-xl--relative { position: relative; }
  .pos-xl--static { position: static; }
  .pos-xl--sticky { 
    position: -webkit-sticky; 
    position: sticky; 
  }
}
@media (min-width: 1400px) {
  .pos-xxl--absolute { position: absolute; }
  .pos-xxl--fixed { position: fixed; }
  .pos-xxl--relative { position: relative; }
  .pos-xxl--static { position: static; }
  .pos-xxl--sticky { 
    position: -webkit-sticky; 
    position: sticky; 
  }
}

/* ==========================================================================
Align Content
========================================================================== */

.align-content--start { align-content: start; }
.align-content--center { align-content: center; }
.align-content--end { align-content: end; }
@media (min-width: 576px){
	.align-content-sm--start { align-content: start; }
	.align-content-sm--center { align-content: center; }
	.align-content-sm--end { align-content: end; }
}
@media (min-width: 768px){
	.align-content-md--start { align-content: start; }
	.align-content-md--center { align-content: center; }
	.align-content-md--end { align-content: end; }
}
@media (min-width: 992px){
	.align-content-lg--start { align-content: start; }
	.align-content-lg--center { align-content: center; }
	.align-content-lg--end { align-content: end; }
}
@media (min-width: 1200px){
	.align-content-xl--start { align-content: start; }
	.align-content-xl--center { align-content: center; }
	.align-content-xl--end { align-content: end; }
}
@media (min-width: 1400px){
	.align-content-xxl--start { align-content: start; }
	.align-content-xxl--center { align-content: center; }
	.align-content-xxl--end { align-content: end; }
}

/* ==========================================================================
Align Items
========================================================================== */

.align-items--start { align-items: start; }
.align-items--center { align-items: center; }
.align-items--end { align-items: end; }
@media (min-width: 576px){
	.align-items-sm--start { align-items: start; }
	.align-items-sm--center { align-items: center; }
	.align-items-sm--end { align-items: end; }
}
@media (min-width: 768px){
	.align-items-md--start { align-items: start; }
	.align-items-md--center { align-items: center; }
	.align-items-md--end { align-items: end; }
}
@media (min-width: 992px){
	.align-items-lg--start { align-items: start; }
	.align-items-lg--center { align-items: center; }
	.align-items-lg--end { align-items: end; }
}
@media (min-width: 1200px){
	.align-items-xl--start { align-items: start; }
	.align-items-xl--center { align-items: center; }
	.align-items-xl--end { align-items: end; }
}
@media (min-width: 1400px){
	.align-items-xxl--start { align-items: start; }
	.align-items-xxl--center { align-items: center; }
	.align-items-xxl--end { align-items: end; }
}

/* ==========================================================================
Align Self
========================================================================== */

.align-self--start { align-self: start; }
.align-self--center { align-self: center; }
.align-self--end { align-self: end; }
@media (min-width: 576px){
	.align-self-sm--start { align-self: start; }
	.align-self-sm--center { align-self: center; }
	.align-self-sm--end { align-self: end; }
}
@media (min-width: 768px){
	.align-self-md--start { align-self: start; }
	.align-self-md--center { align-self: center; }
	.align-self-md--end { align-self: end; }
}
@media (min-width: 992px){
	.align-self-lg--start { align-self: start; }
	.align-self-lg--center { align-self: center; }
	.align-self-lg--end { align-self: end; }
}
@media (min-width: 1200px){
	.align-self-xl--start { align-self: start; }
	.align-self-xl--center { align-self: center; }
	.align-self-xl--end { align-self: end; }
}
@media (min-width: 1400px){
	.align-self-xxl--start { align-self: start; }
	.align-self-xxl--center { align-self: center; }
	.align-self-xxl--end { align-self: end; }
}

/* ==========================================================================
Justify Content
========================================================================== */

.justify-content--start { justify-content: start; }
.justify-content--center { justify-content: center; }
.justify-content--end { justify-content: end; }
@media (min-width: 576px){
	.justify-content-sm--start { justify-content: start; }
	.justify-content-sm--center { justify-content: center; }
	.justify-content-sm--end { justify-content: end; }
}
@media (min-width: 768px){
	.justify-content-md--start { justify-content: start; }
	.justify-content-md--center { justify-content: center; }
	.justify-content-md--end { justify-content: end; }
}
@media (min-width: 992px){
	.justify-content-lg--start { justify-content: start; }
	.justify-content-lg--center { justify-content: center; }
	.justify-content-lg--end { justify-content: end; }
}
@media (min-width: 1200px){
	.justify-content-xl--start { justify-content: start; }
	.justify-content-xl--center { justify-content: center; }
	.justify-content-xl--end { justify-content: end; }
}
@media (min-width: 1400px){
	.justify-content-xxl--start { justify-content: start; }
	.justify-content-xxl--center { justify-content: center; }
	.justify-content-xxl--end { justify-content: end; }
}

/* ==========================================================================
Justify Self
========================================================================== */

.justify-self--start { justify-self: start; }
.justify-self--center { justify-self: center; }
.justify-self--end { justify-self: end; }
@media (min-width: 576px){
	.justify-self-sm--start { justify-self: start; }
	.justify-self-sm--center { justify-self: center; }
	.justify-self-sm--end { justify-self: end; }
}
@media (min-width: 768px){
	.justify-self-md--start { justify-self: start; }
	.justify-self-md--center { justify-self: center; }
	.justify-self-md--end { justify-self: end; }
}
@media (min-width: 992px){
	.justify-self-lg--start { justify-self: start; }
	.justify-self-lg--center { justify-self: center; }
	.justify-self-lg--end { justify-self: end; }
}
@media (min-width: 1200px){
	.justify-self-xl--start { justify-self: start; }
	.justify-self-xl--center { justify-self: center; }
	.justify-self-xl--end { justify-self: end; }
}
@media (min-width: 1400px){
	.justify-self-xxl--start { justify-self: start; }
	.justify-self-xxl--center { justify-self: center; }
	.justify-self-xxl--end { justify-self: end; }
}

/* ==========================================================================
Order
========================================================================== */

.order--1 { order: 1; }
.order--2 { order: 2; }
.order--3 { order: 3; }
.order--4 { order: 4; }
.order--5 { order: 5; }
.order--6 { order: 6; }
.order--7 { order: 7; }
.order--8 { order: 8; }
@media (min-width: 576px) {
  .order-sm--1 { order: 1; }
  .order-sm--2 { order: 2; }
  .order-sm--3 { order: 3; }
  .order-sm--4 { order: 4; }
  .order-sm--5 { order: 5; }
  .order-sm--6 { order: 6; }
  .order-sm--7 { order: 7; }
  .order-sm--8 { order: 8; }
}
@media (min-width: 768px) {
  .order-md--1 { order: 1; }
  .order-md--2 { order: 2; }
  .order-md--3 { order: 3; }
  .order-md--4 { order: 4; }
  .order-md--5 { order: 5; }
  .order-md--6 { order: 6; }
  .order-md--7 { order: 7; }
  .order-md--8 { order: 8; }
}
@media (min-width: 992px) {
  .order-lg--1 { order: 1; }
  .order-lg--2 { order: 2; }
  .order-lg--3 { order: 3; }
  .order-lg--4 { order: 4; }
  .order-lg--5 { order: 5; }
  .order-lg--6 { order: 6; }
  .order-lg--7 { order: 7; }
  .order-lg--8 { order: 8; }
}
@media (min-width: 1200px) {
  .order-xl--1 { order: 1; }
  .order-xl--2 { order: 2; }
  .order-xl--3 { order: 3; }
  .order-xl--4 { order: 4; }
  .order-xl--5 { order: 5; }
  .order-xl--6 { order: 6; }
  .order-xl--7 { order: 7; }
  .order-xl--8 { order: 8; }
}
@media (min-width: 1400px) {
  .order-xxl--1 { order: 1; }
  .order-xxl--2 { order: 2; }
  .order-xxl--3 { order: 3; }
  .order-xxl--4 { order: 4; }
  .order-xxl--5 { order: 5; }
  .order-xxl--6 { order: 6; }
  .order-xxl--7 { order: 7; }
  .order-xxl--8 { order: 8; }
}

/* ==========================================================================
Z-Index
========================================================================== */

.z--n1 { z-index: -1; }
.z--0 { z-index: 0; }
.z--1 { z-index: 1; }
.z--2 { z-index: 2; }
.z--3 { z-index: 3; }

@media (min-width: 576px) {
  .z-sm--n1 { z-index: -1; }
  .z-sm--0 { z-index: 0; }
  .z-sm--1 { z-index: 1; }
  .z-sm--2 { z-index: 2; }
  .z-sm--3 { z-index: 3; }
}

@media (min-width: 768px) {
  .z-md--n1 { z-index: -1; }
  .z-md--0 { z-index: 0; }
  .z-md--1 { z-index: 1; }
  .z-md--2 { z-index: 2; }
  .z-md--3 { z-index: 3; }
}

@media (min-width: 992px) {
  .z-lg--n1 { z-index: -1; }
  .z-lg--0 { z-index: 0; }
  .z-lg--1 { z-index: 1; }
  .z-lg--2 { z-index: 2; }
  .z-lg--3 { z-index: 3; }
}

@media (min-width: 1200px) {
  .z-xl--n1 { z-index: -1; }
  .z-xl--0 { z-index: 0; }
  .z-xl--1 { z-index: 1; }
  .z-xl--2 { z-index: 2; }
  .z-xl--3 { z-index: 3; }
}

@media (min-width: 1400px) {
  .z-xxl--n1 { z-index: -1; }
  .z-xxl--0 { z-index: 0; }
  .z-xxl--1 { z-index: 1; }
  .z-xxl--2 { z-index: 2; }
  .z-xxl--3 { z-index: 3; }
}

/* ==========================================================================
Effects
========================================================================== */

/* Zoom effects
========================================================================== */

.effect--zoom img { transition: transform .15s ease-in; }
@media (min-width: 768px) {
  .effect--zoom:hover img { transform: scale(1.1); }
}

/* Color effects
========================================================================== */

.effect--color-white,
.effect--color-sand,
.effect--color-fog,
.effect--color-stone,
.effect--color-charcoal,
.effect--color-navy,
.effect--color-black {
  transition: color .15s ease-in;
}
.effect--color-white:hover,
.effect--color-white:active,
.effect--color-white:focus { color: var(--white); }
.effect--color-sand:hover,
.effect--color-sand:active,
.effect--color-sand:focus { color: var(--sand); }
.effect--color-fog:hover,
.effect--color-fog:active,
.effect--color-fog:focus { color: var(--fog); }
.effect--color-stone:hover,
.effect--color-stone:active,
.effect--color-stone:focus { color: var(--stone); }
.effect--color-charcoal:hover,
.effect--color-charcoal:active,
.effect--color-charcoal:focus { color: var(--charcoal); }
.effect--color-navy:hover,
.effect--color-navy:active,
.effect--color-navy:focus { color: var(--navy); }
.effect--color-black:hover,
.effect--color-black:active,
.effect--color-black:focus { color: var(--black); }

/* ==========================================================================
Rounded corners
========================================================================== */

.border--rounded { 
  border-radius: var(--space_1); 
  overflow: hidden;
}
@media (min-width: 576px) {
  .border-sm--rounded { 
    border-radius: var(--space_1); 
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .border-md--rounded { 
    border-radius: var(--space_1); 
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .border-lg--rounded { 
    border-radius: var(--space_1); 
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .border-xl--rounded { 
    border-radius: var(--space_1); 
    overflow: hidden;
  }
}
@media (min-width: 1400px) {
  .border-xxl--rounded { 
    border-radius: var(--space_1); 
    overflow: hidden;
  }
}