.UnitConverter-module__qnLKQG__wrap{max-width:640px;margin:0 auto}.UnitConverter-module__qnLKQG__catTabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.UnitConverter-module__qnLKQG__catTab{border:1px solid var(--color-border);background:var(--color-white);border-radius:var(--radius-pill);font-family:var(--font-ui);color:var(--color-grey-500);cursor:pointer;transition:var(--transition-short);align-items:center;gap:6px;padding:8px 15px;font-size:13px;font-weight:600;display:inline-flex}.UnitConverter-module__qnLKQG__catTab:hover{border-color:var(--color-grey-200)}.UnitConverter-module__qnLKQG__catActive{background:var(--color-heading);color:#fff;border-color:var(--color-heading)}.UnitConverter-module__qnLKQG__card{padding:26px}.UnitConverter-module__qnLKQG__row{grid-template-columns:1fr 1.3fr;gap:14px;display:grid}.UnitConverter-module__qnLKQG__field{min-width:0}.UnitConverter-module__qnLKQG__swap{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-pill);font-family:var(--font-ui);color:var(--color-purple);cursor:pointer;transition:var(--transition-short);margin:14px auto;padding:7px 18px;font-size:13px;font-weight:600;display:block}.UnitConverter-module__qnLKQG__swap:hover{background:var(--badge-purple);border-color:var(--color-purple)}.UnitConverter-module__qnLKQG__output{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:49px;font-family:var(--font-display);letter-spacing:-.5px;color:var(--color-heading);word-break:break-all;align-items:center;padding:13px 15px;font-size:20px;font-weight:700;display:flex}@media (max-width:480px){.UnitConverter-module__qnLKQG__row{grid-template-columns:1fr}}