.components-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;width:fit-content;display:flex;position:relative}.components-toggle>input[type=checkbox]{cursor:pointer;opacity:0;width:44px;height:22px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.components-toggle .track{background-color:var(--white-10);pointer-events:none;border:1px solid #0000;border-radius:99px;width:44px;height:22px;transition:background-color .2s;display:inline-block;position:relative}.components-toggle .knob{background-color:var(--white-77);border-radius:50%;width:16px;height:16px;transition:background-color .2s,transform .22s cubic-bezier(.23,1,.32,1);position:absolute;top:2px;left:2px}@media (hover:hover){.components-toggle:hover:not(.is-disabled):not(.checked) .track{background-color:var(--white-20)}.components-toggle.checked:hover:not(.is-disabled) .track{background-color:var(--secondary-400)}}.components-toggle.checked .track{background-color:var(--secondary-500)}.components-toggle.checked .knob{background-color:var(--primary-1000);transform:translate(22px)}.components-toggle>input[type=checkbox]:focus-visible+.track{box-shadow:0 0 0 2px var(--white-30)}.components-toggle.is-disabled{cursor:not-allowed}.components-toggle.is-disabled>input[type=checkbox]{cursor:not-allowed}.components-toggle.is-disabled .track{background-color:var(--white-5)}.components-toggle.is-disabled .knob{background-color:var(--white-20)}.components-toggle.is-disabled.checked .track{background-color:var(--white-10)}.components-toggle.is-disabled.checked .knob{background-color:var(--white-30)}