.app-toggle{background-color:var(--switch-track);cursor:pointer;border:0;border-radius:10px;flex-shrink:0;width:36px;height:20px;padding:0;transition:background-color .2s;position:relative}.app-toggle:hover{background-color:var(--switch-track-hover)}.app-toggle:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.app-toggle__knob{background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #2727271a}.app-toggle--on{background-color:var(--primary-50)}.app-toggle--on:hover{background-color:var(--primary-60)}.app-toggle--on .app-toggle__knob{transform:translate(16px)}