/* Shared decorative vectors retain the text color and never intercept control clicks. */
.ui-icon{display:inline-block;width:20px;height:20px;max-width:none;flex-shrink:0;vertical-align:-.18em;overflow:visible;pointer-events:none}
[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;line-height:0}
:is(.btn,.btn-small,.text-link,.site-text-link,.hero-note,.auth-home-link,.sidebar-foot a,.country-picker-toggle,.city-picker-toggle)>.ui-icon,:is(.btn,.btn-small) > [data-icon] > .ui-icon{width:18px;height:18px}
:is(.help-link,.footer-col a,.top-user,.topbar-inner a,.eyebrow)>.ui-icon{width:15px;height:15px}
:is(.help-link,.auth-home-link,.sidebar-foot a,.top-user){display:inline-flex;align-items:center;gap:7px}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;cursor:pointer}
.icon-btn>.ui-icon{width:21px;height:21px}
.search-field>.ui-icon{width:18px;height:18px;color:#7b91a6}
.search-field [data-icon]>.ui-icon{width:18px;height:18px}
.stat-icon>.ui-icon,.notification-icon>.ui-icon{width:20px;height:20px}
.empty-icon>.ui-icon,.promise-mark>.ui-icon{width:32px;height:32px}
.visual-globe>.ui-icon{width:60px;height:60px}
.route-arrow .ui-icon,.inline-icon .ui-icon{width:1em;height:1em;vertical-align:-.14em}
.ui-icon.is-spinning,.is-spinning>.ui-icon{animation:ui-icon-spin 1s linear infinite;transform-origin:center}
@keyframes ui-icon-spin{to{transform:rotate(360deg)}}
.nav-toggle span[data-icon]:not(.sr-only){display:inline-flex;width:24px;height:24px;margin:0;background:none;border-radius:0}
.nav-toggle span[data-icon]>.ui-icon{width:24px;height:24px}
summary :is(.faq-toggle,.faq-toggle-icon),details[open]>summary :is(.faq-toggle,.faq-toggle-icon){display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;margin-left:14px;color:var(--blue,#246ff0);background:#edf5ff;border-radius:9px;transform:none;transition:background .2s,color .2s}
summary :is(.faq-toggle,.faq-toggle-icon) .ui-icon{width:18px;height:18px}
details[open]>summary :is(.faq-toggle,.faq-toggle-icon){background:#e2efff}
details[open]>summary .faq-toggle-icon [data-icon]{transform:none}
.check-list li:before{content:"";display:inline-block;width:17px;height:17px;vertical-align:-.18em;flex:none;margin-right:7px;background:var(--teal,#079b99);-webkit-mask:var(--ui-check-mask) center/contain no-repeat;mask:var(--ui-check-mask) center/contain no-repeat}
.check-list li:has([data-icon="check"]):before{display:none}
.app-shell .check-list li>span:first-child:has([data-icon="check"]),.check-list li>span:has([data-icon="check"]){display:inline-flex;margin-right:7px;color:var(--teal,#079b99);vertical-align:middle}
.check-list [data-icon="check"]>.ui-icon{width:17px;height:17px}
.portal-modern .auth-promise .check-list :is([data-icon="check"],li:before){color:#88d9c9}
.portal-modern .auth-promise .check-list li:before{background:#88d9c9}
:root{--ui-check-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")}
.label-print-page .label-route .ui-icon{width:1em;height:1em;vertical-align:-.15em}
@media(prefers-reduced-motion:reduce){.ui-icon.is-spinning,.is-spinning>.ui-icon{animation:none}summary :is(.faq-toggle,.faq-toggle-icon){transition:none}}
@media print{.ui-icon{animation:none!important}}