/* Inline Font Awesome SVGs inherit the existing button and label colors. */
.ui-icon{display:inline-block;width:16px;height:16px;flex:none;fill:currentColor;vertical-align:-.15em;overflow:visible}
.ui-icon-small{width:12px;height:12px}
.pill-button>span,.crew-button>span,.roles-more>span,.story-copy>a>span,.role-link>span,.role-card>a>span,.banner-content>a>span{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:1}
.role-link .ui-icon{width:14px;height:14px}
.flow-card-arrow .ui-icon{width:12px;height:12px}
.example-result strong{display:inline-flex;align-items:center;gap:5px}
.example-result strong .ui-icon{width:10px;height:10px}
.example-result b,.example-items>b{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.float-photo b .ui-icon{width:13px;height:13px}
.phone-top .ui-icon{width:15px;height:15px}
.activity-notice .ui-icon{width:9px;height:9px}
.how-complete-badge .ui-icon{width:10px;height:10px}