#wired-keyboards-barchart .content{gap:0;}
.barchart-freehtml-container {display: inline-block;}
.barchart-line-row {text-align: left; padding: 10px 0;}
.barchart-line-row > div {display: inline-block; vertical-align: middle;}
.barchart-line-row .barchart-label,
.barchart-line-row .barchart-data {font-family: "Titillium Web", RazerF5, Arial, Helvetica, sans-serif; font-weight: 700;position: relative;}
.barchart-line-row .barchart-label span {display: block;}
.barchart-line-row .barchart-label .text {text-transform: uppercase;}
.barchart-line-row .barchart-label.left {width: 230px; text-align: right; padding-right: 20px;}
.barchart-line-row .barchart-label.right span {color: #fff;}
.barchart-line-row .barchart-label.left .text {font-size: 0.875rem; line-height: 14px;}
.barchart-line-row .barchart-label.left .number {font-size: 23.6px; line-height: 25px;}
.barchart-line-row .barchart-label.right .text {font-size: 9.18px; line-height: 12px;}
.barchart-line-row .barchart-label.right .number {font-size: 19.67px; line-height: 22px;}
.barchart-line-row .barchart-data {height: 60px; margin-right: 8px;padding-left:10px;font-size: 18px; line-height: 60px;color:#000;}
.barchart-line-row.fill-green .barchart-label.left span {color: #44d62c;}
.barchart-line-row.fill-green .barchart-data {background: linear-gradient(270deg, rgba(25,75,16,1) 0%, rgba(68,214,44,1) 50%);}
.barchart-line.fill-blue .barchart-label.left span {color: #3396c4;}
.barchart-line-row.fill-blue .barchart-data {background: linear-gradient(270deg, rgba(15,45,58,1) 0%, rgba(51,150,196,1) 50%);}
.barchart-line-row.fill-red .barchart-label.left span {color: #ff0000;}
.barchart-line-row.fill-red .barchart-data {background: linear-gradient(270deg, rgba(94,0,0,1) 0%, rgba(255,0,0,1) 50%);}
.barchart-line-row.fill-yellow .barchart-label.left span {color: #fbed20;}
.barchart-line-row.fill-yellow .barchart-data {background: linear-gradient(270deg, rgba(94,88,0,1) 0%, rgba(251,237,32,1) 50%);}
.barchart-freehtml-container .wrapper{position: relative;}
.barchart-freehtml-container .faster{
  position: absolute;
  right: 10%;
  bottom:10%;
  text-align: center;
  color:#fff;
  font-size: 3rem;
  line-height: 3.5rem;
  font-weight: bold;
  font-family: "Titillium Web",RazerF5,Arial,Helvetica,sans-serif;
  text-transform: uppercase;
}
.barchart-freehtml-container .faster-bar{
  display: block;
  height: 140px;
  width: 22px;
  background: url('//assets2.razerzone.com/images/pnx.assets/f9c5a1e80ce12c4c04c5c20d33e6d39b/arrow-percent-age.webp') no-repeat center center;
  position: absolute;
  right: 0;
  bottom:0;
  border-left: 1px dashed #fff;
  border-right: 1px dashed #fff;
}
.barchart-freehtml-container .faster .percent{
  color:#44d62c;
  display: block;
  font-size: 5.5rem;
  font-weight: 700;
  line-height: 5rem;
}
.barchart-line-row.razer-keyboard-8khz .barchart-data {width: 160px;}
.barchart-line-row.competitor-keyboard-a .barchart-data {width: 182px;}
.barchart-line-row.competitor-keyboard-b .barchart-data {width: 450px;}
html:lang(de-DE) .barchart-freehtml-container .faster,
html:lang(fr-FR) .barchart-freehtml-container .faster,
html:lang(fr-CA) .barchart-freehtml-container .faster,
html:lang(it-IT) .barchart-freehtml-container .faster,
html:lang(pt-BR) .barchart-freehtml-container .faster{font-size: 2rem;}
@media (min-width: 768px) {
  .barchart-line-row .barchart-data br{display:none;}
    html:lang(de-DE) .barchart-freehtml-container .faster,
  html:lang(fr-FR) .barchart-freehtml-container .faster,
  html:lang(fr-CA) .barchart-freehtml-container .faster,
  html:lang(it-IT) .barchart-freehtml-container .faster,
  html:lang(pt-BR) .barchart-freehtml-container .faster{right: 0;}
}
@media (max-width: 767px) {
  .barchart-freehtml-container {display: block;}	
  .barchart-line-row .barchart-label.left {width: 90px; padding-right: 10px;}
  .barchart-line-row .barchart-label.left .text {font-size: 0.75rem; line-height: 0.75rem;}
  .barchart-line-row .barchart-label.left .number {font-size: 17px; line-height: 20px;}
  .barchart-line-row .barchart-label.right .text {font-size: 8px; line-height: 10px;}
  .barchart-line-row .barchart-label.right .number {font-size: 17px; line-height: 20px;}
    .barchart-line-row .barchart-data {line-height: 18px;padding-top: 6px;}
    .barchart-line-row.razer-keyboard-8khz .barchart-data {width: 21%;}
  .barchart-line-row.competitor-keyboard-a .barchart-data {width: 26%;}
  .barchart-line-row.competitor-keyboard-b .barchart-data {width: 64%;}
    .barchart-freehtml-container .faster{font-size: 1.5rem;line-height: 1.5rem;bottom: 27%;right: 15%;}
  .barchart-freehtml-container .faster .percent{font-size: 2.5rem;line-height: 2.5rem;}
    html:lang(de-DE) .barchart-freehtml-container .faster,
  html:lang(it-IT) .barchart-freehtml-container .faster{font-size: 1rem;}
  html:lang(fr-FR) .barchart-freehtml-container .faster,
  html:lang(fr-CA) .barchart-freehtml-container .faster,
  html:lang(pt-BR) .barchart-freehtml-container .faster{font-size: 0.9rem;}
}
@media (max-width: 320px) {
  .barchart-line-row.razer-keyboard-8khz .barchart-data {width: 20%;}
  .barchart-freehtml-container .faster{right: 8%;}
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}