.unit-system-toggle{display:flex;align-items:stretch;width:100%;box-sizing:border-box;gap:var(--space-2);padding:3px;border:1px solid rgb(var(--color-sage-subdued-rgb)/22%);border-radius:var(--radius-subtle);background:rgb(var(--color-sage-subdued-rgb)/14%)}.unit-system-toggle__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:1 1;min-width:0;min-height:34px;padding:0 var(--space-2);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-subtle);background:var(--color-subtle-teal);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;line-height:1;cursor:pointer;box-shadow:none;transition:background-color var(--anim-fast),color var(--anim-fast),border-color var(--anim-fast)}.unit-system-toggle__button:not(.unit-system-toggle__button--active){background:var(--color-subtle-teal);border:var(--border-width-thin) solid transparent}.unit-system-toggle__button:not(.unit-system-toggle__button--active):focus-visible:not(:disabled),.unit-system-toggle__button:not(.unit-system-toggle__button--active):hover:not(:disabled){background:rgb(193 214 219);color:var(--color-text)}.unit-system-toggle__button--active,.unit-system-toggle__button--active:focus-visible,.unit-system-toggle__button--active:hover:not(:disabled){background:var(--color-sage-subdued);border-color:transparent;color:#ffffff}.unit-system-toggle__button--active *,.unit-system-toggle__button--active:focus-visible *,.unit-system-toggle__button--active:hover:not(:disabled) *{color:#ffffff}.unit-system-toggle__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.unit-system-toggle__button[disabled]{cursor:not-allowed;opacity:.6}.unit-system-toggle__label{line-height:1}.unit-preference-toggle{width:100%;max-width:100%;box-sizing:border-box}.unit-preference-toggle__label{display:block;margin-bottom:var(--space-2);font-family:var(--font-sans);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted)}