/* QR Code Generator — Local Icon Masks */
.icon {
  display: inline-block;
  background-color: currentColor;
  pointer-events: none;
  flex-shrink: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
}
.icon-sm { width: 16px; height: 16px; }
.icon-md { width: 24px; height: 24px; }
.icon-lg { width: 32px; height: 32px; }

.icon-qr-url      { -webkit-mask-image: url('assets/icons/qr-url.svg');      mask-image: url('assets/icons/qr-url.svg'); }
.icon-qr-text     { -webkit-mask-image: url('assets/icons/qr-text.svg');     mask-image: url('assets/icons/qr-text.svg'); }
.icon-qr-phone    { -webkit-mask-image: url('assets/icons/qr-phone.svg');    mask-image: url('assets/icons/qr-phone.svg'); }
.icon-qr-sms      { -webkit-mask-image: url('assets/icons/qr-sms.svg');      mask-image: url('assets/icons/qr-sms.svg'); }
.icon-qr-email    { -webkit-mask-image: url('assets/icons/qr-email.svg');    mask-image: url('assets/icons/qr-email.svg'); }
.icon-qr-wifi     { -webkit-mask-image: url('assets/icons/qr-wifi.svg');     mask-image: url('assets/icons/qr-wifi.svg'); }
.icon-qr-vcard    { -webkit-mask-image: url('assets/icons/qr-vcard.svg');    mask-image: url('assets/icons/qr-vcard.svg'); }
.icon-qr-mecard   { -webkit-mask-image: url('assets/icons/qr-mecard.svg');   mask-image: url('assets/icons/qr-mecard.svg'); }
.icon-qr-geo      { -webkit-mask-image: url('assets/icons/qr-geo.svg');      mask-image: url('assets/icons/qr-geo.svg'); }
.icon-qr-calendar { -webkit-mask-image: url('assets/icons/qr-calendar.svg'); mask-image: url('assets/icons/qr-calendar.svg'); }
.icon-qr-payment  { -webkit-mask-image: url('assets/icons/qr-payment.svg');  mask-image: url('assets/icons/qr-payment.svg'); }
.icon-qr-bizcard  { -webkit-mask-image: url('assets/icons/qr-bizcard.svg');  mask-image: url('assets/icons/qr-bizcard.svg'); }
.icon-qr-download { -webkit-mask-image: url('assets/icons/qr-download.svg'); mask-image: url('assets/icons/qr-download.svg'); }
.icon-qr-copy     { -webkit-mask-image: url('assets/icons/qr-copy.svg');     mask-image: url('assets/icons/qr-copy.svg'); }
.icon-qr-upload   { -webkit-mask-image: url('assets/icons/qr-upload.svg');   mask-image: url('assets/icons/qr-upload.svg'); }
.icon-arrow-left  { -webkit-mask-image: url('assets/icons/qr-arrow-left.svg'); mask-image: url('assets/icons/qr-arrow-left.svg'); }
.icon-check       { -webkit-mask-image: url('assets/icons/qr-check.svg');    mask-image: url('assets/icons/qr-check.svg'); }
.icon-qr-edit     { -webkit-mask-image: url('assets/icons/qr-edit.svg');     mask-image: url('assets/icons/qr-edit.svg'); }