/**
 * Font Awesome 6 class syntax compatibility for self-hosted FA5 Pro bundle.
 */
.fa-solid,
.fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

.fa-regular,
.far {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}

.fa-light,
.fal {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}

.fa-brands,
.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

/* Legacy FA4-style markup: <i class="fa fa-check"> */
.fa:not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not(.fa-solid):not(.fa-regular):not(.fa-light):not(.fa-brands) {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

.fa-circle-xmark:before {
    content: "\f057";
}

.fa-square-plus:before {
    content: "\f0fe";
}

.fa-channel-icon {
    position: relative;
    display: inline-block;
    line-height: 1;
}

.fa-channel-icon .fa-square:before {
    content: "\f0c8";
}

.fa-channel-icon-num {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -52%);
    font-size: 0.42em;
    font-weight: 700;
    font-family: Arial, sans-serif;
    line-height: 1;
    pointer-events: none;
}

.fa-channel-icon.fa-lg .fa-channel-icon-num {
    font-size: 0.38em;
}

.fa-channel-icon.fa-2x .fa-channel-icon-num {
    font-size: 0.36em;
}