.uc__body{gap:var(--space-5)}.uc__search-box{position:relative}.uc__search-icon{color:var(--ink-3);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:var(--space-3);translate:0 -50%}.uc__search-input{padding-inline-start:calc(var(--space-3) + 1.125rem + var(--space-2))}.uc__search-input::-webkit-search-cancel-button{cursor:pointer}.uc__options{z-index:5;max-block-size:18rem;padding:var(--space-1);border:1px solid var(--sheet-border);border-radius:var(--radius);background:var(--sheet);box-shadow:var(--shadow-pop);margin:0;list-style:none;position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline:0;overflow-y:auto}.uc__option{gap:0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.uc__option[aria-selected=true]{background:var(--accent-soft)}.uc__option--empty{color:var(--ink-3);cursor:default;display:block}.uc__option-name{color:var(--ink);font-weight:550}.uc__option-symbol{color:var(--ink-2);font-family:"Literata Variable", var(--font-display);unicode-bidi:isolate}.uc__option-category{color:var(--ink-3);font-size:var(--text-sm);grid-column:1/-1}.uc__categories{gap:var(--space-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.uc__categories legend{margin-block-end:var(--space-2);padding:0}.uc__segmented{display:flex}.uc__segmented label{padding-block:var(--space-2)}.uc__convert{gap:var(--space-3);align-items:center;display:grid}@media (min-width:52rem){.uc__convert{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}}.uc__side{gap:var(--space-2);min-inline-size:0;padding:var(--space-4);border:1px solid var(--sheet-rule);border-radius:var(--radius);background:var(--paper);display:grid}.uc__side--to{background:color-mix(in srgb, var(--accent-soft) 40%, var(--paper))}.uc__value,.uc__output{min-block-size:3.25rem;font-family:"Literata Variable", var(--font-display);letter-spacing:-.01em;font-size:clamp(1.5rem,1.2rem + 1vw,1.75rem);font-weight:500;line-height:1.15}.uc__value{padding-block:var(--space-2)}.uc__output{align-items:baseline;gap:0 var(--space-2);padding-block:var(--space-2);padding-inline:calc(var(--space-3) + 1px);color:var(--ink-3);overflow-wrap:anywhere;transition:color var(--duration) var(--ease-out);flex-wrap:wrap;display:flex}.uc__output.is-solved{color:var(--accent)}[dir=rtl] .uc__output{justify-content:flex-end}.uc__figure{min-inline-size:0}.uc__symbol{color:var(--ink-2);font-size:var(--text-lg);unicode-bidi:isolate}.uc__swap{justify-self:center}@media (min-width:52rem){.uc__swap{margin-block-end:calc(var(--space-4) + 3rem)}}.uc__swap-wide{display:none}@media (min-width:52rem){.uc__swap-wide{display:inline-block}.uc__swap-narrow{display:none}}.uc__formula{gap:var(--space-1);border-block-start:1px solid var(--sheet-rule);unicode-bidi:plaintext;padding-block-start:var(--space-4);display:grid}.uc__rule{color:var(--ink);font-family:"Literata Variable", var(--font-display);font-size:var(--text-md);unicode-bidi:plaintext;font-weight:500}.uc__rule:empty{display:none}.uc__calc{color:var(--ink-2);font-size:var(--text-sm);overflow-wrap:anywhere;unicode-bidi:plaintext}.uc__note{margin-block-start:calc(var(--space-2) * -1)}.uc__table{inline-size:100%;border-collapse:collapse;margin-block-end:var(--space-3);font-size:.875rem}.uc__row{border-block-end:1px dotted var(--line-strong)}.uc__row:last-child{border-block-end:0}.uc__row.is-target{background:color-mix(in srgb, var(--accent-soft) 55%, transparent)}.uc__row-name{padding-block:var(--space-2);padding-inline:var(--space-5) var(--space-2);color:var(--ink-2);text-align:start;font-weight:400}.uc__row-value{padding-block:var(--space-2);color:var(--ink);font-family:"Literata Variable", var(--font-display);text-align:end;overflow-wrap:anywhere;unicode-bidi:isolate;font-weight:600}.uc__row.is-target .uc__row-value,.uc__row.is-source .uc__row-value{color:var(--accent)}.uc__row-action{inline-size:1%;padding-block:var(--space-1);padding-inline:var(--space-1) var(--space-3)}.uc__row-copy{min-block-size:2.25rem;inline-size:2.25rem;color:var(--ink-3)}.uc__row-copy:hover:not(:disabled){color:var(--accent)}