*{box-sizing:border-box}.stats-container{border:1px solid #d9d9d9;display:grid;grid-template-columns:repeat(4,1fr);opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.stats-container.is-visible{opacity:1;transform:translateY(0)}.stat-column{display:flex;flex-direction:column;justify-content:space-between;position:relative;text-align:left}.percentage-container,.stat-name{flex-shrink:0;letter-spacing:var(--ls-base);line-height:100%;padding:20px}span.percentage-icon{font-size:30px;margin-right:2px}.stat-column:not(:last-child){border-right:1px solid #d9d9d9}.stat-name{color:var(--fj-lt-txt);font-size:var(--fs-base);font-weight:400;line-height:120%}.graph-area{min-height:300px;position:relative}.bar{background-color:var(--clr-btn-primary);height:10px;left:0;position:absolute;transition:top 1s cubic-bezier(.25,1,.5,1),bottom 1s cubic-bezier(.25,1,.5,1);width:100%}.bar[data-direction=up]{bottom:0}.bar[data-direction=down]{top:0}.percentage{color:var(--fj-lt-txt);font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:400}.stats-container.is-stacked{grid-template-columns:repeat(2,1fr)}.stats-container.is-stacked .graph-area{min-height:150px}.stats-container.is-stacked .percentage{font-size:40px}.stats-container.is-stacked .stat-column:not(:last-child){border-right:none}.stats-container.is-stacked .stat-column:nth-child(odd){border-right:1px solid #d9d9d9}.stats-container.is-stacked .stat-column:first-child,.stats-container.is-stacked .stat-column:nth-child(2){border-bottom:1px solid #d9d9d9}