@charset "UTF-8";
/** Globals An import of all abstracts */
/** Vendor For files that need compiling */
/** This themes global styles */
/** Root Font Sizing */
/** Type sets Defines a type grouping that can be looped over and generate utility classes */
/** Grid and Grid Gap */
/** Vertical Gap */
/** Horizontal Gap */
/** Container widths */
/** Global Variables */
/** Label element */
/** Checkbox element */
/** Radio element */
/** Textfield element */
/** No-space Removes the default space, border, and padding place on a component */
/** Grid row Sets row up for the grid */
/** Grid row gutters IF $gutter-horizontal = true: set the sides gap width ELSE $gutter-vertical = false: remove the top and bottom gap width IF $gutter-vertical = true: set the top and bottom gap width ELSE $gutter-vertical = false: remove the top and bottom gap width IF $gutter-horizontal-size & $gutter-vertical-size = wide: large sized space between items IF $gutter-horizontal-size & $gutter-vertical-size = wide-lg: large sized space between items only on the lg breakpoint IF $gutter-horizontal-size & $gutter-vertical-size = narrow: small sized space between items ELSE $gutter-horizontal-size & $gutter-vertical-size = default: regular sized space between items */
/** Grid columns IF = auto: fits the available space ELSE IF = variable: fits the width of it's content ELSE span the amount of columns provided */
/** Grid Spacing Clear Clears first and last grid row margin or padding Declare on column class: @include grid-clear-vertical-spacing(2); Options: • $columns(value = 1 to n) - default = 1 • $property(value = margin or padding) - default = margin, sets to 0 */
/** Grid class generators Generates classes for each column and offset by default and breakpoint */
/** Hide Text Hide text while making it readable for screen readers 1. Needed in WebKit-based browsers because of an implementation bug; See: https://code.google.com/p/chromium/issues/detail?id=457146 */
/** Hide Element Hide element while making it readable for screen readers Shamelessly borrowed from HTML5Boilerplate: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133 */
/** Component */
.component-data-table { position: relative; }

.component-data-table .component-data-table__wrapper { padding: 1.5rem 0 0; }

.component-data-table .component-data-table__inner { max-width: 40rem; }

.component-data-table .component-data-table__title h2 { margin: 0 0 1.5rem; }

.component-data-table .component-data-table__footer { margin-top: 1.75em; }

.component-data-table .field--name-field-chart-title { font-family: "Maven Pro", "Helvetica Neue", Helvetica, "宋体", "SimSun", "微软雅黑", "Microsoft YaHei", sans-serif; font-weight: 400; letter-spacing: 0; margin: 0.25em 0 0.5em; padding: 0; color: #232C64; font-size: 3em; line-height: 1.2; margin: 0; }

@media (max-width: 35.49em) { .component-data-table .field--name-field-chart-title { font-size: 1.5em; } }

.component-data-table .field--name-field-data { margin-top: 2rem; }

.component-data-table .tablefield-wrapper { overflow-x: auto; }

.component-data-table .component-data-table__data-table { margin: 3.75rem auto 0; max-width: 64rem; }

.component-data-table .component-data-table__data-table table caption { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.component-data-table .component-data-table__data-table table thead th { border-bottom: 3px solid #CCCCCC; font-weight: 700; line-height: 1.25rem; padding: 1em 0.5em; text-align: center; }

.component-data-table .component-data-table__data-table table thead th:first-of-type { text-align: left; }

.component-data-table .component-data-table__data-table table th:first-of-type, .component-data-table .component-data-table__data-table table td:first-of-type { min-width: 6rem; padding-left: 0; }

.component-data-table .component-data-table__data-table table td:first-of-type { border-right: 1px solid #CCCCCC; }

.component-data-table .component-data-table__data-table table tbody tr:first-of-type td { padding-top: 1.25em; }

.component-data-table .component-data-table__data-table table tr td { background-color: #FAFAFA; padding: 0.5em 0.875em; text-align: right; }

.component-data-table .component-data-table__data-table table tr td:first-of-type { background-color: transparent; text-align: left; }

.component-data-table .component-data-table__data-table table th, .component-data-table .component-data-table__data-table table td { min-width: 6.5rem; }

.component-data-table .component-data-table__data-table table sup { top: -0.75em; }

.component-data-table .component-data-table__data-table.total-row-enabled tr:nth-last-of-type(2) td { padding-bottom: 1.25em; border-bottom: 1px solid #CCCCCC; }

.component-data-table .component-data-table__data-table.total-row-enabled tr:last-of-type td { font-weight: 700; padding-top: 1.25em; background-color: transparent; }

.component-data-table .component-data-table__data-table.total-row-enabled tr:last-of-type td:first-of-type { border-right: 0; }

.component-data-table .component-data-table__data-table:not(.total-row-enabled) table tbody { border-bottom: 1px solid #CCCCCC; }

.component-data-table .component-data-table__data-table:not(.total-row-enabled) table tbody tr:last-of-type td { padding-bottom: 1.25em; }

.component-data-table .field--name-field-footnote { font-size: 0.6875rem; line-height: 1rem; margin-top: 1.5rem; max-width: 22rem; }

.component-data-table .field--name-field-footnote p { margin: 1em 0 0; }

.component-data-table .field--name-field-footnote li { margin-top: 1em; }

.component-data-table .field--name-field-footnote sup { font-size: 100%; }

@media (max-width: 47.99em) { .component-data-table .field--name-field-data .tablefield-wrapper { margin-left: auto; margin-right: -0.5rem; overflow-x: auto; }
  .component-data-table .field--name-field-data .tablefield { max-width: none; } }

@media (min-width: 35.5em) { .component-data-table .field--name-field-chart-title { font-family: "Maven Pro", "Helvetica Neue", Helvetica, "宋体", "SimSun", "微软雅黑", "Microsoft YaHei", sans-serif; font-weight: 400; letter-spacing: 0; margin: 0.25em 0 0.5em; padding: 0; font-size: 1.5em; font-weight: 500; line-height: 1.333; margin: 0; } }

@media (min-width: 35.5em) and (max-width: 35.49em) { .component-data-table .field--name-field-chart-title { font-size: 1.125em; } }

@media (min-width: 48em) { .component-data-table .component-data-table__wrapper { padding: 0; }
  .component-data-table .component-data-table__title h2 { margin: 0 0 2.5rem; }
  .component-data-table .component-data-table__data-table { margin: 4.5rem auto 0; }
  .component-data-table--width-20 .component-data-table__data-table--inner { width: 20%; }
  .component-data-table--width-40 .component-data-table__data-table--inner { width: 40%; }
  .component-data-table--width-60 .component-data-table__data-table--inner { width: 60%; }
  .component-data-table--width-80 .component-data-table__data-table--inner { width: 80%; } }

@media (min-width: 48em) { .component-data-table.component-data-table--layout-centered .component-data-table__wrapper { padding: 3rem 0; }
  .component-data-table.component-data-table--layout-centered .component-data-table__inner { max-width: 31rem; width: calc(100% - 2.5rem); margin-left: auto !important; margin-right: auto !important; text-align: center; }
  .component-data-table.component-data-table--layout-centered .field--name-field-chart-title, .component-data-table.component-data-table--layout-centered .field--name-field-chart-subtitle { text-align: center; }
  .component-data-table.component-data-table--layout-centered .field--name-field-footnote { max-width: 28.125rem; }
  .component-data-table.component-data-table--layout-centered.component-data-table--width-20 .component-data-table__data-table--inner, .component-data-table.component-data-table--layout-centered.component-data-table--width-40 .component-data-table__data-table--inner, .component-data-table.component-data-table--layout-centered.component-data-table--width-60 .component-data-table__data-table--inner, .component-data-table.component-data-table--layout-centered.component-data-table--width-80 .component-data-table__data-table--inner { margin-left: auto; margin-right: auto; } }

.component-data-table.component-data-table--layout-left .component-data-table__wrapper { max-width: 75rem; width: 100%; margin-left: auto !important; margin-right: auto !important; }

@media (min-width: 48em) { .component-data-table.component-data-table--layout-left .component-data-table__wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .component-data-table.component-data-table--layout-left .component-data-table__inner { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left: 2.5rem; }
  .component-data-table.component-data-table--layout-left .component-data-table__inner > * { max-width: 31rem; }
  .component-data-table.component-data-table--layout-left .component-data-table__data-table { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-top: 0; max-width: 50%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

.component-data-table.component-data-table--layout-right .component-data-table__wrapper { max-width: 75rem; width: 100%; margin-left: auto !important; margin-right: auto !important; }

@media (min-width: 48em) { .component-data-table.component-data-table--layout-right .component-data-table__wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .component-data-table.component-data-table--layout-right .component-data-table__inner { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 6vw; }
  .component-data-table.component-data-table--layout-right .component-data-table__data-table { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-top: 0; max-width: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

@media (min-width: 80em) { .component-data-table.component-data-table--layout-right .component-data-table__inner { padding-right: 6.5rem; } }

.component-data-table.paragraph-component--bg-dark-grey .component-data-table__title h2 { color: #EEEEEE; }

.component-data-table.paragraph-component--bg-dark-grey .field--name-field-chart-title { color: #EEEEEE; }

.component-data-table.paragraph-component--bg-dark-grey .component-data-table__data-table table tr td { background-color: transparent; }

.component-data-table.paragraph-component--bg-dark-grey .component-data-table__footer a { -webkit-backdrop-filter: blur(4px) brightness(0.8); backdrop-filter: blur(4px) brightness(0.8); border-radius: 2em; border-style: solid; border-width: 2px; display: inline-block; font-family: "Roboto", arial, "宋体", "SimSun", "微软雅黑", "Microsoft YaHei", sans-serif; font-weight: 700; letter-spacing: 0.03em; line-height: 1.4; text-align: center; padding: 0.7em 1.75em 0.55em; position: relative; text-decoration: none; text-transform: uppercase; -webkit-transition: color 300ms linear; transition: color 300ms linear; background: transparent; border-color: #74BB8B; color: #FFFFFF; }

.component-data-table.paragraph-component--bg-dark-grey .component-data-table__footer a:hover { border-color: transparent; -webkit-transition: border-color 150ms ease, color 300ms linear; transition: border-color 150ms ease, color 300ms linear; background-image: -webkit-gradient(linear, left top, right top, from(#8FC73E), to(#56AEE1)); background-image: linear-gradient(to right, #8FC73E 0%, #56AEE1 100%); border-color: transparent #56AEE1 transparent #8FC73E; color: #FFFFFF; }

/*# sourceMappingURL=../../maps/libraries/paragraph/full--data-table.css.map */