* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: 'Honey Script';
  src: url(https://www.swmc.com/angelai/static/media/HoneyScript.813e998927776cfcffec.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

html,
body {
  height: 100%;
}

#root {
  height: 100%;
}

body {
  font-size: 1rem;
  margin: 0;
  font-family: '-apple-system, BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Poppins', Helvetica, Arial,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.00938em;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

button {
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* remove default appearance for checkbox, allows the styling of checkboxes */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none; /* for older versions of webkit browsers */
  -moz-appearance: none; /* for firefox */
}

.sr-only,
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

.mui-transparent-background > div {
  background-color: transparent !important;
}

.grecaptcha-badge {
  display: none !important;
}

/* spinning gradient on splash, 359 needed as 360 can cause stutters */
@keyframes gradient {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(359deg);
  }
}

.meditating-morgan-error {
  padding: 5px;
  background: var(--shadow110);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.meditating-morgan-error span {
  background-color: var(--orange925);
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  height: 45px;
  min-height: 45px;
  max-height: 45px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.meditating-morgan-error img {
  width: 45px;
  height: auto;
  animation: floatingError 10s infinite ease;
}

.meditating-morgan-error p {
  font-family: 'Poppins', sans-serif;
  color: var(--orange925);
} 
@keyframes floatingError {
  0% {
    transform: translateY(0px);
  }
  16% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(0px);
  }
  84% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}

::-webkit-scrollbar {
  width: 0.8em;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px var(--shadow000);
  -webkit-box-shadow: inset 0 0 6px var(--shadow000);
}

::-webkit-scrollbar-thumb {
  background-color: var(--shadow110);
  border: 4px solid transparent;
  outline: 1px solid slategray;
  outline-offset: -4px;
  background-clip: padding-box;
  border-radius: 1em;
}
.ConsentPage_pageContainer__L\+1pC {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 100%;
  max-height: 100vh;
  max-height: 100dvh;
  background: var(--gray000);
  overflow: hidden;
  /* filter: blur(16px); */
  transition: all 0s linear;
}

.ConsentPage_disablePointerEvents__o7tNM * {
  pointer-events: none !important;  
}

@media (max-width: 900px) {
  .ConsentPage_pageContainer__L\+1pC {
    padding: 0;
  }
}

.ConsentPage_unblur__0qEyS {
  filter: blur(0);
  transition: all 0s linear;
}
.AngelAiLogoStyle_logo__DobM2{
  height: clamp(240px, 245px, 250px);
  margin-bottom: -17px;
  margin-top: -5px;
}
.Splash_engageButton__f0vaK {
  width: 225px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}

.Splash_engageText__BdrXO {
  position: absolute;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--orange400Text);
  font-family: var(--typographyFontFamily);
  z-index: 2;
}

.Splash_engageContainer__E3nVs {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--orange400);
  /* background: linear-gradient(to right, var(--orange700) 0%, var(--orange400) 100%); */
  border-radius: 10px;
  border: 1px solid var(--orange700);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

.Splash_engageButton__f0vaK:hover .Splash_engageContainer__E3nVs {
  box-shadow: 0 0 5px var(--orange700);
}

/* .engageContainer::before,
.engageContainer::after {
  content: "";
  position: relative;
  width: 150px;
  background: var(--homeScreenEngageStrip);
} */

/* .engageContainer::before {
  left: -96px;
  height: calc(100% - 20px); 
  transform: rotate(45deg);
  margin-bottom: -10px; 
}

.engageContainer::after {
  right: -60px;
  height: calc(100% - 20px); 
  transform: rotate(135deg);
  margin-bottom: -10px;
} */

.Splash_engageTop__qvqDQ {
  width: 95%;
  height: 8px;
  background: var(--orange700);
  position: relative;
  top: -17px;
  z-index: 1;
}

.Splash_engageTop__qvqDQ::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -13px;
  width: 20px;
  height: 9px;
  background: linear-gradient(to right, transparent 8px, transparent 9px, var(--orange400) 10px);
  transform: rotate(55deg);
}

.Splash_engageTop__qvqDQ::after {
  content: '';
  position: absolute;
  top: -2px;
  right: -13px;
  width: 20px;
  height: 9px;
  background: linear-gradient(to right, transparent 8px, transparent 9px, var(--orange400) 10px);
  transform: rotate(125deg);
}

.Splash_engageBottom__e55Q\+ {
  width: 100%;
  height: 14px;
  background: var(--orange700);
  position: relative;
  bottom: -23px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 1;
}

.Splash_engageBottom__e55Q\+::after {
  content: '';
  position: absolute;
  top: -46px;
  right: 0px;
  width: 100%;
  height: 50px;
  background: linear-gradient(
      to right,
      var(--shadow202) 0%,
      var(--shadow302) 20%,
      var(--shadow102) 100%
    )
    0% 100%;
}

.Splash_engageButton__f0vaK:hover .Splash_engageBottom__e55Q\+::after {
  background: var(--orange720);
}

.Splash_engageStripContainer__3cnY\+ {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.Splash_engageLeftStrip__RlAef {
  width: 30px;
  height: 20px;
  background: gold;
  left: 0;
  position: absolute;
}

.Splash_engageRightStrip__-4ce1 {
  width: 30px;
  height: 20px;
  background: pink;
  right: 0;
  position: absolute;
}

.SlotMachineStyles_diwaliTicketsWinPrompt__5LguK {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.SlotMachineStyles_container__pOUEO{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.SlotMachineStyles_selectedSize__n3AR-{
    border: 4px solid white;
    background-color: var(--blue964);
    color: white;
   }

.SlotMachineStyles_notSelectedSize__PNmC6{
    background-color: #ffdebf;
}

.SlotMachineStyles_selectedColorText__xad3l{
    text-transform: uppercase;
}

.SlotMachineStyles_selectedColor__x7fVZ{
    border: 3px solid gold;
    border-radius: 50%;
}


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

.OverlayedLoanConditions_loanConditionsContainer__ov57S {
  display: flex;
  /* border: 2px solid var(--orange900); */
  /* border-radius: 8px; */
  width: 100%;
  max-width: 100%;
  justify-content: space-between;
  align-items: center;
  /* background-color: var(--gray000); */
  overflow: hidden;
  scrollbar-width: none;
  flex-direction: column;
  height: 185px;
  font-family: var(--typographyFontFamily);
  z-index: 11;
}

.OverlayedLoanConditions_loanConditionsContainer__ov57S.OverlayedLoanConditions_expand__a0ZTO {
  height: fit-content;
  /* background: white; */
  position: relative;
  overflow: visible;
  width: 100%;
  animation: OverlayedLoanConditions_adjustOverflow__uqaMx 0.3s forwards;
}

@keyframes OverlayedLoanConditions_adjustOverflow__uqaMx {
  from {
    overflow: hidden;
  }
  to {
    overflow: visible;
  }
}

@keyframes OverlayedLoanConditions_fadeIn__LtiWK {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.OverlayedLoanConditions_conditionSingleContainerFadeIn__DYNSc {
  animation: OverlayedLoanConditions_fadeIn__LtiWK 0.4s ease-out;
}

.OverlayedLoanConditions_titleBar__nU9Pf{
  display: flex;
  width: 100%;
  height: fit-content;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--orange900);
  padding-top: 10px;
  font-size: 18px;
  font-weight: 600;
}

.OverlayedLoanConditions_topBarMulti__52lD1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 30px;
  background-color: rgba(250, 250, 250, 0.5);
  color: var(--orange900);
  padding: 5px;
  font-weight: 600;
  position: relative;
  flex-direction: column;
}

.OverlayedLoanConditions_topTab__FxY-Z {
  display: flex;
  position: absolute;
  width: 200px;
  height: 30px;
  top: -30px;
  background-color: var(--orange900);
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  color: white;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
}

.OverlayedLoanConditions_pending__j0BRO {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -45%);
  height: 30px;
  font-size: 15px;
  top: 50%;
}

.OverlayedLoanConditions_conditionsContainer__dj37B {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: scroll;
  scrollbar-width: none;
  height: 100%;
  align-items: center;
  padding: 0 15px;
  /* background: white; */
}

.OverlayedLoanConditions_singleTitle__TSbMz {
  flex: 1 1;
  min-width: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.OverlayedLoanConditions_singleTitle__TSbMz span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
}


.OverlayedLoanConditions_noConditions__u26gs {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/*** CONDITION ***/

.OverlayedLoanConditions_conditionContainer__WW2JJ {
  display: flex;
  flex-direction: column;
  margin: 5px;
  border-radius: 10px;
  cursor: pointer;
  border: 2px solid transparent;
  box-sizing: border-box; 
  transition: border-color 0.2s ease;
  position: relative;
  background: white;
}

.OverlayedLoanConditions_conditionContainer__WW2JJ::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  /* border: 2px solid var(--orange900); */
  pointer-events: none;
  border-radius: 10px;
  margin: -1px;
}

@media (hover: hover) and (pointer: fine) {
  .OverlayedLoanConditions_conditionContainer__WW2JJ:hover {
    border: 2px solid var(--orange900);
  }
}

.OverlayedLoanConditions_condition__jhiTa {
  display: flex;
  width: 150px;
  height: 64px;
  flex-direction: column;
  padding: 10px 10px 5px 10px;
}

.OverlayedLoanConditions_topBar__-mtfR {
  display: flex;
  width: 100%;
  background-color: var(--orange900);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
  height: 20px;
  justify-content: flex-end;
}

.OverlayedLoanConditions_title__Eg9Ug {
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 1.2em;
  max-height: 2.4em;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  margin-bottom: 5px;
}

.OverlayedLoanConditions_latestCommentText__Cx4D9 {
  font-size: 12px;
  font-weight: bold;
}

.OverlayedLoanConditions_lastCommentPreview__2fHax {
  width: 100%;
  overflow: hidden;
  font-size: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 10px;
  max-height: 30px;
  text-overflow: ellipsis;
  flex-grow: 1;
  margin-top: 0px;
}

.OverlayedLoanConditions_bottomView__tKkV8 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--orange900);
  width: 50%;
  height: 20px;
  color: white;
  font-weight: 600;
  font-size: 12px;
  align-self: flex-end;
  border-radius: 5px;
  border-bottom-left-radius: 0px;
}

.OverlayedLoanConditions_bottomView__tKkV8::before {
  position: absolute;
  right: 74px;
  bottom: 0px;
  width: 10px;
  height: 10px;
  content: '';
  display: block;
  transform: rotate(90deg);
  background: radial-gradient(circle at 0% 100%, transparent 0.5rem, transparent 0.5625rem, var(--orange700) 0.625rem);
}

.OverlayedLoanConditions_bottomView__tKkV8::after {
  position: absolute;
  right: 0;
  bottom: 16px;
  width: 0.5625rem;
  height: 0.75rem;
  content: '';
  display: block;
  transform: rotate(180deg);
  background: radial-gradient(circle at 100% 100%, transparent 0.5rem, var(--orange000) 0.5625rem, var(--orange900) 0.625rem);
}

.OverlayedLoanConditions_eyeIcon__grjgu {
  color: white;
  height: 20px;
  margin-right: 3px;
}

.OverlayedLoanConditions_buttons__gClv5 {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.OverlayedLoanConditions_addCommentButton__9ZSwl {
  background: var(--peach489);
  display: flex;
  align-items: center;
  border-radius: 12px;
  width: 145px;
  padding-left: 8px;
  border: 1px solid white;
}

.OverlayedLoanConditions_addCommentButton__9ZSwl:hover{
  border: 1px solid var(--orange900);
}

.OverlayedLoanConditions_uploadButton__L49ES {
  background: blue;
  color: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
}

.OverlayedLoanConditions_uploadButton__L49ES:hover {
  border: 2px solid var(--orange900);
}

.OverlayedLoanConditions_circularProgress__QrFwt { 
  color: blue;
}

.OverlayedLoanConditions_checkmark__eKq03{
  color: var(--green400);
  height: 30px;
  width: 30px;
}

/*** SINGLE CONDITION VIEW ***/

.OverlayedLoanConditions_topBarSingle__DkUCr {
  display: flex;
  margin-left: 25px;
  width: 100%;
  overflow: hidden;
  background-color: var(--orange900);
  margin: 0 30px;
  height: 40px;
  color: white;
  font-size: 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


.OverlayedLoanConditions_conditionSingleContainer__In80G {
  display: flex;
  flex-direction: column;
  width: 100%; 
  position: relative;
  font-size: 12px;
  align-items: center;
}

.OverlayedLoanConditions_backButton__qmb5X {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  position: relative;
  padding: 0px 5px;
  border-radius: 10px;
  color: white;
  font-size: 12px;
  cursor: pointer;
}

.OverlayedLoanConditions_backButton__qmb5X img {
  height: 20px;
  width: 20px;
}

.OverlayedLoanConditions_details__cpY4O {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--orange900);
  margin: 20px 20px 10px 20px;
  padding: 10px;
  overflow-y: auto;
  border-radius: 15px;
  background: var(--gray512);
  color: var(--orange900);
  word-wrap: break-word;
  cursor: pointer;
  position: relative;
  width: 95%;
}

.OverlayedLoanConditions_detailsContent__wY8Tt, .OverlayedLoanConditions_commentBoxContent__naQ50 {
  overflow: hidden;
  position: relative;
}

.OverlayedLoanConditions_detailsContent__wY8Tt p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* You can tweak this number */
  -webkit-box-orient: vertical;
  position: relative;
}

.OverlayedLoanConditions_detailsCollapsed__hgPvN {
  max-height: 145px;
  padding-bottom: 20px;
}

.OverlayedLoanConditions_detailsExpanded__MKfH9 {
  max-height: 20vh;
  overflow-y: auto;
  margin-bottom: 7px;
}

@media(max-width: 900px){
  .OverlayedLoanConditions_detailsCollapsed__hgPvN, .OverlayedLoanConditions_commentBoxCollapsed__BheLP {
    max-height: 10vh;
  }

  .OverlayedLoanConditions_detailsExpanded__MKfH9, .OverlayedLoanConditions_commentBoxExpanded__YZVB0{
    max-height: 15vh;
  }
}

.OverlayedLoanConditions_detailsExpanded__MKfH9 p {
  -webkit-line-clamp: unset;
  overflow: visible;
  display: block;
}

.OverlayedLoanConditions_readMoreOverlay__T9n-e {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  pointer-events: none;
  padding-right: 30px;
}

.OverlayedLoanConditions_readMore__BSixB {
  font-weight: bold;
  pointer-events: auto;
  border-radius: 6px;
  width: fit-content;
  background: var(--gray512);
  padding-left: 5px;
}

.OverlayedLoanConditions_readMoreComment__w2xhT {
  padding: 5px 20px 40px 5px;
  font-weight: 700;
}

.OverlayedLoanConditions_commentBox__bBuU0 {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--orange900);
  margin: 0px 20px;
  padding: 10px;
  overflow: auto;
  border-radius: 15px;
  background: var(--gray512);
  color: var(--orange900);
  cursor: pointer;
  width: 95%;
}

.OverlayedLoanConditions_commentBoxContent__naQ50 p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
}

.OverlayedLoanConditions_commentBoxCollapsed__BheLP {
  max-height: 90px;
  padding-bottom: 20px;
}

.OverlayedLoanConditions_commentBoxExpanded__YZVB0 {
  max-height: 20vh;
  padding-bottom: 20px;
  margin-bottom: 7px;
}

.OverlayedLoanConditions_commentBoxExpanded__YZVB0 p {
  -webkit-line-clamp: unset;
  overflow: visible;
  display: block;
}

.OverlayedLoanConditions_commentBoxContentGhost__wv0Hn {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  height: auto;
  max-height: none;
  overflow: visible;
  white-space: normal;
}

.OverlayedLoanConditions_userName__U9Eyk {
  font-weight: 600;
  font-size: 12px;
  margin-right: 10px;
}

.OverlayedLoanConditions_timestamp__WIa5C {
  font-style: italic;
  font-size: 12px;
}

.OverlayedLoanConditions_chatBubble__h151F {
  color: var(--gray402);
  height: 15px;
  width: 15px;
  transform: translate(0px, 3px);
  margin-right: 5px;
}

.OverlayedLoanConditions_bigButtons__EP4Xy {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
}

.OverlayedLoanConditions_bigAddComment__zfQnO {
  width: 170px;
  height: 40px;
  background: var(--orange900);
  color: white;
  margin-right: 10px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 2px solid transparent;
}

.OverlayedLoanConditions_bigAddComment__zfQnO:hover{
  font-style: italic;
}

.OverlayedLoanConditions_bigAddComment__zfQnO span {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.OverlayedLoanConditions_addCommentIcon__L-QEi {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.OverlayedLoanConditions_bigUpload__MuM0L {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 40px;
  background: blue;
  color: white;
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 8px;
  cursor: pointer;
}

.OverlayedLoanConditions_bigUpload__MuM0L:hover{
  font-style: italic;
}

.OverlayedLoanConditions_bigUpload__MuM0L span {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.OverlayedLoanConditions_uploadIcon__T9ZEN {
  color: white;
}

.OverlayedLoanConditions_checkmarkBig__ShFdG {
  color: white;
  height: 30px;
  width: 30px;
  margin-right: 10px;
}

.OverlayedLoanConditions_cpSpan__vMH79 {
  display: inline-flex;
}

.OverlayedLoanConditions_circularProgressBig__UqzSz {
  color: white;
  margin-right: 10px;
}

.OverlayedLoanConditions_commentButtonContainer__rAut\+ {
  position: relative;
}

.OverlayedLoanConditions_conditionCounter__ZUOza {
  font-size: 14px;
  color: var(--orange900);
  font-weight: 600;
}

/*** NAVIGATION ARROWS ***/

.OverlayedLoanConditions_navigationArrowsContainer__DT5IC {
  display: flex;
  height: 40px;
  width: 175px;
  justify-content: space-between;
  padding: 5px;
  align-items: center;
}

.OverlayedLoanConditions_arrowButtons__fdZdp {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.OverlayedLoanConditions_arrowContainer__xTji2 {
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--orange900);
  border-radius: 50%;
}

.OverlayedLoanConditions_triangle__nSR1H {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  display: inline-block;
}

.OverlayedLoanConditions_leftArrow__vOZ-Z {
  transform: rotate(-90deg);
  position: relative;
  left: -2px;
}

.OverlayedLoanConditions_rightArrow__yA7QK {
  transform: rotate(90deg);
  left: 2px;
  position: relative;
}

.OverlayedLoanConditions_rainbowBg__zXnNt {
  background: radial-gradient(circle at 90% 40%, rgba(48, 83, 252, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 5% 50%, rgba(255, 84, 28, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 95% 40%, rgba(28, 221, 255, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 2% 60%, rgba(157, 28, 255, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 35% 55%, rgba(157, 28, 255, 0.1) 2%, transparent 10%),
  radial-gradient(circle at 65% 45%, rgba(157, 28, 255, 0.1) 2%, transparent 10%),
  radial-gradient(circle at 75% 40%, rgba(48, 83, 252, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 10% 60%, rgba(255, 84, 28, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 85% 60%, rgba(28, 221, 255, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 15% 65%, rgba(157, 28, 255, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 45% 50%, rgba(157, 28, 255, 0.1) 2%, transparent 10%),
  radial-gradient(circle at 55% 40%, rgba(157, 28, 255, 0.1) 2%, transparent 10%),
  white;

  animation: OverlayedLoanConditions_moveGradient__3xOi4 15s ease-in-out infinite alternate;
  background-size: 300% 100%;
}

@keyframes OverlayedLoanConditions_moveGradient__3xOi4 {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 100% 50%;
  }
}
.ConditionsNavigationButtons_navigationArrowsContainer__hhS0G {
  display: flex;
  height: 25px;
  width: 100%;
  justify-content: space-between;
  padding: 5px;
  align-items: center;
}

@media (max-width: 900px){
  .ConditionsNavigationButtons_navigationArrowsContainer__hhS0G { 
    padding-top: 3px;
  }
}

.ConditionsNavigationButtons_arrowButtons__lQCTL {
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ConditionsNavigationButtons_arrowContainer__lk04f {
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--orange900);
  border-radius: 50%;
}

.ConditionsNavigationButtons_triangle__emUAY {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid white;
  display: inline-block;
}

.ConditionsNavigationButtons_leftArrow__ho4VV {
  transform: rotate(-90deg);
  position: relative;
  left: -1px;
}

.ConditionsNavigationButtons_rightArrow__MUpgL {
  transform: rotate(90deg);
  left: 1px;
  position: relative;
}
.AudioMessageContent_container__K5h-a {
  width: 260px;
  height: fit-content;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  overflow: hidden;
  border-radius: 6px;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 1) 30px),
    linear-gradient(90deg, #ff835b, #00add4, #ff1ca4, #ff835b);
  animation: AudioMessageContent_flow__6pC1W 2s linear infinite;
  background-size: 200%;
}

@keyframes AudioMessageContent_flow__6pC1W {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 200%;
  }
}

.AudioMessageContent_controlPanel__JEals {
  height: 35px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}

.AudioMessageContent_canvasContainer__7olgF {
  height: 20px;
}

.AudioMessageContent_canvasContainer__7olgF > canvas {
  height: 100% !important;
}

.AudioMessageContent_visualizerContainer__i\+W3Z {
  height: 20px;
  flex-grow: 1;
}

.AudioMessageContent_playPauseButton__sKgmu {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-color: var(--primaryMain);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--gray000);
}

.AudioMessageContent_sideButtons__E3xZb {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-color: var(--gray000);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primaryMain);
}

.AudioMessageContent_messageText__KzDqN {
  font-family: var(--typographyFontFamily);
  font-size: small;
}

.AudioMessageContent_italicized__Xun-z {
  font-style: italic;
}

.AudioMessageContent_italicized__Xun-z::first-letter {
  text-transform: capitalize;
}

.AudioMessageContent_transcriptContainer__gY8y1 {
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  position: relative;
}

.AudioMessageContent_transcriptContainer__gY8y1.AudioMessageContent_collapsed__8Tj9u {
  max-height: 0;
}

.AudioMessageContent_transcriptContainer__gY8y1.AudioMessageContent_expanded__HE49y {
  max-height: 200px;
}

.AudioMessageContent_messageContainer__5H9Gq {
  padding: 10px;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  max-height: calc(1.2em * 4);
  overflow-y: auto;
  position: relative;
}

.AudioMessageContent_messageContainer__5H9Gq.AudioMessageContent_expanded__HE49y {
  opacity: 1;
  transition-delay: 0.1s;
}

.AudioMessageContent_transcriptContainer__gY8y1.AudioMessageContent_expanded__HE49y::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.5em;
  background: linear-gradient(transparent, rgba(255, 255, 255, 1));
  background: linear-gradient(transparent, var(--glass-background, rgba(255, 255, 255, 1)));
  pointer-events: none;
}

@media (min-width: 900px) {
  .AudioMessageContent_container__K5h-a {
    width: 360px;
  }
}

.CalculatorMessageContent_calculatorMessageContentContainer__ayU5c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 275px;
  max-width: min(1200px, calc(100% - 2px));
  width: min-content;
}

.CalculatorMessageContent_wrapper__Tz5u1 {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 90px;
  appearance: none;
  border: 0;
  color: var(--gray920);
  background-color: transparent;
  margin-bottom: 12px;
}

.CalculatorMessageContent_errorText__WJO2U {
  padding-top: 8px;
  /* text will encroach over the calculator icon on small screens */
  max-width: 80%
}

.CalculatorMessageContent_operatorView__\+yKIq {
  margin-top: 12px;
}

/* background of the message bubble with cutout circle */
.CalculatorMessageContent_wrapper__Tz5u1::before {
  content: ' ';
  background-color: var(--peach600);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-radius: 10px;
  border: 1px solid var(--orange700);
}

/* orange circle */
.CalculatorMessageContent_wrapper__Tz5u1::after {
  content: ' ';
  display: block;
  width: 54.5px;
  height: 54.5px;
  top: -11px;
  right: -11px;
  position: absolute;
  /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60 "><circle cx="30" cy="30" r="30" fill=""/></svg>'); */
  /* background-size: 100% 100%; */
  border-radius: 50%;
  background-color: var(--orange700);
  border: 4px solid var(--peach000);
  z-index: 1;
}

.CalculatorMessageContent_wrapper__Tz5u1 .CalculatorMessageContent_chatBubble__af9Yy {
  border: 1px solid var(--orange700);
  background-color: var(--gray000);
  display: flex;
  flex-direction: column;
  flex-wrap: multi-line;
  position: relative;
  padding: 0px 10px 5px;
  border-top-left-radius: 10px;
}

.CalculatorMessageContent_titleText__fsfBr{
  padding-top: 8px;
  font-weight: bold;
  font-family: "-apple-system, BlinkMacSystemFont", "Segoe UI", "Roboto";
  text-align: center;
  width: 100%;
  color: var(--orange700);
}

.CalculatorMessageContent_wrapper__Tz5u1 .CalculatorMessageContent_footer__IIGCf {
  position: relative;
  display: flex;
  width: 100%;
  bottom: -2px;
  background-color: var(--orange700);
  border-radius: 0px 0px 10px 10px;
  color: var(--gray000);
  justify-content: center;
}

.CalculatorMessageContent_wrapper__Tz5u1 .CalculatorMessageContent_calcFooter__mE6ae {
  position: relative;
  display: flex;
  width: 100%;
  bottom: -2px;
  background-color: var(--orange700);
  border-radius: 0px 0px 10px 10px;
  color: var(--gray000);
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.CalculatorMessageContent_calcFooter__mE6ae > div {
  cursor: pointer;
  padding: 3px;
}

.CalculatorMessageContent_wrapper__Tz5u1 .CalculatorMessageContent_footer__IIGCf {
  position: relative;
  display: flex;
  width: 100%;
  bottom: -2px;
  background-color: var(--orange700);
  border-radius: 0px 0px 10px 10px;
  color: var(--gray000);
  justify-content: center;
}

.CalculatorMessageContent_paragraphStyles__r9jVB {
  font-size: 0.80em;
  white-space: nowrap;
  margin: 0 auto;
}

.CalculatorMessageContent_wrapper__Tz5u1 .CalculatorMessageContent_calcFooter__mE6ae {
  position: relative;
  display: flex;
  width: 100%;
  bottom: -2px;
  background-color: var(--orange700);
  border-radius: 0px 0px 10px 10px;
  color: var(--gray000);
  justify-content: center;
}

.CalculatorMessageContent_calcFooter__mE6ae td {
  padding: 3px;                /* Add some padding for visual spacing */
  cursor: pointer;             /* Move the cursor styling here for cleaner JSX */
  text-align: center;
  vertical-align: middle;
}

.CalculatorMessageContent_calcFooter__mE6ae td:first-child {
  border-left:none;
}

.CalculatorMessageContent_lockAnimation__YLC6I {
  height: 34px;
  width: 34px;
  position: absolute;
  right: -1px;
  top: 0px;
  z-index: 2;
  background-color: transparent;
}

.CalculatorMessageContent_calculatorIconStyle__YY7nI {
  /*since the calculator result (CalculatorResultDialog.tsx) style is similar to loan lock we are sharing this file
  in the spirit of not duplicating code*/
  margin-top: -9px;
  width: 40px;
  position: absolute;
  right: 0px;
  top: 3px;
  z-index: 2;
  background-color: transparent;
}

.CalculatorMessageContent_tableContainer__Q\+nZP {
  width: 100%; /* Ensure the container spans the width of its parent */
  overflow-x: auto; /* Enables horizontal scrolling for its content */
  -webkit-overflow-scrolling: touch; /* Allows inertial scrolling on WebKit-based browsers (like Safari) */
  margin: 10px 0; /* Add some margin above and below the table for spacing */
  border-radius: 10px; 
}

/* Scrollbar styling applied globally in index.css */
/* .tableContainer::-webkit-scrollbar {
  width: 0.4em;
  height: 6px;
}

.tableContainer::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px var(--shadow000);
  -webkit-box-shadow: inset 0 0 6px var(--shadow000);
}

.tableContainer::-webkit-scrollbar-thumb {
  background-color: var(--gray200);
  outline: 1px solid var(--gray700);
  border-radius: 0.2em;
} */

.CalculatorMessageContent_tableStyles__pOvUC {
  width: 100%; /* Ensure the table spans the width of the container */
  min-width: 320px; /* Minimum width of the table to ensure content readability */
  border-collapse: collapse; /* Merge table cell borders */
  margin: 10px 0; /* Add some margin above and below the table for spacing */
}

.CalculatorMessageContent_tableStyles__pOvUC th, .CalculatorMessageContent_tableStyles__pOvUC td {
  font-size: 14px;
  text-align: left; /* Align text to the left for readability */
  padding: 8px; /* Add padding inside table headers and cells for spacing */
  white-space: nowrap;
}

.CalculatorMessageContent_tableStyles__pOvUC table {
  width: 100%;
}

.CalculatorMessageContent_tableStyles__pOvUC th {
  font-weight: bold; /* Make table headers bold */
  background-color: var(--orange700); /* Set background color for headers */
  color: var(--gray000); /* Set text color for headers */
}

.CalculatorMessageContent_tableStyles__pOvUC th:not(:first-child), .CalculatorMessageContent_tableStyles__pOvUC td:not(:first-child) {
  border-left: 2px solid var(--peach600);/* Add a vertical divider to each cell except the first one */
}
.CalculatorMessageContent_tableStyles__pOvUC th:not(:last-child){
  border-right: 2px solid var(--peach600);/* Add a vertical divider to each cell except the first one */
}

.CalculatorMessageContent_tableStyles__pOvUC tbody tr:nth-child(odd) {
  background-color: var(--peach000) /* Make odd rows alternate in color */
}

.CalculatorMessageContent_tableStyles__pOvUC tr:last-child td {
  border-bottom: none; /* Remove the bottom border from the last row to keep styling consistent */
}

td select {
  padding: 2px;
  color: var(--gray920);
  font-family: inherit;
  font-size: inherit;
  border-color: var(--gray200);
}

/* The below classes are for the details/disclaimer message dropdown */

/* The inner portion of the orange footer that contains the double arrow icon and the read more/less text */
.CalculatorMessageContent_calcFooter__mE6ae .CalculatorMessageContent_disclaimerFooterSection__wEfYA {
  width: 100%;
  padding-left: 8px;
}

/* The container for the message bubble for the details/disclaimer dropdown */
.CalculatorMessageContent_outerContainer__c\+TAn {
  margin-top: -6px;
  flex-direction: column;
  min-width: 200px;
  max-width: min(1200px, calc(100% - 2px));
  position: relative;
}

/* The message bubble for the details/disclaimer dropdown */
.CalculatorMessageContent_outerContainer__c\+TAn > .CalculatorMessageContent_chatBubbleContainer__3q4Ju {
  pointer-events: none;
  width: fit-content;
  width: 100%;
  padding: 6px 7px 8px 9px;
}

.CalculatorMessageContent_outerContainer__c\+TAn > .CalculatorMessageContent_chatBubbleContainer__3q4Ju strong {
  font-weight: 600;
}

/* The wrapper for circle containing the double arrows to read more/less.
Gives the empty space effect around the circle */
.CalculatorMessageContent_disclaimerIconWrapper__g2zB2 {
  border: 2px solid var(--peach000);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: absolute;
  top: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

/* To simulate the warped top border of the disclaimer message bubble */
.CalculatorMessageContent_disclaimerIconWrapperOpen__aea35::after {
  border: 1px solid var(--orange700);
  border-radius: 0 0 50% 50%;
  border-top: none;
  z-index: 1;
  position: absolute;
  content: '';
  width: 110%;
  height: 112%;
  clip-path: inset(70% 0 0 0);
}

/* The circle containing the double arrows to read more/less */
.CalculatorMessageContent_disclaimerIcon__RGI-G {
  border: 1px solid var(--orange700);
  background-color: var(--peach600);
  color: var(--blue999);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.AppointmentMessageContent_appointmentFlexStart__-wXm6 {
  display: flex;
  justify-content: flex-start;
}

.AppointmentMessageContent_appointmentFlexEnd__hPoXl {
  display: flex;
  justify-content: flex-end;
}

.AppointmentMessageContent_appointmentContainer__yHvSC {
  display: flex;
  border: 1px solid var(--orange700);
  background-color: var(--gray000);
  border-radius: 10px;
  flex-direction: column;
  font-family: var(--typographyFontFamily);
  color: var(--gray920);
  margin-bottom: 50px;
  max-width: 60%;
  cursor: pointer;
}

@media (max-width: 600px){
  .AppointmentMessageContent_appointmentContainer__yHvSC{
    max-width: 90%;
  }
}

.AppointmentMessageContent_appointmentTop__aNWWd {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.AppointmentMessageContent_appointmentMessage__9DguW {
  font-size: 0.75em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.00938em;
  flex-grow: 1;
  overflow: hidden;
  word-wrap: break-word;
  padding: 10px;
  background-color: var(--gray000);
  padding-left: 5px;
  border-radius: 10px;
  margin: 0 5px;
  width: fit-content;
}

.AppointmentMessageContent_dateBox__evFmN {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 75px;
  background-color: var(--gray000);
  border: 2px solid var(--orange700);
  margin: 10px;
  margin-bottom: 0;
  border-radius: 10px;
  overflow: hidden;
  height: 70px;
}

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

.AppointmentMessageContent_weekday__W97aT {
  background-color: var(--orange050);
  color: var(--blue999);
  border-bottom: 2px solid var(--orange700);
  position: relative;
  bottom: 1px;
}

.AppointmentMessageContent_date__gnQFt {
  margin-bottom: -2px;
  color: var(--blue999);
}

.AppointmentMessageContent_time__jRU\+V {
  font-size: 0.75em;
  color: var(--blue999);
}

.AppointmentMessageContent_appointmentBottom__fER5O {
  display: flex;
  justify-content: center;
  height: 7px;
}

.AppointmentMessageContent_calWrapper__YHusM {
  display: flex;
  margin-bottom: 20px;
  bottom: -4px;
  width: 167px;
  justify-content: center;
  padding-bottom: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 42px;
}

.AppointmentMessageContent_calIcon__0Q1iU {
  position: relative;
  bottom: 4px;
  background: var(--green440);
  border-radius: 50%;
  width: 40px;
  height: 38px;
  left: 1px;
}

.AppointmentMessageContent_calIcon__0Q1iU {
  z-index: 2;
}

.LoanConditionsMessageContent_outerContainer__oJWdi {
  display: flex;
  flex-direction: column;
  max-width: min(90%, calc(100vw - 50px));
}

.LoanConditionsMessageContent_messageContainer__n-ftW {
  width: 100%;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.LoanConditionsMessageContent_messageContainer__n-ftW > .LoanConditionsMessageContent_chatBubbleContainer__0S\+YK {
  padding: 10px;
  border-radius: 10px;
  max-width: 75vw;
  /* background-color: var(--blue489); */
}

.LoanConditionsMessageContent_viewContainer__hZvJZ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  max-width: 75vw;
  height: fit-content;
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  background: var(--blue490);
  background-size: 300% 100%;
}

@keyframes LoanConditionsMessageContent_gradientMove__GKZZ0 {
  0% { background-position: 0% 50%; }
  100% { background-position: -300% 50%; }
}

button.LoanConditionsMessageContent_view__5XuD1 {
  font-size: 0.8rem;
  width: 100%;
  background: linear-gradient(var(--shadow902), var(--shadow903)) !important;
  margin-top: auto;
  border-radius: 0 0 8px 8px;
  height: fit-content;
}

.LoanConditionsMessageContent_touch__d\+n5W{
  margin-left: 10px;
  border-radius: 50%;
}


.CreditRepairWelcomeMessageContent_welcomeContainer__HJRPQ{
  display: flex;
  width: 285px;
  border-radius: 10px;
  flex-direction: column;
  z-index: 1;
  margin-top: -20px;
}

.CreditRepairWelcomeMessageContent_operatorView__oRNn0 {
  margin-top: 0px;
}

.CreditRepairWelcomeMessageContent_pointer__b309N{
  cursor: pointer;
}

.CreditRepairWelcomeMessageContent_top__bs6xB{
  background-color: var(--peach700);
  height: fit-content;
  border-radius: 10px 10px 0 0;
  z-index: 2;
  margin-top: 60px;
  display: flex;
  align-items: end;
  padding: 10px;
  font-size: 18px;
  color: var(--gray000);
  font-weight: 700;
  justify-content: center;
  padding-top: 45px;
}

.CreditRepairWelcomeMessageContent_bottom__YnTO1{
  background-color: var(--peach100);
  height: 50%;
  border-radius: 0 0 10px 10px;
  border: 1px solid var(--peach700);
  z-index: 2;
}

.CreditRepairWelcomeMessageContent_bottomTop__c4C3i{
  display: flex;
  justify-content: space-between;
}

.CreditRepairWelcomeMessageContent_bottomTopLeft__XOMfX{
  background-color: var(--peach100);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  padding: 10px 0px 0px 10px;
  font-weight: 500;
  z-index: 2;
}

.CreditRepairWelcomeMessageContent_bottomTopMiddle__rhw5b{
  background-color: var(--peach100);
  width: 45px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 30px;
  clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%);
  z-index: 2;
  transform: translateX(12px);
}

.CreditRepairWelcomeMessageContent_bottomTopRight__hHjmt{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  height: 30px;
  background-color: var(--peach700);
  margin-left: -18px;
  z-index: 1;
  transform: translateY(-3px);
}

.CreditRepairWelcomeMessageContent_bottomBottom__90r\+K{
  padding: 10px;
}

.CreditRepairWelcomeMessageContent_topCircle__VqLbs{
  background-color: var(--peach000);
  margin-left: 50px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  z-index: 3;
  position: absolute;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.CreditRepairWelcomeMessageContent_innerCircle__o6JPM{
  height: 90px;
  width: 90px;
  border: 7px solid var(--gray045);
  z-index: 1;
  border-radius: 50%;
  margin-top: 5px;
}

.CreditRepairWelcomeMessageContent_image__lQZ2q{
  margin-top: 21px;
  height: 100px;
  z-index: 1;
  position: absolute;
  background-color: transparent;
  border-radius: 0% 0% 50% 50% / 0% 0% 20% 20%;
}

.CreditRepairWelcomeMessageContent_step1__bp94q{
  display: flex;
  left: 10px;
  position: relative;
  margin-top: 7px;
}

.CreditRepairWelcomeMessageContent_stepAfter__4z921{
  display: flex;
  left: 10px;
  position: relative;
  margin-top: 13px;
}

.CreditRepairWelcomeMessageContent_stepCircle__jSI90{
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 1px solid white;
  background-color: var(--peach700);
  position: absolute;
  margin-left: -32px;
}

.CreditRepairWelcomeMessageContent_circleNumber__Bf4ES {
  height: 100%;
  width: 100%;
  bottom: 1px;
  color: white;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.CreditRepairWelcomeMessageContent_footer__C2-yH {
  background-color: var(--peach700);
  color: white;
  text-align: left;
  padding: 2px 4px 2px 10px;
  border-radius: 0 0 10px 10px;
  border-bottom: 1px solid var(--peach700);
  margin-bottom: -1px;
  font-size: 0.94rem;
  width: 100%;
  font-weight: 500;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn {
  display: flex;
  flex-direction: column;
  position: relative;
  /* min-width: 220px;
  max-width: 500px; */
  width: 300px;
  background-color: transparent;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn button {
  pointer-events: all !important;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn::before {
  display: block;
  position: relative;
  content: '';
  height: 60px;
  width: 120px;
  clip-path: path('m 120 60 c -15 0 -30 -15 -30 -30 a 1 1 0 0 0 -60 0 c 0 15 -15 30 -30 30');
  background-color: var(--orange700);
  left: calc(50% - 60px);
  top: 8px;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn::after {
  display: block;
  position: absolute;
  content: '';
  height: 60px;
  width: 60px;
  background-color: var(--gray070);
  /* TODO: SVG Backgrounds like this should be converted to clip-paths */
  background-image: url(https://www.swmc.com/angelai/static/media/ImagingUploadIcon.4d99f0fce1172884b174.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  left: calc(50% - 30px);
  top: 8px;
  border-radius: 50%;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_header__6L94m {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 220px;
  min-height: 70px;
  background-color: var(--orange700);
  border-radius: 10px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_circle__oQtlT {
  display: flex;
  position: absolute;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: black;
  left: calc(50% - 25px);
  top: -40px;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_title__5RE\+k {
  text-align: center;
}

.ImagingUploadStatusMessageContent_expand__J1jKV {
  position: absolute;
  bottom: 0px;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_document__TqHDo {
  display: flex;
  flex-direction: row;
  min-height: 50px;
  min-width: 220px;
  width: 100%;
  border-radius: 25px;
  border-width: 1px;
  border-color: var(--orange500);
  border-style: solid;
  background-color: var(--peach100);
  align-items: center;
  margin-top: 3px;
  padding-left: 15px;
  padding-right: 5px;
  justify-content: space-between;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_footer__\+BiqX {
  height: 25px;
  border-radius: 20px;
  border-width: 1px;
  border-color: var(--orange500);
  border-style: solid;
  background-color: var(--peach100);
  align-items: center;
  margin-top: 3px;
  padding-left: 15px;
  padding-right: 5px;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_success__loKrj {
  display: flex;
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  border-style: solid;
  border-width: 1;
  border-color: darkgreen;
  background-color: lightgreen;
  justify-content: center;
  align-items: center;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_fail__ttV9v {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border-style: solid;
  border-width: 1;
  border-color: var(--red700);
  background-color: var(--gray000);
  justify-content: center;
  align-items: center;
  color: var(--red700);
  -webkit-user-select: none;
          user-select: none;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_body__Xvuf7 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_edit__YZWn5 {
  position: absolute;
  top: -5px;
  z-index: 2;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_filename__gEYAU {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_input__cMsB7 {
  width: 100%;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_submit__IMnqC {
  width: 100%;
  border-radius: 25px;
  border-width: 1px;
  border-color: var(--orange500);
  border-style: solid;
  background-color: var(--peach100);
  align-items: center;
  margin-top: 3px;
  justify-content: center;
}

.ImagingUploadStatusMessageContent_uploadStatusWrapper__qQoKn .ImagingUploadStatusMessageContent_submit__IMnqC :hover {
  width: 100%;
  border-radius: 25px;
  background-color: lightgreen;
  align-items: center;
  justify-content: center;
}

.LockConfirmationMessageContent_wrapper__QLDNI {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 275px;
  max-width: 500px;
  min-height: 90px;
  appearance: none;
  border: 0;
  color: var(--gray920);
  background-color: transparent;
}

.LockConfirmationMessageContent_errorText__UUxR2 {
  padding-top: 8px;
  /* text will encroach over the calculator icon on small screens */
  max-width: 80%
}

.LockConfirmationMessageContent_operatorView__qYSKK {
  margin-top: 12px;
}

/* background of the message bubble with cutout circle */
.LockConfirmationMessageContent_wrapper__QLDNI::before {
  content: ' ';
  background-color: var(--peach600);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-radius: 10px;
  border: 1px solid var(--orange700);
}

/* orange circle */
.LockConfirmationMessageContent_wrapper__QLDNI::after {
  content: ' ';
  display: block;
  width: 54.5px;
  height: 54.5px;
  top: -11px;
  right: -11px;
  position: absolute;
  /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60 "><circle cx="30" cy="30" r="30" fill=""/></svg>'); */
  /* background-size: 100% 100%; */
  border-radius: 50%;
  background-color: var(--orange700);
  border: 4px solid var(--peach000);
  z-index: 1;
}

.LockConfirmationMessageContent_wrapper__QLDNI .LockConfirmationMessageContent_chatBubble__7EORx {
  display: flex;
  flex-direction: column;
  flex-wrap: multi-line;
  position: relative;
  padding: 0px 10px 5px;
}

.LockConfirmationMessageContent_wrapper__QLDNI .LockConfirmationMessageContent_footer__yDBle {
  position: relative;
  display: flex;
  width: 100%;
  bottom: -2px;
  background-color: var(--orange700);
  border: 1px dashed var(--gray000);
  border-radius: 0px 0px 10px 10px;
  color: var(--gray000);
  justify-content: center;
}

.LockConfirmationMessageContent_wrapper__QLDNI .LockConfirmationMessageContent_calcFooter__Mmn-W {
  position: relative;
  display: flex;
  width: 100%;
  bottom: -2px;
  background-color: var(--orange700);
  border: 1px dashed var(--gray000);
  border-radius: 0px 0px 10px 10px;
  color: var(--gray000);
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.LockConfirmationMessageContent_calcFooter__Mmn-W > div {
  flex: 1 1;
  text-align: center;
  cursor: pointer;
  padding: 3px;
}

.LockConfirmationMessageContent_wrapper__QLDNI .LockConfirmationMessageContent_footer__yDBle {
  position: relative;
  display: flex;
  width: 100%;
  bottom: -2px;
  background-color: var(--orange700);
  border: 1px dashed var(--gray000);
  border-radius: 0px 0px 10px 10px;
  color: var(--gray000);
  justify-content: center;
}

.LockConfirmationMessageContent_paragraphStyles__YvT09 {
  font-size: 0.80em;
  white-space: nowrap;
  margin: 0 auto;
}

@media only screen and (max-width: 600px) {
  .LockConfirmationMessageContent_paragraphStyles__YvT09 {
    font-size: 0.65em;
  }
}

.LockConfirmationMessageContent_wrapper__QLDNI .LockConfirmationMessageContent_calcFooter__Mmn-W {
  position: relative;
  display: flex;
  width: 100%;
  bottom: -2px;
  background-color: var(--orange700);
  border: 1px dashed var(--gray000);
  border-radius: 0px 0px 10px 10px;
  color: var(--gray000);
  justify-content: center;
}

.LockConfirmationMessageContent_calcFooter__Mmn-W td {
  border-left: 1px dashed var(--gray000);  /* Add dashed border only to the left side of each td */
  padding: 3px;                /* Add some padding for visual spacing */
  cursor: pointer;             /* Move the cursor styling here for cleaner JSX */
  text-align: center;
  vertical-align: middle;
}

.LockConfirmationMessageContent_calcFooter__Mmn-W td:first-child {
  border-left:none;
}

.LockConfirmationMessageContent_lockAnimation__OJZGO {
  height: 34px;
  width: 34px;
  position: absolute;
  right: -1px;
  top: 0px;
  z-index: 2;
  background-color: transparent;
}

.LockConfirmationMessageContent_calculatorIconStyle__f2orb {
  /*since the calculator result (CalculatorResultDialog.tsx) style is similar to loan lock we are sharing this file
  in the spirit of not duplicating code*/
  margin-top: -9px;
  width: 40px;
  position: absolute;
  right: 0px;
  top: 3px;
  z-index: 2;
  background-color: transparent;
}

.LockConfirmationMessageContent_tableContainer__0JE62 {
  border-radius: 5px;
  width: 100%; /* Ensure the container spans the width of its parent */
  overflow-x: auto; /* Enables horizontal scrolling for its content */
  -webkit-overflow-scrolling: touch; /* Allows inertial scrolling on WebKit-based browsers (like Safari) */
  margin: 10px 0; /* Add some margin above and below the table for spacing */

}

.LockConfirmationMessageContent_tableStyles__lAfb8 {
  width: 100%; /* Ensure the table spans the width of the container */
  min-width: 320px; /* Minimum width of the table to ensure content readability */
  border-collapse: collapse; /* Remove any default spacing between table cells */
  margin: 10px 0; /* Add some margin above and below the table for spacing */
}

.LockConfirmationMessageContent_tableStyles__lAfb8 th, .LockConfirmationMessageContent_tableStyles__lAfb8 td {
  font-size: 12px;
  text-align: left; /* Align text to the left for readability */
  padding: 8px; /* Add padding inside table headers and cells for spacing */
}
.LockConfirmationMessageContent_tableStyles__lAfb8 input {
  display: flex;
  align-items: flex-start; /* Align items at the start of the flex container */
  flex-wrap: wrap; /* Allow wrapping of items to the next line */
}

.LockConfirmationMessageContent_tableStyles__lAfb8 label {
  margin-top: 4px; /* Space between checkbox and its label */
}

.LockConfirmationMessageContent_tableStyles__lAfb8 th {
  font-weight: bold; /* Make table headers bold */
  background-color: var(--peach600); /* Set background color for headers to match the chat bubble */
  color: var(--gray920); /* Set text color for headers */
}

.LockConfirmationMessageContent_tableStyles__lAfb8 td {
  background-color: var(--peach000); /* Set background color for table cells */
  color: var(--gray920); /* Set text color for cells */
}

.LockConfirmationMessageContent_tableStyles__lAfb8 tr:last-child td {
  border-bottom: none; /* Remove the bottom border from the last row to keep styling consistent */
}

.LockConfirmationMessageContent_tableStyles__lAfb8 tr:hover {
  background-color: var(--orange700); /* Add a hover effect for each row */
}

.OrderMessageContent_videoBox__itEzj{
  display: flex;
  position: relative;
  z-index: 5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out;
  left: 237px;
  top: -34px;
  cursor: pointer;
}

.OrderMessageContent_operatorVideo__K4uU6{
  top: -4px;
}

.OrderMessageContent_expandedBox__f7CTw{
  left: 0;
  top: auto;
  top: initial;
  width: 200px;
  height: auto;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;
}

.OrderMessageContent_video__Gz3kB{
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: auto;
  object-fit: cover;
  z-index: 1;
  border-radius: 50%;
  transition: all 0.5s ease-in-out;
}

.OrderMessageContent_videoBox__itEzj .OrderMessageContent_expandedVideo__mUx6l{
  height: auto;
  width: 200px;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;
}

.OrderMessageContent_addMargin__vy25Y{
  margin-bottom: 220px;
}

.OrderMessageContent_videoControls__cjL6e{
  position: absolute;
  display: flex;
  top: 70px;
  left: 5px;
  z-index: 1;
}

.OrderMessageContent_videoButton__8ZBML{
  color: white;
  background: black;
  border-radius: 50%;
  border: 1px solid white;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

@media (max-width: 900px) {
  .OrderMessageContent_videoBox__itEzj .OrderMessageContent_expandedVideo__mUx6l{
    width: 50vw;
  }

  .OrderMessageContent_expandedBox__f7CTw{
    width: 50vw;
  }

  .OrderMessageContent_addMargin__vy25Y{
    margin-bottom: 200px;
  }
}

@media (min-width: 900px){
  .OrderMessageContent_toTheRight__KZ3Gw{
    left: 330px !important;
    top: -55px !important;
  }
}
.PermissionRejectedMessageContent_bubble__3djdZ{
  width: fit-content;
  border-color: var(--orange700);
  padding: 6px 7px 8px 9px;
  background-color: var(--peach600);
}
.PropertyListingMessageContent_wrapper__PBGVj {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  max-width: 280px;
}

.PropertyListingMessageContent_alignByCurrentUser__JbIXF {
  align-items: flex-end;
}

.PropertyListingMessageContent_dottedLines__v54mY {
  display: block;
  width: 1px;
  border-right: 1px dashed var(--orange600);
  height: 35px;
  margin: 0 20px;
}

.PropertyListingMessageContent_wrapper__PBGVj button {
  pointer-events: all;
  max-width: 100%;
}

.PropertyListingMessageContent_img__BzNNb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  border-radius: 10px 10px 0 0;
  margin-bottom: -10px;
  height: 200px;
  overflow: hidden;
  border: 1px solid var(--orange700);
}

.PropertyListingMessageContent_img__BzNNb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.PropertyListingMessageContent_price__5rg8Q {
  position: absolute;
  top: 0;
  left: -1px;
  transform: translateY(calc((100% - 1px) * -1));
  padding: 10px 10px 0 10px;
  background-color: var(--peach600);
  width: fit-content;
  border-radius: 10px 10px 0 0;
  border: 1px solid var(--orange700);
  border-bottom: none;
  max-width: calc(100% - 40px);
}

.PropertyListingMessageContent_price__5rg8Q:after {
  content: "";
  --unit: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(1px, var(--unit));
  width: var(--unit);
  height: var(--unit);
  background: radial-gradient(circle at 100% 100%, transparent calc(var(--unit) - 2px), var(--orange700) calc(var(--unit) - 1px), var(--peach600) var(--unit));
  rotate: -90deg;
  z-index: 99999;
}

.PropertyListingMessageContent_price__5rg8Q span {
  padding: 10px;
  background-color: var(--gray000);
  color: var(--gray920);
  display: flex;
  border-radius: 10px;
  font-weight: bold;
  width: fit-content;
  position: relative;
  max-width: 100%;
  text-wrap: balance;
}

.PropertyListingMessageContent_meta__NDotH {
  position: relative;
  background-color: var(--peach600);
  border-radius: 0 10px 10px 10px;
  border: 1px solid var(--orange700);
  width: 378px;
  line-height: 1.5;
  max-width: 100%;
  padding: 10px;
}

.PropertyListingMessageContent_meta__NDotH h3 {
  margin: 0;
  text-align: center;
  text-wrap: balance;
}

.PropertyListingMessageContent_meta__NDotH p {
  margin: 0;
  text-align: center;
  text-wrap: balance;
  cursor: pointer;
}

.PropertyListingMessageContent_imgs__gRjet {
  display: flex;
  list-style: none;
  gap: 10px;
  align-items: center;
  padding-left: 0;
  margin-left: 0;
  justify-content: center;
}

.PropertyListingMessageContent_imgs__gRjet img {
  display: flex;
  width: 4.5rem;
  max-width: 100%;
  height: 3rem;
  overflow: hidden;
  object-fit: cover;
  border-radius: 5px;
}

.PropertyListingMessageContent_content__GQGet {
  background-color: var(--gray000);
  border-radius: 10px;
  padding: 10px;
}

.LoanProductComparisonMessageContent_wrapper__2C3Ua {
  font-size: small;
}

.LoanProductComparisonMessageContent_wrapper__2C3Ua .LoanProductComparisonMessageContent_loanProduct__L223l {
  border-radius: 10px;
  border-color: var(--orange710);
  border-top-style: dashed;
  border-top-width: 1px;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  background-color: var(--peach600);
  position: relative;
  margin-bottom: -1px;
  opacity: 0;
  animation: LoanProductComparisonMessageContent_fadeIn__hJgKl 0.5s ease-in-out forwards;
  -webkit-animation: LoanProductComparisonMessageContent_fadeIn__hJgKl 0.5s ease-in-out forwards;
}

@keyframes LoanProductComparisonMessageContent_fadeIn__hJgKl {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.LoanProductComparisonMessageContent_loanProduct__L223l::before {
  content: '';
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: var(--peach000);
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.LoanProductComparisonMessageContent_loanProduct__L223l::after {
  content: '';
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: var(--peach000);
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.LoanProductComparisonMessageContent_loanProductText__Jnp92 {
  padding: 10px 10px 10px 10px;
}

.ProfileBubbleMessageContent_container__\+pk8B {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: calc(100% - 50px);
}

.ProfileBubbleMessageContent_containerMarginLeft__H53XU {
  margin-left: 0.8rem;
}

.Header_header__mcY05 {
  border-top-left-radius: 45px;
  border-top-right-radius: 45px;
  background-color: var(--peach600);
  width: 90px;
  height: 90px;
  position: relative;
  top: 1px;
}

.Header_header__mcY05::before {
  position: absolute;
  left: -45px;
  bottom: 0;
  width: 45px;
  height: 45px;
  content: '';
  display: block;
  background: radial-gradient(circle at 0% 0%, transparent 45px, var(--peach600) 45px);
}

.Header_header__mcY05::after {
  position: absolute;
  right: -45px;
  bottom: 0;
  width: 45px;
  height: 45px;
  content: '';
  display: block;
  background: radial-gradient(circle at 100% 0%, transparent 45px, var(--peach600) 45px);
}

.Header_profilePicture__EKTzW {
  width: inherit;
  height: inherit;
  border-radius: 45px;
}

.Header_profilePicturePlaceholder__nIgx3 {
  width: inherit;
  height: inherit;
  border-radius: 45px;
  color: var(--orange700);
}

.Message_message__3tN\+b {
  border: 1px solid var(--orange700);
  border-radius: 10px;
  background-color: var(--peach600);
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  min-width: 180px;
  width: 100%;
}

.Message_message__3tN\+b * {
  overflow: hidden;
  overflow-wrap: break-word;
}

.DownloadTheAppMessageContent_bubble__zGQ\+d {
  width: fit-content;
  border-color: var(--orange700);
  border-style: solid;
  background-color: var(--peach600);
  padding: 6px 7px 8px 9px;
  border-radius: 10px;
  border-width: 1px;
}

.DownloadTheAppMessageContent_container__KI5H0 {
  display: flex;
  border-color: var(--orange700);
  border-style: solid;
  background-color: var(--peach600);
  padding: 0px 0px 0px 9px;
  border-radius: 10px 0px 0px 10px;
  border-width: 1px;
  max-height: 82px;
}

.DownloadTheAppMessageContent_text__qjeYC {
  flex: 4 1;
  margin-top: 8px;
}

.DownloadTheAppMessageContent_QRCode__-lQ3u {
  align-self: flex-end;
  margin-left: 8px;
  height: 80px;
  width: 80px;
}

.BubbleWithExpandableLower_containerExpanded__ZT8h- {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
}

.BubbleWithExpandableLower_containerMinimized__Nrrr9 {
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin-bottom: 27px;
}

.BubbleWithExpandableLower_upperBubble__O3lWh,
.BubbleWithExpandableLower_lowerBubble__czzCJ {
  position: relative;
  min-height: 100px;
  min-width: 100px;
  background-color: var(--peach600);
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: var(--orange700);
  border-radius: 10px;
  z-index: 0;
  height: fit-content;
}

.BubbleWithExpandableLower_upperBubble__O3lWh {
  z-index: 1;
}

.BubbleWithExpandableLower_expanderButton__6B-jN {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 7px;
  height: 48px;
  width: 48px;
  background-color: var(--primaryBackground);
  border-width: 1px;
  border-style: solid;
  border-color: var(--orange700);
  border-radius: 50%;
  z-index: 1;
  bottom: -26px;
}

.BubbleWithExpandableLower_buttonBorderHider__KCocY {
  position: absolute;
  z-index: -1;
  background-color: var(--primaryBackground);
  height: 3px;
  width: 50px;
  top: 22px;
}

.BubbleWithExpandableLower_containerMinimized__Nrrr9 > .BubbleWithExpandableLower_upperBubble__O3lWh > .BubbleWithExpandableLower_expanderButton__6B-jN > .BubbleWithExpandableLower_buttonBorderHider__KCocY {
  height: 27px;
}

.BubbleWithExpandableLower_expanderButtonInner__27aL7 {
  height: 40px;
  width: 40px;
  border-radius: 50%;

  background-color: var(--peach600);
  border-style: solid;
  border-width: 1px;
  border-color: var(--orange700);

  display: flex;
  justify-content: center;
  align-items: center;
}

.BubbleWithExpandableLower_containerMinimized__Nrrr9 > .BubbleWithExpandableLower_upperBubble__O3lWh > .BubbleWithExpandableLower_expanderButton__6B-jN > .BubbleWithExpandableLower_expanderButtonInner__27aL7 {
  transform: rotate(180deg);
}

.RatePricingResultMessageContentStyles_disclaimer__KozzR {
  padding: 3px 10px 5px 10px;
}

.RatePricingResultMessageContentStyles_disclaimer__KozzR > h5 {
  padding-left: 48px;
  font-family: var(--typographyFontFamily);
  font-weight: 600;
}

.RatePricingResultMessageContentStyles_disclaimer__KozzR > p {
  font-family: var(--typographyFontFamily);
  font-size: 0.75rem;
  font-weight: 400;
  min-width: 100%;
  width: 0;
}

.RatePricingResultMessageContentStyles_resultsContainer__Xb7Nd {
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  min-height: 125px;
  min-width: 270px;
}

.RatePricingResultMessageContentStyles_resultsContainer__Xb7Nd > .RatePricingResultMessageContentStyles_left__2P\+BZ {
  /* background-color: var(--orange700); */
  background-color: var(--red000);
  width: 65px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding-bottom: 10px;
}
.RatePricingResultMessageContentStyles_resultsContainer__Xb7Nd > .RatePricingResultMessageContentStyles_left__2P\+BZ > p {
  font-family: var(--typographyFontFamily);
  font-size: 13px;
  color: var(--gray000);
  font-weight: 600;
  padding-top: 5px;
}
.RatePricingResultMessageContentStyles_resultsContainer__Xb7Nd > .RatePricingResultMessageContentStyles_right__nAnAo {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
  justify-content: center;
  gap: 7px;
}
.RatePricingResultMessageContentStyles_resultsContainer__Xb7Nd > .RatePricingResultMessageContentStyles_right__nAnAo > .RatePricingResultMessageContentStyles_loanProduct__tnyvA {
  flex: 1 1;
  width: 100%;
  display: flex;
  flex-direction: row;
  /* justify-content: center; */
  align-items: center;
  padding-left: 7px;
  padding-right: 15px;
  max-height: 32px;
  text-align: left;
}

.RatePricingResultMessageContentStyles_resultsContainer__Xb7Nd > .RatePricingResultMessageContentStyles_right__nAnAo > .RatePricingResultMessageContentStyles_loanProduct__tnyvA > .RatePricingResultMessageContentStyles_bar__JPwrl {
  height: 100%;
  /* max-height: 32px; */
  width: 4px;
  background-color: var(--blue999);
  border-radius: 3px;
}

.RatePricingResultMessageContentStyles_productInfoContainer__FsxWv {
  padding-left: 5px;
  flex-grow: 1;
  line-height: 1.15;
}
.RatePricingResultMessageContentStyles_productInfoContainer__FsxWv > h6 {
  font-family: var(--typographyFontFamily);
  font-weight: 600;
}

.RatePricingResultMessageContentStyles_productRateContainer__hKiw4 {
  display: flex;
  width: 100%;
  min-width: 190px;
  justify-content: space-between;
}
.RatePricingResultMessageContentStyles_productRateContainer__hKiw4 p {
  font-family: var(--typographyFontFamily);
  font-size: 0.65rem;
  /* font-weight: 400; */
}

.BlockchainDownloadAppMessageContent_messageContainer__QQYRH {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 8px;
  max-width: 400px;
  min-width: 285px;
}

.BlockchainDownloadAppMessageContent_textWrapper__ir\+5F {
  padding: 6px 0 6px 9px;
  align-self: center;
}

.BlockchainDownloadAppMessageContent_buttonsSectionContainer__CqcP0 {
  background-repeat: no-repeat;
  background-size: cover;
  min-width: fit-content;
  max-width: min(30%, 100px);
  padding: 1px 10px 2px 10px;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  gap: 4px;
}

.BlockchainDownloadAppMessageContent_imgContainer__jYbrh img {
  max-width: 100%;
}

.BlockchainDownloadAppMessageContent_downloadNow__duqbS {
  font-weight: 600;
}

.BlockchainDownloadAppMessageContent_buttonsContainer__I88-h {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.BlockchainDownloadAppMessageContent_buttonsContainer__I88-h img {
  width: 30px;
  height: 30px;
}

.BlockchainDownloadAppMessageContent_buttonsContainer__I88-h > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
}

.BlockchainDownloadAppMessageContent_buttonsContainer__I88-h > div p {
  font-size: 0.6rem;
}

.BlockchainDownloadAppMessageContent_separator__dKFSr {
  background-color: var(--orange700);
  width: 1px;
  height: 100%;
}

.BlockchainDownloadAppMessageContent_link__6zJ85 {
  cursor: pointer;
}

.AngelSignMessageContent_outerContainer__5ih4s {
  max-width: min(90%, calc(100vw - 50px));
  border: 1px solid white;
  border-radius: 8px;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 15px -5px var(--angelSignBlue);
  position: relative;
}

.AngelSignMessageContent_outerContainer__5ih4s, .AngelSignMessageContent_bottomPortion__mDMEs {
  display: flex;
  flex-direction: column;
}

.AngelSignMessageContent_cursorNotAllowed__WBu77 {
  cursor: not-allowed !important;
}

.AngelSignMessageContent_messageText__BU-jd {
  padding: 0px 8px;
}

.AngelSignMessageContent_text__CHgzR, .AngelSignMessageContent_messageText__BU-jd {
  color: var(--blue984);
  font-weight: 600;
  font-size: 0.8rem;
}

.AngelSignMessageContent_bottomPortion__mDMEs {
  cursor: pointer;
}

.AngelSignMessageContent_angelSignLogo__ZjzE4 {
  width: 100px;
  margin: 10px auto 10px auto;
}

.AngelSignMessageContent_signButton__Ixj3C {
  font-family: 'Poppins';
  width: 100%;
  padding: 6px 4px;
  border-radius: 5px;
  border: 1px solid white;
  background-color: rgba(255, 255, 255, 0.5);
  text-transform: none;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
}

/* Spinner animation */

.AngelSignMessageContent_animatedCirclesContainer__8BzpC {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 8px;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.5;
}

.AngelSignMessageContent_animatedCirclesContainer__8BzpC > div {
  position: absolute;
  width: min-content;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-radius: 50%;
}

.AngelSignMessageContent_animatePos1__3KyDx {
  animation: AngelSignMessageContent_goToPos1__\+VjuF 2.5s ease forwards;
}

.AngelSignMessageContent_animatePos2__EGKcH {
  animation: AngelSignMessageContent_goToPos2__4IF8g 2.5s ease forwards;
}

.AngelSignMessageContent_animatePos3__NbSUr {
  animation: AngelSignMessageContent_goToPos3__7hcIq 2.5s ease forwards;
}

.AngelSignMessageContent_animatePos4__zY2oY {
  animation: AngelSignMessageContent_goToPos4__wgBTO 2.5s ease forwards;
}

.AngelSignMessageContent_animatePos5__NvMAe {
  animation: AngelSignMessageContent_goToPos5__6xGey 2.5s ease forwards;
}

.AngelSignMessageContent_pinkSpinner__Qy37p {
  box-shadow: 0 0 65px 50px var(--angelSignPink);
  right: 0%;
  top: 0%;
}

.AngelSignMessageContent_greenSpinner__MEMME {
  box-shadow: 0 0 65px 50px var(--angelSignGreen);
  right: 20%;
  top: 80%;
}

.AngelSignMessageContent_blueSpinner__\+F2aA {
  box-shadow: 0 0 65px 50px var(--angelSignBlue);
  right: 40%;
  top: 40%;
}

.AngelSignMessageContent_orangeSpinner__zYHXl {
  box-shadow: 0 0 65px 50px var(--angelSignOrange);
  right: 60%;
  top: 70%;
}

.AngelSignMessageContent_redSpinner__IaTGK {
  box-shadow: 0 0 65px 50px var(--angelSignRed);
  right: 80%;
  top: 10%;
}

@keyframes AngelSignMessageContent_goToPos1__\+VjuF {
  0% {
    right: 0%;
    opacity: 0;
  }
  100% {
    right: 20%;
    opacity: 1;
  }
}


@keyframes AngelSignMessageContent_goToPos2__4IF8g {
  0% {
    right: 20%;
  }
  100% {
    right: 40%;
  }
}

@keyframes AngelSignMessageContent_goToPos3__7hcIq {
  0% {
    right: 40%;
  }
  100% {
    right: 60%;
  }
}

@keyframes AngelSignMessageContent_goToPos4__wgBTO {
  0% {
    right: 60%;
  }
  100% {
    right: 80%;
  }
}

@keyframes AngelSignMessageContent_goToPos5__6xGey {
  0% {
    right: 80%;
  }
  100% {
    right: 100%;
    opacity: 0;
  }
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

*,
*::before,
*::after {
    box-sizing: border-box;
}

#AngelSign {
    --angel-sign-window-left:0px;
    --angel-sign-window-top:0px;
    --angel-sign-window-width:0px;
    --angel-sign-window-height:0px;
    /* position: fixed; */
    top: var(--angel-sign-window-top);
    left: var(--angel-sign-window-left);
    width: var(--angel-sign-window-width);
    height: var(--angel-sign-window-height);
    display: block;
    overflow: hidden;
    background-color: lightgray;
    --angel-sign-header-height:70px;
}

#AngelSignContent{
    width:100%;
    height:100%;
    display: block;
    overflow: hidden;
}

@font-face {
    font-family: "Satisfy";
    src: local("Satisfy"),
        url(https://www.swmc.com/angelai/static/media/Satisfy-Regular.32a6713537cf5e1e82f2.ttf) format("truetype");
}

@font-face {
    font-family: "Honey Script";
    src: url(https://www.swmc.com/angelai/static/media/HoneyScript.813e998927776cfcffec.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
  
/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#SigningPage{
    width:100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
#SigningPageHeader{
    width: 100%;
    height:var(--angel-sign-header-height);
    display: block;
    position: relative;
    background-color:#083f88;
    z-index: 1100;
}
#SigningPageBody{
    width: 100%;
    height: calc(100% - var(--angel-sign-header-height)) ;
    display: block;
    overflow: hidden;
    position: relative;
}
#SigningPageHeadbarWrapper{
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
}
#SigningPagePDFViewer{
    width:100%;
    height:100%;
    display: block;
    overflow: hidden;
    opacity: 1;
}
#SigningPagePDFViewer.dark{
    opacity: 0.2;
    /*pointer-events: none;*/
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#PDFViewer {
    width:100%;
    height:100%;
    display: block;
    position: relative;
    overflow: hidden;
    --scale-factor:1;
    --pdfviewer-toolbar-height:50px;
}

#PDFViewerToolbarWrapper {
    width: 100%;
    height: var(--pdfviewer-toolbar-height);
    padding: 5px 10px;
    min-width: 320px;
    position: relative;
    display: block;
    background-color: lightgray;
    border-bottom: none;
    z-index: 999;
}

#PDFViewerMainWrapper {
    width:100%;
    height:calc(100% - var(--pdfviewer-toolbar-height));
    display: block;
    position: relative;
    overflow: hidden;
    padding-top:10px;
    padding-left:5px;
}

#PDFViewerMain {
    width: 100%;
    height:100%;
    display: block;
    position: relative;
    overflow: auto;
}

#PDFViewerPages {
    --scale-round-x: 2px;
    --scale-round-y: 2px;
    --page-margin: 1px auto 10px;
}

.PDFViewerPage {
    position: relative;
    background-clip: content-box;
    background-color: white;
    width:  calc(var(--scale-factor)* 612px);
    height: calc(var(--scale-factor)* 792px);
    margin: var(--page-margin);
}

.PDFViewerCoverPage {
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.PDFViewerCanvasWrapper {
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

:is(.pdfViewer .canvasWrapper) canvas {
    margin: 0;
    display: block;
}

.PDFViewerCanvas {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
}


/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

.textAnchorWrapper {
    position: absolute;
    width: calc(var(--scale-factor) * 150px);
    height: calc(var(--scale-factor) * 27px);
    border:3px solid lightblue;
    border-radius: 5px;
    z-index: 30;
}
.textAnchorWrapper:focus {
    border-color: blue;
}
.textAnchorWrapper.Required {
    border-color: #FEC830;
}
.textAnchorWrapper.Required:focus {
    border-color: blue;
}

.textAnchor {
    position: absolute;
    width:96%;
    height: 80%;
    top:10%;
    left:1%;
    font-size: calc(var(--scale-factor)* 0.8rem);
    color: black;
    background-color: white;
    cursor: pointer;
    border: 1px solid lightgray;
    border-radius: 5px;
}
.textAnchor:focus{
    border-color:blue;
}
.textAnchorRightMenu{
    display: none; 
    position: absolute; 
    top:30px;
    left:0px;
    padding: 5px;
    color: gray;
    background-color: white;
    list-style:none; 
    border-radius: 5px;
    box-shadow: 3px 10px 30px rgba(0, 0, 0, 0.4); 
    z-index: 10;
}
.textAnchorRightMenu a{
    text-decoration: none;
}
/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

.signatureAnchorWrapper {
    position: absolute;
    width: calc(var(--scale-factor) * 100px);
    height: calc(var(--scale-factor) * 27px);
    border:3px solid lightblue;
    border-radius: 5px;
    z-index: 30;
}
.signatureAnchorWrapper:focus {
    border-color: blue;
}
.signatureAnchorWrapper.Required {
    border-color: #FEC830;
}
.signatureAnchorWrapper.Required:focus {
    border-color: blue;
}

.signatureAnchorButton {
    position: absolute;
    width: 90%;
    height: 80%;
    top:10%;
    left:5%;
    border:0px;
    border-radius: 5px;
    color: #083f88;
    background-color: lightgray;
    font-size: calc(var(--scale-factor)* 1rem);
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.signatureAnchorButton.Required {
    background-color: #FEC830;
    border-color: #FEC830;
}

.signatureAnchorImage {
    position: absolute;
    width: 90%;
    height: 80%;
    top:10%;
    left:5%;
    border: 1px solid lightgray;
    border-radius: 5px;
    cursor: pointer;
}
.signatureAnchorRightMenu{
    display: none; 
    position: absolute; 
    top:30px;
    left:0px;
    padding: 5px;
    color: gray;
    background-color: white;
    list-style:none; 
    border-radius: 5px;
    box-shadow: 3px 10px 30px rgba(0, 0, 0, 0.4); 
}
.signatureAnchorRightMenu a{
    text-decoration: none;
}
/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

.dateSignatureAnchorWrapper {
    position: absolute;
    width: calc(var(--scale-factor) * 100px);
    height: calc(var(--scale-factor) * 27px);
    border:3px solid lightblue;
    border-radius: 5px;;
    z-index: 30;
}
.dateSignatureAnchorWrapper:focus {
    border-color: blue;
}
.dateSignatureAnchorWrapper.Required {
    border-color: #FEC830;
}
.dateSignatureAnchorWrapper.Required:focus {
    border-color: blue;
}

.dateSignatureAnchor {
    position: absolute;
    width: 90%;
    height: 80%;
    top:10%;
    left:5%;
    border: 1px solid lightgray;
    border-radius: 5px;
    color: black;
    background-color: white;
    text-align: center;
    font-size: calc(var(--scale-factor)* 0.9rem);
    font-weight: 500;
    cursor: pointer;
}
.dateAnchorRightMenu{
    display: none; 
    position: absolute; 
    top:30px;
    left:0px;
    padding: 5px;
    color: gray;
    background-color: white;
    list-style:none; 
    border-radius: 5px;
    box-shadow: 3px 10px 30px rgba(0, 0, 0, 0.4); 
}
.dateAnchorRightMenu a{
    text-decoration: none;
}
/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

.checkboxAnchorWrapper {
    position: absolute;
    width: calc(var(--scale-factor) * 18px);
    height: calc(var(--scale-factor) * 18px);
    border: 3px solid lightblue;
    border-radius: 5px;
    background-color: rgb(207, 231, 239);
    align-content: center;
    z-index: 30;
}
.checkboxAnchorWrapper:focus {
    border-color: blue;
}
.checkboxAnchorWrapper.Required {
    border-color: #FEC830;
    background-color: #FEC830;
}
.checkboxAnchorWrapper.Required:focus {
    border-color: blue;
}

.checkboxAnchor {
    position: absolute;
    width: 90%;
    height: 90%;
    top:10%;
    left:10%;
    cursor: pointer;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.checkboxAnchor.Required {
    background-color: #FEC830;
}
.checkboxAnchor.Required:focus  {
    border:1px solid blue;
}
.checkboxAnchor:focus  {
    border:1px solid blue;
}
.checkboxAnchorRightMenu{
    display: none; 
    position: absolute; 
    top:30px;
    left:0px;
    padding: 5px;
    color: gray;
    background-color: white;
    list-style:none; 
    border-radius: 5px;
    box-shadow: 3px 10px 30px rgba(0, 0, 0, 0.4); 
    z-index: 10;
}
.checkboxAnchorRightMenu a{
    text-decoration: none;
}
/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

.radioAnchorWrapper {
    position: absolute;
    width: calc(var(--scale-factor) * 20px);
    height: calc(var(--scale-factor) * 20px);
    border: 3px solid lightblue;
    border-radius: 5px;
    z-index: 30;
}
.radioAnchorWrapper:focus{
    border-color:  blue;
}
.radioAnchorWrapper.Required {
    border-color: #FEC830;
    background-color: #FEC830;
}
.radioAnchorWrapper.Required:focus {
    border-color:  blue;
}

.radioAnchor {
    position: absolute;
    width: 80%;
    height: 80%;
    top:10%;
    left:10%;
    cursor: pointer;
}
.radioAnchorRightMenu{
    display: none; 
    position: absolute; 
    top:20px;
    left:0px;
    padding: 5px;
    color: gray;
    background-color: white;
    list-style:none; 
    border-radius: 5px;
    box-shadow: 3px 10px 30px rgba(0, 0, 0, 0.4);
    z-index: 1300;
}
.radioAnchorRightMenu a{
    text-decoration: none;
}
/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

.initialAnchorWrapper {
    position: absolute;
    width: calc(var(--scale-factor) * 25px);
    height: calc(var(--scale-factor) * 25px);
    border: 3px solid lightblue;
    border-radius: 4px;
    z-index: 30;
}
.initialAnchorWrapper:focus {
    border-color: blue;
}
.initialAnchorWrapper.Required {
    border-color: #FEC830;
}
.initialAnchorWrapper.Required:focus {
    border-color: blue;
}

.initialAnchorButton {
    position: absolute;
    width: 90%;
    height: 90%;
    top:10%;
    left:10%;
    font-size: calc(var(--scale-factor)* 0.8rem);
    font-weight: 700;
    padding-inline:0;
    cursor: pointer;
    border-radius: 0px;
    border: 1px solid lightgray;
    color: #083f88;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.initialAnchorButton.Required {
    background-color: #FEC830;
    border-color: #FEC830;
    font-weight: 700;
}

.initialAnchorImage {
    position: absolute;
    width: 90%;
    height: 90%;
    top:10%;
    left:10%;
    cursor: pointer;
    border-radius: 0px;
    border: 1px solid lightgray;
}
.initialAnchorRightMenu{
    display: none; 
    position: absolute; 
    top:30px;
    left:0px;
    padding: 5px;
    color: gray;
    background-color: white;
    list-style:none; 
    border-radius: 5px;
    box-shadow: 3px 10px 30px rgba(0, 0, 0, 0.4); 
    z-index: 10;
}
.initialAnchorRightMenu a{
    text-decoration: none;
}
/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#PDFViewerToolbar{
    width: 100%;
    height:100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color:lightgray;
    z-index: 999;
    border-radius: 5px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.PDFViewerToolbarItems{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    width:130px;
    min-width: 120px;
    height: 30px;
    padding:0px 5px 0px 5px;
}
.PDFViewerToolbarItems.mini{
    width:100px;
    min-width: 100px;
    height: 25px;
    padding:0px 2px 0px 2px;
}
.PDFViewerToolbarItemWrapper{
    width: 30%;
    min-width: 25px;
    height: 100%;
    min-height: 25px;
    display: block;
    margin:1px;
}
.PDFViewerToolbarButton{
    width: 100%;
    height:100%;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    color:rgba(0, 0, 0, 0.87);
    background-color:rgb(233, 233, 233);
    border-radius: 4px;
    cursor: pointer;
    border:0;
    padding-inline: 0;
    padding-block: 0;
}
.PDFViewerToolbarButton:hover{
    border:1px solid blue;
}
.PDFViewerToolbarDisplay{
    width: 100%;
    height:100%;
    color: black;
    background-color: white;
    border-radius: 5px;
    text-align: center;
    padding-inline: 0;
    padding-block: 0;
    border:0;
    font-size: 0.9rem;
}
.PDFViewerToolbarDisplay.mini{
    font-size: 0.7rem;
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#SigningPageHeadbar {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #083f88;
    display: flex;
    flex-direction: row;
    position: relative;
}
#SigningPageHeadbarMenuLogo{
    width: 70%;
    height: 100%;
    min-width: 200px;
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#SigningPageHeadbarButtons {
    width: 30%;
    height: 100%;
    min-width: 100px;
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#SigningPageHeadbarMenuWrapper {
    width: 35px;
    height: 30px;
    min-width: 35px;
    min-height: 30px;
    margin-right: 5px;
    display:block;
}
#SigningPageHeadbarMenuIcon {
    width: 100%;
    height: 100%;
    color:blue;
    background-color: #083f88;
    border-radius: 7px;
    border: 1px solid #FEC830;
    padding: 3px;
    cursor: pointer;
}
#SigningPageHeadbarMenuIcon.disabled {
    border-color: darkgray;    
}
#SigningPageHeadbarLogoWrapper{
    display: flex;
    flex-grow: 1;
    height:100%;
    max-width: 320px;
    min-width: 150px;
    padding-left: 10px;
}
#SigningPageHeadbarLogo{
    height: 100%;
    width: 100%;
}
#SigningPageHeadbarSubmitWrapper{
    width: 100px;
    height:30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#SigningPageHeadbarSubmitWrapper.mini{
    width: 80px;
    height:27px;
}
.SigningPageHeadbarButton {
    width: 100px;
    height: 30px;
    font-size: 1rem;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    border: 1px solid lightgray;
    border-radius: 5px;
    text-align: center;
    padding-inline: 0px;
    padding-block: 0px;
    color: #083f88;
    background-color: #FEC830;
    cursor: pointer;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14),
        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.SigningPageHeadbarButton.mini {
    width: 60px;
    height:27px;
    font-size: 0.9rem;
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

.LoadingButtonWrapper{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border:1px solid lightgray;
    border-radius: 5px; 
    cursor: pointer;
    font-size: 1rem;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.LoadingButtonWrapper.loading{
    width:100%;
}
.LoadingButton{
    width:80%;
    height:100%;
    cursor: pointer; 
    border: 0px;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    padding-inline: 0;
    padding-block: 0;
}
.LoadingButton.loading{
    font-size: 0.7rem;
}
.LoadingButtonWrapper svg{
    animation: progress 1s infinite;
}
@keyframes progress {
    to {
      transform: rotate(360deg);
    }
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#SigningPageSidebar {
    position: absolute;
    top:0;
    left:0;
    width: 160px;
    height:220px;
    max-height: 90%;
    padding:0px 3px ;
    display: block;
    z-index: 100;
    background-color: #f8f8f8;
    border:1px solid #083f88;
    border-radius: 5px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14),
        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    overflow-y: auto;
    --item-height:30px;
}
#SigningPageSidebar.mini {
    width: 120px;
    /*
    height:190px;
    --item-height:25px;
    */
}
#SigningPageSidebarContent {
    width: 100%;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    padding-top: 10px;
}

.sidebarItemWrapper {
    width: 95%;
    height: var(--item-height);
    min-height: 20px;
    padding-bottom: 5px;
    align-content: center;
}
.sidebarItem {
    width: 100%;
    height: 100%;
    color: #083f88;
    background-color: #f8f8f8;
    border:0;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    padding-inline: 0px;
    text-align: center;
    align-items: center;
    align-content: center;
    box-shadow: none;
    cursor: pointer;
}
.sidebarItem:hover {
    color: #083f88;
    background-color: rgb(222, 222, 222);
    border: 1px solid rgb(222, 222, 222);
    border-radius: 5px;
}
.sidebarItem:disabled {
    color: gray;
}
.sidebarDividerWrapper{
    width: 95%;
    height:10px;
    align-content: center;
}
.sidebarDividerItem{
    background-color: #ccc;
    height: 1px;
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#SignaturePage {
    width:100%;
    height:100%;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: lightgray;
    align-content: center;
    overflow: auto;
}
#SignaturePageContent {
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 400px;
    min-width: 310px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #f5f5f5;
    margin:auto;
    border: 1px solid #083f88;
    border-radius: 10px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3); 
    overflow: auto;
}
#SignaturePageHeader{
    width: 100%;
    height: 60px;
    min-height: 50px;
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}
#SignaturePageTitle{
    width: 200px;
    height: 100%;
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 600;
    color:#083f88;
}
#SignaturePageBody {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding:0px 5px; 
    margin-bottom: 5px;
}
#SignaturePageUserWrapper{
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 5px 0px;
    align-items: center;
}
#SignaturePageUserNameWrapper{
    width:60%;
    height:100%;
    display: block;
    padding-left: 20px;
}
#SignaturePageUserName{
    width:100%;
    height:30px;
    font-size: 1rem;
    font-weight: 700;
    color: gray;
    border: 1px solid #083f88;
    border-radius: 5px;
    background-color:white;
    font-weight: 700;
}
#SignaturePagePreSelectWrapper{
    width:40%;
    height:100%;
    padding-top:20px;
    display: flex;
    justify-content: center;
}
#SignaturePagePreSelectButton{
    width: 120px;
    height:30px;
    color: rgb(255, 77, 7); 
    background-color: #f5f5f5;
    border:1px solid gray;
    border-radius: 5px;
    text-transform: uppercase;
    font-size:1rem;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    text-align: center;
    padding-inline: 0px;
    cursor: pointer;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
#SignaturePagePreSelectButton.mini{
    width: 90px;
    font-size:0.8rem;
}
#SignaturePagePreSelectButton:disabled{
    color: darkgray;
    cursor:default
}

#SignaturePageSignaturePadWrapper{
    width: 370px;
    height:170px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin:auto;
}
#SignaturePageSignaturePadWrapper.mini{
    width: 300px;
    height:140px;
}
#SignaturePagePadBtnWrapper{
    width:100%;
    height:20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
#SignaturePagePadButton{
    color:#083f88;
    border:none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
}
#SignaturePagePadWrapper{
    width:100%;
    height:130px;
    padding:3px;
    border:2px solid darkgray;
    display: block;
    background-color: white;
}
#SignaturePagePadWrapper.mini{
    height:100px;
}
#SignaturePageMessageWrapper{
    width:100%;
    height:20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.signatureMessage{
    color:rgb(234, 175, 151); 
    font-size: 0.9rem;
    font-weight: 700;

}
#SignaturePageFooter{
    width: 100%;
    height:60px;
    display: flex;
    flex-direction: row;
    padding:10px;
}
#SignaturePageButtons{
    width: 100%;
    height:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.signaturePageButtonWrapper{
    width: 100px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.signaturePageButton{
    width: 80px;
    height: 100%;
    border:1px solid darkgray;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 700;
    color: #f5f5f5;
    background-color: rgb(255, 77, 7);
    cursor: pointer;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.signaturePageButton:disabled{
    color: darkgray;
    cursor:default
}
.signaturePageCloseButton{
    width: 80px;
    height: 100%;
    font-size: 1rem;
    font-weight: 700;
    color: #083f88;
    background-color: #f8f8f8;
    cursor: pointer;
    border:1px solid rgb(255, 77, 7);
    border-radius: 7px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.signaturePageBoldLabel{
    display: block;
    font-weight: 700;
    color: darkgray;
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#CaptureSignaturePad{
    width: 100%;
    height: 100%;
    background-color:inherit;
}

#CaptureSignaturePad canvas{
    width:100%;
    height:100%
}
/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#InitialPage {
    width:100%;
    height:100%;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: lightgray;
    align-content: center;
    overflow: auto;
}
#InitialPageContent {
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 400px;
    min-width: 310px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #f5f5f5;
    margin:auto;
    border: 1px solid #083f88;
    border-radius: 10px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3); 
    overflow: auto;
}
#InitialPageHeader{
    width: 100%;
    height: 60px;
    min-height: 50px;
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}
#InitialPageTitle{
    width: 200px;
    height: 100%;
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 600;
    color:#083f88;
}
#InitialPageBody {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding:0px 5px; 
    margin-bottom: 5px;
}
#InitialPageUserWrapper{
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 5px 0px;
    align-items: center;
}
#InitialPageUserInitialWrapper{
    width:60%;
    height:100%;
    display: block;
    padding-left: 20px;
}
#InitialPageUserInitial{
    width:100%;
    height:30px;
    font-size: 1rem;
    font-weight: 700;
    color: gray;
    border: 1px solid #083f88;
    border-radius: 5px;
    background-color:white;
    font-weight: 700;
}
#InitialPagePreSelectWrapper{
    width:40%;
    height:100%;
    padding-top:20px;
    display: flex;
    justify-content: center;
}
#InitialPagePreSelectButton{
    width: 120px;
    height:30px;
    color: rgb(255, 77, 7); 
    background-color: #f5f5f5;
    border:1px solid gray;
    border-radius: 5px;
    text-transform: uppercase;
    font-size:1rem;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    text-align: center;
    padding-inline: 0px;
    cursor: pointer;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
#InitialPagePreSelectButton.mini{
    width: 90px;
    font-size:0.8rem;
}
#InitialPagePreSelectButton:disabled{
    color: darkgray;
    cursor:default
}

#InitialPageInitialPadWrapper{
    width: 200px;
    height:150px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin:auto;
}
#InitialPagePadBtnWrapper{
    width:100%;
    height:20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
#InitialPagePadButton{
    color:#083f88;
    border:none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
}
#InitialPagePadWrapper{
    width:100%;
    height:110px;
    padding:3px;
    border:2px solid darkgray;
    display: block;
    background-color: white;
}
#InitialPageMessageWrapper{
    width:100%;
    height:20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.initialMessage{
    color:rgb(234, 175, 151); 
    font-size: 0.9rem;
    font-weight: 700;

}
#InitialPageFooter{
    width: 100%;
    height:60px;
    display: flex;
    flex-direction: row;
    padding:10px;
}
#InitialPageButtons{
    width: 100%;
    height:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.initialPageButtonWrapper{
    width: 100px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.initialPageButton{
    width: 80px;
    height: 100%;
    border:1px solid darkgray;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 700;
    color: #f5f5f5;
    background-color: rgb(255, 77, 7);
    cursor: pointer;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.initialPageButton:disabled{
    color: darkgray;
    cursor:default
}
.initialPageCloseButton{
    width: 80px;
    height: 100%;
    font-size: 1rem;
    font-weight: 700;
    color: #083f88;
    background-color: #f8f8f8;
    cursor: pointer;
    border:1px solid rgb(255, 77, 7);
    border-radius: 7px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.initialPageBoldLabel{
    display: block;
    font-weight: 700;
    color: darkgray;
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#DeclinePage {
    width:100%;
    height:100%;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: lightgray;
    align-content: center;
    overflow: auto;
}
#DeclinePageContent {
    width: 100%;
    height:60%;
    max-width: 500px;
    min-width: 310px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #f5f5f5;
    border: 1px solid #083f88;
    border-radius: 10px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3); 
    margin:auto;
    overflow: auto;
}
#DeclinePageContent.mini {
    height: 70%;
}
#DeclinePageHeader{
    width: 100%;
    height: 10%;
    min-height: 50px;
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}
#DeclinePageTitle{
    width: 200px;
    height: 100%;
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 600;
    color:#083f88;
}
#DeclinePageBody {
    width: 100%;
    height: 70%;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding:0px 5px; 
    margin: auto;
}
#DeclinePageInputWrapper{
    width: 90%;
    height:60%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin:auto;

}
#DeclinePageInputReason{
    width:100%;
    display: flex;
    flex-grow: 1;
    resize: none;
    font-size: 1rem;
    font-weight: 500;
    color: black;
    border: 1px solid #083f88;
    border-radius: 5px;
    background-color:white;
    
}
#DeclinePageInputWrapper label{
    display: block;
    font-weight: 700;
    color: #083f88;
}

#DeclinePageMessageWrapper{
    width: 90%;
    height:40%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin:auto;
}
#DeclinePageMessage{
    color:rgb(234, 175, 151); 
    font-size: 1rem;
    font-weight: 500;
}

#DeclinePageFooter{
    width: 100%;
    height: 10%;
    min-height: 50px;
    display: flex;
    flex-direction: row;
    padding:10px;
}
#DeclinePageButtons{
    width: 100%;
    height:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.declinePageButtonWrapper{
    width: 100px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#DeclinePageCancelButton{
    width: 80px;
    height: 100%;
    font-size: 1rem;
    font-weight: 700;
    color: #083f88;
    background-color: #f8f8f8;
    cursor: pointer;
    border:1px solid rgb(255, 77, 7);
    border-radius: 7px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}


/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#AgreementPage {
    width:100%;
    height:100%;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: lightgray;
    align-content: center;
}
#AgreementPageContent {
    width: 100%;
    height:fit-content;
    max-height: 87%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    background-color: #f5f5f5;
    margin:auto;
    border: 1px solid #083f88;
    border-radius: 10px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3); 
}
#AgreementPageHeader{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    margin:auto;
    gap: 1rem;
}
#AgreementPageTitle{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 600;
    color:#083f88;
}
#AgreementPageTitleMessage{
    width: 95%;
    display: block;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color:gray;
    margin: auto;
}
#AgreementPageBody {
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding:5px; 
    margin:auto;
    overflow: auto;
}
#AgreementPageDisplay{
    width:100%;
    height:100%;
    display: block;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: gray;
    background-color: #f8f8f8;
    border-radius: 8px; 
    overflow-y:auto ;
    resize: none;
}
#AgreementPageFooter{
    width: 100%;
    height:60px;
    display: flex;
    flex-direction: row;
    padding:10px;
}
#AgreementPageButtons{
    width: 100%;
    height:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.argreementPageBtnWrapper{
    width: 100px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#AgreementPageDeclineButton{
    width: 80px;
    height: 100%;
    font-size: 1rem;
    font-weight: 700;
    color: #083f88;
    background-color: #f8f8f8;
    cursor: pointer;
    border:1px solid rgb(255, 77, 7);
    border-radius: 7px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}


/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#SigningMessage {
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:20px;
    background-color: lightgray;
    margin: auto;
    overflow: auto;
}
#SigningMessageWrapper{
    width:300px;
    height:200px;
    display: block;
    border:1px solid white;
    border-radius: 10px;
    background-color: white;
    color:#083f88;
    text-align: center;
    padding:10px;
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */
 #AuthenticationPage {
    width:100%;
    height: 100%;
    display: block;
 }
 #AuthenticationPageBody {
    width:100%;
    height:calc(100% - var(--angel-sign-header-height));
    display: flex;
    justify-content: center;
    padding:20px;
    background-color: lightgray;
    overflow: hidden;
}

#AuthenticationPageContent {
    width:100%;
    height:fit-content;
    max-width: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:10px;
    background-color:  #f5f5f5;
    margin: auto;
    overflow: auto;
    border: 2px solid darkgray;
    border-radius: 10px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 
                0px 2px 2px 0px rgba(0, 0, 0, 0.14), 
                0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.authItemsWrapper{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
}

.boldLabel{
    display: block;
    font-weight: 700;
    color: #083f88;
}
.authMessagesWrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: auto;
}
.authMessageHeader{
    font-size: 1.2rem;
    font-weight: 600;
}
.authMessageBody{
    color: gray;
}
.authPasswordWrapper{
    width:60%;
    max-width: 300px;
    display: flex;
    justify-content: center;
}
.authButtonWrapper{
    width: 100px;
    height: 30px;
}
.authAlertWrapper{

}
.authAlertMessage{

}
.authAlertMessage.error{
    color:red;
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

.InputPassword{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    min-width: 200px;
    min-height: 30px;
    border:1px solid;
    border-radius: 5px; 
    cursor: pointer;
    background-color: white;
    color:black;
}
.InputPassword.disabled{
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
}
.InputPassword input{
    width:80%;
    height:100%;
    cursor: pointer; 
    border: 0px;
    font-size: 1.1rem;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    padding-inline: 0;
    padding-block: 0;
    outline: none;
    background-color: inherit;
    color:black;
}


.InputPasswordButtons{
    width:25px;
    height: 25px;
    display: block;
}

.InputPasswordButton{
    width: 100%;
    height:100%;
    border: 0px;
    padding-inline: 0;
    padding-block: 0;
    cursor: pointer;
    background-color: inherit;
}
/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#PageHeader{
    width: 100%;
    height: var(--angel-sign-header-height);
    position: sticky;
    top:0;
    left:0;
    background-color: #083f88;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 20px;
    padding-top: 20px;
}

#PageHeaderLogoWrapper{
    width: 100%;
    min-width: 250px;
    max-width:300px;
    height: 100%;
    display: block;
}

#PageHeaderLogo{
    height: 100%;
    width: 100%;
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

#ViewerPage{
    width:100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
#ViewerPageHeader{
    width: 100%;
    height:var(--angel-sign-header-height);
    display: block;
    position: relative;
    background-color:#083f88;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2;
}
#ViewerPageBody{
    width: 100%;
    height:calc(100% - var(--angel-sign-header-height)) ;
    display: block;
    overflow: hidden;
    position: relative;
}
#ViewerPagePDFViewer{
    width:100%;
    height:100%;
    display: block;
    overflow: hidden;
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */

 #ViewerPageHeadbar {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #083f88;
    display: flex;
    flex-direction: row;
    z-index: 2;
}
#ViewerPageHeadbarMenuLogo {
    width: 70%;
    height: 100%;
    min-width: 200px;
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
#ViewerPageHeadbarButtons {
    width: 30%;
    height: 100%;
    min-width: 100px;
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
#ViewerPageHeadbarMenuWrapper {
    width: 35px;
    height: 30px;
    min-width: 35px;
    min-height: 30px;
    margin-right: 5px;
    display:none;
}
#ViewerPageHeadbarMenuIcon {
    width: 100%;
    height: 100%;
    color:blue;
    background-color: #083f88;
    border-radius: 7px;
    border: 1px solid #FEC830;
    padding: 3px;
    cursor: pointer;
}
#ViewerPageHeadbarMenuIcon.disabled {
    border-color: darkgray;   
}
#ViewerPageHeadbarLogoWrapper{
    display: flex;
    flex-grow: 1;
    height:100%;
    max-width: 320px;
    min-width: 150px;
    padding-left: 10px;
}
#ViewerPageHeadbarLogo{
    height: 100%;
    width: 100%;
}

.viewerPageHeadbarButton {
    width: 100px;
    height: 30px;
    font-size: 0.9rem;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    border: 1px solid lightgray;
    border-radius: 5px;
    text-align: center;
    padding-inline: 0px;
    padding-block: 0px;
    color: #083f88;
    background-color: #FEC830;
    cursor: pointer;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14),
        0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.viewerPageHeadbarButton.mini {
    width: 75px;
    height:25px;
    font-size: 0.7rem;
}

/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */
#MessagePage{
    width: 100%;
    height:100%;
    display: block;
}

#MessagePageBody {
    width:100%;
    height:calc(100% - var(--angel-sign-header-height));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:20px;
    background-color: lightgray;
    margin: auto;
    overflow: auto;
}
#MessagePageMessageWrapper{
    width:300px;
    height:200px;
    display: block;
    border:1px solid white;
    border-radius: 10px;
    background-color: white;
    color:#083f88;
    text-align: center;
    padding:10px;
}

/* Basic reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container{
    width: 100%;
    height: 100vh; /* Full viewport height for testing */
}

.page {
    width:100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.header {
    position: sticky;
    top: 0;
    width: 100%; /* Full width within the parent container */
    height: 60px;
    background-color: #333;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.body {
    height:calc(100% - 60px);
    display: flex;
    flex-grow: 1;
    overflow: hidden;
}

.sidebar {
    width: 200px;
    height: 100%;
    padding: 10px;
    background-color: #f0f0f0;
    position: sticky;
    /*top: 60px;  Stays below the header */
    align-self: flex-start; /* Keeps it positioned at the start */
    display: flex;
    z-index: 20;
    overflow: hidden;
}

.main {
    width:calc(100% - 200px);
    height:100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.toolbar {
    width:100%;
    height: 60px;
    position: sticky;
    top:0;
    /*top: 60px;  /*Positioned below the header */
    background-color:#ddd;
    padding: 10px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.content {
    width:100%;
    display: flex;
    height:calc(100% - 80px);
    padding: 20px;
    background-color: #ffffff;
    overflow: auto;
    z-index: 1;
}
.element{
    width:1500px;
    height:1400px;
    background-color: cadetblue;
    display: block;
}

.container2{
    width:100%;
    height:100%;
}
.page2{
    width: 100%;
    height:100%;
    display:flex;
    flex-direction: column;
    --page-header-height:100px;
    --bar-sidebar-width:200px;
    --bar-topbar-height:50px;
    overflow: hidden;
}
.header2{
    width:100%;
    height:var(--page-header-height);
    position: sticky;
    top:0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: black;
    z-index: 20;
}
.body2{
    width:100%;
    height:calc(100% - var(--page-header-height));
    display: flex;
    flex-grow: 1;
    background-color: gray;
    overflow: hidden;
}
.sidebar2{
    width:var(--bar-sidebar-width);
    height: 100%;
    padding: 10px;
    background-color: #f0f0f0;
    position: sticky;
    /*top: 60px;  Stays below the header */
    align-self: flex-start; /* Keeps it positioned at the start */
    display: flex;
    z-index: 20;
    overflow: hidden;
}
.main2{
    width:calc(100% - 200px);
    height:100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.topbarWrapper{
    width:100%;
    height: 60px;
    position: sticky;
    top:0;
    /*top: 60px;  /*Positioned below the header */
    background-color:#ddd;
    padding: 10px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10;
}
.content2{
    width:100%;
    height:calc(100% - 60px);
    display: block;
    overflow: hidden;
}
.wrapper2{
    width: 100%;
    height: 100%; /* Full viewport height */
    display: flex;
    overflow: auto; /* Enables scrollbars on both axes when needed */
    border: 1px solid #ccc;
    background-color: antiquewhite;
    box-sizing: border-box;
}
.element2{
    width: 500px; /* Initial width */
    height: 300px; /* Initial height */
    background-color: lightblue;
    box-sizing: border-box; /* Includes border in element size */
    transform-origin: top left; /* Ensures scaling from top-left corner */
    transform: scale(1.7); /* Default scale */
    border: 2px solid blue;
}
/* 
 
 Copyright© Celligence International, LLC - 2023
 
 This software program is protected by copyright laws and is the property of
 Celligence International, LLC (Celligence). Any unauthorized reproduction,
 distribution, modification, or public display of this program, without the
 explicit permission of Celligence is strictly prohibited. If you have gained
 access to this program without the expressed approval of Celligence report
 the incident to legal@celligence.com.
 
 */
 #LoadingPage {
  width:100%;
  height: 100%;
  display: block;
}
#LoadingPageBody {
  width:100%;
  height:calc(100% - var(--angel-sign-header-height));
  display: flex;
  justify-content: center;
  padding:20px;
  background-color: lightgray;
  overflow: hidden;
}
#LoadingPageContent {
  width:100%;
  height:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding:20px;
  background-color: lightgray;
  margin: auto;
  overflow: auto;
}
.loadingText{
    font-size: 1.5em;
    font-weight: bold; 
    color: #E9E9E9 ;
}

.loadingSpinner-section{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.loadingSpinner-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.spinner {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
  }

.spinner:before,
.spinner:after {
  content: "";
  position: absolute;
  border-radius: inherit;
}

.spinner:before {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, #f2942a 0%, #0b55a0 100%);
  animation: spin 1s infinite linear;
}

.spinner:after {
  width: 85%;
  height: 85%;
  background-color: #e9e9e9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.AngelSignWrapper_container__APHDB {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: flex;
  flex-direction: column;
}

.AngelSignWrapper_angelSignContainer__CwwBl {
  height: 100%;
  position: relative;
}

.AngelSignWrapper_angelSignContainer__CwwBl > * {
  height: 100%;
}

.AngelSignWrapper_disablePointerEvents__KuF-v {
  pointer-events: none;
}

.AngelSignWrapper_closeButtonContainer__gpaSK {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  background-color: lightgray;
  z-index: 10000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.AngelSignWrapper_closeButton__-I3SL {
  width: 100%;
  margin: 0 auto;
  background: linear-gradient(var(--peach700), var(--peach920));
  text-transform: none;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 1px 10px var(--gray400) !important;
}

.AngelSignWrapper_closeButton__-I3SL:hover {
  filter: brightness(90%);
  transition: all 0.2s ease-in-out;
}

.AngelSignWrapper_backToChatContainer__tTsqQ {
  display: flex;
  gap: 8px;
  align-items: center;
}

.AngelSignWrapper_backToChatText__LM3fO {
  font-weight: 600;
  font-size: 1.1rem;
}

.AngelSignWrapper_angelWithHeadsetImage__fP4-F {
  width: 45px;
}

.AngelSignWrapper_chatBubblesImage__maSlm {
  width: 30px;
}

/* 

Copyright© Celligence International, LLC - 2023

This software program is protected by copyright laws and is the property of
Celligence International, LLC (Celligence). Any unauthorized reproduction,
distribution, modification, or public display of this program, without the
explicit permission of Celligence is strictly prohibited. If you have gained
access to this program without the expressed approval of Celligence report
the incident to legal@celligence.com.

*/

@font-face {
  font-family: "Honey Script";
  src: url(https://www.swmc.com/angelai/static/media/HoneyScript.813e998927776cfcffec.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0;
}

#angelSignAdmin * {
  font-family: 'Poppins', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.00938em;
}

#angelSignAdmin .MuiTableSortLabel-root.Mui-active {
  color: #fff !important;
  box-shadow: 0 0 8px #fff;
  border-radius: 10px;
  padding: 0 10px;
}

#angelSignAdmin .MuiTableSortLabel-icon {
  color: #fff !important;
}

#angelSignAdmin .MuiTableSortLabel-root:hover {
  color: #ccc !important;
}

#angelSignAdmin::-webkit-scrollbar, #angelSignAdmin *::-webkit-scrollbar {
  width: 1em !important;
}

#angelSignAdmin::-webkit-scrollbar-track, #angelSignAdmin *::-webkit-scrollbar-track {
  background-color: white !important;
  box-shadow: inset 0 0 6px #00000000 !important;
  -webkit-box-shadow: inset 0 0 6px #00000000 !important;
}

#angelSignAdmin::-webkit-scrollbar-thumb, #angelSignAdmin *::-webkit-scrollbar-thumb {
  background-color: #0000000A !important;
  border: 4px solid transparent !important;
  outline: 1px solid slategray !important;
  outline-offset: -4px !important;
  background-clip: padding-box !important;
  border-radius: 1em !important;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

.spinner {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.spinner:before,
.spinner:after {
  content: "";
  position: absolute;
  border-radius: inherit;
}

.spinner:before {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, #f2942a 0%, #0b55a0 100%);
  animation: spin 1s infinite linear;
}

.spinner:after {
  width: 85%;
  height: 85%;
  background-color: #e9e9e9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.arrow {
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
}

/* Centers the textlayer of the pdf to the center of the viewer div */
#viewer.pdfViewer > div > .textLayer {
  opacity: 1 !important;
}

/* Below layers are generated from the library we are using and we do not need these.
   Ideally we can not render them at all instead of setting display to none.
*/
#viewer.pdfViewer > div > .annotationLayer {
  display: none !important;
}

#viewer.pdfViewer > div > .annotationEditorLayer {
  display: none !important;
}

@media screen and (max-width: 768px) {
  #AngelSignAdmin {
    max-width: 100%;
    overflow-x: auto;
  }
}

.AngelSignAdminWrapper_container__vJ4JB {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  background-color: white;
}

.AngelSignAdminWrapper_wrapper__3uQH\+ {
  min-height: 100%;
  min-width: 100%;
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  display: flex;
  align-items: stretch;
}

.AngelSignAdminWrapper_wrapper__3uQH\+ *::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
  border-radius: 0px !important;
}

.AngelSignAdminWrapper_wrapper__3uQH\+ *::-webkit-scrollbar-track {
  background: #fff !important;
  border-radius: 0 !important;
}

.AngelSignAdminWrapper_wrapper__3uQH\+ *::-webkit-scrollbar-thumb {
  background: #aaa !important;
  border-radius: 8px !important;
}

.AngelSignAdminWrapper_wrapper__3uQH\+ *::-webkit-scrollbar-thumb:hover {
  background: #888 !important;
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu {
  display: flex;
  flex-direction: column;
  max-width: min(90%, calc(100vw - 50px));
  position: relative;
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu .InviteReferrerMessageContent_messageContainer__vMLe\+ {
  width: 100%;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu .InviteReferrerMessageContent_messageContainer__vMLe\+ > .InviteReferrerMessageContent_chatBubbleContainer__Zo2sD {
  padding: 10px;
  border-radius: 10px 10px 0 0;
  max-width: 75vw;
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu .InviteReferrerMessageContent_joinButtonContainer__PqtEt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  max-width: 75vw;
  height: fit-content;
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  background: linear-gradient(90deg, var(--orange800), purple, var(--orange800));
  background-size: 300% 100%;
  animation: InviteReferrerMessageContent_gradientMove__wApjl 10s linear infinite;
}

@keyframes InviteReferrerMessageContent_gradientMove__wApjl {
  0% { background-position: 0% 50%; }
  100% { background-position: -300% 50%; }
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu button.InviteReferrerMessageContent_joinButton__0CSR5 {
  font-size: 0.8rem;
  width: 100%;
  background: linear-gradient(var(--shadow902), var(--shadow903)) !important;
  margin-top: auto;
  border-radius: 0 0 8px 8px;
  height: fit-content;
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu .InviteReferrerMessageContent_arrow__E\+OAi{
  margin-right: 10px;
  border: 1px solid white;
  border-radius: 50%;
  padding: 2px;
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu .InviteReferrerMessageContent_expandingContainer__aQIrZ {
  overflow: hidden;
  transition: height 0.4s ease;
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu .InviteReferrerMessageContent_buttonContainer__jFJNK {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu .InviteReferrerMessageContent_readMoreButton__QvG9f {
  margin-top: 8px;
  background: none;
  border: none;
  color: var(--orange900);
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  float: right;
  text-decoration: none;
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu .InviteReferrerMessageContent_alertIconContainer__duA9k{
  display: flex;
  height: 30px;
  width: 30px;
  position: absolute;
  top: -21px;
  z-index: 3;
  right: 16px;
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu .InviteReferrerMessageContent_alertIcon__6lU3r {
  transition: transform 0.3s ease, opacity 0.15s ease;;
  width: 30px;
  height: 30px;
}

/* Rotate 180 degrees when expanded */
.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu .InviteReferrerMessageContent_rotateIcon__KlukI {
  transform: rotate(360deg);
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu .InviteReferrerMessageContent_fading__21pLZ {
  opacity: 0;
}
.UpcomingEventsListMessageContent_titleContainer__GfcDa {
  width: 100%;
}

.UpcomingEventsListMessageContent_titleContainer__GfcDa p {
  line-height: 30px;
  color: white;
  background-color: var(--orange900);
  border-radius: 8px 8px 0px 0px;
  font-family: Poppins;
  font-weight: 600;
  font-size: 0.8rem;
  width: 100%;
  padding: 7px;
}

@media (max-width: 900px){
  .UpcomingEventsListMessageContent_titleContainer__GfcDa p{
    font-size: 0.75rem;
  }
}

.UpcomingEventsListMessageContent_subTitleContainer__dkspj {
  width: 100%;
}

.UpcomingEventsListMessageContent_subTitleContainer__dkspj p {
  line-height: 20px;
  color: white;
  background-color: var(--orange900);
  border-radius: 0px 0px 8px 8px;
  font-family: Poppins;
  font-weight: 500;
  font-size: 0.6rem;
  width: 100%;
  padding: 7px;
}

@media (max-width: 900px){
  .UpcomingEventsListMessageContent_subTitleContainer__dkspj p{
    font-size: 0.7rem;
  }
}

.UpcomingEventsListMessageContent_optionsContainer__Dbyb5 {
  padding: 6px 0px 9px 0px;
  display: flex;
  flex-direction: column;
}

.UpcomingEventsListMessageContent_optionContainer__fSI-m {
  transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease; /* Safari and older browsers */
  -moz-transition: background-color 0.5s ease;
  padding-left: 15px;
  padding-right: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.UpcomingEventsListMessageContent_optionContainer__fSI-m p {
  font-family: Poppins;
}

.UpcomingEventsListMessageContent_optionContainer__fSI-m::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 1px; /* Border height */
  background-color: rgb(255, 116, 0); /* Border color */
  transition: width 0.5s ease; /* Animation duration and easing */
  opacity: 0;
}

.UpcomingEventsListMessageContent_optionContainer__fSI-m::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px; /* Border height */
  background-color: rgb(255, 116, 0); /* Border color */
  transition: width 0.5s ease; /* Animation duration and easing */
  opacity: 0;
}

.UpcomingEventsListMessageContent_optionContainer__fSI-m.UpcomingEventsListMessageContent_hovered__s937I {
  background-color: #ffe0cf;
}

.UpcomingEventsListMessageContent_optionContainer__fSI-m > :first-child {
  transition: all 0.4s ease;
}

@media (max-width: 900px){
  .UpcomingEventsListMessageContent_optionContainer__fSI-m {
      padding-top: 5px;
      padding-bottom: 5px;
  }
}

/* Apply hover effect only for screens larger than 1024px (i.e., exclude tablets and mobiles) */
@media only screen and (min-width: 1025px) {
  .UpcomingEventsListMessageContent_optionContainer__fSI-m:hover {
    background-color: #ffe0cf;
  }

  .UpcomingEventsListMessageContent_optionContainer__fSI-m:hover::after, 
  .UpcomingEventsListMessageContent_optionContainer__fSI-m:hover::before {
      width: 100%;
      opacity: 0.6;
  }
  
  .UpcomingEventsListMessageContent_optionContainer__fSI-m:hover > :first-child {
      /* background-color: #FFF3EE !important; */
      background-color: rgb(253, 166, 94) !important;
      transform: scale(1.1);
  }
}

.UpcomingEventsListMessageContent_optionNumber__7rvb6 {
  color: white;
  position: absolute;
  left: -10px;
  background-color: var(--orange900);
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  border: 1px solid rgb(255, 243, 238);
  font-family: Poppins;
  font-size: 0.75rem;
  font-weight: 500;
}

@media (max-width: 900px) {
  .UpcomingEventsListMessageContent_optionNumber__7rvb6 {
    font-size: 0.7rem;
  }
}

.main_joinButtonContainer__nHvuA {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: fit-content;
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
  border-radius: 0 0 18px 18px;
  overflow: hidden;
  background: linear-gradient(90deg, var(--orange800), purple, var(--orange800));
  background-size: 300% 100%;
  animation: main_gradientMove__P7bVw 10s linear infinite;
  z-index: 0;
  margin-top: -13px;
}

.main_topPartTextContainer__ooNhr {
  padding: 8px;
  min-width: 50px;
  width: 100%;
  border: 1px solid var(--orange700);
  border-radius: 16px;
  z-index: 1;
  background-color: white;
  font-size: 0.9rem;
}

.main_topPartText__C9weZ {
  padding: 8px;
  width: 100%;
}

.main_arrow__\+Nxuh {
  margin-right: 10px;
  border: 1px solid white;
  border-radius: 50%;
  padding: 1px;
  font-size: 19px;
}

@keyframes main_gradientMove__P7bVw {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: -300% 50%;
  }
}

.main_joinButton__NfT00 {
  font-size: 0.8rem;
  width: 100%;
  background: linear-gradient(var(--shadow902), var(--shadow903)) !important;
  margin-top: auto;
  border-radius: 0 0 8px 8px;
  height: fit-content;
  padding-top: 12px;
}

.main_joinButtonInnerContainerText__jtQCY {
  font-size: 0.75rem;
  font-weight: bold;
}

.main_joinButtonInnerContainer__MK01i {
  color: white;
  width: 100%;
  padding: 6px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.MorphAttachmentMenu_morphAttachmentMenuWrapper__QlEFO {
  padding: 1rem 1rem 0.25rem 1rem;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  background-color:  var(--orange000);
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: auto;
  position: relative;
  top: 1px;
  overflow: hidden;
}

.MorphAttachmentMenu_defaultHeight__601DC{
  height: 75px;
  transition: height 0.5s linear;
}

.MorphAttachmentMenu_uploadingHeight__O\+XiR{
  height: 158px;
  transition: height 0.5s linear;
}

.MorphAttachmentMenu_morphAttachmentMenuWrapper__QlEFO .MorphAttachmentMenu_btn__qWD4i {
  background-color: var(--gray000);
  border: 0.125rem solid var(--gray000);
  color: var(--orange000);
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0 4px;
}

.MorphAttachmentMenu_morphAttachmentMenuWrapper__QlEFO .MorphAttachmentMenu_btn__qWD4i:hover,
.MorphAttachmentMenu_morphAttachmentMenuWrapper__QlEFO .MorphAttachmentMenu_btn__qWD4i:focus {
  border: 0.125rem solid transparent;
}

.MorphAttachmentMenu_morphAttachmentMenuWrapper__QlEFO .MorphAttachmentMenu_btn__qWD4i:hover .MorphAttachmentMenu_label__G-0dD,
.MorphAttachmentMenu_morphAttachmentMenuWrapper__QlEFO .MorphAttachmentMenu_btn__qWD4i:focus .MorphAttachmentMenu_label__G-0dD {
  font-weight: bold;
}

.MorphAttachmentMenu_morphAttachmentMenuWrapper__QlEFO .MorphAttachmentMenu_btnBorder__V\+\+v1 {
  border: 0.0625rem solid var(--orange000);
  border-radius: 0.5rem;
  min-width: 4.125rem;
  width: 100%;
  height: 100%;
  min-height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  flex-direction: column;
}

.MorphAttachmentMenu_morphAttachmentMenuWrapper__QlEFO .MorphAttachmentMenu_label__G-0dD {
  color: var(--gray600);
  font-family: var(--typographyFontFamily);
  font-weight: normal;
  font-size: 0.5rem;
  padding: 0 3px;
}

.MorphAttachmentMenu_morphAttachmentMenuBottomBorder__f3Vx1 {
  width: 100%;
  height: .75rem;
  background-color:  var(--orange000);
  border-top-left-radius: 0rem;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0rem;
  display: block;
}

.MorphAttachmentMenu_left__5p8OA{
  border-bottom-left-radius: 0px;
}

@media (max-width: 900px) {
  .MorphAttachmentMenu_left__5p8OA{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
  }
}

@media (min-width: 900px) {
  .MorphAttachmentMenu_morphAttachmentMenuWrapper__QlEFO {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
    width: fit-content;
    max-width: calc(100% - 150px);
  }
  
  .MorphAttachmentMenu_morphAttachmentMenuWrapper__QlEFO::before {
    position: absolute;
    left: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(circle at 0% 0%, transparent 0.5rem, var(--orange000) 0.5625rem, var(--orange000) 0.625rem);
  }
  
  .MorphAttachmentMenu_morphAttachmentMenuWrapper__QlEFO::after {
    position: absolute;
    right: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(circle at 100% 0%, transparent 0.5rem, var(--orange000) 0.5625rem, var(--orange000) 0.625rem);
  }

  .MorphAttachmentMenu_morphAttachmentMenuBottomBorder__f3Vx1 {
    height: .75rem;
    background-color: var(--orange000);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.5rem;
    display: block;
    margin: 0;
    position: relative;
  }

  .MorphAttachmentMenu_morphAttachmentMenuBottomBorder__f3Vx1.MorphAttachmentMenu_isMorphedFooterCloseButtonOnLeft__VWTq8 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.5rem;
  }
}
.PreviewSelectedFiles_psfDiv__v67I4{
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  height: fit-content;
  left: 0;
  max-width: calc(100% - 8px);
  padding: 2px;
  z-index: 4;
  align-items: center;
}

.PreviewSelectedFiles_psfCloseIcon__zV8fY{
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: var(--peach730);
  &:hover {
    color: var(--peach810);
  }
}

.PreviewSelectedFiles_psfNail__CHspw{
  width: fit-content;
  margin-left: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.PreviewSelectedFiles_psfThumb__cKYuh{
  background-color: var(--primaryContrastText);
  border-radius: 5px;
  border: 1px solid var(--primaryMain);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: auto !important;
  justify-content: center;
}

.PreviewSelectedFiles_psfFileHolder__21UPW{
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  align-items: center;
}

.PreviewSelectedFiles_psfFileHolder__21UPW img {
  object-fit: contain;
  max-height: 29px;
  min-height: 29px;
  max-width: 75px;
  min-width: 75px;
  padding-top: 5px;
}

.PreviewSelectedFiles_psfFileHolder__21UPW p {
  font-size: 0.75rem;
  font-family: 'Poppins';
  max-width: 100px;
  overflow: hidden;
  padding: 2.5px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  width: 100px;
  text-align: center;
}

.PreviewSelectedFiles_swiperSlide__5s4iG {
  display: flex;
  width: auto !important;
  justify-content: center;
}

.PreviewSelectedFiles_circularProgress__FWYdC{
  position: absolute;
}
.MorphPhotoMenu_wrapper__YJHz8 {
  align-items: center;
  padding: 1rem 1rem 0.25rem 1rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-color: var(--primaryMain);
  min-width: 200px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  margin: auto;
  position: relative;
  height: 75px;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  grid-template-columns: repeat(3, 1fr);
  width: fit-content;
}

.MorphPhotoMenu_wrapper__YJHz8::before,
.MorphPhotoMenu_wrapper__YJHz8::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 30px; /* Width of the curve */
  height: 100px; /* Height of the curve */
  background-color: var(--primaryMain); /* Background color of the curve */
  border-radius: 50px / 50px; /* Smooth curve */
  z-index: 1; /* Ensure it's behind the main wrapper content */
}

.MorphPhotoMenu_wrapper__YJHz8::before {
  left: 40px; /* Positioning left curve */
  transform: translate(-50%, -50%) rotate(90deg); /* Rotating for horizontal alignment */
}

.MorphPhotoMenu_wrapper__YJHz8::after {
  right: 40px; /* Positioning right curve */
  transform: translate(50%, -50%) rotate(90deg); /* Rotating for horizontal alignment */
}


.MorphPhotoMenu_swiper-container__Ba6-V .MorphPhotoMenu_swiper-button-next__J85qK,
.MorphPhotoMenu_swiper-container__Ba6-V .MorphPhotoMenu_swiper-button-prev__ZOFNz {
  --swiper-navigation-color: var(--gray000);
  --swiper-navigation-size: 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  background: none;
  z-index: 10;
  /* To ensure they are above other elements */
}

.MorphPhotoMenu_swiper-container__Ba6-V .MorphPhotoMenu_swiper-button-next__J85qK {
  right: 10px;
}

.MorphPhotoMenu_swiper-container__Ba6-V .MorphPhotoMenu_swiper-button-prev__ZOFNz {
  left: 10px;
}

.MorphPhotoMenu_swiper-container__Ba6-V .MorphPhotoMenu_swiper-button-next__J85qK:after,
.MorphPhotoMenu_swiper-container__Ba6-V .MorphPhotoMenu_swiper-button-prev__ZOFNz:after {
  font-size: 1.5rem;
}

.MorphPhotoMenu_btn__IgJxT {
  background-color: var(--gray000);
  cursor: pointer;
  width: 60px;
  border: 0.125rem solid var(--gray000);
  border-radius: 0.5rem;
}

.MorphPhotoMenu_btn__IgJxT:hover,
.MorphPhotoMenu_btn__IgJxT:focus {
  border: 0.125rem solid transparent;
}

.MorphPhotoMenu_btn__IgJxT:hover .MorphPhotoMenu_label__3cHLH,
.MorphPhotoMenu_btn__IgJxT:focus .MorphPhotoMenu_label__3cHLH {
  font-weight: bold;
}

.MorphPhotoMenu_btnBorder__cV2Uh {
  border: 0.0625rem solid var(--primaryMain);
  border-radius: 0.5rem;
  cursor: pointer;
  min-width: 3.125rem;
  position: relative;
  width: 100%;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  flex-direction: column;
}

.MorphPhotoMenu_label__3cHLH {
  cursor: pointer;
  color: var(--gray600);
  font-family: var(--typographyFontFamily);
  font-weight: normal;
  font-size: 0.5rem;
}

.MorphPhotoMenu_selectDay__HxTDV {
  white-space: nowrap;
  top: 74%;
  position: absolute;
  font-size: 0.50rem; /* Slightly larger than dayLabel for visibility */
  color: var(--primaryMain); /* A contrasting color to stand out */
  font-weight: bold; /* Make the text more prominent */
  letter-spacing: 0.02rem; /* Slight spacing for better readability */
  margin: 0.25rem 0; /* Space above and below the text */
  text-transform: capitalize; /* Capitalize for consistency with dayLabel */
}

.MorphPhotoMenu_swiperButtonNext__jO3EJ,
.MorphPhotoMenu_swiperButtonPrev__f3wB5 {
  position: absolute;
  top: 50%;
  transform: translateY(-15px);
  width: 2rem; /* Width matching the arrow */
  height: 4rem;
  z-index: 10;
  cursor: pointer;
}

.MorphPhotoMenu_swiperButtonNext__jO3EJ {
  width: 0.90rem;
  height: 4rem;
  -webkit-user-select: none;
          user-select: none;
  color: var(--gray000);
  right: 0; /* Adjust as needed */
}

.MorphPhotoMenu_swiperButtonPrev__f3wB5 {
  width: 0.90rem;
  height: 4rem;
  -webkit-user-select: none;
          user-select: none;
  color: var(--gray000);
  left: 0; /* Adjust as needed */
}

.MorphPhotoMenu_dayLabel__TQVAm {
  color: var(--gray600);
  font-family: var(--typographyFontFamily);
  font-size: 0.5rem; /* smaller size for the day of the week */
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  display: block; /* makes sure that the day of the week is on a new line */
  margin: 0; /* adjust as needed */
}

.MorphPhotoMenu_dayOfMonth__CT1JN {
  font-size: 1.4rem; /* larger size for the day of the month */
  font-weight: bold; /* makes the number pop */
  line-height: 1; /* adjust the line height to control spacing */
  color: var(--primaryMain); /* a color that stands out, assuming it fits your color scheme */
}

.MorphPhotoMenu_bottomBorder__zOEq- {
  width: 100%;
  height: .75rem;
  background-color: var(--primaryMain);
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0rem;
  display: block;
  margin-top: -0.1rem;
}

.MorphPhotoMenu_wrapper__YJHz8 {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  grid-template-columns: repeat(3, 1fr);
  width: fit-content;
}
/* 
.wrapper::before {
  position: absolute;
  left: -0.5625rem;
  bottom: -0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  content: '';
  display: block;
  background: radial-gradient(circle at 0% 0%, transparent 0.5rem, var(--primaryMain) 0.5625rem, var(--primaryMain) 0.625rem);
}

.wrapper::after {
  position: absolute;
  right: -0.5625rem;
  bottom: -0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  content: '';
  display: block;
  background: radial-gradient(circle at 100% 0%, transparent 0.5rem, var(--primaryMain) 0.5625rem, var(--primaryMain) 0.625rem);
} */

.MorphPhotoMenu_bottomBorder__zOEq- {
  height: .75rem;
  background-color: var(--primaryMain);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.5rem;
  display: relative;
}

.MorphPhotoMenu_removeOverlay__F0YKH {
  position: absolute;
  bottom: 0;
  /* Position it at the bottom */
  left: 50%;
  /* Centering it horizontally */
  transform: translateX(-50%);
  width: 100%;
  /* To occupy full width of the parent */
  height: 30%;
  /* To occupy 30% height of the parent */
  background-color: var(--shadow702);
  border-radius: 0 0 20% 20%;
  /* Oval shape at the bottom */
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 2;
  }

  .MorphPhotoMenu_removeText__Rbuwt {
    color: black;
    font-size: 0.7em;
  }

  .MorphPhotoMenu_labelContainer__1Ifda {
    position: relative;
    display: block;
  }


:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-path-flags-1x: url(https://www.swmc.com/angelai/static/media/flags.bd95ef49b665a571ca04.webp);
  --iti-path-flags-2x: url(https://www.swmc.com/angelai/static/media/flags@2x.bea0200ba7ea874b359f.webp);
  --iti-path-globe-1x: url(https://www.swmc.com/angelai/static/media/globe.7fb216c936a98b90918e.webp);
  --iti-path-globe-2x: url(https://www.swmc.com/angelai/static/media/globe@2x.5dc7e51d6b5d42fc2be4.webp);
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin: 0 !important;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 1px;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
  margin-left: 6px;
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: calc(6px / 2) solid transparent;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: calc(6px / 2) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: 4px solid #555;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir=rtl] .iti__arrow {
  margin-right: 6px;
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: white;
  background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(1px * -1);
  margin-left: calc(var(--iti-border-width) * -1);
  border: 1px solid #ccc;
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid #ccc;
  border-top: 1px solid var(--iti-border-color);
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px 8px;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}
.iti__dial-code {
  color: #999;
  color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
  background-color: var(--iti-hover-color);
}
.iti__country-list .iti__flag, .iti__country-name {
  margin-right: 8px;
  margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: 8px;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: rgba(0, 0, 0, 0.05);
  background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
  margin-left: 4px;
}
[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: 30px;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset: 100px;
  height: 12px;
  height: var(--iti-flag-height);
  width: 16px;
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url(https://www.swmc.com/angelai/static/media/flags.bd95ef49b665a571ca04.webp);
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: 3904px 12px;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__ac {
  --iti-flag-offset: 0px;
}

.iti__ad {
  --iti-flag-offset: -16px;
}

.iti__ae {
  --iti-flag-offset: -32px;
}

.iti__af {
  --iti-flag-offset: -48px;
}

.iti__ag {
  --iti-flag-offset: -64px;
}

.iti__ai {
  --iti-flag-offset: -80px;
}

.iti__al {
  --iti-flag-offset: -96px;
}

.iti__am {
  --iti-flag-offset: -112px;
}

.iti__ao {
  --iti-flag-offset: -128px;
}

.iti__ar {
  --iti-flag-offset: -144px;
}

.iti__as {
  --iti-flag-offset: -160px;
}

.iti__at {
  --iti-flag-offset: -176px;
}

.iti__au {
  --iti-flag-offset: -192px;
}

.iti__aw {
  --iti-flag-offset: -208px;
}

.iti__ax {
  --iti-flag-offset: -224px;
}

.iti__az {
  --iti-flag-offset: -240px;
}

.iti__ba {
  --iti-flag-offset: -256px;
}

.iti__bb {
  --iti-flag-offset: -272px;
}

.iti__bd {
  --iti-flag-offset: -288px;
}

.iti__be {
  --iti-flag-offset: -304px;
}

.iti__bf {
  --iti-flag-offset: -320px;
}

.iti__bg {
  --iti-flag-offset: -336px;
}

.iti__bh {
  --iti-flag-offset: -352px;
}

.iti__bi {
  --iti-flag-offset: -368px;
}

.iti__bj {
  --iti-flag-offset: -384px;
}

.iti__bl {
  --iti-flag-offset: -400px;
}

.iti__bm {
  --iti-flag-offset: -416px;
}

.iti__bn {
  --iti-flag-offset: -432px;
}

.iti__bo {
  --iti-flag-offset: -448px;
}

.iti__bq {
  --iti-flag-offset: -464px;
}

.iti__br {
  --iti-flag-offset: -480px;
}

.iti__bs {
  --iti-flag-offset: -496px;
}

.iti__bt {
  --iti-flag-offset: -512px;
}

.iti__bw {
  --iti-flag-offset: -528px;
}

.iti__by {
  --iti-flag-offset: -544px;
}

.iti__bz {
  --iti-flag-offset: -560px;
}

.iti__ca {
  --iti-flag-offset: -576px;
}

.iti__cc {
  --iti-flag-offset: -592px;
}

.iti__cd {
  --iti-flag-offset: -608px;
}

.iti__cf {
  --iti-flag-offset: -624px;
}

.iti__cg {
  --iti-flag-offset: -640px;
}

.iti__ch {
  --iti-flag-offset: -656px;
}

.iti__ci {
  --iti-flag-offset: -672px;
}

.iti__ck {
  --iti-flag-offset: -688px;
}

.iti__cl {
  --iti-flag-offset: -704px;
}

.iti__cm {
  --iti-flag-offset: -720px;
}

.iti__cn {
  --iti-flag-offset: -736px;
}

.iti__co {
  --iti-flag-offset: -752px;
}

.iti__cr {
  --iti-flag-offset: -768px;
}

.iti__cu {
  --iti-flag-offset: -784px;
}

.iti__cv {
  --iti-flag-offset: -800px;
}

.iti__cw {
  --iti-flag-offset: -816px;
}

.iti__cx {
  --iti-flag-offset: -832px;
}

.iti__cy {
  --iti-flag-offset: -848px;
}

.iti__cz {
  --iti-flag-offset: -864px;
}

.iti__de {
  --iti-flag-offset: -880px;
}

.iti__dj {
  --iti-flag-offset: -896px;
}

.iti__dk {
  --iti-flag-offset: -912px;
}

.iti__dm {
  --iti-flag-offset: -928px;
}

.iti__do {
  --iti-flag-offset: -944px;
}

.iti__dz {
  --iti-flag-offset: -960px;
}

.iti__ec {
  --iti-flag-offset: -976px;
}

.iti__ee {
  --iti-flag-offset: -992px;
}

.iti__eg {
  --iti-flag-offset: -1008px;
}

.iti__eh {
  --iti-flag-offset: -1024px;
}

.iti__er {
  --iti-flag-offset: -1040px;
}

.iti__es {
  --iti-flag-offset: -1056px;
}

.iti__et {
  --iti-flag-offset: -1072px;
}

.iti__fi {
  --iti-flag-offset: -1088px;
}

.iti__fj {
  --iti-flag-offset: -1104px;
}

.iti__fk {
  --iti-flag-offset: -1120px;
}

.iti__fm {
  --iti-flag-offset: -1136px;
}

.iti__fo {
  --iti-flag-offset: -1152px;
}

.iti__fr {
  --iti-flag-offset: -1168px;
}

.iti__ga {
  --iti-flag-offset: -1184px;
}

.iti__gb {
  --iti-flag-offset: -1200px;
}

.iti__gd {
  --iti-flag-offset: -1216px;
}

.iti__ge {
  --iti-flag-offset: -1232px;
}

.iti__gf {
  --iti-flag-offset: -1248px;
}

.iti__gg {
  --iti-flag-offset: -1264px;
}

.iti__gh {
  --iti-flag-offset: -1280px;
}

.iti__gi {
  --iti-flag-offset: -1296px;
}

.iti__gl {
  --iti-flag-offset: -1312px;
}

.iti__gm {
  --iti-flag-offset: -1328px;
}

.iti__gn {
  --iti-flag-offset: -1344px;
}

.iti__gp {
  --iti-flag-offset: -1360px;
}

.iti__gq {
  --iti-flag-offset: -1376px;
}

.iti__gr {
  --iti-flag-offset: -1392px;
}

.iti__gt {
  --iti-flag-offset: -1408px;
}

.iti__gu {
  --iti-flag-offset: -1424px;
}

.iti__gw {
  --iti-flag-offset: -1440px;
}

.iti__gy {
  --iti-flag-offset: -1456px;
}

.iti__hk {
  --iti-flag-offset: -1472px;
}

.iti__hn {
  --iti-flag-offset: -1488px;
}

.iti__hr {
  --iti-flag-offset: -1504px;
}

.iti__ht {
  --iti-flag-offset: -1520px;
}

.iti__hu {
  --iti-flag-offset: -1536px;
}

.iti__id {
  --iti-flag-offset: -1552px;
}

.iti__ie {
  --iti-flag-offset: -1568px;
}

.iti__il {
  --iti-flag-offset: -1584px;
}

.iti__im {
  --iti-flag-offset: -1600px;
}

.iti__in {
  --iti-flag-offset: -1616px;
}

.iti__io {
  --iti-flag-offset: -1632px;
}

.iti__iq {
  --iti-flag-offset: -1648px;
}

.iti__ir {
  --iti-flag-offset: -1664px;
}

.iti__is {
  --iti-flag-offset: -1680px;
}

.iti__it {
  --iti-flag-offset: -1696px;
}

.iti__je {
  --iti-flag-offset: -1712px;
}

.iti__jm {
  --iti-flag-offset: -1728px;
}

.iti__jo {
  --iti-flag-offset: -1744px;
}

.iti__jp {
  --iti-flag-offset: -1760px;
}

.iti__ke {
  --iti-flag-offset: -1776px;
}

.iti__kg {
  --iti-flag-offset: -1792px;
}

.iti__kh {
  --iti-flag-offset: -1808px;
}

.iti__ki {
  --iti-flag-offset: -1824px;
}

.iti__km {
  --iti-flag-offset: -1840px;
}

.iti__kn {
  --iti-flag-offset: -1856px;
}

.iti__kp {
  --iti-flag-offset: -1872px;
}

.iti__kr {
  --iti-flag-offset: -1888px;
}

.iti__kw {
  --iti-flag-offset: -1904px;
}

.iti__ky {
  --iti-flag-offset: -1920px;
}

.iti__kz {
  --iti-flag-offset: -1936px;
}

.iti__la {
  --iti-flag-offset: -1952px;
}

.iti__lb {
  --iti-flag-offset: -1968px;
}

.iti__lc {
  --iti-flag-offset: -1984px;
}

.iti__li {
  --iti-flag-offset: -2000px;
}

.iti__lk {
  --iti-flag-offset: -2016px;
}

.iti__lr {
  --iti-flag-offset: -2032px;
}

.iti__ls {
  --iti-flag-offset: -2048px;
}

.iti__lt {
  --iti-flag-offset: -2064px;
}

.iti__lu {
  --iti-flag-offset: -2080px;
}

.iti__lv {
  --iti-flag-offset: -2096px;
}

.iti__ly {
  --iti-flag-offset: -2112px;
}

.iti__ma {
  --iti-flag-offset: -2128px;
}

.iti__mc {
  --iti-flag-offset: -2144px;
}

.iti__md {
  --iti-flag-offset: -2160px;
}

.iti__me {
  --iti-flag-offset: -2176px;
}

.iti__mf {
  --iti-flag-offset: -2192px;
}

.iti__mg {
  --iti-flag-offset: -2208px;
}

.iti__mh {
  --iti-flag-offset: -2224px;
}

.iti__mk {
  --iti-flag-offset: -2240px;
}

.iti__ml {
  --iti-flag-offset: -2256px;
}

.iti__mm {
  --iti-flag-offset: -2272px;
}

.iti__mn {
  --iti-flag-offset: -2288px;
}

.iti__mo {
  --iti-flag-offset: -2304px;
}

.iti__mp {
  --iti-flag-offset: -2320px;
}

.iti__mq {
  --iti-flag-offset: -2336px;
}

.iti__mr {
  --iti-flag-offset: -2352px;
}

.iti__ms {
  --iti-flag-offset: -2368px;
}

.iti__mt {
  --iti-flag-offset: -2384px;
}

.iti__mu {
  --iti-flag-offset: -2400px;
}

.iti__mv {
  --iti-flag-offset: -2416px;
}

.iti__mw {
  --iti-flag-offset: -2432px;
}

.iti__mx {
  --iti-flag-offset: -2448px;
}

.iti__my {
  --iti-flag-offset: -2464px;
}

.iti__mz {
  --iti-flag-offset: -2480px;
}

.iti__na {
  --iti-flag-offset: -2496px;
}

.iti__nc {
  --iti-flag-offset: -2512px;
}

.iti__ne {
  --iti-flag-offset: -2528px;
}

.iti__nf {
  --iti-flag-offset: -2544px;
}

.iti__ng {
  --iti-flag-offset: -2560px;
}

.iti__ni {
  --iti-flag-offset: -2576px;
}

.iti__nl {
  --iti-flag-offset: -2592px;
}

.iti__no {
  --iti-flag-offset: -2608px;
}

.iti__np {
  --iti-flag-offset: -2624px;
}

.iti__nr {
  --iti-flag-offset: -2640px;
}

.iti__nu {
  --iti-flag-offset: -2656px;
}

.iti__nz {
  --iti-flag-offset: -2672px;
}

.iti__om {
  --iti-flag-offset: -2688px;
}

.iti__pa {
  --iti-flag-offset: -2704px;
}

.iti__pe {
  --iti-flag-offset: -2720px;
}

.iti__pf {
  --iti-flag-offset: -2736px;
}

.iti__pg {
  --iti-flag-offset: -2752px;
}

.iti__ph {
  --iti-flag-offset: -2768px;
}

.iti__pk {
  --iti-flag-offset: -2784px;
}

.iti__pl {
  --iti-flag-offset: -2800px;
}

.iti__pm {
  --iti-flag-offset: -2816px;
}

.iti__pr {
  --iti-flag-offset: -2832px;
}

.iti__ps {
  --iti-flag-offset: -2848px;
}

.iti__pt {
  --iti-flag-offset: -2864px;
}

.iti__pw {
  --iti-flag-offset: -2880px;
}

.iti__py {
  --iti-flag-offset: -2896px;
}

.iti__qa {
  --iti-flag-offset: -2912px;
}

.iti__re {
  --iti-flag-offset: -2928px;
}

.iti__ro {
  --iti-flag-offset: -2944px;
}

.iti__rs {
  --iti-flag-offset: -2960px;
}

.iti__ru {
  --iti-flag-offset: -2976px;
}

.iti__rw {
  --iti-flag-offset: -2992px;
}

.iti__sa {
  --iti-flag-offset: -3008px;
}

.iti__sb {
  --iti-flag-offset: -3024px;
}

.iti__sc {
  --iti-flag-offset: -3040px;
}

.iti__sd {
  --iti-flag-offset: -3056px;
}

.iti__se {
  --iti-flag-offset: -3072px;
}

.iti__sg {
  --iti-flag-offset: -3088px;
}

.iti__sh {
  --iti-flag-offset: -3104px;
}

.iti__si {
  --iti-flag-offset: -3120px;
}

.iti__sj {
  --iti-flag-offset: -3136px;
}

.iti__sk {
  --iti-flag-offset: -3152px;
}

.iti__sl {
  --iti-flag-offset: -3168px;
}

.iti__sm {
  --iti-flag-offset: -3184px;
}

.iti__sn {
  --iti-flag-offset: -3200px;
}

.iti__so {
  --iti-flag-offset: -3216px;
}

.iti__sr {
  --iti-flag-offset: -3232px;
}

.iti__ss {
  --iti-flag-offset: -3248px;
}

.iti__st {
  --iti-flag-offset: -3264px;
}

.iti__sv {
  --iti-flag-offset: -3280px;
}

.iti__sx {
  --iti-flag-offset: -3296px;
}

.iti__sy {
  --iti-flag-offset: -3312px;
}

.iti__sz {
  --iti-flag-offset: -3328px;
}

.iti__tc {
  --iti-flag-offset: -3344px;
}

.iti__td {
  --iti-flag-offset: -3360px;
}

.iti__tg {
  --iti-flag-offset: -3376px;
}

.iti__th {
  --iti-flag-offset: -3392px;
}

.iti__tj {
  --iti-flag-offset: -3408px;
}

.iti__tk {
  --iti-flag-offset: -3424px;
}

.iti__tl {
  --iti-flag-offset: -3440px;
}

.iti__tm {
  --iti-flag-offset: -3456px;
}

.iti__tn {
  --iti-flag-offset: -3472px;
}

.iti__to {
  --iti-flag-offset: -3488px;
}

.iti__tr {
  --iti-flag-offset: -3504px;
}

.iti__tt {
  --iti-flag-offset: -3520px;
}

.iti__tv {
  --iti-flag-offset: -3536px;
}

.iti__tw {
  --iti-flag-offset: -3552px;
}

.iti__tz {
  --iti-flag-offset: -3568px;
}

.iti__ua {
  --iti-flag-offset: -3584px;
}

.iti__ug {
  --iti-flag-offset: -3600px;
}

.iti__us {
  --iti-flag-offset: -3616px;
}

.iti__uy {
  --iti-flag-offset: -3632px;
}

.iti__uz {
  --iti-flag-offset: -3648px;
}

.iti__va {
  --iti-flag-offset: -3664px;
}

.iti__vc {
  --iti-flag-offset: -3680px;
}

.iti__ve {
  --iti-flag-offset: -3696px;
}

.iti__vg {
  --iti-flag-offset: -3712px;
}

.iti__vi {
  --iti-flag-offset: -3728px;
}

.iti__vn {
  --iti-flag-offset: -3744px;
}

.iti__vu {
  --iti-flag-offset: -3760px;
}

.iti__wf {
  --iti-flag-offset: -3776px;
}

.iti__ws {
  --iti-flag-offset: -3792px;
}

.iti__xk {
  --iti-flag-offset: -3808px;
}

.iti__ye {
  --iti-flag-offset: -3824px;
}

.iti__yt {
  --iti-flag-offset: -3840px;
}

.iti__za {
  --iti-flag-offset: -3856px;
}

.iti__zm {
  --iti-flag-offset: -3872px;
}

.iti__zw {
  --iti-flag-offset: -3888px;
}

.iti__globe {
  background-image: url(https://www.swmc.com/angelai/static/media/globe.7fb216c936a98b90918e.webp);
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2x) {
  .iti__flag {
    background-image: url(https://www.swmc.com/angelai/static/media/flags@2x.bea0200ba7ea874b359f.webp);
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: url(https://www.swmc.com/angelai/static/media/globe@2x.5dc7e51d6b5d42fc2be4.webp);
    background-image: var(--iti-path-globe-2x);
  }
}
.iti {
  width: 100%;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type='text'],
.iti input.iti__tel-input[type='tel'] {
  /* uncomment if showFlag is true */
  padding-left: 36px;
  padding-right: 0 !important;
  padding-right: initial !important;
  height: 35px;
  font-family: 'Poppins';
  font-size: 16px;
  border: medium none currentColor;
  border: initial;
  width: 100%;
}

.iti:focus-visible,
.iti input.iti__tel-input:focus-visible {
  outline: none;
}

.iti__country-container {
  left: 0;
  right: auto !important;
  right: initial !important;
}

.internationalPhoneNumberContainer {
  width: 100%;
}

.DashboardAiTasksDialogEdit_ContainerTitle__-dAp\+ {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.DashboardAiTasksDialogEdit_ContainerContent__mNHPc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 70vw;
}

.DashboardAiTasksDialogEdit_IconButtonArrow__onxHt {
  width: 16px;
  height: 16px;
}

.DashboardAiTasksDialogEdit_ContainerExitButton__1KEWr {
  width: 12px;
  cursor: pointer;
}

.DashboardAiTasksDialogEdit_ContainerStep__DBT0o {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.DashboardAiTasksDialogEdit_ContainerArrow__DVKmU {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.DashboardAiTasksDialogEdit_ContainerTableRow__Sp4d2 {
  width: 100%;
}

.DashboardAiTasksDialogEdit_ContainerAnswer__3crGh {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; 
}

.DashboardAiTasksDialogEdit_ContainerTextField__mLzNG {
  width: 100%;
  max-width: 550px;
}

.DashboardAiTasksDialogEdit_ContainerRow__bEyY7 {
  width: 100%;
  margin-top: 10px;
}

.DashboardAiTasksDialogEdit_ContainerButtonAddAction__FJRAn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.DashboardAiTasksDialogEdit_ContainerButtonDone__\+46Z0 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}

.DashboardTab_IconDeleteOutlined__Di8qj {
  cursor: pointer;
  margin-left: 3px;
  color: red;
}

.DashboardTab_IconTopTrash__q3eC7 {
  margin-left: 10px;
  height: 35px;
  padding-top: 5px;
}

.DashboardTab_IconRestoreFromTrashOutlined__6i0ib {
  cursor: pointer;
  margin-left: 3px;
  color: green;
}

.DashboardTab_IconBorderColorOutlined__4e3qT {
  cursor: pointer;
  margin-left: 3px;
  color: var(--blue210);
}

.DashboardTab_IconCached__uEm6f {
  min-width: 50px;
  cursor: pointer;
}

.DashboardTab_CellInstruction__8fE0Q {
  word-break: break-all;
  max-width: 150px;
}

.DashboardTab_CellWidthFix__gfT\+c {
  width: 120px;
}

.DashboardTab_CellWidthMax__iHezU {
  max-width: 150px;
}

.DashboardTab_CellShowCursor__2gWeQ {
  cursor: pointer;
}

.DashboardTab_ContainerColumnMain__EZ\+B4 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  height: calc(100vh - 165px);
}

.DashboardTab_ContainerRow__U8T4a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.DashboardTab_ContainerTable__1C3\+r {
  border: 1px solid var(--gray010);
  height: 100%;
}

.DashboardTab_ContainerFooter__lAakO {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.DashboardTab_ContainerNoEntry__HaLPI {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.DashboardTab_ContainerRowStepView__Qkj9\+ {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.DashboardTab_WidthMax__YmlT9 {
  width: 100%;
}

.DashboardTab_ContainerRowActive__ywhDd {
  background-color: var(--gray000);
}

.DashboardTab_ContainerRowInactive__FBAUR {
  background-color: var(--peach030);
}

.DashboardAiViewStepsDialog_ContainerTable__FIAI9 {
  width: auto;
  max-width: 60vw;
  max-height: 80vh;
  border: 1px solid var(--gray010);
}

.AvatarConfiguration_ContainerColumnMain__o\+XlO {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  height: calc(100vh - 150px);
}

.AvatarConfiguration_ContainerRow__FKyy0 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.AvatarConfiguration_ContainerTable__c41UY {
  border: 1px solid var(--gray010);
  height: 100%;
}

.AvatarConfiguration_ContainerFooter__KULrR {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.AvatarConfiguration_ContainerNoEntry__\+QON2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.AvatarConfiguration_CellWidthFix__JbDPK {
  width: 10%;
}

.AvatarConfiguration_multiChild__ZJWTW {
  display: flex;
  justify-content: space-between;
}

.AnchorsWrapper_div__2HbEK {
  position: absolute;
}

.AnchorWrapper_div__YpnF3 {
  position: absolute;
  display: flex;
  flex-direction: column;
}

.AdminAnchorMenuButtons_button__-dKLm {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  cursor: pointer;
  border: none;
  padding: 4px;
  text-wrap: nowrap;
  text-align: start;
  background-color: inherit;
  border-radius: 4px;
}

.AdminAnchorMenuButtons_button__-dKLm:hover {
  filter: invert(.75);
}

.AnchorMenu_div__ehM1n {
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #B7B6C1;
    box-shadow: 0 10px 20px rgba(64, 64, 64, 0.25);
    border-radius: 4px;
    z-index: 1;
    width: 110%;
  }
.UserAnchorMenuButtons_button__dodj2 {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  cursor: pointer;
  border: none;
  padding: 4px;
  border-radius: 4px;
  text-wrap: nowrap;
  background-color: inherit;;
  text-align: start;
}

.UserAnchorMenuButtons_button__dodj2:hover {
  filter: invert(.75);
}

.CheckboxAnchor_input__e88sC {
  cursor: pointer;
  margin: 0;
  pointer-events: none;
  height: 10px;
  width: 10px;
}

.CheckboxAnchor_inputRequired__VtSag {
}

.CheckboxAnchor_inputNotRequired__ztnYQ {
}

.CheckboxAnchor_button__W9seY {
  cursor: pointer;
  border-radius: 4px;
  width: fit-content;
  padding: 2.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  transform-origin: bottom left;
}

.CheckboxAnchor_buttonRequired__LlEgA {
  background-color: #F6AE2D;
}

.CheckboxAnchor_buttonRequired__LlEgA:hover {
  filter: invert(1);
}

.CheckboxAnchor_buttonNotRequired__OLG9F {
  background-color: #B7B6C1;
}

.CheckboxAnchor_buttonNotRequired__OLG9F:hover {
  filter: invert(1);
}

.RadioAnchor_input__EleWo {
  cursor: pointer;
  margin: 0;
  pointer-events: none;
  height: 10px;
  width: 10px;
}

.RadioAnchor_inputRequired__9MUgl {
}

.RadioAnchor_inputNotRequired__qS42P {
}

.RadioAnchor_button__YsC28 {
  cursor: pointer;
  border-radius: 4px;
  width: fit-content;
  padding: 2.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  transform-origin: bottom left;
}

.RadioAnchor_buttonRequired__ZAjXV {
  background-color: #F6AE2D;
}

.RadioAnchor_buttonRequired__ZAjXV:hover {
  filter: invert(1);
}

.RadioAnchor_buttonNotRequired__vAffM {
  background-color: #B7B6C1;
}

.RadioAnchor_buttonNotRequired__vAffM:hover {
  filter: invert(1);
}

.SignedSignatureAnchor_div__WhPdb {
  transform-origin: bottom left;
  cursor: pointer;
}

.SignedSignatureAnchor_div__WhPdb > img {
  max-height: 22px;
  max-width: 120px;
}
.UnsignedSignatureAnchor_button__NSWfB {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  cursor: pointer;
  border: none;
  color: #083f88;
  font-weight: bold;
  padding: 4px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  transform-origin: bottom left;
}

.UnsignedSignatureAnchor_buttonRequired__KC2Sr {
  background-color: #F6AE2D;
}

.UnsignedSignatureAnchor_buttonRequired__KC2Sr:hover {
  filter: invert(1);
}

.UnsignedSignatureAnchor_buttonNotRequired__L6iP- {
  background-color: #B7B6C1;
}

.UnsignedSignatureAnchor_buttonNotRequired__L6iP-:hover {
  filter: invert(1);
}

.SignedInitialAnchor_div__kNQBG {
  transform-origin: bottom left;
  cursor: pointer;
}

.SignedInitialAnchor_div__kNQBG > img {
  max-height: 11px;
  max-width: 20px;
}
.UnsignedInitialAnchor_button__lL47n {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  cursor: pointer;
  border: none;
  color: #083f88;
  font-weight: bold;
  padding: 4px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  transform-origin: bottom left;
}

.UnsignedInitialAnchor_buttonRequired__hfPO8 {
  background-color: #F6AE2D;
}

.UnsignedInitialAnchor_buttonRequired__hfPO8:hover {
  filter: invert(1);
}

.UnsignedInitialAnchor_buttonNotRequired__9qnQ2 {
  background-color: #B7B6C1;
}

.UnsignedInitialAnchor_buttonNotRequired__9qnQ2:hover {
  filter: invert(1);
}

.SignedDateAnchor_div__mWDAX {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  width: max-content;
  transform-origin: bottom left;
}

.UnsignedDateAnchor_button__-hcYg {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  cursor: pointer;
  border: none;
  color: #083f88;
  font-weight: bold;
  padding: 4px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  transform-origin: bottom left;
}

.UnsignedDateAnchor_buttonRequired__IRLNr {
  background-color: #F6AE2D;
}

.UnsignedDateAnchor_buttonRequired__IRLNr:hover {
  filter: invert(1);
}

.UnsignedDateAnchor_buttonNotRequired__c\+h93 {
  background-color: #B7B6C1;
}

.UnsignedDateAnchor_buttonNotRequired__c\+h93:hover {
  filter: invert(1);
}

.SignedTextAnchor_div__ckEWF {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  cursor: pointer;
  width: max-content;
  transform-origin: bottom left;
}

.UnsignedTextAnchor_button__K1-EQ {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  cursor: pointer;
  border: none;
  color: #083f88;
  font-weight: bold;
  padding: 4px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  transform-origin: bottom left;
}

.UnsignedTextAnchor_buttonRequired__1LrNL {
  background-color: #F6AE2D;
}

.UnsignedTextAnchor_buttonRequired__1LrNL:hover {
  filter: invert(1);
}

.UnsignedTextAnchor_buttonNotRequired__u\+ovM {
  background-color: #B7B6C1;
}

.UnsignedTextAnchor_buttonNotRequired__u\+ovM:hover {
  filter: invert(1);
}

.SignedTextConstantAnchor_div__SWawg {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  width: max-content;
  transform-origin: bottom left;
}

.UnsignedTextConstantAnchor_button__LoklP {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  cursor: pointer;
  border: none;
  color: #083f88;
  font-weight: bold;
  padding: 4px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  transform-origin: bottom left;
}

.UnsignedTextConstantAnchor_buttonRequired__dme62 {
  background-color: #F6AE2D;
}

.UnsignedTextConstantAnchor_buttonRequired__dme62:hover {
  filter: invert(1);
}

.UnsignedTextConstantAnchor_buttonNotRequired__3HW30 {
  background-color: #B7B6C1;
}

.UnsignedTextConstantAnchor_buttonNotRequired__3HW30:hover {
  filter: invert(1);
}

.TextDropdownAnchor_select__pqa4k {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  cursor: pointer;
  border: none;
  color: #083f88;
  font-weight: bold;
  padding: 4px;
  border-radius: 4px;
  width: min-content;
  transform-origin: bottom left;
}

.TextDropdownAnchor_selectRequired__vZ\+FM {
  background-color: #F6AE2D;
}

.TextDropdownAnchor_selectRequired__vZ\+FM:hover {
  filter: invert(1);
}

.TextDropdownAnchor_selectNotRequired__EkIfv {
  background-color: #B7B6C1;
}

.TextDropdownAnchor_selectNotRequired__EkIfv:hover {
  filter: invert(1);
}

.PdfReaderWrapper_div__UuvrS {
  display: flex;
  max-width: inherit;
  max-height: inherit;
  position: relative;
  clip-path: margin-box;
  overflow: auto;
}

.PdfReader_canvas__X7uIx {
  transform-origin: 0px 0px;
  position: absolute;
  aspect-ratio: var(--docDimensions);
}
.ErrandMessageContentNew_class__Fafhu {
  --width: 258;
  --height: 110;
  --gap: 20;
  --time: .25s;
  --bs: 0 0 6px 0 #00000025;
  --bg: var(--gray000);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isPrimary__7f98u {
  align-items: flex-end;
}
.ErrandMessageContentNew_class__Fafhu > div {
  position: relative;
  width: fit-content;
  margin: 6px 0;
  transition: max-height var(--time) cubic-bezier(0.075, 0.82, 0.165, 1);
  max-width: 0;
  max-height: 0;
  min-width: 0;
  min-height: 0;
  overflow: visible;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY:not(.ErrandMessageContentNew_missingConsent__3hkOy) > div {
  max-width: calc(var(--width) * .6px);
  max-height: calc(var(--height) * .6px);
  min-width: calc(var(--width) * .6px);
  min-height: calc(var(--height) * .6px);
}
.ErrandMessageContentNew_class__Fafhu > div:first-child {
  margin-top: 0;
  max-width: calc(var(--width) * .6px);
  max-height: calc(var(--height) * .6px);
  min-width: calc(var(--width) * .6px);
  min-height: calc(var(--height) * .6px);
}
.ErrandMessageContentNew_class__Fafhu svg {
  color: var(--gray000);
  width: 25px;
  height: 25px;
}
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(1)),
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(1)).ErrandMessageContentNew_isExpanded__O8ziY.ErrandMessageContentNew_missingConsent__3hkOy {
  padding: 0;
}
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(2)),
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(2)).ErrandMessageContentNew_isExpanded__O8ziY.ErrandMessageContentNew_missingConsent__3hkOy {
  padding: 5px 5px 0 0;
}
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(3)),
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(3)).ErrandMessageContentNew_isExpanded__O8ziY.ErrandMessageContentNew_missingConsent__3hkOy {
  padding: 10px 10px 0 0;
}
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(1)).ErrandMessageContentNew_isPrimary__7f98u,
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(1)).ErrandMessageContentNew_isPrimary__7f98u.ErrandMessageContentNew_isExpanded__O8ziY.ErrandMessageContentNew_missingConsent__3hkOy {
  padding: 0;
}
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(2)).ErrandMessageContentNew_isPrimary__7f98u,
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(2)).ErrandMessageContentNew_isPrimary__7f98u.ErrandMessageContentNew_isExpanded__O8ziY.ErrandMessageContentNew_missingConsent__3hkOy {
  padding: 5px 0 0 5px;
}
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(3)).ErrandMessageContentNew_isPrimary__7f98u,
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(3)).ErrandMessageContentNew_isPrimary__7f98u.ErrandMessageContentNew_isExpanded__O8ziY.ErrandMessageContentNew_missingConsent__3hkOy {
  padding: 10px 0 0 10px;
}
.ErrandMessageContentNew_class__Fafhu > span,
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY.ErrandMessageContentNew_missingConsent__3hkOy > span {
  content: '';
  position: absolute;
  display: block;
  border: transparent;
  border-radius: 10px;
  top: 0;
  right: 0;
  width: calc(var(--width) * .6px);
  height: calc(var(--height) * .6px);
  background: var(--bg);
  box-shadow: var(--bs);
  z-index: 0;
  opacity: 1;
  transform: translate(0, 0);
  transition: background-color var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              border-color var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              margin var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              transform var(--time) cubic-bezier(0.075, 0.82, 0.165, 1);
}
.ErrandMessageContentNew_class__Fafhu > span:nth-of-type(1),
.ErrandMessageContentNew_class__Fafhu > span:nth-of-type(n+4) {
  display: none !important;
}
.ErrandMessageContentNew_class__Fafhu > span:nth-of-type(2) {
  top: 0px;
  right: 0px;
}
.ErrandMessageContentNew_class__Fafhu > span:nth-of-type(3) {
  top: 5px;
  right: 5px;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isPrimary__7f98u > span:nth-of-type(2) {
  top: 0px;
  right: auto;
  right: initial;
  left: 0px;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isPrimary__7f98u > span:nth-of-type(3) {
  top: 5px;
  right: auto;
  right: initial;
  left: 5px;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY:not(.ErrandMessageContentNew_missingConsent__3hkOy) > span {
  opacity: 0;
  transition: opacity var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              max-height var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              transform var(--time) cubic-bezier(0.075, 0.82, 0.165, 1);
}
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(2)).ErrandMessageContentNew_isExpanded__O8ziY > span:nth-of-type(2),
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(2)).ErrandMessageContentNew_isPrimary__7f98u.ErrandMessageContentNew_isExpanded__O8ziY > span:nth-of-type(2),
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(3)).ErrandMessageContentNew_isExpanded__O8ziY > span:nth-of-type(3),
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(3)).ErrandMessageContentNew_isPrimary__7f98u.ErrandMessageContentNew_isExpanded__O8ziY > span:nth-of-type(3) {
  transform: translate(5px, 5px);
}
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(3)).ErrandMessageContentNew_isExpanded__O8ziY > span:nth-of-type(2),
.ErrandMessageContentNew_class__Fafhu:has(> span:nth-of-type(3)).ErrandMessageContentNew_isPrimary__7f98u.ErrandMessageContentNew_isExpanded__O8ziY > span:nth-of-type(2) {
  transform: translate(10px, 10px);
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY.ErrandMessageContentNew_missingConsent__3hkOy > span {
  transform: translate(0, 0) !important;
}


.ErrandMessageContentNew_class__Fafhu > div button {
  cursor: pointer;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_noClosedErrands__abuYz > div button {
  cursor: default;
}
.ErrandMessageContentNew_class__Fafhu button:first-child {
  display: flex;
  flex-direction: row;
  width: calc(var(--width) * .6px);
  height: calc(var(--height) * .6px);
  background-color: white;
  background-color: var(--gray000, white);
  border: transparent;
  box-shadow: 0 0 6px 0 #00000025;
  border-radius: 10px;
  overflow: clip;
  padding: 2px 4px;
  gap: calc(var(--gap) * .5px );
  position: relative;
  color: #262626;
  color: var(--gray900, #262626);
  z-index: 2;
}
.ErrandMessageContentNew_class__Fafhu button:first-child::before,
.ErrandMessageContentNew_class__Fafhu button:first-child::after {
  content: "";
  display: block;
  width: calc(var(--height) * .6px);
  height: 117px;
  position: absolute;
  top: -7px;
  left: -24px;
  background-color: #ff541c;
  background-color: var(--orange950, #ff541c);
  opacity: 0.7;
  border-radius: 100%;
  filter: blur(30px);
}
.ErrandMessageContentNew_class__Fafhu button:first-child::after {
  animation: ErrandMessageContentNew_triangulate__lmbCW 10s linear infinite;
}
@keyframes ErrandMessageContentNew_triangulate__lmbCW {
  0% {
    top: -7px;
    left: -24px;
  }
  33.3% {
    top: 79px;
    left: 156px;
  }
  66.6% {
    top: -48px;
    left: 115px;
  }
  100% {
    top: -7px;
    left: -24px;
  }
}
.ErrandMessageContentNew_class__Fafhu button *,
.ErrandMessageContentNew_class__Fafhu button::before,
.ErrandMessageContentNew_class__Fafhu button::after {
  pointer-events: none;
}
.ErrandMessageContentNew_class__Fafhu button:last-child {
  border: none;
  background-color: transparent;
  font-size: 10px;
  font-weight: 400;
  color: #ff541c;
  color: var(--orange950, #ff541c);
  position: absolute;
  bottom: 0;
  z-index: 4;
  right: 10px;
  padding: 6px;
  border-radius: 10px;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isPrimary__7f98u button:last-child {
  right: 0;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_noClosedErrands__abuYz button:last-child {
  display: none;
}
.ErrandMessageContentNew_class__Fafhu button span {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 3;
}
.ErrandMessageContentNew_class__Fafhu button span:first-child {
  padding: 8px 0 0 4px;
}
.ErrandMessageContentNew_class__Fafhu small,
.ErrandMessageContentNew_class__Fafhu strong {
  margin: 0;
  display: block;
  width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ErrandMessageContentNew_class__Fafhu strong {
  font-size: 10px;
  text-align: left;
  margin-top: 8px;
  margin-bottom: 2px;
}
.ErrandMessageContentNew_class__Fafhu small {
  font-size: 10px;
  margin-bottom: auto;
  text-align: left;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isPrimary__7f98u {
  margin-left: auto;
}
.ErrandMessageContentNew_class__Fafhu > div:first-child ~ div,
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY.ErrandMessageContentNew_missingConsent__3hkOy > div:first-child ~ div {
  interpolate-size: allow-keywords;
  transition: all var(--time) cubic-bezier(0.075, 0.82, 0.165, 1);
  overflow: hidden;
  padding: 0;
  border-width: 0;
  opacity: 0;
  cursor: default;
  min-width: 0;
  width: 0;
  max-width: 0;
  min-height: 0;
  height: 0;
  max-height: 0;
  left: 0;
  transform: translate(-100%, 0);
  margin: 0;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY.ErrandMessageContentNew_isPrimary__7f98u > div:first-child ~ div {
  margin: 0 0 0 auto;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY.ErrandMessageContentNew_isPrimary__7f98u.ErrandMessageContentNew_missingConsent__3hkOy > div:first-child ~ div {
  margin: 0;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY > div:first-child ~ div {
  margin: 6px 0;
  opacity: 1;
  max-height: initial;
  overflow: visible;
  transform: translate(0, 0);

  opacity: 1;
  border-width: 1px;
  min-width: calc(var(--width) * .6px);
  width: calc(var(--width) * .6px);
  max-width: calc(var(--width) * .6px);
  min-height: calc(var(--height) * .6px);
  height: calc(var(--height) * .6px);
  max-height: calc(var(--height) * .6px);
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY:not(.ErrandMessageContentNew_missingConsent__3hkOy) > div:first-child ~ div {
  margin: 6px 0 !important;
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_missingConsent__3hkOy button {
  cursor: not-allowed;
}


.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY > span:nth-of-type(2) {
  transition-delay: calc(0 * var(--time));
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY > div:nth-of-type(2) {
  transition-delay: calc(1 * var(--time));
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY > span:nth-of-type(n+3) {
  transition-delay: calc(2 * var(--time));
}
.ErrandMessageContentNew_class__Fafhu.ErrandMessageContentNew_isExpanded__O8ziY > div:nth-of-type(n+3) {
  transition-delay: calc(3 * var(--time));
}
.ErrandMessageContentNew_class__Fafhu:not(.ErrandMessageContentNew_isExpanded__O8ziY) > div:nth-of-type(n+3) {
  transition-delay: calc(0 * var(--time));
}
.ErrandMessageContentNew_class__Fafhu:not(.ErrandMessageContentNew_isExpanded__O8ziY) > span:nth-of-type(n+3) {
  transition-delay: calc(1 * var(--time));
}
.ErrandMessageContentNew_class__Fafhu:not(.ErrandMessageContentNew_isExpanded__O8ziY) > div:nth-of-type(2) {
  transition-delay: calc(2 * var(--time));
}
.ErrandMessageContentNew_class__Fafhu:not(.ErrandMessageContentNew_isExpanded__O8ziY) > span:nth-of-type(2) {
  transition-delay: calc(3 * var(--time));
}

.ErrandMessageContentOld_class__-gCXO {
  position: relative;
  width: fit-content;
  margin: 6px 0;
}
.ErrandMessageContentOld_class__-gCXO svg {
  color: var(--gray000);
  width: 25px;
  height: 25px;
}
.ErrandMessageContentOld_class__-gCXO.ErrandMessageContentOld_multipleErrands__oo74l {
  padding: 10px 10px 0 0;
}
.ErrandMessageContentOld_class__-gCXO.ErrandMessageContentOld_multipleErrands__oo74l.ErrandMessageContentOld_isPrimary__hp1Bp {
  padding: 10px 0 0 10px;
}
.ErrandMessageContentOld_class__-gCXO.ErrandMessageContentOld_multipleErrands__oo74l::before,
.ErrandMessageContentOld_class__-gCXO.ErrandMessageContentOld_multipleErrands__oo74l::after {
  content: "";
  display: block;
  width: 154.8px;
  height: 66px;
  background-color: white;
  background-color: var(--gray000, white);
  border: transparent;
  box-shadow: 0 0 6px 0 #00000025;
  border-radius: 10px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.ErrandMessageContentOld_class__-gCXO::before {
  top: 0px;
  right: 0px;
}
.ErrandMessageContentOld_class__-gCXO.ErrandMessageContentOld_isPrimary__hp1Bp::before {
  top: 0;
  left: 0;
}
.ErrandMessageContentOld_class__-gCXO.ErrandMessageContentOld_isPrimary__hp1Bp::after {
  top: 5px;
  left: 5px;
}
.ErrandMessageContentOld_class__-gCXO button {
  cursor: pointer;
}
.ErrandMessageContentOld_class__-gCXO.ErrandMessageContentOld_noClosedErrands__q4N1H button {
  cursor: default;
}
.ErrandMessageContentOld_class__-gCXO button:first-child {
  display: flex;
  flex-direction: row;
  width: 154.8px;
  height: 66px;
  background-color: white;
  background-color: var(--gray000, white);
  border: transparent;
  box-shadow: 0 0 6px 0 #00000025;
  border-radius: 10px;
  overflow: clip;
  padding: 2px 4px;
  gap: 10px;
  position: relative;
  color: #262626;
  color: var(--gray900, #262626);
  z-index: 2;
}
.ErrandMessageContentOld_class__-gCXO button:first-child::before,
.ErrandMessageContentOld_class__-gCXO button:first-child::after {
  content: "";
  display: block;
  width: 66px;
  height: 117px;
  position: absolute;
  top: -14px;
  left: -48px;
  background-color: #ff541c;
  background-color: var(--orange950, #ff541c);
  opacity: 0.7;
  border-radius: 100%;
  filter: blur(30px);
}
.ErrandMessageContentOld_class__-gCXO button:first-child::after {
  animation: ErrandMessageContentOld_triangulate__k37Fz 10s linear infinite;
}
@keyframes ErrandMessageContentOld_triangulate__k37Fz {
  0% {
    top: -14px;
    left: -48px;
  }
  33.3% {
    top: 79px;
    left: 156px;
  }
  66.6% {
    top: -96px;
    left: 115px;
  }
  100% {
    top: -14px;
    left: -48px;
  }
}
.ErrandMessageContentOld_class__-gCXO button *,
.ErrandMessageContentOld_class__-gCXO button::before,
.ErrandMessageContentOld_class__-gCXO button::after {
  pointer-events: none;
}
.ErrandMessageContentOld_class__-gCXO button:last-child {
  border: none;
  background-color: transparent;
  font-size: 10px;
  font-weight: 400;
  color: #ff541c;
  color: var(--orange950, #ff541c);
  position: absolute;
  bottom: 0;
  z-index: 4;
  right: 10px;
  padding: 6px;
  border-radius: 10px;
}
.ErrandMessageContentOld_class__-gCXO.ErrandMessageContentOld_isPrimary__hp1Bp button:last-child {
  right: 0;
}
.ErrandMessageContentOld_class__-gCXO.ErrandMessageContentOld_noClosedErrands__q4N1H button:last-child {
  display: none;
}
.ErrandMessageContentOld_class__-gCXO span {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 3;
}
.ErrandMessageContentOld_class__-gCXO span:first-child {
  padding: 8px 0 0 4px;
}
.ErrandMessageContentOld_class__-gCXO small,
.ErrandMessageContentOld_class__-gCXO strong {
  margin: 0;
  display: block;
  width: 100%;
}
.ErrandMessageContentOld_class__-gCXO strong {
  font-size: 10px;
  text-align: left;
  margin-top: 8px;
  margin-bottom: 2px;
}
.ErrandMessageContentOld_class__-gCXO small {
  font-size: 10px;
  margin-bottom: auto;
  text-align: left;
}
.ErrandMessageContentOld_class__-gCXO.ErrandMessageContentOld_isPrimary__hp1Bp {
  margin-left: auto;
}

.MorphCalendarMonth_calendarContainer__QKlMF {
  display: flex;
  margin: auto;
  width: 400px;
  max-width: 100%;
  background-color: var(--gray000);
  color: var(--orange900);
  border-radius: 8px;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  line-height: 1.125em;
  padding: 8px;
  position: absolute;
  bottom: 0px;
  transform: translateX(-50%);
  border: 2px solid var(--peach900);
}

@media (max-width: 900px) {
  .MorphCalendarMonth_calendarContainer__QKlMF {
    width: 350px;
  }
}

@media (max-width: 450px) {
  .MorphCalendarMonth_calendarContainer__QKlMF {
    width: calc(100% - 40px);
    border-radius: 8px 8px 0px 8px;
  }
}

.MorphCalendarMonth_hideCalendarButton__sBaQn, .MorphCalendarMonth_calendarTabText__YFeZn {
  color: var(--orange700);
  font-weight: 600;
  cursor: default;
}

.MorphCalendarMonth_showCalendarButton__H7f8Y {
  color: var(--gray000);
  font-weight: 600;
}

.MorphCalendarMonth_hideCalendar__Ug9i1 {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  animation: MorphCalendarMonth_clipAnimationToHide__jDVjF 1s forwards;
}

@media (max-width: 900px) {
  .MorphCalendarMonth_hideCalendar__Ug9i1 {
    animation: MorphCalendarMonth_clipAnimationToHideMobile__krTeo 1s forwards;
  }
}

.MorphCalendarMonth_showCalendar__O2x9J {
  animation: MorphCalendarMonth_clipAnimationToShow__kTtO4 1s forwards;
}

@keyframes MorphCalendarMonth_clipAnimationToShow__kTtO4 {
  0% {
    opacity: 0;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    margin-top: -220px;
    display: none;
  }
  100% {
    opacity: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-top: 0px;
  }
}

@keyframes MorphCalendarMonth_clipAnimationToHide__jDVjF {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-top: 0px;
  }
  100% {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    margin-top: -220px;
    display: none;
  }
}

@keyframes MorphCalendarMonth_clipAnimationToHideMobile__krTeo {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-top: 0px;
  }
  100% {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    margin-top: -310px;
    display: none;
  }
}

.MorphCalendarMonth_snackbarWrapper__JslGp {
  position: absolute;
  width: fit-content;
  height: 30px;
  background-color: var(--red400);
  color: var(--gray000);
  margin: auto;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 0px 20px;
}

.MorphCalendarMonth_openSnackbar__yLC-K {
  animation: MorphCalendarMonth_slideUp__N2wKb 0.5s forwards;
  z-index: 0;
}

@media (max-width: 900px){
  .MorphCalendarMonth_openSnackbar__yLC-K {
    animation: MorphCalendarMonth_slideUpMobile__Ru5Fi 0.5s forwards;
  }
}

@keyframes MorphCalendarMonth_slideUp__N2wKb {
  0% {
    opacity: 0%;
    top: -200px;
  }
  25% {
    opacity: 100%;
  }
  100% {
    opacity: 100%;
    top: calc(var(--calendarHeight) * -1 - 46px)
  }
}

@keyframes MorphCalendarMonth_slideUpMobile__Ru5Fi {
  0% {
    opacity: 0%;
    top: -200px;
  }
  25% {
    opacity: 100%;
  }
  100% {
    opacity: 100%;
    top: calc(var(--calendarHeight) * -1 - 46px)
  }
}

.MorphCalendarMonth_closedSnackbar__WmGQF {
  animation: MorphCalendarMonth_slideDown__13kmA 0.5s forwards;
  z-index: 0;
  display: none;
}

@keyframes MorphCalendarMonth_slideDown__13kmA {
  0% {
    opacity: 100%;
    top: -30px;
  }
  25% {
    opacity: 100%;
  }
  100% {
    opacity: 0%;
    top: 0px;
  }
}

.MorphCalendarMonth_disabled__ALwOq{
  cursor: not-allowed;
}

@media screen and (max-width: 500px) {
  .MorphCalendarMonth_snackbarWrapper__JslGp {
    height: 42px;
    top: -416px !important;
  }
}
.MorphMessageOptions_wrapper__cKlgw {
  padding: 1rem 1rem 0.25rem 1rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-color:  var(--orange000);
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: auto;
  position: relative;
  top: 1px;
}

.MorphMessageOptions_container__-hk0m {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.5rem;
  overflow-x: scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  border-radius: .5rem;
}

.MorphMessageOptions_container__-hk0m::-webkit-scrollbar {
  display: none;
}

.MorphMessageOptions_btn__3MP4v {
  background-color: var(--gray000);
  border: 0.125rem solid var(--gray000);
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0 8px;
}

.MorphMessageOptions_btn__3MP4v:hover,
.MorphMessageOptions_btn__3MP4v:focus {
  border: 0.125rem solid transparent;
}

.MorphMessageOptions_btn__3MP4v:hover .MorphMessageOptions_label__vbxHf,
.MorphMessageOptions_btn__3MP4v:focus .MorphMessageOptions_label__vbxHf {
  color: var(--gray920);
}

.MorphMessageOptions_btnBorder__QH5Xk {
  border: 0.0625rem solid var(--orange000);
  border-radius: 0.5rem;
  min-width: 3.125rem;
  width: 100%;
  min-height: 3.125rem;
  height: 100%;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  flex-direction: column;
}

.MorphMessageOptions_btnBorder__QH5Xk img,
.MorphMessageOptions_btnBorder__QH5Xk svg {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--orange600);
}

.MorphMessageOptions_label__vbxHf {
  color: var(--gray600);
  font-family: var(--typographyFontFamily);
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1;
}

.MorphMessageOptions_bottomBorder__Uixm\+ {
  height: .75rem;
  background-color:  var(--orange000);
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  display: block;
  margin: 0;
  position: relative;
}

.MorphMessageOptions_node__voIqP {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--peach000);
  display: flex;
  top: -82px;
  right: -8px;
  justify-content: center;
  align-items: center;
}

.MorphMessageOptions_bottomBorder__Uixm\+.MorphMessageOptions_isMorphedFooterCloseButtonOnLeft__dxf3e .MorphMessageOptions_node__voIqP {
  right: auto;
  right: initial;
  left: -8px;
}

.MorphMessageOptions_node__voIqP::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--gray000) 0%, var(--orange900) 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.MorphMessageOptions_node__voIqP::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--orange900) 0%, var(--gray000) 94%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 900px) {
  .MorphMessageOptions_wrapper__cKlgw {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
    width: fit-content;
    max-width: calc(100% - 30px);
  }
  
  .MorphMessageOptions_wrapper__cKlgw::before {
    position: absolute;
    left: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(circle at 0% 0%, transparent 0.5rem, var(--orange000) 0.5625rem, var(--orange000) 0.625rem);
  }
  
  .MorphMessageOptions_wrapper__cKlgw::after {
    position: absolute;
    right: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(circle at 100% 0%, transparent 0.5rem, var(--orange000) 0.5625rem, var(--orange000) 0.625rem);
  }

  .MorphMessageOptions_bottomBorder__Uixm\+.MorphMessageOptions_isMorphedFooterCloseButtonOnLeft__dxf3e {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.5rem;
  }

  .MorphMessageOptions_node__voIqP {
    top: -8px;
  }
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD {
    display: flex;
    flex-direction: column;
    min-width: 12rem;
    text-transform: none;
    position: absolute;
    color: var(--orange500);
    bottom: 3px;
    font-size: 1rem;
    justify-content: center;
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_qrCircle1__soPef {
  display: flex;
  height: 29vh;
  width: 29vh;
  background: var(--gray940);
  border-radius: 50%;
  border: 2px solid var(--orange500);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 125px;
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_qrCircle1__soPef svg {
  display: flex;
  height: 29vh;
  width: 29vh;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  left: -2px;
  right: 2px;
  bottom: 2px;
  animation: MorphShareCustomLink_spin__Nze0b 30s linear infinite;
  color: var(--gray000);
}

@keyframes MorphShareCustomLink_spin__Nze0b {
  from {
      transform: rotate(360deg);
  }
  to {
      transform: rotate(0deg);
  }
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_qrCircle2__EVgJi {
  display: flex;
  height: 23vh;
  width: 23vh;
  background: var(--gray940);
  border-radius: 50%;
  border: 11px solid var(--orange500);
  margin: auto;
  filter: drop-shadow(0 0 0.75rem var(--green200));
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_qrCircle3__\+huOC {
  display: flex;
  height: 18vh;
  width: 18vh;
  background: var(--gray000);
  border-radius: 50%;
  margin: auto;
  bottom: 0px;
  position: relative;
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_qrCircle4__K08Bg {
  display: flex;
  height: 15.5vh;
  width: 15.5vh;
  background: var(--gray000);
  border-radius: 50%;
  margin: auto;
  bottom: 0px;
  position: relative;
  border: 3px solid var(--gray940);
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_qr__JG042 {
  margin: auto;
  height: 12.5vh;
  width: 12.5vh;
  background-position: -1.5vh -1.5vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: 125% 125%;
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_line__bweK0 {
  height: 12vh;
  width: 6px;
  background-color: var(--orange500);
  margin: auto;
  top: 14px;
  position: relative;
  z-index: -1;
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_indentSvg__elgok {
  display: flex;
  position: relative;
  top: 26px;
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_svgBg__PGXqr {
  width: 71px;
  height: 28px;
  position: absolute;
  z-index: -1;
  border-radius: 20px;
  margin: 1px;
  background: var(--orange500);
  transform: translate(-50%, 18%);
  left: 50%;
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_slideLeft__7dCoe {
  animation: MorphShareCustomLink_slideLeft__7dCoe 1s forwards;
}

@keyframes MorphShareCustomLink_slideLeft__7dCoe {
  0% {
    transform: translate(26%, 15%);
  }
  100% {
    transform: translate(-129%, 15%);
  }
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_slideRight__2vDnI {
  animation: MorphShareCustomLink_slideRight__2vDnI 1s forwards;
}

@keyframes MorphShareCustomLink_slideRight__2vDnI {
  0% {
    transform: translate(-129%, 15%);
  }
  100% {
    transform: translate(26%, 15%);
  }
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_selected__wfOz2 {
  color: var(--orange500);
  font-weight: 500;
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_copyIcon__MhIXk {
  width: 40px;
  height: 40px;
  background-color: var(--orange500);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border-radius: 50%;
  bottom: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_copyIcon__MhIXk svg {
  color: var(--gray000);
  position: relative;
  left: 1px;
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_urlBox__WPhJ2 {
  position: absolute;
  width: fit-content;
  height: fit-content;
  background-color: var(--gray910);
  color: var(--gray000);
  padding: 6px 25px;
  font-size: 0.7rem;
  left: 50%;
  transform: translate(-50%, -25%);
  border: 1px solid var(--orange500);
  border-radius: 10px;
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_indentContainer__uOF\+Q {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  padding: 0 16px;
  font-size: 0.9rem;
  position: relative;
  bottom: 3px;
  color: var(--customLinkPlaceholder);
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_underline__KZ6FZ {
  position: absolute;
  height: 2px;
  background-color: var(--orange500);
  bottom: 1px;
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_underline1__ls3cf {
  transform: translateX(0);
  width: 42px;
  transition: transform 0.5s ease-in-out, width 0.5s ease-in
}

.MorphShareCustomLink_shareCustomLinkContainer__zi5iD .MorphShareCustomLink_underline2__5ZLxl {
  transform: translateX(129px);
  width: 32px;
  transition: transform 0.5s ease-in-out, width 0.5s ease-in
}
.MorphChooseLoanProducts_swiperContainer__z0EyS {
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
  overflow: visible !important;
  overflow: initial !important; 
}

.MorphChooseLoanProducts_swiperContainer__z0EyS .MorphChooseLoanProducts_productSlide__fwvFr {
  width: 300px;
  height: 50px;
  border-top-style: dashed;
  border-bottom-style: dashed;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-radius: 30px;
  border-color: var(--orange100);
  background-color: var(--peach100);
  display: flex;
  font-size: small;
}

.MorphChooseLoanProducts_swiperContainer__z0EyS .MorphChooseLoanProducts_productSlide__fwvFr::before {
  content: '';
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: var(--peach000);
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.MorphChooseLoanProducts_swiperContainer__z0EyS .MorphChooseLoanProducts_productSlide__fwvFr::after {
  content: '';
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: var(--peach000);
  left: 50%;
  bottom: 0px;
  transform: translate(-50%, 50%);
  border-radius: 50%;
}
.MorphChooseLoanProducts_swiperContainer__z0EyS .MorphChooseLoanProducts_comparedSlide__oECS3 {
  border-color:  var(--green600);
  background-color: var(--gray000);
}

.MorphChooseLoanProducts_swiperContainer__z0EyS .MorphChooseLoanProducts_text__N9o5V {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  width: 100%;
}

.MorphChooseLoanProducts_swiperContainer__z0EyS .MorphChooseLoanProducts_productDescription__VDFQz {
  flex: 0 0 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.MorphChooseLoanProducts_swiperContainer__z0EyS .MorphChooseLoanProducts_rate__Ex9jx {
  flex: 0 0 20%;
  text-align: center;
}

.MorphChooseLoanProducts_swiperContainer__z0EyS .MorphChooseLoanProducts_editProductButton__4kNdA {
  width: 26px;
  height: 26px;
  background-color: var(--orange990);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  background-repeat: no-repeat;
  background-position: center;
}

.MorphLoanProductPriceTable_priceTableContainer__lTdjm {
  width: 90%;
  height: 250px;
  border-radius: 10px;
  border-style: solid;
  border-color: var(--orange500);
  border-width: 1px;
  background-color: var(--gray000);
  display: flex;
  overflow: hidden;
}

.MorphLoanProductPriceTable_priceTableContainer__lTdjm .MorphLoanProductPriceTable_leftContent__SlFY5 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  flex: 0 0 64px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-weight: bold;
}
.MorphLoanProductPriceTable_priceTableContainer__lTdjm .MorphLoanProductPriceTable_leftContent__SlFY5 .MorphLoanProductPriceTable_top__XSDXB {
  flex: 1 1;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: var(--gray000);
  color: var(--orange820);
  border-bottom: 1px solid var(--orange110);
}
.MorphLoanProductPriceTable_priceTableContainer__lTdjm .MorphLoanProductPriceTable_leftContent__SlFY5 .MorphLoanProductPriceTable_bot__TEJDJ {
  background-color: var(--orange820);
  display: flex;
  flex: 4 1;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--gray000);
}

.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW {
  overflow: scroll;
}

.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table {
  border-spacing: 0;
  border-collapse: separate;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex: 1 1;
  height: 100%;
}
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW tr {
  height: 50px;
}
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW th,
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW td {
  padding: 5px;
  text-align: center;
}

.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  color: var(--orange820);
  background-color: var(--peach060);
  font-weight: bold;
}

.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW th {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--gray000);
}

.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW th:first-child {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: var(--gray000);
}

.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW th:first-child {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAVCAYAAAB2Wd+JAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADySURBVHgBnZPBDYJAEEVn1r0atQMOHCyDFqzA2IBZKwArkA6IFWgJ2IFHEznQATEcPKiMCwmI7KwY/mnzZl5mJgTIlDMFJjZeRwiQKleuZxQs/FPXIcKIm2DjjahbnBHJg1m28Uas4t2Uq5gelrdFQIIddxfHRbepvOuu5k4fN8Tyrgc9oz7OiFU8JFxyPF+7fvmQYA05LEUI9L0nAQNCBP4gERG2VpEAU5ZraRwmMS8ixPrj7Tk+CZOgfApu0gvkqo8bYoGwmIWXtI+L7v6z8Ho2pjG8LR7r/Tthuaz3L3C0MSZZeDPx37u+kjF/wi9e5w2fr3VsPT7GuwAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--gray000);
}

/* Apply a border to the right of all but the last column */
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table th:not(:last-child, :first-child),
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table td:not(:last-child) {
  border-right: 1px solid var(--orange110);
}

/* Apply a border to the bottom of all but the last row */
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table > thead > tr > th,
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table > thead > tr:not(:last-child) > td,
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table > tbody > tr:not(:last-child) > th,
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table > tbody > tr:not(:last-child) > td,
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table > tfoot > tr:not(:last-child) > th,
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table > tfoot > tr:not(:last-child) > td,
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table > tr:not(:last-child) > td,
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table > tr:not(:last-child) > th,
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table > thead:not(:last-child),
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table > tbody:not(:last-child),
.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW table > tfoot:not(:last-child) {
  border-bottom: 1px solid var(--orange110);
}

.MorphLoanProductPriceTable_selectedCell__OhoJf {
  background-color: lightgreen;
}

.MorphVideoListMenu_wrapper__n0OCW,
.MorphVideoListMenu_loadingWrapper__13-TN {
  padding: 1rem 1rem 0.25rem 1rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-color: var(--blue300);
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: auto;
  position: relative;
  top: 1px;
  flex-direction: row;
  flex-wrap: nowrap;
}

.MorphVideoListMenu_swiperContainer__uEFXr {
  transition: all 0.5s ease;
}

.MorphVideoListMenu_arrowContainer__NeT7B {
  width: 100%;
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
}

.MorphVideoListMenu_arrow__o25Ed {
  position: absolute;
  background-color: var(--blue070);
  display: flex;
  align-items: center;
  height: 100%;
  width: fit-content;
  z-index: 2;
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  padding: 0 4px;
  opacity: 1;
  visibility: visible;
}

.MorphVideoListMenu_hidden__TQEOh { 
  visibility: hidden !important;
  opacity: 0;
}

.MorphVideoListMenu_shown__1GBmT {
  visibility: visible !important;
  opacity: 1 !important;
}

.MorphVideoListMenu_buttonUpIcon__hraMx {
  color: var(--gray000);
}

.MorphVideoListMenu_buttonUp__4eV\+W {
  position: absolute;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 78%;
  z-index: 2;
  cursor: pointer;
  width: 96%;
  background-color: var(--blue300);
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  left: 2%;
  border-radius: 7px;
  margin-top: 6px;
}

.MorphVideoListMenu_buttonUp__4eV\+W:hover {
  background-color: var(--blue300);
}
.MorphVideoListMenu_arrowImgContainer__FPzor {
  position: relative;
  display: inline-block;
}

.MorphVideoListMenu_arrowImg__XTE5q {
  height: 25px;
  transition: all 0.5s ease;
  pointer-events: none;
}

.MorphVideoListMenu_arrowImgLeft__1UKbY {
  transform: rotate(90deg);
}

.MorphVideoListMenu_arrowImgRight__8gsgs {
  transform: rotate(-90deg);
}

.MorphVideoListMenu_posAbs__RVOu1 {
  position: absolute;
}

.MorphVideoListMenu_invisibleArrow__Pi6-u {
  opacity: 0;
}


.MorphVideoListMenu_arrow__o25Ed svg {
  font-size: 1.3em;
  color: var(--gray000);
}

.MorphVideoListMenu_leftArrow__h\+472 {
  left: 0;
  top: -6px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  justify-content: start;
  display: none;
}

.MorphVideoListMenu_rightArrow__TBVIi {
  justify-content: end;
  right: 0;
  top: -6px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  display: none;
}

.MorphVideoListMenu_UserSelectNone__u1BXG {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  /* For Safari */
}

.MorphVideoListMenu_SingleSlideElement__lYhu5:hover {
  background-color: var(--blue300);
  box-shadow: var(--shadow400) 0px 0px 8px !important;
  transform: scale(1.05);
}

.MorphVideoListMenu_activeSlide__f1coz {
  transform: scale(1.5);
}

.MorphVideoListMenu_activeSlide__f1coz:hover {
  transform: scale(1.4);
}

.MorphVideoListMenu_container__bYlUV::-webkit-scrollbar {
  display: none;
}

.MorphVideoListMenu_btn__bU9nS {
  background-color: var(--gray000);
  border: 0.125rem solid var(--gray000);
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0 8px;
}

.MorphVideoListMenu_btn__bU9nS:hover,
.MorphVideoListMenu_btn__bU9nS:focus {
  border: 0.125rem solid transparent;
}

.MorphVideoListMenu_btn__bU9nS:hover .MorphVideoListMenu_label__NP8xn,
.MorphVideoListMenu_btn__bU9nS:focus .MorphVideoListMenu_label__NP8xn {
  color: var(--gray920);
}

.MorphVideoListMenu_btnBorder__\+HQed {
  border: 0.0625rem solid var(--blue300);
  border-radius: 0.5rem;
  min-width: 3.125rem;
  width: 100%;
  min-height: 3.125rem;
  height: 100%;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  flex-direction: column;
}

.MorphVideoListMenu_btnBorder__\+HQed img,
.MorphVideoListMenu_btnBorder__\+HQed svg {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--orange600);
}

.MorphVideoListMenu_label__NP8xn {
  color: var(--gray600);
  font-family: var(--typographyFontFamily);
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1;
}

.MorphVideoListMenu_bottomBorder__th9Ed {
  height: .25rem;
  background-color: var(--blue300);
  border-bottom-left-radius: 0.5rem;
  display: block;
  margin: 0;
  position: relative;
}

@media (min-width: 900px) {
  .MorphVideoListMenu_wrapper__n0OCW {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
    width: fit-content;
    max-width: calc(100% - 30px);
  }

  .MorphVideoListMenu_wrapper__n0OCW.MorphVideoListMenu_loadingWrapper__13-TN::before {
    position: absolute;
    left: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(circle at 0% 0%, transparent 0.5rem, var(--blue070) 0.5625rem, var(--blue070) 0.625rem);
  }

  .MorphVideoListMenu_wrapper__n0OCW.MorphVideoListMenu_loadingWrapper__13-TN::after {
    position: absolute;
    right: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(circle at 100% 0%, transparent 0.5rem, var(--blue070) 0.5625rem, var(--blue070) 0.625rem);
  }

  .MorphVideoListMenu_arrowContainer__NeT7B {
    display: flex;
  }

  .MorphVideoListMenu_leftArrow__h\+472 {
    display: flex;
  }

  .MorphVideoListMenu_leftArrow__h\+472::before {
    position: absolute;
    left: -0.5rem;
    bottom: -0.01rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue070);
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 17% 93%, 33% 84%, 51% 73%, 66% 60%, 76% 47%, 86% 33%, 93% 19%);
  }

  .MorphVideoListMenu_leftArrow__h\+472::after {
    position: absolute;
    right: -0.6rem;
    top: 0rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue070);
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 83% 7%, 67% 16%, 49% 27%, 34% 40%, 24% 53%, 14% 67%, 7% 81%);
  }

  .MorphVideoListMenu_rightArrow__TBVIi {
    display: flex;
  }

  .MorphVideoListMenu_rightArrow__TBVIi::after {
    position: absolute;
    right: -0.5rem;
    bottom: -0.01rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue070);
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 83% 93%, 67% 84%, 49% 73%, 34% 60%, 24% 47%, 14% 33%, 7% 19%);
  }

  .MorphVideoListMenu_rightArrow__TBVIi::before {
    position: absolute;
    left: -0.6rem;
    top: 0rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue070);
    clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 17% 7%, 33% 16%, 51% 27%, 66% 40%, 76% 53%, 86% 67%, 93% 81%);
  }

  .MorphVideoListMenu_rightArrow__TBVIi:hover::after,
  .MorphVideoListMenu_leftArrow__h\+472:hover::before,
  .MorphVideoListMenu_rightArrow__TBVIi:hover::before,
  .MorphVideoListMenu_leftArrow__h\+472:hover::after {
    background-color: var(--blue810);
  }

  .MorphVideoListMenu_bottomBorder__th9Ed.MorphVideoListMenu_isMorphedFooterCloseButtonOnLeft__MAkAA {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.5rem;
  }

  .MorphVideoListMenu_bottomBorder__th9Ed {
    height: .25rem;
    background-color: var(--blue300);
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    display: block;
    margin: 0;
    position: relative;
  }

  .MorphVideoListMenu_arrow__o25Ed:hover {
    background-color: var(--blue810);
  }
}
.MorphCreditRepairAccountType_wrapper__wHEpo,
.MorphCreditRepairAccountType_loadingWrapper__vM3yy {
  padding: 8px 1rem 0.25rem 1rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-color: var(--blue995);
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: auto;
  position: relative;
  top: 1px;
  flex-direction: row;
  flex-wrap: nowrap;
}

.MorphCreditRepairAccountType_accessibilityDescDiv__tEQ4g {
  visibility: hidden;
  position: absolute;
}

.MorphCreditRepairAccountType_swiperContainer__vUDx7 {
  transition: all 0.5s ease;
  width: 100%;
  min-width: 35vw;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-top: 5px;
}

.MorphCreditRepairAccountType_arrowContainer__SfySH {
  width: 100%;
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
}

.MorphCreditRepairAccountType_arrow__8wFES {
  position: absolute;
  background-color: var(--blue995);
  display: flex;
  align-items: center;
  height: 100%;
  width: fit-content;
  z-index: 2;
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  padding: 0 4px;
  opacity: 1;
  visibility: visible;
}

.MorphCreditRepairAccountType_arrow__8wFES:focus {
  outline: none;
  filter: brightness(0.85);
}

.MorphCreditRepairAccountType_hidden__UPIqf {
  visibility: hidden !important;
  opacity: 0 !important;
}

.MorphCreditRepairAccountType_shown__tTYFy {
  visibility: visible !important;
  opacity: 1 !important;
}

.MorphCreditRepairAccountType_buttonUpIcon__BFPoY {
  color: var(--gray000);
}

.MorphCreditRepairAccountType_buttonUp__rzzLi {
  position: absolute;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 78%;
  z-index: 2;
  cursor: pointer;
  width: 96%;
  background-color: var(--blue995);
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  left: 2%;
  border-radius: 7px;
  margin-top: 6px;
}

.MorphCreditRepairAccountType_buttonUp__rzzLi:focus {
  background-color: var(--blue995);
  outline: none;
}

.MorphCreditRepairAccountType_buttonUp__rzzLi:hover {
  background-color: var(--morphUserPromptsMenuBottomBorder);
}

.MorphCreditRepairAccountType_arrowImgContainer__WT43J {
  position: relative;
  display: inline-block;
}

.MorphCreditRepairAccountType_arrowImg__Q6k7B {
  height: 25px;
  transition: all 0.5s ease;
  pointer-events: none;
}

.MorphCreditRepairAccountType_arrowImgLeft__QqI4y {
  transform: rotate(90deg);
}

.MorphCreditRepairAccountType_arrowImgRight__dorJK {
  transform: rotate(-90deg);
}

.MorphCreditRepairAccountType_posAbs__pffZ1 {
  position: absolute;
}

.MorphCreditRepairAccountType_invisibleArrow__UgaHN {
  opacity: 0;
}

.MorphCreditRepairAccountType_arrow__8wFES svg {
  font-size: 1.3em;
  color: var(--gray000);
}

.MorphCreditRepairAccountType_leftArrow__gMIQj {
  left: 0;
  top: -2px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  justify-content: start;
  display: none;
}

.MorphCreditRepairAccountType_rightArrow__9dmWf {
  justify-content: end;
  right: 0;
  top: -2px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  display: none;
}

.MorphCreditRepairAccountType_UserSelectNone__eYfrb {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; /* For Safari */
}

.MorphCreditRepairAccountType_SingleSwiperSlide__J5NIY:focus {
  outline: none;
  background-color: var(--blue992);
  box-shadow: 0 0 8px 1px var(--orange800);
}

.MorphCreditRepairAccountType_SingleSwiperSlide__J5NIY {
  transition: all 0.3s ease;
  border: 2px solid var(--orange600);
  border-radius: 8px;
}

.MorphCreditRepairAccountType_SingleSlideElementHover__qXJJG:hover {
  background-color: var(--blue992);
  box-shadow: 0 0 8px 1px var(--orange800) !important;
}

.MorphCreditRepairAccountType_container__R2QbG::-webkit-scrollbar {
  display: none;
}

.MorphCreditRepairAccountType_btn__bsK3E {
  background-color: var(--gray000);
  border: 0.125rem solid var(--gray000);
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0 8px;
}

.MorphCreditRepairAccountType_btn__bsK3E:hover,
.MorphCreditRepairAccountType_btn__bsK3E:focus {
  border: 0.125rem solid transparent;
}

.MorphCreditRepairAccountType_btn__bsK3E:hover .MorphCreditRepairAccountType_label__K0xvr,
.MorphCreditRepairAccountType_btn__bsK3E:focus .MorphCreditRepairAccountType_label__K0xvr {
  color: var(--gray920);
}

.MorphCreditRepairAccountType_btnBorder__5cB0o {
  border: 0.0625rem solid var(--blue995);
  border-radius: 0.5rem;
  min-width: 3.125rem;
  width: 100%;
  min-height: 3.125rem;
  height: 100%;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  flex-direction: column;
}

.MorphCreditRepairAccountType_btnBorder__5cB0o img,
.MorphCreditRepairAccountType_btnBorder__5cB0o svg {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--orange600);
}

.MorphCreditRepairAccountType_label__K0xvr {
  color: var(--gray600);
  font-family: var(--typographyFontFamily);
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1;
}

.MorphCreditRepairAccountType_bottomBorder__q2kQC {
  height: 0.75rem;
  background-color: var(--blue995);
  border-bottom-left-radius: 0.5rem;
  display: block;
  margin: 0;
  position: relative;
}

@media (min-width: 768px) {
  .MorphCreditRepairAccountType_arrowContainer__SfySH {
    display: flex;
  }

  .MorphCreditRepairAccountType_leftArrow__gMIQj {
    display: flex;
  }

  .MorphCreditRepairAccountType_leftArrow__gMIQj::before {
    position: absolute;
    left: -0.5rem;
    bottom: -0.01rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue995);
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 17% 93%, 33% 84%, 51% 73%, 66% 60%, 76% 47%, 86% 33%, 93% 19%);
  }

  .MorphCreditRepairAccountType_leftArrow__gMIQj::after {
    position: absolute;
    right: -0.6rem;
    top: 0rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue995);
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 83% 7%, 67% 16%, 49% 27%, 34% 40%, 24% 53%, 14% 67%, 7% 81%);
  }

  .MorphCreditRepairAccountType_rightArrow__9dmWf {
    display: flex;
  }

  .MorphCreditRepairAccountType_rightArrow__9dmWf::after {
    position: absolute;
    right: -0.5rem;
    bottom: -0.01rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue995);
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 83% 93%, 67% 84%, 49% 73%, 34% 60%, 24% 47%, 14% 33%, 7% 19%);
  }
  .MorphCreditRepairAccountType_rightArrow__9dmWf::before {
    position: absolute;
    left: -0.6rem;
    top: 0rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue995);
    clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 17% 7%, 33% 16%, 51% 27%, 66% 40%, 76% 53%, 86% 67%, 93% 81%);
  }

  .MorphCreditRepairAccountType_rightArrow__9dmWf:hover::after,
  .MorphCreditRepairAccountType_leftArrow__gMIQj:hover::before,
  .MorphCreditRepairAccountType_rightArrow__9dmWf:hover::before,
  .MorphCreditRepairAccountType_leftArrow__gMIQj:hover::after {
    background-color: var(--blue995);
  }

  .MorphCreditRepairAccountType_arrow__8wFES:hover {
    background-color: var(--blue995);
  }

  .MorphCreditRepairAccountType_buttonUp__rzzLi {
    border-radius: 0.9rem 0.9rem 0 0;
    width: 96%;
    height: 75%;
    left: 2%;
  }

  .MorphCreditRepairAccountType_wrapper__wHEpo {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
    width: fit-content;
    max-width: calc(80%);
  }

  .MorphCreditRepairAccountType_wrapper__wHEpo.MorphCreditRepairAccountType_loadingWrapper__vM3yy::before {
    position: absolute;
    left: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(
      circle at 0% 0%,
      transparent 0.5rem,
      var(--blue995) 0.5625rem,
      var(--blue995) 0.625rem
    );
  }

  .MorphCreditRepairAccountType_wrapper__wHEpo.MorphCreditRepairAccountType_loadingWrapper__vM3yy::after {
    position: absolute;
    right: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(
      circle at 100% 0%,
      transparent 0.5rem,
      var(--blue995) 0.5625rem,
      var(--blue995) 0.625rem
    );
  }

  .MorphCreditRepairAccountType_bottomBorder__q2kQC.MorphCreditRepairAccountType_isMorphedFooterCloseButtonOnLeft__5Azih {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.5rem;
  }
  .MorphCreditRepairAccountType_bottomBorder__q2kQC {
    height: 0.75rem;
    background-color: var(--blue995);
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    display: block;
    margin: 0;
    position: relative;
  }
}

.MorphFormOpen_wrapper__5kMVh{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: 30px;
  margin-right: 84px;
}

.MorphFormOpen_button__QUeV2{
  position: relative;
  font-size: 0.7rem;
  font-weight: normal;
  z-index: 2;
  align-content: center;
  min-width: 6rem;
  width: 100%;
  height: 1.5625rem;
  background-color: var(--orange500);
  color: var(--gray000);
  border-radius: 0.3125rem;
  text-transform: none;
  white-space: nowrap;
  text-align: center;
  box-shadow: none;
  margin: 0.1875rem 0;
  cursor: pointer;
  bottom: 0.375rem;
}

.MorphFormOpen_button__QUeV2:hover{
  background-color: orange;
  color: var(--gray000);
}

.MorphFormOpen_handshakeIcon__MUjSI{
  z-index: 1001; 
  position: relative; 
  bottom: 0.25rem;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: MorphFormOpen_bounce__DASLQ;
  animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}

@keyframes MorphFormOpen_bounce__DASLQ {
  0%   { transform: scale(1,1)      translateY(0); }
  10%  { transform: scale(1.1,.9)   translateY(0); }
  30%  { transform: scale(.9,1.1)   translateY(-15px); }
  50%  { transform: scale(1.05,.95) translateY(0); }
  57%  { transform: scale(1,1)      translateY(-2px); }
  64%  { transform: scale(1,1)      translateY(0); }
  100% { transform: scale(1,1)      translateY(0); }
}

.MorphFormOpen_disabled__jpDoP{
  cursor: not-allowed;
}

@media(max-width: 900px){
  .MorphFormOpen_wrapper__5kMVh{
    margin-left: 20px;
    margin-right: 54px;
  }
}

.MorphUserSuggestions_hideSingleSlideAnimation__Ac3h9 {
  animation-name: MorphUserSuggestions_hideSingleSlideAnimation__Ac3h9;        /* Name of the keyframes */
  animation-duration: 1.2s;             /* Duration of the animation */
  animation-timing-function: ease; /* Easing function */
  animation-delay: 0s;                /* Delay before the animation starts */
  animation-iteration-count: 1;/* Number of times the animation will run (e.g., 1, 3, infinite) */
  animation-direction: normal;        /* Direction of the animation (normal, reverse, alternate) */
  animation-fill-mode: forwards;      /* How the element retains styles after animation ends (none, forwards, backwards, both) */
}

.MorphUserSuggestions_showSingleSlideAnimation__sQyRG {
  animation-name: MorphUserSuggestions_showSingleSlideAnimation__sQyRG;        /* Name of the keyframes */
  animation-duration: 0.8s;             /* Duration of the animation */
  animation-timing-function: ease; /* Easing function */
  animation-delay: 0s;                /* Delay before the animation starts */
  animation-iteration-count: 1;/* Number of times the animation will run (e.g., 1, 3, infinite) */
  animation-direction: normal;        /* Direction of the animation (normal, reverse, alternate) */
  animation-fill-mode: forwards;      /* How the element retains styles after animation ends (none, forwards, backwards, both) */
}

.MorphUserSuggestions_singleSlideElement__tJ18Z {
  transform: translateY(160px);
}

.MorphUserSuggestions_singleSlideElement__tJ18Z {
  background-color: #FFF3EE;
  border: 2px dashed rgb(255, 116, 0);
  transition: all 0.3s ease;
}

.MorphUserSuggestions_singleSlideElement__tJ18Z:hover {
  background-color: #fee8df;
}

@keyframes MorphUserSuggestions_showSingleSlideAnimation__sQyRG {
  0% {
    transform: translateY(160px);
  }
  90% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes MorphUserSuggestions_hideSingleSlideAnimation__Ac3h9 {
  0% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(160px);
    opacity: 0;
  }
}

.MorphUserSuggestions_wrapper__xAMJk,
.MorphUserSuggestions_loadingWrapper__h0XuR {
  padding: 8px 4px 0px 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-color: transparent;
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: auto;
  position: relative;
  top: 1px;
  flex-direction: row;
  flex-wrap: nowrap;
}

.MorphUserSuggestions_accessibilityDescDiv__IvGEf {
  visibility: hidden;
  position: absolute;
}

.MorphUserSuggestions_swiperContainer__iXt9s {
  transition: all 0.5s ease;
  width: 100%;
  /* overflow-x: hidden; */
  overflow-y: hidden;
  /* overflow: visible; */
}

.MorphUserSuggestions_hidden__hwdAR {
  visibility: hidden !important;
  opacity: 0 !important;
}

.MorphUserSuggestions_shown__8TjFq {
  visibility: visible !important;
  opacity: 1 !important;
}

.MorphUserSuggestions_posAbs__AaGxN {
  position: absolute;
}

.MorphUserSuggestions_UserSelectNone__cMdJG {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; /* For Safari */
}

.MorphUserSuggestions_SingleSwiperSlide__Y-1en {
  transition: background-color 0.3s ease;
}

.MorphUserSuggestions_container__RRsYa::-webkit-scrollbar {
  display: none;
}

.MorphUserSuggestions_btn__1bgnV {
  background-color: var(--gray000);
  border: 0.125rem solid var(--gray000);
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0 8px;
}

.MorphUserSuggestions_btn__1bgnV:hover,
.MorphUserSuggestions_btn__1bgnV:focus {
  border: 0.125rem solid transparent;
}

.MorphUserSuggestions_btn__1bgnV:hover .MorphUserSuggestions_label__BUrqi,
.MorphUserSuggestions_btn__1bgnV:focus .MorphUserSuggestions_label__BUrqi {
  color: var(--gray920);
}

.MorphUserSuggestions_btnBorder__gebHn {
  border: 0.0625rem solid var(--blue930);
  border-radius: 0.5rem;
  min-width: 3.125rem;
  width: 100%;
  min-height: 3.125rem;
  height: 100%;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  flex-direction: column;
}

.MorphUserSuggestions_btnBorder__gebHn img,
.MorphUserSuggestions_btnBorder__gebHn svg {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--orange600);
}

.MorphUserSuggestions_label__BUrqi {
  color: var(--gray600);
  font-family: var(--typographyFontFamily);
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1;
}

@media (min-width: 768px) {
  .MorphUserSuggestions_wrapper__xAMJk {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
  }

  /* .wrapper.loadingWrapper::before {
    position: absolute;
    left: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(
      circle at 0% 0%,
      transparent 0.5rem,
      var(--blue930) 0.5625rem,
      var(--blue930) 0.625rem
    );
  }

  .wrapper.loadingWrapper::after {
    position: absolute;
    right: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(
      circle at 100% 0%,
      transparent 0.5rem,
      var(--blue930) 0.5625rem,
      var(--blue930) 0.625rem
    );
  } */
}

.MorphLanguageSelector_languageSelectorContainer__Z0MlD {
  display: flex;
  flex-direction: row;
  top: 34px;
  position: relative;
  width: 100%;
  margin: 0 15px;
}

.MorphLanguageSelector_mobile__fzhS\+ {
  margin: 0px 30px 10px 20px;
}

.MorphLanguageSelector_greetingOuterCircle__BgSHI {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #132B93 0%, #6B385B 50%, #D74D2E 100%);
  bottom: 39px;
  left: 16px;
  z-index: 3;
}

.MorphLanguageSelector_greetingEdgeCircle__easZv {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  left: -94px;
  bottom: 17px;
  background-color: #fdf2ed;
  border: 1px solid var(--primaryMain);
  width: 120px;
  height: 112px;
  border-radius: 50%;
  z-index: 1;
}

.MorphLanguageSelector_greetingEdgeCircleMobile__v2IcJ {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  left: -62px;
  bottom: 19px;
  background-color: #fdf2ed;
  border: 1px solid var(--primaryMain);
  width: 95px;
  height: 110px;
  border-radius: 50%;
  z-index: 1;
}

.MorphLanguageSelector_greetingInnerCircle__zFb3v {
  display: flex;
  width: 90px;
  height: 90px;
  background-color: var(--primaryBackground);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  z-index: 2;
  position: relative;
}

.MorphLanguageSelector_greeting__CIANr {
  margin-bottom: 40px;
  font-size: 15px;
  z-index: 1;
  position: relative;
  font-weight: bold;
  background: linear-gradient(to bottom, #132B93, #6B385B, #D74D2E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  text-align: center;
}

@keyframes MorphLanguageSelector_typing__L3MDF {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes MorphLanguageSelector_fadeIn__1XGQz {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.MorphLanguageSelector_typing__L3MDF {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  animation: MorphLanguageSelector_typing__L3MDF 1s steps(30, end) forwards, MorphLanguageSelector_fadeIn__1XGQz 1s ease-in forwards;
}

@keyframes MorphLanguageSelector_fadeAndFly__hGYJ8 {
  0% {
    opacity: 1;
    transform: translate(0, 0);
    scale: 1;
    filter: blur(0);
  }

  100% {
    opacity: 0;
    transform: translate(15px, -5px);
    scale: 2;
    filter: blur(5px);
  }
}

.MorphLanguageSelector_fadeAndFly__hGYJ8 {
  animation: MorphLanguageSelector_fadeAndFly__hGYJ8 0.25s ease-in forwards;
}

.MorphLanguageSelector_angel__vJrbq {
  margin-top: 78px;
  height: 86px;
  z-index: 1;
  position: absolute;
  background-color: transparent;
  border-radius: 0% 0% 50% 50% / 0% 0% 20% 20%;
  pointer-events: none;
  clip-path: circle(61px at center top);
}

.MorphLanguageSelector_selectionContainer__\+WKdb {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 150px;
  margin-bottom: 16px;
  position: relative;
}

.MorphLanguageSelector_innerSelectionContainer__649Dc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(100% - 110px);
  height: 100%;
  margin-bottom: 16px;
  overflow: hidden;
  position: relative;
}

.MorphLanguageSelector_greetingOuterCircleBackground__kf8Hx {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: white;
  bottom: 30px;
  left: 6px;
  z-index: 2;
  border: 1px solid var(--primaryMain);
}

.MorphLanguageSelector_innerSelectionContainerMobile__hfEmD {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(100% - 50px);
  height: 100%;
  margin-bottom: 16px;
  overflow: hidden;
  position: relative;
}

.MorphLanguageSelector_flags__hma2b {
  display: flex;
  width: 100%;
  height: 100%;
}

.MorphLanguageSelector_flagsContainer__XVbrt {
  margin-left: auto;
  display: flex;
  align-items: center;
  background: var(--gray000);
  width: calc(100%);
  height: 54px;
  border: 1px solid var(--primaryMain);
  border-left: none;
  border-radius: 8px;
  padding-left: 20px;
}

.MorphLanguageSelector_flagsContainerMobile__VP9AE {
  margin-left: auto;
  display: flex;
  align-items: center;
  background: var(--gray000);
  width: calc(100%);
  height: 54px;
  border: 1px solid var(--primaryMain);
  border-left: none;
  border-radius: 8px;
}

.MorphLanguageSelector_swiper__715k- {
  width: 100%;
  height: 100%;
}


.MorphLanguageSelector_flagsContainerMobile__VP9AE .MorphLanguageSelector_swiper__715k- {
  margin-left: 40px
}

.MorphLanguageSelector_flagsContainer__XVbrt img {
  margin: 0 10px;
  height: 39px;
}

/* .flagsContainer::before {
  clip-path: path('M 0 7 C 1 4.6667 2 1 7 0 L 101 0 L 153 0 L 154 58 L 71 58 C 57 16 31 5 0 7 Z');
  left: -67px;
  top: -1px;
  position: absolute;
  width: 300px;
  height: 45px;
  content: '';
  display: block;
  z-index: -1;
  background: radial-gradient(circle at 0% 100%, transparent 8px, var(--primaryMain) 9px, var(--primaryMain) 10px);
} */

/* .flagsContainer::after {
  clip-path: path('M 2 6 C 2 5 3 1 9 1 L 99 1 L 152 1 L 153 57 L 72 57 C 59 19 36 5 4 6 Z');
  left: -67px;
  top: -1px;
  position: absolute;
  width: 300px;
  height: 44px;
  content: '';
  display: block;
  z-index: -1;
  background: var(--gray000);
} */

.MorphLanguageSelector_flagContainer__nC9XW {
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid var(--primaryMain);
    width: 44px;
    height: 30px;
    padding-top: 1px;
    margin-right: 15px;
    border-radius: 8px;
    overflow: hidden; */
}

.MorphLanguageSelector_flagImg__vQgl0 {
  transition: 0.6s all ease;
  border-radius: 8px;
  /* border: 3px solid transparent; */
  padding: 4px;
  opacity: 0.6;
  transform: scale(0.93);
}

.MorphLanguageSelector_flagImg__vQgl0:hover {
  transform: scale(1.15);
}

.MorphLanguageSelector_flagImg__vQgl0.MorphLanguageSelector_selectedLanguage__bdF78 {
  transform: scale(1.15);
  opacity: 1;
}


.MorphLanguageSelector_inputContainer__wrDFY {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--gray000);
  width: calc(100%);
  height: 50px;
  border: 1px solid var(--primaryMain);
  margin-left: auto;
  position: relative;
  border-radius: 8px;
}

.MorphLanguageSelector_languageName__M0kuq {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 0;
}

.MorphLanguageSelector_closeButton__5a-ca {
  transition: all 0.3s ease;
  margin-right: 3px;
  position: relative;
  border-radius: 0px;
  cursor: pointer;
  font-family: var(--typographyFontFamily);
  color: var(--gray000);
  padding: 6px;
  height: 100%;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--blue850);
  transform: scale(1);
}

.MorphLanguageSelector_closeButton__5a-ca:hover {
  background-color: var(--blue900);
  transform: scale(1.05);
}

.MorphLanguageSelector_doneButton__ZanMC {
  transition: all 0.3s ease;
  position: relative;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  font-family: var(--typographyFontFamily);
  color: var(--gray000);
  padding: 6px;
  height: 100%;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--green700);
  transform: scale(1);
}

.MorphLanguageSelector_doneButton__ZanMC:hover {
  background-color: var(--green850);
  transform: scale(1.05);
}

.MorphLanguageSelector_swiperSlide__pOop2 {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: auto !important;
  height: 100%;
}

.MorphLanguageSelector_exitButton__UbLre {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 35px;
  width: 35px;
  background-color: var(--gray000);
  border: 3px solid var(--peach900);
  border-radius: 50%;
  padding: 8px;
  right: -15px;
  top: -28px;
  color: var(--peach900);
  z-index: 1;
}
.langSelectorSwiper .swiper-wrapper {
    justify-content: center !important;
}
/**
 * Swiper 9.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2023
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:initial;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.MorphBorrowerSelector_swiperContainer__OdiCZ {
  min-width: 30vw;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--peach800);
  border-radius: 10px;
  border: 1px solid var(--orange900);
  padding: 5px;
}

.MorphBorrowerSelector_swiperContainer__OdiCZ .MorphBorrowerSelector_borrowerCircle__rrMZy {
  position: relative;
  height: 45px;
  width: 45px;
  min-height: 45px;
  color: var(--orange700);
  background-color: var(--gray000);
  border: 3px solid var(--orange700);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: 1.1rem;
  z-index: 4;
}

.MorphBorrowerSelector_swiperContainer__OdiCZ .MorphBorrowerSelector_hoveredBorrowerCircle__lUMkD {
  position: relative;
  height: 45px;
  width: 45px;
  background-color: var(--gray000);
  border: 3px solid var(--blue030);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: 1.1rem;
  z-index: 4;
}

.MorphBorrowerSelector_swiperContainer__OdiCZ .MorphBorrowerSelector_selectedBorrowerCircle__xcSBZ {
  position: relative;
  height: 45px;
  width: 45px;
  color: var(--orange700);
  background-color: var(--gray000);
  border: 5px solid var(--green920);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: 1.1rem;
  z-index: 4;
}

.MorphBorrowerSelector_swiperContainer__OdiCZ .MorphBorrowerSelector_slideWidthFixed__sXZ6Z {
  width: 50px;
}

.ThemeShift_isPrivate__QGRUn {
  /* --orange700: var(--orange700Private); */
  --peach000: var(--blue000);
  /* --peach600: var(--peach600Private); */
  /* --gray000: var(--gray000Private); */
  --gray600: var(--gray700);
  --gray920: var(--blue990);
  ----orange050: var(--blue700);
  --orange000: var(--blue100);
  --peach500: var(--blue100);
  --orange600: var(--blue700);
  /* --orange050: var(--orange700Private); */
}

.ThemeShift_infiniteScroll__xF9sK{
  justify-content: flex-end;
}

.ReconnectingPopup_box__kQuVJ {
  position: absolute;
  top: calc(100% - 70px);
  left: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--gray000);
  border-radius: 8px;
  border: 1px solid var(--peach200);
  color: var(orange510);
  position: relative;
  width: calc(100vw - 390px);
  height: 50px;
}

.ReconnectingPopup_operatorView__iErxs {
  width: calc(100vw - 80px);
}

.ReconnectingPopup_messages__kpzdY {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100vw - 320px);
  height: calc(100% - 70px);
  z-index: -2;
}

.ReconnectingPopup_box__kQuVJ hr {
  display: block;
  width: 1px;
  height: 22px;
  background-color: var(--orange700);
  border: none;
  outline: none;
}

.ReconnectingPopup_imgWrapper__60IUf {
  width: 45px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ReconnectingPopup_imgWrapper__60IUf img {
  height: 25px;
  position: relative;
  margin: 0;
  background-color: var(orange510);
  border-radius: 5px;
  padding: 4px;
}

.ReconnectingPopup_box__kQuVJ p {
  color: var(--gray600);
  font-size: 16px;
  font-weight: 400;
  font-family: var(--typographyFontFamily);
  padding: 0;
  margin: 0;
  padding-left: 8px;
}

.ReconnectingPopup_box__kQuVJ svg {
  transform: translate(-50%, -50%) rotate(90deg);
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: -2px;
}

.ReconnectingPopup_mid__Y3pnx {
  animation: 2s ease ReconnectingPopup_blink__s\+zDH infinite;
}

.ReconnectingPopup_right__FjLFG {
  animation: 2s ease ReconnectingPopup_blink__s\+zDH infinite;
  animation-delay: 0.4s;
}

@keyframes ReconnectingPopup_blink__s\+zDH {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (max-width: 900px) {
  .ReconnectingPopup_box__kQuVJ {
    top: calc(100% - 64px);
    left: 20px;
    width: calc(100vw - 40px);
    height: 54px;
  }
  .ReconnectingPopup_messages__kpzdY {
    left: 5px;
    width: calc(100vw - 10px);
    height: calc(100% - 64px);
  }
}
.Banner_banner__ZcozB {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--peach900);
  color: var(--gray000);
}

.Banner_closeButton__-mRgn {
  color: var(--gray000);
}

.PullCreditMenu_overlay__DnAFK {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--shadow700);
  justify-content: center;
  align-items: center;
  z-index: 9999;
  display: flex;
}

.PullCreditMenu_menu__w1Fcu {
  flex-grow: 1;
  max-width: 600px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--peach010);
  color: var(--gray920);
}

.PullCreditMenu_h1__uaivT {
  font-family: var(--typographyFontFamily);
  font-size: 1.4rem;
  font-weight: 400;
}

.PullCreditMenu_h2__1I4D3 {
  font-family: var(--typographyFontFamily);
  font-size: 1rem;
  font-weight: 400;
}

.PullCreditMenu_disabled__fAP5u {
  opacity: 50%;
  cursor: not-allowed;
}

.PullCreditMenu_formItem__K3Ld\+ {
  display: flex;
  flex-direction: column;
}

/* using important to overwrite the border on the checkbox */
.PullCreditMenu_missing__85Px0 {
  border: 1px solid red !important;
}

.PullCreditMenu_linearProgress__i1QMG {
  transition: none;
}

.Form_form__AfixC {
  gap: 10px;
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.Input_input__G65h5 {
  padding: 6px;
  border-radius: 6px;
  border: 1px solid black;
}

.Input_input__G65h5:focus {
  outline: none;
}

.Select_select__wg1mk {
  padding: 6px;
  border-radius: 6px;
  border: 1px solid black;
}

.Select_select__wg1mk:focus {
  outline: none;
}

.Checkbox_checkbox__K8vx- {
  width: calc(1rem + 6px);
  height: calc(1rem + 6px);
  border-radius: 6px;
  border: 1px solid black;
}

.Checkbox_checkbox__K8vx-:checked {
  background-color: var(--peach900);
}

.SubmitButton_submitButton__J9vuw {
  padding: 6px;
  border-radius: 6px;
  background-color: var(--peach900);
  color: var(--gray000);
}


.WorkflowTimelineSteps_stepContainer__2VIzG {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 80px;
}

.WorkflowTimelineSteps_iconCircle__-gmpB {
  transition: all 0.4s ease;
  height: 40px;
  width: 40px;
  background-color: var(--peach600);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  position: relative;
  cursor: pointer;
}

.WorkflowTimelineSteps_iconCircle__-gmpB::after {
  transition: all 0.4s ease;
  content: "";
  position: absolute;
  transform: translateY(22px);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid var(--peach600);
}

.WorkflowTimelineSteps_inProgressCircle__jqkZ4 {
  background-color: var(--orange900);
  height: 50px;
  width: 50px;
  top: -20px;
}

.WorkflowTimelineSteps_inProgressCircle__jqkZ4 img {
  filter: invert(1);
}

.WorkflowTimelineSteps_inProgressCircle__jqkZ4::after {
  transform: translateY(28px);
  border-top: 10px solid var(--orange900);
}

.WorkflowTimelineSteps_inProgressCircle__jqkZ4::before {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 15px;
  background-color: var(--orange900);
}

.WorkflowTimelineSteps_suspendedCircle__CcMpJ {
  background-color: var(--orange060);
}
.WorkflowTimelineSteps_suspendedCircle__CcMpJ::after {
  border-top: 10px solid var(--orange060);
}

.WorkflowTimelineSteps_iconCircle__-gmpB img {
  width: 25px;
  height: 25px;
}

.WorkflowTimelineSteps_selectedCircle__YTcab {
  background-color: var(--green600);
}

.WorkflowTimelineSteps_selectedCircle__YTcab::after {
  border-top: 10px solid var(--green600);
}

.WorkflowTimelineSteps_timeline__TJW2D{
  transition: all 0.4s ease;
  margin-top: 10px;
  background-color: var(--peach600);
  width: 80px;
  height: 10px;
  position: relative;
}

.WorkflowTimelineSteps_inProgressTimeline__CmpFf{
  margin-top: 0px;
  background-color: var(--orange900);
}

.WorkflowTimelineSteps_selectedTimeline__VrFCe{
  background-color: var(--green600);
  border-radius: 5px;
}

.WorkflowTimelineSteps_number__PwFeC {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--gray900);
}

.WorkflowTimelineSteps_number__PwFeC span {
  transform: translateY(2px);
}

.WorkflowTimelineSteps_timelineHead__IaT5A {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.WorkflowTimelineSteps_timelineTail__Mhzzd {
  background-color: var(--gray060);
  width: 100px;
  height: 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: 50px;
}

.WorkflowTimelineSteps_lastStepContainer__zgKlQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100px;
  bottom: 19px;
}

.WorkflowTimelineSteps_lastIconCircle__Ky7x7 {
  height: 40px;
  width: 40px;
  background-color: var(--gray060);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  position: relative;
}

.WorkflowTimelineSteps_lastIconCircle__Ky7x7::after {
  content: "";
  position: absolute;
  transform: translateY(22px);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid var(--gray060);
}

.WorkflowTimelineSteps_lastTimeline__yXudz{
  margin-top: 10px;
  background-color: var(--gray060);
  width: 100px;
  height: 10px;
  position: relative;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.MorphWorkflowTimeline_workflowTimelineContainer__ceQcX{
  display: flex;
  border: 1px solid var(--orange900);
  border-radius: 8px;
  width: fit-content;
  max-width: 100%;
  margin: 0 83px 0 87px;
  justify-content: center;
  align-items: center;
  height: 170px;
  background-color: var(--gray000);
  padding-bottom: 10px;
  overflow: scroll;
  scrollbar-width: none;
  flex-direction: column;
}

@media (max-width: 900px){
  .MorphWorkflowTimeline_workflowTimelineContainer__ceQcX{
    margin: 0 73px 0 76px;
  }
}

.MorphWorkflowTimeline_loadingImg__l6tN4 {
  width: 170px;
  animation: MorphWorkflowTimeline_floating__tVOna 5s infinite ease;
}

@keyframes MorphWorkflowTimeline_floating__tVOna {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

.MorphWorkflowTimeline_loadingText__QJTex{
  transform: translateY(-20px);
}

.MorphWorkflowTimeline_timelineContainer__Tl7Zw {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: scroll;
  scrollbar-width: none;
  height: 100%;
  align-items: flex-end;
  padding: 0 15px;
  margin-bottom: 10px;
}

.MorphWorkflowTimeline_questionHolder__SuZOQ {
  position: relative;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  box-sizing: border-box;
  padding-inline: 0.5rem;
  scrollbar-width: none; 
  height: 30px;
  margin-top: 10px;
}

/******** TAB CSS ********/

.MorphWorkflowTimeline_selectTimelineStepButton__1m3qG{
  color: black;
  font-weight: 600;
  cursor: default;
  background: var(--green600);
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 10px;
  cursor: pointer;
}
.ScrollingText_scrollContainer__BV2ii {
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
  padding-inline: 0.5rem;
  height: 100%;
  position: relative;
  cursor: grab;
  -webkit-user-select: none;
          user-select: none;
}

.ScrollingText_scrollContainer__BV2ii:active {
  cursor: grabbing;
}

.ScrollingText_scrollContent__vB-N\+ {
  display: inline-block;
  white-space: nowrap;
}

.ScrollingText_animateScroll__myjs8 {
  animation: ScrollingText_scrollText__R8CtH 10s linear infinite;
}

.ScrollingText_scrollContainer__BV2ii:hover .ScrollingText_animateScroll__myjs8 {
  animation-play-state: paused;
}

@keyframes ScrollingText_scrollText__R8CtH {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.TypingAnimation_visible__2XP9Y {
  visibility: visible;
}

.TypingAnimation_hidden__JSeZQ {
  visibility: hidden;
}

.TypingAnimation_opacityFull__44hAj {
  opacity: 1;
}

.TypingAnimation_opacityZero__bb5sX {
  opacity: 0;
}

.TypingAnimation_letter__a2\+KU {
  transition: all 0.3s ease;
  display: inline-block;
}

.MorphUserPromptsMenu_wrapper__FDYv\+,
.MorphUserPromptsMenu_loadingWrapper__XV\+5E {
  padding: 8px 1rem 0.25rem 1rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-color: var(--blue930);
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: auto;
  position: relative;
  top: 1px;
  flex-direction: row;
  flex-wrap: nowrap;
}

.MorphUserPromptsMenu_accessibilityDescDiv__EwoXW {
  visibility: hidden;
  position: absolute;
}

.MorphUserPromptsMenu_swiperContainer__34Ibu {
  transition: all 0.5s ease;
  width: 100%;
  min-width: 35vw;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-top: 5px;
}

.MorphUserPromptsMenu_arrowContainer__bI2a6 {
  width: 100%;
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
}

.MorphUserPromptsMenu_arrow__-psA7 {
  position: absolute;
  background-color: var(--blue950);
  display: flex;
  align-items: center;
  height: 100%;
  width: fit-content;
  z-index: 2;
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  padding: 0 4px;
  opacity: 1;
  visibility: visible;
}

.MorphUserPromptsMenu_arrow__-psA7:focus {
  outline: none;
  filter: brightness(0.85);
}

.MorphUserPromptsMenu_hidden__k8bSV {
  visibility: hidden !important;
  opacity: 0 !important;
}

.MorphUserPromptsMenu_shown__xjuDt {
  visibility: visible !important;
  opacity: 1 !important;
}

.MorphUserPromptsMenu_buttonUpIcon__0Lnwu {
  color: var(--gray000);
}

.MorphUserPromptsMenu_buttonUp__BkNrR {
  position: absolute;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 78%;
  z-index: 2;
  cursor: pointer;
  width: 96%;
  background-color: var(--blue900);
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  left: 2%;
  border-radius: 7px;
  margin-top: 6px;
}

.MorphUserPromptsMenu_buttonUp__BkNrR:focus {
  background-color: var(--blue910);
  outline: none;
}

.MorphUserPromptsMenu_buttonUp__BkNrR:hover {
  background-color: var(--morphUserPromptsMenuBottomBorder);
}

.MorphUserPromptsMenu_arrowImgContainer__\+Ades {
  position: relative;
  display: inline-block;
}

.MorphUserPromptsMenu_arrowImg__XwPAx {
  height: 25px;
  transition: all 0.5s ease;
  pointer-events: none;
}

.MorphUserPromptsMenu_arrowImgLeft__XG-Yx {
  transform: rotate(90deg);
}

.MorphUserPromptsMenu_arrowImgRight__2AsGF {
  transform: rotate(-90deg);
}

.MorphUserPromptsMenu_posAbs__cJrZw {
  position: absolute;
}

.MorphUserPromptsMenu_invisibleArrow__uVcoL {
  opacity: 0;
}

.MorphUserPromptsMenu_arrow__-psA7 svg {
  font-size: 1.3em;
  color: var(--gray000);
}

.MorphUserPromptsMenu_leftArrow__sxkSx {
  left: 0;
  top: -2px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  justify-content: start;
  display: none;
}

.MorphUserPromptsMenu_rightArrow__avuoT {
  justify-content: end;
  right: 0;
  top: -2px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  display: none;
}

.MorphUserPromptsMenu_UserSelectNone__ZeMlG {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; /* For Safari */
}

.MorphUserPromptsMenu_SingleSlideElementHover__dZtuL:hover {
  background-color: var(--blue940);
  box-shadow: var(--shadow400) 0px 0px 8px !important;
  transform: translateY(-2px);
}

.MorphUserPromptsMenu_SingleSwiperSlide__RCMUD {
  transition: background-color 0.3s ease;
}

.MorphUserPromptsMenu_SingleSwiperSlide__RCMUD:focus {
  outline: none;
  background-color: var(--blue940);
  border-radius: 8px;
}

.MorphUserPromptsMenu_container__HLw55::-webkit-scrollbar {
  display: none;
}

.MorphUserPromptsMenu_btn__HPadI {
  background-color: var(--gray000);
  border: 0.125rem solid var(--gray000);
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0 8px;
}

.MorphUserPromptsMenu_btn__HPadI:hover,
.MorphUserPromptsMenu_btn__HPadI:focus {
  border: 0.125rem solid transparent;
}

.MorphUserPromptsMenu_btn__HPadI:hover .MorphUserPromptsMenu_label__UmJNq,
.MorphUserPromptsMenu_btn__HPadI:focus .MorphUserPromptsMenu_label__UmJNq {
  color: var(--gray920);
}

.MorphUserPromptsMenu_btnBorder__4rcLd {
  border: 0.0625rem solid var(--blue930);
  border-radius: 0.5rem;
  min-width: 3.125rem;
  width: 100%;
  min-height: 3.125rem;
  height: 100%;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  flex-direction: column;
}

.MorphUserPromptsMenu_btnBorder__4rcLd img,
.MorphUserPromptsMenu_btnBorder__4rcLd svg {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--orange600);
}

.MorphUserPromptsMenu_label__UmJNq {
  color: var(--gray600);
  font-family: var(--typographyFontFamily);
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1;
}

.MorphUserPromptsMenu_bottomBorder__eu7rm {
  height: 0.75rem;
  background-color: var(--blue930);
  border-bottom-left-radius: 0.5rem;
  display: block;
  margin: 0;
  position: relative;
}

@media (min-width: 768px) {
  .MorphUserPromptsMenu_arrowContainer__bI2a6 {
    display: flex;
  }

  .MorphUserPromptsMenu_leftArrow__sxkSx {
    display: flex;
  }

  .MorphUserPromptsMenu_leftArrow__sxkSx::before {
    position: absolute;
    left: -0.5rem;
    bottom: -0.01rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue950);
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 17% 93%, 33% 84%, 51% 73%, 66% 60%, 76% 47%, 86% 33%, 93% 19%);
  }

  .MorphUserPromptsMenu_leftArrow__sxkSx::after {
    position: absolute;
    right: -0.6rem;
    top: 0rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue950);
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 83% 7%, 67% 16%, 49% 27%, 34% 40%, 24% 53%, 14% 67%, 7% 81%);
  }

  .MorphUserPromptsMenu_rightArrow__avuoT {
    display: flex;
  }

  .MorphUserPromptsMenu_rightArrow__avuoT::after {
    position: absolute;
    right: -0.5rem;
    bottom: -0.01rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue950);
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 83% 93%, 67% 84%, 49% 73%, 34% 60%, 24% 47%, 14% 33%, 7% 19%);
  }
  .MorphUserPromptsMenu_rightArrow__avuoT::before {
    position: absolute;
    left: -0.6rem;
    top: 0rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue950);
    clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 17% 7%, 33% 16%, 51% 27%, 66% 40%, 76% 53%, 86% 67%, 93% 81%);
  }

  .MorphUserPromptsMenu_rightArrow__avuoT:hover::after,
  .MorphUserPromptsMenu_leftArrow__sxkSx:hover::before,
  .MorphUserPromptsMenu_rightArrow__avuoT:hover::before,
  .MorphUserPromptsMenu_leftArrow__sxkSx:hover::after {
    background-color: var(--blue970);
  }

  .MorphUserPromptsMenu_arrow__-psA7:hover {
    background-color: var(--blue970);
  }

  .MorphUserPromptsMenu_buttonUp__BkNrR {
    border-radius: 0.9rem 0.9rem 0 0;
    width: 96%;
    height: 75%;
    left: 2%;
  }

  .MorphUserPromptsMenu_wrapper__FDYv\+ {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
    width: fit-content;
    max-width: calc(80%);
  }

  .MorphUserPromptsMenu_wrapper__FDYv\+.MorphUserPromptsMenu_loadingWrapper__XV\+5E::before {
    position: absolute;
    left: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(
      circle at 0% 0%,
      transparent 0.5rem,
      var(--blue930) 0.5625rem,
      var(--blue930) 0.625rem
    );
  }

  .MorphUserPromptsMenu_wrapper__FDYv\+.MorphUserPromptsMenu_loadingWrapper__XV\+5E::after {
    position: absolute;
    right: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(
      circle at 100% 0%,
      transparent 0.5rem,
      var(--blue930) 0.5625rem,
      var(--blue930) 0.625rem
    );
  }

  .MorphUserPromptsMenu_bottomBorder__eu7rm.MorphUserPromptsMenu_isMorphedFooterCloseButtonOnLeft__\+IGwM {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.5rem;
  }
  .MorphUserPromptsMenu_bottomBorder__eu7rm {
    height: 0.75rem;
    background-color: var(--blue930);
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    display: block;
    margin: 0;
    position: relative;
  }
}

.Typography_base__60hf4 {
  color: var(--blue999);
  font-family: var(--typographyFontFamily);
  font-size: 12px;
  font-weight: normal;
  line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  margin: 0;
  padding: 0;
  z-index: 1;
  pointer-events: none;
}

.Typography_editing__A9Nr\+ {
  color: var(--blue130);
  -webkit-text-stroke: 0.3px black;
  stroke: 0.3px black;
}

.Typography_cMessageAuthor__hM7xh {
  color: var(--orange050);
}

.Typography_fsItalic__zEJT2 {
  font-style: italic;
}

.Typography_dFlex__Gx2ef {
  display: flex;
}

.Typography_lc1__4Vgkh {
  -webkit-line-clamp: 1;
}

.Typography_lc2__Mb0B5 {
  -webkit-line-clamp: 2;
}

.Typography_lc3__YciuL {
  -webkit-line-clamp: 3;
}

.Typography_lhNarrow__wZJRi {
  line-height: 100%;
}

.Typography_taCenter__qrllT {
  text-align: center;
}

.Typography_taRight__7Zo6a {
  text-align: right;
}

.Typography_mlAuto__Oftp7 {
  margin-left: auto;
}

.Typography_mrAuto__gzOe0 {
  margin-right: auto;
}

.Typography_mAuto__iCJ6R {
  margin-left: auto;
  margin-right: auto;
}

.Typography_fwBold__UAa0f {
  font-weight: bold;
}

.Typography_fwMedium__nYQAG {
  font-weight: medium;
}

.Typography_fsLargest__wU3MM {
  font-size: 16px;
}

.Typography_fsLarge__-CqRx {
  font-size: 14px;
}

.Typography_fsSmall__9Pt62 {
  font-size: 11px;
}

.Typography_fsSmallest__I3bg\+ {
  font-size: 10px;
}

.Typography_mbLargest__U9WRW {
  margin-bottom: 16px;
}

.Typography_mbLarge__PA4qC {
  margin-bottom: 8px;
}

.Typography_mbSmall__6am\+V {
  margin-bottom: 4px;
}

.Typography_mbSmallest__pC6t3 {
  margin-bottom: 2px;
}

.Typography_mtLargest__\+3NI3 {
  margin-top: 16px;
}

.Typography_mtLarge__jXx2k {
  margin-top: 8px;
}

.Typography_mtSmall__ww-Uj {
  margin-top: 4px;
}

.Typography_mtSmallest__AyN\+4 {
  margin-top: 2px;
}

.Typography_order__YQr2V {
  margin-top: 25px;
  /* padding-left: 125px; */
}

.Typography_mlAuto__Oftp7.Typography_taRight__7Zo6a.Typography_order__YQr2V {
  margin-top: 25px;
  padding-right: 125px;
}

.Typography_ttCapitalize__E\+khX {
  text-transform: capitalize;
}

.Typography_ttUppercase__fSY6A {
  text-transform: uppercase;
}

.Typography_ttLowercase__vYVm5 {
  text-transform: lowercase;
}
.CustomLinkDialog_customLinkOperator__6KacZ {
  --bgc: var(--gray000);
  --bgcAlt: var(--peach600);
  display: flex;
  position: relative;
  pointer-events: all;
}

.CustomLinkDialog_customLinkFlexStart__xt93- {
  display: flex;
  justify-content: flex-start;
}

.CustomLinkDialog_customLinkFlexEnd__lk7iZ{
  display: flex;
  justify-content: flex-end;
}

.CustomLinkDialog_customLinkDialogWrapper__4\+JC- {
  display: flex;
  flex-direction: column;
}

.CustomLinkDialog_customLinkDialogContainer__cXG8V {
  display: flex;
  border: 1px solid var(--orange700);
  background-color: var(--bgcAlt);
  align-items: stretch;
  border-radius: 10px;
  max-width: calc(100% - 50px);
}

.CustomLinkDialog_customLinkDialogContainer__cXG8V .CustomLinkDialog_qrContainer__KhQiF {
  border-radius: 15px;
  height: 100%;
  display: flex;
  overflow: hidden;
  min-width: 50px;
  height: 50px;
  background-color: var(--bgcAlt);
  margin: auto 8px;
}

.CustomLinkDialog_customLinkDialogContainer__cXG8V .CustomLinkDialog_qr__lyvp9 {
  width: 50px;
  height: 50px;
  background-color: var(--bgcAlt);
  border-radius: 4px;
  background-position: -6px -6px;
  margin: auto;
  background-size: 125% 125%;
}

.CustomLinkDialog_customLinkDialogContainer__cXG8V .CustomLinkDialog_messageBox__KnVQp {
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--orange700);
  width: 100%;
  max-width: calc(100% - 116px);
}

.CustomLinkDialog_customLinkDialogContainer__cXG8V .CustomLinkDialog_message__p6p4i {
  font-family: var(--typographyFontFamily);
  font-size: 0.75rem;
  font-weight: normal;
  color: var(--gray920);
  line-height: 150%;
  flex-grow: 1;
  overflow: hidden;
  word-wrap: break-word;
  padding: 10px;
  background-color: var(--bgcAlt);
  padding-left: 5px;
}

.CustomLinkDialog_customLinkDialogContainer__cXG8V .CustomLinkDialog_url__2vU0V {
  font-weight: 600;
}

.CustomLinkDialog_customLinkDialogContainer__cXG8V .CustomLinkDialog_timeStamp__ZT8gy {
  padding: 5px;
  display: flex;
  margin-top: -10px;
}

.CustomLinkDialog_customLinkDialogContainer__cXG8V .CustomLinkDialog_share__D0ACS {
  width: 50px;
  min-width: fit-content;
  background-color: var(--bgc);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 5px;
  border-radius: 0 10px 10px 0;
  cursor: pointer;
}

.CustomLinkDialog_customLinkDialogContainer__cXG8V .CustomLinkDialog_share__D0ACS div {
  color: var(--orange700);
}

.CustomLinkDialog_customLinkDialogContainer__cXG8V .CustomLinkDialog_notYet__r-wnB {
  background-color: var(--bgc);
  color: var(--gray800);
  width: 50px;
  min-width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 5px;
  border-radius: 0 10px 10px 0;
}

.CustomLinkDialog_customLinkDialogContainer__cXG8V .CustomLinkDialog_share__D0ACS span {
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--orange700);
}

.CustomLinkDialog_customLinkDialogContainer__cXG8V .CustomLinkDialog_share__D0ACS svg {
  width: 30px;
  height: 30px;
}

.CustomLinkDialog_shareIcon__3mCns{
  animation: CustomLinkDialog_rotate__JZ9QS 2s linear forwards;
}

@keyframes CustomLinkDialog_rotate__JZ9QS {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(720deg);
  }
}

@media (min-width: 900px){
  .CustomLinkDialog_customLinkDialogIsMobileOrTablet__Tb5mX {
    max-width: 68%;
  }
}

@media (max-width: 480px){
  .CustomLinkDialog_customLinkOperator__6KacZ{
    max-width: 75%;
    min-width: 300px;
  }

  .CustomLinkDialog_customLinkDialogContainer__cXG8V .CustomLinkDialog_share__D0ACS {
    border-right: 1px solid var(--orange700);
  }
}

.Skeletons_loader__YOPdw {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: var(--peach000);
}

/**
 * The background color of var(--gray000)66 is intentionally translucent
 * in order to keep the appearance of the shimmer effect consistent
 * regardless of what background color is used for the skeleton
 */
.Skeletons_loader__YOPdw::after {
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  background-color: var(--gray000)66;
  transform: skewX(-20deg);
  animation: Skeletons_shimmer__JUqB5 2.5s infinite;
}

@keyframes Skeletons_shimmer__JUqB5 {
  0% {
    left: -100px
  }

  100% {
    left: 100vw
  }
}
.MorphTimeSkeleton_style__-kkVe {
  width: 400px;
  height: 175px;
  border-radius: 10px;
  margin: 0 30px;
  background-color: var(--peach800);
}

@media (max-width: 900px) {
  .MorphTimeSkeleton_style__-kkVe {
    width: 100%;
    margin: 0 20px;
  }
}

.MorphTimeTabSkeleton_style__BPTto {
  width: 120px;
  height: fit-content;
  border-radius: 10px;
  margin: 0 30px;
  background-color: var(--peach800);
}

.MorphTime_timeWrapper__r3fUY {
  overflow: hidden;
  touch-action: none;
  display: flex;
  background-color: var(--peach800);
  width: fit-content;
  height: 175px;
  justify-content: center;
  align-items: center;
  margin: 0 20px;
  border-radius: 15px;
  color: var(--blue999);
  font-size: 25px;
  z-index: 1;
  position: absolute;
  bottom: 0px;
}

.MorphTime_mobileTime__MDchF {
  border-radius: 15px 15px 0px 15px;
}

.MorphTime_snackbarWrapper__6\+CWQ {
  position: absolute;
  width: fit-content;
  height: 30px;
  background-color: var(--red400);
  color: var(--blue999);
  margin: auto;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 0px 20px;
}

.MorphTime_openSnackbar__Nwdoz {
  animation: MorphTime_slideUp__DYTMO 0.5s forwards;
  z-index: 0;
}

@keyframes MorphTime_slideUp__DYTMO {
  0% {
    opacity: 0%;
    top: -150px;
  }
  25% {
    opacity: 100%;
  }
  100% {
    opacity: 100%;
    top: -205px;
  }
}

.MorphTime_closedSnackbar__H0DX5 {
  animation: MorphTime_slideDown__VsW8p 0.5s forwards;
  z-index: 0;
  display: none;
}

@keyframes MorphTime_slideDown__VsW8p {
  0% {
    opacity: 100%;
    top: -30px;
  }
  25% {
    opacity: 100%;
  }
  100% {
    opacity: 0%;
    top: 0px;
  }
}

.MorphTime_verticalCarousel__jrrC3 {
  display: flex;
  flex-direction: column;
  height: 145px;
  width: 70px;
  overflow: hidden;
  position: relative;
  background-color: var(--peach720);
  align-items: center;
  border-radius: 15px;
  justify-content: center;
  margin: 0 15px;
  cursor: pointer;
}

.MorphTime_defaultCursor__-ZfFL {
  cursor: default;
}

@media (max-width: 470px) {
  .MorphTime_verticalCarousel__jrrC3 {
    margin: 0 8px;
  }
}

@media (max-width: 400px) {
  .MorphTime_verticalCarousel__jrrC3 {
    margin: 0px;
  }
}

.MorphTime_carouselSlide__ZxT61 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  height: 50px;
  width: 65px;
  transition: transform 0.5s ease, z-index 0.5s ease, color 0.5s ease, font-size 0.5s ease;
  position: absolute;
  box-sizing: border-box;
  transform: translateY(-50%);
}

.MorphTime_carouselSlide__ZxT61::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 15%; 
  width: 70%;
  border-bottom: 2px solid var(--blue999); 
}

.MorphTime_carouselSlide__ZxT61.MorphTime_active__Ag4zP {
  z-index: 2;
  color: var(--blue999);
  font-size: 30px;
  font-weight: bold;
}

.MorphTime_carouselSlide__ZxT61:not(.MorphTime_active__Ag4zP) {
  z-index: 1;
  color: var(--blue999);
}

.MorphTime_carouselSlide__ZxT61.MorphTime_active__Ag4zP + .MorphTime_carouselSlide__ZxT61 {
  z-index: 1;
  transform: translateY(100%);
}

.MorphTime_carouselSlide__ZxT61.MorphTime_active__Ag4zP + .MorphTime_carouselSlide__ZxT61 + .MorphTime_carouselSlide__ZxT61 {
  z-index: 0;
  transform: translateY(200%);
}

.MorphTime_unitHr__\+C41u {
  margin: 12px;
}

.MorphTime_unitMin__2vHhZ {
  margin: 5px;
}

@media (max-width: 900px) {
  .MorphTime_timeWrapper__r3fUY {
    width: 100%;
  }
}

.MorphTime_timezoneWrapper__rFHEc{
  display: flex;
  flex-direction: column;
  touch-action: none;
}

.MorphTime_timezoneWindow__350a9{
  position: absolute;
  z-index: 1;
  width: 120px;
  height: 176px;
  background-color: var(--orange810);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: MorphTime_height__f5mPg 1s forwards;
  transform: translate(1px, -173px);
}

@keyframes MorphTime_height__f5mPg {
  0% {
    height: 0;
    top: 176px;
    overflow: hidden;
  }
  100% {
    height: 176px;
    top: 0;
    overflow: hidden;
  }
}



.MorphTime_widerCarousel__9MZyl{
  width: 100px;
}

.MorphTime_timezoneTabButton__odDk1{
  color: var(--blue999);
}

.MorphTime_closeTimezoneButton__hwOcx{
  background-color: var(--orange810);
  width: 121px;
  border-radius: 15px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  color: var(--blue999);
}

.MorphTime_timezoneBackground__vjLUU{
  position: absolute;
  width: 402px;
  height: 175px;
  background-color: var(--shadow500);
  transform: translate(-141px, -175px);
  border-radius: 15px;
}

.MorphTime_timetime__nU81K{
  position: absolute;
  left: 50%;
  font-size: 30px;
  top: 22px;
}

.MorphTime_showTimeButton__3kc6U {
  color: var(--gray000);
  font-weight: 600;
}

.MorphTime_hideTime__ld38B {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  animation: MorphTime_clipAnimationToHide__nhwvN 1s forwards;
}

@media (max-width: 900px) {
  .MorphTime_hideTime__ld38B {
    animation: MorphTime_clipAnimationToHideMobile__XX\+Du 1s forwards;
  }
}

.MorphTime_showTime__RVp\+t {
  animation: MorphTime_clipAnimationToShow__UJsis 1s forwards;
}

@keyframes MorphTime_clipAnimationToShow__UJsis {
  0% {
    opacity: 0;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    margin-top: -220px;
    display: none;
  }
  100% {
    opacity: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-top: 0px;
  }
}

@keyframes MorphTime_clipAnimationToHide__nhwvN {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-top: 0px;
  }
  100% {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    margin-top: -220px;
    display: none;
  }
}

@keyframes MorphTime_clipAnimationToHideMobile__XX\+Du {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-top: 0px;
  }
  100% {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    margin-top: -310px;
    display: none;
  }
}

.MorphTime_disabled__5r5rg{
  cursor: not-allowed;
}
.MorphCalendarMonthTabSkeleton_style__uMct\+ {
  width: 20px;
  height: fit-content;
  border-radius: 10px;
  margin: 0 30px;
  background-color: var(--orange900);
}

.MorphMessageOptionSkeleton_style__GiUKk {
  width: 100%;
  height: 86.5px;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
}
ol.Sanitized_bubbleList__tyBSc {
  list-style: none;
  counter-reset: item; /* To display the item number (1, 2, 3...) */
  display: relative;
}

ol.Sanitized_bubbleList__tyBSc > li {
  counter-increment: item; /* To display the item number (1, 2, 3...) */
  display: flex;
  margin-bottom: -4px;
  margin-top: -4px;
}

/* The orange number bubbles */
ol.Sanitized_bubbleList__tyBSc > li:before {
  margin-right: -2px;
  content: counter(item); /* To display the item number (1, 2, 3...) */
  background: var(--orange800);
  border-radius: 50%;
  color: white;
  width: 20px;
  height: 19px;
  padding-top: 1px;
  text-align: center;
  position: relative;
  margin-left: -10px;
  transform: translateX(-50%);
}

/* Don't display the quotation marks around links for bubbleList */
ol.Sanitized_bubbleList__tyBSc > li a[href^="#"]::before {
  display: none;
}
ol.Sanitized_bubbleList__tyBSc > li a[href^="#"]::after {
  display: none;
}
.CouponMessageContent_customSnackbar__Xhovf {
    display: flex;
    justify-content: center;
    text-align: right;
    color: black;
    background-color: var(--orange700);
    border: 1px solid var(--green510);
    padding-top: 0px;
    padding-bottom: 0px;
}

.CouponMessageContent_dialogWrapper__X1axH {
    display: flex;
    width: fit-content;
    flex-direction: column;
    position: relative;
    min-width: 85px;
    max-width: 350px;
}

@media (max-width: 900px){
    .CouponMessageContent_customSnackbar__Xhovf {
        margin-bottom: 60px;
        max-width: fit-content;
    }
    .CouponMessageContent_dialogWrapper__X1axH {
        max-width: min(90%, calc(100vw - 50px));
    }
}

.CouponMessageContent_allignEnd__MDLnW {
    align-items: flex-end;
}

.CouponMessageContent_allignStart__svn2n {
    align-items: flex-start
}

.CouponMessageContent_translated__3t-qU {
    min-width: 220px;
}

.CouponMessageContent_couponTextBubble__gQEmZ {
    border-color: var(--orange700);
    border-right: none;
    padding: 6px 7px 8px 9px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
    transition: color .25s ease, borderColor .25s ease;
    background: var(--peach600);
}

.CouponMessageContent_showPointer__nG8AO {
    cursor: pointer;
}

.CouponMessageContent_noPointer__oM5LN {
    cursor: default;
}

.CouponMessageContent_mobileCouponText__c9Ujk {
    max-width: 900px;
}

.CouponMessageContent_couponCodeBubble__6CJOA {
    width: fit-content;
    min-width: 85px;
    max-width: 100%;
    min-height: 100px;
    border: 1px var(--orange700) dashed;
    padding: 6px 7px 8px 9px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
    transition: color .25s ease, borderColor .25s ease;
    background: var(--peach600);
}

.CouponMessageContent_couponCodeBubble__6CJOA>div>svg {
    margin-bottom: 10px;
}

.CouponMessageContent_couponCodeBubble__6CJOA > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.CouponMessageContent_couponCodeBubble__6CJOA > div> svg {
    font-size: 36px;
}

.CouponMessageContent_couponCodeBubble__6CJOA > div > span {
    font-size: 11px;
}

.CouponMessageContent_couponCodeBubble__6CJOA:hover {
    opacity: .5;
}

.CouponMessageContent_couponCodeBubble__6CJOA > s {
    color: red;
    word-wrap: break-word;
    width: fit-content;
    text-decoration-color: var(--red400);
    text-decoration-line: line-through;
}

.CouponMessageContent_couponCodeBubble__6CJOA > i {
    word-wrap: break-word;
    font-style: italic;
}

.CouponMessageContent_codeCopied__s8gq0 {
    border: 1px grey dashed;
    opacity: .5;
}

.CouponMessageContent_fadeStack__hYYsS {
    direction: row;
    justify-content: center;
    align-items: center;
}

.CouponMessageContent_timeStack__zqj9B {
    margin: 0 0 0 auto;
    flex-wrap: nowrap;
    background-color: transparent;
}

.CouponMessageContent_customTimeTextStyle__S31qy {
    display: flex;
    position: relative;
    white-space: nowrap;
    z-index: 2;
}

.CouponMessageContent_clickToCopyText__3VSX3 {
    text-align: center;
    color: var(--orange700);
}
.DocumentBubble_wrapper__IT\+YV {
  display: flex;
  border: none;
  border-radius: 10px;
  flex-direction: column;
  overflow: hidden;
  width: 202px;
  height: 202px;
  background-color: var(--peach600);
  background-position: center center;
  background-size: cover;
  background-repeat: none;
  position: relative;
}

.DocumentBubble_wrapper__IT\+YV:hover p {
  text-decoration: underline;
}

.DocumentBubble_isLastFileAttachment__FVHyy {
  border-radius: 10px 10px 0px 0px;
}

.DocumentBubble_alignByCurrentUser__V-AYB {
  background-color: var(--gray000);
}

.DocumentBubble_internal__iarO6 {
  background-color: var(--peach020);
}

.DocumentBubble_wrapper__IT\+YV.DocumentBubble_isLoading__Eey5d::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--shadow500);
}

.DocumentBubble_loanNumberWrapper__gfKy6 {
  position: absolute;
  top: 0px;
  right: 40px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  cursor: default;
  background-color: transparent;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: default;
}

.DocumentBubble_loanNumber__HmZ0A {
  width: 24px;
  height: 24px;
  font-size: 16px;
  background-color: var(--peach500);
  color: var(--gray000);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.DocumentBubble_loanNumber__HmZ0A svg {
  width: auto;
  height: 16px;
  pointer-events: none;
}

.DocumentBubble_clickHandler__LxHSW {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  cursor: default;
  background-color: transparent;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.DocumentBubble_button__\+lno8 {
  width: 24px;
  height: 24px;
  font-size: 16px;
  background-color: var(--peach500);
  color: var(--gray000);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.DocumentBubble_button__\+lno8 svg {
  width: auto;
  height: 16px;
  pointer-events: none;
}

.DocumentBubble_clickHandler__LxHSW:hover .DocumentBubble_button__\+lno8 {
  background-color: var(--orange600);
}

.DocumentBubble_loading__wZUNF {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% -50%);
}

.DocumentBubble_container__x4DLC {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6px 7px 8px 9px;
  column-gap: 4px;
  color: var(--gray000);
  margin-top: auto;
  pointer-events: none;
}

.DocumentBubble_videoContainer__uhTt1{
  z-index: 2;
  bottom: 45px;
  position: relative;
}
.Item_item__QD\+Gu {
  counter-increment: index;
  display: flex;
  align-items: center;
  gap: 6px;
}

.Item_item__QD\+Gu::before {
  content: counter(index);
  background: var(--orange700);
  color: var(--peach000);
  border: 2px solid var(--peach000);
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.List_list__vOHS3 {
  list-style: none;
  counter-reset: index;
  right: 1.6rem;
  position: relative;
  gap: 4px;
  display: flex;
  flex-direction: column;
}

.CreditRepairDisputeAccountsContent_outerContainer__gg5RA {
  width: fit-content;
  flex-direction: column;
  max-width: min(90%, calc(100vw - 50px));
  position: relative;
}

.CreditRepairDisputeAccountsContent_outerContainer__gg5RA > .CreditRepairDisputeAccountsContent_chatBubbleContainer__OEqMr {
  pointer-events: none;
  width: fit-content;
  min-width: 85px;
  max-width: 100%;
  padding: 6px 7px 8px 9px;
}

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

.CreditRepairDisputeAccountsContent_itemsListContainer__xnLGv {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.CreditRepairDisputeAccountsContent_numberBubble__jONHN {
  /* The following four lines ensure that this element's center is the left edge of the parent element */
  display: inline-block;
  position: absolute;
  left: 0;
  transform: translateX(-50%);

  border-radius: 50%;
  background-color: var(--orange200);
  padding: 1px 4px 1px 4px;
  color: #fff;
  min-width: 20px;
  max-width: fit-content;
  text-align: center;
  border: 1px solid #fff;
  font-size: 0.675rem;
}

.CreditRepairDisputeAccountsContent_selected__l\+Jdx {
  background-color: var(--green500);
}

.CreditRepairDisputeAccountsContent_itemsListContainer__xnLGv .CreditRepairDisputeAccountsContent_itemText__RhuIP {
  margin-left: 6px;
}
.MorphPayment_paymentContainer__0Fiqg{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 60px;
}

.MorphPayment_receiptBox__pkqVa {
    width:50%;
    background-color: var(--gray850);
    border-radius: 10px;
    position: absolute;
    top: -5px;
    left: calc(50% - 30px);
    transform: translate(-50%, -100%);
    /* Adjust this to center and move the box above the wrapper */
    min-width: 30vw;
    max-width: 50vw;
    padding: 2vw;
    transition: top 0.3s ease;
    z-index: 1000;
    /* Ensure it sits above other elements */
}

@media (max-width: 900px) {
    .MorphPayment_paymentContainer__0Fiqg{
        margin-right: 40px;
    }

    .MorphPayment_receiptBox__pkqVa{
        left: calc(50% - 20px);
    }
}

.MorphPayment_cardBox__dHv6X {
    background-color: var(--gray850);
    border-radius: 10px;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translate(-50%, -100%);
    /* Adjust this to center and move the box above the wrapper */
    min-width: 30vw;
    max-width: 50vw;
    padding: 2vw;
    transition: top 0.3s ease;
}

.MorphPayment_label__HXbTy {
    position: absolute;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.MorphPayment_backButtonLabel__9iJ3a{
    position: absolute;
    color: var(--gray000);
    font-weight: bold;
    text-transform: uppercase;
    font-size: inherit; /* Use inherit to get the font-size from parent */
    white-space: nowrap; /* Prevent text from wrapping onto the next line */
    text-overflow: ellipsis; /* Show ellipsis when text overflows */
    overflow: hidden; /* Hide overflow */
    width: 100%; /* Take the full width of the parent */
    text-align: center; /* Center the text */
}

.MorphPayment_inputField__YpaQW {
    font-size:16px !important;
    position: absolute;
    background: transparent;
    border: 1px solid var(--gray060);
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    outline: none;
}

.MorphPayment_select__WEjKX{
    appearance: none;
    background-color: var(--gray000) !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 4px) !important;
    left: 10% !important;
    bottom: 7%;
    width: 17% !important;
    text-align: left !important;
}

.MorphPayment_zipInput__4I27D{
    background-color: var(--gray000);
    bottom: 7%;
    left: 30%;
    width: 30%;
}

.MorphPayment_streetAddress__wT6Tn{
    background-color: var(--gray000);
    top: 36%;
    left: 10%;
    width: 80%;
}

.MorphPayment_city__e9WxZ{
    background-color: var(--gray000);
    top: 58%;
    left: 10%;
    width: 80%;
}

.MorphPayment_backButton__OZKTe {
    width: 28%;
    height: 14%;
    background-color: transparent;
    border: 2px solid var(--gray000);
    border-radius: 10px;
    position: absolute;
    right: 2%;
    top: 15%;
    cursor: pointer;
  }

  .MorphPayment_backButtonReverse__TJ6B\+ {
    width: 28%;
    height: 14%;
    background-color: transparent;
    border: 2px solid var(--gray000);
    border-radius: 10px;
    position: absolute;
    left: 2%;
    top: 15%;
    cursor: pointer;

    display: flex; /* Use flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */

    font-size: 0.6em; /* Set a font size smaller than 16px */
  }
  .MorphPayment_flipContainer__UoeM7.MorphPayment_flip__pYuD2 .MorphPayment_flipper__YYYl2 {
    transform: rotateY(180deg);
  }
  

  .MorphPayment_flipContainer__UoeM7 {
	perspective: 1000;
    max-width: 400px;
}


.MorphPayment_flipContainer__UoeM7, .MorphPayment_front__UXD9Y, .MorphPayment_back__7kGnN {
	width: 100%;
	height: 100%
}

/* flip speed goes here */
.MorphPayment_flipper__YYYl2 {
	transition: 0.6s;
	transform-style: preserve-3d;

}

.MorphPayment_optionsList__MmxDo {
    border: 1px solid var(--gray060);
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    z-index: 1;
    transform: translateY(-100%);
    background-color: var(--gray000);
    top: 36%;
    left: 4%;
    width: 80%;
  }
  
  .MorphPayment_optionsList__MmxDo li {
    padding: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid var(--gray060);
  }
  
  .MorphPayment_optionsList__MmxDo li:last-child {
    border-bottom: none;
  }

/* hide back of pane during swap */
.MorphPayment_front__UXD9Y, .MorphPayment_back__7kGnN {
	backface-visibility: hidden;
    display: block;
}

/* front pane, placed above back */
.MorphPayment_front__UXD9Y {
    margin-top: -100%;
    transform:translateY(100%); /* since the card is relatively positioned, we need to translate the front down by 100%. The front
    and back*/

}

/* back, initially hidden pane */
.MorphPayment_back__7kGnN {
	transform: rotateY(180deg);
}



.MorphPayment_cvcInput__vcICZ {
    /* remove default number incrementers */
    -moz-appearance: textfield;
    -webkit-appearance: none;
    background-color: var(--gray000);
    top: 15%;
    right:2%;
    width: 15%;
}

.MorphPayment_eyeMovement__-4nzC {
    width: 80px;
    left: 7%;
    position: absolute;
    top: -30px;
}

.MorphPayment_eyeMovementBack__1loGP {
    width: 80px;
    right: 7%;
    position: absolute;
    top: -30px;
}

.MorphPayment_cardTypeImage__EyCaC {
    max-width: 60px;
    left:37%;
    position: absolute;
    top: 15px;
}

.MorphPayment_cardNumberInput__om4oH {
    /* remove default number incrementers */
    -moz-appearance: textfield;
    -webkit-appearance: none;
    margin: 0;
    background-color: var(--gray000);
    width: 17%;
    top: 48%; 
}

.MorphPayment_cardHolderInput__CaGpf {
    background-color: var(--gray000);
    bottom: 10%;
    left: 12%;
    max-width: 50%;
}

.MorphPayment_validThruInput__tvu4z {
    /* remove default number incrementers */
    -moz-appearance: textfield;
    -webkit-appearance: none;
    background-color: var(--gray000);
    bottom: 10%;
    right: 10%;
    width: 25%
}

.MorphPayment_CreditCardImage__1RuUL {
    width: 100%;
  height: auto;
}

.MorphPayment_CreditCard__lbTrx {
    display: flex;
  justify-content: center; /* Center items horizontally */
  align-items: center;     /* Center items vertically */
    text-align: center;
    border-radius: 10px;
    position: relative;  /* or use 'absolute' depending on the need */
    /* top: -400%;  */
    /* left: 50%; */
    /* transform: translate(-50%, -10%); */
    transform: translate(0px, 8px);

    /* padding: 2vw; */
    transition: top 0.3s ease;
    z-index: 2000;  /* Higher than any other z-index */
}

.MorphPayment_valid__g1OuJ {
    border: 1px solid green;
}

.MorphPayment_invalid__ZJaAU {
    border: 1px solid red;
}

.MorphPayment_error__m\+1jH {
    border: 1px solid red;
}

.MorphPayment_orderSummary__QrPx6 {
    color: var(--orange700);
    /* Orange color */
    text-align: center;
    font-size: 1.5rem;
    /* Adjust size as needed */
    margin-bottom: 20px;
    /* Add some margin at the bottom */
}

.MorphPayment_lineItems__6MXbX {
    color: var(--gray000);
    margin-bottom: 20px;
}

.MorphPayment_lineItem__bzq1d {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative;
    /* added */
}

.MorphPayment_underline__TPOv7 {
    background-color: var(--gray000);
    /* Set the background color */
    height: 1px;
    /* Height of the line */
    width: 100%;
    /* Width of the line */
    position: absolute;
    /* Make it an absolute position within .lineItem */
    bottom: 0;
    /* Position it at the bottom of the .lineItem */
    bottom: -6px;
}


.MorphPayment_terms__gYH4X {
    text-align: center;
    font-size: 0.8rem;
    /* Smaller font */
    color: var(--gray000);
}

.MorphPayment_slideDown__JzpqT {
    top: 0;
    /* Slides down to its position */
}

.MorphPayment_signing__ZZ0NJ {
    position: relative;
    top: -20px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: MorphPayment_shakingHands__a3b79;
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}

.MorphPayment_grandTotalContainer__7UEmn {
    transform: translate(0px, -30%);
    text-align: center;
    display: flex;
    /* Center the text horizontally */
    margin-top: 20px;
    /* Add some space on the top */
    color: var(--gray000);
    /* Set the text color to white */
}

.MorphPayment_grandTotalPrice__g22eR {
    font-size: 120%;
    /* Set the font size */
    display: block;
    width: 20%;
    /* Make it a block-level element so it takes the full width */
}

.MorphPayment_grandTotalText__xiF5O {
    font-size: 1rem;
    /* Set the font size */
    display: block;
    /* Make it a block-level element */
}

@keyframes MorphPayment_shakingHands__a3b79 {
    0% {
        transform: scale(1, 1) translateY(1px);
    }

    10% {
        transform: scale(1, 1) translateY(0);
    }

    50% {
        transform: scale(1, 1) translateY(-2px);
    }

    100% {
        transform: scale(1, 1) translateY(1px);
    }
}

.MorphPayment_slideDown__JzpqT {
    /* position: absolute; */
    animation-duration: 2.5s;
    animation-iteration-count: 1;
    animation-name: MorphPayment_slideDown__JzpqT;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes MorphPayment_slideDown__JzpqT {
    0% {
        transform: translateY(-30px);
    }

    100% {
        transform: translateY(22px);
    }
}

.MorphPayment_buttonWordsLeftContainer__-aWCn {
    display: flex;
    flex-direction: column;
}

.MorphPayment_buttonWordsRightContainer__OLAsU {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.MorphPayment_offScreenWords__D7Bds {
    margin-top: 40px;
}

.MorphPayment_onScreenWords__jenLJ {
    top: 7px;
}

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

.MorphPayment_offScreenIcons__88-FG {
    margin-top: 20px;
}
.MorphErrand_exitButton__xRyIz {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.MorphErrand_exitButton__xRyIz:hover {
  color: black;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO{
  display: flex;
  margin: 0 30px;
  flex-direction: column;
  width: 100%;
  align-items: center;
  position: relative;
  /* animation: slideDown 1s forwards; */
  animation: MorphErrandNew_expand__Yq1\+m 1s forwards;
  top: 43px; 
}

.MorphErrandNew_isLoanConditions__qiJZ-{
  position: absolute;
  top: -75px;
  width: 95%;
}

/* @keyframes slideDown {
  0% {
    transform: translateY(-60px);
    opacity: 0%;
  }
  100% {
    transform: translateY(0px);
    opacity: 100%;
  }
} */

@keyframes MorphErrandNew_expand__Yq1\+m {
  0% {
    transform: scaleX(0);
    opacity: 0%;
  }
  100% {
    transform: scaleX(1);
    opacity: 100%;
  }
}

.MorphErrandNew_morphErrandNewContainerClosing__QjT9X{
  animation: MorphErrandNew_slideUp__E6gvl 1s forwards;
}

@keyframes MorphErrandNew_slideUp__E6gvl {
  0% {
    opacity: 100%;
    transform: scale(1);
  }
  25% {
    opacity: 100%;
    transform: scale(0.95);
  }
  100% {
    opacity: 10%;
    transform: scale(1);
  }
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_tabWrapper__mVwag{
  display: flex;
  align-self: self-start;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_tab__0ZWV9{
  background: var(--peach900);
  color: var(--blue010);
  padding: 5px 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  font-weight: 500;
  min-width: 145px;
  align-self: flex-start;
  position: relative;
  top: 1px;
  max-height: 30px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_tabAfter__efS0y {
    position: absolute;
    content: '';
    height: 97px;
    display: block;
    width: 48px;
    background: var(--peach900);
    left: 114px;
    top: -6px;
    border-radius: 8px;
    transform: rotate(133deg);
    z-index: -1;
    border-bottom-left-radius: 25px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_wrapper__YzyIm{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 62px;
    width: 100%;
    justify-content: space-around;
    background: var(--peach900);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 25px;
    padding-left: 10px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_indent__Vp-Qo{
    color: var(--gray000);
    font-size: 0.7rem;
    animation: MorphErrandNew_shake__cVzA- 750ms infinite;
}

@keyframes MorphErrandNew_shake__cVzA- {
  0% { transform: rotate(0.5deg); }
  50% { transform: rotate(-1deg); }
  100% { transform: rotate(1deg); }
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_indent__Vp-Qo:hover{
  color: black;
  cursor: pointer;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_icon__bAMsf{
  margin-left: 20px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_editBallerinaIcon__wZ48n{
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 50px;
  width: 50px;
  margin-left: 20px;
  overflow: hidden;
  cursor: pointer;
  min-width: 50px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_editBallerinaIcon__wZ48n:hover, .MorphErrandNew_returnIcon__6nv6l:hover{
  border: 1px solid black;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_returnIcon__6nv6l {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 50px;
  width: 50px;
  margin-left: 20px;
  overflow: hidden;
  cursor: pointer;
  min-width: 50px;
  color: var(--gray000);
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorContainer__PKc9g{
  display: flex;
  flex-direction: column;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenu__hxb8G{
  background-color: var(--gray000);
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-left: 15px;
  height: 45px;
  position: relative;
  border-radius: 30px;
  padding: 10px;
  transition: min-width 0.5s ease-out;
  animation: MorphErrandNew_slide__PG4wI 1s 1;
  animation-fill-mode: forwards;
  transform-origin: left center;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenuSmall__J9dz-{
  min-width: 290px;
  transition: min-width 0.5s ease-out;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenuExpanded__PMSuB{
  min-width: 390px;
  transition: min-width 0.5s ease-out;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenuMobile__pk2I6{
  min-width: 270px;
  transition: min-width 0.5s ease-out;
}

@keyframes MorphErrandNew_slide__PG4wI {
  0% {
    transform: translateX(-100px) scaleX(0);
    opacity: 0%;
  }

  20% {
    opacity: 0%;
  }

  100% {
    transform: translateX(0px) scaleX(1);
    opacity: 100%;
  }
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorCircle__mRq5v{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0 5px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorCircle__mRq5v:hover{
  border: 2px solid black;
  cursor: pointer;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_addIcon__AFLPB{
  color: var(--orange050);
  margin-left: 10px;
}

@media (min-width: 800px){
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_addIcon__AFLPB:hover{
    color: black;
    cursor: pointer;
  }
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_arrowIcon__d-3aI{
  margin-left: 10px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_form__psjTQ{
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_form__psjTQ div{
  width: 100%;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px 0 15px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_input__rQP5O input{
  background: var(--gray000);
  height: 0.8rem;
  border-radius: 10px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_emoji__YoaiH {
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  right: 57px;
  position: absolute;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_hideEmoji__VhJAC {
  display: none;
}

@media (min-width: 800px){
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_input__rQP5O input{
    padding-right: 40px;
  }
}

@media (max-width: 800px){
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_emoji__YoaiH {
    display: none;
  }
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_sendButton__azHSt{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  color: var(--blue010);

  :hover, :focus{
    color: var(--blue010);
  }
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_exitButton__5ZYZd {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 35px;
  width: 35px;
  background-color: var(--gray000);
  border: 3px solid var(--peach900);
  border-radius: 50%;
  padding: 8px;
  right: -10px;
  top: 15px;
  color: var(--peach900);
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_exitButton__5ZYZd:hover,
.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_exitButton__5ZYZd:focus {
  cursor: pointer;
  color: var(--orange700);
  border: 3px solid var(--orange700);
}

@media (max-width: 1007px){
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_hide__TnNFl{
    display: none;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenu__hxb8G{
    margin-right: 15px;
    width: 100%;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorCircle__mRq5v{
    margin: 0 3px;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenuExpanded__PMSuB{
    min-width: 0;
    min-width: initial;
  }
}

@media (max-width: 900px) { 
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO {
    margin: 0 15px;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenuSmall__J9dz-{
    min-width: 280px;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_shift__HJ6vM{
    margin-left: 5px;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenu__hxb8G{
    margin: 0 3%;
  }
}

@media (max-width: 830px){
  .MorphErrandNew_colorCircle__mRq5v{
    margin: 0 2px;
  }
}

@media (max-width: 900px){
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO {
    margin: 0 20px;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenu__hxb8G{
    margin: 0 3%;
    width: 100%;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorCircle__mRq5v{
    margin: 0 3px;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_hide__TnNFl{
    display: flex; 
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenu__hxb8G{
    margin: 0 0 0 2%;
  }
}

@media (max-width: 640px){
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_hide__TnNFl{
    display:none;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenu__hxb8G{
    margin: 0 2%;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_exitButton__5ZYZd {
    right: -5px;
    top: 10px;
  }
}

@media (max-width: 450px){
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenuSmall__J9dz-{
    min-width: 0;
    min-width: initial;
  }
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenuMobile__pk2I6{
    min-width: 0;
    min-width: initial;
  }
}

@media (max-width: 385px){
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorCircle__mRq5v{
    height: 28px;
    width: 28px;
    margin: 0 1px;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_editBallerinaIcon__wZ48n{
    width: 45px;
    height: 45px;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenu__hxb8G{
    margin: 0 3px;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_wrapper__YzyIm{
    padding-left: 0px;
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_sendButton__azHSt{
    margin-right: 5px;
  }
}
.MorphReply_section__MKjk- {
  margin: 0 20px;
  height: fit-content;
  padding: 8px 8px 3px 8px;
  border: 1px solid var(--orange700);
  background-color: var(--gray000);
  color: var(--gray920);
  border-radius: 20px;
  position: relative;
  width: 100%;
  border-bottom-right-radius: 0;
}

.MorphReply_content__Sz068 {
  display: block;
  width: 100%;
}

.MorphReply_placeholder__jnuJK {
  display: block;
  width: calc(100% - 52px);
  font-weight: bold;
  margin: 8px 0 0 52px;
  font-family: var(--typographyFontFamily);
  font-size: 12px;
}

.MorphReply_tabRing__61c4m {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  bottom: -19px;
  border-radius: 50%;
  padding: 3px;
  z-index: 2;
}

.MorphReply_tabRing__61c4m::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
  background: linear-gradient(185deg, var(--orange700) 26px, transparent 26px);
  border-radius: 50%;
  z-index: -1;
}

.MorphReply_tabRing__61c4m::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 28px, var(--peach200) 28px);
  border-radius: 50%;
  z-index: -1;
}

.MorphReply_tabBackground__zykIg {
  display: flex;
  background-color: var(--orange700);
  border: 2px solid var(--peach000);
  min-width: 42px;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--gray000);
}

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

@media (min-width: 900px) {
  .MorphReply_section__MKjk- {
    margin: 0 30px;
  }
}
.MorphEdit_section__nEhGI {
    margin: 0 20px;
    height: fit-content;
    padding: 8px 8px 3px 8px;
    border: 1px solid var(--blue050);
    background-color: var(--gray000);
    color: var(--gray920);
    border-radius: 20px;
    position: relative;
    width: 100%;
    border-bottom-right-radius: 0;
}

.MorphEdit_content__FVSe- {
    display: flex;
    align-items: center;
    color: var(--gray400);
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 16px;
}

.MorphEdit_content__FVSe- svg {
    fill: var(--blue050);
    margin: 0 4px;
}

.MorphEdit_cancelButton__422MU {
    position: absolute;
    border-radius: 30px;
    border: 1px solid var(--blue050);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.MorphEdit_cancelButton__422MU svg {
    margin: 4px;
    height: 0.9em;
    width: 0.9em;
    color: var(--blue060);
}

.MorphEdit_placeholder__RbuBm {
    display: block;
    width: calc(100% - 64px);
    font-weight: normal;
    margin: 8px 0 0 50px;
    color: var(--gray400);
    min-height: 31px;
}

.MorphEdit_tabRing__nR-tz {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    bottom: -19px;
    border-radius: 50%;
    padding: 3px;
    z-index: 2;
}

.MorphEdit_tabRing__nR-tz::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    transform-origin: 0 0;
    background: linear-gradient(185deg, var(--blue050) 26px, transparent 26px);
    border-radius: 50%;
    z-index: -1;
}

.MorphEdit_tabRing__nR-tz::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 28px, var(--peach610) 28px);
    border-radius: 50%;
    z-index: -1;
}

.MorphEdit_tabBackground__72DB0 {
    display: flex;
    background-color: var(--blue050);
    border: 2px solid var(--gray000);
    min-width: 42px;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--gray000);
}

@keyframes MorphEdit_wobbleAnimation__LXRqQ {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(10deg);
    }
    50% {
      transform: rotate(-10deg);
    }
    75% {
      transform: rotate(10deg);
    }
    100% {
      transform: rotate(0deg);
    }
}

.MorphEdit_tabBackground__72DB0 svg {
    width: 24px;
    height: 24px;
    animation: MorphEdit_wobbleAnimation__LXRqQ 0.7s ease-in-out 3;
    animation-delay: 3s;
}

@media (min-width: 900px) {
    .MorphEdit_section__nEhGI {
        margin: 0 30px;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .MorphEdit_content__FVSe- {
        padding-left: 6px;
    }
}

/* TABLETS */
@media (min-width: 768px) and (max-width: 1199px) {
    .MorphEdit_content__FVSe- {
        padding-left: 18px;
    }
}

/* DESKTOP */
@media (min-width: 1200px) {
    .MorphEdit_section__nEhGI {
        /* width: 100%; */
    }
}
.SentimentEmoji_Style__c8Oht {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.SentimentEmoji_Negative__gt8bq {
  animation: SentimentEmoji_pulse__HBtui 1s infinite;
}

/* fixed invalid css */

/* fixed invalid css */
@keyframes SentimentEmoji_pulse__HBtui {
  0% {
    moz-box-shadow: 0 0 0 0 var(--shadow403);
    box-shadow: 0 0 0 0 var(--shadow402);
  }

  70% {
    moz-box-shadow: 0 0 0 8px var(--shadow000);
    box-shadow: 0 0 0 8px var(--shadow000);
  }

  100% {
    moz-box-shadow: 0 0 0 0 var(--shadow000);
    box-shadow: 0 0 0 0 var(--shadow000);
  }
}
.styles_SingleItem__-m5dF {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.3s ease;
  align-items: center;
  border-radius: 8px;
  padding: 6px;
}

.styles_SingleItemParagraph__f8ycA {
  font-family: 'Poppins';
  color: var(--peach900);
  text-align: center;
  overflow-wrap: break-word;
  max-width: 100%;
  margin-top: 5px;
  margin-left: 0px;
}

.styles_footerPartBaseClass__732MQ {
  background-color: white;
  position: absolute;
  left: 10px;
  bottom: 1px;
  border-radius: 15px;
  padding-right: 6px;
  padding-left: 6px;
  display: flex;
  justify-content: start;
  flex-direction: column;
  transition: all 0.5s ease-in-out !important;
  border: 1px solid var(--primaryMain);
}

.styles_footerPartBaseClassNoTransition__aVc35 {
  width: 97%;
  background-color: white;
  position: absolute;
  left: 1.5%;
  bottom: 4px;
  border-radius: 15px;
  padding-right: 6px;
  padding-left: 6px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.styles_backgroundGradient__zoB1I {
  background: radial-gradient(circle at 90% 45%, rgba(48, 83, 252, 0.2) 2%, transparent 10%),
              radial-gradient(circle at 5% 60%, rgba(255, 84, 28, 0.2) 2%, transparent 10%),
              radial-gradient(circle at 95% 45%, rgba(28, 221, 255, 0.2) 2%, transparent 10%),
              radial-gradient(circle at 2% 75%, rgba(157, 28, 255, 0.2) 2%, transparent 10%),
              radial-gradient(circle at 35% 65%, rgba(157, 28, 255, 0.1) 2%, transparent 10%),
              radial-gradient(circle at 65% 50%, rgba(157, 28, 255, 0.1) 2%, transparent 10%),
              radial-gradient(circle at 75% 45%, rgba(48, 83, 252, 0.2) 2%, transparent 10%),
              radial-gradient(circle at 10% 75%, rgba(255, 84, 28, 0.2) 2%, transparent 10%),
              radial-gradient(circle at 85% 69%, rgba(28, 221, 255, 0.2) 2%, transparent 10%),
              radial-gradient(circle at 15% 80%, rgba(157, 28, 255, 0.2) 2%, transparent 10%),
              radial-gradient(circle at 45% 60%, rgba(157, 28, 255, 0.1) 2%, transparent 10%),
              radial-gradient(circle at 55% 45%, rgba(157, 28, 255, 0.1) 2%, transparent 10%);
  background-size: 300% 100%;
  background-blend-mode: screen;
  animation: styles_moveGradient__bkoXk 15s ease-in-out infinite alternate;
  z-index: 1;
}

.styles_scrollable__0XT0O {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
  /* scrollbar-width: thin; */
}

/* Scrollbar styling applied globally in index.css */
/* .scrollable::-webkit-scrollbar {
  width: 0.4em;
}

.scrollable::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px var(--shadow000);
  -webkit-box-shadow: inset 0 0 6px var(--shadow000);
}

.scrollable::-webkit-scrollbar-thumb {
  background-color: var(--shadow110);
  outline: 1px solid slategrey;
  border-radius: 0.2em;
} */

@keyframes styles_moveGradient__bkoXk {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 100% 50%;
  }
}
.scene {
  height: 100px;
  width: calc(100% - 20px);
  padding: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  perspective: calc(300px + 100vw);
  z-index: 99;
  position: relative;
}

.carousel {
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translateZ(-73px);
  transform-style: preserve-3d;
}

.carousel .carousel__cell {
  position: absolute;
  width: 100%;
  margin: 0;
  background-color: var(--gray000);
  clip-path: inset(-5px -5px -5px 0px);
  text-align: top;
  z-index: 1;
  border-radius: 12px 4px 4px 12px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  border: 1px solid var(--orange700);
  border-left: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--shadow870);
  height: 45px;
  padding: 3px 4px 3px 15px;
  transition: all 0.2s ease;
}

.carousel .carousel__cell input {
  font-size: 16px;
  cursor: ns-resize;
  text-align: left;
}

@media (max-width: 375px) {
  .carousel {
    width: calc(100% - 8px);
  }

  .carousel .carousel__cell {
    padding: 3px 4px 3px 24px;
  }
}

.carousel__cell_hidden {
  width: 100%;
  height: 150px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  visibility: hidden;
  /* transition: transform 1s, opacity 1s; */
}

/* .carousel__cell {
  position: absolute;
  width: 100%;
  height: 45px;
  border: 1px solid orangered;
  font-size: 24px;
  font-weight: bold;
  color: black;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  /* transition: transform 1s, opacity 1s; */
  /* padding-left: 32px; */
  /* backface-visibility: hidden; */
  /* user-select: none; */
/* } */ 

/* Optional: initial transforms for each cell if you need to see them before any state changes */
.carousel__cell:nth-child(1) {
  transform: rotateX(-0deg) translateZ(39px);
}

.carousel__cell:nth-child(2) {
  transform: rotateX(-60deg) translateZ(39px);
}

.carousel__cell:nth-child(3) {
  transform: rotateX(-120deg) translateZ(39px);
}

.carousel__cell:nth-child(4) {
  transform: rotateX(-180deg) translateZ(39px);
}

.carousel__cell:nth-child(5) {
  transform: rotateX(-240deg) translateZ(39px);
}

.carousel__cell:nth-child(6) {
  transform: rotateX(-300deg) translateZ(39px);
}

.carousel-options {
  margin-top: 150px;
  text-align: center;
  position: relative;
  z-index: 2;
  background: hsla(0, 0%, 100%, 0.8);
}

.hide-scrollbar {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  overflow: scroll;
  /* still allow scrolling */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
  /* WebKit browsers (Chrome, Safari) */
}

.hide-focus-outline:focus-visible {
  outline: none !important;
}
.MessageSender_alignByCurrentUser__j-pZd {
  display: none;
}
.MessageContentWrapperStyles_messageContentWrapper__yf5cs {
  display: block;
  position: relative;
  margin: 1px 0;
  padding: 4px 0;
  -webkit-text-size-adjust: none;
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs::before {
  content: '';
  display: none;
  height: calc(100% - 1px);
  width: 0;
  position: absolute;
  top: 0;
  right: -9px;
  border-left: 1px dashed var(--orange700);
  border-right: 1px dashed var(--orange700);
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_isMorphedFooterCloseButtonOnLeft__rzTUU::before {
  right: auto;
  right: initial;
  left: -9px;
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_renderBorder__ayfoS::before {
  display: block;
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_renderNode__H0yyR::before {
  height: calc(100% - 19px);
  top: 19px;
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_showDate__D0xpk::before {
  height: 100%;
  top: 0;
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_renderNode__H0yyR.MessageContentWrapperStyles_showDate__D0xpk::before {
  height: calc(100% - 49px);
  top: 49px;
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs::after {
  content: '';
  display: none;
  height: 0px;
  width: 0;
  position: absolute;
  bottom: 0px;
  right: -9px;
  border-left: 1px dashed var(--orange700);
  border-right: 1px dashed var(--orange700);
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_isMorphedFooterCloseButtonOnLeft__rzTUU::after {
  right: auto;
  right: initial;
  left: -9px;
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_renderBorder__ayfoS.MessageContentWrapperStyles_isLastMessage__0SXS2::after {
  display: flex;
  height: 80px;
  bottom: -80px;
}

.MessageContentWrapperStyles_alignByCurrentUser__eg709 {
  align-items: flex-end;
}

.MessageContentWrapperStyles_node__DAn\+Q {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--peach000);
  display: none;
  top: 9px;
  right: -16px;
  transform: translateY(-50%);
  justify-content: center;
  align-items: center;
}

.MessageContentWrapperStyles_renderNode__H0yyR .MessageContentWrapperStyles_node__DAn\+Q {
  display: flex;
}

.MessageContentWrapperStyles_showDate__D0xpk .MessageContentWrapperStyles_node__DAn\+Q {
  top: 39px;
}

.MessageContentWrapperStyles_isMorphedFooterCloseButtonOnLeft__rzTUU .MessageContentWrapperStyles_node__DAn\+Q {
  right: auto;
  right: initial;
  left: -16px;
}

.MessageContentWrapperStyles_node__DAn\+Q::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--peach600) 0%, var(--orange700) 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.MessageContentWrapperStyles_node__DAn\+Q::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--orange700) 0%, var(--peach600) 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.MessageContentWrapperStyles_button__-tmy5 {
  min-width: 40px;
  width: 40px;
  height: 40px;
  overflow: visible;
  background-color: transparent;
  border-radius: 50%;
  color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
  pointer-events: none;
}

/*
The hidden to shown transition is done using color and background color.
For some reason if opacity is used it makes the on click events for the other
elements get disabled, making the user have to click twice to make them fire.
*/
.MessageContentWrapperStyles_messageContentWrapper__yf5cs:hover .MessageContentWrapperStyles_button__-tmy5,
.MessageContentWrapperStyles_messageContentWrapper__yf5cs:focus .MessageContentWrapperStyles_button__-tmy5,
.MessageContentWrapperStyles_messageContentWrapper__yf5cs:focus-within .MessageContentWrapperStyles_button__-tmy5 {
  color: var(--peach500);
  background-color: var(--gray020);
  pointer-events: all;
  transition: all 0.25s linear;
  animation: MessageContentWrapperStyles_delay-pointer-events__8z0IH 0.25s linear forwards;
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs:hover .MessageContentWrapperStyles_button__-tmy5:hover,
.MessageContentWrapperStyles_messageContentWrapper__yf5cs:focus .MessageContentWrapperStyles_button__-tmy5:focus,
.MessageContentWrapperStyles_messageContentWrapper__yf5cs:focus-within .MessageContentWrapperStyles_button__-tmy5:focus-within {
  color: var(--orange600);
}

@keyframes MessageContentWrapperStyles_delay-pointer-events__8z0IH {
  0%,
  99% {
    pointer-events: none;
  }
  100% {
    pointer-events: all;
  }
}

.MessageContentWrapperStyles_alignByCurrentUser__eg709 .MessageContentWrapperStyles_button__-tmy5 {
  margin-right: 0;
}

.MessageContentWrapperStyles_button__-tmy5:hover,
.MessageContentWrapperStyles_button__-tmy5:focus {
  color: var(--orange600);
}

.MessageContentWrapperStyles_button__-tmy5 svg {
  font-size: 25px;
  pointer-events: none;
  height: 25px;
  width: 25px;
}

.MessageContentWrapperStyles_messageWrapper__3qTU3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 4px;
}

.MessageContentWrapperStyles_alignByCurrentUser__eg709 .MessageContentWrapperStyles_messageWrapper__3qTU3 {
  justify-content: flex-end;
}

.MessageContentWrapperStyles_blur__sQ9ah {
  filter: blur(0.25em);
  transform: translate3d(0px, 0px, 0px);
}

.MessageContentWrapperStyles_blur__sQ9ah * {
  pointer-events: none !important;
  cursor: default !important;
  -webkit-user-select: none !important;
          user-select: none !important;
}

.MessageContentWrapperStyles_sentiment__wVo8i {
  background-color: var(--gray020);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: default;
}
.MessageContentWrapperStyles_sentiment__wVo8i * {
  font-size: 24px !important;
}

.MessageContentWrapperStyles_hidden__ilP1m {
  display: none;
}

.MessageContentWrapperStyles_disable__Xh6Q4 {
  cursor: not-allowed !important;
}

.MessageContentSkeleton_base__KznKU {
  background-color: var(--peach600);
  border: 1px solid var(--orange700);
  border-radius: 8px;
  width: 294px;
  height: 37px;
  display: flex;
  position: relative;
}

.MessageContentSkeleton_alignByCurrentUser__dbWY- {
  background-color: var(--gray000);
}

.MessageContentSkeleton_Action__vdSaj {
  width: 284px;
  height: 48px;
}

.MessageContentSkeleton_Audio__hyY97 {
  width: 300px;
  height: 87px;
}

.MessageContentSkeleton_CalculatorResult__sSNvF {}

.MessageContentSkeleton_Coupon__2\+NdU {}

.MessageContentSkeleton_Disclaimer__taTm9 {
  display: none;
}

.MessageContentSkeleton_Document__4C1cs {
  width: 200px;
  height: 200px;
}

.MessageContentSkeleton_Errand__pCbbi {
  width: 258px;
  height: 110px;
  margin: 8px 0;
  box-shadow: 0 0 6px 0 #00000025;
}

.MessageContentSkeleton_Field__RZdBL {
  width: 224px;
  height: 33px;
}

.MessageContentSkeleton_HelpTip__njTgU {}

.MessageContentSkeleton_HelpTipGroup__-pWZG {}

.MessageContentSkeleton_Invite__BwMzo {}

.MessageContentSkeleton_LockConfirmation__pwKTY {}

.MessageContentSkeleton_Notification__1mi3D {}

.MessageContentSkeleton_Order__PCXql {}

.MessageContentSkeleton_PermissionRejected__dXo2O {}

.MessageContentSkeleton_PropertyListing__irOYt {}

.MessageContentSkeleton_Referrer__-7MyP {
  width: 314px;
  height: 94px;
}

.MessageContentSkeleton_SignatureConfirmation__s9cEh {}

.MessageContentSkeleton_Song__GEcpN {
  width: 244px;
  height: 205px;
}

.MessageContentSkeleton_Text__5-c\+Z {}

.MessageContentSkeleton_Url__Hb67D {}

.MessageContentSkeleton_Video__42CJ0 {}

.MessageContentSkeleton_deletedMessageContent__7CZGm {
  width: 294px;
  height: 37px;
}

.MessageContentSkeleton_privateMessageContent__82LGV {
  width: 240px;
  height: 111px;
}

.CouponMessageContentSkeleton_skeletonWrapper__Cc1rj {
    display: flex;
    width: 350px;
    flex-direction: row;
    justify-content: flex-start;
}

.CouponMessageContentSkeleton_textSkeleton__bH1A3 {
    max-width: 350px;
    height: 100px;
    border-radius: 1.25rem;
}

.CouponMessageContentSkeleton_codeSkeleton__d0Qv9 {
    width: 100px;
    height: 100px;
    border-radius: 1.25rem;
}

@media(max-width: 900px){
    .CouponMessageContentSkeleton_skeletonWrapper__Cc1rj{
        max-width: min(90%, calc(100vw - 50px));
    }
    .CouponMessageContentSkeleton_codeSkeleton__d0Qv9 {
        width: 85px;
    }
    .CouponMessageContentSkeleton_textSkeleton__bH1A3{
        width: calc(100% - 85px);
    }
}
.BlockchainMessageMessageContent_chatBubble__eUx2d {
  width: fit-content;
  min-width: 1px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.BlockchainMessageMessageContent_chatBubble__eUx2d .BlockchainMessageMessageContent_lockContainer__85YSj {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 100%;
  padding: 2px;
}

.BlockchainMessageMessageContent_chatBubble__eUx2d .BlockchainMessageMessageContent_lockIcon__rniR0 {
  width: 21px;
  height: 25px;
}

.BlockchainMessageMessageContent_chatBubble__eUx2d .BlockchainMessageMessageContent_messageContainer__JRsGZ {
  padding: 8px;
  margin-left: 30px;
}
.BlockchainWelcomeMessageContent_useDefaultBackgroundColor__T\+o-d {
  background-color: var(--peach700) !important;
}

.BlockchainWelcomeMessageContent_useDefaultBorderColor__dagGJ {
  border-color: var(--peach700) !important;
}

.BlockchainWelcomeMessageContent_welcomeContainer__12AD8{
  display: flex;
  border-radius: 10px;
  flex-direction: column;
  z-index: 1;
  margin-top: -20px;
}

.BlockchainWelcomeMessageContent_WCDefaultWidth__VFqQt {
  width: 285px;
}

.BlockchainWelcomeMessageContent_WCSlideOutMobileWidth__\+JVsJ {
  width: 200px;
}

.BlockchainWelcomeMessageContent_WCSlideOutMobileFontSize__RUqF3 {
  font-size: 0.8rem;
}

.BlockchainWelcomeMessageContent_noBottomBorderRadius__C2KrV {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.BlockchainWelcomeMessageContent_operatorView__5pohk {
  margin-top: 0px;
}

.BlockchainWelcomeMessageContent_pointer__zMJ59{
  cursor: pointer;
}

.BlockchainWelcomeMessageContent_top__6I-UC{
  background-color: var(--blue996);
  height: fit-content;
  z-index: 2;
  display: flex;
  align-items: end;
  padding: 10px;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--gray000);
  justify-content: center;
}

.BlockchainWelcomeMessageContent_posRelative__rZ8am {
  position: relative;
}

.BlockchainWelcomeMessageContent_topMarginsPaddings__PSaSS {
  padding-top: 45px;
  margin-top: 60px;
}

.BlockchainWelcomeMessageContent_topBorderRadiuses__Dhu\+5 {
  border-radius: 10px 10px 0 0;
}

.BlockchainWelcomeMessageContent_bottom__teK\+b{
  background-color: var(--peach600);
  height: 50%;
  border: 1px solid var(--blue996);
  z-index: 2;
}
.BlockchainWelcomeMessageContent_bottomDefaultBorderRadius__aDV4h {
  border-radius: 0 0 10px 10px;
}

.BlockchainWelcomeMessageContent_bottomRightBottomCornerStraight__04bdF {
  border-radius: 0 0 0 10px;
}

.BlockchainWelcomeMessageContent_bottomTop__jDmof{
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
}

.BlockchainWelcomeMessageContent_bottomTopLeft__y1wvW{
  background-color: var(--peach600);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  padding: 10px 0px 0px 10px;
  font-weight: 500;
  z-index: 2;
  max-width: 70%;
}

.BlockchainWelcomeMessageContent_bottomTopMiddle__F9lJY{
  background-color: var(--peach600);
  width: 45px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 30px;
  clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%);
  z-index: 2;
  transform: translateX(12px);
}

.BlockchainWelcomeMessageContent_bottomTopRight__iGScx{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  height: 30px;
  background-color: var(--blue996);
  margin-left: -18px;
  z-index: 1;
  transform: translateY(-3px);
  justify-content: center;
  text-align: center;
  display: flex;
}

.BlockchainWelcomeMessageContent_pr24__jB\+-e {
  padding-right: 24px;
}

.BlockchainWelcomeMessageContent_poppinsFamily__4f3Y2 {
  font-family: 'Poppins';
}

.BlockchainWelcomeMessageContent_bottomBottom__Yo8YT{
  padding: 10px;
}

.BlockchainWelcomeMessageContent_bottomBottomSlideOutPadding__ORk2M {
  padding: 12px !important;
}

.BlockchainWelcomeMessageContent_topCircle__rjefT{
  background-color: var(--peach000);
  margin-left: 50px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  z-index: 3;
  position: absolute;
  /* overflow: hidden; */
  display: flex;
  justify-content: center;
}

.BlockchainWelcomeMessageContent_innerCircle__m1VgR{
  z-index: 1;
  border-radius: 50%;
  margin-top: 5px;
}

.BlockchainWelcomeMessageContent_imageNoBorderRadius__aGKRt {
  height: 100px;
  z-index: 1;
  position: absolute;
  background-color: transparent;
  width: 100px;
  border: 4px solid transparent;
  object-fit: cover;
}

.BlockchainWelcomeMessageContent_image__QXQyP{
  height: 100px;
  z-index: 1;
  position: absolute;
  background-color: transparent;
  border-radius: 50%;
  width: 100px;
  border: 4px solid transparent;
  object-fit: cover;
}

.BlockchainWelcomeMessageContent_step1__sNIbS{
  display: flex;
  left: 10px;
  position: relative;
  margin-top: 7px;
  font-family: var(--typographyFontFamily);
  font-size: 0.8rem;
}

.BlockchainWelcomeMessageContent_stepAfter__3XVGA{
  display: flex;
  left: 10px;
  position: relative;
  margin-top: 13px;
  font-family: var(--typographyFontFamily);
  font-size: 0.8rem;
}

.BlockchainWelcomeMessageContent_stepCircle__7EqsK{
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 1px solid white;
  background-color: var(--blue996);
  position: absolute;
  margin-left: -32px;
}

.BlockchainWelcomeMessageContent_imgCircle__5CPUM {
  height: 100%;
  width: 100%;
  /* bottom: 1px; */
  color: white;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px;
}

.BlockchainWelcomeMessageContent_imgCircle__5CPUM > img {
  min-width: 15px;
  max-width: 15px;
  padding-right: 1px;
}

.BlockchainWelcomeMessageContent_footer__wPwSa {
  background-color: var(--blue996);
  color: white;
  text-align: left;
  padding: 4px 4px 4px 10px;
  border-radius: 0 0 10px 10px;
  border-bottom: 1px solid var(--blue996);
  margin-bottom: -1px;
  font-size: 0.94rem;
  width: 100%;
  font-weight: 500;
}

.BlockchainWelcomeMessageContent_footer1__y-QSp {
  color: var(--peach700);
}

.BlockchainWelcomeMessageContent_uncheckedBox__B9gFo {
  margin-top: -3px !important;
  display: inline-block;
  width: 17px !important;
  height: 15px !important;
  position: relative;
  margin-right: 2px;
  top: 1px;
  border-radius: 3px;
  background: white;
  border: 1px solid black !important;
}

.BlockchainWelcomeMessageContent_russellIntroImg__\+JBKN{
  margin: 20px 0px;
}

.BlockchainWelcomeMessageContent_russellIntroImg__\+JBKN img{
  width: 250px;
  border-radius: 10px;
}

.BlockchainWelcomeMessageContent_swagText__1CsiM{
  background: var(--peach600);
  border: 1px solid var(--peach700);
  padding: 15px 10px;
  border-radius: 10px;
  margin-top: -26px;
  z-index: 3;
  position: relative;
  width: 250px;
  /* left: 5%; */
  font-size: 13px;
}

.BlockchainWelcomeMessageContent_addMargin__lLB\+O{
  margin-bottom: 250px;
}

.BlockchainWelcomeMessageContent_videoContainer__LQNDL{
  position: relative;
  transition: all 0.5s ease-in-out;
  border-radius: 50%;
  left: 50px;
  top: 0px;
  z-index: 8;
  cursor: pointer;
  margin-top: 30px;
}

.BlockchainWelcomeMessageContent_videoBox__gIal0{
  position: absolute;
  transition: all 0.5s ease-in-out;
  width: 100px;
  height: auto;
  object-fit: cover;
  border-radius: 50%;

}

.BlockchainWelcomeMessageContent_expandedVideo__3hzLE{
  width: 234px;
  height: auto;
  border-radius: 10px;
  left: -45px;
}

.BlockchainWelcomeMessageContent_videoControls__tU\+X0{
  position: absolute;
  display: flex;
  top: 70px;
}

.BlockchainWelcomeMessageContent_videoButton__vhDNo{
  color: white;
  background: black;
  border-radius: 50%;
  border: 1px solid white;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

@media (max-width: 900px) {
  .BlockchainWelcomeMessageContent_expandedVideo__3hzLE{
    width: 50vw;
  }

  .BlockchainWelcomeMessageContent_addMargin__lLB\+O{
    margin-bottom: 200px;
  }
}

@media (min-width: 900px){
  .BlockchainWelcomeMessageContent_toTheRight__rKIxn{
    left: 238px !important;
    top: 60px !important;
  }
}
.BWMC_title-container-master-slotMachine::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--peach700);
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 0px 7px 0 7px;
}

@keyframes enlarge {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }
}

.BWMC_subContent-gif {
    transition: all 0.4s ease;
}

.BWMC_subContent-gif-enlarge {
    animation-name: enlarge;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}


.BWMC_subContent-gif-enlarge-slotMachine {
    animation-delay: 2s;
    animation-duration: 1.6s;
}

.BWMC_subContent-gif-force-enlarge {
    transform: scale(1.2) !important;
}
.NumberedListMessageContent_titleContainer__P5eSv p {
  background-color: var(--orange700);
  padding: 8px 7px 4px 9px;
  color: white !important;
  font-weight: 500 !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  line-height: 20px;
}

.NumberedListMessageContent_optionsContainer__bthC0 {
  padding: 6px 0px 9px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

.NumberedListMessageContent_optionNumber__vlggQ {
  border-radius: 50%;
  background-color: var(--orange700);
  position: absolute;
  width: 18px;
  height: 18px;
  left: -10px;
  color: white;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1px;
  cursor: pointer;
}

.NumberedListMessageContent_selectedNumber__pdLKT {
  background-color: green;
}

.SlotMachineMessageContent_rootContainer__9SR6\+ {
  margin-top: 15px;
  overflow-x: clip; /* hide the animated truck after moving out of container */
}

.SlotMachineMessageContent_bubbleContainer__g0Pe9 {
  position: relative;
  height: fit-content;
  width: 100%;
  background-color: var(--peach600);
  border: solid 1px var(--orange700);
  border-radius: 10px;
  display: flex;
  overflow-y: visible;
}

.SlotMachineMessageContent_bubbleContainer__g0Pe9:hover {
  cursor: pointer;
}

.SlotMachineMessageContent_left__JuVfg {
  position: relative;
  max-width: 160px;
  padding: 10px;
  font-size: 0.8rem;
  font-family: var(--typographyFontFamily);
}

.SlotMachineMessageContent_right__VAs4m {
  position: relative;
  width: fit-content;
  height: fit-content;
}

/* 
.topCircle styles the top bump of the message bubble which includes the 
seamless continuation of the orange border over the bump. 

Parent element is a circle with a border the same as the bubble's border. 

The ::before pseudo-element is a rectangle with the same background color as 
the bubble's background designed to mask the borders of the parent element. 

The ::after pseudo-element is a circle with the same background color as the 
bubble's background color

The same idea applies to the .bottomCircle style
*/
.SlotMachineMessageContent_topCircle__4-Qqz {
  display: flex;
  justify-content: center;
  position: absolute;
  background-color: var(--peach600);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: -20px;
  left: 50%;
  translate: -50%;
  border: solid 1px var(--orange700);
}

.SlotMachineMessageContent_topCircle__4-Qqz::before {
  content: '';
  position: absolute;
  background-color: var(--peach600);
  bottom: 0px;
  width: calc(100% + 4px);
  height: calc(50% + 20px);
  left: 50%;
  translate: -50%;
}

.SlotMachineMessageContent_topCircle__4-Qqz::after {
  content: '';
  position: absolute;
  background-color: var(--orange700);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  left: 50%;
  translate: -50%;
  top: 5px;
}

.SlotMachineMessageContent_topCircleDot__atq3B {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: var(--gray000);
  border-radius: 50%;
  z-index: 1;
  top: 12px;
}

.SlotMachineMessageContent_miniSlotMachineContainer__VGzCe {
  position: relative;
  margin: 5px;
  background-color: var(--peach400);
  border: solid 3px var(--orange700);
  border-radius: 10px;
  width: 155px;
  height: 85px;
  padding: 5px;
}

.SlotMachineMessageContent_slotsContainer__8xyS9 {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: white;
  border-radius: 5px;
  display: flex;
  gap: 5px;
  padding: 5px 5px 12px 5px;
}

.SlotMachineMessageContent_slot__-0czh {
  flex: 1 1;
  max-width: 33%;
  border: solid 1px var(--orange700);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.SlotMachineMessageContent_slot__-0czh img {
  width: 100%;
}

.SlotMachineMessageContent_playButton__vTJqh {
  display: flex;
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: var(--orange700);
  border-radius: 50%;
  bottom: 0px;
  left: 50%;
  translate: -50% calc(50% + 2px);
  justify-content: center;
  align-items: center;
}

.SlotMachineMessageContent_playButton__vTJqh > svg {
  fill: var(--gray000);
}

.SlotMachineMessageContent_bottomCircle__mLEsX {
  position: absolute;
  background-color: var(--peach600);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  bottom: -15px;
  left: 50%;
  translate: -50%;
  border: solid 1px var(--orange700);
}

.SlotMachineMessageContent_bottomCircle__mLEsX::before {
  content: '';
  position: absolute;
  background-color: var(--peach600);
  width: calc(100% + 4px);
  height: calc(50% + 5px);
  left: 50%;
  translate: -50%;
}

/* CSS rules for the countdown UI */
.SlotMachineMessageContent_timerContainer__Lorf2 {
  width: 150px;
  height: 90px;
}

.SlotMachineMessageContent_timerTopCircle__dmBPJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  background-color: var(--peach600);
  width: 115px;
  height: 115px;
  border-radius: 50%;
  top: -40px;
  left: 50%;
  translate: -50%;
  border: solid 1px var(--orange700);
  border-bottom: 0;
  padding-top: 10px;
}

.SlotMachineMessageContent_timerTopCircle__dmBPJ::before {
  content: '';
  position: absolute;
  background-color: var(--peach600);
  top: 39.5px;
  width: calc(100% + 4px);
  height: calc(50% + 20px);
  left: 50%;
  translate: -50%;
}

.SlotMachineMessageContent_timer__TjmWt {
  position: relative;
  text-align: center;
  font-family: var(--typographyFontFamily);
  top: 18px;
  line-height: 1.15;
}

.SlotMachineMessageContent_timer__TjmWt p {
  text-transform: capitalize;
}

.SlotMachineMessageContent_timerTopCircle__dmBPJ > img {
  position: absolute;
  left: 50%;
  translate: -50%;
  z-index: 1;
  height: 85px;
  width: 85px;
}

.SlotMachineMessageContent_timerContainer__Lorf2 > img {
  position: absolute;
  z-index: 1;
  bottom: 5px;
  left: 50%;
  translate: -50%;
}

.SlotMachineMessageContent_timer__TjmWt > p {
  font-size: 9pt;
}

.SlotMachineAfterWinAnimation_rootContainer__BeHTK {
  height: 100px;
  width: 100px;
}

.SlotMachineAfterWinAnimation_topCircle__4YfN5 {
  display: flex;
  justify-content: center;
  position: absolute;
  background-color: var(--peach600);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: -20px;
  left: calc(50% - 10px);
  translate: -50%;
  border: solid 1px var(--orange700);
}

.SlotMachineAfterWinAnimation_topCircle__4YfN5::before {
  content: '';
  position: absolute;
  background-color: var(--peach600);
  bottom: -1px;
  width: calc(100% + 4px);
  height: calc(50% + 21px);
  left: 50%;
  translate: -50%;
}

.SlotMachineAfterWinAnimation_prize__6UC8a {
  width: 70px;
  height: 70px;
  object-fit: contain;
  position: absolute;
  opacity: 0;
  left: calc(50% - 10px);
  top: 50%;
  translate: -50% -50%;
  z-index: 1;
}
.SlotMachineAfterWinAnimation_prizeAnimation__8F7Xo {
  animation: SlotMachineAfterWinAnimation_prizeAnimation__8F7Xo 4s linear 1;
  animation-fill-mode: forwards;
}
.SlotMachineAfterWinAnimation_truck__fMU25 {
  height: 30px;
  width: 60px;
  position: absolute;
  bottom: 0px;
  left: -260px;
  z-index: 2;
}
.SlotMachineAfterWinAnimation_truckAnimation__GC8G3 {
  animation: SlotMachineAfterWinAnimation_truckAnimation__GC8G3 4s linear 1;
  animation-fill-mode: forwards;
}

.SlotMachineAfterWinAnimation_fireworks__HXXY8 {
  width: 115px;
  height: 100px;
  position: absolute;
  opacity: 1;
  left: calc(50% - 10px);
  top: -10px;
  translate: -50%;
  z-index: 1;
  -webkit-user-select: none;
          user-select: none;
}

.SlotMachineAfterWinAnimation_fireworksAnimation__pCE0M {
  animation: SlotMachineAfterWinAnimation_fireworksAnimation__pCE0M 4s linear 1;
  animation-fill-mode: forwards;
}

@keyframes SlotMachineAfterWinAnimation_prizeAnimation__8F7Xo {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  /* 1. Appear */
  20% {
    opacity: 1;
    transform: scale(1);
  }
  /* 2. Scale down and move up */
  40% {
    opacity: 1;
    transform: translateY(-30px) scale(1);
  }
  /* 3. Scale down and move down */
  60% {
    opacity: 1;
    transform: translateY(30px) scale(0.1);
  }
  /* 4. fade away quickly*/
  65% {
    opacity: 0;
    transform: translateY(30px) scale(0.1);
  }
  /* move back to origin while invisible */
  90% {
    opacity: 0;
    transform: scale(0);
  }
  /* return to full size and keep */
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes SlotMachineAfterWinAnimation_truckAnimation__GC8G3 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1);
  }
  40% {
    opacity: 1;
    transform: translateX(275px);
  }
  60% {
    opacity: 1;
    transform: translateX(275px);
  }
  65% {
    opacity: 1;
    transform: translateX(275px);
  }
  90% {
    opacity: 1;
    transform: translateX(500px);
  }
  95% {
    opacity: 0;
    transform: translateX(500px);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

@keyframes SlotMachineAfterWinAnimation_fireworksAnimation__pCE0M {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  20% {
    opacity: 1;
    transform: scale(1);
  }
  40% {
    opacity: 0;
    transform: translateX(40px) scale(1);
  }
  90% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

:root {
  --transition-duration: 500ms;
  --height-duration: 550ms;
  --margin-duration: 450ms;
  --width-duration: 500ms;
}

.TwinAvatarStyles_avatarContainer__Ln9sj {
  display: flex;
  justify-content: center;
  align-items: center;
  /* Make sure avatar shows over message bubble */
  z-index: 1;
  pointer-events: auto;

  /* Border properties */
  border-radius: 50%;
  /* overflow: hidden; */
  transform-origin: 0 100% 0;
  border: 1px solid var(--orange700);

  background-color: white;

  transition: transform 500ms cubic-bezier(0.33, 1, 0.68, 1),
    width 500ms cubic-bezier(0.33, 1, 0.68, 1),
    height 550ms cubic-bezier(0.25, 1, 0.5, 1),
    margin-right 450ms cubic-bezier(0.33, 1, 0.68, 1), border-color 0.3s ease-in-out;

  transition: transform var(--transition-duration) cubic-bezier(0.33, 1, 0.68, 1),
    width var(--width-duration) cubic-bezier(0.33, 1, 0.68, 1),
    height var(--height-duration) cubic-bezier(0.25, 1, 0.5, 1),
    margin-right var(--margin-duration) cubic-bezier(0.33, 1, 0.68, 1), border-color 0.3s ease-in-out;
}

.TwinAvatarStyles_growing__6XG8e {
  transform: scale(1);
  margin-right: -10px;
  height: 150px;
  width: 150px;
}

.TwinAvatarStyles_shrinking__KF47M {
  transform: scale(0);

  /* Border properties gap 4px border 4px */
  margin-right: -8px;
  height: 0px;
  width: 0px;
}

.TwinAvatarStyles_video__v7w8y {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.TwinAvatarStyles_unMuteButton__ekp4J {
  position: absolute;
  bottom: 5px;
  left: 5px;
}

.MessageBodyShimmeringSkeleton_container__84hWk {
  background: linear-gradient(90deg, #fff1e3, #ff541c);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 9px;
  gap: 9px;
}

.MessageBodyShimmeringSkeleton_line__4zX2D {
  background: linear-gradient(90deg, #fff3ee 25%, hsl(28, 98.1%, 59.4%) 50%, #fff3ee 75%);
  background-size: 200% 100%;
  animation: MessageBodyShimmeringSkeleton_shimmer__qxL3H 2.5s infinite linear;
  border-radius: 5px;
  width: 80%;
  height: 17px;
  transform: scaleX(-1);
}

@keyframes MessageBodyShimmeringSkeleton_shimmer__qxL3H {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.TwinAvatarSkeleton_glowingCircle__RkHCg {
  position: absolute; /* Change to 'fixed' if needed */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 150px;
  height: 150px;
  border-radius: 50%;
  box-shadow:
    0 0 10px #fff,
    -2px 0 10px #f0f,
    2px 0 10px #0ff, 
    inset 0 0 50px #fff,
    inset 50px 0 80px #f0f,
    inset -50px 0 80px #0ff,
    inset 50px 0 300px #f0f,
    inset -50px 0 300px #0ff;
  animation: TwinAvatarSkeleton_pulsate__axA-y 6s linear infinite;

  /* Fade-out effect */
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}

.TwinAvatarSkeleton_hidden__1VhVf {
  opacity: 0;
  visibility: hidden;
}

@keyframes TwinAvatarSkeleton_pulsate__axA-y {
  50% {
    box-shadow:
      0 0 10px #fff,
      2px 0 10px #f0f,
      -2px 0 10px #0ff,
      inset 0 0 50px #fff,
      inset -50px 0 80px #f0f,
      inset 50px 0 80px #0ff,
      inset -50px 0 300px #f0f,
      inset 50px 0 300px #0ff;
  }
}

.TextMessageContent_messageFooter__UgJ-T {
  display: flex;
  margin-left: auto;
  gap: 10px;
  align-items: flex-end;
}

.TextMessageContent_messageFooterNewLine__Pmdfl {
  position: absolute;
  bottom: 6px;
  right: 9px;
  display: flex;
  gap: 10px;
  align-items: flex-end;
}

.TextMessageContent_thumbIcon__yoBOZ {
  color: var(--orange900);
}

.TextMessageContent_operatorThumbIcon__jxeue {
  color: black;
}

.TextMessageContent_thumbIcon__yoBOZ, .TextMessageContent_operatorThumbIcon__jxeue {
  font-size: 16px;
  cursor: pointer;
}

.TextMessageContent_thumbIcon__yoBOZ:hover {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}

.TextMessageContent_operatorThumbIcon__jxeue:hover {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.TextMessageContent_disabled__Hrp6b {
  cursor: not-allowed !important;
}

.CurrentWorkflowProgress_text__mlgie {
  color: inherit;
  font-size: 10px;
  line-height: 1.1;
  display: block;
  width: 100%;
  text-align: center;
}

.CurrentWorkflowProgress_class__AUgqJ progress {
  appearance: none;
  border: none;
  width: 100%;
  max-width: 110px;
  border-radius: 9px;
  margin: 4px 0;
  height: 12px;
  background: var(--gray070);
  position: relative;
}

.CurrentWorkflowProgress_class__AUgqJ progress::-webkit-progress-bar {
  border-radius: 9px;
  background: var(--gray070);
}

.CurrentWorkflowProgress_class__AUgqJ progress::-webkit-progress-value {
  border-radius: 9px;
  background: var(--green800);
}

.CurrentWorkflowProgress_class__AUgqJ progress::-moz-progress-bar {
  border-radius: 9px;
  background: var(--green800);
}

.CurrentWorkflowProgress_class__AUgqJ[data-complete="true"] progress {
  appearance: none;
  border: none;
  border-radius: 9px;
  margin: 4px 0;
  height: 12px;
  background: var(--gray070);
  display: flex;
  position: relative;
  width: 100%;
}

.CurrentWorkflowProgress_class__AUgqJ {
    position: relative;
    cursor: pointer;
}

.CurrentWorkflowProgress_class__AUgqJ[data-complete="true"] div {
  position: absolute;
  top: 50%;
  left: 5.6px;
  transform: translate(0, -50%);
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: var(--gray000);
  z-index: 2;
  gap: 2px;
}

.CurrentWorkflowProgress_class__AUgqJ[data-complete="true"] svg {
  width: 12px;
  height: 12px;
}


.CurrentWorkflowProgress_class__AUgqJ[data-complete="true"] small {
  font-size: 8px;
}

.CurrentWorkflowProgress_indicator__L-3Pl {
  position: absolute;
  top: 4px;
  transform: translateX(-50%);
  width: 10px;
  height: 100%;
  height: 12px;
  background-color: var(--gray070);
  pointer-events: none;
  z-index: 1;
  border-radius: 3px;
}

.CurrentWorkflowProgress_defaultCursor__k9Irk {
  cursor: default;
}
.FieldMessageContent_class__OsijW {
  --time: .18s;
  --bg: var(--peach600);
  --bd: var(--orange700);
  align-items: flex-end;
  gap: .5rem;
  width: fit-content;
  height: fit-content;
  margin: 4px .5rem 0 0;
  position: relative;
  max-width: calc(100% - 44px);
  margin-top: 4px;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe {
  margin: 4px 0 0 .5rem;
}
.FieldMessageContent_class__OsijW > div {
  interpolate-size: allow-keywords;
  margin-right: auto;
  z-index: 10;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe > div {
  margin-left: auto;
  margin-right: 0;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_isInternal__RiGwN {
  --bg: var(--peach020);
  --bd: var(--gray400);
}
.FieldMessageContent_class__OsijW.FieldMessageContent_isEditing__ZzuiN {
  --bd: var(--blue050);
}
.FieldMessageContent_class__OsijW.FieldMessageContent_sentByCurrentUser__rss8e {
  --bg: var(--gray000);
}

.FieldMessageContent_class__OsijW q {
  text-indent: 20px;
  quotes: none;
  border-bottom: 1px solid var(--orange700);
  position: relative;
  color: var(--orange700);
  width: calc(100% + 16px);
  transform: translateX(-8px);
  padding-left: 8px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.FieldMessageContent_class__OsijW s {
  color: red;
  word-wrap: break-word;
  width: fit-content;
  text-decoration-color: var(--red400);
  text-decoration-line: line-through;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  text-overflow: ellipsis;
  overflow: clip;
  word-break: break-all;
}
.FieldMessageContent_class__OsijW i {
  word-wrap: break-word;
  font-style: italic;
}

.FieldMessageContent_class__OsijW > div {
  transition: all var(--time) cubic-bezier(0.075, 0.82, 0.165, 1);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 6px 7px 8px 9px;
  position: relative;
  align-items: flex-end;
  gap: 0 4px;
  border: 1px solid;
  border-radius: 10px;
  box-shadow: var(--shadow100) 0px 5px 35px;
  border-color: var(--bd);
  background: var(--bg);
  pointer-events: all;
  width: fit-content;
  max-width: 100%;
}
.FieldMessageContent_class__OsijW > button {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--bd);
  border: 1px solid var(--gray950);
  z-index: 3;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity var(--time) cubic-bezier(0.075, 0.82, 0.165, 1);
  z-index: 11;
  pointer-events: none;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe > button {
  right: auto;
  right: initial;
  left: 0;
  transform: translate(-50%, -50%);
}
.FieldMessageContent_class__OsijW > button > div {
  transform: translate(0, 0) !important;
  width: 16px !important;
  height: 16px !important;
  padding: 0;
}
.FieldMessageContent_class__OsijW > button > div > img {
  width: 16px !important;
  height: 16px !important;
  filter: brightness(0) saturate(100%) !important;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB > button {
  opacity: 0;
}


.FieldMessageContent_class__OsijW > span {
  content: '';
  position: absolute;
  display: block;
  border: 1px dashed;
  border-color: var(--bd);
  border-radius: 11px;
  top: 0;
  right: 0;
  width: calc(100% - 6px);
  background: var(--bg);
  z-index: 0;
  opacity: 1;
  transform: translate(0, 0);
  transition: background-color var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              border-color var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              margin var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              transform var(--time) cubic-bezier(0.075, 0.82, 0.165, 1);
}
.FieldMessageContent_class__OsijW > span:nth-of-type(2) {
  top: 2px;
  right: 2px;
}
.FieldMessageContent_class__OsijW > span:nth-of-type(3) {
  top: 4px;
  right: 4px;
}
.FieldMessageContent_class__OsijW > span:nth-of-type(4) {
  top: 6px;
  right: 6px;
}
.FieldMessageContent_class__OsijW > span:nth-of-type(n+5) {
  top: 8px;
  right: 8px;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe > span {
  left: 0;
  right: auto;
  right: initial;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe > span:nth-of-type(2) {
  left: 2px;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe > span:nth-of-type(3) {
  left: 4px;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe > span:nth-of-type(4) {
  left: 6px;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe > span:nth-of-type(n+5) {
  left: 8px;
}
.FieldMessageContent_class__OsijW > span:first-of-type,
.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB > span {
  background-color: transparent !important;
  border-color: transparent !important;
  margin: 0 !important;
  transform: translate(2px, 2px);
  transition: background-color var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              border-color var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              margin var(--time) cubic-bezier(0.075, 0.82, 0.165, 1)
              transform var(--time) cubic-bezier(0.075, 0.82, 0.165, 1);
}
.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB.FieldMessageContent_alignByCurrentUser__YHnIe > span {
  transform: translate(-2px, 2px);
}

.FieldMessageContent_class__OsijW:has(> div:nth-of-type(2)) > span {
  width: calc(100% - 4px);
}
.FieldMessageContent_class__OsijW:has(> div:nth-of-type(2)) > div:first-of-type {
  margin: 4px 4px 0 0;
}
.FieldMessageContent_class__OsijW:has(> div:nth-of-type(3)) > span {
  width: calc(100% - 6px);
}
.FieldMessageContent_class__OsijW:has(> div:nth-of-type(3)) > div:first-of-type {
  margin: 6px 6px 0 0;
}
.FieldMessageContent_class__OsijW:has(> div:nth-of-type(4)) > span {
  width: calc(100% - 8px);
}
.FieldMessageContent_class__OsijW:has(> div:nth-of-type(4)) > div:first-of-type {
  margin: 8px 8px 0 0;
}
.FieldMessageContent_class__OsijW:has(> div:nth-of-type(5)) > span {
  width: calc(100% - 10px);
}
.FieldMessageContent_class__OsijW:has(> div:nth-of-type(5)) > div:first-of-type {
  margin: 10px 10px 0 0;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe:has(> div:nth-of-type(2)) > div:first-of-type {
  margin: 4px 0 0 4px;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe:has(> div:nth-of-type(3)) > div:first-of-type {
  margin: 6px 0 0 6px;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe:has(> div:nth-of-type(4)) > div:first-of-type {
  margin: 8px 0 0 8px;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe:has(> div:nth-of-type(5)) > div:first-of-type {
  margin: 10px 0 0 10px;
}
.FieldMessageContent_class__OsijW > div:not(:first-of-type) {
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  padding: 0;
  border-width: 0;
  transform: translateY(-50%);
  opacity: 0;
  max-height: 0;
  transform: translateY(-50%);
  margin: 0 auto 0 0;
  cursor: default;
  min-width: 0;
  width: 0;
  min-height: 0;
  height: 0;
}
.FieldMessageContent_class__OsijW.FieldMessageContent_alignByCurrentUser__YHnIe > div:not(:first-of-type) {
  margin: 0 0 0 auto;
}

.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB > div:not(:first-of-type) {
  opacity: 1;
  max-height: 200px;
  transform: translateY(0%);
  left: auto;
  left: initial;
  right: auto;
  right: initial;
  margin-top: .5rem;
  border-width: 1px;
  width: fit-content;
  height: fit-content;
}

/* Transition Delays */
.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB > button,
.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB > span:nth-of-type(2),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(2)) > div:nth-of-type(2),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(3)) > div:nth-of-type(3),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(4)) > div:nth-of-type(4),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(5)) > div:nth-of-type(n+5) {
  transition-delay: calc(0 * var(--time));
}
.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB > div:nth-of-type(2),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(2)) > button,
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(2)) > span:nth-of-type(2),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(3)) > span:nth-of-type(3),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(4)) > span:nth-of-type(4),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(5)) > span:nth-of-type(n+5) {
  transition-delay: calc(1 * var(--time));
}
.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB > span:nth-of-type(3),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(3)) > div:nth-of-type(2),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(4)) > div:nth-of-type(3),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(5)) > div:nth-of-type(4),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(6)) > div:nth-of-type(n+5) {
  transition-delay: calc(2 * var(--time));
}
.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB > div:nth-of-type(3),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(3)) > button,
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(3)) > span:nth-of-type(2),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(4)) > span:nth-of-type(3),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(5)) > span:nth-of-type(4),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(6)) > span:nth-of-type(n+5) {
  transition-delay: calc(3 * var(--time));
}
.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB > span:nth-of-type(4),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(4)) > div:nth-of-type(2),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(5)) > div:nth-of-type(3),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(6)) > div:nth-of-type(4) {
  transition-delay: calc(4 * var(--time));
}
.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB > div:nth-of-type(4),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(4)) > button,
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(4)) > span:nth-of-type(2),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(5)) > span:nth-of-type(3),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(6)) > span:nth-of-type(4) {
  transition-delay: calc(5 * var(--time));
}
.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB > span:nth-of-type(n+5),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(5)) > div:nth-of-type(2),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(6)) > div:nth-of-type(3) {
  transition-delay: calc(6 * var(--time));
}
.FieldMessageContent_class__OsijW.FieldMessageContent_isExpanded__r9ifB > div:nth-of-type(n+5),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(5)) > button,
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(5)) > span:nth-of-type(2),
.FieldMessageContent_class__OsijW:not(.FieldMessageContent_isExpanded__r9ifB):has(> div:nth-of-type(6)) > span:nth-of-type(3) {
  transition-delay: calc(7 * var(--time));
}
.Styles_pulse__c5yAg {
  animation: Styles_Pulse__CNMK4 2000ms ease-in-out infinite;
}

@keyframes Styles_Pulse__CNMK4 {
  0% {  opacity: 1 }
  50% { opacity: 0.75 }
  100% { opacity: 1 }
}

.Styles_fade__Wzvi- {
  animation: Styles_Fade__dML0Y 1000ms ease-in-out;
}

@keyframes Styles_Fade__dML0Y {
  0% {  opacity: 1 }
  45% { opacity: 0 }
  55% { opacity: 0 }
  100% { opacity: 1 }
}
.Styles_pulse__5vWoz {
  animation: Styles_Pulse__wEAO0 2000ms ease-in-out infinite;
}

@keyframes Styles_Pulse__wEAO0 {
  0% { 
    opacity: 1
  }

  50% {
    opacity: 0.75
  }

  100% {
    opacity: 1
  }
}
.DisclaimerMessageContent_wrapper__gi-\+X {
  position: relative;
  top: 0;
  align-items: center;
  display: flex;
  font-size: 12px;
  justify-content: center;
  text-align: center;
  width: 100%;
  margin-bottom: 5px;
  line-height: 100%;
  -webkit-text-size-adjust: none;
  margin-bottom: auto;
}

.DisclaimerMessageContent_wrapper__gi-\+X span a {
  color: inherit;
  text-decoration: underline;
  font-weight: 450;
}

.DisclaimerMessageContent_wrapper__gi-\+X span > b {
  color: var(--orange600);
  font-size: 10px;
  font-weight: 700;
  opacity: 0.6;
}

.DisclaimerMessageContent_wrapper__gi-\+X span > span {
  color: var(--gray900);
  font-size: 10px;
  font-weight: 300;
}

.DisclaimerMessageContent_isSeparate__S281z {
  position: absolute;
  width: calc(100% - 120px);
}

.DisclaimerMessageContent_blur__rAZAQ {
  filter: blur(0.25em);
  transform: translate3d(0px, 0px, 0px);
}

.DisclaimerMessageContent_snackbarDisclaimer__azy15 {
  background: rgba(175, 175, 175, 0.4);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  border: 1px solid var(--gray700);
  border-radius: 10px;
  margin-bottom: 0px;
  top: 50px;
  padding: 0px 15px 0px 15px;
  line-height: 1.4;
  font-size: 10px;
  color: var(--gray900);
}

.DisclaimerMessageContent_MuiSnackbarContent-message__KIjBL {
  padding: 0px;
}

@media (max-width: 900px) {
  .DisclaimerMessageContent_isSeparate__S281z {
    width: calc(100% - 50px);
  }
}

.MessageContent_style__wk0lr {
  border: 1px solid var(--orange700);
  color: var(--gray920);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  border-radius: 8px;
  padding: 6px 7px 8px 9px;
  column-gap: 4px;
  background-color: var(--peach600);
  width: fit-content;
  max-width: 60%;
}

.MessageContent_internal__jQ78t {
  border: 1px solid var(--peach020);
  background-color: var(--gray400);
}

.MessageContent_sentByCurrentUser__PP5Nw {
  background-color: var(--gray000);
}

.MessageContent_peNone__TOPrw {
  pointer-events: none;
}

.MessageContent_peAll__vhK36 {
  pointer-events: all;
}

@media (max-width: 900px) {
  .MessageContent_style__wk0lr {
    max-width: 90%;
  }
}
.hintOptionContainer a, .allMountedHintContainer a {
    text-decoration: none;
    font-weight: 700;
    color: #000E90;
}

.wumc_circles_container {
    position: absolute;
    top: 22px;
    left: 10px;
    z-index: -2;
    transition: all 1s linear;
    opacity: 0;
}

.opacity1 {
    opacity: 1;
}

.opacity0 {
    opacity: 0;
}

.logoContainer::before {
    z-index: -2;
    content: '';
    position: absolute;
    bottom: 2px;
    left: -7px;
    width: 94px;
    height: 48px;
    background-color: #fff3ee;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
}


.referrerImgContainer {
    cursor: default !important;
}

.referrerImgContainer::before {
    z-index: -2;
    content: '';
    position: absolute;
    bottom: -20px;
    left: -7px;
    width: 94px;
    height: 48px;
    background-color: #fff3ee;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
}

.logoContainer-circle-background {
    width: 70px;
    height: 70px;
    position: absolute;
    background-color: #fff3ee;
    z-index: -1;
    top: 16px;
    left: 5px;
    border-radius: 50%;
}

.logoContainer-circle-1 {
    width: 60px;
    height: 60px;
    position: absolute;
    background-color: #f9ccb2;
    z-index: -2;
    border-radius: 50%;
    filter: blur(7px);
    animation: moveCircular 2s infinite linear;
}

.logoContainer-circle-2 {
    width: 60px;
    height: 60px;
    position: absolute;
    background-color: rgb(255, 116, 0);
    z-index: -2;
    border-radius: 50%;
    filter: blur(7px);
    animation: moveCircular 2.5s infinite linear;
}

.logoContainer-circle-3 {
    width: 60px;
    height: 60px;
    position: absolute;
    background-color: #FF541C;
    z-index: -2;
    border-radius: 50%;
    filter: blur(7px);
    animation: moveCircular 1.5s infinite linear;
}


@keyframes moveCircular { 
    0% { 
        transform: rotate(0deg)  
              translateY(10px) rotate(0deg); 
    } 

    100% { 
        transform: rotate(360deg)  
              translateY(10px) rotate(-360deg); 
    } 
}

.initialConsentPortion {
    height: 0px;
    opacity: 0;
}

.hintOptionContainer {
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease; /* Safari and older browsers */
    -moz-transition: background-color 0.5s ease;
    padding-left: 15px;
    padding-right: 6px;
    /* border-radius: 0px 10px 10px 0px; */
    padding-top: 0px;
    padding-bottom: 0px;
    cursor: pointer;
    position: relative;
    width: 100%;
    transform: translateX(-100%); /* Start off-screen to the left */
    opacity: 0;
    height: 0px;
    display: flex;
    align-items: center;
}

.hintOptionContainer::after, .allMountedHintContainer::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 1px; /* Border height */
    background-color: rgb(255, 116, 0); /* Border color */
    transition: width 0.5s ease; /* Animation duration and easing */
    opacity: 0;
}

.hintOptionContainer::before, .allMountedHintContainer::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px; /* Border height */
    background-color: rgb(255, 116, 0); /* Border color */
    transition: width 0.5s ease; /* Animation duration and easing */
    opacity: 0;
}

.allMountedHintContainer.hovered, .hintOptionContainer.hovered {
    background-color: #ffe0cf;
}

.hintOptionContainer > :first-child,
.allMountedHintContainer > :first-child {
    transition: all 0.4s ease;
}

.allMountedHintContainer {
    padding-top: 9px;
    padding-bottom: 9px;
    opacity: 1;
    height: fit-content;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    padding-left: 15px;
    padding-right: 6px;

    cursor: pointer;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #f9ccb2;
}

.measuringHintContainer {
    transition: all 0.4s ease;
    padding-left: 15px;
    padding-right: 6px;
    /* border-radius: 0px 10px 10px 0px; */
    padding-top: 9px;
    padding-bottom: 9px;
    cursor: pointer;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    height: fit-content !important;
}

@media (max-width: 900px){
    .measuringHintContainer, .allMountedHintContainer{
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

/* Apply hover effect only for screens larger than 1024px (i.e., exclude tablets and mobiles) */
@media only screen and (min-width: 1025px) {
    .hintOptionContainer:hover, .allMountedHintContainer:hover {
      background-color: #ffe0cf;
    }

    .hintOptionContainer:hover::after, 
    .hintOptionContainer:hover::before, 
    .allMountedHintContainer:hover::after, 
    .allMountedHintContainer:hover::before {
        width: 100%;
        opacity: 0.6;
    }
    
    .hintOptionContainer:hover > :first-child,
    .allMountedHintContainer:hover > :first-child {
        /* background-color: #FFF3EE !important; */
        background-color: rgb(253, 166, 94) !important;
        transform: scale(1.1);
    }
  }


.WUM_Action_Button {
    position: relative;
    overflow: hidden;
}

.WUM_Action_Button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -230%;
    width: 200%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.1) 100%);
    transform: skewX(-30deg);
    transition: left 0.5s ease-in;
}

.WUM_Action_Button:hover::before {
    left: 100%;
}
.WelcomeUserMessageContent_topSectionStyle__vAETp{
  color: white;
  background-color: var(--orange900);
  border-radius: 8px 8px 0px 0px;
  font-family: Poppins;
  font-weight: 600;
  font-size: 0.8rem;
  width: 100%;
  padding-top: 0;
  padding-bottom: 7px;
  padding-left: 7px;
  padding-right: 7px;
}

.WelcomeUserMessageContent_topSectionStyle__vAETp a{
  color: #FFF;
}

@media (max-width: 900px){
  .WelcomeUserMessageContent_topSectionStyle__vAETp{
    font-size: 0.75rem;
  }
}

.WelcomeUserMessageContent_videoBg__Uiq6M{
  background-color: #fff3ee;
  border-bottom-left-radius: 80px;
  border-bottom-right-radius: 80px;
  height: 48px;
  left: 13px;
  position: absolute;
  width: 97px;
  z-index: 1;
  top: -23px;
}

.WelcomeUserMessageContent_addMargin__jhMpL{
  margin-bottom: 200px;
  margin-top: -66px;
}

.WelcomeUserMessageContent_avatarLoaderContainer__hVkCJ {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: -50px;
  width: max-content;
  max-width: 285px;
}

.WelcomeUserMessageContent_avatarLoaderContainer__hVkCJ > * {
  position: static;
  transform: none;
}

.WelcomeUserMessageContent_avatarLoadingMessageBubble__ziGap {
  max-width: 100%;
  box-shadow: 0 0 8px var(--shadow602);
}

.WelcomeUserMessageContent_avatarLoadingMessageBubble__ziGap, .WelcomeUserMessageContent_avatarLoadingMessageBubbleHidden__ivOCT {
  z-index: 1;
  min-width: 85px;
  width: max-content;
  border-color: var(--orange700);
  background: var(--peach600);
  pointer-events: all;
  padding: 4px 9px;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, 50%);
  overflow: hidden;
}

.WelcomeUserMessageContent_avatarLoadingMessageBubbleHidden__ivOCT {
  position: static;
  visibility: hidden;
  height: 0;
}

.WelcomeUserMessageContent_shimmer__ZEzcq {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 70%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0));
  animation: WelcomeUserMessageContent_loading__EgUEa 1.5s infinite;
  transform: translateX(-50%);
  /* Parallelogram shape */
  clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%);
}

@keyframes WelcomeUserMessageContent_loading__EgUEa {
  0% { left: -150%; }
  100% { left: 150%; }
}

.WelcomeUserMessageContent_bottomTop__A2gvn{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.WelcomeUserMessageContent_bottomTopLeft__JcQ83{
  background-color: #f9ccb2;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  padding: 10px 0px 0px 10px;
  font-weight: 500;
  z-index: 2;
  font-size: 12px;
  font-family: var(--typographyFontFamily);
}

.WelcomeUserMessageContent_bottomTopMiddle__xOo2V{
  background-color: #f9ccb2;
  width: 45px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 30px;
  clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%);
  z-index: 2;
  transform: translateX(12px);
}

.WelcomeUserMessageContent_bottomTopRight__mWw3K{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  height: 20px;
  background-color: var(--peach700);
  margin-left: -18px;
  z-index: 1;
  transform: translateY(-3px);
}
.VideoPopout_videoBox__87zvN{
  display: flex;
  position: relative;
  z-index: 5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out;
  /* left: 237px;
  top: -34px; */
  cursor: pointer;
}

.VideoPopout_operatorVideo__IW-Iz{
  top: 30px;
}

.VideoPopout_expandedBox__pDGea{
  left: 0;
  top: auto;
  top: initial;
  width: 200px;
  height: auto;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;
}

.VideoPopout_video__-bCkS{
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  object-fit: cover;
  z-index: 1;
  border-radius: 50%;
  transition: all 0.5s ease-in-out;
}

.VideoPopout_videoBox__87zvN .VideoPopout_expandedVideo__jyEhE{
  height: 200px;
  width: 200px;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;
}

.VideoPopout_addMargin__49\+rx{
  margin-bottom: 220px;
}

.VideoPopout_videoControls__DpL9q{
  position: absolute;
  display: flex;
  top: 70px;
  left: 5px;
  z-index: 1;
}

.VideoPopout_videoButton__FMSs9{
  color: white;
  background: black;
  border-radius: 50%;
  border: 1px solid white;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

@media (max-width: 900px) {
  .VideoPopout_videoBox__87zvN .VideoPopout_expandedVideo__jyEhE{
    /* width: 50vw; */
  }

  .VideoPopout_expandedBox__pDGea{
    width: 50vw;
  }

  .VideoPopout_addMargin__49\+rx{
    margin-bottom: 200px;
  }
}

@media (min-width: 900px){
  .VideoPopout_toTheRight__HAg4x{
    left: 330px !important;
    top: -55px !important;
  }
}

.VideoPopout_animatedVideoIcon__q6P7y{
  height: 90px;
  width: 90px;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  left: 16px;
  top: -70px;
  background-color: var(--blue901);
  border-radius: 50%;
}
.PrivateMessageContent_wrapper__pL5mq {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 290px;
  pointer-events: all;
  z-index: 1;
}

.PrivateMessageContent_alignByCurrentUser__AsWHS {
  margin-left: auto;
}

.PrivateMessageContent_message__FfVje {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border: 1px solid var(--orange700);
  background-color: var(--peach600);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
  padding: 5px 12px;
}

.PrivateMessageContent_message__FfVje > div {
  font-size: 12px;
  color: var(--gray920);
  font-weight: bold;
  font-family: var(--typographyFontFamily);
}

.PrivateMessageContent_message__FfVje > p {
  font-size: 14px;
  color: var(--gray600);
  font-weight: normal;
  font-family: var(--typographyFontFamily);
  line-height: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  width: 266px;
}

.PrivateMessageContent_sentByCurrentUser__aiHj2 .PrivateMessageContent_message__FfVje {
  background-color: var(--gray000);
}

.PrivateMessageContent_badge__QuDht {
  background-color: var(--orange700);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  width: 100%;
  padding: 5px 12px;
  display: flex;
}

.PrivateMessageContent_badge__QuDht img {
  width: 35px;
  height: 35px;
  margin-right: 8px;
  display: inline-block;
}

.PrivateMessageContent_name__KsXMA {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  font-family: var(--typographyFontFamily);
  color: var(--gray920);
  display: inline-block;
}

.PrivateMessageContent_name__KsXMA > * {
  display: block;
  font-size: 12px;
  color: var(--gray000);
  font-weight: bold;
  font-family: var(--typographyFontFamily);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.PrivateMessageContent_time__nCxWl {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: max-content;
  display: inline-block;
}

.PrivateMessageContent_time__nCxWl div:first-child {
  font-size: 12px;
  color: var(--gray000);
  font-weight: bold;
  font-family: var(--typographyFontFamily);
  width: max-content;
}
.PrivateMessageContent_time__nCxWl div:last-child {
  font-size: 10px;
  color: var(--gray920);
  font-weight: bold;
  font-family: var(--typographyFontFamily);
  width: max-content;
}
div.AnalyzingAngel_fallback__\+iePV {
  width: 149px;
  height: 25px;
  border-radius: 10px;
  margin-bottom: 11px;
  background-color: var(--peach600);
  border: 1px solid var(--orange800);
}

.AnalyzingAngel_outerWrapper__UYf7u {
  max-width: min(90%, calc(100vw - 50px));
}

.AnalyzingAngel_chatBubble__sSIWA {
  display: flex;
  align-items: center;
  background-color: var(--peach600);
  border-color: var(--orange800);
}

.AnalyzingAngel_gifWrapper__GXeEn {
  background-color: var(--orange800);
  border-radius: 7px;
  width: 50px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.AnalyzingAngel_gifImg__fIomv {
  min-width: 100%;
  max-width: 100%;
  margin: -2px 0 -2px 0;
}

.AnalyzingAngel_messageWrapper__6C0tc {
  padding: 4px 8px 4px 2px;
}

/* Ensure the gif and message do not get split into two lines on smaller mobile screens */
@media (max-width: 365px) {
  .AnalyzingAngel_gifWrapper__GXeEn {
    width: 36px;
    padding: 4px 0 4px;
    height: 32px;
  }

  .AnalyzingAngel_messageWrapper__6C0tc {
    padding-right: 4px;
  }

  .AnalyzingAngel_outerWrapper__UYf7u {
    max-width: 98%;
  }
}

.rainbowWrapper {
  box-sizing: border-box;
  font-family: inherit;
  margin: 0;
  text-transform: none;
  position: relative;
  display: inline-flex;
  height: 2.75rem;
  animation: rainbow 2s infinite linear;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  white-space: nowrap;
  background-color: hsl(240, 6%, 11%);
  background-image: linear-gradient(var(--primaryBackground), var(--primaryBackground)),
    linear-gradient(90deg,
      hsl(0, 98%, 64%),
      hsl(92, 98%, 62%),
      hsl(208, 98%, 64%),
      hsl(196, 99%, 62%),
      hsl(268, 98%, 62%));
  background-size: 200%;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: hsl(0 0% 98%);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 1px 3px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px -1px rgba(0, 0, 0, 0.12);
  transition-duration: .15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.42, 0, 0.22, 1);
  background-clip: padding-box, border-box, border-box;
  background-origin: border-box;
  border: .07rem solid transparent;
}

.rainbowWrapper:hover {
  background-color: rgba(240 5.9% 10%, 0.9);
  /* Equivalent to hover:bg-primary/90 */
}

.rainbowWrapper:focus-visible {
  outline: none;
  ring: 1px solid;
  ring-color: 240 5% 64.9%;
  /* focus-visible:ring-ring */
}

/* Animation for "animate-rainbow" */
.rainbowWrapper {
  animation: rainbow 3s linear infinite;
}

@keyframes rainbow {
  0% {
    background-position: 0%;
  }

  100% {
    background-position: 200%;
  }
}

.rainbowWrapper::before {
  content: "";
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  animation: rainbow 2s linear infinite;
  background: linear-gradient(90deg,
      rgb(255, 70, 70),
      rgb(158, 255, 70),
      rgb(70, 158, 255),
      rgb(70, 205, 250),
      rgb(165, 70, 255));
  background-size: 200%;
  filter: blur(5.5px);
  cursor: inherit;
  display: block;
  border-radius: inherit;
}
.MorphPrivateChat_wrapper__ZTN2y {
  width: 100%;
  height: fit-content;
  max-height: 400px;
  position: relative;
  padding: 8px;
  border: 1px solid var(--orange000);
  border-radius: 24px 24px 8px 8px;
  background-color: var(--peach000);
  border-bottom-right-radius: 0;
}

.MorphPrivateChat_wrapper__ZTN2y .MorphPrivateChat_title__EEyl8 {
  margin: 12px auto 4px;
  font-family: var(--typographyFontFamily);
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.MorphPrivateChat_header__Mc6Zw {
  border-top-left-radius: 45px;
  border-top-right-radius: 45px;
  background-color: var(--orange000);
  width: 90px;
  height: 90px;
  position: absolute;
  top: -90px;
  left: 50%;
  transform: translateX(-50%);
}

.MorphPrivateChat_header__Mc6Zw::before {
  position: absolute;
  left: -45px;
  bottom: 0;
  width: 45px;
  height: 45px;
  content: '';
  display: block;
  background: radial-gradient(circle at 0% 0%, transparent 45px, var(--orange000) 45px);
}

.MorphPrivateChat_header__Mc6Zw::after {
  position: absolute;
  right: -45px;
  bottom: 0;
  width: 45px;
  height: 45px;
  content: '';
  display: block;
  background: radial-gradient(circle at 100% 0%, transparent 45px, var(--orange000) 45px);
}

.MorphPrivateChat_header__Mc6Zw > img {
  width: 90px;
  height: 90px;
  border-radius: 45px;
}

.MorphPrivateChat_header__Mc6Zw > div {
  width: 34px;
  height: 34px;
  border: 2px solid var(--orange000);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--gray920);
}

.MorphPrivateChat_content__hiDQc {
  position: relative;
  width: 100%;
  height: 100px;
  max-height: 50vh;
}

.MorphPrivateChat_button__B16uZ {
  position: absolute;
  top: -90px;
  left: 0;
  right: 0;
  height: 138px;
  background-color: transparent;
  border: none;
  z-index: 6;
}
.ARStyles_hide__hAZHw{
  display: none;
}
.ARStyles_show__VNDrc{
  display: flex;
  height: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: 6px;
  padding-right: 0;
}
.ARStyles_show__VNDrc > button {
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 6px;
}

.ARStyles_micContainerWrapper__-BLTS{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ARStyles_micContainer__Ic6Ws{
  width: 40px;
  height: 40px;
  background: var(--peach900);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.ARStyles_mic__\+2onz{
  color: var(--peach100);
  height: 20px;
  width: 20px;
}

.ARStyles_micOff__gW6MF{
  color: var(--orange900);
  height: 37px;
  width: 40px;
  padding: 5px;
  transform: translateY(5px);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  bottom: 5px;
}

.ARStyles_micOff__gW6MF svg{
  padding: 1px;
  width: 40px;
  height: 40px;
}

.ARStyles_micOff__gW6MF:hover{
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 50%;
}

.ARStyles_disable__yFhPV{
  cursor: not-allowed;
}

.ARStyles_shift__8QVef{
  margin-top: 15px;
}

@media (max-width: 900px) {
  .ARStyles_micContainer__Ic6Ws {
    width: 40px;
    height: 40px;
  }
}

.SkipAction_class__4LpKS {
  width: 0;
  transition: width 500ms ease-out;
  overflow: hidden;
}
.SkipAction_errandIcon__rh6eg {
  width: 57px;
}
.SkipAction_shouldHide__Pm0nF {
  width: 0;
}
.SkipAction_class__4LpKS > div {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 52px;
  height: 100%;
  overflow: hidden;
}
.SkipAction_class__4LpKS > div > button,
.SkipAction_class__4LpKS > div > button:hover {
  display: block;
  min-width: 53px;
  min-height: 53px;
  max-width: 53px;
  max-height: 53px;
  border-radius: 6px;
  background-color: var(--orange500);
  color: var(--peach100); 
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0;
  position: relative;
  margin-top: 3px;
}
.SkipAction_class__4LpKS > div > button:after {
  content: '';
  opacity: 0;
  background: rgba(255, 84, 28, 0.15);
  width: 5px;
  height: 5px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
}
.SkipAction_class__4LpKS > div > button:focus::after {
  animation: SkipAction_ripple__sGduL 0.5s ease-out;
}
@keyframes SkipAction_ripple__sGduL {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }

  100% {
    opacity: 1;
    transform: scale(10, 10);
  }
}
.SkipAction_class__4LpKS > div > button * {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}
.SkipAction_class__4LpKS > div > button > svg {
  width: auto;
  min-height: 32px;
  -webkit-user-select: none;
          user-select: none;
}
.SkipAction_class__4LpKS.SkipAction_disable__l5dY9 * {
  cursor: not-allowed;
}
.SkipAction_class__4LpKS > div > button:hover {
  outline: 2px solid rgba(0,0,0,0.04);
}

.SkipAction_class__4LpKS > div > button::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  background-color: currentColor;
  transition: transform 0.5s ease-out, opacity 1s ease-out;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform-origin: center;
  opacity: 0;
}

.SkipAction_class__4LpKS > div > button:active::after,
.SkipAction_class__4LpKS > div > button:focus::after {
  transform: translate(-50%, -50%) scale(1.5);
  opacity: .2;
  transition: transform 0.3s ease-out, opacity .3s ease-out;
}

.SkipAction_class__4LpKS > div > button > p {
  position: absolute;
  top: 50%;
  transform: translate(calc(-50% + 3px), -5px);
  left: 50%;
  font-size: 12px;
  white-space: nowrap;
}

.SkipAction_class__4LpKS.SkipAction_en__MdqB8 > div > button > p,
.SkipAction_class__4LpKS.SkipAction_es__6ba\+n > div > button > p {
  transform: translate(calc(-50% + 3px), -7px);
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
}

.SkipAction_class__4LpKS.SkipAction_hi__xRjvB > div > button > p {
  transform: translate(calc(-50% + 3px), -7px);
}

.SkipAction_class__4LpKS.SkipAction_ht__QJxTq > div > button > p {
  transform: translate(calc(-50% + 5px), -3px);
  font-size: 10px;
}

.SkipAction_class__4LpKS.SkipAction_ja__3plM6 > div > button > p {
  transform: translate(calc(-50% + 4px), -4px);
  font-size: 8px;
}

.SkipAction_class__4LpKS.SkipAction_vi__LP\+pT > div > button > p {
  transform: translate(calc(-50% + 5px), -3px);
  font-size: 10px;
}

.SkipAction_class__4LpKS.SkipAction_zh__5yPNu > div > button > p {
  transform: translate(calc(-50% + 3px), -6px);
  font-size: 12px;
}


@media (min-width: 900px) {
  .SkipAction_class__4LpKS > div > button,
  .SkipAction_class__4LpKS > div > button:hover {
    min-width: 52px;
    min-height: 52px;
    max-width: 52px;
    max-height: 52px;
    margin-top: 1px;
  }
}
.AttachmentMenuCloseButtonStyles_attchMenuBtnWrapper__vTs-a {
  background-color: var(--orange000);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  max-width: fit-content;
  height: 100%;
  margin-top: -6px;
  padding: 8px;
  position: relative;
  min-width: 40px;
  color: var(--gray000);
  cursor: pointer;
  border: none;
  display: flex;
  align-items: flex-end;
  padding-bottom: 10px;
}

.AttachmentMenuCloseButtonStyles_attchMenuBtnWrapper__vTs-a:hover svg,
.AttachmentMenuCloseButtonStyles_attchMenuBtnWrapper__vTs-a:focus svg {
  opacity: .9;
}

button.AttachmentMenuCloseButtonStyles_attchMenuBlueBtnWrapper__bpAYX {
  background-color: var(--blue930);
}

button.AttachmentMenuCloseButtonStyles_attchMenuRedBtnWrapper__oVAMZ {
  background-color: var(--blue300);
}

button.AttachmentMenuCloseButtonStyles_attchMenuDarkBlueBtnWrapper__7eYW\+ {
  background-color: var(--blue995);
}

.AttachmentMenuCloseButtonStyles_attchMenuBtnWrapper__vTs-a::before {
  position: absolute;
  left: -9px;
  top: 0px;
  width: 10px;
  height: 10px;
  content: '';
  display: block;
  background: radial-gradient(circle at 0% 100%, transparent 8px, var(--orange000) 9px, var(--orange000) 10px);
}

button.AttachmentMenuCloseButtonStyles_attchMenuBlueBtnWrapper__bpAYX::before {
  background: radial-gradient(circle at 0% 100%, transparent 8px, var(--blue930) 9px, var(--blue930) 10px);
}
button.AttachmentMenuCloseButtonStyles_attchMenuRedBtnWrapper__oVAMZ::before {
  background: radial-gradient(circle at 0% 100%, transparent 8px, var(--blue300) 9px, var(--blue300) 10px);
}
button.AttachmentMenuCloseButtonStyles_attchMenuDarkBlueBtnWrapper__7eYW\+::before {
  background: radial-gradient(circle at 0% 100%, transparent 8px, var(--blue995) 9px, var(--blue995) 10px);
}
.AttachmentMenuCloseButtonStyles_attchMenuBtnWrapper__vTs-a.AttachmentMenuCloseButtonStyles_left__870uK::before {
  left: auto;
  left: initial;
  right: -9px;
  background: radial-gradient(circle at 100% 100%, transparent 8px, var(--orange000) 9px, var(--orange000) 10px);
}

.AttachmentMenuCloseButtonStyles_attchMenuBtnWrapper__vTs-a svg {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
}

@media (min-width: 900px) {
  .AttachmentMenuCloseButtonStyles_attchMenuBtnWrapper__vTs-a {
    height: calc(100% - 7px);
    margin-bottom: 10px;
  }
}

@media (max-width: 900px){
  .AttachmentMenuCloseButtonStyles_attchMenuBtnWrapper__vTs-a{
    margin-bottom: 10px;
  }

  .AttachmentMenuCloseButtonStyles_attchMenuBtnWrapper__vTs-a svg{
    margin-top: 25px;
    margin-bottom: 5px;
  }
  .AttachmentMenuCloseButtonStyles_attchMenuBtnWrapper__vTs-a::before{
    height: 20px;
  }
}

.OTPInputStyles_otpWrapper__RsyQB{
  width: 100%;
  display: flex;
  flex-direction: row;
}

.OTPInputStyles_otpSingleBox__RsN8Y{
  border: 2px solid var(--peach700);
  border-radius: 10px;
  margin: 0 3px;
  max-width: 33px;
  height: 30px;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-top: 1px;
}

@keyframes OTPInputStyles_shake__Os1NE {
  25% {
    transform: translateX(4px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(4px);
  }
}

.OTPInputStyles_otpWrapper__RsyQB .OTPInputStyles_focused__sg\+ru,
.OTPInputStyles_otpWrapper__RsyQB .OTPInputStyles_otpSingleBox__RsN8Y:focus,
.OTPInputStyles_otpWrapper__RsyQB .OTPInputStyles_otpSingleBox__RsN8Y:active {
  border: 3px solid var(--orange050);
  outline: none;
}

.OTPInputStyles_rightOfOtp__zuuxL{
  width: 100%;
}

.OTPInputStyles_otpWrapper__RsyQB .OTPInputStyles_errorOn__eqEIM{
  animation: OTPInputStyles_shake__Os1NE 300ms;
  -webkit-animation: OTPInputStyles_shake__Os1NE 300ms;
  border-color: red !important;
}

@media (max-width: 400px){
  .OTPInputStyles_otpSingleBox__RsN8Y{
    max-width: 25px;
  }
}

.OTPInputStyles_overInput__XajpS {
  border: 1px solid transparent;
  position: absolute;
  height: 30px;
  background: transparent;
  letter-spacing: 30px;
  font-size: 1rem;
  padding-left: 14px;
  width: 176px;
  outline: none;
}

.OTPInputStyles_hideCaret__m57WN {
  caret-color: transparent;
}

@media (max-width: 400px){
  .OTPInputStyles_overInput__XajpS{
    letter-spacing: 22px;
    padding-left: 10px;
    width: 155px;
  }
}
.NewPasswordInputStyles_input__UkJbP {
  font-family: var(--typographyFontFamily);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4375em;
  /* color: rgba(0, 0, 0, 0.87); */
  box-sizing: border-box;
  position: relative;
  cursor: text;
  display: inline-flex;
  align-items: center;
  padding: 4px 0 5px;
  position: relative;
  width: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  overflow: auto;
  /* scrollbar-width: thin; */
  flex: 1 1;
  padding-right: 1px;
  color: var(--gray920);
}

.NewPasswordInputStyles_input__UkJbP:focus {
  outline:none !important;
}

@keyframes NewPasswordInputStyles_shake__4r3n9 {
  25% {
    transform: translateX(4px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(4px);
  }
}

.NewPasswordInputStyles_shake__4r3n9{
  animation: NewPasswordInputStyles_shake__4r3n9 300ms;
  -webkit-animation: NewPasswordInputStyles_shake__4r3n9 300ms;
  border-color: red !important;
}
.ChatSendButton_sendArrowContainer__q6zW8{
  width: 40px;
  height: 40px;
  background: var(--peach500);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  
}

.ChatSendButton_sendArrowContainerAttachmentMorphRules__T51Lc {
  width: 31px;
  height: 31px;
  background: var(--peach500);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 3px solid white; 
}

.ChatSendButton_arrow__p7W2U{
  color: var(--peach100);
  height: 20px;
  width: 20px;
  margin-left: 3px;
}

.ChatSendButton_arrowAttachmentMorphRules__c4Fyd {
  color: white;
  height: 14px;
  width: 14px;
  margin-left: 3px;
}

.ChatSendButton_attachmentMorphRules__19Rrp::before {
  transform: scaleX(-1);
  position: absolute;
  top: -7px;
  width: 10px;
  height: 10px;
  content: '';
  display: block;
  left: -9px;
  background: radial-gradient(circle at 100% 100%, transparent 8px, var(--orange000) 9px, var(--orange000) 10px);
}

.ChatSendButton_maxHeight__hMajO{
  position: relative;
  align-items: center;
  display: flex;
  height: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  justify-content: center;
  width: 50px;
  justify-content: center;
  align-items: flex-end;
}
.ChatSendButton_maxHeight__hMajO > button {
  margin-bottom: 5px;
}

.ChatSendButton_privateChat__mCxgI{
  padding-top: 13px;
  background-color: var(--peach000) !important;
  border: 1px solid var(--orange000) !important;
  border-top: none !important;
}

.ChatSendButton_privateChat__mCxgI::before{
  position: absolute;
  left: -10px;
  right: auto;
  right: initial;
  top: -3px;
  width: 0.625rem;
  height: 0.625rem;
  content: '';
  display: block;
  z-index: 1002;
  background: radial-gradient(circle at 0% 100%, transparent 0.5rem, var(--orange000) 0.5625rem, var(--peach000) 0.625rem);
}

.ChatSendButton_privateChat__mCxgI::after{
  position: absolute;
  right: -1px;
  top: -5px;
  width: 48px;
  height: 11px;
  content: '';
  display: block;
  z-index: 1002;
  background: var(--peach000);
  border-right: 1px solid var(--orange000);
}

.ChatSendButton_replyChat__8KzeE{
  padding-top: 14px;
  background-color: var(--peach000);
  border: 1px solid var(--orange000);
  border-top: none !important;
  height: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: var(--gray000) !important;
  position: relative;
  display: flex;
  align-items: flex-end;
}

.ChatSendButton_replyChat__8KzeE::before{
  position: absolute;
  left: -10px;
  right: auto;
  right: initial;
  top: -3px;
  width: 0.625rem;
  height: 0.625rem;
  content: '';
  display: block;
  z-index: 10;
  background: radial-gradient(circle at 0% 100%, transparent 0.5rem, var(--orange000) 0.5625rem, var(--gray000) 0.625rem);}

.ChatSendButton_replyChat__8KzeE::after{
  position: absolute;
  right: -1px;
  top: -14px;
  width: 48px;
  height: 16px;
  content: '';
  display: block;
  z-index: 1002;
  background: var(--gray000);
  border-right: 1px solid var(--orange000);
}

.ChatSendButton_editChat__myNfe, .ChatSendButton_editChat__myNfe::after{
  background: var(--gray000) !important;
}

.ChatSendButton_editChat__myNfe::before {
  background: radial-gradient(circle at 0% 100%, transparent 0.5rem, var(--orange000) 0.5625rem, var(--gray000) 0.625rem);
}

.ChatSendButton_timeMobile__V70WF {
  padding-top: 32px;
  padding-bottom: 9px;
  background-color: var(--orange000) !important;
  border-radius: 0px 0px 5px 5px;
  border: 1px solid var(--orange000);
  border-top: none;
  z-index: 5;
  transform: translate(0px, -11px);
  height: 85px;
}

.ChatSendButton_timeMobile__V70WF ::before{
  position: absolute;
    left: -14px;
    top: -18px;
    width: 10px;
    height: 13px;
    border-top-right-radius: 5px;
    content: '';
    display: block;
    background: radial-gradient(circle at 0% 100%, transparent 9px, var(--orange800) 11px, var(--orange800) 12px);
  }

.ChatSendButton_timeArrowContainer__RCCIS {
  background-color: var(--gray000);
}

.ChatSendButton_timeArrow__H9iQQ {
  color: var(--orange000);
}

.ChatSendButton_calendarMobile__iiMJ- {
  padding-top: 23px;
  padding-bottom: 9px;
  background-color: var(--gray000) !important;
  border-radius: 0px 0px 5px 5px;
  border: 2px solid var(--orange000);
  border-top: none;
  z-index: 5;
  transform: translate(0px, 1px);
  height: 79px;
}

.ChatSendButton_calendarMobile__iiMJ- ::before{
  position: absolute;
  left: -13px;
  top: -29px;
  width: 10px;
  height: 13px;
  border-top-right-radius: 5px;
  content: '';
  display: block;
  background: radial-gradient(circle at 0% 100%, transparent 9px, var(--orange800) 11px, transparent 12px);
}

.ChatSendButton_calendarMobile__iiMJ- ::after{
  position: absolute;
  left: -9px;
  top: -31px;
  width: 54px;
  height: 8px;
  content: '';
  display: block;
  background: var(--gray000);
  border-right: 2px solid var(--orange800);
  z-index: -1;
  box-sizing: border-box;
}

.ChatSendButton_walletChatMobile__1krBY {
  margin-right: 3px;
  padding: 9px 0px 3px;
  background-color: #01011A !important;
  border-radius: 0px 0px 5px 0px;
}

.ChatSendButton_walletChatDesktop__JC1C5 {
  background-color: #01011A !important;
  border-radius: 0px 5px 5px 0px;
  padding-bottom: 3px;
}

.ChatSendButton_walletSendButton__WJhpI {
  padding-right: 1px;
}

.ChatSendButton_walletArrowContainer__Aq6Rz {
  background-color: white;
}

.ChatSendButton_walletArrow__0Ri53 {
  color: #1D268C;
}

.ChatSendButton_privateArrow__bb2ru {
  color: var(--peach000);
}

.ChatSendButton_transparent__HzXuy{
  background: transparent;
}

.ChatSendButton_gray__C-Urm{
  background: var(--gray999);
}

.ChatSendButton_disabled__06cAT{
  display: none !important;
}

.ChatSendButton_dropShift__3ObSH{
  top: -1px;
}

.ChatSendButton_dropWidth__FX2se{
  width: 30px;
}

.ChatSendButton_shiftDown__Scfph{
  top: 6px;
}
.ChatSendButton_shiftDown__Scfph > button {
  margin-bottom: 0px;
  transform: translateY(-15px);
}

.ChatSendButton_shiftMoreDown__HhfXT{
  top: 9px;
}

.ChatSendButton_shiftWelcomeDown__3pbLe{
  top: 7px;
}

.ChatSendButton_centerIcons__zmv9p{
  bottom: 7px;
  position: relative;
}

.ChatSendButton_selectMultiple__jqnss {
  background-color: var(--blue995);
}

.ChatSendButton_selectMultiple__jqnss::before {
  background-color: var(--blue995);
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -2px;
  height: 2px;
}

@media (max-width: 900px) {
  .ChatSendButton_dropShift__3ObSH{
    top: 4px;
  }

  .ChatSendButton_suggestionsChat__-19ru{
    height: 61px;
  }

  .ChatSendButton_privateChat__mCxgI, .ChatSendButton_replyChat__8KzeE{
    z-index: 5;
    bottom: 0px;
  }

  .ChatSendButton_privateChat__mCxgI::before, .ChatSendButton_replyChat__8KzeE::before{
    top: 0px;
  }

  .ChatSendButton_shiftWelcomeDown__3pbLe{
    top: 9px;
  }
}


.ChatSendButton_grayedOut__dU3ar{
  filter: grayscale(100%);
  cursor: not-allowed;
}

.ChatSendButton_pointsTableBackground__FRbML { 
  background-color: var(--orange054);
  border-radius: 0px 5px 5px 0px;
}

@media (max-width: 900px){
  .ChatSendButton_pointsTableBackground__FRbML { 
    background-color: var(--orange054);
    border-radius: 0px 0px 5px 0px;
  }
}

.ChatSendButton_moderateSendButtonAdjustment__cIUqZ > button {
  margin-bottom: 15px;
}

.ChatSendButton_slightSendButtonAdjustment__Oth1H > button {
  margin-bottom: 8px;
}
.ConsentBox_wrapper__3q5OZ {
  bottom: 0;
  z-index: 1300;
  animation: ConsentBox_fadeIn__fY1s7 1s ease-in;
}

.ConsentBox_noFade__aMngD{
  animation: none;
}

@keyframes ConsentBox_fadeIn__fY1s7 {
  from {
    opacity: 0;
    max-height: 0px;
  }
  to {
    opacity: 1;
    max-height: 200px;
  }
}

.ConsentBox_content__V\+hML {
  align-items: center;
  justify-content: center;
  margin-left: auto;
  z-index: 1000;
  background: var(--gray999);
  width: 500px;
  max-width: calc(100% - 40px);
  margin-right: 30px;
  font-size: 11px;
  -webkit-text-size-adjust: none;
  font-family: var(--typographyFontFamily);
  border-radius: 5px;
  padding: 5px;
  border-bottom-right-radius: 0px;
  color: var(--gray600);
  line-height: 125%;
}

.ConsentBox_content__V\+hML a{
  color: var(--gray600);
}

.ConsentBox_welcomeContent__Gy\+8W {
  position: absolute;
  right: 0;
  bottom: 95px;
}

.ConsentBox_slotMachineContent__laJkO {
  position: absolute;
  right: 0;
  bottom: 110px !important;
}

.ConsentBox_sendButtonContainer__NhYZE{
  display: flex;
  position: absolute;
  right: 0;
  margin-right: 30px;
  width: 50px;
  height: 50px;
  z-index: 1000;
  background: var(--primaryBackground);
}

.ConsentBox_booleanContainer__-F23R{
  width: 122px;
}

.ConsentBox_welcomeSpacer__V1eGg{
  height: 20px;
  width: 50px;
}

.ConsentBox_connector__TQfhR{
  width: 50px;
  height: 7px;
  position: absolute;
  right: 0;
  margin-right: 30px;
  background: transparent;
}

.ConsentBox_welcomeConnector__J8iek{
  height: 20px;
  transform: translateY(-14px);
  background: var(--gray999);
}

.ConsentBox_slotMachineConnector__A\+xNH{
  height: 35px;
  transform: translateY(-29px);
  background: var(--gray999);
}

.ConsentBox_booleanConnector__AX47g{
  width: 114px;
  background-color: transparent;
}

.ConsentBox_connector__TQfhR::before{
  position: absolute;
  left: -8px;
  right: auto;
  right: initial;
  top: -2px;
  width: 0.625rem;
  height: 0.625rem;
  content: '';
  display: block;
  z-index: 1002;
  background: radial-gradient(circle at 0% 100%, transparent 0.5rem, var(--gray999) 0.5625rem, var(--gray999) 0.625rem);
}

.ConsentBox_dropdown__nnD2e{
  right: 7px;
}

.ConsentBox_actionContainer__8FTrM{
  height: 56px;
}

.ConsentBox_welcomeContainer__wv4\+H{
  height: 74px;
}

.ConsentBox_slotMachineContainer__ihNnJ{
  height: 74px;
}

.ConsentBox_halfBox__OwYzG{
  background: var(--gray000);
  width: 10px;
  z-index: 1001;
  border: 1px solid var(--peach400);
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.ConsentBox_welcomeHalf__nZqjt{
  border: 1px solid var(--peach700);
  border-left: none;
}

.ConsentBox_focusedBox__vV1yb{
  border: 1px solid var(--peach700);
  border-left: none;
}

.ConsentBox_sendButton__Kpyue{
  z-index: 1001;
  background: var(--gray999);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-left: 3px;
}

.ConsentBox_checkbox__lTuQ\+{
  border: 1px solid var(--gray600);
  display: flex;
  width: 20px;
  height: 20px;
}

.ConsentBox_checkContainer__QUQBI{
  display: inline;
  border: 1px solid var(--gray600);
  width: 13px;
  height: 13px;
  border-radius: 3px;
  margin-right: 4px;
  position: relative;
  top: 1px;
  cursor: pointer;
}

.ConsentBox_uncheck__hd-Gy{
  display: inline-flex;
  width: 13px;
  height: 13px;
  border: 1px solid var(--gray600);
  border-radius: 3px;
  cursor: pointer;
  margin-right: 4px;
  top: 1px;
  position: relative;
}

.ConsentBox_disabledSendButton__lKG77{
  filter: grayscale(100%)
}
.ConsentBox_singleLine__5u1l2{
  bottom: 95px;
}

.ConsentBox_doubleLine__ScziK{
  bottom: 117px;
}

.ConsentBox_welcomeShaking__PH8Q1{
  bottom: 11px;
}

.ConsentBox_slotMachineShaking__WryuY{
  bottom: 25px !important;
}

@media (max-width: 900px) {

  .ConsentBox_content__V\+hML {
    margin-right: 20px;
  }

  .ConsentBox_sendButtonContainer__NhYZE{
    margin-right: 20px;
  }

  .ConsentBox_connector__TQfhR{
    margin-right: 20px;
  }

  .ConsentBox_welcomeHalf__nZqjt{
    height: 72px;
  }

  .ConsentBox_halfBox__OwYzG{
    margin-top: 3px;
  }
}

@media(max-width: 401px) {
  .ConsentBox_welcomeConnector__J8iek{
    height: 39px !important;
  }

  .ConsentBox_welcomeContainer__wv4\+H{
    height: 100px !important;
  }

  .ConsentBox_slotMachineConnector__A\+xNH{
    height: 35px !important;
    transform: translateY(-27px);
  }

  .ConsentBox_slotMachineContainer__ihNnJ{
    /* height: 100px !important; */
  }
}

.ConsentBox_booleanIcon__U8LgQ{
  border-radius: 5px;
  height: 15px;
  width: 70px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ConsentBox_booleanText__22FbQ{
  display: inline-flex;
}

.ConsentBox_yesButton__aXMmq{
  border-radius: 5px;
  background-color: var(--green850);
  color: white;
  width: fit-content;
  height: 15px;
  padding: 0 3px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-right: -3px;
}

.ConsentBox_noButton__PlEKP{
  border-radius: 5px;
  /* border: 1px solid var(--blue999); */
  background-color: var(--blue850);
  color: white;
  width: fit-content;
  height: 15px;
  padding: 0 3px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-left: -3px;
}

.ConsentBox_slash__pdIgV{
  color: var(--blue999);
  transform: rotate(-45deg);
}

.ConsentBox_shaking__tF\+Ox{
  animation: ConsentBox_shake__V\+hwG 300ms;
  -webkit-animation: ConsentBox_shake__V\+hwG 300ms;
}

@keyframes ConsentBox_shake__V\+hwG {
  25% {
    transform: translateX(4px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(4px);
  }
}

.ConsentBox_sendArrowCircle__-1Ho8{
  background-color: var(--orange900);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--peach100);
  height: 15px;
  width: 15px;
}

.ConsentBox_content__V\+hML i {
  font-size: 0.75em;
  vertical-align: middle;
  font-style: normal; /* Prevents italicization */
}

.ConsentBox_mobileSend__4etxo{
  transform: translateX(1px);
}
.FormConsentContent_wrapper__IB1-k {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  overflow: hidden;
  z-index: 9999999999999;
  pointer-events: none;
}

.FormConsentContent_content__70skn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  margin: auto;
  z-index: 1000;
  width: 100%;
  transform: translateY(0%);
  transition: transform .5s ease;
  pointer-events: all;
}

.FormConsentContent_content__70skn * {
  pointer-events: all;
}

.FormConsentContent_type0__HxVR2 .FormConsentContent_content__70skn {
  transform: translateY(100%);
}

.FormConsentContent_type0__HxVR2 .FormConsentContent_content__70skn * {
  pointer-events: none;
}

.FormConsentContent_hasClickedConsent__cME-e {
  animation: FormConsentContent_fade__19x3g 250ms forwards;
}

@keyframes FormConsentContent_fade__19x3g {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.FormConsentContent_consentTop__B0uHz {
  position: relative;
  height: fit-content;
  padding-top: 50px;
  margin-bottom: 3px;
  width: calc(100% - 32px);
  margin: auto;
  border-bottom: 3px solid var(--gray000);
}

.FormConsentContent_consentTop__B0uHz .FormConsentContent_intro__h8g9f,
.FormConsentContent_consentTop__B0uHz .FormConsentContent_terms__N0ear {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: fit-content;
  max-height: calc(100vh - 128px);
  max-height: calc(100svh - 128px);
  background-color: var(--peach700);
  border-radius: 48px 48px 0 0;
}

.FormConsentContent_consentTop__B0uHz .FormConsentContent_imgWrapper__8-aZN {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  top: -5px;
}

.FormConsentContent_consentTop__B0uHz .FormConsentContent_angelLogo__wBYZF {
  transform: translate(-50%, 0);
  width: 115px;
  height: 115px;
}

.FormConsentContent_isReferred__YCbRr .FormConsentContent_angelLogo__wBYZF {
  transform: translate(-10%, 0);
  transition: opacity 1s linear, transform 1s linear;
}

.FormConsentContent_consentTop__B0uHz .FormConsentContent_angelLogo__wBYZF img {
  width: 100%;
  height: 100%;
}

.FormConsentContent_consentTop__B0uHz .FormConsentContent_placeholder__Dz1tW {
  transform: translate(50%, 0);
  width: 115px;
  height: 115px;
  opacity: 0;
}

.FormConsentContent_isReferred__YCbRr .FormConsentContent_placeholder__Dz1tW {
  transform: translate(0, 0);
  opacity: 0;
  transition: opacity 1s linear, transform 1s linear;
}

.FormConsentContent_consentTop__B0uHz .FormConsentContent_placeholder__Dz1tW img {
  width: 100%;
  height: 100%;
}

.FormConsentContent_consentTop__B0uHz .FormConsentContent_referrerLogo__EGfWQ {
  transform: translate(-50%, 0);
  width: 95px;
  height: 95px;
  z-index: 1;
  opacity: 0;
}

.FormConsentContent_isReferred__YCbRr .FormConsentContent_referrerLogo__EGfWQ {
  border: 2px solid var(--orange700);
  border-radius: 50%;
  transform: translate(10%, 0);
  opacity: 1;
  overflow: hidden;
  transition: opacity 1s linear, transform 1s linear;
}

.FormConsentContent_consentTop__B0uHz .FormConsentContent_referrerLogo__EGfWQ img {
  width: 100%;
  height: 100%;
}

.FormConsentContent_consentTop__B0uHz h1 {
  padding: 50px 15px 0 15px;
  color: var(--orange700);
  font-family: var(--typographyFontFamily);
  font-weight: bolder;
  letter-spacing: 4.37px;
  font-size: 18px;
}

.FormConsentContent_consentTop__B0uHz .FormConsentContent_terms__N0ear h1 {
  padding: 15px 15px 0 15px;
  color: var(--orange700);
  font-family: var(--typographyFontFamily);
  font-weight: bolder;
  letter-spacing: 4.37px;
  font-size: 16px;
}

.FormConsentContent_consentTop__B0uHz h2 {
  padding: 5px 15px 5px 15px;
  display: block;
  position: relative;
  color: var(--gray950);
  text-align: center;
  margin: 0;
  font-family: var(--typographyFontFamily);
  font-weight: 500;
  font-size: 13px;
}

.FormConsentContent_consentTop__B0uHz h3 {
  padding: 0 15px 5px 15px;
  font-size: 1.1em;
  animation: FormConsentContent_openCourtesy__1DGnN 1s forwards;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  font-family: var(--typographyFontFamily);
  font-size: 14px;
}

@keyframes FormConsentContent_openCourtesy__1DGnN {
  0% {
    clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

.FormConsentContent_consentTop__B0uHz p {
  padding: 0 15px 10px 15px;
  font-size: 11px;
  font-weight: 400;
  font-family: var(--typographyFontFamily);
  overflow-y: auto;
  /* scrollbar-width: thin; */
  height: fit-content;
  max-height: 100%;
  animation: FormConsentContent_dud__r1SEV 0s forwards;
}

@keyframes FormConsentContent_dud__r1SEV {
  100% { display: block }
}

.FormConsentContent_consentTop__B0uHz strong {
  font-weight: 500;
}

.FormConsentContent_consentTop__B0uHz a {
  color: var(--orange700);
}

.FormConsentContent_consentBottom__8au8H {
  position: relative;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  align-items: center;
  background-color: var(--peach700);
  width: calc(100% - 32px);
  margin: auto;
  padding: 8px;
  border-radius: 8px;
}

.FormConsentContent_consentBottom__8au8H > div {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  align-items: center;
  max-width: 618px;
  width: 100%;
  flex-wrap: wrap;
}

.FormConsentContent_consentBottom__8au8H a {
  border: 1px solid var(--peach900);
  position: relative;
  border-radius: 8px;
  height: 40px;
  width: 140px;
  cursor: pointer;
  font-family: var(--typographyFontFamily);
  margin-top: 8px;
  background-color: var(--gray820);
  color: var(--gray000);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.FormConsentContent_consentBottom__8au8H button {
  border: 1px solid var(--peach900);
  position: relative;
  border-radius: 8px;
  height: 40px;
  width: 140px;
  cursor: pointer;
  font-family: var(--typographyFontFamily);
  margin-top: 8px;
  background-color: var(--green800);
  color: var(--gray000);
}

.FormConsentContent_consentBottom__8au8H button:first-child {
  border: 1px solid var(--peach900);
  position: relative;
  border-radius: 8px;
  height: 40px;
  width: 140px;
  cursor: pointer;
  font-family: var(--typographyFontFamily);
  margin-top: 8px;
  background-color: var(--gray820);
  color: var(--gray000);
}

.FormConsentContent_consentBottom__8au8H button:hover,
.FormConsentContent_consentBottom__8au8H button:focus,
.FormConsentContent_consentBottom__8au8H a:hover,
.FormConsentContent_consentBottom__8au8H a:focus{
  box-shadow: 0 0 5px var(--orange600);
  font-weight: bold;
  letter-spacing: 0.5px;
  color: var(--gray000);
}

.EmojiPickerReact_emojiPickerReact__WFCze {
  width: 280px;
  height: 320px;
  border-radius: 5px;
}
.MorphDownloadAppBanner_wrapper__SWW5r {
  padding: 0px 10px 4px 10px;
  margin: 0px 23px;
  border-radius: 10px 10px 10px 10px;
  background-color: var(--orange700);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
}

.MorphDownloadAppBanner_svg__5PcPP {
  width: 100%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.MorphDownloadAppBanner_path__rK4cH {
  stroke-dasharray: 10;
  stroke-dashoffset: 10;
  stroke-width: 3;
  stroke-linecap: round;
  stroke: var(--blue982);
  fill: none;
  animation: MorphDownloadAppBanner_dash__d8QY2 10s linear forwards;
}

@keyframes MorphDownloadAppBanner_dash__d8QY2 {
  to {
    stroke-dashoffset: 0;
  }
}

.MorphDownloadAppBanner_curve__pGatK {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130.68px;
  height: 25px;
  background-color: var(--peach000);
  top: -2px;
  clip-path: path('M0 1C36.5926 1 31.2963 25 65 25C98.7037 25 93.4074 1 130 1');
  z-index: 2;
}

.MorphDownloadAppBanner_labels__\+fRyg {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 4em 1fr;
  justify-items: center;
  margin-bottom: 25px;
}

.MorphDownloadAppBanner_label1__u\+eqv {
  color: var(--gray000);
  font-family: var(--typographyFontFamily);
  font-weight: bold;
  display: inline;
  font-size: medium;
  /* text-align: left; */
}
.MorphDownloadAppBanner_label2__07bKk {
  color: var(--gray000);
  font-family: var(--typographyFontFamily);
  font-weight: bold;
  display: inline;
  font-size: medium;
}

.MorphDownloadAppBanner_button__f42ji {
  position: absolute;
  display: flex;
  justify-content: center;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: gray;
  bottom: -10px;
  z-index: 5;
  border-style: solid;
  border-color: var(--orange700);
  border-width: 2px;
}

.MorphDownloadAppBanner_image__q8fXS {
  height: 80px;
  position: absolute;
  bottom: 0px;
  z-index: 2;
  background-color: transparent;
  border-radius: 0% 0% 50% 50% / 0% 0% 20% 20%;
}

.MorphDownloadAppBanner_actionButtonContainer__\+zBJc {
  position: absolute;
  display: flex;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 17px;
  background-color: white;
  border-style: solid;
  border-color: var(--orange700);
  border-width: 1px;
  clip-path: path("M19.1608 0.994805H125.394C126.338 0.994805 127.202 1.52518 127.629 2.36687L145.006 36.6317C145.851 38.2982 144.641 40.27 142.772 40.27H3.65097C1.83067 40.27 0.618056 38.39 1.36869 36.7317L16.8785 2.46693C17.2842 1.57065 18.177 0.994805 19.1608 0.994805Z");
  height: 41px;
  width: 146px;
  bottom: -10px;
}

.MorphDownloadAppBanner_actionButtonContainer__\+zBJc > button > p {
  color: var(--orange700);
  font-family: var(--typographyFontFamily);
  font-weight: bold;
  font-size:small;
}

@media (max-width: 900px) {
  .MorphDownloadAppBanner_wrapper__SWW5r {
    width: calc(100% + 10px);
  }
}

.FileSelector_class__hDaU4 {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  z-index: 2;
  overflow: visible;
  cursor: pointer;
  color: var(--peach500);
}

.FileSelector_class__hDaU4:hover,
.FileSelector_class__hDaU4:focus {
  color: var(--orange600);
}

.FileSelector_class__hDaU4 svg {
  font-size: 25px;
  pointer-events: none;
  height: 25px;
  width: 25px;
}

.FileSelector_class__hDaU4.FileSelector_notAllowed__mFvXx {
  cursor: not-allowed;
}
.FileSelector_class__hDaU4 {
  position: relative;
  min-height: 40px;
  min-width: 40px;
  border: none;
  padding: 8px;
  margin: 0;
  border-radius: 1000rem;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.FileSelector_class__hDaU4::after,
.FileSelector_class__hDaU4::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1000rem;
  background-color: rgba(0,0,0);
  opacity: 0;
  transform: scale(0.5);
  z-index: 0;
  pointer-events: none;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.FileSelector_class__hDaU4::after {
  background-color: currentColor;
}

.FileSelector_class__hDaU4:hover::before {
  transform: scale(1);
  opacity: 0.04;
}

.FileSelector_class__hDaU4:focus:not(focus-within)::after {
  transform: scale(1);
  opacity: 0.16;
}

.FileSelector_class__hDaU4 > * {
  z-index: 1;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}

.LeftButtonMorphLoanProducts_leftButton__SkQd8{
  background-color: var(--peach000);
  border-color: var(--orange700);
  border-style: solid;
  border-width: 1px;
  color: var(--orange700);
  border-radius: 5px;
  width: 71px;
  height: 32px;
}
.FooterTypingAnimationWrapper_wrapper__Y1uHT {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  pointer-events: all;
  padding: 4px 0px;
  color: #a29b95;
  font: inherit;
  font-family: 'Poppins';
  font-weight: 400;
  font-size: 1rem;
  display: flex;
  cursor: text;
}

@keyframes rotateZ {
  from {
    transform: rotateZ(0deg);
  }

  to {
    transform: rotateZ(360deg);
  }
}

@keyframes popupShowsUp {
  from {
    margin-left: 0;
    top: 0;
    transform: scale(0);
  }

  to {
    margin-left: 244px;
    top: -33px;
    transform: scale(1);
  }
}


.tapToInstallButton {
  overflow: hidden;
  /* Ensures the reflection stays inside the tapToInstallButton */
  cursor: pointer;
}

/* The wider light reflection effect (before pseudo-element) */
.tapToInstallButton::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  /* Start the reflection further to the left */
  width: 250%;
  /* Make the reflection wider */
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 70%);
  transform: skewX(25deg);
  /* Skew adjusted to 25deg */
  transition: left 0.6s ease;
  /* Smooth transition on hover */
}

/* Move the reflection to the right on hover */
.tapToInstallButton:hover::before {
  left: 20%;
}

.patentProtectedButton::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  /* Start the reflection further to the left */
  width: 250%;
  /* Make the reflection wider */
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 70%);
  transform: skewX(25deg);
  /* Skew adjusted to 25deg */
  transition: left 0.6s ease;
  /* Smooth transition on hover */
}

/* Move the reflection to the right on hover */
.patentProtectedButton:hover::before {
  left: 20%;
}


@keyframes reveal {
  0% {
    opacity: 0;
    transform: translateY(300px);
    /* Start from below the screen */
  }

  70% {
    transform: translateY(-30px);
    /* Move a bit above the final position */
  }

  85% {
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    /* Settle at the final position */
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
    transform: translateY(0px);
    /* Start from below the screen */
  }

  100% {
    transform: translateY(500px);
    opacity: 0;
    /* Settle at the final position */
  }
}

@keyframes fade-out-mobile {
  0% {
    opacity: 1;
    transform: translateY(0px) scale(0.7);
    /* Start from below the screen */
  }

  100% {
    transform: translateY(500px) scale(0.7);
    opacity: 0;
    /* Settle at the final position */
  }
}

@keyframes reveal-late {
  0% {
    transform: translateY(500px);
    /* Start from below the screen */
  }

  70% {
    transform: translateY(-30px);
    /* Move a bit above the final position */
  }

  85% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
    /* Settle at the final position */
  }
}
@keyframes reveal-late-mobile {
  0% {
    transform: translateY(500px) scale(0.7);
    /* Start from below the screen */
  }

  70% {
    transform: translateY(-30px) scale(0.7);
    /* Move a bit above the final position */
  }

  85% {
    transform: translateY(10px) scale(0.7);
  }

  100% {
    transform: translateY(0) scale(0.7);
    /* Settle at the final position */
  }
}


.reveal {
  opacity: 0;
  /* Initial hidden state */
  animation: reveal 1s ease forwards;
  /* 1s animation duration */
}

.reveal-item-patent {
  opacity: 0;
  animation: reveal 1s ease forwards;
  animation-delay: 1s;
}

.reveal-item {
  opacity: 0;
  animation: reveal 1s ease forwards;
  animation-delay: 0.6s;
  /* Adjust delay for each item */
}

.reveal-item-late {
  transform: translateY(500px);
  animation: reveal-late 1s ease forwards;
  animation-delay: 0.8s;
  /* Adjust delay for each item */
}

.reveal-item-late-mobile {
  transform: scale(0.7) translateY(500px);
  animation: reveal-late-mobile 1s ease forwards;
  animation-delay: 0.8s;
}

.mobile-circle-image-container {
  transform: scale(0.7) translateY(500px);
}


.fadeOut {
  transform: translateY(0px);
  opacity: 1;
  animation: fade-out 1.3s ease forwards;
}

.fadeOutLate {
  transform: translateY(0px);
  opacity: 1;
  animation: fade-out 1.3s ease forwards;
  animation-delay: 0.5s;
}

.fadeOutLateMobile {
  opacity: 1;
  transform: scale(0.7) translateY(0px);
  animation: fade-out-mobile 1.5s ease forwards;
  animation-delay: 0.5s;
}

.fadeOutLateLate {
  transform: translateY(0px);
  opacity: 1;
  animation: fade-out 1.5s ease forwards;
  animation-delay: 0.2s;
}
.MorphWallet_morphWalletWrapper__pydis {
  position: relative;
  overflow: hidden;
  font-family: Roboto;
  --wallet-white: #FFFFFF;
  --wallet-orange: #F96221;
  --wallet-light-blue: #001552;
  --wallet-blue: #010D2F;
  --wallet-dark-blue: #01011A;
  --wallet-violet: #5D6AFF;
  --wallet-indigo: #3C4BF2;
  --wallet-gray: #808080;
  --wallet-blue-gradient-light: #0736B8;
  --wallet-blue-gradient-dark: #072475;
  --wallet-violet-gradient-light: #5C69FD;
  --wallet-violet-gradient-dark: #222C90;
  background-color: var(--wallet-blue);
  color: var(--wallet-white);
}

.MorphWallet_conversationFooterRightButtonWallet__BnTEW {
  height: 100%;
  display: flex;
  margin: 0px 3px 0px -1px;
  align-items: center;
  justify-content: center;
  border-radius: 0px 5px 5px 0px;
  border: 2px solid;
  border-left: 0px;
  padding-left: 2px;
}

.MorphWallet_column__JLzDk {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.MorphWallet_columnSpaceBetween__NfIbL {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.MorphWallet_row__HDbtD {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.MorphWallet_rowSpaceBetween__02Ue6 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.MorphWallet_downloadArrow__GiDO7 {
  animation: MorphWallet_bounce__44KLk 1s infinite ease-in-out;
}

@keyframes MorphWallet_bounce__44KLk {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(4px);
  }
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_helpBubbleDiv__Q8y3r {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  animation: MorphWallet_slideUp__l7tED 1s 1;
  animation-fill-mode: forwards;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_rightSlide__ra0jf {
  animation: MorphWallet_slideRight__q3gG5 2s 1;
  animation-fill-mode: forwards;
}

@keyframes MorphWallet_slideRight__q3gG5 {
  0% {
    transform: translateX(-15px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes MorphWallet_slideUp__l7tED {
  0% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0px);
  }
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_helpBubble__cvX3U {
  font-size: 0.8rem;
  border-radius: 5px;
  text-align: center;
  padding: 10px;
  line-height: 1.2;
  background-color: var(--wallet-indigo);
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_backButton__q30k4 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.7rem;
  z-index: 1;
  height: 41px;
  min-width: 40px;
  top: 0px;
  left: 5px;
  position: absolute;
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
          user-select: none;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_exitButton__f-RMd {
  border-radius: 20%;
  font-size: 0.8rem;
  font-weight: 550;
  z-index: 1;
  color: var(--wallet-blue);
  background-color: var(--wallet-white);
  border-color: var(--wallet-blue);
  top: -5px;
  left: 0px;
  right: 0px;
  width: 50px;
  height: 20px;
  margin-inline: auto;
  position: fixed;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_header__MbJPP {
  background-color: var(--wallet-dark-blue);
  display: flex;
  padding: 15px 10px 0px;
  height: 40px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_headerButton__vVblH {
  position: absolute;
  top: 11px;
  background-color: var(--wallet-indigo);
  padding: 3px 6px;
  font-size: 0.8rem;
  border-radius: 5px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_refreshButton__qG4oj {
  color: var(--wallet-white);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  width: 30px;
  height: 30px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_homeFooterButton__q\+q7Y {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 50px;
  width: 50px;
  bottom: 6px;
  left: 50%;
  margin-left: -25px;
  border-radius: 100%;
  background-color: var(--wallet-violet);
  font-size: 0.7rem;
  cursor: pointer;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_homeButton__Mlhgn {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--wallet-white);
  background-color: var(--wallet-light-blue);
  margin: 3px;
  height: 70px;
  width: 45%;
  border-radius: 10px;
  font-size: 0.8rem;
  cursor: pointer;
  text-align: center;
  min-width: 100px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_homeButton__Mlhgn .MorphWallet_homeButtonImage__JEtSu {
  width: 25px;
  height: 25px;
  object-fit: contain;
  margin-bottom: 7px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_codeInput__jtkTg {
  width: 35px;
  height: 35px;
  border: 2px solid var(--wallet-violet);
  border-radius: 5px;
  font-size: 1.2rem;
  text-align: center;
  caret-color: transparent;
  color: var(--wallet-white);
  background-color: var(--wallet-blue);
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_scrollableVerticalList__q5fFg {
  max-height: 300px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_scrollableHorizontalList__RVOYW {
  overflow-x: auto;
  display: flex;
  flex-direction: row;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_scrollBar__DjKvp::-webkit-scrollbar {
  width: 15px;
  background-color: var(--wallet-dark-blue);
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_scrollBar__DjKvp::-webkit-scrollbar-thumb {
  width: 15px;
  background-color: var(--wallet-violet-gradient-light);
  border: none;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_mobileScrollBar__EMXmN::-webkit-scrollbar {
  display: none;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_mobileScrollBar__EMXmN::-webkit-scrollbar-thumb {
  display: none;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_exchangeFooterCurve__u2Q07 {
  width: 80%;
  height: 36px;
  margin-bottom: -30px;
  z-index: 1;
  background: linear-gradient(90deg, #010D2F 0%, #285CED 20%, #FFF 50%, #2352D5 80%, #010D2F 100%);
  clip-path: polygon( 0% 0.001%,0% 0.001%,0.224% 0.001%,0.871% 0.001%,1.907% 0.001%,3.298% 0.001%,5.008% 0.001%,7.002% 0.002%,9.246% 0.002%,11.704% 0.002%,14.342% 0.001%,17.125% 0.001%,17.125% 0.001%,19.686% 2.722%,21.754% 10.111%,23.445% 21%,24.871% 34.222%,26.147% 48.611%,27.386% 63%,28.702% 76.222%,30.209% 87.111%,32.021% 94.5%,34.251% 97.222%,34.251% 97.222%,36.702% 97.222%,39.075% 97.222%,41.327% 97.222%,43.415% 97.222%,45.298% 97.222%,46.933% 97.222%,48.279% 97.222%,49.292% 97.222%,49.931% 97.222%,50.153% 97.222%,50.153% 97.222%,50.367% 97.222%,50.985% 97.222%,51.969% 97.222%,53.284% 97.222%,54.893% 97.222%,56.758% 97.222%,58.844% 97.222%,61.113% 97.222%,63.529% 97.222%,66.055% 97.222%,66.055% 97.222%,68.359% 94.5%,70.212% 87.111%,71.73% 76.223%,73.032% 63.001%,74.235% 48.612%,75.457% 34.223%,76.814% 21.001%,78.424% 10.112%,80.406% 2.723%,82.875% 0.001%,82.875% 0.001%,85.584% 0%,88.179% 0%,90.62% 0%,92.866% 0%,94.878% 0%,96.614% 0%,98.035% 0%,99.1% 0.001%,99.768% 0.001%,100% 0.001%,100% 2.778%,100% 2.778%,99.768% 2.778%,99.1% 2.778%,98.035% 2.778%,96.614% 2.778%,94.878% 2.778%,92.866% 2.778%,90.62% 2.778%,88.179% 2.778%,85.584% 2.778%,82.875% 2.778%,82.875% 2.778%,80.422% 5.501%,78.483% 12.889%,76.93% 23.778%,75.633% 37%,74.465% 51.389%,73.297% 65.778%,72% 79%,70.446% 89.889%,68.508% 97.278%,66.055% 100%,66.055% 100%,63.38% 100%,60.878% 100%,58.574% 100%,56.494% 100%,54.664% 100%,53.108% 100%,51.854% 100%,50.926% 100%,50.351% 100%,50.153% 100%,50.153% 100%,49.955% 100%,49.38% 100%,48.452% 100%,47.198% 100%,45.642% 100%,43.812% 100%,41.731% 100%,39.427% 100%,36.925% 100%,34.251% 100%,34.251% 100%,31.798% 97.278%,29.857% 89.889%,28.298% 79%,26.99% 65.777%,25.803% 51.388%,24.607% 37%,23.271% 23.777%,21.666% 12.889%,19.661% 5.5%,17.125% 2.778%,17.125% 2.778%,14.342% 2.779%,11.704% 2.779%,9.246% 2.779%,7.002% 2.779%,5.008% 2.779%,3.298% 2.779%,1.907% 2.779%,0.871% 2.779%,0.224% 2.779%,0% 2.778%,0% 0.001% );
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_exchangeFooterBackground__VD4Td {
  width: 100%;
  padding: 1px;
  border-radius: 5px;
  background: linear-gradient(90deg, #D3DFFF 0%, #010D2F 25%, #010D2F 75%, #D3DFFF 100%);
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_exchangeFooter__utozh {
  width: 100%;
  height: 40px;
  padding: 5px 0px;
  border-radius: 5px;
  position: relative;
  font-size: 1.2rem;
  background: linear-gradient(90deg, var(--wallet-violet) 0%, var(--wallet-blue) 25%, var(--wallet-blue) 75%, var(--wallet-violet) 100%) !important;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_exchangeFooterLeft__jYvrQ {
  width: 30%;
  position: absolute;
  z-index: 2;
  left: 5px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_exchangeFooterMiddle__nfyWv {
  width: 100%;
  position: absolute;
  justify-content: center;
  bottom: 20px;
  z-index: 1;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_exchangeFooterRight__1POsq {
  width: 30%;
  position: absolute;
  z-index: 2;
  right: 5px;
  justify-content: right;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_listFilter__mMqnj {
  height: 25px;
  width: 200px;
  margin-bottom: 3px;
  border: 0px;
  outline: 0px;
  color: var(--wallet-white);
  background-color: var(--wallet-blue);
  background-image: linear-gradient(var(--wallet-blue-gradient-light), var(--wallet-blue-gradient-dark));
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_listItem__LOqh- {
  margin: 5px;
  padding: 3px;
  min-height: 75px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 0.8rem;
  text-align: center;
  display: table;
  color: var(--wallet-white);
  background-image: linear-gradient(var(--wallet-blue-gradient-light), var(--wallet-blue-gradient-dark));
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_listTicketItem__3pG7h {
  margin: 5px;
  padding: 3px;
  min-height: 50px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 0.8rem;
  text-align: center;
  display: table;
  color: var(--wallet-white);
  background-image: linear-gradient(var(--wallet-violet-gradient-light), var(--wallet-violet-gradient-dark));
  position: relative;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_footer__s7oZ7 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 35px;
  border: 2px solid #294CB0;
  font-size: 0.9rem;
  padding: 0px 10px;
  border-bottom: hidden;
  border-radius: 10px 10px 0px 0px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_footerPrompts__WQQHx {
  white-space: nowrap;
  max-height: 30px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_footerPrompts__WQQHx::-webkit-scrollbar {
  display: none;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_footerPrompt__WaeY3 {
  border: 1px solid var(--wallet-violet);
  color: var(--wallet-white);
  background-color: var(--wallet-blue);
  border-radius: 5px;
  padding: 4px 8px 3px 8px;
  margin: 3px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_angelPointsDiv__lz\+ET {
  border: 2px solid #232F7D;
  border-radius: 5px;
  padding: 10px 0;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_singleViewItem__jvjyL {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: var(--wallet-blue);
  border-radius: 5px;
  padding: 5px;
  margin: 2px 2px 3px 2px;
  max-height: 25px;
  width: 95%;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_singleViewButton__d4KSV {
  border: 2px solid var(--wallet-violet);
  border-radius: 5px;
  padding: 3px 4px 4px;
  margin: 2px 2px 3px 2px;
  color: var(--wallet-white);
  background-color: var(--wallet-violet);
  max-height: 25px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_burnNftButton__AHZaa {
  color: var(--wallet-white);
  background-color: var(--wallet-violet);
  border: 1px solid var(--wallet-violet);
  border-radius: 5px;
  position: absolute;
  padding: 1px 4px 1px 8px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  align-items: center;
  font-size: 0.8rem;
  z-index: 1;
  justify-content: center;
  top: -25px;
  right: 10px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_mnemonicWord__fUO8t {
  border: 2px solid var(--wallet-violet);
  border-radius: 5px;
  padding: 4px;
  margin: 2px;
  font-size: 0.9rem;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_input__WN-wu {
  text-align: center;
  border: 2px solid;
  border-radius: 5px;
  padding: 4px 3px 3px 3px;
  margin: 2px;
  color: var(--wallet-white);
  background-color: var(--wallet-blue);
  font-size: 1.0rem;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_loginInputBorder__lcdVj {
  background: linear-gradient(to right, var(--wallet-orange), var(--wallet-indigo));
  padding: 2px;
  border-radius: 7px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_loginInput__QVc-r {
  color: var(--wallet-white);
  background-color: transparent;
  font-size: 1.0rem;
  text-align: left;
  border: none;
  outline: none;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_loginInput__QVc-r:focus {
  outline: none;
  box-shadow: none;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_passwordVisibility__gE986 {
  color: var(--wallet-gray);
  width: 20px;
  margin-left: 5px;
  cursor: pointer;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_loginButton__YBiPl {
  color: var(--wallet-white);
  width: 100px;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 20px;
  font-size: 1.0rem;
  background-image: linear-gradient(to right, var(--wallet-orange), var(--wallet-indigo));
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_createWallet__Ng1U4 {
  background-color: var(--wallet-indigo);
  color: var(--wallet-white);
  border-radius: 5px;
  padding: 8px;
  margin-top: 15px;
  font-size: 1.0rem;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_removeWallet__M4Bkw {
  margin: 10px 20px;
  background-color: var(--wallet-indigo);
  border-radius: 5px;
  padding: 5px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_angelPointsAsteriskDisclaimer__edbEJ {
  font-size: 0.7rem;
  margin: 6px 0px -12px 8px;
}

.MorphWallet_morphWalletWrapper__pydis .MorphWallet_mobileMargin__WkhcM {
  width: auto;
  width: initial;
  max-width: 90vw;
  margin-bottom: -8px;
}
.PurchaseAngelMinutes_componentContainer__6NlYt {
  max-height: 395px;
  padding: 15px 4px 0 4px;
  overflow-y: auto;
  overflow-x: hidden;
  --purchase-angel-minutes-bg: #5d6aff1a;
  --purchase-angel-minutes-input-gradient-start: #ffffff1a;
  --purchase-angel-minutes-input-gradient-end: #ffffff34;
}

.PurchaseAngelMinutes_mainContainer__zk3zl {
  background: linear-gradient(var(--purchase-angel-minutes-bg), rgba(255, 255, 255, 0.05));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  max-width: 400px;
  margin: 0 auto;
  padding-top: 60px;
}

.PurchaseAngelMinutes_successContainer__aIk0q {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding-bottom: 20px;
  animation: PurchaseAngelMinutes_fadeIn__f\+Mpo 0.5s ease-in-out forwards;
}

.PurchaseAngelMinutes_privateIconContainer__CMDBH {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  z-index: 1;
}

.PurchaseAngelMinutes_semiCircleContainer__1vmJK {
  top: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
}

.PurchaseAngelMinutes_semiCircle__AOjSh {
  width: 100px;
  height: 50px; /* half the width */
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border: 10px solid var(--wallet-blue);
  background-color: var(--wallet-blue);
  border-top: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

@keyframes PurchaseAngelMinutes_fadeIn__f\+Mpo {
  0% {
    opacity: 0;
    position: relative;
    bottom: 100px;
  }
  100% {
    opacity: 1;
    bottom: 0px;
  }
}

.PurchaseAngelMinutes_leftCurve__e1BOi {
  position: relative;
  background-color: var(--wallet-blue);
  width: 30px;
  height: 30px;
  z-index: 1;
  top: -10px;
  left: -38px;
}

.PurchaseAngelMinutes_leftCurve__e1BOi::after {
  position: absolute;
  top: 10px;
  content: '';
  background-color: var(--purchase-angel-minutes-bg);
  width: 30px;
  height: 20px;
  z-index: 1;
  border-top-right-radius: 70%;
}

.PurchaseAngelMinutes_rightCurve__tEmqM {
  position: relative;
  background-color: var(--wallet-blue);
  width: 30px;
  height: 30px;
  z-index: 1;
  top: -40px;
  right: -89px;
}

.PurchaseAngelMinutes_rightCurve__tEmqM::after {
  position: absolute;
  top: 10px;
  content: '';
  background-color: var(--purchase-angel-minutes-bg);
  width: 30px;
  height: 20px;
  z-index: 1;
  border-top-left-radius: 70%;
}

.PurchaseAngelMinutes_accountOrRoutingNoGroupContainer__Hm6L\+ {
  display: flex;
  width: 100%;
  font-size: 0.9rem;
  gap: 4px;
  padding: 0 4px;
  overflow: 'hidden';
}

.PurchaseAngelMinutes_accountOrRoutingNoContainer__\+xzli {
  border-radius: 8px;
  display: flex;
  background: linear-gradient(var(--purchase-angel-minutes-input-gradient-start), var(--purchase-angel-minutes-input-gradient-end));
  align-items: center;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  min-height: 35px;
  max-height: 35px;
  gap: 4px;
  overflow: 'hidden';
  position: relative;
  min-width: min-content;
}

.PurchaseAngelMinutes_accountOrRoutingNo__3WamN {
  transition: width 0.5s ease-in-out;
  text-overflow: clip;
  background-color: transparent;
  outline: none;
  border: none;
  color: white;
  margin-top: 1px;
  max-width: 105px;
  font-size: 16px;
}

.PurchaseAngelMinutes_inputAndLabelWrapper__6XjEH {
  display: flex;
  align-items: center;
  padding: 0 4px;
  transition: all 0.5s ease-in-out;
}

.PurchaseAngelMinutes_inputAndLabelWrapper__6XjEH p {
  white-space: nowrap;
  overflow: hidden;
}

.PurchaseAngelMinutes_flexGrow__Ei9J- {
  flex: 1 1 auto;
}

.PurchaseAngelMinutes_flexNoGrow__fUB8E {
  flex: 0 0 auto;
}

.PurchaseAngelMinutes_amountAndConversionContainer__06o7T {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(var(--purchase-angel-minutes-input-gradient-start), var(--purchase-angel-minutes-input-gradient-end));
  padding: 10px 8px;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  gap: 10px;
}

.PurchaseAngelMinutes_amountAndConversionContainer__06o7T > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.PurchaseAngelMinutes_amountAndConversionContainer__06o7T .PurchaseAngelMinutes_headerText__Bx\+gD {
  font-size: 0.8rem;
  color: #ffffff70;
}

.PurchaseAngelMinutes_amountAndConversionContainer__06o7T .PurchaseAngelMinutes_mainText__k2RCs {
  font-size: 1.48rem;
  word-break: break-word;
}

.PurchaseAngelMinutes_amountContainer__Z4R7W {
  max-width: 50%;
}

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

.PurchaseAngelMinutes_amountInput__3Hscm::placeholder {
  color: #ffffff70;
}

.PurchaseAngelMinutes_radioGroupContainer__Ma9N\+ {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 0.9rem;
  color: #eee;
}

.PurchaseAngelMinutes_radioGroup__9MHl1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}

.PurchaseAngelMinutes_radioGroup__9MHl1 > div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

@media screen and (max-width: 360px) {
  .PurchaseAngelMinutes_accountOrRoutingNo__3WamN {
    max-width: 70px;
  }
}

@media screen and (max-width: 400px) {
  .PurchaseAngelMinutes_accountOrRoutingNo__3WamN {
    max-width: 85px;
  }

  .PurchaseAngelMinutes_amountAndConversionContainer__06o7T .PurchaseAngelMinutes_mainText__k2RCs {
    font-size: 1.2rem;
  }
}

@media screen and (min-height: 601px) and (max-height: 700px) {
  .PurchaseAngelMinutes_mainContainer__zk3zl {
    gap: 15px;
  }
}

.ACHPaymentExplanation_componentContainer__IRUWQ {
  max-width: 500px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 auto;
  font-family: 'Poppins';
  background: linear-gradient(#5d6aff1a 50%, rgba(255, 255, 255, 0.05));
  border-radius: 14px;
}

.ACHPaymentExplanation_heading__vmiN4 {
  color: var(--orange700);
  text-align: center;
  font-weight: 600;
  font-size: 14px;
}

.ACHPaymentExplanation_explanation__wMyz9 {
  font-size: 11px;
}

.ACHPaymentExplanation_checkGif__7tBhx {
  width: 285px;
  align-self: center;
}

.ACHPaymentExplanation_continueButton__to8V0 {
  background-color: #5d6aff;
  border-radius: 14px;
  padding: 6px 12px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  border: none;
  outline: none;
  color: white;
  align-self: center;
  margin-top: -20px;
  font-family: 'Poppins' !important;
  font-size: 12px;
}

.AngelMinutesPage_pageContainer__IK9tg {
  max-width: 700px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 10px 30px 10px;
  margin: 0 auto;
  --angel-minutes-table-border-color: #232F7D;
}

.AngelMinutesPage_header__8zv\+q {
  font-size: 1.15rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 10px;
  gap: 4px;
}

.AngelMinutesPage_headerRow__lM\+nj {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.AngelMinutesPage_balance__IlpFE {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.AngelMinutesPage_table__QaM9k {
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow-y: auto;
  border: 2px solid var(--angel-minutes-table-border-color);
  border-radius: 5px;
  font-size: 0.9rem;
}

.AngelMinutesPage_history__F53t7 {
  font-size: 0.8rem;
  padding: 10px;
}

.AngelMinutesPage_credit__ObLDn {
  padding: 6px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}

.AngelMinutesPage_transactionAmount__RNniQ {
  text-align: end;
  min-width: fit-content;
}

@media screen and (min-width: 500px) {
  .AngelMinutesPage_header__8zv\+q {
    align-items: center;
  }
}

.ConvertPointsToAngelMinutes_componentContainer__mEUub {
  max-width: 400px;
  margin: 0 auto;
  padding: 10px;
}

.ConvertPointsToAngelMinutes_formContainer__zgsJg {
  background: linear-gradient(var(--purchase-angel-minutes-bg), rgba(255, 255, 255, 0.05));
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ConvertPointsToAngelMinutes_row__Q7mQ9 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.ConvertPointsToAngelMinutes_amountWrapper__mZIKO {
  z-index: 1;
  background: linear-gradient(var(--purchase-angel-minutes-input-gradient-start), var(--purchase-angel-minutes-input-gradient-end));
}

.ConvertPointsToAngelMinutes_amountInputContainer__STLph {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--wallet-dark-blue);
  background-image: linear-gradient(var(--purchase-angel-minutes-input-gradient-start), var(--purchase-angel-minutes-input-gradient-end)) !important;
  border-radius: 12px;
}

.ConvertPointsToAngelMinutes_amountInput__uj03T {
  outline: none;
  border: none;
  padding: 6px 8px;
  background-color: transparent;
  border-radius: 12px;
  min-width: 100%;
  min-height: 100%;
  font-size: 16px;
  color: white;
  max-width: 100%;
}

.ConvertPointsToAngelMinutes_amountContainer__kqJPc {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 190px;
}

@media screen and (max-width: 389px) {
  .ConvertPointsToAngelMinutes_amountInput__uj03T, .ConvertPointsToAngelMinutes_amountContainer__kqJPc {
    max-width: 138px;
  }
}

@media screen and (min-width: 390px) and (max-width: 450px) {
  .ConvertPointsToAngelMinutes_amountInput__uj03T, .ConvertPointsToAngelMinutes_amountContainer__kqJPc {
    max-width: 150px;
  }
}

* {
  box-sizing: border-box;
}

.DiscountPackages_outerContainer__-tRMV {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: min(90dvw, 700px);
  width: fit-content;
  margin: 0 auto;
  padding: 20px 10px;
  font-family: 'Poppins';
}

.DiscountPackages_headerText__XZz2r {
  font-weight: 600;
  text-align: center;
  font-size: 14px;
  margin-bottom: 8px;
}

.DiscountPackages_packagesContainer__HT8oL {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
  max-width: 100%;
  overflow-x: auto;
  padding: 4px;
}

.DiscountPackages_package__OZ01Y,
.DiscountPackages_otherPackage__hCHR4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #616bd5;
  border-radius: 15px;
  background: linear-gradient(#982ea140, #5618ad33);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.DiscountPackages_package__OZ01Y {
  min-width: fit-content;
  position: relative;
}

.DiscountPackages_otherPackage__hCHR4 {
  margin: 0 auto;
  width: 150px;
}

.DiscountPackages_package__OZ01Y:hover,
.DiscountPackages_otherPackage__hCHR4:hover {
  box-shadow: 0 0 6px 1px var(--orange700);
}

.DiscountPackages_packageHeader__IbV4\+,
.DiscountPackages_purchaseFooter__Rbq2p {
  padding: 4px 0;
  text-align: center;
  font-size: 11px;
  min-width: 100%;
  width: max-content;
  padding: 2px 6px;
  font-weight: 500;
  z-index: 1;
}

.DiscountPackages_packageHeader__IbV4\+ {
  background-color: var(--orange700);
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
}

.DiscountPackages_purchaseFooter__Rbq2p {
  background-color: #616bd5;
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px;
}

.DiscountPackages_packagePointsAmount__PVCRn {
  margin: 6px 0;
  font-weight: 600;
  font-size: 11px;
  width: max-content;
  padding: 0 4px;
  min-width: 110px;
  z-index: 1;
}

.DiscountPackages_packageDollarAmount__LZG88 {
  font-size: 9px;
  width: max-content;
  padding-bottom: 6px;
  padding-left: 4px;
  opacity: 0.6;
  z-index: 1;
}

.DiscountPackages_spotlight__p\+r7V {
  position: absolute;
  box-shadow: 0 0 40px 38px #5e6aff66;
  transition: all 3.5s linear;
}

.DiscountPackages_otherPackageText__SoPWT {
  text-align: center;
  font-size: 12px;
  padding: 2px 0;
}

.DiscountPackages_moneyBag__ifZec {
  position: absolute;
  bottom: 21px;
  right: 6px;
  width: 24px;
}

.DiscountPackages_noPackagesText__B3ESP {
  font-size: 14px;
  text-align: center;
}

@media screen and (min-width: 700px) {
  .DiscountPackages_headerText__XZz2r {
    font-size: 16px;
  }

  .DiscountPackages_otherPackageText__SoPWT {
    font-size: 14px;
  }

  .DiscountPackages_packageHeader__IbV4\+,
  .DiscountPackages_purchaseFooter__Rbq2p {
    font-size: 14px;
  }

  .DiscountPackages_packageDollarAmount__LZG88 {
    font-size: 11px;
  }

  .DiscountPackages_packagePointsAmount__PVCRn {
    font-size: 13px;
    margin-bottom: 4px;
  }

  .DiscountPackages_moneyBag__ifZec {
    bottom: 28px;
    width: 30px;
  }

  .DiscountPackages_package__OZ01Y {
    width: fit-content;
    min-width: 135px;
  }
}

.Ledger_ledgerContainer__ErZWx{
   margin: 0px 10px 30px; 
   height: calc(100vh - 200px);
   overflow: auto;
   margin-top: 30px;
   max-height: 350px;
   scrollbar-color: transparent transparent;
}

.Ledger_ledgerTable__tUOLU{
  width: 100%;
  border-collapse: collapse;
}

.Ledger_ledgerTable__tUOLU thead {
  position: sticky;
  top: 0;
  z-index: 10;
}

.Ledger_ledgerTable__tUOLU th {
  background-color: var(--walletLedgerTh);
  color: white;
  padding: 12px;
  text-align: left;
}

.Ledger_ledgerTable__tUOLU td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--walletLedgerTd);
}

.Ledger_evenRow__l\+cyC {
  background-color: var(--WalletLightBlue);
}

.Ledger_oddRow__WhO-7 {
  background-color: var(--walletBlue);
}

.Ledger_addition__A75ve{
  color: var(--walletNeonGreen);
}

.Ledger_reduction__V2Ep6{
  color: var(--walletRed);
}

.Ledger_filterSection__Uzx32 {
  margin-bottom: 15px;
  text-align: right;
}

.Ledger_filterDropdown__gmoBc {
  position: relative;
  display: inline-block;
}

.Ledger_filterButton__IG5cv {
  background-color: var(--walletViolet);
  color: white;
  border: none;
  padding: 2px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
}

.Ledger_filterButton__IG5cv:hover {
  background-color: var(--walletLedgerButton);
}

.Ledger_filterMenu__7UqRy {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: var(--walletFilterMenuBg);
  border: 1px solid var(--walletViolet);
  border-radius: 4px;
  padding: 8px;
  min-width: 180px;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.Ledger_filterOption__5s17- {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  cursor: pointer;
  font-size: 13px;
  border-radius: 3px;
  transition: all 0.15s ease;
}

.Ledger_filterOption__5s17-:hover {
  background-color: rgba(93, 106, 255, 0.2);
}

.Ledger_filterSelected__kOk4u {
  color: var(--walletNeonGreen);
  background-color: rgba(57, 255, 20, 0.1);
}

.Ledger_filterUnselected__VlNhA {
  color: var(--walletFilterUnselected);
}

.Ledger_dropdownIcon__uLuzN{
  font-size: 24px;
  color:  white;
  height: 21px;
}

.Ledger_ledgerDisclaimer__tAboZ{
  font-size: 12px;
  position: sticky;
  bottom: 10px;
  margin-left: 5px;
}

.Ledger_filterSectionMobile__DR4vX {
  text-align: left;
}

.Ledger_filterMenuMobile__YWwND {
  right: auto;
  left: 0;
}

.ReferrerModal_modal__Uh8zT {
  background-color: var(--gray000);
  width: 20rem;
  height: fit-content;
  max-height: 80vh;
  margin: auto;
  border-radius: 0.25rem;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
}
.ReferrerModal_modal__Uh8zT .ReferrerModal_title__BshXY:nth-of-type(1) {
  font-family: var(--typographyFontFamily);
  display: block;
}
.ReferrerModal_modal__Uh8zT .ReferrerModal_title__BshXY:nth-of-type(2) {
  font-family: var(--typographyFontFamily);
  display: none;
}
.ReferrerModal_modal__Uh8zT.ReferrerModal_success__4jz3J .ReferrerModal_title__BshXY:nth-of-type(1) {
  display: none;
}
.ReferrerModal_modal__Uh8zT.ReferrerModal_success__4jz3J .ReferrerModal_title__BshXY:nth-of-type(2) {
  display: block;
}
.ReferrerModal_modal__Uh8zT .ReferrerModal_container__2Lmie:nth-of-type(1) {
  margin-bottom: 1rem;
  display: block;
}
.ReferrerModal_modal__Uh8zT .ReferrerModal_container__2Lmie:nth-of-type(2) {
  margin-bottom: 1rem;
  display: none;
}
.ReferrerModal_modal__Uh8zT.ReferrerModal_success__4jz3J .ReferrerModal_container__2Lmie:nth-of-type(1) {
  display: none;
}
.ReferrerModal_modal__Uh8zT.ReferrerModal_success__4jz3J .ReferrerModal_container__2Lmie:nth-of-type(2) {
  display: block;
}
.ReferrerModal_modal__Uh8zT .ReferrerModal_form__n4EHl {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  height: 100%;
}
.ReferrerModal_modal__Uh8zT.ReferrerModal_success__4jz3J .ReferrerModal_form__n4EHl {
  display: none;
}
.ReferrerModal_modal__Uh8zT .ReferrerModal_confirmation__wU0iw {
  display: none;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  padding: 0 1rem;
}
.ReferrerModal_modal__Uh8zT.ReferrerModal_success__4jz3J .ReferrerModal_confirmation__wU0iw {
  display: flex;
}

.ReferrerModal_title__BshXY {
  padding: 1rem 1.5rem;
}
.ReferrerModal_error__5q4Bm {
  font-family: var(--typographyFontFamily);
  font-size: .75rem;
  font-weight: bold;
  color: red;
  width: 15rem;
  margin: auto;
  display: block;
  margin-bottom: 1rem;
}
.ReferrerModal_link__HBV8l {
  font-family: var(--typographyFontFamily);
  font-size: .75rem;
  width: 15rem;
  margin: auto;
  display: block;
  cursor: pointer;
}
.ReferrerModal_error__5q4Bm:empty {
  margin-bottom: 0;
}
.ReferrerMessageContent_OriginalLangStyle__yRYcp {
  margin: 0;
  cursor: pointer;
  padding-top: 0.3125rem;
  font-size: 0.50em;
  font-family: var(--typographyFontFamily);
}

.ReferrerMessageContent_TranslationInfoStyle__fkOwx {
  margin: 0;
  padding-top: 0.3125rem;
  font-size: 0.50em;
  font-family: var(--typographyFontFamily);
  align-self: center;
}

.ReferrerMessageContent_wrapper__usgPf {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  width: fit-content;
  --bgc: var(--peach600);
  --bgcAlt: var(--gray000);
  --poly:  0% 99.468%,0% 99.468%,0% 99.469%,0% 99.472%,0% 99.482%,0% 99.502%,0% 99.535%,0% 99.583%,0% 99.651%,0% 99.74%,0% 99.856%,0% 100%,0% 99.468%,-0.472% 99.468%,-0.472% 37.766%,0% 37.766%,0% 37.234%,0% 37.234%,0% 37.378%,0% 37.494%,0% 37.584%,0% 37.651%,0% 37.699%,0% 37.732%,0% 37.752%,0% 37.762%,0.001% 37.765%,0.001% 37.766%,0.002% 37.766%,0.004% 37.766%,0.012% 37.766%,0.041% 37.765%,0.041% 37.765%,0.048% 37.765%,0.057% 37.765%,0.066% 37.765%,0.075% 37.765%,0.085% 37.764%,0.096% 37.764%,0.108% 37.764%,0.12% 37.763%,0.132% 37.763%,0.145% 37.762%,0.145% 37.762%,0.174% 37.761%,0.204% 37.76%,0.238% 37.758%,0.273% 37.756%,0.311% 37.754%,0.351% 37.751%,0.393% 37.748%,0.438% 37.745%,0.485% 37.741%,0.534% 37.737%,0.534% 37.737%,0.639% 37.728%,0.753% 37.717%,0.875% 37.704%,1.005% 37.689%,1.143% 37.671%,1.289% 37.651%,1.443% 37.628%,1.604% 37.603%,1.773% 37.574%,1.949% 37.543%,1.949% 37.543%,2.321% 37.469%,2.719% 37.382%,3.142% 37.278%,3.588% 37.157%,4.056% 37.017%,4.544% 36.858%,5.051% 36.678%,5.575% 36.475%,6.115% 36.248%,6.668% 35.996%,6.668% 35.996%,7.813% 35.411%,8.995% 34.709%,10.203% 33.881%,11.423% 32.916%,12.645% 31.803%,13.855% 30.533%,15.042% 29.094%,16.192% 27.476%,17.295% 25.669%,18.337% 23.663%,18.342% 23.654%,18.366% 23.607%,18.366% 23.607%,18.373% 23.594%,18.38% 23.579%,18.388% 23.563%,18.397% 23.546%,18.407% 23.528%,18.418% 23.509%,18.429% 23.488%,18.44% 23.466%,18.453% 23.443%,18.466% 23.418%,18.466% 23.418%,18.494% 23.366%,18.526% 23.309%,18.56% 23.247%,18.596% 23.181%,18.636% 23.11%,18.678% 23.035%,18.724% 22.955%,18.772% 22.871%,18.822% 22.783%,18.876% 22.691%,18.876% 22.691%,18.992% 22.494%,19.119% 22.281%,19.257% 22.053%,19.407% 21.81%,19.568% 21.553%,19.74% 21.282%,19.924% 20.998%,20.12% 20.702%,20.327% 20.394%,20.545% 20.074%,20.545% 20.074%,21.016% 19.401%,21.534% 18.69%,22.098% 17.944%,22.709% 17.167%,23.367% 16.364%,24.072% 15.539%,24.824% 14.697%,25.624% 13.842%,26.471% 12.978%,27.367% 12.11%,27.367% 12.11%,29.301% 10.378%,31.43% 8.682%,33.754% 7.055%,36.276% 5.533%,38.998% 4.149%,41.921% 2.939%,45.046% 1.938%,48.377% 1.18%,51.915% 0.7%,55.66% 0.532%,55.66% 0.532%,63.127% 1.179%,70.081% 3.053%,76.458% 6.051%,82.193% 10.073%,87.222% 15.016%,91.481% 20.78%,94.905% 27.261%,97.431% 34.36%,98.993% 41.973%,99.528% 50%,99.528% 50%,99.393% 54.284%,98.992% 58.431%,98.335% 62.431%,97.429% 66.277%,96.282% 69.959%,94.902% 73.467%,93.299% 76.794%,91.479% 79.93%,89.452% 82.867%,87.225% 85.595%,87.225% 85.595%,84.806% 88.106%,82.202% 90.392%,79.421% 92.443%,76.471% 94.252%,73.359% 95.807%,70.095% 97.1%,66.684% 98.122%,63.137% 98.864%,59.459% 99.315%,55.66% 99.468%,55.519% 99.468%,55.378% 99.468%,55.237% 99.468%,55.095% 99.468%,54.953% 99.468%,54.812% 99.468%,54.67% 99.468%,54.527% 99.468%,54.385% 99.468%,54.242% 99.468%,54.1% 99.468%,53.957% 99.468%,53.814% 99.468%,53.671% 99.468%,53.528% 99.468%,53.384% 99.468%,53.241% 99.468%,53.097% 99.468%,52.953% 99.468%,52.809% 99.468%,52.665% 99.468%,52.521% 99.468%,52.376% 99.468%,52.232% 99.468%,52.087% 99.468%,51.942% 99.468%,51.797% 99.468%,51.652% 99.468%,51.507% 99.468%,51.362% 99.468%,51.216% 99.468%,51.071% 99.468%,50.925% 99.468%,50.779% 99.468%,50.634% 99.468%,50.488% 99.468%,50.342% 99.468%,50.195% 99.468%,50.049% 99.468%,49.903% 99.468%,49.756% 99.468%,49.609% 99.468%,49.463% 99.468%,49.316% 99.468%,49.169% 99.468%,49.022% 99.468%,48.875% 99.468%,48.728% 99.468%,48.58% 99.468%,48.433% 99.468%,48.286% 99.468%,48.138% 99.468%,47.99% 99.468%,47.843% 99.468%,47.695% 99.468%,47.547% 99.468%,47.399% 99.468%,47.251% 99.468%,47.103% 99.468%,46.955% 99.468%,46.807% 99.468%,46.659% 99.468%,46.51% 99.468%,46.362% 99.468%,46.213% 99.468%,46.065% 99.468%,45.916% 99.468%,45.768% 99.468%,45.619% 99.468%,45.47% 99.468%,45.321% 99.468%,45.173% 99.468%,45.024% 99.468%,44.875% 99.468%,44.726% 99.468%,44.577% 99.468%,44.428% 99.468%,44.279% 99.468%,44.13% 99.468%,43.98% 99.468%,43.831% 99.468%,43.682% 99.468%,43.533% 99.468%,43.383% 99.468%,43.234% 99.468%,43.085% 99.468%,42.935% 99.468%,42.786% 99.468%,42.637% 99.468%,42.487% 99.468%,42.338% 99.468%,42.188% 99.468%,42.039% 99.468%,41.89% 99.468%,41.74% 99.468%,41.591% 99.468%,41.441% 99.468%,41.292% 99.468%,41.142% 99.468%,40.993% 99.468%,40.843% 99.468%,40.694% 99.468%,40.544% 99.468%,40.395% 99.468%,40.245% 99.468%,40.096% 99.468%,39.947% 99.468%,39.797% 99.468%,39.648% 99.468%,39.498% 99.468%,39.349% 99.468%,39.2% 99.468%,39.05% 99.468%,38.901% 99.468%,38.752% 99.468%,38.603% 99.468%,38.453% 99.468%,38.304% 99.468%,38.155% 99.468%,38.006% 99.468%,37.857% 99.468%,37.708% 99.468%,37.559% 99.468%,37.41% 99.468%,37.261% 99.468%,37.112% 99.468%,36.963% 99.468%,36.815% 99.468%,36.666% 99.468%,36.517% 99.468%,36.369% 99.468%,36.22% 99.468%,36.072% 99.468%,35.923% 99.468%,35.775% 99.468%,35.627% 99.468%,35.478% 99.468%,35.33% 99.468%,35.182% 99.468%,35.034% 99.468%,34.886% 99.468%,34.738% 99.468%,34.59% 99.468%,34.443% 99.468%,34.295% 99.468%,34.147% 99.468%,34% 99.468%,33.853% 99.468%,33.705% 99.468%,33.558% 99.468%,33.411% 99.468%,33.264% 99.468%,33.117% 99.468%,32.97% 99.468%,32.823% 99.468%,32.677% 99.468%,32.53% 99.468%,32.384% 99.468%,32.237% 99.468%,32.091% 99.468%,31.945% 99.468%,31.799% 99.468%,31.653% 99.468%,31.507% 99.468%,31.361% 99.468%,31.216% 99.468%,31.07% 99.468%,30.925% 99.468%,30.78% 99.468%,30.635% 99.468%,30.49% 99.468%,30.345% 99.468%,30.2% 99.468%,30.056% 99.468%,29.911% 99.468%,29.767% 99.468%,29.623% 99.468%,29.479% 99.468%,29.335% 99.468%,29.191% 99.468%,29.047% 99.468%,28.904% 99.468%,28.76% 99.468%,28.617% 99.468%,28.474% 99.468%,28.331% 99.468%,28.189% 99.468%,28.046% 99.468%,27.904% 99.468%,27.761% 99.468%,27.619% 99.468%,27.477% 99.468%,27.336% 99.468%,27.194% 99.468%,27.052% 99.468%,26.911% 99.468%,26.77% 99.468%,26.629% 99.468%,26.488% 99.468%,26.348% 99.468%,26.207% 99.468%,26.067% 99.468%,25.927% 99.468%,25.787% 99.468%,25.648% 99.468%,25.508% 99.468%,25.369% 99.468%,25.23% 99.468%,25.091% 99.468%,24.952% 99.468%,24.813% 99.468%,24.675% 99.468%,24.537% 99.468%,24.399% 99.468%,24.261% 99.468%,24.124% 99.468%,23.986% 99.468%,23.849% 99.468%,23.712% 99.468%,23.576% 99.468%,23.439% 99.468%,23.303% 99.468%,23.167% 99.468%,23.031% 99.468%,22.895% 99.468%,22.76% 99.468%,22.625% 99.468%,22.49% 99.468%,22.355% 99.468%,22.22% 99.468%,22.086% 99.468%,21.952% 99.468%,21.818% 99.468%,21.685% 99.468%,21.551% 99.468%,21.418% 99.468%,21.285% 99.468%,21.153% 99.468%,21.02% 99.468%,20.888% 99.468%,20.756% 99.468%,20.625% 99.468%,20.493% 99.468%,20.362% 99.468%,20.231% 99.468%,20.101% 99.468%,19.97% 99.468%,19.84% 99.468%,19.71% 99.468%,19.581% 99.468%,19.452% 99.468%,19.322% 99.468%,19.194% 99.468%,19.065% 99.468%,18.937% 99.468%,18.809% 99.468%,18.681% 99.468%,18.554% 99.468%,18.427% 99.468%,18.3% 99.468%,18.173% 99.468%,18.047% 99.468%,17.921% 99.468%,17.795% 99.468%,17.67% 99.468%,17.545% 99.468%,17.42% 99.468%,17.295% 99.468%,17.171% 99.468%,17.047% 99.468%,16.923% 99.468%,16.8% 99.468%,16.677% 99.468%,16.554% 99.468%,16.432% 99.468%,16.31% 99.468%,16.188% 99.468%,16.067% 99.468%,15.945% 99.468%,15.824% 99.468%,15.704% 99.468%,15.584% 99.468%,15.464% 99.468%,15.344% 99.468%,15.225% 99.468%,15.106% 99.468%,14.987% 99.468%,14.869% 99.468%,14.751% 99.468%,14.633% 99.468%,14.516% 99.468%,14.399% 99.468%,14.283% 99.468%,14.166% 99.468%,14.05% 99.468%,13.935% 99.468%,13.82% 99.468%,13.705% 99.468%,13.59% 99.468%,13.476% 99.468%,13.362% 99.468%,13.248% 99.468%,13.135% 99.468%,13.023% 99.468%,12.91% 99.468%,12.798% 99.468%,12.686% 99.468%,12.575% 99.468%,12.464% 99.468%,12.354% 99.468%,12.243% 99.468%,12.133% 99.468%,12.024% 99.468%,11.915% 99.468%,11.806% 99.468%,11.698% 99.468%,11.59% 99.468%,11.482% 99.468%,11.375% 99.468%,11.268% 99.468%,11.162% 99.468%,11.056% 99.468%,10.95% 99.468%,10.845% 99.468%,10.74% 99.468%,10.636% 99.468%,10.531% 99.468%,10.428% 99.468%,10.325% 99.468%,10.222% 99.468%,10.119% 99.468%,10.017% 99.468%,9.915% 99.468%,9.814% 99.468%,9.713% 99.468%,9.613% 99.468%,9.513% 99.468%,9.413% 99.468%,9.314% 99.468%,9.216% 99.468%,9.117% 99.468%,9.019% 99.468%,8.922% 99.468%,8.825% 99.468%,8.728% 99.468%,8.632% 99.468%,8.536% 99.468%,8.441% 99.468%,8.346% 99.468%,8.252% 99.468%,8.158% 99.468%,8.064% 99.468%,7.971% 99.468%,7.878% 99.468%,7.786% 99.468%,7.694% 99.468%,7.603% 99.468%,7.512% 99.468%,7.422% 99.468%,7.332% 99.468%,7.242% 99.468%,7.153% 99.468%,7.065% 99.468%,6.977% 99.468%,6.889% 99.468%,6.802% 99.468%,6.715% 99.468%,6.629% 99.468%,6.543% 99.468%,6.458% 99.468%,6.373% 99.468%,6.288% 99.468%,6.205% 99.468%,6.121% 99.468%,6.038% 99.468%,5.956% 99.468%,5.874% 99.468%,5.792% 99.468%,5.711% 99.468%,5.631% 99.468%,5.551% 99.468%,5.471% 99.468%,5.392% 99.468%,5.314% 99.468%,5.236% 99.468%,5.158% 99.468%,5.081% 99.468%,5.005% 99.468%,4.929% 99.468%,4.854% 99.468%,4.779% 99.468%,4.704% 99.468%,4.63% 99.468%,4.557% 99.468%,4.484% 99.468%,4.411% 99.468%,4.34% 99.468%,4.268% 99.468%,4.197% 99.468%,4.127% 99.468%,4.057% 99.468%,3.988% 99.468%,3.919% 99.468%,3.851% 99.468%,3.783% 99.468%,3.716% 99.468%,3.65% 99.468%,3.584% 99.468%,3.518% 99.468%,3.453% 99.468%,3.389% 99.468%,3.325% 99.468%,3.262% 99.468%,3.199% 99.468%,3.137% 99.468%,3.075% 99.468%,3.014% 99.468%,2.953% 99.468%,2.894% 99.468%,2.834% 99.468%,2.775% 99.468%,2.717% 99.468%,2.659% 99.468%,2.602% 99.468%,2.545% 99.468%,2.489% 99.468%,2.434% 99.468%,2.379% 99.468%,2.325% 99.468%,2.271% 99.468%,2.218% 99.468%,2.165% 99.468%,2.113% 99.468%,2.062% 99.468%,2.011% 99.468%,1.961% 99.468%,1.911% 99.468%,1.862% 99.468%,1.814% 99.468%,1.766% 99.468%,1.719% 99.468%,1.672% 99.468%,1.626% 99.468%,1.581% 99.468%,1.536% 99.468%,1.492% 99.468%,1.448% 99.468%,1.405% 99.468%,1.363% 99.468%,1.321% 99.468%,1.28% 99.468%,1.239% 99.468%,1.199% 99.468%,1.16% 99.468%,1.121% 99.468%,1.083% 99.468%,1.046% 99.468%,1.009% 99.468%,0.973% 99.468%,0.937% 99.468%,0.902% 99.468%,0.868% 99.468%,0.834% 99.468%,0.801% 99.468%,0.769% 99.468%,0.737% 99.468%,0.706% 99.468%,0.675% 99.468%,0.646% 99.468%,0.616% 99.468%,0.588% 99.468%,0.56% 99.468%,0.533% 99.468%,0.506% 99.468%,0.48% 99.468%,0.455% 99.468%,0.431% 99.468%,0.407% 99.468%,0.383% 99.468%,0.361% 99.468%,0.339% 99.468%,0.318% 99.468%,0.297% 99.468%,0.277% 99.468%,0.258% 99.468%,0.239% 99.468%,0.221% 99.468%,0.204% 99.468%,0.188% 99.468%,0.172% 99.468%,0.157% 99.468%,0.142% 99.468%,0.129% 99.468%,0.115% 99.468%,0.103% 99.468%,0.091% 99.468%,0.08% 99.468%,0.07% 99.468%,0.06% 99.468%,0.052% 99.468%,0.043% 99.468%,0.036% 99.468%,0.029% 99.468%,0.023% 99.468%,0.018% 99.468%,0.013% 99.468%,0.009% 99.468%,0.006% 99.468%,0.003% 99.468%,0.001% 99.468%,0% 99.468%;
}

.ReferrerMessageContent_badge__s6b60 {
  display: flex;
  flex-direction: row;
  gap: 0.3125rem;
  position: absolute;
  bottom: -0.5rem;
  right: 2.875rem;
  transform: translate(50%, 0);
  font-weight: normal;
  font-family: var(--typographyFontFamily);
  font-size: 0.75rem;
  background-color: var(--bgcAlt);
  color: var(--orange050);
  padding: 0.125rem 0.25rem;
  border: 0.0625rem solid var(--orange700);
  border-radius: 3.125rem;
	z-index: 3;
  max-width: calc(12ch + 0.9375rem);
  width: fit-content;
  overflow: hidden;
  transition: max-width 1000ms linear;
}

.ReferrerMessageContent_wrapper__usgPf .ReferrerMessageContent_label__\+Lc5i {
  display: inline-block;
}

.ReferrerMessageContent_wrapper__usgPf .ReferrerMessageContent_invite__GU2x7 {
  display: none;
}

.ReferrerMessageContent_operator__rVLL9 {
  --bgc: var(--gray000);
  --bgcAlt: var(--peach600);
}

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

.ReferrerMessageContent_operatorContent__P\+aQ\+ {
  display: flex;
  flex-direction: column;
}

.ReferrerMessageContent_sender__daCV8 {
  font-family: var(--typographyFontFamily);
  font-size: 0.8rem;
  font-weight: bold;
  color: var(--orange050);
  margin: 0;
  line-height: 150%;
  text-align: left;
  margin-bottom: -31px;
  margin-top: 30px;
}

.ReferrerMessageContent_senderMargin__dNmbb{
  margin-bottom: 5px;
}

.ReferrerMessageContent_container__nwhSd {
  display: flex;
  border: 0.0625rem solid var(--orange700);
  border-right: none;
  border-radius: 0.625rem 0 0 0.625rem;
  position: relative;
  background-color: var(--bgc);
  color: var(--gray920);
  width: 100%;
  min-width: fit-content;
  max-width: 43rem;
  height: 3.625rem;
  margin-right: -1rem;
  align-items: center;
}

.ReferrerMessageContent_message__Re5gX {
  font-family: var(--typographyFontFamily);
  font-size: 0.75rem;
  font-weight: normal;
  color: var(--gray920);
  line-height: 150%;
  z-index: 2;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
  margin: 0;
	max-height: 3.5rem;
  padding: 0.375rem 0 0.5rem 0.5625rem;
  text-align: left;
}

.ReferrerMessageContent_border__bfm7A {
  position: relative;
  width: 6.625rem;
  height: 5.875rem;
  z-index: 1;
  clip-path: polygon(var(--poly));
  background-color: var(--orange700);
  display: flex;
  align-items: flex-end;
}

.ReferrerMessageContent_image__nWzN0 {
  width: 6.5625rem;
  height: 5.66rem;
  background-color: var(--bgc);
  clip-path: polygon(var(--poly));
  margin-bottom: 0.0625rem;
}

.ReferrerMessageContent_img__Mlk2f {
  width: 5.25rem;
  height: 5.25rem;
  min-height: 5.25rem;
  border: 0.125rem solid var(--orange700);
  background-color: var(--bgc);
  border-radius: 50%;
  object-fit: cover;
	margin: 0.25rem 0.25rem 0 1.125rem;
	z-index: 2;
	position: relative;
}

.ReferrerMessageContent_dialer__BWZnT {
  width: 6.6rem;
  height: 6.6rem;
  border: none;
  margin: -0.4375rem 0.25rem 0 0.375rem;
}

@media (min-width: 21.875rem) and (max-width: 50rem) {
  .ReferrerMessageContent_border__bfm7A {
    transform: translate(0, 0.0625rem);
  }
}
@media (min-width: 55.875rem) and (max-width: 56.1875rem) {
  .ReferrerMessageContent_border__bfm7A {
    transform: translate(0, 0.0625rem);
  }
}
@media (min-width: 56.25rem) and (max-width: 120rem) {
  .ReferrerMessageContent_border__bfm7A {
    transform: translate(0, 0.03125rem);
  }
}


@media (hover: hover) {
  .ReferrerMessageContent_badge__s6b60 {
    display: block;
    position: absolute;
    bottom: -0.5rem;
    right: 2.875rem;
    transform: translate(50%, 0);
    font-weight: normal;
    font-family: var(--typographyFontFamily);
    font-size: 0.75rem;
    background-color: var(--bgcAlt);
    color: var(--orange050);
    padding: 0.125rem 0.25rem;
    border: 0.0625rem solid var(--orange700);
    border-radius: 3.125rem;
    z-index: 3;
    max-width: calc(7ch + 0.9375rem);
    width: fit-content;
    overflow: hidden;
    transition: max-width 1000ms linear;
  }
  
  .ReferrerMessageContent_animated__dnD2U {
    max-width: calc(2ch + 0.9375rem);
  }

  .ReferrerMessageContent_wrapper__usgPf:hover .ReferrerMessageContent_label__\+Lc5i {
    display: inline;
  }
  
  .ReferrerMessageContent_wrapper__usgPf .ReferrerMessageContent_invite__GU2x7 {
    display: none;
  }
  
  .ReferrerMessageContent_wrapper__usgPf:hover .ReferrerMessageContent_badge__s6b60 {
    max-width: calc(7ch + 0.9375rem);
    transition: max-width 1000ms linear;
  }
  
  .ReferrerMessageContent_wrapper__usgPf:hover .ReferrerMessageContent_label__\+Lc5i {
    display: none;
  }
  
  .ReferrerMessageContent_wrapper__usgPf:hover .ReferrerMessageContent_invite__GU2x7 {
    display: inline;
  }
}

.ReferrerMessageContent_hide__6RlvE {
  display: none;
}

.ReferrerMessageContent_addMargin__ID1W6{
  margin-bottom: 200px;
}
.SongOfTheDay_songPlayerViewBox__TkrQ7 {
position: relative;
  justify-content: column;
  align-items: flex-end;  
  margin-right: 30px;
  margin-left: -30px;
}

.SongOfTheDay_songPlayerViewBoxButtons__Ik\+YZ {
    position: absolute;
    top: -28px;
    z-index: 999;
    height: 55px;
    width: 75px;
    border-radius: 50px 50px 0px 50px;
    justify-content: center;
    align-items: center;
    background-color: var(--orange500);
    animation: SongOfTheDay_open-button__2v7TT .25s linear;
}

.SongOfTheDay_loadingBackground__509dv {
    height: calc(100% - 20px);
    width: calc(100% - 20px); 
    background-color: black;
}

@keyframes SongOfTheDay_close-button__9JH11 {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes SongOfTheDay_open-button__2v7TT {
    from { 
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.SongOfTheDay_onOffButtonContainer__FJmLt {
    flex-direction: row;
    align-items: center;
    gap: 0px;
    justify-content: center;
    background-color: black;
    height: 90%;
    width: 90%;
    border-radius: 50px;
}

.SongOfTheDay_closeButtons__T6GIn {
    animation: SongOfTheDay_close-button__9JH11 .25s linear;
}

.SongOfTheDay_offButton__vrRoe {
    height: 80%;
    width: 40%;
    font-size: 12px;
    color: black;
    background-color: var(--orange500);
    border-radius: 15px 2px 2px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all;
}

.SongOfTheDay_onButton__dEnG8 {
    height: 80%;
    width: 40%;
    font-size: 12px;
    color: black;
    background-color: var(--orange500);
    border-radius: 2px 15px 15px 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all;
}

.SongOfTheDay_onButton__dEnG8:hover {
    box-shadow: inset 0 0 10px var(--orange970);
}

.SongOfTheDay_onButton__dEnG8 > span, .SongOfTheDay_offButton__vrRoe > span {
    text-align: center;
}

@keyframes SongOfTheDay_open-player__WNYS\+ {
    from {
        transform: scaleY(0.1);
        opacity: 0;
    }
    to {
        transform: scaleY(1);
        opacity: 1;

    }
}

@keyframes SongOfTheDay_close-player__7dK0c {
    from {
        transform: scaleY(1);
    }
    to {
        transform: scaleY(0.1);
        opacity: 0;
    }
}

.SongOfTheDay_viewBoxWrapper__2IOk9 {
    position: absolute;
    top: 25px;
    min-height: 220px;
    min-width: 220px;
    height: 250px;
    width: 25vw;
    max-width: 500px;
    border-radius: 20px 0 20px 20px;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    background-color: var(--orange500);
    animation: SongOfTheDay_open-player__WNYS\+ .25s linear;
}

.SongOfTheDay_closingSongPlayer__BfxPw {
    animation: SongOfTheDay_close-player__7dK0c .25s linear;
}

.SongOfTheDay_controlContainer__IP0yQ {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1px auto 6px;
    height: 15px;
    width: 85px;
    background-color: none;
}

.SongOfTheDay_playerControlsWrapper__3I-FS {
    position: relative;
    width: 155px;
    height: 75px;
    margin-top: -50px;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
}

.SongOfTheDay_leftControls__7LoBu svg, .SongOfTheDay_rightControls__j\+u62 svg, .SongOfTheDay_centerControls__IZVwP svg {
    cursor: pointer;
}

.SongOfTheDay_leftControls__7LoBu {
    position: absolute;
    left: 3px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    flex-direction: row;
    align-items: center;
    color: var(--gray000);
}

.SongOfTheDay_rightControls__j\+u62 {
    position: absolute;
    right: 20px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    flex-direction: row;
    align-items: center;
    color: var(--gray000);
}

.SongOfTheDay_fastForward__PLgkr {
    height: 10px;
    width: 10px;
}

.SongOfTheDay_centerControls__IZVwP {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.SongOfTheDay_playButton__tlsQ2 {
    margin-left: 5px;
}

.SongOfTheDay_progressBar__FszGr {
    flex-direction: row;
    width: calc(100% - 20px);
    transition: all 0.5s linear;
    background-color: var(--orange980);
    border-radius: 0px 0px 10px 10px;
    overflow:hidden;
}

.SongOfTheDay_progressBarPlayed__gmuJr {
    opacity: 1;
    background-color: var(--peach900);
    border: none;
    transition: all;
}
.MorphMessageOptionsSkeleton_style__HUPoS {
  width: 100%;
  height: 12px;
  border-radius: .5rem .25rem .5rem .5rem;
  background-color: var(--orange000);
}
.MorphMessageOptionsTabSkeleton_style__HNefH {
  height: 18px;
  width: 145.31px;
  border-radius: .5rem;
  background-color: transparent;
}
.MorphWorkflowTimelineSkeleton_style__wLBhj {
  width: 100%;
  height: 12px;
  border-radius: .5rem .5rem .5rem .5rem;
  background-color: var(--orange000);
  margin: 0 88px;
}
.MorphWorkflowTimelineTabSkeleton_style__llsd- {
  width: 20px;
  height: fit-content;
  border-radius: 10px;
  margin: 0 30px;
  background-color: var(--orange900);
}

.MorphPrivateChatSkeleton_style__AXHmG {
  width: 100%;
  height: 12px;
  border-radius: .5rem .25rem .5rem .5rem;
  background-color: var(--orange000);
}
.MorphReplySkeleton_style__GOMwH {
  width: 100%;
  height: 12px;
  border-radius: .5rem .25rem .5rem .5rem;
  background-color: var(--orange000);
}
.MorphBorrowerSelectorSkeleton_style__Rw\+dW {
  width: 30vw;
  height: 50px;
  /* overflow-x: hidden;
  overflow-y: hidden; */
  background-color: var(--peach800);
  border-radius: 10px;
  /* border: 1px solid var(--orange900); */
  /* padding: 5px; */
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit {
    display: flex;
    flex-direction: column;
    min-width: 12rem;
    text-transform: none;
    position: absolute;
    color: var(--orange500);
    bottom: 3px;
    font-size: 1rem;
    justify-content: center;
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_qrCircle1__90hT1 {
  display: flex;
  height: 29vh;
  width: 29vh;
  background: var(--gray930);
  border-radius: 50%;
  border: 2px solid var(--orange500);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 125px;
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_qrCircle2__m7Vt9 {
  display: flex;
  height: 23vh;
  width: 23vh;
  background: var(--gray930);
  border-radius: 50%;
  border: 11px solid var(--orange500);
  margin: auto;
  filter: drop-shadow(0 0 0.75rem var(--green200));
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_qrCircle3__cCr\+E {
  display: flex;
  height: 18vh;
  width: 18vh;
  background: var(--gray000);
  border-radius: 50%;
  margin: auto;
  bottom: 0px;
  position: relative;
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_qrCircle4__QPWll {
  display: flex;
  height: 15.5vh;
  width: 15.5vh;
  background: var(--gray000);
  border-radius: 50%;
  margin: auto;
  bottom: 0px;
  position: relative;
  border: 3px solid var(--gray930);
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_qr__Sizai {
  margin: auto;
  height: 12.5vh;
  width: 12.5vh;
  background-position: -1.5vh -1.5vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: 125% 125%;
  border-radius: 50%;
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_line__P322n {
  height: 12vh;
  width: 6px;
  background-color: var(--orange500);
  margin: auto;
  top: 14px;
  position: relative;
  z-index: -1;
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_indentSvg__zehFr {
  display: flex;
  position: relative;
  top: 26px;
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_svgBg__TJ-xv {
  width: 71px;
  height: 28px;
  position: absolute;
  z-index: -1;
  border-radius: 20px;
  margin: 1px;
  background: var(--orange500);
  transform: translate(-50%, 18%);
  left: 50%;
  background-color: var(--orange500);
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_copyIcon__Nlz3E {
  width: 40px;
  height: 40px;
  background-color: var(--orange500);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border-radius: 50%;
  bottom: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_urlBox__IY07x {
  position: absolute;
  width: fit-content;
  height: fit-content;
  background-color: var(--gray910);
  color: var(--gray000);
  padding: 6px 25px;
  font-size: 0.7rem;
  left: 50%;
  transform: translate(-50%, -25%);
  border: 1px solid var(--orange500);
  border-radius: 10px;
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_indentContainer__xiYKd {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  padding: 0 16px;
  font-size: 0.9rem;
  position: relative;
  bottom: 3px;
  color: transparent;
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_indentContainer__xiYKd div {
  cursor: pointer;
}

.MorphShareCustomLinkSkeleton_shareCustomLinkSkeletonContainer__K\+Nit .MorphShareCustomLinkSkeleton_svgPath2__wdrjc {
  animation: MorphShareCustomLinkSkeleton_svgSlide2__LP8nQ 0.5s forwards;
}

@keyframes MorphShareCustomLinkSkeleton_svgSlide2__LP8nQ {
  100% {
    opacity: 1;
    fill: url(#linear-gradient1);
  }
}
.MorphEditSkeleton_style__fY\+bv {
    width: 100%;
    height: 12px;
    border-radius: .5rem .25rem .5rem .5rem;
    background-color: var(--blue050);
    margin: 0 30px;
    padding: 8px 8px 3px 8px;
  }
.MorphChooseLoanProductsSkeleton_style__Y8-2- {
  width: 300px;
  height: 50px;
  background-color: var(--peach100);
  border-radius: 30px;
}
.MorphLoanProductPriceTableSkeleton_style__NY-Ew {
  width: 90%;
  height: 250px;
  border-radius: 10px;
  background-color: var(--orange700);
}
.MorphVideoListMenuSkeleton_style__7jdX0 {
    width: 100%;
    height: 12px;
    border-radius: .5rem .25rem .5rem .5rem;
    background-color: var(--blue050);
    margin: 0 30px;
    padding: 8px 8px 3px 8px;
} 
.MorphUserPromptsMenuSkeleton_style__873Ej {
    width: 100%;
    height: 12px;
    border-radius: .5rem .25rem .5rem .5rem;
    background-color: var(--blue050);
    margin: 0 30px;
    padding: 8px 8px 3px 8px;
}
.MorphCreditRepairAccountType_style__pENT0 {
  width: 100%;
  height: 12px;
  border-radius: .5rem .25rem .5rem .5rem;
  background-color: var(--blue999);
  margin: 0 30px;
  padding: 8px 8px 3px 8px;
}
.MorphCreditRepairWelcomeSkeleton_style__7r2jN {
  width: 149px;
  height: 25px;
  border-radius: 10px;
  margin-bottom: 11px;
  background-color: var(--orange900);
}

.MorphUserSuggestionsSkeleton_wrapper__QRlOv,
.MorphUserSuggestionsSkeleton_loadingWrapper__Za7v0 {
  padding: 8px 1rem 0.25rem 1rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-color: var(--blue930);
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: auto;
  position: relative;
  top: 1px;
  flex-direction: row;
  flex-wrap: nowrap;
}

.MorphUserSuggestionsSkeleton_accessibilityDescDiv__JK1uZ {
  visibility: hidden;
  position: absolute;
}

.MorphUserSuggestionsSkeleton_swiperContainer__h9RiO {
  transition: all 0.5s ease;
  width: 100%;
  min-width: 35vw;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-top: 5px;
}

.MorphUserSuggestionsSkeleton_arrowContainer__FAM2I {
  width: 100%;
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
}

.MorphUserSuggestionsSkeleton_arrow__zB9US {
  position: absolute;
  background-color: var(--blue950);
  display: flex;
  align-items: center;
  height: 100%;
  width: fit-content;
  z-index: 2;
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  padding: 0 4px;
  opacity: 1;
  visibility: visible;
}

.MorphUserSuggestionsSkeleton_arrow__zB9US:focus {
  outline: none;
  filter: brightness(0.85);
}

.MorphUserSuggestionsSkeleton_hidden__VQbtn {
  visibility: hidden !important;
  opacity: 0 !important;
}

.MorphUserSuggestionsSkeleton_shown__thDUd {
  visibility: visible !important;
  opacity: 1 !important;
}

.MorphUserSuggestionsSkeleton_buttonUpIcon__q1I-y {
  color: var(--gray000);
}

.MorphUserSuggestionsSkeleton_buttonUp__-f8uV {
  position: absolute;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 78%;
  z-index: 2;
  cursor: pointer;
  width: 96%;
  background-color: var(--blue900);
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  left: 2%;
  border-radius: 7px;
  margin-top: 6px;
}

.MorphUserSuggestionsSkeleton_buttonUp__-f8uV:focus {
  background-color: var(--blue910);
  outline: none;
}

.MorphUserSuggestionsSkeleton_buttonUp__-f8uV:hover {
  background-color: var(--morphUserPromptsMenuBottomBorder);
}

.MorphUserSuggestionsSkeleton_arrowImgContainer__laUHm {
  position: relative;
  display: inline-block;
}

.MorphUserSuggestionsSkeleton_arrowImg__diLZT {
  height: 25px;
  transition: all 0.5s ease;
  pointer-events: none;
}

.MorphUserSuggestionsSkeleton_arrowImgLeft__kv4Mo {
  transform: rotate(90deg);
}

.MorphUserSuggestionsSkeleton_arrowImgRight__VP9BS {
  transform: rotate(-90deg);
}

.MorphUserSuggestionsSkeleton_posAbs__qGTJF {
  position: absolute;
}

.MorphUserSuggestionsSkeleton_invisibleArrow__MTNML {
  opacity: 0;
}

.MorphUserSuggestionsSkeleton_arrow__zB9US svg {
  font-size: 1.3em;
  color: var(--gray000);
}

.MorphUserSuggestionsSkeleton_leftArrow__ko1ng {
  left: 0;
  top: -2px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  justify-content: start;
  display: none;
}

.MorphUserSuggestionsSkeleton_rightArrow__-8cVv {
  justify-content: end;
  right: 0;
  top: -2px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  display: none;
}

.MorphUserSuggestionsSkeleton_UserSelectNone__w0KVm {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; /* For Safari */
}

.MorphUserSuggestionsSkeleton_SingleSlideElementHover__g3NP6:hover {
  background-color: var(--blue940);
  box-shadow: var(--shadow400) 0px 0px 8px !important;
  transform: translateY(-2px);
}

.MorphUserSuggestionsSkeleton_SingleSwiperSlide__Duied {
  transition: background-color 0.3s ease;
}

.MorphUserSuggestionsSkeleton_SingleSwiperSlide__Duied:focus {
  outline: none;
  background-color: var(--blue940);
  border-radius: 8px;
}

.MorphUserSuggestionsSkeleton_container__RPd78::-webkit-scrollbar {
  display: none;
}

.MorphUserSuggestionsSkeleton_btn__g8k-d {
  background-color: var(--gray000);
  border: 0.125rem solid var(--gray000);
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0 8px;
}

.MorphUserSuggestionsSkeleton_btn__g8k-d:hover,
.MorphUserSuggestionsSkeleton_btn__g8k-d:focus {
  border: 0.125rem solid transparent;
}

.MorphUserSuggestionsSkeleton_btn__g8k-d:hover .MorphUserSuggestionsSkeleton_label__rlBRs,
.MorphUserSuggestionsSkeleton_btn__g8k-d:focus .MorphUserSuggestionsSkeleton_label__rlBRs {
  color: var(--gray920);
}

.MorphUserSuggestionsSkeleton_btnBorder__IHWGJ {
  border: 0.0625rem solid var(--blue930);
  border-radius: 0.5rem;
  min-width: 3.125rem;
  width: 100%;
  min-height: 3.125rem;
  height: 100%;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  flex-direction: column;
}

.MorphUserSuggestionsSkeleton_btnBorder__IHWGJ img,
.MorphUserSuggestionsSkeleton_btnBorder__IHWGJ svg {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--orange600);
}

.MorphUserSuggestionsSkeleton_label__rlBRs {
  color: var(--gray600);
  font-family: var(--typographyFontFamily);
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1;
}

.MorphUserSuggestionsSkeleton_bottomBorder__5RKSx {
  height: 0.75rem;
  background-color: var(--blue930);
  border-bottom-left-radius: 0.5rem;
  display: block;
  margin: 0;
  position: relative;
}

@media (min-width: 768px) {
  .MorphUserSuggestionsSkeleton_arrowContainer__FAM2I {
    display: flex;
  }

  .MorphUserSuggestionsSkeleton_leftArrow__ko1ng {
    display: flex;
  }

  .MorphUserSuggestionsSkeleton_leftArrow__ko1ng::before {
    position: absolute;
    left: -0.5rem;
    bottom: -0.01rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue950);
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 17% 93%, 33% 84%, 51% 73%, 66% 60%, 76% 47%, 86% 33%, 93% 19%);
  }

  .MorphUserSuggestionsSkeleton_leftArrow__ko1ng::after {
    position: absolute;
    right: -0.6rem;
    top: 0rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue950);
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 83% 7%, 67% 16%, 49% 27%, 34% 40%, 24% 53%, 14% 67%, 7% 81%);
  }

  .MorphUserSuggestionsSkeleton_rightArrow__-8cVv {
    display: flex;
  }

  .MorphUserSuggestionsSkeleton_rightArrow__-8cVv::after {
    position: absolute;
    right: -0.5rem;
    bottom: -0.01rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue950);
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 83% 93%, 67% 84%, 49% 73%, 34% 60%, 24% 47%, 14% 33%, 7% 19%);
  }
  .MorphUserSuggestionsSkeleton_rightArrow__-8cVv::before {
    position: absolute;
    left: -0.6rem;
    top: 0rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background-color: var(--blue950);
    clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 17% 7%, 33% 16%, 51% 27%, 66% 40%, 76% 53%, 86% 67%, 93% 81%);
  }

  .MorphUserSuggestionsSkeleton_rightArrow__-8cVv:hover::after,
  .MorphUserSuggestionsSkeleton_leftArrow__ko1ng:hover::before,
  .MorphUserSuggestionsSkeleton_rightArrow__-8cVv:hover::before,
  .MorphUserSuggestionsSkeleton_leftArrow__ko1ng:hover::after {
    background-color: var(--blue970);
  }

  .MorphUserSuggestionsSkeleton_arrow__zB9US:hover {
    background-color: var(--blue970);
  }

  .MorphUserSuggestionsSkeleton_buttonUp__-f8uV {
    border-radius: 0.9rem 0.9rem 0 0;
    width: 96%;
    height: 75%;
    left: 2%;
  }

  .MorphUserSuggestionsSkeleton_wrapper__QRlOv {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
    width: fit-content;
    max-width: calc(80%);
  }

  .MorphUserSuggestionsSkeleton_wrapper__QRlOv.MorphUserSuggestionsSkeleton_loadingWrapper__Za7v0::before {
    position: absolute;
    left: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(
      circle at 0% 0%,
      transparent 0.5rem,
      var(--blue930) 0.5625rem,
      var(--blue930) 0.625rem
    );
  }

  .MorphUserSuggestionsSkeleton_wrapper__QRlOv.MorphUserSuggestionsSkeleton_loadingWrapper__Za7v0::after {
    position: absolute;
    right: -0.5625rem;
    bottom: -0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    content: '';
    display: block;
    background: radial-gradient(
      circle at 100% 0%,
      transparent 0.5rem,
      var(--blue930) 0.5625rem,
      var(--blue930) 0.625rem
    );
  }

  .MorphUserSuggestionsSkeleton_bottomBorder__5RKSx.MorphUserSuggestionsSkeleton_isMorphedFooterCloseButtonOnLeft__RZa7O {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.5rem;
  }
  .MorphUserSuggestionsSkeleton_bottomBorder__5RKSx {
    height: 0.75rem;
    background-color: var(--blue930);
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    display: block;
    margin: 0;
    position: relative;
  }
}


.MorphPassword_container__XLsm9 {
  display: flex;
  flex-direction: column;
  border-width: 1px;
  border-radius: 10px;
  border-style: solid;
  border-color: var(--orange700);
  margin: 0px 30px;
  margin: var(--dynamic-margin, 0px 30px);
  background-color: white;
  padding: 10px;
}

.MorphPassword_container__XLsm9 > h5 {
  text-align: center;
  margin-bottom: 10px;
  color: var(--orange100);
  text-transform: uppercase;
}

.MorphPassword_list__MqPV7 {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.MorphPassword_list__MqPV7 > li::marker {
  content: '';
}

.MorphPassword_list__MqPV7 > li {
  display: flex;
  align-items: center;
  flex: 1 1;
}

.MorphPassword_list__MqPV7 > li > p {
  font-size: small;
  text-transform: capitalize;
}

.MorphPassword_default__RFPh1 {
  color: var(--gray510);
}

.MorphPassword_met__aZ0zY {
  color: var(--green800);
}

.MorphPassword_notMet__FaI5h {
  color: var(--red700);
}

@media (max-width: 900px) {
  :root {
    --dynamic-margin: 0px 20px;
  }
}

.Styles_animatingArrow__VXfZA {
  animation: Styles_AnimateArrow__va-qA ease 300ms;
}

@keyframes Styles_AnimateArrow__va-qA {
  0% {
    transform: none;
    opacity: 1;
  }

  50% {
    transform: translateY(25%) scale(0.5);
    opacity: 0;
  }

  51% {
    transform: translateY(-25%) scale(0.5);
    opacity: 0;
  }

  100% {
    transform: none;
    opacity: 1;
  }
}
.Styles_container__e45Wz {
  width: fit-content;
  position: relative;
  margin: auto;
  background-color: var(--blue995);
  display: flex;
  justify-content: center;
  align-items: stretch;
  border-radius: 15px 15px 0 0;
  transition: all 125ms ease-in-out;
}

.Styles_container__e45Wz::before {
  position: absolute;
  left: -0.5rem;
  bottom: -0.01rem;
  width: 0.625rem;
  height: 0.625rem;
  content: '';
  display: block;
  background-color: var(--blue995);
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 17% 93%, 33% 84%, 51% 73%, 66% 60%, 76% 47%, 86% 33%, 93% 19%);
}

.Styles_container__e45Wz::after {
  position: absolute;
  right: -0.5rem;
  bottom: -0.01rem;
  width: 0.625rem;
  height: 0.625rem;
  content: '';
  display: block;
  background-color: var(--blue995);
  clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 83% 93%, 67% 84%, 49% 73%, 34% 60%, 24% 47%, 14% 33%, 7% 19%);
}

.Styles_skeleton__6BUaG {
  min-width: 25rem;
  padding: 20px;
  display: flex;
  color: var(--gray000);
  justify-content: center;
  gap: 1rem;
}

.Styles_bottomBorder__kcbbQ {
  height: 0.75rem;
  background-color: var(--blue995);
  border-radius: 0.5rem 0.5rem 0 0;
  display: block;
  margin: 0;
  position: relative;
}

@media (max-width: 650px) {
  .Styles_container__e45Wz {
    width: 100%;
  }

  .Styles_container__e45Wz::before, .Styles_container__e45Wz::after {
    display: none;
  }

  .Styles_skeleton__6BUaG {
    width: 100%;
  }
  
  .Styles_bottomBorder__kcbbQ {
    border-radius: 0 0 0 0.5rem;
  }
}
.MorphLanguageSelectorSkeleton_languageSelectorContainer__tzS\+6 {
  display: flex;
  flex-direction: row;
  top: 43px;
  position: relative;
  width: 100%;
  margin: 0 30px;
}

.MorphLanguageSelectorSkeleton_mobile__fdzf2 {
  margin: 0px 30px 10px 20px;
}

.MorphLanguageSelectorSkeleton_greetingOuterCircle__SECy\+ {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #132B93 0%, #6B385B 50%, #D74D2E 100%);
  bottom: 0px;
  z-index: 2;
  overflow: hidden;
}

.MorphLanguageSelectorSkeleton_greetingInnerCircle__IKMmW {
  display: flex;
  width: 115px;
  height: 115px;
  background-color: var(--primaryBackground);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
}

.MorphLanguageSelectorSkeleton_greeting__oW1q- {
  margin-bottom: 40px;
  z-index: 1;
  position: relative;
  background: linear-gradient(to bottom, #132B93, #6B385B, #D74D2E);
  -webkit-background-clip: text;
  display: flex;
}

.MorphLanguageSelectorSkeleton_selectionContainer__tmhI2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 37px 0px;
}

.MorphLanguageSelectorSkeleton_flagsContainer__uj1-- {
  display: flex;
  align-items: center;
  background: var(--gray000);
  position: absolute;
  right: 0px;
  top: -11px;
  width: calc(100% - 124px);
  height: 45px;
  border: 1px solid var(--primaryMain);
  border-left: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.MorphLanguageSelectorSkeleton_flagsContainer__uj1--::before {
  clip-path: path('M 0 7 C 1 4.6667 2 1 7 0 L 101 0 L 153 0 L 154 58 L 71 58 C 57 16 31 5 0 7 Z');
  left: -67px;
  top: -1px;
  position: absolute;
  width: 300px;
  height: 45px;
  content: '';
  display: block;
  z-index: -1;
  background: radial-gradient(circle at 0% 100%, transparent 8px, var(--primaryMain) 9px, var(--primaryMain) 10px);
}

.MorphLanguageSelectorSkeleton_flagsContainer__uj1--::after {
  clip-path: path('M 2 6 C 2 5 3 1 9 1 L 99 1 L 152 1 L 153 57 L 72 57 C 59 19 36 5 4 6 Z');
  left: -67px;
  top: -1px;
  position: absolute;
  width: 300px;
  height: 44px;
  content: '';
  display: block;
  z-index: -1;
  background: var(--gray000);
}

.MorphLanguageSelectorSkeleton_flags__Eq4xb {
  display: flex;
  overflow: auto;
  width: 100%;
}

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

.MorphLanguageSelectorSkeleton_inputContainer__ACIYc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--gray000);
  width: calc(100% - 110px);
  height: 50px;
  border: 1px solid var(--primaryMain);
  margin-left: auto;
  position: relative;
  border-radius: 8px;
}

.MorphLanguageSelectorSkeleton_languageName__HJIg3 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: 0;
  margin-left: 10px;
}
.MorphFileSelector_class__\+Pw7W input {
  display: none;
}
.MorphFileSelector_class__\+Pw7W {
  min-width: 100%;
  padding: 0 80px 0 90px;
}
@media (max-width: 900px) {
  .MorphFileSelector_class__\+Pw7W {
    padding: 0 70px 0 80px;
  }
}
.MorphFileSelector_class__\+Pw7W ul {
  padding: 6px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
  list-style-type: none;
  width: fit-content;
  max-width: 100%;
  max-height: 192px;
  overflow: auto;
}
.MorphFileSelector_class__\+Pw7W ul:empty {
  display: none;
}
.MorphFileSelector_class__\+Pw7W ul:first-of-type li span p,
.MorphFileSelector_class__\+Pw7W ul:first-of-type li button p {
  width: 44px;
  max-width: 44px !important;
}
.MorphFileSelector_class__\+Pw7W li {
  height: 56px;
}
.MorphFileSelector_class__\+Pw7W li:only-child {
  height: fit-content;
}
.MorphFileSelector_class__\+Pw7W li > button,
.MorphFileSelector_class__\+Pw7W li > span {
  max-width: 44px !important;
}
.MorphFileSelector_class__\+Pw7W li > span > p,
.MorphFileSelector_class__\+Pw7W li > button > p,
.MorphFileSelector_class__\+Pw7W li + li > label > p {
  color: var(--gray800);
  font-size: 8px;
  font-weight: 500;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s linear;
  margin: 0;
  white-space: nowrap;
  pointer-events: none;
  line-height: 12px;
}
.MorphFileSelector_class__\+Pw7W label > p:nth-of-type(1) {
  display: none;
}
.MorphFileSelector_class__\+Pw7W label > p:nth-of-type(2) {
  display: block;
  display: -webkit-box;
  width: fit-content;
  margin: auto;
}
@media (pointer: coarse) {
  .MorphFileSelector_class__\+Pw7W label > p:nth-of-type(1) {
    display: block;
    display: -webkit-box;
    width: fit-content;
    margin: auto;
  }
  .MorphFileSelector_class__\+Pw7W label > p:nth-of-type(2) {
    display: none;
  }
}
.MorphFileSelector_class__\+Pw7W.MorphFileSelector_selectedFiles__RQa2R label > p {
  display: block;
  display: -webkit-box;
  width: fit-content;
  margin: auto;
}
.MorphFileSelector_class__\+Pw7W li > button > p > span {
  display: inline-block;
  width: 100%;
  max-width: 10px;
  transform: translateY(1px);
}
.MorphFileSelector_class__\+Pw7W li > span > div:first-child,
.MorphFileSelector_class__\+Pw7W li > button > div:first-child,
.MorphFileSelector_class__\+Pw7W li > label > div:first-child {
  width: 40px;
  height: 40px;
  margin: 0 auto 4px;
}
.MorphFileSelector_class__\+Pw7W li > span > div:first-child > div,
.MorphFileSelector_class__\+Pw7W li > button > div:first-child > div,
.MorphFileSelector_class__\+Pw7W li > label > div:first-child > div {
  mix-blend-mode: normal;
}
.MorphFileSelector_class__\+Pw7W li > span > div:first-child > div > *,
.MorphFileSelector_class__\+Pw7W li > button > div:first-child > div > * {
  object-fit: cover;
  width: 100%;
  height: 100%;
  color: var(--gray950);
  position: absolute;
  inset: 0;
}
.MorphFileSelector_class__\+Pw7W li label div:first-child {
  color: var(--orange500);
  display: flex;
}
.MorphFileSelector_class__\+Pw7W li label div:first-child > svg {
  width: 24px;
  height: 24px;
  margin: auto;
}
.MorphFileSelector_class__\+Pw7W li label p {
  text-align: center;
  color: var(--gray800);
  font-weight: 500;
  font-size: 10px;
  max-width: 13.0125rem;
  text-wrap: balance;
}
.MorphFileSelector_class__\+Pw7W li label p:nth-of-type(1),
.MorphFileSelector_class__\+Pw7W li label p:nth-of-type(2) {
  text-align: center;
  color: var(--orange500);
  font-weight: 500;
  font-size: 10px;
  font-weight: 600;
  font-size: 13px;
  margin: 0;
  width: fit-content;
  margin: auto;
	transition: all .3s linear;
  text-align: center;
  text-wrap-style: balance;
}
.MorphFileSelector_class__\+Pw7W li label div:last-child {
  width: fit-content;
  margin: auto;
  background-color: var(--orange500);
  color: var(--gray000);
  cursor: pointer;
  border-radius: 10px;
  padding: 5px 10px;
  margin-top: 7px;
	transition: all .3s linear;
  font-size: 9px;
  font-weight: 500;
}
.MorphFileSelector_class__\+Pw7W li label div {
  cursor: pointer;
}
.MorphFileSelector_class__\+Pw7W li label:hover > p:nth-of-type(1),
.MorphFileSelector_class__\+Pw7W li label:hover > p:nth-of-type(2),
.MorphFileSelector_class__\+Pw7W li label:hover > div {
  opacity: .8;
}
.MorphFileSelector_class__\+Pw7W ul {
  margin: auto;
}
.MorphFileSelector_class__\+Pw7W ul + ul label p {
  max-height: 3rem;
  max-width: 14rem;
  transition: max-width .5s linear, max-height .5s linear .5s;
  overflow: hidden;
  display: block;
}
.MorphFileSelector_class__\+Pw7W.MorphFileSelector_selectedFiles__RQa2R ul + ul label p,
.MorphFileSelector_class__\+Pw7W.MorphFileSelector_selectedFiles__RQa2R ul + ul label div:nth-of-type(1) {
  max-height: 0;
  max-width: 0;
  transition: max-height .5s linear, max-width .5s linear .5s;
  overflow: hidden;
  display: block;
}
.MorphFileSelector_class__\+Pw7W ul + ul label p:nth-of-type(1),
.MorphFileSelector_class__\+Pw7W ul + ul label p:nth-of-type(2) {
  white-space: nowrap;
}
.MorphFileSelector_class__\+Pw7W.MorphFileSelector_selectedFiles__RQa2R ul + ul label div {
  margin: 0 auto;
  transition: margin .5s linear;
}
.MorphFileSelector_class__\+Pw7W.MorphFileSelector_selectedFiles__RQa2R ul + ul label {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: fit-content;
  align-items: center;
}
.MorphFileSelector_class__\+Pw7W li > span {
  position: relative;
}
.MorphFileSelector_class__\+Pw7W li > span > div > div > svg {
  position: absolute;
  z-index: 10;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 1000rem;
  background: rgba(255, 255, 255, .4);
}
.MorphFileSelector_class__\+Pw7W li > span > div > div > svg > circle {
  transform: rotate(-90deg);
  transform-origin: center center;
}
.MorphFileSelector_pulse__nazhF {
  animation: MorphFileSelector_pulse__nazhF 2s linear infinite;
}
@keyframes MorphFileSelector_pulse__nazhF {
  0% {
    opacity: 100%;
  }
  25% {
    opacity: 10%;
  }
  75% {
    opacity: 100%;
  }
}
.GlassButton_class__Lo4iG {
  --bg-color: rgba(255, 255, 255, 0.25);
  --highlight: rgba(255, 255, 255, 0.75);

  position: relative;
  display: flex;
  cursor: pointer;
  background: transparent;
  border-radius: 1000rem;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
  margin: 0.5rem;
  width: fit-content;
  height: fit-content;
  position: relative;
  border: none;
  padding: 0;
  margin: 0;
}

.GlassButton_class__Lo4iG::before,
.GlassButton_class__Lo4iG::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 3px solid transparent;
  border-bottom-color: #FF3D00;
  filter: blur(3px);
  opacity: 0;
  transition: opacity .5s linear;
  z-index: 7;
  pointer-events: none;
}
.GlassButton_class__Lo4iG * {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}

.GlassButton_class__Lo4iG:hover::before {
  opacity: 1;
}

.GlassButton_class__Lo4iG:active::before {
  animation: GlassButton_left__hhha0 1s forwards;
}
.GlassButton_class__Lo4iG:active::after {
  animation: GlassButton_right__ZsX57 1s forwards;
}

@keyframes GlassButton_left__hhha0 {
  0% {
    opacity: 0;
    transform: rotate(0);
  }
  5% {
    opacity: 1;
    transform: rotate(0);
  }
  95% {
    opacity: 1;
    transform: rotate(180deg);
  }
  100% {
    opacity: 0;
    transform: rotate(180deg);
  }
}

@keyframes GlassButton_right__ZsX57 {
  0% {
    opacity: 0;
    transform: rotate(0);
  }
  5% {
    opacity: 1;
    transform: rotate(0);
  }
  90% {
    opacity: 1;
    transform: rotate(-180deg);
  }
  100% {
    opacity: 0;
    transform: rotate(180deg);
  }
}



.GlassButton_class__Lo4iG > div {
  color: white;
  fill: currentColor;
  mix-blend-mode: difference;
  width: fit-content;
  height: fit-content;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;

  /* Optional: subtle edge boost to prevent vanishing */
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.25));

  /* Ensure it's positioned correctly for blending */
  position: relative;
  z-index: 3;
  border-radius: 1000rem;
  overflow: hidden;
}
.GlassButton_class__Lo4iG > div::before {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  overflow: hidden;
  box-shadow: inset 1px 1px 0 var(--highlight), inset 0 0 5px var(--highlight);
  border-radius: 1000rem;
}
.GlassButton_class__Lo4iG > div::after {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  isolation: isolate;
  pointer-events: none;
  background: var(--bg-color);
  overflow: hidden;
  border-radius: 1000rem;
}
.GlassButton_class__Lo4iG > div > * {
  position: relative;
  z-index: 3;
}

.GlassContainer_class__Ox59d {
  display: flex;
  flex-direction: column;
  position: relative;
  background: rgba(255, 255, 255, 0.6);
  border: 3px solid rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 8px;
}
.GlassContainer_class__Ox59d.GlassContainer_clear__IunWl {
  background: rgba(255, 255, 255, 0.2);
  border: 3px solid rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  --noise-opacity: 0.1;
  --noise-size: 1px;
}
.GlassContainer_class__Ox59d.GlassContainer_subtle__Jcriw {
  background: rgba(255, 255, 255, 0.4);
  border: 3px solid rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  --noise-opacity: 0.2;
  --noise-size: 2px;
}
.GlassContainer_class__Ox59d.GlassContainer_frosted__duFGs {
  background: rgba(255, 255, 255, 0.6);
  border: 3px solid rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  --noise-opacity: 0.3;
  --noise-size: 3px;
}
.GlassContainer_class__Ox59d.GlassContainer_blurred__xK-te {
  background: rgba(255, 255, 255, 0.8);
  border: 3px solid rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  --noise-opacity: 0.4;
  --noise-size: 4px;
}
.GlassContainer_class__Ox59d.GlassContainer_opaque__cGe5A {
  background: rgba(255, 255, 255, 0.9);
  border: 3px solid rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  --noise-opacity: 0.5;
  --noise-size: 5px;
}
.GlassContainer_class__Ox59d::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 171 171%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27noiseFilter%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%273.74%27 numOctaves=%272%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23noiseFilter%29%27/%3E%3C/svg%3E");
  background-size: 2px;
  background-size: var(--noise-size, 2px);
  pointer-events: none;
  z-index: 1;
  opacity: 0.2;
  opacity: var(--noise-opacity, 0.2);
}
.GlassContainer_class__Ox59d > header {
  display: block;
  color: #FF0000;
  color: var(--orange500, #FF0000);
  text-transform: capitalize;
  font-family: 'Poppins', Ariel, Helvetica, san-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 8px;
}
.GlassContainer_class__Ox59d > main {
  display: block;
  margin-bottom: auto;
  font-family: 'Poppins', Ariel, Helvetica, san-serif;
  font-size: 12px;
  padding-left: 8px;
}
.GlassContainer_class__Ox59d > footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: auto;
  font-family: 'Poppins', Ariel, Helvetica, san-serif;
  font-size: 12px;
  gap: 8px;
  padding: 8px;
}

.GlassContainer_class__Ox59d > header:empty,
.GlassContainer_class__Ox59d > main:empty,
.GlassContainer_class__Ox59d > footer:empty {
  display: none;
}

.PseudoButton_class__IJTIs {
  --bg-color: rgba(255, 255, 255, 0.25);
  --highlight: rgba(255, 255, 255, 0.75);

  position: relative;
  display: flex;
  cursor: pointer;
  background: transparent;
  border-radius: 1000rem;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
  margin: 0.5rem;
  width: fit-content;
  height: fit-content;
  position: relative;
  border: none;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.PseudoButton_class__IJTIs.PseudoButton_disabled__1KfE6 {
  cursor: default;
}

.PseudoButton_class__IJTIs::before,
.PseudoButton_class__IJTIs::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 3px solid transparent;
  border-bottom-color: #FF3D00;
  filter: blur(3px);
  opacity: 0;
  transition: opacity .5s linear;
  z-index: 7;
}

.PseudoButton_class__IJTIs:hover::before {
  opacity: 1;
}
.PseudoButton_class__IJTIs.PseudoButton_disabled__1KfE6:hover::before {
  opacity: 0;
}

button:active .PseudoButton_class__IJTIs::before {
  animation: PseudoButton_left__PMP97 1s forwards;
}
button:active .PseudoButton_class__IJTIs::after {
  animation: PseudoButton_right__wDSH3 1s forwards;
}
button:active .PseudoButton_class__IJTIs.PseudoButton_disabled__1KfE6::before {
  animation: none;
}
button:active .PseudoButton_class__IJTIs.PseudoButton_disabled__1KfE6::after {
  animation: none;
}

@keyframes PseudoButton_left__PMP97 {
  0% {
    opacity: 0;
    transform: rotate(0);
  }
  5% {
    opacity: 1;
    transform: rotate(0);
  }
  95% {
    opacity: 1;
    transform: rotate(180deg);
  }
  100% {
    opacity: 0;
    transform: rotate(180deg);
  }
}

@keyframes PseudoButton_right__wDSH3 {
  0% {
    opacity: 0;
    transform: rotate(0);
  }
  5% {
    opacity: 1;
    transform: rotate(0);
  }
  90% {
    opacity: 1;
    transform: rotate(-180deg);
  }
  100% {
    opacity: 0;
    transform: rotate(180deg);
  }
}



.PseudoButton_class__IJTIs > div {
  color: white;
  fill: currentColor;
  mix-blend-mode: difference;
  width: fit-content;
  height: fit-content;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;

  /* Optional: subtle edge boost to prevent vanishing */
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.25));

  /* Ensure it's positioned correctly for blending */
  position: relative;
  z-index: 3;
  border-radius: 1000rem;
  overflow: hidden;
}
.PseudoButton_class__IJTIs > div::before {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  overflow: hidden;
  box-shadow: inset 1px 1px 0 var(--highlight), inset 0 0 5px var(--highlight);
  border-radius: 1000rem;
}
.PseudoButton_class__IJTIs > div::after {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  isolation: isolate;
  pointer-events: none;
  background: var(--bg-color);
  overflow: hidden;
  border-radius: 1000rem;
}
.PseudoButton_class__IJTIs > div > * {
  position: relative;
  z-index: 3;
}



.SessionTransferBanner_title__dsJVJ {
  color: var(--primaryMain);
  font-family: 'Poppins';
  padding-bottom: 5px;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}

.SessionTransferBanner_bannerText__3824t {
    z-index: 9;
    font-size: 0.8rem;
    color: black;
    text-align: left;
    font-weight: 400;
    font-family: 'Poppins';
    line-height: 1.5;
    overflow-wrap: break-word;
    padding-bottom: 10px;
}

.SessionTransferBanner_bannerContainer__zkME0 {
    position: absolute;
    bottom: 65px;
    left: 0;
    width: 100%;
    z-index: 3000;
    display: flex;
    justify-content: center;
    min-width: 100%;
    padding: 0 80px 0 90px;
}

@media (max-width: 900px) {
    .SessionTransferBanner_bannerContainer__zkME0 {
        padding: 0 65px 0 80px;
    }
}

.SessionTransferBanner_mainContainer__ov\+1d {
    padding: 10px;
}

.SessionTransferBanner_continueButton__CqU3q {
    position: relative;
    z-index: 8;
    color: white;
    flex: 1 1;
    padding: 10px 0px;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 0.8rem;
    border-radius: 8px;
    border: 2px solid transparent;
    background: #146D17;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 100px; /* A little bigger than the other button which can stack*/
    min-height: 32px;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0.8;
}

.SessionTransferBanner_startNewConvoBtn__wAHjx {
    position: relative;
    z-index: 8;
    color: white;
    flex: 1 1;
    padding: 10px 0px;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 0.8rem;
    border-radius: 8px;
    border: 2px solid transparent;
    background: #737373;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 100px;
    min-height: 32px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.SessionTransferBanner_buttonContainer__2PA2P {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    width: 100%;
}

.SessionTransferBanner_bannerIcons__5iHnz {
  width: 20px;
  height: 20px;
}

.SessionTransferBanner_fadeOut__10MVK {
  animation: SessionTransferBanner_fadeOutToBottom__v26nw 1.0s ease-in forwards;
  will-change: transform; /* Optimize animation and prevent backdrop-filter interference */
}

.SessionTransferBanner_fadeIn__RPwzf {
  animation: SessionTransferBanner_fadeInFromBottom__kQsgE 0.6s ease-out forwards;
  will-change: transform; /* Optimize animation and prevent backdrop-filter interference */
}

@keyframes SessionTransferBanner_fadeInFromBottom__kQsgE {
  from {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes SessionTransferBanner_fadeOutToBottom__v26nw {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100px);
  }
}
.ConvFooter_uploadButton__81l43 {
  color: var(--orange900);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}

.ConvFooter_uploadButton__81l43 img { 
  padding: 10px;
  margin-bottom: 6px;
}

.ConvFooter_uploadButton__81l43:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.ConvFooter_circularProgress__qLbPj { 
  color: var(--orange900);
}

.ConvFooter_checkmark__NDbSQ{
  color: var(--green400);
  height: 30px;
  width: 30px;
}

.ConvFooter_blockIcon__8CkyR {
  color: red;
  margin-bottom: 3px;
}

.ConvFooter_trashButton__Rihp6 {
  background-color: var(--peach600);
  height: 65px;
  width: 65px;
  margin-bottom: 10px;
  border-radius: 10px;
  margin-right: 5px;
  color: var(--primaryMain);
  font-size: large;
}
.MorphPointsTable_wrapper__wvV3a {
  max-height: 80vh;
  width: 600px;
  border: solid var(--orange054) 2px;
  border-bottom: 0;
  border-bottom: initial;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-family: var(--typographyFontFamily);
  bottom: 0px;
  z-index: 1;
  background-color: var(--gray000);
  overflow: hidden;
}

.MorphPointsTable_snapping__1rCfd {
  transition: height 0.3s ease-in-out;
}

.MorphPointsTable_closeButton__NXYEc {
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0px, 2px);
  top: -4px;
  z-index: 3;
  touch-action: none;
}

.MorphPointsTable_closeButton__NXYEc:hover {
  cursor: pointer;
}

@media (max-width: 900px) {
  .MorphPointsTable_wrapper__wvV3a {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.MorphPointsTable_categories__yIV\+L {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.MorphPointsTable_categoryContainer__vYxCt {
  display: flex;
  gap: 2px;
  width: 100%;
  max-height: 60px;
  background-color: #ffe7df;
  height: 44.89px;
  border-radius: 10px;
  align-items: center;

  gap: 40px;
  background-color: var(--gray000);
}

.MorphPointsTable_categoryContainer__vYxCt > div {
  display: flex;
  align-items: center;
  background-color: #ffefea;
  position: relative;
  border-radius: 5px;
  height: 44px;
}
.MorphPointsTable_categoryContainer__vYxCt > div:first-child {
  flex: 3 1;
  color: #ff541c;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.MorphPointsTable_categoryContainer__vYxCt > div:first-child > p {
  color: #313131;
}
.MorphPointsTable_categoryContainer__vYxCt > div:last-child {
  flex: 1 1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #ff541c;
  justify-content: flex-end;
  padding-right: 10px;
}
.MorphPointsTable_categoryContainer__vYxCt > div::after {
  content: '';
  display: block;
  aspect-ratio: 22/44;
  width: auto;
  height: 100%;
  left: 100%;
  top: 0;
  position: absolute;
  background-color: #ffefea;
  /* https://www.plantcss.com/css-clip-path-generator helps convert svg path to clip-path. This prevents popin from the svg loading after the css */
  clip-path: polygon(
    0% 0%,
    0% 0%,
    3.386% 0.083%,
    6.455% 0.33%,
    9.235% 0.74%,
    11.758% 1.31%,
    14.054% 2.037%,
    16.154% 2.919%,
    18.088% 3.954%,
    19.885% 5.14%,
    21.578% 6.474%,
    23.195% 7.955%,
    23.195% 7.955%,
    30.813% 15.361%,
    38.333% 22.618%,
    45.797% 29.78%,
    53.247% 36.9%,
    60.725% 44.034%,
    68.272% 51.236%,
    75.931% 58.561%,
    83.744% 66.064%,
    91.753% 73.798%,
    100% 81.818%,
    100% 81.818%,
    101.585% 83.924%,
    102.335% 86.232%,
    102.294% 88.643%,
    101.508% 91.057%,
    100.024% 93.373%,
    97.886% 95.492%,
    95.14% 97.315%,
    91.833% 98.74%,
    88.009% 99.668%,
    83.715% 100%,
    83.715% 100%,
    71.19% 100%,
    58.92% 100%,
    47.155% 100%,
    36.147% 100%,
    26.146% 100%,
    17.401% 100%,
    10.164% 100%,
    4.684% 100%,
    1.213% 100%,
    0% 100%,
    0% 0%
  );
}
.MorphPointsTable_categoryContainer__vYxCt > div:last-child::after {
  top: 0;
  right: 100%;
  left: auto;
  left: initial;
  transform: rotate(180deg);
}

.MorphPointsTable_left__4LPBY {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
}

.MorphPointsTable_right__KDZwS {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  flex: 1 1;
}

.MorphPointsTable_categoryName__38zoK {
  font-weight: 500;
  font-size: 13px;
  color: var(--gray950);
}

.MorphPointsTable_categoryBalance__E2o1H {
  font-size: 18px;
  font-weight: 600;
  color: var(--primaryMain);
  float: right;
}

.MorphPointsTable_footer__c7VdL {
  display: flex;
  font-weight: 600;
  justify-content: space-between;
  align-items: center;
}

.MorphPointsTable_balance__DrN0q {
  font-size: 16px;
}

.MorphPointsTable_limit__KLDM9 {
  font-size: 13px;
}

.MorphPointsTable_weirdBackground__iA4ML {
  background-color: var(--peach930);
  width: 60%;
  height: 100%;
  border-radius: 10px;
  position: absolute;
  top: 0;
  z-index: -1;
}

.MorphPointsTable_balancesContainer__Edqrh {
  height: 88px;
  position: relative;
}

.MorphPointsTable_balances__SJLCq {
  /* background-color: var(); */
  height: 100%;
  margin: 5px;
  border: solid 2px white;
  border-left: solid 2px white;
  border-radius: 10px;
  height: 78px;
  display: flex;
  overflow: hidden;
  color: var(--gray000);
}

.MorphPointsTable_pointsBalance__RU22n {
  width: fit-content;
  background: var(--primaryMain);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2px;

  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.MorphPointsTable_pointsBalance__RU22n::after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  width: auto;
  height: 100%;
  display: block;
  aspect-ratio: 34/80;
  background: linear-gradient(to top left, transparent 50%, var(--primaryMain) 50%) no-repeat;
  z-index: 1;
}

.MorphPointsTable_balanceText__OBLSc {
  font-size: 28.24px;
  font-weight: bold;
  display: block;
  z-index: 1;
}

.MorphPointsTable_tokenBalance__savgQ {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to top right, var(--primaryMain), var(--yellow600)) no-repeat;
  padding-left: 20px;
  position: relative;
}

.MorphPointsTable_balanceTextContainer__5I2jZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.MorphPointsTable_balanceNameText__wQINC {
  font-size: 13.15px;
  font-weight: bold;
  display: block;
  text-transform: capitalize;
  z-index: 1;
}

.MorphPointsTable_top__hGR7e {
  display: flex;
  justify-content: space-between;
}

.MorphPointsTable_text__m\+-lb {
  display: flex;
  flex-direction: column;
  color: var(--primaryMain);
}

.MorphPointsTable_body__InR-K {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  overflow-y: auto;
  /* max-height: 380px; */
  padding: 20px 10px 10px 10px;
  height: 100%;
}

.MorphPointsTable_goalPointsText__708eP {
  font-weight: bold;
  font-size: 28.24px;
}

.MorphPointsTable_redeemText__3OkOi {
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16.83px;
}

.MorphPointsTable_spinningTokenImg__7PLTy {
  height: 46.56px;
  width: 46.56px;
}

.MorphPointsTable_categoryIcon__aBCTh {
  width: 44px;
  padding: 12px;
}

.MorphPointsTable_progressBarContainer__ztAmT {
  position: relative;
  background-color: var(--primaryMain);
  height: 19.77px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 4px;
}

.MorphPointsTable_checkPointContainer__T82m3 {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: calc(100% - 14px);
}

.MorphPointsTable_checkPoint__6pV4u {
  background-color: var(--primaryBackground);
  height: 4.45px;
  width: 4.45px;
  border-radius: 50%;
}

.MorphPointsTable_columnLabels__yD4ae {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}

.MorphPointsTable_yourPoints__Lnuup {
  /* padding-left: 5px; */
  font-weight: 600;
  text-transform: capitalize;
}

.MorphPointsTable_balanceColumnLabel__ejzYJ {
  font-size: 9px;
}

.MorphPointsTable_cardsContainer__HpLAn {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  max-width: 100%;
  padding-top: 5px;
}

.MorphPointsTable_twoColumns__KrZ5Y {
  grid-template-columns: repeat(2, 1fr);
}

.MorphPointsTable_oneColumn__KN4HR {
  grid-template-columns: 1fr;
}

.MorphPointsTable_categoryCard__K-8kV {
  position: relative;
  background: white;
  border-radius: 8px;
  box-shadow: 0 0 6px var(--gray820);
  text-align: center;
  min-height: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  font-family: var(--typographyFontFamily);
}

.MorphPointsTable_cardName__ETsc8 {
  font-size: 12.61px;
}

.MorphPointsTable_creditAmount__YbbiN {
  font-size: 12.7px;
  color: var(--gray000);
}

.MorphPointsTable_creditAmount__YbbiN::first-letter {
  text-transform: uppercase;
}

.MorphPointsTable_cardIcon__7ZMBu {
  width: 44px;
}

.MorphPointsTable_frequencyTag__5Nmof {
  position: absolute;
  top: 0px;
  transform: translate(-50%, -50%);
  left: 50%;
  height: 24.11px;
  width: fit-content;
  background-color: var(--primaryMain);
  border-radius: 5px;
  padding: 0px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.MorphPointsTable_capFrequencyKeyword__R6Ace {
  text-transform: capitalize;
  font-size: 13.56px;
  color: var(--gray000);
}

/* Following is styling for the buttons shown in the conversation footer component */

.MorphPointsTable_viewButtonContainer__MiTgk {
  display: flex;
  height: 100%;
}

.MorphPointsTable_viewButton__EehEc:last-child {
  border-bottom-right-radius: 5px;
}

.MorphPointsTable_viewButton__EehEc {
  height: 100%;
  width: 50px;
  background-color: white;
  border: solid 2px var(--primaryMain);
  /* border-top: solid 4px var(--primaryMain); */
  font-size: 10px;
  color: var(--primaryMain);
}

.MorphPointsTable_selectedTableView__EQRua {
  background-color: green;
  color: var(--gray000);
}

.MorphPointsTable_viewButtonIcon__-YuMe {
  height: 25px;
  width: 25px;
}

.MorphPointsTable_viewButtonText__i3Mdy {
  text-transform: capitalize;
}

.MorphPointsTable_cardContent__NRJOt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 4 1;
  padding: 10px;
  color: var(--gray950)
}

.MorphPointsTable_cardFooter__Um\+Io {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  background-color: var(--primaryMain);
  padding: 5px 0px;
  gap: 1px;
  color: var(--gray000);
}

.MorphPointsTable_notificationContainer__Zvcao {
  max-width: 100%;
  background-color: var(--gray100);
  position: relative;
  border-radius: 10px;
  z-index: 2;
  display: flex;
  height: 88px;
  flex-wrap: wrap;
  overflow: hidden;
  cursor: pointer;
}

.MorphPointsTable_notificationLeft__0lUmq {
  background-color: var(--blue992);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--gray000);
  text-wrap-mode: nowrap;
  padding: 0px 7px;
  font-size: 13px;
  border-radius: 10px;
}

.MorphPointsTable_notificationRight__webjR {
  flex: 1 1;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 20px 0px 10px;
  max-height: 87px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.MorphPointsTable_clickToStart__uV\+qw {
  text-align: center;
  align-self: center;
  display: block;
}

.MorphPointsTable_lockIcon__0KsNK {
  width: 39px;
  height: auto;
}

.MorphPointsTable_closeNotificationButton__z18s0 {
  position: absolute;
  top: -6px;
  left: -6px;
  background-color: var(--gray000);
  border: solid 1px var(--gray100);
  border-radius: 50%;
  height: 23px;
  width: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.MorphPointsTable_closeIcon__MkHF\+ {
  font-size: 16px;
}
/* 
.roundTimeBar {
  position: absolute;
  bottom: 0;
  height: 2px;
  transform-origin: left center;
  background: linear-gradient(to bottom, var(--primaryMain), var(--orange054));
  animation: roundtime 6s linear forwards;
  width: 100%;
} */

@keyframes MorphPointsTable_roundtime__Zuz\+G {
  to {
    /* More performant than `width` */
    transform: scaleX(0);
  }
}

.MorphPointsTable_roundTimer__y9PJC {
  position: absolute;
  width: 24px;
  height: 24px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}

.MorphPointsTable_roundTimer__y9PJC > circle {
  stroke-dasharray: 69px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 1px;
  stroke: var(--primaryMain);
  fill: none;
  animation: MorphPointsTable_countdown__\+VXlR 6s linear 1 forwards;
}

@keyframes MorphPointsTable_countdown__\+VXlR {
  from {
    stroke-dashoffset: 0px;
  }
  to {
    stroke-dashoffset: 69px;
  }
}

@keyframes MorphPointsTable_fall__lb9m0 {
  0% {
    top: -100%;
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 1;
  }
}

.MorphPointsTable_fallingIcon__bB-DP {
  position: absolute;
  top: -100%;
  animation: MorphPointsTable_fall__lb9m0 3s linear infinite;
  height: auto;
  color: var(--primaryMain);
  opacity: 50%;
}

.MorphPointsTable_skeletonCategory__D\+sRr {
  background-color: #ffe7df;
  border-radius: 10px;
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  padding: 5px;
  gap: 5px;
  justify-content: space-between;
}

.MorphPointsTable_skeletonCategoryLeft__8oeq9 {
  display: flex;
  gap: 5px
}

.MorphPointsTable_skeletonCard__r5yLt {
  position: relative;
  background: white;
  border-radius: 8px;
  box-shadow: 0 0 6px var(--gray820);
  text-align: center;
  min-height: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ChatInputField_charCountWrapper__VNl9R{
  position: absolute;
  width: 55px;
  height: 10px;
  display: flex;
  justify-content: center;
}

.ChatInputField_charMobile__tc8MR{
  left: -10px;
  bottom: 4px;
}

.ChatInputField_charDesktop__MVXCD{
  left: -10px;
  bottom: 4px;
}

.ChatInputField_charCount__JH5uN{
  font-size: 10px;
}

.ChatInputField_noChar__bGXl\+{
  color: var(--gray200);
}

.ChatInputField_reachedLimit__Fj-Y1{
  color: var(--red400);
}
.styles_footerPartBaseClass__lO5\+b {
  background-color: white;
  position: absolute;
  left: 10px;
  bottom: 1px;
  border-radius: 15px;
  display: flex;
  justify-content: start;
  flex-direction: column;
  transition: all 0.5s ease-in-out !important;
  border: 1px solid var(--primaryMain);
}

.styles_cornerHideBottomPart__n1Duw::after {
  content: '';
  position: absolute;
  top: -17px;
  left: 0;
  width: 100%;
  height: 15px; /* adjust as needed */
  background: white; /* or use current background */
  pointer-events: none; /* ensures it doesn't block interaction */
  z-index: 1;
}

.styles_rainbowBg__5SdYh {
  background: radial-gradient(circle at 90% 40%, rgba(48, 83, 252, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 5% 50%, rgba(255, 84, 28, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 95% 40%, rgba(28, 221, 255, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 2% 60%, rgba(157, 28, 255, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 35% 55%, rgba(157, 28, 255, 0.1) 2%, transparent 10%),
  radial-gradient(circle at 65% 45%, rgba(157, 28, 255, 0.1) 2%, transparent 10%),
  radial-gradient(circle at 75% 40%, rgba(48, 83, 252, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 10% 60%, rgba(255, 84, 28, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 85% 60%, rgba(28, 221, 255, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 15% 65%, rgba(157, 28, 255, 0.2) 2%, transparent 10%),
  radial-gradient(circle at 45% 50%, rgba(157, 28, 255, 0.1) 2%, transparent 10%),
  radial-gradient(circle at 55% 40%, rgba(157, 28, 255, 0.1) 2%, transparent 10%),
  white;

  animation: styles_moveGradient__J7SP1 15s ease-in-out infinite alternate;
  background-size: 300% 100%;
}

@keyframes styles_moveGradient__J7SP1 {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 100% 50%;
  }
}
.AudioVisualizerStyles_container__XFwV\+ {
  width: 100%;

  position: absolute;
  width: calc(100% - 20px);
  height: 350px;
  background-color: white;
  bottom: 5px;
  left: 50%;
  translate: -50%;
  z-index: 11;
  padding-bottom: 90px;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 2px solid var(--primaryMain);
  overflow: hidden;
}

.AudioVisualizerStyles_header__7l6X7 {
  background-color: var(--primaryMain);
  width: 100%;
  height: 30px;

  display: flex;
  justify-content: center;
  align-items: center;

  color: white;
  font-weight: bold;
  text-transform: capitalize;
  font-family: var(--typographyFontFamily);
}

.AudioVisualizerStyles_waveContainer__qFpTC {
  width: 100%;
  height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.AudioVisualizerStyles_recordButton__QUqYU {
  background-color: red !important;
}

.AudioVisualizerStyles_playButton__V\+LfK {
  border: 2px solid var(--primaryMain);
  background-color: white;
  color: var(--primaryMain);
  height: 40px;
  width: 40px;
}

.AudioVisualizerStyles_controls__KDHJO {
  text-align: center;
  display: grid;
  width: 100%;
  justify-content: center;
  align-items: center;
  grid-template-columns: 1fr 60px 1fr;
  padding: 0 10px;
}

.AudioVisualizerStyles_hr__bErUk {
  border: 1px solid darkblue;
  position: absolute;
  width: 100%;
  translate: 0 -3px;
}

.AudioVisualizerStyles_title__CXCP3 {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.AudioVisualizerStyles_timer__g3Fmb {
  width: 52px;
}

.AudioVisualizerStyles_elapsedTime__rbBFG {
  font-family: monospace;
  font-size: 12px;
}

.AudioVisualizerStyles_status__iDK0v {
  font-size: 14px;
}

.AudioVisualizerStyles_circleIcon__QoQMz {
  position: absolute;
  background-color: var(--gray000);
  height: 55px;
  width: 55px;
  border-radius: 50%;
  color: var(--primaryMain);
  font-size: large;
  display: flex;
  justify-content: center;
  align-items: center;
}

.AudioVisualizerStyles_btn__jbYAI {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: var(--primaryMain);
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 6px 16px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  font-family: var(--typographyFontFamily);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
  text-transform: capitalize;
  min-width: 64px;
  padding: 6px 16px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: #fff;
  background-color: #ff541c;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.AudioVisualizerStyles_filename__NaDOx {
  color: black;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
}

.AudioVisualizerStyles_filenameContainer__\+0p3v {
  display: flex;
  justify-content: flex-end;
  padding-right: 8px;
}

.AudioVisualizerStyles_label__tZDZm {
  text-transform: capitalize;
}

.AudioVisualizerStyles_inputContainer__C3AJq {
  justify-self: left;
  flex-direction: column;
  display: flex;
  align-items: center;
  gap: 3px;
  width: 100%;
  position: relative;
}

/* screen widths larger than 900px */
@media (min-width: 900px) {
  .AudioVisualizerStyles_recordButton__QUqYU {
    max-width: 200px;
    justify-self: end;
  }
  .AudioVisualizerStyles_btn__jbYAI {
    max-width: 200px;
    justify-self: start;
  }

  .AudioVisualizerStyles_inputContainer__C3AJq {
    max-width: 200px;
    flex-direction: row;
  }
}

.CassetteRecorder_cassetteContainer__EmD1a {
  border: 2px solid #ff4103;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  width: 260px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 34px;
  box-sizing: border-box;
  padding-bottom: 10px;
  gap: 5px;
}

.CassetteRecorder_screwsContainer__oivi7 {
  position: absolute;
  display: flex;
  top: 4px;
  justify-content: space-between;
  width: 100%;
  padding: 0px 4px;
  box-sizing: border-box;
}

.CassetteRecorder_screw__CsuGC {
  height: 13px;
  width: 13px;
  background-color: transparent;
  border: 2px solid #ff4103;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.CassetteRecorder_screw__CsuGC:nth-child(odd)::before,
.CassetteRecorder_screw__CsuGC:nth-child(odd)::after {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 1.5px;
  border-radius: 2px;
  background-color: #ff4103;
  transform: rotate(-15deg);
}

.CassetteRecorder_screw__CsuGC:nth-child(odd)::after {
  transform: rotate(75deg);
}

.CassetteRecorder_trapezoid__k9Tdd {
  display: flex;
  position: absolute;
  top: -1px;
}

.CassetteRecorder_window__AdNZ7 {
  height: 48px;
  width: 212px;
  border: 2px solid #ff4103;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 4px;
}

.CassetteRecorder_reel__Ifu7f {
  display: flex;
}

@keyframes CassetteRecorder_spinCounterClockwise__x91WV {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

@keyframes CassetteRecorder_spinClockwise__G8l13 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.CassetteRecorder_spinning__zWY63 {
  animation: CassetteRecorder_spinCounterClockwise__x91WV 2s linear infinite;
}

.CassetteRecorder_spinningClockwise__v4l64 {
  animation: CassetteRecorder_spinClockwise__G8l13 2s linear infinite;
}

.CassetteRecorder_canvasContainer__0QmFr {
  height: 100%;
  width: 100%;
}

.CassetteRecorder_canvasContainer__0QmFr > canvas {
  height: 100% !important;
}

.CassetteRecorder_visualizerContainer__VTZ1q {
  height: 100%;
  width: 100%;
}

.CassetteRecorder_time__n6uPo {
  color: #ff4103;
  font-weight: bold;
}

.CassetteRecorder_controls__pNvgL {
  margin-top: auto;
  padding-bottom: 10px;
}

.ConsoleDialog_tableWrapper__4afWq {
  overflow: auto;
  height: 100%;
  box-shadow: 0 0 10px var(--peach900);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.ConsoleDialog_chatlogsTable__u3LGQ {
  border-collapse: collapse;
  width: 100%;
  overflow: hidden;
}

.ConsoleDialog_chatlogsTable__u3LGQ th,
.ConsoleDialog_chatlogsTable__u3LGQ td {
  border: 1px solid var(--primaryLight);
  padding: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 500px;
  overflow: hidden;
}

.ConsoleDialog_chatlogsTable__u3LGQ th {
  background-color: var(--peach900);
}

.ConsoleDialog_chatlogsTable__u3LGQ th:nth-child(1) {
  width: 111px;
}

.ConsoleDialog_chatlogsTable__u3LGQ th:nth-child(2) {
  width: 85px;
}

.ConsoleDialog_chatlogsTable__u3LGQ th:nth-child(3) {
  width: 500px;
}

.ConsoleDialog_chatlogsTable__u3LGQ th:nth-child(4) {
  width: 189px;
}

.ConsoleDialog_chatlogsTable__u3LGQ td.ConsoleDialog_expanded__EihkT {
  white-space: normal;
  overflow: auto;
}

.ConsoleDialog_filterTitle__2WrSM{
  color: var(--blue010);
  text-transform: none;
  font-size: 1rem;
  font-weight: 600;
}

.ConsoleDialog_filterDropdown__oNWm9 {
  position: absolute;
  background-color: var(--gray000);
  border: 1px solid var(--gray060);
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0 2px 5px var(--shadow110);
  display: none;
}

.ConsoleDialog_chatlogsTable__u3LGQ th {
  position: relative;
  color: var(--blue010);
}

.ConsoleDialog_chatlogsTable__u3LGQ th:hover .ConsoleDialog_filterDropdown__oNWm9 {
  display: block;
}

.ConsoleDialog_filterDropdown__oNWm9 label {
  display: block;
  margin-bottom: 5px;
}

.ConsoleDialog_filterDropdown__oNWm9 input[type='checkbox'] {
  margin-right: 5px;
}

.ConsoleDialog_chatlogSearch__LY\+s0 {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
  gap: 10px;
}

.ConsoleDialog_chatlogsTable__u3LGQ tbody tr:nth-child(even) {
  background-color: var(--peach100);
}

.ConsoleDialog_chatlogsTable__u3LGQ tbody tr:nth-child(odd) {
  background-color: var(--gray000);
}

.ConsoleDialog_chatDownButton__qj3Lr {
  position: absolute;
  right: 30px;
  bottom: 75px;
}

.ConsoleDialog_chatDownIcon__McARM {
  width: 50px;
  height: 50px;
  color: var(--peach900);
}

.ConsoleDialog_noLogs__MtXxm {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
  background: var(--primaryLight);
  padding: 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 6px;
}

.ExpandFullMode_link__l8kK1 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  width: max-content;
  font-size: 14px;
  font-family: var(--typographyFontFamily);
  height: 29px;
  align-items: center;
  color: var(--orange400);
  text-decoration: none;
  cursor: pointer;
}
.ConversationTitle_userInfo__FDCGz {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.ConversationTitle_nameButton__zny7d,
.ConversationTitle_nameLabel__2acGe {
  color: var(--blue010);
  font-family: var(--typographyFontFamily);
  font-size: 1rem;
  font-weight: 600;
  text-transform: capitalize;
  padding: 0 .25em;
}

.ConversationTitle_openAppButton__-nmKe {
  display: inline-flex;
  border: 1px solid var(--gray000);
  border-radius: 4px;
  padding-left: 5px;
  padding-right: 5px;
  height: 25px;
  color: var(--orange700);
  background-color: var(--gray000);
  font-family: var(--typographyFontFamily);
  transition: all 0.6s linear;
  overflow: hidden;
  text-wrap: nowrap;
  text-decoration: none;
  text-align: center;
  align-items: center;
}

.ConversationTitle_openAppButton__-nmKe > p {
  font-size: 11px;
}
.PointsTrackerStyles_wrapper__ZxC3R {
  height: 27.37px;
  padding: 1px 5px 0px 5px;
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6));
  border-radius: 50px;
  font-family: var(--typographyFontFamily);
  display: flex;
  justify-content: center;
  align-items: center;
  /* gap: 3px; */
  color: var(--gray000);
  transition: width 0.3s ease-in-out;
  overflow: hidden;

  white-space: nowrap;
  width: 40px;
}

.PointsTrackerStyles_icon__aWrQ\+ {
  transform: translateY(-1px);
  height: 25px;
  width: 25px;
}

.PointsTrackerStyles_numberText__h4HHs {
  font-weight: 700;
  font-family: var(--typographyFontFamily), monospace !important;
  transform: translateX(100%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}

.PointsTrackerStyles_show__AOCHF {
  transform: translateX(0);
  opacity: 1;
}

.PointsTrackerStyles_hiddenText__UiGVQ {
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
  font-weight: 700;
  font-family: 'IBM Plex Mono', monospace;
  font-size: inherit;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 2s;
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: "Helvetica Neue", sans-serif;
  line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

.LinkPreview_class__oF3lG {
  --time-in-ms: 500ms;
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  z-index: 290000000;
}
.LinkPreview_class__oF3lG > div {
  interpolate-size: allow-keywords;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: inherit;
  width: 0;
  height: 0;
  opacity: 0;
  transition: width var(--time-in-ms) ease-out, height var(--time-in-ms) ease-out;
}
.LinkPreview_class__oF3lG > div > section,
.LinkPreview_class__oF3lG > div > section > main,
.LinkPreview_class__oF3lG > div > section > main > iframe {
  width: 100%;
  height: 100%;
  padding: 0;
}
.LinkPreview_class__oF3lG > div > section > main > iframe {
  opacity: 0;
  transition: opacity var(--time-in-ms) ease-out calc(3 * var(--time-in-ms));
  border: none;
}
.LinkPreview_class__oF3lG > nav {
  position: absolute;
  left: 10px;
  right: 10px;
  opacity: 0;
  transform: translateY(20px);
  transition: transform var(--time-in-ms) ease-out calc(2 * var(--time-in-ms)), opacity var(--time-in-ms) ease-out calc(1.5 * var(--time-in-ms));
  max-width: 18rem;
  width: fit-content;
  margin: auto;
}
.LinkPreview_class__oF3lG > nav > div,
.LinkPreview_class__oF3lG > nav > div > section {
  width: fit-content;
}
.LinkPreview_class__oF3lG > nav > div > section > main {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 10px 30px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  cursor: grab;
}
.LinkPreview_class__oF3lG > nav > div > section > main > svg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: var(--gray800);
  pointer-events: none;
}
.LinkPreview_class__oF3lG > nav > div > section > main > span > button,
.LinkPreview_class__oF3lG > nav > div > section > main > button {
  box-shadow: none;
}
.LinkPreview_class__oF3lG > nav > div > section > main > button *,
.LinkPreview_class__oF3lG > nav > div > section > main > span > button * {
  mix-blend-mode: normal;
  color: var(--orange500);
}
.LinkPreview_class__oF3lG nav span {
  position: relative;
}
.LinkPreview_class__oF3lG nav span span {
  position: absolute;
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: var(--orange500);
  color: var(--gray000);
  top: 0;
  right: 0;
  border-radius: 100%;
  z-index: 10;
  font-size: 10px;
  align-content: center;
  justify-items: center;
  text-align: center;
  opacity: 1;
  transition: opacity var(--time-in-ms) ease-out;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}
.LinkPreview_class__oF3lG nav span span:empty {
  opacity: 0;
}
.LinkPreview_class__oF3lG.LinkPreview_src__DZpqX {
  pointer-events: all;
  user-select: contain;
}
.LinkPreview_class__oF3lG.LinkPreview_src__DZpqX > div,
.LinkPreview_class__oF3lG.LinkPreview_src__DZpqX > nav {
  opacity: 1;
}
.LinkPreview_class__oF3lG.LinkPreview_src__DZpqX > nav {
  transform: translateY(0px);
  pointer-events: fill;
}
.LinkPreview_class__oF3lG.LinkPreview_src__DZpqX > div {
  width: 100%;
  height: 100%;
}
.LinkPreview_class__oF3lG.LinkPreview_src__DZpqX iframe {
  opacity: 1;
}

.RopeDrawer_ropeDrawer__5FALq {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  overflow: hidden;
  z-index: 290000000;
  transition: all .300s ease;
  height: 100vh;
  height: 100%;
  max-height: 100vh;
  pointer-events: none;
  background-color: transparent;
}

.RopeDrawer_ropeDrawer__5FALq.RopeDrawer_isDrawerOpen__Vz7Yd {
  pointer-events: all;
  background-color: var(--shadow500);
}

.RopeDrawer_errandsBox__k33t2 {
  position: relative;
  display: flex;
  justify-content: flex-end;
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -Webkit-user-select: none;
}

.RopeDrawer_animated__KJZqr {
  transition: all 0.300s ease !important;
}

.RopeDrawer_childWrapper__1Ty6F {
  min-width: 200px;
    width: 60vw;
    max-width: 300px;
  height: 100dvh;
  max-height: 100vh;
}

.RopeDrawer_pointerEventsAll__zMXG2 {
  pointer-events: all !important;
}

.RopeDrawer_pointerEventsNone__lXXgc {
  pointer-events: none !important;
}

.RopeDrawer_visible__2\+9-e {
  visibility: visible !important;
}

.RopeDrawer_invisible__3jB2l {
  visibility: hidden !important;
}
/* .childWrapper * {
  visibility: hidden !important;
}

.isDrawerOpen .childWrapper * {
  visibility: visible !important;
} */

.RopeDrawer_staticRopeWrapper__PRlKl {
  height: 100vh;
  height: 100%;
  max-height: 100vh;
  position: absolute;
  width: 25px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 4;
  overflow: hidden;
}

.RopeDrawer_staticRopeWrapper__PRlKl img {
  width: 16px;
  height: auto;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
}

.RopeDrawer_staticRopeWrapper__PRlKl.RopeDrawer_isPullingRope__iiPkh img {
  display: none;
}

.RopeDrawer_pullRopeWrapper__zaKAF {
  display: flex;
  position: absolute;
  background: transparent;
  width: 40px;
  height: 60vh;
  z-index: 10;
  right: 0;
  justify-content: flex-end;
  align-items: center;
  /* overFlow: hidden; */
}

.RopeDrawer_pullRopeWrapper__zaKAF.RopeDrawer_isPullingRope__iiPkh {
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
}

.RopeDrawer_pullRopeWrapper__zaKAF img {
  display: flex;
  width: 28px;
  height: auto;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate(16px, -50%);
  opacity: 0;
}

.RopeDrawer_nonSelectable__D6iZZ {
  -webkit-user-select: none !important;
          user-select: none !important;
  touch-action: none !important;
  -webkit-touch-callout: none !important;
  -Webkit-user-select: none !important;
}

.RopeDrawer_pullRopeWrapper__zaKAF.RopeDrawer_isPullingRope__iiPkh img {
  display: flex;
  opacity: 1;
  transform: translate(0, -50%);
}
@keyframes main_curvedArrowPulse__vpdtX {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.15);
  }

  20% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.15);
  }

  40% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  60% {
    transform: scale(1);
  }

  100% {
    transform: scale(1);
  }
}

.main_curvedArrowSvgAppearanceAnimation__6zK7i {
  animation: main_curvedArrowPulse__vpdtX 4s ease-in-out forwards;
}
.Errand_errand__xncPT {
  width: 100%;
}

.Errand_errand__xncPT:hover,
.Errand_errand__xncPT.Errand_isDragging__4ytax {
  background-color: var(--gray050);
}

.Errand_errand__xncPT.Errand_isSelected__CMAKW {
  background-color: var(--orange000);
}

.Errand_errand__xncPT.Errand_isSelected__CMAKW>div>button>p,
.Errand_errand__xncPT.Errand_isSelected__CMAKW>div>button>h2,
.Errand_errand__xncPT.Errand_isSelected__CMAKW>div>button>time{
  color: var(--blue010);
  font-weight: 600;
}

.Errand_errand__xncPT.Errand_isMatch__0r5gF {
  background-color: var(--peach700);
}

.Errand_errand__xncPT.Errand_isMatch__0r5gF>div>button:last-child,
.Errand_errand__xncPT.Errand_isSelected__CMAKW>div>button:last-child {
  pointer-events: none;
}

.Errand_disabled__PZeeE * {
  cursor: not-allowed !important;
  /* pointer-events: none; */
}

button.Errand_disabled__PZeeE {
  opacity: .5;
}

.Errand_errand__xncPT>footer:has(>button.Errand_disabled__PZeeE) {
  grid-template-columns: 1fr 1fr;
}

.Errand_errand__xncPT>footer>button.Errand_disabled__PZeeE {
  display: none;
}

.Errand_errand__xncPT>div {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  justify-content: flex-start;
  min-height: 60px;
  max-width: 100%;
}

.Errand_errand__xncPT:hover>div {
  border-left: 1px solid var(--orange900);
}
.Errand_errand__xncPT.Errand_isSelected__CMAKW:hover>div {
  border-left: 0;
  border-left: initial;
}

.Errand_errand__xncPT>div>button:first-child {
  position: relative;
  min-width: 50px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Errand_errand__xncPT.Errand_isChecked__qjd2f .Errand_waveMiddle__fM3rT::after,
.Errand_errand__xncPT.Errand_isChecked__qjd2f>div>button:first-child::after {
  content: '\2713';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  background-color: var(--orange000);
  color: var(--blue999);
  transform: translate(-50%, -50%);
  font-size: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.Errand_errand__xncPT.Errand_isChecked__qjd2f .Errand_waveMiddle__fM3rT::after {
  width: 20px;
  height: 20px;
  background-color: var(--shadow000);
  font-size: 20px;
}
.Errand_errand__xncPT.Errand_isSelected__CMAKW.Errand_isChecked__qjd2f>div>button:first-child::after,
.Errand_errand__xncPT.Errand_isSelected__CMAKW>div>button:first-child>*:first-child {
  opacity: 0;
}

.Errand_showFooter__T7lOV {
  grid-template-rows: 1fr !important;
  display: grid !important;
}

.Errand_hideFooter__R1OnT {
  grid-template-rows: 0fr !important;
  display: none !important;
}

.Errand_errand__xncPT>footer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 0fr;
  align-items: center;
  justify-content: space-around;
  border-left: 1px solid var(--orange900);
  overflow: hidden;
  transition: all .5s linear;
}

.Errand_errand__xncPT.Errand_isDragging__4ytax:not(.Errand_isSelected__CMAKW)>footer {
  border-left: 0;
  border-left: initial;
}
.Errand_errand__xncPT.Errand_isDragging__4ytax.Errand_isSelected__CMAKW>footer {
  border-left: 1px solid var(--orange900);
}

.Errand_errand__xncPT.Errand_isDefault__qy7CN>footer {
  grid-template-columns: 1fr;
}

.Errand_errand__xncPT.Errand_isDefault__qy7CN>footer>button {
  display: none;
}

.Errand_errand__xncPT.Errand_isSelected__CMAKW>footer,
.Errand_errand__xncPT.Errand_isChecked__qjd2f>footer {
  grid-template-rows: 1fr;
  transition: all .5s linear;
}

.Errand_errand__xncPT:hover>footer,
.Errand_errand__xncPT.Errand_isDragging__4ytax>footer {
  grid-template-rows: 1fr;
  transition: all .5s linear;
}

.Errand_errand__xncPT>footer>button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 4px;
  height: fit-content;
  min-height: 0;
  position: relative;
  color: var(--blue999);
}

.Errand_errand__xncPT.Errand_isSelected__CMAKW>footer>button{
  color: var(--blue010);
}

.Errand_errand__xncPT>footer>button:first-child>svg:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
  z-index: 1;
}

.Errand_errand__xncPT>footer>button>svg {
  color: inherit;
  margin: 8px 0;
}

.Errand_errand__xncPT>div>button:last-child {
  display: block;
  padding: 8px 4px 8px 0;
  max-width: 100%;
  overflow: hidden;
}

.Errand_errand__xncPT h2,
.Errand_errand__xncPT p,
.Errand_errand__xncPT time {
  text-align: left;
  font-family: var(--typographyFontFamily);
  color: var(--blue999);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.Errand_errand__xncPT h2 {
  font-size: 14px;
  font-weight: 500;
}

.Errand_errand__xncPT p {
  font-size: 12px;
  filter: blur(.3em);
  word-break: break-all;
}

.Errand_errand__xncPT time {
  font-size: 10px;
  font-weight: 300;
}

.Errand_errand__xncPT.Errand_messageHistoryAllowed__zcFSD p {
  filter: initial;
}

.Errand_errand__xncPT>div>button:first-child>*:first-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Errand_waveBg__BRpOH {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(-100%);
  width: calc(50% + 15px);
  height: 30px;
  background-color: var(--gray000);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border: 1px solid var(--peach700);
  border-left: none;
  opacity: 0;
}

@media (max-width: 900px) {
  .Errand_waveBg__BRpOH {
    background-color: var(--gray520);
  }
}

.Errand_errand__xncPT.Errand_isMatch__0r5gF .Errand_waveBg__BRpOH,
.Errand_errand__xncPT.Errand_isSelected__CMAKW .Errand_waveBg__BRpOH {
  opacity: 1;
  transform: translateY(-50%) translateX(0%);
  transition: transform .25s linear;
}

.Errand_waveBg__BRpOH>span {
  width: 0;
  height: 0;
}

.Errand_waveBg__BRpOH>span::before,
.Errand_waveBg__BRpOH>span::after,
.Errand_waveBg__BRpOH::before,
.Errand_waveBg__BRpOH::after {
  position: absolute;
  left: 0;
  display: block;
  content: '';
  width: 15px;
  height: 15px;
}

.Errand_waveBg__BRpOH::before,
.Errand_waveBg__BRpOH>span::after {
  background-color: var(--gray000);
}

@media (max-width: 900px) {
  .Errand_waveBg__BRpOH::before,
  .Errand_waveBg__BRpOH>span::after {
    background-color: var(--gray520);
  }
}

.Errand_waveBg__BRpOH>span::before {
  top: -15px;
  height: 14px;
}

.Errand_waveBg__BRpOH::before {
  top: -15px;
}

.Errand_waveBg__BRpOH::after {
  bottom: -16px;
}

.Errand_waveBg__BRpOH>span::after {
  bottom: -15px;
}

.Errand_errand__xncPT.Errand_isSelected__CMAKW .Errand_waveBg__BRpOH>span::before {
  border-left: 1px solid var(--orange900);
  border-bottom: 1px solid var(--orange900);
  border-bottom-left-radius: 15px;
  background-color: var(--orange000);
}

.Errand_errand__xncPT.Errand_isSelected__CMAKW .Errand_waveBg__BRpOH::after {
  border-left: 1px solid var(--orange900);
  border-top: 1px solid var(--orange900);
  border-top-left-radius: 15px;
  background-color: var(--orange000);
}

.Errand_errand__xncPT.Errand_isMatch__0r5gF .Errand_waveBg__BRpOH>span::before {
  border-left: 1px solid var(--orange900);
  border-bottom: 1px solid var(--orange900);
  border-bottom-left-radius: 15px;
  background-color: var(--peach700);
}

.Errand_errand__xncPT.Errand_isMatch__0r5gF .Errand_waveBg__BRpOH::after {
  border-left: 1px solid var(--orange900);
  border-top: 1px solid var(--orange900);
  border-top-left-radius: 15px;
  background-color: var(--peach700);
}

.Errand_waveMiddle__fM3rT {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%) translateX(-100%);
  opacity: 0;
}

.Errand_errand__xncPT.Errand_isMatch__0r5gF .Errand_waveMiddle__fM3rT,
.Errand_errand__xncPT.Errand_isSelected__CMAKW .Errand_waveMiddle__fM3rT {
  opacity: 1;
  transform: translateY(-50%) translateX(-50%);
  transition: opacity .5s linear .25s, transform .5s linear .25s;
}

.Errand_errand__xncPT.Errand_isSelected__CMAKW .Errand_waveMiddle__fM3rT {
  background-color: var(--peach700);
}

.Errand_errand__xncPT.Errand_isMatch__0r5gF .Errand_waveMiddle__fM3rT {
  background-color: var(--orange000);
}

.Errand_errand__xncPT p.Errand_errandPreview__mfhZ0 {
  word-break: normal;
}

.Errand_avatar__DJOT-{
  pointer-events: none;
}
.ErrandsTitle_class__lRa9y {
  interpolate-size: allow-keywords;
  padding: 10px 0 10px 10px;
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  height: 56px;
  margin-top: -1px;
  background-color: var(--peach700);
  border: 1px solid var(--peach700);
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom: 3px solid var(--peach700);
  color: var(--gray000);
}
.ErrandsTitle_class__lRa9y * {
  interpolate-size: allow-keywords;
  overflow: clip;
  transition: width .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  color: var(--gray000);
}

.ErrandsTitle_class__lRa9y > p {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  width: 100%;
}

.ErrandsTitle_class__lRa9y > p:nth-of-type(1) {
  transform: translateX(-37.5%);
  display: flex;
  justify-content: center;
}

.ErrandsTitle_class__lRa9y > form {
  width: 0;
  padding: 4px 0;
}
.ErrandsTitle_class__lRa9y.ErrandsTitle_isExpanded__QtLOP > p {
  width: 0;
}
.ErrandsTitle_class__lRa9y.ErrandsTitle_isExpanded__QtLOP > form {
  width: 100%;
}

@media (min-width: 900px) {
  .ErrandsTitle_class__lRa9y {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom: none;
  }
  .ErrandsTitle_class__lRa9y > p {
    font-size: 14px;
  }
}

.ErrandsTitle_class__lRa9y > button > span:first-of-type {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
}
.ErrandsTitle_class__lRa9y > button > span:first-of-type::before {
    content: "";
    display: inline-block;
    width: 10%;
    height: 40%;
    background: var(--gray000);
    position: absolute;
    left: 75%;
    top: 75%;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: all 0.3s;
}
.ErrandsTitle_class__lRa9y > button > span:first-of-type::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 50%;
    height: 50%;
    border: 2.4px solid var(--gray000);
    border-radius: 50%;
    top: 40%;
    left: 40%;
    transform: translate(-50%, -50%) rotate(0deg);
    transition: all 0.3s;
}
.ErrandsTitle_class__lRa9y.ErrandsTitle_isExpanded__QtLOP > button > span:first-of-type::before {
    height: 80%;
    left: 50%;
    top: 50%;
}
.ErrandsTitle_class__lRa9y.ErrandsTitle_isExpanded__QtLOP > button > span:first-of-type::after {
    border-width: 1px;
    border-radius: 0;
    background: var(--gray000);
    width: 0;
    height: 70%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all 0.3s, background 0s 0.3s;
}

.ErrandsTitle_class__lRa9y.ErrandsTitle_disabled__eyx6q > button {
  cursor: not-allowed;
}

.ErrandsTitle_options__vN5yX ul {
  padding: 0;
}

.ErrandsTitle_options__vN5yX li {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 40px;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Poppins';
  font-size: 16px;
  pointer-events: all;
  padding-left: 0;
}

.ErrandsTitle_options__vN5yX li * {
  pointer-events: none;
}

.ErrandsTitle_options__vN5yX li > span:first-child {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
}

.ErrandsTitle_options__vN5yX li > span:first-child::before,
.ErrandsTitle_options__vN5yX li > span:first-child::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.ErrandsTitle_options__vN5yX li > span:first-child::before {
  width: 16px;
  height: 16px;
  border: 2px solid var(--gray950);
}

.ErrandsTitle_options__vN5yX li > span:first-child.ErrandsTitle_selected__fEgLQ::after {
  width: 10px;
  height: 10px;
  background-color: var(--gray950);
}

.ErrandsTitle_options__vN5yX li > span.ErrandsTitle_checkbox__NWTNU::before {
  border-radius: 0 !important;
}

.ErrandsTitle_options__vN5yX li > span.ErrandsTitle_checkbox__NWTNU.ErrandsTitle_selected__fEgLQ::after {
  content: '\2713';
  width: fit-content;
  height: fit-content;
  color: var(--gray950);
  background: transparent;
}

.PulsatingWrapper_pulsating-circle-wrapper__7mgy7 {
  position: relative;
  display: inline-block;
}

.PulsatingWrapper_pulsating-circle-wrapper__7mgy7.PulsatingWrapper_play__7V3f4::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250%;
  height: 250%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--primaryMain);
  animation: PulsatingWrapper_pulse-ring__R7kxc 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  z-index: 0;
}

.PulsatingWrapper_pulsating-circle-wrapper__7mgy7>* {
  position: relative;
  z-index: 2;
}

@keyframes PulsatingWrapper_pulse-ring__R7kxc {
  0% {
    transform: translate(-50%, -50%) scale(0.33);
  }

  80%,
  100% {
    opacity: 0;
  }
}

@keyframes PulsatingWrapper_pulse-dot__3RzTq {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }

  50% {
    transform: translate(-50%, -50%) scale(1);
  }

  100% {
    transform: translate(-50%, -50%) scale(0.8);
  }
}
.ErrandsFooter_errandsFooterContainer__1EmRh {
  display: flex;
  flex-direction: column;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_bottombar__gyLl5 {
  width: 100%;
  height: 8px;
  background: var(--orange700);
  bottom: -4px;
  position: relative;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_buttonsContainer__mBzZz {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 65px;
  overflow: hidden;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_newErrandButtonWrapper__Ag5hz {
  height: 40px;
  width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: white;
  z-index: 1;
  position: relative;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_newErrandButtonContainer__uDlAp {
  margin: 0 8px;
  width: calc(100% - 15px);
  border: 1px solid var(--orange700);
  border-radius: 8px;
  height: 40px;
  bottom: 0px;
  position: relative;
  z-index: 1;
  background: white;
  transition: all 0.3s ease;
  color: var(--orange700);
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_newErrandButtonWrapper__Ag5hz::before {
  filter: blur(5.5px);
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 3px;
  left: 11px;
  bottom: 2px;
  right: 11px;
  border-radius: 8px;

  background: linear-gradient(90deg, #ff4646, #9eff46, #469eff, #46cdfa, #a546ff);
  background-size: 200%;
  animation: ErrandsFooter_circle__0\+1H5 2s linear infinite;
}

@keyframes ErrandsFooter_circle__0\+1H5 {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 200%;
  }
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_angelIcon__9Jrc4 {
  display: block;
  padding-top: 2px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABy1BMVEUAAAD8/PwICAgCAgL+/v4AAAAEBAQ9PT0wMDASEhIaGhobGxv7+/v09PTk5OTn5+e9vb2xsbG6urqXl5eampp+fn6AgIBgYGBgYGBPT09lZWVJSUlNTU0gICAUFBQYGBjd3d3s7Oz29vbb29vExMSXl5e1tbW7u7tlZWUAAADBwcHHx8exsbHU1NR8fHzQ0NCwsLCRkZGkpKSmpqaioqIAAAB1dXVSUlJ1dXVgYGACAgJnZ2deXl5FRUUDAwNhYWF3d3cvLy87OzsUFBQODg4AAAAsLCxAQED////8/Pz39/f5+fn+/v7z8/P6+vr19fXx8fHp6enu7u7s7Ozm5uYBAQHS0tLk5OTl5eXj4+PU1NTh4eHa2trw8PDr6+vf39+8vLzY2Ni5ubne3t7c3NzPz8/Ly8vFxcXCwsK2trazs7Ourq6pqamhoaHHx8fAwMC+vr7W1tbOzs7KysqxsbGrq6unp6ekpKR7e3tlZWUxMTG9vb2Li4uHh4eAgIB2dnZsbGxgYGBOTk5KSkpFRUU2NjYrKyslJSUUFBQLCwvo6OjExMSbm5uVlZWSkpKEhIRdXV1XV1c/Pz8hISEbGxu4uLicnJxSUlIHBweNmGLBAAAASHRSTlMA/Qf8+/33TzYnFgz7+vrz49fSvLOsjX93b1FOOSMZEP339fXx6ujn5ePh4NXU0c7JxcS3op+dm5KKfm9nZFxZSUdBPzgxLiTd6ZpqAAAEE0lEQVRIx62VVdPUQBBFadzd3d3dXbp7LLbJugHfGu7u7g4/l8kiDySLVHEf8pCcUzcjNdPv/2XvkX+A+/efMx9x1Yi/ow9tWjYo44CkgTjzL/DtgzOZL9dOYJyROP1P+LDBmQFXQ6h4tkBKa0z4Pb87M+AOoVEfBREhohyIY37HH8wMOIoClFdlZiefjwjlKOjfWxg8wGijGJy6J06dqDZDRxHCqJ780kE51sVqvZ6/Tq/aZ48dC5vHHKCBa3rwG67dQLdz3ndKhc7FshcEUdapRh5Cj7naR4Mof4ldTylD7Agh2M15LQUE6QOvtR9hh302hlloANBC+M+aOYcAZ6Twk/H126hRQpAIbHnSEhFV1LQVcn2K4Kort5uq9fBx5kMdyQYvPXr69I06w1ael+T3IN+60ug0JNKpd4A2pQc1w31XL7sMhIcTwkoNJ++cQYeFpQnx2wMcPt6Mha0JYbyCc2/OqSgMcyHLWJAUnm2EhWxHE8nlSYGFf69Sfvf43sOTLnaTP/ng7fuT6gQSUTmxP9aCgM/Ha1fwSebkyS5Pl+5kbjpPnBMIJGHWr8JEYnE3wBP0JHNVdStCfJq57xyny0IQJldiMqnS1TZgu3WLS34s+Ob4/dMdVC+MkYjTfhV2onE/3TYC0DGEtk4i+YZIBS/jLYtTfhVmosxWHngkgCRi+WjFtRQBmOcXfJ0mDBfac29ekVpbgQvHigWFkkDz5XMuJX/JZjTrHD3yjQaJeKx9IQ9IQKqvU/TjN0MSwlhPqSD3HrXuLjGjtIIpX68rkBLlrIQwSRek7526Dy67L+4+vHbv5mlicxnjdZOY7ZfILjwrtevV7mYyR29nbK6hUS9VrkFx47iUE8nUSsQVv/z4wxk8fuPWGfSC15zLl7vTNjXlOJ3r5KU8Vg5U1QFCBDj/igtOhYBQ0ux+ySxWIYGbdbPmxhkfKX8xbBazyrCwDWOTuB21CQqkj3POr7unnrf6nLB+NOso1kS4JU0YIqkP8ZSMvLab9f0od7yae6ZiQZYOpAlzfC9ysaEjt+X5QRC4tdNRYAVB2E6/KBa62If5IFup+kIwi2IsGBbgLeqXmnUKjnqFo8Gx0AOtBRSqQWCsQOd6nPnbQEHo1oK+ikNg49TdbCywOzVdGEIGQ1VU1z0gG6CLIufG5z7uTxeGsUA78315JpKxUmyZyGWheHa6MNxhjs62agosLyVp8i9VSnbtRvfrIbBTPXFe+YJsA9oOLej0hYLyVvQQhjYuFKHEAERoYzUBgs9fLG5M5zc7A0kwCG0F+d3QQjOGq1NvuSWgRBwN0C3oGgDxG2mGJvlxygO2Xy3+nZc/FBaMCWMHRcL2E/z4n58lFJd43q+7acHRsgYQhgh/SXckzBN/kF8BJ3h4fY3zjA0AAAAASUVORK5CYII=);
  background-size: 100% 100%;
  border-radius: 50%;
  background-color: var(--orange700);
  width: 20px;
  height: 20px;
  border: 1px solid var(--gray000);
  background-repeat: no-repeat;
  margin-right: 2px;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_newErrandButton__55ctp {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.ErrandsFooter_newErrandButtonContainer__uDlAp:hover {
  background: var(--orange700);
  color: white;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_sideButtonWrapper__Mv8d3 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  height: 100%;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_sideButtons__UG7yl {
  background: var(--orange700);
  color: white;
  height: 65px;
  width: 56px;
  padding: 0 5px;
  border-radius: 8px 8px 0px 0px;
  align-self: flex-end;
  max-height: 40px;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_buttonLabel__bP22F {
  font-size: 10px;
  display: flex;
  justify-content: center;
  background: var(--orange700);
  color: white;
  padding: 0px 5px 5px 5px;
  width: 100%;
  text-align: center;
  height: 30px;
  width: 56px;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_leftButton__V81zS::after {
  position: absolute;
  right: -8px;
  bottom: 5px;
  width: 0.5625rem;
  height: 0.75rem;
  content: '';
  display: block;
  transform: rotate(180deg);
  background: radial-gradient(circle at 0% 100%, transparent 0.5rem, var(--orange000) 0.5625rem, var(--orange900) 0.625rem);
  z-index: 2;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_rightButton__5yL08::before {
  position: absolute;
  left: -8px;
  bottom: 5px;
  width: 0.5625rem;
  height: 0.75rem;
  content: '';
  display: block;
  transform: rotate(180deg);
  background: radial-gradient(circle at 100% 100%, transparent 0.5rem, var(--orange000) 0.5625rem, var(--orange900) 0.625rem);
  z-index: 2;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_disable__FA8Ci {
  cursor: not-allowed;
}

/* HOVER LOGIC */

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_sideButtonWrapper__Mv8d3 {
  bottom: -30px;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_sideButtonWrapper__Mv8d3:hover {
  bottom: 0px;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_leftButton__V81zS::after, 
.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_rightButton__5yL08::before {
  bottom: 35px;
  transition: opacity 0.3s ease, bottom 0.3s ease;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_sideButtonWrapper__Mv8d3:hover .ErrandsFooter_leftButton__V81zS::after,
.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_sideButtonWrapper__Mv8d3:hover .ErrandsFooter_rightButton__5yL08::before {
  bottom: 5px;
  opacity: 1;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_showMobileLabel__ySC5r {
  bottom: 0px !important;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_showMobileLabel__ySC5r .ErrandsFooter_leftButton__V81zS::after,
.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_showMobileLabel__ySC5r .ErrandsFooter_rightButton__5yL08::before {
  bottom: 5px;
  opacity: 1;
}
.UserPromptList_slide__SlQTp {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  outline: 0.125rem solid var(--peach900);
  outline-offset: -0.0625rem;
  position: absolute;
  top: 0;
  left: calc(100% + 1px);
  background-color: var(--gray000);
  z-index: 999;
  border-radius: .5rem;
  transition: all 1s linear;
}

.UserPromptList_showUserPromptList__GaAyN {
  left: 0;
}

@media (max-width: 900px) {
  .UserPromptList_slide__SlQTp {
    border-radius: 0;
  }
}

.UserPromptList_slide__SlQTp header {
  background-color: var(--peach800);
  color: var(--blue999);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--typographyFontFamily);
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.UserPromptList_slide__SlQTp header::after {
  content: '';
  display: block;
  width: calc(100% - 2px);
  height: 20px;
  position: absolute;
  left: 1px;
  bottom: -20px;
  background: linear-gradient(var(--gray000), transparent);
  z-index: 2;
  pointer-events: none;
}

.UserPromptList_slide__SlQTp header.UserPromptList_openSearchHeader__62m2r .UserPromptList_openSearchContainer__LQIs- {
  background-color: var(--gray010);
  border-radius: 10px;
  height: 35px;
}

.UserPromptList_slide__SlQTp header.UserPromptList_openSearchHeader__62m2r .UserPromptList_searchIcon__k79YO{
  pointer-events: none;
  color: var(--orange700);
}

.UserPromptList_slide__SlQTp header.UserPromptList_openSearchHeader__62m2r .UserPromptList_closeIcon__0n68W{
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  margin-right: 15px;
  padding-top: 5px;
}

@media screen and (max-width: 600px) {
  .UserPromptList_slide__SlQTp header.UserPromptList_openSearchHeader__62m2r .UserPromptList_closeIcon__0n68W{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    margin-right: 5px;
    padding-top: 5px;
  }
}

.UserPromptList_slide__SlQTp header.UserPromptList_openSearchHeader__62m2r .UserPromptList_inputBase__e\+y9c{
  font-weight: 500;
  color: var(--gray410);
  width: 70%;
  padding-right: 25px;
  background-color: var(--gray010);
}

.UserPromptList_slide__SlQTp header.UserPromptList_closeSearchHeader__wYFfI button{
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -16px;
  margin-right: 5px;
  padding-top: 5px;
}

.UserPromptList_slide__SlQTp ul {
  position: relative;
  margin-bottom: auto;
  max-height: calc(100% - 165px);
}

.UserPromptList_slide__SlQTp ul > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  width: calc(100% - 2px);
  transform: translateX(1px);
}
.UserPromptListItem_listItem__hGRjx {
  width: 100%;
  height: fit-content;
  list-style: none;
  list-style-type: none;
}

.UserPromptListItem_listItem__hGRjx button {
  width: 100%;
  height: fit-content;
  margin: 0;
  padding: 10px 5px 10px 10px;
  border-top: 1px solid var(--peach200);
  background-color: var(--gray000);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.UserPromptListItem_listItem__hGRjx img,
.UserPromptListItem_listItem__hGRjx span,
.UserPromptListItem_listItem__hGRjx svg {
  width: 24px;
  height: auto;
}

.UserPromptListItem_listItem__hGRjx div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.UserPromptListItem_listItem__hGRjx p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  font-family: var(--typographyFontFamily);
  text-align: left;
  color: var(--orange700);
}

.UserPromptListItem_listItem__hGRjx small {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 400;
  font-family: var(--typographyFontFamily);
  text-align: left;
  color: var(--gray600);
}

.UserPromptListItem_listItem__hGRjx:hover p,
.UserPromptListItem_listItem__hGRjx:focus-within p {
  font-weight: 700;
}

.UserPromptListItem_listItem__hGRjx:hover small,
.UserPromptListItem_listItem__hGRjx:focus-within small {
  font-weight: 500;
}
.UserPromptListFooter_footer__JgXZP {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px;
  border-top: 1px solid var(--gray820);
}

.UserPromptListFooter_footer__JgXZP form {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

.UserPromptListFooter_footer__JgXZP p,
.UserPromptListFooter_footer__JgXZP input {
  background-color: var(--peach800);
  border: none;
  height: 40px;
  width: 100%;
  padding: 8px 40px 8px 8px;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--typographyFontFamily);
  color: var(--blue999);
}

.UserPromptListFooter_footer__JgXZP input::placeholder {
  color: var(--blue999);
}

.UserPromptListFooter_footer__JgXZP svg {
  position: absolute;
  top: 8px;
  right: 8px;
  pointer-events: none;
  color: var(--blue999);
}

.UserPromptListFooter_footer__JgXZP fieldset {
  border: none;
  border-radius: 4px;
}

.UserPromptListFooter_footer__JgXZP button {
  height: 40px;
  border-radius: 4px;
  border: 1px solid var(--peach800);
  color: var(--orange700);
  font-size: 14px;
  font-weight: 400;
  font-family: var(--typographyFontFamily);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}


.UserPromptListFooter_footer__JgXZP button:hover,
.UserPromptListFooter_footer__JgXZP button:focus {
  font-weight: 600;
}
.ErrandsContainer_aside__vLJsT {
  background-color: var(--gray000);
  height: 100%;
  outline: 1px solid var(--peach900);
  outline-offset: -1px;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  align-items: space-between;
  border-radius: 0;
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  position: relative;
}

.ErrandsContainer_aside__vLJsT.ErrandsContainer_isDesktop__PQsYN {
  border-radius: 8px;
  min-width: 300px;
  width: 300px;
  max-width: 300px;
}

.ErrandsContainer_ul__dI6gd {
  width: 100%;
  height: 100%;
  padding-top: 0;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: auto;
  flex: 1 1;
  list-style-type: none;
  position: relative;
  padding-bottom: 60px;
  /* scrollbar-width: thin; */
}

.ErrandsContainer_ul__dI6gd li {
  display: flex;
}
.ErrandsContainer_errandNotice__H7oSq {
  display: block;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: thin;
  color: var(--gray600);
  text-align: justify;
}
.ConversationPage_PageSection__aQp3R {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background: var(--gray000);
}

.ConversationPage_ConversationsContainer__n\+h5e {
  display: flex;
  flex-direction: row;
  gap: 10px;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  background: var(--gray000);
  position: relative
}

@media (max-aspect-ratio: 16/10) {
  .ConversationPage_ConversationsContainer__n\+h5e {
    flex-direction: column;
    gap: 0;
  }
}