@use 'sass:map';
:export {
  accentPrimary: var(--colors-accent-primary);
  accentSecondary: var(--colors-accent-secondary);
  accentDark: var(--colors-accent-dark);
  textPrimary: var(--colors-text-primary);
  textSecondary: #3a3a3a;
  textTertiary: #808080;
  neutralGrey: #cdcdcd;
  neutralLightGrey: #f3f3f3;
  neutralLightestGrey: #f3f3f3;
  neutralDarkGrey: #141414;
  successPrimary: var(--colors-success-primary);
  successSecondary: var(--colors-success-secondary);
  failurePrimary: var(--colors-failure-primary);
  failureSecondary: var(--colors-failure-secondary);
  warningPrimary: var(--colors-warning-primary);
  warningSecondary: var(--colors-warning-secondary);
  branchPrimary: var(--actionBlockColors-branch-primary);
  branchSecondary: var(--actionBlockColors-branch-secondary);
  informativePrimary: var(--actionBlockColors-informative-primary);
  informativeSecondary: var(--actionBlockColors-informative-secondary);
  inputPrimary: var(--actionBlockColors-inputOnly-primary);
  inputSecondary: var(--actionBlockColors-inputOnly-secondary);
  thirdPartyPrimary: var(--actionBlockColors-thirdParty-primary);
  thirdPartySecondary: var(--actionBlockColors-thirdParty-secondary);
  triggersPrimary: var(--actionBlockColors-triggers-primary);
  triggersSecondary: var(--actionBlockColors-triggers-secondary);
  wotFunctionsPrimary: var(--actionBlockColors-wotFunctions-primary);
  wotFunctionsSecondary: var(--actionBlockColors-wotFunctions-secondary);
  newHeading1FontFamily: var(--text-newHeading1-fontFamily);
  newHeading2FontFamily: var(--text-newHeading2-fontFamily);
  newHeading3FontFamily: var(--text-newHeading3-fontFamily);
  newHeading4FontFamily: var(--text-newHeading4-fontFamily);
  newBody1FontFamily: var(--text-newBody1-fontFamily);
  newBody2FontFamily: var(--text-newBody2-fontFamily);
  newBody3FontFamily: var(--text-newBody3-fontFamily);
  newBody4FontFamily: var(--text-newBody4-fontFamily);
  newBody5FontFamily: var(--text-newBody5-fontFamily);
  newHeading1FontSize: var(--text-newHeading1-fontSize);
  newHeading2FontSize: var(--text-newHeading2-fontSize);
  newHeading3FontSize: var(--text-newHeading3-fontSize);
  newHeading4FontSize: var(--text-newHeading4-fontSize);
  newBody1FontSize: var(--text-newBody1-fontSize);
  newBody2FontSize: var(--text-newBody2-fontSize);
  newBody3FontSize: var(--text-newBody3-fontSize);
  newBody4FontSize: var(--text-newBody4-fontSize);
  newBody5FontSize: var(--text-newBody5-fontSize);
  newHeading1FontWeight: var(--text-newHeading1-fontWeight);
  newHeading2FontWeight: var(--text-newHeading2-fontWeight);
  newHeading3FontWeight: var(--text-newHeading3-fontWeight);
  newHeading4FontWeight: var(--text-newHeading4-fontWeight);
  newBody1FontWeight: var(--text-newBody1-fontWeight);
  newBody2FontWeight: var(--text-newBody2-fontWeight);
  newBody3FontWeight: var(--text-newBody3-fontWeight);
  newBody4FontWeight: var(--text-newBody4-fontWeight);
  newBody5FontWeight: var(--text-newBody5-fontWeight);
  newHeading1LineHeight: var(--text-newHeading1-lineHeight);
  newHeading2LineHeight: var(--text-newHeading2-lineHeight);
  newHeading3LineHeight: var(--text-newHeading3-lineHeight);
  newHeading4LineHeight: var(--text-newHeading4-lineHeight);
  newBody1LineHeight: var(--text-newBody1-lineHeight);
  newBody2LineHeight: var(--text-newBody2-lineHeight);
  newBody3LineHeight: var(--text-newBody3-lineHeight);
  newBody4LineHeight: var(--text-newBody4-lineHeight);
  standardBorderRadius: var(--borderRadius-standard);
  constantsWhite: #ffffff;
  constantsBlack: #000000;
  constantsLightWhite: #e8e9ef;
  constantsLightGray: #f0f0f0;
  constantsLightGreen: #12bc65;
  constantsDarkLightGray: #afb2b3;
  constantsHover: #091e420a;
  glictchColor: #3a43a8;
  lightRed: #ffe4e4;
  roleLabelTextColor: #e7e7e7;
  passwordStrengthColorGreyPrimary: #858585;
  passwordStrengthColorGreySecondary: #b1b8bb;
  passwordStrengthColorRedPrimary: #ff0000;
  passwordStrengthColorRedSecondary: #ff000029;
  passwordStrengthColorOrangePrimary: #fc7c29;
  passwordStrengthColorOrangeSecondary: #f5be4f;
  passwordStrengthColorYellowPrimary: #f1b000;
  passwordStrengthColorYellowSecondary: #f1b00029;
  passwordStrengthColorGreenPrimary: #13be66;
  passwordStrengthColorGreenSecondary: #13be6629;
  gray100: #f3f3f3;
  gray200: #e4e4e4;
  gray400: #cdcdcd;
  gray500: #808080;
  gray600: #6d6d6d;
  primary50: #eff4ff;
  weight500: 500;
  weight400: 400;
  weight600: 600; }

/** --------------------------------- draft-editor----------------------------------------- */
.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: initial;
  font-size: var(--text-newBody1-fontSize);
  font-family: var(--text-newBody1-fontFamily);
  font-weight: var(--text-newBody1-fontWeight);
  color: var(--colors-text-primary); }

.public-DraftEditor-content {
  height: 99%;
  padding: 8px 15px;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased; }

.public-DraftEditor-content[contenteditable='true'] {
  -webkit-user-modify: read-write-plaintext-only; }

.DraftEditor-root {
  position: relative;
  height: 100%; }

#editor .DraftEditor-root {
  padding: 8px; }

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  position: relative;
  z-index: 1; }

.public-DraftEditor-block {
  position: relative; }

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left; }

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left; }

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center; }

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%; }

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right; }

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right; }

.public-DraftEditorPlaceholder-root {
  color: #afb2b3;
  position: absolute;
  z-index: 1;
  font-size: var(--text-newBody1-fontSize);
  font-family: var(--text-newBody1-fontFamily);
  font-weight: var(--text-newBody1-fontWeight); }

.public-DraftEditorPlaceholder-hasFocus {
  color: #afb2b3;
  font-size: var(--text-newBody1-fontSize);
  font-family: var(--text-newBody1-fontFamily);
  font-weight: var(--text-newBody1-fontWeight); }

.DraftEditorPlaceholder-hidden {
  display: none; }

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap; }

.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left; }

.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right; }

.public-DraftStyleDefault-listLTR {
  direction: ltr; }

.public-DraftStyleDefault-listRTL {
  direction: rtl; }

.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em; }

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative; }

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc; }

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle; }

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px; }

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1, lower-alpha) ". ";
  counter-increment: ol1; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2, lower-roman) ". ";
  counter-increment: ol2; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4, lower-alpha) ". ";
  counter-increment: ol4; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4; }

/** ------------------------------------------- draft-static-toolbar ------------------------------------------- */
.draftJsToolbar__buttonWrapper__1Dmqh,
.bi09khh {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  width: 30px;
  height: 26px; }

.draftJsToolbar__button__qi1gf,
.bc4rxid {
  background: transparent;
  color: #808080;
  font-size: 18px;
  border: 0;
  width: 30px;
  height: 26px; }

.draftJsToolbar__button__qi1gf svg,
.bc4rxid svg {
  fill: #888;
  width: 30px;
  height: 26px; }

.draftJsToolbar__button__qi1gf svg:hover,
.bc4rxid svg:hover {
  background-color: #f3f3f3;
  border-radius: 5px; }

.draftJsToolbar__button__qi1gf:focus,
.bc4rxid:focus {
  background: transparent;
  outline: 0;
  /* reset for :focus */ }

.draftJsToolbar__active__3qcpF,
.akzb7t5 {
  background: transparent;
  color: #808080;
  width: 30px;
  height: 26px; }

.draftJsToolbar__active__3qcpF:hover svg,
.akzb7t5:hover svg {
  background-color: var(--colors-accent-secondary);
  color: var(--colors-accent-primary); }

.draftJsToolbar__active__3qcpF svg,
.akzb7t5 svg {
  fill: var(--colors-accent-primary);
  background-color: var(--colors-accent-secondary);
  border-radius: 5px;
  width: 30px;
  height: 26px; }

.draftJsToolbar__separator__3U7qt {
  display: inline-block;
  border-right: 1px solid #ddd;
  height: 24px;
  margin: 0 0.5em; }

.draftJsToolbar__toolbar__dNtBH,
.t16lpgj {
  border: none;
  background: #fafafa;
  z-index: 2;
  box-sizing: border-box;
  padding-top: 6.5px;
  padding-bottom: 6.5px;
  border-radius: 8px;
  height: 40px; }

.draftJsToolbar__toolbar__dNtBH:after,
.t16lpgj::after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 4px;
  margin-left: -4px; }

.draftJsToolbar__toolbar__dNtBH:before,
.t16lpgj::before {
  border-color: rgba(221, 221, 221, 0);
  border-top-color: #ddd;
  border-width: 6px;
  margin-left: -6px; }

/* -------------------------------------- draft-emoji-plugin ---------------------------------------------------- */
.draftJsEmojiPlugin__emojiSelect__34S1B {
  display: inline-block; }

.draftJsEmojiPlugin__emojiSelectButton__3sPol,
.draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 2em;
  color: #808080;
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: 0.7;
  position: absolute;
  right: 4px;
  top: 9px; }

.draftJsEmojiPlugin__emojiSelectButton__3sPol {
  height: 26px;
  width: 30px;
  position: absolute;
  top: 7px; }

.draftJsEmojiPlugin__emojiSelectButton__3sPol:focus,
.draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:focus {
  outline: 0; }

.draftJsEmojiPlugin__emojiSelectButton__3sPol:hover,
.draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:hover {
  background: transparent; }

.draftJsEmojiPlugin__emojiSelectButton__3sPol:active,
.draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:active {
  background: transparent; }

.draftJsEmojiPlugin__emojiSelectButton__3sPol:hover {
  background-color: #f3f3f3;
  border-radius: 5px; }

.draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu {
  background-color: var(--colors-accent-secondary) !important;
  height: 26px;
  width: 30px;
  border-radius: 5px;
  color: var(--colors-accent-primary);
  position: absolute;
  top: 7px;
  background: transparent; }

/*style for mozilla firefox only*/
@-moz-document url-prefix() {
  .draftJsEmojiPlugin__emojiSelectButton__3sPol,
  .draftJsEmojiPlugin__emojiSelectButton__3sPol:focus,
  .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu,
  .draftJsEmojiPlugin__emojiSelectButton__3sPol:focus,
  .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:focus,
  .draftJsEmojiPlugin__emojiSelectButton__3sPol:hover,
  .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:hover,
  .draftJsEmojiPlugin__emojiSelectButton__3sPol:active,
  .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:active {
    font-size: 1.5em !important;
    line-height: 0.9 !important; }
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButton__3sPol,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButton__3sPol:focus,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButton__3sPol:focus,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:focus,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButton__3sPol:hover,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:hover,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButton__3sPol:active,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:active {
    font-size: 1.5em !important;
    line-height: 1 !important; } }

/*style for mac safari browser only*/
@media not all and (min-resolution: 0.001dpcm) {
  .draftJsEmojiPlugin__emojiSelectButton__3sPol,
  .draftJsEmojiPlugin__emojiSelectButton__3sPol:focus,
  .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu,
  .draftJsEmojiPlugin__emojiSelectButton__3sPol:focus,
  .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:focus,
  .draftJsEmojiPlugin__emojiSelectButton__3sPol:hover,
  .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:hover,
  .draftJsEmojiPlugin__emojiSelectButton__3sPol:active,
  .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:active {
    line-height: 1 !important;
    top: 5px !important; }
  .DraftEditor-root {
    height: 96%; }
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButton__3sPol,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButton__3sPol:focus,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButton__3sPol:focus,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:focus,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButton__3sPol:hover,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:hover,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButton__3sPol:active,
  .emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu:active {
    line-height: 1 !important;
    top: 7px !important; }
  .emojiEditorContainer .public-DraftStyleDefault-block {
    white-space: unset !important; }
  #customComponentTextArea .DraftEditor-root:nth-child(2) {
    height: calc(96% - 97px) !important; }
  .emojiEditorContainer .DraftEditor-root {
    height: 96%; } }

.draftJsEmojiPlugin__emojiSelectPopover__1J1s0 {
  position: absolute;
  z-index: 1000;
  box-sizing: content-box;
  background: #ffffff;
  /*border: 1px solid transparent;*/
  box-shadow: 0 2px 20px 0 #afb2b3;
  border: solid 1px #cdcdcd;
  left: -1px;
  top: 49px;
  border-radius: 4px; }

.draftJsEmojiPlugin__emojiSelectPopoverClosed__3Kxxq {
  display: none; }

.draftJsEmojiPlugin__emojiSelectPopoverTitle__3tpXz,
.e16zneum {
  margin: 0;
  padding-left: 1em;
  font-weight: normal;
  font-size: var(--text-newBody1-fontSize);
  font-family: var(--text-newBody1-fontFamily);
  font-weight: var(--text-newBody1-fontWeight);
  color: #808080;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none; }

.draftJsEmojiPlugin__emojiSelectPopoverGroups__35t9m,
.e1kg9q3n {
  margin: 42px 0 0.3em;
  position: relative;
  z-index: 0;
  width: 21em;
  height: 20em; }

.draftJsEmojiPlugin__emojiSelectPopoverGroup__3zwcE {
  padding: 0 0.5em; }

.draftJsEmojiPlugin__emojiSelectPopoverGroup__3zwcE:first-child .draftJsEmojiPlugin__emojiSelectPopoverGroupTitle__2pC51 {
  display: none; }

.draftJsEmojiPlugin__emojiSelectPopoverGroupTitle__2pC51,
.e19xmvdb {
  margin: 0;
  padding-left: 0.5em;
  font-weight: normal;
  font-size: var(--text-newBody1-fontSize);
  font-family: var(--text-newBody1-fontFamily);
  font-weight: var(--text-newBody1-fontWeight);
  color: #808080;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none; }

.draftJsEmojiPlugin__emojiSelectPopoverGroupList__HQ8_y {
  margin: 0;
  display: -webkit-box;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  padding: 36px 0 0; }

.draftJsEmojiPlugin__emojiSelectPopoverGroupItem__2pFOS {
  width: 2.5em;
  height: 2.5em; }

.draftJsEmojiPlugin__emojiSelectPopoverToneSelect__28bny {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2; }

.draftJsEmojiPlugin__emojiSelectPopoverToneSelectList__haFSJ {
  margin: 0.3em;
  padding: 0.3em;
  position: absolute;
  display: -webkit-box;
  display: flex;
  list-style: none;
  border: 1px solid #e0e0e0;
  border-radius: 0.5em;
  background: #ffffff;
  box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.1); }

.draftJsEmojiPlugin__emojiSelectPopoverToneSelectItem__2SgvL {
  width: 2.5em;
  height: 2.5em; }

.draftJsEmojiPlugin__emojiSelectPopoverToneSelectItem__2SgvL:first-child {
  border-right: 1px solid #e0e0e0; }

.draftJsEmojiPlugin__emojiSelectPopoverEntry__1ErDJ,
.draftJsEmojiPlugin__emojiSelectPopoverEntryFocused__M28XS {
  padding: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  outline: none;
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56); }

.draftJsEmojiPlugin__emojiSelectPopoverEntryFocused__M28XS {
  background-color: #efefef; }

.draftJsEmojiPlugin__emojiSelectPopoverEntryIcon__1yNaC {
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle; }

.draftJsEmojiPlugin__emojiSelectPopoverNav__1Nzd7,
.e1cibj9i {
  margin: 6px 0 0 0;
  padding: 0 0.5em;
  display: -webkit-box;
  display: flex;
  list-style: none;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white; }

.e1cibj9i li:last-of-type {
  flex: 1; }

.draftJsEmojiPlugin__emojiSelectPopoverNavItem__qydCX {
  width: 2.5em;
  height: 2.5em; }

.draftJsEmojiPlugin__emojiSelectPopoverNavEntry__1OiGB,
.draftJsEmojiPlugin__emojiSelectPopoverNavEntryActive__2j-Vk {
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1.2em;
  color: #bdbdbd;
  background: none;
  border: none;
  outline: none; }

.draftJsEmojiPlugin__emojiSelectPopoverNavEntryActive__2j-Vk {
  color: #42a5f5; }

.draftJsEmojiPlugin__emojiSelectPopoverScrollbar__1Xjc6 {
  position: absolute;
  right: 0;
  top: 0.3em;
  bottom: 0.3em;
  width: 0.25em;
  background-color: #e0e0e0;
  border-radius: 0.125em;
  opacity: 0.1;
  transition: opacity 0.4s; }

.draftJsEmojiPlugin__emojiSelectPopoverScrollbarThumb__jGYdG {
  background-color: #000;
  border-radius: 0.125em;
  cursor: pointer; }

.draftJsEmojiPlugin__emojiSelectPopoverGroups__35t9m:hover .draftJsEmojiPlugin__emojiSelectPopoverScrollbar__1Xjc6 {
  opacity: 0.3; }

.draftJsEmojiPlugin__emojiSelectPopoverGroups__35t9m .draftJsEmojiPlugin__emojiSelectPopoverScrollbar__1Xjc6:hover,
.draftJsEmojiPlugin__emojiSelectPopoverGroups__35t9m .draftJsEmojiPlugin__emojiSelectPopoverScrollbar__1Xjc6:active {
  opacity: 0.6; }

.draftJsEmojiPlugin__emoji__2oqBk {
  background-position: center;
  /* make sure the background the image is only shown once */
  background-repeat: no-repeat;
  background-size: 20px 20px;
  /* move it a bit further down to align it nicer with the text */
  vertical-align: middle;
  /*
    We need to limit the emoji width because it can be multiple characters
    long if it is a 32bit unicode. Since the proper width depends on the font and
    it's relationship between 0 and other characters it's not ideal. 1.95ch is not
    the best value, but hopefully a good enough approximation for most fonts.
    */
  display: inline-block;
  overflow: hidden;
  /*
    Needed for iOS rendering to avoid some icons using a lot of height without
    actually needing it.
    */
  /*
    In the past we used opacity: 0 to hide the original Emoji icon no matter what
    system it is. Recently we switched to color: transparent since it started to
    work in recent iOS version.
    */
  color: transparent;
  /*
    Some SVG files (say 2764 for :heart:) don't have default width/height, thus
    may not be rendered properly on some platforms/browsers (e.g., Windows 10 +
    Chrome 61).
    */
  height: 20px;
  width: 20px; }

.draftJsEmojiPlugin__emojiSuggestionsEntry__2-2p_ {
  padding: 5px 10px 1px 10px;
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56); }

.draftJsEmojiPlugin__emojiSuggestionsEntry__2-2p_:active {
  background-color: #cce7ff; }

.draftJsEmojiPlugin__emojiSuggestionsEntryFocused__XDntY {
  background-color: #e6f3ff; }

.draftJsEmojiPlugin__emojiSuggestionsEntryText__2sPjk {
  display: inline-block;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 368px;
  font-size: 0.9em; }

.draftJsEmojiPlugin__emojiSuggestionsEntryIcon__1qC2V {
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  margin-right: 0.25em;
  display: inline-block; }

.draftJsEmojiPlugin__emojiSuggestions__2ffcV {
  border: 1px solid #eee;
  margin-top: 1.75em;
  position: absolute;
  min-width: 220px;
  max-width: 440px;
  background: #ffffff;
  border-radius: 2px;
  box-shadow: 0px 4px 30px 0px gainsboro;
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  z-index: 2;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transform: scale(0); }

.e13arc1 {
  padding: 0 0 36px 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.e1m341vm:last-of-type .e13arc1 {
  padding-bottom: 0; }

/** ------------------------------------ draft-mentions-plugin -------------------------------------------------- */
.draftJsMentionPlugin__mention__29BEd,
.draftJsMentionPlugin__mention__29BEd:visited,
.m6zwb4v,
.m6zwb4v:visited {
  color: var(--colors-text-primary);
  cursor: pointer;
  display: inline-block;
  background: #cdcdcd;
  padding: 3px 5px;
  text-decoration: none;
  font-size: var(--text-newBody1-fontSize);
  font-family: var(--text-newBody1-fontFamily);
  font-weight: var(--text-newBody1-fontWeight); }

.draftJsMentionPlugin__mention__29BEd:hover,
.m6zwb4v:hover .draftJsMentionPlugin__mention__29BEd:focus,
.m6zwb4v:focus {
  color: var(--colors-text-primary);
  outline: 0;
  /* reset for :focus */
  text-decoration: none !important; }

.draftJsMentionPlugin__mention__29BEd:active,
.m6zwb4v:active {
  color: var(--colors-text-primary); }

.draftJsMentionPlugin__mentionSuggestionsEntry__3mSwm,
.mtiwdxc,
.myz2dw1 {
  padding: 11px 10px 0 8px;
  color: var(--colors-text-primary);
  font-size: var(--text-newBody1-fontSize);
  font-family: var(--text-newBody1-fontFamily);
  font-weight: var(--text-newBody1-fontWeight);
  margin: 0 !important;
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  height: 40px; }

.draftJsMentionPlugin__mentionSuggestionsEntry__3mSwm:active,
.mtiwdxc:active,
.myz2dw1:active,
.mtiwdxc:hover,
.myz2dw1:hover {
  background-color: #f5f6fa; }

.draftJsMentionPlugin__mentionSuggestionsEntryFocused__3LcTd {
  background-color: #f5f6fa; }

.draftJsMentionPlugin__mentionSuggestionsEntryText__3Jobq,
.mpqdcgq {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
  margin: 0 !important; }

.draftJsMentionPlugin__mentionSuggestionsEntryAvatar__1xgA9,
.m1mfvffo {
  display: none !important;
  width: 24px;
  height: 24px;
  border-radius: 12px; }

.draftJsMentionPlugin__mentionSuggestions__2DWjA,
.mnw6qvm {
  margin-top: 9px;
  position: absolute !important;
  width: 100%;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #f3f3f3;
  cursor: pointer;
  padding-top: 1px;
  padding-bottom: 1px;
  z-index: 11;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  box-sizing: border-box;
  -webkit-transform: none !important;
  transform: none !important;
  left: 0px !important;
  max-height: 205px;
  overflow-x: auto; }

/* ------------------------------- draft-counter-plugin --------------------------------------------------------- */
.draftJsUndoPlugin__counter__2wZYK,
.c1svg00 {
  color: #808080;
  text-align: right;
  font-size: var(--text-newBody2-fontSize);
  font-family: var(--text-newBody2-fontFamily);
  font-weight: var(--text-newBody2-fontWeight); }

.draftJsUndoPlugin__counterOverLimit__3_8bn,
.c6sdxe3 {
  color: var(--colors-failure-primary);
  font-size: var(--text-newBody2-fontSize);
  text-align: right;
  font-family: var(--text-newBody2-fontFamily);
  font-weight: var(--text-newBody2-fontWeight); }

/* ------------------- draft-anchor-plugin --------------------------------------------------------------------- */
.draftJsMentionPlugin__input__1Wxng {
  height: 34px;
  width: 220px;
  padding: 0 12px;
  font-size: var(--text-newBody1-fontSize);
  font-family: var(--text-newBody1-fontFamily);
  font-weight: var(--text-newBody1-fontWeight);
  background-color: transparent;
  border: none;
  color: #444; }

.draftJsMentionPlugin__input__1Wxng:focus {
  outline: none; }

.draftJsMentionPlugin__input__1Wxng::-webkit-input-placeholder {
  color: #888; }

.draftJsMentionPlugin__input__1Wxng:-ms-input-placeholder {
  color: #888; }

.draftJsMentionPlugin__input__1Wxng::placeholder {
  color: #888; }

.draftJsMentionPlugin__inputInvalid__X9hHv {
  color: #e65757; }

.draftJsMentionPlugin__link__TQHAX {
  color: #2996da;
  text-decoration: underline; }

/*----------Link emoji button component---------*/
.emojiEditorContainer {
  height: 100%;
  width: 100%;
  margin: 0 0 0 0;
  position: relative; }

.emojiEditorContainer .link {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: normal !important;
  font-family: var(--text-newHeading4-fontFamily); }

.emojiEditorContainer .DraftEditor-editorContainer,
.emojiEditorContainer .DraftEditor-root,
.emojiEditorContainer .public-DraftEditor-content {
  height: inherit;
  text-align: center !important;
  font-size: var(--text-newBody1-fontSize);
  font-family: var(--text-newBody1-fontFamily);
  font-weight: var(--text-newBody1-fontWeight);
  color: #ffffff;
  padding: 0;
  overflow: hidden; }

.emojiEditorContainer .DraftEditor-root {
  position: relative;
  height: 100%;
  padding: 10px 37px 10px 40px;
  overflow: hidden; }

.emojiEditorContainer .DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  z-index: 0;
  /*height: 18px;*/
  overflow: hidden;
  /*z-index: 30;*/
  height: 22px;
  white-space: nowrap; }

.emojiEditorContainer .public-DraftStyleDefault-block {
  white-space: nowrap; }

.emojiEditorContainer .public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: center;
  width: 100%; }

.emojiEditorContainer div[data-contents='true'] span[data-block='true'] {
  display: inline-block; }

.emojiEditorContainer .draftJsToolbar__button__qi1gf svg {
  fill: #ffffff; }

.emojiEditorContainer .draftJsToolbar__toolbar__dNtBH,
.emojiEditorContainer .t16lpgj {
  border: none;
  background: var(--colors-accent-primary);
  z-index: unset;
  box-sizing: border-box;
  padding-top: 6px;
  border-radius: 0;
  height: 38px;
  width: 100%;
  position: absolute; }

.emojiEditorContainer .draftJsToolbar__toolbar__dNtBH:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 4px;
  margin-left: -4px; }

.emojiEditorContainer .draftJsToolbar__toolbar__dNtBH:before {
  border-color: rgba(221, 221, 221, 0);
  border-top-color: #ddd;
  border-width: 6px;
  margin-left: -6px; }

.emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButton__3sPol,
.emojiEditorContainer .draftJsEmojiPlugin__emojiSelectButtonPressed__2Tezu,
.emojiEditorContainer .e8k2yoa,
.emojiEditorContainer .e13wqaj6 {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 2em;
  color: #ffffff;
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: 0.7;
  position: absolute;
  right: 4px;
  top: 7px;
  z-index: 10;
  width: 26px;
  height: 25px; }

.emojiEditorContainer .e8k2yoa:hover {
  background-color: transparent; }

.emojiEditorContainer .draftJsEmojiPlugin__emojiSelectPopoverNav__1Nzd7 {
  margin: 0;
  padding: 0 0.5em;
  display: -webkit-box;
  display: flex;
  list-style: none;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  position: absolute;
  top: 0;
  background-color: white;
  border-radius: 4px 4px 0 0; }

.emojiEditorContainer .draftJsEmojiPlugin__emojiSelectPopover__1J1s0,
.emojiEditorContainer .ejr02pv {
  margin-top: 10px;
  padding: 0 0.3em;
  position: absolute;
  z-index: 1000;
  box-sizing: content-box;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 30px 0 gainsboro;
  right: -3px;
  top: 32px; }

.emojiEditorContainer .draftJsEmojiPlugin__emoji__2oqBk {
  background-position: 0px 0px;
  /* make sure the background the image is only shown once */
  background-repeat: no-repeat;
  background-size: 17px 17px;
  /* move it a bit further down to align it nicer with the text */
  vertical-align: middle;
  /*
    We need to limit the emoji width because it can be multiple characters
    long if it is a 32bit unicode. Since the proper width depends on the font and
    it's relationship between 0 and other characters it's not ideal. 1.95ch is not
    the best value, but hopefully a good enough approximation for most fonts.
    */
  display: inline-block;
  overflow: hidden;
  /*
    Needed for iOS rendering to avoid some icons using a lot of height without
    actually needing it.
    */
  /*
    In the past we used opacity: 0 to hide the original Emoji icon no matter what
    system it is. Recently we switched to color: transparent since it started to
    work in recent iOS version.
    */
  color: transparent;
  /*
    Some SVG files (say 2764 for :heart:) don't have default width/height, thus
    may not be rendered properly on some platforms/browsers (e.g., Windows 10 +
    Chrome 61).
    */
  height: 20px;
  width: 17px; }

.textEditorCustomComponent {
  padding-top: 10px; }

.textEditorCustomComponent .DraftEditor-root {
  height: 94px;
  padding: 0;
  position: unset;
  overflow-y: unset; }

#customComponentTextArea .DraftEditor-root:nth-child(2) {
  height: calc(98% - 47px); }

.e17si09n {
  position: absolute;
  right: 0;
  top: 0.3em;
  bottom: 0.3em;
  width: 0.25em;
  background-color: #e0e0e0;
  border-radius: 0.125em;
  opacity: 0.1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s; }

.e19xmvdb {
  margin: 1em 0;
  padding-left: 0.5em;
  font-weight: normal;
  font-size: 1em;
  color: #9e9e9e; }

.e1g1wugw {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  max-width: 1.95ch;
  max-height: 1em;
  line-height: inherit;
  margin: -0.2ex 0em 0.2ex;
  color: transparent;
  min-width: 1em; }

.esyutjr {
  border: 1px solid #eee;
  margin-top: 1.75em;
  position: absolute;
  min-width: 220px;
  max-width: 440px;
  background: #ffffff;
  border-radius: 2px;
  box-shadow: 0px 4px 30px 0px gainsboro;
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

.e1eijkox {
  padding: 5px 10px 1px 10px;
  -webkit-transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56); }

.e1eijkox:active {
  background-color: #cce7ff; }

.e1adbvmt {
  padding: 5px 10px 1px 10px;
  -webkit-transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  background-color: #e6f3ff; }

.e1adbvmt:active {
  background-color: #cce7ff; }

.e13wg9oj {
  display: inline-block;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 368px;
  font-size: 0.9em; }

.e1w5jrn9 {
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  margin-right: 0.25em;
  display: inline-block; }

.e183m4hm {
  display: inline-block; }

.e8k2yoa,
.e13wqaj6 {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 2em;
  color: #808080;
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: 0.7;
  position: absolute;
  right: 4px;
  top: 9px; }

.e8k2yoa {
  height: 26px;
  width: 30px;
  position: absolute;
  top: 7px; }

.e8k2yoa:focus,
.e13wqaj6:focus {
  outline: 0; }

.e8k2yoa:hover,
.e13wqaj6:hover,
.e8k2yoa:active,
.e13wqaj6:active {
  background: transparent; }

.e8k2yoa:hover {
  background-color: #f3f3f3;
  border-radius: 5px; }

.e13wqaj6 {
  background-color: var(--colors-accent-secondary) !important;
  height: 26px;
  width: 30px;
  border-radius: 5px;
  color: var(--colors-accent-primary);
  position: absolute;
  top: 7px;
  background: transparent; }

@-moz-document url-prefix() {
  .e8k2yoa,
  .e8k2yoa:focus,
  .e8k2yoa:active,
  .e8k2yoa:hover,
  .e13wqaj6,
  .e13wqaj6:focus,
  .e13wqaj6:active,
  .e13wqaj6:hover {
    font-size: 1.5em !important;
    line-height: 0.9 !important; } }

@media not all and (min-resolution: 0.001dpcm) {
  .e8k2yoa,
  .e8k2yoa:focus,
  .e8k2yoa:active,
  .e8k2yoa:hover,
  .e13wqaj6,
  .e13wqaj6:focus,
  .e13wqaj6:active,
  .e13wqaj6:hover {
    line-height: 0.9 !important;
    top: 5px !important; } }

.ec6zxdw > div {
  overscroll-behavior: contain; }

.ejr02pv {
  margin-top: 10px;
  padding: 0 0.3em;
  position: absolute;
  z-index: 1000;
  box-sizing: content-box;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 30px 0 gainsboro;
  right: -3px;
  top: 32px; }

.e6amujp {
  display: none; }

.e16zneum {
  margin: 0 0 0.3em;
  padding-left: 1em;
  height: 2.5em;
  line-height: 2.5em;
  font-weight: normal;
  font-size: 1em;
  color: #9e9e9e; }

.e1kg9q3n:hover .e17si09n {
  opacity: 0.3; }

.e1kg9q3n .e17si09n:hover,
.e1kg9q3n .e17si09n:active {
  opacity: 0.6; }

.e1m341vm {
  padding: 0 0.5em; }

.e1m341vm:first-child .e19xmvdb {
  display: none; }

.e6nwac2 {
  width: 2.5em;
  height: 2.5em; }

.e3h4qvg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2; }

.e1129lxj {
  margin: 0.3em;
  padding: 0.3em;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  border: 1px solid #e0e0e0;
  border-radius: 0.5em;
  background: #ffffff;
  box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.1); }

.eug7aee {
  width: 2.5em;
  height: 2.5em; }

.eug7aee:first-child {
  border-right: 1px solid #e0e0e0; }

.eyoq5wq {
  padding: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  outline: none;
  -webkit-transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56); }

.e1eigyu0 {
  padding: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  outline: none;
  -webkit-transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  background-color: #efefef; }

.e11mkpma {
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle; }

.e2bpndj {
  width: 2.5em;
  height: 2.5em; }

.e1qma4nk {
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1.22em;
  color: #bdbdbd;
  background: none;
  border: none;
  outline: none; }

.e1q5rpho {
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1.22em;
  background: none;
  border: none;
  outline: none;
  color: var(--colors-accent-primary); }

.e1duapnp {
  background-color: #000;
  border-radius: 0.125em;
  cursor: pointer; }