.dpc{--dpc-bg:var(--color-neutral-99);--dpc-border-color:var(--color-neutral-90);--dpc-radius:.75rem;--dpc-padding:var(--spacing-xl);--dpc-bar-height:1rem;--dpc-bar-radius:6.1875rem;--dpc-used-color:var(--dpc-gradient-start);--dpc-gradient-start:#629e39;--dpc-gradient-end:#f05e15;--dpc-track-color:var(--color-white);--dpc-excess-color:var(--color-accent-orange);--dpc-sep-color:var(--color-neutral-80);--dpc-marker-size:.75rem;--dpc-year-col-width:8.125rem;--dpc-excess-zone-w:25%}.dpc__box{background:var(--dpc-bg);border:1px solid var(--dpc-border-color);border-radius:var(--dpc-radius);padding:var(--dpc-padding);gap:var(--spacing-xl);flex-direction:column;display:flex}.dpc__card-header{gap:var(--spacing-sm);flex-direction:column;display:flex}.dpc__title-row{align-items:center;gap:var(--spacing-sm);display:flex}.dpc__badge{align-items:center;gap:var(--spacing-xs);background:var(--color-accent-blue-20);padding:var(--spacing-xs) var(--spacing-sm);border-radius:6.25rem;margin-left:auto;display:inline-flex}.dpc__badge-label{color:var(--color-supply-environment-black-20);text-transform:uppercase;white-space:nowrap}.dpc__how-it-works-btn{cursor:pointer;white-space:normal;text-align:left;background:0 0;border:none;align-self:flex-start;max-width:100%;padding:0;text-decoration:underline}.dpc__title{color:var(--color-neutral-10)}.dpc__description{color:var(--color-neutral-40);margin:0}.dpc__content{grid-template-columns:var(--dpc-year-col-width) 1fr;column-gap:var(--spacing-xl);align-items:start;display:grid}.dpc__right-col{gap:var(--spacing-lg);flex-direction:column;display:flex}.dpc__data-grid{grid-template-columns:1fr 1px var(--dpc-excess-zone-w,25%);grid-template-rows:auto auto calc(var(--dpc-bar-height) / 2);column-gap:0;row-gap:var(--spacing-lg);display:grid}.dpc__stats{grid-area:1/1}.dpc__data-vsep{background:var(--dpc-sep-color);z-index:1;grid-area:1/2/4;align-self:stretch;position:relative}.dpc__stat--excess{padding-left:var(--spacing-md);grid-area:1/3}.dpc__bars{grid-area:2/1/auto/4}.dpc__stats{column-gap:var(--spacing-lg);padding-right:var(--spacing-md);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.dpc__stat{gap:var(--spacing-xs);flex-direction:column;display:flex}.dpc__stat-head{align-items:center;gap:var(--spacing-xs);display:flex}.dpc__stat-label{color:var(--color-neutral-20)}.dpc__stat-value{color:var(--color-neutral-10)}.dpc__stat-marker{width:var(--dpc-marker-size);height:var(--dpc-marker-size);border-radius:50%;flex-shrink:0;display:block}.dpc__stat-marker--used{background:var(--dpc-used-color)}.dpc__stat-marker--remaining{border:1px solid var(--dpc-gradient-start);box-sizing:border-box;background:0 0}.dpc__stat-marker--annual{width:calc(var(--dpc-marker-size) * 1.5);background:0 0;border:none;border-radius:0;position:relative}.dpc__stat-marker--annual:before,.dpc__stat-marker--annual:after{content:"";width:var(--dpc-marker-size);height:var(--dpc-marker-size);border-radius:50%;position:absolute;top:0}.dpc__stat-marker--annual:before{background:var(--dpc-used-color);left:0}.dpc__stat-marker--annual:after{background:var(--dpc-bg);border:1px solid var(--dpc-gradient-start);box-sizing:border-box;right:0}.dpc__stat-marker--excess{background:color-mix(in srgb, var(--dpc-excess-color) 12%, white);border:1px solid var(--dpc-excess-color);box-sizing:border-box;position:relative;overflow:hidden}.dpc__stat-marker--excess:after{content:"";background:var(--dpc-excess-color);width:.0938rem;height:160%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.dpc__bars{display:flex}.dpc__bar{height:var(--dpc-bar-height);box-sizing:border-box;background:var(--dpc-track-color);border-radius:var(--dpc-bar-radius) 0 0 var(--dpc-bar-radius);border:1px solid var(--dpc-gradient-start);border-right:none;flex:1;display:flex;overflow:hidden}.dpc__bar-seg{flex-shrink:0;height:100%;transition:width .4s}.dpc__bar-seg--used{background:var(--dpc-gradient-start)}.dpc__bar-seg--gradient{background:linear-gradient(to right, var(--dpc-gradient-start), var(--dpc-gradient-end))}.dpc__bar-seg--remaining{background:var(--dpc-track-color)}.dpc__bar-excess{width:var(--dpc-excess-zone-w,25%);height:var(--dpc-bar-height);box-sizing:border-box;background:var(--dpc-track-color);border-radius:0 var(--dpc-bar-radius) var(--dpc-bar-radius) 0;border:1px solid var(--dpc-excess-color);border-left:none;flex-shrink:0}.dpc__bar-excess--active{background:repeating-linear-gradient(-45deg, var(--dpc-excess-color) 0px, var(--dpc-excess-color) 3px, var(--color-white) 3px, var(--color-white) 5px)}.dpc__footer{color:var(--color-neutral-20);text-align:left;margin:0}.dpc__footer p{margin:0}.dpc__footer--warning,.dpc__footer--exceeded{align-items:flex-start;gap:var(--spacing-xs);display:flex}.dpc__footer--exceeded{background:color-mix(in srgb, var(--color-accent-orange) 10%, white);border-radius:var(--dpc-radius);padding:var(--spacing-md)}.dpc__footer-icon{color:var(--color-accent-orange);flex-shrink:0;margin-top:.1em}@media (max-width:1024px){.dpc{--dpc-padding:var(--spacing-lg)}.dpc__title-row{flex-wrap:wrap}.dpc__badge{margin-left:0}.dpc__content{row-gap:var(--spacing-lg);grid-template-columns:1fr}.dpc__year-col{width:var(--dpc-year-col-width)}.dpc__data-grid{column-gap:var(--spacing-lg);row-gap:var(--spacing-lg);grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr}.dpc__stats{display:contents}.dpc__stat--used{grid-area:1/1}.dpc__stat--remaining{grid-area:1/2}.dpc__stat--annual{grid-area:2/1}.dpc__stat--excess{grid-area:2/2;padding-left:0}.dpc__data-vsep{display:none}.dpc__bars{grid-area:3/1/auto/3}}