:root{--container-max-width:1280px}.goal-meter-block.is-variant-sidebar{max-width:400px}.goal-meter-block .goal-meter-grid{grid-gap:1rem;display:grid;gap:1rem}@media(min-width:992px){.goal-meter-block .goal-meter-grid{align-items:start;-moz-column-gap:2rem;column-gap:2rem;grid-template-areas:"progress zakat" "amounts  zakat";grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:.5rem}}@media(max-width:991.98px){.goal-meter-block .goal-meter-grid{align-items:center;-moz-column-gap:1.5rem;column-gap:1.5rem;grid-template-areas:"progress progress" "amounts  zakat";grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:0}}.goal-meter-block .goal-meter-grid__progress{grid-area:progress}.goal-meter-block .goal-meter-grid__amounts{display:flex;flex-direction:column;grid-area:amounts}@media(min-width:992px){.goal-meter-block .goal-meter-grid__amounts{align-items:flex-start;gap:.5rem}}@media(max-width:991.98px){.goal-meter-block .goal-meter-grid__amounts{align-items:flex-start;flex-wrap:wrap;gap:.75rem}}.goal-meter-block .goal-meter-grid__zakat{align-items:center;display:flex;grid-area:zakat;justify-content:center}@media(min-width:992px){.goal-meter-block .goal-meter-grid__zakat{align-self:start}}@media(max-width:991.98px){.goal-meter-block .goal-meter-grid__zakat{align-self:center}}.goal-meter-block .badge-circle-zakat{align-items:center;background-color:#ffccc7;border-radius:50%;color:#5f2110;display:flex;font-family:Barlow,sans-serif;font-size:1rem;font-weight:600;height:6.1875rem;justify-content:center;line-height:1.2;padding:1rem;text-align:center;text-transform:uppercase;width:6.1875rem}