/* Canonical MES SVGs, tinted with currentColor like helpers/SotoIcons.php. */
.soto-icon { display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; vertical-align: middle; background-color: currentColor; -webkit-mask: var(--soto-icon) center / contain no-repeat; mask: var(--soto-icon) center / contain no-repeat; }
.soto-icon--user { --soto-icon: url("/soto-icons/user.svg"); }
.soto-icon--burger_menu { --soto-icon: url("/soto-icons/burger_menu.svg"); }
.soto-icon--close { --soto-icon: url("/soto-icons/close.svg"); }
.soto-icon--arrow_left { --soto-icon: url("/soto-icons/arrow_left.svg"); }
.soto-icon--arrow_right { --soto-icon: url("/soto-icons/arrow_right.svg"); }
.soto-icon--paper_plane { --soto-icon: url("/soto-icons/paper_plane.svg"); }
.soto-icon--download { --soto-icon: url("/soto-icons/download.svg"); }
.soto-icon--file_upload { --soto-icon: url("/soto-icons/file_upload.svg"); }
.soto-icon--calendar { --soto-icon: url("/soto-icons/calendar.svg"); }
.soto-icon--chat { --soto-icon: url("/soto-icons/chat.svg"); }
.soto-icon--copy { --soto-icon: url("/soto-icons/copy.svg"); }
.soto-icon--check { --soto-icon: url("/soto-icons/check.svg"); }
.soto-icon--new_window { --soto-icon: url("/soto-icons/new_window.svg"); }

/* Icon-only controls must not inherit text-baseline alignment. */
.nav__toggle > .soto-icon, .nav__account > .soto-icon,
.gallery-button > .soto-icon, .career-modal__close > .soto-icon,
.chat-input button > .soto-icon, .button > .soto-icon { vertical-align: initial; }
