:root,[data-theme=light],[data-palette=light]{--icon-ink:#7740c9}[data-theme=dark],[data-palette=dark]{--icon-ink:#b99aee}:root svg:has(>use[href*=icons\.svg]){color:var(--icon-ink);--symbol-texture:0}:root :where(.primary,.primary-link,.verdicts [aria-pressed=true],[data-icon-tone=on-action],.button:not(.quiet):not(.text),.platform,.path-marker,.route-marker,.marker,.answer-mark,.answer-marker,.answer-number,.mark,.feedback,.feedback-row,.marks,.save-indicator,.prepared-checklist) svg:has(>use[href*=icons\.svg]){color:inherit}:root svg.checked-icon:has(>use[href*=icons\.svg]){color:var(--good)}:root :where([disabled],[aria-disabled=true]) svg:has(>use[href*=icons\.svg]){color:var(--disabled-ink,currentColor)}:root :where([aria-selected=true],[aria-current=page],[aria-pressed=true],[aria-expanded=true]) svg:has(>use[href*=icons\.svg]){--symbol-detail-ink:var(--selected)}:root :where(.answer-mark,.answer-marker,.answer-number,.mark) svg:has(>use[href*=icons\.svg]){color:inherit}:root :where(.family-symbols,.icon-grid[data-size="48"]) svg:has(>use[href*=icons\.svg]){--symbol-texture:inherit}@media (forced-colors:active){:is(:root svg:has(>use[href*=icons\.svg]),:root :where(.primary,.primary-link,.verdicts [aria-pressed=true],[data-icon-tone=on-action],.button,.platform,.path-marker,.route-marker,.marker,.answer-mark,.answer-marker,.mark,.feedback,.feedback-row,.marks,.save-indicator,.prepared-checklist,[disabled],[aria-disabled=true]) svg:has(>use[href*=icons\.svg])){color:canvastext;--symbol-texture:0;--symbol-detail-ink:Canvas}}.plue-ui-icon{vertical-align:middle;fill:currentColor;flex:none;display:inline-block;overflow:visible}:root svg.plue-ui-icon:has(>use){color:var(--icon-ink)}:root :where([data-icon-tone=on-action],[data-icon-tone=inherit],.d-btn.pri,.is-primary,.ls-teach-next,.rv-main,.ob-go,button[aria-pressed=true].is-on) svg.plue-ui-icon{color:inherit}:root :where([disabled],[aria-disabled=true]) svg.plue-ui-icon{color:var(--plue-disabled-ink,currentColor)}html[data-ds=off] .plue-ui-icon{color:currentColor}.plue-ui-icon.is-down{transform:rotate(90deg)}[dir=rtl] .plue-ui-icon:is([class*=next],.is-dir){transform:scaleX(-1)}:root svg.plue-ui-icon[data-icon-tone]:has(>use){color:inherit}:root :is(.hf-primary,.sc-go,.sc-card-go,.cc-go,.ob-go,.lb-create,.px-cta,.rv-main,.sd-primary,.workspace-primary,.btn-primary,.cx-send) svg.plue-ui-icon{color:inherit!important}
