.distance-unit-settings{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0;color:#d7e3db;font-size:13px;min-width:0}.distance-unit-label{font-weight:600}.distance-unit-toggle{display:inline-flex;max-width:100%;border:1px solid #65786b;border-radius:9px;background:#111d17}.distance-unit-toggle button{position:relative;min-width:0;min-height:36px;padding:6px 11px;border:0;border-right:1px solid #506158;border-radius:0;background:transparent;color:#cbd8cf;font:inherit;line-height:1;white-space:nowrap}.distance-unit-toggle button:first-child{border-radius:8px 0 0 8px}.distance-unit-toggle button:last-child{border-right:0;border-radius:0 8px 8px 0}.distance-unit-toggle button[aria-pressed=true]{background:#e7aa74;color:#211b16;font-weight:700}.distance-unit-toggle button:disabled{cursor:wait;opacity:.58}.distance-unit-toggle button:focus-visible{z-index:2;outline:2px solid #f6d8bb;outline-offset:2px}.distance-unit-tooltip{position:absolute;z-index:10;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:min(220px,calc(100vw - 32px));padding:6px 8px;border:1px solid #65786b;border-radius:6px;background:#0d1712;box-shadow:0 6px 18px rgb(0 0 0/35%);color:#f0eadf;font-size:11px;font-weight:500;line-height:1.35;white-space:normal;pointer-events:auto;opacity:0;visibility:hidden;transform:translate(-50%,3px);transition:opacity .12s ease,transform .12s ease}.distance-unit-tooltip:after{position:absolute;top:100%;right:0;left:0;height:8px;content:""}.distance-unit-tooltip[data-edge=start]{left:0;transform:translateY(3px)}.distance-unit-tooltip[data-edge=end]{right:0;left:auto;transform:translateY(3px)}.distance-unit-toggle button:is(:hover,:focus,:focus-visible) .distance-unit-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.distance-unit-toggle button:is(:hover,:focus,:focus-visible) .distance-unit-tooltip:is([data-edge=start],[data-edge=end]){transform:translate(0)}.distance-unit-tooltip.is-dismissed{opacity:0!important;visibility:hidden!important}.distance-unit-settings p{flex-basis:100%;line-height:1.6;margin:0}.distance-unit-details{flex-basis:100%;color:#bdcfc2}.distance-unit-details summary{width:fit-content;min-height:36px;padding:8px 0;cursor:pointer;color:#d7e3db;font-weight:600}.distance-unit-details p{max-width:68ch}@media (max-width:480px){.distance-unit-settings{align-items:flex-start;flex-direction:column}.distance-unit-toggle{align-self:stretch}.distance-unit-toggle button{flex:1 1;padding-inline:7px}}