@charset "UTF-8";
.flex, .px-tab { display: -webkit-box; display: -ms-flexbox; display: flex; }

.inline--flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.flex--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.flex--row--rev { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.flex--col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.flex--col--rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.flex--nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.flex--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex--wrap--rev { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }

.flex--left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.flex--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.flex--right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.flex--justify { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex--spaced { -ms-flex-pack: distribute; justify-content: space-around; }

.flex--top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.flex--middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flex--bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.flex--stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.flex--baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.flex--top--multi { -ms-flex-line-pack: start; align-content: flex-start; }

.flex--middle--multi { -ms-flex-line-pack: center; align-content: center; }

.flex--bottom--multi { -ms-flex-line-pack: end; align-content: flex-end; }

.flex--stretch--multi { -ms-flex-line-pack: stretch; align-content: stretch; }

.flex--justify--multi { -ms-flex-line-pack: justify; align-content: space-between; }

.flex--spaced--multi { -ms-flex-line-pack: distribute; align-content: space-around; }

.flex__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.flex__item--msfix { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.flex__item--top { -ms-flex-item-align: start; align-self: flex-start; }

.flex__item--middle { -ms-flex-item-align: center; align-self: center; }

.flex__item--bottom { -ms-flex-item-align: end; align-self: flex-end; }

.flex__item--baseline { -ms-flex-item-align: baseline; align-self: baseline; }

.px-tab { /** Margin and padding helper classes with breakpoint prefixes. Use these to tweak layout on a micro level based on viewport widths. `.u-[breakpoint]-(m|p)(t|r|b|l|h|v)(-|+|0) {}` = utility - breakpoint - margin/padding top/right/bottom/left/horizontal/vertical less/more/none */ /** 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 */ /** Margin and padding helper classes. Use these to tweak layout on a micro level. `.u-(m|p)(t|r|b|l|h|v)(-|+|0) {}` = utility - margin/padding top/right/bottom/left/horizontal/vertical less/more/none */ /** A series of width helper classes that you can use to size things like grid systems. Classes can take a fraction-like format (e.g. `.u-2/3`) or a spoken- word format (e.g. `.u-2-of-3`). */ background-color: transparent; }

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

.px-tab a:link, .px-tab a:visited { color: #007acc; }

.px-tab a:hover { color: #005c99; }

.px-tab a:active { color: #003d66; }

.px-tab a:active, .px-tab a:hover { outline: 0; }

.px-tab .float--right { float: right !important; }

.px-tab .float--left { float: left !important; }

.px-tab .float--none { float: none !important; }

.px-tab .text--left { text-align: left !important; }

.px-tab .text--center { text-align: center !important; }

.px-tab .text--right { text-align: right !important; }

.px-tab .full-height { height: 100% !important; }

.px-tab .informative { cursor: help !important; }

.px-tab .pointer { cursor: pointer !important; }

.px-tab .muted { opacity: 0.5 !important; }

.px-tab .proceed { text-align: right !important; }

.px-tab .caps { text-transform: uppercase !important; }

.px-tab .hidden { display: none !important; visibility: hidden; }

.px-tab .a11y, .px-tab .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-tab .a11y.focusable:active, .px-tab .a11y.focusable:focus, .px-tab .visuallyhidden.focusable:active, .px-tab .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-tab .a11y-lap, .px-tab .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-tab .a11y-portable, .px-tab .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-tab .a11y-desk, .px-tab .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-tab .a11y-palm, .px-tab .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-tab .a11y-lap-and-up, .px-tab .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-tab .a11y-desk-and-up, .px-tab .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-tab .a11y-large-and-up, .px-tab .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-tab .a11y-retina, .px-tab .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-tab .invisible { visibility: hidden !important; }

.px-tab .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.px-tab .u-1\/1 { width: 100% !important; }

.px-tab .u-1\/2 { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

.px-tab .u-1\/3 { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

.px-tab .u-2\/3 { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

.px-tab .u-1\/4 { width: 25% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

.px-tab .u-2\/4 { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

.px-tab .u-3\/4 { width: 75% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

.px-tab .u-1\/6 { width: 16.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

.px-tab .u-2\/6 { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

.px-tab .u-3\/6 { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

.px-tab .u-4\/6 { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

.px-tab .u-5\/6 { width: 83.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }

@media screen and (min-width: 45em) and (max-width: 63.9375em) { .px-tab .u-1\/1-lap { width: 100% !important; }
  .px-tab .u-1\/2-lap { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/3-lap { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/3-lap { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/4-lap { width: 25% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/4-lap { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/4-lap { width: 75% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/6-lap { width: 16.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/6-lap { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/6-lap { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-4\/6-lap { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-5\/6-lap { width: 83.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } }

@media screen and (max-width: 63.9375em) { .px-tab .u-1\/1-portable { width: 100% !important; }
  .px-tab .u-1\/2-portable { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/3-portable { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/3-portable { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/4-portable { width: 25% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/4-portable { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/4-portable { width: 75% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/6-portable { width: 16.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/6-portable { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/6-portable { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-4\/6-portable { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-5\/6-portable { width: 83.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } }

@media screen and (min-width: 64em) { .px-tab .u-1\/1-desk { width: 100% !important; }
  .px-tab .u-1\/2-desk { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/3-desk { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/3-desk { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/4-desk { width: 25% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/4-desk { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/4-desk { width: 75% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/6-desk { width: 16.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/6-desk { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/6-desk { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-4\/6-desk { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-5\/6-desk { width: 83.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } }

@media screen and (max-width: 44.9375em) { .px-tab .u-1\/1-palm { width: 100% !important; }
  .px-tab .u-1\/2-palm { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/3-palm { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/3-palm { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/4-palm { width: 25% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/4-palm { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/4-palm { width: 75% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/6-palm { width: 16.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/6-palm { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/6-palm { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-4\/6-palm { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-5\/6-palm { width: 83.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } }

@media screen and (min-width: 45em) { .px-tab .u-1\/1-lap-and-up { width: 100% !important; }
  .px-tab .u-1\/2-lap-and-up { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/3-lap-and-up { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/3-lap-and-up { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/4-lap-and-up { width: 25% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/4-lap-and-up { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/4-lap-and-up { width: 75% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/6-lap-and-up { width: 16.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/6-lap-and-up { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/6-lap-and-up { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-4\/6-lap-and-up { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-5\/6-lap-and-up { width: 83.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } }

@media screen and (min-width: 64em) { .px-tab .u-1\/1-desk-and-up { width: 100% !important; }
  .px-tab .u-1\/2-desk-and-up { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/3-desk-and-up { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/3-desk-and-up { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/4-desk-and-up { width: 25% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/4-desk-and-up { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/4-desk-and-up { width: 75% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/6-desk-and-up { width: 16.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/6-desk-and-up { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/6-desk-and-up { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-4\/6-desk-and-up { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-5\/6-desk-and-up { width: 83.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } }

@media screen and (min-width: 120em) { .px-tab .u-1\/1-large-and-up { width: 100% !important; }
  .px-tab .u-1\/2-large-and-up { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/3-large-and-up { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/3-large-and-up { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/4-large-and-up { width: 25% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/4-large-and-up { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/4-large-and-up { width: 75% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/6-large-and-up { width: 16.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/6-large-and-up { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/6-large-and-up { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-4\/6-large-and-up { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-5\/6-large-and-up { width: 83.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .px-tab .u-1\/1-retina { width: 100% !important; }
  .px-tab .u-1\/2-retina { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/3-retina { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/3-retina { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/4-retina { width: 25% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/4-retina { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/4-retina { width: 75% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-1\/6-retina { width: 16.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-2\/6-retina { width: 33.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-3\/6-retina { width: 50% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-4\/6-retina { width: 66.66667% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; }
  .px-tab .u-5\/6-retina { width: 83.33333% !important; -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } }

.px-tab.iron-selected > .tab-title { color: var(--px-tab-color--selected, black); border-bottom: 2px solid var(--px-tab-color--selected, black); font-weight: bold; }

.px-tab .tab-title { line-height: 1.3; font: inherit; text-align: center; vertical-align: middle; padding-bottom: 10px; margin: 1px 20px 0 0; color: var(--px-tab-color, black); cursor: pointer; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.px-tab .tab-title:hover { color: var(--px-tab-color--hover, black); }

.px-tab .tab-title:active { color: var(--px-tab-color--active, black); }
