.pdp-metric{overflow:hidden}.pdp-metric__wrapper{background:var(--color-gray-light-20);display:flex;padding:100px}@media(max-width: 1800px){.pdp-metric__wrapper{padding:100px 40px}}@media(max-width: 1024px){.pdp-metric__wrapper{flex-wrap:wrap;padding:80px 40px}}@media(max-width: 599px){.pdp-metric__wrapper{padding:30px 20px}}.pdp-metric__intro{padding-right:100px}@media(max-width: 1800px){.pdp-metric__intro{padding-right:120px}}@media(max-width: 1240px){.pdp-metric__intro{padding-right:60px}}@media(max-width: 1024px){.pdp-metric__intro{flex:0 0 100%;padding-right:0}}.pdp-metric__results{display:grid;flex:0 0 520px;grid-template-columns:repeat(2, 1fr);gap:100px}@media(max-width: 1800px){.pdp-metric__results{flex:0 0 600px}}@media(max-width: 1024px){.pdp-metric__results{flex:0 0 100%}}@media(max-width: 599px){.pdp-metric__results{grid-template-columns:repeat(1, 1fr);gap:40px}}.pdp-metric__results--1c{grid-template-columns:repeat(1, 1fr)}.pdp-metric__grid{display:grid;gap:30px}.pdp-metric__grid--2c{grid-template-columns:repeat(2, 1fr);gap:30px 100px}@media(max-width: 599px){.pdp-metric__grid--2c{grid-template-columns:repeat(1, 1fr)}}.pdp-metric__grid-item{flex:0 0 250px}.pdp-metric__grid-item-percent{font-family:var(--head-font);font-size:26px;font-style:italic;margin-bottom:10px}@media(max-width: 599px){.pdp-metric__grid-item-percent{font-size:24px;letter-spacing:.24px}}.pdp-metric__grid-item-line{border:1px solid #000;display:inline-block;margin-left:2px;transform:scaleX(0);transform-origin:left;transition:all 2s var(--cubic);width:55px;height:1px}.pdp-metric__grid-item-line--active{transform:scaleX(1)}