@layer component{._Rg26G_UnitConverter{gap:var(--space-5);display:grid}._Rg26G_UnitConverter ._Rg26G_inputs{align-items:start;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}._Rg26G_UnitConverter ._Rg26G_results{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));padding:0;list-style:none;display:grid}._Rg26G_UnitConverter ._Rg26G_results li{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);display:flex}._Rg26G_UnitConverter ._Rg26G_results li[data-current]{border-color:var(--color-border-strong)}._Rg26G_UnitConverter ._Rg26G_unit{min-inline-size:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);flex:1}._Rg26G_UnitConverter code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:end}._Rg26G_UnitConverter ._Rg26G_note{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-block-start:calc(-1 * var(--space-3))}}