@charset "UTF-8";
/*** COLOR CODES 3 **/
/**
 * arches - Global style system focused on utility classes
 * @version v5.0.0
 * @link https://github.com/ACC-Style/Arches/
 */
/**  Build Comment: including file /setup/__preheader.scss  **/
/** SCSS DOC: _preheader.scss **/
/** SCSS DOC: _helpers.scss **/
/** SCSS DOC: _utility-css.vars.scss **/
/**  Build Comment: This Style Sheet should only be used as an augmenting stylesheet  **/
/**  Build Comment: Set Active Class  **/
/**  No Brands Are Used for small project that need to be included with a larger base style sheet.    *********************************/
/**  Colors  **/
/** SCSS DOC: __brand.none.scss **/
/** SCSS DOC: _colors.scss **/
/** Setting link color variables in scss **/
/*

Link Colors

Link colors in plain html and in `reading-typography` in all of its states, default, hover, visited.

Weight:0

Styleguide: DesignBase.Colors.Links
 */
/*

Link Colors: Light Background

Description:
Link colors of a lighter shade in all of its states, default, hover, visited. Typically used to enhance visibility on light backgrounds.

$link-color-dark--hover 						- #051F1A; Link Color dark--hover
$link-color-dark   									- #126657; Link Color dark
$link-color-dark--visited						- #42665F; Link Color dark--visited

MarkupWrapperClasses: bg_shade-4  p_3 p_4:lg

Weight:1

Styleguide: DesignBase.Colors.Links.LightBackground
 */
/*

Link Colors: Dark Background

Description:
Link colors of a lighter shade in all of its states, default, hover, visited. Typically used to enhance visibility on dark backgrounds.

$link-color-light--hover 							- #E8FBF8; Link Color light--hover
$link-color-light   									- #8CEBDA; Link Color light
$link-color-light--visited						- #84AFA7; Link Color light--visited

MarkupWrapperClasses: bg_shade-n4 p_3 p_4:lg

Weight:1

Styleguide: DesignBase.Colors.Links.DarkBackground
 */
/**  Build Comment: Start with No Branding 5.0.0 This is for an augmenting color sheets that don't require a brand  **/
/** SCSS DOC: __var.output.scss **/
/** This needs to run later then brand **/
/** SCSS DOC: _setup.none.scss **/
/*

Pathway Version 3

Each of the clinical pathways has a distinctive color.  These colors are used to give a distinct theme to our clinical apps, marketing, pdf's and tools.

$pathwayV3-arr                          - #c73d53; Cardiac Arrhythmias (arr)
$pathwayV3-prev                         - #9f1d51; Cardiovascular Disease Prevention (prev)
$pathwayV3-chd                          - #006838; Congenital Heart Disease (chd)
$pathwayV3-invt                         - #b2c83a; Coronary Peripheral and Structural Interventions (invt)
$pathwayV3-hf                           - #935ca6; Heart Failure and Cardiomyopathies (hf)
$pathwayV3-ischem                       - #0c4166; Ischemic Heart Disease (ischem)
$pathwayV3-imag                         - #fdb913; Multimodal Imaging (imag)
$pathwayV3-pulmvd                       - #d50e7e; Pulmonary Vascular Disease (pulmvd)
$pathwayV3-special                      - #00b6f1; Special Topics (special)
$pathwayV3-vasc                         - #f15a29; Vascular Disease (vasc)
$pathwayV3-valv                         - #400d49; Valvular Disease (valv)


  Weight: 1

  Styleguide Pathway

*/
/*

arr

Font, Border and Background Colors using arr

<h3>Border Color `br_arr-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_arr-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_arr-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_arr-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_arr-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_arr-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_arr-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_arr-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_arr-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_arr-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_arr-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_arr-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_arr-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_arr-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_arr-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_arr-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_arr-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_arr-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_arr-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_arr-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_arr-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_arr-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_arr-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_arr-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_arr-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_arr-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_arr-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_arr-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_arr-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_arr-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_arr-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_arr-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_arr-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_arr-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_arr-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_arr-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide Pathway.arr
*/
/*

prev

Font, Border and Background Colors using prev

<h3>Border Color `br_prev-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_prev-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_prev-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_prev-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_prev-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_prev-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_prev-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_prev-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_prev-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_prev-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_prev-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_prev-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_prev-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_prev-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_prev-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_prev-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_prev-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_prev-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_prev-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_prev-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_prev-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_prev-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_prev-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_prev-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_prev-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_prev-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_prev-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_prev-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_prev-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_prev-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_prev-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_prev-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_prev-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_prev-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_prev-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_prev-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide Pathway.prev
*/
/*

chd

Font, Border and Background Colors using chd

<h3>Border Color `br_chd-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_chd-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_chd-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_chd-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_chd-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_chd-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_chd-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_chd-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_chd-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_chd-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_chd-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_chd-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_chd-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_chd-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_chd-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_chd-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_chd-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_chd-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_chd-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_chd-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_chd-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_chd-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_chd-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_chd-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_chd-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_chd-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_chd-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_chd-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_chd-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_chd-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_chd-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_chd-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_chd-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_chd-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_chd-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_chd-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide Pathway.chd
*/
/*

invt

Font, Border and Background Colors using invt

<h3>Border Color `br_invt-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_invt-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_invt-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_invt-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_invt-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_invt-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_invt-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_invt-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_invt-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_invt-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_invt-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_invt-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_invt-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_invt-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_invt-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_invt-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_invt-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_invt-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_invt-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_invt-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_invt-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_invt-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_invt-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_invt-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_invt-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_invt-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_invt-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_invt-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_invt-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_invt-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_invt-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_invt-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_invt-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_invt-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_invt-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_invt-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide Pathway.invt
*/
/*

hf

Font, Border and Background Colors using hf

<h3>Border Color `br_hf-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_hf-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_hf-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_hf-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_hf-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_hf-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_hf-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_hf-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_hf-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_hf-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_hf-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_hf-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_hf-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_hf-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_hf-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_hf-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_hf-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_hf-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_hf-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_hf-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_hf-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_hf-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_hf-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_hf-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_hf-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_hf-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_hf-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_hf-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_hf-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_hf-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_hf-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_hf-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_hf-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_hf-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_hf-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_hf-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide Pathway.hf
*/
/*

ischem

Font, Border and Background Colors using ischem

<h3>Border Color `br_ischem-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_ischem-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_ischem-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_ischem-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_ischem-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_ischem-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_ischem-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_ischem-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_ischem-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_ischem-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_ischem-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_ischem-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_ischem-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_ischem-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_ischem-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_ischem-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_ischem-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_ischem-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_ischem-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_ischem-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_ischem-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_ischem-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_ischem-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_ischem-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_ischem-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_ischem-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_ischem-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_ischem-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_ischem-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_ischem-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_ischem-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_ischem-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_ischem-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_ischem-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_ischem-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_ischem-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide Pathway.ischem
*/
/*

imag

Font, Border and Background Colors using imag

<h3>Border Color `br_imag-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_imag-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_imag-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_imag-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_imag-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_imag-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_imag-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_imag-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_imag-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_imag-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_imag-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_imag-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_imag-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_imag-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_imag-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_imag-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_imag-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_imag-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_imag-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_imag-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_imag-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_imag-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_imag-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_imag-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_imag-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_imag-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_imag-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_imag-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_imag-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_imag-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_imag-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_imag-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_imag-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_imag-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_imag-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_imag-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide Pathway.imag
*/
/*

pulmvd

Font, Border and Background Colors using pulmvd

<h3>Border Color `br_pulmvd-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_pulmvd-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_pulmvd-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_pulmvd-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_pulmvd-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_pulmvd-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_pulmvd-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_pulmvd-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_pulmvd-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_pulmvd-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_pulmvd-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_pulmvd-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_pulmvd-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_pulmvd-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_pulmvd-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_pulmvd-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_pulmvd-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_pulmvd-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_pulmvd-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_pulmvd-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_pulmvd-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_pulmvd-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_pulmvd-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_pulmvd-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_pulmvd-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_pulmvd-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_pulmvd-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_pulmvd-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_pulmvd-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_pulmvd-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_pulmvd-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_pulmvd-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_pulmvd-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_pulmvd-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_pulmvd-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_pulmvd-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide Pathway.pulmvd
*/
/*

special

Font, Border and Background Colors using special

<h3>Border Color `br_special-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_special-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_special-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_special-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_special-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_special-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_special-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_special-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_special-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_special-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_special-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_special-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_special-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_special-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_special-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_special-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_special-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_special-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_special-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_special-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_special-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_special-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_special-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_special-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_special-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_special-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_special-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_special-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_special-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_special-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_special-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_special-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_special-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_special-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_special-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_special-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide Pathway.special
*/
/*

vasc

Font, Border and Background Colors using vasc

<h3>Border Color `br_vasc-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_vasc-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_vasc-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_vasc-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_vasc-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_vasc-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_vasc-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_vasc-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_vasc-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_vasc-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_vasc-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_vasc-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_vasc-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_vasc-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_vasc-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_vasc-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_vasc-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_vasc-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_vasc-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_vasc-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_vasc-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_vasc-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_vasc-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_vasc-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_vasc-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_vasc-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_vasc-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_vasc-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_vasc-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_vasc-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_vasc-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_vasc-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_vasc-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_vasc-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_vasc-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_vasc-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide Pathway.vasc
*/
/*

valv

Font, Border and Background Colors using valv

<h3>Border Color `br_valv-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_valv-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_valv-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_valv-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_valv-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_valv-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_valv-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_valv-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_valv-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_valv-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_valv-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_valv-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_valv-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_valv-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_valv-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_valv-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_valv-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_valv-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_valv-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_valv-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_valv-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_valv-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_valv-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_valv-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_valv-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_valv-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_valv-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_valv-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_valv-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_valv-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_valv-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_valv-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_valv-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_valv-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_valv-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_valv-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide Pathway.valv
*/
/*

DEPRECATED

Color codes retained for legacy support are stored in DEPRECATED and should not be used in future developments; instead, any project updates must adopt the latest color codes from the Arches Design System.

Weight: 9999

Styleguide DEPRECATED

*/
/*

DEPRECATED: Pathway V2

<div>Each of the clinical pathways has a distinctive color.  These colors are used to give a distinct theme to our clinical apps, marketing, pdf's and tools.<strong class="c_alert">These colors and labels are no longer the most updated version.  Please use Pathway Colors V3 for all future development.</strong></div>

$pathwayV2-invt                                  - #c8b02f;  Interventional  and Structural (INVT) 
$pathwayV2-pchd                                  - #fdb918;  Pediatric and Congenital Heart Disease (PCHD)
$pathwayV2-imag                                  - #947b33;  Multimodality Imaging (IMAG) 
$pathwayV2-vasc                                  - #ae171c;  Vascular Medicine (VASC)
$pathwayV2-pulmvd                                - #d60e7e;  Pulmonary Vascular Disease (PULMVD) 
$pathwayV2-valv                                  - #4f4190;  Valvular Heart Disease (VALV)
$pathwayV2-ep                                    - #005b37;  Electrophysiology (EP)
$pathwayV2-ischem                                - #0f3e65;  Ischemic Heart Disease (ISCHEM)
$pathwayV2-special                               - #00b6f1;  Specialty Topics (SPECIAL)
$pathwayV2-prev                                  - #a01d51;  Prevention and Health Promotion (PREV)
$pathwayV2-hf                                    - #410d49;  Heart Failure and Cardiomyopathies (HF)

Weight: 0

Styleguide DEPRECATED.Pathway.Colors_V2.Base

*/
/*

DEPRECATED: invt

Font, Border and Background Colors using invt

<h3>Border Color `br_invt-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_invt-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_invt-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_invt-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_invt-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_invt-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_invt-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_invt-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_invt-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_invt-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_invt-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_invt-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_invt-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_invt-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_invt-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_invt-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_invt-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_invt-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_invt-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_invt-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_invt-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_invt-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_invt-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_invt-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_invt-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_invt-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_invt-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_invt-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_invt-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_invt-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_invt-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_invt-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_invt-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_invt-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_invt-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_invt-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V2.invt
*/
/*

DEPRECATED: pchd

Font, Border and Background Colors using pchd

<h3>Border Color `br_pchd-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_pchd-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_pchd-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_pchd-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_pchd-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_pchd-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_pchd-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_pchd-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_pchd-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_pchd-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_pchd-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_pchd-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_pchd-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_pchd-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_pchd-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_pchd-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_pchd-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_pchd-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_pchd-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_pchd-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_pchd-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_pchd-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_pchd-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_pchd-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_pchd-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_pchd-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_pchd-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_pchd-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_pchd-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_pchd-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_pchd-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_pchd-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_pchd-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_pchd-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_pchd-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_pchd-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V2.pchd
*/
/*

DEPRECATED: imag

Font, Border and Background Colors using imag

<h3>Border Color `br_imag-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_imag-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_imag-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_imag-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_imag-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_imag-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_imag-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_imag-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_imag-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_imag-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_imag-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_imag-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_imag-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_imag-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_imag-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_imag-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_imag-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_imag-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_imag-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_imag-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_imag-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_imag-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_imag-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_imag-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_imag-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_imag-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_imag-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_imag-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_imag-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_imag-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_imag-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_imag-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_imag-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_imag-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_imag-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_imag-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V2.imag
*/
/*

DEPRECATED: vasc

Font, Border and Background Colors using vasc

<h3>Border Color `br_vasc-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_vasc-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_vasc-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_vasc-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_vasc-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_vasc-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_vasc-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_vasc-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_vasc-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_vasc-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_vasc-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_vasc-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_vasc-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_vasc-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_vasc-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_vasc-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_vasc-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_vasc-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_vasc-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_vasc-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_vasc-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_vasc-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_vasc-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_vasc-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_vasc-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_vasc-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_vasc-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_vasc-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_vasc-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_vasc-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_vasc-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_vasc-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_vasc-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_vasc-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_vasc-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_vasc-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V2.vasc
*/
/*

DEPRECATED: pulmvd

Font, Border and Background Colors using pulmvd

<h3>Border Color `br_pulmvd-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_pulmvd-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_pulmvd-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_pulmvd-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_pulmvd-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_pulmvd-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_pulmvd-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_pulmvd-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_pulmvd-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_pulmvd-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_pulmvd-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_pulmvd-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_pulmvd-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_pulmvd-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_pulmvd-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_pulmvd-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_pulmvd-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_pulmvd-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_pulmvd-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_pulmvd-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_pulmvd-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_pulmvd-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_pulmvd-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_pulmvd-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_pulmvd-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_pulmvd-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_pulmvd-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_pulmvd-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_pulmvd-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_pulmvd-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_pulmvd-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_pulmvd-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_pulmvd-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_pulmvd-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_pulmvd-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_pulmvd-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V2.pulmvd
*/
/*

DEPRECATED: prev

Font, Border and Background Colors using prev

<h3>Border Color `br_prev-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_prev-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_prev-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_prev-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_prev-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_prev-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_prev-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_prev-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_prev-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_prev-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_prev-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_prev-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_prev-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_prev-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_prev-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_prev-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_prev-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_prev-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_prev-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_prev-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_prev-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_prev-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_prev-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_prev-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_prev-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_prev-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_prev-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_prev-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_prev-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_prev-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_prev-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_prev-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_prev-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_prev-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_prev-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_prev-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V2.prev
*/
/*

DEPRECATED: hf

Font, Border and Background Colors using hf

<h3>Border Color `br_hf-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_hf-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_hf-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_hf-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_hf-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_hf-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_hf-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_hf-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_hf-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_hf-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_hf-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_hf-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_hf-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_hf-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_hf-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_hf-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_hf-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_hf-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_hf-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_hf-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_hf-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_hf-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_hf-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_hf-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_hf-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_hf-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_hf-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_hf-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_hf-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_hf-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_hf-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_hf-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_hf-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_hf-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_hf-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_hf-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V2.hf
*/
/*

DEPRECATED: valv

Font, Border and Background Colors using valv

<h3>Border Color `br_valv-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_valv-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_valv-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_valv-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_valv-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_valv-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_valv-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_valv-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_valv-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_valv-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_valv-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_valv-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_valv-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_valv-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_valv-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_valv-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_valv-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_valv-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_valv-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_valv-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_valv-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_valv-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_valv-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_valv-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_valv-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_valv-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_valv-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_valv-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_valv-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_valv-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_valv-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_valv-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_valv-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_valv-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_valv-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_valv-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V2.valv
*/
/*

DEPRECATED: ep

Font, Border and Background Colors using ep

<h3>Border Color `br_ep-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_ep-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_ep-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_ep-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_ep-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_ep-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_ep-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_ep-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_ep-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_ep-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_ep-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_ep-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_ep-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_ep-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_ep-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_ep-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_ep-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_ep-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_ep-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_ep-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_ep-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_ep-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_ep-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_ep-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_ep-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_ep-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_ep-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_ep-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_ep-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_ep-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_ep-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_ep-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_ep-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_ep-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_ep-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_ep-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V2.ep
*/
/*

DEPRECATED: ischem

Font, Border and Background Colors using ischem

<h3>Border Color `br_ischem-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_ischem-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_ischem-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_ischem-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_ischem-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_ischem-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_ischem-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_ischem-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_ischem-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_ischem-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_ischem-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_ischem-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_ischem-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_ischem-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_ischem-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_ischem-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_ischem-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_ischem-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_ischem-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_ischem-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_ischem-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_ischem-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_ischem-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_ischem-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_ischem-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_ischem-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_ischem-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_ischem-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_ischem-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_ischem-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_ischem-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_ischem-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_ischem-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_ischem-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_ischem-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_ischem-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V2.ischem
*/
/*

DEPRECATED: special

Font, Border and Background Colors using special

<h3>Border Color `br_special-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_special-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_special-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_special-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_special-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_special-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_special-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_special-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_special-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_special-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_special-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_special-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_special-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_special-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_special-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_special-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_special-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_special-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_special-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_special-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_special-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_special-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_special-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_special-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_special-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_special-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_special-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_special-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_special-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_special-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_special-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_special-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_special-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_special-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_special-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_special-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V2.special
*/
/*

Deprecated:  Pathway 


<div>Each of the clinical pathways has a distinctive color.  These colors are used to give a distinct theme to our clinical apps, marketing, pdf's and tools.<strong class="c_alert">These colors and labels are no longer the most updated version.  Please use Pathway Colors V3 for all future development.</strong></div>

$pathway-acute-coronary-syndromes 						- #009974;  Acute Coronary Syndromes
$pathway-arrhythmias-EP 								- #005b37;  arrhythmias and Clinical EP
$pathway-congenital-heart-disease 						- #fdb918;  Congenital Heart Disease
$pathway-ecg-stress-test 								- #d9691f;  Standard ECG, Stress Test
$pathway-heart-failure 									- #410d49;  Heart Failure and Cardiomyopathies
$pathway-invasive-cardiology 							- #c8b02f;  Invasive Cardiology Angiography and Intervention
$pathway-noninvasive-cardiology 						- #947b33;  Noninvasive Cardiology
$pathway-pandemic 										- #8e2582;  Pandemic "Covid"
$pathway-pericardial 									- #0079ad;  pericardial Disease
$pathway-prevention 									- #a01d51;  Prevention
$pathway-pulmonary-hypertension 						- #d60e7e;  Pulmonary Hypertension and Venous Thromboembolic Disease
$pathway-special 										- #00b6f1;  Special
$pathway-stable-ischemic-heart-disease 				    - #0f3e65;  Stable ischemic Heart Disease
$pathway-valvular-heart-disease 						- #4f4190;  Valvular Heart Disease
$pathway-vascular-medicine 								- #ae171c;  Vascular Medicine

Weight: 0

Styleguide DEPRECATED.Pathway.Colors_V1.Base

*/
/*

Deprecated: invasive

Font, Border and Background Colors using invasive

<h3>Border Color `br_invasive-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_invasive-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_invasive-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_invasive-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_invasive-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_invasive-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_invasive-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_invasive-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_invasive-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_invasive-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_invasive-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_invasive-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_invasive-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_invasive-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_invasive-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_invasive-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_invasive-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_invasive-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_invasive-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_invasive-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_invasive-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_invasive-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_invasive-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_invasive-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_invasive-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_invasive-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_invasive-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_invasive-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_invasive-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_invasive-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_invasive-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_invasive-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_invasive-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_invasive-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_invasive-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_invasive-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.invasive
*/
/*

Deprecated: congenital

Font, Border and Background Colors using congenital

<h3>Border Color `br_congenital-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_congenital-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_congenital-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_congenital-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_congenital-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_congenital-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_congenital-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_congenital-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_congenital-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_congenital-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_congenital-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_congenital-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_congenital-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_congenital-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_congenital-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_congenital-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_congenital-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_congenital-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_congenital-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_congenital-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_congenital-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_congenital-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_congenital-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_congenital-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_congenital-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_congenital-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_congenital-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_congenital-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_congenital-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_congenital-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_congenital-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_congenital-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_congenital-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_congenital-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_congenital-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_congenital-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.congenital
*/
/*

Deprecated: noninvasive

Font, Border and Background Colors using noninvasive

<h3>Border Color `br_noninvasive-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_noninvasive-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_noninvasive-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_noninvasive-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_noninvasive-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_noninvasive-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_noninvasive-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_noninvasive-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_noninvasive-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_noninvasive-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_noninvasive-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_noninvasive-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_noninvasive-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_noninvasive-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_noninvasive-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_noninvasive-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_noninvasive-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_noninvasive-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_noninvasive-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_noninvasive-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_noninvasive-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_noninvasive-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_noninvasive-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_noninvasive-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_noninvasive-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_noninvasive-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_noninvasive-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_noninvasive-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_noninvasive-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_noninvasive-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_noninvasive-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_noninvasive-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_noninvasive-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_noninvasive-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_noninvasive-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_noninvasive-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.noninvasive
*/
/*

Deprecated: ecg

Font, Border and Background Colors using ecg

<h3>Border Color `br_ecg-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_ecg-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_ecg-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_ecg-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_ecg-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_ecg-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_ecg-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_ecg-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_ecg-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_ecg-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_ecg-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_ecg-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_ecg-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_ecg-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_ecg-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_ecg-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_ecg-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_ecg-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_ecg-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_ecg-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_ecg-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_ecg-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_ecg-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_ecg-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_ecg-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_ecg-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_ecg-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_ecg-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_ecg-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_ecg-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_ecg-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_ecg-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_ecg-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_ecg-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_ecg-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_ecg-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.ecg
*/
/*

Deprecated: vascular

Font, Border and Background Colors using vascular

<h3>Border Color `br_vascular-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_vascular-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_vascular-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_vascular-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_vascular-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_vascular-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_vascular-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_vascular-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_vascular-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_vascular-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_vascular-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_vascular-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_vascular-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_vascular-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_vascular-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_vascular-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_vascular-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_vascular-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_vascular-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_vascular-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_vascular-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_vascular-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_vascular-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_vascular-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_vascular-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_vascular-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_vascular-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_vascular-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_vascular-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_vascular-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_vascular-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_vascular-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_vascular-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_vascular-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_vascular-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_vascular-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.vascular
*/
/*

Deprecated: pulmonary

Font, Border and Background Colors using pulmonary

<h3>Border Color `br_pulmonary-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_pulmonary-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_pulmonary-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_pulmonary-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_pulmonary-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_pulmonary-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_pulmonary-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_pulmonary-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_pulmonary-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_pulmonary-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_pulmonary-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_pulmonary-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_pulmonary-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_pulmonary-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_pulmonary-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_pulmonary-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_pulmonary-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_pulmonary-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_pulmonary-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_pulmonary-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_pulmonary-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_pulmonary-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_pulmonary-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_pulmonary-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_pulmonary-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_pulmonary-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_pulmonary-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_pulmonary-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_pulmonary-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_pulmonary-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_pulmonary-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_pulmonary-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_pulmonary-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_pulmonary-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_pulmonary-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_pulmonary-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.pulmonary
*/
/*

Deprecated: prevention

Font, Border and Background Colors using prevention

<h3>Border Color `br_prevention-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_prevention-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_prevention-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_prevention-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_prevention-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_prevention-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_prevention-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_prevention-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_prevention-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_prevention-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_prevention-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_prevention-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_prevention-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_prevention-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_prevention-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_prevention-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_prevention-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_prevention-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_prevention-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_prevention-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_prevention-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_prevention-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_prevention-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_prevention-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_prevention-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_prevention-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_prevention-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_prevention-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_prevention-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_prevention-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_prevention-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_prevention-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_prevention-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_prevention-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_prevention-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_prevention-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.prevention
*/
/*

Deprecated: hf

Font, Border and Background Colors using hf

<h3>Border Color `br_hf-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_hf-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_hf-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_hf-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_hf-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_hf-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_hf-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_hf-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_hf-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_hf-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_hf-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_hf-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_hf-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_hf-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_hf-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_hf-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_hf-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_hf-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_hf-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_hf-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_hf-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_hf-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_hf-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_hf-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_hf-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_hf-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_hf-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_hf-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_hf-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_hf-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_hf-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_hf-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_hf-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_hf-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_hf-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_hf-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.hf
*/
/*

Deprecated: valvular

Font, Border and Background Colors using valvular

<h3>Border Color `br_valvular-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_valvular-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_valvular-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_valvular-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_valvular-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_valvular-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_valvular-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_valvular-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_valvular-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_valvular-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_valvular-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_valvular-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_valvular-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_valvular-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_valvular-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_valvular-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_valvular-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_valvular-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_valvular-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_valvular-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_valvular-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_valvular-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_valvular-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_valvular-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_valvular-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_valvular-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_valvular-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_valvular-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_valvular-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_valvular-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_valvular-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_valvular-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_valvular-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_valvular-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_valvular-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_valvular-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.valvular
*/
/*

Deprecated: arrhythmias

Font, Border and Background Colors using arrhythmias

<h3>Border Color `br_arrhythmias-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_arrhythmias-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_arrhythmias-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_arrhythmias-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_arrhythmias-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_arrhythmias-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_arrhythmias-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_arrhythmias-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_arrhythmias-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_arrhythmias-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_arrhythmias-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_arrhythmias-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_arrhythmias-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_arrhythmias-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_arrhythmias-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_arrhythmias-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_arrhythmias-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_arrhythmias-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_arrhythmias-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_arrhythmias-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_arrhythmias-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_arrhythmias-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_arrhythmias-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_arrhythmias-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_arrhythmias-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_arrhythmias-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_arrhythmias-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_arrhythmias-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_arrhythmias-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_arrhythmias-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_arrhythmias-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_arrhythmias-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_arrhythmias-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_arrhythmias-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_arrhythmias-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_arrhythmias-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.arrhythmias
*/
/*

Deprecated: pericardial

Font, Border and Background Colors using pericardial

<h3>Border Color `br_pericardial-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_pericardial-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_pericardial-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_pericardial-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_pericardial-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_pericardial-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_pericardial-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_pericardial-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_pericardial-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_pericardial-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_pericardial-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_pericardial-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_pericardial-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_pericardial-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_pericardial-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_pericardial-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_pericardial-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_pericardial-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_pericardial-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_pericardial-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_pericardial-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_pericardial-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_pericardial-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_pericardial-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_pericardial-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_pericardial-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_pericardial-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_pericardial-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_pericardial-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_pericardial-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_pericardial-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_pericardial-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_pericardial-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_pericardial-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_pericardial-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_pericardial-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.pericardial
*/
/*

Deprecated: acute

Font, Border and Background Colors using acute

<h3>Border Color `br_acute-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_acute-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_acute-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_acute-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_acute-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_acute-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_acute-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_acute-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_acute-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_acute-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_acute-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_acute-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_acute-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_acute-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_acute-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_acute-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_acute-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_acute-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_acute-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_acute-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_acute-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_acute-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_acute-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_acute-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_acute-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_acute-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_acute-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_acute-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_acute-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_acute-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_acute-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_acute-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_acute-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_acute-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_acute-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_acute-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.acute
*/
/*

Deprecated: ischemic

Font, Border and Background Colors using ischemic

<h3>Border Color `br_ischemic-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_ischemic-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_ischemic-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_ischemic-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_ischemic-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_ischemic-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_ischemic-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_ischemic-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_ischemic-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_ischemic-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_ischemic-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_ischemic-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_ischemic-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_ischemic-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_ischemic-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_ischemic-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_ischemic-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_ischemic-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_ischemic-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_ischemic-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_ischemic-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_ischemic-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_ischemic-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_ischemic-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_ischemic-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_ischemic-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_ischemic-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_ischemic-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_ischemic-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_ischemic-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_ischemic-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_ischemic-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_ischemic-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_ischemic-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_ischemic-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_ischemic-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.ischemic
*/
/*

Deprecated: special

Font, Border and Background Colors using special

<h3>Border Color `br_special-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_special-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_special-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_special-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_special-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_special-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_special-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_special-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_special-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_special-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_special-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_special-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_special-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_special-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_special-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_special-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_special-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_special-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_special-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_special-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_special-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_special-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_special-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_special-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_special-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_special-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_special-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_special-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_special-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_special-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_special-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_special-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_special-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_special-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_special-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_special-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.special
*/
/*

Deprecated: pandemic

Font, Border and Background Colors using pandemic

<h3>Border Color `br_pandemic-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_pandemic-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_pandemic-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_pandemic-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_pandemic-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_pandemic-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_pandemic-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_pandemic-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_pandemic-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_pandemic-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_pandemic-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_pandemic-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_pandemic-x`</h3>
<div class="flex">
  <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
  <div class="bg_pandemic-5 flex_auto text_center p_2 p-y_5">5</div>
  <div class="bg_pandemic-4 flex_auto text_center p_2 p-y_5">4</div>
  <div class="bg_pandemic-3 flex_auto text_center p_2 p-y_5">3</div>
  <div class="bg_pandemic-2 flex_auto text_center p_2 p-y_5">2</div>
  <div class="bg_pandemic-1 flex_auto text_center c_white p_2 p-y_5">1</div>
  <div class="bg_pandemic-0 flex_auto text_center c_white p_2 p-y_5">0</div>
  <div class="bg_pandemic-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
  <div class="bg_pandemic-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
  <div class="bg_pandemic-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
  <div class="bg_pandemic-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
  <div class="bg_pandemic-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
  <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_pandemic-x`</h3>
<div class="font_2  bg_shade-3">
  <div class="c_pandemic-5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 5 of the font color.</div>
  <div class="c_pandemic-4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 4 of the font color.</div>
  <div class="c_pandemic-3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 3 of the font color.</div>
  <div class="c_pandemic-2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 2 of the font color.</div>
  <div class="c_pandemic-1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 1 of the font color.</div>
  <div class="c_pandemic-0 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level 0 of the font color.</div>
  <div class="c_pandemic-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n1 of the font color.</div>
  <div class="c_pandemic-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n2 of the font color.</div>
  <div class="c_pandemic-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n3 of the font color.</div>
  <div class="c_pandemic-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n4 of the font color.</div>
  <div class="c_pandemic-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2 ">modified level n5 of the font color.</div>
</div>

Weight: 10

Styleguide DEPRECATED.Pathway.Colors_V1.pandemic
*/
/*

COR 

(COR) Class of Recommendation is a color collect used in Guideline recommendations. 

$cor-green                 	- #6fc284; I
$cor-yellow              	- #ffd44f; IIA
$cor-yellow-orange          - #faa74b; IIA
$cor-orange               	- #f15d4c;III and III-NoHarm
$cor-red               		- #ed1c00; III-harm

Weight: 2030

Styleguide COR Colors

 */
/*

cor-I

Font, Border and Background Colors using cor-I. There are no color variations to both LOE and COR.

<div class="flex flex_row:md flex_column font_ui p_3 bg_shade-5">
    <div class="p_4 flex_auto">
    <h3>Border Color `br_cor-I`</h3>
        <div class="br_cor-I br_solid text_center br_3 c_black flex_auto bg_white"> Border Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Background Color `bg_cor-I`</h3>
        <div class="bg_cor-I flex_auto text_center c_white p_2 p-y_5"> Background Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Font Color `c_cor-I`</h3>
        <div class="c_cor-I text_left br_solid br_0 br-b_1 br_white-3 font_display font_2 font_bold p_5 p-y_2"> font color </div>
    </div>
</div>


Styleguide COR Colors.cor-I
*/
/*

cor-IIA

Font, Border and Background Colors using cor-IIA. There are no color variations to both LOE and COR.

<div class="flex flex_row:md flex_column font_ui p_3 bg_shade-5">
    <div class="p_4 flex_auto">
    <h3>Border Color `br_cor-IIA`</h3>
        <div class="br_cor-IIA br_solid text_center br_3 c_black flex_auto bg_white"> Border Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Background Color `bg_cor-IIA`</h3>
        <div class="bg_cor-IIA flex_auto text_center c_white p_2 p-y_5"> Background Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Font Color `c_cor-IIA`</h3>
        <div class="c_cor-IIA text_left br_solid br_0 br-b_1 br_white-3 font_display font_2 font_bold p_5 p-y_2"> font color </div>
    </div>
</div>


Styleguide COR Colors.cor-IIA
*/
/*

cor-IIB

Font, Border and Background Colors using cor-IIB. There are no color variations to both LOE and COR.

<div class="flex flex_row:md flex_column font_ui p_3 bg_shade-5">
    <div class="p_4 flex_auto">
    <h3>Border Color `br_cor-IIB`</h3>
        <div class="br_cor-IIB br_solid text_center br_3 c_black flex_auto bg_white"> Border Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Background Color `bg_cor-IIB`</h3>
        <div class="bg_cor-IIB flex_auto text_center c_white p_2 p-y_5"> Background Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Font Color `c_cor-IIB`</h3>
        <div class="c_cor-IIB text_left br_solid br_0 br-b_1 br_white-3 font_display font_2 font_bold p_5 p-y_2"> font color </div>
    </div>
</div>


Styleguide COR Colors.cor-IIB
*/
/*

cor-III

Font, Border and Background Colors using cor-III. There are no color variations to both LOE and COR.

<div class="flex flex_row:md flex_column font_ui p_3 bg_shade-5">
    <div class="p_4 flex_auto">
    <h3>Border Color `br_cor-III`</h3>
        <div class="br_cor-III br_solid text_center br_3 c_black flex_auto bg_white"> Border Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Background Color `bg_cor-III`</h3>
        <div class="bg_cor-III flex_auto text_center c_white p_2 p-y_5"> Background Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Font Color `c_cor-III`</h3>
        <div class="c_cor-III text_left br_solid br_0 br-b_1 br_white-3 font_display font_2 font_bold p_5 p-y_2"> font color </div>
    </div>
</div>


Styleguide COR Colors.cor-III
*/
/*

cor-III-NOBENIFIT

Font, Border and Background Colors using cor-III-NOBENIFIT. There are no color variations to both LOE and COR.

<div class="flex flex_row:md flex_column font_ui p_3 bg_shade-5">
    <div class="p_4 flex_auto">
    <h3>Border Color `br_cor-III-NOBENIFIT`</h3>
        <div class="br_cor-III-NOBENIFIT br_solid text_center br_3 c_black flex_auto bg_white"> Border Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Background Color `bg_cor-III-NOBENIFIT`</h3>
        <div class="bg_cor-III-NOBENIFIT flex_auto text_center c_white p_2 p-y_5"> Background Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Font Color `c_cor-III-NOBENIFIT`</h3>
        <div class="c_cor-III-NOBENIFIT text_left br_solid br_0 br-b_1 br_white-3 font_display font_2 font_bold p_5 p-y_2"> font color </div>
    </div>
</div>


Styleguide COR Colors.cor-III-NOBENIFIT
*/
/*

cor-III-HARM

Font, Border and Background Colors using cor-III-HARM. There are no color variations to both LOE and COR.

<div class="flex flex_row:md flex_column font_ui p_3 bg_shade-5">
    <div class="p_4 flex_auto">
    <h3>Border Color `br_cor-III-HARM`</h3>
        <div class="br_cor-III-HARM br_solid text_center br_3 c_black flex_auto bg_white"> Border Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Background Color `bg_cor-III-HARM`</h3>
        <div class="bg_cor-III-HARM flex_auto text_center c_white p_2 p-y_5"> Background Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Font Color `c_cor-III-HARM`</h3>
        <div class="c_cor-III-HARM text_left br_solid br_0 br-b_1 br_white-3 font_display font_2 font_bold p_5 p-y_2"> font color </div>
    </div>
</div>


Styleguide COR Colors.cor-III-HARM
*/
/*

cor-III-4

Font, Border and Background Colors using cor-III-4. There are no color variations to both LOE and COR.

<div class="flex flex_row:md flex_column font_ui p_3 bg_shade-5">
    <div class="p_4 flex_auto">
    <h3>Border Color `br_cor-III-4`</h3>
        <div class="br_cor-III-4 br_solid text_center br_3 c_black flex_auto bg_white"> Border Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Background Color `bg_cor-III-4`</h3>
        <div class="bg_cor-III-4 flex_auto text_center c_white p_2 p-y_5"> Background Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Font Color `c_cor-III-4`</h3>
        <div class="c_cor-III-4 text_left br_solid br_0 br-b_1 br_white-3 font_display font_2 font_bold p_5 p-y_2"> font color </div>
    </div>
</div>


Styleguide COR Colors.cor-III-4
*/
/*

LOE 

(LOE) level of Evedence is a color collect used in Guideline recomendations. 

$loe-dark-blue                 	- rgb(62, 111, 183);LOE A
$loe-mid-blue              		- rgb(101, 156, 211);LOE B-R
$loe-light-blue                	- rgb(161, 193, 230);LOE B-NR
$loe-pale-blue                	- rgb(181, 213, 229); LOE C

Weight: 2020

Styleguide LOE Colors
 */
/*

loe-A

Font, Border and Background Colors using loe-A.  There are no color variations to both LOE and COR.


<div class="flex flex_row:md flex_column font_ui p_3 bg_shade-5">
    <div class="p_4 flex_auto">
    <h3>Border Color `br_loe-A`</h3>
        <div class="br_loe-A br_solid text_center br_3 c_black flex_auto bg_white"> Border Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Background Color `bg_loe-A`</h3>
        <div class="bg_loe-A flex_auto text_center c_white p_2 p-y_5"> Background Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Font Color `c_loe-A`</h3>
        <div class="c_loe-A text_left br_solid br_0 br-b_1 br_white-3 font_display font_2 font_bold p_5 p-y_2"> font color </div>
    </div>
</div>


Styleguide LOE Colors.loe-A
*/
/*

loe-B-NR

Font, Border and Background Colors using loe-B-NR.  There are no color variations to both LOE and COR.


<div class="flex flex_row:md flex_column font_ui p_3 bg_shade-5">
    <div class="p_4 flex_auto">
    <h3>Border Color `br_loe-B-NR`</h3>
        <div class="br_loe-B-NR br_solid text_center br_3 c_black flex_auto bg_white"> Border Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Background Color `bg_loe-B-NR`</h3>
        <div class="bg_loe-B-NR flex_auto text_center c_white p_2 p-y_5"> Background Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Font Color `c_loe-B-NR`</h3>
        <div class="c_loe-B-NR text_left br_solid br_0 br-b_1 br_white-3 font_display font_2 font_bold p_5 p-y_2"> font color </div>
    </div>
</div>


Styleguide LOE Colors.loe-B-NR
*/
/*

loe-B-BR

Font, Border and Background Colors using loe-B-BR.  There are no color variations to both LOE and COR.


<div class="flex flex_row:md flex_column font_ui p_3 bg_shade-5">
    <div class="p_4 flex_auto">
    <h3>Border Color `br_loe-B-BR`</h3>
        <div class="br_loe-B-BR br_solid text_center br_3 c_black flex_auto bg_white"> Border Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Background Color `bg_loe-B-BR`</h3>
        <div class="bg_loe-B-BR flex_auto text_center c_white p_2 p-y_5"> Background Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Font Color `c_loe-B-BR`</h3>
        <div class="c_loe-B-BR text_left br_solid br_0 br-b_1 br_white-3 font_display font_2 font_bold p_5 p-y_2"> font color </div>
    </div>
</div>


Styleguide LOE Colors.loe-B-BR
*/
/*

loe-C-LD

Font, Border and Background Colors using loe-C-LD.  There are no color variations to both LOE and COR.


<div class="flex flex_row:md flex_column font_ui p_3 bg_shade-5">
    <div class="p_4 flex_auto">
    <h3>Border Color `br_loe-C-LD`</h3>
        <div class="br_loe-C-LD br_solid text_center br_3 c_black flex_auto bg_white"> Border Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Background Color `bg_loe-C-LD`</h3>
        <div class="bg_loe-C-LD flex_auto text_center c_white p_2 p-y_5"> Background Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Font Color `c_loe-C-LD`</h3>
        <div class="c_loe-C-LD text_left br_solid br_0 br-b_1 br_white-3 font_display font_2 font_bold p_5 p-y_2"> font color </div>
    </div>
</div>


Styleguide LOE Colors.loe-C-LD
*/
/*

loe-C-EO

Font, Border and Background Colors using loe-C-EO.  There are no color variations to both LOE and COR.


<div class="flex flex_row:md flex_column font_ui p_3 bg_shade-5">
    <div class="p_4 flex_auto">
    <h3>Border Color `br_loe-C-EO`</h3>
        <div class="br_loe-C-EO br_solid text_center br_3 c_black flex_auto bg_white"> Border Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Background Color `bg_loe-C-EO`</h3>
        <div class="bg_loe-C-EO flex_auto text_center c_white p_2 p-y_5"> Background Color </div>
    </div>
    <div class="p_4 flex_auto">
        <h3>Font Color `c_loe-C-EO`</h3>
        <div class="c_loe-C-EO text_left br_solid br_0 br-b_1 br_white-3 font_display font_2 font_bold p_5 p-y_2"> font color </div>
    </div>
</div>


Styleguide LOE Colors.loe-C-EO
*/
/*

Credit 

Credit Type Color codes in the ACC have a specific color coding.

$credit-AANP                    - #2667b2; AANP: American Academy of Nurse Practitioners (AANP)
$credit-AAPA                    - #e8c536; AAPA: American Academy of Physician Assistants (AAPA) Category 1 CME Credit  
$credit-ABP                     - #007a5b; ABP: American Board of Pediatrics   
$credit-ABPMOCII                - #0b6d4c; ABP-MOC 2: American Board of Pediatrics MOC 2  
$credit-ABPMOCIV                - #105a3b; ABP-MOC 4: American Board of Pediatrics MOC 4 
$credit-ATCEU                   - #775744; ATCEU: Athletic Trainer Continuing Education Unit   
$credit-CE                      - #a8a8a8; CE: Continuing CCA\Tech Education  
$credit-CME                     - #00a15b; CME: AMA PRA Category 1TM Credit(s)    
$credit-CNE                     - #198dae; CNE: Continuing Nurse Education  
$credit-CNErx                   - #52549e; CNErx: Continuing Nursing Education Pharmaceutical   
$credit-COP                     - #775891; COP: Certificate of Participation  
$credit-CPE                     - #992e2e; CPE: Continuing Pharmacy Education 
$credit-ECME                    - #d16528; ECME: European Board for Accreditation in Cardiology (EBAC) External CME Credit
$credit-IPCE                    - #6c36b3; IPCE: Interprofessional Continuing Education Credit
$credit-MOC                     - #9a1267; MOC: ABIM MOC  
$credit-MOCII                   - #9a1267; MOC II: ABIM MOC Part II  
$credit-MOCIV                   - #d3248d; MOC IV: ABIM MOC Part IV   
$credit-ACHE                    - #9733a5; ACHE: American College of Healthcare Education

Weight: 2000

Styleguide Credit Colors

*/
/*

AANP

Font, Border and Background Colors using AANP

<h3>Border Color `br_AANP-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_AANP-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_AANP-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_AANP-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_AANP-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_AANP-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_AANP-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_AANP-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_AANP-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_AANP-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_AANP-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_AANP-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_AANP-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_AANP-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_AANP-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_AANP-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_AANP-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_AANP-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_AANP-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_AANP-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_AANP-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_AANP-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_AANP-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_AANP-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_AANP-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_AANP-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_AANP-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_AANP-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_AANP-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_AANP-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_AANP-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_AANP-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_AANP-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_AANP-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_AANP-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_AANP-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.AANP
*/
/*

AAPA

Font, Border and Background Colors using AAPA

<h3>Border Color `br_AAPA-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_AAPA-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_AAPA-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_AAPA-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_AAPA-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_AAPA-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_AAPA-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_AAPA-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_AAPA-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_AAPA-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_AAPA-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_AAPA-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_AAPA-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_AAPA-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_AAPA-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_AAPA-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_AAPA-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_AAPA-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_AAPA-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_AAPA-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_AAPA-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_AAPA-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_AAPA-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_AAPA-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_AAPA-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_AAPA-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_AAPA-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_AAPA-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_AAPA-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_AAPA-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_AAPA-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_AAPA-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_AAPA-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_AAPA-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_AAPA-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_AAPA-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.AAPA
*/
/*

ABP

Font, Border and Background Colors using ABP

<h3>Border Color `br_ABP-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_ABP-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_ABP-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_ABP-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_ABP-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_ABP-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_ABP-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_ABP-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_ABP-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_ABP-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_ABP-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_ABP-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_ABP-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_ABP-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_ABP-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_ABP-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_ABP-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_ABP-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_ABP-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_ABP-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_ABP-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_ABP-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_ABP-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_ABP-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_ABP-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_ABP-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_ABP-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_ABP-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_ABP-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_ABP-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_ABP-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_ABP-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_ABP-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_ABP-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_ABP-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_ABP-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.ABP
*/
/*

ABPMOCII

Font, Border and Background Colors using ABPMOCII

<h3>Border Color `br_ABPMOCII-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_ABPMOCII-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_ABPMOCII-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_ABPMOCII-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_ABPMOCII-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_ABPMOCII-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_ABPMOCII-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_ABPMOCII-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_ABPMOCII-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_ABPMOCII-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_ABPMOCII-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_ABPMOCII-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_ABPMOCII-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_ABPMOCII-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_ABPMOCII-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_ABPMOCII-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_ABPMOCII-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_ABPMOCII-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_ABPMOCII-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_ABPMOCII-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_ABPMOCII-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_ABPMOCII-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_ABPMOCII-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_ABPMOCII-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_ABPMOCII-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_ABPMOCII-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_ABPMOCII-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_ABPMOCII-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_ABPMOCII-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_ABPMOCII-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_ABPMOCII-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_ABPMOCII-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_ABPMOCII-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_ABPMOCII-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_ABPMOCII-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_ABPMOCII-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.ABPMOCII
*/
/*

ABPMOCIV

Font, Border and Background Colors using ABPMOCIV

<h3>Border Color `br_ABPMOCIV-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_ABPMOCIV-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_ABPMOCIV-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_ABPMOCIV-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_ABPMOCIV-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_ABPMOCIV-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_ABPMOCIV-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_ABPMOCIV-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_ABPMOCIV-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_ABPMOCIV-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_ABPMOCIV-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_ABPMOCIV-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_ABPMOCIV-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_ABPMOCIV-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_ABPMOCIV-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_ABPMOCIV-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_ABPMOCIV-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_ABPMOCIV-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_ABPMOCIV-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_ABPMOCIV-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_ABPMOCIV-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_ABPMOCIV-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_ABPMOCIV-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_ABPMOCIV-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_ABPMOCIV-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_ABPMOCIV-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_ABPMOCIV-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_ABPMOCIV-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_ABPMOCIV-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_ABPMOCIV-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_ABPMOCIV-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_ABPMOCIV-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_ABPMOCIV-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_ABPMOCIV-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_ABPMOCIV-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_ABPMOCIV-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.ABPMOCIV
*/
/*

ATCEU

Font, Border and Background Colors using ATCEU

<h3>Border Color `br_ATCEU-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_ATCEU-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_ATCEU-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_ATCEU-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_ATCEU-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_ATCEU-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_ATCEU-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_ATCEU-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_ATCEU-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_ATCEU-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_ATCEU-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_ATCEU-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_ATCEU-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_ATCEU-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_ATCEU-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_ATCEU-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_ATCEU-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_ATCEU-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_ATCEU-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_ATCEU-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_ATCEU-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_ATCEU-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_ATCEU-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_ATCEU-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_ATCEU-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_ATCEU-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_ATCEU-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_ATCEU-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_ATCEU-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_ATCEU-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_ATCEU-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_ATCEU-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_ATCEU-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_ATCEU-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_ATCEU-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_ATCEU-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.ATCEU
*/
/*

CE

Font, Border and Background Colors using CE

<h3>Border Color `br_CE-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_CE-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_CE-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_CE-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_CE-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_CE-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_CE-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_CE-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_CE-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_CE-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_CE-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_CE-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_CE-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_CE-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_CE-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_CE-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_CE-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_CE-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_CE-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_CE-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_CE-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_CE-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_CE-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_CE-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_CE-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_CE-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_CE-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_CE-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_CE-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_CE-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_CE-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_CE-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_CE-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_CE-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_CE-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_CE-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.CE
*/
/*

CME

Font, Border and Background Colors using CME

<h3>Border Color `br_CME-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_CME-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_CME-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_CME-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_CME-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_CME-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_CME-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_CME-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_CME-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_CME-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_CME-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_CME-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_CME-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_CME-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_CME-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_CME-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_CME-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_CME-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_CME-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_CME-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_CME-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_CME-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_CME-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_CME-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_CME-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_CME-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_CME-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_CME-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_CME-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_CME-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_CME-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_CME-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_CME-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_CME-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_CME-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_CME-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.CME
*/
/*

CNE

Font, Border and Background Colors using CNE

<h3>Border Color `br_CNE-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_CNE-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_CNE-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_CNE-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_CNE-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_CNE-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_CNE-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_CNE-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_CNE-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_CNE-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_CNE-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_CNE-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_CNE-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_CNE-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_CNE-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_CNE-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_CNE-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_CNE-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_CNE-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_CNE-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_CNE-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_CNE-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_CNE-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_CNE-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_CNE-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_CNE-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_CNE-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_CNE-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_CNE-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_CNE-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_CNE-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_CNE-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_CNE-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_CNE-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_CNE-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_CNE-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.CNE
*/
/*

CNErx

Font, Border and Background Colors using CNErx

<h3>Border Color `br_CNErx-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_CNErx-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_CNErx-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_CNErx-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_CNErx-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_CNErx-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_CNErx-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_CNErx-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_CNErx-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_CNErx-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_CNErx-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_CNErx-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_CNErx-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_CNErx-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_CNErx-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_CNErx-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_CNErx-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_CNErx-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_CNErx-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_CNErx-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_CNErx-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_CNErx-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_CNErx-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_CNErx-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_CNErx-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_CNErx-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_CNErx-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_CNErx-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_CNErx-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_CNErx-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_CNErx-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_CNErx-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_CNErx-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_CNErx-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_CNErx-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_CNErx-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.CNErx
*/
/*

COP

Font, Border and Background Colors using COP

<h3>Border Color `br_COP-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_COP-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_COP-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_COP-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_COP-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_COP-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_COP-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_COP-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_COP-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_COP-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_COP-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_COP-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_COP-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_COP-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_COP-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_COP-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_COP-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_COP-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_COP-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_COP-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_COP-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_COP-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_COP-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_COP-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_COP-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_COP-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_COP-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_COP-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_COP-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_COP-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_COP-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_COP-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_COP-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_COP-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_COP-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_COP-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.COP
*/
/*

CPE

Font, Border and Background Colors using CPE

<h3>Border Color `br_CPE-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_CPE-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_CPE-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_CPE-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_CPE-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_CPE-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_CPE-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_CPE-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_CPE-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_CPE-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_CPE-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_CPE-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_CPE-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_CPE-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_CPE-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_CPE-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_CPE-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_CPE-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_CPE-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_CPE-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_CPE-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_CPE-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_CPE-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_CPE-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_CPE-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_CPE-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_CPE-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_CPE-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_CPE-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_CPE-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_CPE-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_CPE-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_CPE-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_CPE-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_CPE-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_CPE-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.CPE
*/
/*

ECME

Font, Border and Background Colors using ECME

<h3>Border Color `br_ECME-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_ECME-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_ECME-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_ECME-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_ECME-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_ECME-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_ECME-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_ECME-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_ECME-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_ECME-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_ECME-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_ECME-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_ECME-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_ECME-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_ECME-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_ECME-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_ECME-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_ECME-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_ECME-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_ECME-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_ECME-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_ECME-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_ECME-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_ECME-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_ECME-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_ECME-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_ECME-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_ECME-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_ECME-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_ECME-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_ECME-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_ECME-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_ECME-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_ECME-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_ECME-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_ECME-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.ECME
*/
/*

IPCE

Font, Border and Background Colors using IPCE

<h3>Border Color `br_IPCE-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_IPCE-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_IPCE-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_IPCE-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_IPCE-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_IPCE-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_IPCE-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_IPCE-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_IPCE-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_IPCE-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_IPCE-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_IPCE-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_IPCE-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_IPCE-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_IPCE-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_IPCE-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_IPCE-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_IPCE-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_IPCE-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_IPCE-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_IPCE-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_IPCE-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_IPCE-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_IPCE-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_IPCE-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_IPCE-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_IPCE-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_IPCE-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_IPCE-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_IPCE-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_IPCE-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_IPCE-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_IPCE-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_IPCE-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_IPCE-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_IPCE-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.IPCE
*/
/*

MOC

Font, Border and Background Colors using MOC

<h3>Border Color `br_MOC-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_MOC-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_MOC-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_MOC-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_MOC-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_MOC-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_MOC-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_MOC-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_MOC-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_MOC-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_MOC-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_MOC-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_MOC-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_MOC-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_MOC-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_MOC-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_MOC-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_MOC-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_MOC-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_MOC-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_MOC-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_MOC-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_MOC-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_MOC-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_MOC-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_MOC-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_MOC-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_MOC-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_MOC-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_MOC-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_MOC-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_MOC-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_MOC-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_MOC-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_MOC-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_MOC-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.MOC
*/
/*

MOCII

Font, Border and Background Colors using MOCII

<h3>Border Color `br_MOCII-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_MOCII-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_MOCII-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_MOCII-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_MOCII-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_MOCII-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_MOCII-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_MOCII-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_MOCII-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_MOCII-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_MOCII-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_MOCII-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_MOCII-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_MOCII-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_MOCII-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_MOCII-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_MOCII-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_MOCII-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_MOCII-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_MOCII-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_MOCII-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_MOCII-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_MOCII-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_MOCII-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_MOCII-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_MOCII-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_MOCII-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_MOCII-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_MOCII-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_MOCII-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_MOCII-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_MOCII-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_MOCII-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_MOCII-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_MOCII-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_MOCII-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.MOCII
*/
/*

MOCIV

Font, Border and Background Colors using MOCIV

<h3>Border Color `br_MOCIV-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_MOCIV-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_MOCIV-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_MOCIV-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_MOCIV-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_MOCIV-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_MOCIV-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_MOCIV-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_MOCIV-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_MOCIV-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_MOCIV-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_MOCIV-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_MOCIV-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_MOCIV-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_MOCIV-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_MOCIV-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_MOCIV-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_MOCIV-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_MOCIV-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_MOCIV-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_MOCIV-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_MOCIV-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_MOCIV-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_MOCIV-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_MOCIV-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_MOCIV-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_MOCIV-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_MOCIV-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_MOCIV-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_MOCIV-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_MOCIV-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_MOCIV-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_MOCIV-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_MOCIV-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_MOCIV-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_MOCIV-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.MOCIV
*/
/*

ACHE

Font, Border and Background Colors using ACHE

<h3>Border Color `br_ACHE-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_ACHE-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_ACHE-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_ACHE-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_ACHE-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_ACHE-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_ACHE-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_ACHE-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_ACHE-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_ACHE-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_ACHE-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_ACHE-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_ACHE-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_ACHE-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_ACHE-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_ACHE-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_ACHE-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_ACHE-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_ACHE-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_ACHE-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_ACHE-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_ACHE-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_ACHE-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_ACHE-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_ACHE-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_ACHE-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_ACHE-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_ACHE-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_ACHE-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_ACHE-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_ACHE-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_ACHE-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_ACHE-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_ACHE-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_ACHE-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_ACHE-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Credit Colors.ACHE
*/
/*

Social Networks  

Each of the social networks has a distinctive color.  These colors are used to give a distinct theme to the social nav that is in different locations.

$twitter            -   #000000;  twitter     
$facebook           -   #3B5998;  facebook    
$linkedin           -   #0077B5;  linkedin    
$apple-store        -   #EA4CC0;  apple-store 
$google-play        -   #EF6C00;  google-play 
$youtube            -   #BB0000;  youtube     
$instagram          -   #8134AF;  instagram


Weight: 9000

Styleguide SocialColors
*/
/*

twitter

Font, Border and Background Colors using twitter Social colors have no need for Nuance so they only have a single color shade. 


<div class="flex flex_row:md flex_column font_ui">
	<div class="bg_twitter c_white flex flex_auto flex_column justify_center max-w_25 p_4">
    <div class="self_center text_center">
    <i class="fab fa-square-x-twitter font_10"></i>
    <span class="p-x_3 block">fa-square-x-twitter</span>
    </div>
    </div>
	<div class="flex_auto  p_3 bg_shade-5">
        <div class="bg_shade_3 flex flex_column gap-y_3">
            <div class="br_twitter br_solid text_center br_3 c_black flex_auto bg_white"> <span class="user-select-all">br_twitter</span> Border Color 
            </div>
            <div class="bg_twitter flex_auto text_center c_white p_2 p-y_5"><span class="user-select-all">bg_twitter</span> Background Color </div>
            <div class="c_twitter font_bold font_3 text_center br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2"><span class="user-select-all">c_twitter</span> font color </div>
        </div>	
	</div>
</div>

Styleguide SocialColors.twitter
*/
/*

facebook

Font, Border and Background Colors using facebook Social colors have no need for Nuance so they only have a single color shade. 


<div class="flex flex_row:md flex_column font_ui">
	<div class="bg_facebook c_white flex flex_auto flex_column justify_center max-w_25 p_4">
    <div class="self_center text_center">
    <i class="fab fa-facebook-square font_10"></i>
    <span class="p-x_3 block">fa-facebook-square</span>
    </div>
    </div>
	<div class="flex_auto  p_3 bg_shade-5">
        <div class="bg_shade_3 flex flex_column gap-y_3">
            <div class="br_facebook br_solid text_center br_3 c_black flex_auto bg_white"> <span class="user-select-all">br_facebook</span> Border Color 
            </div>
            <div class="bg_facebook flex_auto text_center c_white p_2 p-y_5"><span class="user-select-all">bg_facebook</span> Background Color </div>
            <div class="c_facebook font_bold font_3 text_center br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2"><span class="user-select-all">c_facebook</span> font color </div>
        </div>	
	</div>
</div>

Styleguide SocialColors.facebook
*/
/*

linkedin

Font, Border and Background Colors using linkedin Social colors have no need for Nuance so they only have a single color shade. 


<div class="flex flex_row:md flex_column font_ui">
	<div class="bg_linkedin c_white flex flex_auto flex_column justify_center max-w_25 p_4">
    <div class="self_center text_center">
    <i class="fab fa-linkedin font_10"></i>
    <span class="p-x_3 block">fa-linkedin</span>
    </div>
    </div>
	<div class="flex_auto  p_3 bg_shade-5">
        <div class="bg_shade_3 flex flex_column gap-y_3">
            <div class="br_linkedin br_solid text_center br_3 c_black flex_auto bg_white"> <span class="user-select-all">br_linkedin</span> Border Color 
            </div>
            <div class="bg_linkedin flex_auto text_center c_white p_2 p-y_5"><span class="user-select-all">bg_linkedin</span> Background Color </div>
            <div class="c_linkedin font_bold font_3 text_center br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2"><span class="user-select-all">c_linkedin</span> font color </div>
        </div>	
	</div>
</div>

Styleguide SocialColors.linkedin
*/
/*

apple-store

Font, Border and Background Colors using apple-store Social colors have no need for Nuance so they only have a single color shade. 


<div class="flex flex_row:md flex_column font_ui">
	<div class="bg_apple-store c_white flex flex_auto flex_column justify_center max-w_25 p_4">
    <div class="self_center text_center">
    <i class="fab fa-apple font_10"></i>
    <span class="p-x_3 block">fa-apple</span>
    </div>
    </div>
	<div class="flex_auto  p_3 bg_shade-5">
        <div class="bg_shade_3 flex flex_column gap-y_3">
            <div class="br_apple-store br_solid text_center br_3 c_black flex_auto bg_white"> <span class="user-select-all">br_apple-store</span> Border Color 
            </div>
            <div class="bg_apple-store flex_auto text_center c_white p_2 p-y_5"><span class="user-select-all">bg_apple-store</span> Background Color </div>
            <div class="c_apple-store font_bold font_3 text_center br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2"><span class="user-select-all">c_apple-store</span> font color </div>
        </div>	
	</div>
</div>

Styleguide SocialColors.apple-store
*/
/*

google-play

Font, Border and Background Colors using google-play Social colors have no need for Nuance so they only have a single color shade. 


<div class="flex flex_row:md flex_column font_ui">
	<div class="bg_google-play c_white flex flex_auto flex_column justify_center max-w_25 p_4">
    <div class="self_center text_center">
    <i class="fab fa-google-play font_10"></i>
    <span class="p-x_3 block">fa-google-play</span>
    </div>
    </div>
	<div class="flex_auto  p_3 bg_shade-5">
        <div class="bg_shade_3 flex flex_column gap-y_3">
            <div class="br_google-play br_solid text_center br_3 c_black flex_auto bg_white"> <span class="user-select-all">br_google-play</span> Border Color 
            </div>
            <div class="bg_google-play flex_auto text_center c_white p_2 p-y_5"><span class="user-select-all">bg_google-play</span> Background Color </div>
            <div class="c_google-play font_bold font_3 text_center br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2"><span class="user-select-all">c_google-play</span> font color </div>
        </div>	
	</div>
</div>

Styleguide SocialColors.google-play
*/
/*

youtube

Font, Border and Background Colors using youtube Social colors have no need for Nuance so they only have a single color shade. 


<div class="flex flex_row:md flex_column font_ui">
	<div class="bg_youtube c_white flex flex_auto flex_column justify_center max-w_25 p_4">
    <div class="self_center text_center">
    <i class="fab fa-youtube font_10"></i>
    <span class="p-x_3 block">fa-youtube</span>
    </div>
    </div>
	<div class="flex_auto  p_3 bg_shade-5">
        <div class="bg_shade_3 flex flex_column gap-y_3">
            <div class="br_youtube br_solid text_center br_3 c_black flex_auto bg_white"> <span class="user-select-all">br_youtube</span> Border Color 
            </div>
            <div class="bg_youtube flex_auto text_center c_white p_2 p-y_5"><span class="user-select-all">bg_youtube</span> Background Color </div>
            <div class="c_youtube font_bold font_3 text_center br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2"><span class="user-select-all">c_youtube</span> font color </div>
        </div>	
	</div>
</div>

Styleguide SocialColors.youtube
*/
/*

instagram

Font, Border and Background Colors using instagram Social colors have no need for Nuance so they only have a single color shade. 


<div class="flex flex_row:md flex_column font_ui">
	<div class="bg_instagram c_white flex flex_auto flex_column justify_center max-w_25 p_4">
    <div class="self_center text_center">
    <i class="fab fa-instagram font_10"></i>
    <span class="p-x_3 block">fa-instagram</span>
    </div>
    </div>
	<div class="flex_auto  p_3 bg_shade-5">
        <div class="bg_shade_3 flex flex_column gap-y_3">
            <div class="br_instagram br_solid text_center br_3 c_black flex_auto bg_white"> <span class="user-select-all">br_instagram</span> Border Color 
            </div>
            <div class="bg_instagram flex_auto text_center c_white p_2 p-y_5"><span class="user-select-all">bg_instagram</span> Background Color </div>
            <div class="c_instagram font_bold font_3 text_center br_solid br_0 br-b_1 br_white-3 font_display p_5 p-y_2"><span class="user-select-all">c_instagram</span> font color </div>
        </div>	
	</div>
</div>

Styleguide SocialColors.instagram
*/
/*

Registry

Credit Type Color codes in the ACC have a specific color coding.

$registry-cpmi                  -   #f22418;    Chest Pain MI Registry
$registry-afib                  -   #ffb300;    AFib Ablation Registry
$registry-cathpci               -   #0086d5;    CathPCI Registry
$registry-icd                   -   #80b800;    ICD Registry
$registry-impact                -   #4e1f73;    IMPACT Registry
$registry-pinnacle-primary      -   #0e4f1b;    PINNACLE Registry (Primary)
$registry-pinnacle-accent       -   #b3c4c4;    PINNACLE Registry (Accent)
$registry-focus                 -   #d6560d;    Patient Navigator Focus MI
$registry-pcibleeding           -   #c0268e;    Reducing Risk PCI Bleeding
$registry-laao                  -   #00667a;    LAAO Registry
$registry-pvi                   -   #00947f;    PVI Registry
$registry-auxdata               -   #04adad;    Auxiliar Data Collection
$registry-ststvt                -   #a20062;    STS ACC TVT Registry
$registry-diabetes              -   #7893b8;    Diabetes Collaborative 

Weight: 2000

Styleguide RegistryColors

*/
/*

cpmi

Font, Border and Background Colors using cpmi

<h3>Border Color `br_cpmi-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_cpmi-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_cpmi-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_cpmi-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_cpmi-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_cpmi-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_cpmi-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_cpmi-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_cpmi-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_cpmi-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_cpmi-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_cpmi-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_cpmi-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_cpmi-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_cpmi-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_cpmi-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_cpmi-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_cpmi-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_cpmi-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_cpmi-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_cpmi-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_cpmi-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_cpmi-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_cpmi-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_cpmi-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_cpmi-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_cpmi-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_cpmi-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_cpmi-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_cpmi-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_cpmi-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_cpmi-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_cpmi-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_cpmi-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_cpmi-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_cpmi-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.cpmi
*/
/*

afib

Font, Border and Background Colors using afib

<h3>Border Color `br_afib-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_afib-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_afib-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_afib-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_afib-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_afib-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_afib-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_afib-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_afib-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_afib-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_afib-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_afib-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_afib-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_afib-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_afib-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_afib-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_afib-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_afib-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_afib-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_afib-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_afib-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_afib-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_afib-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_afib-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_afib-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_afib-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_afib-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_afib-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_afib-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_afib-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_afib-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_afib-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_afib-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_afib-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_afib-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_afib-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.afib
*/
/*

cathpci

Font, Border and Background Colors using cathpci

<h3>Border Color `br_cathpci-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_cathpci-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_cathpci-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_cathpci-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_cathpci-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_cathpci-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_cathpci-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_cathpci-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_cathpci-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_cathpci-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_cathpci-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_cathpci-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_cathpci-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_cathpci-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_cathpci-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_cathpci-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_cathpci-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_cathpci-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_cathpci-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_cathpci-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_cathpci-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_cathpci-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_cathpci-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_cathpci-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_cathpci-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_cathpci-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_cathpci-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_cathpci-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_cathpci-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_cathpci-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_cathpci-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_cathpci-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_cathpci-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_cathpci-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_cathpci-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_cathpci-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.cathpci
*/
/*

icd

Font, Border and Background Colors using icd

<h3>Border Color `br_icd-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_icd-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_icd-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_icd-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_icd-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_icd-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_icd-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_icd-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_icd-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_icd-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_icd-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_icd-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_icd-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_icd-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_icd-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_icd-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_icd-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_icd-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_icd-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_icd-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_icd-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_icd-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_icd-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_icd-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_icd-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_icd-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_icd-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_icd-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_icd-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_icd-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_icd-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_icd-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_icd-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_icd-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_icd-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_icd-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.icd
*/
/*

impact

Font, Border and Background Colors using impact

<h3>Border Color `br_impact-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_impact-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_impact-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_impact-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_impact-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_impact-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_impact-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_impact-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_impact-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_impact-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_impact-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_impact-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_impact-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_impact-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_impact-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_impact-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_impact-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_impact-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_impact-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_impact-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_impact-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_impact-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_impact-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_impact-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_impact-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_impact-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_impact-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_impact-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_impact-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_impact-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_impact-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_impact-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_impact-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_impact-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_impact-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_impact-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.impact
*/
/*

pinnacle

Font, Border and Background Colors using pinnacle

<h3>Border Color `br_pinnacle-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_pinnacle-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_pinnacle-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_pinnacle-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_pinnacle-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_pinnacle-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_pinnacle-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_pinnacle-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_pinnacle-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_pinnacle-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_pinnacle-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_pinnacle-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_pinnacle-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_pinnacle-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_pinnacle-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_pinnacle-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_pinnacle-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_pinnacle-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_pinnacle-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_pinnacle-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_pinnacle-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_pinnacle-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_pinnacle-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_pinnacle-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_pinnacle-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_pinnacle-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_pinnacle-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_pinnacle-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_pinnacle-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_pinnacle-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_pinnacle-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_pinnacle-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_pinnacle-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_pinnacle-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_pinnacle-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_pinnacle-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.pinnacle
*/
/*

pinnacle-accent

Font, Border and Background Colors using pinnacle-accent

<h3>Border Color `br_pinnacle-accent-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_pinnacle-accent-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_pinnacle-accent-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_pinnacle-accent-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_pinnacle-accent-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_pinnacle-accent-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_pinnacle-accent-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_pinnacle-accent-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_pinnacle-accent-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_pinnacle-accent-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_pinnacle-accent-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_pinnacle-accent-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_pinnacle-accent-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_pinnacle-accent-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_pinnacle-accent-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_pinnacle-accent-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_pinnacle-accent-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_pinnacle-accent-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_pinnacle-accent-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_pinnacle-accent-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_pinnacle-accent-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_pinnacle-accent-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_pinnacle-accent-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_pinnacle-accent-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_pinnacle-accent-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_pinnacle-accent-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_pinnacle-accent-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_pinnacle-accent-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_pinnacle-accent-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_pinnacle-accent-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_pinnacle-accent-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_pinnacle-accent-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_pinnacle-accent-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_pinnacle-accent-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_pinnacle-accent-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_pinnacle-accent-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.pinnacle-accent
*/
/*

focus

Font, Border and Background Colors using focus

<h3>Border Color `br_focus-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_focus-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_focus-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_focus-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_focus-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_focus-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_focus-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_focus-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_focus-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_focus-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_focus-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_focus-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_focus-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_focus-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_focus-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_focus-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_focus-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_focus-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_focus-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_focus-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_focus-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_focus-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_focus-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_focus-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_focus-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_focus-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_focus-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_focus-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_focus-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_focus-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_focus-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_focus-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_focus-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_focus-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_focus-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_focus-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.focus
*/
/*

pcibleeding

Font, Border and Background Colors using pcibleeding

<h3>Border Color `br_pcibleeding-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_pcibleeding-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_pcibleeding-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_pcibleeding-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_pcibleeding-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_pcibleeding-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_pcibleeding-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_pcibleeding-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_pcibleeding-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_pcibleeding-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_pcibleeding-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_pcibleeding-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_pcibleeding-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_pcibleeding-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_pcibleeding-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_pcibleeding-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_pcibleeding-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_pcibleeding-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_pcibleeding-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_pcibleeding-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_pcibleeding-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_pcibleeding-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_pcibleeding-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_pcibleeding-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_pcibleeding-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_pcibleeding-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_pcibleeding-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_pcibleeding-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_pcibleeding-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_pcibleeding-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_pcibleeding-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_pcibleeding-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_pcibleeding-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_pcibleeding-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_pcibleeding-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_pcibleeding-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.pcibleeding
*/
/*

laao

Font, Border and Background Colors using laao

<h3>Border Color `br_laao-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_laao-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_laao-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_laao-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_laao-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_laao-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_laao-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_laao-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_laao-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_laao-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_laao-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_laao-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_laao-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_laao-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_laao-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_laao-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_laao-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_laao-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_laao-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_laao-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_laao-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_laao-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_laao-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_laao-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_laao-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_laao-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_laao-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_laao-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_laao-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_laao-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_laao-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_laao-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_laao-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_laao-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_laao-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_laao-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.laao
*/
/*

pvi

Font, Border and Background Colors using pvi

<h3>Border Color `br_pvi-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_pvi-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_pvi-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_pvi-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_pvi-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_pvi-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_pvi-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_pvi-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_pvi-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_pvi-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_pvi-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_pvi-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_pvi-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_pvi-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_pvi-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_pvi-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_pvi-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_pvi-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_pvi-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_pvi-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_pvi-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_pvi-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_pvi-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_pvi-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_pvi-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_pvi-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_pvi-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_pvi-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_pvi-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_pvi-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_pvi-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_pvi-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_pvi-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_pvi-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_pvi-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_pvi-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.pvi
*/
/*

auxdata

Font, Border and Background Colors using auxdata

<h3>Border Color `br_auxdata-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_auxdata-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_auxdata-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_auxdata-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_auxdata-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_auxdata-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_auxdata-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_auxdata-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_auxdata-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_auxdata-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_auxdata-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_auxdata-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_auxdata-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_auxdata-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_auxdata-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_auxdata-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_auxdata-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_auxdata-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_auxdata-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_auxdata-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_auxdata-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_auxdata-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_auxdata-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_auxdata-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_auxdata-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_auxdata-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_auxdata-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_auxdata-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_auxdata-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_auxdata-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_auxdata-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_auxdata-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_auxdata-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_auxdata-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_auxdata-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_auxdata-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.auxdata
*/
/*

ststvt

Font, Border and Background Colors using ststvt

<h3>Border Color `br_ststvt-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_ststvt-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_ststvt-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_ststvt-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_ststvt-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_ststvt-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_ststvt-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_ststvt-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_ststvt-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_ststvt-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_ststvt-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_ststvt-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_ststvt-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_ststvt-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_ststvt-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_ststvt-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_ststvt-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_ststvt-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_ststvt-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_ststvt-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_ststvt-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_ststvt-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_ststvt-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_ststvt-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_ststvt-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_ststvt-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_ststvt-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_ststvt-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_ststvt-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_ststvt-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_ststvt-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_ststvt-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_ststvt-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_ststvt-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_ststvt-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_ststvt-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.ststvt
*/
/*

diabetes

Font, Border and Background Colors using diabetes

<h3>Border Color `br_diabetes-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_diabetes-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_diabetes-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_diabetes-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_diabetes-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_diabetes-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_diabetes-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_diabetes-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_diabetes-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_diabetes-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_diabetes-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_diabetes-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_diabetes-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_diabetes-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_diabetes-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_diabetes-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_diabetes-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_diabetes-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_diabetes-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_diabetes-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_diabetes-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_diabetes-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_diabetes-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_diabetes-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_diabetes-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_diabetes-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_diabetes-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_diabetes-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_diabetes-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_diabetes-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_diabetes-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_diabetes-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_diabetes-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_diabetes-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_diabetes-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_diabetes-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide RegistryColors.diabetes
*/
/*

Journal

Journals of JACC have specific branding colors.

$journal-jc             - #002e5a;                       Journal of the American College of Cardiology: (JC)
$journal-adv            - #0000FF;                      JACC: Advances: (JC-ADV)
$journal-asia           - #ec2939;                     JACC: Asia: (JC-ASIA)
$journal-tran           - #1788c2;                     JACC: Basic to Translational Science: (JC-TRAN)
$journal-cvonc          - #00ae81;                    JACC: CardioOncology: (JC-CVONC)
$journal-case           - #f37321;                     JACC: Case Reports: (JC-CASE)
$journal-ep             - #8a5e96;                       JACC: Clinical Electrophysiology: (JC-EP)
$journal-hf             - #991326;                       JACC: Heart Failure: (JC-HF)
$journal-invt             - #038e92;                   JACC: Cardiovascular Interventions: (JC-INVT)
$journal-imag            - #c18a0e;                    JACC: Cardiovascular Imaging: (JC-IMAG)


Weight: 2000

Styleguide Journals

*/
/*

jc

Font, Border and Background Colors using jc

<h3>Border Color `br_jc-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_jc-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_jc-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_jc-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_jc-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_jc-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_jc-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_jc-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_jc-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_jc-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_jc-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_jc-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_jc-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_jc-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_jc-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_jc-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_jc-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_jc-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_jc-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_jc-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_jc-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_jc-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_jc-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_jc-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_jc-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_jc-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_jc-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_jc-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_jc-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_jc-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_jc-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_jc-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_jc-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_jc-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_jc-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_jc-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Journals.jc
*/
/*

jc-adv

Font, Border and Background Colors using jc-adv

<h3>Border Color `br_jc-adv-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_jc-adv-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_jc-adv-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_jc-adv-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_jc-adv-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_jc-adv-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_jc-adv-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_jc-adv-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_jc-adv-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_jc-adv-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_jc-adv-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_jc-adv-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_jc-adv-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_jc-adv-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_jc-adv-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_jc-adv-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_jc-adv-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_jc-adv-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_jc-adv-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_jc-adv-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_jc-adv-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_jc-adv-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_jc-adv-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_jc-adv-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_jc-adv-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_jc-adv-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_jc-adv-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_jc-adv-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_jc-adv-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_jc-adv-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_jc-adv-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_jc-adv-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_jc-adv-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_jc-adv-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_jc-adv-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_jc-adv-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Journals.jc-adv
*/
/*

jc-asia

Font, Border and Background Colors using jc-asia

<h3>Border Color `br_jc-asia-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_jc-asia-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_jc-asia-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_jc-asia-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_jc-asia-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_jc-asia-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_jc-asia-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_jc-asia-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_jc-asia-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_jc-asia-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_jc-asia-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_jc-asia-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_jc-asia-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_jc-asia-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_jc-asia-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_jc-asia-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_jc-asia-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_jc-asia-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_jc-asia-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_jc-asia-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_jc-asia-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_jc-asia-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_jc-asia-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_jc-asia-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_jc-asia-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_jc-asia-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_jc-asia-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_jc-asia-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_jc-asia-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_jc-asia-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_jc-asia-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_jc-asia-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_jc-asia-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_jc-asia-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_jc-asia-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_jc-asia-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Journals.jc-asia
*/
/*

jc-tran

Font, Border and Background Colors using jc-tran

<h3>Border Color `br_jc-tran-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_jc-tran-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_jc-tran-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_jc-tran-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_jc-tran-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_jc-tran-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_jc-tran-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_jc-tran-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_jc-tran-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_jc-tran-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_jc-tran-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_jc-tran-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_jc-tran-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_jc-tran-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_jc-tran-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_jc-tran-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_jc-tran-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_jc-tran-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_jc-tran-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_jc-tran-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_jc-tran-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_jc-tran-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_jc-tran-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_jc-tran-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_jc-tran-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_jc-tran-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_jc-tran-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_jc-tran-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_jc-tran-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_jc-tran-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_jc-tran-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_jc-tran-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_jc-tran-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_jc-tran-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_jc-tran-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_jc-tran-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Journals.jc-tran
*/
/*

jc-cvonc

Font, Border and Background Colors using jc-cvonc

<h3>Border Color `br_jc-cvonc-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_jc-cvonc-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_jc-cvonc-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_jc-cvonc-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_jc-cvonc-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_jc-cvonc-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_jc-cvonc-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_jc-cvonc-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_jc-cvonc-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_jc-cvonc-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_jc-cvonc-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_jc-cvonc-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_jc-cvonc-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_jc-cvonc-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_jc-cvonc-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_jc-cvonc-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_jc-cvonc-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_jc-cvonc-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_jc-cvonc-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_jc-cvonc-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_jc-cvonc-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_jc-cvonc-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_jc-cvonc-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_jc-cvonc-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_jc-cvonc-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_jc-cvonc-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_jc-cvonc-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_jc-cvonc-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_jc-cvonc-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_jc-cvonc-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_jc-cvonc-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_jc-cvonc-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_jc-cvonc-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_jc-cvonc-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_jc-cvonc-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_jc-cvonc-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Journals.jc-cvonc
*/
/*

jc-case

Font, Border and Background Colors using jc-case

<h3>Border Color `br_jc-case-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_jc-case-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_jc-case-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_jc-case-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_jc-case-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_jc-case-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_jc-case-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_jc-case-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_jc-case-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_jc-case-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_jc-case-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_jc-case-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_jc-case-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_jc-case-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_jc-case-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_jc-case-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_jc-case-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_jc-case-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_jc-case-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_jc-case-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_jc-case-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_jc-case-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_jc-case-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_jc-case-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_jc-case-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_jc-case-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_jc-case-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_jc-case-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_jc-case-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_jc-case-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_jc-case-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_jc-case-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_jc-case-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_jc-case-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_jc-case-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_jc-case-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Journals.jc-case
*/
/*

jc-ep

Font, Border and Background Colors using jc-ep

<h3>Border Color `br_jc-ep-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_jc-ep-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_jc-ep-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_jc-ep-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_jc-ep-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_jc-ep-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_jc-ep-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_jc-ep-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_jc-ep-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_jc-ep-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_jc-ep-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_jc-ep-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_jc-ep-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_jc-ep-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_jc-ep-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_jc-ep-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_jc-ep-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_jc-ep-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_jc-ep-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_jc-ep-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_jc-ep-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_jc-ep-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_jc-ep-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_jc-ep-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_jc-ep-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_jc-ep-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_jc-ep-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_jc-ep-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_jc-ep-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_jc-ep-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_jc-ep-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_jc-ep-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_jc-ep-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_jc-ep-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_jc-ep-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_jc-ep-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Journals.jc-ep
*/
/*

jc-hf

Font, Border and Background Colors using jc-hf

<h3>Border Color `br_jc-hf-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_jc-hf-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_jc-hf-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_jc-hf-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_jc-hf-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_jc-hf-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_jc-hf-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_jc-hf-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_jc-hf-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_jc-hf-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_jc-hf-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_jc-hf-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_jc-hf-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_jc-hf-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_jc-hf-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_jc-hf-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_jc-hf-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_jc-hf-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_jc-hf-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_jc-hf-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_jc-hf-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_jc-hf-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_jc-hf-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_jc-hf-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_jc-hf-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_jc-hf-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_jc-hf-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_jc-hf-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_jc-hf-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_jc-hf-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_jc-hf-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_jc-hf-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_jc-hf-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_jc-hf-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_jc-hf-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_jc-hf-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Journals.jc-hf
*/
/*

jc-invt

Font, Border and Background Colors using jc-invt

<h3>Border Color `br_jc-invt-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_jc-invt-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_jc-invt-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_jc-invt-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_jc-invt-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_jc-invt-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_jc-invt-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_jc-invt-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_jc-invt-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_jc-invt-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_jc-invt-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_jc-invt-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_jc-invt-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_jc-invt-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_jc-invt-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_jc-invt-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_jc-invt-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_jc-invt-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_jc-invt-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_jc-invt-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_jc-invt-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_jc-invt-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_jc-invt-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_jc-invt-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_jc-invt-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_jc-invt-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_jc-invt-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_jc-invt-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_jc-invt-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_jc-invt-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_jc-invt-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_jc-invt-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_jc-invt-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_jc-invt-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_jc-invt-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_jc-invt-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Journals.jc-invt
*/
/*

jc-imag

Font, Border and Background Colors using jc-imag

<h3>Border Color `br_jc-imag-x`</h3>
<div class="p_4 _3 flex">
    <div class="br_jc-imag-5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 5</div>
    <div class="br_jc-imag-4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 4</div>
    <div class="br_jc-imag-3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 3</div>
    <div class="br_jc-imag-2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 2</div>
    <div class="br_jc-imag-1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 1</div>
    <div class="br_jc-imag-0 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br 0</div>
    <div class="br_jc-imag-n1 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n1</div>
    <div class="br_jc-imag-n2 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n2</div>
    <div class="br_jc-imag-n3 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n3</div>
    <div class="br_jc-imag-n4 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n4</div>
    <div class="br_jc-imag-n5 p_3 br_solid br_0 text_center br-t_4 c_black flex_auto">br n5</div>
</div>
<h3>Background Color `bg_jc-imag-x`</h3>
<div class="flex">
    <div class="bg_white flex_auto text_center p_2 p-y_5 ">white</div>
    <div class="bg_jc-imag-5 flex_auto text_center p_2 p-y_5">5</div>
    <div class="bg_jc-imag-4 flex_auto text_center p_2 p-y_5">4</div>
    <div class="bg_jc-imag-3 flex_auto text_center p_2 p-y_5">3</div>
    <div class="bg_jc-imag-2 flex_auto text_center p_2 p-y_5">2</div>
    <div class="bg_jc-imag-1 flex_auto text_center c_white p_2 p-y_5">1</div>
    <div class="bg_jc-imag-0 flex_auto text_center c_white p_2 p-y_5">0</div>
    <div class="bg_jc-imag-n1 flex_auto text_center c_white p_2 p-y_5">n1</div>
    <div class="bg_jc-imag-n2 flex_auto text_center c_white p_2 p-y_5">n2</div>
    <div class="bg_jc-imag-n3 flex_auto text_center c_white p_2 p-y_5">n3</div>
    <div class="bg_jc-imag-n4 flex_auto text_center c_white p_2 p-y_5">n4</div>
    <div class="bg_jc-imag-n5 flex_auto text_center c_white p_2 p-y_5">n5</div>
    <div class="bg_black flex_auto text_center c_white p_2 p-y_5">black</div>
</div>
<h3>Font Color `c_jc-imag-x`</h3>
<div class="font_2 bg_shade-3">
    <div class="c_jc-imag-5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 5 of the font color.</div>
    </div>
    <div class="c_jc-imag-4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 4 of the font color.</div>
    </div>
    <div class="c_jc-imag-3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 3 of the font color.</div>
    </div>
    <div class="c_jc-imag-2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 2 of the font color.</div>
    </div>
    <div class="c_jc-imag-1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 1 of the font color.</div>
    </div>
    <div class="c_jc-imag-0 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level 0 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level 0 of the font color.</div>
    </div>
    <div class="c_jc-imag-n1 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n1 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n1 of the font color.</div>
    </div>
    <div class="c_jc-imag-n2 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n2 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n2 of the font color.</div>
    </div>
    <div class="c_jc-imag-n3 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n3 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n3 of the font color.</div>
    </div>
    <div class="c_jc-imag-n4 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n4 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n4 of the font color.</div>
    </div>
    <div class="c_jc-imag-n5 text_left br_solid br_0 br-b_1 br_white-3 font_display flex">
        <div class="flex_auto p_5 p-y_2">modified level n5 of the font color.</div>
        <div class="flex_auto p_5 p-y_2 bg_shade-n3">modified level n5 of the font color.</div>
    </div>
</div>

Styleguide Journals.jc-imag
*/
/**  Build Comment: bases Color Stylesheet  **/
/** SCSS DOC: __globalshame_uc.scss **/
/*# sourceMappingURL=maps/color-code_bases.css.map */
