svg {
    font-size: 8px;
}

.domain {
    opacity: 0.25;
    stroke-width: 0.5px;
}

.tick line {
    opacity: 0.5;
    stroke-width: 0.5px;
}
.tick text {
    opacity: 0.8;
    writing-mode: horizontal-tb;
}
.axis .mute text {
    display: none;
}

.axisDates :nth-child(5n+1 of .tick) line {
    opacity: 1;
}
.axisDates .tick:not(:nth-child(5n+1 of .tick)) line {
    opacity: 0.5;
    transform: scaleX(.667);
}
.axisDates .tick:not(:nth-child(5n+1 of .tick)) text {
    opacity: 0.2;
}
.zoomOut .axisDates .tick:not(:nth-child(5n+1 of .tick)) text {
    opacity: 0;
}
.axisDates text {
    font-size: 9px;
}
.axisDates.left .tick text {
    transform: translate(-2px, 0px);
}
.axisDates.right .tick text {
    transform: translate(2px, 0px);
}

.sumByUiaa .axis.left .tick text {
    transform: translate(-2px, 0px);
}
.sumByUiaa .axis.right .tick text {
    transform: translate(2px, 0px);
}

.axisUiaa .tick text,
.sumByDate .tick text,
.sumByDateScored .tick text,
.avgSumAvgByDateScored .tick text,
.avgCumSumByDateScored .tick text {
    writing-mode: sideways-lr;
}
.axisUiaa .tick text {
    font-size: 10px;
}
.axisUiaa.top .tick text,
.sumByDate .axis.top .tick text,
.sumByDateScored .axis.top .tick text,
.avgSumAvgByDateScored .axis.top .tick text,
.avgCumSumByDateScored .axis.top .tick text {
    text-anchor: end;
    transform: translate(4px, -3px);
}
.axisUiaa.top .tick text {
    transform: translate(4px, -2px);    
}

.axisUiaa.bottom .tick text,
.sumByDate .axis.bottom .tick text,
.sumByDateScored .axis.bottom .tick text,
.avgSumAvgByDateScored .axis.bottom .tick text,
.avgCumSumByDateScored .axis.bottom .tick text {
    text-anchor: start;
    transform: translate(4px, -2px);
}
.axisUiaa.bottom .tick text {
    transform: translate(4px, -4px);    
}

.sumByDateScored .axis .tick:first-of-type text {
    display: none;
}

.stacked path {
    stroke: #0000003f;
    stroke-width: .05;
}

.cell {
    opacity: 1;
    stroke: none;
    stroke-width: 4px;
}
.cell.mouseover {
    stroke: #ff7f007f;
}

.tooltip {
    opacity: 0;
    background-color: #ffffffaf;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
}
.tooltip.mouseover {
    opacity: 1;
}

rect.sumByUiaa {
    opacity: 0.9;
}