.switch .checkbox{position:relative;align-items:center;cursor:pointer;margin-bottom:16px;--track-width: 50px;--gap: 10px}.switch .checkbox input[type="checkbox"]{height:0;width:0;opacity:0;position:absolute}.switch .checkbox input[type="checkbox"]:focus+label:before{box-shadow:0 0 0 2px #ffa000}.switch .checkbox input[type="checkbox"]:checked+label:before{background-color:#7ce000;border-color:#7ce000}.switch .checkbox input[type="checkbox"]:checked+label:after{left:calc(var(--track-width) - 4px);transform:translateX(-100%);background-color:white}.switch .checkbox label{display:flex;align-items:center;cursor:pointer;margin:0;padding-left:calc(var(--track-width) + var(--gap));position:relative}.switch .checkbox label:before{content:'';position:absolute;left:0;width:var(--track-width);height:26px;border-radius:25px;background-color:#5e6d6d;border:2px solid #5e6d6d;transition:all 0.2s ease}.switch .checkbox label:after{content:'';position:absolute;left:4px;width:20px;height:20px;border-radius:50%;background-color:white;transition:all 0.2s ease}.switch .checkbox:hover label:before{background-color:color-mix(in hsl, #5e6d6d, black 5%)}.switch .checkbox:hover input[type="checkbox"]:checked+label:before{background-color:color-mix(in hsl, #7ce000, black 5%)}.switch .checkbox input[type="checkbox"]:disabled+label{cursor:not-allowed;opacity:0.6}.switch .checkbox input[type="checkbox"]:disabled+label:before{background-color:color-mix(in hsl, #5e6d6d, white 20%)}.switch .checkbox .busy-hint{color:#666;font-size:0.82em;position:absolute}.busy-hint{display:none}[aria-busy] .busy-hint{display:block}