*{-webkit-user-select:none;user-select:none}body{margin:0;background:#163a3d;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Oxanium,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.wrapper{display:flex;justify-content:space-between;align-items:center}.toggle{cursor:pointer;width:5px;height:5px;border-radius:50%;border:1px solid #c33939;margin:0 3px;background:#8f2a2b;box-shadow:inset 0 1px 1px #00000082}.toggle.active{background-color:#00e001;box-shadow:none;border:1px solid #c33939}.toggle.disabled{cursor:initial}.toggle.b-w.active{background:#fff}.switcher-container{display:flex;flex-direction:column}.switcher-container .switcher{position:relative;width:50px;height:25px;border-radius:15px;background:#fff;cursor:pointer;line-height:25px;color:#c33939;font-size:12px;text-align:start}.switcher-container .switcher:after{content:"";position:absolute;top:1px;left:1px;height:23px;width:23px;border-radius:50%;background:#c33939}.switcher-container .switcher.active:after{right:1px;left:unset}.switcher-container span{margin-top:10px;color:#fff;font-size:10px}.knob-separator{position:relative;width:3px;height:50px;border-radius:2px;background:#8f2b2b;margin:0 10px}