@keyframes hover-color {from {background-color: #fff;}to {background-color: #fff;}}.magic-radio,.magic-checkbox {position: absolute;display: none;}.magic-radio[disabled],.magic-checkbox[disabled] {cursor: not-allowed;}.magic-radio + label {position: relative;padding-left: 30px;margin-right: 0px;cursor: pointer;vertical-align: middle;}.magic-checkbox + label {position: relative;padding-left: 30px;padding-top: 5px;margin-right: 0px;cursor: pointer;vertical-align: middle;}.magic-radio + label:hover:before,.magic-checkbox + label:hover:before {animation-duration: 0.4s;animation-fill-mode: both;animation-name: hover-color;}.magic-radio + label:before {position: absolute;top: -3px;left: 0;display: inline-block;width: 22px;height: 22px;content: '';border: 1px solid #ddd;background-color: #fff;}.magic-checkbox + label:before {position: absolute;top: 0;left: 0;display: inline-block;width: 25px;height: 25px;content: '';border: 1px solid #ddd;background-color: #fff;}.magic-radio + label:after,.magic-checkbox + label:after {position: absolute;display: none;content: '';}.magic-radio[disabled] + label,.magic-checkbox[disabled] + label {cursor: not-allowed;color: #685FF4;}.magic-radio[disabled] + label:hover,.magic-radio[disabled] + label:before,.magic-radio[disabled] + label:after,.magic-checkbox[disabled] + label:hover,.magic-checkbox[disabled] + label:before,.magic-checkbox[disabled] + label:after {cursor: not-allowed;}.magic-radio[disabled] + label:hover:before,.magic-checkbox[disabled] + label:hover:before {animation-name: none;}.magic-radio[disabled] + label:before,.magic-checkbox[disabled] + label:before {border-color: #eee;}.magic-radio:checked + label:before,.magic-checkbox:checked + label:before {animation-name: none;}.magic-radio:checked + label:after,.magic-checkbox:checked + label:after {display: block;}.magic-radio + label:before {border-radius: 50%;border: 1px solid #ddd;}.magic-radio + label:after {top: 3px;left: 6px;width: 10px;height: 10px;border-radius: 50%;background: #685FF4;}.magic-radio:checked + label:before {border: 1px solid #ddd;}.magic-radio:checked[disabled] + label:before {border: 1px solid #eee;}.magic-radio:checked[disabled] + label:after {border: 1px solid #eee;color:#685FF4;}.magic-checkbox + label:before {border-radius: 3px;border:1px solid #ddd;}.magic-checkbox + label:after {top: 6px;left: 9px;box-sizing: border-box;width: 6px;height: 9px;transform: rotate(45deg);border-width: 2px;border-style: solid;border-color: #685FF4;border-top: 0;border-left: 0;}.magic-checkbox:checked + label:before {background: #fff;border: 1px solid #ddd;}.magic-radio:checked + label:before {border: 1px solid #ddd;background: #fff;}.magic-checkbox:checked[disabled] + label:before {border: 1px solid #ddd;background: #fff;}