.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
    vector-effect: non-scaling-stroke;
}

.char_label {
    font-family: 'Open Sans', sans-serif;
    pointer-events: none;  /* prevents cursor from interactive with text element */
}

.char_label_hover {
   opacity:0;
   style:fill;
}

.rank_line {
    fill: none;
    stroke-width: 1.5px;
    vector-effect: non-scaling-stroke;
    transition: stroke .5s ease-out;
}

.hover_line {
    fill: none;
    opacity: 0;
    stroke: green;
    stroke-width: 12px;
}

/* ==================================
Used by smash_rankings_chart.js
================================== */
.smash_tier_title {
    font-family: 'Tahoma', 'Helvetica', sans-serif;
    font-weight: bold;
    font-size: 9pt;
    pointer-events: none; /* prevents cursor from interactive with text element */
}

.smash_tier_entry  {
    font-family: 'Tahoma', 'Helvetica', sans-serif;
    font-size: 8.5pt;
    pointer-events: none; /* prevents cursor from interactive with text element */
    transition: opacity .5s ease-out;
}

.smash_tier_date {
    font-family: 'Tahoma', 'Helvetica', sans-serif;
    font-size: 8.5pt;
    pointer-events: none; /* prevents cursor from interactive with text element */
    transition: opacity .5s ease-out;
}

.smash_tier_entry_hover {
    opacity:0;
}

.smash_tier_group {
    transition: opacity .5s ease-out;
}