/* Font Awesome Free 6.7.2. License: ../assets/vendor/fontawesome-6.7.2/LICENSE.txt */
@import url("../assets/vendor/fontawesome-6.7.2/css/fontawesome.min.css");
@import url("../assets/vendor/fontawesome-6.7.2/css/solid.min.css");
@import url("../assets/vendor/fontawesome-6.7.2/css/regular.min.css");
@import url("../assets/vendor/fontawesome-6.7.2/css/brands.min.css");

.app-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1em;
  flex: 0 0 auto;
  font-size: var(--icon-size, 1em);
  line-height: 1;
  font-style: normal;
  vertical-align: -0.125em;
  pointer-events: none;
}

/* Both weights share glyph codes, including during optimistic state updates. */
:is(.take-action.is-selected, .comment-action--like.is-active,
    .bottom-nav__link.is-active, .desktop-nav__link.is-active) .fa-regular {
  font-weight: 900;
}

.comment-badge__icon,
.profile-tier-progress__status .app-icon { --icon-size: 10px; }
.trend-item__more .app-icon,
.legal-back .app-icon,
.install-app-chevron .app-icon { --icon-size: 16px; }
.delete-take-modal__icon-wrap .app-icon { --icon-size: 24px; }
.password-toggle__icon { --icon-size: 18px; }
.reset-password-toggle__icon { --icon-size: 20px; }