.ec{border-radius:var(--radius-lg);width:100%;color:var(--ink);font-family:var(--font-body);background:#eeebf7;gap:.75rem;padding:clamp(1rem,4cqi,2rem);display:grid;container-type:inline-size}.ec-card{border-radius:var(--radius-lg);background:#fff;padding:clamp(.9rem,3cqi,1.25rem);box-shadow:0 1px 2px #01083308,0 18px 40px -18px #01083329}.ec-title{color:#0108339e;margin-bottom:.85rem;font-size:.8125rem;font-weight:600;display:block}.ec-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.ec-kpi{opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * 90ms);gap:.35rem;display:grid;transform:translateY(10px)}.ec-kpi span{color:#01083399;font-size:.75rem;font-weight:600}.ec-kpi strong{font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(1.4rem,5cqi,2rem);font-weight:400;line-height:1}.ec[data-in] .ec-kpi{opacity:1;transform:none}.ec-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:.75rem;display:grid}.ec ul{margin:0;padding:0;list-style:none}.ec-bars ul,.ec-sites ul:not(.ec-legend){gap:.7rem;display:grid}.ec-bars li,.ec-sites ul:not(.ec-legend) li{grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:.75rem;font-size:.8125rem;font-weight:500;display:grid}.ec-bars li span,.ec-sites li>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ec-bars i{background:var(--purple-600);height:.75rem;width:calc(var(--v) * 100%);transform-origin:0;transition:transform .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(.3s + var(--i) * 90ms);border-radius:999px;display:block;transform:scaleX(0)}.ec-bars li:first-child i{background:var(--ink)}.ec[data-in] .ec-bars i{transform:none}.ec-ring{align-content:start;justify-items:center;display:grid}.ec-ring .ec-title{justify-self:start}.ec-donut{aspect-ratio:1;opacity:0;border-radius:50%;width:min(8.5rem,60%);transition:transform 1s cubic-bezier(.22,1,.36,1) .4s,opacity .5s .4s;transform:rotate(-90deg)scale(.6);-webkit-mask:radial-gradient(circle,#0000 54%,#000 55%);mask:radial-gradient(circle,#0000 54%,#000 55%)}.ec[data-in] .ec-donut{opacity:1;transform:none}.ec-legend{gap:.35rem;width:100%;display:grid;margin-top:.9rem!important}.ec-legend li{align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:flex}.ec-legend i{border-radius:50%;flex:none;width:.6rem;height:.6rem}.ec-legend b{margin-left:auto;font-weight:600}.ec-sites-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:.85rem;display:flex}.ec-sites-head .ec-title{margin:0}.ec-legend-row{gap:.9rem;width:auto;display:flex;margin:0!important}.ec [data-s=ok]{background:var(--lime)}.ec [data-s=due]{background:#f5b84a}.ec [data-s=over]{background:#e5484d}.ec-stack{clip-path:inset(0 100% 0 0 round 999px);height:.85rem;transition:clip-path 1s cubic-bezier(.22,1,.36,1);transition-delay:calc(.2s + var(--i) * .11s);gap:3px;display:flex}.ec-stack i{flex:var(--v) 0 0;border-radius:3px;display:block}.ec-stack i:first-child{border-radius:999px 3px 3px 999px}.ec-stack i:last-child{border-radius:3px 999px 999px 3px}.ec-stack i:only-child{border-radius:999px}.ec[data-in] .ec-stack{clip-path:inset(0 round 999px)}.ec-row>.ec-card{flex-direction:column;display:flex}.ec-row>.ec-bars ul,.ec-row>.ec-sites ul:not(.ec-legend){flex:1;align-content:space-evenly}.ec-kpis-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-kpi strong{animation:.45s cubic-bezier(.22,1,.36,1) ec-tick}@keyframes ec-tick{0%{opacity:0;transform:translateY(6px)}}.ec-digest ul:not(.ec-legend){gap:.6rem;display:grid}.ec-digest ul:not(.ec-legend) li{border-radius:10px;grid-template-columns:7.5rem minmax(0,1fr) 1.5rem;align-items:center;gap:.75rem;margin-inline:-.6rem;padding:.45rem .6rem;font-size:.875rem;font-weight:500;display:grid}.ec-digest li b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.ec-digest li[data-free]{background:#cafa1838}.ec [data-s=wk]{background:var(--purple-600)}.ec-grades li{transition:opacity .5s;grid-template-columns:7.5rem minmax(0,1fr) 2rem!important}.ec-grades li b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.ec-grades li i,.ec-bars.ec-grades li:first-child i{background:var(--purple-600)}.ec-bars.ec-grades li[data-pick] i{background:#e5484d}.ec-grades[data-on] li:not([data-pick]){opacity:.28}.ec-grades ul{gap:.9rem!important}.ec-options{padding-bottom:2.6rem;position:relative}.ec-options ul{gap:1.1rem!important}.ec-options li{grid-template-columns:9.5rem minmax(0,1fr)!important}.ec-options li>span{gap:.15rem;display:grid;white-space:normal!important}.ec-options small{color:#01083399;font-size:.75rem;font-weight:500}.ec-bars.ec-options li i{background:var(--purple-600);height:1rem}.ec-bars.ec-options li[data-over] i{background:linear-gradient(to right, var(--purple-600) calc(var(--budget) / var(--v) * 100%), #e5484d calc(var(--budget) / var(--v) * 100%))}.ec-budget{top:3.4rem;bottom:2.2rem;left:calc(clamp(.9rem, 3cqi, 1.25rem) + 9.5rem + .75rem + (100% - 2 * clamp(.9rem, 3cqi, 1.25rem) - 9.5rem - .75rem) * var(--budget));border-left:2px dashed var(--ink);opacity:0;width:0;transition:opacity .5s 1.3s;position:absolute}.ec[data-in] .ec-budget{opacity:1}.ec-budget em{white-space:nowrap;font-size:.75rem;font-style:normal;font-weight:600;position:absolute;top:100%;left:0;transform:translate(-50%,.35rem)}.ec-options .ec-title{margin-bottom:1.4rem}@container (max-width:560px){.ec-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-row{grid-template-columns:minmax(0,1fr)}.ec-bars li,.ec-sites ul:not(.ec-legend) li{grid-template-columns:6.5rem minmax(0,1fr)}.ec-kpis-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-ring{grid-template-columns:6.5rem minmax(0,1fr);align-items:center;column-gap:1.5rem}.ec-ring .ec-title{grid-column:1/-1}.ec-ring .ec-donut{width:100%}.ec-ring .ec-legend{margin-top:0!important}.ec-grades li{grid-template-columns:6.5rem minmax(0,1fr) 1.75rem!important}.ec-digest ul:not(.ec-legend) li{grid-template-columns:6.5rem minmax(0,1fr) 1.25rem}.ec-options li{grid-template-columns:7.5rem minmax(0,1fr)!important}.ec-budget{left:calc(clamp(.9rem, 3cqi, 1.25rem) + 7.5rem + .75rem + (100% - 2 * clamp(.9rem, 3cqi, 1.25rem) - 7.5rem - .75rem) * var(--budget))}}@media (prefers-reduced-motion:reduce){.ec *{transition:none!important}}
