:root{--u-icon-selected:var(--u-app-accent,var(--u-blue,#2774ae));--u-icon-success:var(--u-success-ink,#0e6e5c);--u-icon-warning:var(--u-warn-ink,#8a6500);--u-icon-danger:var(--u-danger-ink,#b53030);--u-icon-info:var(--u-info,#0054a6);--u-icon-brand:var(--u-red,#d72638);--u-icon-muted:var(--u-concrete,#6f7276)}.u-icon{display:inline-block;position:relative;width:var(--u-icon-size,24px);height:var(--u-icon-size,24px);vertical-align:middle;color:inherit;flex:none}.u-icon[data-selected=true]{color:var(--u-icon-selected)}.u-icon[data-tone=success]{color:var(--u-icon-success)}.u-icon[data-tone=warning]{color:var(--u-icon-warning)}.u-icon[data-tone=danger]{color:var(--u-icon-danger)}.u-icon[data-tone=info]{color:var(--u-icon-info)}.u-icon[data-tone=brand]{color:var(--u-icon-brand)}.u-icon[data-tone=muted]{color:var(--u-icon-muted)}.u-icon[data-tone=inherit]{color:inherit}.u-icon-art{display:block;position:relative;width:100%;height:100%}.u-icon-outline,.u-icon-solid{display:block;position:absolute;inset:0}.u-icon svg{display:block;width:100%;height:100%}.u-icon-outline{opacity:1;transition:opacity .72s ease}.u-icon-solid{clip-path:inset(100% 0 0 0);transition:clip-path .72s cubic-bezier(.2,.8,.2,1)}.u-icon[data-selected=true] .u-icon-outline{opacity:0}.u-icon[data-selected=true] .u-icon-solid{clip-path:inset(0 0 0 0)}.u-icon[data-static=true] .u-icon-outline,.u-icon[data-static=true] .u-icon-solid{transition:none}@media (prefers-reduced-motion:reduce){.u-icon-outline,.u-icon-solid{transition:none!important}}.utopia-taste{--u-icon-success:var(--ut-success);--u-icon-warning:var(--ut-warning);--u-icon-danger:var(--ut-danger);--u-icon-info:var(--ut-info);--u-icon-muted:var(--ut-muted)}