/* Vector-only interface icons: consistent on iOS, Android and desktop. */
.ui-icon{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.13em;overflow:visible;pointer-events:none}
.button>.ui-icon,.button>span>.ui-icon,.text-link>.ui-icon{width:16px;height:16px}
.sidebar nav button>span,.sidebar nav a>span{display:inline-flex;align-items:center;justify-content:center}
.sidebar nav .ui-icon{width:18px;height:18px}
.mobile-menu summary .ui-icon{width:18px;height:18px}
.source-icon .ui-icon,.destination-icon .ui-icon,.flow-icon .ui-icon{width:18px;height:18px}
.engine-annotation .ui-icon,.flow-caption .ui-icon,.visual-bottom .ui-icon,.mini-code .ui-icon{width:1em;height:1em}
.phase-detail li:before{content:'';display:inline-block;width:11px;height:11px;vertical-align:-1px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 18 18 6M6 6h12v12' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}
.check-icon{display:inline-block;width:16px;height:16px;margin-top:2px;position:relative}
.check-icon:before{content:'';position:absolute;width:5px;height:10px;left:5px;top:0;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}