.hp-stats{--stat-gap: 20px;--stat-w: 300px;--stat-radius: var(--blocks-radius)}.hp-stats__title{margin:0 0 28px}.hp-stats__track{display:flex;gap:var(--stat-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch}.hp-stats__track::-webkit-scrollbar{display:none}.hp-stats__track.is-dragging,.hp-stats__track.is-settling{scroll-snap-type:none}.hp-stats__track:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:4px}@media(hover:hover)and (pointer:fine){.hp-stats.has-overflow[data-rail-drag=true] .hp-stats__track{cursor:grab}.hp-stats[data-rail-drag=true] .hp-stats__track.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}.hp-stats__track.is-dragging a,.hp-stats__track.is-dragging button{pointer-events:none}}.hp-stats__card{position:relative;flex:1 0 var(--stat-w);scroll-snap-align:start;display:flex;flex-direction:column;gap:18px;padding:clamp(20px,2vw,28px);padding-bottom:clamp(56px,5vw,68px);border-radius:var(--stat-radius);background-color:var(--stat-card-bg, rgb(var(--bg-white)));box-shadow:var(--stat-card-shadow, 0 1px 2px rgba(var(--text-black), .06), 0 10px 30px rgba(var(--text-black), .05));color:rgb(var(--color-foreground))}.hp-stats__icon{width:var(--stat-icon-size, 44px);height:var(--stat-icon-size, 44px);flex:0 0 auto;color:var(--stat-hl, rgb(var(--color-heading)))}.hp-stats__icon svg{width:100%;height:100%}.hp-stats__icon img{width:100%;height:100%;object-fit:contain}.hp-stats__statement{margin:0;font-family:var(--font-stack-header);font-style:var(--font-style-header);font-weight:var(--font-weight-header);color:rgb(var(--color-heading))}.hp-stats__hl{color:var(--stat-hl, rgb(var(--color-button-hover)))}.hp-stats__more{position:absolute;right:clamp(14px,1.4vw,18px);bottom:clamp(14px,1.4vw,18px);margin:0}.hp-stats__nav{display:none;justify-content:flex-end;gap:6px;margin-top:20px}.hp-stats.has-overflow .hp-stats__nav{display:flex}.hp-stats__arrow{margin:0;transition:opacity var(--m-duration-default) ease,background-color var(--m-duration-default) ease}.hp-stats__arrow:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:2px}.hp-stats__arrow[disabled]{pointer-events:none}.hp-stats__dialog{width:min(520px,calc(100vw - 32px));max-height:min(80vh,640px);padding:0;border:0;border-radius:var(--stat-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:auto}.hp-stats__dialog::backdrop{background:rgba(var(--bg-black),.5)}.hp-stats__dialog-inner{position:relative;padding:clamp(20px,3vw,32px)}.hp-stats__dialog-heading{margin:0 40px 10px 0;color:rgb(var(--color-heading))}.hp-stats__dialog-body{color:rgb(var(--color-foreground-secondary))}.hp-stats__dialog-cta{margin-top:18px}.hp-stats__dialog-close{position:absolute;top:14px;right:14px;margin:0;transition:background-color var(--m-duration-default) ease,color var(--m-duration-default) ease}.hp-stats__dialog-close:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:2px}@media(max-width:767px){.hp-stats{--stat-gap: 12px}.hp-stats__card{flex:0 0 var(--stat-w-mobile, 82vw)}.hp-stats.has-overflow .hp-stats__nav{display:none}.hp-stats__title{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.hp-stats__arrow{transition:none}}.hp-stats[data-arrow-pos]{position:relative}@media(min-width:768px){.hp-stats[data-arrow-pos=bottom-right] .hp-stats__nav{justify-content:flex-end}.hp-stats[data-arrow-pos=bottom-left] .hp-stats__nav{justify-content:flex-start}.hp-stats[data-arrow-pos=bottom-centre] .hp-stats__nav{justify-content:center}.hp-stats[data-arrow-pos=top-right] .hp-stats__nav{position:absolute;top:0;right:0;margin-top:0;justify-content:flex-end}.hp-stats[data-arrow-pos^=bottom] .hp-stats__nav{position:static;margin-top:20px}}@media(max-width:767px){.hp-stats[data-arrow-pos-mobile=bottom-right] .hp-stats__nav{justify-content:flex-end}.hp-stats[data-arrow-pos-mobile=bottom-left] .hp-stats__nav{justify-content:flex-start}.hp-stats[data-arrow-pos-mobile=bottom-centre] .hp-stats__nav{justify-content:center}.hp-stats[data-arrow-pos-mobile=top-right] .hp-stats__nav{position:absolute;top:0;right:0;margin-top:0;justify-content:flex-end}.hp-stats[data-arrow-pos-mobile^=bottom] .hp-stats__nav{position:static;margin-top:20px}}.hp-stats__nav{display:none}@media(min-width:768px){.hp-stats[data-nav-desktop=true] .hp-stats__nav{display:flex}}@media(max-width:767px){.hp-stats[data-nav-mobile=true] .hp-stats__nav{display:flex}}@media(max-width:767px){.hp-stats[data-mobile-scroll=true] .hp-stats__track{scrollbar-width:thin}.hp-stats[data-mobile-scroll=true] .hp-stats__track::-webkit-scrollbar{display:block;height:4px}.hp-stats[data-mobile-scroll=true] .hp-stats__track::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.3);border-radius:var(--rounded-full)}.hp-stats[data-mobile-scroll=true] .hp-stats__card{flex:0 0 calc((100% - (var(--stat-cols-mobile, 1) - 1) * var(--stat-gap)) / var(--stat-cols-mobile, 1))}.hp-stats[data-mobile-scroll=false] .hp-stats__track{display:grid;grid-template-columns:repeat(var(--stat-cols-mobile, 1),minmax(0,1fr));overflow-x:visible;scroll-snap-type:none}.hp-stats[data-mobile-scroll=false] .hp-stats__card{flex:none;width:auto;scroll-snap-align:none}.hp-stats[data-mobile-scroll=false] .hp-stats__nav{display:none}}.hp-stats{--stat-offset: max(var(--stat-cp, 15px), calc((100vw - min(var(--stat-cw, 1170px), 100vw)) / 2 + var(--stat-cp, 15px)))}.hp-stats[data-track-width=fluid] .hp-stats__track,.hp-stats[data-track-width=full] .hp-stats__track{width:100vw;max-width:none;margin-inline:calc(50% - 50vw)}.hp-stats[data-track-width=fluid] .hp-stats__track{padding-inline-start:var(--stat-offset);padding-inline-end:0;scroll-padding-inline-start:var(--stat-offset)}.hp-stats[data-track-width=full] .hp-stats__track{padding-inline:0;scroll-padding-inline-start:0}.hp-stats__head[data-align=center]{text-align:center}.hp-stats__head[data-align=left]{text-align:left}.hp-stats__subheading{margin:0 0 20px;color:rgb(var(--color-foreground))}.hp-stats__description{margin-top:16px;color:rgb(var(--color-foreground-secondary, var(--color-foreground)))}.hp-stats__head[data-align=center] .hp-stats__description{margin-inline:auto}.hp-stats__description>:first-child{margin-top:0}.hp-stats__description>:last-child{margin-bottom:0}@media(max-width:767px){.hp-stats__subheading{margin-bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/impact-stats.css.map */