.ddc_meko-root .arc-map-scale{display:flex;align-items:center;gap:10px;padding:4px 8px;background:color-mix(in srgb,var(--ddc-panel,#fff) var(--arc-scale-background,65%),transparent);color:var(--ddc-text,#243b4d);border:1px solid color-mix(in srgb,var(--ddc-line) 65%,transparent);border-radius:4px;box-shadow:none;font:11px/1.3 var(--ddc-font,system-ui);width:fit-content;margin:8px}.ddc_meko-root .arc-map-scale[hidden],.ddc_meko-root .arc-map-scale [hidden]{display:none!important}.ddc_meko-root .arc-scale-bars{display:flex;align-items:center;gap:8px}.ddc_meko-root .arc-scale-bar{border:solid var(--ddc-text);border-width:0 1px 2px;text-align:center;white-space:nowrap;padding:0 2px 2px;box-sizing:border-box;font-size:10px;min-width:22px}.ddc_meko-root .arc-scale-ratio{display:flex;align-items:center;gap:3px;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.ddc_meko-root .arc-scale-ratio>span:first-child{color:var(--ddc-muted)}.ddc_meko-root .arc-scale-ratio .arc-scale-value{color:var(--ddc-text)}.ddc_meko-root .arc-map-scale:has(.arc-scale-bars:not([hidden])) .arc-scale-ratio{border-left:1px solid var(--ddc-line);padding-left:10px}