.switch-component{width:40px;height:24px;background:#f8f2ea;border-radius:12px}.switch-component.active{background-color:#17253d}.switch-component.active .slider{transform:translate(calc(100% - 4px),-50%);background:#fff}.switch-component .switch{width:100%;position:relative}.switch-component .slider{width:20px;height:20px;background:#17253d;display:block;border-radius:50px;position:absolute;top:50%;transform:translate(4px,-50%);transition:transform .2s ease-in-out}