.container{display:block;position:relative;padding-left:10px;margin-bottom:10px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;height:16px;width:16px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 1px #d0d5dd}.container:hover input~.checkmark{background-color:#fff}.container input:checked~.checkmark{background-color:#f9f5ff;box-shadow:0 0 0 1px #4e6980}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:#4e6980}