[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; }


/*=============================================
=                    Social                   =
=============================================*/

.pqm-facebook2 { --icon-url: url(icons/social/facebook2.svg); }
.pqm-instagram6 { --icon-url: url(icons/social/instagram6.svg); }
.pqm-linkedin5 { --icon-url: url(icons/social/linkedin5.svg); }
.pqm-x1 { --icon-url: url(icons/social/x1.svg); }


/*=============================================
=                    Others                   =
=============================================*/

.pqm-apple-calendar1 { --icon-url: url(icons/apple-calendar1.svg); --ratio: 143 / 150; }
.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); }