.crred{ position:relative;padding-left:25px;margin-bottom:12px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.crred input{ position:absolute;opacity:0;cursor:pointer;height:0;width:0}.crred input:checked{ cursor:default}.radiomark{ position:absolute;top:0;left:0;height:16px;width:16px;background-color:#1E1E1E;border-radius:50%}.crred:hover input ~ .radiomark{ background-color:#ccc}.crred input:checked ~ .radiomark{ background-color:#1E1E1E;cursor:default}.crred:has(>input:checked){ cursor:default}.crred span:has(+input:checked){ cursor:default}.radiomark:after{ content:"";position:absolute}.crred .radiomark::after{ top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:white}.crred input:checked ~ .radiomark:after{ display:block;background:#b0a58d}.crred input:checked ~ .radiomark::before{ content:"";position:absolute;display:block;border-radius:50%;border:2px solid white;width:10px;height:10px;top:1px;left:1px;z-index:1}