/* Advertisement type & sizes */

/* General */

img {
    max-width: 100%;
}

.style__link___EDI7v,
.style__content___kF7PR a {
    display: block;
}

/* WEB: messageListTop */

.desktop .style__messageListTop___d7_jT,
.tablet .style__messageListTop___d7_jT {
    padding: 20px 20px 0;
}

.desktop .style__messageListTop___d7_jT .style__content___kF7PR,
.tablet .style__messageListTop___d7_jT .style__content___kF7PR {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 0;
}

/* WEB: messageListRight */

.desktop .style__messageListRight___aPbrz,
.tablet .style__messageListRight___aPbrz {
    padding: 20px 0 20px 25px;
}

.desktop .style__messageListRight___aPbrz .style__content___kF7PR,
.tablet .style__messageListRight___aPbrz .style__content___kF7PR {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 0;
}

/* WEB MOBILE: threadListTop */

.desktop .style__threadListTop___FtEIg,
.tablet .style__threadListTop___FtEIg,
.mobile .style__threadListTop___FtEIg {
    padding: 20px 25px;
    border-bottom: 1px solid #e0e0e0;
}

.desktop .style__threadListTop___FtEIg .style__content___kF7PR,
.tablet .style__threadListTop___FtEIg .style__content___kF7PR,
.mobile .style__threadListTop___FtEIg .style__content___kF7PR {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 0;
}

/* WEB MOBILE: threadListInFeed */

.style__threadListInFeed___N0wST {
    border-bottom: 1px solid #e0e0e0;
}

.style__threadListInFeed___N0wST .style__content___kF7PR > div {
    line-height: 0;
    text-align: center;
}

/* WEB: loginPageRight, loginPageLeft */

.style__loginPageRight___gkyuD,
.style__loginPageLeft___sKI5L {
  max-width: 300px;
  margin: 0 auto;
}


.style__container___c7VXs {}

.style__error___Yldnt {
  color: #DE3535;
  margin-bottom: 25px;
}

/* Remove styling within SwatchesPicker component. */
.style__container___c7VXs div[style *= "box-shadow"] {
  position: static !important;
  box-shadow: none !important;
}

/* Swatch scroll wrapper. */
.style__container___c7VXs div[style *= "overflow-y"] {
  overflow-y: initial !important;
}

/* Swatch scroll padding. */
.style__container___c7VXs div[style *= "overflow-y"] > div {
  padding: 0 !important;
}

/* Swatch groups. */
.style__container___c7VXs div[style *= "overflow-y"] > div > div[style *= "float"] {
  margin-right: 12px !important;
  padding-bottom: 16px !important;
}

.style__container___nzRPR {
  display: flex;
  flex-direction: column;
}

.style__copied___qVTkq {
  color: green;
  width: 100%;
  text-align: center;
  font-size: 1em;
  height: 1.5em;
  vertical-align: middle;
}

.style__pre___HxTIT {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0px;
  color: #000 !important;
}

.style__button___UkEwI {
  width: 100%;
  color: #000 !important;
  background-color: #efefef !important;
  border: 1px solid #000 !important;
  border-radius: 3px !important;
}

.style__container___BmviK {
  display: flex;
  flex-direction: column;
  max-width: 250px;
}

.style__container___BmviK > div {
  margin-top: 1em;
}

/* http://codepen.io/mrrocks/pen/EiplA */

.style__spinner___Dbka6 {
  animation: style__rotator___naWUb 1.4s linear infinite;
  animation-delay: 500ms;
}

.style__path___syVm6 {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: style__dash___LJ41P 1.4s ease-in-out infinite, style__colors___pESQZ 5.6s ease-in-out infinite;
  animation-delay: 200ms;
}

@keyframes style__rotator___naWUb {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

@keyframes style__colors___pESQZ {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}

@keyframes style__dash___LJ41P {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}

/* Browser hacks. */
html[data-ua^=IE-11] .style__spinner___Dbka6 {
  animation-duration: 2.0s;
}

html[data-ua^=IE-11] .style__path___syVm6 {
  stroke-dasharray: 0, 10, 0, 10;
  stroke: #4285F4;
}

.style__secret___v5WAO {
  cursor: pointer;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 4px 8px;
  max-width: 100%;
  font-size: 14px;
}

.style__secret___v5WAO:hover {
  background-color: #dddddd;
  border-color: #dddddd;
}

.style__secret___v5WAO:active {
  background-color: #ffffff;
}

.style__copyNotifierText___BpRBZ {
  margin-top: 0;
  font-size: .8rem;
}

.style__codeCopiedColor___V_htm {
  color: #0084D4;
}

.style__manualTextInfo___NhUyi {
  max-width: 100%;
}
.style__container___W0z2i {
  display: flex;
  flex-direction: column;
  max-width: 250px;
}

.style__container___W0z2i > div {
  margin-top: 1em;
}

.style__container___nq2IW {
  display: flex;
  flex-direction: column;
  max-width: 250px;
}

.style__iosOnly___KutOW {
  display: none;
}

@supports (-webkit-touch-callout: none) {
  .style__iosOnly___KutOW {
    display: block;
  }
}
.style__container___OTijb {
  max-height: 64px;
  transition: none !important;
  right: auto !important;
  top: 0px !important;
}

.style__container___OTijb div {
  display: flex;
}

.style__iconRight___jTDTl {
  margin-left: auto;
}

.style__container___OTijb svg {
  color: currentColor !important;
  transition: none !important;
}

body[dir=rtl].tablet .style__container___OTijb > button:first-child,
body[dir=rtl].mobile .style__container___OTijb > button:first-child {
  margin: 8px -16px 0px 8px !important;
}

/* Responsive override */
body.tablet .style__container___OTijb,
body.mobile .style__container___OTijb {
  width: 100% !important;
}

.mobile .style__container___OTijb {
  position: relative;
}
 
.style__appBarTitle___enSaW {
  font-size: 1.25rem !important;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.0075em !important;
}

.style__appBarTitlePad___JpF0T {
  padding-inline-start: 16px;
}

/* Remove MUI padding. */
.style__container___nF4qs {
  padding-top: 0 !important;
  height: calc(100vh - 126px);
  display: flex;
  flex-direction: column;
}

body[dir=ltr] .style__nested___J7XxR {
  margin-left: 8px;
}

body[dir=rtl] .style__nested___J7XxR {
  margin-right: 8px;
}

.style__parent___DcORy  button+div {
  margin-inline-start: 8px;
}

.style__nested___J7XxR {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  border-inline-start: 1px solid #ffffff44;
}

.style__nested___J7XxR div[role="button"] {
  padding-inline-start: 16px !important;
}

.style__toggle___QaOYd {
  inset-inline-start: -13.5px;
  position: absolute !important;
}

ul ul .style__toggle___QaOYd {
  inset-inline-start: -14px;
}

.style__actionMenu___yoqYF {
  right: 0 !important;
}
.style__container___G6Eww {
  font-size: 15px !important;
  padding-left: 25px !important;
  transition: none !important;
  /* Wrap long text. */
  word-break: break-word;
  cursor: pointer;
  padding-right: 30px !important;
}

.style__container___G6Eww > div > div {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

body[dir="rtl"] .style__container___G6Eww {
  padding-left: unset !important;
}

body[dir="rtl"] .style__container___G6Eww > div > div:first-of-type {
  margin-left: unset !important;
  padding-left: 52px !important;
}

/* Remove MUI padding for nested items. */
.style__container___G6Eww + div:first-of-type {
  padding: 0 !important;
}

/* Apply some spacing between the expand button and text. */
/* body[dir="ltr"] .children button + div {
  padding-right: 25px;
}

body[dir="rtl"] .children button + div {
  padding-left: 25px;
} */

/* Propagate the icon color to svg icons. */
.style__container___G6Eww button {
  color: currentColor !important;
  transition: none !important;
}

.style__container___G6Eww svg {
  fill: currentColor !important;
  color: currentColor !important;
  transition: none !important;
}

/* Apply ellipsis for side menu text */
.style__wrapText___GnYib div div div:last-child {
  white-space: nowrap;
  max-width: 127px;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[dir="rtl"] div[class*="style__badge"] span {
  right: auto !important;
  left: 0;
}

.style__disabled___KyzgL {
  opacity: 0.4;
}

.style__responsive___T_hpu {
  height: unset !important;
  min-height: 48px;
}

.style__row___wVyIi {
  display: flex;
  height: 100%;
  flex: 1;
  flex-direction: row;
}

body[dir=rtl] .style__row___wVyIi {
  flex-direction: row-reverse;
}

.style__flex___Cm922 {
  display: flex;
  height: 100%;
  flex: 1;
  flex-direction: inherit;
  margin-top: 64px;
}

.mobile .style__flex___Cm922 {
  margin-top: unset;
}

.style__column___clChf {
  display: flex;
  height: 100%;
  flex: 1;
  flex-direction: column;
}

.SkipLink__container____r1QS {
  position: relative;
}

.SkipLink__container____r1QS a {
  left: -1000000px;
  position: absolute;
  margin: 0;
  background-color: #fff;
  white-space: nowrap;
  padding: 0.5rem;
}

.SkipLink__container____r1QS a:focus {
  left: unset;
  margin: 1em;
  z-index: 99999;
}

html {
  font-size: 14px;
}
html.accessible {
  font-size: 16px;
}

html,
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

body {
  font: 400 1em/1.5em Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font: 400 1.8em/1.35em Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Fixes for MUI components that don't style correctly in RTL mode */

/* Checkbox alignment */
body[dir="rtl"] input[type="checkbox"] + div > div:first-child {
  margin-right: 0 !important;
  margin-left: 16px !important;
}

body[dir="rtl"] th,
body[dir="rtl"] td {
  text-align: right !important;
}

/* Reduce size of secondaryText on MenuItem (kb shortcuts) */
span[role=menuitem] div:first-of-type > div:first-of-type > div[style]:first-of-type {
  font-size: 11px;
}

/* Switch secondaryText to the left for RTL locales */
body[dir=rtl] span[role=menuitem] div:first-of-type > div:first-of-type > div[style]:first-of-type {
  float: left !important;
}

.style__intro___mZT9q {
  margin-top: 10px;
  margin-bottom: 16px;
}

.style__intro___mZT9q strong {
  font-weight: 500;
}

.style__more___fes9F {
  font-size: 12px;
  color: #4c60d8;
  float: right;
  vertical-align: top;
  margin-top: -2px;
  margin-left: 10px;
}

/* Show am/pm lowercase. */
.style__time___Amq_v {
  text-transform: lowercase;
}


/* Action styling. */
.style__error___j6zPN {
  color: #DE3535;
  margin-bottom: 25px;
}

/* Allow select field selection by bringing to front. */
.style__select___HX4mt {
  position: relative;
  z-index: 1000;
  margin: 0 1em;
}

.style__select___HX4mt svg {
  fill: currentColor !important;
}

.style__radioGroup___JZ1dC {
  margin-top: 32px;
}

/* Event styling. */
.style__event___Rf4zu {
  margin-left: 42px;
}

.style__description___o4X8V {
  white-space: pre-wrap;
  font-size: 13px;
  line-height: 18px;
  word-break: break-all;
}

.style__section___aFgoP {
  position: relative;
  margin: 0 0 16px;
}

.style__section___aFgoP:only-of-type,
.style__section___aFgoP:last-child {
  margin-bottom: 0;
}

.style__icon___uVaKe {
  position: absolute;
  top: 0;
  left: -42px;
  color: gray !important;
}

.style__list___bZxAg {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.style__attendee___VXGqs {
  margin-right: 5px;
}

.style__headers___SACQf {
    list-style: none;
    line-height: 1.5;
}

.style__container___lA0u_ {
  margin-bottom: 30px;
}

.style__error___TbPAT {
  color: #DE3535;
  margin-bottom: 25px;
  white-space: pre-wrap;
}

button[id="toggleNewPasswordBtn"], button[id="toggleConfirmNewPasswordBtn"], button[id="togglePasswordBtn"] {
  color: inherit;
}
.style__chip___Vsp5c {
  height: 24px;
  opacity: 0;
  margin: 1px 0 !important;
}

.style__chip___Vsp5c.style__show___MiCH3 {
  animation: style__fadeingrow___Uhvgu 500ms ease;
  width: fit-content;
  opacity: 1;
}

.style__chip___Vsp5c.style__hide___E8q6F {
  animation: style__fadeoutshrink___KkSIX 500ms ease;
  width: 0;
}

@keyframes style__fadeoutshrink___KkSIX {
  0% {
    opacity: 1;
    width: fit-content;
  }
  75% {
    opacity: 0;
    width: fit-content;
  }
  100% {
    width: 0;
  }
}

@keyframes style__fadeingrow___Uhvgu {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: fit-content;
  }
}

body[dir="ltr"] .style__chip___Vsp5c:not(:last-of-type) {
  margin-right: 4px !important;
}

body[dir="rtl"] .style__chip___Vsp5c:not(:last-of-type) {
  margin-left: 4px !important;
}

.style__chipWrapper___BlRkv {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 4px;
  transition: all 500ms ease;
}

.style__chipWrapper___BlRkv.style__show___MiCH3 {
  margin-top: 0px;
  opacity: 1;
}

.style__chipWrapper___BlRkv.style__hide___E8q6F {
  opacity: 1;
  position: absolute;
}

.style__container___q6zwC {
  min-height: 50px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: none !important;
  border-bottom: 1px solid #e0e0e0;
}

.style__container___q6zwC > div {
  background: #fff !important;
  min-height: 50px;
  justify-content: space-between;
}

body[dir="rtl"] .style__container___q6zwC > div:first-child {
  margin-right: -16px !important;
  margin-left: 8px !important;
}

.style__modeIcon___jnprF {
  width: 32px;
  margin: 6px 2px 0 8px;
}

body[dir="rtl"] .style__modeIcon___jnprF {
  margin: 6px 8px 0 2px;
}

/* MUI title container. */
.style__container___q6zwC > div:nth-child(2) {
  color: #000 !important;
  height: unset !important;
  font-size: 15px !important;
  line-height: 50px !important;
}

.style__draft___yFabG {
  color: #DC3838;
}

.style__modeMenu___OiQ65 {
  position: relative;
  top: -1px;
  vertical-align: middle;
  max-height: 50px !important;
  z-index: 1;
}

.style__actions___OwDSM {
}

.style__attachments___iOU_8 {
  position: relative;
  top: -7px;
  font-size: 14px;
  font-weight: 300;
}

.style__container___q6zwC > svg {
  fill: #737373 !important;
}

.style__title___EdeMX {
  display: flex;
  align-items: center;
  height:auto;
}

.style__modeMenuBtn___Lylak {
  position: relative;
  z-index: 1;
}

.style__toolbar___e9RpY {
  color: #63666A !important;
}

.style__borderTop___rrH7d {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.style__container___trl8h {
  position: absolute;
  top: 0px;
  left: 0px;
  right:0px;
  bottom: 0px;
  z-index: 10;
  font-size: 20px;
  border: 5px dashed rgba(37, 157, 41, .6);
  background: rgba(37, 157, 41, .2);
  color: #000;
}

.style__container___trl8h svg {
  color: currentColor !important;
}

.style__preview___HGGzw {
  width: 160px;
  min-width: 160px;
  height: 120px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  position: relative;
  background-size: cover;
  background-position: center;
  display: inline-block;
  margin: 10px;
}

.style__remove___ui1Hb {
  position: absolute;
  top: 0;
  right: -1px;
  background-color: rgba(255, 255,255, .75);
  width: 16px !important;
  height: 16px !important;
  cursor: pointer;
}

body[dir=rtl] .style__remove___ui1Hb {
  right: unset;
  left: -1px;
}

.style__progress___E7_HK {
  position: absolute !important;
  left: 0px;
  right: 0px;
  top: initial;
  bottom: -2px;
  width: auto !important;
  border-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.style__attachment___Pq7GA {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  margin: 5px 10px 5px 0;
  padding: 5px 3px 5px 5px;
  font-size: 13px;
  background: #f8f8f8;
  border-radius: 2px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
  word-break: break-all;
  width: fit-content;
  height: 2em;
  align-items: center;
  justify-content: space-between;
  line-height: 1em;
  align-self: center;
  /* min-width: 160px; */
}

body[dir="rtl"] .style__attachment___Pq7GA {
  margin: 5px 0 5px 10px;
  padding: 5px 5px 5px 3px;
}

.style__remove___les0D {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  cursor: pointer;
  margin-left: 5px !important;
}

body[dir="rtl"] .style__remove___les0D {
  margin-right: 5px;
  margin-left: unset;
}

.style__progress___jfXCB {
  position: absolute !important;
  left: -1px;
  top: initial;
  bottom: -2px;
  right: -1px;
  width: auto !important;
  border-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

/* Browser hacks. */
html[data-ua^=IE-11] .style__attachment___Pq7GA {
  display: block;
  margin-bottom: 10px;
}

html[data-ua^=IE-11] .style__remove___les0D {
  float: right;
  margin-top: 5px;
}

html[data-ua^=IE-11] body[dir="rtl"] .style__remove___les0D {
  float: left;
}

.style__menuButton___mNOhW {
  color: currentColor !important;
  width: fit-content;
}

.style__menuButtonText___OzMq1 {
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  justify-content: space-between !important;
}

.style__underline___xqWmS {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.style__underline___xqWmS::after {
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  border-bottom: 1px solid #8c8c8c;
  pointer-events: none;
}

.style__underline___xqWmS:focus::after {
  border-bottom: 2px solid #007BC7;
}

.style__iosOnly___AK3zY {
  display: none;
}
@supports (-webkit-touch-callout: none) {
  .style__iosOnly___AK3zY {
    display: block;
  }
}

.style__notificationMenuButton___hrTQU {
  min-width: unset !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  margin: 0px !important;
  padding: 0px !important;
  outline: none;
  z-index: 1 !important;
  height: 36px !important;
  border-radius: 0px;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms !important;
  box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}

button.style__notificationMenuButton___hrTQU:disabled {
  background-color: rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

body[dir="ltr"] .style__notificationMenuButton___hrTQU {
  border-top-left-radius: 0% !important;
  border-bottom-left-radius: 0% !important;
  margin-left: 0 !important;
}

body[dir="rtl"] .style__notificationMenuButton___hrTQU {
  border-top-right-radius: 0% !important;
  border-bottom-right-radius: 0% !important;
  margin-right: 0 !important;
}

.style__notificationMenuButton___hrTQU svg {
  fill: #fff !important;
}

.style__send___AHkju {
  margin-right: 1px !important;
  color: #fff !important;
  height: 36px !important;
  font-size: 14px !important;
}

body[dir="rtl"] .style__send___AHkju {
  margin-right: unset;
  margin-left: 1px !important;
}

body[dir="ltr"] .style__send___AHkju {
  border-top-right-radius: 0% !important;
  border-bottom-right-radius: 0% !important;
}

body[dir="rtl"] .style__send___AHkju {
  border-top-left-radius: 0% !important;
  border-bottom-left-radius: 0% !important;
}

li.style__menuItem___Cwhre {
  position: relative;
  padding-left: 45px;
  padding-right: 25px;
}

div.style__icon___QXPfX {
  min-width: auto;
  position: absolute;
  left: 15px;
}

.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}

.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}

.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}

.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus { outline: 0 }
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px; left: 0;
  width: 100%; height: 3px;
  background-color: #464646;
}

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
  width: 18px;
}

.emoji-mart-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
}

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}

.emoji-mart-search-icon {
  position: absolute;
  top: 7px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .95);
}

.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}

.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}

.emoji-mart-preview {
  position: relative;
  height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
  left: 12px;
}

.emoji-mart-preview-data {
  left: 68px; right: 12px;
  word-break: break-all;
}

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}

.emoji-mart-preview-name {
  font-size: 14px;
}

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75;
}

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }
.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }
.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }
.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }
.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }
.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 4px; height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default;
}

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75;
}

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}

.emoji-mart-skin-tone-1 { background-color: #ffc93a }
.emoji-mart-skin-tone-2 { background-color: #fadcbc }
.emoji-mart-skin-tone-3 { background-color: #e0bb95 }
.emoji-mart-skin-tone-4 { background-color: #bf8f68 }
.emoji-mart-skin-tone-5 { background-color: #9b643d }
.emoji-mart-skin-tone-6 { background-color: #594539 }

/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*
 * Dark mode styles
 */

.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}

.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}

.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}

.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}

.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}

.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}

.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}

.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  color: #858585;
  line-height: 0;
}

.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
}
.emoji-mart-anchor:hover,
.emoji-mart-anchor-selected {
  color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px; left: 0;
  width: 100%; height: 3px;
  background-color: #464646;
}

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
  width: 18px;
}

.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
}

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}

.emoji-mart-search-icon {
  position: absolute;
  top: 9px;
  right: 16px;
  z-index: 2;
  padding: 0;
  border: none;
  background: none;
}

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .95);
}

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
}

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji";
}

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}

.emoji-mart-preview {
  position: relative;
  height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
  left: 12px;
}

.emoji-mart-preview-data {
  left: 68px; right: 12px;
  word-break: break-all;
}

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}

.emoji-mart-preview-name {
  font-size: 14px;
}

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #737373;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75;
}

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }
.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }
.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }
.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }
.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }
.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 4px; height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default;
}

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75;
}

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #737373;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}

.emoji-mart-skin-tone-1 { background-color: #ffc93a }
.emoji-mart-skin-tone-2 { background-color: #fadcbc }
.emoji-mart-skin-tone-3 { background-color: #e0bb95 }
.emoji-mart-skin-tone-4 { background-color: #bf8f68 }
.emoji-mart-skin-tone-5 { background-color: #9b643d }
.emoji-mart-skin-tone-6 { background-color: #594539 }

.style__toolbar___G_BQF {
  /* max-height: 48px !important; */
  min-height: 48px !important;
  white-space: nowrap;
  padding: 0 16px !important;
  background-color: rgb(250, 250, 250);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.style__toolbarColumn___QiScF {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.style__secondary___AXODE {
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.style__secondary___AXODE > span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.style__disabled___JOP9L {
  position: relative;
}

.style__disabled___JOP9L:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}

.style__sendMailButton___J8OkR {
  display: inherit;
  margin-bottom: 10px;
}

body[dir="rtl"] .style__disabled___JOP9L:after {
  left: unset;
  right: 0;
}

.style__upload___h4R3k {
  position: relative;
  margin-top: -1px !important;
}

.style__upload___h4R3k input {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  z-index: -1;
}

.style__font___EuHwj {
  top: -1px;
}

.style__icon___QHDIv {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
}

.style__active___vodgj:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 2px;
  width: 28px;
  height: 28px;
  display: block;
  border-radius: 2px;
  background: #d0d0d0;
  z-index: -1;
}

body[dir="rtl"] .style__active___vodgj:after {
  left: unset;
  right: 2px;
}

.style__draft___B7lRW {
  display: inline-flex;
  justify-content: flex-end;
  flex-grow: 1;
  align-items: center;
  font-size: 14px;
  color: #737373;
}

.style__desktop___TGaSW {
  display: inline-block !important;
}

.style__mobile___Rexm1 {
  display: none !important;
}

/* Responsive overrides. */
.mobile .style__desktop___TGaSW {
  display: none !important;
}

.mobile .style__mobile___Rexm1 {
  display: block !important;
}

/* Browser hacks. */
html[data-ua^=IE-11] .style__icon___QHDIv {
  margin-top: 14px !important;
}

html[data-ua^=IE-11] .style__active___vodgj:after {
  top: -3px;
}

.style__borderTop___OlKkX {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

@media (max-width: 412px) {
  .style__notSmall___bk0AB {
    display: none !important;
  }
}

.style__container___q1GYi {
  position: relative;
  cursor: text;
}

.style__placeholder___kfLVk {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  color: #797676;
  user-select: none;
}

body[dir="rtl"] .style__placeholder___kfLVk {
  left: unset;
  right: 16px;
}

.style__editor___jSye1 {
  padding: 15px;
  z-index: 2;
  outline: none;
  color: rgba(0, 0, 0, 0.87);
}

.style__editor___jSye1 blockquote {
  margin: 0;
  padding: 0 20px;
  border-left: 2px solid #e0e0e0;
}

body[dir="rtl"] blockquote {
  border-right: 2px solid #e0e0e0;
  border-left: unset;
}

.style__editor___jSye1 pre {
  white-space: pre-wrap;
}

/* Hide menu icon. */
.style__container___xkW16 > button {
  display: none !important;
}

/* Responsive overrides. */
/* Show menu icon. */
.tablet .style__container___xkW16 > button,
.mobile .style__container___xkW16 > button {
  display: inline-block !important;
}

/* Input and placeholder. */
.style__input___RNKDN > div:first-of-type,
.style__input___RNKDN input {
  color: currentColor !important;
}

.style__input___RNKDN > div:first-of-type::before {
  border-bottom-color: currentColor !important;
}

/* Make placeholder look more like such by reducing its color slightly. */
.style__input___RNKDN > div:first-of-type[style *= 'opacity: 1'] {
  opacity: 0.6 !important;
}

.style__quickViewContainer___WBiqK .style__input___RNKDN, .style__quickViewContainer___WBiqK .style__input___RNKDN > div {
  top: 0 !important;
}

button.style__searchBtn___hbTy7 {
  margin: 0 12px !important;
}

.style__container___bjep2 {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: inherit;
}

.style__unorderedList___S3oG3 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.style__container___clcA1 {
  position: relative;
}

.style__container___clcA1 button {
  left: -1000000px;
  position: absolute;
  margin: 0;
  background-color: #fff;
}

.style__container___clcA1 button:focus {
  left: unset;
  margin: 1em;
  z-index: 99999;
}

.style__decorations___jHPiQ {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #63666A;
}

body[dir="rtl"] .style__decorations___jHPiQ {
  left: unset;
  right: 16px;
  text-align: right;
}

.style__decorations___jHPiQ button {
  padding: 0 !important;
}

.style__disabled___QSco7:hover > *:first-child {
  opacity: 1 !important;
  cursor: default;
}
.style__container___E7_1T {
  cursor: pointer;
}

/* Padding within container. */
.style__container___E7_1T > div {
  /* Ensure we honour the parent elements values. */
  box-sizing: inherit;
  min-height: inherit;
  max-height: inherit;
  width: 100vw;
}

body[dir="rtl"] #popupContactQuickView .style__container___E7_1T > div {
  width: 368px;
}

.style__body___qYUzP {
  position: relative;
  overflow: hidden;
  padding-left: 72px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-top: 20px;
  border-bottom: 1px solid #e0e0e0;
  /* Revert the MUI auto created container. */
  margin: -16px;
  /* Ensure we honour the parent elements values. */
  box-sizing: inherit;
  min-height: inherit;
  max-height: inherit;
}

body[dir="rtl"] .style__body___qYUzP {
  padding-right: 72px;
  padding-left: 16px;
}

.style__background___GS8Ki {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.style__name___v2tjl {
  height: 16px;
  padding-top: 2px;
  padding-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style__email___UuDcB {
  padding-bottom: 8px;
}

.style__phone___dWaZL {
  font-size: 14px;
  font-weight: 300;
  position: absolute;
  top: 22px;
  right: 22px;
}

body[dir="rtl"] .style__phone___dWaZL {
  right: unset;
  left: 22px;
}

.style__phone___dWaZL a {
  text-decoration: none;
  color: currentColor;
  position: relative;
  z-index: 1;
}

.style__company___rS6bA {
  font-size: 14px;
  line-height: 16px;
  height: 16px;
  margin-top: -4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style__decorationsQuickView___cA3jP {
  position: absolute;
  top: 26px;
  left: 26px;
  width: 32px;
  text-align: left;
}

body[dir="rtl"] .style__decorationsQuickView___cA3jP {
  right: 26px;
  left: unset;
  text-align: right;
}

/* Responsive overrides. */
.mobile .style__phone___dWaZL {
  display: none !important;
}

.style__emailBtn___OjXcb {
  font-size: 15px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
  border: 0;
  padding: 0;
  color: currentColor;
}

.style__emailBtn___OjXcb::after {
  content: '';
  position: absolute;
  left: 72px;
  top: 0;
  right: 0;
  bottom: 0;
}

body[dir="rtl"] .style__emailBtn___OjXcb::after {
  left: 0;
  right: 72px;
}

.style__labelSpan___rRej6 {
  display: block;
}

body[dir="rtl"] .style__labelSpan___rRej6 {
  text-align: right;
}

.style__container___yVUrm {
  height: 55px;
}

.style__spinner___xZEBN {
  transform: scale(0.5, 0.5);
}

.style__error___eEnpy {
  color: #DE3535;
  font-weight: 500;
  /* Match the height of the Spinner. */
  line-height: 55px;
}

/* Remove MUI list padding within list. */
.style__container___KVtzm {
  padding-top: 0 !important;
}

.style__notice___fnhoX {
  text-align: center;
  padding: 0 35px;
  /* Delay showing to prevent flickering. */
  opacity: 0;
  animation: style__fadeIn___xUmDC ease-in 0s 1s forwards;
}

@keyframes style__fadeIn___xUmDC { from { opacity: 1; } to { opacity: 1; } }

.style__container___M0hWM {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.style__small___wVMuU {
  max-width: 450px;
}

.style__select___YVraY {
  z-index: 100;
}

.style__body___GzpNo {
  overflow: hidden;
}

/* Responsive overrides. */
.mobile .style__select___YVraY {
  z-index: 10;
}

.style__button___VfjEg {
  padding: 9px 0;
  text-align: center;
}

.style__button___VfjEg > div:last-child {
  margin-left: 5px;
}

body[dir="rtl"] .style__button___VfjEg > div:last-child {
  margin-right: 5px;
}

.style__wrapper___OHl19 {
  min-width: 368px;
}
.style__container___LJIjG {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 540px;
  height: 570px;
  max-height: 100%;
  overflow: hidden;
  will-change: top, right, bottom, left;
  background: none !important;
  pointer-events: all;
  /* Only curve top corners. */
  border-radius: 2px 2px 0 0 !important;
  background-color: #fff;
}

body[dir="rtl"]:not(.mobile) .style__container___LJIjG {
  left: 0;
  right: unset !important;
}

.style__container___LJIjG:not(.style__fullscreen___lfcdY) .style__header___EthDF h1 {
  color: #fff !important;
}

.style__container___LJIjG .style__header___EthDF svg {
  fill: #fff !important;
  color: #fff !important;
}

.style__error___tCIrk {
  display: block;
  color: #d3d3d3;
  margin-top: 10px;
  line-height: 18px;
}

.style__header___EthDF {
  min-height: 50px !important;
  max-height: 50px !important;
  box-shadow: none !important;
  transition: none !important;
  border-bottom-width: 0px !important;
  top: 0px !important;
}

.style__header___EthDF > div {
  min-height: 50px !important;
  max-height: 50px !important;
}

body[dir="ltr"] .style__header___EthDF > div {
  padding-right: 0;
}

body[dir="rtl"] .style__header___EthDF > div {
  padding-left: 0;
}

.style__header___EthDF h1 {
  height: 50px !important;
  font-size: 15px !important;
  line-height: 50px !important;
}

.style__header___EthDF button {
  /* Stop animations when going fullscreen. */
  transition: none !important;
}

.style__scroll___YR38U {
  height: calc(100% - 102px);
  position: relative;
  background: #fff;
  min-height: 0;
  margin-top: 0;
}

.style__toWrapper___GI2ZN {
  position: relative;
}

.style__toToggle___fnSxd {
  display: block;
  right: 5px !important;
}

body[dir="rtl"] .style__toToggle___fnSxd {
  left: 5px !important;
}

.style__from___ROZza,
.style__to___KfV74,
.style__cc___xvClS,
.style__bcc___YOruE,
.style__subject___jfHN9 {
  width: 100% !important;
  border-bottom: 1px solid #e0e0e0 !important;
  height: 48px;
}

.style__to___KfV74, .style__cc___xvClS, .style__bcc___YOruE {
  padding: 0 32px !important;
}
.style__to___KfV74 {
  border-top: 1px solid #e0e0e0 !important;
}

body[dir="ltr"] .style__to___KfV74,
body[dir="ltr"] .style__cc___xvClS,
body[dir="ltr"] .style__bcc___YOruE {
  padding-right: 0;
}

body[dir="rtl"] .style__to___KfV74,
body[dir="rtl"] .style__cc___xvClS,
body[dir="rtl"] .style__bcc___YOruE {
  padding-left: 0;
}

/* Account for the up/down arrow. */
.style__to___KfV74 .Select-control,
.style__cc___xvClS .Select-control,
.style__bcc___YOruE .Select-control {
  max-height: 85px;
  overflow-y: auto;
}

.style__cc___xvClS .Select-control,
.style__bcc___YOruE .Select-control {
  max-height: 49px;
}

.style__to___KfV74 .Select-loading-zone {
  position: absolute;
  top: 12px;
  right: 50px;
}

body[dir="rtl"] .style__to___KfV74 .Select-loading-zone {
  left: 50px;
  right: unset;
}

.style__cc___xvClS .Select-loading-zone,
.style__bcc___YOruE .Select-loading-zone {
  position: absolute;
  top: 12px;
  right: 24px;
}

body[dir="rtl"] .style__cc___xvClS .Select-loading-zone,
body[dir="rtl"] .style__bcc___YOruE .Select-loading-zone {
  left: 24px;
  right: unset;
}

/* Placeholder. */
.style__subject___jfHN9 > div {
  padding: 0 32px;
  bottom: 11px !important;
  box-sizing: border-box;
}

.style__subject___jfHN9 input {
  padding: 0 32px 0 75px !important;
  box-sizing: border-box;
}

body[dir="rtl"] .style__subject___jfHN9 input {
  padding: 0 55px 0 32px !important;
}

.style__body___vo5T4 {
  overflow: auto;
  margin-top: 0;
}

.style__attachments___PJWvB {
  /* -10 on the right to account for an attachments right margin. @see below. */
  padding: 10px 14px 10px 24px;
  position: relative;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
}

body[dir="rtl"] .style__attachments___PJWvB {
  padding: 10px 24px 10px 14px;
}

/* Collapse from, to, subject, body and toolbar when minimized. */
.style__minimize___cbnXF {
  height: 50px !important;
}

.style__minimize___cbnXF .style__header___EthDF h1 {
  line-height: 52px !important;
}

.style__minimize___cbnXF .style__header___EthDF button {
  margin-top: -6px;
}

.style__minimize___cbnXF .style__from___ROZza,
.style__minimize___cbnXF .style__to___KfV74,
.style__minimize___cbnXF .style__cc___xvClS,
.style__minimize___cbnXF .style__bcc___YOruE,
.style__minimize___cbnXF .style__subject___jfHN9,
.style__minimize___cbnXF .style__body___vo5T4,
.style__minimize___cbnXF .style__toolbar___tA7B3 {
  display: none !important;
}

/* Override base and minimize styles in fullscreen mode. */
.style__fullscreen___lfcdY {
  width: calc(100% + 155px) !important;
  height: 100% !important;

  /* Reverse the offset set in the composer manager. */
  right: -120px !important;

  /* Ensure we are above other composer windows. */
  z-index: 2100 !important;

  /* Remove Paper styling. */
  border-radius: 0 !important;
  box-shadow: none !important;
}

body[dir="rtl"]:not(.mobile) .style__fullscreen___lfcdY {
  /* Reverse the offset set in the composer manager. */
  left: -120px !important;
  right: unset !important;
}

.style__fullscreen___lfcdY .style__header___EthDF {
  border-bottom-width: 1px !important;
  border-radius: 0 !important;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px !important;
}

.style__fullscreen___lfcdY .style__header___EthDF button {
  margin-top: 0px !important;
}

/* Override everything */
.style__embedded___sALtn {
  margin-bottom: 86px;
  position: static;
  width: 100% !important;
  height: 325px !important;
  /* Restrict max height taking into account a wrapping subject header. */
  max-height: calc(100vh - 300px);
  margin-top: 45px;
  /* Match MUI Paper. */
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px !important;
}

.style__embedded___sALtn .style__header___EthDF,
.style__embedded___sALtn .style__toToggle___fnSxd,
.style__embedded___sALtn .style__from___ROZza,
.style__embedded___sALtn .style__to___KfV74,
.style__embedded___sALtn .style__cc___xvClS,
.style__embedded___sALtn .style__bcc___YOruE,
.style__embedded___sALtn .style__subject___jfHN9,
.style__embedded___sALtn .style__attachments___PJWvB,
.style__embedded___sALtn div[data-atmail-signature],
.style__embedded___sALtn blockquote {
  display: none !important;
}

body[dir="rtl"] .style__toToggle___fnSxd {
  right: auto !important;
  left: 20px;
}

.style__embedded___sALtn .style__body___vo5T4 {
  display: block !important;
}

.style__embedded___sALtn .style__toolbar___tA7B3 {
  display: inherit !important;
  background: #fff !important;
  margin-bottom: 5px;
}

/* Responsive overrides. */
.mobile .style__container___LJIjG {
  transition: none !important;
}

.mobile .style__fullscreen___lfcdY {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* Hide minimize and exit fullscreen icons. */
.mobile .style__fullscreen___lfcdY .style__header___EthDF button:not(:last-of-type) {
  display: none !important;
}

/* If screen is not high enough to fit a popup then enable more agressive scrolling. */
@media (max-height: 570px) {
  /* Enable scrolling of from, to, etc fields. */
  .style__scroll___YR38U {
    display: block;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Disable standard scrolling. */
  .style__body___vo5T4 {
    overflow: visible;
  }
}

/* Browser hacks. */
/* Safari doesnt change the viewport height when the on-screen keyboard is shown so we always allow scrolling defined (and copied) above. */
html[data-ua^="Mobile Safari"] .style__container___LJIjG .style__scroll___YR38U {
  display: block;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

html[data-ua^="Mobile Safari"] .style__container___LJIjG .style__body___vo5T4 {
  overflow: visible;
}

.style__contact___VdiuE {
  /* position: absolute !important; */
  text-transform: capitalize;
  z-index: 1;
  min-height: 48px;
  min-width: 32px;
  margin: 0 !important;
  color: #595959 !important;
  margin-left: 15px !important;
  text-align: left;
}

body[dir="rtl"] .style__contact___VdiuE {
  margin-left: unset !important;
  text-align: right;
  margin-right: 17px !important;
}

body[dir="rtl"] .style__contactBcc___uw5IS {
  min-width: 70px;
}

.style__contact___VdiuE svg {
  width: 18px !important;
  height: 18px !important;
}

.style__contact___VdiuE path {
  fill:none;
  stroke:#63666a;
  stroke-linejoin:round;
  stroke-width:1.3px;
}

.style__searchContact___rNAOb {
  width: 400px;
  margin-left: -10px;
}

.mobile .style__searchContact___rNAOb {
  width: 100% !important;
  margin-left: 0 !important;
}

.mobile .style__searchContact___rNAOb > div {
  overflow-y: auto !important;
}

body[dir="rtl"] .style__searchContact___rNAOb {
  margin-left: 10px;
}

body[dir="rtl"] #popupContactQuickView.style__searchContact___rNAOb {
  width: auto;
}

.style__searchContact___rNAOb > div {
  overflow-y: hidden !important;
}

.style__subjectLabel___IL0Wb {
  position: absolute !important;
  text-transform: capitalize;
  z-index: 1;
  min-height: 48px;
  min-width: 70px;
  margin: 0 !important;
  color: #595959 !important;
  cursor: default !important;
  left: 2px;
}

body[dir="rtl"] .style__subjectLabel___IL0Wb {
  text-align: right;
  right: 17px;
}

body[dir="ltr"] .style__contactInputRootTo___w0mWG,
body[dir="ltr"] .style__contactInputRootCc___dFBow,
body[dir="ltr"] .style__contactInputRootBcc___zgHlL {
  padding-left: 45px !important;
}

body[dir="rtl"] .style__contactInputRootTo___w0mWG {
  padding-right: 44px !important;
}

body[dir="rtl"] .style__contactInputRootCc___dFBow {
  padding-right: 54px !important;
}

body[dir="rtl"] .style__contactInputRootBcc___zgHlL {
  padding-right: 94px !important;
}

.style__recipientRow___Kl6Ei {
  display: flex;
  align-items: center;
}


/* Note: Composer and FAB z-index is related, update accordingly */
.style__container___DqzrM {
  position: absolute;
  top: 0;
  right: 120px;
  bottom: 0;
  left: 235px;
  z-index: 1001;
  pointer-events: none;
}

body[dir="rtl"]:not(.mobile) .style__container___DqzrM {
  right: 235px;
  left: 120px;
}

/* Responsive overrides. */
.mobile .style__container___DqzrM {
  left: 0;
  right: 0;
  z-index: 1001;
}

body[dir="ltr"].tablet .style__container___DqzrM {
  left: 35px;
}

body[dir="rtl"].tablet .style__container___DqzrM {
  right: 35px;
}

.style__error___yFpcc {
  color: #DE3535;
}

.style__content___hdtUD {
  white-space: pre-wrap;
}

.style__spinner____1lle {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-top: -12px;
  margin-left: -13px !important;
}

.style__spinner____1lle svg {
  width: 24px;
  height: 24px;
}

/* Displaying an icon reduces padding on the label which we dont want so force it. */
.style__spinner____1lle + span {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.style__error___ihP7b {
  color: #DE3535;
}

.style__dialogTitle___s1XEJ {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.style__leftActionButtons___mRqYS {
  left: 24px;
  position: absolute;
}

body[dir="rtl"] .style__leftActionButtons___mRqYS {
  left: unset;
  right: 24px;
}

@media (max-width: 480px) {
  .style__actionMobile___lD0yx {
    flex-direction: column;
  }

  .style__actionMobileBtn___A39eN {
    margin: 0 0 10px !important;
  }
}

.style__error___MgQAT {
  color: #DE3535;
  margin-bottom: 25px;
}

.style__file___rw0ms,
.style__progress___s0V0G {
  padding-top: 10px;
  box-sizing: border-box;
}

.style__file___rw0ms,
.style__progress___s0V0G,
.style__spinner___bj4Vr {
  height: 55px;
}

.style__file___rw0ms input[type=file] {
  display: none;
}

.style__file___rw0ms,
.style__spinner___bj4Vr {
  text-align: center;
}

.style__spinner___bj4Vr {
  /* Set height to approx 32px. */
  transform: scale(0.66, 0.66);
}

.style__dialogPaper___Meck6 {
  width: 360px !important;
  max-width: 768px !important;
}

.style__dialogContentRoot___E1RC7 {
  padding: 24px !important;
}

.style__dialogActionRoot___dsWOp {
  padding: 8px !important;
}

.style__error___H7TpA {
  color: #DE3535;
  margin-bottom: 25px;
}

.style__file___zS5Xh,
.style__progress___YksQg {
  padding-top: 10px;
  box-sizing: border-box;
}

.style__file___zS5Xh,
.style__progress___YksQg,
.style__spinner___Gq8Wb {
  height: 55px;
}

.style__file___zS5Xh input[type=file] {
  display: none;
}

.style__file___zS5Xh,
.style__spinner___Gq8Wb {
  text-align: center;
}

.style__spinner___Gq8Wb {
  /* Set height to approx 32px. */
  transform: scale(0.66, 0.66);
}

.style__error___ceujH {
  color: #DE3535;
  margin-bottom: 25px;
}

.style__radio___Y5PZi {
  margin-bottom: 16px;
}

.style__borderTop___iG5IX {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.style__borderBottom___gJQxL {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.style__container___ey1AG {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  pointer-events: none;
}

.style__preview___gJmln {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 5px;
}

.style__container___X29uB {
  position: fixed;
  right: 0;
  /* bottom: 0; */
  left: 200px;
  transition: left 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

body[dir=rtl] .style__container___X29uB {
  left: 0;
  right: 200px;
  transition: right 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

body[dir=ltr].tablet .style__container___X29uB,
body[dir=ltr].mobile .style__container___X29uB {
  left: 0px;
}

body[dir=rtl].tablet .style__container___X29uB,
body[dir=rtl].mobile .style__container___X29uB {
  right: 0px !important;
}

.style__main___JMbXW {
  width: 100vw;
}

.desktop .style__main___JMbXW {
  position: relative;
  left: 200px;
}

.style__container___voGFj {
  height: 100%;
}

.style__container___voGFj > div:last-of-type {
  position: absolute;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  /* Hide scrollbars in IE. */
  -ms-overflow-style: none;
}

/* Hide scrollbars in Chrome and Safari. */
.style__container___voGFj > div::-webkit-scrollbar {
  display: none;
}

body[dir=rtl] .style__container___voGFj > div {
  right: 0;
  left: unset;
}

.style__container___OvYDG {
  height: 72px;
  margin-top: 6px;
  text-align: center;
}

.style__container___OvYDG img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-height: 48px;
  max-width: 135px;
}

.mobile .style__container___OvYDG,
.tablet .style__container___OvYDG {
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile .style__container___OvYDG img,
.tablet .style__container___OvYDG img {
  padding-left: 12px;
  padding-right: 12px;
  position: unset;
  top: unset;
  transform: unset;
}

.style__container___vMYvq {
  color: currentColor !important;
}

.style__container___vMYvq::before {
  border: none !important;
}

.style__warning___vB_2b {
  transform: scale(0.75);
  margin-right: -12px !important;
  fill: #F44336 !important;
}

/* Propagate the icon color to svg icons. */
.style__container___vMYvq button {
  color: currentColor !important;
  transition: none !important;
}

body[dir=rtl] .style__container___vMYvq button {
  left:0;
  right: auto !important;
}

.style__container___vMYvq svg {
  fill: currentColor !important;
  color: currentColor !important;
  transition: none !important;
}

.style__container___vMYvq::after {
  display: none;
}

.style__selectRoot___N5GFj:focus {
  background-color: transparent !important;
}

span.style__menuButtonText___WCxnn {
  padding-right: 24px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  text-transform: none;
  font-size: 15px;
}

body[dir=rtl] span.style__menuButtonText___WCxnn {
  padding-right: 0;
  padding-left: 24px;
}

span.style__menuButtonIcon___mh8ga {
  position: absolute;
  right: 0;
  margin: 0 !important;
  display: inline-flex;
  padding: 2px 12px;
}

body[dir=rtl] span.style__menuButtonIcon___mh8ga {
  right: unset;
  left: 0;
}

.style__borderTop___kiI8Q {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.style__error___ny_Ox {
  color: #DE3535;
  margin-bottom: 25px;
}
.style__wrapper___KE3S5 {
  display: flex;
}

.style__wrapper___KE3S5 button {
  color: inherit !important;
}

.style__container___qEXSE {
  font-size: 1.1rem !important;
  margin-top: 0;
  margin-bottom: 0;
}

/* Propagate the icon color to svg icons. */
.style__container___qEXSE button {
  color: currentColor !important;
  transition: none !important;
}

.style__container___qEXSE svg {
  fill: currentColor !important;
  color: currentColor !important;
  transition: none !important;
}

body[dir=rtl] .style__container___qEXSE {
  padding-left: unset;
  padding-right: 16px;
}

.style__track___DGzhO {
  z-index: 1000;
  position: absolute;
  width: 6px;
  top: 2px;
  bottom: 2px;
  right: 2px;
  border-radius: 3px;
}

body[dir=rtl] .style__track___DGzhO {
  right: unset;
  left: 2px;
}

.style__container___EVCJl {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 48px);
  padding-bottom: 48px;
  position: relative;
}
.mobile .style__container___EVCJl {
  height: auto;
  overflow: unset;
}

.mobile .style__scrollbars___Lath7 {
  height: auto !important;
}
.mobile .style__scrollbars___Lath7 > div:first-of-type {
  position: relative !important;
}

/* IE11 */
*::-ms-backdrop,
.style__container___EVCJl > div > div:first-child {
  margin-right: 0 !important;
}

body[dir=rtl] .style__container___EVCJl > div > div:first-child {
  margin-left: -17px;
  margin-right: auto !important;
}

/* IE11 */
*::-ms-backdrop,
body[dir=rtl] .style__container___EVCJl > div > div:first-child {
  margin-left: 0;
  margin-right: auto !important;
}

.mobile .style__container___EVCJl {
  padding-bottom: unset;
}
.style__addFolderIcon___OjFQM {
  position: absolute !important;
  right: 0px;
}

body[dir="rtl"] .style__addFolderIcon___OjFQM {
  right: auto;
  left: 0px;
}

.style__unorderedList___xfxym {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.style__mailbox___PIH0l {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-inline-end: 0;
}

body[dir="rtl"] .style__mailbox___PIH0l {
  flex-direction: row-reverse;
}

.style__badge___z0gI1 {
  position: relative !important;
  border-radius: 5px !important;
  height: 15px !important;
  min-width: 15px !important;
  padding: 0 4px !important;
  line-height: normal !important;
}

.style__badgeRoot___PLVsD {
  word-break: normal !important;
}

.style__badgeAnchor___hh0Bm {
  transform: none !important;
}

/* Note: Composer (mobile) and FAB z-index is related, update accordingly */
.style__container___c7uFP {
  position: fixed !important;
  right: 30px;
  bottom: 15px;
  z-index: 1000;
}

body[dir="rtl"] .style__container___c7uFP {
  right: auto;
  left: 30px;
}

.mobile .style__container___c7uFP {
  right: 20px;
}

body[dir="rtl"].mobile .style__container___c7uFP {
  left: 20px;
}

.style__container___RFoPy {
  border-left-width: 1px;
  border-left-style: solid;
}

body[dir="rtl"] .style__container___RFoPy {
  border-left: none;
  border-right-width: 1px;
}

/* Reduce the visual width of the more icon to make the spacing between the */
/* icons looks the same. */
.style__more___w5ErB {
  margin-left: -6px !important;
  margin-right: -6px !important;
}

body[dir="rtl"] .style__expandArrow___cGBlp svg {
  transform: rotate(180deg);
}

/* Responsive overrides. */
body[dir="ltr"].mobile .style__container___RFoPy {
  border-left-width: 0;
}

body[dir="ltr"].mobile .style__more___w5ErB {
  margin-right: -0 !important;
}

body[dir="rtl"].mobile .style__container___RFoPy {
  border-right-width: 0;
}

body[dir="rtl"].mobile .style__more___w5ErB {
  margin-left: -0 !important;
}

/* Hacks. */
/* :SHONK: In earlier versions of react-router we could inject a */
/* selectableVisibility prop to control the visibility of this appbar so we */
/* didnt have two box-shadows visible but in react-router v4 injecting a prop */
/* is harder as the are nested in Switches which then also need to pass the */
/* prop down the chain. So to avoid that hell and avoid using context we just */
/* peek up the DOM looking for when the 'select' class is applied and hide as */
/* required. If the selecting boolean was in redux we could just pass the */
/* prop as per all the others. */
div[class*=style__select] + div .style__container___RFoPy {
  visibility: hidden;
}

.mobile .style__container___RFoPy {
  visibility: visible !important;
}

.style__subject____a2gl {
  padding-top: 10px;
  box-sizing: border-box;
}

.style__subject____a2gl h2 {
  font-size: 22px;
  margin-top: 10px;
  font-weight: 300;
}

.style__actions___FWdL5 {
  float: right;
  margin-top: 10px;
  margin-right: 3px;
  position: relative;
  z-index: 2;
}

body[dir="rtl"] .style__actions___FWdL5 {
  float: left;
  margin-left: 3px;
  margin-right: unset;
}

/* Responsive overrides. */
body[dir="ltr"].mobile .style__subject____a2gl h2 {
  margin-left: 16px;
}

body[dir="rtl"].mobile .style__subject____a2gl h2 {
  margin-right: 16px;
}

.style__container___im_Y9 {
  position: relative;
  background: #fff;
  margin-top: 16px;
}

.style__count___gi6h5 {
  position: relative;
  border: 2px solid #253D50;
  display: inline-block;
  padding: 4px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  text-align: center;
  background: #fff;
  font-size: 16px;
  line-height: 25.6px;
  margin: 0 13px -5px;
  cursor: pointer;
  vertical-align: bottom;
  z-index: 2;
}

/* Responsive overrides. */
.mobile .style__container___im_Y9 {
  margin-top: 0;
}

.mobile .style__container___im_Y9:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 3px);
  width: 100%;
  height: 1px;
  background: #e0e0e0;
}

.mobile .style__container___im_Y9:after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% + 3px);
  width: 100%;
  height: 1px;
  background: #e0e0e0;
}

.mobile .style__count___gi6h5 {
  margin: -2px auto;
  display: block;
}

.style__borderBottom___lweWp {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.style__headers___ijGgH {
  margin-top: 30px;
}

.style__list___ow8B9 {
  margin: 0;
  padding-left: 0;
  cursor: text;
  color: #737373;
  font-size: 12px;
  font-weight: normal;
  word-break: break-word;
  white-space: normal;
}

.style__list___ow8B9 li {
  list-style: none;
}

.style__list___ow8B9 li span {
  margin-right: 5px;
}

.style__more___mB_mT {
  font-size: 12px;
  color: #4c60d8;
}

.style__invite___JsuvZ {
  padding: 10px 15px 5px;
  margin-bottom: 25px;
  color:  #63666A;
  border: 0;
}

.style__inviteText___hug0L {
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
  color: #000;
}

.style__inviteText___hug0L small {
  display: block;
  font-weight: normal;
  color: #63666A;
}

.style__inviteButtons___An5sh > div {
  margin: 0px 10px 10px 0;
}


.style__invite___Hzdwb {
  position: relative;
  margin-left: 42px;
}

.style__section___qRPGq {
  position: relative;
  margin: 0 0 16px;
}

.style__section___qRPGq:only-of-type,
.style__section___qRPGq:last-child {
  margin-bottom: 0;
}

.style__removed___NIZO9 {
  color: #D82F27;
}

.style__icon___mcB1I {
  position: absolute;
  top: 0;
  left: -42px;
  color: currentColor;
}

.style__list___i0Uer {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.style__attendee___IFcAX {
  margin-right: 5px;
}

.style__description___jW6VU {
  white-space: pre-wrap;
  font-size: 13px;
  line-height: 21px;
  word-break: break-all;
}

.style__actions___CnK2Z {
  margin-top: 5px;
}

/* Provide spacing between buttons. */
.style__actions___CnK2Z > div {
  margin-top: 10px;
  margin-right: 10px;
}

.style__attachment___niH4n {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0px 36px 36px 0;
  cursor: pointer;
  vertical-align: middle;
  background: #f9f9f9;
  box-shadow: 0 0 1px rgba(0, 0, 0, .11), 0 1px 2px rgba(0, 0, 0, .22);
}

.style__full___EkTmf .style__footer___q2jVs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px 0 5px;
}

.style__full___EkTmf.style__image___ggIwI .style__footer___q2jVs {
  justify-content: center;
}

.style__full___EkTmf .style__thumbnail___svs0c {
  display: flex;
  padding: 5px 5px 0 3px;
  height: 100%;
}

.style__preview___BXUrp .style__thumbnail___svs0c {
  min-width: 50px;
}

.style__preview___BXUrp.style__icon___XjPjz,
.style__preview___BXUrp.style__image___ggIwI {
  width: 80px;
  height: 50px;
}

.style__preview___BXUrp.style__icon___XjPjz svg,
.style__preview___BXUrp.style__icon___XjPjz img {
  display: block;
  width: 21px;
  height: 21px;
  margin: 7px auto 4px;
}

.style__preview___BXUrp.style__image___ggIwI div {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.style__preview___BXUrp .style__name___OoPdf {
  width: calc(100% - 8px);
  margin-left: 4px;
  margin-right: 4px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 11px;
  color: #333;
}

.style__preview___BXUrp .style__size___C9TJS,
.style__preview___BXUrp .style__download___R9YBv,
.style__preview___BXUrp.style__image___ggIwI .style__name___OoPdf {
  display: none;
}

.style__full___EkTmf.style__icon___XjPjz {
  width: 186px;
  min-width: 186px;
}

.style__full___EkTmf.style__image___ggIwI {
  width: 129px;
  min-width: 129px;
  padding: 5px;
}

.style__full___EkTmf.style__image___ggIwI .style__thumbnail___svs0c > div {
  width: 100%;
  height: 66px;
  border-radius: 2px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.style__full___EkTmf .style__size___C9TJS {
  white-space: nowrap;
  text-align: center;
  font-size: 11px;
  color: #737373;
}

.style__full___EkTmf .style__name___OoPdf {
  /* width: calc(186px - 70px - 15px); */
  /* 3 times the line-height to show 3 lines. */
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 57px;
  word-break: break-all;
  overflow: hidden;
  font-size: 13px;
  line-height: 19px;
  margin-left: 3px;
}

/* .full .name:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 19px;
  text-align: right;
  background: linear-gradient(to right, rgba(249, 249, 249, 0), rgba(249, 249, 249, 1) 100%);
} */

.style__full___EkTmf .style__download___R9YBv {
  font-size: 12px;
  color: #4c60d8;
  display: flex;
  align-items: center;
}

.style__full___EkTmf.style__image___ggIwI .style__download___R9YBv {
  justify-content: space-between;
  width: 100%;
}

.style__full___EkTmf.style__image___ggIwI .style__size___C9TJS,
.style__full___EkTmf.style__image___ggIwI .style__name___OoPdf {
  display: none;
}

.style__full___EkTmf .style__download___R9YBv .style__more___ajn5Y button {
  height: 39px !important;
  padding: 0 !important;
  width: auto !important;
}

.style__downloadBtn___y8SUf {
  color: inherit;
  font-size: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
}

.style__card___cMBmb {
  margin-top: 20px;
  transition: none !important;
}

.style__card___cMBmb > div:not(:last-child) {
  padding-bottom: 0 !important;
}

.style__header___HNipP {
  height: auto !important;
  /* Remove padding and use .title to provide - fixes html title/tooltip issue. */
  padding: 0 !important;
  border-bottom: 1px solid #e0e0e0;
}

/* :SHONK: to get first child 100%. */
.style__header___HNipP > div {
  width: 100%;
  padding-right: 0px !important;
}

.style__divider___QwoOz {
  display: none;
}

.style__avatar___EskwT {
  padding-right: 15px;
  font-weight: 400;
  vertical-align: top;
}

body[dir="rtl"] .style__avatar___EskwT {
  padding-right: unset;
  padding-left: 15px;
}

.style__title___H1WTB {
  padding: 16px 0 28px 16px;
  font-weight: normal;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.style__title___H1WTB > div {
  display: flex;
  justify-content: space-between;
}

body[dir="rtl"] .style__title___H1WTB {
  padding: 16px 16px 16px 0;
}

.style__title___H1WTB.style__unread___lC75z {
  font-weight: 500;
}

.style__recipients___o6SC4 {
  white-space: nowrap;
  vertical-align: top;
  pointer-events: stroke;
  font-size: 1rem !important;
}

.style__from___nm56O {
  display: block;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  line-height: 1.6em;
}

.style__from___nm56O strong {
  font-weight: 500;
  user-select: text;
}

.style__to___KnpKz {
  display: flex;
  height: 26px;
  margin-bottom: -8px;
  color: #737373;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
  overflow-x: hidden;
  align-items: center;
}

.style__draft___HaEXk {
  color: #DE3535;
}

.style__attachment___snC2A {
  margin-right: 16px;
  vertical-align: top;
  position: relative;
  top: -2px;
}

body[dir="rtl"] .style__attachment___snC2A {
  margin-right: unset;
  margin-left: 16px;
}

.style__time___Ah18n {
  position: relative;
  font-size: 14px;
  z-index: 1;
  padding-left: 16px;
}

body[dir="rtl"] .style__time___Ah18n {
  padding-right: 16px;
}

.style__time___Ah18n time {
  padding-left: 10px;
  background: #fff;
}

body[dir="rtl"] .style__time___Ah18n time {
  padding-right: 10px;
  padding-left: unset;
}

.style__actionButtons___Lqs8N {
  position: relative;
  z-index: 1;
  background: #fff;
  top: -7px;
}

body[dir="rtl"] .style__actionButtons___Lqs8N {
  position: relative;
  float: left;
  z-index: 1;
  background: #fff;
}

@media (max-width: 530px) {
  .style__actionButtons___Lqs8N,
  .style__attachment___snC2A {
    display: none !important;
  }
}

@media (max-width: 430px) {
  .style__from___nm56O {
    width: calc(50vw - 10%);
    overflow-x: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 360px) {
  .style__to___KnpKz > div {
    width: calc(50vw - 5%);
    overflow-x: hidden;
    text-overflow: ellipsis;
  }
}

body[dir="ltr"] .style__titleActionBtns___zeU9L {
  position: absolute;
  right: 0;
}

body[dir="rtl"] .style__titleActionBtns___zeU9L {
  position: absolute;
  left: 0;
}

.style__actionButtons___Lqs8N > button {
  width: 34px !important;
  height: 24px !important;
  padding: 0 !important;
}

.style__unread___lC75z .style__time___Ah18n:before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 10px;
  background: #1BC3E1;
  border-radius: 6px;
  display: inline-block;
  vertical-align: middle;
}

body[dir="rtl"] .style__unread___lC75z .style__time___Ah18n:before {
  margin-left: 10px;
  margin-right: unset;
}

.style__more___UKrr4 {
  margin-top: -12px;
  margin-right: 4px;
}

body[dir="rtl"] .style__more___UKrr4 {
  float: left;
  margin-right: unset;
  margin-left: 4px;
}

/* Prevent bleeding of recipient text between the time and more menu. */
.style__more___UKrr4 button {
  background: #fff !important;
}

.style__actions___K_UGU {
  top: -1px;
  padding: 16px !important;
  color: #585858;
  font-size: 15px;
  line-height: 24px;
  background: #f7f7f7;
  border-top: 1px solid #e0e0e0;
}

.style__contentBlocked___gUQEn {
  display: flex;
  justify-content: space-between;
  padding: 4px 16px;
  background-color: #f4f4f4;
  margin: -16px -16px 16px -16px;
  align-items: center;
  color: #63666a;
  font-style: italic;
  box-shadow: 0px 2px 5px #ccc;
  transition: margin 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;
}

.style__contentBlocked___gUQEn button span {
  white-space: nowrap;
}

.style__contentBlocked___gUQEn.style__hide___zTg7T {
  display: none;
  margin-top: -65px;
}

.style__text___moZLU {
  /* line-height: 1.5rem; */
}

.style__text___moZLU.style__preview___FcjJN {
  position: relative;
  top: -3px;
  height: 23px;
  padding-bottom: 16px !important;
  color: #adadad !important;
  line-height: 31px;
  overflow: hidden;
  cursor: pointer;
  padding-right: 47px;
}

body[dir="rtl"] .style__text___moZLU.style__preview___FcjJN {
  padding-right: 16px;
  padding-left: 47px;
}

.style__text___moZLU.style__full___RE8Lf {
  position: relative;
  word-break: break-word;
}

/* Show element to toggle blockquoted text. */
.style__text___moZLU.style__full___RE8Lf blockquote:first-of-type:before {
  content: "...";
  font-weight: bold;
  font-size: 1.2em;
  position: absolute;
  top: -25px;
  left: -20px;
  cursor: pointer;
  color: #000;
  border-radius: 2px;
  padding: 0 3px;
  line-height: 1.2em;
  white-space: nowrap;
}

body[dir="rtl"] .style__text___moZLU.style__full___RE8Lf blockquote:first-of-type:before {
  right: -20px;
  left: unset;
}

.style__text___moZLU.style__full___RE8Lf blockquote:first-of-type:hover:before,
.style__text___moZLU.style__full___RE8Lf blockquote.style__expandedBlockquote___sUCI1:before {
  background: #ececec;
}

/* Show collapsed and hidden blockquote content by default. */
.style__text___moZLU.style__full___RE8Lf blockquote {
  position: relative !important;
  margin: 30px 20px 0 20px !important;
  border: 0 !important;
  box-sizing: content-box !important;
}

.style__text___moZLU.style__full___RE8Lf blockquote:first-of-type > * {
  display: none !important;
}

/* But show content if expanded. */
.style__text___moZLU.style__full___RE8Lf blockquote.style__expandedBlockquote___sUCI1:first-of-type {
  height: auto !important;
  width: auto !important;
  color: inherit !important;
}

.style__text___moZLU.style__full___RE8Lf blockquote.style__expandedBlockquote___sUCI1:first-of-type > * {
  height: auto !important;
  width: auto !important;
  display: block !important;
}

/* Simulate expanded blockquote left border. */
.style__text___moZLU.style__full___RE8Lf blockquote.style__expandedBlockquote___sUCI1:after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 0;
  left: -20px;
  border-left: 2px solid #ececec;
}

body[dir="rtl"] .style__text___moZLU.style__full___RE8Lf blockquote:after {
  left: unset;
  right: -20px;
  border-right: 2px solid #ececec;
  border-left: unset;
}

.style__text___moZLU.style__full___RE8Lf pre {
  white-space: pre-wrap;
}

/* Hide trailing br's that can be created via the composer. */
/* This should be removed at some point. */
.style__text___moZLU.style__full___RE8Lf div:last-of-type > br:only-child {
  display: none;
}

.style__attachments___zoFs9 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
}

.style__error___DYIIB {
  color: #DE3535;
}

/* Responsive overrides. */
.mobile .style__card___cMBmb {
  /* Top margin is -1 to collapse top and bottom borders. */
  margin-top: -1px;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.mobile .style__card___cMBmb:last-of-type {
  border-bottom-width: 0;
}

.mobile .style__header___HNipP {
  border: 0;
}

.mobile .style__text___moZLU.style__preview___FcjJN {
  padding-top: 0 !important;
}

.mobile .style__text___moZLU.style__full___RE8Lf {
  padding-top: 0 !important;
}

.mobile .style__contentBlocked___gUQEn {
  margin-top: 0 !important;
}

.style__priority___zlKP_ {
  margin: 3px 0 -13px 0;
  text-align: center;
}

.style__priority___zlKP_ > svg {
  vertical-align: middle;
  height: 18px !important;
  width: 18px !important;
}

.style__low___kdZy0 > svg {
  fill: #079F0D !important;
}

.style__high___UzZRp > svg {
  fill: #F50800 !important;
}

button.style__bodyToggleBtn___ES2mo {
  position: absolute;
  right: 12px;
  bottom: 12px;
}

body[dir="rtl"] button.style__bodyToggleBtn___ES2mo {
  right: unset;
  left: 12px;
}

.style__draftEditWrapper___SgseH {
  display: flex;
  justify-content: center;
  padding: 12px 0;
}

.style__container___V3Dhz {
  margin-top: 45px;
  text-align: center;
}

/* Add spacing between buttons. */
.style__container___V3Dhz > button {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
}

.style__container___fj5IR {
  height: 45px;
  padding-top: 12px;
  padding-left: 16px;
  color: #344958;
  background: #e0e0e0;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: pointer;

  margin-top: 45px;
  /* Match MUI Paper. */
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px !important;
}

.style__notice___xClZ0 {
  text-align: center;
  padding: 0 35px;
  /* Delay showing to prevent flickering. */
  opacity: 0;
  animation: style__fadeIn___Vv7H2 ease-in 0s 1s forwards;
}

@keyframes style__fadeIn___Vv7H2 { from { opacity: 1; } to { opacity: 1; } }

.style__container___ggvwv {
  width: 100%;
  padding: 0 25px;
  box-sizing: border-box;
  position: relative;
  display: flex;
}

/* :SHONK: Pad the bottom of the container. */
.style__container___ggvwv:after {
  content: " ";
  display: block;
  width: 1px;
  height: 80px;
}

.style__container___ggvwv svg {
  fill: inherit;
}

.style__messageListWrapper___kEwrK {
  width: 100%;
}

.style__messageContainer___EG1tZ {
  display: flex;
}

.style__messageContent___XMNBC {
  flex: 1;
  width:100%;
  padding-bottom: 90px;
  display: grid;
}

/* Responsive overrides. */
.mobile .style__container___ggvwv {
  padding: 0;
  max-width: 100%;
  border-left-width: 0;
}

.style__error___KgAnI {
  color: #DE3535;
  margin-bottom: 25px;
}

div.style__formControl___BGYsA,
fieldset.style__formControl___BGYsA {
  margin: 15px 0;
  width: 100%;
}

/* Match select component label size */
legend.style__formLabelLegend___HutZ9 {
  font-size: smaller;
}

.style__title___HKNXA {
  font-weight: bold;
  margin-bottom: 15px;
}
.style__senders___QR2pg {
  margin-top: 10px;
}
.style__error___eWMty {
  color: #DE3535;
  margin-bottom: 25px;
}

.style__container___sQh68 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 450px;
  z-index: 20;
  will-change: left;
  transition: left 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  /* Remove the appbar left box-shadow. */
  clip: rect(0 100vw 100vh 0);
}

body[dir="rtl"] .style__container___sQh68 {
  left: 0;
  right: 450px;
  will-change: right;
  transition: right 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.style__expanded___g01UJ {
  left: 0px !important;
}

body[dir="rtl"] .style__expanded___g01UJ {
  right: 0px !important;
}

.style__body___BpcSQ {
  background: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
  border-left: 1px solid #e0e0e0;
  -webkit-overflow-scrolling: touch;
}

.style__expanded___g01UJ .style__body___BpcSQ {
  border-left-width: 0;
}

/* Responsive overrides. */
body[dir="ltr"].mobile .style__container___sQh68 {
  left: 0px;
}

body[dir="ltr"].mobile .style__body___BpcSQ {
  border-left-width: 0;
}

body.mobile .style__body___BpcSQ {
  overflow: unset;
  height: auto;
}

.mobile .style__container___sQh68 {
  position: relative;
  height: auto;
  overflow: auto;
  width: 100vw;
}

body[dir="rtl"].mobile .style__container___sQh68 {
  right: 0px;
}

body[dir="rtl"].mobile .style__body___BpcSQ {
  border-right-width: 0;
}

body[dir=rtl] .style__filterMenuItem___PtmWi > div > div {
  display: flex;
  padding: 0 16px !important;
  margin-left: unset !important;
}

.style__filterMenuItem___PtmWi > div > div > svg {
  fill: currentColor !important;
  color: inherit !important;
}

body[dir=rtl] .style__filterMenuItem___PtmWi > div > div > svg {
  left: 8px !important;
  position: relative !important;
}

/* Hide menu icon. */
.style__container___Az57i > button {
  display: none !important;
}

/* Responsive overrides. */
/* Show menu icon. */
.tablet .style__container___Az57i > button,
.mobile .style__container___Az57i > button {
  display: inline-block !important;
}

.style__textField___nmVo4 {
  margin: 0;
  height: 52px !important;
  width: 100% !important;
}

.style__textField___nmVo4 > input {
  margin: 0 !important;
}

.style__menuContainer___McpPx {
  margin: 75px 10px 10px 10px;
}

.tablet .style__menuContainer___McpPx,
.mobile .style__menuContainer___McpPx {
  margin-top: 10px;
}

.style__checkbox___Rg2bQ {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.style__checkboxLabel___ZgHXz {
  display: block !important;
}

.style__closeBtn___nS61y {
  color: currentColor !important;
}



/* Input and placeholder. */
.style__input___BN8n8 > div:first-of-type,
.style__input___BN8n8 input {
  color: currentColor !important;
}

/* Make placeholder look more like such by reducing its color slightly. */
.style__input___BN8n8 > div:first-of-type[style *= 'opacity: 1'] {
  opacity: 0.6 !important;
}

.style__input___BN8n8 > div:first-of-type::before {
  border-bottom-color: currentColor !important;
}

.style__searchControls___bUkvK {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: none !important;
    background-color: transparent !important;
}

.style__searchControls___bUkvK div {
    box-shadow: none !important;
    background-color: transparent !important;
}

.style__searchBodyPrompt___OmDA3 {
  padding: .8rem;
  overflow-y: visible !important;
  font-size: .8rem;
  margin-top: 5px;
}

.style__arrow___g6YNN {
  transform: rotate(45deg);
  height: 20px;
  width: 20px;
  right: -8px;
  background-color: #fff;
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0,0,0,0.12) 0px 1px 4px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 100%);
}

body[dir=rtl] .style__searchBodyPrompt___OmDA3::before {
  left: -8px;
  right: unset;
}

.style__searchBtn___MAyqp {
  margin-left: 12px !important;
}

body[dir=rtl] .style__searchBtn___MAyqp {
  margin-left: unset !important;
  margin-right: 12px !important;
}

.style__container___VRQ0G {
  width: calc(100vw - 200px) !important;
}

/* Hide menu icon. */
.style__container___VRQ0G > button {
  display: none !important;
}

/* Reduce the visual width of the more icon to make the spacing between the */
/* icons looks the same. */
.style__more___eTjRu {
  margin-left: -6px !important;
}

/* Responsive overrides. */
.tablet .style__container___VRQ0G,
.mobile .style__container___VRQ0G {
  width: 100vw !important;
}

/* Show menu icon. */
.tablet .style__container___VRQ0G > button,
.mobile .style__container___VRQ0G > button {
  display: inline-block !important;
}

.style__container___aaFtT {
  cursor: pointer;
}

/* Padding within container. */
.style__container___aaFtT > div {
  /* Ensure we honour the parent elements values. */
  box-sizing: inherit;
  min-height: inherit;
  max-height: inherit;
  width: calc(100% + 32px);
}

.style__body____INYy {
  position: relative;
  padding-left: 70px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-top: 19px;
  border-bottom: 1px solid #e0e0e0;
  /* Revert the MUI auto created container. */
  margin: -16px;
  /* Ensure we honour the parent elements values. */
  box-sizing: inherit;
  min-height: inherit;
  max-height: inherit;
}

body[dir="rtl"] .style__body____INYy {
  padding-right: 72px;
  padding-left: 24px;
  text-align: right;
}

.style__background___HEGq8 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

body[dir="rtl"] .style__background___HEGq8 {
  left: unset;
  right: 0;
}

.style__picker___oUci1 {
  position: absolute;
  top: -1px;
  left: 0;
  bottom: -1px;
  width: 6px;
  z-index: -1;
}

body[dir="rtl"] .style__picker___oUci1 {
  left: unset;
  right: 0;
}

.style__from___egLvh {
  height: 1.15rem;
  font-size: 1.15rem;
  padding-top: 2px;
  padding-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style__draft___eyH6X {
  color: #DE3535;
}

.style__subject___HAzNu {
  padding-bottom: 10px;
}

.style__link___MTsyb::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.style__attachment___TYR00 {
  margin-right: 8px;
  vertical-align: top;
  color: inherit !important;
  fill: currentColor !important;
}

body[dir="rtl"] .style__attachment___TYR00 {
  margin-right: unset;
  margin-left: 8px;
}

.style__time___FO85i {
  position: relative;
  font-size: 14px;
  padding-left: 8px;
  float: right;
}

body[dir="rtl"] .style__time___FO85i {
  float: left;
  padding-left: unset;
  padding-right: 8px;
}

.style__unreaddot___JbvRw {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #1BC3E1;
  border-radius: 8px;
  top: 28px;
  left: 55px;
}

body[dir="rtl"] .style__unreaddot___JbvRw {
  left: unset;
  right: 55px;
}

.style__count___fNwsq {
  position: relative;
  top: -2px;
  border: 2px solid currentColor;
  display: inline-block;
  min-width: 10px;
  height: 10px;
  border-radius: 20px;
  text-align: center;
  font-size: 10.75px;
  line-height: 11px;
  vertical-align: top;
  margin-right: 8px;
  padding: 3px 4px;
  z-index: 0;
}

body[dir="rtl"] .style__count___fNwsq {
  margin-right: unset;
  margin-left: 8px;
}

.style__statusIcons___MeChf {
  position: absolute;
  display: flex;
  flex-direction: column;
  right: 0;
  top: 12px;
}

body[dir="rtl"] .style__statusIcons___MeChf {
  right: unset;
  left: 0;
}

.style__preview___IE71G {
  font-size: 1rem;
  line-height: 16px;
  height: 32px;
  margin-top: -4px;
  overflow: hidden;
}

.style__attachments___A1ZOt {
  padding-top: 12px;
  margin-bottom: -12px;
  white-space: nowrap;
  display: flex;
  overflow: hidden;
}

.style__subjectBtn___mlWVg {
  font-size: 1.1rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
  border: 0;
  padding: 0;
  color: currentColor;
  width: 100%;
  text-align: start;
}

/* Remove MUI list padding within list. */
.style__container___Se4Nl {
  padding-top: 0 !important;
}

.style__notice___aWBWR {
  text-align: center;
  padding: 0 35px;
  /* Delay showing to prevent flickering. */
  opacity: 0;
  animation: style__fadeIn___YVbdS ease-in 0s 1s forwards;
}

.style__policyNotice___wj6Xn {
  position: relative; /* [1] */
  padding: 15px;
  text-align: center;
  background-color: #EEEEEE;
  color: #999999;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
  z-index: 1;
}

@keyframes style__fadeIn___YVbdS { from { opacity: 1; } to { opacity: 1; } }

.style__container___y8nY7 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.style__small___iDQLz {
  max-width: 450px;
}

.style__select___ACA_W {
  z-index: 100;
}

.style__body___sQxlV {
  overflow: hidden;
}

/* Responsive overrides. */
.mobile .style__select___ACA_W {
  z-index: 10;
}

.mobile .style__container___y8nY7 {
  position: relative;
  height: auto;
  overflow: auto;
}

.mobile .style__body___sQxlV {
  position: relative;
  width: 100vw;
  height: auto;
  overflow: unset;
}

/* Hide menu icon. */
.style__container___gcUch > button {
  display: none !important;
}

/* Responsive overrides. */
/* Show menu icon. */
.tablet .style__container___gcUch > button,
.mobile .style__container___gcUch > button {
  display: inline-block !important;
}

.style__container___ynVKp {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.style__body___66ZWN {
  padding: 35px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/* Responsive overrides. */
/* Show menu icon. */
.tablet .style__body___66ZWN,
.mobile .style__body___66ZWN {
  padding-left: 24px;
  padding-right: 24px;
}

.style__container___P4EY8 {
  display: flex;
  justify-content: center;
  align-items: center;
}

body[dir=rtl] .style__container___P4EY8 > div > div > div:nth-child(2) {
  padding-right: 0px !important;
  padding-left: 56px !important;
}

body[dir=rtl] .style__container___P4EY8 > div > div > button {
  right: unset !important;
  left: 16px !important;
}

.style__dropDownMenuWrapper___Xss05 {
  height: auto !important;
}

.style__container___IAx7j {
  height: 100vh;
  overflow-y: auto;
}

.style__localeSelector___anv1a {
  color: currentColor;
}

.style__localeSelectorLabel___vhpwb::after {
  content: ":";
}

.style__form___yHC0F {
  max-width: 480px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.style__logo___AyRcc {
  padding-bottom: 25px;
  width: 100%;
}

.style__logo___AyRcc img {
  max-height: 75px;
  max-width: 204px;
  margin-top: 60px;
}

.style__error___yLqWs {
  text-align: center;
  margin-top: 20px;
  display: inline-flex;
  padding: 8px;
  box-shadow: 0px 3px 12px -8px #333;
  border-inline-start: 8px solid #e20000;
  color: #262626;
  background-color: #ffffff;
  align-items: center;
}

.style__form___yHC0F label,
.style__form___yHC0F input,
.style__form___yHC0F hr {
  color: currentColor !important;
}

.style__more___zIcFy {
  position: relative;
  text-align: center;
  color: currentColor !important;
  cursor: pointer;
  z-index: 1;
  user-select: none;
}

.style__moreWithIcon___ZonqA {
  display: flex;
  justify-content: center;
  align-items: center;
}

.style__linkRoleButton___kxZ2G,
.style__linkRoleButton___kxZ2G:hover,
.style__linkRoleButton___kxZ2G:focus,
.style__linkRoleButton___kxZ2G:active {
  text-decoration: none;
  color: currentColor !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.style__loginRow___Xrd1D {
  display: flex;
  justify-content: space-evenly;
  margin-top: 25px;
}

.style__loginColumn___HGR9I {
  width: 100%;
  text-align: center;
}

/* "Server" placeholder. */
.style__more___zIcFy + div > div {
  color: currentColor !important;
}

.style__submit___VcNB0 {
  margin: 35px 0 0 0 !important;
}

.style__submit___VcNB0 button[type=submit]:not(:disabled) {
  background: inherit !important;
}

.style__submit___VcNB0 button[type=submit],
.style__submit___VcNB0 button[type=submit] span {
  color: currentColor !important;
}

.style__recovery___AnSSy {
  text-align: center;
  color: currentColor !important;
  cursor: pointer;
  margin-top: 15px;
  z-index: 1;
  user-select: none;
}

a.style__recovery___AnSSy {
  text-decoration: none;
}

.style__version___mR3O2 {
  display: none;
}

/* :SHONK: Pad the bottom of the container. */
.style__container___IAx7j:after {
  content: " ";
  display: block;
  padding-bottom: 50px;
}

/* Hide Safari password helper. */
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
}

/* Hide IE's password helpers. */
input::-ms-clear,
input::-ms-reveal {
  display: none;
}

/* Workarounds to remove chromes yellow autocomplete. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  /* Make the color and backgound color transition really really slowly. */
  transition: color 99999s ease-out, background-color 99999s ease-out;
  transition-delay: 99999s;
}

/* Expose a hook for javascript when autofill is used. */
input:-webkit-autofill {
  animation-name: style__autofill___gvmWq;
}
/* Noop keyframe is used so its not removed via building. */
@keyframes style__autofill___gvmWq { from { opacity: 1; } to { opacity: 1; } }

.style__selectIcon___sxnRL {
  color: inherit !important;
}

.style__selectRoot___QPm8F {
  padding-left: 20px !important;
}

button.style__buttonStyle___Zrc9O {
  margin: 0 0 0 10px;
  color: currentColor;
}

body[dir=rtl] button.style__buttonStyle___Zrc9O {
  margin: 0 10px 0 0;
}

.style__buttonTextStyle___Aixhv {
  font-size: 14px;
  text-transform: none;
  font-weight: 400;
}

button[id="togglePasswordBtn"] {
  color: inherit;
}
.style__container___pejNz {
  height: 100vh;
  overflow-y: auto;
}

.style__form___pUiSE {
  max-width: 480px;
  margin: 0 auto;
  position: relative;
  padding: 0 50px;
  box-sizing: border-box;
}

.style__logo___jTBC_ {
  text-align: center;
  padding-bottom: 25px;
}

.style__logo___jTBC_ img {
  max-height: 75px;
  max-width: 204px;
  margin-top: 60px;
}

.style__status___tpgBg {
  text-align: center;
  margin-bottom: 10px;
}

.style__resetSpinner___Slb0I {
  margin-top: 35px;
  text-align: center;
}

.style__form___pUiSE label,
.style__form___pUiSE input,
.style__form___pUiSE hr {
  color: currentColor !important;
}

.style__submit___QcCPc {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.style__submit___QcCPc,
.style__submit___QcCPc button[type=submit] {
  width: 100%;
}

.style__submit___QcCPc button[type=submit]:not(:disabled) {
  background: inherit !important;
}

.style__submit___QcCPc button[type=submit],
.style__submit___QcCPc button[type=submit] span {
  color: currentColor !important;
}

.style__back___PP8LB {
  text-align: center;
  color: currentColor;
  cursor: pointer;
  margin-top: 15px;
  z-index: 1;
  user-select: none;
}

/* :SHONK: Pad the bottom of the container. */
.style__container___pejNz:after {
  content: " ";
  display: block;
  padding-bottom: 50px;
}

.style__linkRoleButton___Yj_cE,
.style__linkRoleButton___Yj_cE:hover,
.style__linkRoleButton___Yj_cE:focus,
.style__linkRoleButton___Yj_cE:active {
  display: block;
  color: currentColor;
}

.style__recoveryInputBase___IqUPx {
  color: currentColor !important;
}

.style__recoveryInputBase___IqUPx:before {
  border-bottom: 1px solid currentColor !important;
}

.style__recoveryInputRoot___KZ_vr {
  margin: 40px 0 !important;
}

.style__errorWithIcon___kF3_9 {
  display: inline-flex;
  align-items: center;
}