.contract-status-chart.svelte-ct2xs1 .resize-to-fit .layer-donut-chart{flex-direction:column;gap:2rem;container-type:size}.contract-status-chart.svelte-ct2xs1 .resize-to-fit .layer-donut-graphic{flex:0 1 auto;width:min(100cqw,calc(260px + var(--grid-extra-height, 0px)));height:min(60cqh,calc(280px + var(--grid-extra-height, 0px)))}.contract-status-chart.svelte-ct2xs1 .layer-donut-graphic+div{width:100%;max-width:24rem;padding-inline:0;gap:.875rem}@media(min-width:1024px){.contract-status-chart.svelte-ct2xs1 .resize-to-fit .layer-donut-chart{flex-direction:row;gap:4rem}.contract-status-chart.svelte-ct2xs1 .resize-to-fit .layer-donut-graphic{flex:0 0 auto;width:min(40cqw,calc(260px + var(--grid-extra-height, 0px)));height:min(100cqh,calc(280px + var(--grid-extra-height, 0px)))}.contract-status-chart.svelte-ct2xs1 .resize-to-fit .layer-donut-graphic+div{flex:1;min-width:0;max-width:24rem;max-height:100%}}.chart-card-expanded .contract-status-chart.svelte-ct2xs1 .resize-to-fit .layer-donut-graphic{width:min(100cqw,60cqh);height:min(100cqw,60cqh)}@media(min-width:1024px){.chart-card-expanded .contract-status-chart.svelte-ct2xs1 .resize-to-fit .layer-donut-graphic{width:min(55cqw,100cqh);height:min(55cqw,100cqh)}}