.toggle{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.toggle,.toggle *{transition:all .2s}.toggle input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.toggle input:focus-visible+.toggle-wrapper{box-shadow:0 0 0 2px var(--bg-primary),0 1px 2px 0 #0c0d0e0f,0 0 0 4px var(--tertiary-colored-fg);z-index:99}.toggle-wrapper{border:1px solid var(--bg-quinary);background:var(--bg-quinary);border-radius:16px;width:38px;min-width:38px;height:22px;position:relative}.toggle-wrapper.active .toggle-circle{left:17px}.toggle-circle{background:var(--bg-white);border-radius:100%;width:16px;height:16px;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000000d}.toggle-circle:before{content:"";background:var(--bg-quinary);border-radius:100%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toggle:hover .toggle-wrapper .toggle-circle{box-shadow:0 2px 4px #0000000d,0 2px 4px -2px #0c0d0e1a}.toggle.brand .toggle-wrapper.active,.toggle.primary .toggle-wrapper.active{background:var(--bg-brand-solid);border-color:var(--bg-brand-solid)}.toggle.brand .toggle-wrapper.active .toggle-circle:before,.toggle.primary .toggle-wrapper.active .toggle-circle:before{background:var(--bg-brand-solid)}.toggle.brand:hover .toggle-wrapper.active,.toggle.primary:hover .toggle-wrapper.active{background:var(--bg-brand-solid-hover);border-color:var(--bg-brand-solid-hover)}.toggle.red .toggle-wrapper{border-color:var(--utility-red-200)}.toggle.red .toggle-wrapper.active{background:var(--utility-red-500);border-color:var(--utility-red-500)}.toggle.red .toggle-wrapper.active .toggle-circle:before{background:var(--utility-red-500)}.toggle.red:hover .toggle-wrapper.active{background:var(--utility-red-600);border-color:var(--utility-red-600)}.toggle.orange .toggle-wrapper{border-color:var(--utility-orange-200)}.toggle.orange .toggle-wrapper.active{background:var(--utility-orange-500);border-color:var(--utility-orange-500)}.toggle.orange .toggle-wrapper.active .toggle-circle:before{background:var(--utility-orange-500)}.toggle.orange:hover .toggle-wrapper.active{background:var(--utility-orange-600);border-color:var(--utility-orange-600)}.toggle.green .toggle-wrapper{border-color:var(--utility-green-200)}.toggle.green .toggle-wrapper.active{background:var(--utility-green-500);border-color:var(--utility-green-500)}.toggle.green .toggle-wrapper.active .toggle-circle:before{background:var(--utility-green-500)}.toggle.green:hover .toggle-wrapper.active{background:var(--utility-green-600);border-color:var(--utility-green-600)}.toggle.blue-light .toggle-wrapper{border-color:var(--utility-blue-light-200)}.toggle.blue-light .toggle-wrapper.active{background:var(--utility-blue-light-500);border-color:var(--utility-blue-light-500)}.toggle.blue-light .toggle-wrapper.active .toggle-circle:before{background:var(--utility-blue-light-500)}.toggle.blue-light:hover .toggle-wrapper.active{background:var(--utility-blue-light-600);border-color:var(--utility-blue-light-600)}.toggle.blue .toggle-wrapper{border-color:var(--utility-blue-200)}.toggle.blue .toggle-wrapper.active{background:var(--utility-blue-500);border-color:var(--utility-blue-500)}.toggle.blue .toggle-wrapper.active .toggle-circle:before{background:var(--utility-blue-500)}.toggle.blue:hover .toggle-wrapper.active{background:var(--utility-blue-600);border-color:var(--utility-blue-600)}.toggle.purple .toggle-wrapper{border-color:var(--utility-purple-200)}.toggle.purple .toggle-wrapper.active{background:var(--utility-purple-500);border-color:var(--utility-purple-500)}.toggle.purple .toggle-wrapper.active .toggle-circle:before{background:var(--utility-purple-500)}.toggle.purple:hover .toggle-wrapper.active{background:var(--utility-purple-600);border-color:var(--utility-purple-600)}.toggle.pink .toggle-wrapper{border-color:var(--utility-pink-200)}.toggle.pink .toggle-wrapper.active{background:var(--utility-pink-500);border-color:var(--utility-pink-500)}.toggle.pink .toggle-wrapper.active .toggle-circle:before{background:var(--utility-pink-500)}.toggle.pink:hover .toggle-wrapper.active{background:var(--utility-pink-600);border-color:var(--utility-pink-600)}.toggle.rose .toggle-wrapper{border-color:var(--utility-rose-200)}.toggle.rose .toggle-wrapper.active{background:var(--utility-rose-500);border-color:var(--utility-rose-500)}.toggle.rose .toggle-wrapper.active .toggle-circle:before{background:var(--utility-rose-500)}.toggle.rose:hover .toggle-wrapper.active{background:var(--utility-rose-600);border-color:var(--utility-rose-600)}.toggle.disabled{pointer-events:none}.toggle.disabled .toggle-wrapper,.toggle.disabled .toggle-wrapper.active{background:var(--bg-primary);border-color:var(--bg-quinary-alt)}.toggle.disabled .toggle-wrapper .toggle-circle,.toggle.disabled .toggle-wrapper.active .toggle-circle{background:var(--bg-quinary-alt)}.toggle.disabled .toggle-wrapper.active .toggle-circle:before,.toggle.disabled .toggle-wrapper.active.active .toggle-circle:before{content:none}.toggle.error .toggle-wrapper{border-color:var(--border-error-subtle)}.toggle.error .toggle-wrapper.active{background:var(--fg-error);border-color:var(--fg-error)}.toggle.error .toggle-wrapper.active .toggle-circle:before{background:var(--fg-error)}.toggle-errorMessage,.toggle.error .labelDescrWrapper-label{color:var(--text-error)}.toggle-errorMessage{letter-spacing:-.21px;font-size:14px;line-height:20px}.toggle.isPending{pointer-events:none}.toggle.isPending .toggle-wrapper{border-color:var(--bg-tertiary);background:var(--bg-tertiary)}.toggle.isPending .toggle-wrapper .toggle-circle:before,.toggle.isPending .toggle-wrapper.active .toggle-circle:before{content:none}