.ui-icon { width:1.1em; height:1.1em; display:inline-block; flex:none; vertical-align:-.16em; margin-inline-end:.42em; overflow:visible; color:inherit; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.site-nav .ui-icon { width:1em; height:1em; }
button .ui-icon, a .ui-icon { transition:filter .18s ease,transform .18s ease; }
button:hover .ui-icon, a:hover .ui-icon { filter:drop-shadow(0 0 4px currentColor); transform:translateY(-1px); }
[data-icon="loader-circle"]>.ui-icon { animation:hdc-icon-spin 1.2s linear infinite; }
@keyframes hdc-icon-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .ui-icon { animation:none!important; transition:none!important; transform:none!important; } }

.site-nav-brand { white-space:nowrap; flex-shrink:0; }