/* 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-text { --mail-icon: url("icons/text--align--left.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"); }
.mail-icon-filter { --mail-icon: url("icons/filter.svg"); }

/* 작성창(MailComposer) 툴바·창 제어·하단 명령. Carbon 16px 원본을 20px 마스크로 쓴다. */
.mail-icon-undo { --mail-icon: url("icons/undo.svg"); }
.mail-icon-redo { --mail-icon: url("icons/redo.svg"); }
.mail-icon-bold { --mail-icon: url("icons/text--bold.svg"); }
.mail-icon-italic { --mail-icon: url("icons/text--italic.svg"); }
.mail-icon-underline { --mail-icon: url("icons/text--underline.svg"); }
.mail-icon-list-bulleted { --mail-icon: url("icons/list--bulleted.svg"); }
.mail-icon-list-numbered { --mail-icon: url("icons/list--numbered.svg"); }
.mail-icon-clear-format { --mail-icon: url("icons/text--clear-format.svg"); }
.mail-icon-link { --mail-icon: url("icons/link.svg"); }
.mail-icon-quote { --mail-icon: url("icons/quotes.svg"); }
.mail-icon-indent-more { --mail-icon: url("icons/text--indent--more.svg"); }
.mail-icon-indent-less { --mail-icon: url("icons/text--indent--less.svg"); }
.mail-icon-align-left { --mail-icon: url("icons/text--align--left.svg"); }
.mail-icon-align-center { --mail-icon: url("icons/text--align--center.svg"); }
.mail-icon-align-right { --mail-icon: url("icons/text--align--right.svg"); }
.mail-icon-font { --mail-icon: url("icons/text--font.svg"); }
.mail-icon-text-color { --mail-icon: url("icons/text--color.svg"); }
.mail-icon-maximize { --mail-icon: url("icons/maximize.svg"); }
.mail-icon-minimize { --mail-icon: url("icons/minimize.svg"); }
.mail-icon-fit-screen { --mail-icon: url("icons/fit-to-screen.svg"); }
.mail-icon-shrink-screen { --mail-icon: url("icons/shrink-screen.svg"); }
.mail-icon-send { --mail-icon: url("icons/send.svg"); }
.mail-icon-time { --mail-icon: url("icons/time.svg"); }
.mail-icon-save { --mail-icon: url("icons/save.svg"); }
.mail-icon-image { --mail-icon: url("icons/image.svg"); }
.mail-icon-user { --mail-icon: url("icons/user--avatar.svg"); }
.mail-icon-caret-down { --mail-icon: url("icons/caret--down.svg"); }
.mail-icon-information { --mail-icon: url("icons/information.svg"); }
.mail-icon-edit { --mail-icon: url("icons/edit.svg"); }
.mail-icon-building { --mail-icon: url("icons/building.svg"); }