/* WaveWorks Mail owns only its icon aliases. Carbon tokens and shared controls
   come from WaveWorks.RxComponents so consumer hosts have one CSS authority. */
.mail-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask: var(--mail-icon) center / contain no-repeat;
    mask: var(--mail-icon) center / contain no-repeat;
}

.mail-icon-inbox { --mail-icon: url("icons/email.svg"); }
.mail-icon-drafts { --mail-icon: url("icons/document--blank.svg"); }
.mail-icon-sent { --mail-icon: url("icons/send.svg"); }
.mail-icon-trash { --mail-icon: url("icons/trash-can.svg"); }
.mail-icon-archive { --mail-icon: url("icons/archive.svg"); }
.mail-icon-warning { --mail-icon: url("icons/warning.svg"); }
.mail-icon-folder { --mail-icon: url("icons/folder.svg"); }
.mail-icon-chevron-right { --mail-icon: url("icons/chevron--right.svg"); }
.mail-icon-chevron-down { --mail-icon: url("icons/chevron--down.svg"); }
.mail-icon-compose { --mail-icon: url("icons/email--new.svg"); }
.mail-icon-refresh { --mail-icon: url("icons/renew.svg"); }
.mail-icon-search { --mail-icon: url("icons/search.svg"); }
.mail-icon-echo { --mail-icon: url("icons/watson.svg"); }
.mail-icon-reply { --mail-icon: url("icons/reply.svg"); }
.mail-icon-forward { --mail-icon: url("icons/mail--all.svg"); }
.mail-icon-attachment { --mail-icon: url("icons/attachment.svg"); }
.mail-icon-close { --mail-icon: url("icons/close.svg"); }
.mail-icon-flag { --mail-icon: url("icons/flag.svg"); }
.mail-icon-more { --mail-icon: url("icons/overflow-menu--vertical.svg"); }
.mail-icon-star { --mail-icon: url("icons/star.svg"); }
.mail-icon-star-filled { --mail-icon: url("icons/star--filled.svg"); }
.mail-icon-add { --mail-icon: url("icons/add.svg"); }