.ratio-dashboard{margin-top:22px}.ratio-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.ratio-heading h2{margin:0;font:600 24px 'Playfair Display',serif;letter-spacing:-.4px}.ratio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ratio-card{min-height:224px}.ratio-content{display:flex;align-items:center;gap:26px;padding:5px 20px 24px}.ratio-ring{--portion:50;--first:var(--acid);--second:#5e5d57;width:142px;height:142px;flex:0 0 142px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--first) 0 calc(var(--portion) * 1%),var(--second) 0 100%);position:relative}.ratio-ring:before{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--panel)}.ratio-ring span{position:relative;z-index:1;text-align:center}.ratio-ring b,.ratio-ring small{display:block}.ratio-ring b{font:600 26px 'Playfair Display',serif}.ratio-ring small{margin-top:3px;color:var(--muted);font:8px 'DM Mono',monospace;text-transform:uppercase}.ratio-legend{flex:1;min-width:0}.ratio-legend p{display:grid;grid-template-columns:10px minmax(0,1fr) auto;column-gap:8px;align-items:center;margin:0;padding:10px 0;border-bottom:1px solid #2b2b28;font-size:11px}.ratio-legend p i{width:9px;height:9px;border-radius:50%}.ratio-legend p b{font:11px 'DM Mono',monospace}.ratio-legend p small{grid-column:2;color:var(--muted);font:9px 'DM Mono',monospace;margin-top:3px}.ratio-legend em{display:block;margin-top:14px;color:var(--muted);font:9px/1.5 'DM Mono',monospace;font-style:normal}@media(max-width:800px){.ratio-grid{grid-template-columns:1fr}.ratio-heading{display:block}.ratio-heading h2{font-size:22px}}@media(max-width:420px){.ratio-content{gap:17px;padding-left:16px;padding-right:16px}.ratio-ring{width:120px;height:120px;flex-basis:120px}.ratio-ring:before{inset:14px}.ratio-ring b{font-size:22px}.ratio-legend p{font-size:10px}}