/*
 * Font Awesome 4.7 — what every storefront theme ships — predates the rename of Twitter to
 * X, so `fa-twitter` still draws the bird. Tenants' own footer, header and blog overrides
 * emit `<i class="fa fa-twitter">` too, so the icon is redrawn here rather than in the
 * templates: one rule reaches every copy. The glyph is replaced by the X logo as a mask
 * over `currentColor`, which keeps whatever colour, size and hover state a theme gives it.
 */
.fa.fa-twitter::before,
.fab.fa-twitter::before {
    content: "";
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    vertical-align: -0.1em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E") center / contain no-repeat;
}