.wrap.svelte-pc7g35{flex-direction:column;gap:12px;display:flex}.val.svelte-pc7g35{text-align:center;letter-spacing:-.03em;font-size:56px;line-height:1}.unit.svelte-pc7g35{color:var(--muted);margin-left:6px;font-size:28px;font-weight:500}.steps.svelte-pc7g35{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.steps.svelte-pc7g35 button:where(.svelte-pc7g35){border:1px solid var(--line);background:var(--surface);height:44px;color:var(--text);cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color var(--t), background-color var(--t), scale var(--t-fast) var(--ease);border-radius:12px;font-size:14px;font-weight:600}.steps.svelte-pc7g35 button:where(.svelte-pc7g35):not(:disabled):active{background:var(--surface-2);scale:.94}@media (hover:hover){.steps.svelte-pc7g35 button:where(.svelte-pc7g35):not(:disabled):hover{border-color:var(--line-2);background:var(--surface-2)}}.steps.svelte-pc7g35 button:where(.svelte-pc7g35):disabled{opacity:.5;cursor:default}