.switch{width:55px;min-width:55px;height:28px;display:inline-block;position:relative}.switch.switch--green input:checked+.switch__slider{background-color:#7be22a}.switch.switch--green input:focus+.switch__slider{box-shadow:0 0 1px #7be22a}.switch.switch--blue input:checked+.switch__slider{background-color:#50c9ce}.switch.switch--blue input:focus+.switch__slider{box-shadow:0 0 1px #50c9ce}.switch input{opacity:0;width:0;height:0}.switch__slider{cursor:pointer;background-color:#a5a29b;transition:all .3s;position:absolute;inset:0}.switch__slider:before{content:"";background-color:#fdfaf3;width:22px;height:22px;transition:all .3s;position:absolute;top:3px;left:3px}input:checked+.switch__slider:before{transform:translate(26px)}.switch__slider.switch__slider--round{border-radius:50px}.switch__slider.switch__slider--round:before{border-radius:50%}