.x-icon{aspect-ratio:1/1;display:grid;place-items:center}.x-icon.size-sm{width:16px}.x-icon.size-md{width:24px}.x-icon.size-lg{width:32px}.x-icon.filled svg{fill:currentColor}.x-icon.filled-primary svg{fill:var(--primary-color)}.x-icon svg{height:100%;width:100%;stroke:currentColor;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;fill:none}.x-icon.rounded-lines svg{stroke-linecap:round;stroke-linejoin:round}.x-icon.square-lines svg{stroke-linecap:square;stroke-linejoin:bevel}