@import url('../vendor/fontawesome/css/fontawesome.min.css');
@import url('../vendor/fontawesome/css/solid.min.css');
@import url('../vendor/fontawesome/css/brands.min.css');

.site-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    font-size: var(--icon-size, 1em);
    line-height: 1;
    vertical-align: middle;
    flex-shrink: 0;
}

.site-icon::before {
    line-height: 1;
}

.site-header__search-icon.site-icon,
.theme-toggle__icon.site-icon,
.auth-input__icon.site-icon,
.auth-input__toggle-icon.site-icon,
.post-card__play-icon.site-icon,
.post-hero-play__icon.site-icon,
.pb-latest-posts__more-icon.site-icon,
.product-gallery__nav-icon.site-icon,
.product-info-card__icon-svg.site-icon {
    width: auto;
    height: auto;
}

.site-header__search-icon.site-icon {
    color: var(--text-muted);
}

.theme-toggle__icon.site-icon {
    font-size: 1.05rem;
}

.auth-input__icon.site-icon,
.auth-input__toggle-icon.site-icon {
    color: var(--text-muted);
}

.post-card__play-icon.site-icon,
.post-hero-play__icon.site-icon {
    color: currentColor;
}