input[type=checkbox],input[type=radio]{margin-right:10px;font-size:42px;position:relative;top:-2px}span.checkbox,span.radio{cursor:pointer;height:20px;display:inline-block;position:relative}span.checkbox input[type=checkbox],span.checkbox input[type=radio],span.radio input[type=checkbox],span.radio input[type=radio]{cursor:pointer;opacity:0;width:20px;height:20px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}span.checkbox input[type=checkbox]+.outline,span.checkbox input[type=radio]+.outline,span.radio input[type=checkbox]+.outline,span.radio input[type=radio]+.outline{transition:border var(--fast),background var(--fast);border:1px solid var(--border);cursor:pointer;pointer-events:none;background-color:#fff;width:18px;height:18px;display:block;position:relative}span.radio input+span{border-radius:50%}span.radio input+span .fill{transition:transform var(--slow),opacity var(--fast);opacity:0;transform-origin:0 0;background-color:#fff;border-radius:50%;width:4px;height:4px;display:block;position:absolute;top:50%;left:50%;transform:scale(2.5)translate(-50%,-50%)}span.radio input:checked+.outline,span.radio input:focus+.outline{border-color:var(--brand);background-color:var(--brand)}span.radio input:checked+.outline .fill{opacity:1;transform:scale(1)translate(-50%,-50%)}span.checkbox input+.outline{text-align:center;border-radius:3px;line-height:14px}span.checkbox input+.outline svg{fill:#fff;transition:opacity var(--fast);width:16px;height:auto;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}span.checkbox input+.outline svg.checkmark{opacity:0}span.checkbox input:indeterminate+.outline,span.checkbox input:checked+.outline,span.checkbox input:focus+.outline{border-color:var(--success);background-color:var(--success)}span.checkbox input:indeterminate+.outline svg,span.checkbox input:checked+.outline svg,span.checkbox input:focus+.outline svg{opacity:1}.checkbox-disabled,.radio-disabled{opacity:.5}span.loading-checkbox{border-top:3px solid rgba(var(--light-grey-rgb), .5);border-right:3px solid rgba(var(--light-grey-rgb), .5);border-bottom:3px solid rgba(var(--light-grey-rgb), .5);border-left:3px solid var(--brand)}span.loading-checkbox,span.loading-checkbox:after{border-radius:50%;width:10px;height:10px}