.custom-checkbox,.inactive-checkbox{display:flex;align-items:center;position:relative;margin:1px 0 12px;padding-left:35px;cursor:pointer;color:var(--primary-fg-color);font-weight:500;font-size:14px;line-height:20px;letter-spacing:0%;a{color:var(--primary-fg-color)}input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;&:checked~.checkmark{background-color:var(--patina-500);border:1px solid var(--patina-500);&:after{display:block}}&:checked~.inactive{background-color:var(--patina-200);&:after{display:block}}}.inactive{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border-radius:6px;border:1px solid var(--divider-color);&:after{position:absolute;display:none;content:"";left:5px;top:-1px;height:10px;width:10px;border:solid white;border-width:0 0px 3px 0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border-radius:6px;border:1px solid var(--divider-color);&:after{position:absolute;display:none;content:"";left:6px;top:2px;height:10px;width:5px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}}p{color:var(--primary-fg-color)}}