@layer vendor;@layer foundation{.icon{vertical-align:-.125em;fill:currentColor;flex-shrink:0;width:1em;height:1em;display:inline-block}.icon-swap{place-items:center;display:inline-grid}.icon-swap>.icon{grid-area:1/1;transition:opacity .2s cubic-bezier(.2,0,0,1),scale .2s cubic-bezier(.2,0,0,1),filter .2s cubic-bezier(.2,0,0,1)}.icon-swap:not([data-state=on])>[data-swap=on],.icon-swap[data-state=on]>[data-swap=off]{opacity:0;filter:blur(4px);scale:.25}}@layer common,modules,views;