.tab-content{display:none;width:100%;max-width:450px}
.tab-content.active{display:flex;justify-content:center}
.stat-container{width:100%;display:flex;flex-direction:column;align-items:center;overflow:scroll;padding:16px}
.stats-group{margin-bottom:8px;width:100%;border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa}
.stats-row{display:flex;flex-direction:column;background:#f5f5f5;padding-bottom:10px}
.stats-label{font-variation-settings:'wght' 600;text-transform:uppercase;text-shadow:1px 1px #FFF4F4;background:#eaeaea;padding:2px 5px;margin-bottom:10px;color:#69699d;border-bottom:1px solid #aaa;border-top:1px solid #aaa;text-align:center}
.yearly-label{color:#bb7d0c}
.stats-values{display:flex;padding:2px 20px}
.stats-value{color:#514c4c;flex:1}
.stats-value i.bi-arrow-down{color:#6060c8}
.stats-value i.bi-bar-chart{color:green}
.stats-value i.bi-arrow-up{color:red}
.stats-values .stats-value:first-child{color:#27282b;text-align:center;font-variation-settings:'wght' 500}
#generatedDate{display:block;text-align:center;color:#8e918e;font-size:14px;text-transform:uppercase;font-variation-settings:'wght' 500}
@media screen and (max-width: 450px) {
    .stat-container{padding:8px}
    .tabs{margin-bottom:8px}
    .stats-values{padding:2px 8px 2px 16px}
    .stats-value{flex:.5}
    .stats-values .stats-value:first-child{flex:.3;text-align:initial}
}