.wrapper.svelte-11p7tv{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.container.svelte-11p7tv{display:inline-flex;border-radius:500px;padding:4px}.container.contained.svelte-11p7tv{background-color:var(--segmented-control-background-bg)}.element-group{display:flex;gap:2px;align-items:center}.element-item{all:unset;cursor:pointer;border-radius:500px;padding:4px;transition:.15s background-color ease-out,.15s opacity ease-out}.element-item:focus-visible{outline:none;border:2px solid #275dc5;box-shadow:0 0 0 2px #275dc533}.element-item:disabled{opacity:.5;cursor:not-allowed}.element-item[data-value="0"]:hover:not(:disabled){background-color:var(--null-nav-hover-bg)}.element-item[data-value="0"][data-state=on]{background-color:var(--null-nav-selected-bg)}.element-item[data-value="1"]:hover:not(:disabled){background-color:var(--wind-nav-hover-bg)}.element-item[data-value="1"][data-state=on]{background-color:var(--wind-nav-selected-bg)}.element-item[data-value="2"]:hover:not(:disabled){background-color:var(--fire-nav-hover-bg)}.element-item[data-value="2"][data-state=on]{background-color:var(--fire-nav-selected-bg)}.element-item[data-value="3"]:hover:not(:disabled){background-color:var(--water-nav-hover-bg)}.element-item[data-value="3"][data-state=on]{background-color:var(--water-nav-selected-bg)}.element-item[data-value="4"]:hover:not(:disabled){background-color:var(--earth-nav-hover-bg)}.element-item[data-value="4"][data-state=on]{background-color:var(--earth-nav-selected-bg)}.element-item[data-value="5"]:hover:not(:disabled){background-color:var(--dark-nav-hover-bg)}.element-item[data-value="5"][data-state=on]{background-color:var(--dark-nav-selected-bg)}.element-item[data-value="6"]:hover:not(:disabled){background-color:var(--light-nav-hover-bg)}.element-item[data-value="6"][data-state=on]{background-color:var(--light-nav-selected-bg)}.element-image{display:block}.small.svelte-11p7tv .element-item{padding:4px}.small.svelte-11p7tv .element-image{width:26px;height:26px}.regular.svelte-11p7tv .element-item{padding:4px}.regular.svelte-11p7tv .element-image{width:32px;height:32px}.clearButton.svelte-11p7tv{all:unset;cursor:pointer;font-size:1.4rem;color:var(--text-secondary);padding:4px 8px;border-radius:8px;transition:.15s background-color ease-out,.15s color ease-out}.clearButton.svelte-11p7tv:hover{background-color:var(--option-bg-hover);color:var(--text-primary)}.clearButton.svelte-11p7tv:focus-visible{outline:none;border:2px solid #275dc5;box-shadow:0 0 0 2px #275dc533}