input[type=checkbox].switch{position:relative;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:31.5px;height:18px;background-color:var(--primary-color-10);border-style:solid;border-width:1px;border-color:var(--primary-color-20);border-radius:9px;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}input[type=checkbox].switch:disabled{cursor:default}input[type=checkbox].switch:checked{background-color:var(--primary-color-20);border-color:var(--primary-color-50)}input[type=checkbox].switch::after{content:'';position:absolute;pointer-events:none;top:50%;left:4px;transform:translate(0,-50%);width:10px;height:10px;background-color:var(--primary-color-20);border-radius:50%;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}input[type=checkbox].switch:checked:after{background-color:var(--primary-color-50);left:unset;right:3px}