.ccb{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px;width:100%}.ccb__hero{margin-bottom:40px;text-align:center}.ccb__hero-number{color:#153b37;font-family:PolySans Wide,Montserrat,sans-serif;font-size:5rem;font-weight:300;letter-spacing:-.03em;line-height:1}.ccb__hero-number span{color:#888;font-size:2.8rem;font-weight:300}.ccb__hero-label{color:#5d5d5d;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.12em;margin-top:4px;text-transform:uppercase}.ccb__bar-container{width:100%}.ccb__ticks{display:flex;margin-bottom:10px;width:100%}.ccb__tick{border-right:1px solid rgba(21,59,55,.08);flex:1;height:14px;position:relative}.ccb__tick:first-child{border-left:1px solid rgba(21,59,55,.08)}.ccb__tick-label{color:#888;font-family:Montserrat,sans-serif;font-size:.58rem;font-weight:400;position:absolute;right:-4px;top:-16px}.ccb__bar{border-radius:6px;box-shadow:0 2px 4px hsla(0,0%,6%,.04),0 8px 24px hsla(0,0%,6%,.06),0 20px 48px hsla(0,0%,6%,.05);display:flex;height:72px;overflow:hidden;width:100%}.ccb__bar-primary{align-items:center;background:linear-gradient(135deg,#1a4b46,#153b37 50%,#0e2926);box-shadow:inset 0 2px 0 rgba(185,208,193,.08),inset 0 -2px 0 rgba(0,0,0,.12);display:flex;padding:0 28px;position:relative}.ccb__bar-primary:after{background:linear-gradient(90deg,rgba(185,208,193,.15),rgba(185,208,193,.05));content:"";height:1px;left:0;position:absolute;right:0;top:0}.ccb__bar-primary-label{color:#b9d0c1;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.1em;opacity:.7;text-transform:uppercase}.ccb__bar-primary-pct{color:#b9d0c1;font-family:PolySans Wide,Montserrat,sans-serif;font-size:1.6rem;font-weight:300;margin-left:auto}.ccb__bar-secondary{align-items:center;background:linear-gradient(135deg,#d1e1d7,#b9d0c1);border-left:2px solid hsla(0,0%,100%,.5);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.3),inset 0 -2px 0 rgba(0,0,0,.05);display:flex;justify-content:center;position:relative}.ccb__bar-secondary:after{background:hsla(0,0%,100%,.3);content:"";height:1px;left:0;position:absolute;right:0;top:0}.ccb__bar-secondary-pct{color:#153b37;font-family:PolySans Wide,Montserrat,sans-serif;font-size:1.1rem;font-weight:400}.ccb__labels{display:flex;margin-top:20px;width:100%}.ccb__label-primary{padding-right:12px}.ccb__label-secondary{text-align:center}.ccb__label-name{color:#153b37;font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:500;margin-bottom:2px}.ccb__label-desc{color:#888;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:300;line-height:1.5}.ccb__bar-container,.ccb__hero{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.ccb__bar-container{transition-delay:.12s}.ccb--visible .ccb__bar-container,.ccb--visible .ccb__hero{opacity:1;transform:translateY(0)}@media (max-width:768px){.ccb__hero-number{font-size:3.5rem}.ccb__hero-number span{font-size:2rem}.ccb__bar{height:56px}.ccb__bar-primary{padding:0 16px}.ccb__bar-primary-label{font-size:.6rem}.ccb__bar-primary-pct{font-size:1.2rem}.ccb__bar-secondary-pct{font-size:.9rem}.ccb__hero{margin-bottom:28px}.ccb__labels{display:none}}@media (max-width:480px){.ccb__bar-primary-label{display:none}.ccb__bar{height:48px}.ccb__tick-label{font-size:.5rem}.ccb__labels{flex-direction:column;gap:12px}.ccb__label-primary{padding-right:0}.ccb__label-secondary{text-align:left}}@media (prefers-reduced-motion:reduce){.ccb__bar-container,.ccb__hero{opacity:1;transform:none;transition:none}}