.checkbox{display:flex;gap:var(--space-3);align-items:flex-start}.checkbox__box{position:relative;display:inline-flex}.checkbox input,.checkbox__box{flex:none;width:20px;height:20px}.checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;margin:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer}.checkbox input:checked{border-color:var(--color-accent);background:var(--color-accent)}.checkbox__tick{position:absolute;inset:0;margin:auto;color:var(--color-on-accent);pointer-events:none;opacity:0}.checkbox input:checked+.checkbox__tick{opacity:1}.checkbox input:focus-visible{outline:none;box-shadow:var(--color-focus-ring);border-color:var(--color-accent)}.checkbox input:disabled{opacity:.5;cursor:not-allowed}.checkbox label{font:var(--type-body-compact);color:var(--color-ink);cursor:pointer;padding-top:0}.checkbox__hint{display:block;font:var(--type-body-small);color:var(--color-muted);margin-top:2px}.checkbox a{color:var(--color-accent-pressed);font-weight:600;text-decoration:none}.checkbox a:hover{text-decoration:underline}