.vx-check{position:relative;display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;font:var(--type-body);color:var(--text-1)}
.vx-check__input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.vx-check__input:focus-visible{outline:none;box-shadow:none}
.vx-check__input:focus-visible ~ .vx-check__box{outline:none;box-shadow:var(--ring)}
.vx-check__box{width:18px;height:18px;flex:0 0 auto;margin-top:2px;border-radius:var(--radius-xs);
  border:1px solid var(--border-strong);background:var(--surface-sunken);box-shadow:var(--inset-sunken);
  display:flex;align-items:center;justify-content:center;transition:var(--transition-control);color:var(--accent-ink)}
.vx-check:hover .vx-check__box{border-color:var(--border-accent)}
.vx-check__box--on{background:var(--accent);border-color:var(--accent);box-shadow:var(--inset-top-strong)}
.vx-check--disabled{opacity:.45;cursor:not-allowed}
.vx-check__sub{display:block;font:var(--type-caption);color:var(--text-3);margin-top:2px}