/* Official Phosphor regular SVGs. Geometry is kept unchanged; CSS supplies color. */
.icon { display: inline-block; width: 20px; height: 20px; flex: none; vertical-align: middle; background-color: currentColor; -webkit-mask: var(--icon-image) center / contain no-repeat; mask: var(--icon-image) center / contain no-repeat; }
.icon--arrow-up-right { --icon-image: url('./assets/icons/phosphor/arrow-up-right.svg'); }
.icon--arrow-left { --icon-image: url('./assets/icons/phosphor/arrow-left.svg'); }
.icon--handshake { --icon-image: url('./assets/icons/phosphor/handshake.svg'); }
.icon--brain { --icon-image: url('./assets/icons/phosphor/brain.svg'); }
.icon--bank { --icon-image: url('./assets/icons/phosphor/bank.svg'); }
.icon--chart-line-up { --icon-image: url('./assets/icons/phosphor/chart-line-up.svg'); }
.icon--globe { --icon-image: url('./assets/icons/phosphor/globe.svg'); }
.icon--calendar-blank { --icon-image: url('./assets/icons/phosphor/calendar-blank.svg'); }