.animation-wrapper[data-animation=building-product-manufacturers] .bpm{color:var(--cc-blue,#01304a);font-family:var(--font);margin-inline:auto;max-width:72.5rem;width:100%}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-tabs{display:flex;flex-wrap:wrap;gap:var(--space-16);margin-bottom:var(--space-24)}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-tab{align-items:center;border-radius:.25rem;color:#fff;display:inline-flex;font-size:1.0625rem;font-weight:700;gap:var(--space-12);line-height:1.2;padding:var(--space-14) var(--space-20)}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-tab--yours{background:#ed7000}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-tab--basis{background:#01304a}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-tab--competitor{background:#00a1e0}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-tab__gear{border:.125rem solid #fff;border-radius:50%;flex:0 0 auto;height:1.375rem;position:relative;width:1.375rem}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-tab__gear:after{background:#fff;border-radius:50%;content:"";inset:.3125rem;position:absolute}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-card{background:#f4f4f4;border-radius:.375rem;padding:var(--space-32) var(--space-32) var(--space-28)}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-chart{display:block;height:auto;width:100%}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-grid{fill:none;stroke:#e2e2e2;stroke-width:2}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-line{fill:none;stroke-dasharray:var(--bpm-len);stroke-dashoffset:0;stroke-linecap:round;stroke-linejoin:round;stroke-width:6}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-series--competitor .bpm-line{--bpm-len:920;stroke:#00a1e0}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-series--basis .bpm-line{--bpm-len:927.532;stroke:#01304a}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-series--yours .bpm-line{--bpm-len:950.825;stroke:#ed7000}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-dots rect{opacity:1}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-series--competitor .bpm-dots{fill:#00a1e0}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-series--basis .bpm-dots,.animation-wrapper[data-animation=building-product-manufacturers] .bpm-series--yours .bpm-dots{fill:#01304a}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-title{color:#01304a;font-size:2.75rem;font-weight:800;line-height:1.15;margin-top:var(--space-18);opacity:1}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-series--competitor{--bpm-start:0ms}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-series--basis{--bpm-start:300ms}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-series--yours{--bpm-start:600ms}@keyframes bpm-draw{0%{stroke-dashoffset:var(--bpm-len)}to{stroke-dashoffset:0}}@keyframes bpm-fade{0%{opacity:0}to{opacity:1}}@keyframes bpm-title{0%{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:translateY(0)}}@container sa-canvas (max-width: 60rem){.animation-wrapper[data-animation=building-product-manufacturers] .bpm-title{font-size:2rem}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-tab{font-size:.875rem;gap:var(--space-8);padding:var(--space-10) var(--space-14)}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-tabs{gap:var(--space-10);margin-bottom:var(--space-18)}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-tab__gear{height:1.125rem;width:1.125rem}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-tab__gear:after{inset:.25rem}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-card{padding:var(--space-24) var(--space-24) var(--space-20)}}@container sa-canvas (max-width: 34rem){.animation-wrapper[data-animation=building-product-manufacturers] .bpm-card{padding:var(--space-20) var(--space-20) var(--space-16)}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-title{font-size:1.5rem}.animation-wrapper[data-animation=building-product-manufacturers] .bpm-tab{font-size:.8125rem;padding:var(--space-8) var(--space-12)}.animation-wrapper[data-animation=building-product-manufacturers]{display:none}}@media (prefers-reduced-motion:no-preference){.sa-js .animation-wrapper[data-animation=building-product-manufacturers] .bpm-line{stroke-dashoffset:var(--bpm-len)}.sa-js .animation-wrapper[data-animation=building-product-manufacturers] .bpm-dots rect{opacity:0}.sa-js .animation-wrapper[data-animation=building-product-manufacturers] .bpm-title{opacity:0;transform:translateY(.375rem)}.sa-js .animation-wrapper[data-animation=building-product-manufacturers].bpm-is-drawing .bpm-line{animation-duration:1.1s;animation-fill-mode:forwards;animation-name:bpm-draw;animation-timing-function:cubic-bezier(.65,0,.35,1)}.sa-js .animation-wrapper[data-animation=building-product-manufacturers].bpm-is-drawing .bpm-dots rect{animation-duration:.3s;animation-fill-mode:forwards;animation-name:bpm-fade;animation-timing-function:ease}.sa-js .animation-wrapper[data-animation=building-product-manufacturers].bpm-is-drawing .bpm-title{animation:bpm-title .5s ease 1.8s forwards}.bpm-is-drawing .bpm-series--competitor .bpm-line{animation-delay:0s}.bpm-is-drawing .bpm-series--basis .bpm-line{animation-delay:.3s}.bpm-is-drawing .bpm-series--yours .bpm-line{animation-delay:.6s}.bpm-is-drawing .bpm-dots rect:first-child{animation-delay:calc(var(--bpm-start))}.bpm-is-drawing .bpm-dots rect:nth-child(2){animation-delay:calc(var(--bpm-start) + .1375s)}.bpm-is-drawing .bpm-dots rect:nth-child(3){animation-delay:calc(var(--bpm-start) + 275ms)}.bpm-is-drawing .bpm-dots rect:nth-child(4){animation-delay:calc(var(--bpm-start) + .4125s)}.bpm-is-drawing .bpm-dots rect:nth-child(5){animation-delay:calc(var(--bpm-start) + .55s)}.bpm-is-drawing .bpm-dots rect:nth-child(6){animation-delay:calc(var(--bpm-start) + .6875s)}.bpm-is-drawing .bpm-dots rect:nth-child(7){animation-delay:calc(var(--bpm-start) + 825ms)}.bpm-is-drawing .bpm-dots rect:nth-child(8){animation-delay:calc(var(--bpm-start) + .9625s)}.bpm-is-drawing .bpm-dots rect:nth-child(9){animation-delay:calc(var(--bpm-start) + 1.1s)}}