/* LaunchPoint central icon registry. Uploaded SVGs are rendered as CSS masks so
   every component keeps control of normal/hover/focus/active color via currentColor. */
.lpc-ui-icon{display:inline-block;flex:0 0 auto;vertical-align:-.125em;color:inherit}
svg.lpc-ui-icon{overflow:visible}
.lpc-ui-icon--custom{background-color:currentColor!important;fill:none!important;stroke:none!important;-webkit-mask-image:var(--lpc-icon-mask);mask-image:var(--lpc-icon-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
:is(.is-active,.active,.selected,.is-selected,[aria-current="page"],[aria-current="true"],[aria-pressed="true"],[aria-selected="true"]) .lpc-ui-icon--custom,
.lpc-ui-icon--custom:is(.is-active,.active,.selected,.is-selected){-webkit-mask-image:var(--lpc-icon-mask-active,var(--lpc-icon-mask));mask-image:var(--lpc-icon-mask-active,var(--lpc-icon-mask))}
button:disabled .lpc-ui-icon,a[aria-disabled="true"] .lpc-ui-icon,.is-disabled .lpc-ui-icon{opacity:.62}
/* Optional semantic utilities for components that want the central color presets. */
.lpc-icon-tone-default{color:var(--lpc-icon-default,#0E2D7B)}
.lpc-icon-tone-on-dark{color:var(--lpc-icon-on-dark,#fff)}
.lpc-icon-tone-hover:hover{color:var(--lpc-icon-hover,#0E2D7B)}
.lpc-icon-tone-active:is(.is-active,[aria-pressed="true"],[aria-current="page"]){color:var(--lpc-icon-active,#0A7C73)}
.lpc-icon-tone-disabled:disabled{color:var(--lpc-icon-disabled,#8A98A8)}