input[type=checkbox]{--s:1.125rem;min-width:var(--s);min-height:var(--s);border:.125rem solid var(--_c,var(--primary-gray));appearance:none;cursor:pointer;background-color:#fff;border-radius:.125rem;transition:all .3s;position:relative}input[type=checkbox]:checked{--_c:var(--primary-brand);background-color:var(--_c)}input[type=checkbox]:checked:after{content:"";border:.156rem solid #fff;border-width:0 .156rem .156rem 0;width:.438rem;height:.875rem;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}