.indicator-codes_grid{--indicator-code-width: 85px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.indicator-codes_grid .indicator-codes-list{flex-basis:calc(3 * var(--indicator-code-width) + 10px);flex-shrink:0;flex-grow:0}.indicator-codes_grid .indicator-codes-list:nth-child(-n+3){flex-grow:1}.indicator-codes_grid .indicator-codes-list_sdgs{flex-basis:100%;--sdg-size: 75px}:root{--sdg-size: 60px}.indicator-codes-list__title{font-size:14px;color:#9d9d9d}.indicator-codes-list__content{margin:5px 0;display:grid;grid-gap:5px;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(var(--indicator-code-width),max-content))}.indicator-codes-list__box{margin:5px 0;background:#fff;padding:10px;border-radius:9px}.indicator-codes-list__sdgs{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,var(--sdg-size));max-width:100%;min-width:60px;width:100%}.indicator-codes-list__sdgs .sdg{height:var(--sdg-size);width:var(--sdg-size)}.indicator-codes-list__sdgs .sdg__picture{height:var(--sdg-size);width:var(--sdg-size);min-height:var(--sdg-size);max-width:var(--sdg-size)}.indicator-codes-list_large .indicator-codes-list__title{color:#575757;font-size:18px;font-weight:700;text-transform:uppercase;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #d0d7e2;height:50px;display:flex;align-items:flex-end}@keyframes open-width{0%{width:0}to{width:100%}}:root{--indicator-code-width: 120px}.indicator-code{height:35px;line-height:35px;text-align:center;border-radius:4px;font-size:14px;font-weight:600;color:#404040;white-space:nowrap;padding-left:.2rem;padding-right:.2rem}