@charset "UTF-8";
/** px-key-value-pair styles */
.px-key-value-pair { /** A series of helper classes to use arbitrarily. Only use a helper class if an element/component doesn’t already have a class to which you could apply this styling, e.g. if you need to float `.main-nav` left then add `float:left;` to that ruleset as opposed to adding the `.float--left` class to the markup. A lot of these classes carry `!important` as you will always want them to win out over other selectors. */ /*------------------------------------*    #PX-COLORS-DESIGN
\*------------------------------------*/ /** Neutral Palette (gray20 is darkest, gray1 is lightest) */ /** Define grey = gray to avoid dev typos */ /** Actionable Palette */ /** Selection Palette */ /** Dark Actionable Palette */ /** Alerts and Status */ /** Data Visualization */ /** Orange */ /** Yellow */ /** Yellow Green */ /** Green */ /** Teal */ /** Aqua */ /** Cyan */ /** Blue */ /** Violet */ /** Purple */ /** Pink */ /** Red */ /** Brown */ /** Gray */ /** Define grey = gray to avoid dev typos */ /** Salmon */ /* Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ /** Add/remove floats */ /** Text alignment */ /** Full height element */ /** Add a help cursor to any element that gives the user extra information on `:hover`. */ /** Add a pointer cursor to any element, useful for on-click events */ /** Mute an object by reducing its opacity. */ /** Align items to the right where they imply progression/movement forward, e.g.: <p class=proceed><a href=#>Read more...</a></p> */ /** Apply capital case to an element (usually a `strong`). */ /** Hide visually and from screen readers: http://juicystudio.com/article/screen-readers-display-none.php */ /** Hide content off-screen without resorting to `display:none;` */ /** Hide visually and from screen readers, but maintain layout */ /** Truncate text with an ellipsis */ }

.px-key-value-pair a { background-color: transparent; /** Default link colors */ /** Improve readability when focused and also mouse hovered in all browsers. */ }

.px-key-value-pair a:link, .px-key-value-pair a:visited { color: #007acc; }

.px-key-value-pair a:hover { color: #005c99; }

.px-key-value-pair a:active { color: #003d66; }

.px-key-value-pair a:active, .px-key-value-pair a:hover { outline: 0; }

.px-key-value-pair .float--right { float: right !important; }

.px-key-value-pair .float--left { float: left !important; }

.px-key-value-pair .float--none { float: none !important; }

.px-key-value-pair .text--left { text-align: left !important; }

.px-key-value-pair .text--center { text-align: center !important; }

.px-key-value-pair .text--right { text-align: right !important; }

.px-key-value-pair .full-height { height: 100% !important; }

.px-key-value-pair .informative { cursor: help !important; }

.px-key-value-pair .pointer { cursor: pointer !important; }

.px-key-value-pair .muted { opacity: 0.5 !important; }

.px-key-value-pair .proceed { text-align: right !important; }

.px-key-value-pair .caps { text-transform: uppercase !important; }

.px-key-value-pair .hidden { display: none !important; visibility: hidden; }

.px-key-value-pair .a11y, .px-key-value-pair .visuallyhidden { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; }

.px-key-value-pair .a11y.focusable:active, .px-key-value-pair .a11y.focusable:focus, .px-key-value-pair .visuallyhidden.focusable:active, .px-key-value-pair .visuallyhidden.focusable:focus { position: static; overflow: visible; width: auto; height: auto; margin: 0; clip: auto; }

@media screen and (min-width: 45em) and (max-width: 63.9375em) { .px-key-value-pair .a11y-lap, .px-key-value-pair .visuallyhidden-lap { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media screen and (max-width: 63.9375em) { .px-key-value-pair .a11y-portable, .px-key-value-pair .visuallyhidden-portable { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media screen and (min-width: 64em) { .px-key-value-pair .a11y-desk, .px-key-value-pair .visuallyhidden-desk { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media screen and (max-width: 44.9375em) { .px-key-value-pair .a11y-palm, .px-key-value-pair .visuallyhidden-palm { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media screen and (min-width: 45em) { .px-key-value-pair .a11y-lap-and-up, .px-key-value-pair .visuallyhidden-lap-and-up { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media screen and (min-width: 64em) { .px-key-value-pair .a11y-desk-and-up, .px-key-value-pair .visuallyhidden-desk-and-up { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media screen and (min-width: 120em) { .px-key-value-pair .a11y-large-and-up, .px-key-value-pair .visuallyhidden-large-and-up { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .px-key-value-pair .a11y-retina, .px-key-value-pair .visuallyhidden-retina { position: absolute !important; overflow: hidden !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } }

.px-key-value-pair .invisible { visibility: hidden !important; }

.px-key-value-pair .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.px-key-value-pair .alpha { font-size: 5rem; line-height: 1.06667; font-weight: normal; }

.px-key-value-pair .beta { font-size: 4rem; line-height: 1; font-weight: normal; }

.px-key-value-pair .gamma { font-size: 3rem; line-height: 1.33333; font-weight: normal; }

.px-key-value-pair .delta { font-size: 2rem; line-height: 1.33333; font-weight: normal; }

.px-key-value-pair .epsilon { font-size: 1.33333rem; line-height: 1; font-weight: normal; }

.px-key-value-pair .zeta { font-size: 0.8rem; line-height: 1.66667; font-weight: normal; }

.px-key-value-pair .heading--page { font-size: 2rem; line-height: 1.33333; color: var(--px-headings-heading-page-color, #2c404c); }

.px-key-value-pair .heading--section { font-size: 1.33333rem; line-height: 1; color: var(--px-headings-heading-section-color, #677e8c); text-transform: uppercase; }

.px-key-value-pair .heading--subsection { font-size: 1rem; line-height: 1.33333; color: var(--px-headings-heading-subsection-color, #2c404c); background-color: var(--px-headings-heading-subsection-background, rgba(136, 154, 165, 0.15)); text-transform: uppercase; letter-spacing: var(--px-headings-letter-spacing, 0.3px); display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 5px; padding-right: 5px; }

.px-key-value-pair .label { font-size: 0.8rem; line-height: 1.66667; color: var(--px-headings-label-color, #677e8c); text-transform: uppercase; letter-spacing: var(--px-headings-letter-spacing, 0.3px); }

.px-key-value-pair .value { font-size: 1rem; line-height: 1.33333; color: var(--px-headings-value-color, #2c404c); }

.px-key-value-pair .kvp-value { color: var(--px-headings-value-color, black); }

.px-key-value-pair .kvp-value--alpha { margin-top: -0.66667rem; }

.px-key-value-pair .kvp-value--beta { margin-top: -0.4rem; }

.px-key-value-pair .kvp-value--gamma { margin-top: -0.8rem; }

.px-key-value-pair .kvp-value--delta { margin-top: -0.53333rem; }

.px-key-value-pair .kvp-value--epsilon { margin-top: -0.13333rem; }

.px-key-value-pair .kvp-value--regular { margin-top: -0.26667rem; }
