.small-sdgs{display:flex;gap:.3em;filter:saturate(.1);opacity:.5;transition:filter opacity;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-timing)}.small-sdgs:hover .sdg-small{opacity:.2;filter:saturate(.6);transform:scale(.9)}.small-sdgs:hover .sdg-small:hover{transform:scale(1.1);opacity:1;filter:saturate(1)}.small-sdgs:hover .sdg-small{filter:saturate(0)}.small-sdgs .sdg-small{display:grid;color:var(--neutral-50);font-size:var(--font-size--2);border-radius:var(--rounded-2);place-items:center;height:1.2lh;width:1.2lh;cursor:pointer;background-color:var(--sdg-color);transition:filter opacity;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-timing)}.sdg-tooltip-content{max-width:30ch}.sdg-tooltip-content .sdg-icon{width:100%}.sdg-tooltip-content .description{color:var(--text-secondary);font-size:var(--font-size--2)}.sdg-tooltip-content .description span{color:var(--text-primary);font-size:inherit}.indicator-card{--animation-duration:300ms;--animation-timing:ease-out;display:grid;gap:1rem!important;height:100%;align-items:start;padding-block:1.8rem!important;padding-inline:2rem!important;outline-color:rgba(0,0,0,0);filter:saturate(50%);transition:outline-color color filter;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-timing)}.indicator-card:hover{filter:saturate(100%)}.indicator-card:hover .progress-line{stroke:var(--stroke-secondary)}.indicator-card:hover{outline:2px solid var(--stroke-tertiary)}.indicator-card:hover .label{color:var(--text-primary)}.indicator-card:hover .info-icon{opacity:1!important}.indicator-card:hover .small-sdgs,.indicator-card:hover .stek-cluster-icon{filter:saturate(1);opacity:1}.indicator-card .indicator-title{display:grid;gap:1em;grid-template-columns:1fr auto;align-items:center}.indicator-card .indicator-title .info-icon{opacity:0;transition:opacity;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-timing);cursor:pointer}.indicator-card .indicator-title .info-icon .lucide{opacity:.4;width:1.6rem;height:1.6rem;stroke:var(--text-secondary);transition:stroke opacity;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-timing)}.indicator-card .indicator-title .info-icon:hover .lucide{opacity:1;stroke:var(--text-info)}.indicator-card .label{font-size:var(--font-size-0);font-weight:500;line-height:1.5;color:var(--text-secondary);text-wrap:pretty;transition:color;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-timing)}.indicator-card .card-footer{display:flex;align-items:center;justify-content:space-between}.indicator-info--tooltip{display:grid;gap:.1rem;max-width:45ch;padding-inline:.8rem;padding-block:.4rem}.indicator-info--tooltip .title{display:flex;max-width:45ch;align-items:center;gap:.8em;line-height:1.4;color:var(--text-secondary);font-size:var(--font-size-0)}.indicator-info--tooltip .description{margin:0;color:var(--text-secondary);font-size:var(--font-size--2)}