/* Licensed Flaticon SVGs: quiet monochrome at rest, original colors on intent. */
svg.ui-color-icon{overflow:visible;filter:grayscale(1) brightness(1.15);transition:filter .22s ease;pointer-events:none}
.sidebar nav > :is(a,button) > svg.ui-color-icon{transition:filter .22s ease,transform .22s ease}
:is(a,button):is(:focus-visible,:active,.selected,[aria-current="page"],[aria-selected="true"]) svg.ui-color-icon,
.search:focus-within svg.ui-color-icon{filter:grayscale(0) brightness(1)}
@media(hover:hover) and (pointer:fine){
 :is(a,button):hover svg.ui-color-icon,
 .search:hover svg.ui-color-icon,
 .stats>div:hover svg.ui-color-icon,
 .contact-heading:hover svg.ui-color-icon{filter:grayscale(0) brightness(1)}
}
@media(prefers-reduced-motion:reduce){svg.ui-color-icon,.sidebar nav > :is(a,button)>svg.ui-color-icon{transition:none}}