.unit-converter .unit-fields{gap:1.2rem;min-width:0;display:grid}.unit-converter .unit-select{cursor:pointer;width:100%;padding-right:2rem;font-size:1rem}.unit-converter .unit-select:disabled{cursor:wait}.unit-converter .unit-field-help{color:var(--muted-foreground);margin:.5rem 0 0;font-size:.8rem;line-height:1.6}.unit-converter .unit-error{color:var(--destructive);margin-top:.5rem;font-size:.85rem;line-height:1.5}.unit-converter .unit-pair-row{gap:.85rem;min-width:0;display:grid}.unit-converter .unit-swap-wrap{align-items:center;display:flex}.unit-converter .unit-swap-button{width:100%}@media (min-width:600px){.unit-converter .unit-pair-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}.unit-converter .unit-swap-button{width:auto;min-height:3.5rem}}.unit-converter .unit-formula-box{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.85rem;font-size:.875rem;line-height:1.55}.unit-converter .unit-formula-label{color:var(--muted-foreground);font-size:.78rem}.unit-converter .unit-formula-value{color:var(--foreground);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:.25rem;font-weight:600}.unit-converter .unit-table-section{border-top:1px solid var(--border);background:var(--background);min-width:0;padding:1.25rem}@media (min-width:800px){.unit-converter .unit-table-section{padding:1.5rem 2rem}}.unit-converter .table-wrapper{max-block-size:min(28rem,80vh);max-inline-size:100%;border:1px solid var(--border);background:var(--background);border-radius:.75rem;min-width:0;overflow:auto;container-type:inline-size}.unit-converter .table-wrapper:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.unit-converter .unit-equivalence-table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem}.unit-converter .unit-equivalence-table caption{border-bottom:1px solid var(--border);background:var(--muted);color:var(--primary);text-align:left;padding:.75rem 1rem;font-weight:650}.unit-converter .unit-equivalence-table thead{z-index:2;position:sticky;inset-block-start:0}.unit-converter .unit-equivalence-table thead th{border-bottom:1px solid var(--border);background:var(--muted);color:var(--primary);text-align:left;white-space:nowrap;padding:.65rem .85rem;font-weight:600}.unit-converter .unit-equivalence-table tbody th,.unit-converter .unit-equivalence-table tbody td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.65rem .85rem}.unit-converter .unit-equivalence-table tbody tr:last-child th,.unit-converter .unit-equivalence-table tbody tr:last-child td{border-bottom:0}.unit-converter .unit-equivalence-table tbody th{z-index:1;background:var(--background);color:var(--foreground);font-weight:600;position:sticky;inset-inline-start:0}.unit-converter .unit-equivalence-table tbody tr[data-target=true] th,.unit-converter .unit-equivalence-table tbody tr[data-target=true] td{background:var(--muted);color:var(--primary);font-weight:650}@container not (min-width:420px){.unit-converter .unit-equivalence-table{font-size:.8rem}.unit-converter .unit-equivalence-table caption{padding:.6rem .75rem}.unit-converter .unit-equivalence-table thead th,.unit-converter .unit-equivalence-table tbody th,.unit-converter .unit-equivalence-table tbody td{padding:.5rem .6rem}}