.ui-switch{width:32px;height:20px}.ui-switch.is-disabled .ui-switch__field{cursor:not-allowed;background-color:var(--ui-switch-disabled-background-color);box-shadow:0 0 0 1px var(--ui-switch-disabled-border-color)}.ui-switch.is-disabled .ui-switch__indicator{background-color:var(--ui-switch-disabled-indicator-background-color)}.ui-switch.is-focused .ui-switch__field{outline:2px solid var(--ui-switch-focus-outline-color);outline-offset:4px}.ui-switch.is-checked:not(.is-disabled) .ui-switch__field{background-color:var(--ui-switch-checked-background-color)}.ui-switch.is-checked:not(.is-disabled) .ui-switch__indicator{background-color:var(--ui-switch-checked-indicator-background-color);transform:translate(calc(100% - 4px))}.ui-switch:hover:not(.is-disabled,.is-checked) .ui-switch__field{background-color:var(--ui-switch-hover-background-color)}.ui-switch:hover:not(.is-disabled,.is-checked) .ui-switch__indicator{background-color:var(--ui-switch-hover-indicator-background-color)}.ui-switch:hover.is-checked:not(.is-disabled) .ui-switch__field{background-color:var(--ui-switch-hover-checked-background-color)}.ui-switch:hover.is-checked:not(.is-disabled) .ui-switch__indicator{background-color:var(--ui-switch-hover-checked-indicator-background-color)}.ui-switch__wrap{user-select:none;outline:none;align-items:center;display:flex}.ui-switch__field{min-width:32px;min-height:20px;color:var(--ui-switch-color);background-color:var(--ui-switch-background-color);border-radius:100px;justify-content:center;align-items:center;transition:background-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.ui-switch__input{appearance:none;cursor:pointer;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.ui-switch__indicator{background-color:var(--ui-switch-indicator-background-color);border-radius:100px;width:16px;height:16px;transition:transform .2s ease-in-out,box-shadow .15s;display:flex;position:absolute;top:2px;left:2px;transform:translate(0);box-shadow:0 1px 3px #00000026}
