.home .dashboard-main a,.home .dashboard-main h2,.state-loading .dashboard-main,section.state-loading {
  font-size:1.78445rem;
  line-height:1.07143rem;
  padding-top:.25447rem;
  margin-bottom:.81696rem;
  margin-top:0
 }
 .graphic.state-loading,.mg-header,.summary h2 {
  font-size:1.33667rem;
  line-height:1.07143rem;
  padding-top:.25447rem;
  margin-bottom:.81696rem;
  margin-top:0
 }
 * {
  box-sizing:border-box
 }
 html, body {
  overflow-x: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
 }
 body.multipage,html.multipage {
  height:auto
 }
 body {
  font-family:'Roboto',Open Sans,sans-serif;
  font-size:.75rem;
  line-height:1.07143rem;
  -webkit-text-size-adjust:100%;
  display:flex;
  align-content:stretch
 }
 a {
  color:inherit;
  text-decoration:none
 }
 a:hover {
  color:#0c99d5;
  text-decoration:underline
 }
 #root,.dashboard {
  display: flex;
  flex: 1;
  flex-direction:column
 }
 .state-fullscreen .dashboard-link {
  display:block
 }
 .dashboard-main {
  flex:1;
  display:flex;
  flex-direction:column
 }
 .state-loading .dashboard-main,section.state-loading {
  animation:a 1s ease-in-out;
  font-weight:300;
  align-items:center;
  justify-content:center
 }
 .home .dashboard-main {
  align-items:center;
  justify-content:center
 }
 .home .dashboard-main h2 {
  margin-top:2.14286rem;
  font-weight:300;
  color:#56565a
 }
 .home .dashboard-main a {
  margin-top:.53572rem
 }
 .status-index .dashboard-main {
  flex-direction:row;
  width:100vw
 }
 .row {
  display:flex;
  padding:0.5rem 0 0 1rem;
 }
 .row .aside {
  width:2.14286rem;
  display:flex;
  align-items:center;
  justify-content:center
 }
 .row .aside span {
  transform-origin:center;
  white-space:nowrap;
  font-size:.75rem;
  transform:rotate(-90deg)
 }
 .row .aside span a {
  font-weight:700
 }
 .graphic {
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center
 }
 svg line {
  stroke-width:1
 }
 svg text {
  fill:#fff
 }
 .dashboard.crashes-release .graphic.state-loading,.dashboard.crashes-release .mg-header {
  opacity:1;
  color:#d1d2d3;
  fill:#d1d2d3;
  font-weight:lighter
 }
 .dashboard.crashes-release .mg-main-line {
  stroke-width:2!important
 }
 .dashboard.crashes-release .mg-line2-color {
  stroke:#ffda00
 }
 .dashboard.crashes-release .mg-line3-color {
  stroke:#00a7e0;
  opacity:.3!important
 }
 .dashboard.crashes-release .mg-area1-color {
  fill:#ffda00
 }
 .dashboard.crashes-release .axis-rate line {
  stroke:hsla(0,0%,100%,.3);
  stroke-dasharray:1,2
 }
 .dashboard.crashes-release .axis-rate text {
  stroke:#fff
 }
 svg {
  height:100%;
  width:100%
 }
 .graphic-details,.graphic-timeline {
  display:flex;
  align-items:center;
  justify-content:center
 }
 .graphic-timeline {
  flex:1
 }
 .graphic-details {
  height:5.35715rem
 }
 .criteria-widget,.graphic-widget {
  color:#56565a;
  flex-direction:column;
  align-items:stretch
 }
 .criteria-widget:not(:first-child),.graphic-widget:not(:first-child) {
  margin-left:1.5rem
 }
 .criteria-widget.widget-secondary .widget-content,.criteria-widget.widget-secondary header,.graphic-widget.widget-secondary .widget-content,.graphic-widget.widget-secondary header {
  opacity:.7
 }
 .criteria-widget .sides-padding,.graphic-widget .sides-padding {
  padding:0 .1875rem
 }
 .criteria-widget header,.graphic-widget header {
  display:flex;
  align-items:flex-start;
  text-align:left;
  background-color:#d1d2d3;
  justify-content:space-between;
  line-height:normal
 }
 .criteria-widget header .space-around,.graphic-widget header .space-around {
  justify-content:space-around
 }
 .criteria-widget header h3,.graphic-widget header h3 {
  margin:0;
  font-size:1.00125rem;
  font-weight:400;
  display:inline-block;
  color:#000
 }
 .criteria-widget header .widget-target-status em,.graphic-widget header .widget-target-status em {
  font-weight:700;
  color:#333;
  font-style:normal
 }
 .criteria-widget header .widget-target-status .status-reading,.graphic-widget header .widget-target-status .status-reading {
  font-size:.75rem
 }
 .criteria-widget header .widget-target-status .status-icon,.graphic-widget header .widget-target-status .status-icon {
  padding-left:.26786rem;
  font-size:.75rem
 }
 .criteria-widget.status-red header,.graphic-widget.status-red header {
  background-color:#ff8c8e
 }
 .criteria-widget.status-yellow header,.graphic-widget.status-yellow header {
  background-color:#ffed00
 }
 .criteria-widget.status-green header,.graphic-widget.status-green header {
  background-color:#b6d806
 }
 .criteria-widget.status-green header .widget-target-status,.graphic-widget.status-green header .widget-target-status {
  color:#b6d806
 }
 .criteria-widget .widget-content,.graphic-widget .widget-content {
  flex:1;
  display:flex;
  align-self:stretch
 }
 .criteria-widget .widget-content.state-loading,.graphic-widget .widget-content.state-loading {
  justify-content:center;
  align-items:center
 }
 .criteria-widget .series-path,.graphic-widget .series-path {
  stroke:#62aacc;
  stroke-width:2;
  fill:none
 }
 .criteria-widget .series-path.series-1,.criteria-widget .series-path.series-open,.graphic-widget .series-path.series-1,.graphic-widget .series-path.series-open {
  stroke:#7a7dcc
 }
 .criteria-widget .series-path.series-2,.graphic-widget .series-path.series-2 {
  stroke:#cc7072
 }
 .criteria-widget .series-path.series-3,.graphic-widget .series-path.series-3 {
  stroke:#96b300
 }
 .criteria-widget .series-path.series-target,.graphic-widget .series-path.series-target {
  stroke:#96b300;
  stroke-width:1
 }
 .criteria-widget .series-path.series-busy,.graphic-widget .series-path.series-busy {
  stroke-width:1
 }
 .criteria-widget circle.series,.graphic-widget circle.series {
  fill:#82d1f5;
  opacity:.2
 }
 .criteria-widget circle.series.series-1,.criteria-widget circle.series.series-open,.graphic-widget circle.series.series-1,.graphic-widget circle.series.series-open {
  fill:#b0b2e9
 }
 .criteria-widget circle.series.series-2,.graphic-widget circle.series.series-2 {
  fill:#ff8c8e
 }
 .criteria-widget circle.series.series-3,.graphic-widget circle.series.series-3 {
  fill:#b6d806
 }
 .criteria-widget .series-area,.graphic-widget .series-area {
  fill:#82d1f5;
  opacity:.25
 }
 .criteria-widget .series-area.series-1,.criteria-widget .series-area.series-open,.graphic-widget .series-area.series-1,.graphic-widget .series-area.series-open {
  fill:#b0b2e9
 }
 .criteria-widget .series-area.series-2,.graphic-widget .series-area.series-2 {
  fill:#ff8c8e
 }
 .criteria-widget .series-area.series-3,.criteria-widget .series-area.series-target,.graphic-widget .series-area.series-3,.graphic-widget .series-area.series-target {
  fill:#b6d806
 }
 .criteria-widget .series-area.series-busy,.graphic-widget .series-area.series-busy {
  opacity:.15
 }
 .criteria-widget .legend,.graphic-widget .legend {
  text-anchor:start;
  font-size:.5618rem;
  fill:#62aacc
 }
 .criteria-widget .legend.series-1,.criteria-widget .legend.series-open,.graphic-widget .legend.series-1,.graphic-widget .legend.series-open {
  fill:#7a7dcc
 }
 .criteria-widget .legend.series-2,.graphic-widget .legend.series-2 {
  stroke:#cc7072
 }
 .criteria-widget .legend.series-3,.graphic-widget .legend.series-3 {
  stroke:#96b300
 }
 .criteria-widget .legend.series-target,.graphic-widget .legend.series-target {
  fill:#96b300
 }
 .criteria-widget .tick line,.graphic-widget .tick line {
  stroke:#d1d2d3;
  opacity:.5;
  stroke-dasharray:1,2;
  stroke-width:1
 }
 .criteria-widget .tick text,.graphic-widget .tick text {
  fill:#56565a;
  opacity:.5;
  font-size:.5618rem;
  text-anchor:start;
  font-weight:300;
  transform:translateY(.5618rem)
 }
 .criteria-widget .tick-x text,.graphic-widget .tick-x text {
  text-anchor:middle;
  transform:translateY(-.14045rem)
 }
 .criteria-widget .reference,.graphic-widget .reference {
  stroke:#96b300;
  stroke-width:1
 }
 .criteria-widget .reference.reference-y,.graphic-widget .reference.reference-y {
  stroke-dasharray:1,2;
  fill:#b6d806
 }
 .criteria-widget.widget-benchmark circle,.graphic-widget.widget-benchmark circle {
  opacity:.8
 }
 .criteria-widget.widget-status-all .widget-content,.graphic-widget.widget-status-all .widget-content {
  display:flex;
  flex-direction:row;
  align-items:flex-start
 }
 .criteria-widget.widget-status-all .widget-content .widget-entry,.graphic-widget.widget-status-all .widget-content .widget-entry {
  flex:1;
  padding:0;
  margin:0 .13393rem
 }
 .criteria-widget.widget-status-all .widget-entry-row,.criteria-widget.widget-status-all h4,.graphic-widget.widget-status-all .widget-entry-row,.graphic-widget.widget-status-all h4 {
  padding:0;
  margin:.26786rem 0;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center
 }
 .criteria-widget.widget-status-all h4,.graphic-widget.widget-status-all h4 {
  height:1.07143rem
 }
 .criteria-widget.widget-status-all .widget-entry-row,.graphic-widget.widget-status-all .widget-entry-row {
  height:2.14286rem;
  background-color:#d1d2d3
 }
 .criteria-widget.widget-status-all .status-red,.graphic-widget.widget-status-all .status-red {
  background-color:#ff8c8e
 }
 .criteria-widget.widget-status-all .status-yellow,.graphic-widget.widget-status-all .status-yellow {
  background-color:#ffed00
 }
 .criteria-widget.widget-status-all .status-green,.graphic-widget.widget-status-all .status-green {
  background-color:#b6d806
 }
 .criteria-widget.widget-status-all .status-blue,.graphic-widget.widget-status-all .status-blue {
  background-color:#82d1f5
 }
 .graphic-timeline .widget-content {
  min-height:250px
 }
 .widget-secondary .widget-content {
  min-height:100px
 }
 .widget-secondary header h3 {
  font-size:.75rem
 }
 .summary {
  background-color: black;
 }
 .section-header {
  color: white;
  background-color: black;
  padding: .5rem 0 .5rem 1rem;
 }
 .summary h2 {
  display:flex;
  align-items:flex-start;
  border-top:1px solid #fff;
  font-weight:300;
  color: white;
  padding:.53572rem 0;
  margin:.80357rem .75rem .26786rem
 }
 .summary h2:first-child {
  margin-top:0
 }
 .summary h2 span {
  padding-right:.375rem
 }
 .summary h2 .header-status {
  font-size:.75rem;
  padding:0 .375rem;
  margin:0 .375rem;
  color:#000
 }
 .summary h2 .header-status.header-status-red {
  background-color:#ff8c8e
 }
 .summary h2 .header-status.header-status-yellow {
  background-color:#ffed00
 }
 .summary h2 .header-status.header-status-green {
  background-color:#b6d806
 }
 .summary h2 .header-status.header-status-secondary {
  background-color:#faba00;
  opacity:.7
 }
 .summary h2 .header-status em {
  font-weight:700;
  font-style:normal;
  font-size:1.00125rem
 }
 .summary .row {
  background-color:#fff
 }
 .multipage.summary-fullscreen {
  height:100%
 }
 .multipage.summary-fullscreen .dashboard-main {
  flex-wrap:wrap
 }
 .multipage.summary-fullscreen .row {
  flex:1
 }
 .multipage.summary-fullscreen h2:last-child {
  display:block;
  border:none;
  text-align:center;
  margin:0
 }
 .multipage.summary-fullscreen h2:last-child strong {
  color:#0ff
 }
 .criteria-widget {
  flex:1;
  display:flex
 }
 .criteria-widget h4 {
  padding-top:0;
  font-weight:300;
  margin-top:0
 }
 .criteria-widget h4 strong {
  font-weight:700;
  color:#333
 }
 .criteria-widget h4 small {
  display:block;
  color:#56565a;
  font-size:.5618rem
 }
 .criteria-widget .widget-content {
  min-height:150px;
  position:relative;
  flex:1;
  display:flex;
  justify-content:space-around;
  align-items:flex-start
 }
 .criteria-widget .widget-content .widget-entry {
  max-width:15rem;
  padding:1.07143rem .75rem .53572rem
 }
 .criteria-widget .widget-content .widget-entry em {
  font-weight:700;
  color:#333;
  font-style:normal;
  font-size:1.00125rem
 }
 .criteria-widget .widget-target,.criteria-widget .widget-updated {
  font-size:.5618rem;
  line-height:.85714rem
 }
 .criteria-widget .widget-target {
  position:absolute;
  color:#56565a
 }
 .criteria-widget .widget-updated {
  color:#56565a;
  position:absolute;
  right:0;
  bottom:-.80357rem
 }
 .criteria-widget .widget-target {
  bottom:-.80357rem;
  left:0;
  padding:0
 }
 .graphic-scores {
  display:flex;
  align-items:center
 }
 .row .graphic-scores {
  flex-direction:column;
  justify-content:space-around
 }
 .scores {
  display:flex;
  justify-content:space-around
 }
 .score,.scores {
  align-items:center
 }
 .score {
  display:-ms-grid;
  display:grid;
  -ms-grid-rows:auto auto;
  grid-template-rows:auto auto;
  text-align:center
 }
 .score .score-main {
  font-size:1.78445rem;
  line-height:2.14286rem;
  color:#d1d2d3;
  font-weight:400
 }
 .score .score-extra {
  font-weight:300;
  font-size:1.33667rem;
  line-height:2.14286rem;
  color:#56565a;
  display:inline-block;
  padding-left:.375rem
 }
 .score .score-label {
  -ms-grid-row:2;
  grid-row-start:2;
  text-transform:uppercase;
  color:#56565a;
  display:inline-block;
  white-space:nowrap
 }
 .state-highlight .score-main {
  color:#fff;
  font-size:2.38224rem
 }
 .release .release-tick,.release .release-today {
  stroke:hsla(0,0%,100%,.7)
 }
 .release .release-label {
  opacity:1;
  font-size:1.78445rem;
  fill:#d1d2d3
 }
 .release.state-current .release-label {
  fill:#fff
 }
 .release .release-date {
  opacity:.8;
  font-weight:lighter
 }
 .release .release-line {
  stroke-width:2;
  opacity:1;
  fill:none
 }
 .release .release-line-content {
  stroke-width:2;
  opacity:1;
  fill:none;
  opacity:.5
 }
 .release .release-area {
  opacity:.2;
  stroke:none
 }
 .release .candidate-build {
  opacity:.25
 }
 .release .candidate .candidate-no-signal {
  opacity:.4
 }
 .release .candidate .candidate-hours {
  opacity:.35
 }
 .release .candidate .candidate-label {
  opacity:.8;
  font-weight:lighter
 }
 .release .candidate .candidate-rate {
  opacity:.35;
  fill:none
 }
 .features {
  width:33%
 }
 .features h2 {
  flex:1;
  margin:0;
  padding:0 .75rem;
  font-size:1.00125rem;
  line-height:2.14286rem;
  color:#56565a;
  font-weight:400;
  text-align:right
 }
 .features>.table-row {
  display:flex
 }
 .features>.table-row>span {
  font-weight:400;
  border:1px solid transparent;
  position:relative
 }
 .features>.table-row .feature-title {
  flex:1;
  overflow:hidden;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:1.00125rem;
  line-height:2.14286rem;
  min-width:0;
  padding:0 .75rem 0 1.5rem
 }
 .features>.table-row .icon-ref {
  position:absolute;
  right:.1875rem;
  top:.26786rem;
  text-align:left;
  width:.75rem;
  height:1.07143rem;
  color:#000;
  opacity:.5
 }
 .features>.table-row .icon-ref.icon-bz {
  background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+QXJ0Ym9hcmQgMTwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZWxsaXBzZSBmaWxsPSIjMDAwIiBjeD0iOCIgY3k9IjkiIHJ4PSI1IiByeT0iNiIvPjxwYXRoIGQ9Ik0xNCA5LjVIMk0xMyAxM0wyLjUgNk0xMy41IDZMMyAxMyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjgiIGN5PSI0IiByPSIzIi8+PC9nPjwvc3ZnPg==") 100% no-repeat;
  width:.75rem;
  height:1.07143rem;
  background-size:contain;
  display:inline-block
 }
 .features>.table-row .feature-status {
  display:flex;
  justify-content:center;
  align-items:center;
  width:2.25rem;
  font-weight:300;
  text-transform:uppercase;
  padding:0 .1875rem;
  text-shadow:0 0 2px rgba(0,0,0,.5);
  overflow:hidden;
  white-space:nowrap;
  min-width:0;
  font-size:.5618rem
 }
 .features>.table-row .feature-status.status-firefox {
  width:3.75rem
 }
 .features>.table-row .feature-status.status-nope {
  background-color:#c33b32;
  border-color:#922c26
 }
 .features>.table-row .feature-status.status-shrug {
  color:hsla(0,0%,100%,.5)
 }
 .features>.table-row .feature-status.status-under-consideration {
  background-color:#f18a21;
  border-color:#b56819
 }
 .features>.table-row .feature-status.status-in-development {
  background-color:#ffcd02;
  border-color:#bf9a02
 }
 .features>.table-row .feature-status.status-shipped {
  background-color:#6fbe4a;
  border-color:#538f38
 }
 .features>.table-row .feature-status.status-versioned {
  font-size:.75rem;
  font-weight:700
 }
 .mg-baselines line,.mg-markers line,.mg-x-axis line,.mg-y-axis line {
  opacity:.5
 }
 .mg-active-datapoint,.mg-baselines text,.mg-histogram .axis text,.mg-markers text,.mg-x-axis text,.mg-y-axis text {
  fill:#fff;
  opacity:1;
  font-size:1rem;
  font-weight:400
 }
 .mg-markers text {
  font-weight:400;
  opacity:1;
  font-size:.5618rem;
  opacity:.7;
  font-weight:300
 }
 .mg-barplot rect.mg-bar {
  fill:#c33b32
 }
 .dashboard-metric .channel-label text {
  fill:#d1d2d3;
  text-shadow:1px 1px 1px #000,-1px -1px 1px #000;
  font-weight:700;
  stroke:none
 }
 .dashboard-metric .channel-label text:first-child {
  font-size:.75rem;
  text-anchor:end;
  transform:translate(-2px,-.2809rem)
 }
 .dashboard-metric .channel-label text:last-child {
  font-size:.5618rem;
  font-weight:400;
  text-anchor:start;
  transform:translate(2px,-.2809rem)
 }
 .dashboard-metric .channel-label circle {
  opacity:.5;
  fill:#fff
 }
 .dashboard-metric .channel-line path {
  fill:none
 }
 .dashboard-metric .title text {
  font-size:1.78445rem;
  stroke:#000;
  font-weight:300;
  text-anchor:start;
  opacity:.3;
  transform:translateY(1.9629rem)
 }
 .dashboard-metric .tick line {
  stroke:#56565a;
  stroke-width:1
 }
 .dashboard-metric .tick text {
  fill:#000;
  font-size:.75rem;
  text-anchor:start;
  font-weight:300;
  transform:translateY(.2809rem)
 }
 .dashboard-metric .tick-x line {
  opacity:.5
 }
 .dashboard-metric .tick-x text {
  text-anchor:middle;
  transform:translateY(-.14045rem)
 }
 .dashboard-metric .tick-axis text {
  font-weight:400;
  fill:#fff
 }
 .dashboard-metric .tick-secondary line {
  stroke-dasharray:1,2
 }
 @keyframes a {
  0% {
   opacity:.1
  }
  to {
   opacity:1
  }
 }
 .row.photon-perf {
  flex-flow:wrap;
  font-size:1em;
  padding-bottom:0;
 }
 .photon-perf path.mg-line1,.photon-perf path.mg-line2,.photon-perf path.mg-line3,.photon-perf path.mg-line4,.photon-perf path.mg-line5 {
  stroke-width:2
 }
 .generic-metrics-graphics .graph-subtitle {
  margin-bottom:1em
 }
 .generic-metrics-graphics .graph {
  min-height:300px;
  min-width:400px;
  position:relative
 }
 .generic-metrics-graphics .graph-legend {
  position:absolute;
  right:0
 }
 .generic-metrics-graphics .mg-active-datapoint-container {
  transform:translateY(2em)
 }
 .generic-metrics-graphics .mg-active-datapoint {
  fill:#000;
  font-size:1em;
  font-weight:350
 }
 .generic-metrics-graphics .label,.generic-metrics-graphics .mg-x-axis text,.generic-metrics-graphics .mg-y-axis text {
  fill:#000;
  font-size:.9em;
  opacity:.5;
  text-transform:none
 }
 .generic-metrics-graphics .mg-x-axis .label {
  transform:translateY(-.5em)
 }
 .align-center {
  text-align:center
 }
 .narrow-content {
  width:25%
 }
 .wide-content {
  flex:2
 }
 .no-left-margin {
  margin-left:0!important
 }
 .status-widget {
  display:flex;
  justify-content:space-between
 }
 .status-widget .enrich {
  font-size:1em;
  font-weight:700
 }
 .summary-table {
  border-spacing:0;
  text-align:right;
  white-space:nowrap
 }
 .summary-table .column {
  padding:0 0 0 .7em
 }
 .summary-table .title-container {
  max-width:300px;
  overflow:hidden;
  padding:0;
  text-align:left
 }
 .status-red {
  background-color:#ff8c8e
 }
 .status-yellow {
  background-color:#ffed00
 }
 .status-green {
  background-color:#b6d806
 }
 .padded {
  line-height:1em;
  padding:.45em
 }
 .aligned-center {
  margin:0 auto
 }
 .error-message {
  color:"red"
 }
 @media (min-width:1400px) and (min-height:700px) {
  .state-loading .dashboard-main {
   margin-bottom:.81696rem;
   padding-top:.25447rem;
   line-height:1.07143rem;
   font-size:1.78445rem
  }
  section.state-loading {
   padding-top:.25447rem;
   line-height:1.07143rem;
   font-size:1.78445rem
  }
  .home .dashboard-main h2,section.state-loading {
   margin-bottom:.81696rem
  }
  .home .dashboard-main h2 {
   padding-top:.25447rem;
   line-height:1.07143rem;
   font-size:1.78445rem
  }
  .home .dashboard-main a {
   margin-bottom:.81696rem;
   padding-top:.25447rem;
   line-height:1.07143rem;
   font-size:1.78445rem
  }
  .mg-header {
   padding-top:.25447rem;
   line-height:1.07143rem;
   font-size:1.33667rem
  }
  .graphic.state-loading,.mg-header {
   margin-bottom:.81696rem
  }
  .graphic.state-loading {
   padding-top:.25447rem;
   line-height:1.07143rem;
   font-size:1.33667rem
  }
  .summary h2 {
   padding-top:.25447rem;
   line-height:1.07143rem;
   font-size:1.33667rem
  }
  .summary h2,h1 {
   margin-bottom:.81696rem
  }
  small {
   padding-top:.25447rem;
   line-height:1.07143rem;
   font-size:1.00125rem
  }
  .dashboard-link,small {
   margin-bottom:.81696rem
  }
  .dashboard-link {
   padding-top:.25447rem;
   font-size:1.00125rem
  }
  .dashboard-link,body {
   line-height:1.07143rem
  }
  body {
   font-size:.75rem
  }
  .home .dashboard-main h2 {
   margin-top:2.14286rem
  }
  .home .dashboard-main a {
   margin-top:.53572rem
  }
  .row {
   padding: 0;
  }
  .row .aside {
   width:2.14286rem
  }
  .row .aside span {
   font-size:.75rem
  }
  .graphic-details {
   height:5.35715rem
  }
  .criteria-widget:not(:first-child),.graphic-widget:not(:first-child) {
   margin-left:1.5rem
  }
  .criteria-widget .sides-padding,.graphic-widget .sides-padding {
   padding:0 .1875rem
  }
  .criteria-widget header h3,.graphic-widget header h3 {
   font-size:1.00125rem
  }
  .criteria-widget header .widget-target-status .status-reading,.graphic-widget header .widget-target-status .status-icon,.graphic-widget header .widget-target-status .status-reading {
   font-size:.75rem
  }
  .graphic-widget header .widget-target-status .status-icon {
   padding-left:.26786rem
  }
  .criteria-widget header .widget-target-status .status-icon {
   font-size:.75rem;
   padding-left:.26786rem
  }
  .criteria-widget .legend,.graphic-widget .legend {
   font-size:.5618rem
  }
  .graphic-widget .tick text {
   font-size:.5618rem
  }
  .criteria-widget .tick text,.graphic-widget .tick text {
   transform:translateY(.5618rem)
  }
  .criteria-widget .tick text {
   font-size:.5618rem
  }
  .criteria-widget .tick-x text,.graphic-widget .tick-x text {
   transform:translateY(-.14045rem)
  }
  .criteria-widget.widget-status-all .widget-content .widget-entry,.graphic-widget.widget-status-all .widget-content .widget-entry {
   margin:0 .13393rem
  }
  .criteria-widget.widget-status-all .widget-entry-row,.criteria-widget.widget-status-all h4,.graphic-widget.widget-status-all .widget-entry-row,.graphic-widget.widget-status-all h4 {
   margin:.26786rem 0
  }
  .criteria-widget.widget-status-all h4,.graphic-widget.widget-status-all h4 {
   height:1.07143rem
  }
  .criteria-widget.widget-status-all .widget-entry-row,.graphic-widget.widget-status-all .widget-entry-row {
   height:2.14286rem
  }
  .widget-secondary header h3 {
   font-size:.75rem
  }
  .summary h2 {
   margin:.80357rem .75rem .26786rem;
   padding:.53572rem 0
  }
  .summary h2 span {
   padding-right:.375rem
  }
  .summary h2 .header-status {
   margin:0 .375rem;
   padding:0 .375rem;
   font-size:.75rem
  }
  .summary h2 .header-status em {
   font-size:1.00125rem
  }
  .criteria-widget h4 small {
   font-size:.5618rem
  }
  .criteria-widget .widget-content .widget-entry {
   padding:1.07143rem .75rem .53572rem;
   max-width:15rem
  }
  .criteria-widget .widget-content .widget-entry em {
   font-size:1.00125rem
  }
  .criteria-widget .widget-updated {
   line-height:.85714rem;
   font-size:.5618rem
  }
  .criteria-widget .widget-target {
   line-height:.85714rem;
   font-size:.5618rem
  }
  .criteria-widget .widget-target,.criteria-widget .widget-updated {
   bottom:-.80357rem
  }
  .score .score-main {
   line-height:2.14286rem;
   font-size:1.78445rem
  }
  .score .score-extra {
   padding-left:.375rem;
   line-height:2.14286rem;
   font-size:1.33667rem
  }
  .state-highlight .score-main {
   font-size:2.38224rem
  }
  .release .release-label {
   font-size:1.78445rem
  }
  .features h2 {
   line-height:2.14286rem;
   font-size:1.00125rem;
   padding:0 .75rem
  }
  .features>.table-row .feature-title {
   padding:0 .75rem 0 1.5rem;
   line-height:2.14286rem;
   font-size:1.00125rem
  }
  .features>.table-row .icon-ref {
   height:1.07143rem;
   width:.75rem;
   top:.26786rem;
   right:.1875rem
  }
  .features>.table-row .icon-ref.icon-bz {
   height:1.07143rem;
   width:.75rem
  }
  .features>.table-row .feature-status {
   font-size:.5618rem;
   padding:0 .1875rem;
   width:2.25rem
  }
  .features>.table-row .feature-status.status-firefox {
   width:3.75rem
  }
  .features>.table-row .feature-status.status-versioned {
   font-size:.75rem
  }
  .mg-markers text {
   font-size:.5618rem
  }
  .dashboard-metric .channel-label text:first-child {
   transform:translate(-2px,-.2809rem);
   font-size:.75rem
  }
  .dashboard-metric .channel-label text:last-child {
   transform:translate(2px,-.2809rem);
   font-size:.5618rem
  }
  .dashboard-metric .title text {
   transform:translateY(1.9629rem);
   font-size:1.78445rem
  }
  .dashboard-metric .tick text {
   transform:translateY(.2809rem);
   font-size:.75rem
  }
  .dashboard-metric .tick-x text {
   transform:translateY(-.14045rem)
  }
 }
 @media (min-width:1200px) and (min-height:800px) {
  .home .dashboard-main a,.home .dashboard-main h2,.state-loading .dashboard-main,section.state-loading {
   font-size:2.38224rem
  }
  .graphic-details {
   height:7.50001rem
  }
  @media (min-width:1400px) and (min-height:700px) {
   .graphic-details {
    height:7.50001rem
   }
  }
  .score .score-main {
   font-size:2.38224rem
  }
  .score .score-extra,.score .score-main {
   line-height:2.14286rem
  }
  .state-highlight .score-main {
   font-size:4.2457rem
  }
  .release .release-label {
   font-size:2.38224rem
  }
  .features>.table-row .feature-title,.features h2 {
   line-height:2.14286rem
  }
  .dashboard-metric .title text {
   transform:translateY(2.62046rem);
   font-size:2.38224rem
  }
 }
 @media (min-width:1200px) {
  .mg-markers text {
   font-weight:300
  }
 }
 .mg-active-datapoint {
  fill:#000;
  font-size:.9rem;
  font-weight:400;
  opacity:.8
 }
 .mg-area1-color {
  fill:#00f
 }
 .mg-area2-color {
  fill:#05b378
 }
 .mg-area3-color {
  fill:#db4437
 }
 .mg-area4-color {
  fill:#f8b128
 }
 .mg-area5-color {
  fill:#5c5c5c
 }
 text.mg-barplot-group-label {
  font-weight:900
 }
 .mg-barplot rect.mg-bar {
  shape-rendering:auto
 }
 .mg-barplot rect.mg-bar.default-bar {
  fill:#b6b6fc
 }
 .mg-barplot rect.mg-bar.default-active {
  fill:#9e9efc
 }
 .mg-barplot .mg-bar-prediction {
  fill:#5b5b5b
 }
 .mg-barplot .mg-bar-baseline {
  stroke:#5b5b5b;
  stroke-width:2
 }
 .mg-bar-target-element {
  font-size:11px;
  padding-left:5px;
  padding-right:5px;
  font-weight:300
 }
 .mg-baselines line {
  opacity:1;
  shape-rendering:auto;
  stroke:#b3b2b2;
  stroke-width:1px
 }
 .mg-baselines text {
  fill:#000;
  font-size:.9rem;
  opacity:.6;
  stroke:none
 }
 .mg-baselines-small text {
  font-size:.6rem
 }
 .mg-category-guides line {
  stroke:#b3b2b2
 }
 .mg-header {
  cursor:default;
  font-size:1.2rem
 }
 .mg-header .mg-chart-description,.mg-header .mg-warning {
  fill:#ccc;
  font-family:FontAwesome;
  font-size:1.2rem
 }
 .mg-points circle {
  opacity:.65
 }
 .mg-popover {
  font-size:.95rem
 }
 .mg-popover-content {
  cursor:auto;
  line-height:17px
 }
 .mg-data-table {
  margin-top:30px
 }
 .mg-data-table thead tr th {
  border-bottom:1px solid #a9a9a9;
  cursor:default;
  font-size:1.1rem;
  font-weight:400;
  padding:5px 5px 8px;
  text-align:right
 }
 .mg-data-table thead tr th .fa {
  color:#ccc;
  padding-left:4px
 }
 .mg-data-table thead tr th .popover {
  font-size:1rem;
  font-weight:400
 }
 .mg-data-table .secondary-title {
  color:#a9a9a9
 }
 .mg-data-table tbody tr td {
  margin:2px;
  padding:5px;
  vertical-align:top
 }
 .mg-data-table tbody tr td.table-text {
  opacity:.8;
  padding-left:30px
 }
 .mg-x-axis line.mg-extended-xax-ticks,.mg-y-axis line.mg-extended-yax-ticks {
  opacity:.4
 }
 .mg-histogram .axis line,.mg-histogram .axis path {
  fill:none;
  opacity:.7;
  shape-rendering:auto;
  stroke:#ccc
 }
 tspan.hist-symbol {
  fill:#9e9efc
 }
 .mg-histogram .mg-bar rect {
  fill:#b6b6fc;
  shape-rendering:auto
 }
 .mg-histogram .mg-bar rect.active {
  fill:#9e9efc
 }
 .mg-least-squares-line {
  stroke:red;
  stroke-width:1px
 }
 .mg-lowess-line {
  fill:none;
  stroke:red
 }
 .mg-line1-color {
  stroke:#4040e8
 }
 .mg-hover-line1-color {
  fill:#4040e8
 }
 .mg-line2-color {
  stroke:#05b378
 }
 .mg-hover-line2-color {
  fill:#05b378
 }
 .mg-line3-color {
  stroke:#db4437
 }
 .mg-hover-line3-color {
  fill:#db4437
 }
 .mg-line4-color {
  stroke:#f8b128
 }
 .mg-hover-line4-color {
  fill:#f8b128
 }
 .mg-line5-color {
  stroke:#5c5c5c
 }
 .mg-hover-line5-color {
  fill:#5c5c5c
 }
 .mg-line-legend text {
  font-size:.9rem;
  font-weight:300;
  stroke:none
 }
 .mg-line1-legend-color {
  color:#4040e8;
  fill:#4040e8
 }
 .mg-line2-legend-color {
  color:#05b378;
  fill:#05b378
 }
 .mg-line3-legend-color {
  color:#db4437;
  fill:#db4437
 }
 .mg-line4-legend-color {
  color:#f8b128;
  fill:#f8b128
 }
 .mg-line5-legend-color {
  color:#5c5c5c;
  fill:#5c5c5c
 }
 .mg-main-area-solid svg .mg-main-area {
  fill:#ccf;
  opacity:1
 }
 .mg-markers line {
  opacity:1;
  shape-rendering:auto;
  stroke:#b3b2b2;
  stroke-width:1px
 }
 .mg-markers text {
  fill:#000;
  font-size:.8rem;
  opacity:.6
 }
 .mg-missing-text {
  opacity:.9
 }
 .mg-missing-background {
  stroke:blue;
  fill:none;
  stroke-dasharray:10,5;
  stroke-opacity:.05;
  stroke-width:2
 }
 .mg-missing .mg-main-line {
  opacity:.1
 }
 .mg-missing .mg-main-area {
  opacity:.03
 }
 path.mg-main-area {
  opacity:.2;
  stroke:none
 }
 path.mg-confidence-band {
  fill:#ccc;
  opacity:.4;
  stroke:none
 }
 path.mg-main-line {
  fill:none;
  opacity:.8;
  stroke-width:1.1px
 }
 .mg-points circle {
  fill-opacity:.4;
  stroke-opacity:1
 }
 circle.mg-points-mono,tspan.mg-points-mono {
  fill:#00f;
  stroke:#00f
 }
 .mg-points circle.selected {
  fill-opacity:1;
  stroke-opacity:1
 }
 .mg-voronoi path {
  fill:none;
  pointer-events:all;
  stroke:none;
  stroke-opacity:.1
 }
 .mg-x-rug-mono,.mg-y-rug-mono {
  stroke:#000
 }
 .mg-x-axis line,.mg-y-axis line {
  opacity:1;
  shape-rendering:auto;
  stroke:#b3b2b2;
  stroke-width:1px
 }
 .mg-histogram .axis text,.mg-x-axis text,.mg-y-axis text {
  fill:#000;
  font-size:.9rem;
  opacity:.6
 }
 .mg-axis .label,.mg-x-axis .label,.mg-y-axis .label {
  font-size:.8rem;
  text-transform:uppercase;
  font-weight:400
 }
 .mg-active-datapoint-small,.mg-x-axis-small text,.mg-y-axis-small text {
  font-size:.6rem
 }
 .mg-x-axis-small .label,.mg-y-axis-small .label {
  font-size:.65rem
 }
 .mg-year-marker text {
  fill:#000;
  font-size:.7rem;
  opacity:.6
 }
 .mg-year-marker line {
  opacity:1;
  shape-rendering:auto;
  stroke:#b3b2b2;
  stroke-width:1px
 }
 .mg-year-marker-small text {
  font-size:.6rem
 }
 .ReactTable {
  position:relative;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(0,0,0,.1)
 }
 .ReactTable * {
  box-sizing:border-box
 }
 .ReactTable .rt-table {
  flex:auto 1;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  border-collapse:collapse;
  overflow:auto
 }
 .ReactTable .rt-thead {
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
 }
 .ReactTable .rt-thead.-headerGroups {
  background:rgba(0,0,0,.03)
 }
 .ReactTable .rt-thead.-filters,.ReactTable .rt-thead.-headerGroups {
  border-bottom:1px solid rgba(0,0,0,.05)
 }
 .ReactTable .rt-thead.-filters input,.ReactTable .rt-thead.-filters select {
  border:1px solid rgba(0,0,0,.1);
  background:#fff;
  padding:5px 7px;
  font-size:inherit;
  border-radius:3px;
  font-weight:400;
  outline:none
 }
 .ReactTable .rt-thead.-filters .rt-th {
  border-right:1px solid rgba(0,0,0,.02)
 }
 .ReactTable .rt-thead.-header {
  box-shadow:0 2px 15px 0 rgba(0,0,0,.15)
 }
 .ReactTable .rt-thead .rt-tr {
  text-align:center
 }
 .ReactTable .rt-thead .rt-td,.ReactTable .rt-thead .rt-th {
  padding:5px;
  line-height:normal;
  position:relative;
  border-right:1px solid rgba(0,0,0,.05);
  transition:box-shadow .3s cubic-bezier(.175,.885,.32,1.275);
  box-shadow:inset 0 0 0 0 transparent
 }
 .ReactTable .rt-thead .rt-td.-sort-asc,.ReactTable .rt-thead .rt-th.-sort-asc {
  box-shadow:inset 0 3px 0 0 rgba(0,0,0,.6)
 }
 .ReactTable .rt-thead .rt-td.-sort-desc,.ReactTable .rt-thead .rt-th.-sort-desc {
  box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.6)
 }
 .ReactTable .rt-thead .rt-td.-cursor-pointer,.ReactTable .rt-thead .rt-th.-cursor-pointer {
  cursor:pointer
 }
 .ReactTable .rt-thead .rt-td:last-child,.ReactTable .rt-thead .rt-th:last-child {
  border-right:0
 }
 .ReactTable .rt-thead .rt-resizable-header {
  overflow:visible
 }
 .ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow:hidden
 }
 .ReactTable .rt-thead .rt-resizable-header-content {
  overflow:hidden;
  text-overflow:ellipsis
 }
 .ReactTable .rt-thead .rt-header-pivot {
  border-right-color:#f7f7f7
 }
 .ReactTable .rt-thead .rt-header-pivot:after,.ReactTable .rt-thead .rt-header-pivot:before {
  left:100%;
  top:50%;
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none
 }
 .ReactTable .rt-thead .rt-header-pivot:after {
  border-color:hsla(0,0%,100%,0);
  border-left-color:#fff;
  border-width:8px;
  margin-top:-8px
 }
 .ReactTable .rt-thead .rt-header-pivot:before {
  border-color:hsla(0,0%,40%,0);
  border-left-color:#f7f7f7;
  border-width:10px;
  margin-top:-10px
 }
 .ReactTable .rt-tbody {
  flex:99999 1 auto;
  display:flex;
  flex-direction:column;
  overflow:auto
 }
 .ReactTable .rt-tbody .rt-tr-group {
  border-bottom:1px solid rgba(0,0,0,.05)
 }
 .ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom:0
 }
 .ReactTable .rt-tbody .rt-td {
  border-right:1px solid rgba(0,0,0,.02)
 }
 .ReactTable .rt-tbody .rt-td:last-child {
  border-right:0
 }
 .ReactTable .rt-tbody .rt-expandable {
  cursor:pointer
 }
 .ReactTable .rt-tr-group {
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
  align-items:stretch
 }
 .ReactTable .rt-tr {
  flex:1 0 auto;
  display:inline-flex
 }
 .ReactTable .rt-td,.ReactTable .rt-th {
  flex:1 0 0;
  white-space:nowrap;
  text-overflow:ellipsis;
  padding:7px 5px;
  overflow:hidden;
  transition:.3s ease;
  transition-property:width,min-width,padding,opacity
 }
 .ReactTable .rt-td.-hidden,.ReactTable .rt-th.-hidden {
  width:0!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important
 }
 .ReactTable .rt-expander {
  display:inline-block;
  position:relative;
  margin:0;
  color:transparent;
  margin:0 10px
 }
 .ReactTable .rt-expander:after {
  content:"";
  position:absolute;
  width:0;
  height:0;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) rotate(-90deg);
  border-left:5.04px solid transparent;
  border-right:5.04px solid transparent;
  border-top:7px solid rgba(0,0,0,.8);
  transition:all .3s cubic-bezier(.175,.885,.32,1.275);
  cursor:pointer
 }
 .ReactTable .rt-expander.-open:after {
  transform:translate(-50%,-50%) rotate(0)
 }
 .ReactTable .rt-resizer {
  display:inline-block;
  position:absolute;
  width:36px;
  top:0;
  bottom:0;
  right:-18px;
  cursor:col-resize;
  z-index:10
 }
 .ReactTable .rt-tfoot {
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
  box-shadow:0 0 15px 0 rgba(0,0,0,.15)
 }
 .ReactTable .rt-tfoot .rt-td {
  border-right:1px solid rgba(0,0,0,.05)
 }
 .ReactTable .rt-tfoot .rt-td:last-child {
  border-right:0
 }
 .ReactTable.-striped .rt-tr.-odd {
  background:rgba(0,0,0,.03)
 }
 .ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  background:rgba(0,0,0,.05)
 }
 .ReactTable .-pagination {
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:stretch;
  flex-wrap:wrap;
  padding:3px;
  box-shadow:0 0 15px 0 rgba(0,0,0,.1);
  border-top:2px solid rgba(0,0,0,.1)
 }
 .ReactTable .-pagination input,.ReactTable .-pagination select {
  border:1px solid rgba(0,0,0,.1);
  background:#fff;
  padding:5px 7px;
  font-size:inherit;
  border-radius:3px;
  font-weight:400;
  outline:none
 }
 .ReactTable .-pagination .-btn {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  display:block;
  width:100%;
  height:100%;
  border:0;
  border-radius:3px;
  padding:6px;
  font-size:1em;
  color:rgba(0,0,0,.6);
  background:rgba(0,0,0,.1);
  transition:all .1s ease;
  cursor:pointer;
  outline:none
 }
 .ReactTable .-pagination .-btn[disabled] {
  opacity:.5;
  cursor:default
 }
 .ReactTable .-pagination .-btn:not([disabled]):hover {
  background:rgba(0,0,0,.3);
  color:#fff
 }
 .ReactTable .-pagination .-next,.ReactTable .-pagination .-previous {
  flex:1;
  text-align:center
 }
 .ReactTable .-pagination .-center {
  flex:1.5;
  text-align:center;
  margin-bottom:0;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-around
 }
 .ReactTable .-pagination .-pageInfo {
  display:inline-block;
  margin:3px 10px;
  white-space:nowrap
 }
 .ReactTable .-pagination .-pageJump {
  display:inline-block
 }
 .ReactTable .-pagination .-pageJump input {
  width:70px;
  text-align:center
 }
 .ReactTable .-pagination .-pageSizeOptions {
  margin:3px 10px
 }
 .ReactTable .rt-noData {
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:1;
  padding:20px;
  color:rgba(0,0,0,.5)
 }
 .ReactTable .-loading,.ReactTable .rt-noData {
  display:block;
  position:absolute;
  background:hsla(0,0%,100%,.8);
  transition:all .3s ease;
  pointer-events:none
 }
 .ReactTable .-loading {
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:-1;
  opacity:0
 }
 .ReactTable .-loading>div {
  position:absolute;
  display:block;
  text-align:center;
  width:100%;
  top:50%;
  left:0;
  font-size:15px;
  color:rgba(0,0,0,.6);
  transform:translateY(-52%);
  transition:all .3s cubic-bezier(.25,.46,.45,.94)
 }
 .ReactTable .-loading.-active {
  opacity:1;
  z-index:2;
  pointer-events:all
 }
 .ReactTable .-loading.-active>div {
  transform:translateY(50%)
 }
 .ReactTable .rt-resizing .rt-td,.ReactTable .rt-resizing .rt-th {
  transition:none!important;
  cursor:col-resize;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
 }