@layer components{.c-long-lead-chart{--datum-capex-purchase-month-subtraction:0;display:flex;gap:4rem}.c-long-lead-chart__selector{--cell-padding-x:15px;--cell-padding-y:8px;background-color:#fff;border:none;border-radius:10px;box-shadow:1px 1px 15px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:500px;overflow:hidden;padding:0}.c-long-lead-chart__selector__accessible-title{opacity:0;pointer-events:none}.c-long-lead-chart__selector__title{background-color:var(--brand-red);color:#fff;font-family:var(--headings-font-family);font-size:1rem;font-variation-settings:"wght" 800;line-height:1.4;padding:var(--cell-padding-y) var(--cell-padding-x)}.c-long-lead-chart__selector__option{background-color:#fff;display:flex;gap:8px;padding:4px var(--cell-padding-x);transition:background-color .15s ease}.c-long-lead-chart__selector__option:focus-within,.c-long-lead-chart__selector__option:hover{background-color:var(--brand-indigo-7)}.c-long-lead-chart__selector__option:not(:last-child){border-bottom:1px solid #cacaca}.c-long-lead-chart__selector__option__radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--brand-indigo-7);border:1px solid #cacaca;border-radius:50%;height:14px;margin-top:.4em;position:relative;width:14px}.c-long-lead-chart__selector__option__label{flex:1}.c-long-lead-chart__selector__option__radio:before{background-image:var(--brand-gradient-pink-red-180deg);border-radius:50%;content:"";height:70%;inset:50% auto auto 50%;opacity:0;position:absolute;transform:translate(-50%,-50%) scale(.7);transition:.15s ease;transition-property:opacity,transform;width:70%}.c-long-lead-chart__selector__option__radio:checked:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.c-long-lead-chart__chart{display:grid;flex:1;grid-template-columns:1fr 1fr;grid-template-rows:auto 30px 20px 30px auto}.c-long-lead-chart__chart:before{background-color:var(--brand-black);content:"";display:block;grid-column:1/span 2;grid-row:3;height:20px;-webkit-mask-image:url(../../../img/icons/long-lead-chart-bookend-left.svg),linear-gradient(180deg,transparent 0,transparent calc(50% - 1px),#000 calc(50% - 1px),#000 calc(50% + 1px),transparent calc(50% + 1px),transparent),linear-gradient(270deg,transparent 0,transparent calc(50% - 1px),#000 calc(50% - 1px),#000 calc(50% + 1px),transparent calc(50% + 1px),transparent),url(../../../img/icons/long-lead-chart-bookend-right.svg);mask-image:url(../../../img/icons/long-lead-chart-bookend-left.svg),linear-gradient(180deg,transparent 0,transparent calc(50% - 1px),#000 calc(50% - 1px),#000 calc(50% + 1px),transparent calc(50% + 1px),transparent),linear-gradient(270deg,transparent 0,transparent calc(50% - 1px),#000 calc(50% - 1px),#000 calc(50% + 1px),transparent calc(50% + 1px),transparent),url(../../../img/icons/long-lead-chart-bookend-right.svg);-webkit-mask-position:0 50%,50% 0,0 0,100% 50%;mask-position:0 50%,50% 0,0 0,100% 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:13px auto,calc(100% - 5px) 100%,100% 100%,13px auto;mask-size:13px auto,calc(100% - 5px) 100%,100% 100%,13px auto}.c-long-lead-chart__chart__capex-datum{--content-order:1;--line-order:3;--gradient-background-image:var(--brand-gradient-indigo-purple-180deg);--line-color:var(--brand-indigo);display:flex;flex-direction:column;position:relative;transition:left .3s ease;width:20px}.c-long-lead-chart__chart__capex-datum:before{background-image:var(--gradient-background-image);border-radius:50%;content:"";display:block;height:20px;-webkit-mask-image:radial-gradient(circle at center,#000 0,#000 40%,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 100%);mask-image:radial-gradient(circle at center,#000 0,#000 40%,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-type:luminance;order:var(--line-order);width:20px}.c-long-lead-chart__chart__capex-datum:after{background-image:linear-gradient(to left,transparent 0,transparent calc(50% - 1px),var(--line-color) calc(50% - 1px),var(--line-color) calc(50% + 1px),transparent calc(50% + 1px),transparent 100%);content:"";flex:1;height:auto;margin-bottom:-10px;min-height:70px;order:2;width:20px}.c-long-lead-chart__chart__capex-datum--capex-25:after{--line-color:var(--brand-pink);margin-bottom:0;margin-top:-10px}.c-long-lead-chart__chart__capex-datum--capex-50{grid-column:1/span 2;grid-row:1/span 3;left:calc(50% - 50%*(var(--datum-capex-purchase-month-subtraction)/60));margin-right:auto;transform:translateX(-50%)}.c-long-lead-chart__chart__capex-datum--capex-25{--content-order:3;--line-order:1;--gradient-background-image:var(--brand-gradient-pink-red-180deg);--line-color:var(--brand-pink);grid-column:1/span 2;grid-row:3/span 3;left:calc(100% - 50%*(var(--datum-capex-purchase-month-subtraction)/60));margin-right:auto;transform:translateX(-50%)}.c-long-lead-chart__chart__capex-datum__content{background-image:var(--gradient-background-image);border-radius:10px;color:#fff;line-height:1.4;order:var(--content-order);padding:12px 16px;position:relative;transform:translateX(calc(-50% + 10px));width:250px}.c-long-lead-chart__chart__capex-datum__content em{font-style:normal;font-variation-settings:"wght" 700}.c-long-lead-chart__chart__label{color:var(--brand-black);font-family:var(--headings-font-family);font-size:18px;font-variation-settings:"wght" 700;line-height:1;text-transform:uppercase}.c-long-lead-chart__chart__label--capex-25{grid-column:2;grid-row:2;margin:auto}.c-long-lead-chart__chart__label--capex-50{grid-column:1;grid-row:4;margin:auto}.c-long-lead-chart__chart__label--year-2030{grid-column:1/span 2;grid-row:2;margin:auto;text-align:center}.c-long-lead-chart__chart__label--year-2040{grid-column:2;grid-row:2;margin:auto 0 auto auto;transform:translateX(50%)}@media (min-width:1201px){.c-long-lead-chart__selector__mobile-dropdown{display:none!important}}@media (max-width:1200px){.c-long-lead-chart{flex-direction:column;gap:2rem}.c-long-lead-chart__chart__capex-datum{position:relative;width:100%}.c-long-lead-chart__chart__capex-datum--capex-25:after,.c-long-lead-chart__chart__capex-datum--capex-25:before,.c-long-lead-chart__chart__capex-datum--capex-50:after,.c-long-lead-chart__chart__capex-datum--capex-50:before{position:relative;transition:.15s ease;transition-property:left,transform}.c-long-lead-chart__chart__capex-datum--capex-25,.c-long-lead-chart__chart__capex-datum--capex-50{left:0;transform:translateX(0)}.c-long-lead-chart__chart__capex-datum--capex-50:after,.c-long-lead-chart__chart__capex-datum--capex-50:before{left:calc(50% - 50%*(var(--datum-capex-purchase-month-subtraction)/60));transform:translateX(-50%)}.c-long-lead-chart__chart__capex-datum--capex-25:after,.c-long-lead-chart__chart__capex-datum--capex-25:before{left:calc(100% - 50%*(var(--datum-capex-purchase-month-subtraction)/60));transform:translateX(-50%)}.c-long-lead-chart__chart__capex-datum__content{transform:translateX(0);width:100%}.c-long-lead-chart__chart__label{font-size:14px}.c-long-lead-chart__chart__label--year-2040{transform:translateX(0)}.c-long-lead-chart__selector{max-width:none}.c-long-lead-chart__selector__option{display:none}}@media (max-width:360px){.c-long-lead-chart__chart__label{font-size:12px}}}