@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";

:root {
  --palette-accent: #5b5b5b;

  --canvas: color-mix(in srgb, var(--palette-accent) 8%, #f2f1ef);
  --surface-1: color-mix(in srgb, var(--palette-accent) 3.5%, #fff);
  --surface-2: color-mix(in srgb, var(--palette-accent) 9%, #ebe9e7);
  --surface-3: color-mix(in srgb, var(--palette-accent) 12%, #e1dfdc);
  --surface-pressed: color-mix(in srgb, var(--palette-accent) 16%, #d4d2cf);
  /* Match Cloudflare Turnstile light fill; fields use a distinct well. */
  --turnstile-surface: #fafafa;
  --auth-field: var(--surface-2);

  
  --ink: #1a1a1a;
  --muted: #5a5a5a;
  --subtle: #828282;

  
  --border: color-mix(in srgb, var(--ink) 16%, transparent);
  --border-subtle: color-mix(in srgb, var(--ink) 9%, transparent);
  --border-strong: color-mix(in srgb, var(--ink) 24%, transparent);

  --accent: var(--palette-accent);
  --primary: color-mix(in srgb, var(--palette-accent) 55%, #252525);
  --primary-hover: color-mix(in srgb, #fff 22%, var(--primary));
  --on-primary: #fff;
  --brand-soft: color-mix(in srgb, var(--accent) 16%, var(--surface-1));
  --brand-soft-strong: color-mix(in srgb, var(--accent) 26%, var(--surface-2));

  --success: #5caf87;
  --danger: #e07b7b;
  --warning: #d4a84b;
  
  --info: color-mix(in srgb, var(--ink) 45%, var(--surface-3));

  --focus-ring: color-mix(in srgb, var(--palette-accent) 45%, hsla(0,0%,43%,.45));
  --scrim: color-mix(in srgb, var(--palette-accent) 18%, rgba(25,25,25,.42));
  --radius-control: 0.75rem;
  --control-height: 2.5rem;
  --shell-gap: 0.625rem;
  
  --list-gutter-x: 0.5rem;
  --list-gutter-y: 0.2rem;
  --font: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;

  --toggle-off: color-mix(in srgb, var(--ink) 28%, var(--surface-1));
  --toggle-ring: color-mix(in srgb, var(--ink) 24%, transparent);

  --shadow-rgb: 27 36 56;
  --elevation-dropdown:
    0 1px 2px rgb(var(--shadow-rgb) / 0.06),
    0 6px 16px -4px rgb(var(--shadow-rgb) / 0.14),
    0 18px 40px -10px rgb(var(--shadow-rgb) / 0.12);
  --elevation-modal:
    0 2px 4px rgb(var(--shadow-rgb) / 0.07),
    0 12px 28px -6px rgb(var(--shadow-rgb) / 0.18),
    0 32px 64px -14px rgb(var(--shadow-rgb) / 0.16);
  --material-fill: color-mix(in srgb, var(--surface-1) 78%, transparent);
  --material-blur: 20px;
  --material-saturate: 180%;
  --material-highlight: color-mix(in srgb, #fff 40%, transparent);
  --ease-mobile-spring: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-dropdown: cubic-bezier(0.2, 0, 0, 1);
  --ease-modal-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --primary-rgb: 37, 37, 37;
  --color-black: var(--ink);
}

:root {
  --toggle-on: var(--primary);
  
  --toggle-thumb: #fff;
  --material-rim: inset 0 1px 0 var(--material-highlight);

  
  --blue: var(--primary);
  --indigo: var(--primary);
  --cyan: var(--muted);

  
  --color-main: var(--primary);
  --color-main-dark: var(--primary);
  --color-font: var(--ink);
  --color-success: var(--success);
  --color-error: var(--danger);
  --color-warning: var(--warning);
}

body,html {
  background: var(--canvas) !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
  color-scheme: light;
  height: 100%;
  margin: 0;
  
  --bs-primary: var(--primary);
  --bs-link-color: var(--ink);
  --bs-link-hover-color: var(--primary);
  --bs-info: var(--info);
  --bs-cyan: var(--muted);
  accent-color: var(--primary);
}

body,html {
  overflow: hidden;
}

body.task-login {
  overflow: auto;
  height: auto;
  min-height: 100%;
}

a,a:focus,a:hover,a:visited {
  color: var(--ink);
}

#layout-content,#layout-list,#layout-sidebar,*,.popover-body,.scroller,.ui-dialog-content {
  scrollbar-width: thin !important;
  scrollbar-color: var(--surface-pressed) var(--surface-1) !important;
}

::-webkit-scrollbar {
  width: .5rem;
  height: .5rem;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--surface-pressed) !important;
  border-radius: 9999px;
  border: 0 !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--subtle) !important;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

.popover-body::-webkit-scrollbar-thumb,.scroller::-webkit-scrollbar-thumb,.select-menu::-webkit-scrollbar-thumb,.ui-dialog-content::-webkit-scrollbar-thumb {
  background: var(--surface-pressed) !important;
}

*,:after,:before {
  border-color: transparent !important;
}

#attachment-list,#layout,#layout-content,#layout-list,#layout-menu,#layout-sidebar,#layout>div,#messagestack div,#messagetoolbar,.attachmentslist,.boxerror,.boxinformation,.boxwarning,.btn,.button,.custom-select,.custom-switch .custom-control-label:after,.custom-switch .custom-control-label:before,.folderlist,.folderlist a,.folderlist li,.footer,.form-control,.header,.header .menu,.listing,.listing a,.listing li,.listing td,.login-card,.login-field-shell,.login-password-toggle,.login-remember,.login-remember-mark,.messagelist,.messagelist td,.toolbar,.ui-state-error,.ui-state-highlight,button,fieldset,hr,input,select,table,td,textarea,th,tr {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  outline: none;
}

#layout {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 100% !important;
  background: var(--canvas) !important;
  gap: var(--shell-gap);
  padding: var(--shell-gap);
  box-sizing: border-box;
}

body.task-login #layout {
  height: auto !important;
}

#layout-content,#layout-list,#layout-menu,#layout-sidebar,#layout>div {
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

#layout-content:not(.hidden),#layout-list:not(.hidden),#layout-sidebar:not(.hidden) {
  display: flex;
  flex-direction: column;
  background: var(--surface-1) !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden;
  
  min-width: 0;
  width: auto !important;
}

html:not(.layout-phone):not(.layout-small) #layout-content:not(.hidden) {
  flex: 6 1 0% !important;
}

html:not(.layout-phone):not(.layout-small) #layout-list:not(.hidden) {
  flex: 3 1 0% !important;
  max-width: 30%;
}

html:not(.layout-phone):not(.layout-small) #layout-sidebar:not(.hidden) {
  flex: 2 1 0% !important;
  max-width: 30%;
}

html:not(.layout-phone):not(.layout-small) #layout-sidebar.sidebar-right:not(.hidden) {
  order: 2;
  flex: 0 0 22rem !important;
  width: 22rem !important;
  max-width: 22rem !important;
  min-width: 22rem !important;
}

#layout-content.hidden,#layout-list.hidden,#layout-menu.hidden,#layout-sidebar.hidden {
  display: none !important;
}

body.action-compose #layout {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}

body.action-compose #layout-list {
  display: none !important;
}

body.action-compose #layout-content {
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.action-compose #layout-content,body.action-compose #layout-content:not(.hidden),html.layout-large body.action-compose #layout-content,html.layout-large body.action-compose #layout-content.hidden,html.layout-normal body.action-compose #layout-content,html.layout-normal body.action-compose #layout-content.hidden {
  display: flex !important;
}

body.action-compose #layout-content>.header {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-height: var(--control-height);
}

body.action-compose #compose-content,body.action-compose #layout-content>.content,body.action-compose #layout-content>.formcontainer {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: visible !important;
}

body.action-compose #compose-content>.formcontent,body.action-compose #compose-content>form {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 0 !important;
  overflow: auto !important;
  visibility: visible !important;
}

body.action-compose #compose-content>.formbuttons,body.action-compose #compose-headers,body.action-compose #compose-objects {
  flex: 0 0 auto !important;
}

body.action-compose #composebodycontainer {
  display: flex !important;
  flex-direction: column !important;
}

body.action-compose #composebody,body.action-compose #composebodycontainer,body.action-compose .tox-tinymce,body.action-compose iframe#composebody {
  flex: 1 1 auto !important;
  min-height: 14rem !important;
  width: 100% !important;
  visibility: visible !important;
}

body.action-compose #layout-sidebar.sidebar-right:not(.hidden),html.layout-large body.action-compose #layout-sidebar.sidebar-right,html.layout-large body.action-compose #layout-sidebar.sidebar-right.hidden,html.layout-normal body.action-compose #layout-sidebar.sidebar-right,html.layout-normal body.action-compose #layout-sidebar.sidebar-right.hidden {
  display: flex !important;
  flex-direction: column !important;
  order: 2;
  flex: 0 0 22rem !important;
  width: 22rem !important;
  max-width: 22rem !important;
  min-width: 18rem !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: visible !important;
}

body.action-compose #layout-content>.header a.button.save:before,body.action-compose #messagetoolbar a.save:before,body.action-compose .header a.save:before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

body.action-compose #layout-content>.header a.button.attach:before,body.action-compose .header a.attach:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m21.44%2011.05-9.19%209.19a6%206%200%200%201-8.49-8.49l9.19-9.19a4%204%200%200%201%205.66%205.66l-9.2%209.19a2%202%200%200%201-2.83-2.83l8.49-8.48%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m21.44%2011.05-9.19%209.19a6%206%200%200%201-8.49-8.49l9.19-9.19a4%204%200%200%201%205.66%205.66l-9.2%209.19a2%202%200%200%201-2.83-2.83l8.49-8.48%22%2F%3E%3C%2Fsvg%3E");
}

body.action-compose #layout-content>.header a.toolbar-menu-button:before,body.action-compose .header a.toolbar-menu-button:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.signature:before,.toolbar a.signature:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17%203a2.85%202.83%200%201%201%204%204L7.5%2020.5%202%2022l1.5-5.5ZM15%205l4%204%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17%203a2.85%202.83%200%201%201%204%204L7.5%2020.5%202%2022l1.5-5.5ZM15%205l4%204%22%2F%3E%3C%2Fsvg%3E") !important;
}

#messagetoolbar a.responses:before,.menu a.responses:before,.popupmenu a.responses:before,.toolbar a.responses:before,a.responses:before {
  content: "" !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  font-size: 0 !important;
  speak: none !important;
  background-color: currentColor !important;
  background-image: none !important;
  
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H9l-5%204v-4h2a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H9l-5%204v-4h2a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.menu a.encrypt:before,.toolbar a.encrypt:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%2F%3E%3C%2Fsvg%3E") !important;
}

.formbuttons a.extwin:before,.menu a.extwin:before,.toolbar a.extwin:before,a.button.extwin:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6M15%203h6v6M10%2014%2021%203%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6M15%203h6v6M10%2014%2021%203%22%2F%3E%3C%2Fsvg%3E") !important;
}

body.action-compose #compose_from .input-group,body.action-compose #compose_to .input-group,body.action-compose .compose-headers .custom-select,body.action-compose .compose-headers .form-control,body.action-compose .compose-headers .input-group,body.action-compose .compose-headers .pretty-select,body.action-compose .compose-headers .wf-select-shell,body.action-compose .form-control {
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  color: var(--ink) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.action-compose #compose-content .compose-headers .form-group.row,body.action-compose #compose-headers .form-group.row,body.action-compose .compose-headers .form-group.row {
  align-items: center !important;
  margin-bottom: .5rem !important;
}

body.action-compose #compose-headers .input-group,body.action-compose #compose_bcc .input-group,body.action-compose #compose_cc .input-group,body.action-compose #compose_from .input-group,body.action-compose #compose_subject .input-group,body.action-compose #compose_to .input-group,body.action-compose .compose-headers .input-group {
  align-items: center !important;
  margin-bottom: 0 !important;
  min-height: var(--control-height) !important;
}

body.action-compose .compose-headers .input-group>.custom-select,body.action-compose .compose-headers .input-group>.input-group-append,body.action-compose .compose-headers .input-group>.input-group-prepend,body.action-compose .compose-headers .input-group>.input-group-text.icon,body.action-compose .compose-headers .input-group>.wf-select-shell,body.action-compose .compose-headers .input-group>a.input-group-text,body.action-compose .compose-headers .input-group>select {
  align-self: center !important;
}

body.action-compose #compose_subject input,body.action-compose .compose-headers .custom-select,body.action-compose .compose-headers .pretty-select,body.action-compose .compose-headers input.form-control,body.action-compose .compose-headers input[type=text],body.action-compose .compose-headers select {
  height: var(--control-height) !important;
  min-height: var(--control-height) !important;
  max-height: var(--control-height) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: var(--control-height) !important;
  box-sizing: border-box !important;
}

body.action-compose .compose-headers .form-control.recipient-input,body.action-compose .compose-headers .recipient-input,body.action-compose .compose-headers ul.recipient-input {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  min-height: var(--control-height) !important;
  height: auto !important;
  max-height: none !important;
  padding: .2rem .75rem !important;
  line-height: 1.25 !important;
}

body.action-compose .compose-headers .recipient-input input,body.action-compose .compose-headers .recipient-input>li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.action-compose #composebodycontainer,body.action-compose .html-editor {
  margin-top: .5rem !important;
}

.tox .tox-editor-container,.tox .tox-editor-header,.tox .tox-sidebar-wrap,.tox .tox-toolbar,.tox .tox-toolbar-overlord,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary,.tox-tinymce,body.action-compose #composebodycontainer,body.action-compose .editor-toolbar,body.action-compose .html-editor,body.action-compose .tox .tox-editor-header,body.action-compose .tox .tox-menubar,body.action-compose .tox .tox-statusbar,body.action-compose .tox .tox-toolbar,body.action-compose .tox .tox-toolbar-overlord,body.action-compose .tox .tox-toolbar__overflow,body.action-compose .tox .tox-toolbar__primary,body.action-compose .tox-tinymce {
  
  background: var(--surface-1) !important;
  background-color: var(--surface-1) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--ink) !important;
}

.tox,.tox-tinymce,.tox-tinymce-aux {
  --tox-background: var(--surface-1) !important;
  --tox-toolbar-background: var(--surface-1) !important;
  --tox-menubar-background: var(--surface-1) !important;
  --tox-editarea-background: var(--surface-3) !important;
  --tox-statusbar-background: var(--surface-1) !important;
}

.tox .tox-editor-header,.tox .tox-toolbar-overlord,.tox .tox-toolbar__primary,body.action-compose .tox .tox-editor-header,body.action-compose .tox .tox-toolbar,body.action-compose .tox .tox-toolbar-overlord,body.action-compose .tox .tox-toolbar__primary {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding: .2rem .25rem !important;
}

.tox .tox-toolbar__group {
  padding: 0 .15rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-right: 0 !important;
}

.tox .tox-split-button,.tox .tox-tbtn--select,.tox .tox-tbtn:not(.tox-split-button__chevron):not(.tox-split-button *),body.action-compose .editor-toolbar a,body.action-compose .tox .tox-tbtn:not(.tox-split-button__chevron):not(.tox-split-button *),div.tox .tox-split-button,div.tox .tox-tbtn--select,div.tox .tox-tbtn:not(.tox-split-button__chevron):not(.tox-split-button *) {
  box-sizing: border-box !important;
  height: 2rem !important;
  min-height: 2rem !important;
  max-height: 2rem !important;
  min-width: 2rem !important;
  margin: .12rem !important;
  padding: 0 .4rem !important;
  border: 0 !important;
  border-radius: .75rem !important;
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  box-shadow: none !important;
  color: var(--ink) !important;
  fill: var(--ink) !important;
  transition: background-color .14s var(--ease-mobile-spring) !important;
}

.tox .tox-tbtn svg,body.action-compose .tox .tox-tbtn svg {
  fill: currentColor !important;
  color: inherit !important;
}

.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn--select:focus,.tox .tox-tbtn--select:hover,.tox .tox-tbtn--select[aria-expanded=true],.tox .tox-tbtn:active:not(.tox-split-button__chevron):not(.tox-tbtn--enabled):not([aria-pressed=true]):not(.tox-split-button *),.tox .tox-tbtn:focus:not(.tox-split-button__chevron):not(.tox-tbtn--enabled):not([aria-pressed=true]):not(.tox-split-button *),.tox .tox-tbtn:hover:not(.tox-split-button__chevron):not(.tox-tbtn--enabled):not([aria-pressed=true]):not(.tox-split-button *),body.action-compose .tox .tox-tbtn:focus:not(.tox-split-button__chevron):not(.tox-tbtn--enabled):not([aria-pressed=true]):not(.tox-split-button *),body.action-compose .tox .tox-tbtn:hover:not(.tox-split-button__chevron):not(.tox-tbtn--enabled):not([aria-pressed=true]):not(.tox-split-button *),div.tox .tox-tbtn--select:hover,div.tox .tox-tbtn:hover:not(.tox-split-button__chevron):not(.tox-tbtn--enabled):not([aria-pressed=true]):not(.tox-split-button *) {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
  border-radius: .75rem !important;
  box-shadow: none !important;
  color: var(--ink) !important;
}

.tox .tox-tbtn--enabled:focus:not(.tox-split-button__chevron):not(.tox-split-button *),.tox .tox-tbtn--enabled:hover:not(.tox-split-button__chevron):not(.tox-split-button *),.tox .tox-tbtn--enabled:not(.tox-split-button__chevron):not(.tox-split-button *),.tox .tox-tbtn[aria-pressed=true]:hover:not(.tox-split-button__chevron):not(.tox-split-button *),.tox .tox-tbtn[aria-pressed=true]:not(.tox-split-button__chevron):not(.tox-split-button *),body.action-compose .tox .tox-tbtn--enabled:not(.tox-split-button__chevron):not(.tox-split-button *),body.action-compose .tox .tox-tbtn[aria-pressed=true]:not(.tox-split-button__chevron):not(.tox-split-button *),div.tox .tox-tbtn--enabled:not(.tox-split-button__chevron):not(.tox-split-button *),div.tox .tox-tbtn[aria-pressed=true]:not(.tox-split-button__chevron):not(.tox-split-button *) {
  background: var(--brand-soft-strong) !important;
  background-color: var(--brand-soft-strong) !important;
  border-radius: .75rem !important;
  box-shadow: inset 0 0 0 1px var(--border-strong) !important;
  color: var(--ink) !important;
  fill: var(--ink) !important;
}

.tox .tox-split-button,div.tox .tox-split-button {
  display: inline-flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: .12rem !important;
  padding: 0 !important;
  height: 2rem !important;
  min-height: 2rem !important;
  max-height: 2rem !important;
  border-radius: .75rem !important;
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  overflow: hidden !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background-color .14s var(--ease-mobile-spring) !important;
}

.tox .tox-split-button .tox-split-button__chevron,.tox .tox-split-button>.tox-split-button__chevron:focus,.tox .tox-split-button>.tox-split-button__chevron:hover,.tox .tox-split-button>.tox-tbtn,.tox .tox-split-button>.tox-tbtn--active,.tox .tox-split-button>.tox-tbtn--enabled,.tox .tox-split-button>.tox-tbtn--enabled:focus,.tox .tox-split-button>.tox-tbtn--enabled:hover,.tox .tox-split-button>.tox-tbtn.tox-split-button__chevron,.tox .tox-split-button>.tox-tbtn.tox-split-button__chevron:focus,.tox .tox-split-button>.tox-tbtn.tox-split-button__chevron:hover,.tox .tox-split-button>.tox-tbtn.tox-split-button__chevron[aria-expanded=true],.tox .tox-split-button>.tox-tbtn:active,.tox .tox-split-button>.tox-tbtn:focus,.tox .tox-split-button>.tox-tbtn:focus-visible,.tox .tox-split-button>.tox-tbtn:hover,.tox .tox-split-button>.tox-tbtn[aria-pressed=true],.tox .tox-split-button>.tox-tbtn[aria-pressed=true]:hover,div.tox .tox-split-button>.tox-split-button__chevron,div.tox .tox-split-button>.tox-split-button__chevron:hover,div.tox .tox-split-button>.tox-tbtn,div.tox .tox-split-button>.tox-tbtn--enabled,div.tox .tox-split-button>.tox-tbtn--enabled:focus,div.tox .tox-split-button>.tox-tbtn--enabled:hover,div.tox .tox-split-button>.tox-tbtn.tox-split-button__chevron,div.tox .tox-split-button>.tox-tbtn.tox-split-button__chevron:focus,div.tox .tox-split-button>.tox-tbtn.tox-split-button__chevron:hover,div.tox .tox-split-button>.tox-tbtn.tox-split-button__chevron[aria-expanded=true],div.tox .tox-split-button>.tox-tbtn:active,div.tox .tox-split-button>.tox-tbtn:focus,div.tox .tox-split-button>.tox-tbtn:focus-visible,div.tox .tox-split-button>.tox-tbtn:hover,div.tox .tox-split-button>.tox-tbtn[aria-pressed=true],div.tox .tox-split-button>.tox-tbtn[aria-pressed=true]:hover {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  min-width: 1.5rem !important;
  height: 2rem !important;
  max-height: 2rem !important;
  cursor: pointer !important;
}

.tox .tox-split-button>.tox-tbtn:not(.tox-split-button__chevron) {
  padding-inline: .45rem .15rem !important;
  flex: 1 1 auto !important;
}

.tox .tox-split-button>.tox-split-button__chevron,.tox .tox-split-button>.tox-tbtn.tox-split-button__chevron {
  padding-inline: .15rem .4rem !important;
  min-width: 1.35rem !important;
  flex: 0 0 auto !important;
}

.tox .tox-split-button:focus-within,.tox .tox-split-button:hover,div.tox .tox-split-button:focus-within,div.tox .tox-split-button:hover {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
}

.tox .tox-split-button:has(>.tox-split-button__chevron[aria-expanded=true]),.tox .tox-split-button:has(>.tox-tbtn.tox-split-button__chevron[aria-expanded=true]),.tox .tox-split-button[aria-expanded=true] {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
}

.tox .tox-split-button>.tox-tbtn--enabled,.tox .tox-split-button>.tox-tbtn[aria-pressed=true] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.tox .tox-split-button:has(.tox-tbtn--enabled:not(.tox-split-button__chevron)),.tox .tox-split-button:has(.tox-tbtn[aria-pressed=true]:not(.tox-split-button__chevron)) {
  background: var(--brand-soft-strong) !important;
  background-color: var(--brand-soft-strong) !important;
  box-shadow: inset 0 0 0 1px var(--border-strong) !important;
}

.tox .tox-split-button .tox-tbtn,.tox .tox-split-button .tox-tbtn--enabled,.tox .tox-split-button .tox-tbtn--enabled:hover,.tox .tox-split-button .tox-tbtn:active,.tox .tox-split-button .tox-tbtn:focus,.tox .tox-split-button .tox-tbtn:focus-visible,.tox .tox-split-button .tox-tbtn:hover,.tox .tox-split-button .tox-tbtn[aria-pressed=true],.tox .tox-split-button .tox-tbtn[aria-pressed=true]:hover,.tox .tox-tbtn--bespoke .tox-icon,.tox .tox-tbtn--bespoke .tox-tbtn__select-chevron,.tox .tox-tbtn--bespoke .tox-tbtn__select-label,.tox .tox-tbtn--select .tox-icon,.tox .tox-tbtn--select .tox-tbtn__select-chevron,.tox .tox-tbtn--select .tox-tbtn__select-label,div.tox .tox-split-button .tox-tbtn,div.tox .tox-split-button .tox-tbtn:active,div.tox .tox-split-button .tox-tbtn:focus,div.tox .tox-split-button .tox-tbtn:hover,div.tox .tox-tbtn--bespoke .tox-tbtn__select-chevron,div.tox .tox-tbtn--bespoke .tox-tbtn__select-label,div.tox .tox-tbtn--select .tox-tbtn__select-chevron,div.tox .tox-tbtn--select .tox-tbtn__select-label {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.tox .tox-tooltip,.tox-tinymce-aux .tox-tooltip,[class*=" tox-tooltip"],[class^=tox-tooltip],body .tox-tooltip,body>.tox-tinymce-aux .tox-tooltip,div.tox-tooltip {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.tox .tox-collection--list,.tox .tox-menu,.tox .tox-selected-menu,.tox .tox-swatches-menu,.tox-tinymce-aux .tox-menu,.tox-tinymce-aux .tox-swatches-menu,body>.tox-tinymce-aux .tox-menu,body>.tox-tinymce-aux .tox-swatches-menu {
  box-sizing: border-box !important;
  background: var(--material-fill) !important;
  background-color: var(--material-fill) !important;
  color: var(--ink) !important;
  border: 1px solid var(--border) !important;
  border-color: var(--border) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: var(--elevation-dropdown), var(--material-rim) !important;
  -webkit-backdrop-filter: blur(24px) saturate(var(--material-saturate, 180%)) !important;
  backdrop-filter: blur(24px) saturate(var(--material-saturate, 180%)) !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-family: var(--font) !important;
  animation: wf-dropdown-in .16s var(--ease-dropdown) both;
}

.tox .tox-swatches-menu,.tox-tinymce-aux .tox-swatches-menu,body>.tox-tinymce-aux .tox-swatches-menu {
  padding: .35rem !important;
}

.tox .tox-collection--list .tox-collection__group,.tox .tox-menu .tox-collection__group {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

.tox .tox-collection--list .tox-collection__item,.tox .tox-menu.tox-collection--list .tox-collection__item,.tox .tox-selected-menu .tox-collection__item {
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 2.5rem !important;
  margin: 0 !important;
  padding: .5rem .75rem !important;
  background: var(--surface-1) !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 -1px 0 var(--border-subtle) !important;
  font-family: var(--font) !important;
  font-size: .8125rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.tox .tox-collection--list .tox-collection__item:last-child,.tox .tox-menu.tox-collection--list .tox-collection__group:last-child .tox-collection__item:last-child,.tox .tox-selected-menu .tox-collection__group:last-child .tox-collection__item:last-child {
  box-shadow: none !important;
}

.tox .tox-collection--list .tox-collection__item--active,.tox .tox-collection--list .tox-collection__item--enabled:hover,.tox .tox-collection--list .tox-collection__item:hover,.tox .tox-menu.tox-collection--list .tox-collection__item--active,.tox .tox-menu.tox-collection--list .tox-collection__item:hover {
  background: var(--surface-2) !important;
  color: var(--ink) !important;
}

.tox .tox-collection--list .tox-collection__item--active.tox-collection__item--enabled,.tox .tox-collection--list .tox-collection__item--enabled {
  background: var(--brand-soft) !important;
  color: var(--ink) !important;
}

.tox .tox-collection__item-accessory,.tox .tox-collection__item-checkmark {
  color: var(--ink) !important;
}

.tox .tox-insert-table-picker {
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  box-sizing: border-box !important;
  width: calc(12.4rem) !important;
  margin: 0 !important;
  padding: .55rem !important;
  gap: .2rem !important;
  background: transparent !important;
}

.tox .tox-insert-table-picker>div {
  box-sizing: border-box !important;
  flex: 0 0 .95rem !important;
  width: .95rem !important;
  height: .95rem !important;
  min-width: .95rem !important;
  min-height: .95rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--border-strong) !important;
  border-color: var(--border-strong) !important;
  border-radius: .15rem !important;
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.tox .tox-insert-table-picker>div.tox-insert-table-picker__selected {
  background: var(--primary) !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.tox .tox-insert-table-picker__label {
  flex: 1 0 100% !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: .35rem 0 .1rem !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.tox .tox-swatches,.tox .tox-swatches-menu .tox-swatches,.tox-tinymce-aux .tox-swatches {
  padding: .15rem !important;
  margin: 0 !important;
  background: transparent !important;
}

.tox .tox-swatches__row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: .3rem !important;
  margin: 0 0 .3rem !important;
  padding: 0 !important;
}

.tox .tox-swatches__row:last-child {
  margin-bottom: 0 !important;
}

.tox .tox-swatch,.tox .tox-swatches .tox-swatch {
  box-sizing: border-box !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  min-width: 1.5rem !important;
  min-height: 1.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent) !important;
  border-radius: .45rem !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: transform .12s var(--ease-mobile-spring), box-shadow .12s var(--ease-mobile-spring) !important;
}

.tox .tox-swatch:focus,.tox .tox-swatch:hover {
  outline: none !important;
  box-shadow: 0 0 0 2px var(--surface-1), 0 0 0 3.5px var(--ink) !important;
  transform: scale(1.06) !important;
  z-index: 1 !important;
}

.tox .tox-swatch--selected,.tox .tox-swatch[aria-checked=true] {
  box-shadow: 0 0 0 2px var(--surface-1), 0 0 0 3.5px var(--primary) !important;
}

.tox .tox-swatch--remove,.tox .tox-swatch--remove svg {
  border-radius: .45rem !important;
  color: var(--danger, #c45c5c) !important;
}

.tox .tox-swatches__picker-btn,.tox .tox-swatches__picker-btn.tox-tbtn {
  box-sizing: border-box !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  min-width: 1.5rem !important;
  min-height: 1.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid color-mix(in srgb, var(--ink) 12%, transparent) !important;
  border-radius: .45rem !important;
  background: var(--surface-3) !important;
  color: var(--ink) !important;
}

.tox .tox-swatches__picker-btn:focus,.tox .tox-swatches__picker-btn:hover {
  background: var(--surface-pressed) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.tox .tox-swatches__picker-btn svg {
  fill: currentColor !important;
  width: .9rem !important;
  height: .9rem !important;
}

.tox .tox-dialog-wrap__backdrop,.tox-tinymce-aux .tox-dialog-wrap__backdrop {
  background: var(--scrim) !important;
  opacity: 1 !important;
}

.tox .tox-dialog,.tox-tinymce-aux .tox-dialog,body .tox .tox-dialog {
  background: var(--surface-1) !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  box-shadow: var(--elevation-modal) !important;
  font-family: var(--font) !important;
  overflow: hidden !important;
}

.tox .tox-dialog .tox-dialog__header,.tox .tox-dialog__header,.tox-tinymce-aux .tox-dialog__header,body .tox-tinymce-aux .tox-dialog .tox-dialog__header,body>.tox-tinymce-aux .tox-dialog__header,div.tox .tox-dialog__header {
  position: relative !important;
  
  background: var(--surface-1, #191919) !important;
  background-color: var(--surface-1, #191919) !important;
  background-image: none !important;
  color: var(--ink, #f2f2f2) !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding: .75rem 3rem .35rem 1rem !important;
  min-height: 2.75rem !important;
}

.tox .tox-dialog__title {
  font-family: var(--font) !important;
  font-weight: 700 !important;
  font-size: .9375rem !important;
  color: var(--ink) !important;
}

.tox .tox-dialog__body,.tox .tox-dialog__body-content {
  background: var(--surface-1) !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 0 !important;
}

.tox .tox-dialog__body-content .tox-textarea-wrap,.tox .tox-textarea-wrap {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 14rem !important;
  width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.tox .tox-textarea,.tox .tox-textarea-wrap .tox-textarea,.tox textarea.tox-textarea {
  display: block !important;
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 14rem !important;
  height: 100% !important;
  margin: 0 !important;
  padding: .75rem .85rem !important;
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
  font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
  font-size: .8125rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  resize: vertical !important;
}

.tox .tox-textarea:focus,.tox textarea.tox-textarea:focus {
  outline: none !important;
  background: var(--surface-pressed) !important;
  box-shadow: none !important;
}

.tox .tox-dialog__footer,.tox-tinymce-aux .tox-dialog__footer,body .tox .tox-dialog__footer {
  background: var(--surface-1, #191919) !important;
  background-color: var(--surface-1, #191919) !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 0 !important;
  padding: .75rem 1rem 1rem !important;
  gap: .5rem !important;
}

.tox .tox-dialog__footer-end {
  gap: .5rem !important;
  justify-content: flex-end !important;
}

.tox .tox-button,.tox .tox-button--secondary,.tox .tox-dialog__footer .tox-button {
  box-sizing: border-box !important;
  min-height: var(--control-height) !important;
  height: auto !important;
  padding: .5rem 1.1rem !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  font-family: var(--font) !important;
  font-weight: 700 !important;
  font-size: .875rem !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  box-shadow: none !important;
  gap: 0 !important;
}

.tox .tox-button:not(.tox-button--secondary):not(.tox-button--icon):not(.tox-button--naked),.tox .tox-dialog__footer .tox-button:not(.tox-button--secondary) {
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  color: var(--ink) !important;
}

.tox .tox-button:not(.tox-button--secondary):not(.tox-button--icon):hover,.tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):hover {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
  color: var(--ink) !important;
}

.tox .tox-dialog__footer .tox-button--secondary,.tox .tox-dialog__footer-end .tox-button--secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  color: var(--ink) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.tox .tox-dialog__footer .tox-button--secondary:hover {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
  color: var(--ink) !important;
}

.tox .tox-dialog__footer .tox-button .tox-icon,.tox .tox-dialog__footer .tox-button .tox-icon svg,.tox .tox-dialog__footer .tox-button [class*=icon],.tox .tox-dialog__footer .tox-button svg,.tox .tox-dialog__footer .tox-button>svg,.tox-tinymce-aux .tox-dialog__footer .tox-button .tox-icon,.tox-tinymce-aux .tox-dialog__footer .tox-button svg,body .tox .tox-dialog__footer .tox-button .tox-icon,body .tox .tox-dialog__footer .tox-button svg {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.tox .tox-dialog__footer .tox-button:after,.tox .tox-dialog__footer .tox-button:before,.tox-tinymce-aux .tox-dialog__footer .tox-button:after,.tox-tinymce-aux .tox-dialog__footer .tox-button:before,body .tox .tox-dialog__footer .tox-button:after,body .tox .tox-dialog__footer .tox-button:before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.tox .tox-dialog__footer .tox-button {
  gap: 0 !important;
}

.tox .tox-dialog__header .tox-button--icon,.tox .tox-dialog__header .tox-button--naked,.tox .tox-dialog__header .tox-button[title],.tox .tox-dialog__header button.tox-button--icon {
  position: absolute !important;
  right: .5rem !important;
  top: 50% !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  box-sizing: border-box !important;
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.tox .tox-dialog__header .tox-button--icon:focus,.tox .tox-dialog__header .tox-button--icon:hover,.tox .tox-dialog__header .tox-button--naked:focus,.tox .tox-dialog__header .tox-button--naked:hover {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
  color: var(--ink) !important;
}

.tox .tox-dialog__header .tox-button--icon .tox-icon,.tox .tox-dialog__header .tox-button--icon svg,.tox .tox-dialog__header .tox-button--naked .tox-icon,.tox .tox-dialog__header .tox-button--naked svg {
  display: none !important;
}

.tox .tox-dialog__header .tox-button--icon:before,.tox .tox-dialog__header .tox-button--naked:before {
  content: "" !important;
  display: block !important;
  width: .875rem !important;
  height: .875rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E");
}

.tox .tox-label,.tox .tox-rgb-form label {
  font-family: var(--font) !important;
  font-weight: 700 !important;
  color: var(--muted) !important;
}

.tox .tox-dialog__body-nav {
  padding: .75rem .35rem .75rem .85rem !important;
}

.tox .tox-dialog__body-nav-item,.tox .tox-dialog__body-nav-item:link,.tox .tox-dialog__body-nav-item:visited {
  margin: .15rem 0 !important;
  padding: .45rem .7rem !important;
  border: 0 !important;
  border-radius: .75rem !important;
  background: transparent !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
  font-size: .8125rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.tox .tox-dialog__body-nav-item:focus,.tox .tox-dialog__body-nav-item:hover {
  background: var(--surface-2) !important;
  color: var(--ink) !important;
}

.tox .tox-dialog__body-nav-item--active,.tox .tox-dialog__body-nav-item--active:hover {
  background: var(--surface-3) !important;
  color: var(--ink) !important;
}

.tox .tox-dialog__body-content {
  box-sizing: border-box !important;
  padding: .85rem 1.25rem 1rem !important;
}

.tox .tox-collection--grid .tox-collection__item {
  border-radius: .45rem !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
}

.tox .tox-collection--grid .tox-collection__item--active,.tox .tox-collection--grid .tox-collection__item:hover {
  background: var(--surface-3) !important;
  color: var(--ink) !important;
}

.tox .tox-listboxfield .tox-listbox--select,.tox .tox-rgb-form .tox-textfield,.tox .tox-rgb-form input,.tox .tox-textfield {
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
  font-family: var(--font) !important;
  font-weight: 600 !important;
  min-height: 2.25rem !important;
}

.tox .tox-rgb-form input:focus,.tox .tox-textfield:focus {
  background: var(--surface-pressed) !important;
  outline: none !important;
  box-shadow: none !important;
}

.tox .tox-rgba-preview {
  border: 0 !important;
  box-shadow: none !important;
}

.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum,.tox .tox-rgba-preview,.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum {
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
}

.tox .tox-hue-slider-thumb,.tox .tox-sv-palette-thumb {
  border-color: var(--ink) !important;
}

.tox .tox-split-button,.tox .tox-tbtn--select {
  border-radius: .75rem !important;
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  color: var(--ink) !important;
}

.tox .tox-tbtn--bespoke,.tox .tox-tbtn--select,div.tox .tox-tbtn--bespoke,div.tox .tox-tbtn--select {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .35rem !important;
  width: auto !important;
  min-width: 5.25rem !important;
  max-width: 9.5rem !important;
  margin: .12rem .2rem !important;
  padding: 0 .45rem 0 .55rem !important;
  border-radius: .75rem !important;
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  box-shadow: none !important;
}

.tox .tox-tbtn--bespoke:focus,.tox .tox-tbtn--bespoke:hover,.tox .tox-tbtn--bespoke[aria-expanded=true],.tox .tox-tbtn--select:focus,.tox .tox-tbtn--select:hover,.tox .tox-tbtn--select[aria-expanded=true] {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
  border-radius: .75rem !important;
}

.tox .tox-tbtn--bespoke .tox-tbtn__select-label,.tox .tox-tbtn--select .tox-tbtn__select-label {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
  font-family: var(--font) !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
}

.tox .tox-split-button__chevron,.tox .tox-tbtn--select .tox-tbtn__select-chevron,.tox .tox-tbtn.tox-split-button__chevron,.tox .tox-tbtn__select-chevron {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  width: 1rem !important;
  min-width: 1rem !important;
  transition: transform .18s var(--ease-dropdown) !important;
  transform: rotate(0deg) !important;
  transform-origin: center center !important;
  color: var(--muted) !important;
}

.tox .tox-split-button__chevron>svg,.tox .tox-tbtn--select .tox-tbtn__select-chevron>svg,.tox .tox-tbtn.tox-split-button__chevron>svg,.tox .tox-tbtn__select-chevron>svg {
  display: none !important;
}

.tox .tox-split-button__chevron:before,.tox .tox-tbtn--select .tox-tbtn__select-chevron:before,.tox .tox-tbtn.tox-split-button__chevron:before,.tox .tox-tbtn__select-chevron:before {
  content: "" !important;
  display: block !important;
  width: .7rem !important;
  height: .7rem !important;
  flex: 0 0 auto !important;
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") !important;
}

.tox .tox-tbtn--select>svg:last-child {
  display: block !important;
  visibility: visible !important;
  width: .7rem !important;
  height: .7rem !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
  fill: currentColor !important;
  color: inherit !important;
}

.tox .tox-tbtn--select[aria-expanded=true] .tox-tbtn__select-chevron {
  transform: rotate(180deg) !important;
}

div.tox .tox-split-button {
  position: relative !important;
}

div.tox .tox-split-button>.tox-tbtn:not(.tox-split-button__chevron) {
  pointer-events: none !important;
  padding-right: 1.15rem !important;
}

div.tox .tox-split-button>.tox-split-button__chevron,div.tox .tox-split-button>.tox-tbtn.tox-split-button__chevron {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 .4rem 0 0 !important;
  flex: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  transform: none !important;
}

.tox .tox-split-button__chevron:before,.tox .tox-tbtn.tox-split-button__chevron:before {
  transform: rotate(0deg) !important;
  transform-origin: center center !important;
  transition: transform .18s var(--ease-dropdown) !important;
}

.tox .tox-split-button[aria-expanded=true]>.tox-split-button__chevron:before,.tox .tox-split-button[aria-expanded=true]>.tox-tbtn.tox-split-button__chevron:before,.tox .tox-split-button__chevron[aria-expanded=true]:before,.tox .tox-tbtn.tox-split-button__chevron[aria-expanded=true]:before {
  transform: rotate(180deg) !important;
}

@media(prefers-reduced-motion:reduce) {
  .tox .tox-split-button__chevron,.tox .tox-tbtn,.tox .tox-tbtn.tox-split-button__chevron,.tox .tox-tbtn__select-chevron {
    transition: none !important;
  }
}

#headers-menu a[data-target=cc]:before,.popupmenu a.recipient[data-target=cc]:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E") !important;
}

#headers-menu a[data-target=bcc]:before,.popupmenu a.recipient[data-target=bcc]:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m17%208%205%205M22%208l-5%205%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m17%208%205%205M22%208l-5%205%22%2F%3E%3C%2Fsvg%3E") !important;
}

#headers-menu a[data-target=replyto]:before,.popupmenu a.recipient[data-target=replyto]:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%2017-5-5%205-5%22%2F%3E%3Cpath%20d%3D%22M20%2018v-2a4%204%200%200%200-4-4H4%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%2017-5-5%205-5%22%2F%3E%3Cpath%20d%3D%22M20%2018v-2a4%204%200%200%200-4-4H4%22%2F%3E%3C%2Fsvg%3E") !important;
}

#headers-menu a[data-target=followupto]:before,.popupmenu a.recipient[data-target=followupto]:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m15%2017%205-5-5-5%22%2F%3E%3Cpath%20d%3D%22M4%2018v-2a4%204%200%200%201%204-4h12%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m15%2017%205-5-5-5%22%2F%3E%3Cpath%20d%3D%22M4%2018v-2a4%204%200%200%201%204-4h12%22%2F%3E%3C%2Fsvg%3E") !important;
}

#responses-menu a.insertresponse:before,#responses-menu a.placeholder:before,#responseslist a:before,#responseslist li a:before,.popupmenu a.insertresponse:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H9l-5%204v-4h2a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H9l-5%204v-4h2a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E") !important;
}

#responses-menu a.edit.responses:before,#responses-menu a.edit:before,#responses-menu a.responses.edit:before,#responses-menu li a.edit:before,.popupmenu a.edit.responses:before,.popupmenu a.edit:before {
  content: "" !important;
  font-family: inherit !important;
  font-size: 0 !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020h9M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020h9M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

#headers-menu li.separator>label,#responses-menu li.separator>label,.popupmenu li.separator>label {
  display: block !important;
  padding: .55rem .9rem .25rem !important;
  margin: 0 !important;
  font-family: var(--font) !important;
  font-size: .6875rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  color: var(--subtle) !important;
  background: transparent !important;
}

#compose-content .compose-headers .input-group-text.icon:before,#compose_bcc .input-group-text.icon:before,#compose_cc .input-group-text.icon:before,#compose_followupto .input-group-text.icon:before,#compose_from .input-group-text.icon:before,#compose_replyto .input-group-text.icon:before,#compose_to .input-group-text.icon:before,.compose-headers .input-group-text.icon:before,.compose-headers a.input-group-text.icon:before {
  content: "" !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 0 !important;
  speak: none !important;
  float: none !important;
  display: block !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  min-width: 1.125rem !important;
  min-height: 1.125rem !important;
  margin: 0 auto !important;
  padding: 0 !important;
  line-height: 0 !important;
  color: inherit !important;
  background-color: currentColor !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

#compose_bcc a.add.recipient:before,#compose_cc a.add.recipient:before,#compose_followupto a.add.recipient:before,#compose_replyto a.add.recipient:before,#compose_to a.add.recipient:before,.compose-headers .input-group-text.icon.add.recipient:before,.compose-headers a.add.recipient:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%202H8a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.25%22%2F%3E%3Cpath%20d%3D%22M9.5%2016.5c.8-1.2%201.9-1.75%202.5-1.75s1.7.55%202.5%201.75%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%202H8a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.25%22%2F%3E%3Cpath%20d%3D%22M9.5%2016.5c.8-1.2%201.9-1.75%202.5-1.75s1.7.55%202.5%201.75%22%2F%3E%3C%2Fsvg%3E") !important;
}

#compose_to a.icon.add:not(.recipient):before,.compose-headers .input-group-text.icon.add:not(.recipient):before,.compose-headers a.icon.add:not(.recipient):before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E") !important;
}

#compose_from a.icon.edit:before,.compose-headers .input-group-text.icon.edit:before,.compose-headers a.icon.edit:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020h9M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020h9M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E") !important;
}

.compose-headers .input-group-text.icon.delete:before,.compose-headers a.icon.delete:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6M9%206V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6M9%206V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2%22%2F%3E%3C%2Fsvg%3E") !important;
}

#composebodycontainer>.editor-toolbar,.html-editor>.editor-toolbar,body.action-compose .editor-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .35rem !important;
  box-sizing: border-box !important;
  min-height: 2.75rem !important;
  padding: .35rem .5rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--muted) 22%, transparent) !important;
  background: transparent !important;
}

#composebodycontainer>.editor-toolbar a.html,.html-editor>.editor-toolbar a.html,body.action-compose .editor-toolbar a.button.html,body.action-compose .editor-toolbar a.html {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .4rem !important;
  float: none !important;
  width: auto !important;
  min-width: 2.5rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  max-height: 2rem !important;
  margin: 0 !important;
  padding: 0 .85rem !important;
  border: 0 !important;
  border-radius: .75rem !important;
  background: var(--surface-3) !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
  font-size: .8125rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.html-editor>.editor-toolbar a.html:hover,body.action-compose .editor-toolbar a.html:hover {
  background: var(--surface-pressed) !important;
  color: var(--ink) !important;
}

#composebodycontainer>.editor-toolbar a.html:before,.editor-toolbar a.button.html:before,.html-editor .editor-toolbar .mce-i-html:before,.html-editor>.editor-toolbar a.html:before,body.action-compose .editor-toolbar a.html:before {
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  float: none !important;
  width: 1.05rem !important;
  height: 1.05rem !important;
  min-width: 1.05rem !important;
  min-height: 1.05rem !important;
  margin: 0 !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%228.5%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m21%2015-5-5L5%2021%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%228.5%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m21%2015-5-5L5%2021%22%2F%3E%3C%2Fsvg%3E") !important;
}

.html-editor>.editor-toolbar a.html .inner,body.action-compose .editor-toolbar a.html .inner {
  display: inline !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  white-space: nowrap !important;
}

.tox .tox-statusbar,.tox .tox-statusbar__branding,.tox .tox-statusbar__help,.tox .tox-statusbar__path,.tox .tox-statusbar__resize-handle,.tox .tox-statusbar__resize-handle svg,.tox .tox-statusbar__text-container,.tox .tox-statusbar__wordcount,.tox-tinymce .tox-statusbar,body .tox .tox-statusbar__resize-handle,body.action-compose .tox .tox-statusbar,body.action-compose .tox-tinymce .tox-statusbar,div.tox .tox-statusbar,div.tox .tox-statusbar__resize-handle {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  position: absolute !important;
  left: -9999px !important;
  clip: rect(0, 0, 0, 0) !important;
}

.tox .tox-edit-area::-webkit-resizer,.tox .tox-edit-area__iframe::-webkit-resizer,.tox-tinymce::-webkit-resizer,body.action-compose #composebodycontainer::-webkit-resizer,body.action-compose .html-editor::-webkit-resizer,body.action-compose .tox .tox-edit-area::-webkit-resizer,body.action-compose .tox-tinymce::-webkit-resizer,body.action-compose textarea#composebody::-webkit-resizer {
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

.tox .tox-statusbar svg,.tox .tox-statusbar__resize-handle svg,.tox-tinymce .tox-statusbar svg {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  fill: transparent !important;
}

.tox .tox-sidebar-wrap {
  box-sizing: border-box !important;
  padding: 0 .65rem .65rem !important;
  background: var(--surface-1) !important;
  background-color: var(--surface-1) !important;
}

.tox .tox-edit-area,.tox .tox-edit-area__iframe,body.action-compose #composebodycontainer.html-editor>textarea,body.action-compose .tox .tox-edit-area,body.action-compose .tox .tox-edit-area__iframe,body.action-compose iframe#composebody,body.action-compose textarea#composebody {
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
}

body.action-compose #composebodycontainer.html-editor:not(:has(.tox-tinymce)),body.action-compose .html-editor:not(:has(.tox-tinymce)) {
  box-sizing: border-box !important;
  padding: 0 .65rem .65rem !important;
  background: var(--surface-1) !important;
  background-color: var(--surface-1) !important;
}

.tox .tox-edit-area,.tox .tox-edit-area__iframe,.tox-tinymce,body.action-compose #composebodycontainer,body.action-compose #composebodycontainer .tox-tinymce,body.action-compose #composebodycontainer.html-editor,body.action-compose #composebodycontainer.html-editor>textarea,body.action-compose .html-editor,body.action-compose .html-editor>textarea,body.action-compose .tox .tox-editor-container,body.action-compose .tox .tox-sidebar-wrap,body.action-compose .tox-tinymce,body.action-compose iframe#composebody,body.action-compose textarea#composebody {
  resize: none !important;
}

body.action-compose #composebodycontainer.html-editor:after,body.action-compose #composebodycontainer:after,body.action-compose .html-editor:after,body.action-compose .html-editor:not(:has(.tox-tinymce)):after,body.action-compose .tox .tox-edit-area:after,body.action-compose .tox-tinymce:after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.tox-tinymce,body.action-compose #composebodycontainer,body.action-compose #composebodycontainer .tox-tinymce,body.action-compose .html-editor,body.action-compose .tox-tinymce {
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  border: 0 !important;
}

body.action-compose #composebodycontainer.html-editor:not(:has(.tox-tinymce)),body.action-compose .html-editor:not(:has(.tox-tinymce)) {
  overflow: auto !important;
}

.tox .tox-editor-header,body.action-compose .tox .tox-editor-header {
  border-radius: var(--radius-control) var(--radius-control) 0 0 !important;
}

.tox .tox-edit-area,body.action-compose .tox .tox-edit-area {
  overflow: hidden !important;
  border-radius: var(--radius-control) !important;
}

.tox .tox-edit-area__iframe,body.action-compose .tox .tox-edit-area__iframe {
  border-radius: 0 !important;
}

#compose-content .formbuttons a.button.extwin,#compose-content .formbuttons a.extwin,.formbuttons a.button.icon.extwin,.formbuttons a.extwin.btn {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .5rem !important;
  width: auto !important;
  min-height: var(--control-height) !important;
  height: auto !important;
  padding: .5rem 1rem !important;
  font-size: .875rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

#compose-content .formbuttons a.button.extwin:before,#compose-content .formbuttons a.extwin:before,.formbuttons a.button.icon.extwin:before,.formbuttons a.extwin.btn:before {
  display: block !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

#compose-content .formbuttons a.button.extwin .inner,#compose-content .formbuttons a.extwin .inner,.formbuttons a.button.icon.extwin .inner,.formbuttons a.extwin.btn .inner {
  display: inline !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  white-space: nowrap !important;
}

html:not(.layout-phone) #layout-menu:not(.hidden) {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  background: var(--surface-1) !important;
  border-radius: var(--radius-control) !important;
  color: var(--ink) !important;
  overflow: hidden;
  min-width: 5rem !important;
  width: 5rem !important;
  max-width: 5rem !important;
  flex: 0 0 5rem !important;
}

#layout-menu>.popover-header {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

#layout-menu #logo,#layout-menu>.popover-header #logo {
  display: none !important;
}

html.layout-phone #layout-menu>.popover-header {
  display: flex !important;
  height: auto !important;
  min-height: 3.25rem !important;
  align-items: center;
  justify-content: flex-end;
  padding: 0 .5rem !important;
  overflow: visible !important;
  background: var(--surface-1) !important;
}

html.layout-phone #layout-menu>.popover-header #logo {
  display: none !important;
}

#taskmenu {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
}

html:not(.layout-phone) #taskmenu {
  padding: .375rem 0 11rem; 
}

#taskmenu .action-buttons,#taskmenu .special-buttons,#taskmenu>a {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

#taskmenu .action-buttons {
  flex: 0 0 auto;
}

#taskmenu .action,#taskmenu .action-buttons a,#taskmenu .button,#taskmenu .special-buttons a,#taskmenu a {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: center !important;
  gap: .25rem;
  box-sizing: border-box !important;
  width: calc(100% - .75rem) !important;
  max-width: calc(100% - .75rem) !important;
  min-width: 0 !important;
  min-height: 3.25rem;
  height: auto !important;
  margin: .125rem .375rem !important;
  padding: .5rem .2rem !important;
  float: none !important;
  color: var(--muted) !important;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
  line-height: 1.15 !important;
  text-align: center;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

#taskmenu .action:before,#taskmenu .button:before,#taskmenu a:before {
  content: "" !important;
  float: none !important;
  display: block !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin: 0 auto !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  color: inherit !important;
  background-color: currentColor !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%201%201-2.83%202.83l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-4%200v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%201%201-2.83-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.9%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201%200-4h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%201%201%202.83-2.83l.06.06a1.65%201.65%200%200%200%201.9.33%201.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%204%200v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%201%201%202.83%202.83l-.06.06A1.65%201.65%200%200%200%2019.4%209a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%200%204h-.09a1.65%201.65%200%200%200-1.51%201%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%201%201-2.83%202.83l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-4%200v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%201%201-2.83-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.9%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201%200-4h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%201%201%202.83-2.83l.06.06a1.65%201.65%200%200%200%201.9.33%201.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%204%200v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%201%201%202.83%202.83l-.06.06A1.65%201.65%200%200%200%2019.4%209a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%200%204h-.09a1.65%201.65%200%200%200-1.51%201%22%2F%3E%3C%2Fsvg%3E");
}

#taskmenu .button .inner,#taskmenu a .inner,#taskmenu a span.inner {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
}

#taskmenu .button:focus,#taskmenu .button:hover,#taskmenu a:focus,#taskmenu a:focus-visible,#taskmenu a:hover {
  color: var(--ink) !important;
  background: var(--surface-2) !important;
  outline: none !important;
  box-shadow: none !important;
}

#taskmenu .button.selected,#taskmenu .button.selected:hover,#taskmenu a.selected,#taskmenu a.selected:hover {
  color: var(--ink) !important;
  background: var(--surface-2) !important;
}

#taskmenu a.logout,#taskmenu a.logout:before,#taskmenu a.logout:hover {
  color: var(--danger) !important;
}

#taskmenu a.logout:hover {
  background: color-mix(in srgb, var(--danger) 16%, var(--surface-1)) !important;
}

#taskmenu .action-buttons a,#taskmenu .action-buttons a:link,#taskmenu .action-buttons a:visited,#taskmenu a.compose,#taskmenu a.compose:link,#taskmenu a.compose:visited {
  color: var(--muted) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#taskmenu .action-buttons a.selected,#taskmenu .action-buttons a.selected:hover,#taskmenu .action-buttons a:hover,#taskmenu a.compose.selected,#taskmenu a.compose.selected:hover,#taskmenu a.compose:hover {
  color: var(--ink) !important;
  background: var(--surface-2) !important;
}

html:not(.layout-phone) #taskmenu .special-buttons {
  position: absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
  padding: .25rem 0 .375rem !important;
  background: var(--surface-1) !important;
  box-shadow: none !important;
  border: 0 !important;
}

.floating-action-buttons a.button {
  background: var(--primary) !important;
  color: var(--on-primary) !important;
  box-shadow: none !important;
}

html.layout-phone #layout-menu,html.layout-phone #layout-menu.popover,html.layout-phone #layout-menu:not(.hidden) {
  min-width: 0 !important;
  width: calc(min(22.5rem, 85vw)) !important;
  max-width: calc(min(22.5rem, 85vw)) !important;
  flex: none !important;
  border-radius: 0 !important;
}

html.layout-phone #taskmenu {
  height: auto;
  padding: .25rem 0 .5rem;
  overflow: auto;
}

html.layout-phone #taskmenu .action-buttons,html.layout-phone #taskmenu .special-buttons,html.layout-phone #taskmenu>a {
  width: 100% !important;
  max-width: none !important;
}

html.layout-phone #taskmenu .action-buttons a,html.layout-phone #taskmenu .button,html.layout-phone #taskmenu .special-buttons a,html.layout-phone #taskmenu a {
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  align-self: stretch !important;
  gap: .75rem;
  width: auto !important;
  max-width: none !important;
  min-height: 3.25rem !important;
  height: auto !important;
  margin: .125rem .5rem !important;
  padding: .35rem .75rem !important;
}

#layout>div>.header .header-title,html.layout-phone #taskmenu .button:before,html.layout-phone #taskmenu a:before {
  margin: 0 !important;
}

html.layout-phone #taskmenu .button .inner,html.layout-phone #taskmenu a .inner,html.layout-phone #taskmenu a span.inner {
  display: block !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

html.layout-phone #taskmenu .special-buttons {
  position: static !important;
  padding: .5rem 0 !important;
}

#layout-content>.header,#layout-list>.header,#layout-sidebar>.header,#messagetoolbar,.footer,.header {
  background: transparent !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  font-family: var(--font) !important;
}

.header .header-title,.header .username,.header h2 {
  color: var(--ink) !important;
  font-weight: 700;
  letter-spacing: -.01em;
}

#layout-content>.header,#layout-list>.header,#layout-sidebar>.header,#layout>div>.header,#messagelist-header,.footer {
  box-shadow: none !important;
  border: 0 !important;
}

#layout-content>.header,#layout-list>.header,#layout-sidebar>.header,#layout>div>.header,#messagelist-header {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem;
  box-sizing: border-box !important;
  height: 3.5rem !important;
  min-height: 3.5rem !important;
  max-height: 3.5rem !important;
  line-height: 0 !important;
  padding: 0 .75rem !important;
  overflow: visible !important;
}

#layout-content>.header>.header-title,#layout-list>.header>.header-title,#layout-sidebar>.header>.header-title,#layout>div>.header>.header-title,#messagelist-header>.header-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  align-self: center !important;
  line-height: 1.2 !important;
  font-size: .875rem !important;
}

#messagetoolbar .button,#messagetoolbar a,.footer a.button,.header a.button,.toolbar .button,.toolbar a {
  color: var(--ink) !important;
  border-radius: var(--radius-control);
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

#messagetoolbar .button:hover,#messagetoolbar a:hover,.header a.button:hover,.toolbar .button:hover,.toolbar a:hover {
  background: var(--surface-pressed) !important;
  color: var(--ink) !important;
}

#messagetoolbar a:before,.header a.button:before,.toolbar a.button:before {
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
}

#addressbooktoolbar,#messagelist-header>.toolbar.menu,#messagetoolbar,.header .toolbar.menu:not(#taskmenu),.header>.menu.toolbar:not(#taskmenu) {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  gap: .25rem;
  height: var(--control-height) !important;
  min-height: var(--control-height) !important;
  max-height: var(--control-height) !important;
  margin: 0 !important;
  float: none !important;
  padding: 0 !important;
  line-height: 0 !important;
}

#addressbooktoolbar a,#layout>div>.header>.menu a,#layout>div>.header>.toolbar a,#layout>div>.header>a,#messagelist-header a.button,#messagelist-header a.icon,#messagelist-header a.refresh,#messagelist-header a.toolbar-button,#messagelist-header>.toolbar a,#messagelist-header>a,#messagetoolbar a,.header .toolbar.menu:not(#taskmenu) a,.header a.button,.header a.icon,.header a.toolbar-button,.header>.menu.toolbar:not(#taskmenu) a,.menu.toolbar:not(#taskmenu) a {
  position: relative !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  height: var(--control-height) !important;
  width: var(--control-height) !important;
  min-width: var(--control-height) !important;
  max-width: var(--control-height) !important;
  min-height: var(--control-height) !important;
  max-height: var(--control-height) !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  line-height: 0 !important;
  font-size: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
  overflow: hidden !important;
}

#addressbooktoolbar a:not(.dropdown):before,#layout>div>.header>.menu a:not(.dropdown):before,#layout>div>.header>.toolbar a:not(.dropdown):before,#layout>div>.header>a:not(.dropdown):before,#messagelist-header a.button:before,#messagelist-header a.icon:before,#messagelist-header a.refresh:before,#messagelist-header a.toolbar-button:before,#messagelist-header>.toolbar a:not(.dropdown):before,#messagelist-header>a:not(.dropdown):before,#messagetoolbar a:not(.dropdown):before,.header .toolbar.menu:not(#taskmenu) a:not(.dropdown):before,.header a.button:not(.dropdown):before,.header a.icon:not(.dropdown):before,.header a.toolbar-button:before,.header>.menu.toolbar:not(#taskmenu) a:not(.dropdown):before,.menu.toolbar:not(#taskmenu) a:not(.dropdown):before {
  content: "" !important;
  display: block !important;
  flex: 0 0 1.25rem !important;
  box-sizing: border-box !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  min-height: 1.25rem !important;
  max-width: 1.25rem !important;
  max-height: 1.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;
  transform: none !important;
  line-height: 0 !important;
  font-size: 0 !important;
  vertical-align: middle !important;
}

#addressbooktoolbar a .inner,#layout>div>.header a .inner,#messagelist-header a .inner,#messagelist-header a.refresh .inner,#messagetoolbar a .inner,.header .toolbar.menu:not(#taskmenu) a .inner,.header a.button .inner,.header a.toolbar-button .inner,.header>.menu.toolbar:not(#taskmenu) a .inner,.menu.toolbar:not(#taskmenu) a .inner,a.toolbar-button .inner,a.toolbar-button span.inner {
  display: none !important;
}

@media screen and (min-width:1201px) {
  #messagelist-header a.refresh,#messagelist-header a.toolbar-button,.header a.toolbar-button,a.toolbar-button {
    line-height: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
  }

  #messagelist-header a.refresh:before,#messagelist-header a.toolbar-button:before,.header a.toolbar-button:before,a.toolbar-button:before {
    float: none !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    line-height: 0 !important;
  }

  #messagelist-header a.refresh span.inner,#messagelist-header a.toolbar-button span.inner,.header a.toolbar-button span.inner,a.button.refresh span.inner,a.toolbar-button span.inner {
    display: none !important;
  }
}

#messagetoolbar .dropbutton,.header .toolbar:not(#taskmenu) .dropbutton,.menu.toolbar:not(#taskmenu) .dropbutton {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  align-self: center !important;
  height: var(--control-height) !important;
  min-height: var(--control-height) !important;
  max-height: var(--control-height) !important;
  border-radius: var(--radius-control);
  overflow: hidden;
  float: none !important;
  line-height: 0 !important;
  vertical-align: middle !important;
  background: transparent !important;
  background-color: transparent !important;
}

#messagetoolbar .dropbutton:focus-within,#messagetoolbar .dropbutton:hover,.header .toolbar:not(#taskmenu) .dropbutton:hover,.menu.toolbar:not(#taskmenu) .dropbutton:focus-within,.menu.toolbar:not(#taskmenu) .dropbutton:hover {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
}

#messagetoolbar .dropbutton:focus-within>a,#messagetoolbar .dropbutton:hover>a,.menu.toolbar:not(#taskmenu) .dropbutton:focus-within>a,.menu.toolbar:not(#taskmenu) .dropbutton:hover>a {
  background: transparent !important;
  background-color: transparent !important;
}

#messagetoolbar .dropbutton a:not(.dropdown),.menu.toolbar:not(#taskmenu) .dropbutton a:not(.dropdown) {
  width: var(--control-height) !important;
  min-width: var(--control-height) !important;
  max-width: var(--control-height) !important;
  height: var(--control-height) !important;
}

#messagetoolbar .dropbutton a.dropdown,.menu.toolbar:not(#taskmenu) .dropbutton a.dropdown {
  width: 1.25rem !important;
  min-width: 1.25rem !important;
  max-width: 1.25rem !important;
  height: var(--control-height) !important;
  padding: 0 !important;
}

#messagetoolbar .dropbutton a.dropdown:before,.menu.toolbar:not(#taskmenu) .dropbutton a.dropdown:before {
  flex: 0 0 .75rem !important;
  width: .75rem !important;
  height: .75rem !important;
  min-width: .75rem !important;
  min-height: .75rem !important;
  max-width: .75rem !important;
  max-height: .75rem !important;
  line-height: 0 !important;
  top: auto !important;
  
  transform: none;
}

#addressbooktoolbar a .inner,#layout>div>.header>.menu.toolbar a .inner,#layout>div>.header>.toolbar.menu a .inner,#messagelist-header a .inner,#messagelist-header a span.inner,#messagetoolbar a .inner,.content-frame-navigation .buttons a .inner,.content-frame-navigation .buttons a span.inner,.content-frame-navigation a .inner,.footer a.refresh .inner,.footer.menu a .inner,.footer.toolbar a .inner,.header a.button .inner,.header a.toolbar-button .inner,.header a.toolbar-button span.inner,.header>.menu.toolbar:not(#taskmenu):not(#toolbar-menu) a .inner,a.button.refresh .inner,a.toolbar-button .inner,a.toolbar-button span.inner {
  display: none !important;
}

.popover:not(#layout-menu) .listing a .inner,.popover:not(#layout-menu) .listing a span.inner,.popupmenu a .inner,.popupmenu a span.inner {
  display: inline !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  overflow: visible !important;
  clip: auto !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.popover .dropbutton>a.dropdown .inner,.popupmenu .dropbutton>a.dropdown .inner {
  display: none !important;
}

.content-frame-navigation,.footer.menu.toolbar.content-frame-navigation {
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem;
  min-height: 3.25rem;
  padding: .35rem .75rem !important;
}

html.layout-phone .content-frame-navigation,html.layout-phone .footer.menu.toolbar.content-frame-navigation,html.layout-small .content-frame-navigation,html.layout-small .footer.menu.toolbar.content-frame-navigation {
  display: flex !important;
}

.content-frame-navigation .buttons,.footer.content-frame-navigation .buttons {
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem;
}

.content-frame-navigation .buttons a,.content-frame-navigation a,.footer a.refresh,a.button.refresh {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: var(--control-height) !important;
  height: var(--control-height) !important;
  min-width: var(--control-height) !important;
  min-height: var(--control-height) !important;
  max-width: var(--control-height) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: 0 !important;
  color: var(--ink) !important;
}

.content-frame-navigation a:hover,.footer a.refresh:hover,a.button.refresh:hover {
  background: var(--surface-pressed) !important;
}

@keyframes wf-tooltip-in {
  0% {
    opacity: 0;
    transform: translateY(-.35rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.wf-hover-tip {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000;
  box-sizing: border-box;
  
  width: max-content;
  max-width: calc(min(22rem, 100vw - 1.25rem));
  padding: .5rem .75rem;
  border-radius: .75rem;
  background: var(--primary);
  color: var(--on-primary);
  font-family: var(--font);
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  overflow-wrap: break-word;
  pointer-events: none;
  box-shadow: var(--elevation-dropdown);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-.35rem);
  transition: opacity .16s var(--ease-mobile-spring), transform .16s var(--ease-mobile-spring),
    visibility 0s linear .16s;
}

.wf-hover-tip.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
  animation: wf-tooltip-in .18s var(--ease-mobile-spring) both;
}

@media(prefers-reduced-motion:reduce) {
  .wf-hover-tip,.wf-hover-tip.is-visible {
    transition: none;
    animation: none;
  }
}

#addressbooktoolbar a[data-wf-tip]:after,#layout-sidebar a.more[data-wf-tip]:after,#message-header a[data-wf-tip]:after,#messagetoolbar a[data-wf-tip]:after,.boxtitle a[data-wf-tip]:after,.content-frame-navigation a[data-wf-tip]:after,.header a[data-wf-tip]:after,.header-links a[data-wf-tip]:after,.menu.toolbar a[data-wf-tip]:after,.messagelist td.flags a:after,.messagelist td.flags span:after,.pagenav a[data-wf-tip]:after,.searchbar a[data-wf-tip]:after,[data-wf-tip]:after {
  content: none !important;
  display: none !important;
}

.bs-tooltip-auto,.bs-tooltip-bottom,.bs-tooltip-end,.bs-tooltip-start,.bs-tooltip-top,.tooltip.show,.tooltip[role=tooltip],.ui-tooltip,.ui-tooltip.ui-widget,.ui-widget.ui-tooltip,div.ui-tooltip {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#taskmenu .button .inner,#taskmenu a .inner,#taskmenu a span.inner {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: auto !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  border: 0 !important;
  font-size: .625rem !important;
  font-weight: 700;
  line-height: 1.2 !important;
  color: inherit !important;
}

.searchbar {
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: .5rem !important;
  min-height: var(--control-height);
  height: auto !important;
  margin: .625rem !important;
  width: calc(100% - 1.25rem) !important;
  max-width: calc(100% - 1.25rem) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  font-family: var(--font) !important;
  color: var(--ink) !important;
  line-height: normal !important;
}

.searchbar,.searchbar form {
  display: flex !important;
  box-sizing: border-box;
  box-shadow: none !important;
}

.searchbar form {
  position: relative;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  height: var(--control-height) !important;
  min-height: var(--control-height) !important;
  margin: 0 !important;
  padding: 0 .75rem 0 2.25rem !important;
  background: var(--surface-1) !important;
  border: 2px solid var(--border-strong) !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: var(--border-strong) !important;
  border-radius: var(--radius-control) !important;
  transition: background-color .18s var(--ease-mobile-spring), border-color .18s var(--ease-mobile-spring);
}

.searchbar form:before {
  content: "" !important;
  position: absolute !important;
  left: .625rem !important;
  top: 50% !important;
  transform: translateY(-50%);
  display: block !important;
  flex-shrink: 0;
  width: .875rem !important;
  height: .875rem !important;
  margin: 0 !important;
  color: var(--subtle) !important;
  background-color: currentColor !important;
  background-image: none !important;
  line-height: 1 !important;
  pointer-events: none;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m21%2021-4.35-4.35%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m21%2021-4.35-4.35%22%2F%3E%3C%2Fsvg%3E");
}

.searchbar input,.searchbar input[type=text] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
  font-size: .8125rem !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
  box-shadow: none !important;
  outline: none !important;
  min-width: 0;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  caret-color: var(--ink);
  line-height: 1.25 !important;
}

.searchbar input::-webkit-input-placeholder,.searchbar input::placeholder {
  color: var(--muted) !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--muted) !important;
}

.searchbar input:focus {
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.searchbar form:hover {
  background: var(--surface-pressed) !important;
  border-color: color-mix(in srgb, var(--ink) 30%, transparent) !important;
}

.searchbar form:focus-within,.searchbar:focus-within form {
  background: var(--surface-1) !important;
  border-color: color-mix(in srgb, var(--ink) 30%, transparent) !important;
}

.searchbar>a,.searchbar>a.button {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--control-height) !important;
  height: var(--control-height) !important;
  min-width: var(--control-height) !important;
  min-height: var(--control-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--muted) !important;
  background: var(--surface-1) !important;
  border: 2px solid var(--border-strong) !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: var(--border-strong) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
  transition: background-color .18s var(--ease-mobile-spring), border-color .18s var(--ease-mobile-spring);
}

.searchbar>a.button:before,.searchbar>a:before {
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
  margin: 0 !important;
  float: none !important;
}

.searchbar>a .inner,.searchbar>a.reset,.searchbar>a.search {
  display: none !important;
}

.searchbar>a:focus,.searchbar>a:hover {
  color: var(--ink) !important;
  background: var(--surface-pressed) !important;
  border-color: color-mix(in srgb, var(--ink) 30%, transparent) !important;
  outline: none !important;
  box-shadow: none !important;
}

.searchbar>a.selected {
  color: var(--ink) !important;
  background: var(--brand-soft) !important;
  border-color: transparent !important;
}

.searchbar.active>a.reset {
  display: inline-flex !important;
}

.searchbar a.dropdown:before,.searchbar a.options:before {
  transition: transform .22s var(--ease-mobile-spring);
  transform: rotate(0deg);
}

.searchbar.open a.dropdown:before,.searchbar.open a.options:before {
  transform: rotate(180deg);
}

#messagetoolbar a:focus,#messagetoolbar a:focus-visible,.footer a:focus,.footer a:focus-visible,.header a.button:focus,.header a.button:focus-visible,.toolbar a:focus,.toolbar a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

#layout-content.hidden,#layout-list.hidden,#layout-menu.hidden,#layout-sidebar.hidden,#messagetoolbar a.hidden,.footer a.hidden,.header a.button.hidden,.header a.hidden,.hidden,.popover.hidden,.popupmenu.hidden,.toolbar a.hidden {
  display: none !important;
}

#recipient-dialog.ui-dialog-content,.tox .tox-dialog,.tox .tox-dialog__body,.tox .tox-dialog__body-content,.ui-dialog .ui-dialog-content,.ui-dialog .ui-dialog-content.hidden,.ui-dialog-content.popup,.ui-dialog-content.popupmenu,.ui-dialog-content.ui-widget-content {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.ui-dialog .ui-dialog-content.popup,.ui-dialog .ui-dialog-content:has(>#recipient-dialog),.ui-dialog .ui-dialog-content:has(>.listbox),.ui-dialog .ui-dialog-content:has(>.popupmenu) {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.ui-dialog .ui-dialog-content {
  box-sizing: border-box !important;
  padding: .5rem 1.25rem .85rem !important;
}

#recipient-dialog.ui-dialog-content,.ui-dialog .ui-dialog-content.popupmenu,.ui-dialog .ui-dialog-content:has(>#recipient-dialog),.ui-dialog .ui-dialog-content:has(>.listbox),.ui-dialog .ui-dialog-content:has(>.popupmenu) {
  padding: 0 !important;
}

.ui-dialog .ui-dialog-content .listbox.hidden,.ui-dialog .ui-dialog-content .scroller.hidden,.ui-dialog .ui-dialog-content>#recipient-dialog.hidden,.ui-dialog .ui-dialog-content>.hidden,.ui-dialog .ui-dialog-content>.popupmenu.hidden,.ui-dialog .ui-dialog-content>[class].hidden {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: auto !important;
}

.ui-dialog .ui-dialog-content iframe {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  min-height: 12rem !important;
  border: 0 !important;
}

html.layout-large #messagetoolbar a.hidden-big,html.layout-large .header a.hidden-big,html.layout-large .hidden-big,html.layout-large .toolbar a.hidden-big,html.layout-normal #messagetoolbar a.hidden-big,html.layout-normal .header a.hidden-big,html.layout-normal .hidden-big,html.layout-normal .toolbar a.hidden-big {
  display: none !important;
}

@media screen and (min-width:481px) {
  .header a.button.task-menu-button,.header a.task-menu-button,a.task-menu-button {
    display: none !important;
  }
}

@media screen and (min-width:769px) {
  #layout-content>.header>.header-title:not(.all-sizes),.floating-action-buttons,.header a.button.toolbar-menu-button,.header a.toolbar-menu-button,a.toolbar-menu-button {
    display: none !important;
  }
}

@media screen and (min-width:1201px) {
  .header a.back-list-button,.header a.back-sidebar-button,.header a.button.back-list-button,.header a.button.back-sidebar-button,.header a.button.toolbar-list-button,a.back-list-button,a.back-sidebar-button,a.toolbar-list-button {
    display: none !important;
  }
}

#layout-sidebar.hidden~#layout-content #messagetoolbar a.options,#layout-sidebar.hidden~#layout-content a.options,html.layout-large #layout-sidebar.hidden~#layout-list a.back-sidebar-button,html.layout-large #layout-sidebar.hidden~#layout-list a.folders,html.layout-normal #layout-sidebar.hidden~#layout-list a.back-sidebar-button,html.layout-normal #layout-sidebar.hidden~#layout-list a.folders {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

html.layout-phone #layout-menu>.popover-header a.button,html.layout-phone #layout-menu>.popover-header a.cancel {
  display: inline-flex !important;
}

.folderlist,.iconized,.listing,.messagelist,table.listing,ul.listing {
  background: var(--surface-1) !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
}

.folderlist li a,.listing li,.listing li a,.listing tbody td,.messagelist tbody td,ul.listing li {
  border: 0 !important;
  border-bottom: 0 !important;
  border-color: transparent !important;
  color: var(--ink) !important;
}

html:not(.touch) .listing li>a,html:not(.touch) .listing tbody tr>td:first-child,html:not(.touch) .listing:not(.withselection) tbody tr>td.selection+td {
  border-left: 0 !important;
}

.folderlist li.selected>a,.folderlist li.selected>div>a,.listing li.selected>a,.listing tbody tr.selected td,html:not(.touch) .listing li>a:focus,html:not(.touch) .listing.focus tbody tr.focused>td:first-child,ul.treelist li.selected>a,ul.treelist li.selected>div>a {
  border-left: 0 !important;
  color: var(--ink) !important;
  background: var(--brand-soft) !important;
  border-radius: var(--radius-control) !important;
}

.listing.messagelist tbody tr.selected td,.messagelist tbody tr.selected td {
  border-radius: 0 !important;
}

.popover.select-menu .listing li a.selected,.popover.select-menu .listing li.selected>a,.select-menu .listing li a.selected,.select-menu .listing li.selected>a,body>.popover.select-menu .listing li a.selected,body>.popover.select-menu .listing li.selected>a,body>.select-menu .listing li a.selected,body>.select-menu .listing li.selected>a {
  border-radius: 0 !important;
  margin: 0 !important;
}

#mailboxlist li.selected,.folderlist li.selected,.listing li.selected,ul.treelist li.selected {
  background: transparent !important;
}

#mailboxlist li,#mailboxlist li.focused,#mailboxlist li:hover,.folderlist li,.folderlist li.focused,.folderlist li:hover,ul.treelist li,ul.treelist li:hover {
  background: transparent !important;
  box-shadow: none !important;
}

.messagelist tbody tr.focused td,.messagelist tbody tr:active td,.messagelist tbody tr:hover td {
  background: var(--surface-2) !important;
  color: var(--ink) !important;
}

.listing.messagelist tbody tr.selected td,.messagelist tbody tr.selected td,.messagelist tbody tr.selected:hover td {
  background: var(--brand-soft) !important;
  color: var(--ink) !important;
}

#layout-list .listing.iconized li>a,#layout-sidebar .listing.iconized li>a,#mailboxlist li>a,#mailboxlist li>div>a,#settings-menu li>a,.folderlist li>a,.folderlist li>div>a,.listing.iconized li>a,ul.treelist li>a,ul.treelist li>div>a {
  display: flex !important;
  align-items: center;
  box-sizing: border-box !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: var(--list-gutter-y) var(--list-gutter-x) !important;
  padding: .45rem .5rem .45rem .65rem !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
}

#layout-sidebar .listing.iconized li>a:hover,#mailboxlist li>a:hover,#mailboxlist li>div>a:hover,#settings-menu li>a:hover,.folderlist li>a:hover,.folderlist li>div>a:hover,.listing.iconized li>a:hover,ul.treelist li>a:hover,ul.treelist li>div>a:hover {
  background: var(--surface-2) !important;
  color: var(--ink) !important;
  border-radius: var(--radius-control) !important;
}

#settings-menu li.selected>a,.folderlist li.selected>a,.folderlist li.selected>div>a,.listing li.selected>a,.listing tbody tr.selected td,.listing.iconized li.selected>a,ul.treelist li.selected>a,ul.treelist li.selected>div>a {
  background: var(--brand-soft) !important;
  color: var(--ink) !important;
  border-radius: var(--radius-control) !important;
}

.listing.messagelist tbody tr.selected td,.messagelist tbody tr.selected td {
  background: var(--brand-soft) !important;
  color: var(--ink) !important;
}

.popover.select-menu .listing li a.selected,.popover.select-menu .listing li.selected>a,.select-menu .listing li a.selected,.select-menu .listing li.selected>a,body>.select-menu .listing li a.selected,body>.select-menu .listing li.selected>a {
  border-radius: 0 !important;
  margin: 0 !important;
}

#mailboxlist li.selected>a:hover,#mailboxlist li.selected>div>a:hover,.folderlist li.selected>a:hover,.folderlist li.selected>div>a:hover,.listing li.selected>a:hover,ul.treelist li.selected>a:hover {
  background: var(--brand-soft) !important;
  color: var(--ink) !important;
  border-radius: var(--radius-control) !important;
}

.listing.iconized li>a {
  display: flex !important;
  align-items: center;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: var(--list-gutter-y) var(--list-gutter-x) !important;
  padding: .45rem .5rem .45rem .65rem !important;
  border-radius: var(--radius-control) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
}

#settings-menu,#settings-menu.listing {
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

#settings-menu li,#settings-menu li.focused,#settings-menu li.selected,#settings-menu li:hover {
  background: transparent !important;
  box-shadow: none !important;
}

#settings-menu li>a,#settings-menu.listing li>a {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: var(--list-gutter-y) var(--list-gutter-x) !important;
  padding: .45rem .5rem .45rem .65rem !important;
  border-radius: var(--radius-control) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
}

#settings-menu li>a:hover {
  background: var(--surface-2) !important;
  color: var(--ink) !important;
  border-radius: var(--radius-control) !important;
}

#settings-menu li.selected>a,#settings-menu li.selected>a:hover {
  background: var(--brand-soft) !important;
  color: var(--ink) !important;
  border-radius: var(--radius-control) !important;
}

#layout-list .boxtitle,#layout-sidebar .boxtitle,.boxtitle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .35rem;
  box-sizing: border-box !important;
  min-height: 2.5rem;
  padding: .25rem .5rem !important;
  overflow: visible !important;
  line-height: 1.2 !important;
}

#layout-list .boxtitle a.button,#layout-sidebar .boxtitle a.button,#layout-sidebar .boxtitle a.icon,#layout-sidebar a.button.more,#layout-sidebar a.icon.more,#layout-sidebar a.more,.boxtitle a.button,.boxtitle a.icon {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  max-width: 2rem !important;
  max-height: 2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  border-radius: var(--radius-control) !important;
  
  overflow: visible !important;
  background: transparent !important;
}

#layout-sidebar .boxtitle a.button:hover,#layout-sidebar .boxtitle a.icon:hover,#layout-sidebar a.button.more:hover,#layout-sidebar a.icon.more:hover,#layout-sidebar a.more:hover,.boxtitle a.button:hover,.boxtitle a.icon:hover {
  background: var(--surface-pressed) !important;
  color: var(--ink) !important;
}

#layout-sidebar .boxtitle a:before,#layout-sidebar a.button.more:before,#layout-sidebar a.icon.more:before,#layout-sidebar a.more:before,.boxtitle a.button:before,.boxtitle a.icon:before {
  margin: 0 !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  min-width: 1.125rem !important;
  min-height: 1.125rem !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  float: none !important;
  transform: none !important;
}

#layout-sidebar a.more .inner,.boxtitle a .inner {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

.listing.iconized tr>td.section {
  display: flex !important;
  align-items: center;
}

#layout-content table.listing.iconized,#layout-list table.listing,#layout-sidebar table.listing,#sections-table,table.listing.iconized {
  width: calc(100% - (var(--list-gutter-x) * 2)) !important;
  max-width: calc(100% - (var(--list-gutter-x) * 2)) !important;
  margin: var(--list-gutter-y) var(--list-gutter-x) !important;
  border-collapse: separate !important;
  border-spacing: 0 var(--list-gutter-y) !important;
  box-sizing: border-box !important;
}

#layout-content table.listing.iconized tbody tr>td,#layout-list table.listing:not(.messagelist) tbody tr>td,#layout-sidebar table.listing tbody tr>td,#sections-table tbody tr>td,table.listing.iconized tbody tr>td,table.listing.iconized tbody tr>td.section {
  border-radius: var(--radius-control) !important;
  background-clip: padding-box !important;
  background: transparent !important;
}

#layout-content table.listing.iconized tbody tr:hover>td,#layout-list table.listing:not(.messagelist) tbody tr:hover>td,#layout-sidebar table.listing tbody tr:hover>td,#sections-table tbody tr:hover>td,table.listing.iconized tbody tr:hover>td {
  background: var(--surface-2) !important;
  color: var(--ink) !important;
  border-radius: var(--radius-control) !important;
}

#layout-content table.listing.iconized tbody tr.selected>td,#layout-list table.listing:not(.messagelist) tbody tr.selected:hover>td,#layout-list table.listing:not(.messagelist) tbody tr.selected>td,#layout-sidebar table.listing tbody tr.selected:hover>td,#layout-sidebar table.listing tbody tr.selected>td,#sections-table tbody tr.selected:hover>td,#sections-table tbody tr.selected>td,table.listing.iconized tbody tr.selected:hover>td,table.listing.iconized tbody tr.selected>td {
  background: var(--brand-soft) !important;
  color: var(--ink) !important;
  border-radius: var(--radius-control) !important;
}

#identities-table tbody tr>td.mail,#layout-list #identities-table tbody tr>td,#responses-table tbody tr>td.name {
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  min-height: var(--control-height, 2.5rem) !important;
  padding: .45rem .65rem !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
}

#layout-list table.messagelist,table.messagelist {
  width: calc(100% - (var(--list-gutter-x) * 2)) !important;
  max-width: calc(100% - (var(--list-gutter-x) * 2)) !important;
  margin: var(--list-gutter-y) var(--list-gutter-x) !important;
  border-collapse: separate !important;
  border-spacing: 0 var(--list-gutter-y) !important;
  box-sizing: border-box !important;
}

#layout-list table.messagelist tbody td,.listing.messagelist tbody tr.selected td,.messagelist tbody tr.focused td,.messagelist tbody tr.selected td,.messagelist tbody tr:active td,.messagelist tbody tr:hover td,table.messagelist tbody td {
  border-radius: 0 !important;
  background-clip: padding-box !important;
}

#layout-list table.messagelist tbody tr>td:first-child,.messagelist tbody tr.focused>td:first-child,.messagelist tbody tr.selected>td.selection,.messagelist tbody tr.selected>td:first-child,.messagelist tbody tr:active>td:first-child,.messagelist tbody tr:hover>td.selection,.messagelist tbody tr:hover>td:first-child,.messagelist:not(.withselection) tbody td.subject,.messagelist:not(.withselection) tbody tr.focused td.subject,.messagelist:not(.withselection) tbody tr.selected td.subject,.messagelist:not(.withselection) tbody tr:active td.subject,.messagelist:not(.withselection) tbody tr:hover td.subject,table.messagelist tbody td.selection,table.messagelist tbody tr>td:first-child {
  border-top-left-radius: var(--radius-control) !important;
  border-bottom-left-radius: var(--radius-control) !important;
}

.messagelist.withselection tbody td.subject {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

#layout-list table.messagelist tbody tr>td:last-child,.messagelist tbody tr.focused>td:last-child,.messagelist tbody tr.selected>td.flags,.messagelist tbody tr.selected>td:last-child,.messagelist tbody tr:active>td:last-child,.messagelist tbody tr:hover>td.flags,.messagelist tbody tr:hover>td:last-child,html.layout-phone .messagelist tbody td.flags,html.layout-phone .messagelist tbody tr.selected td.flags,html.layout-phone .messagelist tbody tr:hover td.flags,html.layout-small .messagelist tbody td.flags,html.layout-small .messagelist tbody tr.selected td.flags,html.layout-small .messagelist tbody tr:hover td.flags,html.touch .messagelist tbody td.flags,html.touch .messagelist tbody tr.selected td.flags,html.touch .messagelist tbody tr:hover td.flags,table.messagelist tbody tr>td:last-child {
  border-top-right-radius: var(--radius-control) !important;
  border-bottom-right-radius: var(--radius-control) !important;
}

table.messagelist tbody td.flags {
  vertical-align: middle !important;
  text-align: center !important;
  padding-left: .25rem !important;
  padding-right: .5rem !important;
}

table.messagelist tbody td.flags>a,table.messagelist tbody td.flags>span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  margin: 0 auto !important;
  vertical-align: middle !important;
}

.messagelist td.flags a.flagged:before,.messagelist td.flags a.unflagged:before,.messagelist td.flags span.flagged:before,.messagelist td.flags span.unflagged:before {
  content: "" !important;
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 !important;
  font-size: 0 !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201zM4%2022v-7%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201zM4%2022v-7%22%2F%3E%3C%2Fsvg%3E");
}

.messagelist td.flags span.attachment:empty:before,.messagelist td.flags span.attachment:not(:has(span)):before,.messagelist td.flags span.attachment>span:empty:before {
  display: none !important;
  content: none !important;
}

.messagelist td.flags span.attachment>span:before {
  content: "" !important;
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 !important;
  font-size: 0 !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m21.44%2011.05-9.19%209.19a6%206%200%200%201-8.49-8.49l9.19-9.19a4%204%200%200%201%205.66%205.66l-9.2%209.19a2%202%200%200%201-2.83-2.83l8.49-8.48%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m21.44%2011.05-9.19%209.19a6%206%200%200%201-8.49-8.49l9.19-9.19a4%204%200%200%201%205.66%205.66l-9.2%209.19a2%202%200%200%201-2.83-2.83l8.49-8.48%22%2F%3E%3C%2Fsvg%3E");
}

.messagelist td.flags span.attachment:has(>span:empty:not([class])),.messagelist td.flags span.attachment:has(>span[class=""]),.messagelist td.flags span.attachment:not(:has(span)) {
  display: none !important;
}

table.messagelist tbody td.selection {
  vertical-align: middle !important;
  text-align: center !important;
  width: 2.25rem !important;
  padding: 0 .15rem 0 .55rem !important;
}

table.messagelist tbody td.selection input[type=checkbox] {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: .35rem !important;
  background: var(--surface-1) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1.5px var(--muted) !important;
  vertical-align: middle !important;
  cursor: pointer;
}

table.messagelist tbody td.selection input[type=checkbox]:checked {
  background-color: var(--primary) !important;
  box-shadow: none !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  background-size: .7rem !important;
}

.listing.iconized tbody tr.focused,.listing.iconized tbody tr.selected,.listing.iconized tbody tr:hover {
  background: transparent !important;
}

#folderlist-content,#layout-list>.scroller,#layout-sidebar>.scroller {
  padding-top: .625rem;
}

#mailboxlist,.folderlist {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-inline: 0;
}

#contacttabs>.ui-tabs-nav,.formcontent .nav-tabs,.nav-tabs,.ui-dialog .nav,.ui-tabs-nav {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: .25rem;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
  margin: .35rem 0 !important;
  padding: .25rem !important;
  background: var(--surface-2) !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

#contacthead #contactpic,#contactpic,.contactphoto {
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

#contacthead .namefield input,#contacthead .names input,#contacthead input.form-control {
  background: var(--surface-3) !important;
  border-radius: var(--radius-control) !important;
}

#contact-details .form-group,#contacttabs .form-group,#contacttabs .propform .row {
  margin-bottom: .65rem !important;
}

#contact-details .input-group,#contacttabs .input-group,.formcontent .input-group {
  overflow: hidden !important;
}

#contact-details .input-group>input.form-control,#contacttabs .input-group>.form-control:not(div),#contacttabs .input-group>input.form-control {
  height: var(--control-height) !important;
  min-height: var(--control-height) !important;
  align-self: flex-start !important;
}

#contacttabs>.ui-tabs-nav>li,.formcontent .nav-tabs>li,.nav-tabs>li,.ui-tabs-nav>li {
  flex: 1 1 0 !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  top: auto !important;
  position: relative !important;
}

.nav-tabs .nav-link,.nav-tabs>li>a,.ui-dialog .nav a,.ui-dialog .nav>a,.ui-tabs-nav li a,.ui-tabs-tab {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  flex: 1 1 0;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2rem;
  padding: .35rem .75rem !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-family: var(--font) !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  float: none !important;
  box-sizing: border-box !important;
  text-align: center;
}

.nav-tabs .nav-link.active,.nav-tabs>li.active>a,.ui-dialog .nav .active,.ui-dialog .nav a.selected,.ui-tabs-active,.ui-tabs-active>a {
  background: var(--brand-soft) !important;
  color: var(--ink) !important;
  border: 0 !important;
  box-shadow: none !important;
}

#contacttabs>.ui-tabs-nav:has(>li:only-child),.formcontent .nav-tabs:has(>li:only-child),.nav-tabs:has(>li:only-child),.ui-tabs-nav:has(>li:only-child) {
  background: transparent !important;
  padding: .15rem 0 !important;
  margin: .15rem 0 .35rem !important;
  gap: 0 !important;
  pointer-events: none;
}

#contacttabs>.ui-tabs-nav:has(>li:only-child)>li,.formcontent .nav-tabs:has(>li:only-child)>li,.nav-tabs:has(>li:only-child)>li,.ui-tabs-nav:has(>li:only-child)>li {
  flex: 0 1 auto !important;
}

#contacttabs>.ui-tabs-nav:has(>li:only-child)>li>a,.nav-tabs:has(>li:only-child) .nav-link,.nav-tabs:has(>li:only-child) .nav-link.active,.nav-tabs:has(>li:only-child)>li.active>a,.nav-tabs:has(>li:only-child)>li>a,.ui-tabs-nav:has(>li:only-child) .ui-tabs-active,.ui-tabs-nav:has(>li:only-child) .ui-tabs-active>a,.ui-tabs-nav:has(>li:only-child)>li>a {
  justify-content: flex-start !important;
  width: auto !important;
  min-height: 0 !important;
  padding: .15rem 0 !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-weight: 700 !important;
  font-size: .75rem !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: default !important;
}

.folderlist li.unread>a,.listing .unread td,.messagelist tr.unread td {
  font-weight: 700;
  color: var(--ink) !important;
}

.listing .flagged td,.messagelist tr.flagged td {
  color: var(--danger) !important;
}

.folderlist .unreadcount,.messagelist .date,.messagelist .size {
  color: var(--muted) !important;
}

.countdisplay,.folderlist .unreadcount {
  background: var(--primary) !important;
  color: var(--on-primary) !important;
  border-radius: var(--radius-control) !important;
  font-weight: 700;
}

#mailboxlist li a:before,.folderlist li a:before,.listing.iconized.settings-default-icon li>a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%201%201-2.83%202.83l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-4%200v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%201%201-2.83-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.9%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201%200-4h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%201%201%202.83-2.83l.06.06a1.65%201.65%200%200%200%201.9.33%201.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%204%200v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%201%201%202.83%202.83l-.06.06A1.65%201.65%200%200%200%2019.4%209a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%200%204h-.09a1.65%201.65%200%200%200-1.51%201%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%201%201-2.83%202.83l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-4%200v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%201%201-2.83-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.9%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201%200-4h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%201%201%202.83-2.83l.06.06a1.65%201.65%200%200%200%201.9.33%201.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%204%200v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%201%201%202.83%202.83l-.06.06A1.65%201.65%200%200%200%2019.4%209a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%200%204h-.09a1.65%201.65%200%200%200-1.51%201%22%2F%3E%3C%2Fsvg%3E");
}

#directorylist li a:before,#mailboxlist li a:before,#savedsearchlist li a:before,.contactlist li a.addressbook:before,.contactlist li a.contactgroup:before,.contactlist td.contactgroup:before,.folderlist li a:before,.listing.iconized li.addressbook>a:before,.listing.iconized li.contactgroup>a:before,.listing.iconized li>a:before,.listing.iconized tr>td.section:before,.listing.iconized.settings-default-icon li>a:before {
  content: "" !important;
  float: none !important;
  display: inline-block !important;
  align-self: center;
  flex-shrink: 0;
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 .55rem 0 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  color: inherit !important;
  background-color: currentColor !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

#mailboxlist li a:before,.folderlist li a:before,.listing.iconized li.folders>a:before,.listing.iconized tr.folders>td.section:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%207h6l2%202h10v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%207h6l2%202h10v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E");
}

#mailboxlist li.inbox>a:before,.folderlist li.inbox>a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22%2012h-6l-2%203h-4l-2-3H2%22%2F%3E%3Cpath%20d%3D%22M5.45%205.11%202%2012v6a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-6l-3.45-6.89A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22%2012h-6l-2%203h-4l-2-3H2%22%2F%3E%3Cpath%20d%3D%22M5.45%205.11%202%2012v6a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-6l-3.45-6.89A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11%22%2F%3E%3C%2Fsvg%3E");
}

#mailboxlist li.sent a:before,.folderlist li.sent a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22%202%2011%2013M22%202l-7%2020-4-9-9-4z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22%202%2011%2013M22%202l-7%2020-4-9-9-4z%22%2F%3E%3C%2Fsvg%3E");
}

#mailboxlist li.drafts a:before,.folderlist li.drafts a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020h9M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020h9M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E");
}

#mailboxlist li.trash a:before,.folderlist li.trash a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6M9%206V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6M9%206V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2%22%2F%3E%3C%2Fsvg%3E");
}

.listing.iconized li.preferences>a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2021v-7M4%2010V3M12%2021v-9M12%208V3M20%2021v-5M20%2012V3M1%2014h6M9%208h6M17%2016h6%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2021v-7M4%2010V3M12%2021v-9M12%208V3M20%2021v-5M20%2012V3M1%2014h6M9%208h6M17%2016h6%22%2F%3E%3C%2Fsvg%3E");
}

.listing.iconized li.identities>a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M14%2010h6M14%2014h4%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M14%2010h6M14%2014h4%22%2F%3E%3C%2Fsvg%3E");
}

.listing.iconized li.responses>a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H9l-5%204v-4h2a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H9l-5%204v-4h2a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E");
}

.listing.iconized tr.general>td.section:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%223%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%223%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4%22%2F%3E%3C%2Fsvg%3E");
}

.listing.iconized tr.mailbox>td.section:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2220%22%20height%3D%2216%22%20x%3D%222%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2220%22%20height%3D%2216%22%20x%3D%222%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22%2F%3E%3C%2Fsvg%3E");
}

.listing.iconized tr.mailview>td.section:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22%2012h-6l-2%203h-4l-2-3H2%22%2F%3E%3Cpath%20d%3D%22M5.45%205.11%202%2012v6a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-6l-3.45-6.89A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22%2012h-6l-2%203h-4l-2-3H2%22%2F%3E%3Cpath%20d%3D%22M5.45%205.11%202%2012v6a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-6l-3.45-6.89A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11%22%2F%3E%3C%2Fsvg%3E");
}

.listing.iconized tr.compose>td.section:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020h9M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020h9M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E");
}

.listing.iconized tr.addressbook>td.section:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E");
}

.listing.iconized tr.server>td.section:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2220%22%20height%3D%228%22%20x%3D%222%22%20y%3D%222%22%20rx%3D%222%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%228%22%20x%3D%222%22%20y%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%206h.01M6%2018h.01%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2220%22%20height%3D%228%22%20x%3D%222%22%20y%3D%222%22%20rx%3D%222%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%228%22%20x%3D%222%22%20y%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%206h.01M6%2018h.01%22%2F%3E%3C%2Fsvg%3E");
}

.listing.iconized tr.encryption>td.section:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%2F%3E%3C%2Fsvg%3E");
}

#directorylist li.addressbook>a:before,.contactlist li a.addressbook:before,.listing.iconized li.addressbook>a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%202H8a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.25%22%2F%3E%3Cpath%20d%3D%22M9.5%2016.5c.8-1.2%201.9-1.75%202.5-1.75s1.7.55%202.5%201.75%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%202H8a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h8a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.25%22%2F%3E%3Cpath%20d%3D%22M9.5%2016.5c.8-1.2%201.9-1.75%202.5-1.75s1.7.55%202.5%201.75%22%2F%3E%3C%2Fsvg%3E");
}

#directorylist a[href*=collected_recipients]:before,#directorylist a[rel=collected_recipients]:before,#directorylist li.collected>a:before,#directorylist li.collected_recipients>a:before,#directorylist li[id*=collected_recipients]>a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M19%208v6M22%2011h-6%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M19%208v6M22%2011h-6%22%2F%3E%3C%2Fsvg%3E");
}

#directorylist a[href*=collected_senders]:before,#directorylist a[href*=trusted_senders]:before,#directorylist a[rel=trusted_senders]:before,#directorylist li.collected_senders>a:before,#directorylist li.trusted_senders>a:before,#directorylist li[id*=collected_senders]>a:before,#directorylist li[id*=trusted_senders]>a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E");
}

#directorylist>li.addressbook:nth-child(2)>a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M19%208v6M22%2011h-6%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M19%208v6M22%2011h-6%22%2F%3E%3C%2Fsvg%3E");
}

#directorylist>li.addressbook:nth-child(3)>a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E");
}

#directorylist li.contactgroup>a:before,.contactlist li a.contactgroup:before,.contactlist td.contactgroup:before,.listing.iconized li.contactgroup>a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%207a4%204%200%201%200%208%200%204%204%200%201%200-8%200M3%2021v-2a4%204%200%200%201%204-4h4a4%204%200%200%201%204%204v2M16%203.13a4%204%200%200%201%200%207.75M21%2021v-2a4%204%200%200%200-3-3.85%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%207a4%204%200%201%200%208%200%204%204%200%201%200-8%200M3%2021v-2a4%204%200%200%201%204-4h4a4%204%200%200%201%204%204v2M16%203.13a4%204%200%200%201%200%207.75M21%2021v-2a4%204%200%200%200-3-3.85%22%2F%3E%3C%2Fsvg%3E");
}

#savedsearchlist li a:before,#savedsearchlist li.search>a:before,.listing.iconized li.search>a:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22m21%2021-4.35-4.35%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22m21%2021-4.35-4.35%22%2F%3E%3C%2Fsvg%3E");
}

#messagetoolbar a:before,.footer.menu a:before,.header a.button:before,.input-group-text.icon:before,.menu a:before,.pagenav a:before,.toolbar a:before,a.button.icon:before {
  content: "" !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  font-style: normal !important;
  float: none !important;
  display: block !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  min-height: 1.25rem !important;
  max-width: 1.25rem !important;
  max-height: 1.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: inherit !important;
  background-color: currentColor !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");
}

#mailboxlist li a:before,#taskmenu a:before,.folderlist li a:before,.listing.iconized li>a:before,.listing.iconized tr>td.section:before {
  margin: .2rem auto .15rem !important;
}

#taskmenu a:before {
  margin: 0 auto !important;
}

#mailboxlist li a:before,.folderlist li a:before,.listing.iconized li>a:before,.listing.iconized tr>td.section:before {
  display: inline-block !important;
  margin: 0 .55rem 0 0 !important;
}

.menu a.select:before,.toolbar a.select:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20x%3D%224%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20x%3D%224%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E");
}

#listselect-menu a.selection:before,.popupmenu a.selection:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%2011%203%203L22%204%22%2F%3E%3Cpath%20d%3D%22M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%2011%203%203L22%204%22%2F%3E%3Cpath%20d%3D%22M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%22%2F%3E%3C%2Fsvg%3E") !important;
}

#listselect-menu a.select.all:before,.menu a.select.all:before,.popupmenu a.select.all:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m3%2017%202%202%204-4M3%207l2%202%204-4M13%206h8M13%2012h8M13%2018h8%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m3%2017%202%202%204-4M3%207l2%202%204-4M13%206h8M13%2012h8M13%2018h8%22%2F%3E%3C%2Fsvg%3E") !important;
}

#listselect-menu a.select.page:before,.menu a.select.page:before,.popupmenu a.select.page:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3C%2Fsvg%3E") !important;
}

#listselect-menu a.select.unread:before,.menu a.select.unread:before,.popupmenu a.select.unread:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2219%22%20height%3D%2215%22%20x%3D%222.5%22%20y%3D%224.5%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m3.5%206%208.5%207%208.5-7%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2219%22%20height%3D%2215%22%20x%3D%222.5%22%20y%3D%224.5%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m3.5%206%208.5%207%208.5-7%22%2F%3E%3C%2Fsvg%3E") !important;
}

#listselect-menu a.select.flagged:before,.menu a.select.flagged:before,.popupmenu a.select.flagged:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201zM4%2022v-7%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201zM4%2022v-7%22%2F%3E%3C%2Fsvg%3E") !important;
}

#listselect-menu a.select.invert:before,.menu a.select.invert:before,.popupmenu a.select.invert:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%203%204%207l4%204M4%207h16M16%2021l4-4-4-4M20%2017H4%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8%203%204%207l4%204M4%207h16M16%2021l4-4-4-4M20%2017H4%22%2F%3E%3C%2Fsvg%3E") !important;
}

#listselect-menu a.select.none:before,.menu a.select.none:before,.popupmenu a.select.none:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%225%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20x%3D%225%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E") !important;
}

.menu a.threads:before,.toolbar a.threads:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.options:before,.toolbar a.options:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2021v-7M4%2010V3M12%2021v-9M12%208V3M20%2021v-5M20%2012V3M1%2014h6M9%208h6M17%2016h6%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2021v-7M4%2010V3M12%2021v-9M12%208V3M20%2021v-5M20%2012V3M1%2014h6M9%208h6M17%2016h6%22%2F%3E%3C%2Fsvg%3E");
}

.searchbar a.unread:before,.searchbar>a.unread:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2219%22%20height%3D%2215%22%20x%3D%222.5%22%20y%3D%224.5%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m3.5%206%208.5%207%208.5-7%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2219%22%20height%3D%2215%22%20x%3D%222.5%22%20y%3D%224.5%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m3.5%206%208.5%207%208.5-7%22%2F%3E%3C%2Fsvg%3E") !important;
}

.searchbar a.options:before,.searchbar>a.options:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") !important;
}

.searchbar a.reset:before,.searchbar>a.reset:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E") !important;
}

.menu a.refresh:before,.toolbar a.refresh:before,a.button.refresh:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M23%204v6h-6M1%2020v-6h6%22%2F%3E%3Cpath%20d%3D%22M3.51%209a9%209%200%200%201%2014.85-3.36L23%2010M1%2014l4.64%204.36A9%209%200%200%200%2020.49%2015%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M23%204v6h-6M1%2020v-6h6%22%2F%3E%3Cpath%20d%3D%22M3.51%209a9%209%200%200%201%2014.85-3.36L23%2010M1%2014l4.64%204.36A9%209%200%200%200%2020.49%2015%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.compose:before,.toolbar a.compose:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020h9M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020h9M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E");
}

#messagetoolbar a.reply:before,.menu a.reply:before,.toolbar a.reply:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%2017-5-5%205-5%22%2F%3E%3Cpath%20d%3D%22M20%2018v-2a4%204%200%200%200-4-4H4%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%2017-5-5%205-5%22%2F%3E%3Cpath%20d%3D%22M20%2018v-2a4%204%200%200%200-4-4H4%22%2F%3E%3C%2Fsvg%3E");
}

#messagetoolbar a.reply-all:before,#messagetoolbar a.reply.all:before,.menu a.reply-all:before,.menu a.reply.all:before,.toolbar a.reply-all:before,.toolbar a.reply.all:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m7%2017-5-5%205-5M12%2017l-5-5%205-5%22%2F%3E%3Cpath%20d%3D%22M22%2018v-2a4%204%200%200%200-4-4H2%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m7%2017-5-5%205-5M12%2017l-5-5%205-5%22%2F%3E%3Cpath%20d%3D%22M22%2018v-2a4%204%200%200%200-4-4H2%22%2F%3E%3C%2Fsvg%3E");
}

#messagetoolbar a.forward:before,.menu a.forward:before,.toolbar a.forward:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m15%2017%205-5-5-5%22%2F%3E%3Cpath%20d%3D%22M4%2018v-2a4%204%200%200%201%204-4h12%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m15%2017%205-5-5-5%22%2F%3E%3Cpath%20d%3D%22M4%2018v-2a4%204%200%200%201%204-4h12%22%2F%3E%3C%2Fsvg%3E");
}

#messagetoolbar a.delete:before,.menu a.delete:before,.toolbar a.delete:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6M9%206V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6M9%206V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2%22%2F%3E%3C%2Fsvg%3E");
}

#messagetoolbar a.markmessage:before,.menu a.markmessage:before,.toolbar a.markmessage:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m20.59%2013.41-7.17%207.17a2%202%200%200%201-2.83%200L2%2012V2h10l8.59%208.59a2%202%200%200%201%200%202.82M7%207h.01%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m20.59%2013.41-7.17%207.17a2%202%200%200%201-2.83%200L2%2012V2h10l8.59%208.59a2%202%200%200%201%200%202.82M7%207h.01%22%2F%3E%3C%2Fsvg%3E");
}

#markmessage-menu a.read:before,.menu a.read:before,.popupmenu a.read:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2010V6a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v4M22%2010l-10%206-10-6%22%2F%3E%3Cpath%20d%3D%22M2%2010v8a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-8%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2010V6a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v4M22%2010l-10%206-10-6%22%2F%3E%3Cpath%20d%3D%22M2%2010v8a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-8%22%2F%3E%3C%2Fsvg%3E") !important;
}

#markmessage-menu a.unread:before,.menu a.unread:before,.popupmenu a.unread:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2219%22%20height%3D%2215%22%20x%3D%222.5%22%20y%3D%224.5%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m3.5%206%208.5%207%208.5-7%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2219%22%20height%3D%2215%22%20x%3D%222.5%22%20y%3D%224.5%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m3.5%206%208.5%207%208.5-7%22%2F%3E%3C%2Fsvg%3E") !important;
}

#markmessage-menu a.flag:before,.menu a.flag:before,.popupmenu a.flag:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201zM4%2022v-7%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201zM4%2022v-7%22%2F%3E%3C%2Fsvg%3E") !important;
}

#markmessage-menu a.unflag:before,.menu a.unflag:before,.popupmenu a.unflag:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201zM4%2022v-7M2%202l20%2020%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201zM4%2022v-7M2%202l20%2020%22%2F%3E%3C%2Fsvg%3E") !important;
}

#markmessage-menu a.undo:before,.menu a.undo:before,.popupmenu a.undo:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%207v6h6%22%2F%3E%3Cpath%20d%3D%22M3%2013a9%209%200%201%200%203-7.7z%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%207v6h6%22%2F%3E%3Cpath%20d%3D%22M3%2013a9%209%200%201%200%203-7.7z%22%2F%3E%3C%2Fsvg%3E") !important;
}

#mailboxoptions-menu a.expunge:before,.menu a.expunge:before,.popupmenu a.expunge:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2014h6v6M20%2010A8%208%200%200%200%204.5%208%22%2F%3E%3Cpath%20d%3D%22M20%2010V4h-6M4%2014a8%208%200%200%200%2015.5%202%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2014h6v6M20%2010A8%208%200%200%200%204.5%208%22%2F%3E%3Cpath%20d%3D%22M20%2010V4h-6M4%2014a8%208%200%200%200%2015.5%202%22%2F%3E%3C%2Fsvg%3E") !important;
}

#mailboxoptions-menu a.purge:before,.menu a.purge:before,.popupmenu a.purge:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6M9%206V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6M9%206V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2%22%2F%3E%3C%2Fsvg%3E") !important;
}

#mailboxoptions-menu a.read:before,.menu a.markallread:before,.popupmenu a.markallread:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2010V6a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v4M22%2010l-10%206-10-6%22%2F%3E%3Cpath%20d%3D%22M2%2010v8a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-8%22%2F%3E%3Cpath%20d%3D%22m9%2014%202%202%204-4%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2010V6a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v4M22%2010l-10%206-10-6%22%2F%3E%3Cpath%20d%3D%22M2%2010v8a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-8%22%2F%3E%3Cpath%20d%3D%22m9%2014%202%202%204-4%22%2F%3E%3C%2Fsvg%3E") !important;
}

#messagetoolbar a.more:before,.header a.toolbar-menu-button:before,.menu a.more:before,.menu a.toolbar-menu-button:before,.toolbar a.more:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E");
}

.dropbutton a.dropdown:before,.menu a.dropdown:before,.toolbar a.dropdown:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.attach:before,.toolbar a.attach:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m21.44%2011.05-9.19%209.19a6%206%200%200%201-8.49-8.49l9.19-9.19a4%204%200%200%201%205.66%205.66l-9.2%209.19a2%202%200%200%201-2.83-2.83l8.49-8.48%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m21.44%2011.05-9.19%209.19a6%206%200%200%201-8.49-8.49l9.19-9.19a4%204%200%200%201%205.66%205.66l-9.2%209.19a2%202%200%200%201-2.83-2.83l8.49-8.48%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.print:before,.toolbar a.print:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%209V2h12v7M6%2018H4a2%202%200%200%201-2-2v-5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202v5a2%202%200%200%201-2%202h-2%22%2F%3E%3Cpath%20d%3D%22M6%2014h12v8H6z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%209V2h12v7M6%2018H4a2%202%200%200%201-2-2v-5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202v5a2%202%200%200%201-2%202h-2%22%2F%3E%3Cpath%20d%3D%22M6%2014h12v8H6z%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.archive:before,.menu a.move:before,.toolbar a.archive:before,.toolbar a.move:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%207h6l2%202h10v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%207h6l2%202h10v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.junk:before,.toolbar a.junk:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8.5%2014.5A2.5%202.5%200%200%200%2011%2012c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054%202-6%20.5%202.5%202%204.9%204%206.5s3%203.5%203%205.5a7%207%200%201%201-14%200c0-1.153.433-2.294%201-3a2.5%202.5%200%200%200%202.5%202.5%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8.5%2014.5A2.5%202.5%200%200%200%2011%2012c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054%202-6%20.5%202.5%202%204.9%204%206.5s3%203.5%203%205.5a7%207%200%201%201-14%200c0-1.153.433-2.294%201-3a2.5%202.5%200%200%200%202.5%202.5%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.search:before,.searchbar form:before,.toolbar a.search:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m21%2021-4.35-4.35%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m21%2021-4.35-4.35%22%2F%3E%3C%2Fsvg%3E");
}

.header a.back-list-button:before,.header a.back-sidebar-button:before,.menu a.back-list-button:before,.menu a.back-sidebar-button:before,.menu a.back:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m15%206-6%206%206%206%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m15%206-6%206%206%206%22%2F%3E%3C%2Fsvg%3E");
}

.header a.task-menu-button:before,.menu a.task-menu-button:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.send:before,.toolbar a.send:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22%202%2011%2013M22%202l-7%2020-4-9-9-4z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M22%202%2011%2013M22%202l-7%2020-4-9-9-4z%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.check:before,.menu a.save:before,.menu a.submit:before,.toolbar a.save:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E");
}

.header a.cancel:before,.menu a.cancel:before,.menu a.close:before,.popover-header a.cancel:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E");
}

#addressbooktoolbar a.create:before,.menu a.create:before,.popupmenu a.create:before,.toolbar a.create:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E");
}

#addressbooktoolbar a.import:before,.menu a.import:before,.menu a.upload:before,.toolbar a.import:before,.toolbar a.upload:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4M7%2010l5%205%205-5M12%2015V3%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4M7%2010l5%205%205-5M12%2015V3%22%2F%3E%3C%2Fsvg%3E");
}

#addressbooktoolbar a.export:before,.menu a.download:before,.menu a.export:before,.popupmenu a.export:before,.toolbar a.download:before,.toolbar a.export:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4M17%208l-5-5-5%205M12%203v12%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4M17%208l-5-5-5%205M12%203v12%22%2F%3E%3C%2Fsvg%3E");
}

.footer a.firstpage:before,.menu a.firstpage:before,.pagenav a.firstpage:before,.toolbar a.firstpage:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m11%2017-5-5%205-5M18%2017l-5-5%205-5%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m11%2017-5-5%205-5M18%2017l-5-5%205-5%22%2F%3E%3C%2Fsvg%3E");
}

.content-frame-navigation a.button.prev:before,.content-frame-navigation a.prev:before,.footer a.prevpage:before,.menu a.prev:before,.menu a.prevpage:before,.pagenav a.prevpage:before,.toolbar a.prevpage:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m15%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m15%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E");
}

.content-frame-navigation a.button.next:before,.content-frame-navigation a.next:before,.footer a.nextpage:before,.menu a.next:before,.menu a.nextpage:before,.pagenav a.nextpage:before,.toolbar a.nextpage:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E");
}

.footer a.lastpage:before,.menu a.lastpage:before,.pagenav a.lastpage:before,.toolbar a.lastpage:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m13%2017%205-5-5-5M6%2017l5-5-5-5%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m13%2017%205-5-5-5M6%2017l5-5-5-5%22%2F%3E%3C%2Fsvg%3E");
}

.header a.button.sidebar-menu:before,.header a.sidebar-menu:before,.menu a.sidebar-menu:before,.toolbar a.sidebar-menu:before,a.button.sidebar-menu:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%201%201-2.83%202.83l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-4%200v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%201%201-2.83-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.9%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201%200-4h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%201%201%202.83-2.83l.06.06a1.65%201.65%200%200%200%201.9.33%201.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%204%200v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%201%201%202.83%202.83l-.06.06A1.65%201.65%200%200%200%2019.4%209a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%200%204h-.09a1.65%201.65%200%200%200-1.51%201%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19.4%2015a1.65%201.65%200%200%200%20.33%201.82l.06.06a2%202%200%201%201-2.83%202.83l-.06-.06a1.65%201.65%200%200%200-1.82-.33%201.65%201.65%200%200%200-1%201.51V21a2%202%200%200%201-4%200v-.09A1.65%201.65%200%200%200%209%2019.4a1.65%201.65%200%200%200-1.82.33l-.06.06a2%202%200%201%201-2.83-2.83l.06-.06a1.65%201.65%200%200%200%20.33-1.9%201.65%201.65%200%200%200-1.51-1H3a2%202%200%200%201%200-4h.09A1.65%201.65%200%200%200%204.6%209a1.65%201.65%200%200%200-.33-1.82l-.06-.06a2%202%200%201%201%202.83-2.83l.06.06a1.65%201.65%200%200%200%201.9.33%201.65%201.65%200%200%200%201-1.51V3a2%202%200%200%201%204%200v.09a1.65%201.65%200%200%200%201%201.51%201.65%201.65%200%200%200%201.82-.33l.06-.06a2%202%200%201%201%202.83%202.83l-.06.06A1.65%201.65%200%200%200%2019.4%209a1.65%201.65%200%200%200%201.51%201H21a2%202%200%200%201%200%204h-.09a1.65%201.65%200%200%200-1.51%201%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.assigngroup:before,.popupmenu a.assigngroup:before,.toolbar a.assigngroup:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M19%208v6M22%2011h-6%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M19%208v6M22%2011h-6%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.removegroup:before,.popupmenu a.removegroup:before,.toolbar a.removegroup:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2011h-6%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2011h-6%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.qrcode:before,.popupmenu a.qrcode:before,.toolbar a.qrcode:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%2214%22%20y%3D%223%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%2214%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M14%2014h3v3M17%2017h4v4M14%2021h3%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%223%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%2214%22%20y%3D%223%22%20rx%3D%221%22%2F%3E%3Crect%20width%3D%227%22%20height%3D%227%22%20x%3D%223%22%20y%3D%2214%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M14%2014h3v3M17%2017h4v4M14%2021h3%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.vcard:before,.popupmenu a.vcard:before,.toolbar a.vcard:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2212%22%20r%3D%222.25%22%2F%3E%3Cpath%20d%3D%22M14%2010h4M14%2014h4%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20x%3D%222%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2212%22%20r%3D%222.25%22%2F%3E%3Cpath%20d%3D%22M14%2010h4M14%2014h4%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.edit:before,.menu a.rename:before,.popupmenu a.group.rename:before,.popupmenu a.rename:before,.toolbar a.edit:before,.toolbar a.rename:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020h9M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2020h9M16.5%203.5a2.12%202.12%200%200%201%203%203L7%2019l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.copy:before,.popupmenu a.copy:before,.toolbar a.copy:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20x%3D%229%22%20y%3D%229%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M5%2015H4a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h9a2%202%200%200%201%202%202v1%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20x%3D%229%22%20y%3D%229%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M5%2015H4a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h9a2%202%200%200%201%202%202v1%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.properties:before,.toolbar a.properties:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6M16%2013H8M16%2017H8M10%209H8%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6M16%2013H8M16%2017H8M10%209H8%22%2F%3E%3C%2Fsvg%3E");
}

.menu a.selection:before,.popupmenu a.selection:before,.toolbar a.selection:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%2011%203%203L22%204%22%2F%3E%3Cpath%20d%3D%22M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m9%2011%203%203L22%204%22%2F%3E%3Cpath%20d%3D%22M21%2012v7a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h11%22%2F%3E%3C%2Fsvg%3E");
}

.header a.folders:before,.menu a.folders:before,.toolbar a.folders:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%207h6l2%202h10v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%207h6l2%202h10v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E");
}

#taskmenu a.mail:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2219%22%20height%3D%2215%22%20x%3D%222.5%22%20y%3D%224.5%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m3.5%206%208.5%207%208.5-7%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2219%22%20height%3D%2215%22%20x%3D%222.5%22%20y%3D%224.5%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m3.5%206%208.5%207%208.5-7%22%2F%3E%3C%2Fsvg%3E");
}

#taskmenu a.contacts:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%207a4%204%200%201%200%208%200%204%204%200%201%200-8%200M3%2021v-2a4%204%200%200%201%204-4h4a4%204%200%200%201%204%204v2M16%203.13a4%204%200%200%201%200%207.75M21%2021v-2a4%204%200%200%200-3-3.85%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%207a4%204%200%201%200%208%200%204%204%200%201%200-8%200M3%2021v-2a4%204%200%200%201%204-4h4a4%204%200%200%201%204%204v2M16%203.13a4%204%200%200%201%200%207.75M21%2021v-2a4%204%200%200%200-3-3.85%22%2F%3E%3C%2Fsvg%3E");
}

#taskmenu a.settings:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10.325%204.317c.426-1.756%202.924-1.756%203.35%200a1.724%201.724%200%200%200%202.573%201.066c1.543-.94%203.31.826%202.37%202.37a1.724%201.724%200%200%200%201.065%202.572c1.756.426%201.756%202.924%200%203.35a1.724%201.724%200%200%200-1.066%202.573c.94%201.543-.826%203.31-2.37%202.37a1.724%201.724%200%200%200-2.572%201.065c-.426%201.756-2.924%201.756-3.35%200a1.724%201.724%200%200%200-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724%201.724%200%200%200-1.065-2.572c-1.756-.426-1.756-2.924%200-3.35a1.724%201.724%200%200%200%201.066-2.573c-.94-1.543.826-3.31%202.37-2.37%201%20.608%202.296.07%202.572-1.065%22%2F%3E%3Cpath%20d%3D%22M9%2012a3%203%200%201%200%206%200%203%203%200%200%200-6%200%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10.325%204.317c.426-1.756%202.924-1.756%203.35%200a1.724%201.724%200%200%200%202.573%201.066c1.543-.94%203.31.826%202.37%202.37a1.724%201.724%200%200%200%201.065%202.572c1.756.426%201.756%202.924%200%203.35a1.724%201.724%200%200%200-1.066%202.573c.94%201.543-.826%203.31-2.37%202.37a1.724%201.724%200%200%200-2.572%201.065c-.426%201.756-2.924%201.756-3.35%200a1.724%201.724%200%200%200-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724%201.724%200%200%200-1.065-2.572c-1.756-.426-1.756-2.924%200-3.35a1.724%201.724%200%200%200%201.066-2.573c-.94-1.543.826-3.31%202.37-2.37%201%20.608%202.296.07%202.572-1.065%22%2F%3E%3Cpath%20d%3D%22M9%2012a3%203%200%201%200%206%200%203%203%200%200%200-6%200%22%2F%3E%3C%2Fsvg%3E");
}

#taskmenu a.compose:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7%22%2F%3E%3Cpath%20d%3D%22M18.5%202.5a2.12%202.12%200%200%201%203%203L12%2015l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11%204H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-7%22%2F%3E%3Cpath%20d%3D%22M18.5%202.5a2.12%202.12%200%200%201%203%203L12%2015l-4%201%201-4z%22%2F%3E%3C%2Fsvg%3E");
}

#taskmenu a.about:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2016v-4M12%208h.01%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2016v-4M12%208h.01%22%2F%3E%3C%2Fsvg%3E");
}

#taskmenu a.logout:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%208V6a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h7a2%202%200%200%200%202-2v-2%22%2F%3E%3Cpath%20d%3D%22M9%2012h12l-3-3M18%2015l3-3%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M14%208V6a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h7a2%202%200%200%200%202-2v-2%22%2F%3E%3Cpath%20d%3D%22M9%2012h12l-3-3M18%2015l3-3%22%2F%3E%3C%2Fsvg%3E");
}

#taskmenu a.lang:before {
  -webkit-mask-image: var(--wf-i-globe);
  mask-image: var(--wf-i-globe);
}

.popover .menu a:before,.popupmenu a:before,.select-menu .listing li a:before,body>.popupmenu li a:before {
  display: inline-block !important;
  margin: 0 .5rem 0 0 !important;
  float: none !important;
}

#mailboxlist li .custom-switch,#subscription-table li .custom-switch,.folderlist li .custom-switch,.listing li .custom-switch,ul.listing li .custom-switch,ul.treelist li .custom-switch {
  position: absolute !important;
  top: 50% !important;
  right: .5rem !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  vertical-align: middle;
  z-index: 2 !important;
  overflow: visible !important;
}

#subscription-table li .custom-switch .custom-control-label,.folderlist li .custom-switch .custom-control-label,.listing li .custom-switch .custom-control-label,ul.listing li .custom-switch .custom-control-label {
  position: relative !important;
  padding-left: 2.5rem !important;
  min-height: 1.25rem !important;
  min-width: 2.5rem !important;
  width: 2.5rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  display: block !important;
  overflow: visible !important;
}

#subscription-table li .custom-switch .custom-control-label:before,.folderlist li .custom-switch .custom-control-label:before,.listing li .custom-switch .custom-control-label:before,ul.listing li .custom-switch .custom-control-label:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 2.25rem !important;
  height: 1.25rem !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  border-radius: 9999px !important;
  border: 0 !important;
  background-color: var(--toggle-off) !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

#subscription-table li .custom-switch .custom-control-label:after,.folderlist li .custom-switch .custom-control-label:after,.listing li .custom-switch .custom-control-label:after,ul.listing li .custom-switch .custom-control-label:after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: .2rem !important;
  top: 50% !important;
  width: .85rem !important;
  height: .85rem !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  border-radius: 9999px !important;
  border: 0 !important;
  background-color: var(--toggle-thumb, #fff) !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#subscription-table li .custom-switch .custom-control-input:checked~.custom-control-label:before,.folderlist li .custom-switch .custom-control-input:checked~.custom-control-label:before,.listing li .custom-switch .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--toggle-on) !important;
}

#subscription-table li .custom-switch .custom-control-input:checked~.custom-control-label:after,.folderlist li .custom-switch .custom-control-input:checked~.custom-control-label:after,.listing li .custom-switch .custom-control-input:checked~.custom-control-label:after {
  transform: translate(1rem, -50%) !important;
  background-color: var(--toggle-thumb, #fff) !important;
}

.btn,.button,.formbuttons .button,.popupmenu .button,a.button.mainaction,button.btn,input.button,input[type=button],input[type=submit] {
  font-family: var(--font) !important;
  font-weight: 700 !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  border-width: 0 !important;
}

.btn:before,.button:before,a.button:before,input.button:before {
  border: 0 !important;
  box-shadow: none !important;
}

.btn-primary,.button.mainaction,.formbuttons .button.mainaction,a.button.mainaction,button.btn.btn-primary,input.button.mainaction,input[type=submit].mainaction {
  background: var(--primary) !important;
  border-color: transparent !important;
  color: var(--on-primary) !important;
}

.btn-primary:before,.button.mainaction:before,.button.save:before,.formbuttons .btn-primary:before,.formbuttons .button.mainaction:before,.formbuttons .save:before,.formbuttons button[type=submit]:before,.ui-dialog-buttonpane .btn-primary:before,.ui-dialog-buttonpane .button.mainaction:before,.ui-dialog-buttonpane .button.ok:before,.ui-dialog-buttonpane .button.save:before,.ui-dialog-buttonpane .button.submit:before,.ui-dialog-buttonpane a.button.mainaction:before,.ui-dialog-buttonpane button.btn-primary:before,.ui-dialog-buttonpane button.mainaction:before,.ui-dialog-buttonpane button.ok:before,.ui-dialog-buttonpane button.save:before,.ui-dialog-buttonpane button.submit:before,a.button.mainaction:before,a.button.save:before,button.btn.btn-primary:before,button.save:before,input.button.mainaction:before,input.button.save:before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.btn-primary:hover,.button.mainaction:hover,a.button.mainaction:hover,button.btn.btn-primary:hover {
  background: var(--primary-hover) !important;
  border-color: transparent !important;
  color: var(--on-primary) !important;
}

.formbuttons .btn:not(.btn-primary),.formbuttons .button:not(.mainaction),.ui-dialog-buttonpane .btn:not(.btn-primary),.ui-dialog-buttonpane .button:not(.mainaction),input.button:not(.mainaction) {
  background: var(--surface-3) !important;
  color: var(--ink) !important;
}

.formbuttons .btn:not(.btn-primary):hover,.formbuttons .button:not(.mainaction):hover,input.button:not(.mainaction):hover {
  background: var(--surface-pressed) !important;
  color: var(--ink) !important;
}

#compose-content input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=button]):not([type=submit]),#compose-content select,#compose-content textarea,.compose-headers input,.compose-headers select,.form-control,.formcontent input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=button]):not([type=submit]),.formcontent select,.formcontent textarea,.propform input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=button]):not([type=submit]),.propform select,.propform textarea,input.form-control,input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,select.form-control,textarea,textarea.form-control {
  background: var(--surface-3) !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
  font-weight: 600;
  box-shadow: none !important;
  outline: none;
}

.compose-headers input:focus,.form-control:focus,.formcontent input:focus,.propform input:focus,input:focus,select:focus,textarea:focus {
  background: var(--surface-pressed) !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none;
}

.input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 0 !important;
  background: var(--surface-3) !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  box-shadow: none !important;
  margin-bottom: .5rem !important;
}

.input-group>.input-group-append,.input-group>.input-group-append>*,.input-group>.input-group-prepend,.input-group>.input-group-prepend>* {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.input-group>.custom-select,.input-group>.input-group-append,.input-group>.input-group-prepend,.input-group>.input-group-text.icon,.input-group>.pretty-select,.input-group>.wf-select-shell,.input-group>a.delete,.input-group>a.icon.delete,.input-group>a.input-group-text,.input-group>select {
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  height: var(--control-height) !important;
  min-height: var(--control-height) !important;
  max-height: var(--control-height) !important;
}

.input-group>.wf-select-shell {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

.input-group>.wf-select-shell>.custom-select,.input-group>.wf-select-shell>.pretty-select,.input-group>.wf-select-shell>select {
  height: var(--control-height) !important;
  min-height: var(--control-height) !important;
  max-height: var(--control-height) !important;
}

.input-group .wf-select-chevron {
  margin: 0 !important;
}

.input-group .wf-select-shell.wf-open>.wf-select-chevron,.input-group.wf-open .wf-select-chevron {
  transform: translateY(-50%) rotate(180deg) !important;
}

.input-group .input-group-prepend .input-group-text,.input-group .input-group-prepend label,.input-group .input-group-prepend span,.input-group .input-group-text,.input-group label.input-group-text {
  background: transparent !important;
  color: var(--muted) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--font) !important;
  font-weight: 700 !important;
}

.input-group .custom-select,.input-group .form-control,.input-group .pretty-select,.input-group select,.input-group>.custom-select,.input-group>.form-control,.input-group>.pretty-select,.input-group>select {
  flex: 1 1 auto;
  min-width: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.input-group>div:not(.input-group-prepend):not(.input-group-append):not(.wf-select-shell) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .15rem !important;
  padding: .35rem .5rem !important;
  background: transparent !important;
}

.input-group>div:not(.input-group-prepend):not(.input-group-append):not(.wf-select-shell) .row {
  margin: 0 !important;
  gap: .15rem !important;
}

.input-group input.form-control,.input-group input[type=email],.input-group input[type=text],.input-group textarea.form-control {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.input-group input.form-control:focus,.input-group input.form-control:hover,.input-group input[type=email]:focus,.input-group input[type=email]:hover,.input-group input[type=text]:focus,.input-group input[type=text]:hover {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.input-group:focus-within,.input-group:hover {
  background: var(--surface-pressed) !important;
}

.input-group:focus-within .custom-select,.input-group:focus-within>.custom-select,.input-group:focus-within>.form-control,.input-group:focus-within>select,.input-group:hover .custom-select,.input-group:hover>.custom-select,.input-group:hover>.form-control,.input-group:hover>select {
  background-color: transparent !important;
}

.input-group .input-group-append a.delete,.input-group .input-group-append a.icon,.input-group a.delete,.input-group a.icon.delete,.input-group a.input-group-text.delete,.input-group a.input-group-text.icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  padding: 0 !important;
  color: var(--muted) !important;
  background: transparent !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 2 !important;
  text-decoration: none !important;
}

.input-group a.delete:hover,.input-group a.icon.delete:hover,.input-group a.input-group-text.icon:hover {
  color: var(--ink) !important;
  background: transparent !important;
}

.input-group .input-group-append a.delete:before,.input-group .input-group-append a.icon:before,.input-group a.delete:before,.input-group a.icon.delete:before,.input-group a.input-group-text.delete:before,.input-group a.input-group-text.icon:before {
  content: "" !important;
  display: block !important;
  width: 1.1rem !important;
  height: 1.1rem !important;
  margin: 0 !important;
  font-size: 0 !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6M9%206V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%206h18M19%206l-1%2014a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2L5%206M10%2011v6M14%2011v6M9%206V4a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2%22%2F%3E%3C%2Fsvg%3E") !important;
}

.input-group a.delete .inner,.input-group a.icon.delete .inner,.input-group a.input-group-text.icon .inner {
  display: none !important;
}

.wf-select-shell {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.wf-select-shell>.custom-select,.wf-select-shell>.form-control,.wf-select-shell>.pretty-select,.wf-select-shell>select {
  width: 100% !important;
  max-width: 100% !important;
}

.wf-select-chevron {
  position: absolute;
  right: .75rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  margin: 0;
  padding: 0;
  pointer-events: none;
  color: var(--muted);
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E");
  transform: translateY(-50%) rotate(0deg);
  transition: transform .22s var(--ease-mobile-spring);
  will-change: transform;
}

.custom-select,.formcontent select,.pretty-select,.propform select,select,select.form-control {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: var(--surface-3) !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: var(--radius-control) !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
  font-weight: 700 !important;
  padding-right: 2.5rem !important;
  box-shadow: none !important;
  transition: background-color .18s var(--ease-mobile-spring);
}

.custom-select:hover,.pretty-select:hover,select.form-control:hover,select:hover {
  background-color: var(--surface-pressed) !important;
  border: 0 !important;
}

.custom-select.wf-open,.custom-select:focus,.pretty-select.wf-open,.pretty-select:focus,.wf-select-shell.wf-open>.custom-select,.wf-select-shell.wf-open>.pretty-select,.wf-select-shell.wf-open>select,select.form-control:focus,select.wf-open,select:focus {
  background-color: var(--surface-pressed) !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.input-group>.wf-select-shell {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 7.5rem !important;
  max-width: 11rem !important;
}

#foldersearchmenu .input-group>.wf-select-shell,#searchmenu .input-group>.wf-select-shell,.searchoptions .input-group>.custom-select,.searchoptions .input-group>.wf-select-shell,.searchoptions .input-group>select {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  align-self: stretch !important;
}

#foldersearchmenu .input-group>.wf-select-shell>select,#searchmenu .input-group>.wf-select-shell>select,.searchoptions .input-group>.wf-select-shell>.custom-select,.searchoptions .input-group>.wf-select-shell>select {
  width: 100% !important;
  text-align: left !important;
  padding-right: 2.25rem !important;
}

#foldersearchmenu .input-group .wf-select-chevron,#searchmenu .input-group .wf-select-chevron,.searchoptions .input-group .wf-select-chevron {
  right: .75rem !important;
}

#compose_from .input-group,body.action-compose #compose_from .input-group {
  align-items: stretch !important;
}

#compose_from .input-group>.custom-select,#compose_from .input-group>.pretty-select,#compose_from .input-group>.wf-select-shell,#compose_from .input-group>select,body.action-compose #compose_from .input-group>.wf-select-shell {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  align-self: stretch !important;
}

#compose_from .input-group>.input-group-append,#compose_from .input-group>a.icon.edit,#compose_from .input-group>a.input-group-text,body.action-compose #compose_from .input-group>a.icon.edit,body.action-compose #compose_from .input-group>a.input-group-text {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

.input-group .custom-select,.input-group .form-control,.input-group .pretty-select,.input-group .wf-select-shell>.custom-select,.input-group .wf-select-shell>.pretty-select,.input-group .wf-select-shell>select,.input-group select,.input-group>.custom-select,.input-group>.form-control {
  background-color: transparent !important;
  border-radius: 0 !important;
}

.input-group .custom-select:focus,.input-group .custom-select:hover,.input-group .form-control:focus,.input-group .form-control:hover,.input-group .pretty-select:focus,.input-group .pretty-select:hover,.input-group .wf-select-shell.wf-open>.custom-select,.input-group .wf-select-shell.wf-open>select,.input-group select:focus,.input-group select:hover {
  background-color: transparent !important;
}

.input-group .wf-select-chevron {
  right: .65rem !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(0deg) !important;
}

.input-group .wf-select-shell.wf-open>.wf-select-chevron {
  transform: translateY(-50%) rotate(180deg) !important;
}

select option {
  background-color: var(--surface-1) !important;
  color: var(--ink) !important;
}

.custom-select:focus,select:focus {
  outline: none !important;
}

.propform label,label,td.title {
  color: var(--muted) !important;
  font-weight: 700 !important;
  font-family: var(--font) !important;
}

.formcontent legend,.propform legend,fieldset.advanced>legend {
  color: var(--ink) !important;
  font-family: var(--font) !important;
  font-weight: 800 !important;
}

fieldset.advanced>legend.closed:after,fieldset.advanced>legend:after {
  content: "" !important;
  float: none !important;
  display: inline-block !important;
  vertical-align: -.12em !important;
  width: .95rem !important;
  height: .95rem !important;
  margin: 0 0 0 .4rem !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: 0 !important;
  font-weight: 400 !important;
  line-height: 0 !important;
  color: var(--muted) !important;
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") !important;
  transform-origin: center center !important;
  transition: transform .22s var(--ease-mobile-spring) !important;
  
  transform: rotate(0deg) !important;
}

fieldset.advanced>legend:not(.closed):after {
  
  transform: rotate(180deg) !important;
}

.custom-switch {
  padding-left: 0 !important;
  padding-right: .75rem !important;
  overflow: visible !important;
}

.custom-switch .custom-control-label {
  padding-left: 3.25rem !important; 
  min-height: 1.25rem;
  display: inline-flex !important;
  align-items: center;
}

.col-6.form-check,.form-check,.form-group.row.form-check {
  overflow: visible !important;
}

.custom-switch .custom-control-label:before {
  left: 0 !important;
  width: 2.25rem !important;
  height: 1.25rem !important;
  border: 0 !important;
  background-color: var(--toggle-off) !important;
}

.custom-switch .custom-control-label:after,.custom-switch .custom-control-label:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  border-radius: 9999px !important;
  background-image: none !important;
  box-shadow: none !important;
}

.custom-switch .custom-control-label:after {
  left: .2rem !important;
  width: .85rem !important;
  height: .85rem !important;
  background-color: var(--toggle-thumb, #fff) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.custom-switch .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--toggle-on) !important;
  border-color: transparent !important;
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
  
  transform: translate(1rem, -50%) !important;
  background-color: var(--toggle-thumb) !important;
  background-image: none !important;
}

.custom-switch .custom-control-input:focus~.custom-control-label:before {
  box-shadow: none !important;
  outline: none !important;
}

.custom-switch .custom-control-input:disabled~.custom-control-label:before {
  opacity: .45;
}

.form-check.row,.formcontent .form-check,.propform .form-check {
  align-items: center;
  gap: .5rem;
}

.form-check td:not(.title) {
  overflow: visible;
}

@keyframes wf-dropdown-in {
  0% { opacity: 0; }
  to { opacity: 1; }
}

@keyframes wf-modal-pop {
  0% { opacity: 0; }
  to { opacity: 1; }
}

#attachmentmenu,#dragmessage-menu,#encryption-menu,#headers-menu,#listselect-menu,#mailboxoptions-menu,#message-menu,#responses-menu,#spell-menu,.popover.select-menu,.popover:not(#layout-menu),.popupmenu.popover,.popupmenu:not(#recipient-dialog),.select-menu,.ui-datepicker.ui-widget-content,.ui-menu.ui-widget,body>.popupmenu {
  box-sizing: border-box !important;
  background: var(--material-fill) !important;
  background-color: var(--material-fill) !important;
  color: var(--ink) !important;
  border: 1px solid var(--border) !important;
  border-color: var(--border) !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  -webkit-backdrop-filter: blur(24px) saturate(var(--material-saturate, 180%)) !important;
  backdrop-filter: blur(24px) saturate(var(--material-saturate, 180%)) !important;
  box-shadow: var(--elevation-dropdown), var(--material-rim) !important;
  font-family: var(--font) !important;
  animation: wf-dropdown-in .16s var(--ease-dropdown) both;
  padding: 0 !important;
}

.popover:not(#layout-menu):has(.popover),.popupmenu:not(#recipient-dialog):has(.popupmenu),body>.popover.wf-dropdown-nested,body>.popupmenu.wf-dropdown-nested {
  overflow: visible !important;
}

#attachmentmenu>.listing,#headers-menu>.listing,#responses-menu>.listing,#responses-menu>.menu.listing,.popover:not(#layout-menu)>.popover-body,.popupmenu:not(#recipient-dialog)>.listing,.popupmenu:not(#recipient-dialog)>.menu.listing,.select-menu>.popover-body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: calc(min(20rem, 100vh - 2rem)) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#attachmentmenu,#headers-menu,#responses-menu,.popover.select-menu,.popupmenu:not(#recipient-dialog),.select-menu.popover,.wf-dropdown-portal,body>.popover.select-menu,body>.popupmenu,body>.select-menu {
  z-index: 200000 !important;
}

.wf-dropdown-nested,body>.popover.wf-dropdown-nested,body>.popupmenu.wf-dropdown-nested {
  z-index: 200300 !important;
}

.popover.select-menu:not(.hidden),.popover.select-menu[style*="display: block"],.select-menu.popover:not(.hidden),.wf-dropdown-portal,body>.popover.select-menu:not(.hidden),body>.popover.select-menu[style*="display: block"],body>.select-menu:not(.hidden),body>.select-menu[style*="display: block"] {
  display: flex !important;
  flex-direction: column !important;
  max-height: calc(min(20rem, 100vh - 2rem)) !important;
}

.ui-dialog,.ui-dialog.ui-widget-content {
  box-sizing: border-box;
  background: var(--surface-1) !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: var(--radius-control) !important;
  overflow: hidden !important;
  box-shadow: var(--elevation-modal) !important;
  font-family: var(--font) !important;
  animation: wf-modal-pop .2s var(--ease-dropdown) both;
  
  z-index: 100100 !important;
}

.ui-widget-overlay {
  z-index: 100000 !important;
}

.ui-dialog .ui-icon.ui-resizable-se,.ui-dialog .ui-resizable-handle {
  display: none !important;
}

.ui-dialog .ui-dialog-titlebar,.ui-dialog .ui-widget-header,.ui-dialog-titlebar,.ui-dialog-titlebar.ui-widget-header,.ui-widget-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.75rem;
  padding: .5rem 3rem !important;
  
  background: var(--surface-1, #191919) !important;
  background-color: var(--surface-1, #191919) !important;
  background-image: none !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-color: transparent !important;
  font-family: var(--font) !important;
  font-weight: 700;
  border-radius: 0 !important; 
  box-shadow: none !important;
}

.ui-dialog .ui-dialog-title {
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
  font-size: .875rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-transform: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tox .tox-dialog__header .tox-button--icon,.tox .tox-dialog__header .tox-button--naked,.tox .tox-dialog__header .tox-button[title],.tox .tox-dialog__header button.tox-button--icon,.ui-dialog .ui-dialog-titlebar-close {
  position: absolute !important;
  right: .5rem !important;
  top: 50% !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  box-sizing: border-box !important;
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.tox .tox-dialog__header .tox-button--icon:focus,.tox .tox-dialog__header .tox-button--icon:hover,.tox .tox-dialog__header .tox-button--naked:focus,.tox .tox-dialog__header .tox-button--naked:hover,.ui-dialog .ui-dialog-titlebar-close:focus,.ui-dialog .ui-dialog-titlebar-close:hover {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
  color: var(--ink) !important;
  outline: none !important;
  box-shadow: none !important;
}

.tox .tox-dialog__header .tox-button--icon .tox-icon,.tox .tox-dialog__header .tox-button--icon svg,.tox .tox-dialog__header .tox-button--naked .tox-icon,.tox .tox-dialog__header .tox-button--naked svg,.ui-dialog .ui-dialog-titlebar-close .ui-button-icon,.ui-dialog .ui-dialog-titlebar-close .ui-button-icon-space,.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  display: none !important;
}

.tox .tox-dialog__header .tox-button--icon:before,.tox .tox-dialog__header .tox-button--naked:before,.ui-dialog .ui-dialog-titlebar-close:before {
  content: "" !important;
  display: block !important;
  width: .875rem !important;
  height: .875rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E");
}

.ui-dialog .ui-dialog-content,.ui-dialog .ui-widget-content.ui-dialog-content {
  background: var(--surface-1) !important;
  color: var(--ink) !important;
  border: 0 !important;
  box-shadow: none !important;
  animation: none !important;
  border-radius: 0 !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--surface-pressed) transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#recipient-dialog.ui-dialog-content,.ui-dialog .ui-dialog-content.popup>#recipient-dialog,.ui-dialog .ui-dialog-content.popup>.popupmenu,.ui-dialog .ui-dialog-content>#recipient-dialog,.ui-dialog .ui-dialog-content>.popupmenu,.ui-dialog-content.popupmenu {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--surface-1) !important;
  background-color: var(--surface-1) !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  animation: none !important;
  z-index: auto !important;
}

#recipient-dialog>.listbox,.ui-dialog #recipient-dialog>.listbox,.ui-dialog .ui-dialog-content .listbox,.ui-dialog-content.popupmenu>.listbox {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
}

#recipient-dialog .searchbar,.ui-dialog #recipient-dialog .searchbar,.ui-dialog .ui-dialog-content .searchbar,.ui-dialog-content.popupmenu .searchbar {
  flex: 0 0 auto !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  color: var(--ink) !important;
}

#recipient-dialog .scroller,.ui-dialog #recipient-dialog .scroller,.ui-dialog .ui-dialog-content .scroller,.ui-dialog-content.popupmenu .scroller {
  display: block !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 12rem !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#recipient-dialog #contacts-table,#recipient-dialog #directorylist,.ui-dialog #contacts-table,.ui-dialog #directorylist,.ui-dialog .ui-dialog-content #contacts-table,.ui-dialog .ui-dialog-content #directorylist,.ui-dialog .ui-dialog-content .listing,.ui-dialog .ui-dialog-content .treelist,.ui-dialog-content.popupmenu #contacts-table,.ui-dialog-content.popupmenu #directorylist {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  background: transparent !important;
  color: var(--ink) !important;
}

.ui-dialog .ui-dialog-content #contacts-table td,.ui-dialog .ui-dialog-content #directorylist li a,.ui-dialog .ui-dialog-content .contactlist td,.ui-dialog .ui-dialog-content .listing li a {
  color: var(--ink) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#recipient-dialog>.listbox>.pagenav,.ui-dialog #recipient-dialog .pagenav,.ui-dialog .ui-dialog-content .pagenav,.ui-dialog-content.popupmenu .pagenav {
  flex: 0 0 auto !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.ui-dialog .ui-dialog-buttonpane {
  background: var(--surface-1) !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: .75rem 1rem 1rem !important;
  text-align: right !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
  width: 100%;
  box-sizing: border-box;
}

.tox .tox-dialog__footer .tox-button,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  box-sizing: border-box !important;
  height: var(--control-height, 2.5rem) !important;
  min-height: var(--control-height, 2.5rem) !important;
  margin: 0 !important;
  padding: 0 1.1rem !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  font-family: var(--font) !important;
  font-weight: 700 !important;
  font-size: .875rem !important;
  line-height: 1.25 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  box-shadow: none !important;
  gap: 0 !important;
}

.tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):not(.tox-button--icon):not(.tox-button--naked),.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn-primary,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button.mainaction,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.mainaction {
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  color: var(--ink) !important;
}

.tox .tox-dialog__footer .tox-button:not(.tox-button--secondary):not(.tox-button--icon):hover,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button.mainaction:hover,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.mainaction:hover {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
  color: var(--ink) !important;
}

.tox .tox-dialog__footer .tox-button--secondary,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn:not(.btn-primary),.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button:not(.mainaction),.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:not(.mainaction) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  color: var(--ink) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.tox .tox-dialog__footer .tox-button--secondary:hover,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel:hover,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:not(.mainaction):hover {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
  color: var(--ink) !important;
}

.formbuttons .btn.cancel:before,.formbuttons .button.cancel:before,.formbuttons button.cancel:before,.ui-dialog .ui-dialog-buttonpane .btn.cancel:before,.ui-dialog .ui-dialog-buttonpane .button.cancel:before,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn:before,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button:before,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:before,.ui-dialog .ui-dialog-buttonpane button.cancel:before,button.btn.cancel:before,button.btn.close:before,button.btn.no:before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.ui-dialog-buttonpane:has(.ui-dialog-buttonset>.button:only-child),.ui-dialog-buttonpane:has(.ui-dialog-buttonset>:only-child),.ui-dialog-buttonpane:has(.ui-dialog-buttonset>a:only-child),.ui-dialog-buttonpane:has(.ui-dialog-buttonset>button:only-child),.ui-dialog-buttonpane:not(:has(button:not(.cancel))):not(:has(.button:not(.cancel))):not(:has(a.button:not(.cancel))):not(:has(.btn:not(.cancel))),.ui-dialog:has(#aboutpage) .ui-dialog-buttonpane,.ui-dialog:has(#aboutroundcube) .ui-dialog-buttonpane,.ui-dialog:has([id*=about]) .ui-dialog-buttonpane {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  visibility: hidden !important;
}

.ui-widget-overlay {
  background: var(--scrim) !important;
  opacity: 1 !important;
}

@media(prefers-reduced-transparency:reduce) {
  .popover:not(#layout-menu),.select-menu,.ui-dialog,body>.popupmenu {
    background: var(--surface-1) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media(prefers-reduced-motion:reduce) {
  .popover:not(#layout-menu),.popupmenu.popover,.select-menu,.ui-dialog,body>.popupmenu {
    animation: none !important;
  }
}

.popover .arrow {
  display: none !important;
}

.popover.select-menu>.popover-header,.select-menu>.popover-header,body>.popover.select-menu>.popover-header,body>.select-menu>.popover-header,html.layout-phone .popover.select-menu>.popover-header,html.layout-phone .select-menu>.popover-header,html.layout-small .popover.select-menu>.popover-header,html.layout-small .select-menu>.popover-header {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

.popover.select-menu>.popover-body,.select-menu .popover-body,body>.popover.select-menu>.popover-body,body>.select-menu>.popover-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  
  max-height: none !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--surface-pressed) transparent;
}

.popover.select-menu .listing,.select-menu .listing,body>.select-menu .listing {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.popover:not(#layout-menu):not(.select-menu) .popover-body,.popupmenu .listing,.ui-menu.ui-widget {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: inherit;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: var(--surface-pressed) transparent;
}

#attachmentmenu:not(.hidden)[style*=display],#headers-menu:not(.hidden)[style*=display],#responses-menu:not(.hidden)[style*=display],.popupmenu.popover:not(.select-menu):not(.hidden)[style*=display],.popupmenu:not(#recipient-dialog):not(.select-menu):not(.hidden)[style*="display: block"],.popupmenu:not(#recipient-dialog):not(.select-menu):not(.hidden)[style*="display: flex"],body>.popupmenu:not(.select-menu):not(.hidden):not(#recipient-dialog)[style*=display] {
  display: flex !important;
  flex-direction: column !important;
}

#responses-menu #responseslist,#responses-menu>.listing,#responses-menu>.menu.listing,.popupmenu.popover:not(.select-menu) .listing,.popupmenu:not(#recipient-dialog)>.listing,.popupmenu:not(#recipient-dialog)>.menu.listing,body>.popupmenu:not(.select-menu) .listing {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  background: transparent !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.popover:not(#layout-menu) .listing li,.popupmenu li,.select-menu .listing li,.ui-menu .ui-menu-item {
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.popover .listing .dropbutton,.popover-body .menu .dropbutton,.popupmenu .dropbutton {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.popover .listing .dropbutton>a:not(.dropdown),.popupmenu .dropbutton>a:not(.dropdown) {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

.popover .listing .dropbutton>a.dropdown,.popupmenu .dropbutton>a.dropdown {
  flex: 0 0 2.5rem !important;
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  max-width: 2.5rem !important;
}

#attachmentmenu li a,#encryption-menu li a,#headers-menu li a,#listselect-menu li a,#responses-menu li a,#spell-menu li a,.menu.popupmenu li a,.popover.select-menu .listing li a,.popover.select-menu li a,.popover:not(#layout-menu) .listing li a,.popupmenu.popover li a,.popupmenu:not(#recipient-dialog) .menu li a,.popupmenu:not(#recipient-dialog) li a,.select-menu .listing li a,.ui-menu .ui-menu-item-wrapper,body>.popupmenu li a,body>.popupmenu.select-menu li a,body>.select-menu .listing li a {
  display: flex !important;
  align-items: center;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 2.5rem;
  margin: 0 !important;
  padding: .5rem .75rem !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
  font-size: .8125rem !important;
  font-weight: 700 !important;
  line-height: 1.25;
  text-align: left !important;
  background: var(--surface-1) !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 0 !important;
  box-shadow: inset 0 -1px 0 var(--border-subtle) !important;
  transition: background-color .22s var(--ease-mobile-spring), color .22s var(--ease-mobile-spring);
}

#responses-menu li:last-child a,.popover.select-menu .listing li:last-child a,.popover:not(#layout-menu) .listing li:last-child a,.popupmenu:not(#recipient-dialog) li:last-child a,.select-menu .listing li:last-child a,.ui-menu .ui-menu-item:last-child .ui-menu-item-wrapper,body>.popupmenu li:last-child a,body>.select-menu .listing li:last-child a {
  box-shadow: none !important;
}

#attachmentmenu li a:hover,#headers-menu li a:hover,#responses-menu li a:hover,.menu.popupmenu li a:hover,.popover.select-menu .listing li a:hover,.popover.select-menu li a:hover,.popover:not(#layout-menu) .listing li a:focus,.popover:not(#layout-menu) .listing li a:hover,.popupmenu:not(#recipient-dialog) .menu li a:hover,.popupmenu:not(#recipient-dialog) li a:hover,.select-menu .listing li a:focus,.select-menu .listing li a:hover,.ui-menu .ui-menu-item-wrapper:hover,.ui-menu .ui-state-focus,body>.popupmenu li a:hover,body>.select-menu .listing li a:hover {
  background: var(--surface-2) !important;
  color: var(--ink) !important;
  outline: none !important;
}

#responses-menu li a.selected,.popover.select-menu .listing li a.selected,.popover.select-menu .listing li a.selected:hover,.popover.select-menu li a.selected,.popover:not(#layout-menu) .listing li a.selected,.popupmenu:not(#recipient-dialog) li a.selected,.popupmenu:not(#recipient-dialog) li.selected>a,.select-menu .listing li a.selected,.select-menu .listing li a.selected:hover,.select-menu .listing li.selected>a,.ui-menu .ui-state-active,body>.popupmenu li a.selected,body>.popupmenu li.selected>a,body>.select-menu .listing li a.selected,body>.select-menu .listing li a.selected:hover {
  background: var(--brand-soft) !important;
  color: var(--ink) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  box-shadow: inset 0 -1px 0 var(--border-subtle) !important;
  outline: none !important;
}

.popover:not(#layout-menu) .listing .dropbutton>a:not(.dropdown),.popupmenu .dropbutton>a:not(.dropdown) {
  width: auto !important;
  max-width: none !important;
}

.popover:not(#layout-menu) .listing .dropbutton>a.dropdown,.popupmenu .dropbutton>a.dropdown {
  flex: 0 0 2.5rem !important;
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  max-width: 2.5rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.popover.select-menu .listing li a:not(.selected):before,.popover.select-menu a:not(.selected):before,.select-menu .listing li a:not(.selected):before,.select-menu a:not(.selected):before,.ui-menu .ui-menu-item-wrapper:not(.ui-state-active):before,body>.popupmenu.select-menu a:not(.selected):before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.dropbutton a.dropdown:before,.menu a.dropdown:before,.searchbar a.dropdown:before,.searchbar a.options:before,.toolbar a.dropdown:before,a.options:before {
  transition: transform .22s var(--ease-mobile-spring) !important;
  transform: rotate(0deg) !important;
  transform-origin: center;
}

.dropbutton.wf-open a.dropdown:before,.searchbar.open a.dropdown:before,.searchbar.open a.options:before,a.dropdown.wf-open:before,a.options.wf-open:before {
  transform: rotate(180deg) !important;
}

.wf-select-chevron {
  transform: translateY(-50%) rotate(0deg) !important;
  transition: transform .22s var(--ease-mobile-spring) !important;
  transform-origin: center;
}

.wf-select-shell.wf-open>.wf-select-chevron {
  transform: translateY(-50%) rotate(180deg) !important;
}

@media(prefers-reduced-motion:reduce) {
  .dropbutton a.dropdown:before,.menu a.dropdown:before,.searchbar a.dropdown:before,.searchbar a.options:before,.toolbar a.dropdown:before,.wf-select-chevron,a.options:before,fieldset.advanced>legend.closed:after,fieldset.advanced>legend:after {
    transition: none !important;
  }
}

#layout-menu.popover,html.layout-phone .popover:not(.select-menu):not(#layout-menu),html.layout-small .popover:not(.select-menu):not(#layout-menu) {
  animation: none !important;
  border-radius: 0 !important;
}

#layout-menu.popover {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: var(--surface-1) !important;
  box-shadow: none !important;
  border: 0 !important;
  overflow: auto !important;
}

#composebodycontainer,#message-content,#message-header,#messagebody,.message-part {
  background: var(--surface-1) !important;
  color: var(--ink) !important;
  font-family: var(--font) !important;
}

#message-header .subject {
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--ink) !important;
}

#message-header .header-content,#message-header .header-headers,#message-header .header-title {
  color: var(--muted) !important;
}

#attachment-list,.attachmentslist {
  background: var(--surface-2) !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: var(--radius-control);
}

#messagestack div,.boxerror,.boxinformation,.boxwarning,.ui-state-error,.ui-state-highlight {
  border-radius: var(--radius-control) !important;
  font-family: var(--font) !important;
  font-weight: 600;
}

.boxerror,.ui-state-error {
  background: color-mix(in srgb, var(--danger) 18%, var(--surface-1)) !important;
  border: 0 !important;
  color: var(--ink) !important;
}

.boxinformation,.ui-state-highlight {
  background: color-mix(in srgb, var(--info) 20%, var(--surface-1)) !important;
  border: 0 !important;
  color: var(--ink) !important;
}

::selection {
  background: var(--brand-soft-strong);
  color: var(--ink);
}

.btn-link {
  color: var(--ink) !important;
}

.btn-secondary,.file-upload .btn,.file-upload button.attach,.upload-form .btn,.upload-form button,a.btn-secondary,button.btn-secondary,button.btn.attach {
  background: var(--surface-3) !important;
  border-color: transparent !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.btn-secondary:hover,.file-upload .btn:hover,.file-upload button.attach:hover,.upload-form .btn:hover,.upload-form button:hover,button.btn-secondary:hover,button.btn.attach:hover {
  background: var(--surface-pressed) !important;
  color: var(--ink) !important;
}

#contacthead.readonly .source.row,#login-footer,.contactlist span.email,.file-upload .hint,.formcontent .hint,.listing-info,.upload-form .hint,::-webkit-input-placeholder,::placeholder {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}

#compose-attachments.file-upload,.file-upload {
  color: var(--ink) !important;
  border-color: color-mix(in srgb, var(--muted) 35%, transparent) !important;
}

.custom-file,.custom-file-input,.custom-file-label,.file-upload .custom-file-label,.input-group .custom-file-label,.input-group>.custom-file,.upload-form .custom-file,.upload-form .custom-file-label {
  background: var(--surface-3) !important;
  background-color: var(--surface-3) !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.custom-file-label:after,.file-upload .custom-file-label:after,.input-group .custom-file-label:after,.upload-form .custom-file-label:after {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
}

.custom-file-input:focus~.custom-file-label,.custom-file-input:focus~.custom-file-label:after {
  border: 0 !important;
  box-shadow: none !important;
}

.input-group .btn,.input-group .btn-secondary,.input-group .input-group-append .btn,.input-group-append .btn {
  background: var(--surface-pressed) !important;
  color: var(--ink) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.countdisplay,.folderlist li.mailbox .unreadcount,.folderlist li.mailbox.recent>a>.unreadcount {
  background: var(--primary) !important;
  color: var(--on-primary) !important;
}

.folderlist li.mailbox.recent>a {
  color: var(--ink) !important;
}

.custom-control-input:checked~.custom-control-label:before,.custom-switch .custom-control-input:checked~.custom-control-label:before {
  background-color: var(--toggle-on) !important;
  border-color: transparent !important;
}

.btn:focus,.custom-control-input:focus~.custom-control-label:before,.custom-select:focus,.form-control:focus {
  box-shadow: none !important;
}

#messagestack .alert-info.information,.alert-info {
  background-color: var(--surface-3) !important;
  color: var(--ink) !important;
  border: 0 !important;
}

#logo[src*="logo.svg"],.content img[src*="logo.svg"],.frame-content img[src*="logo.svg"],body.iframe img[src*="logo.svg"],body.task-login #layout-content>.header,body.task-login #layout-list,body.task-login #layout-menu,body.task-login #layout-sidebar,body.task-login .header-title,body.task-login .voice,body.task-login h1.voice {
  display: none !important;
}

#layout-content>iframe,#messagecontframe,.content iframe,iframe#messagecontframe {
  background: var(--surface-1) !important;
  border: 0 !important;
}

body.iframe,html.iframe,html.iframe body {
  background: var(--surface-1) !important;
  background-image: none !important;
}

body.task-login,body.task-login #layout,body.task-login #layout-content {
  background-color: var(--canvas) !important;
  color: var(--ink);
  font-family: var(--font);
}

body.task-login #layout {
  gap: 0;
  padding: 0;
}

body.task-login #layout-content {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 2rem 1rem;
  box-sizing: border-box;
  text-align: left !important;
  overflow-x: hidden;
  overflow-y: auto;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.task-login #logo {
  position: static !important;
  top: auto !important;
  display: block;
  width: 3rem;
  height: 3rem;
  max-height: none !important;
  margin: 0 auto;
  object-fit: contain;
}

.login-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 30rem;
  margin: auto;
  padding: 2.25rem;
  border-radius: 1.5rem;
  border: 0 !important;
  background: var(--turnstile-surface);
  box-shadow: none;
}

.login-brand {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .75rem;
  text-align: center;
  padding-bottom: .25rem;
  margin-bottom: .25rem;
}

.login-lang {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-width: 2.5rem;
  height: 2rem;
  padding: 0 .55rem;
  border-radius: .75rem;
  background: var(--auth-field);
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
}

.login-lang,.login-lang:hover {
  color: var(--ink);
  text-decoration: none;
}

.login-lang:hover {
  background: var(--surface-pressed);
}

.login-lang:before {
  content: "";
  width: .875rem;
  height: .875rem;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: var(--wf-i-globe);
  mask-image: var(--wf-i-globe);
}

.login-lang .inner,.login-lang:before {
  display: inline-block;
}

.login-brand-text {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}

.login-title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.25;
  color: var(--ink);
  text-transform: none;
}

.login-subtitle {
  margin: 0;
  font-size: .875rem;
  font-weight: 500;
  color: var(--muted);
}

body.task-login #login-form {
  position: static !important;
  top: auto !important;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: left;
}

body.task-login .button,body.task-login a.button,body.task-login button,body.task-login input[type=button],body.task-login input[type=submit] {
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

body.task-login .button:focus,body.task-login .button:focus-visible,body.task-login button:active,body.task-login button:focus,body.task-login button:focus-visible,body.task-login input[type=submit]:focus,body.task-login input[type=submit]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

body.task-login #login-form .input-group-append,body.task-login #login-form .input-group-prepend,body.task-login #login-form .input-group-text,body.task-login #login-form i.icon,body.task-login #login-form>table {
  display: none !important;
}

.login-fields {
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
}

.login-field,.login-fields {
  display: flex;
  flex-direction: column;
}

.login-field {
  gap: .375rem; 
  margin: 0;
  cursor: text;
}

.login-field-label {
  display: block;
  font-size: .6875rem; 
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.25;
  text-transform: none;
  color: var(--muted);
}

.login-field-shell {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: var(--control-height);
  min-height: var(--control-height);
  border: 0 !important;
  border-radius: var(--radius-control);
  background: var(--auth-field) !important;
  box-shadow: none !important;
  outline: none;
  overflow: hidden;
}

.login-field-shell:hover {
  border: 0 !important;
  background: var(--surface-pressed) !important;
}

.login-field-shell:focus-within {
  border: 0 !important;
  background: var(--auth-field) !important;
  box-shadow: none !important;
}

.login-field-shell:before {
  content: "";
  position: absolute;
  left: .875rem; 
  top: 50%;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1;
  background-color: var(--subtle);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.login-field-shell--email:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2220%22%20height%3D%2216%22%20x%3D%222%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2220%22%20height%3D%2216%22%20x%3D%222%22%20y%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22%2F%3E%3C%2Fsvg%3E");
}

.login-field-shell--password:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20width%3D%2218%22%20height%3D%2211%22%20x%3D%223%22%20y%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%2F%3E%3C%2Fsvg%3E");
}

body.task-login #login-form .login-field-shell .form-control,body.task-login #login-form .login-field-shell .form-control:focus,body.task-login #login-form .login-field-shell input:focus,body.task-login #login-form .login-field-shell input[type=email],body.task-login #login-form .login-field-shell input[type=password],body.task-login #login-form .login-field-shell input[type=text] {
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0 1rem 0 2.75rem; 
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ink) !important;
  font-family: inherit;
  font-size: .875rem; 
  font-weight: 700;
  line-height: 1;
  
  box-shadow: none !important;
  outline: none !important;
}

body.task-login #login-form .login-field-shell--password .form-control,body.task-login #login-form .login-field-shell--password .form-control:focus,body.task-login #login-form .login-field-shell--password input,body.task-login #login-form .login-field-shell--password input:focus {
  
  padding-right: 2.75rem !important;
}

body.task-login #login-form .form-control::placeholder,body.task-login #login-form input::placeholder {
  color: var(--muted);
  font-weight: 700;
  opacity: 1;
}

.login-password-toggle {
  position: absolute;
  right: .375rem; 
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem; 
  height: 2.25rem;
  padding: 0;
  border: 0 !important;
  border-radius: var(--radius-control);
  background: transparent !important;
  color: var(--subtle);
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer;
}

.login-field-shell--password:focus-within .login-password-toggle,.login-field-shell--password:hover .login-password-toggle {
  background: transparent !important;
}

.login-password-toggle:focus,.login-password-toggle:focus-visible,.login-password-toggle:hover {
  color: var(--ink);
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.login-password-toggle-icon {
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207-10-7-10-7%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%2012s3.5-7%2010-7%2010%207%2010%207-3.5%207-10%207-10-7-10-7%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

.login-password-toggle.is-revealed .login-password-toggle-icon {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17.94%2017.94A10.07%2010.07%200%200%201%2012%2020c-6.5%200-10-8-10-8a18.45%2018.45%200%200%201%205.06-5.94M9.9%204.24A9%209%200%200%201%2012%204c6.5%200%2010%208%2010%208a18.5%2018.5%200%200%201-2.16%203.19%22%2F%3E%3Cpath%20d%3D%22M14.12%2014.12a3%203%200%201%201-4.24-4.24M1%201l22%2022%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17.94%2017.94A10.07%2010.07%200%200%201%2012%2020c-6.5%200-10-8-10-8a18.45%2018.45%200%200%201%205.06-5.94M9.9%204.24A9%209%200%200%201%2012%204c6.5%200%2010%208%2010%208a18.5%2018.5%200%200%201-2.16%203.19%22%2F%3E%3Cpath%20d%3D%22M14.12%2014.12a3%203%200%201%201-4.24-4.24M1%201l22%2022%22%2F%3E%3C%2Fsvg%3E");
}

.login-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}

.login-remember {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 1.375rem; 
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  color: var(--muted);
  font-family: inherit;
  font-size: .8125rem; 
  font-weight: 500;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.login-remember:active,.login-remember:focus,.login-remember:focus-visible,.login-remember:hover {
  color: var(--ink);
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.login-remember:hover .login-remember-mark {
  background: var(--surface-pressed);
}

.login-remember-mark {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  border: 0 !important;
  border-radius: var(--radius-control);
  background: var(--surface-1);
  box-shadow: none !important;
  flex-shrink: 0;
  transition: background-color .16s;
}

.login-remember-check {
  display: block;
  width: .625rem;
  height: .625rem;
  background-color: var(--on-primary);
  opacity: 0;
  transform: scale(.75);
  transition: opacity .16s,transform .16s;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E");
}

.login-remember.is-checked .login-remember-mark {
  background: var(--primary);
}

.login-remember.is-checked .login-remember-check {
  opacity: 1;
  transform: scale(1);
}

.login-remember.is-checked:hover .login-remember-mark {
  background: var(--primary-hover);
}

.login-actions {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* Cloudflare Turnstile — same column width as fields / CTA, centered. */
.login-actions,.login-turnstile {
  box-sizing: border-box;
}

.login-turnstile,.login-turnstile-clip {
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 0;
  line-height: 0;
}

.login-turnstile-clip {
  overflow: visible;
  background: var(--turnstile-surface);
}

.login-turnstile-mount {
  width: 100%;
  min-height: 65px;
  margin: 0;
  background: var(--turnstile-surface);
}

.login-turnstile-mount iframe,.login-turnstile-mount>div {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.login-turnstile-status {
  display: block;
  width: 100%;
  padding: .85rem 1rem;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.35;
  color: var(--muted);
  text-align: center;
}

body.task-login #rcmloginsubmit,body.task-login #rcmloginsubmit.btn-lg,body.task-login #rcmloginsubmit.login-submit {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--control-height) !important;
  min-height: var(--control-height) !important;
  padding: 0 1rem !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  background: var(--primary) !important;
  color: var(--on-primary) !important;
  font-family: inherit !important;
  font-size: .875rem !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  line-height: 1 !important;
  text-transform: none !important;
  cursor: pointer;
  box-shadow: none !important;
}

body.task-login #rcmloginsubmit:active,body.task-login #rcmloginsubmit:focus,body.task-login #rcmloginsubmit:focus-visible,body.task-login #rcmloginsubmit:hover {
  background: var(--primary-hover) !important;
  color: var(--on-primary) !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.task-login #rcmloginsubmit:after,body.task-login #rcmloginsubmit:before {
  display: none !important;
  content: none !important;
}

body.task-login #login-footer {
  display: none;
}

body.task-login .noscriptwarning {
  color: var(--danger);
  text-align: center;
  margin: 1rem;
}

body.task-login #login-form .oauthlogin {
  margin-top: 0;
  padding-top: 1rem;
  border: 0 !important;
}

#layout>div>.header,#messagelist-header {
  display: flex !important;
  align-items: center !important;
  line-height: 0 !important;
}

#addressbooktoolbar,#layout>div>.header>#addressbooktoolbar,#layout>div>.header>#messagetoolbar,#layout>div>.header>.menu.toolbar,#layout>div>.header>.toolbar.menu,#messagelist-header>.toolbar.menu,#messagetoolbar {
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  max-height: 2.5rem !important;
  line-height: 0 !important;
  float: none !important;
  gap: .15rem !important;
}

#addressbooktoolbar>li,#layout>div>.header>.menu.toolbar li,#layout>div>.header>.toolbar.menu li,#messagelist-header>.toolbar.menu li,#messagetoolbar>li {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  box-sizing: border-box !important;
  height: 2.5rem !important;
  min-height: 0 !important;
  max-height: 2.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  float: none !important;
  list-style: none !important;
  overflow: hidden !important;
  vertical-align: middle !important;
}

#addressbooktoolbar .dropbutton>a,#addressbooktoolbar>a,#layout>div>.header>#addressbooktoolbar a,#layout>div>.header>#messagetoolbar a,#layout>div>.header>.menu.toolbar a,#layout>div>.header>.toolbar.menu a,#layout>div>.header>a,#messagelist-header>.toolbar.menu a,#messagelist-header>a,#messagetoolbar .dropbutton>a,#messagetoolbar>a {
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  float: none !important;
  box-sizing: border-box !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  min-height: 2.5rem !important;
  max-width: 2.5rem !important;
  max-height: 2.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  align-self: center !important;
}

#addressbooktoolbar .dropbutton,#layout>div>.header .dropbutton,#messagelist-header .dropbutton,#messagetoolbar .dropbutton {
  display: inline-grid !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  align-self: center !important;
  height: 2.5rem !important;
  min-height: 2.5rem !important;
  max-height: 2.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  line-height: 0 !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
}

#addressbooktoolbar .dropbutton:focus-within,#addressbooktoolbar .dropbutton:hover,#messagetoolbar .dropbutton.wf-open,#messagetoolbar .dropbutton:focus-within,#messagetoolbar .dropbutton:hover,#messagetoolbar a.forward:focus,#messagetoolbar a.forward:hover,#messagetoolbar a.reply-all:hover,#messagetoolbar a.reply.all:hover,#messagetoolbar a.reply:focus,#messagetoolbar a.reply:hover,.header .menu.toolbar .dropbutton:hover,.header .toolbar .dropbutton:focus-within,.header .toolbar .dropbutton:hover,.menu.toolbar:not(#taskmenu) .dropbutton:focus-within,.menu.toolbar:not(#taskmenu) .dropbutton:hover {
  background: var(--surface-pressed) !important;
  background-color: var(--surface-pressed) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

#addressbooktoolbar .dropbutton:hover>a,#messagetoolbar .dropbutton.wf-open>a,#messagetoolbar .dropbutton:focus-within>a,#messagetoolbar .dropbutton:hover>a,#messagetoolbar .dropbutton>a:focus,#messagetoolbar .dropbutton>a:hover,.header .toolbar .dropbutton:hover>a,.menu.toolbar:not(#taskmenu) .dropbutton:hover>a {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

#addressbooktoolbar .dropbutton>a:not(.dropdown),#layout>div>.header .dropbutton>a:not(.dropdown),#messagetoolbar .dropbutton>a:not(.dropdown) {
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  max-width: 2.5rem !important;
}

#addressbooktoolbar .dropbutton>a.dropdown,#layout>div>.header .dropbutton>a.dropdown,#messagetoolbar .dropbutton>a.dropdown {
  width: 1.15rem !important;
  min-width: 1.15rem !important;
  max-width: 1.15rem !important;
  height: 2.5rem !important;
}

#addressbooktoolbar .dropbutton>a:not(.dropdown):before,#addressbooktoolbar>a:not(.dropdown):before,#layout>div>.header a.button:before,#layout>div>.header a.icon:before,#layout>div>.header>#messagetoolbar a:not(.dropdown):before,#layout>div>.header>.menu.toolbar a:not(.dropdown):before,#layout>div>.header>.toolbar.menu a:not(.dropdown):before,#layout>div>.header>a:not(.dropdown):before,#messagelist-header a.button:before,#messagelist-header a.refresh:before,#messagelist-header>.toolbar.menu a:not(.dropdown):before,#messagelist-header>a:not(.dropdown):before,#messagetoolbar .dropbutton>a:not(.dropdown):before,#messagetoolbar>a:not(.dropdown):before {
  content: "" !important;
  display: block !important;
  float: none !important;
  box-sizing: border-box !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  min-height: 1.25rem !important;
  max-width: 1.25rem !important;
  max-height: 1.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  line-height: 0 !important;
  font-size: 0 !important;
  transform: none !important;
  vertical-align: middle !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}

#addressbooktoolbar .dropbutton>a.dropdown:before,#layout>div>.header .dropbutton>a.dropdown:before,#messagetoolbar .dropbutton>a.dropdown:before {
  width: .7rem !important;
  height: .7rem !important;
  min-width: .7rem !important;
  min-height: .7rem !important;
  max-width: .7rem !important;
  max-height: .7rem !important;
  line-height: 0 !important;
  font-size: 0 !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
}

#addressbooktoolbar a .inner,#layout>div>.header a .inner,#messagelist-header a .inner,#messagetoolbar a .inner {
  display: none !important;
}

#addressbooktoolbar>.spacer,#addressbooktoolbar>li.spacer,#layout>div>.header .menu.toolbar li.spacer,#layout>div>.header>.spacer,#messagelist-header .toolbar.menu li.spacer,#messagetoolbar>.spacer,#messagetoolbar>li.spacer {
  align-self: center !important;
  width: .5rem !important;
  min-width: .5rem !important;
  max-width: .5rem !important;
  height: 1rem !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  overflow: hidden !important;
}

@media screen and (max-width:768px) {
  #layout>div>.header a.toolbar-list-button,#layout>div>.header>a.toolbar-list-button,#messagelist-header>a.toolbar-list-button {
    display: none !important;
  }
}

@media screen and (min-width:481px) {
  #layout-sidebar>.header>a.task-menu-button,#layout>div>.header a.task-menu-button,#layout>div>.header>a.task-menu-button,#messagelist-header>a.task-menu-button {
    display: none !important;
  }
}

@media screen and (min-width:769px) {
  #addressbooktoolbar a.toolbar-menu-button,#layout-content>.header>.header-title:not(.all-sizes),#layout>div>.header a.toolbar-menu-button,#layout>div>.header>.menu.toolbar a.toolbar-menu-button,#layout>div>.header>a.toolbar-menu-button,#messagelist-header>a.toolbar-menu-button,#messagetoolbar a.toolbar-menu-button,.content-frame-navigation,.floating-action-buttons,.footer.menu.toolbar.content-frame-navigation {
    display: none !important;
  }
}

@media screen and (min-width:1201px) {
  #layout-content>.header>a.back-list-button,#layout-sidebar>.header>a.back-list-button,#layout>div>.header a.back-list-button,#layout>div>.header a.back-sidebar-button,#layout>div>.header>a.back-list-button,#layout>div>.header>a.back-sidebar-button,#layout>div>.header>a.toolbar-list-button,#messagelist-header>a.back-sidebar-button,#messagetoolbar a.back-list-button {
    display: none !important;
  }
}

html.layout-large #layout-content>.header>a.back-list-button,html.layout-large #layout-sidebar>.header>a.back-list-button,html.layout-large #layout>div>.header a.back-list-button,html.layout-large #layout>div>.header a.back-sidebar-button,html.layout-large #layout>div>.header a.hidden-big,html.layout-large #layout>div>.header a.toolbar-menu-button,html.layout-large #layout>div>.header>.menu.toolbar a.toolbar-menu-button,html.layout-large #layout>div>.header>a.back-list-button,html.layout-large #layout>div>.header>a.back-sidebar-button,html.layout-large #layout>div>.header>a.hidden-big,html.layout-large #layout>div>.header>a.task-menu-button,html.layout-large #layout>div>.header>a.toolbar-list-button,html.layout-large #layout>div>.header>a.toolbar-menu-button,html.layout-large #messagelist-header>a.back-sidebar-button,html.layout-large #messagelist-header>a.hidden-big,html.layout-large #messagelist-header>a.task-menu-button,html.layout-large #messagelist-header>a.toolbar-menu-button,html.layout-large #messagetoolbar a.back-list-button,html.layout-large #messagetoolbar a.hidden-big,html.layout-large #messagetoolbar a.toolbar-menu-button,html.layout-large .hidden-big,html.layout-normal #layout-content>.header>a.back-list-button,html.layout-normal #layout-sidebar>.header>a.back-list-button,html.layout-normal #layout>div>.header a.hidden-big,html.layout-normal #layout>div>.header a.toolbar-menu-button,html.layout-normal #layout>div>.header>.menu.toolbar a.toolbar-menu-button,html.layout-normal #layout>div>.header>a.back-list-button,html.layout-normal #layout>div>.header>a.back-sidebar-button,html.layout-normal #layout>div>.header>a.hidden-big,html.layout-normal #layout>div>.header>a.task-menu-button,html.layout-normal #layout>div>.header>a.toolbar-menu-button,html.layout-normal #messagelist-header>a.back-sidebar-button,html.layout-normal #messagelist-header>a.hidden-big,html.layout-normal #messagelist-header>a.task-menu-button,html.layout-normal #messagelist-header>a.toolbar-menu-button,html.layout-normal #messagetoolbar a.hidden-big,html.layout-normal #messagetoolbar a.toolbar-menu-button,html.layout-normal .hidden-big,html.layout-small #layout>div>.header>a.task-menu-button,html.layout-small #messagelist-header>a.task-menu-button {
  display: none !important;
}

html.layout-phone #layout,html.layout-small #layout {
  gap: var(--shell-gap) !important;
  padding: var(--shell-gap) !important;
}

html.layout-phone #layout-content:not(.hidden),html.layout-phone #layout-list:not(.hidden),html.layout-phone #layout-sidebar:not(.hidden),html.layout-small #layout-content:not(.hidden),html.layout-small #layout-list:not(.hidden),html.layout-small #layout-sidebar:not(.hidden) {
  flex: 1 1 auto !important;
  max-width: none !important;
  width: 100% !important;
  min-width: 0 !important;
  border-radius: var(--radius-control) !important;
}

html.layout-normal #layout-list.hidden~#layout-content>.header>a.back-list-button,html.layout-normal #layout-sidebar.hidden~#layout-list>.header>a.back-sidebar-button,html.layout-normal #layout-sidebar.hidden~#messagelist-header>a.back-sidebar-button,html.layout-phone #layout-content>.header>a.back-list-button,html.layout-phone #layout-sidebar>.header>a.back-list-button,html.layout-phone #layout>div>.header>a.back-list-button,html.layout-phone #layout>div>.header>a.back-sidebar-button,html.layout-phone #layout>div>.header>a.task-menu-button,html.layout-phone #layout>div>.header>a.toolbar-menu-button,html.layout-phone #messagelist-header>a.back-sidebar-button,html.layout-phone #messagelist-header>a.task-menu-button,html.layout-phone #messagelist-header>a.toolbar-menu-button,html.layout-small #layout-content>.header>a.back-list-button,html.layout-small #layout>div>.header>a.back-list-button,html.layout-small #layout>div>.header>a.back-sidebar-button,html.layout-small #layout>div>.header>a.toolbar-menu-button,html.layout-small #messagelist-header>a.back-sidebar-button,html.layout-small #messagelist-header>a.toolbar-menu-button {
  display: grid !important;
}

html.layout-phone body.action-compose #layout-content,html.layout-phone body.action-compose #layout-content.hidden,html.layout-small body.action-compose #layout-content,html.layout-small body.action-compose #layout-content.hidden {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html.layout-phone .floating-action-buttons,html.layout-small .floating-action-buttons {
  display: block !important;
}

html.layout-phone .popover-overlay,html.layout-small .popover-overlay {
  position: fixed !important;
  z-index: 1299 !important;
  inset: 0 !important;
  width: 100% !important;
  background: var(--scrim) !important;
}

html.layout-phone .popover:not(.select-menu),html.layout-small .popover:not(.select-menu) {
  position: fixed !important;
  z-index: 1300 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  width: calc(min(22.5rem, 85vw)) !important;
  max-width: calc(min(22.5rem, 85vw)) !important;
  min-width: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: var(--elevation-modal) !important;
  background: var(--surface-1) !important;
  overflow: hidden !important;
  animation: none !important;
}

html.layout-phone .popover:not(.select-menu)>.arrow,html.layout-small .popover:not(.select-menu)>.arrow {
  display: none !important;
}

html.layout-phone #layout-menu.popover>.popover-header,html.layout-phone .popover:not(.select-menu)>.popover-header,html.layout-small .popover:not(.select-menu)>.popover-header {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  box-sizing: border-box !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  max-height: 2.75rem !important;
  margin: 0 !important;
  padding: 0 .5rem !important;
  background: var(--surface-3) !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html.layout-phone .popover:not(.select-menu)>.popover-header:before,html.layout-small .popover:not(.select-menu)>.popover-header:before {
  display: none !important;
  content: none !important;
}

html.layout-phone #layout-menu>.popover-header a.button,html.layout-phone #layout-menu>.popover-header a.cancel,html.layout-phone .popover:not(.select-menu)>.popover-header a.back,html.layout-phone .popover:not(.select-menu)>.popover-header a.cancel,html.layout-small .popover:not(.select-menu)>.popover-header a.back,html.layout-small .popover:not(.select-menu)>.popover-header a.cancel {
  position: relative !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  max-width: 2rem !important;
  max-height: 2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  background: var(--surface-1) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

html.layout-phone #layout-menu>.popover-header a.button:active,html.layout-phone #layout-menu>.popover-header a.button:focus,html.layout-phone #layout-menu>.popover-header a.button:hover,html.layout-phone #layout-menu>.popover-header a.cancel:active,html.layout-phone #layout-menu>.popover-header a.cancel:focus,html.layout-phone #layout-menu>.popover-header a.cancel:focus-visible,html.layout-phone #layout-menu>.popover-header a.cancel:hover,html.layout-phone .popover:not(.select-menu)>.popover-header a.back:active,html.layout-phone .popover:not(.select-menu)>.popover-header a.back:focus,html.layout-phone .popover:not(.select-menu)>.popover-header a.back:focus-visible,html.layout-phone .popover:not(.select-menu)>.popover-header a.back:hover,html.layout-phone .popover:not(.select-menu)>.popover-header a.cancel:active,html.layout-phone .popover:not(.select-menu)>.popover-header a.cancel:focus,html.layout-phone .popover:not(.select-menu)>.popover-header a.cancel:focus-visible,html.layout-phone .popover:not(.select-menu)>.popover-header a.cancel:hover,html.layout-small .popover:not(.select-menu)>.popover-header a.back:active,html.layout-small .popover:not(.select-menu)>.popover-header a.back:focus,html.layout-small .popover:not(.select-menu)>.popover-header a.back:hover,html.layout-small .popover:not(.select-menu)>.popover-header a.cancel:active,html.layout-small .popover:not(.select-menu)>.popover-header a.cancel:focus,html.layout-small .popover:not(.select-menu)>.popover-header a.cancel:focus-visible,html.layout-small .popover:not(.select-menu)>.popover-header a.cancel:hover {
  background: var(--surface-pressed) !important;
  color: var(--ink) !important;
  outline: none !important;
  box-shadow: none !important;
}

html.layout-phone #layout-menu>.popover-header a.cancel .inner,html.layout-phone .popover:not(.select-menu)>.popover-header a.back .inner,html.layout-phone .popover:not(.select-menu)>.popover-header a.cancel .inner,html.layout-phone .popover:not(.select-menu)>.popover-header a.cancel span.inner,html.layout-small .popover:not(.select-menu)>.popover-header a.back .inner,html.layout-small .popover:not(.select-menu)>.popover-header a.cancel .inner {
  display: none !important;
}

html.layout-phone #layout-menu>.popover-header a.cancel:before,html.layout-phone .popover:not(.select-menu)>.popover-header a.back:before,html.layout-phone .popover:not(.select-menu)>.popover-header a.cancel:before,html.layout-small .popover:not(.select-menu)>.popover-header a.cancel:before {
  content: "" !important;
  display: block !important;
  flex: 0 0 .875rem !important;
  width: .875rem !important;
  height: .875rem !important;
  min-width: .875rem !important;
  min-height: .875rem !important;
  margin: 0 !important;
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.5%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%206%206%2018M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E");
}

html.layout-phone .popover:not(.select-menu)>.popover-body,html.layout-small .popover:not(.select-menu)>.popover-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  padding: .5rem .25rem 1rem !important;
  background: var(--surface-1) !important;
}

html.layout-phone #layout-menu.popover #taskmenu,html.layout-phone .popover-body>.menu.toolbar,html.layout-phone .popover-body>.popupmenu {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  line-height: 1.25 !important;
}

html.layout-phone .popover-body .menu.toolbar>li {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  float: none !important;
}

html.layout-phone .popover-body .menu.toolbar>li.spacer {
  display: none !important;
}

html.layout-phone #layout-menu.popover #taskmenu a,html.layout-phone .popover-body .menu.toolbar>li>a:not(.dropdown) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  place-items: unset !important;
  place-content: unset !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 3.25rem !important;
  max-height: none !important;
  margin: .15rem .75rem !important;
  padding: .65rem .85rem !important;
  float: none !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  overflow: hidden !important;
  gap: .85rem;
  color: var(--ink) !important;
  border-radius: var(--radius-control) !important;
}

html.layout-phone #layout-menu.popover #taskmenu a:before,html.layout-phone .popover-body .menu.toolbar>li>a:not(.dropdown):before {
  flex: 0 0 1.25rem !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  min-height: 1.25rem !important;
  margin: 0 !important;
  float: none !important;
}

html.layout-phone #layout-menu.popover #taskmenu a .inner,html.layout-phone #layout-menu.popover #taskmenu a span.inner {
  display: block !important;
  position: static !important;
  flex: 1 1 auto !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: auto !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: inherit !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html.layout-phone .popover-body .menu.toolbar .dropbutton {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 3.25rem !important;
  max-height: none !important;
  margin: .15rem .75rem !important;
  padding: 0 !important;
  overflow: hidden !important;
  float: none !important;
  line-height: 1.25 !important;
  background: var(--surface-2) !important;
  border-radius: var(--radius-control) !important;
}

html.layout-phone .popover-body a.toolbar-menu-button {
  display: none !important;
}

html.layout-phone #layout-content table.listing.iconized tbody tr.selected>td,html.layout-phone #layout-list .listing.iconized li.selected>a,html.layout-phone #layout-sidebar .listing.iconized li.selected>a,html.layout-phone #sections-table tbody tr.selected>td,html.layout-phone #settings-menu li.selected>a,html.layout-phone table.listing.iconized tbody tr.selected>td,html.layout-small #layout-content table.listing.iconized tbody tr.selected>td,html.layout-small #layout-list .listing.iconized li.selected>a,html.layout-small #layout-sidebar .listing.iconized li.selected>a,html.layout-small #sections-table tbody tr.selected>td,html.layout-small #settings-menu li.selected>a,html.layout-small table.listing.iconized tbody tr.selected>td {
  background: transparent !important;
  color: var(--ink) !important;
}

html.layout-phone #layout-list .listing.iconized li.selected>a:active,html.layout-phone #layout-list .listing.iconized li.selected>a:hover,html.layout-phone #layout-sidebar .listing.iconized li.selected>a:active,html.layout-phone #layout-sidebar .listing.iconized li.selected>a:hover,html.layout-phone #sections-table tbody tr.selected:active>td,html.layout-phone #sections-table tbody tr.selected:hover>td,html.layout-phone #settings-menu li.selected>a:active,html.layout-phone #settings-menu li.selected>a:focus,html.layout-phone #settings-menu li.selected>a:hover,html.layout-phone table.listing.iconized tbody tr.selected:hover>td,html.layout-small #layout-list .listing.iconized li.selected>a:hover,html.layout-small #layout-sidebar .listing.iconized li.selected>a:hover,html.layout-small #sections-table tbody tr.selected:hover>td,html.layout-small #settings-menu li.selected>a:active,html.layout-small #settings-menu li.selected>a:focus,html.layout-small #settings-menu li.selected>a:hover,html.layout-small table.listing.iconized tbody tr.selected:hover>td {
  background: var(--surface-2) !important;
  color: var(--ink) !important;
}

html body.action-compose #layout-content,html body.action-compose #layout-content.hidden {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: var(--surface-1) !important;
}

html.layout-phone body.action-compose #layout-sidebar.sidebar-right.hidden,html.layout-small body.action-compose #layout-sidebar.sidebar-right.hidden {
  display: none !important;
}

#layout-list>.pagenav,.listbox>.pagenav,.pagenav.footer,.pagenav.menu.footer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .35rem !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 3rem !important;
  padding: .45rem .65rem !important;
  margin: 0 !important;
  background: var(--surface-1) !important;
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

.footer.pagenav a.firstpage,.footer.pagenav a.lastpage,.footer.pagenav a.nextpage,.footer.pagenav a.prevpage,.pagenav a.firstpage,.pagenav a.lastpage,.pagenav a.nextpage,.pagenav a.prevpage {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-width: 2.25rem !important;
  min-height: 2.25rem !important;
  max-width: 2.25rem !important;
  max-height: 2.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  background: var(--surface-3) !important;
  color: var(--ink) !important;
  text-decoration: none !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

.pagenav a.firstpage:focus,.pagenav a.firstpage:hover,.pagenav a.lastpage:focus,.pagenav a.lastpage:hover,.pagenav a.nextpage:focus,.pagenav a.nextpage:hover,.pagenav a.prevpage:focus,.pagenav a.prevpage:hover {
  background: var(--surface-pressed) !important;
  color: var(--ink) !important;
}

.pagenav a.disabled,.pagenav a.disabled:hover {
  opacity: .4 !important;
  background: var(--surface-2) !important;
  pointer-events: none !important;
}

.pagenav a.firstpage:before,.pagenav a.lastpage:before,.pagenav a.nextpage:before,.pagenav a.prevpage:before {
  margin: 0 !important;
  width: 1.1rem !important;
  height: 1.1rem !important;
  min-width: 1.1rem !important;
  min-height: 1.1rem !important;
}

.pagenav a .inner,.pagenav a span.inner {
  display: none !important;
}

.pagenav .pagenav-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 .35rem !important;
  padding: 0 !important;
  font-weight: 600 !important;
  color: var(--muted) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.pagenav .pagenav-text,.pagenav input.form-control,.pagenav input[type=text] {
  font-family: var(--font) !important;
  font-size: .8125rem !important;
  text-align: center !important;
}

.pagenav input.form-control,.pagenav input[type=text] {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  max-width: 2.75rem !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  margin: 0 !important;
  padding: 0 .25rem !important;
  border: 0 !important;
  border-radius: var(--radius-control) !important;
  background: var(--surface-3) !important;
  color: var(--ink) !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

#messagelist-header > .list-tools {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  align-self: center !important;
  height: var(--control-height) !important;
  min-height: var(--control-height) !important;
  max-height: var(--control-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  background: color-mix(in srgb, var(--surface-2) 78%, transparent) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: none !important;
}

#messagelist-header > .list-tools > #toolbar-list-menu.menu.toolbar {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: var(--control-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: static !important;
  float: none !important;
}

#messagelist-header > .list-tools > a,
#messagelist-header > .list-tools > #toolbar-list-menu > li,
#messagelist-header > .list-tools > #toolbar-list-menu > li > a {
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

#messagelist-header > .list-tools > #toolbar-list-menu.menu.toolbar > li {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  height: var(--control-height) !important;
  min-height: 0 !important;
  max-height: var(--control-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#layout-content > .header > ul#toolbar-menu.menu.toolbar > li:has(> a#listmenulink-clone) {
  display: none !important;
}

#messagelist-header > .list-tools a:before {
  width: 1.15rem !important;
  height: 1.15rem !important;
  min-width: 1.15rem !important;
  min-height: 1.15rem !important;
  max-width: 1.15rem !important;
  max-height: 1.15rem !important;
  margin: 0 !important;
  background-color: var(--muted) !important;
}