.metrics-section{overflow:hidden}.metrics-section__wrapper{padding-top:2.4rem;position:relative}.metrics-section__content{display:flex;flex-direction:column;gap:4rem}.metrics-section__grades{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;position:relative;z-index:var(--z-raised)}.metrics-section__grade{display:flex;flex-direction:column;gap:.9rem;color:var(--teal-4)}.metrics-section__grade-heading{font:var(--body-xs);color:var(--grey-4);letter-spacing:0}.metrics-section__grade-heading--button{display:inline-flex;align-items:center;gap:.6rem;background:none;border:none;padding:0;cursor:pointer;font:var(--body-xs);letter-spacing:0;color:var(--grey-4);transition:color var(--duration-default) var(--ease-smooth)}.metrics-section__grade-heading--button:hover{color:var(--grey-5)}.metrics-section__grade-heading--button .icon{width:1.6rem;height:1.6rem;flex-shrink:0}.metrics-section__grade-value{display:flex;align-items:baseline;gap:.4rem}.metrics-section__grade-score{font:var(--heading-l);margin-top:-.4rem;letter-spacing:0}.metrics-section__grade-separator,.metrics-section__grade-max,.metrics-section__grade-unit{font:var(--heading-xs);letter-spacing:0}.metrics-section__grade-unit,.metrics-section__grade-separator,.metrics-section__grade-max{align-self:flex-start}.metrics-section__grade-unit{text-transform:uppercase}button.metrics-section__image{border:none;padding:0;cursor:pointer;display:block}.metrics-section__image{width:100%;border-radius:1.2rem;overflow:hidden;background:var(--grey-1);position:relative;margin-top:-7%;margin-bottom:-7%}.metrics-section__image img{width:100%;height:auto;display:block}.metrics-section__inspect{display:flex;justify-content:center;margin-bottom:3.2rem}.metric-bar__current{font:var(--body-s);font-weight:var(--font-weight-bold);letter-spacing:0}.metrics-section__inspect .button{width:100%;max-width:40rem}.metrics-section__metrics{position:relative;z-index:var(--z-raised);display:grid;grid-template-columns:1fr;gap:2.4rem}.metrics-section__cta{display:flex;justify-content:center;margin-top:4.4rem}.metrics-section__cta .button{min-width:24rem}@media(min-width:1024px){.metrics-section__content{gap:6rem}.metrics-section__grades{grid-template-columns:repeat(2,1fr);gap:4rem}.metrics-section__grade-score{font:var(--heading-xl);letter-spacing:0}.metrics-section__metrics{grid-template-columns:repeat(3,1fr);gap:4rem}.metrics-section__metrics[data-two-metrics=true]{grid-template-columns:repeat(2,1fr)}.metrics-section__inspect .button{max-width:50rem}}@media(min-width:1024px){.metrics-section__title{left:var(--grid-gutter)}.metrics-section__grade{gap:1.5rem}.metrics-section__image{position:relative;margin-top:-15%;margin-bottom:-15%}.metrics-section__grades{display:flex;justify-content:flex-end;gap:12.6rem;margin-top:2.4rem}.metrics-section__grade-max{font:var(--heading-xs);letter-spacing:0;font-weight:var(--font-weight-normal)}.metric-bar__current{font:var(--body-xl);font-weight:var(--font-weight-bold);letter-spacing:0}.metrics-section__cta{margin-top:5rem}.metrics-section__inspect{margin-bottom:4.2rem;display:inline-flex}}.metrics-section__simple{display:flex;flex-direction:column;align-items:stretch;position:relative;z-index:var(--z-raised)}.metrics-section__simple-item{display:flex;flex-direction:column;gap:1rem;padding:1.2rem 0;min-height:53px}.metrics-section__simple-item:not(:last-child){border-bottom:1px solid var(--grey-2)}.metrics-section__simple-label{font:var(--body-xs);color:var(--grey-4);letter-spacing:0}.metrics-section__simple-label--button{display:inline-flex;align-items:center;gap:.6rem;background:none;border:none;padding:0;cursor:pointer;font:var(--body-xs);letter-spacing:0;color:var(--grey-4);transition:color var(--duration-default) var(--ease-smooth)}.metrics-section__simple-label--button:hover{color:var(--grey-5)}.metrics-section__simple-label--button .icon{width:1.6rem;height:1.6rem;flex-shrink:0}.metrics-section__simple-value{font:var(--body-xl);color:var(--teal-4);letter-spacing:0;font-weight:var(--font-weight-bold)}@media(min-width:1024px){.metrics-section__simple{flex-direction:row;justify-content:flex-start;max-width:68.4rem;width:100%}.metrics-section__simple-item{padding:0 4.8rem;min-height:53px;text-align:left;align-items:flex-start}.metrics-section__simple-item:last-child{padding-right:0}.metrics-section__simple-item:first-child{padding-left:0}.metrics-section__simple-item:not(:last-child){border-bottom:none;border-right:2px solid var(--grey-2)}.metrics-section__bottom{display:flex;align-items:center;justify-content:space-between}.metrics-section__bottom:has(.metrics-section__simple) .metrics-section__inspect{margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-metrics.css.map */