#outclass-graph .barchart-line {text-align: left; padding: 10px 0; display: flex; column-gap: 25px; align-items: center;}
#outclass-graph .barchart-line .barchart-label {font-family: "Titillium Web", RazerF5, Arial, Helvetica, sans-serif; font-weight: 700;}
#outclass-graph .barchart-line .barchart-label.left {flex: 0 0 180px;}
#outclass-graph .barchart-line .barchart-label.right span {color: #fff; white-space: nowrap;}
#outclass-graph .barchart-line .barchart-wrapper {flex-grow: 1; display: flex; column-gap: 25px; align-items: center;}
#outclass-graph .barchart-line .barchart-data {height: 50px; }
#outclass-graph .barchart-line.fill-green .barchart-label.left span {color: #44d62c;}
#outclass-graph .barchart-line.fill-green .barchart-data {background: linear-gradient(90deg, rgba(25,75,16,1) 0%, rgba(68,214,44,1) 50%);}
#outclass-graph .barchart-line.fill-purple .barchart-label.left span {color: #9668fd;}
#outclass-graph .barchart-line.fill-purple .barchart-data {background: linear-gradient(90deg, rgba(21,8,72,1) 0%, rgba(177,56,255,1) 100%);}
#outclass-graph .barchart-line.fill-red .barchart-label.left span {color: #fc4e03;}
#outclass-graph .barchart-line.fill-red .barchart-data {background: linear-gradient(90deg, rgba(104,43,16,1) 0%, rgba(252,78,3,1) 100%);}
#outclass-graph .barchart-line.hyperspeed-wireless-gen-2 .barchart-data {width: 25%;}
#outclass-graph .barchart-line.hyperspeed-wireless-gen-1 .barchart-data {width: 37.5%;}
#outclass-graph .barchart-line.nonrazer-wireless-brand-x .barchart-data {width: 62.5%;}
#outclass-graph .barchart-line.nonrazer-wireless-brand-y .barchart-data {width: 100%;}
@media (max-width: 767px) {
  #outclass-graph .barchart-line {column-gap:10px;}
  #outclass-graph .barchart-line .barchart-label.left {flex: 0 0 100px;}
  #outclass-graph .barchart-line .barchart-label.left span {font-size: 12px; }
  #outclass-graph .barchart-line .barchart-wrapper {column-gap:10px;}
}
 @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){}