@layer components{.x--icon{position:relative;box-sizing:content-box;font-size:var(--icon-size, 1rem);height:var(--icon-size, 1rem);width:var(--icon-size, 1rem);line-height:0;display:inline-flex;align-items:center;justify-content:center;text-align:center}.x--icon>svg{display:inline-block;width:100%;height:100%;max-width:var(--icon-size, 1rem);max-height:var(--icon-size, 1rem);color:var(--icon-color, currentColor)}}