.unit-category-bar{border-top:1px solid var(--line);grid-template-columns:minmax(200px,280px) minmax(0,1fr);align-items:center;gap:20px;padding:14px 20px;display:grid}.unit-category-bar>p{color:var(--muted);margin:0;font-size:13px}.unit-field{flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:500;display:flex}.unit-field select{text-overflow:ellipsis;border-color:#d5d5dc;width:100%;min-height:54px;font-size:14px}.unit-category-bar select{min-height:44px}.unit-controls{border-block:1px solid var(--line);grid-template-columns:minmax(140px,.8fr) minmax(200px,1fr) 44px minmax(200px,1fr);align-items:end;gap:12px;padding:14px 20px;display:grid}#unit-value{width:100%;min-width:0;min-height:54px;font:24px/1.25 var(--mono);font-variant-numeric:tabular-nums;border-color:#d5d5dc}.unit-swap{border:1px solid var(--line);width:44px;height:54px}.unit-result{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:24px;padding:22px 20px;display:grid}.unit-result-main,.unit-result-details{min-width:0}.unit-result-main>p{overflow-wrap:anywhere;margin-bottom:6px;font-size:14px}.unit-output{font:450 32px/1.4 var(--mono);letter-spacing:-.04em;overflow-wrap:anywhere;display:block}.unit-output>span{color:var(--muted);letter-spacing:0;font-size:18px}.unit-result-main>.unit-result-name{color:var(--muted);margin:10px 0 0;font-size:13px}.unit-result-details{border-left:1px solid var(--line);padding-left:22px}.unit-formula{font:13px/1.7 var(--mono);overflow-wrap:anywhere;margin-bottom:12px}.unit-precision{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.unit-precision select{min-width:0;max-width:100%;font-size:13px}.unit-result-details .text-button{margin-top:10px;font-size:13px}.unit-error{color:#8b342e;border-bottom:1px solid var(--line);margin:0;padding:12px 20px;font-size:13px}.unit-loading{text-align:center;align-content:center;min-height:280px;padding:20px;display:grid}.unit-comparisons{margin-top:18px}.unit-search{flex-shrink:0;max-width:100%}.unit-comparison-head,.unit-comparison-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 20px;align-items:center;gap:16px;padding:12px 20px;display:grid}.unit-comparison-head{color:var(--muted);border-block:1px solid var(--line);padding-block:9px;font-size:12px}.unit-comparison-head>span:nth-child(2){text-align:right}.unit-comparison-list{margin:0;padding:0;list-style:none}.unit-comparison-list li+li{border-top:1px solid var(--line)}.unit-comparison-row{text-align:left;border:0;border-radius:0;width:100%}.unit-comparison-row[aria-pressed=true]{background:#f3f7f5}.unit-comparison-row:focus-visible{outline-offset:-3px}.unit-identity{overflow-wrap:anywhere;flex-direction:column;gap:3px;min-width:0;display:flex}.unit-identity strong{font:500 15px/1.5 var(--mono)}.unit-identity>span{color:var(--muted);font-size:13px}.unit-comparison-value{text-align:right;min-width:0;font:450 16px/1.6 var(--mono);overflow-wrap:anywhere}.unit-sources{color:var(--muted);margin:20px 0;font-size:13px}.unit-sources a{text-underline-offset:3px;text-decoration:underline}@media (max-width:760px){.unit-category-bar{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 16px}.unit-controls{grid-template-columns:minmax(0,1fr) 44px;padding:14px 16px}.unit-controls>.unit-field:first-child{grid-column:1/-1}.unit-controls>.unit-field{grid-column:1}.unit-swap{grid-area:2/2/4;align-self:center}.unit-swap svg{transform:rotate(90deg)}.unit-result{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 16px}.unit-output{font-size:28px}.unit-result-details{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.unit-error{padding-inline:16px}.unit-comparison-head,.unit-comparison-row{gap:10px;padding-inline:16px}.unit-search,.unit-search input{width:100%}}