<<<<<<< HEAD
/**
 * Contains variables that may be used across SCSS files for Draft Sharks
 */
.qb,
.tqb {
  background: #333;
}

.rb {
  background: #a41c1f;
}

.wr {
  background: #043173;
}

.te {
  background: #86a2cb;
}

.k,
.tk {
  background: #c87779;
}

.def,
.s,
.de,
.dl,
.dt,
.lb,
.olb,
.cb,
.db {
  background: #888;
}

.hc {
  background: #582325;
}

/**
 * Export position colors for use in JS
 * This does not work, as text/css mime types are not supported.
 * But would be great if we could easily import these color values.
 */
:export {
  totalColor: #3d74c7;
  qbColor: #333333;
  rbColor: #a41c1f;
  wrColor: #043173;
  teColor: #86a2cb;
  pickColor: #687087;
  defColor: #888;
  kickerColor: #c87779;
  tqbColor: #000;
  hcColor: #000;
  tkColor: #000;
  lbColor: #000;
  dbColor: #000;
  qrwtColor: #ffff00;
  rwtColor: #f78439;
  rwColor: #00ff00;
  wtColor: #800080;
  dldColor: #663399;
}

/**
 * These mixins have been taken from the figma so we can apply font
 * stuff as wel like to certain elements
 */
.c3-line {
  stroke-width: 3px;
}

.c3 .c3-grid line {
  z-index: 0;
  stroke-dasharray: 0;
  stroke: rgba(0, 0, 0, 0.2);
}

.c3 path.domain {
  stroke-width: 2px;
}

g.c3-axis text > tspan {
  font-family: proxima-nova, "sans-serif";
  font-size: 14px;
  font-weight: 400;
  color: #687087;
}

.chart-title {
  font-size: 16px;
  color: black;
}

#oneqb-chart > svg > g:nth-child(2) > g.c3-chart > g.c3-chart-lines > g > g.c3-shapes.c3-shapes-Avg-Pick.c3-lines.c3-lines-Avg-Pick > path,
#superflex-chart > svg > g:nth-child(2) > g.c3-chart > g.c3-chart-lines > g > g.c3-shapes.c3-shapes-Avg-Pick.c3-lines.c3-lines-Avg-Pick > path,
#superflex-3d-chart > svg > g:nth-child(2) > g.c3-chart > g.c3-chart-lines > g > g.c3-shapes path,
#oneqb-3d-chart > svg > g:nth-child(2) > g.c3-chart > g.c3-chart-lines > g > g.c3-shapes path {
  stroke: rgba(61, 116, 199, 0.3) !important;
  stroke-width: 4px;
}

.format-select {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  cursor: pointer;
  font-size: 21px;
  font-weight: 600;
  color: #687087;
  border-bottom: 1px solid #c8c8c8;
}
.format-select div {
  flex-basis: 40%;
  text-align: center;
  color: #687087;
}
.format-select .active {
  font-weight: 700 !important;
  color: #043173;
  border-bottom: 5px solid #043173 !important;
}

/*# sourceMappingURL=trend-chart.css.map */
=======
:export{totalColor:#3d74c7;qbColor:#333;rbColor:#a41c1f;wrColor:#043173;teColor:#86a2cb;pickColor:#687087;defColor:#888;kickerColor:#c87779;tqbColor:#000;hcColor:#000;tkColor:#000;lbColor:#000;dbColor:#000;qrwtColor:#ff0;rwtColor:#f78439;rwColor:lime;wtColor:purple;dldColor:#639}.c3-line{stroke-width:3px}.c3 .c3-grid line{z-index:0;stroke-dasharray:0;stroke:rgba(0,0,0,.2)}.c3 path.domain{stroke-width:2px}g.c3-axis text>tspan{font-family:proxima-nova,sans-serif;font-size:14px;font-weight:400;color:#687087}.chart-title{font-size:16px;color:#000}#oneqb-chart>svg>g:nth-child(2)>g.c3-chart>g.c3-chart-lines>g>g.c3-shapes.c3-shapes-Avg-Pick.c3-lines.c3-lines-Avg-Pick>path,#superflex-chart>svg>g:nth-child(2)>g.c3-chart>g.c3-chart-lines>g>g.c3-shapes.c3-shapes-Avg-Pick.c3-lines.c3-lines-Avg-Pick>path,#superflex-3d-chart>svg>g:nth-child(2)>g.c3-chart>g.c3-chart-lines>g>g.c3-shapes path,#oneqb-3d-chart>svg>g:nth-child(2)>g.c3-chart>g.c3-chart-lines>g>g.c3-shapes path{stroke:rgba(61,116,199,.3) !important;stroke-width:4px}.format-select{margin-top:30px;margin-bottom:30px;display:flex;cursor:pointer;font-size:21px;font-weight:600;color:#687087;border-bottom:1px solid #c8c8c8}.format-select div{flex-basis:40%;text-align:center;color:#687087}.format-select .active{font-weight:700 !important;color:#043173;border-bottom:5px solid #043173 !important}/*# sourceMappingURL=trend-chart.css.map */
>>>>>>> master