@layer pyla.components{:root{--icon-prop-size: 1em}.pyla-icon{height:var(--icon-prop-size);width:var(--icon-prop-size);display:inline-block;color:inherit;fill:currentColor;line-height:1;flex-shrink:0;max-width:initial}.pyla-icon-mask:before{content:"";display:inline-block;inline-size:var(--icon-prop-size);block-size:var(--icon-prop-size);vertical-align:-.125em;background-color:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}@media(forced-colors:active){.pyla-icon-mask:before{background-color:CanvasText}}}