.app-toggle{display:flex;align-items:center;gap:.75rem;position:relative}.app-toggle__input{position:absolute;opacity:0}.app-toggle__label{display:flex;align-items:center;gap:.75rem;position:relative;text-align:left;cursor:pointer}.app-toggle__cbx{display:flex;align-items:center;position:relative;flex-shrink:0;width:2.625rem;height:1.5rem;padding:2px;margin:0 0 auto;background-color:var(--dark-grey);border-radius:var(--border-radius-lg);transition:all .3s;cursor:pointer}.app-toggle__cbx:before{content:"";position:absolute;left:2px;width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--white);transition:all .3s;box-shadow:0 0 5px #00000040}.app-toggle__input:checked+.app-toggle__cbx{background-color:var(--primary)}.app-toggle__input:checked+.app-toggle__cbx:before{left:calc(100% - 1.25rem - 2px)}.app-toggle__name{cursor:pointer}