.react-switch-checkbox{height:0;width:0;visibility:hidden}.react-switch-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:40px;height:20px;border:2px solid var(--foreground);border-radius:100px;position:relative;transition:background-color .2s;background:transparent}.react-switch-label .react-switch-button{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:45px;transition:.2s;background:var(--foreground)}.react-switch-checkbox:checked+.react-switch-label{background:var(--primary)}.react-switch-checkbox:checked+.react-switch-label .react-switch-button{left:calc(100% - 1px);transform:translateX(-100%)}.react-switch-label:active .react-switch-button{width:18px}