.toggle{background:var(--bg_secondary__300);border-radius:9999px;cursor:pointer;display:inline-flex;height:20px;width:40px}.toggle__checkbox{display:none;visibility:hidden}.toggle__container{align-items:center;display:flex;position:relative;width:100%}.toggle__container,.toggle__ticker{height:100%;transition:all .3s ease-in-out}.toggle__ticker{aspect-ratio:1/1;background:var(--primary-700);border-radius:999px;position:absolute;right:0;top:0;width:20px}.toggle__ticker--checked{right:100%;transform:translate(100%)}