.stats-bar{background-color:var(--color-surface);padding:80px 0;position:relative}.stats-bar--bg{background-color:var(--color-bg)}.stats-bar--primary{background-color:var(--color-primary)}.stats-bar--dark{background-color:var(--color-text)}.stats-bar__container{max-width:var(--container-wide);margin:0 auto;padding:0 48px}.stats-bar__header{text-align:center;margin-bottom:56px}.stats-bar__eyebrow{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);display:inline-block;margin-bottom:12px}.stats-bar--primary .stats-bar__eyebrow,.stats-bar--dark .stats-bar__eyebrow{color:#ffffffb3}.stats-bar__headline{font-family:var(--font-heading);font-size:36px;font-weight:400;font-style:italic;letter-spacing:-.02em;color:var(--color-text);margin:0 0 12px;line-height:1.15}.stats-bar--primary .stats-bar__headline,.stats-bar--dark .stats-bar__headline{color:#fff}.stats-bar__subhead{font-family:var(--font-body);font-size:15px;color:var(--color-muted);margin:0}.stats-bar--primary .stats-bar__subhead,.stats-bar--dark .stats-bar__subhead{color:#ffffffa6}.stats-bar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.stat-card{text-align:center;padding:0 32px;position:relative}.stats-bar--dividers .stat-card+.stat-card:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background-color:var(--color-border)}.stats-bar--primary .stat-card+.stat-card:before,.stats-bar--dark .stat-card+.stat-card:before{background-color:#fff3}.stat-card__number-wrapper{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:16px;line-height:1}.stat-card__number{font-family:var(--font-heading);font-size:64px;font-weight:400;font-style:italic;letter-spacing:-.03em;color:var(--color-primary);line-height:1;display:inline-block}.stats-bar--primary .stat-card__number,.stats-bar--dark .stat-card__number{color:#fff}.stat-card__suffix{font-family:var(--font-heading);font-size:44px;font-weight:300;font-style:italic;color:var(--color-primary);line-height:1;align-self:flex-end;padding-bottom:6px}.stats-bar--primary .stat-card__suffix,.stats-bar--dark .stat-card__suffix{color:#ffffffb3}.stat-card__label{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin:0 0 8px;line-height:1.4}.stats-bar--primary .stat-card__label,.stats-bar--dark .stat-card__label{color:#ffffffa6}.stat-card__sub{font-family:var(--font-body);font-size:13px;font-weight:400;font-style:italic;color:var(--color-text-light);margin:0;line-height:1.5}.stats-bar--primary .stat-card__sub,.stats-bar--dark .stat-card__sub{color:#ffffff8c}@media(min-width:1440px){.stats-bar{padding:96px 0}.stat-card__number{font-size:80px}.stat-card__suffix{font-size:50px}}@media(min-width:768px)and (max-width:1023px){.stats-bar{padding:64px 0}.stats-bar__container{padding:0 32px}.stats-bar__grid{grid-template-columns:repeat(2,1fr);gap:48px 0}.stats-bar--dividers .stat-card:nth-child(odd)+.stat-card:before{display:none}.stats-bar--dividers .stat-card:nth-child(2n):before{display:block}.stat-card__number{font-size:60px}.stat-card__suffix{font-size:38px}}@media(max-width:767px){.stats-bar{padding:48px 0}.stats-bar__container{padding:0 24px}.stats-bar__header{margin-bottom:36px}.stats-bar__headline{font-size:28px}.stats-bar__grid{grid-template-columns:repeat(2,1fr);gap:40px 0}.stats-bar--dividers .stat-card+.stat-card:before{display:none}.stat-card{padding:0 16px}.stat-card__number{font-size:52px}.stat-card__suffix{font-size:32px}.stat-card__label{font-size:9px}.stat-card__sub{font-size:12px}}@media(prefers-reduced-motion:no-preference){.stats-bar__header{opacity:0;transform:translateY(16px);transition:opacity .6s ease-out,transform .6s ease-out}.stat-card{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.stat-card:nth-child(1){transition-delay:.1s}.stat-card:nth-child(2){transition-delay:.2s}.stat-card:nth-child(3){transition-delay:.3s}.stat-card:nth-child(4){transition-delay:.4s}.stats-bar.is-in-view .stats-bar__header,.stats-bar.is-in-view .stat-card{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/stats-bar.css.map */