.toggle-root{position:relative;border-radius:99px;box-shadow:0 1px 0 0 #ffffff,0 2px 4px 0 rgba(0,0,0,.04);width:36px;height:20px;flex-shrink:0;cursor:pointer;transition:all .2s ease-in-out;overflow:hidden;background-color:#f0f0f0}.toggle-root.pressed{background-color:var(--color-primary);background-image:none}.toggle-knob{position:absolute;top:10%;bottom:10%;left:5.56%;right:50%;border-radius:99px;box-shadow:inset 0 0 2px 1px #fff,inset 0 1px 0 0 #fff,0 0 0 .5px rgba(0,0,0,.02),0 5px 4px 0 rgba(0,0,0,.02),0 3px 3px 0 rgba(0,0,0,.04),0 1px 2px 0 rgba(0,0,0,.12),0 0 1px 0 rgba(0,0,0,.08);transition:all .2s ease-in-out}.toggle-knob,.toggle-knob.pressed{background:linear-gradient(180deg,rgba(0,0,0,0) 35.42%,rgba(0,0,0,.08)),#fff}.toggle-knob.pressed{left:50%;right:5.56%}.toggle-root-inner-shadow{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.04),inset 0 2px 4px 0 rgba(0,0,0,.04),inset 0 0 0 .5px rgba(0,0,0,.06),inset 0 0 8px 0 rgba(0,0,0,.02)}