[class*="pqm-"] {
    display: inline-block;
    position: relative;
    z-index: 1;
    height: 1em;
    width: inherit;
    aspect-ratio: var(--ratio, 1);
    margin: 0 auto;
    background-color: currentColor;
    -webkit-mask-image: var(--icon-url, url(icons/bad-icon.svg));
    mask-image: var(--icon-url, url(icons/bad-icon.svg));
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.prefer-width {
    height: 100%;
    width: 1em;
}

.square-ratio { aspect-ratio: 1; }


.pqm-facebook2 { --icon-url: url(icons/facebook2.svg); }
.pqm-chat2 { --icon-url: url(icons/chat2.svg); }
.pqm-check4 { --icon-url: url(icons/check4.svg); }
.pqm-clock1 { --icon-url: url(icons/clock1.svg); }
.pqm-close2 { --icon-url: url(icons/close2.svg); }
.pqm-download3 { --icon-url: url(icons/download3.svg); --ratio: 41 / 50; }
.pqm-email1 { --icon-url: url(icons/email1.svg); }
.pqm-email3 { --icon-url: url(icons/email3.svg); --ratio: 112 / 75; }
.pqm-email4 { --icon-url: url(icons/email4.svg); }
.pqm-google-calendar3 { --icon-url: url(icons/google3.svg); --ratio: 29 / 30; }
.pqm-home4 { --icon-url: url(icons/home4.svg); }
.pqm-logout1 { --icon-url: url(icons/logout1.svg); }
.pqm-outlook3 { --icon-url: url(icons/outlook3.svg); --ratio: 53 / 50; }
.pqm-play1 { --icon-url: url(icons/play1.svg); }