.toggle-button{align-items:center;cursor:pointer;display:flex;flex-direction:row;position:relative}.toggle-button>input{opacity:0;position:absolute;visibility:hidden}.toggle-button>.background{background:var(--color-background-dark);border-radius:1.5rem;height:1.5rem;width:2.625rem}.toggle-button>.button{background:#fff;border-radius:50%;height:1.125rem;margin-left:-2.437rem;transition:transform .2s ease-out;width:1.125rem}.toggle-button>input:checked~.button{transform:translate(1.125rem)}.toggle-button>input:checked~.background{background:var(--color-base-primary)}