:root{--shadow-raised:0 2px 4px -2px rgba(0,0,0,.08),0 4px 8px -2px rgba(0,0,0,.04)}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.06);transition:background-color .25s cubic-bezier(.68,-.55,.27,1.55),border-color .15s ease-out;border-radius:32px;border:1px solid hsla(0,0%,100%,.6);width:48px;height:24px}.toggle-switch .slider:hover{border-color:hsla(0,0%,100%,.8)}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:-2px;bottom:0;background-color:#4d4757;box-shadow:var(--shadow-raised);border:2px solid hsla(0,0%,100%,.6);transition:transform .25s cubic-bezier(.68,-.55,.27,1.55);border-radius:50%}.toggle-switch input:checked+.slider{background-color:#ff7800;border:1px solid #ff7800}.toggle-switch input:checked+.slider:before{transform:translateX(24px);background-color:#fff;transition:transform .25s cubic-bezier(.68,-.55,.27,1.55)}.toggle-wrapper{display:flex;align-items:center;background-color:transparent;padding:4px 8px;border-radius:24px}.toggle-label{color:#fff;font-size:14px;margin-right:8px;font-weight:nowrap}