.icon{height:inherit;width:inherit}.icon svg{transition:fill var(--transition-duration)}.icon.black svg{fill:var(--color-black)}.icon.white svg{fill:var(--color-white)}.icon.red svg{fill:var(--color-red)}.icon.pink svg{fill:var(--color-pink)}.icon.yellow svg{fill:var(--color-yellow)}.icon.green svg{fill:var(--color-green)}.icon.light-green svg{fill:var(--color-light-green)}.icon.blue svg{fill:var(--color-blue)}.icon.dark-blue svg{fill:var(--color-dark-blue)}.icon.gray svg{fill:var(--color-gray)}.icon.gray-100 svg{fill:var(--color-gray-100)}.icon.gray-200 svg{fill:var(--color-gray-200)}.icon.gray-300 svg{fill:var(--color-gray-300)}.icon.opacity-2 svg{fill:#ffffff3d}