#chart-year,#chart-quarter{width:100%;max-width:50%;box-shadow:none;background:#fff;border:1px solid #ddd;border-radius:1rem;padding-top:20px}#chart-year{z-index:3;float:left;transition:transform 1s,border-radius 1s;position:relative}#chart-year.chart-quarter-activated{border-top-right-radius:0;border-bottom-right-radius:0;transition:transform 1s;transform:translate(0)}#chart-quarter{z-index:-2;float:left;border-left:none;transition:transform 1s;position:relative}#chart-quarter.active{z-index:1;border-top-left-radius:0;border-bottom-left-radius:0;transition:transform 1.1s ease-in-out;transform:translate(0)}@media screen and (min-width:480px){#chart-year{transform:translate(50%)}#chart-quarter{transform:translate(-50%)}}