.map-switch{display:flex;align-items:center;gap:10px;padding:6px 2px;background:none;border:0;cursor:pointer;font-family:var(--font-sans);font-size:var(--wb-p3);color:var(--color-text);text-align:left}.map-switch:disabled{cursor:not-allowed;opacity:.55}.map-switch__track{position:relative;flex:0 0 auto;width:40px;height:24px;border-radius:12px;background:var(--color-surface-hover);border:1px solid var(--color-border-strong);transition:background-color .15s ease,border-color .15s ease}.map-switch[aria-checked=true] .map-switch__track{background:var(--color-brand);border-color:var(--color-brand)}.map-switch__knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #100f0f47;transition:transform .15s ease}.map-switch[aria-checked=true] .map-switch__knob{transform:translate(16px)}.map-switch[aria-checked=false] .map-switch__knob{border:1px solid var(--color-border-strong);top:1px;left:1px}.map-switch__label{display:flex;flex-direction:column;gap:1px;min-width:0}.map-switch__name{font-weight:500;line-height:1.25}.map-switch__state{font-size:var(--small-text-size);font-variant-numeric:lining-nums;color:var(--color-text-secondary);line-height:1.3}.map-switch:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:6px}.map-switch:hover:not(:disabled) .map-switch__track{border-color:var(--color-brand)}@media(prefers-reduced-motion:reduce){.map-switch__track,.map-switch__knob{transition:none}}@media(forced-colors:active){.map-switch__track{border-color:ButtonBorder}.map-switch[aria-checked=true] .map-switch__track{background:Highlight}.map-switch__knob{background:ButtonFace;border:1px solid ButtonBorder}}