/**
 * @file
 * Color functions.
 *
 * @package Functions.
 */
/* Tint. */
/* Shade. */
/**
 * @file
 * Global settings.
 *
 * @package Settings.
 */
/* Import. */
/* * @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); */
/* Font family. */
/* Font size. */
/* Font weight. */
/* Line height. */
/* Basic colors. */
/* Status colors. */
/* Border radius. */
/* Outline. */
/* Shadow. */
/* Spacing. */
/* Width. */
/* Breakpoints. */
/* Grid breakpoints. */
/* Grid. */
/**
 * @file
 * Map functions.
 *
 * @package Functions.
 */
/* Use. */
/* Next. */
/* Prev. */
/**
 * @file
 * Mixins for breakpoints.
 *
 * @package Tools.
 */
/* Use. */
/* Breakpoint up. */
/* Breakpoint down. */
/* Breakpoint only. */
/**
 * @file
 * Helper for flex items.
 *
 * @package Utilities.
 */
/* Use. */
/* Order. */
.u-order {
  /* stylelint-disable plugin/stylelint-bem-namics */
  /* stylelint-enable plugin/stylelint-bem-namics */
  /* stylelint-disable plugin/stylelint-bem-namics */
  /* stylelint-enable plugin/stylelint-bem-namics */
}
.u-order--first {
  order: -1 !important;
}
.u-order--initial {
  order: initial !important;
}
.u-order--0 {
  order: 0;
}
.u-order--1 {
  order: 1;
}
.u-order--2 {
  order: 2;
}
.u-order--3 {
  order: 3;
}
@media (min-width: 560px) {
  .u-order--first\@tiny {
    order: -1 !important;
  }
  .u-order--initial\@tiny {
    order: initial !important;
  }
  .u-order--0\@tiny {
    order: 0;
  }
  .u-order--1\@tiny {
    order: 1;
  }
  .u-order--2\@tiny {
    order: 2;
  }
  .u-order--3\@tiny {
    order: 3;
  }
}
@media (min-width: 768px) {
  .u-order--first\@small {
    order: -1 !important;
  }
  .u-order--initial\@small {
    order: initial !important;
  }
  .u-order--0\@small {
    order: 0;
  }
  .u-order--1\@small {
    order: 1;
  }
  .u-order--2\@small {
    order: 2;
  }
  .u-order--3\@small {
    order: 3;
  }
}
@media (min-width: 992px) {
  .u-order--first\@medium {
    order: -1 !important;
  }
  .u-order--initial\@medium {
    order: initial !important;
  }
  .u-order--0\@medium {
    order: 0;
  }
  .u-order--1\@medium {
    order: 1;
  }
  .u-order--2\@medium {
    order: 2;
  }
  .u-order--3\@medium {
    order: 3;
  }
}
@media (min-width: 1200px) {
  .u-order--first\@large {
    order: -1 !important;
  }
  .u-order--initial\@large {
    order: initial !important;
  }
  .u-order--0\@large {
    order: 0;
  }
  .u-order--1\@large {
    order: 1;
  }
  .u-order--2\@large {
    order: 2;
  }
  .u-order--3\@large {
    order: 3;
  }
}
@media (min-width: 1440px) {
  .u-order--first\@huge {
    order: -1 !important;
  }
  .u-order--initial\@huge {
    order: initial !important;
  }
  .u-order--0\@huge {
    order: 0;
  }
  .u-order--1\@huge {
    order: 1;
  }
  .u-order--2\@huge {
    order: 2;
  }
  .u-order--3\@huge {
    order: 3;
  }
}

/* Align. */
.u-align-self {
  /* stylelint-disable plugin/stylelint-bem-namics */
  /* stylelint-enable plugin/stylelint-bem-namics */
}
.u-align-self--start {
  align-self: flex-start;
}
.u-align-self--end {
  align-self: flex-end;
}
.u-align-self--center {
  align-self: center;
}
.u-align-self--baseline {
  align-self: baseline;
}
.u-align-self--stretch {
  align-self: stretch;
}
@media (min-width: 560px) {
  .u-align-self--start\@tiny {
    align-self: flex-start;
  }
  .u-align-self--end\@tiny {
    align-self: flex-end;
  }
  .u-align-self--center\@tiny {
    align-self: center;
  }
  .u-align-self--baseline\@tiny {
    align-self: baseline;
  }
  .u-align-self--stretch\@tiny {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .u-align-self--start\@small {
    align-self: flex-start;
  }
  .u-align-self--end\@small {
    align-self: flex-end;
  }
  .u-align-self--center\@small {
    align-self: center;
  }
  .u-align-self--baseline\@small {
    align-self: baseline;
  }
  .u-align-self--stretch\@small {
    align-self: stretch;
  }
}
@media (min-width: 992px) {
  .u-align-self--start\@medium {
    align-self: flex-start;
  }
  .u-align-self--end\@medium {
    align-self: flex-end;
  }
  .u-align-self--center\@medium {
    align-self: center;
  }
  .u-align-self--baseline\@medium {
    align-self: baseline;
  }
  .u-align-self--stretch\@medium {
    align-self: stretch;
  }
}
@media (min-width: 1200px) {
  .u-align-self--start\@large {
    align-self: flex-start;
  }
  .u-align-self--end\@large {
    align-self: flex-end;
  }
  .u-align-self--center\@large {
    align-self: center;
  }
  .u-align-self--baseline\@large {
    align-self: baseline;
  }
  .u-align-self--stretch\@large {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  .u-align-self--start\@huge {
    align-self: flex-start;
  }
  .u-align-self--end\@huge {
    align-self: flex-end;
  }
  .u-align-self--center\@huge {
    align-self: center;
  }
  .u-align-self--baseline\@huge {
    align-self: baseline;
  }
  .u-align-self--stretch\@huge {
    align-self: stretch;
  }
}

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