.eco-footprint-banner{position:relative;overflow:hidden;width:100%;padding:var(--eco-footprint-padding-y) var(--eco-footprint-padding-x);background:var(--eco-footprint-background);color:var(--eco-footprint-text);box-sizing:border-box}.eco-footprint-banner__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.eco-footprint-banner__background .media-container,.eco-footprint-banner__background .media-container__image,.eco-footprint-banner__background .media-container__video,.eco-footprint-banner__background .media-container__poster,.eco-footprint-banner__background .media-container__iframe{width:100%;height:100%;object-fit:cover}.eco-footprint-banner__background .media-container{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;padding:0!important}.eco-footprint-banner__content{position:relative;z-index:1}.eco-footprint-banner__header{max-width:var(--eco-footprint-copy-width);margin-bottom:var(--eco-footprint-header-gap)}.eco-footprint-banner__subtitle{margin:0 0 .8rem;color:var(--eco-footprint-accent);font-family:var(--font-body-family);font-size:1.6rem;line-height:1.4}.eco-footprint-banner__title{margin:0;color:inherit;font-family:var(--font-heading-family);font-size:var(--eco-footprint-title-size);line-height:1.15}.eco-footprint-banner__text{margin-top:1.6rem;font-family:var(--font-body-family);font-size:1.6rem;line-height:1.6}.eco-footprint-banner__text>*:first-child{margin-top:0}.eco-footprint-banner__text>*:last-child{margin-bottom:0}.eco-footprint-banner__metrics{display:flex;align-items:stretch;width:100%;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:thin}.eco-footprint-banner__metric{display:flex;align-items:center;gap:1.2rem;flex:1 0 var(--eco-footprint-metric-min-width);min-width:var(--eco-footprint-metric-min-width);padding:1.6rem var(--eco-footprint-metric-gap);border-left:var(--eco-footprint-divider-width) solid var(--eco-footprint-divider);box-sizing:border-box}.eco-footprint-banner__metric:first-child{padding-left:0;border-left:0}.eco-footprint-banner__metric:last-child{padding-right:0}.eco-footprint-banner__icon{display:grid;place-items:center;width:var(--eco-footprint-icon-size);height:var(--eco-footprint-icon-size);flex:0 0 var(--eco-footprint-icon-size);color:var(--eco-footprint-accent)}.eco-footprint-banner__icon-image,.eco-footprint-banner__icon .env-icon__svg{display:block;width:100%;height:100%;object-fit:contain}.eco-footprint-banner__icon .env-icon__svg{fill:currentColor}.eco-footprint-banner__metric-content{min-width:0}.eco-footprint-banner__label{margin:0 0 .4rem;color:inherit;font-family:var(--font-body-family);font-size:1.6rem;line-height:1.3}.eco-footprint-banner__value{margin:0;color:inherit;font-family:var(--font-heading-family);font-size:var(--eco-footprint-value-size);font-weight:600;line-height:1.15}.eco-footprint-banner__prefix,.eco-footprint-banner__unit{font-family:var(--font-body-family);font-size:1.6rem;font-weight:400}.eco-footprint-banner__empty-hint{margin:0;font-family:var(--font-body-family);font-size:1.6rem;line-height:1.4;color:var(--eco-footprint-text);opacity:.75}@media screen and (max-width:749px){.eco-footprint-banner{padding:var(--eco-footprint-padding-y-mobile) var(--eco-footprint-padding-x-mobile)}.eco-footprint-banner__metrics{scroll-snap-type:x proximity}.eco-footprint-banner__metric{flex-grow:0;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-eco-footprint-banner.css.map */