.measurement-converter__panel.tool-panel{padding:0;overflow:hidden}.measurement-converter__tabs{--measurement-tabpanel-bg:color-mix(in srgb,var(--tw-elevated)82%,var(--tw-shine-strong));--measurement-tab-inactive-bg:color-mix(in srgb,var(--tw-surface)72%,var(--tw-base));--measurement-tablist-bg:color-mix(in srgb,var(--tw-surface)58%,var(--tw-base));flex-direction:column;display:flex}.measurement-converter__tablist{border-bottom:1px solid var(--tw-border-faint);background:var(--measurement-tablist-bg);flex-wrap:wrap;gap:.25rem .125rem;margin:0;padding:.5rem .5rem 0;display:flex}.measurement-converter__tab{appearance:none;background:var(--measurement-tab-inactive-bg);color:var(--tw-subtle);cursor:pointer;border:1px solid #0000;border-bottom:none;border-radius:.5rem .5rem 0 0;margin:0;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;position:relative}.measurement-converter__tab:hover:not(.measurement-converter__tab--active){color:var(--tw-muted);background:color-mix(in srgb,var(--tw-shine-soft)55%,var(--tw-elevated));border-color:var(--tw-border-faint)}.measurement-converter__tab--active{z-index:2;border-color:var(--tw-border);background:var(--measurement-tabpanel-bg);color:var(--tw-text);box-shadow:inset 0 3px 0 var(--tw-blue),0 1px 0 var(--measurement-tabpanel-bg);margin-bottom:-1px;font-weight:600}.measurement-converter__tabpanel{background:var(--measurement-tabpanel-bg);padding:1.25rem}.measurement-converter__intro{color:var(--tw-muted);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.measurement-converter__grid{gap:1rem;display:grid}@media (min-width:768px){.measurement-converter__grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}}.measurement-converter__field{flex-direction:column;gap:.5rem;display:flex}.measurement-converter__input-row{grid-template-columns:minmax(0,1fr) minmax(8.5rem,10rem);gap:.5rem;display:grid}.measurement-converter__swap-wrap{justify-content:center;align-items:center;display:flex}.measurement-converter__swap{border:1px solid var(--tw-border);background:var(--tw-shine-soft);width:2.75rem;height:2.75rem;color:var(--tw-text);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.measurement-converter__swap:hover{border-color:color-mix(in srgb,var(--tw-blue)35%,var(--tw-border));color:var(--tw-blue)}.measurement-converter__hint{border:1px solid var(--tw-border-faint);background:color-mix(in srgb,var(--tw-shine-soft)70%,transparent);color:var(--tw-muted);border-radius:.75rem;margin-top:1rem;padding:.875rem 1rem;font-size:.875rem}.measurement-converter__hint strong{color:var(--tw-text);font-weight:500}.measurement-converter__examples{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.measurement-converter__example{border:1px solid var(--tw-border-faint);background:var(--tw-base);color:var(--tw-muted);cursor:pointer;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;transition:border-color .15s,color .15s,background .15s}.measurement-converter__example:hover{border-color:color-mix(in srgb,var(--tw-blue)35%,var(--tw-border));color:var(--tw-text);background:var(--tw-shine-soft)}.measurement-converter__result-input{background:color-mix(in srgb,var(--tw-shine-soft)55%,var(--tw-base))}