:root,
[data-theme=light] {
  --co-light-max: 100%;
  --co-light-min: 0%;
  --co-color-min: #000;
  --co-color-max: #fff;
  --co-color-theme: #44638a;
  --co-color-theme-text: #44638a;
  --co-color-theme-foreground: #bdc8d6;
  --co-color-theme-muted: #a1b1c5;
  --co-color-theme-borders: #c7d0dc;
  --co-color-theme-bg: #2f3c4c;
  --co-color-highlight: #c36;
  --co-color-bg-base: #f1f1f1;
  --co-color-bg-secondary: #fff;
  --co-color-base: #333;
  --co-color-base-foreground: #fff;
  --co-color-fade: #e7e7e7;
}
[data-theme=dark] {
  --co-light-max: 0%;
  --co-light-min: 100%;
  --co-color-min: #fff;
  --co-color-max: #000;
  --co-color-theme: #44638a;
  --co-color-theme-text: #4f7fbc;
  --co-color-theme-foreground: #bdc8d6;
  --co-color-theme-muted: #a1b1c5;
  --co-color-theme-borders: #29333e;
  --co-color-theme-bg: #5c81af;
  --co-color-highlight: #d84073;
  --co-color-bg-base: #222;
  --co-color-bg-secondary: #333;
  --co-color-base: #e1e1e1;
  --co-color-base-foreground: #333;
  --co-color-fade: #818181;
}
.co {
  background-color: #f1f1f1;
  background-color: var(--co-color-bg-base);
}
:root {
  --co-btn-color: var(--co-color-bg-tertiary);
  --co-btn-text-color: var(--co-color-base);
}
.co_btn {
  font-family: 'Open Sans WebFont', 'Helvetica Neue', Helvetica, sans-serif;
  display: inline-block;
  text-align: center;
  padding: calc(0.5em - 2px) calc(1.5em - 2px);
  border-radius: 20em;
  font-size: 0.875em;
  font-weight: bold;
  text-transform: uppercase;
  background-color: var(--co-color-bg-tertiary);
  background-color: var(--co-btn-color);
  border: 2px solid var(--co-color-bg-tertiary);
  border: 2px solid var(--co-btn-color);
  transition: filter 0.2s ease;
  color: #333;
  color: var(--co-btn-text-color);
  line-height: 1.5em;
  vertical-align: baseline;
}
.co_btn-picto {
  width: 0.9em;
  height: 0.9em;
  margin-bottom: -0.1em;
}
.co_btn-picto-left {
  margin-right: 0.3em;
}
.co_btn-picto-right {
  margin-left: 0.3em;
}
.co_btn:disabled {
  opacity: 0.5;
}
.co_btn:enabled:hover,
.co_btn[href]:hover {
  filter: brightness(90%) contrast(110%);
}
.co_btn-line {
  --co-btn-text-color: var(--co-color-base);
  color: #333;
  color: var(--co-btn-text-color);
  background-color: transparent;
  border-color: #333;
  border-color: var(--co-btn-text-color);
}
.co_switch {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  display: inline-block;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  padding: 0.125em;
  width: 3.875em;
  border-radius: 20em;
  height: 1.5em;
  border: 0;
  color: #333;
  color: var(--co-color-base);
  background: #e7e7e7;
  background: var(--co-color-fade);
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  user-select: none;
  text-transform: uppercase;
  vertical-align: middle;
  align-items: center;
  transition: background-color 0.1s linear;
}
.co_switch-wrap {
  display: flex;
  justify-content: stretch;
  align-items: center;
  pointer-events: none;
  transition: transform 0.3s;
  transform: translateX(-2.375em);
}
.co_switch-thumb {
  display: block;
  background: #fff;
  background: var(--co-color-base-foreground);
  height: 1.25em;
  min-width: 1.25em;
  border-radius: 20em;
  flex: 0;
  order: 1;
  padding: 0.1875em;
  fill: transparent;
  transition: fill 0.2s linear;
}
.co_switch-on,
.co_switch-off {
  font-size: 0.75em;
  padding: 0 0.25em;
  flex: 1 0 3.166666666666667em;
}
.co_switch-on {
  order: 0;
  color: #fff;
  color: var(--co-color-base-foreground);
}
.co_switch-off {
  order: 2;
  color: #333;
  color: var(--co-color-base);
}
.co_switch[aria-checked='true'],
input:checked + .co_switch,
.co_switch.co_is-checked {
  background-color: currentColor;
  transition: background-color 0.2s linear 0.1s;
}
.co_switch[aria-checked='true'] .co_switch-wrap,
input:checked + .co_switch .co_switch-wrap,
.co_switch.co_is-checked .co_switch-wrap {
  transform: translateX(0);
}
.co_switch[aria-checked='true'] .co_switch-thumb,
input:checked + .co_switch .co_switch-thumb,
.co_switch.co_is-checked .co_switch-thumb {
  fill: currentColor;
}
:root,
[data-theme=light],
[data-theme] [data-theme=light] {
  --co-box-edge-color: rgba(0,0,0,0.02);
}
[data-theme=dark],
[data-theme] [data-theme=dark] {
  --co-box-edge-color: rgba(255,255,255,0.15);
}
.co_box {
  overflow: hidden;
  border-radius: 0.5rem;
  border: 1px solid var(--co-color-bg-primary);
  background-color: var(--co-color-bg-primary);
  box-shadow: 0 0 0 0.0625rem rgba(0,0,0,0.02), 0 0.0625rem 0.25rem 0.0625rem rgba(0,0,0,0.06);
  box-shadow: 0 0 0 0.0625rem var(--co-box-edge-color), 0 0.0625rem 0.25rem 0.0625rem rgba(0,0,0,0.06);
}
.co_box-borderless {
  border-width: 0;
}
.co_box-lined {
  border-width: 0;
  border-left: 5px solid currentColor;
}
.co_tabpanel {
  display: flex;
  flex-direction: column;
}
.co_tabpanel-list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.co_no-js .co_tabpanel-list[role='tablist'] {
  display: none;
}
.co_tabpanel-list-tab {
  padding: 0.5em;
  display: flex;
  flex: 1;
  position: relative;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-transform: inherit;
  font-size: 1em;
  line-height: 1.5em;
  background: #e7e7e7;
  background: var(--co-color-fade);
  color: #333;
  color: var(--co-color-base);
  border: 1px solid var(--co-color-borders);
  border-right-color: transparent;
  font-family: 'Open Sans WebFont', 'Helvetica Neue', Helvetica, sans-serif;
}
.co_tabpanel-list-tab:last-child {
  border-right-color: var(--co-color-borders);
}
.co_tabpanel[data-loading] .co_tabpanel-list-tab[data-open],
.co_tabpanel-list-tab[aria-selected=true],
.co_tabpanel-list-tab[aria-current='page'] {
  color: currentColor;
  background-color: var(--co-color-bg-primary);
  border-color: transparent;
  font-weight: 700;
}
.co_tabpanel[data-loading] .co_tabpanel-list-tab[data-open]:before,
.co_tabpanel-list-tab[aria-selected=true]:before,
.co_tabpanel-list-tab[aria-current='page']:before {
  content: '';
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  pointer-events: none;
  background: currentColor;
  width: 3px;
}
.co_tabpanel-list-tab[aria-disabled=true] {
  cursor: not-allowed;
  pointer-events: none;
  background: var(--co-color-borders);
  color: hsla(var(--co-color-base-h), var(--co-color-base-s), var(--co-color-base-l), .5);
}
.co_tabpanel-body {
  flex-grow: 1;
}
.co_tabpanel[data-loading] .co_tabpanel-body:not([data-open]),
.co_tabpanel-body[aria-hidden=true] {
  display: none;
}
.co_tabpanel.co_box {
  border-width: 0;
}
.co_tabpanel.co_box > .co_tabpanel-list :first-child {
  border-radius: 0.5rem 0 0 0;
}
.co_tabpanel.co_box > .co_tabpanel-list :last-child {
  border-radius: 0 0.5rem 0 0;
}
.co_tabpanel-list {
  color: #44638a;
  color: var(--co-color-theme);
}
:root,
[data-theme=light],
[data-theme] [data-theme=light] {
  --co-footer-color: #0b4892;
  --co-footer-color-foreground: #9cbee7;
}
[data-theme=dark],
[data-theme] [data-theme=dark] {
  --co-footer-color: #4dadff;
  --co-footer-color-foreground: #cae2f6;
}
.co_footerbar {
  padding: 0.1875rem 1.5rem;
  font-family: 'Open Sans WebFont', 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.6875rem;
  text-transform: uppercase;
  clear: both;
  width: 100%;
  min-height: 1.875rem;
  border-top: 3px solid #9cbee7;
  border-top: 3px solid var(--co-footer-color-foreground);
  background-color: #0b4892;
  background-color: var(--co-footer-color);
  color: #9cbee7;
  color: var(--co-footer-color-foreground);
}
.co_footerbar:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.co_footerbar a {
  color: #e7e7e7;
  color: var(--co-color-fade);
}
.co_footerbar a:hover {
  text-decoration: underline;
}
/* footer */
.co_footerbar {
  --co-footer-color: var(--co-color-theme);
  --co-footer-color-foreground: var(--co-color-theme-foreground);
}
.co_footerbar a {
  color: #333;
  color: var(--co-color-base);
}
.co_symbols {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #c7d0dc;
  border-bottom: 1px solid var(--co-color-theme-borders);
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.375rem;
  align-items: stretch;
  justify-content: flex-start;
}
.co_symbols-item {
  width: 8em;
  margin: 0 0.375rem 0.75rem;
}
.co_symbols-group {
  clear: both;
  float: none;
  margin: 1em 0 2em;
  width: 100%;
}
.co_symbols-group-title {
  padding: 0 0 0.75rem;
  margin: 0 0 0.75rem 0;
  font-weight: bold;
  font-size: 1.4em;
  border-bottom: 1px solid #c7d0dc;
  border-bottom: 1px solid var(--co-color-theme-borders);
}
.co_colors {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.375rem;
  align-items: stretch;
  justify-content: flex-start;
}
.co_colors-item {
  width: 14em;
  margin: 0 0.375rem 0.75rem;
}
.co_header {
  padding: 3rem 0rem 2.25rem;
  background-color: #2f3c4c;
  background-color: var(--co-color-theme-bg);
  color: #fff;
  color: var(--co-color-max);
}
.co_header a {
  color: inherit;
  text-decoration: underline;
}
.co_header a:hover {
  text-decoration: none;
}
.co_header-title {
  padding: 0 0 0.25em;
  margin: 0 auto;
  font-weight: normal;
  font-size: 4.8em;
  color: #fff;
  color: var(--co-color-max);
  line-height: 1;
}
.co_header-title strong {
  font-size: 0.25em;
  color: inherit;
}
.co_intro {
  padding: 1.5rem 0rem;
}
.co_symbol {
  padding: 0.25em;
  margin: 0;
  border-radius: 0.25em;
  text-align: center;
}
.co_symbol-demo {
  display: block;
  padding: 0;
  margin-bottom: 0.25em;
}
.co_symbol-name {
  display: block;
  border-radius: 0.25em;
  padding: 0.25em;
  background-color: #f1f1f1;
  background-color: var(--co-color-bg-base);
  color: #000;
  color: var(--co-color-min);
}
.co_color {
  padding: 0.25em;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.co_color-demo {
  width: 100%;
  height: 6em;
  margin-bottom: 0.25em;
  border-radius: 0.25em;
}
.co_color-caption {
  display: block;
  border-radius: 0.25em;
  flex: 1;
  margin-top: 0;
  background-color: #f1f1f1;
  background-color: var(--co-color-bg-base);
  color: #000;
  color: var(--co-color-min);
  text-align: center;
  padding: 0.25em;
}
.co_color-name {
  display: block;
  margin-bottom: 0.25em;
}
.co_color-hex {
  display: block;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #44638a;
  color: var(--co-color-theme-text);
}
.co_markup pre,
.co_home pre,
.co_subsection pre,
.co_intro pre {
  padding: 0;
  margin: 0 0 1rem;
  border-radius: 0.25em;
  border: 1px solid #c7d0dc;
  border: 1px solid var(--co-color-theme-borders);
  background-color: #fff;
  background-color: var(--co-color-max);
  font-size: 1em;
  line-height: 1.2;
  overflow: hidden;
}
.co_markup pre code,
.co_home pre code,
.co_subsection pre code,
.co_intro pre code {
  display: block;
  white-space: pre;
  overflow-x: auto;
  background: #2b2b2b;
  color: #f8f8f2;
  padding: 1em;
}
.co_wrapper {
  padding-top: 3rem /* menu button height */;
}
@media screen and (min-width: 60em) {
  .co_wrapper {
    padding-top: 0;
    padding-left: 15rem;
  }
}
.co_page {
  background-color: #f1f1f1;
  background-color: var(--co-color-bg-base);
  color: #333;
  color: var(--co-color-base);
  position: relative;
  z-index: 1;
}
.co_wrap {
  padding: 0rem 1.5rem;
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
}
/* trigger sidebar */
.co_navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  color: #fff;
  color: var(--co-color-max);
  background-color: #2f3c4c;
  background-color: var(--co-color-theme-bg);
}
.co_navbar-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3rem;
}
.co_navbar-layout > * {
  flex: 0 0 auto;
}
.co_navbar-menuButton {
  background-color: transparent;
}
.co_navbar-menuButton svg {
  fill: #fff;
  fill: var(--co-color-max);
}
.co_navbar-animated {
  transition: all 0.15s ease-in-out;
}
.co_navbar-pinned {
  transform: translateY(0%);
}
.co_navbar-unpinned {
  transform: translateY(-100%);
}
@media screen and (min-width: 60em) {
  .co_navbar {
    display: none;
  }
}
/* sidebar */
.co_sidebar {
  position: fixed;
  z-index: 20;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding-left: 0;
  width: 15rem;
  color: #333;
  color: var(--co-color-base);
  background-color: #fff;
  background-color: var(--co-color-bg-secondary);
  box-shadow: 2px 0px 4px -2px rgba(0,0,0,0.2);
  overflow: hidden;
  transition: transform 0.2s;
}
.co_sidebar:hover {
  overflow-y: auto;
}
@media not screen and (min-width: 60em) {
  .co_sidebar {
    transform: translateX(-100%);
  }
  .co_sidebar-open {
    transform: translateX(0);
    overflow-y: auto;
  }
}
.co_sidebar ul {
  margin: 0;
  padding: 0;
}
.co_sidebar li {
  list-style: none;
}
.co_sidebar a {
  display: block;
  padding: 0.75em 1.5em;
  background-color: hsla(0, 0%, 0%, 0);
  background-color: hsla(0, 0%, var(--co-light-min), 0);
  transition: background-color 0.3s;
}
.co_sidebar a:hover {
  background-color: hsla(0, 0%, 0%, .1);
  background-color: hsla(0, 0%, var(--co-light-min), .1);
}
.co_sidebar-children {
  padding-left: 0;
  display: none;
}
.co_sidebar-children li a {
  padding-left: 3em;
}
.co_sidebar-active > a {
  color: #c36;
  color: var(--co-color-highlight);
}
.co_sidebar-active ul {
  display: block;
}
.co_sidebar-brand a {
  position: relative;
  height: calc(3.75rem + 1.5em) /* logo height + vertical paddings */;
}
.co_sidebar-brand a:hover {
  background-color: transparent;
}
.co_sidebar-brand svg {
  position: absolute;
  left: 5.625rem /* sidebar width / 2 - logo width / 2 AVOID % here, otherwise it will cause the logo to blink when the scrollbar appears */;
  width: 3.75rem;
  height: 3.75rem;
  fill: #44638a;
  fill: var(--co-color-theme-text);
}
/* overlay */
.co_overlay {
  display: block;
  position: fixed;
  z-index: 15;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.8);
  opacity: 1;
  transition: opacity 0.2s;
}
.co_overlay[aria-hidden=true] {
  display: none;
  opacity: 0;
}
.co_overlay > button {
  position: absolute;
  top: 1em;
  left: calc(1em + 15rem) /* 1em margin + sidebar width */;
  background-color: transparent;
  color: #fff;
  color: var(--co-color-max);
  font-size: 2em;
  line-height: 1;
}
/* section */
.co_section-depth-2 {
  padding-top: 4.5rem;
}
.co_section-depth-3 {
  padding-top: 3rem;
}
.co_section-depth-4 {
  padding-top: 1.5rem;
}
.co_section-h1,
.co_section-h2,
.co_section-h3,
.co_section-h4,
.co_section-h5,
.co_section-h6 {
  padding: 0 0 0.421875rem;
  margin: 0 auto;
  font-weight: normal;
  color: #000;
  color: var(--co-color-min);
}
.co_section-h1 a,
.co_section-h2 a,
.co_section-h3 a,
.co_section-h4 a,
.co_section-h5 a,
.co_section-h6 a {
  color: inherit;
}
.co_section-h1 a:hover,
.co_section-h2 a:hover,
.co_section-h3 a:hover,
.co_section-h4 a:hover,
.co_section-h5 a:hover,
.co_section-h6 a:hover {
  color: #44638a;
  color: var(--co-color-theme-text);
}
.co_section-h1 a:hover strong,
.co_section-h2 a:hover strong,
.co_section-h3 a:hover strong,
.co_section-h4 a:hover strong,
.co_section-h5 a:hover strong,
.co_section-h6 a:hover strong {
  color: inherit;
}
.co_section-h2 {
  margin-top: 0;
  margin-bottom: 1.6875rem;
  border-bottom: 1px solid #c7d0dc;
  border-bottom: 1px solid var(--co-color-theme-borders);
  font-size: 3.5rem;
  line-height: 4.21875rem;
  color: #44638a;
  color: var(--co-color-theme-text);
}
.co_section-h3 {
  font-size: 2.125rem;
  line-height: 2.53125rem;
}
.co_section-h4 {
  font-size: 1.75rem;
  line-height: 2.53125rem;
}
.co_section-ref {
  display: block;
  color: hsla(0, 0%, 0%, .5);
  color: hsla(0, 0%, var(--co-light-min), .5);
  font-size: 0.75rem;
  line-height: 1.6875rem;
  text-transform: uppercase;
}
.co_section-ref:before {
  content: 'section ';
}
/* homepage */
.co_home {
  padding-top: 4.5rem;
  color: #333;
  color: var(--co-color-base);
}
.co_home h1,
.co_home h2,
.co_home h3,
.co_home h4,
.co_home h5,
.co_home h6 {
  padding: 0 0 0.421875rem;
  margin: 0 auto;
  font-weight: normal;
  color: #000;
  color: var(--co-color-min);
}
.co_home h1 a,
.co_home h2 a,
.co_home h3 a,
.co_home h4 a,
.co_home h5 a,
.co_home h6 a {
  color: inherit;
}
.co_home h1 a:hover,
.co_home h2 a:hover,
.co_home h3 a:hover,
.co_home h4 a:hover,
.co_home h5 a:hover,
.co_home h6 a:hover {
  color: #44638a;
  color: var(--co-color-theme-text);
}
.co_home h1 a:hover strong,
.co_home h2 a:hover strong,
.co_home h3 a:hover strong,
.co_home h4 a:hover strong,
.co_home h5 a:hover strong,
.co_home h6 a:hover strong {
  color: inherit;
}
.co_home h1 {
  margin-top: 0;
  margin-bottom: 1em;
  border-bottom: 1px solid #c7d0dc;
  border-bottom: 1px solid var(--co-color-theme-borders);
  font-size: 3.5rem;
  line-height: 4.21875rem;
  color: #44638a;
  color: var(--co-color-theme-text);
}
.co_home h2 {
  font-size: 2.125rem;
  line-height: 2.53125rem;
}
.co_home p,
.co_home ul {
  margin: 0;
  padding-bottom: 1.6875rem;
}
.co_home hr {
  margin-bottom: 1.6875rem;
}
/* subsection */
.co_subsection {
  padding: 0.375rem 0rem;
}
.co_subsection-title {
  color: #333;
  color: var(--co-color-base);
  font-weight: bold;
  margin: 0;
}
@media screen and (min-width: 48em) {
  .co_subsection-title {
    padding-right: 1.5rem;
    text-align: right;
  }
}
.co_subsection-content {
  color: #333;
  color: var(--co-color-base);
  margin: 0;
}
.co_subsection-content > p,
.co_subsection-content > ul {
  margin: 0;
  padding-bottom: 1.6875rem;
}
.co_subsection-content > p a,
.co_subsection-content > ul a {
  text-decoration: underline;
}
.co_subsection-content > ul > li {
  margin-left: 1em;
}
.co_subsection-content p > code {
  padding: 0.05em 0.25em;
  background-color: hsla(0, 0%, 0%, .1);
  background-color: hsla(0, 0%, var(--co-light-min), .1);
  color: #c36;
  color: var(--co-color-highlight);
}
.co_subsection-demo {
  padding-bottom: 0.375rem;
  border-bottom: 1px solid #c7d0dc;
  border-bottom: 1px solid var(--co-color-theme-borders);
}
.co_subsection-expand {
  cursor: pointer;
}
/* modifier */
.co_modifier > p {
  padding-bottom: 0;
}
/* table */
.co_table {
  width: 100%;
  background-color: #fff;
  background-color: var(--co-color-max);
}
.co_table thead tr {
  background-color: #44638a;
  background-color: var(--co-color-theme);
}
.co_table tbody tr:nth-child(2n + 1) {
  background-color: hsla(0, 0%, 100%, .2);
  background-color: hsla(0, 0%, var(--co-light-max), .2);
}
/* grid & list examples */
.co_grid-demo,
.co_list-demo {
  padding-bottom: 2em;
}
.co_grid-demo [class^=g-col-]:empty:before,
.co_list-demo [class^=g-col-]:empty:before,
.co_grid-demo-item:empty:before,
.co_list-demo-item:empty:before {
  content: attr(class);
  display: block;
  padding: 1em;
  border: 1px solid #f1f1f1;
  border: 1px solid var(--co-color-bg-base);
  background-color: #44638a;
  background-color: var(--co-color-theme);
  color: var(--co-color-theme--foreground);
  text-align: center;
}
/* markup */
.co_markup {
  position: relative;
}
.co_markup pre {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 0;
  border: 0;
}
/* source */
.co_source {
  color: #c36;
  color: var(--co-color-highlight);
  font-size: 0.9em;
}
.co_align-center {
  text-align: center;
}
.co_align-left {
  text-align: left;
}
.co_align-right {
  text-align: right;
}
.co_align-justify {
  text-align: justify;
}
.co_float-left {
  float: left !important;
}
.co_float-right {
  float: right !important;
}
.co_clear {
  clear: both;
}
.co_clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.co_inline {
  display: inline;
}
.co_inline > li {
  display: inline;
}
.co_inline-block {
  display: inline-block;
}
.co_d-flex {
  display: flex;
}
.co_d-iFlex {
  display: inline-flex;
}
.co_flx0 {
  flex: 0;
}
.co_flx1 {
  flex: 1;
}
.co_flx2 {
  flex: 2;
}
.co_flx3 {
  flex: 3;
}
.co_fd-row {
  flex-direction: row;
}
.co_fd-rowRev {
  flex-direction: row-reverse;
}
.co_fd-col {
  flex-direction: column;
}
.co_fd-colRev {
  flex-direction: column-reverse;
}
.co_ff-row {
  flex-flow: row;
}
.co_ff-rowRev {
  flex-flow: row-reverse;
}
.co_ff-col {
  flex-flow: column;
}
.co_ff-colRev {
  flex-flow: column-reverse;
}
.co_ff-wrap {
  flex-flow: wrap;
}
.co_ff-wrapRev {
  flex-flow: wrap-reverse;
}
.co_ff-nowrap {
  flex-flow: nowrap;
}
.co_fw-wrap {
  flex-wrap: wrap;
}
.co_fw-nowrap {
  flex-wrap: nowrap;
}
.co_fw-wrapRev {
  flex-wrap: wrap-reverse;
}
.co_jc-fStart {
  justify-content: flex-start;
}
.co_jc-fEnd {
  justify-content: flex-end;
}
.co_jc-cntr {
  justify-content: center;
}
.co_jc-sAround {
  justify-content: space-arouund;
}
.co_jc-sBetw {
  justify-content: space-between;
}
.co_jc-str {
  justify-content: stretch;
}
.co_ai-fStart {
  align-items: flex-start;
}
.co_ai-fEnd {
  align-items: flex-end;
}
.co_ai-cntr {
  align-items: center;
}
.co_ai-sAround {
  align-items: space-arouund;
}
.co_ai-sBetw {
  align-items: space-between;
}
.co_ai-str {
  align-items: stretch;
}
.co_hidden {
  display: none;
}
.co_vsb-hidden {
  visibility: hidden;
}
.co_full-width,
.co_responsive {
  display: block;
  width: 100%;
  height: auto;
}
.co_btd {
  border-top: 1px dashed var(--co-color-borders);
}
.co_brd {
  border-right: 1px dashed var(--co-color-borders);
}
.co_bbd {
  border-bottom: 1px dashed var(--co-color-borders);
}
.co_bld {
  border-left: 1px dashed var(--co-color-borders);
}
.co_bts {
  border-top: 1px solid var(--co-color-borders);
}
.co_brs {
  border-right: 1px solid var(--co-color-borders);
}
.co_bbs {
  border-bottom: 1px solid var(--co-color-borders);
}
.co_bls {
  border-left: 1px solid var(--co-color-borders);
}
.co_mask {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
}
/* Set a few default helpers */
.co_pa0 {
  padding: 0rem;
}
.co_pt0 {
  padding-top: 0rem;
}
.co_pr0 {
  padding-right: 0rem;
}
.co_pb0 {
  padding-bottom: 0rem;
}
.co_pl0 {
  padding-left: 0rem;
}
.co_ma0 {
  margin: 0rem;
}
.co_mt0 {
  margin-top: 0rem;
}
.co_mr0 {
  margin-right: 0rem;
}
.co_mb0 {
  margin-bottom: 0rem;
}
.co_ml0 {
  margin-left: 0rem;
}
.co_pa1 {
  padding: 0.75rem;
}
.co_pt1 {
  padding-top: 0.75rem;
}
.co_pr1 {
  padding-right: 0.75rem;
}
.co_pb1 {
  padding-bottom: 0.75rem;
}
.co_pl1 {
  padding-left: 0.75rem;
}
.co_ma1 {
  margin: 0.75rem;
}
.co_mt1 {
  margin-top: 0.75rem;
}
.co_mr1 {
  margin-right: 0.75rem;
}
.co_mb1 {
  margin-bottom: 0.75rem;
}
.co_ml1 {
  margin-left: 0.75rem;
}
.co_pa2 {
  padding: 1.5rem;
}
.co_pt2 {
  padding-top: 1.5rem;
}
.co_pr2 {
  padding-right: 1.5rem;
}
.co_pb2 {
  padding-bottom: 1.5rem;
}
.co_pl2 {
  padding-left: 1.5rem;
}
.co_ma2 {
  margin: 1.5rem;
}
.co_mt2 {
  margin-top: 1.5rem;
}
.co_mr2 {
  margin-right: 1.5rem;
}
.co_mb2 {
  margin-bottom: 1.5rem;
}
.co_ml2 {
  margin-left: 1.5rem;
}
.co_pa3 {
  padding: 2.25rem;
}
.co_pt3 {
  padding-top: 2.25rem;
}
.co_pr3 {
  padding-right: 2.25rem;
}
.co_pb3 {
  padding-bottom: 2.25rem;
}
.co_pl3 {
  padding-left: 2.25rem;
}
.co_ma3 {
  margin: 2.25rem;
}
.co_mt3 {
  margin-top: 2.25rem;
}
.co_mr3 {
  margin-right: 2.25rem;
}
.co_mb3 {
  margin-bottom: 2.25rem;
}
.co_ml3 {
  margin-left: 2.25rem;
}
.co_pa4 {
  padding: 3rem;
}
.co_pt4 {
  padding-top: 3rem;
}
.co_pr4 {
  padding-right: 3rem;
}
.co_pb4 {
  padding-bottom: 3rem;
}
.co_pl4 {
  padding-left: 3rem;
}
.co_ma4 {
  margin: 3rem;
}
.co_mt4 {
  margin-top: 3rem;
}
.co_mr4 {
  margin-right: 3rem;
}
.co_mb4 {
  margin-bottom: 3rem;
}
.co_ml4 {
  margin-left: 3rem;
}
.co_pa5 {
  padding: 3.75rem;
}
.co_pt5 {
  padding-top: 3.75rem;
}
.co_pr5 {
  padding-right: 3.75rem;
}
.co_pb5 {
  padding-bottom: 3.75rem;
}
.co_pl5 {
  padding-left: 3.75rem;
}
.co_ma5 {
  margin: 3.75rem;
}
.co_mt5 {
  margin-top: 3.75rem;
}
.co_mr5 {
  margin-right: 3.75rem;
}
.co_mb5 {
  margin-bottom: 3.75rem;
}
.co_ml5 {
  margin-left: 3.75rem;
}
.co_pa6 {
  padding: 4.5rem;
}
.co_pt6 {
  padding-top: 4.5rem;
}
.co_pr6 {
  padding-right: 4.5rem;
}
.co_pb6 {
  padding-bottom: 4.5rem;
}
.co_pl6 {
  padding-left: 4.5rem;
}
.co_ma6 {
  margin: 4.5rem;
}
.co_mt6 {
  margin-top: 4.5rem;
}
.co_mr6 {
  margin-right: 4.5rem;
}
.co_mb6 {
  margin-bottom: 4.5rem;
}
.co_ml6 {
  margin-left: 4.5rem;
}
.co_bold {
  font-weight: bold;
}
.co_italic {
  font-style: italic;
}
.co_uppercase {
  text-transform: uppercase;
}
.co_lowercase {
  text-transform: lowercase;
}
.co_font-secondary {
  font-family: 'Open Sans WebFont', 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.6875rem;
  text-transform: uppercase;
}
.hljs-comment,
.hljs-quote {
  color: #d4d0ab;
}
.hljs-variable,
.hljs-template-variable,
.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-deletion {
  color: #ffa07a;
}
.hljs-number,
.hljs-built_in,
.hljs-builtin-name,
.hljs-literal,
.hljs-type,
.hljs-params,
.hljs-meta,
.hljs-link {
  color: #f5ab35;
}
.hljs-attribute {
  color: #ffd700;
}
.hljs-string,
.hljs-symbol,
.hljs-bullet,
.hljs-addition {
  color: #abe338;
}
.hljs-title,
.hljs-section {
  color: #00e0e0;
}
.hljs-keyword,
.hljs-selector-tag {
  color: #dcc6e0;
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: bold;
}
@media screen and (-ms-high-contrast: active) {
  .hljs-addition,
  .hljs-attribute,
  .hljs-built_in,
  .hljs-builtin-name,
  .hljs-bullet,
  .hljs-comment,
  .hljs-link,
  .hljs-literal,
  .hljs-meta,
  .hljs-number,
  .hljs-params,
  .hljs-string,
  .hljs-symbol,
  .hljs-type,
  .hljs-quote {
    color: highlight;
  }
  .hljs-keyword,
  .hljs-selector-tag {
    font-weight: bold;
  }
}


/*# sourceMappingURL=kss.min.css.map*/