[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: var(--scale, contain);
    mask-size: var(--scale, contain);
    -webkit-mask-position: center;
    mask-position: center;
}

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

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


.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-google-calendar3 { --icon-url: url(icons/google3.svg); --ratio: 29 / 30; }
.pqm-home3 { --icon-url: url(icons/home3.svg); --ratio: 83 / 75; }
.pqm-logout3 { --icon-url: url(icons/logout3.svg); --ratio: 159 / 150; }
.pqm-outlook3 { --icon-url: url(icons/outlook3.svg); --ratio: 53 / 50; }
.pqm-play1 { --icon-url: url(icons/play1.svg); }
.pqm-lang-en3 { --icon-url: url(icons/lang-en3.svg); --ratio: 241 / 150; }
.pqm-lang-fr3 { --icon-url: url(icons/lang-fr3.svg); --ratio: 116 / 75; }
.pqm-linkedin3 { --icon-url: url(icons/linkedin3.svg); --ratio: 157 / 150; }