.checkbox{--cb-checked-bg: var(--null-bg);--cb-checked-bg-hover: var(--null-bg-hover);--cb-checked-fg: #515151;background-color:var(--input-bg);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.18s all ease-out}.checkbox:hover:not(:disabled){background-color:var(--input-bg-hover)}.checkbox:focus,.checkbox:focus-visible{outline:none;border:2px solid #275dc5;box-shadow:0 0 0 2px #275dc533}.checkbox[data-state=checked],.checkbox[data-state=indeterminate]{background-color:var(--cb-checked-bg)}.checkbox[data-state=checked]:hover:not(:disabled),.checkbox[data-state=indeterminate]:hover:not(:disabled){background-color:var(--cb-checked-bg-hover)}.checkbox:disabled{cursor:not-allowed;opacity:.5}.checkbox.bound{background-color:var(--input-bound-bg)}.checkbox.bound:hover:not(:disabled){background-color:var(--input-bound-bg-hover)}.checkbox.wind{--cb-checked-bg: var(--wind-button-bg);--cb-checked-bg-hover: var(--wind-button-bg-hover);--cb-checked-fg: white}.checkbox.fire{--cb-checked-bg: var(--fire-button-bg);--cb-checked-bg-hover: var(--fire-button-bg-hover);--cb-checked-fg: white}.checkbox.water{--cb-checked-bg: var(--water-button-bg);--cb-checked-bg-hover: var(--water-button-bg-hover);--cb-checked-fg: white}.checkbox.earth{--cb-checked-bg: var(--earth-button-bg);--cb-checked-bg-hover: var(--earth-button-bg-hover);--cb-checked-fg: white}.checkbox.dark{--cb-checked-bg: var(--dark-button-bg);--cb-checked-bg-hover: var(--dark-button-bg-hover);--cb-checked-fg: white}.checkbox.light{--cb-checked-bg: var(--light-button-bg);--cb-checked-bg-hover: var(--light-button-bg-hover);--cb-checked-fg: white}.checkbox.bound.wind[data-state=checked],.checkbox.bound.wind[data-state=indeterminate],.checkbox.bound.fire[data-state=checked],.checkbox.bound.fire[data-state=indeterminate],.checkbox.bound.water[data-state=checked],.checkbox.bound.water[data-state=indeterminate],.checkbox.bound.earth[data-state=checked],.checkbox.bound.earth[data-state=indeterminate],.checkbox.bound.dark[data-state=checked],.checkbox.bound.dark[data-state=indeterminate],.checkbox.bound.light[data-state=checked],.checkbox.bound.light[data-state=indeterminate]{background-color:var(--cb-checked-bg)}.checkbox.bound.wind[data-state=checked]:hover:not(:disabled),.checkbox.bound.wind[data-state=indeterminate]:hover:not(:disabled),.checkbox.bound.fire[data-state=checked]:hover:not(:disabled),.checkbox.bound.fire[data-state=indeterminate]:hover:not(:disabled),.checkbox.bound.water[data-state=checked]:hover:not(:disabled),.checkbox.bound.water[data-state=indeterminate]:hover:not(:disabled),.checkbox.bound.earth[data-state=checked]:hover:not(:disabled),.checkbox.bound.earth[data-state=indeterminate]:hover:not(:disabled),.checkbox.bound.dark[data-state=checked]:hover:not(:disabled),.checkbox.bound.dark[data-state=indeterminate]:hover:not(:disabled),.checkbox.bound.light[data-state=checked]:hover:not(:disabled),.checkbox.bound.light[data-state=indeterminate]:hover:not(:disabled){background-color:var(--cb-checked-bg-hover)}.checkbox.small{--cb-icon-size: 12px;--cb-dash-height: 3px;border-radius:8px;width:24px;height:24px}.checkbox.medium{--cb-icon-size: 16px;--cb-dash-height: 4px;border-radius:12px;width:32px;height:32px}.checkbox.large{--cb-icon-size: 20px;--cb-dash-height: 4px;border-radius:12px;width:40px;height:40px}.checkbox .indicator{display:flex;align-items:center;justify-content:center;color:var(--cb-checked-fg)}.checkbox .icon{display:flex;align-items:center;justify-content:center}.checkbox .icon svg{width:var(--cb-icon-size);height:var(--cb-icon-size);fill:currentColor}.checkbox .icon.indeterminate.svelte-190alob{width:var(--cb-icon-size);height:var(--cb-dash-height);background-color:var(--cb-checked-fg);border-radius:2px}