.ratio-tabs{margin:0 0 12px}.ratio-panel h2{font-size:15px;margin:0 0 16px}.percent-cards{display:grid;grid-template-columns:1fr;gap:10px}.percent-card{padding:13px;border:1px solid #eeeef4;border-radius:8px;background:#fcfcfe}.percent-card h3{font-size:11px;margin:0 0 10px}.formula-row{display:flex;align-items:center;gap:8px}.formula-row .tool-input{min-width:0;flex:1;height:37px}.formula-row span{font-size:10px;color:#858697;white-space:nowrap}.percent-result{margin-top:10px;padding:9px 11px;border-radius:6px;background:#f2f0ff;color:#584bdb;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.proportion-form{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:end}.proportion-form>span{padding-bottom:11px;color:#858697}.proportion-form .tool-input{height:38px}.ratio-panel .tool-content{padding:20px}@media(max-width:650px){.formula-row{gap:5px}.formula-row span{font-size:9px}.proportion-form{grid-template-columns:1fr auto 1fr;gap:7px}.proportion-form>span:nth-of-type(2){display:none}.proportion-form>div:nth-of-type(3){grid-column:1}.proportion-form>span:nth-of-type(3){grid-column:2}.proportion-form>div:nth-of-type(4){grid-column:3}.ratio-panel .tool-content{padding:14px}}