.crm-area { min-width: 0; color: #172026; overflow-wrap: anywhere; }
.crm-area, .crm-area * { box-sizing: border-box; }
.crm-area .crm-area__title { margin: 0 0 24px; font-size: 22px; }
.crm-area__items { --crm-columns: 1; --crm-column-gap: 24px; --crm-item-basis: max(180px, calc((100% - (var(--crm-columns) - 1) * var(--crm-column-gap)) / var(--crm-columns))); display: flex; flex-wrap: wrap; gap: 20px var(--crm-column-gap); }
.crm-area--grid .crm-area__items { --crm-columns: 3; }
.crm-area__item { flex: 1 1 var(--crm-item-basis); max-width: 100%; }
.crm-area__item, .crm-area__heading { min-width: 0; }
.crm-area__heading { display: flex; align-items: flex-start; gap: 10px; }
.crm-area .crm-area__text { display: flex; flex: 1; align-self: stretch; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; min-width: 0; margin: 0; }
.crm-area--grid .crm-area__text { flex-direction: column; }
.crm-area .crm-area__label { margin: 0; font-size: 14px; font-weight: 400; color: #59666c; }
.crm-area .crm-area__value { margin: 0; font-size: 15px; font-weight: 600; }
.crm-area__icon { flex: 0 0 auto; font-size: 18px; line-height: 1; color: #167264; }
.crm-area__icon svg { width: 1em; height: 1em; fill: currentColor; }
.crm-area__track { height: 8px; margin-top: 10px; border-radius: 4px; overflow: hidden; background: #e7ecee; }
.crm-area__fill { display: block; height: 100%; max-width: 100%; background: #167264; }
.crm-area .crm-area__sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 1024px) { .crm-area--grid .crm-area__items { --crm-columns: 2; } }
@media (max-width: 767px) { .crm-area--grid .crm-area__items { --crm-columns: 1; } }