@layer components{@layer icon{[data-icon]{width:var(--icon-size,1em);height:var(--icon-size,1em);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--icon-mask-image);mask-image:var(--icon-mask-image);-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--icon-mask-image);background-color:currentColor;flex-shrink:0;display:inline-block}[data-icon=loader]{animation:1s linear infinite icon-spin}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}}