/* Vector icons never depend on a phone's text or emoji font. */
.ui-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.15em;pointer-events:none}
.button>span:has(>.ui-icon){display:inline-flex;align-items:center;justify-content:center}
.play-outline>.ui-icon,.reel-play>.ui-icon,.cinema-open>span>.ui-icon{width:12px;height:12px}
.mini-frames .ui-icon{width:14px;height:14px}
.label-check>.ui-icon{width:13px;height:13px}
.title-spark>.ui-icon,.faq-spark>.ui-icon,.cta-star>.ui-icon,.art-orbit>.ui-icon{display:block}
.label-icon,.step-icon,.extra-icon{line-height:1}
.popular-badge>.ui-icon{width:11px;height:11px;margin-right:4px;vertical-align:-2px}
.dialog-close>.ui-icon{width:18px;height:18px}
.motion-toggle>.ui-icon{width:14px;height:14px}
.text-button>.ui-icon,.payment-back>.ui-icon,.payment-footer a>.ui-icon,.back-top>.ui-icon{width:14px;height:14px}
.result-symbol>.ui-icon{width:28px;height:28px}
.offer-features li::before,.order-summary li::before{content:'';display:block;width:12px;height:12px;flex-shrink:0;background:var(--coral-dark);-webkit-mask:url('assets/check.svg') center/contain no-repeat;mask:url('assets/check.svg') center/contain no-repeat}
.offer-features li::before{top:3px}
.order-summary li::before{margin-top:3px}