.metric-flex{align-items:center;display:flex;flex-direction:column;gap:32px;padding-top:32px}.metric-media img{display:block;height:auto;width:100%}.metric-data{display:grid;gap:24px 16px;grid-template-columns:repeat(2,1fr)}.metric-item{border-left:2px solid var(--red-600);height:164px;padding-left:20px}.metric-item.editmode{margin-bottom:20px}.metric-counter{color:var(--red-600);display:flex;font-size:2.25rem;font-weight:var(--font-w-semibold);height:44px;letter-spacing:-.02em;line-height:2.75rem;overflow:hidden;position:relative}.metric-counter:before{background:linear-gradient(0deg,transparent,var(--metric-bg-color,var(--white)));top:0}.metric-counter:after,.metric-counter:before{content:"";display:block;height:20%;left:0;position:absolute;width:100%;z-index:1}.metric-counter:after{background:linear-gradient(0deg,var(--metric-bg-color,var(--white)),transparent);bottom:0}.metric-counter p{align-items:center;display:flex;flex-direction:column;position:relative;width:24px;--step:44px;height:var(--step);letter-spacing:0;--pos:calc(var(--step)*0);top:var(--pos)}.metric-counter.animate p{animation:counterAnimation 12s cubic-bezier(.42,0,.16,.86)}.metric-counter p.num-1{--pos:calc(var(--step)*-1)}.metric-counter p.num-2{--pos:calc(var(--step)*-2)}.metric-counter p.num-3{--pos:calc(var(--step)*-3)}.metric-counter p.num-4{--pos:calc(var(--step)*-4)}.metric-counter p.num-5{--pos:calc(var(--step)*-5)}.metric-counter p.num-6{--pos:calc(var(--step)*-6)}.metric-counter p.num-7{--pos:calc(var(--step)*-7)}.metric-counter p.num-8{--pos:calc(var(--step)*-8)}.metric-counter p.num-9{--pos:calc(var(--step)*-9)}.metric-counter p.num-0{--pos:calc(var(--step)*-10)}.metric-counter p.plus{--pos:calc(var(--step)*-11)}.metric-counter p.dot{--pos:calc(var(--step)*0);width:14px}@keyframes counterAnimation{0%{top:0}25%{top:var(--pos)}50%{top:var(--pos)}75%{top:var(--pos)}80%{top:var(--pos)}90%{top:var(--pos)}95%{top:var(--pos)}99%{top:var(--pos)}to{top:var(--pos)}}.metric-title{color:var(--gray-900);font-size:1rem;font-weight:var(--font-w-semibold);line-height:1.5rem;margin-bottom:8px;margin-top:4px}.metric-txt{color:var(--gray-600);font-size:.875rem;font-weight:var(--font-w-regular);line-height:1.3125rem;text-wrap:balance}@container (min-width: 600px){.metric-data{gap:32px 16px}.metric-item{padding-left:24px}.metric-counter{color:var(--red-600);font-size:3.625rem;font-weight:var(--font-w-semibold);height:4.375rem;line-height:4.375rem}.metric-counter p{width:40px;--step:4.375rem}.metric-counter p.dot{width:18px}.metric-title{font-size:18px}.metric-txt{font-size:16px}}@container (min-width: 1240px){.metric-flex{align-items:center;display:flex;flex-direction:row;gap:32px;padding-bottom:94px;padding-top:94px}.metric-media{order:1}.metric-data{gap:64px 32px}}@container (min-width: 1440px){.metric-flex{padding-bottom:0;padding-top:64px}}@container (min-width: 1920px){.metric-media{margin-right:-350px}}