.FtHhUW_switch{--switch_width:2em;--switch_height:1em;--thumb_color:#e8e8e8;--track_color:#e8e8e8;--track_active_color:#888;--outline_color:#000;width:var(--switch_width);height:var(--switch_height);font-size:17px;display:inline-block;position:relative}.FtHhUW_switch input{opacity:0;width:0;height:0}.FtHhUW_slider{box-sizing:border-box;border:2px solid var(--outline_color);cursor:pointer;background-color:var(--white);border-radius:var(--switch_height);transition:all .15s;position:absolute;inset:0}.FtHhUW_slider:before{box-sizing:border-box;content:"";height:var(--switch_height);width:var(--switch_height);border:2px solid var(--outline_color);background-color:var(--white);box-shadow:0 .2em 0 var(--outline_color);border-radius:100%;transition:all .15s;position:absolute;bottom:-2px;left:-2px;transform:translateY(-.2em)}input:checked+.FtHhUW_slider{background-color:var(--track_active_color)}input:focus-visible+.FtHhUW_slider{box-shadow:0 0 0 2px var(--track_active_color)}input:hover+.FtHhUW_slider:before{box-shadow:0 .3em 0 var(--outline_color);transform:translateY(-.3em)}input:checked+.FtHhUW_slider:before{transform:translateX(calc(var(--switch_width) - var(--switch_height))) translateY(-.2em)}input:hover:checked+.FtHhUW_slider:before{transform:translateX(calc(var(--switch_width) - var(--switch_height))) translateY(-.3em);box-shadow:0 .3em 0 var(--outline_color)}