.toggle-switch{--switch_width:2em;--switch_height:1em;--thumb_color:#e8e8e8;--track_color:#e8e8e8;--track_active_color:var(--fairway-500);--outline_color:var(--gray-900);font-size:17px;position:relative;display:inline-block;width:var(--switch_width);height:var(--switch_height)}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{border:2px solid var(--outline_color);cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--track_color);border-radius:var(--switch_height)}.toggle-switch .slider,.toggle-switch .slider:before{box-sizing:border-box;position:absolute;transition:.15s}.toggle-switch .slider:before{content:"";height:var(--switch_height);width:var(--switch_height);border:2px solid var(--outline_color);border-radius:100%;left:-2px;bottom:-2px;background-color:var(--thumb_color);transform:translateY(-.2em);box-shadow:0 .2em 0 var(--outline_color)}.toggle-switch input:checked+.slider{background-color:var(--track_active_color)}.toggle-switch input:focus-visible+.slider{box-shadow:0 0 0 2px var(--track_active_color)}.toggle-switch input:hover+.slider:before{transform:translateY(-.3em);box-shadow:0 .3em 0 var(--outline_color)}.toggle-switch input:checked+.slider:before{transform:translateX(calc(var(--switch_width) - var(--switch_height))) translateY(-.2em)}.toggle-switch input:hover:checked+.slider:before{transform:translateX(calc(var(--switch_width) - var(--switch_height))) translateY(-.3em);box-shadow:0 .3em 0 var(--outline_color)}