.icon{display:grid;place-items:center}.icon svg{width:100%;height:100%}.icon svg .primary{stroke:currentColor;fill:currentColor}.icon svg .primary.stroke{fill:none;stroke:currentColor}.icon svg .primary.fill{fill:currentColor;stroke:none}.icon.red svg,.icon.red svg .primary{fill:rgb(var(--danger))}.icon.red svg .primary{stroke:rgb(var(--danger))}.icon.green svg{fill:rgb(var(--success))}.icon.green svg .primary{stroke:rgb(var(--success));fill:rgb(var(--success))}.icon.blue svg .primary{stroke:rgb(var(--info))}.icon.red-stroke svg{stroke:rgb(var(--danger))}.icon.green-stroke svg{stroke:rgb(var(--success))}.icon.blue-stroke svg{stroke:rgb(var(--info))}