/* BabelBalls help center: the few icons the help pages draw, in place of the Font Awesome stylesheet the help service links (docs/help-center/LAYOUT.md).
   The support vhost points that link here, so no page loads cdnjs. Each icon is a one-color mask in currentColor; an icon not listed here draws nothing
   (a transparent mask), so a new icon in the help service's templates shows as a gap, never as a black square. */
.fa,.fas,.far,.fab,.fa-solid,.fa-regular{display:inline-block;flex:none;width:1em;height:1em;font-style:normal;vertical-align:-.125em;background-color:currentColor;
  -webkit-mask:var(--bbi,linear-gradient(transparent,transparent)) center/contain no-repeat;mask:var(--bbi,linear-gradient(transparent,transparent)) center/contain no-repeat}
.fa-spin{animation:bb-spin .9s linear infinite}
@keyframes bb-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.fa-spin{animation:none}}
.fa-search{--bbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 20 20'/%3E%3C/svg%3E")}
.fa-arrow-left{--bbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 18 8.5 12l6-6'/%3E%3C/svg%3E")}
.fa-chevron-down{--bbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.fa-spinner{--bbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5a8.5 8.5 0 1 0 8.5 8.5'/%3E%3C/svg%3E")}
.fa-exclamation-circle{--bbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5v5.5M12 16.5v.01'/%3E%3C/svg%3E")}
.fa-xmark{--bbi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E")}