.x-icon{aspect-ratio:1;place-items:center;display:grid}.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{stroke:currentColor;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;fill:none;width:100%;height:100%}.x-icon.rounded-lines svg{stroke-linecap:round;stroke-linejoin:round}.x-icon.square-lines svg{stroke-linecap:square;stroke-linejoin:bevel}