/* Shared UI-control icons; branded product illustrations remain page assets. */
.vv-icon {
  --vv-icon-source: none;
  display: inline-block;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--vv-icon-source) center / contain no-repeat;
  mask: var(--vv-icon-source) center / contain no-repeat;
}

.vv-icon--arrow-left { --vv-icon-source: url('../icons/lucide/arrow-left.svg'); }
.vv-icon--arrow-right { --vv-icon-source: url('../icons/lucide/arrow-right.svg'); }
.vv-icon--check { --vv-icon-source: url('../icons/lucide/check.svg'); }
.vv-icon--eye { --vv-icon-source: url('../icons/lucide/eye.svg'); }
.vv-icon--eye-off { --vv-icon-source: url('../icons/lucide/eye-off.svg'); }
.vv-icon--external-link { --vv-icon-source: url('../icons/lucide/external-link.svg'); }
.vv-icon--plus { --vv-icon-source: url('../icons/lucide/plus.svg'); }
.vv-icon--x { --vv-icon-source: url('../icons/lucide/x.svg'); }