.view-mode-toggle.svelte-hs7tk2{display:flex;gap:2px;padding:2px;background:var(--segmented-control-blended-bg);border-radius:8px;--toggle-active-bg: var(--segmented-control-blended-segment-bg-checked);--toggle-active-icon: var(--segmented-control-blended-segment-text-checked)}.view-mode-toggle.wind.svelte-hs7tk2{--toggle-active-bg: var(--wind-nav-selected-bg);--toggle-active-icon: var(--wind-nav-selected-text)}.view-mode-toggle.fire.svelte-hs7tk2{--toggle-active-bg: var(--fire-nav-selected-bg);--toggle-active-icon: var(--fire-nav-selected-text)}.view-mode-toggle.water.svelte-hs7tk2{--toggle-active-bg: var(--water-nav-selected-bg);--toggle-active-icon: var(--water-nav-selected-text)}.view-mode-toggle.earth.svelte-hs7tk2{--toggle-active-bg: var(--earth-nav-selected-bg);--toggle-active-icon: var(--earth-nav-selected-text)}.view-mode-toggle.dark.svelte-hs7tk2{--toggle-active-bg: var(--dark-nav-selected-bg);--toggle-active-icon: var(--dark-nav-selected-text)}.view-mode-toggle.light.svelte-hs7tk2{--toggle-active-bg: var(--light-nav-selected-bg);--toggle-active-icon: var(--light-nav-selected-text)}.view-mode-toggle.neutral.svelte-hs7tk2{--toggle-active-bg: var(--segmented-control-blended-segment-bg-checked);--toggle-active-icon: var(--segmented-control-blended-segment-text-checked)}.toggle-btn.svelte-hs7tk2{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:.1s all ease-out}.toggle-btn.svelte-hs7tk2:hover:not(.active){color:var(--text-tertiary);background:var(--button-bg-hover)}.toggle-btn.svelte-hs7tk2:focus-visible{outline:none;border:2px solid #275dc5;box-shadow:0 0 0 2px #275dc533}.toggle-btn.active.svelte-hs7tk2{background:var(--toggle-active-bg);color:var(--toggle-active-icon)}