.switch{position:relative;display:inline-block;width:48px;height:24px}.switch__input{opacity:0;width:0;height:0}.switch__input:checked+.switch__slider{background-color:#002c5a}.switch__input:checked+.switch__slider:before{transform:translateX(24px);border:1px solid #002c5a}.switch__input:disabled+.switch__slider{opacity:.4}.switch__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e3e5ee;border-radius:24px;transition:background .2s ease-out}.switch__slider:before{content:"";position:absolute;height:24px;width:24px;left:0;bottom:-1px;border-radius:100%;border:1px solid #e3e5ee;background-color:#fff;transition:transform .2s ease-out,border .2s ease-out}