/* Advertisement type & sizes */

/* General */

img {
    max-width: 100%;
}

.style__link___2SS-5,
.style__content___2AW4k a {
    display: block;
}

/* WEB: messageListTop */

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

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

/* WEB: messageListRight */

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

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

/* WEB MOBILE: threadListTop */

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

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

/* WEB MOBILE: threadListInFeed */

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

.style__threadListInFeed___B-TBF .style__content___2AW4k > div {
    line-height: 0;
    text-align: center;
}

/* WEB: loginPageRight, loginPageLeft */

.style__loginPageRight___3ZTCM,
.style__loginPageLeft___35apZ {
  max-width: 300px;
  margin: 0 auto;
}

.style__container___1mE17 {}

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

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

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

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

/* Swatch groups. */
.style__container___1mE17 div[style *= "overflow-y"] > div > div[style *= "float"] {
  margin-right: 12px !important;
  padding-bottom: 16px !important;
}
.style__container___2oTli {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

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

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

.style__button___1vKAY {
  width: 100%;
  color: #000 !important;
  background-color: #efefef !important;
  border: 1px solid #000 !important;
  border-radius: 3px !important;
}
.style__container___feGo9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 250px;
}

.style__container___feGo9 > div {
  margin-top: 1em;
}
/* http://codepen.io/mrrocks/pen/EiplA */

.style__spinner___2Qvpx {
  animation: style__rotator___2FtLD 1.4s linear infinite;
  animation-delay: 500ms;
}

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

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

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

@keyframes style__dash___2kO6B {
  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___2Qvpx {
  animation-duration: 2.0s;
}

html[data-ua^=IE-11] .style__path___245PY {
  stroke-dasharray: 0, 10, 0, 10;
  stroke: #4285F4;
}
.style__secret___3jQCI {
  cursor: pointer;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 4px 8px;
  max-width: 100%;
  font-size: 14px;
}

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

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

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

.style__codeCopiedColor___3FbII {
  color: #0084D4;
}

.style__manualTextInfo___2AsFv {
  max-width: 100%;
}.style__container___1-_Lv {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 250px;
}

.style__container___1-_Lv > div {
  margin-top: 1em;
}
.style__container___29BRh {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 250px;
}
.style__iosOnly___1txAh {
  display: none;
}

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

.style__container___2sZ5A div {
  display: -ms-flexbox;
  display: flex;
}

.style__iconRight___6WgE9 {
  margin-left: auto;
}

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

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

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

.mobile .style__container___2sZ5A {
  position: relative;
}
 
.style__appBarTitle___1Y9_m {
  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__appBarTitle___1Y9_m:only-child {
  padding-inline-start: 16px;
}
/* Remove MUI padding. */
.style__container___7Y8ro {
  padding-top: 0 !important;
  height: calc(100vh - 126px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
body[dir=ltr] .style__nested___FXwaP {
  margin-left: 8px;
}

body[dir=rtl] .style__nested___FXwaP {
  margin-right: 8px;
}
.style__container___T9YqK {
  font-size: 15px !important;
  padding-left: 25px !important;
  transition: none !important;
  /* Wrap long text. */
  word-break: break-word;
  cursor: pointer;
  height: 48px;
}

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

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

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

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

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

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

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

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

/* Apply ellipsis for side menu text */
.style__wrapText___1faI1 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___2-woU {
  opacity: 0.4;
}

.style__responsive___1ze97 {
  height: unset !important;
  min-height: 48px;
}
.style__row___1ybgb {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: row;
      flex-direction: row;
}

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

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

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

.style__column___SG4z8 {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
}
.SkipLink__container___2I9bZ {
  position: relative;
}

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

.SkipLink__container___2I9bZ 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___2gYFb {
  margin-top: 10px;
  margin-bottom: 16px;
}

.style__intro___2gYFb strong {
  font-weight: 500;
}

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

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


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

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

.style__select___3hzZL svg {
  fill: currentColor !important;
}

.style__radioGroup___E1hBe {
  margin-top: 32px;
}

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

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

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

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

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

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

.style__attendee___2eoxg {
  margin-right: 5px;
}
.style__headers___15DyA {
    list-style: none;
    line-height: 1.5;
}
.style__chip___2j7ci {
  height: 24px;
  opacity: 0;
  margin: 1px 0 !important;
}

.style__chip___2j7ci.style__show___mKGVg {
  animation: style__fadeingrow___150FF 500ms ease;
  width: fit-content;
  opacity: 1;
}

.style__chip___2j7ci.style__hide___10bAr {
  animation: style__fadeoutshrink___2yvZ8 500ms ease;
  width: 0;
}

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

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

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

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

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

.style__chipWrapper___VnQg9.style__show___mKGVg {
  margin-top: 0px;
  opacity: 1;
}

.style__chipWrapper___VnQg9.style__hide___10bAr {
  opacity: 1;
  position: absolute;
}
.style__container___3onPA {
  min-height: 50px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: none !important;
  border-bottom: 1px solid #e0e0e0;
}

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

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

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

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

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

.style__draft___2PwD- {
  color: #DC3838;
}

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

.style__actions___Fwgub {
}

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

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

.style__title___P2WXU {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height:auto;
}

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

.style__toolbar___5-E_n {
  color: #63666A !important;
}

.style__borderTop___1_nkS {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.style__container___5wl4F {
  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___5wl4F svg {
  color: currentColor !important;
}
.style__preview___104sH {
  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___3yEng {
  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___3yEng {
  right: unset;
  left: -1px;
}

.style__progress___26vC9 {
  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___1G4-2 {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      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;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 1em;
  -ms-flex-item-align: center;
      align-self: center;
  /* min-width: 160px; */
}

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

.style__remove___3R1x9 {
  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___3R1x9 {
  margin-right: 5px;
  margin-left: unset;
}

.style__progress___2s2bX {
  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___1G4-2 {
  display: block;
  margin-bottom: 10px;
}

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

html[data-ua^=IE-11] body[dir="rtl"] .style__remove___3R1x9 {
  float: left;
}
.style__menuButton___1gZsx {
  color: currentColor !important;
  width: fit-content;
}

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

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

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

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

.style__iosOnly___3g85q {
  display: none;
}
@supports (-webkit-touch-callout: none) {
  .style__iosOnly___3g85q {
    display: block;
  }
}
.style__notificationMenuButton___2at5E {
  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___2at5E:disabled {
  background-color: rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

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

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

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

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

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

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

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

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

div.style__icon___13RMs {
  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___1RGbf {
  /* 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: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.style__toolbarColumn___bUDYJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

.style__secondary___2-MKF {
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

.style__secondary___2-MKF > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

.style__disabled___2iG1E {
  position: relative;
}

.style__disabled___2iG1E: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___AKLHH {
  display: inherit;
  margin-bottom: 10px;
}

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

.style__upload___la-4i {
  position: relative;
  margin-top: -1px !important;
}

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

.style__font___1xuVn {
  top: -1px;
}

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

.style__active___WvYYg: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___WvYYg:after {
  left: unset;
  right: 2px;
}

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

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

.style__mobile___1IljD {
  display: none !important;
}

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

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

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

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

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

@media (max-width: 412px) {
  .style__notSmall___1Cyog {
    display: none !important;
  }
}
.style__container___1gjRv {
  position: relative;
  cursor: text;
}

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

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

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

.style__editor___eT2j5 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___eT2j5 pre {
  white-space: pre-wrap;
}
/* Hide menu icon. */
.style__container___mdiYU > button {
  display: none !important;
}

/* Responsive overrides. */
/* Show menu icon. */
.tablet .style__container___mdiYU > button,
.mobile .style__container___mdiYU > button {
  display: inline-block !important;
}
/* Input and placeholder. */
.style__input___2MA43 > div:first-of-type,
.style__input___2MA43 input {
  color: currentColor !important;
}

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

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

.style__quickViewContainer___3BhU3 .style__input___2MA43, .style__quickViewContainer___3BhU3 .style__input___2MA43 > div {
  top: 0 !important;
}

button.style__searchBtn___3Ocu4 {
  margin: 0 12px !important;
}
.style__container___1Bp6L {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: inherit;
      flex-direction: inherit;
}

.style__unorderedList___1uJll {
  list-style: none;
  padding: 0;
  margin: 0;
}
.style__container___2Lmbc {
  position: relative;
}

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

.style__container___2Lmbc button:focus {
  left: unset;
  margin: 1em;
  z-index: 99999;
}
.style__container___xvNwr {
  position: relative;
  height: 32px;
  width: 32px;
}

/* Avatar, which can be either a div or img element. */
.style__container___xvNwr > *:first-child {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 125ms ease-in-out;
  outline: none;
  height: 32px;
  width: 32px;
}

body[dir="rtl"] .style__container___xvNwr > *:first-child {
  left: unset;
  right: 0;
}

/* Checkbox. */
.style__container___xvNwr > :last-child {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  width: 32px;
  height: 32px;
  opacity: 0;
  transition: opacity 125ms ease-in-out;
}

body[dir="rtl"] .style__container___xvNwr > :last-child {
  left: unset;
  right: 4px;
}

.style__container___xvNwr.style__selected___um_cC > *:first-child,
.style__container___xvNwr:hover > *:first-child,
.style__container___xvNwr:focus-within > *:first-child {
  opacity: 0;
}

.style__container___xvNwr.style__selected___um_cC > :last-child,
.style__container___xvNwr:hover > :last-child,
.style__container___xvNwr:focus-within > :last-child {
  opacity: 1;
}
/* Padding within container. */
.style__container___1Xx6H > 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___1Xx6H > div {
  width: 368px;
}

.style__body___2E0Iz {
  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___2E0Iz {
  padding-right: 72px;
  padding-left: 16px;
}

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

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

.style__email___igJFw {
  padding-bottom: 8px;
}

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

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

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

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

.style__decorations___pXF2B {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 32px;
  text-align: left;
}

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

/* Force star to new line. */
.style__decorations___pXF2B button {
  display: block !important;
  left: -8px;
}

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

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

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

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

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

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

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

.style__labelSpan___45EXq {
  display: block;
}

body[dir="rtl"] .style__labelSpan___45EXq {
  text-align: right;
}
.style__container___1l4ll {
  height: 55px;
}

.style__spinner___3qo-a {
  transform: scale(0.5, 0.5);
}

.style__error___3QFUl {
  color: #DE3535;
  font-weight: 500;
  /* Match the height of the Spinner. */
  line-height: 55px;
}
/* Remove MUI list padding within list. */
.style__container___2qu1w {
  padding-top: 0 !important;
}

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

@keyframes style__fadeIn___JeuV7 { from { opacity: 1; } to { opacity: 1; } }
.style__container___IeBhH {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.style__small___1Zd9P {
  max-width: 450px;
}

.style__select___3Zs-4 {
  z-index: 100;
}

.style__body___1yCHp {
  overflow: hidden;
}

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

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

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

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

.style__wrapper___3-JxP {
  min-width: 368px;
}.style__container___2w4w2 {
  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___2w4w2 {
  left: 0;
  right: unset !important;
}

.style__container___2w4w2:not(.style__fullscreen___Yyshs) .style__header___2IjlG h1 {
  color: #fff !important;
}

.style__container___2w4w2 .style__header___2IjlG svg {
  fill: #fff !important;
  color: #fff !important;
}

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

.style__header___2IjlG {
  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___2IjlG > div {
  min-height: 50px !important;
  max-height: 50px !important;
}

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

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

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

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

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

.style__toWrapper___3H22W {
  position: relative;
}

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

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

.style__from___26C2R,
.style__to___1nNS7,
.style__cc___If-PW,
.style__bcc___3fwEE,
.style__subject___VaNt8 {
  width: 100% !important;
  border-bottom: 1px solid #e0e0e0 !important;
  height: 48px;
}

.style__to___1nNS7, .style__cc___If-PW, .style__bcc___3fwEE {
  padding: 0 32px !important;
}
.style__to___1nNS7 {
  border-top: 1px solid #e0e0e0 !important;
}

body[dir="ltr"] .style__to___1nNS7,
body[dir="ltr"] .style__cc___If-PW,
body[dir="ltr"] .style__bcc___3fwEE {
  padding-right: 0;
}

body[dir="rtl"] .style__to___1nNS7,
body[dir="rtl"] .style__cc___If-PW,
body[dir="rtl"] .style__bcc___3fwEE {
  padding-left: 0;
}

/* Account for the up/down arrow. */
.style__to___1nNS7 .Select-control,
.style__cc___If-PW .Select-control,
.style__bcc___3fwEE .Select-control {
  max-height: 85px;
  overflow-y: auto;
}

.style__cc___If-PW .Select-control,
.style__bcc___3fwEE .Select-control {
  max-height: 49px;
}

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

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

.style__cc___If-PW .Select-loading-zone,
.style__bcc___3fwEE .Select-loading-zone {
  position: absolute;
  top: 12px;
  right: 24px;
}

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

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

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

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

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

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

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

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

.style__minimize___1UeFn .style__header___2IjlG h1 {
  line-height: 52px !important;
}

.style__minimize___1UeFn .style__header___2IjlG button {
  margin-top: -6px;
}

.style__minimize___1UeFn .style__from___26C2R,
.style__minimize___1UeFn .style__to___1nNS7,
.style__minimize___1UeFn .style__cc___If-PW,
.style__minimize___1UeFn .style__bcc___3fwEE,
.style__minimize___1UeFn .style__subject___VaNt8,
.style__minimize___1UeFn .style__body___2cj2U,
.style__minimize___1UeFn .style__toolbar___2FVbG {
  display: none !important;
}

/* Override base and minimize styles in fullscreen mode. */
.style__fullscreen___Yyshs {
  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___Yyshs {
  /* Reverse the offset set in the composer manager. */
  left: -120px !important;
  right: unset !important;
}

.style__fullscreen___Yyshs .style__header___2IjlG {
  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___Yyshs .style__header___2IjlG button {
  margin-top: 0px !important;
}

/* Override everything */
.style__embedded___pMWuc {
  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___pMWuc .style__header___2IjlG,
.style__embedded___pMWuc .style__toToggle___q_QbF,
.style__embedded___pMWuc .style__from___26C2R,
.style__embedded___pMWuc .style__to___1nNS7,
.style__embedded___pMWuc .style__cc___If-PW,
.style__embedded___pMWuc .style__bcc___3fwEE,
.style__embedded___pMWuc .style__subject___VaNt8,
.style__embedded___pMWuc .style__attachments___3Ou4i,
.style__embedded___pMWuc div[data-atmail-signature],
.style__embedded___pMWuc blockquote {
  display: none !important;
}

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

.style__embedded___pMWuc .style__body___2cj2U {
  display: block !important;
}

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

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

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

/* Hide minimize and exit fullscreen icons. */
.mobile .style__fullscreen___Yyshs .style__header___2IjlG 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___3zLJ0 {
    display: block;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Disable standard scrolling. */
  .style__body___2cj2U {
    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___2w4w2 .style__scroll___3zLJ0 {
  display: block;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

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

.style__contact___1uEkR {
  /* 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___1uEkR {
  margin-left: unset !important;
  text-align: right;
  margin-right: 17px !important;
}

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

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

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

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

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

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

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

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

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

.style__subjectLabel___2Zne2 {
  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___2Zne2 {
  text-align: right;
  right: 17px;
}

body[dir="ltr"] .style__contactInputRootTo___xM4ei,
body[dir="ltr"] .style__contactInputRootCc___2K_lp,
body[dir="ltr"] .style__contactInputRootBcc___2MImX {
  padding-left: 45px !important;
}

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

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

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

.style__recipientRow___2fMn9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

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

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

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

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

body[dir="rtl"].tablet .style__container___Sbx8l {
  right: 35px;
}
.style__error___3hVo8 {
  color: #DE3535;
}

.style__content___1NQTw {
  white-space: pre-wrap;
}
.style__spinner___3yrOJ {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-top: -12px;
  margin-left: -13px !important;
}

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

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

.style__dialogTitle___28f-M {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.style__leftActionButtons___dyXvV {
  left: 24px;
  position: absolute;
}

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

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

  .style__actionMobileBtn___k3BC- {
    margin: 0 0 10px !important;
  }
}
.style__error___1h3H1 {
  color: #DE3535;
  margin-bottom: 25px;
}

.style__file___DYxRL,
.style__progress___3ozUZ {
  padding-top: 10px;
  box-sizing: border-box;
}

.style__file___DYxRL,
.style__progress___3ozUZ,
.style__spinner___3caoT {
  height: 55px;
}

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

.style__file___DYxRL,
.style__spinner___3caoT {
  text-align: center;
}

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

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

.style__dialogContentRoot___2t0qT {
  padding: 24px !important;
}

.style__dialogActionRoot___2DRsK {
  padding: 8px !important;
}
.style__error___2TyKq {
  color: #DE3535;
  margin-bottom: 25px;
}

.style__file___2qRwT,
.style__progress___2RzzX {
  padding-top: 10px;
  box-sizing: border-box;
}

.style__file___2qRwT,
.style__progress___2RzzX,
.style__spinner___1ZDux {
  height: 55px;
}

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

.style__file___2qRwT,
.style__spinner___1ZDux {
  text-align: center;
}

.style__spinner___1ZDux {
  /* Set height to approx 32px. */
  transform: scale(0.66, 0.66);
}
.style__error___2dZAv {
  color: #DE3535;
  margin-bottom: 25px;
}

.style__radio___3_eoG {
  margin-bottom: 16px;
}
.style__borderTop___1tHkx {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.style__borderBottom___3WOfL {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}
/* Reduce the visual width of the more icon to make the spacing between the */
/* icons looks the same. */
.style__more___2R71n {
  margin-left: -6px !important;
  margin-right: -6px !important;
}

.style__wrapper___26tx7 {
  max-height: 95vh;
  overflow-y: auto;
}
.style__container___Viv7A {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  pointer-events: none;
}

.style__preview___3oXi0 {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 5px;
}
.style__container___2Mrpf {
  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___2Mrpf {
  left: 0;
  right: 200px;
  transition: right 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

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

body[dir=rtl].tablet .style__container___2Mrpf,
body[dir=rtl].mobile .style__container___2Mrpf {
  right: 0px !important;
}
.style__wrapper___4z3RD {
  display: -ms-flexbox;
  display: flex;
}

.style__wrapper___4z3RD button {
  color: inherit !important;
}

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

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

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

body[dir=rtl] .style__container___3jtBz {
  padding-left: unset;
  padding-right: 16px;
}
.style__track___2JYxJ {
  z-index: 1000;
  position: absolute;
  width: 6px;
  top: 2px;
  bottom: 2px;
  right: 2px;
  border-radius: 3px;
}

body[dir=rtl] .style__track___2JYxJ {
  right: unset;
  left: 2px;
}
.style__container___5UhpF {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 48px);
  padding-bottom: 48px;
  position: relative;
}
.mobile .style__container___5UhpF {
  height: auto;
  overflow: unset;
}

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

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

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

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

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

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

.style__unorderedList___fSwwv {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* Note: Composer (mobile) and FAB z-index is related, update accordingly */
.style__container___2NxD8 {
  position: fixed !important;
  right: 30px;
  bottom: 15px;
  z-index: 1000;
}

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

.mobile .style__container___2NxD8 {
  right: 20px;
}

body[dir="rtl"].mobile .style__container___2NxD8 {
  left: 20px;
}
.style__main___2F6kO {
  width: 100vw;
}

.desktop .style__main___2F6kO {
  position: relative;
  left: 200px;
}
.style__container___3L5cH {
  height: 100%;
}

.style__container___3L5cH > 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___3L5cH > div::-webkit-scrollbar {
  display: none;
}

body[dir=rtl] .style__container___3L5cH > div {
  right: 0;
  left: unset;
}
.style__container___3q58G {
  height: 72px;
  margin-top: 6px;
  text-align: center;
}

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

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

.mobile .style__container___3q58G img,
.tablet .style__container___3q58G img {
  padding-left: 12px;
  padding-right: 12px;
  position: unset;
  top: unset;
  transform: unset;
}
.style__container___1YBPs {
  color: currentColor !important;
}

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

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

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

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

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

.style__container___1YBPs::after {
  display: none;
}

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

span.style__menuButtonText___d43nV {
  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___d43nV {
  padding-right: 0;
  padding-left: 24px;
}

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

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

.style__borderTop___21JDY {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.style__error___34Iom {
  color: #DE3535;
  margin-bottom: 25px;
}.style__container___2ZFqF {
  border-left-width: 1px;
  border-left-style: solid;
}

body[dir="rtl"] .style__container___2ZFqF {
  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___1V_Y4 {
  margin-left: -6px !important;
  margin-right: -6px !important;
}

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

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

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

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

body[dir="rtl"].mobile .style__more___1V_Y4 {
  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___2ZFqF {
  visibility: hidden;
}

.mobile .style__container___2ZFqF {
  visibility: visible !important;
}
.style__subject___248qT {
  padding-top: 10px;
  box-sizing: border-box;
}

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

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

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

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

body[dir="rtl"].mobile .style__subject___248qT h2 {
  margin-right: 16px;
}
.style__container___VUw-D {
  position: relative;
  background: #fff;
  margin-top: 16px;
}

.style__count___2X28W {
  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___VUw-D {
  margin-top: 0;
}

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

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

.mobile .style__count___2X28W {
  margin: -2px auto;
  display: block;
}
.style__borderBottom___3q_rG {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.style__headers___2z60z {
  margin-top: 30px;
}

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

.style__list___1uCd9 li {
  list-style: none;
}

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

.style__more___3Yp_x {
  font-size: 12px;
  color: #4c60d8;
}
.style__invite___1MPWZ {
  padding: 10px 15px 5px;
  margin-bottom: 25px;
  color:  #63666A;
  border: 0;
}

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

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

.style__inviteButtons___2b-xw > div {
  margin: 0px 10px 10px 0;
}

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

.style__section___x2-jL {
  position: relative;
  margin: 0 0 16px;
}

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

.style__removed___299RW {
  color: #D82F27;
}

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

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

.style__attendee___3pF4J {
  margin-right: 5px;
}

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

.style__actions___CdqAH {
  margin-top: 5px;
}

/* Provide spacing between buttons. */
.style__actions___CdqAH > div {
  margin-top: 10px;
  margin-right: 10px;
}
.style__attachment___2fxC9 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      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___3CKvS .style__footer___2m8IF {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 5px 0 5px;
}

.style__full___3CKvS.style__image___1O-Wv .style__footer___2m8IF {
  -ms-flex-pack: center;
      justify-content: center;
}

.style__full___3CKvS .style__thumbnail___3Qkrl {
  display: -ms-flexbox;
  display: flex;
  padding: 5px 5px 0 3px;
  height: 100%;
}

.style__preview___2Zy0O .style__thumbnail___3Qkrl {
  min-width: 50px;
}

.style__preview___2Zy0O.style__icon___19MIG,
.style__preview___2Zy0O.style__image___1O-Wv {
  width: 80px;
  height: 50px;
}

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

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

.style__preview___2Zy0O .style__name___QEAuH {
  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___2Zy0O .style__size___IwN2v,
.style__preview___2Zy0O .style__download___2a3VJ,
.style__preview___2Zy0O.style__image___1O-Wv .style__name___QEAuH {
  display: none;
}

.style__full___3CKvS.style__icon___19MIG {
  width: 186px;
  min-width: 186px;
}

.style__full___3CKvS.style__image___1O-Wv {
  width: 129px;
  min-width: 129px;
  padding: 5px;
}

.style__full___3CKvS.style__image___1O-Wv .style__thumbnail___3Qkrl > div {
  width: 100%;
  height: 66px;
  border-radius: 2px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

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

.style__full___3CKvS .style__name___QEAuH {
  /* width: calc(186px - 70px - 15px); */
  /* 3 times the line-height to show 3 lines. */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      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___3CKvS .style__download___2a3VJ {
  font-size: 12px;
  color: #4c60d8;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.style__full___3CKvS.style__image___1O-Wv .style__download___2a3VJ {
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

.style__full___3CKvS.style__image___1O-Wv .style__size___IwN2v,
.style__full___3CKvS.style__image___1O-Wv .style__name___QEAuH {
  display: none;
}

.style__full___3CKvS .style__download___2a3VJ .style__more___2U_cj button {
  height: 39px !important;
  padding: 0 !important;
  width: auto !important;
}

.style__downloadBtn___z_Ilr {
  color: inherit;
  font-size: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.style__card___2TQTY {
  margin-top: 20px;
  transition: none !important;
}

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

.style__header___1gGcA {
  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___1gGcA > div {
  width: 100%;
  padding-right: 0px !important;
}

.style__divider___2aG8m {
  display: none;
}

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

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

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

.style__title___3GMR- > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

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

.style__title___3GMR-.style__unread___SWqW_ {
  font-weight: 500;
}

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

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

.style__from___3V2j2 strong {
  font-weight: 500;
  -webkit-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

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

.style__draft___1n0Mn {
  color: #DE3535;
}

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

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

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

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

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

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

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

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

@media (max-width: 530px) {
  .style__actionButtons___m-sn5,
  .style__attachment___150jo {
    display: none !important;
  }
}

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

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

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

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

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

.style__unread___SWqW_ .style__time___2R0Yc: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___SWqW_ .style__time___2R0Yc:before {
  margin-left: 10px;
  margin-right: unset;
}

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

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

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

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

.style__contentBlocked___2n_SK {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 4px 16px;
  background-color: #f4f4f4;
  margin: -16px -16px 16px -16px;
  -ms-flex-align: center;
      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___2n_SK button span {
  white-space: nowrap;
}

.style__contentBlocked___2n_SK.style__hide___27r4W {
  display: none;
  margin-top: -65px;
}

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

.style__text___2BSOC.style__preview___EsEVD {
  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___2BSOC.style__preview___EsEVD {
  padding-right: 16px;
  padding-left: 47px;
}

.style__text___2BSOC.style__full___dU6oC {
  position: relative;
  word-break: break-word;
}

/* Show element to toggle blockquoted text. */
.style__text___2BSOC.style__full___dU6oC 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___2BSOC.style__full___dU6oC blockquote:first-of-type:before {
  right: -20px;
  left: unset;
}

.style__text___2BSOC.style__full___dU6oC blockquote:first-of-type:hover:before,
.style__text___2BSOC.style__full___dU6oC blockquote.style__expandedBlockquote___vij7k:before {
  background: #ececec;
}

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

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

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

.style__text___2BSOC.style__full___dU6oC blockquote.style__expandedBlockquote___vij7k:first-of-type > * {
  height: auto !important;
  width: auto !important;
  display: block !important;
}

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

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

.style__text___2BSOC.style__full___dU6oC 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___2BSOC.style__full___dU6oC div:last-of-type > br:only-child {
  display: none;
}

.style__attachments___2v1zN {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 25px;
}

.style__error___Z9BRq {
  color: #DE3535;
}

/* Responsive overrides. */
.mobile .style__card___2TQTY {
  /* 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___2TQTY:last-of-type {
  border-bottom-width: 0;
}

.mobile .style__header___1gGcA {
  border: 0;
}

.mobile .style__text___2BSOC.style__preview___EsEVD {
  padding-top: 0 !important;
}

.mobile .style__text___2BSOC.style__full___dU6oC {
  padding-top: 0 !important;
}

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

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

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

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

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

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

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

.style__draftEditWrapper___1RwK- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 12px 0;
}
.style__container___diV2r {
  margin-top: 45px;
  text-align: center;
}

/* Add spacing between buttons. */
.style__container___diV2r > button {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
}
.style__container___3CWwI {
  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___4zgLS {
  text-align: center;
  padding: 0 35px;
  /* Delay showing to prevent flickering. */
  opacity: 0;
  animation: style__fadeIn___2GCzR ease-in 0s 1s forwards;
}

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

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

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

.style__container___3Ysx4 svg {
  fill: inherit;
}

.style__messageListWrapper___OWfq2 {
  width: 100%;
}

.style__messageContainer___2zM1Y {
  display: -ms-flexbox;
  display: flex;
}

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

/* Responsive overrides. */
.mobile .style__container___3Ysx4 {
  padding: 0;
  max-width: 100%;
  border-left-width: 0;
}
.style__error___2vU56 {
  color: #DE3535;
  margin-bottom: 25px;
}

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

/* Match select component label size */
legend.style__formLabelLegend___1AFvo {
  font-size: smaller;
}
.style__title___3W0IS {
  font-weight: bold;
  margin-bottom: 15px;
}
.style__senders___2WXvS {
  margin-top: 10px;
}
.style__error___FIwsZ {
  color: #DE3535;
  margin-bottom: 25px;
}
.style__container___2_sX2 {
  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___2_sX2 {
  left: 0;
  right: 450px;
  will-change: right;
  transition: right 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.style__expanded___1BeEU {
  left: 0px !important;
}

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

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

.style__expanded___1BeEU .style__body___1n94F {
  border-left-width: 0;
}

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

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

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

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

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

body[dir="rtl"].mobile .style__body___1n94F {
  border-right-width: 0;
}
body[dir=rtl] .style__filterMenuItem___3PTEh > div > div {
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px !important;
  margin-left: unset !important;
}

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

body[dir=rtl] .style__filterMenuItem___3PTEh > div > div > svg {
  left: 8px !important;
  position: relative !important;
}
/* Hide menu icon. */
.style__container___lnlfv > button {
  display: none !important;
}

/* Responsive overrides. */
/* Show menu icon. */
.tablet .style__container___lnlfv > button,
.mobile .style__container___lnlfv > button {
  display: inline-block !important;
}
.style__textField___2oIHd {
  margin: 0;
  height: 52px !important;
  width: 100% !important;
}

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

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

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

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

.style__checkboxLabel___WasOk {
  display: block !important;
}

.style__closeBtn___2e7Lh {
  color: currentColor !important;
}


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

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

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

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

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

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

.style__arrow___2NRuT {
  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___2EXLT::before {
  left: -8px;
  right: unset;
}

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

body[dir=rtl] .style__searchBtn___1KzjX {
  margin-left: unset !important;
  margin-right: 12px !important;
}
.style__container___3C9tF {
  width: calc(100vw - 200px) !important;
}

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

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

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

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

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

.style__body___ciD9j {
  position: relative;
  padding-left: 72px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-top: 15px;
  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___ciD9j {
  padding-right: 72px;
  padding-left: 24px;
  text-align: right;
}

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

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

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

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

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

.style__draft___3laj- {
  color: #DE3535;
}

.style__subject___2q_BV {
  padding-bottom: 10px;
}

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

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

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

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

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

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

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

.style__count___2X0LB {
  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___2X0LB {
  margin-right: unset;
  margin-left: 8px;
}

.style__decorations___pZztR {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 32px;
  text-align: left;
}

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

/* Force star to new line. */
.style__decorations___pZztR button {
  display: block !important;
  left: -8px;
}

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

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

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

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

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

.style__subjectBtn___3M5uw {
  font-size: 15px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
  border: 0;
  padding: 0;
  color: currentColor;
}
/* Remove MUI list padding within list. */
.style__container___r_Cx8 {
  padding-top: 0 !important;
}

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

.style__policyNotice___2IpHe {
  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___22kY6 { from { opacity: 1; } to { opacity: 1; } }
.style__container___2haqS {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.style__small___3RIwo {
  max-width: 450px;
}

.style__select___2oBVQ {
  z-index: 100;
}

.style__body___o5vWn {
  overflow: hidden;
}

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

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

.mobile .style__body___o5vWn {
  position: relative;
  width: 100vw;
  height: auto;
  overflow: unset;
}
/* Hide menu icon. */
.style__container___2GSwb > button {
  display: none !important;
}

/* Responsive overrides. */
/* Show menu icon. */
.tablet .style__container___2GSwb > button,
.mobile .style__container___2GSwb > button {
  display: inline-block !important;
}
.style__container___1Jexz {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

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

/* Responsive overrides. */
/* Show menu icon. */
.tablet .style__body___1osAP,
.mobile .style__body___1osAP {
  padding-left: 24px;
  padding-right: 24px;
}
.style__tooltip___2YKVb {
  position: relative;
  display: inline-block;
  width: 100%;
}

.style__tooltip-bubble___2j-cM {
  min-width: 120px;
  max-width: 210px;
  position: absolute;
  z-index: 10;
}

.style__tooltip-bubble___2j-cM::after {
  content: '';
  position: absolute;
}

.style__tooltip-top___PFOSx {
  bottom: 100%;
  left: 50%;
  padding-bottom: 9px;
  transform: translateX(-50%);
}

.style__tooltip-top___PFOSx::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #616161;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.style__tooltip-bottom___o6pDS {
  top: 100%;
  left: 50%;
  padding-top: 9px;
  transform: translateX(-50%);
}

.style__tooltip-bottom___o6pDS::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #616161;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.style__tooltip-left___24D9F {
  top: 50%;
  right: 100%;
  padding-right: 9px;
  transform: translateY(-50%);
}

.style__tooltip-left___24D9F::after {
  border-left: 9px solid #616161;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.style__tooltip-right___2czcB {
  top: 50%;
  left: 100%;
  padding-left: 9px;
  transform: translateY(-50%);
}

.style__tooltip-right___2czcB::after {
  border-right: 9px solid #616161;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.style__tooltip-message___3O0Sf {
  background: #616161;
  border-radius: 3px;
  color: #fff;
  font-size: .75rem;
  line-height: 1.4;
  padding: .75em;
  text-align: center;
}.style__container___6LF2h {
  font-size: 15px !important;
  transition: none !important;
  line-height: 16px !important;
}

.style__active___1iYTW {
  background: rgba(0, 0, 0, 0.22) !important;
}

.style__container___6LF2h > div > div {
  padding: 10px !important;
}

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

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

.style__shared___3WsC9 > div > div > div:first-of-type {
  top: 6px !important;
}

.style__shared___3WsC9 > div > div > div:nth-of-type(2) {
  top: 0 !important;
}

body[dir="ltr"] .style__shared___3WsC9 > div > div > span:first-of-type {
  margin-left: 34px !important;
}

body[dir="rtl"] .style__shared___3WsC9 > div > div > span:first-of-type {
  margin-right: 34px !important;
}

body[dir="rtl"] .style__container___6LF2h > div > div {
  padding: 10px !important;
}

.style__moreicon___1WqM5 > span {
  margin-right: 0;
  white-space: nowrap;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style__listItemGutters___2KT_1 {
  padding-left: 0 !important;
}

.style__listItemAvatar___1kVT2 {
  min-width: 0 !important;
}

.style__listItemSecondaryActionRoot___1ILhl {
  right: 0;
}

.style__listItemContainer___2lAnG {
  cursor: pointer;
}

.style__listItemContainer___2lAnG:hover {
  background-color: rgba(118, 118, 118, 0.1);
}.style__cardHeader___1tkhv {
  overflow-x: auto;
}
.style__link___3TlWz {
  display: block;
  margin-top: 10px;
  word-break: break-all;
}

.style__borderTop___VFuV_ {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.style__error___2W3KG {
  color: #DE3535;
  margin-bottom: 25px;
}

.style__label___ieolu {
  font-size: 0.8rem;
}

.style__to___3rVfc {
  max-height: 150px;
  overflow-y: auto;
}span.style__color___2Ny0F {
  color: currentColor;
}

body[dir=rtl] .style__color___2Ny0F {
  right: 0;
}

/* Fill the tick to be the same color as the text. */
/* .color.checked:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  background: currentColor;
} */

.style__color___2Ny0F svg {
  /* fill: inherit !important; */
}

.style__shareInfo___YeneL {
  font-size: 11px !important;
  font-style: italic;
  color: inherit !important;
}.style__container___1gVQW {
  position: relative;
  text-align: center;
  line-height: 1.5;
}

.style__wrapper___PpB6O {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 6px 0;
  color: black;
  font-weight: 500;
  font-size: 12px;
}

.style__wrapper___PpB6O > button,
.style__wrapper___PpB6O > h4 {
  float: left;
}

.style__wrapper___PpB6O h4 {
  margin: 8px 0 0;
  font-size: 24px;
  min-width: 350px;
}

/* Responsive overrides. */
@media (max-width: 470px) {
  .style__wrapper___PpB6O h4 {
    min-width: initial;
  }
}
.toolbar__toolbar___nLmel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  height: 25px;
  overflow: hidden;
}

.toolbar__btnGroup___8qeJ5 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.toolbar__leftArrow___2n_xK {
  float: left;
  margin-left: 10px;
  padding-top: 2.5px;
  width: 10px;
  height: 10px;
}

body[dir="rtl"] .toolbar__leftArrow___2n_xK {
  float: right;
  margin-left: unset;
  margin-right: 10px;
  transform: rotate(180deg);
}

.toolbar__rightArrow___EjtdS {
  float: right;
  margin-right: 10px;
  padding-top: 2.5px;
  width: 10px;
  height: 10px;
}

body[dir="rtl"] .toolbar__rightArrow___EjtdS {
  float: left;
  margin-left: 10px;
  margin-right: unset;
  transform: rotate(180deg);
}

.toolbar__toolbarLabelContainer___dI1dR {
  text-align: center;
  margin-top: -3px;
}
.toolbar__toolbarLabel___3cRgr {
  color: black;
}

.toolbar__monthView___1Tu0N {
  color: black;
}

.toolbar__monthHeader___1Ax-l {
  color: gray;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.toolbar__dateCell___2Qhnv {
  -ms-flex: 1 1 0px;
      flex: 1 1 0;
  min-width: 0;
  text-align: center;
}

.toolbar__dateCell___2Qhnv > a,.toolbar__dateCell___2Qhnv > a:active, .toolbar__dateCell___2Qhnv > a:visited {
  color: inherit;
  text-decoration: none;
}

.toolbar__dateCell___2Qhnv > button {
  color: inherit;
  border: 0;
  background: none;
  font-size: inherit;
}

.toolbar__offRange___zCKF4 {
  opacity: .2;
}

.toolbar__current___30fug {
  background-color: #425563;
  color: white;
  border-radius: 50%;
}

.toolbar__agendaRow___2P7A5 {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}

.toolbar__agendaDateCell___1AB68 {
  text-align: left;
  padding-left: 5px;
  font-size: 10px;
  color: black;
  font-weight: 500;
}

body[dir="rtl"] .toolbar__agendaDateCell___1AB68 {
  text-align: right;
  padding-left: unset;
  padding-right: 5px;
}

.toolbar__agendaEventDuration___1l1Fm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 10px;
  padding: 0 5px 0 0;
  border-right: 2px solid #a6a6a6;
  color: #425563;
  line-height: 1.4;
  width: 50px;
  text-align: right;
}

body[dir="rtl"] .toolbar__agendaEventDuration___1l1Fm {
  border-right: unset;
  border-left: 2px solid #a6a6a6;
  padding: 0 0 0 5px;
  text-align: left;
}

.toolbar__agendaEventCell___20KMs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 10px;
  font-weight: 300;
  color: #425563;
  padding-left: 5px;
  width: 135px;
  line-height: 1.3;
}

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

.toolbar__agendaEventStart___FaP22 {
  color: black;
  font-weight: 600;
}

/* @import './variables.less';

@active-background: darken(@btn-bg, 10%);
@active-border: darken(@btn-border, 12%);

.rbc-toolbar {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;

  .rbc-toolbar-label {
    flex-grow:1;
    padding: 0 10px;
    text-align: center;
  }

  & button {
    color: @btn-color;
    display: inline-block;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    background: none;
    background-image: none;
    border: 1px solid @btn-border;
    padding: .375rem 1rem;
    border-radius: 4px;
    line-height: normal;
    white-space: nowrap;

    &:active,
    &.rbc-active {
      background-image: none;
      box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
      background-color: @active-background;
      border-color: @active-border;

      &:hover,
      &:focus {
        color: @btn-color;
        background-color: darken(@btn-bg, 17%);
        border-color: darken(@btn-border, 25%);
      }
    }

    &:focus {
      color: @btn-color;
      background-color: @active-background;
      border-color: @active-border;
    }

    &:hover {
      color: @btn-color;
      background-color: @active-background;
          border-color: @active-border;
    }
  }
}

.rbc-btn-group {
  display: inline-block;
  white-space: nowrap;

  > button:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  > button:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .rbc-rtl & > button:first-child:not(:last-child) {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .rbc-rtl & > button:last-child:not(:first-child) {
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  > button:not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  button + button {
    margin-left: -1px;
  }

  .rbc-rtl & button + button {
    margin-left: 0;
    margin-right: -1px;
  }

  & + &,
  & + button {
    margin-left: 10px;
  }
} */
.styles__calendarContainer___oRJzB {
  box-sizing: border-box;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #f9f9f9;
}
/* @import './variables.less';
@import './reset.less';
 */

/* .rbc-calendar {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: antiquewhite;
}

.rbc-calendar *,
.rbc-calendar *:before,
.rbc-calendar *:after {
  box-sizing: inherit;
}

.rbc-abs-full {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rbc-ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rbc-rtl {
  direction: rtl;
}

.rbc-off-range {
  color: @out-of-range-color;
}

.rbc-off-range-bg {
  background: @out-of-range-bg-color;
}

.rbc-header {
  overflow: hidden;
  flex: 1 0 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
  border-bottom: 1px solid @cell-border;

  & + & {
    border-left: 1px solid @cell-border;
  }

  .rbc-rtl & + & {
    border-left-width: 0;
    border-right: 1px solid @cell-border;
  }

  & > a {
    &, &:active, &:visited {
      color: inherit;
      text-decoration: none;
    }
  }
}

.rbc-row-content {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  z-index: 4;
}

.rbc-today {
  background-color: @today-highlight-bg;
} */


/* @import './toolbar.less';
@import './event.less';
@import './month.less';
@import './agenda.less';
@import './time-grid.less'; */
.style__container___21jgh {
  position: relative;
  height: 100%;
}

.minical {
  position: absolute;
  transition: top .1s ease;
  z-index: 1000;
}

.style__docked___3L_Im.minical {
  top: calc(100vh - 32px);
}

.style__undocked___3lsxU.minical {
  top: calc(100vh - 434px);
}

.style__toggleTab___3Fnyd {
  background-color: #fff;
  padding: 2px;
  border-radius: 2px 2px 0 0;
  color: #444;
  width: fit-content;
  height: 27px;
  width: 27px;
  position: relative;
  left: 16px;
  top: 6px;
  cursor: pointer;
  text-align: center;
  border: 0;
}

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

.style__day___3mOkL .rbc-time-header > .rbc-row:first-of-type {
  display: none;
}

/* Shift events from the top border of the cell. */
.style__day___3mOkL .rbc-allday-cell .rbc-row:first-of-type .rbc-event,
.style__week___2JN8b .rbc-allday-cell .rbc-row:first-of-type .rbc-event {
  margin-top: 1px;
}

/* Dont show today background in day view. */
.style__day___3mOkL .rbc-today {
  background: none;
}

/* Hide time labeling. Note its still shown as a tooltip. */
.rbc-event-label {
  display: none !important;
}

.rbc-event-content {
  font-size: 100%;
}

.style__agenda___ztHh5 .rbc-agenda-view table {
  border-collapse: collapse;
}

.style__agenda___ztHh5 .rbc-agenda-view table thead th:first-of-type {
  padding-left: 10px;
}

.style__agenda___ztHh5 .rbc-agenda-content table {
  /* Hide the double border. */
  border-top-width: 0;
}

.style__agenda___ztHh5 .rbc-agenda-event-cell {
  padding: 0;
}

.rbc-toolbar {
  margin-top: 10px;
}

.rbc-header {
  font-weight: 500 !important;
  color: #bbb;
  font-size: 10px !important;
  /* Force a new line between the day and the date. */
  white-space: pre-line !important;
  word-break: break-word;
  word-spacing: 9999px;
}

.rbc-now,
.rbc-show-more {
  font-weight: 500 !important;
}

.rbc-show-more {
  background: transparent !important;
  text-decoration: none;
  color: #4c60d8;
}

.rbc-time-view,
.rbc-month-view,
.rbc-agenda-view table {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}

.rbc-time-slot.rbc-label {
  text-transform: lowercase;
  text-align: right;
}

.rbc-event {
  position: relative;
  border-radius: 0 !important;
  border-width: 0 !important;
  border-style: solid;
  border-left-width: 6px !important;
  border-left-color: rgba(0, 0, 0, 0.16) !important;
}

/*
:global(.rbc-selected) {
  box-shadow: rgb(52, 152, 219) 0px 0px 3px 1px;
}
*/

/* Day, Week, Month mode styling. */
.style__pending___gjpYM {
  color: rgba(255, 255, 255, 0.8);
}

.style__pending___gjpYM:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: #fff;
  opacity: 0.5;
}

.style__declined___2pZeg {
  text-decoration: line-through;
}

/* Agenda mode styling. */
.style__agendaEvent___380Dj {
  position: relative;
  padding: 5px 10px;
  cursor: pointer;
}

.style__color___19NoV {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 10px;
  vertical-align: top;
  border-radius: 2px;
}

.style__notice___1UvsZ {
  color: #DE3535;
  margin-left: 8px;
}

/* :SHONK: Pad the bottom of the agenda view. */
.rbc-agenda-view:after {
  content: " ";
  display: block;
  padding-bottom: 80px;
}

/* :SHONK: No intl support. */
.rbc-agenda-content {
  position: relative;
  height: 100%;
}
.rbc-agenda-content tbody:empty:after {
  position: absolute;
  top: -30px;
  bottom: -80px;
  display: -ms-flexbox;
  display: flex;
  font-size: 28.8px;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* Responsive overrides. */
.mobile .rbc-agenda-time-cell {
  white-space: normal !important;
}
.rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0;
}
button.rbc-btn {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled].rbc-btn {
  cursor: not-allowed;
}
button.rbc-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.rbc-calendar {
  box-sizing: border-box;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
}
.rbc-calendar *,
.rbc-calendar *:before,
.rbc-calendar *:after {
  box-sizing: inherit;
}
.rbc-abs-full,
.rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rbc-ellipsis,
.rbc-event-label,
.rbc-row-segment .rbc-event-content,
.rbc-show-more {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rbc-rtl {
  direction: rtl;
}
.rbc-off-range {
  color: #b3b3b3;
}
.rbc-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
}
.rbc-header > a,
.rbc-header > a:active,
.rbc-header > a:visited {
  color: inherit;
  text-decoration: none;
}
.minical .rbc-row-content {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 4;
  font-size: 10px;
}
.rbc-today {
  background-color: #eaf6ff;
}
.rbc-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
}
.rbc-toolbar .rbc-toolbar-label {
  width: 100%;
  padding: 0 10px;
  text-align: center;
}
.rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: .375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap;
}
.rbc-toolbar button:active,
.rbc-toolbar button.rbc-active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:active:hover,
.rbc-toolbar button.rbc-active:hover,
.rbc-toolbar button:active:focus,
.rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.rbc-toolbar button:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:hover {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-btn-group {
  display: inline-block;
  white-space: nowrap;
}
.rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.rbc-btn-group button + button {
  margin-left: -1px;
}
.rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px;
}
.rbc-btn-group + .rbc-btn-group,
.rbc-btn-group + button {
  margin-left: 10px;
}
.rbc-event {
  cursor: pointer;
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
}
.rbc-event.rbc-selected {
  background-color: #265985;
}
.rbc-event-label {
  font-size: 80%;
}
.rbc-event-overlaps {
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
}
.rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.rbc-row-segment {
  padding: 0 1px 1px 1px;
}
.rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1);
}
.rbc-show-more {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  font-weight: bold;
  font-size: 85%;
  height: auto;
  line-height: normal;
  white-space: nowrap;
}
.rbc-month-view {
  position: relative;
  border: 1px solid #DDD;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 0 0px;
      flex: 1 0 0;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 100%;
}
.minical .rbc-month-view .rbc-header {
  border-bottom: none;
}
.minical .rbc-month-view .rbc-header + .rbc-header {
  border-left: none;
}
.minical .rbc-rtl .rbc-month-view .rbc-header + .rbc-header {
  border-right: none;
}
.rbc-month-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.minical .rbc-month-row {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 0 0px;
      flex: 1 0 0;
  overflow: hidden;
  height: auto;
  font-size: 10px;
}
.minical .rbc-month-row + .rbc-month-row {
  border-top: none;
}
.rbc-date-cell {
  padding-right: 5px;
  text-align: right;
}
.rbc-date-cell.rbc-now {
  font-weight: bold;
}
.rbc-date-cell > a,
.rbc-date-cell > a:active,
.rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none;
}
.rbc-row-bg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 1 0 0px;
      flex: 1 0 0;
  overflow: hidden;
}
.minical .rbc-day-bg + .rbc-day-bg {
  border-left: none;
}
.minical .rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-right: none;
}
.rbc-overlay {
  position: absolute;
  z-index: 5;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 10px;
}
.rbc-overlay > * + * {
  margin-top: 1px;
}
.rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px;
}
.minical .rbc-agenda-view {
  display: block;
  overflow: hidden;
  height: 100%
}
.rbc-agenda-view table {
  width: 100%;
  border: 1px solid #DDD;
}
.rbc-agenda-view table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top;
}
.rbc-agenda-view table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase;
}
.rbc-agenda-view table tbody > tr > td + td {
  border-left: 1px solid #DDD;
}
.rbc-rtl .rbc-agenda-view table tbody > tr > td + td {
  border-left-width: 0;
  border-right: 1px solid #DDD;
}
.rbc-agenda-view table tbody > tr + tr {
  border-top: 1px solid #DDD;
}
.rbc-agenda-view table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #DDD;
}
.rbc-rtl .rbc-agenda-view table thead > tr > th {
  text-align: right;
}
.rbc-agenda-time-cell {
  text-transform: lowercase;
}
.rbc-agenda-time-cell .rbc-continues-after:after {
  content: ' \BB';
}
.rbc-agenda-time-cell .rbc-continues-prior:before {
  content: '\AB   ';
}
.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
  white-space: nowrap;
}
.rbc-agenda-event-cell {
  width: 100%;
}
.rbc-time-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100%;
}
.rbc-time-column .rbc-timeslot-group {
  -ms-flex: 1;
      flex: 1;
}
.rbc-timeslot-group {
  border-bottom: 1px solid #DDD;
  min-height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
}
.rbc-time-gutter,
.rbc-header-gutter {
  -ms-flex: none;
      flex: none;
}
.rbc-label {
  padding: 0 5px;
}
.rbc-day-slot {
  position: relative;
}
.rbc-day-slot .rbc-event {
  border: 1px solid #265985;
  display: -ms-flexbox;
  display: flex;
  max-height: 100%;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  overflow: hidden;
}
.rbc-day-slot .rbc-event-label {
  -ms-flex: none;
      flex: none;
  padding-right: 5px;
  width: auto;
}
.rbc-day-slot .rbc-event-content {
  width: 100%;
  -ms-flex: 1 1 0px;
      flex: 1 1 0;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em;
}
.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #f7f7f7;
}
.rbc-time-slot {
  -ms-flex: 1 0 0px;
      flex: 1 0 0;
}
.rbc-time-slot.rbc-now {
  font-weight: bold;
}
.rbc-day-header {
  text-align: center;
}
.rbc-day-slot .rbc-event {
  position: absolute;
  z-index: 2;
}
.rbc-slot-selection {
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 80%;
  width: 100%;
}
.rbc-time-view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  width: 100%;
  border: 1px solid #DDD;
  min-height: 0;
}
.rbc-time-view .rbc-time-gutter {
  white-space: nowrap;
}
.rbc-time-view .rbc-allday-cell {
  width: 100%;
  position: relative;
}
.rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4;
}
.rbc-time-view .rbc-row {
  min-height: 20px;
}
.rbc-time-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-direction: column;
      flex-direction: column;
}
.rbc-time-header.rbc-overflowing {
  border-right: 1px solid #DDD;
}
.rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #DDD;
}
.rbc-time-header > .rbc-row > * + * {
  border-left: 1px solid #DDD;
}
.rbc-rtl .rbc-time-header > .rbc-row > * + * {
  border-left-width: 0;
  border-right: 1px solid #DDD;
}
.rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #DDD;
}
.rbc-time-header .rbc-gutter-cell {
  -ms-flex: none;
      flex: none;
}
.rbc-time-header > .rbc-gutter-cell + * {
  width: 100%;
}
.rbc-time-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 0%;
      flex: 1 0 0%;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  border-top: 2px solid #DDD;
  overflow-y: auto;
  position: relative;
}
.rbc-time-content > .rbc-time-gutter {
  -ms-flex: none;
      flex: none;
}
.rbc-time-content > * + * > * {
  border-left: 1px solid #DDD;
}
.rbc-rtl .rbc-time-content > * + * > * {
  border-left-width: 0;
  border-right: 1px solid #DDD;
}
.rbc-time-content > .rbc-day-slot {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rbc-current-time-indicator {
  position: absolute;
  z-index: 1;
  left: 0;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none;
}
.rbc-current-time-indicator::before {
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  content: ' ';
  background-color: #74ad31;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.rbc-rtl .rbc-current-time-indicator::before {
  left: 0;
  right: -3px;
}

/* Drag and Drop support. */
.rbc-addons-dnd .rbc-row-content {
  pointer-events: none;
}
.rbc-addons-dnd .rbc-row-content .rbc-show-more,
.rbc-addons-dnd .rbc-row-content .rbc-event:not(.rbc-addons-dnd-dragging) {
  pointer-events: all;
}
.rbc-addons-dnd .rbc-addons-dnd-over {
  background-color: rgba(0, 0, 0, 0.4);
}
.rbc-addons-dnd .rbc-event {
  transition: opacity 250ms;
  pointer-events: all;
}
.rbc-addons-dnd .rbc-addons-dnd-is-dragging .rbc-event {
  pointer-events: none;
  opacity: .35;
}
.rbc-addons-dnd .rbc-addons-dnd-dragging {
  pointer-events: none;
  opacity: .35;
}
.style__divider___3Pnn3 {
  background: rgba(0, 0, 0, 0.22) !important;
}

.style__moreIcon___33kde {
  position: absolute !important;
  right: 0px;
}

body[dir="rtl"] .style__moreIcon___33kde {
  right: auto;
  left: 0px;
}/* Hide menu icon. */
.style__container___8PNjy > button {
  display: none !important;
}

/* Same as MUI hover styling. */
.style__active___17Jiu {
  background: rgba(153, 153, 153, 0.2) !important;
  border: 1px solid #64636A;
}

/* Responsive overrides. */
/* Show menu icon. */
.tablet .style__container___8PNjy > button,
.mobile .style__container___8PNjy > button {
  display: inline-block !important;
}
.style__container___1oYry {
  position: relative;
  text-align: center;
}

.style__wrapper___11CRx {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 6px 0;
}

body[dir="ltr"] .style__wrapper___11CRx > button,
body[dir="ltr"] .style__wrapper___11CRx > h2 {
  float: left;
}

body[dir="rtl"] .style__wrapper___11CRx > button,
body[dir="rtl"] .style__wrapper___11CRx > h2 {
  float: right;
}

body[dir="rtl"] .style__wrapper___11CRx > button {
  transform: rotate(180deg);
}

.style__wrapper___11CRx h2 {
  margin: 8px 0 0;
  font-size: 24px;
  min-width: 350px;
}

/* Responsive overrides. */
@media (max-width: 470px) {
  .style__wrapper___11CRx h2 {
    min-width: initial;
  }
}
.style__container___2YadL {
  position: relative;
  height: 100%;
}

.mobile .style__container___2YadL {
  height: auto;
}

body[dir="rtl"] .rbc-current-time-indicator {
  left: 0 !important;
  right: 56px !important;
  transform: rotate(180deg);
}

body[dir="rtl"] .rbc-time-header.rbc-overflowing {
  border-left: 1px solid #DDD;
  border-right: unset;
  margin-right: unset !important;
  margin-left: unset !important;
}

body[dir="rtl"] .rbc-time-content > * + * > * {
  border-left: unset;
  border-right: 1px solid #DDD;
}

body[dir="rtl"] .rbc-day-bg + .rbc-day-bg {
  border-right: 1px solid #DDD;
  border-left: unset;
}

body[dir="rtl"] .rbc-time-header > .rbc-row > * + * {
  border-right: 1px solid #DDD;
  border-left: unset;
}

body[dir="rtl"] .rbc-time-header > .rbc-row > * + * {
  border-right: 1px solid #DDD;
  border-left: unset;
}

.style__day___2xceg .rbc-time-header > .rbc-row:first-of-type {
  display: none;
}

/* Shift events from the top border of the cell. */
.style__day___2xceg .rbc-allday-cell .rbc-row:first-of-type .rbc-event,
.style__week___3SANo .rbc-allday-cell .rbc-row:first-of-type .rbc-event {
  margin-top: 1px;
}

/* Dont show today background in day view. */
.style__day___2xceg .rbc-today {
  background: none;
}

/* Hide time labeling. Note its still shown as a tooltip. */
.rbc-event-label {
  display: none !important;
}

.rbc-event-content {
  font-size: 100%;
}

.style__agenda___1UVEt .rbc-agenda-view table {
  border-collapse: collapse;
}

body[dir="ltr"] .style__agenda___1UVEt .rbc-agenda-view table thead th:first-of-type {
  padding-left: 10px;
}

body[dir="rtl"] .style__agenda___1UVEt .rbc-agenda-view table thead th:first-of-type {
  padding-right: 10px;
}

.style__agenda___1UVEt .rbc-agenda-content table {
  /* Hide the double border. */
  border-top-width: 0;
}

.style__agenda___1UVEt .rbc-agenda-event-cell {
  padding: 0;
}

.rbc-toolbar {
  margin-top: 10px;
}

.rbc-header {
  font-weight: 500 !important;
  /* Force a new line between the day and the date. */
  white-space: pre-line !important;
  word-break: break-word;
  word-spacing: 9999px;
  font-size: 90% !important;
  color: #000;
}

.rbc-now,
.rbc-show-more {
  font-weight: 500 !important;
}

.rbc-show-more {
  background: transparent !important;
  text-decoration: none;
  color: #4c60d8;
}

.rbc-time-view,
.rbc-month-view,
.rbc-agenda-view table {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}

.rbc-month-view {
  min-height: 500px;
}

.rbc-time-slot.rbc-label {
  text-transform: lowercase;
  text-align: right;
}

body[dir="rtl"] .rbc-time-slot.rbc-label {
  text-align: left;
}

.rbc-event {
  position: relative;
  border-radius: 0 !important;
  border-width: 0 !important;
  border-style: solid;
  border-left-width: 6px !important;
  border-left-color: rgba(0, 0, 0, 0.16) !important;
}

body[dir="rtl"] .rbc-event {
  border-right-width: 6px !important;
  border-left-width: unset !important;
  border-right-color: rgba(0, 0, 0, 0.16) !important;
}

body[dir="ltr"].mobile .rbc-event {
  border-left-width: 2px !important;
  border-left-color: rgba(0, 0, 0, 0.3) !important;
}

body[dir="rtl"].mobile .rbc-event {
  border-right-width: 2px !important;
  border-right-color: rgba(0, 0, 0, 0.3) !important;
}

body.mobile .rbc-event {
  padding: 2px;
}
body.mobile .rbc-event button {
  padding: 0;
}

/*
:global(.rbc-selected) {
  box-shadow: rgb(52, 152, 219) 0px 0px 3px 1px;
}
*/

/* Day, Week, Month mode styling. */
.style__pending___19d4Y {
  color: rgba(255, 255, 255, 0.8);
}

.style__pending___19d4Y:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: #fff;
  opacity: 0.5;
}

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

.style__declined___pjuca {
  text-decoration: line-through;
}

/* Agenda mode styling. */
.style__agendaEvent___3_O-L {
  position: relative;
  padding: 5px 10px;
  cursor: pointer;
  border: 0;
  background: transparent;
  width: 100%;
  text-align: left;
}

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

.style__color___vcpAy {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 10px;
  vertical-align: top;
  border-radius: 2px;
}

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

.style__notice___3lcXo {
  color: #DE3535;
  margin-left: 8px;
}

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

/* :SHONK: Pad the bottom of the agenda view. */
.rbc-agenda-view:after {
  content: " ";
  display: block;
  padding-bottom: 80px;
}

/* :SHONK: No intl support. */
.rbc-agenda-content {
  position: relative;
  height: 100%;
}

body[dir="rtl"] .rbc-agenda-content > div > div:first-child {
  margin-right: unset !important;
  margin-left: -15px !important
}

.rbc-agenda-content tbody:empty:after {
  position: absolute;
  top: -30px;
  bottom: -80px;
  display: -ms-flexbox;
  display: flex;
  font-size: 28.8px;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* Responsive overrides. */
.mobile .rbc-agenda-time-cell {
  white-space: normal !important;
}

.mobile .rbc-time-view .rbc-allday-cell {
  width: calc(100% - 50px);
}

.style__agendaEventWrapper___3Yz5T {
  padding: 0 1px;
}

.style__badge___3uLor .MuiBadge-dot {
  left: 50%;
}

.style__badge___3uLor .MuiTouchRipple-root {
  display: none;
}

.MuiPickersCalendar-week {
  border-bottom: 1px solid #eee;
  padding: 0.25em 0;
}

.MuiPickersCalendarHeader-dayLabel {
  color: #63666a;
}

.mobile .MuiPickersStaticWrapper-staticWrapperRoot {
  padding-bottom: 40px;
}

.mobile .MuiPickersStaticWrapper-staticWrapperRoot .MuiPickersBasePicker-pickerView {
  max-width: unset;
}.rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0;
}
button.rbc-btn {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled].rbc-btn {
  cursor: not-allowed;
}
button.rbc-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.rbc-calendar {
  box-sizing: border-box;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
}
.rbc-calendar *,
.rbc-calendar *:before,
.rbc-calendar *:after {
  box-sizing: inherit;
}
.rbc-abs-full,
.rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rbc-ellipsis,
.rbc-event-label,
.rbc-row-segment .rbc-event-content,
.rbc-show-more {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rbc-rtl {
  direction: rtl;
}
.rbc-off-range {
  color: #b3b3b3;
}
.rbc-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
}
.rbc-header > a,
.rbc-header > a:active,
.rbc-header > a:visited {
  color: inherit;
  text-decoration: none;
}
.rbc-row-content {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 4;
}
.rbc-today {
  background-color: #eaf6ff;
}
.rbc-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
}
.rbc-toolbar .rbc-toolbar-label {
  width: 100%;
  padding: 0 10px;
  text-align: center;
}
.rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: .375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap;
}
.rbc-toolbar button:active,
.rbc-toolbar button.rbc-active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:active:hover,
.rbc-toolbar button.rbc-active:hover,
.rbc-toolbar button:active:focus,
.rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.rbc-toolbar button:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:hover {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-btn-group {
  display: inline-block;
  white-space: nowrap;
}
.rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.rbc-btn-group button + button {
  margin-left: -1px;
}
.rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px;
}
.rbc-btn-group + .rbc-btn-group,
.rbc-btn-group + button {
  margin-left: 10px;
}
.rbc-event {
  cursor: pointer;
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
}
.rbc-event.rbc-selected {
  background-color: #265985;
}
.rbc-event-label {
  font-size: 80%;
}
.rbc-event-overlaps {
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
}
.rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.rbc-row-segment {
  padding: 0 1px 1px 1px;
}
.rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1);
}
.rbc-show-more {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  font-weight: bold;
  font-size: 85%;
  height: auto;
  line-height: normal;
  white-space: nowrap;
}
.rbc-month-view {
  position: relative;
  border: 1px solid #DDD;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 0 0px;
      flex: 1 0 0;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 100%;
}
.rbc-month-view .rbc-header {
  border-bottom: 1px solid #DDD;
}
.rbc-month-view .rbc-header + .rbc-header {
  border-left: 1px solid #DDD;
}
.rbc-rtl .rbc-month-view .rbc-header + .rbc-header {
  border-left-width: 0;
  border-right: 1px solid #DDD;
}
.rbc-month-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.rbc-month-row {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 0 0px;
      flex: 1 0 0;
  overflow: hidden;
  height: 100%;
}
.rbc-month-row + .rbc-month-row {
  border-top: 1px solid #DDD;
}
.rbc-date-cell {
  padding-right: 5px;
  text-align: right;
}
.rbc-date-cell.rbc-now {
  font-weight: bold;
}
.rbc-date-cell > a,
.rbc-date-cell > a:active,
.rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none;
}
.rbc-row-bg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 1 0 0px;
      flex: 1 0 0;
  overflow: hidden;
}
.rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #DDD;
}
.rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-left-width: 0;
  border-right: 1px solid #DDD;
}
.rbc-overlay {
  position: absolute;
  z-index: 5;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 10px;
  max-height: 400px;
  overflow-y: auto;
}
.rbc-overlay > * + * {
  margin-top: 1px;
}
.rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px;
}
.rbc-agenda-view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 0 0px;
      flex: 1 0 0;
  overflow: auto;
}
.rbc-agenda-view table {
  width: 100%;
  border: 1px solid #DDD;
}
.rbc-agenda-view table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top;
}
.rbc-agenda-view table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase;
}
.rbc-agenda-view table tbody > tr > td {
  border-left: 1px solid #DDD;
}
.rbc-rtl .rbc-agenda-view table tbody > tr > td {
  border-left-width: 0;
  border-right: 1px solid #DDD;
}
.rbc-agenda-view table tbody > tr + tr {
  border-top: 1px solid #DDD;
}
.rbc-agenda-view table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #DDD;
}
.rbc-rtl .rbc-agenda-view table thead > tr > th {
  text-align: right;
}
.rbc-agenda-time-cell {
  text-transform: lowercase;
}
.rbc-agenda-time-cell .rbc-continues-after:after {
  content: ' \BB';
}
.rbc-agenda-time-cell .rbc-continues-prior:before {
  content: '\AB   ';
}
.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
  white-space: nowrap;
}
.rbc-agenda-event-cell {
  width: 100%;
}
.rbc-time-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100%;
}
.rbc-time-column .rbc-timeslot-group {
  -ms-flex: 1;
      flex: 1;
}
.rbc-timeslot-group {
  border-bottom: 1px solid #DDD;
  min-height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
}
.rbc-time-gutter,
.rbc-header-gutter {
  -ms-flex: none;
      flex: none;
}
.rbc-label {
  padding: 0 5px;
}
.rbc-day-slot {
  position: relative;
}
.rbc-day-slot .rbc-event {
  border: 1px solid #265985;
  display: -ms-flexbox;
  display: flex;
  max-height: 100%;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  overflow: hidden;
}
.rbc-day-slot .rbc-event-label {
  -ms-flex: none;
      flex: none;
  padding-right: 5px;
  width: auto;
}
.rbc-day-slot .rbc-event-content {
  width: 100%;
  -ms-flex: 1 1 0px;
      flex: 1 1 0;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em;
}
.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #f7f7f7;
}
.rbc-time-slot {
  -ms-flex: 1 0 0px;
      flex: 1 0 0;
}
.rbc-time-slot.rbc-now {
  font-weight: bold;
}
.rbc-day-header {
  text-align: center;
}
.rbc-day-slot .rbc-event {
  position: absolute;
  z-index: 2;
}
.rbc-slot-selection {
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 80%;
  width: 100%;
}
.rbc-time-view {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  width: 100%;
  border: 1px solid #DDD;
  min-height: 0;
}
.rbc-time-view .rbc-time-gutter {
  white-space: nowrap;
}
.rbc-time-view .rbc-allday-cell {
  width: 100%;
  position: relative;
}
.rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4;
}
.rbc-time-view .rbc-row {
  min-height: 20px;
}
.rbc-time-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-direction: column;
      flex-direction: column;
}
.rbc-time-header.rbc-overflowing {
  border-right: 1px solid #DDD;
}
.rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #DDD;
}
.rbc-time-header > .rbc-row > * + * {
  border-left: 1px solid #DDD;
}
.rbc-rtl .rbc-time-header > .rbc-row > * + * {
  border-left-width: 0;
  border-right: 1px solid #DDD;
}
.rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #DDD;
}
.rbc-time-header .rbc-gutter-cell {
  -ms-flex: none;
      flex: none;
}
.rbc-time-header > .rbc-gutter-cell + * {
  width: 100%;
}
.rbc-time-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 0%;
      flex: 1 0 0%;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  border-top: 2px solid #DDD;
  overflow-y: auto;
  position: relative;
}
.rbc-time-content > .rbc-time-gutter {
  -ms-flex: none;
      flex: none;
}
.rbc-time-content > * + * > * {
  border-left: 1px solid #DDD;
}
.rbc-rtl .rbc-time-content > * + * > * {
  border-left-width: 0;
  border-right: 1px solid #DDD;
}
.rbc-time-content > .rbc-day-slot {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rbc-current-time-indicator {
  position: absolute;
  z-index: 1;
  left: 0;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none;
}
.rbc-current-time-indicator::before {
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  content: ' ';
  background-color: #74ad31;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.rbc-rtl .rbc-current-time-indicator::before {
  left: 0;
  right: -3px;
}

/* Drag and Drop support. */
.rbc-addons-dnd .rbc-row-content {
  pointer-events: none;
}
.rbc-addons-dnd .rbc-row-content .rbc-show-more,
.rbc-addons-dnd .rbc-row-content .rbc-event:not(.rbc-addons-dnd-dragging) {
  pointer-events: all;
}
.rbc-addons-dnd .rbc-addons-dnd-over {
  background-color: rgba(0, 0, 0, 0.4);
}
.rbc-addons-dnd .rbc-event {
  transition: opacity 250ms;
  pointer-events: all;
}
.rbc-addons-dnd .rbc-addons-dnd-is-dragging .rbc-event {
  pointer-events: none;
  opacity: .35;
}
.rbc-addons-dnd .rbc-addons-dnd-dragging {
  pointer-events: none;
  opacity: .35;
}
table.rbc-header-overflowing {
  margin: 0 !important;
}

.MuiPickersDay-daySelected {
  color: #fff !important;
  font-weight: 500 !important;
  background-color: #007BC7 !important;
}

.MuiPickersDay-current {
  color: #007BC7;
  font-weight: 600;
}

.MuiPickersDay-day {
  color: rgba(0, 0, 0, 0.87);
  width: 36px;
  height: 36px;
  margin: 0 2px;
  padding: 0;
  font-size: 0.75rem;
  font-weight: 500;
}

.MuiPickersDay-hidden {
  opacity: 0;
  pointer-events: none;
}
.style__container___1Mc52 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.style__small___149yE {
  max-width: 750px;
}

.style__body___2jtOj {
  overflow: hidden;
}

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

.mobile .style__body___2jtOj {
  overflow: unset;
  height: auto;
}
.style__container___2IIBP {
  border-left-width: 1px;
  border-left-style: solid;
}

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

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

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

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

body[dir="rtl"].mobile .style__container___2IIBP {
  border-right-width: 0;
}
.style__iosOnly___2NGlv {
  display: none;
}

@supports (-webkit-touch-callout: none) {
  .style__iosOnly___2NGlv {
    display: block;
  }
}
.style__buttonStyle___1lx4z {
  width: 218px !important;
}
:root {
  --duet-color-primary: #2E73E2;
  --duet-color-text: #333;
  --duet-color-text-active: #fff;
  --duet-color-placeholder: #666;
  --duet-color-button: transparent;
  --duet-color-surface: #fff;
  --duet-color-overlay: rgba(0, 0, 0, 0.8);
  --duet-color-border: transparent;
  --duet-font-normal: 400;
  --duet-font-bold: 600;
  --duet-radius: 0;
  --duet-z-index: 600;
}
.style__duet___3CFrm .duet-date__input {
  border: 0 !important;
  border-bottom: 1px solid #949494 !important;
  padding: 6px 0 7px 0;
}

.style__duet___3CFrm .duet-date__toggle {
  box-shadow: none;
}

.style__duet___3CFrm .duet-date__dialog-content {
  background-color: #fff;
}

.style__duet___3CFrm .duet-date__dialog.is-active {
  z-index: 10;
}

.style__duet___3CFrm .duet-date__toggle svg {
  width: 20px;
}

.style__label___15vdV {
  font-size: small;
  color: #595959;
}

.style__wrapper___2L_7h {
  width: 218px;
  margin-bottom: 20px;
}

.mobile .style__wrapper___2L_7h {
  width: 100%;
}

@media (max-width: 35.9375em) {
  .duet-date__dialog-content {
    box-sizing: border-box;
  }
}
/* :TODO: */
.style__notice___1AHjx {
  text-align: center;
  padding: 0 35px;
  /* Delay showing to prevent flickering. */
  opacity: 0;
  animation: style__fadeIn___2LdbI ease-in 0s 1s forwards;
}

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

.style__container___1LyX- {
  width: 100%;
  height: 100%;
  padding: 10px 35px 0;
  box-sizing: border-box;
}

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

/* Provide a visual distinction between edit and view modes. */
.style__view___2Q6BY hr,
.style__view___2Q6BY .style__select___1M28n svg {
  visibility: hidden;
}

.style__view___2Q6BY .style__owner___1Og5s {
  max-height: 52px;
}

.style__view___2Q6BY .style__attendees___SyVwG:after {
  display: block;
  height: 8px;
  position: relative;
  border-bottom-color: transparent;
}

.style__view___2Q6BY .style__attendees___SyVwG .Select-value {
  max-width: 100% !important
}

.style__view___2Q6BY .style__attendees___SyVwG .Select-value-label {
  width: calc(100% - 16px);
  padding-right: 16px !important;
}

body[dir="rtl"] .style__view___2Q6BY .style__attendees___SyVwG .Select-value-label {
  padding-left: 16px !important;
  padding-right: unset;
}

.style__view___2Q6BY .style__attendees___SyVwG .Select-input {
  display: none !important;
}

.style__cancelled___1mYoG {
  color: #DE3535;
  padding: 10px 0 5px;
  margin-bottom: 25px;
}

.style__readOnly___hb4Fz {
  color: #DE3535;
}

.style__label___asO63 {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  min-height: 50px;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.style__text___1MeiB {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 140px;
  margin-top: 12px;
}

.style__required___CJKYa::after {
  content: '*';
  color: #DE3535;
  padding: 0 4px;
}

.style__inputContainer___oGw2a {
  position: relative;
  display: -ms-flexbox;
  display: flex ;
  -ms-flex-align: start;
      align-items: flex-start;
}

.style__inputSmall___Izl4k {
  width: 50px !important;
  margin: 0 10px !important;
  vertical-align: baseline !important;
}

.style__inputSmallCenter___3lgIs input {
  text-align: center;
}

body[dir="ltr"] .style__inputSmall___Izl4k > input {
  text-align: right;
}

body[dir="rtl"] .style__inputSmall___Izl4k > input {
  text-align: left;
}

.style__select___1M28n svg {
  fill: currentColor !important;
}

.style__location___2xrAb {
  padding-right: 25px;
  box-sizing: border-box;
}

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

.style__location___2xrAb textarea {
  overflow: hidden;
}

.style__map___v8_k9 {
  position: absolute !important;
  top: -8px;
  right: -12px;
}

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

.style__mapInField___3FnYQ {
  position: absolute;
  top: -8px;
  right: 0;
}

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

.style__fieldHasMap___Qn5Bx {
  width: calc(100% - 45px);
}

/* Disable focusing on the owner autocomplete as its read only. */
.style__owner___1Og5s .Select-input {
  display: none !important;
}

/* :SHONK: Style the autocomplete to look like a text field. */
.style__attendees___SyVwG {
  padding: 0 !important;
}

.style__attendees___SyVwG .MuiInput-root {
  padding: 0 !important;
  min-height: auto !important;
}

.style__autocompleteTag___2zCsU {
  margin-bottom: 15px;
}

.style__checkbox___54DjA {
  position: relative;
  left: -2px;
  margin-top: 12px;
}

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

.style__labelforCheckbox___3yYSl {
  margin-top: 9.5px !important;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

/* Collapse date and time pickers into one line. */
.style__date___38Xpg,
.style__date___38Xpg + div {
  display: inline-block;
}

.style__date___38Xpg > div {
  width: 122px !important;
}

.style__time___hTDVN {
  width: 80px !important;
  margin-left: 6px;
  padding-right: 6px;
  box-sizing: border-box;
}

.style__time___hTDVN input {
  text-align: right;
}

body[dir="rtl"] .style__time___hTDVN input {
  text-align: left;
}

.style__select___1M28n[readonly],
.style__date___38Xpg input[readonly],
.style__time___hTDVN input[readonly],
.style__attendees___SyVwG[readonly] {
  pointer-events: none;
}

.style__input___jzHgL,
.style__select___1M28n,
.style__checkbox___54DjA,
.style__dateLarge___3T7QC > div,
.style__attendees___SyVwG {
  width: 218px !important;
}

body[dir="rtl"] .style__select___1M28n > div:nth-child(2) > div:first-child > button {
  right: unset;
  left: -12px;
}

.style__more___2iT5t {
  display: inline-block;
  margin-top: 18px;
  color: #4c60d8;
  border: none;
  background: none;
  cursor: pointer;
}

.style__advanced___1BLDQ {
  margin-top: 48px;
}

.style__error___DbPEk {
  color: #DE3535;
  font-weight: 500;
}

.style__more___2iT5t,
.style__formActions___t8TbK {
  margin-left: 140px;
  margin-top: 2em;
}

body[dir="rtl"] .style__more___2iT5t,
body[dir="rtl"] .style__formActions___t8TbK {
  margin-left: unset;
  margin-right: 140px;
}

.style__formActions___t8TbK > div {
  margin-top: 42px;
  margin-right: 15px;
}

body[dir="rtl"] .style__formActions___t8TbK > div {
  margin-right: unset;
  margin-left: 15px;
}

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

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

.mobile .style__label___asO63 {
  margin-bottom: 30px;
}

.mobile .style__text___1MeiB {
  display: block;
  font-weight: 500;
}

.style__inputContainer___oGw2a,
.style__inputContainer___oGw2a > div,
.style__inputContainer___oGw2a > input,
.style__inputContainer___oGw2a > hr {
  width: 100% !important;
}

.mobile .style__attendees___SyVwG .Select-value {
  width: auto !important;
}

.mobile .style__time___hTDVN {
  margin: 0;
}

.mobile .style__time___hTDVN input {
  text-align: left;
}

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

body[dir="ltr"].mobile .style__more___2iT5t,
body[dir="ltr"].mobile .style__formActions___t8TbK {
  margin-left: 0;
}

body[dir="rtl"].mobile .style__more___2iT5t,
body[dir="rtl"].mobile .style__formActions___t8TbK {
  margin-right: 0;
}

.mobile .style__attendees___SyVwG .Select-menu-outer {
  left: 0;
  width: 100%;
}

body[dir="rtl"].mobile .style__attendees___SyVwG .Select-menu-outer {
  left: unset;
  right: 0;
}

/* Responsive overrides. */
@media (max-width: 1363px) {
  body[dir="ltr"] .desktop .style__more___2iT5t,
  body[dir="ltr"] .desktop .style__formActions___t8TbK {
    margin-left: 0;
  }

  body[dir="rtl"] .desktop .style__more___2iT5t,
  body[dir="rtl"] .desktop .style__formActions___t8TbK {
    margin-right: 0;
  }

  .desktop .style__attendees___SyVwG .Select-menu-outer {
    left: 0;
    width: 100%;
  }

  body[dir="rtl"] .desktop .style__attendees___SyVwG .Select-menu-outer {
    left: unet;
    right: 0;
  }
}

@media (max-width: 1163px) {
  body[dir="ltr"].tablet .style__more___2iT5t,
  body[dir="ltr"].tablet .style__formActions___t8TbK {
    margin-left: 0;
  }

  body[dir="rtl"].tablet .style__more___2iT5t,
  body[dir="rtl"].tablet .style__formActions___t8TbK {
    margin-right: 0;
  }

  .tablet .style__attendees___SyVwG .Select-menu-outer {
    left: 0;
    width: 100%;
  }

  body[dir="rtl"].tablet .style__attendees___SyVwG .Select-menu-outer {
    left: unset;
    right: 0;
  }
}

/* Browser hacks. */
html[data-ua^=IE-11] .style__input___jzHgL textarea  {
  overflow-y: hidden;
}

.style__formControlLabelRoot___2zRf_ {
  display: block !important;
}

.style__fieldSet___1VXRD {
  padding: 0;
  margin: 0;
  border: 0;
}

.style__container___1LyX- ul {
  list-style-type: none;
}

.style__infoList___3PxAt {
  padding: 0;
}

.style__infoList___3PxAt li {
  margin-bottom: 2em;
}

.style__infoList___3PxAt ul li:last-of-type {
  margin-bottom: 0;
}

.style__infoList___3PxAt > li span:first-of-type {
  min-width: 100px;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
}

.style__infoList___3PxAt li span {
  overflow-wrap: anywhere;
}

.style__infoList___3PxAt li ul {
  padding-inline-start: 0;
  display: inline-block;
}

.style__infoList___3PxAt li ul li span:first-of-type {
  min-width: unset;
  padding-inline-end: 1em;
}.style__container___nsOBm {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 750px;
  z-index: 20;
  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___nsOBm {
  right: 750px;
  left: 0;
  transition: right 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

body[dir="ltr"] .style__expanded___2MVyl {
  left: 0px !important;
}

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

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

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

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

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

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

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

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

body[dir="rtl"].mobile .style__body___dgDAf {
  border-right-width: 0;
}
.style__divider___vXG-e {
  background: rgba(0, 0, 0, 0.22) !important;
}

.style__moreIcon___2ix5x {
  position: absolute !important;
  right: 0px;
}

.style__unorderedList___2YJFN .style__color___hw0Vc {
  color: currentColor;
}

body[dir=rtl] .style__color___hw0Vc {
  left: -9px;
  right: unset !important;
}

.style__unorderedList___2YJFN {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* Hide menu icon. */
.style__container___1PlYo > button {
  display: none !important;
}

/* Same as MUI hover styling. */
.style__active___2AEUu {
  background: rgba(153, 153, 153, 0.2) !important;
  border: 1px solid #64636A;
}

/* Responsive overrides. */
/* Show menu icon. */
.tablet .style__container___1PlYo > button,
.mobile .style__container___1PlYo > button {
  display: inline-block !important;
}
.style__container___2-q2u {
  position: relative;
  text-align: center;
  border-bottom: 1px solid #cecece;
}

.style__wrapper___232u0 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 6px 0;
}

body[dir="ltr"] .style__wrapper___232u0 > button,
body[dir="ltr"] .style__wrapper___232u0 > h2 {
  float: left;
}

body[dir="rtl"] .style__wrapper___232u0 > button,
body[dir="rtl"] .style__wrapper___232u0 > h2 {
  float: right;
}

body[dir="rtl"] .style__wrapper___232u0 > button {
  transform: rotate(180deg);
}

.style__wrapper___232u0 h2 {
  margin: 8px 0 0;
  font-size: 24px;
  min-width: 350px;
}

/* Responsive overrides. */
@media (max-width: 470px) {
  .style__wrapper___232u0 h2 {
    min-width: initial;
  }
}
.style__container___lRq5V {
  position: relative;
  height: 100%;
}

.style__day___14HAD .rbc-time-header > .rbc-row:first-of-type {
  display: none;
}

/* Shift events from the top border of the cell. */
.style__day___14HAD .rbc-allday-cell .rbc-row:first-of-type .rbc-event,
.style__week___3nE9o .rbc-allday-cell .rbc-row:first-of-type .rbc-event {
  margin-top: 1px;
}

/* Dont show today background in day view. */
.style__day___14HAD .rbc-today {
  background: none;
}

/* Hide time labeling. Note its still shown as a tooltip. */
.rbc-event-label {
  display: none !important;
}

.rbc-event-content {
  font-size: 100%;
}

.style__agenda___37pdk .rbc-agenda-view table {
  border-collapse: collapse;
}

body[dir="ltr"] .style__agenda___37pdk .rbc-agenda-view table thead th:first-of-type {
  padding-left: 10px;
}

body[dir="rtl"] .style__agenda___37pdk .rbc-agenda-view table thead th:first-of-type {
  padding-right: 10px;
}

.style__agenda___37pdk .rbc-agenda-content table {
  /* Hide the double border. */
  border-top-width: 0;
}

.style__agenda___37pdk .rbc-agenda-event-cell {
  padding: 0;
}

.rbc-toolbar {
  margin-top: 10px;
}

.rbc-header {
  font-weight: 500 !important;
  /* Force a new line between the day and the date. */
  white-space: pre-line !important;
  word-break: break-word;
  word-spacing: 9999px;
}

.rbc-now,
.rbc-show-more {
  font-weight: 500 !important;
}

.rbc-show-more {
  background: transparent !important;
  text-decoration: none;
  color: #4c60d8;
}

.rbc-time-view,
.rbc-month-view,
.rbc-agenda-view table {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}

.style__agenda___37pdk .rbc-agenda-content table {
  /* Hide the double border. */
  border-top-width: 0;
}

.rbc-time-slot.rbc-label {
  text-transform: lowercase;
  text-align: right;
}

body[dir="rtl"] .rbc-time-slot.rbc-label {
  text-align: left;
}

.rbc-event {
  position: relative;
  border-radius: 0 !important;
  border-width: 0 !important;
  border-style: solid;
  border-left-width: 6px !important;
  border-left-color: rgba(0, 0, 0, 0.16) !important;
}

body[dir="rtl"] .rbc-event {
  border-left: none;
  border-right-width: 6px !important;
  border-right-color: rgba(0, 0, 0, 0.16) !important;
}

/*
:global(.rbc-selected) {
  box-shadow: rgb(52, 152, 219) 0px 0px 3px 1px;
}
*/

/* Day, Week, Month mode styling. */
.style__pending___3WiGy {
  color: rgba(255, 255, 255, 0.8);
}

.style__pending___3WiGy:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: #fff;
  opacity: 0.5;
}

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

.style__declined___qS67_ {
  text-decoration: line-through;
}

/* Agenda mode styling. */
.style__agendaEvent___2TTm9 {
  position: relative;
  padding: 5px 10px;
  cursor: pointer;
}

.style__color___2JPN_ {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 10px;
  vertical-align: top;
  border-radius: 2px;
}

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

.style__notice___31D9C {
  color: #DE3535;
  margin-left: 8px;
}

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

/* :SHONK: Pad the bottom of the agenda view. */
.rbc-agenda-view:after {
  content: " ";
  display: block;
  padding-bottom: 80px;
}

/* :SHONK: No intl support. */
.rbc-agenda-content {
  position: relative;
  height: 100%;
}
.rbc-agenda-content tbody:empty:after {
  position: absolute;
  top: -30px;
  bottom: -80px;
  display: -ms-flexbox;
  display: flex;
  font-size: 28.8px;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/* Responsive overrides. */
.mobile .rbc-agenda-time-cell {
  white-space: normal !important;
}

.style__checkbox___h16X3 {
  float: left;
  width: auto;
}

body[dir="rtl"] .style__checkbox___h16X3 {
  float: right;
}

.style__star___1UumT svg {
  fill: inherit !important;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms !important;
}

.style__taskItem___1Jnjb {
  border-bottom: 1px solid #cecece;
  padding: 10px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.style__icon___1POls {
  display: inline;
  z-index: 2 !important;
}

.style__taskTitle___2JHWR {
  min-width: 50px;
}

.style__taskTitle___2JHWR > div {
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;  
}

.style__deadline___kx98N {
  color: #808080;
  display: inline-block;
  line-height: 14px;
}

body[dir="rtl"] .style__deadline___kx98N {
  margin-left: unset;
}

.style__actionContainer___WUOrx {
  min-width:100px;
}

.style__deadlineContainer___T82Ed {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  min-width: 160px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  -ms-flex-pack: center;
      justify-content: center;
}

body[dir="rtl"] .style__deadlineContainer___T82Ed {
  margin-left: unset;
  margin-right: auto;
}

.style__deadlineContainer___T82Ed > div > span {
  font-size: 0.9em;
  line-height: 14px;
}

.style__category___1dIfl {
  color: white;
  font-size: 0.8em;
  padding: 0 0.8em;
  border-radius: 4px;
  margin: 0 0.3em 0.3em 0;
  white-space: normal;
  word-break: break-word;
}

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

svg.style__schedule___175_C {
  fill: #808080 !important;
  margin: 0 10px;
}

.style__categories___3Mmbi {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.3em;
}

.style__taskListContainer___1JUbF {
  overflow: auto;
  height: 100%;
}

.mobile .style__taskListContainer___1JUbF {
  overflow: unset;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.style__taskListWrapper___SyF05 {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: inherit;
      flex-direction: inherit;
}

.mobile .style__taskListWrapper___SyF05 {
  height: auto;
}

.style__taskBtn___itJf_ {
  font-size: 15px;
  cursor: pointer;
  word-break: break-word;
  text-align: unset;
  background-color: transparent;
  border: 0;
  padding: 0;
  color: currentColor;
}

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

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

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

.style__taskInfo___31fRR {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex: 1;
      flex: 1;
}

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

  .style__deadlineContainer___T82Ed {
    margin-left: unset;
    margin-inline-start: -12px;
    -ms-flex-pack: left;
        justify-content: left;
  }

  .style__actionContainer___WUOrx {
    min-width: unset;
    width: min-content;
    margin-inline-end: 12px;
  }

  body[dir="rtl"] .style__deadlineContainer___T82Ed {
    -ms-flex-pack: right;
        justify-content: right;
    padding-top: 5px;
    margin-right: unset;
  }
}

.task-view table tbody > tr > td + td {
  border-left-width: 0;
  border-right-width: 0;
}

.task-view > .rbc-agenda-view > table {
  display: none;
}

.task-view table tbody {
  border-top: 1px solid #DDD;
}
.style__container___1yQl8 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

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

.style__small___2OIq9 {
  max-width: 750px;
}

.style__body___29QYR {
  overflow: hidden;
}

.mobile .style__body___29QYR {
  overflow: unset;
  height: auto;
}
.style__container___2JQNp {
  border-left-width: 1px;
  border-left-style: solid;
}

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

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

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

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

body[dir="rtl"].mobile .style__container___2JQNp {
  border-right-width: 0;
}
.style__dialogContent___3hivZ {
  padding-bottom: 30px !important;
}

.style__dialogContentInput___qdOYQ {
  margin-top: 20px !important;
}

.style__dialog___3YZd1 {
  max-width: 360px;
  border-radius: 2px;
}

.style__dialog___3YZd1 .style__actions___UXQ9E {
  padding: 16px;
}

.style__error___2itA1 {
  color: #DE3535;
}
.style__addcategory___3kzHu {
  margin-top: 10px !important;
  width: 188px !important;
}

.style__addIcon___3cUXG {
  margin: 0 16px;
}

.style__addMenuInner___1oxL0 {
  color: #202020;
}

.style__selectionItem___3EKe2 div div div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
}

body[dir="ltr"] .style__selectionItem___3EKe2 > div:first-of-type > div:first-of-type {
  padding-left: 56px !important;
}

body[dir="rtl"] .style__selectionItem___3EKe2 > div:first-of-type > div:first-of-type {
  padding-right: 56px !important;
}
/* :TODO: */

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

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

.style__container___3toBq {
  width: 100%;
  height: 100%;
  padding: 10px 35px 0;
  box-sizing: border-box;
}

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

.style__required___3JiHf::after {
  content: '*';
  color: #DE3535;
  padding: 0 4px;
}

/* Provide a visual distinction between edit and view modes. */
.style__view___2KoWf hr,
.style__view___2KoWf .style__select___3a-SE svg {
  visibility: hidden;
}

.style__cancelled___3V495 {
  color: #DE3535;
  padding: 10px 0 5px;
  margin-bottom: 25px;
}

.style__invite___3RrdY {
  background: #f7f7f7;
  padding: 10px 15px 5px;
  margin-bottom: 25px;
}

.style__invite___3RrdY label {
  display: block;
  margin-bottom: 15px;
  font-weight: 500;
}

.style__invite___3RrdY label small {
  display: block;
  font-weight: normal;
  opacity: 0.35;
}

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

body[dir="rtl"] .style__inviteButtons___1DC6a > div {
  margin: 0px 0 10px 10px;
}

.style__readOnly___EfjT4 {
  color: #DE3535;
}

.style__formControl___15ww3 {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  min-height: 50px;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.style__label___1M_lz {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 140px;
  margin-top: 12px;
}

.style__inputContainer___5gkPA {
  position: relative;
  display: -ms-flexbox;
  display: flex ;
  vertical-align: super;
}

.style__view___2KoWf .style__inputContainer___5gkPA {
  -ms-flex-align: center;
      align-items: center;
}

.style__select___3a-SE svg {
  fill: currentColor !important;
}

.style__description___rNWzo {
  padding-right: 20px;
}

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

.style__location___gewEo {
  padding-right: 25px;
  box-sizing: border-box;
}

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

.style__location___gewEo textarea {
  overflow: hidden;
}

.style__edit___3GTMb .style__map___taDqV {
  position: absolute !important;
  top: -2px;
  right: -12px;
}

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

.style__mapInField___YlSiw {
  position: absolute;
  top: -8px;
  right: 0;
}

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

.style__fieldHasMap___pkSKq {
  width: calc(100% - 45px);
}

.style__checkbox___1SALI {
  position: relative;
  left: -2px;
  margin-top: 12px;
}

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

/* Collapse date and time pickers into one line. */
.style__date___1X_IS,
.style__date___1X_IS + div {
  display: inline-block;
}

.style__date___1X_IS > div {
  width: 122px !important;
}

.style__time____9YHX {
  width: 80px !important;
  margin-left: 6px;
  padding-right: 6px;
  box-sizing: border-box;
}

body[dir="rtl"] .style__time____9YHX {
  margin-left: unset;
  margin-right: 6px;
  padding-right: unset;
  padding-left: 6px;
}

.style__time____9YHX input {
  text-align: right;
}

body[dir="rtl"] .style__time____9YHX input {
  text-align: left;
}

.style__select___3a-SE[readonly],
.style__date___1X_IS input[readonly],
.style__time____9YHX input[readonly] {
  pointer-events: none;
}

.style__input___oxKUg,
.style__select___3a-SE,
.style__checkbox___1SALI,
.style__dateLarge___360Gh > div {
  width: 218px !important;
}

.style__error___3WYro {
  color: #DE3535;
  font-weight: 500;
}

.style__more___34wSE,
.style__formActions___1jg0F {
  margin-left: 140px;
  margin-top: 2em;
}

body[dir="rtl"] .style__more___34wSE,
body[dir="rtl"].style__formActions___1jg0F {
  margin-left: unset;
  margin-right: 140px;
}

.style__formActions___1jg0F > div {
  margin-top: 42px;
  margin-right: 15px;
}

body[dir="rtl"] .style__formActions___1jg0F > div {
  margin-right: unset;
  margin-left: 15px;
}

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

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

.mobile .style__formControl___15ww3 {
  margin-bottom: 30px;
}

.mobile .style__label___1M_lz {
  display: block;
  font-weight: 500;
}

.style__inputContainer___5gkPA,
.style__inputContainer___5gkPA > div,
.style__inputContainer___5gkPA > input,
.style__inputContainer___5gkPA > hr {
  width: 100% !important;
}

.mobile .style__attendees___3JjAh .Select-value {
  width: auto !important;
}

.mobile .style__time____9YHX {
  margin: 0;
}

body[dir="ltr"].mobile .style__time____9YHX input {
  text-align: left;
}

body[dir="ltr"].mobile .style__more___34wSE,
body[dir="ltr"].mobile .style__formActions___1jg0F {
  margin-left: 0;
}

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

body[dir="rtl"].mobile .style__more___34wSE,
body[dir="rtl"].mobile .style__formActions___1jg0F {
  margin-right: 0;
}


/* Responsive overrides. */
@media (max-width: 1363px) {
  body[dir="ltr"].desktop .style__formActions___1jg0F {
    margin-left: 0;
  }
  body[dir="rtl"].desktop .style__formActions___1jg0F {
    margin-right: 0;
  }
}

@media (max-width: 1163px) {
  body[dir="ltr"].tablet .style__formActions___1jg0F {
    margin-left: 0;
  }
  body[dir="rtl"].tablet .style__formActions___1jg0F {
    margin-right: 0;
  }
}

/* Browser hacks. */
html[data-ua^=IE-11] .style__input___oxKUg textarea  {
  overflow-y: hidden;
}

.style__container___3toBq ul {
  list-style-type: none;
}

.style__infoList___2yhLw {
  padding: 0;
}

.style__infoList___2yhLw li {
  margin-bottom: 2em;
}

.style__infoList___2yhLw ul li:last-of-type {
  margin-bottom: 0;
}

.style__infoList___2yhLw > li span:first-of-type {
  min-width: 100px;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
}

.style__infoList___2yhLw li span {
  overflow-wrap: anywhere;
}

.style__infoList___2yhLw li ul {
  padding-inline-start: 0;
  display: inline-block;
}

.style__infoList___2yhLw li ul li span:first-of-type {
  min-width: unset;
  padding-inline-end: 1em;
}.style__container___3rR1- {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 750px;
  z-index: 20;
  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___3rR1- {
  right: 750px;
  left: 0;
  transition: right 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

body[dir="ltr"] .style__expanded___OK2-5 {
  left: 0px !important;
}

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

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

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

body[dir="ltr"] .style__expanded___OK2-5 .style__body___2bRQF {
  border-left-width: 0;
}

body[dir="rtl"] .style__expanded___OK2-5 .style__body___2bRQF {
  border-right-width: 0;
}

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

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

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

body[dir="rtl"].mobile .style__body___2bRQF {
  border-right-width: 0px;
}.style__divider___3RGsI {
  background: rgba(0, 0, 0, 0.22) !important;
}

.style__addGroupIcon___2u-uh {
  position: absolute !important;
  right: 0px;
}

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

.style__unorderedList___jkvIa {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.style__error___18ot_ {
  color: #DE3535;
  margin-bottom: 25px;
}

.style__file___2wWTs,
.style__progress___oJrid {
  padding-top: 10px;
  box-sizing: border-box;
}

.style__file___2wWTs,
.style__progress___oJrid,
.style__spinner___2jvH8 {
  height: 55px;
}

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

.style__file___2wWTs,
.style__spinner___2jvH8 {
  text-align: center;
}

.style__spinner___2jvH8 {
  /* Set height to approx 32px. */
  transform: scale(0.66, 0.66);
}
.style__error___34s_d {
  color: #DE3535;
  margin-bottom: 25px;
}

fieldset.style__formControl___1uGC3 {
  margin: 15px 0;
}

/* Match select component label size */
legend.style__formLabelLegend___zw9AC {
  font-size: smaller;
}
.style__container___3TyKu {
  width: calc(100vw - 200px) !important;
}

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

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

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

/* Show menu icon. */
.tablet .style__container___3TyKu > button,
.mobile .style__container___3TyKu > button {
  display: inline-block !important;
}
.style__error___1jDWv {
  color: #DE3535;
  margin-bottom: 25px;
}

.style__checkbox___1GgKB {
  margin-bottom: 16px;
}
.style__container___2Bnst {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.style__small___1STp1 {
  max-width: 450px;
}

.style__select___2Yavw {
  z-index: 100;
}

.style__body___2g-Fe {
  overflow: hidden;
}

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

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

.mobile .style__body___2g-Fe {
  position: relative;
  width: 100vw;
  height: auto;
  overflow: unset;
}
.style__container___a0VLI {
  border-left-width: 1px;
  border-left-style: solid;
}

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

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

/* Responsive overrides. */
.mobile .style__container___a0VLI {
  border-left-width: 0;
}

.mobile .style__more___30a6O {
  margin-right: -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___a0VLI {
  visibility: hidden;
}

.mobile .style__container___a0VLI {
  visibility: visible !important;
}
.style__container___R5e-q {
  position: relative;
  min-height: 99px;
  margin-top: 15px;
}

.style__avatar___23trV {
  position: absolute !important;
  left: 0;
}

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

.style__star___sN_G5 {
  position: absolute;
  left: 78px;
  top: 8px;
}

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

.style__name___1e7a9 {
  font-size: 22px;
  margin-top: 0px;
  margin-left: 140px;
  display: inline-block;
  vertical-align: middle;

  max-width: calc(100% - 140px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

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

.style__nickname___2psLH {
  margin-left: 10px;
  font-size: 15px;
}

body[dir="rtl"] .style__nickname___2psLH {
  margin-left: unset;
  margin-right: 10px;
}
.style__container___VH0Vg {
  font-size: .8rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.style__button___2Jqqq {
  margin: -6px -16px -6px -16px;
  padding: 6px 16px 6px 16px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  width: 200%;
  text-align: start;
  color: inherit;
}
.style__notice___2Ov1S {
  text-align: center;
  padding: 0 35px;
  /* Delay showing to prevent flickering. */
  opacity: 0;
  animation: style__fadeIn___P3_gY ease-in 0s 1s forwards;
}

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

.style__container___1sPuT {
  width: 100%;
  height: 100%;
  padding: 0 35px;
  box-sizing: border-box;
}

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

/* Provide a visual distinction between edit and view modes. */
.style__view___rcxD_ hr,
.style__view___rcxD_ .style__select___1SrwF svg {
  visibility: hidden;
}

.style__view___rcxD_ .style__options___J3tMK {
  top: unset;
}

.style__contactRow____5IHw {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  min-height: 50px;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.mobile .style__contactRow____5IHw {
  display: block;
}

.style__label___5I3Ev {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 140px;
  margin-top: 12px;
}

.style__inputContainer___iZvbI {
  position: relative;
  display: -ms-flexbox;
  display: flex ;
  vertical-align: super;
}

.style__inputFileContainer___3_hy3 {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  margin-left: -12px;
}



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

div.style__inputFile___1UxEt {
  -ms-flex-direction: unset;
      flex-direction: unset;
}

.style__hiddenInputFile___2Lhev {
  display: none;
}

.style__address___1YQ6b {
  position: relative;
  top: -16px;
}

.mobile .style__address___1YQ6b {
  top: 0;
}

.style__inputContainer___iZvbI .style__address___1YQ6b > div {
  margin-bottom: 1em;
}

.style__addressTypeMenu___2kwGW {
  position: relative;
  top: 7px;
}

.mobile .style__addressTypeMenu___2kwGW {
  top: 0;
}

.style__options___J3tMK {
  position: absolute;
  top: -8px;
  right: 0;
  white-space: nowrap;
}

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

.style__button___TxU12 {
  vertical-align: middle;
}

.style__more___3VdYt {
  display: inline-block;
  margin-top: 18px;
  color: #4c60d8;
  border: none;
  background: none;
  cursor: pointer;
}

.style__advanced___1pSnW {
  margin-top: 48px;
}

.style__error___2-yew {
  color: #DE3535;
  font-weight: 500;
}

.style__more___3VdYt,
.style__formActions___2_bq- {
  margin-left: 140px;
}

.style__formActions___2_bq- button {
  margin-top: 42px;
}

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

body[dir="rtl"].mobile .style__container___1sPuT {
  max-width: 100%;
  border-left-width: 0;
}

.mobile .style__label___5I3Ev {
  margin: 0;
}

.mobile .style__text___3I7V6 {
  display: block;
  font-weight: 500;
}

.style__inputContainer___iZvbI,
.style__inputContainer___iZvbI div:not(.style__options___J3tMK),
.style__inputContainer___iZvbI input,
.style__inputContainer___iZvbI hr {
  width: 100% !important;
}

.style__fieldHasOption___1SvMy {
  width: calc(100% - 135px) !important;
}

.mobile .style__inputContainer___iZvbI .style__options___J3tMK {
  position: absolute;
  left: initial;
  right: 0px;
  width: auto !important;
}

body[dir="rtl"].mobile .style__inputContainer___iZvbI .style__options___J3tMK {
  right: initial;
  left: 0;
}

body[dir="ltr"].mobile .style__more___3VdYt,
body[dir="ltr"].mobile .style__formActions___2_bq- {
  margin-left: auto;
}

body[dir="rtl"].mobile .style__more___3VdYt,
body[dir="rtl"].mobile .style__formActions___2_bq- {
  margin-right: auto;
}

/* Browser hacks. */
html[data-ua^=IE-11] .style__input___1bMM6 textarea  {
  overflow-y: hidden;
}

.style__hiddenLabel___GOTNf {
  position: absolute;
  overflow: hidden;
  height: 0px;
  width: 0px;
  top: 0px;
  left: 0px;
  transform: translateZ(0px);
}

.style__fieldSet___3Vd9u {
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
}

.style__legend___39L46 {
  float: left;
  position: relative;
  top: 7px;
}

.mobile .style__legend___39L46 {
  position: relative;
  top: 11px;
}

body[dir="rtl"] .style__legend___39L46 {
  float: right;
}

.style__container___1sPuT ul {
  list-style-type: none;
}

.style__infoList___1pocC {
  padding: 0;
}

.style__infoList___1pocC li {
  margin-bottom: 2em;
}

.style__infoList___1pocC ul li:last-of-type {
  margin-bottom: 0;
}

.style__infoList___1pocC > li span:first-of-type {
  min-width: 100px;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
}

.style__infoList___1pocC li span {
  overflow-wrap: anywhere;
}

.style__infoList___1pocC li ul {
  padding-inline-start: 0;
  display: inline-block;
}

.style__infoList___1pocC li ul li span:first-of-type {
  min-width: unset;
  padding-inline-end: 1em;
}

body[dir="rtl"] .style__locationFieldLabel___h5q81 {
  width: 100% !important;
  text-align: right;
  transform-origin: top right !important;
}
.style__container___3yCJ8 {
  position: absolute;
  top: 0;
  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___3yCJ8 {
  left: 0;
  right: 450px;
  will-change: right;
  transition: right 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

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

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

.style__expanded___uNnHV .style__body___2jtFf {
  border-left-width: 0;
}

body[dir="rtl"] .style__expanded___uNnHV .style__body___2jtFf {
  border-left-width: unset;
  border-right-width: 0;
}

/* Responsive overrides. */
.mobile .style__container___3yCJ8 {
  left: 0px;
}

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

.mobile .style__body___2jtFf {
  border-left-width: 0;
}

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

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

.mobile .style__container___3yCJ8 {
  position: relative;
  height: auto;
  overflow: auto;
  width: 100vw;
}.style__storageusage___1aWq6 {
  margin: 15px !important;
}

.style__progress___1oB1v {
  width: auto !important;
  height: 12px !important;
  border: 1px solid #949494;
}

.style__usage___2O0J5 {
  font-size: 12px;
}
.style__container___WMSpd {
}

body[dir="rtl"] .style__container___WMSpd button {
  right: unset !important;
  left: 4px;
}

.style__header___gbJ3m {
  font-size: 18px;
  margin: 15px;
}

.style__storageButtons___3ha9S {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}

.style__unorderedList___DvPaa {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.style__container___SJiZg {
  position: relative;
  height: 32px;
  width: 32px;
  color: #63666A;
}

/* Avatar, which can be either a div or img element. */
.style__container___SJiZg > *:first-child {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 125ms ease-in-out;
  outline: none;
}

body[dir="rtl"] .style__container___SJiZg > *:first-child {
  left: unset;
  right: 0;
}

/* Checkbox. */
.style__container___SJiZg > :last-child {
  display: block !important;
  max-width: 24px;
  opacity: 0;
  transition: opacity 125ms ease-in-out;
  top: -4px;
}

body[dir="rtl"] .style__container___SJiZg > div:last-child {
  left: unset;
  right: 4px;
}

.style__container___SJiZg.style__selected___4l9Q0 > *:first-child,
.style__container___SJiZg:hover > *:first-child,
.style__container___SJiZg:focus-within > *:first-child {
  opacity: 0;
}

.style__container___SJiZg.style__selected___4l9Q0 > :last-child,
.style__container___SJiZg:hover > :last-child,
.style__container___SJiZg:focus-within > :last-child {
  opacity: 1;
}

.style__container___SJiZg img {
  height: 32px;
}

.style__disabled___2bfIM.style__selected___4l9Q0 > :last-child,
.style__disabled___2bfIM:hover > :last-child {
  opacity: 0 !important;
}

.style__disabled___2bfIM.style__selected___4l9Q0 > *:first-child,
.style__disabled___2bfIM:hover > *:first-child {
  opacity: 1 !important;
  cursor: default;
}
/* Padding within container. */
.style__container___B7rpF > div {
  /* Ensure we honour the parent elements values. */
  box-sizing: inherit;
  min-height: inherit;
  max-height: inherit;
  width: 100vw;
}

.style__body___22b7e {
  position: relative;
  overflow: hidden;
  padding-left: 90px;
  padding-right: 16px;
  padding-bottom: 6px;
  padding-top: 15px;
  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;
  text-align: left;
}

body[dir="rtl"] .style__body___22b7e {
  padding-right: 90px;
  padding-left: 16px;
  text-align: right;
}

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

.style__name___eXoen {
  height: 16px;
  padding-top: 2px;
  padding-bottom: 8px;
}

.style__email___X8YaJ {
  font-size: 15px;
  padding-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.style__phone___33R7K {
  float: right;
  font-size: 14px;
  font-weight: 300;
  padding-left: 3px;
  padding-right: 18px;
  position: relative;
}

body[dir="rtl"] .style__phone___33R7K {
  float: left;
  padding-right: 3px;
  padding-left: 18px;
}

.style__phone___33R7K a {
  text-decoration: none;
  color: currentColor;
}

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

.style__decorations___3Fmqc {
  position: absolute;
  top: 22px;
  left: 16px;
  text-align: left;
}

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

/* Force star to new line. */
.style__decorations___3Fmqc button {
  display: block !important;
  left: 27px;
  margin-top: -40px !important;
}

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

.style__decorations___3Fmqc button svg {
  width: 22px !important;
  height: 22px !important;
}

.style__disabledOverlay___3H4ga {
  width: 100%;
  background: #fff;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: default;
}

body[dir="rtl"] .style__disabledOverlay___3H4ga {
  right: 0;
}

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

.style__fileBtn___EwUoO {
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
  border: 0;
  padding: 0;
  color: currentColor;
  max-width: calc(100% - 90px);
}

.style__fileBtn___EwUoO::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* Remove MUI list padding within list. */
.style__container___3SX9W {
  padding-top: 5px !important;
  overflow-y: auto;
  -webkit-user-select: none; /* Safari 3.1+ */ /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

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

@keyframes style__fadeIn___oPUUq { from { opacity: 1; } to { opacity: 1; } }
/* Remove MUI list padding within list. */
.style__container___3te-6 {
  padding-top: 0 !important;
  overflow-y: auto;
}

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

.style__storageList___Jojj2 {
  height: 100%;
}

@keyframes style__fadeIn___35YBO { from { opacity: 1; } to { opacity: 1; } }
.style__menuItem___3-B2e {
  position: relative !important;
  padding-left: 45px !important;
  padding-right: 25px !important;
}

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

.style__borderTop___n_Gap {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}
/* Hide menu icon. */
.style__container___1Ng1Q > button {
  display: none !important;
}

.style__pathText___2r6Nv {
  font-size: 18px;
  position: relative;
  bottom: 1px;
  padding: 0 12px;
}
body[dir="rtl"] .style__pathText___2r6Nv {
  left: unset;
  right: 5px;
}

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

.style__pathTextWrap___1cs2N {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 144px;
  position: relative;
  padding: 0px 5px;
  vertical-align: middle;
  letter-spacing: 0px;
  text-transform: none;
  font-weight: normal;
  font-size: 18px;
}

.style__appBarTitleWrap___HKkQw > button + div:not(:last-child) {
  overflow-x: auto !important;
}

.style__breadcrumb___1Ajbi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.style__breadcrumbListItem___2k8oM {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.style__container___2cLKs {
  width: calc(100vw - 200px) !important;
}

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

/* Reduce the visual width of the more icon to make the spacing between the */
/* icons looks the same. */
body[dir="ltr"] .style__more___2R0j_ {
  margin-left: -6px !important;
}

body[dir="rtl"] .style__more___2R0j_ {
  margin-right: -6px !important;
}

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

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

.style__borderTop___Dd1Zc {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.style__container___1zO_1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.style__small___35yh_ {
  max-width: 450px;
}

.style__select___2DzJ- {
  z-index: 100;
}

.style__body___23gXF {
  overflow-x: hidden;
  overflow-y: auto;
}

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

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

.mobile .style__body___23gXF {
  position: relative;
  width: 100vw;
  height: auto;
  overflow: unset;
}
.style__container___2ELQF {
  border-left-width: 1px;
  border-left-style: solid;
}

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

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

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

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

body[dir="rtl"].mobile .style__more___1rDER {
  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___2ELQF {
  visibility: hidden;
}

.mobile .style__container___2ELQF {
  visibility: visible !important;
}
.style__container___Z1Pm7 {
  position: relative;
  min-height: 99px;
  margin-top: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.style__mimeTypeIcon___36R8w {
}

.style__star___3fWoZ {
}

.style__details___96AYm {
  width: calc(100% - 10px);
}

.style__name___1HVl8 {
  font-size: 22px;
  max-width: calc(100% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

.style__extra___2vyci {
  color: rgb(118, 118, 118);
  font-size: .9rem;
}
.style__notice___2RSPN {
  text-align: center;
  padding: 0 35px;
  /* Delay showing to prevent flickering. */
  opacity: 0;
  animation: style__fadeIn___2OH2W ease-in 0s 1s forwards;
}

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

.style__container___3M65e {
  width: 100%;
  height: 100%;
  padding: 0 25px;
  box-sizing: border-box;
}

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

.style__actions___1IMEp {
  display: block;
  margin-bottom: 10px;
  min-height: 50px;
}

.style__options___3b2HV {
  position: absolute;
  top: 0;
  left: 100%;
  white-space: nowrap;
}

body[dir="rtl"] .style__options___3b2HV {
  left: unset;
  right: 100%;
}

.style__button___On510 {
  vertical-align: middle;
}

.style__advanced___3uI8D {
  margin-top: 48px;
}

.style__error___2i8VA {
  color: #DE3535;
  font-weight: 500;
}

body[dir="ltr"] .style__shareIcon___3ZER7 {
  margin-left: 0px !important;
}

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

.style__shareUrl___sIUXE a {
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.style__shareExpiry___2LdNU {
  font-size: .9rem;
  color: rgb(118, 118, 118);
}

.style__preview___25PY7 {
  margin-top: 2rem;
  max-width: 100%;
}

.style__preview___25PY7 img {
  max-width: 100%;
}

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

body[dir="rtl"].mobile .style__container___3M65e {
  max-width: 100%;
  border-right-width: 0;
}

.mobile .style__label___1XNW6 {
  margin-bottom: 30px;
}

.mobile .style__text___3kj-j {
  display: block;
  font-weight: 500;
}

.mobile .style__value___1ZM1d,
.mobile .style__value___1ZM1d div,
.mobile .style__value___1ZM1d input,
.mobile .style__value___1ZM1d hr {
  width: 100% !important;
}
.style__container___3GI9- {
  margin-top: 0 !important;
}
.style__disableUnderline___1VKqN > div::before, .style__disableUnderline___1VKqN > div:hover::before {
  border-bottom: none !important;
}

*[style *= __DISABLE_DATEPICKER_CLICK_AWAY__] {
  cursor: pointer;
}

*[style *= __DISABLE_DATEPICKER_CLICK_AWAY__] > div:last-of-type {
  pointer-events: none;
}

*[style *= __DISABLE_DATEPICKER_CLICK_AWAY__] > div:first-of-type {
  pointer-events: all;
}
.style__title___3dc8n {
  color: #63666A;
  padding-right: 1rem;
  display: -ms-flexbox;
  display: flex;
  max-width: calc(100% - 48px);
  overflow: hidden;
  text-overflow: ellipsis;
}

body[dir="rtl"] .style__title___3dc8n {
  padding-right: unset;
  padding-left: 1rem;
}

.style__title___3dc8n * {
  white-space: nowrap;
}

.style__titleBar___2XXOb {
  border-bottom: 2px solid #96989B;
  background: #F3F3F2;
  margin: -8px -24px 10px -24px;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 1rem;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

body[dir="ltr"] .style__extra___3VvuI {
  padding-right: 1rem;
}

body[dir="rtl"] .style__extra___3VvuI {
  padding-left: 1rem;
}

.style__titleBar___2XXOb svg, .style__close___ZQnym svg {
  color: #96989B !important;
}
.style__filename___3zqLJ {
  font-size: .8rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.style__mimeTypeIcon___3WF1e {
  height: 1.5rem;
  padding-right: .5rem;
}

body[dir="rtl"] .style__mimeTypeIcon___3WF1e {
  padding-right: unset;
  padding-left: .5rem;
}

.style__content___2NwKV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-height: 7rem;
}

.style__linkBox___2JKdT {
  background-color: #fff;
  border: 1px solid #96989B;
  border-radius: 3px;
  height: 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: .5rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

body[dir="rtl"] .style__linkBox___2JKdT {
  padding-left: unset;
  padding-right: .5rem;
}

.style__copyButton___2mQRq {
  height: 1.5rem !important;
  line-height: inherit !important;
  white-space: nowrap;
  margin: 0;
  border-radius: 0px;
  font-size: xx-small;
}

.style__copyButton___2mQRq > span {
  padding: 0 6px;
}

.style__shareUrl___2Skx- {
  transition: all .1s ease-in;
  background-color: #fff;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.style__highlight___29Lwn {
  background-color: #0084D4;
  color: #fff;
}

.style__message___3A9Ow {
  color: #0084D4;
  font-size: .8rem;
  height: .8rem;
  width: 100%;
}

.style__error___3qBHz {
  color: #DE3535;
}

.style__expiry___Bs_nM {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

body[dir="rtl"] .style__alarmIcon___3JamE {
  margin-right: 12px !important;
  margin-left: 0px !important;
}

body[dir="ltr"] .style__expiresOn___2FdW4 {
  margin-left: 1rem;
}

body[dir="rtl"] .style__expiresOn___2FdW4 {
  margin-right: 1rem;
}
.style__container___3T02_ {
  position: absolute;
  top: 0;
  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___3T02_ {
  left: 0;
  right: 450px;
  will-change: right;
  transition: right 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

body[dir="ltr"] .style__expanded___2nq9e {
  left: 0px !important;
}

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

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

body[dir="rtl"] .style__body___Qc-dd {
  border-left: none;
  border-right: 1px solid #e0e0e0;
}

body[dir="ltr"] .style__expanded___2nq9e .style__body___Qc-dd {
  border-left-width: 0;
}

body[dir="rtl"] .style__expanded___2nq9e .style__body___Qc-dd {
  border-right-width: 0;
}

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

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

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

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

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

.mobile .style__body___Qc-dd {
  position: relative;
  width: 100vw;
  height: auto;
  overflow: unset;
}.style__unorderedList___1WK7t {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.style__container___1w8yw {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

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

.style__body___lM5HP > div > div:first-of-type > h2,
.style__body___lM5HP > div:first-of-type > h2 {
  padding-top: 0;
}

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

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

.mobile .style__body___lM5HP {
  position: relative;
  height: auto;
  overflow: unset;
}
.style__container___2ImtZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

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

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

.style__dropDownMenuWrapper___31b4G {
  height: auto !important;
}
.style__label___Qf5o8 {
  font-weight: normal;
  font-size: .9rem;
}

.style__label___Qf5o8 span:first-of-type {
  font-weight: 500;
  font-size: 1rem;
}

.style__label___Qf5o8 span:nth-of-type(2)::before {
  content: " - ";
  width: auto;
}
.style__container___1Z_6C {
  max-width: 480px;
}

.style__container___1Z_6C .style__label___1TiNK {
  display: block;
  font-size: initial !important;
  font-weight: 500 !important;
  color: currentColor !important;
  padding: 35px 0 0 !important;
}

.style__container___1Z_6C > fieldset:first-child .style__label___1TiNK {
  padding-top: 15px !important;
}

.style__bottom___3uFcs {
  margin-bottom: 10px !important;
}

.style__checkbox___2AM36 > div {
  padding: 16px 0;
}

.style__checkbox___2AM36 label {
  color: currentColor !important;
}

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

.style__aspLabel___2u9u0 {
  font-weight: bold;
}

.style__aspDate___fD-eW {
  color: #6f6f6f;
}

.style__listItemContent___1b3_O {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
/* Safari was showing giant circle tooltip on delete button, this resolves it */
.style__listItemContent___1b3_O > button > div > div > div {
  border-radius: 2px !important;
  height: 2em !important;
  left: 0;
  top: 1em !important;
}

.style__expanded___29mBl::before {
  content: " ";
  position: absolute;
  top: 0;
  left: -35px;
  width: 100vmax;
  height: 100%;
  background: #fcfcfc;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 10px 10px -10px inset;
  z-index: -1;
}

.style__expanded___29mBl::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: -35px;
  width: 100vmax;
  height: 10px;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px -10px 10px -10px inset;
  z-index: -1;
}

.style__title___1mkk8 {
  font-size: 1.3rem;
}
.style__container___2bXRf {
  margin-bottom: 30px;
}

.style__error___siFeF {
  color: #DE3535;
  margin-bottom: 25px;
  white-space: pre-wrap;
}
.style__container___3PNUh {
  position: relative;
  margin-top: 16px;
  padding: 19px 0;
}

.style__container___3PNUh:before {
  content: " ";
  position: absolute;
  top: 0;
  left: -35px;
  width: 100vmax;
  height: 100%;
  background: #fcfcfc;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 10px 10px -10px inset;
  z-index: -1;
}

.style__container___3PNUh:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: -35px;
  width: 100vmax;
  height: 10px;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px -10px 10px -10px inset;
  z-index: -1;
}
.style__view___1zO6s .style__setting___n8XGV {
  margin-bottom: 15px;
  font-size: 15px;
}

.style__view___1zO6s ul {
  margin-bottom: 15px;
  padding-left: 18px;
  line-height: 25px;
}

.style__view___1zO6s .style__actions___3LXai > button {
  margin-bottom: 15px;
}

.style__edit___1m0hE > label {
  padding-top: 0;
}

.style__edit___1m0hE .style__setting___n8XGV {
  margin-bottom: 15px;
}

.style__edit___1m0hE ul {
  padding-left: 0;
  list-style-type: none;
}

.style__edit___1m0hE li {
  margin-bottom: 10px;
}

.style__edit___1m0hE .style__text___2VCI- {
  margin: 16px 0 5px;
  display: block !important;
}

.style__edit___1m0hE .style__actions___3LXai > button {
  margin: 30px 15px 10px 0;
}

.style__securityQuestionHelp___3JoE7 {
  font-weight: 300;
  font-size: small;
  margin: 0;
}

.style__fieldSet___1MBZ2 {
  padding: 0;
  margin: 0;
  border: 0;
}
.style__container___1gOkt {
  max-width: 480px;
}

.style__label___oegD6 {
  display: block;
  font-size: initial !important;
  font-weight: 500 !important;
  padding: 35px 0 0 !important;
  line-height: 1.5em;
}

.style__container___1gOkt > div:first-child .style__label___oegD6 {
  padding-top: 15px !important;
}

.style__bottom___15YR1 {
  margin-bottom: 10px !important;
}

.style__warning___1BsPq {
  fill: #F44336 !important;
}

.style__add___29PIC,
.style__change___1h0vi {
  margin-bottom: 10px;
}

.style__button___2yIDt {
  margin-top: 20px !important;
}

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

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

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

p.style__warning___1QVWM {
  color: #DE3535;
}

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

.style__spinner___YpIsO {
  text-align: center;
  height: 55px;
  /* Set height to approx 32px. */
  transform: scale(0.66, 0.66);
}

.style__marginTop___3ohgA {
  margin-top: 15px !important;
}
.style__container___3Jquf {
  max-width: 480px;
}

.style__label___2V5xz {
  display: block;
  font-size: initial !important;
  font-weight: 500 !important;
  padding: 35px 0 0 !important;
}

.style__bottom___3UJfK {
  margin-bottom: 20px !important;
}

.style__container___3Jquf > div:first-child .style__label___2V5xz {
  padding-top: 15px !important;
}

body[dir="rtl"] .style__label___2V5xz {
  padding-left: unset !important;
  padding-right: 0px !important;
}

body[dir="rtl"] .style__themeTile___8YiGs > div > div {
  margin-left: 0 !important;
  margin-right: 16px !important;
}

.style__selected___3GtgB > div {
  border: 5px solid green;
  box-sizing: border-box;
}

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

.style__linkRoleButton___3HeSV {
  display: block;
  height: 100%;
}
.style__view___1eubU .style__setting___2HVw- * {
  font-size: 15px;
}

.style__view___1eubU .style__setting___2HVw- em {
  margin: 15px 0;
  display: block;
}

.style__view___1eubU .style__actions___2HDIC > div {
  margin-bottom: 15px;
}

.style__edit___2pYUm > label {
  padding-top: 0;
}

.style__edit___2pYUm .style__setting___2HVw- {
  margin: 30px 0 15px;
}

.style__edit___2pYUm .style__value___2rRfK {
  margin-top: 30px;
}

.style__edit___2pYUm .style__value___2rRfK label {
  display: block;
  margin-top: 15px;
  font-weight: 500;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.77);
}

.style__edit___2pYUm .style__value___2rRfK label.style__noMarginTop___28LgD {
  margin-top: 0;
}

.style__edit___2pYUm ul {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}

.style__edit___2pYUm li {
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100vw;
}

.style__edit___2pYUm .style__icons___O4xbN {
  display: inline-block;
  vertical-align: top;
}

.style__edit___2pYUm .style__icon___2W912 {
  vertical-align: middle;
}

.style__edit___2pYUm .style__actions___2HDIC > button {
  margin: 30px 15px 10px 0;
}

.desktop .style__edit___2pYUm li {
  white-space: nowrap;
}

.tablet .style__edit___2pYUm .style__icons___O4xbN,
.mobile .style__edit___2pYUm .style__icons___O4xbN {
  display: block;
  margin-left: -16px;
}

.style__ruleField___sLlhj {
  margin-right: 20px;
  margin-bottom: 20px;
}

.style__ruleFieldRoot___ZbvcA {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.style__view___181u8 .style__setting___HDMuf {
  margin: 15px 0;
  font-size: 15px;
}

.style__view___181u8 .style__actions___1d3aZ > div {
  margin-bottom: 15px;
}

.style__edit___2JIfu > label {
  padding-top: 0;
}

.style__edit___2JIfu .style__setting___HDMuf {
  margin: 30px 0 15px;
}

.style__edit___2JIfu .style__value___1dCgT {
  margin-top: 30px;
}

.style__edit___2JIfu .style__sensitivity___36REU {
  position: relative;
  top: -8px;
  z-index: 1;
  width: 20px;
  height: 15px;
  font-size: 13px;
  margin-left: -11px;
  text-align: center;
  pointer-events: none;
}

.style__edit___2JIfu .style__slider___18gAh a {
  text-decoration: none;
  font-size: 13px;
  color: #4c60d8;
}

.style__edit___2JIfu .style__value___1dCgT > label {
  display: block;
  margin-top: 12px;
  font-weight: 500;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.77);
}

.style__edit___2JIfu .style__actions___1d3aZ > div {
  margin: 30px 15px 10px 0;
}

body[dir=ltr] .style__actions___1d3aZ button+button {
  margin-left: 1em;
}

body[dir=rtl] .style__actions___1d3aZ button+button {
  margin-right: 1em;
}
.style__view___re_Tu .style__setting___2uSSH {
  margin: 15px 0;
  font-size: 15px;
}

.style__view___re_Tu ul {
  margin-bottom: 15px;
  padding-left: 18px;
  line-height: 25px;
}

.style__view___re_Tu .style__actions___R8XG6 > div {
  margin-bottom: 15px;
}

.style__edit___1Rv4c > label {
  padding-top: 0;
}

.style__edit___1Rv4c .style__setting___2uSSH {
  margin: 30px 0 15px;
}

.style__edit___1Rv4c .style__warning___1zbI8 {
  color: #DE3535;
}

.style__edit___1Rv4c .style__value___KvUra {
  margin-top: 30px;
}

.style__edit___1Rv4c .style__value___KvUra > label {
  display: block;
  margin-top: 15px;
  font-weight: 500;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.77);
}

.style__edit___1Rv4c .style__actions___R8XG6 > div {
  margin: 30px 15px 10px 0;
}

body[dir=ltr] .style__actions___R8XG6 button+button {
  margin-left: 1em;
}

body[dir=rtl] .style__actions___R8XG6 button+button {
  margin-right: 1em;
}
.style__view___3aBGw .style__setting___V0QHQ {
  margin: 15px 0;
  font-size: 15px;
}

.style__view___3aBGw ul {
  margin-bottom: 15px;
  padding-left: 18px;
  line-height: 25px;
}

.style__view___3aBGw .style__actions___1qwmj > div {
  margin-bottom: 15px;
}

.style__edit___1xAoA > label {
  padding-top: 0;
}

.style__edit___1xAoA .style__setting___V0QHQ {
  margin: 30px 0 15px;
}

.style__edit___1xAoA .style__value___36tNS {
  margin-top: 30px;
}

.style__edit___1xAoA .style__value___36tNS > label {
  display: block;
  margin-top: 15px;
  font-weight: 500;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.77);
}

.style__edit___1xAoA .style__actions___1qwmj > div {
  margin: 30px 15px 10px 0;
}

body[dir=ltr] .style__actions___1qwmj button+button {
  margin-left: 1em;
}

body[dir=rtl] .style__actions___1qwmj button+button {
  margin-right: 1em;
}
.style__color___ftEDD {
  padding: 0 !important;
  margin: -8px 0 !important;
  line-height: initial !important;
}

.style__fontMenuItem___2lPpS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  line-height: 1.2rem;
  -ms-flex-align: center;
      align-items: center;
}

.swatches-picker {
  width: 336px !important;
}

.swatches-picker div[style *= "box-shadow"] {
  box-shadow: none !important;
}
.style__toolbar___16MM4 {
  height: 48px !important;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 8px !important;
}

.style__toolbar___16MM4 > div {
  width: 100%;
  margin: 0 !important;
}

.style__toolbar___16MM4 input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  z-index: -1;
}

.style__icon___2L2CI {
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  margin-top: 4px !important;
}

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

.style__font___3KZID,
.style__more___yFtqS {
  margin-top: 3px;
}

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

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

.style__borderTop___2NIMP {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.style__container___DmLaQ {
  margin-bottom: 16px;
}

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

.style__editor___BuUuf {
  height: 175px;
  margin-top: 42px;
  padding: 5px;
  border: 1px solid rgb(224, 224, 224);
  overflow: auto;
}

/* Workaround the editors margins not matching what we want to show here. */
.style__editor___BuUuf > div {
  margin-top: -5px;
  width: 320px;
}
.style__setting___z6vts *:not(svg):not(path) {
  font-size: 15px;
}

.style__add___p0TpB {
  margin-bottom: 10px;
}

.style__list___3bwPG {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}

.style__divStyle___LOAos > div {
  padding: 16px 100px 16px 0 !important;
}

body[dir=rtl] .style__divStyle___LOAos > div {
  padding: 16px 0 16px 100px !important;
}.style__blockWhitelist___1ixsR {
  opacity: 1;
  display: block;
  transition: opacity 600ms ease-in;
}

.style__blockWhitelistDisabled___CbaYD {
  opacity: .2;
}

.style__label___3wN0I {
  display: block;
  font-weight: 500 !important;
  padding-top: 35px !important;
  padding-left: 0px !important;
}

.style__setting___2rpNF {
  color: #767676;
  font-weight: 300;
}
.style__container___3GOt9 {
  max-width: 480px;
}

.style__label___29T6x {
  display: block;
  font-size: initial !important;
  font-weight: 500 !important;
  padding: 35px 0 0 !important;
}

.style__bottom___3B7ff {
  margin-bottom: 10px !important;
}

.style__container___3GOt9 > div:first-child .style__label___29T6x {
  padding-top: 15px !important;
}

.style__setting___2bozG {
  color: #767676;
  font-weight: 300;
}

/* :SHONK: The folders table should be moved to its own component. */
.style__mailboxes___3Kgva {
  width: 100vw;
  max-width: 1000px;
}

.mobile .style__mailboxes___3Kgva,
.tablet .style__mailboxes___3Kgva {
  width: calc(100vw - 90px);
}

.mobile .style__mailboxes___3Kgva th:nth-child(2),
.mobile .style__mailboxes___3Kgva td:nth-child(2) {
  display: none;
}

.style__mailboxes___3Kgva th:nth-child(1n+2),
.style__mailboxes___3Kgva td:nth-child(1n+2) {
  text-align: center !important;
}

/* :SHONK: This fixes issues with long folder names by wrapping them. */
.style__container___3GOt9 tr > *:first-of-type {
  text-overflow: inherit !important;
  white-space: normal !important;
}

.style__add___1ieud {
  margin-top: 20px;
  margin-bottom: 20px;
}

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

.style__checkboxRoot___3LCDJ {
  padding-top: 35px;
}

.style__checkboxLabel___DWyHv {
  font-weight: 500;
}

.style__checkboxLabelDesc___3mtKC {
  font-weight: 400;
}.style__container___1KzpE {
  max-width: 480px;
}

.style__label___rXHc4 {
  display: block;
  font-size: initial !important;
  font-weight: 500 !important;
  padding: 35px 0 0 !important;
}

.style__bottom___1790I {
  margin-bottom: 10px !important;
}

.style__container___1KzpE > div:first-child .style__label___rXHc4 {
  padding-top: 15px !important;
}

.style__checkboxRoot___xPd7m {
  padding-top: 35px;
}

.style__checkboxLabel___Xgv-l {
  font-weight: 500;
}

.style__color___21BI8 {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
  cursor: pointer;
  border: 0;
  outline: 1px solid #949494;
  outline-offset: 2px;
}

.style__calendars___2KxrQ th:nth-child(1n+2),
.style__calendars___2KxrQ td:nth-child(1n+2) {
  text-align: center !important;
}

.style__link___yUk7j {
  display: block;
  margin-top: 10px;
  word-break: break-all;
}

.style__add___3ta35 {
  margin-top: 20px;
  margin-bottom: 20px;
}

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

.style__borderTop___K6FMQ {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.style__container___2iFSV {
  max-width: 480px;
}

.style__label___1GBhR {
  display: block;
  font-size: initial !important;
  font-weight: 500 !important;
  padding: 35px 0 0 !important;
}

.style__container___2iFSV > div:first-child .style__label___1GBhR {
  padding-top: 15px !important;
}

.style__groups___12mud th:nth-child(1n+2),
.style__groups___12mud td:nth-child(1n+2) {
  text-align: center !important;
}

.style__add___w-5-_ {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* :SHONK: Pad the bottom of the container. */
.style__container___2iFSV:after {
  content: " ";
  display: block;
  padding-bottom: 50px;
}
.style__unorderedList___xbHgc {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.style__container___2ql60 > div h2:first-of-type {
  padding-top: 0;
  margin-top: 0;
}

.style__container___2ql60 h2 {
  padding-top: 25px;
  font-size: 24px;
}

.style__section___2N3LF {
  margin-bottom: 25px;
}

.style__important___3m4D2 {
  color: #4C8508;
}

.style__label___1iROu {
  color: #346FEF;
  display: block;
  font-weight: 500;
  font-size: 16px;
}

.style__label___1iROu + p {
  margin: 10px 0;
}

.style__container___2ql60 img {
  max-width: 100%;
  max-height: 420px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  margin: 1em;
}

.style__container___2ql60 img.style__small___19OVI {
  max-width: 30%;
}

/* For Tablet */
@media (max-width: 780px) {
  .style__container___2ql60 img.style__small___19OVI {
    max-width: 65%;
  }
}

/* For Mobile */
@media (max-width: 570px) {
  .style__container___2ql60 img.style__small___19OVI {
    max-width: 55%;
  }
}

.style__container___2ql60 li {
  margin: 10px 0;
}

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

.style__container___2ql60 svg {
  vertical-align: middle;
}
/* Remove MUI list padding within list. */
.style__container___1_ATt {
  padding-top: 0 !important;
}

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

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

.style__table___jczFt {
  width: 100%;
  margin-top: 25px;
}

.style__table___jczFt tbody {
  font-size: 14px;
  cursor: pointer;
}

.style__time___FYQV2 {
  white-space: nowrap;
}

.style__type___1BdW6 {
  padding-left: 15px;
  white-space: nowrap;
}

.style__dataContainer___v3cYq {
  position: relative;
  overflow: hidden;
}

.style__data___1OYo8 {
  position: absolute;
  top: 0;
  left: 15px;
  white-space: nowrap;
}

.style__copy___16XgM {
  position: absolute;
  top: 0;
  right: 0;
}

.style__copy___16XgM textarea {
  position: absolute;
  top: -10000px;
  left: -10000px;
}

.style__copy___16XgM a {
  text-decoration: none;
  font-size: 13px;
  padding: 10px 5px 10px 10px;
  background: #fff;
  color: #4c60d8;
  opacity: 0;
}

.style__copy___16XgM a:active {
  color: #F44336;
}

.style__table___jczFt tbody tr:hover .style__copy___16XgM a {
  opacity: 1;
}
.style__container___3QcU8 {
  height: 100vh;
  overflow-y: auto;
}

.style__localeSelector___gL0zL {
  color: currentColor;
}

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

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

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

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

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

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

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

.style__moreWithIcon___19sfg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

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

.style__loginRow___oAcHJ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  margin-top: 25px;
}

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

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

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

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

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

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

a.style__recovery___36DSs {
  text-decoration: none;
}

.style__version___1oq43 {
  display: none;
}

/* :SHONK: Pad the bottom of the container. */
.style__container___3QcU8: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___1cmOr;
}
/* Noop keyframe is used so its not removed via building. */
@keyframes style__autofill___1cmOr { from { opacity: 1; } to { opacity: 1; } }

.style__selectIcon___AwfXu {
  color: inherit !important;
}

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

button.style__buttonStyle___Z-Z7l {
  margin: 0 0 0 10px;
  color: currentColor;
}

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

.style__buttonTextStyle___2lIAj {
  font-size: 14px;
  text-transform: none;
  font-weight: 400;
}
.style__container___1fj71 {
  height: 100%;
  overflow-y: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.style__recoveryInputBase___inN3F {
  color: currentColor !important;
}

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

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

.style__errorWithIcon___jQijB {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}