*,:before,:after{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}input[type=checkbox]{appearance:none;border:1.5px solid var(--line,#b9c2d0);background:var(--surface-card,#fff);cursor:pointer;border-radius:3px;flex:none;place-content:center;width:18px;height:18px;display:inline-grid}input[type=checkbox]:checked{border-color:var(--brand-orange,#ff6b00);background:var(--brand-orange,#ff6b00)}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;transform:translateY(-1px)rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--brand-orange,#ff6b00);outline-offset:2px}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}