@layer components{.c-geo-storage-eor-chart{--scale-max:0;--levelized-cost-of-capture:0;background-color:#fff;border-radius:20px;box-shadow:1px 1px 15px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:60px;padding:50px 100px}.c-geo-storage-eor-chart__chart{border-bottom:2px solid var(--brand-indigo);border-left:2px solid var(--brand-indigo);display:flex;height:300px;justify-content:space-around;margin-left:3.5rem;position:relative}.c-geo-storage-eor-chart__chart__label{inset:50% auto auto -50px;position:absolute;transform:translateX(-50%) rotate(270deg);transform-origin:center}.c-geo-storage-eor-chart__chart__datum{--carbon-credit:0;--offtake-agreement:0;--required-revenue:0;align-items:flex-end;display:flex;gap:12px;justify-content:center;position:relative;z-index:2}.c-geo-storage-eor-chart__chart__datum[data-label]:before{color:var(--brand-black);content:attr(data-label);font-family:var(--headings-font-family);font-size:17px;font-variation-settings:"wght" 800;inset:calc(100% + 12px) auto auto 50%;line-height:1.1;position:absolute;text-align:center;transform:translateX(-50%);width:100%}.c-geo-storage-eor-chart__chart__datum__bar{--bar-height-percent-one:0%;--bar-height-percent-two:0%;--bar-line-fill:#fff;background-repeat:no-repeat;border-radius:10px 10px 0 0;display:block;height:var(--bar-height-percent-one);transition:.4s ease;transition-property:width,height,background-position;width:70px}.c-geo-storage-eor-chart__chart__datum__bar--lcoc{background-color:var(--brand-indigo);--bar-height-percent-one:calc((var(--levelized-cost-of-capture)/var(--scale-max))*100%)}.c-geo-storage-eor-chart__chart__datum__bar--required-revenue{--bar-height-percent-one:calc((var(--required-revenue)/var(--scale-max))*100%);--bar-height-percent-two:calc(((var(--carbon-credit) + var(--offtake-agreement))/var(--scale-max))*(var(--scale-max)/var(--required-revenue))*100%);background-image:linear-gradient(to left,#fff 0,#fff 100%),var(--brand-gradient-indigo-purple-180deg);background-position:0 calc(100% - var(--bar-height-percent-two)),0 0;background-size:100% 2px,100% 100%}.c-geo-storage-eor-chart__chart__datum__bar--carbon-credit-offtake{--bar-height-percent-one:calc(((var(--carbon-credit) + var(--offtake-agreement))/var(--scale-max))*100%);--bar-height-percent-two:calc(((var(--offtake-agreement))/var(--scale-max))*(var(--scale-max)/(var(--carbon-credit) + var(--offtake-agreement)))*100%);background-image:linear-gradient(to bottom,var(--bar-line-fill) 0,var(--bar-line-fill) 100%),var(--brand-gradient-orange-yellow-180deg),var(--brand-gradient-pink-red-180deg);background-position:0 var(--bar-height-percent-two),0 0,0 var(--bar-height-percent-two);background-size:100% 2px,100% var(--bar-height-percent-two),100% 100%}.c-geo-storage-eor-chart__chart__datum:nth-of-type(2) .c-geo-storage-eor-chart__chart__datum__bar{--bar-line-fill:hsla(0,0%,100%,0)}.c-geo-storage-eor-chart__chart__ticks{counter-reset:tickCounter var(--scale-max);display:flex;flex-direction:column;inset:0;position:absolute;z-index:1}.c-geo-storage-eor-chart__chart__ticks__tick{border-top:1px solid #dedce5;display:block;flex:1;position:relative}.c-geo-storage-eor-chart__chart__ticks__tick:before{content:counter(tickCounter);inset:0 auto auto -8px;position:absolute;text-align:right;transform:translate(-100%,-50%)}.c-geo-storage-eor-chart__chart__ticks__tick:not(:first-child):before{content:counter(tickCounter);counter-increment:tickCounter calc(var(--scale-max)/-6)}.c-geo-storage-eor-chart__legend{display:flex;flex-flow:row wrap;gap:15px 35px;justify-content:center}.c-geo-storage-eor-chart__legend__item{--background:none;color:var(--brand-black);font-family:var(--headings-font-family);font-size:1.1rem;font-variation-settings:"wght" 800;line-height:1.15;padding-left:28px;position:relative}.c-geo-storage-eor-chart__legend__item:before{background:var(--background);border-radius:5px;content:"";height:20px;inset:0 auto auto 0;position:absolute;width:20px}.c-geo-storage-eor-chart__legend__item--lcoc{--background:var(--brand-indigo)}.c-geo-storage-eor-chart__legend__item--required-revenue{--background:var(--brand-gradient-indigo-purple-180deg)}.c-geo-storage-eor-chart__legend__item--carbon-credit{--background:var(--brand-gradient-pink-red-180deg)}.c-geo-storage-eor-chart__legend__item--offtake-agreement{--background:var(--brand-gradient-orange-yellow-180deg)}@media (max-width:1200px){.c-geo-storage-eor-chart{border-radius:20px;padding:30px 15px}.c-geo-storage-eor-chart__chart{border-bottom:none;border-left:2px solid var(--brand-indigo);border-top:2px solid var(--brand-indigo);flex-direction:column;height:auto;margin-left:1.2rem;margin-right:.75rem;margin-top:3.5rem}.c-geo-storage-eor-chart__chart__label{inset:-60px auto auto 50%;transform:translateX(-50%)}.c-geo-storage-eor-chart__chart__datum{align-items:flex-start;flex:auto;flex-direction:column;justify-content:center;padding:20px 0}.c-geo-storage-eor-chart__chart__datum[data-label]:before{font-size:14px;inset:50% auto auto -12px;transform:translateX(-50%) rotate(270deg);transform-origin:center}.c-geo-storage-eor-chart__chart__datum__bar{border-radius:0 10px 10px 0;height:50px;width:var(--bar-height-percent-one)}.c-geo-storage-eor-chart__chart__datum__bar--required-revenue{background-image:linear-gradient(to bottom,var(--bar-line-fill) 0,var(--bar-line-fill) 100%),var(--brand-gradient-indigo-purple-180deg);background-position:var(--bar-height-percent-two) 0,0 0;background-size:2px 100%,100% 100%}.c-geo-storage-eor-chart__chart__datum__bar--carbon-credit-offtake{background-image:linear-gradient(to bottom,var(--bar-line-fill) 0,var(--bar-line-fill) 100%),var(--brand-gradient-pink-red-180deg),var(--brand-gradient-orange-yellow-180deg);background-position:calc(100% - var(--bar-height-percent-two)) 0,0 0,calc(100% - var(--bar-height-percent-two)) 0;background-size:2px 100%,calc(100% - var(--bar-height-percent-two)) 100%,100% 100%}.c-geo-storage-eor-chart__legend{flex-direction:column;justify-content:flex-start}.c-geo-storage-eor-chart__chart__ticks{flex-direction:row-reverse}.c-geo-storage-eor-chart__chart__ticks__tick{border-right:1px solid #dedce5;border-top:none}.c-geo-storage-eor-chart__chart__ticks__tick:before{inset:-5px 0 auto auto;transform:translate(50%,-100%)}}}